/* AUSGANG — Ratgeber (ergänzt ../recht/recht.css) */
.w{max-width:780px}
.nin{max-width:1040px}
.nav-r{display:flex;align-items:center;gap:6px}
.nav-r a.nl2{font-family:var(--b);font-size:14px;color:var(--soft);text-decoration:none;padding:0 12px;min-height:44px;display:inline-flex;align-items:center}
.nav-r a.nl2:hover{color:var(--ink)}
.nav-r a.nb{font-family:var(--d);font-weight:600;font-size:14px;color:#05110C;background:var(--mint);border-radius:980px;padding:0 18px;
  min-height:40px;display:inline-flex;align-items:center;text-decoration:none;margin-left:6px}
.nav-r a.nb:hover{background:#5CEDBC}

.crumbs{font-family:var(--m);font-size:11px;letter-spacing:.04em;color:var(--faint);padding-top:34px}
.crumbs ol{list-style:none;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li{margin:0;color:var(--faint)}
.crumbs li+li::before{content:"/";margin-right:6px;color:#3a4148}
.crumbs a{color:var(--soft);text-decoration:none}
.crumbs a:hover{color:var(--mint)}

header.pg{padding:22px 0 30px}
.byline{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:20px;font-family:var(--m);font-size:11.5px;color:var(--faint);letter-spacing:.02em}
.byline b{color:var(--soft);font-weight:500}

.facts{border:1px solid var(--lineM);border-radius:16px;padding:22px 24px;margin:0 0 34px;
  background:linear-gradient(160deg,rgba(52,229,168,.07),transparent 70%)}
.facts .bt{font-family:var(--m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin-bottom:12px}
.facts ul{margin:0 0 0 18px}
.facts li{color:var(--ink);font-weight:400;margin-bottom:8px}
.facts li:last-child{margin-bottom:0}

article h2{scroll-margin-top:80px}
article p a,article li a{text-underline-offset:3px}
.num{font-family:var(--d);font-weight:600;color:var(--ink)}

.cta{margin:46px 0 10px;border:1px solid var(--line);border-radius:20px;padding:30px 28px;
  background:radial-gradient(120% 140% at 0% 0%,rgba(52,229,168,.10),transparent 55%),var(--panel)}
.cta .ck{font-family:var(--m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin-bottom:10px}
.cta h2{margin:0 0 10px;padding:0}
.cta p{margin-bottom:20px}
.cta .row{display:flex;flex-wrap:wrap;gap:10px}

.faq{margin-top:10px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:18px 34px 18px 0;position:relative;font-family:var(--d);font-weight:500;font-size:16.5px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:15px;font-size:22px;color:var(--mint);font-weight:300;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:6px}

.related{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0}
.related a{display:block;border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;text-decoration:none;background:var(--panel);transition:border-color .15s}
.related a:hover{border-color:var(--lineM)}
.related .rk{font-family:var(--m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mint);margin-bottom:6px}
.related .rt{color:var(--ink);font-family:var(--d);font-weight:600;font-size:16px;line-height:1.35}

.sources{font-size:13.5px}
.sources li{margin-bottom:6px;overflow-wrap:anywhere}
.disclaimer{font-size:13.5px;color:var(--faint);border-top:1px solid var(--line);padding-top:18px;margin-top:30px}

/* Hub */
.hub{display:grid;gap:14px;margin-top:6px}
.hub a{display:block;border:1px solid var(--line);border-radius:18px;padding:24px 24px 22px;text-decoration:none;background:var(--panel);transition:border-color .15s,transform .15s}
.hub a:hover{border-color:var(--lineM);transform:translateY(-2px)}
.hub .hk{font-family:var(--m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin-bottom:10px}
.hub .ht{font-family:var(--d);font-weight:600;font-size:20px;color:var(--ink);line-height:1.3;margin-bottom:8px;letter-spacing:-.01em}
.hub .hd{color:var(--soft);font-weight:300;font-size:15px;line-height:1.6}
.hub .hm{margin-top:14px;font-family:var(--m);font-size:11px;color:var(--faint)}

@media(max-width:760px){
  .nav-r a.nl2{display:none}
  .related{grid-template-columns:1fr}
  .cta{padding:24px 20px}
  .cta .row .btn{width:100%;justify-content:center}
}

/* Brotkrumen sind ein <nav>, sollen aber nicht wie die Hauptleiste aussehen */
nav.crumbs{position:static;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:auto}
article td,article th{overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto}
.cta .btn{justify-content:center;text-align:center}