.elementor-kit-5{--e-global-color-primary:#19BE9D;--e-global-color-secondary:#0F2B26;--e-global-color-text:#3A3F47;--e-global-color-accent:#0F7A66;--e-global-color-dcb7e1d:#FFFFFF;--e-global-color-04fadf0:#F2FBF9;--e-global-color-4488283:#0B6553;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:17px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-letter-spacing:-0.5px;--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;color:var( --e-global-color-text );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-dcb7e1d );border-radius:8px 8px 8px 8px;padding:16px 32px 16px 32px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-4488283 );color:var( --e-global-color-dcb7e1d );box-shadow:0px 6px 18px 0px rgba(15.000000000000004, 122, 102, 0.25);border-radius:8px 8px 8px 8px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-accent );text-decoration:underline;}.elementor-kit-5 a:hover{color:var( --e-global-color-primary );text-decoration:underline;}.elementor-kit-5 h1{color:var( --e-global-color-secondary );font-size:48px;font-weight:700;letter-spacing:-0.5px;}.elementor-kit-5 h2{color:var( --e-global-color-secondary );font-size:36px;font-weight:700;letter-spacing:-0.5px;}.elementor-kit-5 h3{color:var( --e-global-color-secondary );font-size:26px;font-weight:600;letter-spacing:-0.25px;}.elementor-kit-5 h4{color:var( --e-global-color-secondary );font-size:20px;font-weight:600;}.elementor-kit-5 h5{color:var( --e-global-color-secondary );font-size:18px;font-weight:600;}.elementor-kit-5 h6{color:var( --e-global-color-secondary );font-size:16px;font-weight:600;}.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;}}
/* Start custom CSS *//* ==========================================================
   WantaSol – Animations-Bibliothek
   Ablage: Elementor → Website-Einstellungen → Individuelles CSS
   ========================================================== */

/* --- 1) BILD-ZOOM bei Hover ------------------------------- */
.ws-zoom { overflow: hidden; }
.ws-zoom > img { transition: transform 0.5s ease-out; }
.ws-zoom:hover > img { transform: scale(1.06); }

/* --- 2) KARTE HEBT SICH bei Hover ------------------------- */
.ws-lift { transition: transform 0.3s ease-out, box-shadow 0.3s ease-out; }
.ws-lift:hover { transform: translateY(-6px); box-shadow: 0 12px 28px rgba(15, 43, 38, .15); }

/* --- 3) EINBLENDEN beim Scrollen --------------------------
   (+ d1 / d2 / d3 für Staffelung) */
.ws-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .8s cubic-bezier(.16, 1, .3, 1),
              transform .8s cubic-bezier(.16, 1, .3, 1);
  will-change: opacity, transform;
}
.ws-reveal.is-visible { opacity: 1; transform: none; }
.ws-reveal.d1 { transition-delay: .12s; }
.ws-reveal.d2 { transition-delay: .24s; }
.ws-reveal.d3 { transition-delay: .36s; }

/* --- 4) BILD BAUT SICH VON UNTEN AUF ----------------------
   Innenabstand + Hintergrund absichtlich NICHT gesetzt,
   damit beides in Elementor steuerbar bleibt */
.ws-unfold {
  position: relative;
  overflow: hidden;
}
.ws-unfold > img {
  display: block;
  width: 100%;
  clip-path: inset(100% 0 0 0);
  transition: clip-path 1.6s cubic-bezier(.22, 1, .36, 1);
}
.ws-unfold.is-visible > img { clip-path: inset(0 0 0 0); }

/* ---- Varianten: einfach die ZWEITE Klasse dazusetzen ---- */
.ws-unfold.ws-clear { background: transparent; }   /* ohne Fläche */
.ws-unfold.ws-dark  { background: #0F2B26; }       /* dunkle Fläche */
.ws-unfold.ws-soft  { background: #F5F7F6; }       /* helle Fläche */

/* --- 5) BARRIEREFREIHEIT --------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .ws-reveal { opacity: 1; transform: none; transition: none; }
  .ws-zoom > img { transition: none; }
  .ws-lift { transition: none; }
  .ws-unfold > img { clip-path: none; }
}/* End custom CSS */