/* BGW Startseite 1.3.8h – ruhiger Auftakt ohne Fly-Bewegung. */
.visually-hidden {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.home-main { padding-top: var(--bgw-header-height); }
.home-slider { width: 100%; }
.start-slider-container {
  position: relative; width: 100%; height: calc(100vh - var(--bgw-header-height));
  height: calc(100svh - var(--bgw-header-height));
  min-height: 280px; overflow: hidden; background: #fff;
}
.start-slide {
  position: absolute; inset: 0; opacity: 0; pointer-events: none;
  z-index: 0; transition: opacity 1.8s ease-in-out;
}
.start-slide.active { opacity: 1; pointer-events: auto; z-index: 1; }
/* Der erste Slide erscheint einmalig aus dem Weiß; kein translate / Fly. */
@media (prefers-reduced-motion: no-preference) {
  .start-slide.home-slide-intro.active {
    animation: bgw-home-intro 2.1s ease-in-out both;
  }
}
@keyframes bgw-home-intro {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.start-slide-bg { display: block; width: 100%; height: 100%; object-fit: cover; }
.start-slide-content {
  position: absolute; left: 3%; bottom: 50px; display: flex;
  flex-direction: column; max-width: min(680px, 85%);
  color: #fff; text-decoration: none; text-shadow: 0 1px 9px rgba(0,0,0,.3);
}
.start-slide-title {
  font-family: var(--bgw-serif); font-size: clamp(2.8rem,4.2vw,4.2rem);
  font-weight: 400; letter-spacing: .03em; line-height: 1.1;
  margin: 0 0 .2em 0;
}
.start-slide-text {
  font-family: var(--bgw-serif); font-size: clamp(1.1rem,1.6vw,1.6rem);
  font-weight: 400; letter-spacing: .03em; line-height: 1.2;
}
.start-slide-content:focus-visible, .home-slider-toggle:focus-visible {
  outline: 2px solid white; outline-offset: 5px;
}
.home-slider-toggle {
  position: absolute; right: 3%; bottom: 34px; z-index: 5;
  color: #fff; background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.55);
  font: 400 18px/1 var(--bgw-sans); width: 36px; height: 36px;
  display: grid; place-items: center; cursor: pointer; border-radius: 50%;
}
.home-slider-toggle:hover { background: rgba(0,0,0,.4); }
@media (max-width: 768px) {
  .start-slide-content { left: 5%; right: 5%; bottom: 30px; }
  .home-slider-toggle { right: 5%; bottom: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .start-slide { transition: none; }
}


/* ABOUT 1.2.1 – zusätzlicher stiller Weißraum vor dem Footer.
   Erst nach dem Scrollen sichtbar, ohne den Bildauftakt zu verschieben. */
.home-main { padding-bottom: clamp(130px, 18vh, 220px); }
@media (max-width: 768px) {
  .home-main { padding-bottom: clamp(100px, 14vh, 150px); }
}