/* Archiv-spezifisch. Grundlayout, Schriften, Header und Footer kommen aus der
   style.css der Hauptseite; hier nur Ergänzungen, alles unter .archiv. */
.archiv{padding:40px 0 64px}
.archiv h1{font-size:clamp(28px,5vw,44px);color:var(--rsg-blue-dark);margin:.1em 0 .35em;line-height:1.2}
.archiv a.textlink{color:var(--rsg-blue-dark);text-decoration:underline}
.archiv .lead{color:var(--rsg-text-muted);margin:0 0 24px;max-width:62ch}
.archiv .suche{background:var(--rsg-blue-soft);border-radius:var(--radius);padding:20px}
.archiv .suchzeile input{width:100%;font:inherit;font-size:1.15rem;padding:13px 16px;border:2px solid var(--rsg-blue-alt);border-radius:var(--radius);background:#fff;color:var(--rsg-text)}
.archiv .suchzeile input:focus{outline:none;border-color:var(--rsg-blue-dark)}
.archiv .filter{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:14px;align-items:end}
.archiv .filter label{display:flex;flex-direction:column;font-size:.85rem;color:var(--rsg-text-muted);gap:4px}
.archiv .filter select{font:inherit;font-size:.95rem;padding:9px 10px;border:1px solid var(--rsg-blue-alt);border-radius:var(--radius);background:#fff;min-width:160px;color:var(--rsg-text)}
.archiv .knopf{font:inherit;font-size:.95rem;font-weight:700;padding:9px 16px;border-radius:var(--radius);border:2px solid var(--rsg-blue-dark);background:#fff;color:var(--rsg-blue-dark);cursor:pointer;display:inline-block}
.archiv .knopf:hover,.archiv .knopf:focus{background:var(--rsg-yellow);border-color:var(--rsg-yellow)}
.archiv .status{margin:20px 0 10px;color:var(--rsg-text-muted);font-size:.95rem}
.archiv .treffer{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.archiv .treffer li{font-size:inherit}
.archiv .karte{display:grid;grid-template-columns:132px 1fr;gap:16px;padding:12px;border:1px solid var(--rsg-blue-alt);border-radius:var(--radius);background:#fff;color:inherit;transition:border-color .15s,box-shadow .15s}
.archiv .karte:hover,.archiv .karte:focus{border-color:var(--rsg-blue-dark);box-shadow:0 4px 14px rgba(26,58,143,.12);outline:none}
.archiv .karte img,.archiv .karte .ohnebild{width:132px;height:99px;object-fit:cover;border-radius:4px;background:var(--rsg-blue-alt)}
.archiv .karte .ohnebild{display:flex;align-items:center;justify-content:center;color:var(--rsg-text-muted);font-size:.8rem}
.archiv .karte h2{font-size:1.15rem;line-height:1.3;margin:2px 0 4px;color:var(--rsg-blue-dark);font-weight:500}
.archiv .karte p{margin:0;font-size:.95rem;color:var(--rsg-text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.archiv mark{background:#fff0a8;color:inherit;padding:0 1px}
.archiv .meta{font-size:.85rem;color:var(--rsg-text-muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.archiv .badge{display:inline-block;font-size:.72rem;padding:1px 8px;border-radius:999px;background:var(--rsg-blue-alt);color:var(--rsg-blue-dark);font-weight:700}
.archiv .badge.sparte{background:var(--rsg-blue-dark);color:#fff}
.archiv .mehr{display:block;margin:20px auto 0}
.archiv .entfernen-hinweis{display:flex;gap:12px;align-items:flex-start;margin:0 0 24px;padding:14px 16px;border-left:4px solid var(--rsg-yellow);background:var(--rsg-blue-soft);border-radius:0 var(--radius) var(--radius) 0;font-size:.95rem;line-height:1.5}
.archiv .entfernen-hinweis p{margin:0;font-size:inherit}
.archiv .entfernen-hinweis a{color:var(--rsg-blue-dark);font-weight:700;text-decoration:underline}
.archiv .beitrag-ende .entfernen-hinweis{margin:32px 0 0}
.archiv .hinweis{margin-top:40px;padding:14px 16px;border-left:4px solid var(--rsg-yellow);background:var(--rsg-blue-soft);font-size:.9rem;color:var(--rsg-text-muted)}
.archiv .zurueck{display:inline-block;margin-bottom:8px;font-weight:700;color:var(--rsg-blue-dark)}
.archiv .zurueck:hover{color:var(--rsg-red)}
.archiv .text p{margin:0 0 1em;max-width:70ch;white-space:pre-line}
.archiv .chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 22px}
.archiv .chips a{font-size:.85rem;padding:3px 12px;border-radius:999px;border:1px solid var(--rsg-blue-alt);color:var(--rsg-blue-dark);background:#fff}
.archiv .chips a:hover,.archiv .chips a:focus{border-color:var(--rsg-blue-dark)}
.archiv .galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:28px 0}
.archiv .galerie button{padding:0;border:0;background:var(--rsg-blue-alt);border-radius:4px;overflow:hidden;cursor:zoom-in;aspect-ratio:4/3}
.archiv .galerie img{width:100%;height:100%;object-fit:cover}
.archiv .galerie button:focus{outline:3px solid var(--rsg-yellow);outline-offset:2px}
.archiv .quellen{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.archiv .entfernen{margin-top:48px;font-size:.85rem;color:var(--rsg-text-muted)}
.unsichtbar{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
dialog.lb{border:0;padding:0;background:#000;color:#fff;max-width:100vw;max-height:100vh;width:100vw;height:100vh}
dialog.lb::backdrop{background:rgba(0,0,0,.92)}
.lb figure{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 64px}
.lb img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain;display:block}
.lb figcaption{margin-top:10px;font-size:.9rem;opacity:.85;text-align:center}
.lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;font-size:1.6rem;width:48px;height:48px;border-radius:50%;cursor:pointer}
.lb button:hover,.lb button:focus{background:rgba(255,255,255,.3)}
.lb .zu{top:12px;right:12px}.lb .vor{right:12px;top:50%}.lb .zurueckb{left:12px;top:50%}
@media (max-width:560px){
 .archiv{padding-top:24px}
 .archiv .karte{grid-template-columns:84px 1fr;gap:12px}
 .archiv .karte img,.archiv .karte .ohnebild{width:84px;height:84px}
 .archiv .filter label{flex:1 1 140px}.archiv .filter select{min-width:0;width:100%}
 .lb figure{padding:60px 8px}
}