:root{--ink:#10231f;--paper:#f4f0e8;--lime:#d8f06a;--teal:#0d6b61;--muted:#5f706b}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'DM Sans',Arial,sans-serif}.wrap{width:min(860px,calc(100% - 36px));margin:auto}header{padding:24px 0;border-bottom:1px solid #ccd2c9}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.brand{font:700 1.1rem 'Space Grotesk',Arial,sans-serif;text-decoration:none;color:var(--teal)}.back{color:var(--teal);font-weight:700}main{padding:70px 0}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;line-height:1.1;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}h1{font-size:clamp(2rem,8.5vw,5rem);margin:10px 0 40px}h2{font-size:1.35rem;margin-top:38px}h3{font-size:1.1rem;margin-top:24px}p,li{color:var(--muted)}a{color:var(--teal)}.box{background:#fffdf8;border-left:4px solid var(--lime);padding:18px;margin:24px 0}footer{padding:28px 0;border-top:1px solid #ccd2c9;font-size:.85rem;color:var(--muted)}@media(max-width:520px){main{padding:44px 0}h1{margin-bottom:28px}}
/* Einheitlicher Kopf- und Fußbereich */
.site-header{position:sticky;top:0;z-index:20;padding:0;background:rgba(244,240,232,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #ccd2c9}
.site-header .hd{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px;flex-wrap:nowrap;width:min(1160px,calc(100% - 36px))}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.brand img{width:40px;height:40px;border-radius:10px;background:#fff;object-fit:contain;padding:3px}
.hd-nav{display:flex;align-items:center;gap:24px;font-weight:600;font-size:.92rem}.hd-nav a{color:var(--ink);text-decoration:none}.hd-nav a:hover{color:var(--teal)}
.hd-nav .hd-cta{background:var(--ink);color:#fffdf8;padding:11px 16px;border-radius:8px}.hd-nav .hd-cta:hover{background:var(--teal);color:#fffdf8}
.hd-toggle{display:none;background:none;border:1px solid #ccd2c9;border-radius:8px;padding:8px 11px;font-size:1.15rem;color:var(--ink);cursor:pointer}
.site-footer{margin-top:40px;padding:50px 0 24px;border:0;background:#020403;color:#b8c9c2;font-size:.92rem}
.site-footer .wrap{width:min(1160px,calc(100% - 36px))}.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-bottom:36px}
.ft-grid strong{display:block;color:#fffdf8;margin-bottom:10px}.ft-grid a{display:block;color:#b8c9c2;text-decoration:none;margin:6px 0}.ft-grid a:hover{color:var(--lime)}
.ft-grid p{color:#b8c9c2}.site-footer .brand{color:#fffdf8;font-size:1.05rem;margin:0}.ft-bottom{border-top:1px solid rgba(255,255,255,.18);padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8rem}
.nf{padding:110px 0 80px}.nf-code{font:700 clamp(4rem,14vw,9rem)/1 'Space Grotesk',Arial,sans-serif;color:var(--lime);-webkit-text-stroke:2px var(--teal);margin:0}.nf h1{font-size:clamp(1.8rem,5vw,3rem);margin:16px 0}.nf-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px;font-weight:700}.nf-btn{background:var(--lime);color:var(--ink);padding:13px 18px;border-radius:8px;text-decoration:none}
@media(max-width:860px){.hd-toggle{display:block}.hd-nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:14px;padding:18px;background:var(--paper);border-bottom:1px solid #ccd2c9}.hd-nav.open{display:flex}.hd-nav .hd-cta{text-align:center}.ft-grid{grid-template-columns:1fr 1fr}.ft-grid>div:first-child{grid-column:1/-1}}
.ft-grid a.brand{display:inline-flex;margin:0 0 12px}

html{scroll-padding-top:90px} /* Sprungziele nicht unter dem festen Menü verstecken */