:root{--c950:#0b0908;--c900:#110e0c;--c850:#161210;--c800:#1d1815;--c700:#2a2320;
  --line:rgba(236,228,216,.12);--line2:rgba(236,228,216,.24);--bone:#ece4d8;--mut:#b8ad9f;--fire:#e8692c;--fire2:#ff8a3d;--deep:#b8461a;--ok:#8fc79a;
  --disp:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua","URW Palladio L",Georgia,serif;
  --body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--w:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--c900);color:var(--bone);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--fire2);text-decoration:none}a:hover{color:#fff}
.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--disp);font-weight:600;letter-spacing:.005em;line-height:1.15;margin:0}
h1{font-size:clamp(38px,5.6vw,68px)}h2{font-size:clamp(28px,3.4vw,42px)}h3{font-size:21px}
.kick{font:600 12px/1 var(--body);letter-spacing:.32em;text-transform:uppercase;color:var(--fire2);margin-bottom:16px;display:block}
.lead{font-size:clamp(17px,1.6vw,20px);color:var(--mut);max-width:640px}
.rule{width:56px;height:2px;background:var(--fire);margin:18px 0 26px}
/* Kopf */
.top{position:sticky;top:0;z-index:20;background:rgba(11,9,8,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:28px;height:68px}
.top img{height:34px;width:auto}
.top nav{display:flex;gap:24px;margin-left:auto;font-size:14px}
.top nav a{color:var(--mut)}.top nav a:hover{color:var(--bone)}
.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:3px;border:1px solid var(--line2);color:var(--bone);font:600 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;transition:all .2s}
.btn:hover{border-color:var(--fire2);color:#fff;background:rgba(232,105,44,.08)}
.btn.pri{background:linear-gradient(180deg,#ef7a36,#b8461a);border-color:#ff9a55;color:#fff;box-shadow:0 6px 24px rgba(232,105,44,.28),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.pri:hover{filter:brightness(1.08)}
.btn.sm{padding:10px 16px;font-size:12px}
/* Hero */
.hero{position:relative;padding:96px 0 40px;overflow:hidden;background:radial-gradient(900px 420px at 72% 30%,rgba(232,105,44,.20),transparent 70%),radial-gradient(1400px 600px at 50% -200px,rgba(232,105,44,.10),transparent 70%)}
.hero .grid{display:grid;grid-template-columns:1fr;gap:40px}
.hero h1 em{font-style:normal;color:var(--fire2)}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.hero .note{font-size:13px;color:var(--mut);margin-top:14px}
.shot{border:1px solid var(--line2);border-radius:6px;overflow:hidden;background:#0a0807;box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.6)}
.hero .shot{margin-top:56px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-top:56px}
.facts div{background:var(--c850);padding:22px 24px}
.facts b{display:block;font:600 30px/1 var(--disp);color:var(--bone);margin-bottom:6px}
.facts span{font-size:13px;color:var(--mut)}
/* Abschnitte */
section{padding:100px 0;border-top:1px solid var(--line)}
section.alt{background:var(--c950)}
.two{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:center}
.two.rev{grid-template-columns:1.25fr 1fr}.two.rev .txt{order:2}
.list{list-style:none;padding:0;margin:24px 0 0}
.list li{padding:12px 0 12px 30px;border-bottom:1px solid var(--line);position:relative;color:var(--mut)}
.list li b{color:var(--bone);font-weight:600}
.list li:before{content:"";position:absolute;left:4px;top:21px;width:10px;height:2px;background:var(--fire)}
.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:44px;counter-reset:s}
.step{background:var(--c850);border:1px solid var(--line);border-radius:5px;padding:22px;counter-increment:s;position:relative}
.step:before{content:counter(s,upper-roman);font:600 13px/1 var(--disp);color:var(--fire2);letter-spacing:.1em;display:block;margin-bottom:12px}
.step h3{font-size:18px;margin-bottom:6px}.step p{margin:0;font-size:14px;color:var(--mut)}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}
.gal figure{margin:0}.gal figcaption{font-size:13px;color:var(--mut);margin-top:10px}
/* Preis */
.plans{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:44px;align-items:stretch}
.plan{background:var(--c850);border:1px solid var(--line);border-radius:6px;padding:30px;display:flex;flex-direction:column}
.plan.hl{border-color:rgba(255,138,61,.6);box-shadow:0 0 0 1px rgba(255,138,61,.25),0 30px 70px rgba(232,105,44,.12);background:linear-gradient(180deg,rgba(232,105,44,.08),var(--c850) 40%)}
.plan h3{font-size:22px}.plan .price{font:600 42px/1 var(--disp);margin:18px 0 4px}.plan .price small{font:14px var(--body);color:var(--mut)}
.plan .sub{font-size:13px;color:var(--mut)}
.plan ul{list-style:none;padding:0;margin:22px 0 26px;flex:1}
.plan li{padding:7px 0 7px 26px;position:relative;font-size:15px;color:var(--mut)}
.plan li:before{content:"✓";position:absolute;left:0;color:var(--ok)}
.plan li.no:before{content:"–";color:var(--mut)}
/* FAQ */
.faq{max-width:820px;margin-top:36px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font:600 18px/1.4 var(--disp);list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--fire2);font:400 24px/1 var(--body)}
.faq details[open] summary:after{content:"–"}
.faq p{color:var(--mut);margin:12px 0 0}
/* Fuß */
footer{border-top:1px solid var(--line);background:var(--c950);padding:56px 0 40px;font-size:14px;color:var(--mut)}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
footer h4{font:600 12px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--bone);margin:0 0 14px}
footer a{color:var(--mut);display:block;padding:3px 0}footer a:hover{color:var(--bone)}
footer .fine{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:12px}
footer img{height:30px;width:auto;margin-bottom:14px}
/* Rechtsseiten */
.legal{padding:72px 0 100px}
.legal .wrap{max-width:860px}
.legal h1{font-size:44px;margin-bottom:8px}
.legal h2{font-size:24px;margin:40px 0 10px}
.legal p,.legal li{color:#d6cdc1}
.legal .stand{color:var(--mut);font-size:14px}
.legal table{border-collapse:collapse;width:100%;margin:12px 0}
.legal td{border-bottom:1px solid var(--line);padding:9px 12px 9px 0;vertical-align:top}
.legal td:first-child{color:var(--mut);width:38%}
@media(max-width:900px){
  .two,.two.rev{grid-template-columns:1fr;gap:36px}.two.rev .txt{order:0}
  .plans,.gal,footer .cols{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}
  .top nav{display:none}.top .btn{margin-left:auto}
  section{padding:72px 0}.hero{padding-top:64px}
}

/* Anleitung */
.manual h2{scroll-margin-top:80px;border-top:1px solid var(--line);padding-top:28px}
.manual figure{margin:18px 0 22px}.manual figure img{border:1px solid var(--line2);border-radius:5px}.manual figcaption{font-size:13px;color:var(--mut);margin-top:8px}
.manual ol li,.manual ul li{margin:5px 0}
.mhead-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.mbtns{display:flex;gap:10px}
.toc{background:var(--c850);border:1px solid var(--line);border-radius:6px;padding:18px 24px;margin:28px 0}.toc ol{columns:2;margin:10px 0 0;padding-left:20px}.toc li{margin:3px 0}
.tip,.warn{border-left:3px solid var(--fire);background:rgba(232,105,44,.07);padding:12px 16px;border-radius:0 4px 4px 0;margin:16px 0;color:#d6cdc1}.warn{border-color:#ff7a66;background:rgba(255,122,102,.07)}
kbd{font:600 12px ui-monospace,monospace;border:1px solid var(--line2);border-bottom-width:2px;border-radius:3px;padding:1px 6px;background:var(--c800);color:var(--bone)}
@media(max-width:700px){.toc ol{columns:1}}
@media print{
  @page{size:A4;margin:16mm 14mm}
  body{background:#fff;color:#1a1a1a;font-size:11pt}
  .top,footer,.noprint{display:none!important}
  .legal{padding:0}.legal p,.legal li,.legal td,.tip,.warn{color:#1a1a1a}.legal td:first-child{color:#555}.stand,.manual figcaption{color:#555}
  .kick{color:#b8461a}h1,h2,h3{color:#111}.manual h2{border-color:#ccc;break-after:avoid}
  .toc{background:#f6f3ef;border-color:#ddd}.toc a,a{color:#1a1a1a}
  .tip{background:#fbf1ea}.warn{background:#fdeceb}kbd{background:#f2f2f2;color:#111;border-color:#bbb}
  .legal td{border-color:#ddd}table,figure,.tip,.warn{break-inside:avoid}.manual figure img{max-height:85mm;width:auto;margin:0 auto}
}