*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;background:#faf6ee;color:#3d3428;line-height:1.7}
a{color:#96543f}
.nav{position:sticky;top:0;z-index:9;background:rgba(45,42,30,.96);backdrop-filter:blur(6px);
 display:flex;justify-content:center;align-items:center;gap:4px;padding:10px 12px;flex-wrap:wrap}
.nav a{color:#e9e2d0;text-decoration:none;font-size:.82em;letter-spacing:.12em;
 text-transform:uppercase;padding:6px 14px;border-radius:999px}
.nav a.hier,.nav a:hover{background:rgba(200,144,58,.28);color:#f4e4c1}
.nav .menu{display:none;background:none;border:none;color:#e9e2d0;font-size:1.3em;
 line-height:1;cursor:pointer;padding:2px 10px}
@media(max-width:640px){
 .nav{justify-content:space-between;flex-wrap:wrap}
 .nav .menu{display:block;order:2}
 .nav a{display:none;order:3}
 .nav a:first-child{display:block;order:1;padding-left:4px}
 .nav.offen a{display:block;width:100%;text-align:center;margin-top:2px}
 .nav.offen a:first-child{width:auto;text-align:left;margin-top:0}
}
.hero{position:relative;background:radial-gradient(ellipse at 50% 120%,#7c8a5c 0%,#5c3d2e 56%,#2d1f15 100%);
 color:#f2ead8;text-align:center;padding:84px 20px 70px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:
 radial-gradient(1.6px 1.6px at 18% 28%,#e9c98acc,transparent),
 radial-gradient(1px 1px at 72% 18%,#e9c98aaa,transparent),
 radial-gradient(2px 2px at 84% 46%,#e9c98a88,transparent),
 radial-gradient(1px 1px at 32% 64%,#e9c98aaa,transparent),
 radial-gradient(1.6px 1.6px at 58% 34%,#e9c98acc,transparent),
 radial-gradient(1px 1px at 8% 52%,#e9c98a99,transparent);pointer-events:none}
.hero>*{position:relative;z-index:1}
.hero .marke{font-size:.82em;letter-spacing:.34em;text-transform:uppercase;color:#e0b968}
.hero h1{font-weight:normal;font-size:clamp(2em,5.6vw,3.3em);margin:16px auto 14px;max-width:700px;line-height:1.24}
.hero p{max-width:580px;margin:0 auto;font-size:1.12em;color:#e2d8c2}
.cta-zeile{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.cta{display:inline-block;background:#96543f;color:#fdf9f0;border-radius:11px;
 padding:15px 32px;text-decoration:none;font-size:1.05em}
.cta:hover{background:#7a4232}
.cta.hell{background:transparent;border:1px solid #c8903a;color:#f4e4c1}
.cta.dunkel{background:transparent;border:1px solid #96543f;color:#96543f}
.bonus{margin-top:16px;font-size:.94em;color:#e0b968;letter-spacing:.02em}
.band{background:#f0e9d8;text-align:center;padding:34px 20px;font-style:italic;
 font-size:1.18em;color:#5c3d2e}
.raum{max-width:880px;margin:0 auto;padding:48px 20px}
.raum.schmal{max-width:700px}
h2{font-weight:normal;color:#5c3d2e;font-size:1.7em;text-align:center;margin-bottom:8px}
.unter{text-align:center;color:#8a6d4f;font-style:italic;margin-bottom:30px}
.k3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.k2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.karte{background:#fdfaf3;border:1px solid #e5dac2;border-radius:16px;padding:26px;
 box-shadow:0 3px 16px rgba(90,70,40,.06)}
.karte .k{font-size:.7em;letter-spacing:.18em;text-transform:uppercase;color:#c8903a;margin-bottom:8px}
.karte>b{color:#5c3d2e;font-weight:normal;font-size:1.12em;display:block;margin-bottom:8px}
.karte p{font-size:.95em}
.karte p b{color:#5c3d2e;font-weight:normal}
.karte .mehr{display:inline-block;margin-top:12px;font-size:.92em}
.tag{background:linear-gradient(160deg,#fdfaf3,#f6ecd9);border:1px solid #e5dac2}
.tag .gross{font-size:1.5em;color:#5c3d2e;margin:2px 0 6px}
.baum{margin:8px auto 0;max-width:860px}
.baum img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid #c8903a;
 box-shadow:0 10px 30px rgba(30,30,20,.16)}
.baum figcaption{font-size:.9em;color:#8a6d4f;font-style:italic;text-align:center;padding:12px 12px 0;max-width:640px;margin:0 auto}
.schritte{counter-reset:s;max-width:600px;margin:0 auto}
.schritt{position:relative;padding:0 0 26px 64px;counter-increment:s}
.schritt::before{content:counter(s);position:absolute;left:0;top:-4px;width:44px;height:44px;
 border-radius:50%;background:#5d6b45;color:#fdf9f0;display:flex;align-items:center;
 justify-content:center;font-size:1.2em}
.schritt::after{content:"";position:absolute;left:21px;top:44px;bottom:6px;width:2px;background:#e0d5bd}
.schritt:last-child::after{display:none}
.schritt b{color:#5c3d2e;font-weight:normal;font-size:1.08em}
.preis{background:linear-gradient(160deg,#fdfaf3,#f4eddd);border:1px solid #e0d5bd;
 border-radius:20px;padding:38px;text-align:center;max-width:480px;margin:0 auto}
.preis .z{font-size:3em;color:#5c3d2e;line-height:1}
.fein{font-size:.87em;color:#7a6f65}
.gruen{background:#eef2e4;border-radius:14px;padding:22px 26px;max-width:660px;margin:26px auto;text-align:center}
.faq{max-width:660px;margin:0 auto}
.faq details{background:#fdfaf3;border:1px solid #e5dac2;border-radius:12px;padding:16px 20px;margin-bottom:10px}
.faq summary{cursor:pointer;color:#5c3d2e;font-size:1.04em}
.faq p{margin-top:10px;font-size:.95em}
.mitte{text-align:center}
.fuss{background:#2d2a1e;color:#cfc7b2;text-align:center;padding:34px 16px;font-size:.82em;line-height:1.9}
.fuss a{color:#d9c7a8}