/* Adriatic Design-Tokens — verbindlich für beide Webseiten */
@font-face{font-family:"Barlow Semi Condensed";font-weight:600;font-display:swap;src:url("/assets/fonts/barlowsemicondensed-600.woff2") format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-weight:700;font-display:swap;src:url("/assets/fonts/barlowsemicondensed-700.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:100 700;font-display:swap;src:url("/assets/fonts/plexsans-var.woff2") format("woff2")}
/* Für Produktion: Schriften nach woff2 konvertieren und auf Latin + Latin-Extended subsetten. */
:root{
  --jadran:#0C2B3E;        /* Text, dunkle Flächen, FM-Header */
  --jadran-tief:#08202E;   /* Footer */
  --jadran-karte:#14394F;  /* Karten auf dunklem Grund */
  --rot:#C8102E;           /* EINZIGER Akzent: Linie, Marker, Haupt-Button */
  --rot-dunkel:#E8263F;    /* Schachbrett-Felder auf dunklem Grund */
  --more:#166C8C;          /* Links, Icons */
  --kamen:#F2F5F7;         /* Abschnitts-Hintergrund */
  --weiss:#FFFFFF;
  --text-2:#40586A;        /* Sekundärtext auf hell */
  --text-hell:#C9D8E1;     /* Fließtext auf dunkel */
  --linie:#D9E1E6;
  --feld-rand:#9FB1BD;     /* Formularfelder */
  --font-display:"Barlow Semi Condensed",sans-serif;
  --font-text:"IBM Plex Sans",sans-serif;
  --h1:clamp(40px,5.2vw,68px);
  --h2:clamp(32px,3.6vw,46px);
  --text:17px;
  --radius:6px;
  --maxw:1200px;
  --rand:24px;             /* mobil 16px */
  --abschnitt:88px;        /* mobil 40px */
}
body{margin:0;font-family:var(--font-text);font-size:var(--text);line-height:1.55;color:var(--jadran);background:var(--weiss)}
h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0}
h1{font-size:var(--h1);line-height:1.02}
h2{font-size:var(--h2);line-height:1.05}
.sah-linie{height:10px;background:repeating-linear-gradient(90deg,var(--rot) 0 10px,var(--weiss) 10px 20px)}
.sah-marker{width:30px;height:10px;background:repeating-linear-gradient(90deg,var(--rot) 0 10px,transparent 10px 20px)}
.sah-band{height:24px;background:conic-gradient(var(--rot-dunkel) 25%,#fff 0 50%,var(--rot-dunkel) 0 75%,#fff 0) 0 0/24px 24px} /* nur auf Jadran, nicht im Web-Inhalt */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;border-radius:var(--radius);font-weight:600;text-decoration:none;box-sizing:border-box}
.btn-primaer{background:var(--rot);color:#fff}
.btn-sekundaer{border:2px solid var(--jadran);color:var(--jadran)}
a{color:var(--more)}