.elementor-kit-50423{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#464646;--e-global-color-accent:#727879;--e-global-color-text:#FFEE4C;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-primary-word-spacing:0em;}.elementor-kit-50423 button,.elementor-kit-50423 input[type="button"],.elementor-kit-50423 input[type="submit"],.elementor-kit-50423 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;font-size:clamp(12px, 11.4706px + 0.1471cqi, 15px);font-weight:400;text-transform:uppercase;letter-spacing:0.2em;color:var( --e-global-color-primary );border-style:solid;border-width:0px 8px 0px 0px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:16px 35px 16px 35px;}.elementor-kit-50423 button:hover,.elementor-kit-50423 button:focus,.elementor-kit-50423 input[type="button"]:hover,.elementor-kit-50423 input[type="button"]:focus,.elementor-kit-50423 input[type="submit"]:hover,.elementor-kit-50423 input[type="submit"]:focus,.elementor-kit-50423 .elementor-button:hover,.elementor-kit-50423 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-kit-50423 e-page-transition{background-color:#FFBC7D;}.elementor-kit-50423 p{margin-block-end:15px;}.elementor-kit-50423 a{color:var( --e-global-color-text );}.elementor-kit-50423 h1{color:var( --e-global-color-accent );}.elementor-kit-50423 h2{color:var( --e-global-color-accent );}.elementor-kit-50423 h3{color:var( --e-global-color-accent );}.elementor-kit-50423 h4{color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;letter-spacing:0em;}.elementor-kit-50423 h5{color:var( --e-global-color-accent );}.elementor-kit-50423 h6{color:var( --e-global-color-accent );}.elementor-kit-50423 img{border-radius:0px 0px 0px 0px;}.elementor-kit-50423 img:hover{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}/* Start custom CSS */html {
    overflow-x: hidden !important;
}

@media (max-width: 767px) {
    .eael-feature-list-items.connector-type-classic .connector {
        display: none !important;
    }
}

@media (max-width: 1025px) {
    .eael-feature-list-items.connector-type-classic .connector {
        display: none !important;
    }
}

::-moz-selection { background: #FFEE4C;
    color: #727879; }
::selection {
    background: #FFEE4C;
    color: #727879; }

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #FFEE4C #727879;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #727879;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #727879 ;
    border-radius: 10px;
    border: 3px none #ffffff;
  }

.elementor-cta__button.elementor-button {
    border-top-width: 0 !important;
    border-right-width: 0 !important;
    border-bottom-width: 1px !important;
    border-left-width: 0 !important;
}

.reveal {
  opacity: 0;
  transform: translateY(40px);
  filter: blur(12px);
  transition:
    opacity   1.1s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1s   cubic-bezier(0.16, 1, 0.3, 1),
    filter    1s   cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity, filter;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* ===== Reveal-Blur für problematische Widget-Typen ===== */

/* 1) Wrapper-Blur deaktivieren, weil er bei diesen Widgets nicht greift */
.reveal.elementor-widget-heading,
.reveal.elementor-widget-image,
.reveal.elementor-widget-text-editor {
  filter: none;
}

/* 2) Stattdessen den Blur direkt auf den inneren Content legen */
.reveal.elementor-widget-heading .elementor-heading-title,
.reveal.elementor-widget-image img,
.reveal.elementor-widget-text-editor .elementor-widget-container {
  filter: blur(12px);
  transition: filter 1s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: filter;
}

/* 3) Sichtbar-Zustand: Blur entfernen */
.reveal.is-visible.elementor-widget-heading .elementor-heading-title,
.reveal.is-visible.elementor-widget-image img,
.reveal.is-visible.elementor-widget-text-editor .elementor-widget-container {
  filter: blur(0);
}

/* Nach dem ersten Reveal: beim Rausgleiten kein Translate, nur fade + leichter Blur */
.reveal.has-revealed:not(.is-visible) {
  transform: translate3d(0, 0, 0);
  filter: blur(6px);
  transition:
    opacity 0.5s ease-out,
    filter  0.5s ease-out;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .reveal.elementor-widget-heading .elementor-heading-title,
  .reveal.elementor-widget-image img,
  .reveal.elementor-widget-text-editor .elementor-widget-container {
    filter: none !important;
    transition: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}

/* ===== Barba Page Transition: Slide-up vertikal ===== */

[data-elementor-type="wp-page"] {
  transition:
    opacity   0.55s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.55s cubic-bezier(0.16, 1, 0.3, 1),
    filter    0.55s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity, filter;
}

/* Alte Seite gleitet nach oben raus */
html.is-leaving [data-elementor-type="wp-page"] {
  opacity: 0;
  transform: translateY(-60px);
  filter: blur(8px);
}

/* Neue Seite startet von unten und gleitet nach oben rein */
html.is-rendering [data-elementor-type="wp-page"] {
  opacity: 0;
  transform: translateY(60px);
  filter: blur(8px);
}

/* Hintergrund hinter dem Container (verhindert weißes Aufblitzen) */
html { background: #000000; }

/* Mobile: Blur weglassen wegen Performance */
@media (max-width: 767px) {
  html.is-leaving [data-elementor-type="wp-page"],
  html.is-rendering [data-elementor-type="wp-page"] {
    filter: none !important;
  }
}

/* Reduced Motion respektieren */
@media (prefers-reduced-motion: reduce) {
  [data-elementor-type="wp-page"],
  html.is-leaving [data-elementor-type="wp-page"],
  html.is-rendering [data-elementor-type="wp-page"] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}

/* Nur html scrollt, body nicht */
html {
  overflow-y: scroll; /* scroll statt auto, damit die Leiste immer reserviert ist (kein Layout-Shift) */
}

body {
  overflow: visible;
}

/* Im Elementor-Editor sollen Reveal-Elemente immer sichtbar sein */
body.elementor-editor-active .reveal,
body.elementor-edit-mode .reveal,
.elementor-editor-active .reveal,
.elementor-edit-mode .reveal {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

/* Auch die spezialgetargeteten Inner-Elemente (Headings, Bilder, Text-Editoren) */
body.elementor-editor-active .reveal.elementor-widget-heading .elementor-heading-title,
body.elementor-editor-active .reveal.elementor-widget-image img,
body.elementor-editor-active .reveal.elementor-widget-text-editor .elementor-widget-container,
body.elementor-edit-mode .reveal.elementor-widget-heading .elementor-heading-title,
body.elementor-edit-mode .reveal.elementor-widget-image img,
body.elementor-edit-mode .reveal.elementor-widget-text-editor .elementor-widget-container {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url('https://systec.variaplus.de/wp-content/uploads/2026/05/Montserrat-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */