/* Bußgeldstellen (Redesign 2026): Übersicht und Einzelseite. Vorlage: Entwürfe bussgeldstellen-v3 und bussgeldstelle-v3. */
[hidden]{display:none!important}
.hero--seite h1{font-size:clamp(30px,3.6vw,46px);margin-bottom:12px}
.ssuche{position:relative;max-width:540px;margin-top:24px}
.ssuche input{width:100%;height:54px;padding:0 16px 0 48px;border:0;border-radius:var(--radius);background:#fff;color:var(--tinte);font:500 16px var(--schrift);box-shadow:0 16px 40px rgba(4,20,34,.3)}
.ssuche input:focus{outline:3px solid var(--gelb);outline-offset:0}
.ssuche svg{position:absolute;left:16px;top:50%;translate:0 -50%;color:var(--gedaempft)}
.hero__stand{margin-top:14px;font-size:13px;color:rgba(255,255,255,.72)}
.hero__stand b{color:#fff}

.band--start{padding-top:clamp(32px,4vw,48px)}
.zustaendig{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 20px;align-items:start;padding:20px 22px;border:1px solid var(--linie);border-left:4px solid var(--gelb);border-radius:var(--radius);margin-bottom:36px}
.zustaendig svg{margin-top:2px}
.zustaendig strong{display:block;font:750 18px/1.3 var(--titel);color:var(--tinte);margin-bottom:4px}
.zustaendig p{font-size:15px;color:var(--text);max-width:62em}
.zustaendig a{color:var(--blau);font-weight:700}

.laendersprung{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-bottom:28px;border-bottom:1px solid var(--linie)}
@media (max-width:960px){.laendersprung{grid-template-columns:repeat(2,minmax(0,1fr))}}
.laendersprung a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--linie);border-radius:var(--radius)}
.laendersprung a:hover{border-color:var(--asphalt)}
.laendersprung .n{font-size:14px;font-weight:600;color:var(--tinte);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.laendersprung a:hover .n{color:var(--blau)}
.laendersprung small{font:800 14px/1 var(--titel);color:var(--gedaempft);font-variant-numeric:tabular-nums}
.laendersprung a.leer{opacity:.4;pointer-events:none}
.kz{width:32px;height:24px;display:inline-grid;place-items:center;border-radius:var(--radius);background:var(--tint);font:800 11.5px/1 var(--titel);color:var(--asphalt);flex:none}

.info-zeile{margin:22px 0 0;font-size:14px;color:var(--gedaempft)}
.info-zeile b{color:var(--tinte)}
.gruppe{padding-top:36px;scroll-margin-top:90px}
.gruppe h2{display:flex;align-items:center;gap:12px;font-size:clamp(22px,2.4vw,28px);padding-bottom:14px;margin-bottom:16px;border-bottom:2px solid var(--tinte)}
.gruppe h2 .kz{width:40px;height:30px;font-size:13px;background:var(--asphalt);color:#fff}
.gruppe h2 small{font:700 14px var(--schrift);color:var(--gedaempft);margin-left:auto}
.stellen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:960px){.stellen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.stellen{grid-template-columns:minmax(0,1fr)}}
.stelle{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 40px 14px 16px;border:1px solid var(--linie);border-radius:var(--radius)}
.stelle:hover{border-color:var(--asphalt)}
.stelle strong{font:750 15.5px/1.3 var(--titel);color:var(--tinte)}
.stelle:hover strong{color:var(--blau)}
.stelle .adr{font-size:13.5px;color:var(--gedaempft)}
.stelle .badge{align-self:flex-start;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 7px;border-radius:var(--radius);background:#FFF3C7;color:#7A5A00}
.stelle .pfeil{position:absolute;right:14px;top:14px;color:var(--gedaempft);font-weight:700}
.stelle:hover .pfeil{color:var(--blau)}
.leer-meldung{padding:28px 0;color:var(--gedaempft)}
.leer-meldung button{border:0;background:none;padding:0;font:700 inherit var(--schrift);color:var(--blau);text-decoration:underline;cursor:pointer}

.wissen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
@media (max-width:900px){.wissen{grid-template-columns:minmax(0,1fr);gap:22px}}
.wissen h3{font-size:18px;margin-bottom:8px}
.wissen p{font-size:15px;color:var(--text)}
.wissen p + p{margin-top:10px}
.wissen a{color:var(--blau);font-weight:600}

/* Einzelseite */
.schnellwahl{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.fakten dd{display:flex;flex-direction:column;align-items:flex-end;gap:4px;overflow-wrap:anywhere}
.fakten dl div{align-items:flex-start}
.fakten dt{flex:none}
.kopieren{border:0;background:none;padding:0;font:700 12px var(--schrift);color:var(--blau);cursor:pointer}
.kopieren:hover{text-decoration:underline}
.status{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.status--zu{color:var(--rot)}
.naehe--eng{grid-template-columns:minmax(0,1fr)}
.stelle .land{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ocker);margin-top:4px}
.fakten dd a{color:var(--blau)}
.wissen h3{margin-top:18px}
.wissen h3:first-child{margin-top:0}
.wissen ul{margin:10px 0 0;padding-left:18px;font-size:15px;color:var(--text)}
.wissen li + li{margin-top:4px}
.fakten dl div.lang{flex-direction:column;gap:4px}
.fakten dl div.lang dd{align-items:flex-start;text-align:left;font-weight:600}