:root{--stahl:#EDF0F2;--papier:#FBFCFC;--schiefer:#1E2B33;--grau:#5B6A73;--linie:#C7D0D5;--vorlauf:#C2362B;--vorlauf-dunkel:#9E2A21;--ruecklauf:#2B5A96;--messing:#B49A68;--messing-hell:#E9DFC9;--ok:#2F7A4F}
*{box-sizing:border-box}
body{margin:0;background:var(--stahl);color:var(--schiefer);font:400 1.08rem/1.6 "Barlow",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Barlow Condensed","Barlow",sans-serif;font-weight:700;line-height:1.1;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,4.6vw,3.4rem)}
h2{font-size:1.9rem;margin-top:2.4rem}
h3{font-size:1.35rem;font-weight:600;margin-top:1.6rem}
p,li{max-width:66ch}
a{color:var(--ruecklauf)}
:focus-visible{outline:3px solid var(--ruecklauf);outline-offset:3px;border-radius:4px}
.wrap{max-width:60rem;margin:0 auto;padding:0 1.5rem}
.kopf{position:sticky;top:0;z-index:20;background:rgba(237,240,242,.95);backdrop-filter:blur(6px);border-bottom:1px solid var(--linie)}
.kopf .wrap{display:flex;align-items:center;gap:1.5rem;min-height:4rem;max-width:72rem}
.marke{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--schiefer);font:700 1.35rem/1 "Barlow Condensed",sans-serif;white-space:nowrap}
.marke span{color:var(--vorlauf)}
.nav{display:flex;gap:1.1rem;margin-left:auto;flex-wrap:wrap}
.nav a{color:var(--schiefer);text-decoration:none;font-weight:600;font-size:.98rem}
.nav a:hover,.nav a[aria-current]{color:var(--vorlauf)}
.knopf{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;padding:.75rem 1.2rem;font:600 1.02rem/1 "Barlow",sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}
.knopf-rot{background:var(--vorlauf);color:#fff}.knopf-rot:hover{background:var(--vorlauf-dunkel)}
.knopf-linie{background:transparent;color:var(--schiefer);box-shadow:inset 0 0 0 2px var(--schiefer)}
@media (max-width:1060px){.nav{display:none}.kopf .knopf{margin-left:auto}}
@media (max-width:520px){.kopf .wrap{gap:.8rem}.kopf .knopf{padding:.6rem .8rem;font-size:.95rem}.marke{font-size:1.1rem}.marke svg{width:24px;height:24px}}
.rohr{height:10px;background:linear-gradient(var(--vorlauf) 0 50%,var(--ruecklauf) 50% 100%)}
.pfad{font-size:.92rem;color:var(--grau);margin:1.6rem 0 0}.pfad a{color:var(--grau)}
main{padding:1rem 0 4rem}
.blatt{background:var(--papier);border-radius:10px;padding:2.2rem 2.4rem 2.6rem;margin-top:1rem;box-shadow:0 1px 0 var(--linie)}
.lead{font-size:1.25rem;color:var(--grau)}
.kasten{border-left:6px solid var(--ruecklauf);background:#EEF3F9;padding:1rem 1.2rem;margin:1.6rem 0;border-radius:0 6px 6px 0}
.kasten.rot{border-color:var(--vorlauf);background:#FBEDEB}
.kasten p:last-child,.kasten ul:last-child{margin-bottom:0}
table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:1rem}
th,td{text-align:left;padding:.65rem .7rem;border-bottom:1px solid var(--linie);vertical-align:top}
th{font-family:"Barlow Condensed",sans-serif;font-size:1.1rem;font-weight:700;background:var(--stahl)}
.tab-scroll{overflow-x:auto}
.quelle{font-size:.88rem;color:var(--grau)}
ol.schritte{padding-left:1.3rem}ol.schritte li{margin:.35rem 0}
.cta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;background:var(--schiefer);color:#fff;border-radius:10px;padding:1.4rem 1.6rem;margin:2.4rem 0 0}
.cta p{margin:0;flex:1 1 20rem;color:#DCE3E7}.cta b{color:#fff}
.weiter{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.8rem;margin-top:1rem;padding:0;list-style:none}
.weiter a{display:block;padding:.9rem 1rem;border:1px solid var(--linie);border-radius:8px;text-decoration:none;color:var(--schiefer);font-weight:600;background:#fff}
.weiter a:hover{border-color:var(--vorlauf);color:var(--vorlauf)}
.stand{color:var(--grau);font-size:.92rem;margin-top:2rem}
.fuss{background:var(--schiefer);color:#C9D3D8;padding:2.5rem 0;font-size:.95rem}
.fuss .wrap{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;justify-content:space-between;max-width:72rem}
.fuss a{color:#fff;margin-right:1.2rem}
.fuss-themen{display:flex;flex-wrap:wrap;gap:.4rem 0}
@media (max-width:640px){.blatt{padding:1.5rem 1.2rem 2rem;border-radius:0;margin-left:-1.5rem;margin-right:-1.5rem}}
