/* v192 – 3D-Kompassrose „Goldrand“. Greift nur, wenn das Skript WebGL starten konnte (.fd-compass--3d). */
@font-face{font-family:"FD Bodoni Moda";src:url("/assets/fonts/bodoni.woff") format("woff");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"FD Jost";src:url("/assets/fonts/jost.woff") format("woff");font-weight:100 900;font-style:normal;font-display:swap}
#home .fd-compass .fd-compass-3d{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity .45s ease-out}
#home .fd-compass .fd-compass-3d.is-ready{opacity:1}
@media (prefers-reduced-motion:reduce){#home .fd-compass .fd-compass-3d{transition:none}}
#home .fd-compass .fd-compass-3d.is-pointing{cursor:pointer}
/* Solange der 3D-Kompass lädt, bleibt der alte flache Kompass unsichtbar (kein kurzes Aufblitzen). Nur wenn 3D nicht geht: .fd-compass--flat */
#home .fd-compass.fd-compass--3d>svg,#home .fd-compass.fd-compass--3d .fd-industry-label,html.fd-c3d #home .fd-compass:not(.fd-compass--flat)>svg,html.fd-c3d #home .fd-compass:not(.fd-compass--flat) .fd-industry-label{display:none!important}
/* Die Links bleiben für Tastatur und Screenreader erhalten, werden aber im Kompass selbst dargestellt */
#home .fd-compass.fd-compass--3d .fd-route,html.fd-c3d #home .fd-compass:not(.fd-compass--flat) .fd-route{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;background:none!important;box-shadow:none!important;transform:none!important}
#home .fd-compass.fd-compass--3d .fd-route:focus-visible,html.fd-c3d #home .fd-compass:not(.fd-compass--flat) .fd-route:focus-visible{clip-path:none!important;width:auto!important;height:auto!important;padding:6px 10px!important;background:#fff!important;outline:2px solid #c2185b!important;outline-offset:2px;z-index:2}
#home .fd-compass.fd-compass--3d .fd-route:focus-visible svg,html.fd-c3d #home .fd-compass:not(.fd-compass--flat) .fd-route:focus-visible svg{display:none}

/* v198 – Text und Kompass nebeneinander, Kompass groß wie in der Videosequenz; auf schmalen Bildschirmen untereinander.
   Greift nur, wenn das Gerät 3D kann (html.fd-c3d); sonst bleibt das bisherige Layout unverändert. */
@media (min-width:981px){
  html.fd-c3d body:not(.in-area) #home.fd-editorial-home{grid-template-columns:minmax(0,1fr)!important}
  html.fd-c3d body:not(.in-area) #home.fd-editorial-home .fd-editorial-stage{width:min(1440px,calc(100% - 2*clamp(24px,5.2vw,75px)))!important;grid-template-columns:minmax(440px,.8fr) minmax(0,1.2fr)!important;align-items:center!important;gap:clamp(16px,2vw,40px)!important}
  html.fd-c3d #home .fd-editorial-copy{align-self:center!important}
  html.fd-c3d #home .fd-compass:not(.fd-compass--flat){width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:1.42/1!important;margin:0!important;align-self:center!important}
}
@media (max-width:980px){
  html.fd-c3d #home .fd-compass:not(.fd-compass--flat){width:100%!important;max-width:640px!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;margin:8px auto 0!important}
}
@media (max-width:560px){
  html.fd-c3d #home .fd-compass:not(.fd-compass--flat){aspect-ratio:1/1.04!important}
}