/* Rechtliches (dist/rechtliches.js): Textseite im Portal und öffentliche Seite rechtliches.html. Nur Klassen (CSP). */
.legal-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px}
.legal-tab{border:1px solid #dce5f0;background:#fff;color:#17253d;border-radius:999px;padding:9px 16px;font-weight:600;font-size:.92rem;text-decoration:none;line-height:1.2}
.legal-tab:hover,.legal-tab:focus-visible{border-color:#17253d}
.legal-tab.active{background:#17253d;border-color:#17253d;color:#fff}
.legal-doc{background:#fff;border:1px solid #dce5f0;border-radius:20px;padding:28px 32px;color:#1e293b;line-height:1.6;max-width:860px;overflow-wrap:anywhere}
.legal-doc h1{font:600 1.7rem/1.25 'Schibsted Grotesk',sans-serif;letter-spacing:-.02em;margin:0 0 14px;color:#0f172a}
.legal-doc h2{font:600 1.15rem/1.3 'Schibsted Grotesk',sans-serif;margin:26px 0 8px;color:#0f172a}
.legal-doc h3{font-size:1rem;margin:18px 0 6px}
.legal-doc p{margin:0 0 12px}
.legal-doc ul,.legal-doc ol{margin:0 0 12px;padding-left:22px}
.legal-doc li{margin:4px 0}
.legal-doc a{color:#1d4ed8}
.legal-doc .md-table-wrap{overflow-x:auto;margin:6px 0 14px}
.legal-doc table{border-collapse:collapse;width:100%;font-size:.93rem}
.legal-doc th,.legal-doc td{border-bottom:1px solid #e5ebf3;padding:8px 10px;text-align:left;vertical-align:top}
.legal-doc th{background:#f4f7fb;font-weight:600}
.legal-check{background:#fff3b0;color:#5c4400;border-radius:4px;padding:1px 4px}
.legal-loading,.legal-error{color:#64748b}
@media(max-width:620px){
  .legal-doc{padding:20px 18px;border-radius:16px}
  .legal-doc h1{font-size:1.4rem}
  .legal-doc table,.legal-doc thead,.legal-doc tbody,.legal-doc tr,.legal-doc th,.legal-doc td{display:block}
  .legal-doc thead{display:none}
  .legal-doc tr{border-bottom:1px solid #e5ebf3;padding:6px 0}
  .legal-doc td{border:0;padding:3px 0}
  .legal-doc td:first-child{font-weight:600}
}

/* Öffentliche Seite (ohne Anmeldung) */
.legal-page{margin:0;min-height:100vh;background:linear-gradient(135deg,#f8f9fc 0%,#eef2f8 100%);font-family:'Instrument Sans',system-ui,sans-serif;color:#0f172a}
.legal-page main{max-width:900px;margin:0 auto;padding:32px 20px 60px}
.legal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.legal-brand{display:flex;align-items:center;gap:12px;color:#17253d;text-decoration:none;font-weight:600}
.legal-brand img{width:44px;height:44px}
.legal-back{color:#17253d;font-weight:600;text-decoration:none;border:1px solid #dce5f0;background:#fff;border-radius:999px;padding:9px 16px}
.legal-back:hover,.legal-back:focus-visible{border-color:#17253d}
.legal-foot{margin-top:24px;font-size:.85rem;color:#64748b}

/* Links „Impressum · Datenschutz · Nutzungsbedingungen“ unten in der Seitenleiste (auch im Handy-Menü) */
.sidebar-legal{flex-wrap:wrap;row-gap:4px}
.sidebar-legal .legal-link{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}
.sidebar-legal .legal-link:hover,.sidebar-legal .legal-link:focus-visible,.sidebar-legal .legal-link.is-current{text-decoration:underline;text-underline-offset:3px}