/* Browserleisten, Displayausschnitte und Home-Indikator bleiben frei von Inhalt. */
:root {
  --af-safe-top:env(safe-area-inset-top,0px);
  --af-safe-right:env(safe-area-inset-right,0px);
  --af-safe-bottom:env(safe-area-inset-bottom,0px);
  --af-safe-left:env(safe-area-inset-left,0px);
  background:#120D0B;
  scroll-padding-top:calc(100px + var(--af-safe-top));
  scroll-padding-bottom:calc(24px + var(--af-safe-bottom));
}
body {
  padding:var(--af-safe-top) var(--af-safe-right) var(--af-safe-bottom) var(--af-safe-left);
}
header[data-screen-label="Navigation"] {
  top:var(--af-safe-top) !important;
  left:var(--af-safe-left) !important;
  right:var(--af-safe-right) !important;
}
[data-screen-label="Mobile Menü"] {
  top:var(--af-safe-top) !important; bottom:var(--af-safe-bottom) !important;
  left:var(--af-safe-left) !important; right:var(--af-safe-right) !important;
}
@media (width < 810px) {
  body .af-hero { min-height:calc(100svh - var(--af-safe-top)); }
}