/* zo24 Verkehr & Nachrichten – ergänzt das vorhandene zo24-Bundle, nutzt nur dessen Tokens (ganz-neu/design.md). 10.11.2026 */
.nx-bereich section{padding:var(--space-lg) 0}
.nx-bereich .nx-kopf{padding:var(--space-lg) 0 var(--space-md)}
.nx-kopf h1{font-size:clamp(1.9rem,4.6vw,3rem);max-width:22ch;margin-top:var(--space-sm)}
.nx-artikel .nx-kopf h1{max-width:30ch;font-size:clamp(1.7rem,4vw,2.6rem)}
.nx-kopf .lead{font-size:1.12rem;color:var(--ink-soft);max-width:68ch;margin-bottom:var(--space-md)}
.nx-stand{font-family:var(--font-utility);font-size:.8rem;color:var(--ink-soft);margin:0 0 var(--space-md)}
.nx-bereich .section-head{margin-bottom:var(--space-md)}
.nx-bereich h2{font-size:clamp(1.35rem,3vw,1.9rem)}
.nx-bereich h3{font-size:1.08rem;line-height:1.3;margin-bottom:var(--space-xs)}
.nx-klein{font-size:.86rem;color:var(--ink-soft)}
.nx-prose{max-width:760px;margin-inline:0}

/* Reiter: Übersicht · Verkehrslage · Tagesberichte · Orte */
.nx-reiter{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--line);margin-top:var(--space-md)}
.nx-reiter a{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--ink-soft);text-decoration:none;padding:.55rem .2rem .6rem;margin-right:var(--space-md);border-bottom:3px solid transparent;min-height:44px;display:inline-flex;align-items:center}
.nx-reiter a:hover{color:var(--ink)}
.nx-reiter a[aria-current="page"]{color:var(--blau);border-bottom-color:var(--blau)}

/* Kennzahlen */
.nx-zahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin:0 0 var(--space-md)}
.nx-zahlen div{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-soft);padding:var(--space-md)}
.nx-zahlen dt{font-family:var(--font-utility);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}
.nx-zahlen dd{margin:.2rem 0 0;font-family:var(--font-display);font-weight:700;font-size:2rem;font-variant-numeric:tabular-nums;color:var(--ink)}
@media (max-width:640px){.nx-zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-zahlen dd{font-size:1.6rem}}

/* Meldungskarten */
.nx-liste{list-style:none;margin:0 0 var(--space-md);padding:0;display:grid;gap:var(--space-sm)}
.nx-karte{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--blau);border-radius:var(--radius-soft);padding:var(--space-md) var(--space-lg);min-width:0}
.nx-karte--sperrung{border-left-color:var(--rot)}
.nx-karte--baustelle{border-left-color:var(--gold)}
.nx-karte--meldung{border-left-color:var(--ink)}
.nx-karte h3 a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}
.nx-karte h3 a:hover{color:var(--blau)}
.nx-karte p{margin:0 0 var(--space-xs);overflow-wrap:break-word}
.nx-karte-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-sm);margin-bottom:var(--space-sm)}
/* Autobahnschild: weiße Schrift auf Verkehrszeichen-Blau mit weißem Innenrand */
.nx-strasse{display:inline-block;background:var(--blau);color:var(--white);font-family:var(--font-display);font-weight:700;font-size:.92rem;line-height:1;padding:.32rem .55rem;border-radius:var(--radius-subtle);border:2px solid var(--white);box-shadow:0 0 0 1.5px var(--blau);white-space:nowrap}
.nx-art{font-family:var(--font-utility);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .45rem;border:1px solid currentColor;border-radius:var(--radius-subtle);color:var(--blau)}
.nx-art--sperrung{color:var(--rot)}
.nx-art--baustelle{color:#8A6420}
.nx-art--plan{color:var(--ink-soft)}
.nx-strecke{font-weight:600}
.nx-zeiten{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);margin:var(--space-sm) 0}
.nx-zeiten dt{font-family:var(--font-utility);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}
.nx-zeiten dd{margin:0;font-variant-numeric:tabular-nums}
.nx-meta,.nx-quelle{font-size:.84rem;color:var(--ink-soft)}
.nx-meta{font-family:var(--font-utility);font-size:.78rem}
.nx-quelle{margin-top:var(--space-sm)!important;overflow-wrap:anywhere}
.nx-quelle-gross{font-size:.95rem;color:var(--ink-soft)}
.nx-leer{border:1px dashed var(--line);border-radius:var(--radius-soft);padding:var(--space-md) var(--space-lg);background:var(--white);max-width:760px}
.nx-leer p{margin:.25rem 0 0;color:var(--ink-soft)}
.nx-leer-text{color:var(--ink-soft)}
.nx-hinweis-auto{font-size:.86rem;color:var(--ink-soft);border-left:3px solid var(--line);padding-left:var(--space-sm);max-width:760px}
.nx-warnung{border:1px solid var(--rot);border-left-width:4px;background:var(--white);border-radius:var(--radius-soft);padding:var(--space-sm) var(--space-md);max-width:760px}
.nx-kasten{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-soft);padding:var(--space-md) var(--space-lg);margin-top:var(--space-md);max-width:760px}
.nx-kasten h3{margin-bottom:var(--space-xs)}

/* Filter */
.nx-filter{max-width:420px;margin:0 0 var(--space-md)}
.nx-filter label{display:block;font-family:var(--font-display);font-weight:600;margin-bottom:var(--space-xs)}
.nx-filter input{width:100%;min-height:44px;font:inherit;padding:.5rem .75rem;border:1.5px solid var(--ink);border-radius:var(--radius-soft);background:var(--white);color:var(--ink)}
[data-filter-item][hidden]{display:none}

/* Tabellen: Autobahn-Spalte */
.nx-tabelle th .nx-strasse{font-size:.85rem}
.nx-tabelle td{font-variant-numeric:tabular-nums}

/* Ortslisten */
.nx-orte{list-style:none;margin:0 0 var(--space-md);padding:0;columns:3 14rem;column-gap:var(--space-lg)}
.nx-orte li{break-inside:avoid;padding:.3rem 0;border-bottom:1px solid var(--line)}
.nx-orte li .nx-klein{font-family:var(--font-utility);margin-left:.3rem}
.nx-orte--liste{columns:1}
.nx-orte--tage{columns:4 10rem}
.nx-alle-orte{margin-top:var(--space-md)}
.nx-alle-orte summary{cursor:pointer;font-family:var(--font-display);font-weight:600;min-height:44px;display:flex;align-items:center;color:var(--blau)}
.nx-alle-orte .nx-orte--alle{columns:4 11rem;font-size:.92rem;margin-top:var(--space-sm)}

/* Zulassungsstelle, Knöpfe */
.nx-stelle p{margin-bottom:var(--space-sm)}
.nx-knoepfe,.nx-cta-knoepfe{display:flex;flex-wrap:wrap;gap:var(--space-sm)}
.cta-final .nx-cta-zweit{background:transparent;color:var(--white);border-color:var(--white)}
.cta-final .nx-cta-zweit:hover{background:rgba(255,255,255,.12);color:var(--white)}
@media (max-width:760px){.cta-final .cta-box{grid-template-columns:1fr}.nx-bereich .btn{white-space:normal;text-align:center}}
@media (max-width:420px){.nx-karte{padding:var(--space-md)}.nx-reiter a{margin-right:var(--space-sm)}}