.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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-6 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 { --tinte:#181D27; --text-grau:#5B6472; --grau:#D7DCE3; --flaeche:#F3F5F7; --blau-tief:#08309F; --quellblau:#0870E8; --akzent:rgba(0, 99, 238, 0.84); --weiss:#FFFFFF; --tinte-60:rgba(24, 29, 39, 0.6); --weiss-60:rgba(255, 255, 255, 0.6); --rand-dunkel:rgba(24, 29, 39, 0.16); --rand-hell:rgba(255, 255, 255, 0.16); --h0:100px; --h1:72px; --h2:48px; --h3:40px; --h4:32px; --h5:24px; --h6:22px; --text-gross:20px; --text:16px; --text-klein:14px; --radius-knopf:3px; --radius-xs:8px; --radius-s:12px; --radius-m:16px; --radius-l:24px; --radius-xl:32px; --radius-rund:100vw; --laufweite-1:-0.01em; --laufweite-2:-0.02em; --laufweite-3:-0.03em; --laufweite-4:-0.04em; --laufweite-label:0.02em; }
/* Start custom CSS *//* AquaBrain: Diashow „Unsere Arbeitsweise" (Startseite) – 4 Bilder, je 5,2 s, 1,4 s Überblendung */
@keyframes ab-diashow { 0% { opacity: 0; } 6.73% { opacity: 1; } 25% { opacity: 1; } 31.73% { opacity: 0; } 100% { opacity: 0; } }
.elementor .features-image-home-b .slideshow-bild { animation: ab-diashow 20.8s linear infinite; }
.elementor .features-image-home-b .slideshow-bild:nth-child(2) { animation-delay: 5.2s; }
.elementor .features-image-home-b .slideshow-bild:nth-child(3) { animation-delay: 10.4s; }
.elementor .features-image-home-b .slideshow-bild:nth-child(4) { animation-delay: 15.6s; }
@media (prefers-reduced-motion: reduce) { .elementor .features-image-home-b .slideshow-bild { animation: none; } .elementor .features-image-home-b .slideshow-bild:first-child { opacity: 1; } }
/* Feste Kopfzeile: Sprungziele (#kontakt, #faq …) nicht unter der Kopfzeile verstecken */
html { scroll-padding-top: 80px; }
@media (max-width: 767px) { html { scroll-padding-top: 52px; } }
/* Kreise: langsame Drehung wie in Webflow (50 s je Umdrehung), abwechselnd im und gegen den Uhrzeigersinn */
@keyframes ab-drehen { to { transform: rotate(360deg); } }
@keyframes ab-drehen-gegen { to { transform: rotate(-360deg); } }
.elementor :is(.circle-home-a-hero-left, .circle-about-cards, .circle-testimonial-left, .circle-features) { animation: ab-drehen 50s linear infinite; }
.elementor :is(.circle-home-a-hero-right, .circle-feature-card, .circle-home-a-features, .circle-testimonial-right) { animation: ab-drehen-gegen 50s linear infinite; }
/* Überschriftslinien wachsen von links ein (Klasse ab-sichtbar setzt das Seitenskript, Custom Code) */
.ab-js .elementor :is(.heading-line, .heading-line-semi-dark, .heading-line-semi-light, .home-a-hero-line) { transform: scaleX(0); transform-origin: left center; transition: transform .7s cubic-bezier(.45, 0, .55, 1) .1s; }
.ab-js .elementor :is(.heading-line, .heading-line-semi-dark, .heading-line-semi-light, .home-a-hero-line).ab-sichtbar { transform: none; }
/* Kopfzeile blendet beim Runterscrollen aus, beim Hochscrollen ein */
.elementor .kopf { transition: transform .3s ease; }
.elementor .kopf.ab-kopf-weg { transform: translateY(-100%); }
/* Hamburger-Menü auf dem Handy (nur mit Skript; ohne Skript bleibt das Menü sichtbar) */
@media (max-width: 767px) {
  .ab-js .elementor .kopf-menue { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 16px 20px; background-color: var(--weiss); border-bottom: 1px solid var(--rand-dunkel); box-shadow: 0 16px 24px -16px rgba(24, 29, 39, .18); }
  .ab-js .elementor .kopf.ab-offen .kopf-menue { display: flex; }
  .ab-js .elementor .kopf-menue .kopf-link { display: block; font-size: 18px; padding: 12px 0; border-bottom: 1px solid var(--rand-hell); }
  .ab-js .elementor .kopf-menue .kopf-link:last-child { border-bottom: 0; }
  .ab-js .elementor .kopf.ab-offen .kopf-burger-strich:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .ab-js .elementor .kopf.ab-offen .kopf-burger-strich:nth-child(2) { opacity: 0; }
  .ab-js .elementor .kopf.ab-offen .kopf-burger-strich:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
}
.elementor .kopf-burger:focus-visible { outline: 2px solid var(--quellblau); outline-offset: 4px; }
html:not(.ab-js) .elementor .kopf-burger { display: none; }
@media (prefers-reduced-motion: reduce) {
  .elementor [class*="circle-"] { animation: none !important; }
  .ab-js .elementor :is(.heading-line, .heading-line-semi-dark, .heading-line-semi-light, .home-a-hero-line) { transform: none; transition: none; }
  .elementor .kopf { transition: none; }
}
/* Links wie in Webflow (a { color: var(--dark) }) statt Theme-Pink #c36; Klassen mit eigener Farbe gehen vor */
body a, body a:is(:hover, :active) { color: var(--tinte); }/* End custom CSS */