/* MOISTRAW · Basis-Styles. Schriften liegen lokal (DSGVO: keine Verbindung zu Google). */

@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-display: swap; src: url("../fonts/barlow-condensed-600.ttf") format("truetype"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-display: swap; src: url("../fonts/barlow-condensed-700.ttf") format("truetype"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 800; font-display: swap; src: url("../fonts/barlow-condensed-800.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-sans-400.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-sans-500.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 600 700; font-display: swap; src: url("../fonts/ibm-plex-sans-600.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400 500; font-display: swap; src: url("../fonts/ibm-plex-mono-500.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 600 700; font-display: swap; src: url("../fonts/ibm-plex-mono-600.ttf") format("truetype"); }

html { scroll-behavior: smooth; }
body { margin: 0; background: #F2F1EC; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; }
h1, h2, h3 { overflow-wrap: break-word; }
h1 { font-size: clamp(40px, 5vw, 68px) !important; }
a { color: #1F3326; }
a:hover { color: #0E1A12; }
.ph { background: #F6E3A6; color: #18211B; padding: 1px 5px; border-radius: 3px; font-style: normal; }
summary { cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }
input, select, button { font: inherit; }
input:focus, select:focus, button:focus, a:focus { outline: 3px solid #2F6FDB; outline-offset: 2px; }

/* Unterseiten (Impressum, Danke) */
.topbar { background: #F2F1EC; border-bottom: 1px solid #D9D8CF; }
.topbar a { display: inline-block; padding: 16px 24px; }
.topbar img { display: block; height: 44px; width: auto; }
.page { max-width: 820px; margin: 0 auto; padding: 48px 24px 80px; font-family: "IBM Plex Sans", system-ui, sans-serif; color: #18211B; font-size: 17px; line-height: 1.6; }
.page h1 { font-family: "Barlow Condensed", "Arial Narrow", sans-serif; font-weight: 800; font-size: 48px; line-height: 1; text-transform: uppercase; margin: 24px 0 24px; }
.page h2 { font-size: 21px; margin: 36px 0 8px; }
.page .back { font-weight: 600; }

/* Handy: Cockpit-Anzeige unter das Foto statt darüber */
@media (max-width: 600px) {
  .hero-display { position: relative !important; left: auto !important; bottom: auto !important; width: auto !important; margin: -48px 12px 0; }
  h1 { font-size: 42px !important; }
  h2 { font-size: 30px !important; }
}