/* Start custom CSS *//* Selektoren bewusst ohne feste Element-IDs, damit sie einen Neuaufbau
   der Seite ueberleben. Hero = erster Abschnitt, darin:
   img = Hintergrundbild, letztes Kind = Scroll-Pfeil (rendert als <a>). */

/* 1. Hero beginnt am Viewportrand: nur der Sticky-Platzhalter entfaellt.
      Der Header selbst bleibt unangetastet, damit Elementors Sticky-Script
      seine Breite korrekt misst. */
body.elementor-page-3462 header.elementor-location-header .elementor-sticky__spacer {
  display: none;
}

/* 2. Hero: volle Viewporthoehe ohne Adressleisten-Sprung auf Mobil */
@supports (min-height: 100svh) {
  .elementor-3462 > .e-con:first-child { min-height: 100svh; }
}

/* 3. Hero-Unschaerfe, nachgemessen an der Live-Seite:
      linear von blur(0) auf blur(7px) ueber die ersten 40% des Seiten-
      Scrollwegs, danach konstant 7px.
      brightness(50%) steht mit in den Keyframes, weil die Animation den
      kompletten filter-Wert ersetzt; sonst ginge die Abdunklung aus der
      Elementor-Klasse verloren. Ohne Scroll-Animation (z. B. Firefox)
      greift weiterhin brightness(50%) aus der Klasse. */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    .elementor-3462 > .e-con:first-child > img {
      will-change: filter;
      animation: pecoHeroBlur linear both;
      animation-timeline: scroll(root block);
      animation-range: 0% 40%;
    }
    @keyframes pecoHeroBlur {
      from { filter: brightness(50%) blur(0px); }
      to   { filter: brightness(50%) blur(7px); }
    }
  }
}

/* 4. Scroll-Pfeil: Chevron nach unten, Groesse wie das 50px-Icon der Live-Seite */
.elementor-3462 > .e-con:first-child > :last-child {
  margin-left: -1rem;
  box-sizing: border-box;
  border-right: 5px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
  border-top: 0;
  border-left: 0;
  background: none;
  transform: rotate(45deg);
  cursor: pointer;
}
@media (prefers-reduced-motion: no-preference) {
  .elementor-3462 > .e-con:first-child > :last-child {
    animation: pecoPfeilBounce 1.8s ease-in-out infinite;
  }
  @keyframes pecoPfeilBounce {
    0%, 100% { transform: rotate(45deg) translate(0, 0); }
    50%      { transform: rotate(45deg) translate(0.35rem, 0.35rem); }
  }
}/* End custom CSS */