@charset "UTF-8";
/* Leuchtturm, Entwurf KI 02: Entwurf KI (Foto 3:2 + Eckdaten unter dem Foto, Text daneben) plus Menue-Verhalten
   "nur beim Hochscrollen": standardmaessig ausgeblendet, erscheint beim Hochscrollen, verschwindet am Titelband wieder.
   Basis: entwurf-leuchtturm-ki.css (wird davor geladen) */

/* Menue liegt anliegend unter der klebenden Kopfzeile (66 px, mobil 64 px) mit 6 px Abstand */
/* Menue steht nicht mehr im Seitenfluss -> Titelband und Karte rutschen enger zusammen */
.ltki2 .fw-hero { padding-bottom: clamp(26px, 2.8vw, 40px); }
.ltki2 .fw-splitsec { padding-top: clamp(24px, 2.6vw, 36px); }
.ltki2 .fw-menubar {
  position: fixed; top: 72px; left: 0; right: 0; margin: 0; padding: 0; z-index: 60;
  opacity: 0; visibility: hidden; transform: translateY(-14px); pointer-events: none;
  transition: opacity .3s ease, transform .38s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .38s;
}
.ltki2 .fw-menubar.is-on { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.ltki2 .fw-menubar.is-on div.block-nav-fewo div.w100 { pointer-events: auto; }
.ltki2 .fw-menubar div.block-nav-fewo div.w100 { pointer-events: none; }
@media (max-width: 960px) {
  .ltki2 .fw-hero { padding-top: 92px; padding-bottom: 28px; }
  /* Handy/Tablet: Abstand zwischen Titelband und Karte sowie zwischen Karte und Ausstattung; Karte rundum gerundet */
  .ltki2 .fw-splitsec { padding-top: clamp(24px, 6vw, 40px); padding-bottom: clamp(24px, 6vw, 40px); }
  .ltki2 .fw-split { border-radius: var(--h-radius); }
  /* Reihenfolge Handy/Tablet: Bildergalerie -> Fliesstext -> Eckdaten-Aufzaehlung (Variante A).
     Der Medien-Block loest sich auf (display: contents), Galerie und Eckdaten werden einzeln im Raster angeordnet. */
  .ltki2 .fw-split__media { display: contents; }
  .ltki2 .fw-split__gallery { order: 1; }
  .ltki2 .fw-split__panel { order: 2; }
  .ltki2 .fw-split__media .fw-facts__bar { order: 3; }
  .ltki2 .fw-menubar { top: 70px; }
}
@media (prefers-reduced-motion: reduce) {
  .ltki2 .fw-menubar { transition: none; }
}
