@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(fonts/poppins-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:700;font-display:swap;src:url(fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2")}

:root{--bg:#0e1420;--fg:#f4f6fa;--mut:#9aa4b5;--acc:#f5b324;--accfg:#14100a;--kreis:#1d2738}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--fg);min-height:100vh;display:flex;flex-direction:column;padding:0 16px}
main{max-width:720px;width:100%;margin:auto;padding:48px 0;text-align:center}
.tag{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
h1{font-family:Poppins,sans-serif;font-weight:700;line-height:1.1;font-size:clamp(28px,8vw,68px);margin:18px 0;overflow-wrap:anywhere;hyphens:none}
.lead{color:var(--mut);font-size:17px;line-height:1.6;max-width:520px;margin:0 auto}
.preis{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:48px;display:block;margin:32px 0 4px}
.steuer{display:block;color:var(--mut);font-size:13px;margin-bottom:20px}
.btn{display:inline-block;font:600 17px Inter,sans-serif;text-decoration:none;padding:16px 32px;border-radius:12px;background:var(--acc);color:var(--accfg)}
.btn:hover{filter:brightness(1.08)}
.btn:focus-visible{outline:3px solid var(--fg);outline-offset:3px}
.hinweis{color:var(--mut);font-size:13px;margin-top:14px}
.hinweis a{color:var(--fg)}
ol{list-style:none;display:grid;gap:14px;max-width:460px;margin:44px auto 0;text-align:left}
ol li{display:flex;gap:14px;align-items:flex-start;font-size:15px;line-height:1.5}
ol li b{font-family:"JetBrains Mono",monospace;flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:var(--kreis);color:var(--acc)}
footer{font-size:13px;padding:20px 0;text-align:center;color:var(--mut);line-height:2}
footer a{color:inherit}
footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px}

/* Textseiten */
.text{text-align:left;max-width:680px}
.text h1{font-size:clamp(28px,6vw,40px)}
.text h2{font-family:Poppins,sans-serif;font-size:19px;margin:28px 0 8px}
.text p,.text li{color:#d3d9e3;font-size:15px;line-height:1.65}
.text ul{margin:6px 0 0 20px}
.text a{color:var(--acc)}
.zurueck{display:inline-block;margin-bottom:8px;color:var(--mut);font-size:14px;text-decoration:none}