.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-f77a31e:#00A7DE;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --rot:#b33001; --weiss:#ffffff; --schwarz:#000000; --weiss-80:#ffffffcc; --weiss-60:#ffffff99; --weiss-20:#ffffff33; --grey-20:#78787833; --DUP_weiss:#ffffff; --DUP_weiss1:#ffffff; }
/* Start custom CSS *//* ==================================================
   IMPRESSUM & DATENSCHUTZ
   Äußerer Container: .legal-page
================================================== */

.legal-page {
  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  line-height: 1.6;
}


/* ==================================================
   Button Effekt
================================================== */




.btn-slide-effect {
  /* --btn-font-size: 17px; */
  --btn-line-height: 1.35;
  --btn-mask-padding: 0.08em;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
}

/* Die sichtbare Maske */
.btn-slide-effect .btn-mask-slide-effect {
  position: relative;
  display: block;
  overflow: hidden;

  font-size: var(--btn-font-size);
  line-height: var(--btn-line-height);

  height: calc(1em * var(--btn-line-height) + var(--btn-mask-padding) * 2);
}

/* Beide Textzeilen */
.btn-slide-effect .btn-text-slide-effect {
  display: block;
  margin: 0;
  padding: var(--btn-mask-padding) 0;

  font-size: inherit;
  line-height: var(--btn-line-height);

  transform: translate3d(0, 0%, 0);
  transition: transform 0.85s cubic-bezier(.16, 1, .3, 1);
  will-change: transform;
}

/* Elementor-Text innen neutralisieren */
.btn-slide-effect .btn-text-slide-effect *,
.btn-slide-effect .btn-text-slide-effect p,
.btn-slide-effect .btn-text-slide-effect span,
.btn-slide-effect .btn-text-slide-effect h1,
.btn-slide-effect .btn-text-slide-effect h2,
.btn-slide-effect .btn-text-slide-effect h3,
.btn-slide-effect .btn-text-slide-effect h4 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Hover */
.btn-slide-effect:hover .btn-text-slide-effect {
  transform: translate3d(0, -100%, 0);
}









/* ==================================================
   Accordion Hover- und Öffnungseffekt
   Für alle Accordions mit Klasse: accordeon-svg-spin
================================================== */


/* Accordion Title */
.accordeon-svg-spin .e-n-accordion-item-title {
  box-sizing: border-box;
}

/* ==================================================
   ICON – ZENTRIERT + FLÜSSIGE ROTATION
================================================== */

/* Desktop */
.accordeon-svg-spin .e-n-accordion-item-title-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  flex: 0 0 32px;

  display: flex !important;
  align-items: center;
  justify-content: center;
  align-self: center;

  transform: rotate(0deg);
  transform-origin: 50% 50%;

  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: transform;
}


/* SVG */
.accordeon-svg-spin .e-n-accordion-item-title-icon svg {
  display: block;
  width: 32px !important;
  height: 32px !important;

  /* SVG selbst wird NICHT gedreht */
  transform: none !important;
}


/* Geöffnet */
.accordeon-svg-spin
.e-n-accordion-item[open]
> .e-n-accordion-item-title
.e-n-accordion-item-title-icon {
  transform: rotate(180deg);
  
}


/* Geschlossen */
.accordeon-svg-spin
.e-n-accordion-item:not([open])
> .e-n-accordion-item-title
.e-n-accordion-item-title-icon {
  transform: rotate(0deg);
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1024px) {

  .accordeon-svg-spin .e-n-accordion-item-title-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex-basis: 28px;
  }

  .accordeon-svg-spin .e-n-accordion-item-title-icon svg {
    width: 28px !important;
    height: 28px !important;
  }

}


/* ==================================================
   HANDY
================================================== */

@media (max-width: 767px) {

  .accordeon-svg-spin .e-n-accordion-item-title-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    flex-basis: 26px;
  }

  .accordeon-svg-spin .e-n-accordion-item-title-icon svg {
    width: 26px !important;
    height: 26px !important;
  }

}




/* Auf Desktop ausblenden */
@media (min-width: 1025px) {
  .hide-desktop {
    display: none !important;
  }
}

/* Auf Tablet ausblenden */
@media (min-width: 768px) and (max-width: 1024px) {
  .hide-tablet {
    display: none !important;
  }
}

/* Auf Mobile ausblenden */
@media (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}/* End custom CSS */