/* ============================================================
   bkV1.css — Wattpost Borkum, Design-Ära 1 „heimisch & gedruckt",
   Nordsee-Variante (25.09.2026, Design_R3, Kandidat — vor Freigabe)
   Komplett getrennt von RADAR-724- und WZG-Design (Betreiber-Vorgabe);
   eigene Palette: Sand & Düne statt Wiesengrün, Hallig-/Nordseeblau als
   Akzent, Seegras-Grün als Sekundärakzent, Papier-Off-White als Grund.
   Versioniert: bkV1, bkV2 … — Posts behalten das Stylesheet ihrer
   Entstehungs-Ära (kein Patchen fremder Dateien).
   ============================================================ */

:root{
  --paper:#f7f3ec;      /* Papier-Off-White (Grund) */
  --ink:#33291f;        /* Tintenbraun (Text) */
  --sand:#e9e0cd;       /* Sand (Boxen-Hintergrund) */
  --dune:#d8c8a6;       /* Dünenton (Ränder, Divider-Fläche) */
  --nordsee:#1d5f74;    /* Hallig-/Nordseeblau (Akzent: Links, Masthead-Zeile, Markierung) */
  --seegras:#4c7a58;    /* Seegras-Grün (Sekundärakzent: Naturrubrik, Positive-Chips) */
  --line:#c7bca4;       /* Linien, Ränder */
  --serif:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;
  --sans:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

*{box-sizing:border-box}
html{background:var(--paper)}
body{
  margin:0;
  font-family:var(--sans);
  font-size:17px;            /* leicht vergrößert: Frühstückstisch, auch Tablet */
  line-height:1.6;
  color:var(--ink);
  background:var(--paper);
}
.wrap{max-width:640px;margin:0 auto;padding:0 18px 40px}   /* einspaltig, schmaler Lesebereich, viel Weißraum */

/* --- Kopf / Masthead (Kopfband-Stil) --- */
.kopfband{
  margin:26px 0 0;
  padding:16px 0 10px;
  border-top:3px double var(--ink);    /* gedruckte Doppel-Linie oben */
  border-bottom:1px solid var(--ink);
  text-align:center;
}
.masthead{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(30px,7.5vw,44px);
  font-weight:700;
  letter-spacing:.06em;
  color:var(--ink);
}
/* Leuchtturm-T-Glyphen im Masthead (Betreiber-Vorgabe Björn_0, 26.09.):
   Doppel-T = Borkums zwei Leuchttürme (Alter + Neuer), analog zur Gifhorner
   Mühle in der WZG-Wortmarke. Justierung: Unterkante auf der Grundlinie
   (inline-block, Baseline-Ausrichtung), Höhe 0.72em ≈ Versalhöhe des Serifen-
   Mastheads, Querbalken (Laternenraum) auf Versal-Oberkante. */
.masthead .lt-t{
  display:inline-block;
  vertical-align:baseline;
  margin:0 .015em;
  line-height:0;
}
.masthead .lt-t svg{display:block}
.kopfband .datumzeile{
  margin:6px 0 0;
  font-size:12.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--nordsee);
}
.ki-badge{
  display:inline-block;
  margin:10px auto 0;
  padding:2px 10px;
  border:1px solid var(--ink);
  border-radius:3px;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--ink);
}
.kopfnav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin:10px 0 0;
  font-size:13.5px;
}
.kopfnav a{color:var(--nordsee);text-decoration:none;border-bottom:1px dotted var(--nordsee)}
.radar-mark{display:flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none;border-bottom:none;font-size:12px;letter-spacing:.06em}
.radar-mark svg{display:block}

/* --- Meta / Abschnitts-Trenner (kleine Versalien mit Linie) --- */
.meta{font-size:12.5px;letter-spacing:.04em;color:var(--ink);opacity:.8}
.rubrik-trenner{
  display:flex;
  align-items:center;
  gap:12px;
  margin:34px 0 12px;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--nordsee);
}
.rubrik-trenner::after{content:"";flex:1;border-top:1px solid var(--line)}

/* --- Kopf-Bausteine (feste Reihenfolge, s. format-morgens.md) --- */
.baustein{margin:16px 0}
.baustein h2{
  margin:0 0 8px;
  font-family:var(--serif);
  font-size:20px;
  line-height:1.3;
  color:var(--ink);
}

/* Wetter & Gezeiten */
.gezeiten{list-style:none;margin:6px 0 0;padding:0;font-size:15px}
.gezeiten li{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px dotted var(--line)}
.warnung{
  margin:10px 0 0;
  padding:10px 14px;
  background:var(--nordsee);
  color:#fff;
  font-size:14.5px;
  font-weight:600;
  border-radius:3px;
}

/* Insel-Daten-Block: Wetter & Gezeiten + Fähre in EINEM Block,
   kompakte kleinere Schrift, nach der Meldung des Tages
   (Betreiber-Feedback Björn_0, 26.09.) */
.insel-daten{
  margin:16px 0;
  padding:10px 14px;
  background:var(--sand);
  border:1px solid var(--line);
  border-radius:4px;
  font-size:13px;            /* kleinere Schrift: Serviceteil, nicht Headlines */
  line-height:1.5;
}
.insel-daten h2{
  margin:0 0 6px;
  font-family:var(--serif);
  font-size:15.5px;
  line-height:1.3;
  color:var(--ink);
}
.insel-daten p{margin:0 0 4px}
.insel-daten .gezeiten{font-size:13px;margin:4px 0 6px}
.insel-daten .gezeiten li{padding:2px 0}
.insel-daten .gezeiten-kompakt{
  font-size:13px;
  letter-spacing:.03em;
  margin:4px 0 6px;
}
.insel-daten .faehr-kompakt{margin:4px 0 2px}
.insel-daten .hinweis{font-size:12px;color:var(--nordsee);font-weight:600}
.insel-daten .warnung{margin-top:8px;font-size:13px}

/* Meldung des Tages — Hervorhebungs-Box */
.meldung-des-tages{
  margin:16px 0;
  padding:14px 16px;
  background:var(--sand);
  border-left:4px solid var(--nordsee);
  border-radius:0 4px 4px 0;
}
.meldung-des-tages h2{margin:0 0 8px;font-family:var(--serif);font-size:21px;line-height:1.3}
.meldung-des-tages p{margin:0 0 8px}
.meldung-des-tages p:last-child{margin-bottom:0}

/* Fähr-Baustein */
.faehrliste{list-style:none;margin:6px 0 0;padding:0;font-size:15px}
.faehrliste li{padding:3px 0;border-bottom:1px dotted var(--line)}
.faehrliste .hinweis{font-size:13px;color:var(--nordsee);font-weight:600}

/* Markt-Baustein (nur DAX + Dollar-Euro) */
.markt{
  margin:16px 0;
  padding:12px 16px;
  background:var(--sand);
  border:1px solid var(--line);
  border-radius:4px;
  font-size:15px;
}
.markt-zeile{display:flex;justify-content:space-between;gap:10px;padding:3px 0}
.pos{color:var(--seegras);font-weight:700}
.neg{color:#8a3a2b;font-weight:700}

/* BuyMeACoffee-Hinweis */
.support{
  margin:18px 0;
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fffdf8;
  font-size:14.5px;
  text-align:center;
}
.support a{color:var(--nordsee);font-weight:700}

/* --- Meldungen --- */
.meldung{margin:16px 0}
.meldung h3{margin:0 0 6px;font-family:var(--serif);font-size:19px;line-height:1.35}
.meldung p{margin:0 0 6px}
.quelle{font-size:12px;opacity:.75}
.quelle a{color:var(--nordsee)}
.ort-chip{
  display:inline-block;
  margin:0 6px 6px 0;
  padding:1px 8px;
  border:1px solid var(--seegras);
  border-radius:10px;
  font-size:11.5px;
  color:var(--seegras);
  letter-spacing:.04em;
}

/* --- Footer --- */
.site-footer{
  margin-top:44px;
  padding:14px 0 0;
  border-top:3px double var(--ink);
  font-size:13px;
  text-align:center;
}
.site-footer a{color:var(--nordsee)}

/* Sonne-Zeile im Insel-Daten-Block (27.09.2026, Betreiber-Vorgabe kompakt): eigene Zeile, Stil wie gezeiten-kompakt */
.sonne-kompakt{font-size:13px;letter-spacing:.03em;margin:4px 0 2px}