/* Funktionsseiten und Ratgeber */
.fpage{max-width:1240px;margin:0 auto;padding:clamp(48px,7vw,96px) var(--gutter) 0}
.crumbs{font-size:14px;color:var(--dim);margin-bottom:28px}
.crumbs a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.crumbs a:hover{color:var(--ink)}
.fhero{display:grid;gap:28px;max-width:900px}
.fhero h1{font-size:clamp(42px,6.4vw,5.5rem);line-height:.94;margin:0}
.fhero p.lead{font-size:19px;color:var(--muted);margin:0;max-width:56ch}
.fshot{margin:clamp(48px,6vw,80px) 0 24px}
.fshot img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--line-strong);box-shadow:0 28px 70px -24px rgba(0,0,0,.85)}
.fshot figcaption{color:var(--dim);font-size:14px;text-align:center;margin-top:14px}
.fsec{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,72px);padding:clamp(48px,6vw,72px) 0;border-top:1px solid var(--line);align-items:start}
.fsec h2{font-size:clamp(30px,3.4vw,3rem);line-height:1;margin:0}
.fsec p{color:var(--muted);font-size:17px;margin:0 0 16px;max-width:62ch}
.fsec ul,.checks{list-style:none;padding:0;margin:8px 0 0}
.fsec li{color:var(--ink);line-height:1.55;margin:12px 0;padding-left:28px;position:relative}
.fsec li::before{content:"";position:absolute;left:2px;top:.45em;width:10px;height:6px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg)}
.fsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:clamp(48px,6vw,72px) 0;border-top:1px solid var(--line);counter-reset:st}
.fsteps div{padding:0 28px;border-left:1px solid var(--line)}
.fsteps div:first-child{padding-left:0;border-left:0}
.fsteps b{display:block;font-size:clamp(36px,4vw,52px);font-stretch:118%;font-weight:800;color:var(--red);line-height:1;letter-spacing:-.03em}
.fsteps h3{margin:16px 0 8px;font-size:21px;font-stretch:110%}
.fsteps p{color:var(--muted);margin:0}
.ffaq{padding:clamp(48px,6vw,72px) 0;border-top:1px solid var(--line);max-width:900px}
.ffaq h2{font-size:clamp(30px,3.4vw,3rem);margin:0 0 24px}
.ffaq details{border-bottom:1px solid var(--line)}
.ffaq details:first-of-type{border-top:1px solid var(--line)}
.ffaq summary{cursor:pointer;font-weight:700;font-size:18px;font-stretch:106%;list-style:none;padding:20px 40px 20px 0;position:relative}
.ffaq summary::-webkit-details-marker{display:none}
.ffaq summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:translateY(-70%) rotate(45deg);transition:transform .25s var(--ease)}
.ffaq details[open] summary::after{transform:translateY(-20%) rotate(-135deg)}
.ffaq summary:hover{color:var(--red)}
.ffaq details p{color:var(--muted);margin:0 0 22px;max-width:68ch}
.frel{padding:clamp(48px,6vw,72px) 0;border-top:1px solid var(--line)}
.frel h2{font-size:clamp(26px,2.6vw,2.25rem);margin:0 0 20px}
.frel nav{display:block;border-top:1px solid var(--line)}
.frel a{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) 24px;gap:24px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line);transition:background-color .25s var(--ease),padding .25s var(--ease)}
.frel a::after{content:"";width:9px;height:9px;border-top:2px solid var(--dim);border-right:2px solid var(--dim);transform:rotate(45deg);justify-self:center;transition:border-color .2s,transform .25s var(--ease)}
.frel a:hover{background:var(--raised);padding-left:16px;padding-right:16px}
.frel a:hover::after{border-color:var(--red);transform:translateX(4px) rotate(45deg)}
.frel a b{font-size:clamp(19px,1.8vw,24px);font-weight:750;font-stretch:112%;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.frel a span{color:var(--muted);font-size:16px}
.fpage>.cta{margin:0 calc(var(--gutter) * -1)}
@media(max-width:860px){
  .fsec{grid-template-columns:1fr;gap:18px}
  .fsteps{grid-template-columns:1fr;gap:32px}
  .fsteps div{padding:0;border:0}
  .frel a{grid-template-columns:1fr 24px;gap:6px 16px;padding:20px 0}
  .frel a:hover{padding-left:0;padding-right:0;background:none}
  .frel a b,.frel a span{grid-column:1}
  .frel a::after{grid-column:2;grid-row:1/3}
}

/* Ratgeber-Artikel */
.article article{max-width:760px}
.article article h1{font-size:clamp(40px,5.6vw,4.75rem);line-height:.95;margin:0 0 14px}
.article .meta{font-size:14px;color:var(--dim);margin:0 0 28px}
.article .lead{font-size:20px;color:var(--ink);margin:0 0 24px}
.article article h2{font-size:clamp(26px,2.6vw,2rem);margin:52px 0 12px}
.article article p{color:var(--muted);font-size:17px;line-height:1.75}
.article article ul{padding-left:0;list-style:none}
.article article li{color:var(--ink);line-height:1.65;margin:10px 0;padding-left:24px;position:relative}
.article article li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:2px;background:var(--red)}
.tablewrap{overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:12px}
.article table{border-collapse:collapse;width:100%;font-size:15px;font-variant-numeric:tabular-nums}
.article th,.article td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.article th{background:var(--raised);color:var(--ink);font-weight:700}
.article td{color:var(--muted)}
.article tr:last-child td{border-bottom:0}
.tip{margin:28px 0;padding:20px 24px;background:var(--raised);border:1px solid var(--line);border-radius:12px}
.tip b{color:var(--red);font-size:15px;font-weight:700}
.tip p{margin:6px 0 0!important;color:var(--ink)!important}
.jiggybox{margin:44px 0;padding:clamp(22px,3vw,32px);border-radius:16px;background:var(--red);color:var(--red-ink)}
.jiggybox p{color:var(--red-ink)!important;font-size:19px!important;margin:0 0 20px!important}
.jiggybox .btn.red{background:var(--ground);border-color:var(--ground);color:var(--ink);box-shadow:none}
.jiggybox .btn.red:hover{background:#000}
.jiggybox .btn.dark{border-color:rgba(255,255,255,.6);color:var(--red-ink)}
.jiggybox .btn.dark:hover{border-color:#fff}
.sources{margin-top:56px;padding-top:20px;border-top:1px solid var(--line)}
.sources h2{font-size:18px!important;margin-top:0!important}
.sources li{font-size:14px}
.sources a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}