:root{--leinen:#F6EEDC;--leinen-hell:#FBF6EA;--ocker:#B5813A;--rose:#D9B19C;--honig:#7A5326;--rost:#8E3E2A;--tinte:#3B2A1F;--wasser:#9CC3D2;--papier:#FFFDF8;--radius-blob: 46% 54% 52% 48% / 58% 44% 56% 42%;--maxw: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--leinen);color:var(--tinte);font-family:DM Sans,system-ui,sans-serif;font-size:18px;line-height:1.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .45 0 0 0 0 .25 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3{font-family:Bricolage Grotesque,sans-serif;font-weight:700;line-height:1.05;margin:0 0 .45em;letter-spacing:-.025em}h1{font-size:clamp(3rem,8vw,6rem);font-weight:800}h2{font-size:clamp(2rem,4.4vw,3.3rem)}h3{font-size:1.4rem;font-weight:650;letter-spacing:-.015em}p{margin:0 0 1em;max-width:62ch}a{color:inherit}:focus-visible{outline:3px solid var(--ocker);outline-offset:3px;border-radius:6px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}section{padding:96px 0}.testbar{background:var(--tinte);color:var(--leinen);font-size:.85rem;text-align:center;padding:6px 16px}.unterwegs{display:none;background:var(--rost);color:var(--leinen-hell);text-align:center;padding:10px 16px;font-weight:500}.unterwegs a{color:inherit;font-weight:700;text-underline-offset:3px}body.ist-unterwegs .unterwegs{display:block}header.kopf{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--leinen) 88%,transparent);backdrop-filter:blur(8px);border-bottom:2px solid transparent;transition:border-color .3s}header.kopf.gescrollt{border-bottom-color:color-mix(in srgb,var(--tinte) 15%,transparent)}.kopf .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}.marke{display:inline-flex;flex-direction:column;line-height:1;text-decoration:none;font-family:Bricolage Grotesque;font-weight:700;font-size:1.35rem;letter-spacing:-.02em}.marke small{font-family:DM Sans;font-weight:500;font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;color:var(--rost);margin-top:6px}.insta-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--tinte);transition:color .2s,background .2s}.insta-icon:hover{color:var(--rost);background:var(--papier)}nav.haupt{display:flex;gap:28px;align-items:center}nav.haupt a{text-decoration:none;font-weight:500}nav.haupt a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.sprache{border:2px solid var(--tinte);background:none;border-radius:99px;padding:2px 12px;font:inherit;font-size:.85rem;cursor:pointer;color:var(--tinte)}.menu-knopf{display:none;background:none;border:0;font:inherit;font-weight:700;cursor:pointer;color:var(--tinte)}.knopf{display:inline-flex;align-items:center;gap:10px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;background:var(--tinte);color:var(--leinen);border:2px solid var(--tinte);border-radius:99px;padding:13px 26px;transition:background .2s,color .2s,border-color .2s,transform .15s}.knopf:hover{background:var(--rost);border-color:var(--rost)}.knopf:active{transform:scale(.97)}.knopf.leise{background:transparent;color:var(--tinte)}.knopf.leise:hover{background:var(--papier);color:var(--rost);border-color:var(--rost)}.hero{padding:72px 0 64px}.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.hero p.unter{font-size:1.3rem;max-width:34ch}.hero .knoepfe{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.oval{aspect-ratio:3/4;border-radius:50%;overflow:hidden;box-shadow:14px 14px 0 var(--rose);background:var(--rose)}.oval img{width:100%;height:100%;object-fit:cover;display:block}.hero .gruss{font-weight:500;color:var(--honig);margin-bottom:10px}.hero h1{font-size:clamp(3rem,7.5vw,5.8rem);margin-bottom:.12em}.hero .motto{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.01em;line-height:1.1;color:var(--rost);margin:0 0 .8em}.video{max-width:720px;margin:0 auto;aspect-ratio:16/9;border:2px dashed color-mix(in srgb,var(--tinte) 40%,transparent);border-radius:22px;display:grid;place-items:center;text-align:center;background:var(--leinen-hell);padding:20px}.video .play{width:64px;height:64px;border-radius:50%;background:var(--ocker);border:3px solid var(--tinte);display:grid;place-items:center;margin:0 auto 10px}.rinne{background:var(--leinen-hell)}.rinne .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}#rinne-svg{width:100%;height:auto;overflow:visible}.druck{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}.punkte{display:flex;gap:8px}.punkte span{width:16px;height:16px;border-radius:50%;border:3px solid var(--tinte);background:transparent;transition:background .2s}.punkte span.voll{background:var(--rost)}.rinne-danach{opacity:0;transform:translateY(8px);font-size:1.25rem;font-weight:500}.regler .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.spur{position:relative;height:18px;border:3px solid var(--tinte);border-radius:99px;background:linear-gradient(90deg,var(--leinen-hell),var(--rose) 45%,var(--rost));cursor:grab;touch-action:none;margin:28px 0 8px}.spur:active{cursor:grabbing}.griff{position:absolute;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--papier);border:3px solid var(--tinte);box-shadow:3px 3px 0 var(--tinte)}.enden{display:flex;justify-content:space-between;font-weight:500}.regler-text{min-height:5.5em;font-size:1.25rem;margin-top:22px}.regler-text p{margin:0}#figur-svg{width:100%;height:auto}.stimmen-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.stimmen-kopf h2{margin:0}.stimmen-raster{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px;margin-top:40px}.blase{position:relative;margin:0;background:var(--papier);border:1.5px solid color-mix(in srgb,var(--tinte) 14%,transparent);border-radius:24px;padding:64px 30px 28px;font-size:1.05rem;line-height:1.55;display:flex;flex-direction:column;justify-content:space-between;gap:22px}.blase:before{content:"„";position:absolute;top:-46px;left:26px;font-family:Bricolage Grotesque;font-weight:800;font-size:5.5rem;line-height:1;color:var(--rost)}.blase:first-child{background:var(--rost);border-color:var(--rost);color:var(--leinen-hell);font-size:1.3rem}.blase:first-child:before{color:var(--rose)}.blase p{margin:0}.blase cite{font-style:normal;font-weight:700;font-size:.9rem;color:var(--honig)}.blase:first-child cite{color:var(--rose)}.hinweis{font-size:.85rem;color:var(--honig);margin-top:18px}.handy-reihe{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;margin-top:56px}.handy{width:220px;aspect-ratio:9/19;border:10px solid var(--tinte);border-radius:38px;background:var(--rose);box-shadow:12px 12px 0 var(--rose);overflow:hidden}.handy-schirm{height:100%;display:grid;place-content:center;justify-items:center;gap:8px;font-weight:700}.handy .play,.video .play{width:64px;height:64px;border-radius:50%;background:var(--ocker);border:3px solid var(--tinte);display:grid;place-items:center}@media(max-width:860px){.handy-reihe{grid-template-columns:1fr;justify-items:center;text-align:left}}.wege-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:36px 0 48px}.weg{border:1.5px solid color-mix(in srgb,var(--tinte) 14%,transparent);border-radius:24px;padding:26px;background:var(--papier)}.weg h3{margin:0}.weg .zeichen{width:56px;height:56px;margin-bottom:12px}.weg p{font-size:1rem;margin:0}.quiz{border:1.5px solid color-mix(in srgb,var(--tinte) 14%,transparent);border-radius:28px;background:var(--papier);padding:40px;max-width:760px}.quiz .fortschritt{font-weight:500;color:var(--honig);margin-bottom:6px}.antworten{display:grid;gap:12px;margin-top:18px}.antwort{text-align:left;font:inherit;background:var(--leinen-hell);color:var(--tinte);border:1.5px solid color-mix(in srgb,var(--tinte) 25%,transparent);border-radius:18px;padding:14px 18px;cursor:pointer;transition:transform .15s,background .15s}.antwort:hover{background:var(--rose);transform:translate(4px)}.ergebnis{display:none}.ergebnis .knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.angebote-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.angebot{position:relative;text-align:left;font:inherit;color:var(--tinte);background:var(--papier);border:1.5px solid color-mix(in srgb,var(--tinte) 14%,transparent);border-radius:24px;padding:26px;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.angebot:hover{transform:translateY(-3px);border-color:var(--rost)}.angebot[aria-pressed=true]{background:var(--rose);border-color:var(--rost)}.angebot .preis{font-family:Bricolage Grotesque;font-weight:900;font-size:2.6rem;line-height:1;margin:8px 0}.angebot small{display:block;font-size:.9rem;color:var(--honig);font-weight:500}.schritt{display:none;margin-top:40px;border-top:1.5px solid color-mix(in srgb,var(--tinte) 14%,transparent);padding-top:32px}.schritt.aktiv{display:block}.addon{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}form.buchung{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;max-width:820px}form.buchung .voll{grid-column:1/-1}label{display:block;font-weight:500;font-size:.95rem;margin-bottom:4px}input,select,textarea{width:100%;font:inherit;color:var(--tinte);background:var(--papier);border:1.5px solid color-mix(in srgb,var(--tinte) 30%,transparent);border-radius:12px;padding:11px 13px}input:focus,select:focus,textarea:focus{border-color:var(--rost);outline:none}textarea{min-height:96px;resize:vertical}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.check input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--tinte)}.summe{font-weight:700;font-size:1.15rem}.danke{display:none;border-radius:24px;background:var(--rose);padding:30px;max-width:640px}.liste-box{display:none;margin-top:28px;border:1.5px solid color-mix(in srgb,var(--tinte) 14%,transparent);border-radius:24px;padding:30px;background:var(--papier);max-width:820px}.pflicht{color:var(--rost)}.fehler{color:var(--rost);font-weight:700;margin:0}.fehler:empty{display:none}.ort-feld{position:relative}.ort-liste{position:absolute;z-index:5;left:0;right:0;top:100%;margin:4px 0 0;padding:6px;list-style:none;background:var(--papier);border:1.5px solid color-mix(in srgb,var(--tinte) 30%,transparent);border-radius:12px;box-shadow:0 12px 30px color-mix(in srgb,var(--tinte) 15%,transparent)}.ort-liste li{padding:9px 10px;border-radius:8px;cursor:pointer}.ort-liste li small{color:var(--honig)}.ort-liste li:hover,.ort-liste li[aria-selected=true]{background:var(--rose)}.ort-ok{font-size:.85rem;color:var(--honig);margin-top:4px}.info-knopf{background:none;border:0;padding:0;margin-top:18px;font:inherit;font-weight:700;color:var(--rost);cursor:pointer;text-decoration:underline;text-underline-offset:4px}.klang-info{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:center;margin-top:18px;padding:26px;border-radius:24px;background:var(--papier);border:1.5px solid color-mix(in srgb,var(--tinte) 14%,transparent);overflow:hidden}.klang-bild{aspect-ratio:4/3;border-radius:18px;background:var(--rose);display:grid;place-items:center;text-align:center;font-weight:500;color:var(--honig);padding:12px}.fragen .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}.qa{border-top:1.5px solid color-mix(in srgb,var(--tinte) 30%,transparent)}.qa-item{border-bottom:1.5px solid color-mix(in srgb,var(--tinte) 30%,transparent)}.qa-knopf{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:none;border:0;padding:20px 0;font:inherit;font-weight:700;font-size:1.15rem;color:var(--tinte);text-align:left;cursor:pointer}.qa-knopf:hover{color:var(--rost)}.plus{position:relative;flex:none;width:30px;height:30px;border:2.5px solid currentColor;border-radius:50%}.plus:before,.plus:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2.5px;margin:-1.25px 0 0 -6px;background:currentColor;transition:transform .3s}.plus:after{transform:rotate(90deg)}.qa-knopf[aria-expanded=true] .plus:after{transform:rotate(0)}.qa-antwort{overflow:hidden}.qa-antwort p{padding-bottom:22px;margin:0}.qa-antwort em{color:var(--honig)}.ueber .wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px;align-items:center}.ueber .oval{box-shadow:-10px 10px 0 var(--rost)}.ueber strong{background:linear-gradient(transparent 62%,color-mix(in srgb,var(--rose) 70%,transparent) 62%)}footer{background:var(--tinte);color:var(--leinen);padding:56px 0 40px;font-size:.95rem}footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}footer a{color:var(--leinen)}footer .marke{color:var(--leinen);font-size:1.6rem}footer .marke small{color:var(--rose)}footer .klein{grid-column:1/-1;font-size:.8rem;opacity:.75;border-top:1px solid color-mix(in srgb,var(--leinen) 30%,transparent);padding-top:18px}.testschalter{background:none;border:1px dashed var(--leinen);color:var(--leinen);border-radius:8px;padding:4px 10px;font:inherit;font-size:.8rem;cursor:pointer}@media(max-width:860px){section{padding:64px 0}.wrap{padding:0 16px}nav.haupt{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:18px;background:var(--leinen);padding:22px 16px;border-bottom:3px solid var(--tinte)}nav.haupt.offen{display:flex}.menu-knopf{display:block}.hero .wrap,.rinne .wrap,.regler .wrap,.ueber .wrap,.fragen .wrap{grid-template-columns:1fr}.fragen .wrap{gap:24px}.hero .oval{max-width:300px;margin:0 auto}.ueber .oval{max-width:260px}.stimmen-raster,.angebote-raster{grid-template-columns:1fr}.wege-raster{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 32px}.weg{padding:16px 8px;text-align:center}.weg .zeichen{width:40px;height:40px;margin:0 auto 8px}.weg h3{font-size:.95rem;line-height:1.15}.klang-info,form.buchung{grid-template-columns:1fr}footer .wrap{grid-template-columns:1fr}.quiz{padding:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}a.weg{display:block;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}a.weg:hover{transform:translateY(-3px);border-color:var(--rost)}a.antwort{display:block;text-decoration:none}.quiz-teaser .fortschritt{margin-bottom:10px}.check.fehlt label{color:var(--rost);font-weight:700}.check.fehlt input{outline:2px solid var(--rost);outline-offset:2px}.seiten-kopf{padding:72px 0 40px}.seiten-kopf h1{font-size:clamp(2.6rem,6.5vw,4.6rem)}.seiten-kopf .motto{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--rost);margin:0 0 .8em}.zurueck{display:inline-block;margin-bottom:24px;font-weight:500;color:var(--honig);text-decoration:none}.zurueck:hover{color:var(--rost);text-decoration:underline}.pfad-zeichen{display:block;width:72px;height:72px;margin-bottom:14px}.kapitel>*{max-width:720px}.kapitel h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin-top:1.4em}.platzhalter{color:var(--honig);font-style:italic}.kasten{border:1.5px solid color-mix(in srgb,var(--tinte) 14%,transparent);border-radius:24px;background:var(--papier);padding:30px;max-width:760px}.kasten .knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.weitere-wege{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.geschichte-kopf{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}@media(max-width:860px){.geschichte-kopf{grid-template-columns:1fr}.geschichte-kopf .oval{max-width:260px}}