/* Kopfzeile „Zeitung“ – zentrierter Masthead nach Art großer Tageszeitungen.
   Nur Layout-Idee: kein fremdes Logo, keine fremde Schrift, keine Hausfarben.
   Aktiv mit <html data-header="zeitung"> (site.config.mjs → header, Vorschau ?header=zeitung). */

.np-date, .np-ear, .np-act { display: none; }
.brand i { font-style: inherit; font-weight: inherit; }

:root[data-header="zeitung"] {
  --np-serif: "Iowan Old Style", "Charter", "Bitstream Charter", "Source Serif Pro", "Sitka Text", Cambria, Georgia, serif;
  --np-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
:root[data-header="zeitung"] .site-header {
  position: relative; background: var(--bg); backdrop-filter: none; -webkit-backdrop-filter: none;
  border-bottom: 0;
}
:root[data-header="zeitung"] .header-in {
  display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  grid-template-areas: "date . tools" "earl brand earr" "nav nav nav";
  align-items: center; column-gap: 28px; min-height: 0; padding-top: 12px;
}
:root[data-header="zeitung"] .np-date {
  display: block; grid-area: date; margin: 0;
  font: 700 0.8rem/1.2 var(--np-sans); letter-spacing: 0.02em; color: var(--ink);
}
:root[data-header="zeitung"] .header-tools { grid-area: tools; justify-self: end; }
:root[data-header="zeitung"] .np-act { display: inline-flex; }

/* Der Masthead */
:root[data-header="zeitung"] .brand {
  grid-area: brand; justify-self: center; gap: 0; padding: 10px 0 18px;
  font: 700 clamp(2.6rem, 5.4vw, 4.6rem)/1 var(--np-serif); letter-spacing: -0.03em; color: var(--ink);
}
:root[data-header="zeitung"] .brand .logo-mark { display: none; }
:root[data-header="zeitung"] .brand i { font-style: italic; font-weight: 400; letter-spacing: -0.02em; }

/* Ohren links und rechts vom Titel */
:root[data-header="zeitung"] .np-ear {
  display: flex; flex-direction: column; margin: 0; max-width: 230px;
  border: 1px solid var(--ink); padding: 8px 12px; color: var(--ink);
}
:root[data-header="zeitung"] .np-ear-l { grid-area: earl; justify-self: start; font: italic 400 0.92rem/1.35 var(--np-serif); }
:root[data-header="zeitung"] .np-ear-r {
  grid-area: earr; justify-self: end; text-align: right; text-decoration: none;
  font: 400 0.74rem/1.35 var(--np-sans); letter-spacing: 0.06em; text-transform: uppercase;
}
:root[data-header="zeitung"] .np-ear-r b { font: 700 1.2rem/1.25 var(--np-serif); letter-spacing: -0.01em; text-transform: none; }
:root[data-header="zeitung"] .np-ear-r:hover b { background: linear-gradient(transparent 58%, var(--marker-soft) 58%); }

/* Ressort-Leiste unter dem Titel: feine Linie oben, Doppellinie unten */
:root[data-header="zeitung"] .nav {
  grid-area: nav; justify-content: center; gap: 30px; padding: 11px 0;
  border-top: 1px solid var(--ink); border-bottom: 4px double var(--ink);
  font: 700 0.74rem/1 var(--np-sans); letter-spacing: 0.1em; text-transform: uppercase;
}
:root[data-header="zeitung"] .nav a:not(.btn) { color: var(--ink); font-weight: 700; }
:root[data-header="zeitung"] .nav .btn { display: none; }
:root[data-header="zeitung"] .header-mobile { display: none; }

/* Countdown steckt im rechten Ohr – das schwarze Band braucht es auf großen Schirmen nicht */
@media (min-width: 1281px) { :root[data-header="zeitung"] .ribbon { display: none; } }

/* Tablet & Handy: Titel mittig, Datum darunter, Navigation im Menü */
@media (max-width: 1280px) {
  :root[data-header="zeitung"] .site-header { border-bottom: 4px double var(--ink); }
  :root[data-header="zeitung"] .header-in {
    grid-template-columns: minmax(0, 1fr); grid-template-areas: "tools" "brand" "date";
    padding-top: 10px; padding-bottom: 10px;
  }
  :root[data-header="zeitung"] .header-tools { justify-self: stretch; justify-content: space-between; }
  :root[data-header="zeitung"] .header-mobile { display: flex; }
  :root[data-header="zeitung"] .np-act, :root[data-header="zeitung"] .np-ear { display: none; }
  :root[data-header="zeitung"] .brand { padding: 8px 0 6px; font-size: clamp(2.1rem, 9vw, 3.2rem); }
  :root[data-header="zeitung"] .np-date {
    justify-self: stretch; text-align: center; padding-top: 8px; border-top: 1px solid var(--ink);
    font-size: 0.74rem; letter-spacing: 0.06em; text-transform: uppercase;
  }
  :root[data-header="zeitung"] .nav {
    justify-content: flex-start; gap: 0; padding: 8px 20px 20px; border-top: 0; border-bottom: 1px solid var(--line);
    font-size: 0.8rem;
  }
  :root[data-header="zeitung"] .nav .btn { display: flex; }
  :root[data-header="zeitung"] .nav .nav-app { display: none; }
}
@media (max-width: 380px) { :root[data-header="zeitung"] .nav .nav-app { display: flex; } }
@media print { :root[data-header="zeitung"] .header-tools, :root[data-header="zeitung"] .nav { display: none; } }