*{-webkit-tap-highlight-color:transparent}a,button,summary,[role=button],[data-svc],label{touch-action:manipulation}:focus:not(:focus-visible){outline:none}
/* Vorlagen-System: Hilfsklassen, 12 neue Layouts, Abschnitts-Stile, Farb-Anpassung der 6 alten Layouts */
.on1,.on2,.on3{color:var(--ink)}
.on1{--bg1:var(--c1);--tx:var(--c1i)}.on2{--bg1:var(--c2);--tx:var(--c2i)}.on3{--bg1:var(--acc0);--tx:var(--acci)}
.on1,.on2,.on3{background:var(--bg1);color:var(--tx);--ink:var(--tx);--sub:var(--tx);--acc:var(--tx);--btn:var(--tx);--btnink:var(--bg1);--card:color-mix(in srgb,var(--tx) 12%,transparent);--field:color-mix(in srgb,var(--tx) 10%,var(--bg1));--line:color-mix(in srgb,var(--tx) 32%,transparent)}
.on1 .lead,.on2 .lead,.on3 .lead{opacity:.9}
body[data-hf=impact] h1,body[data-hf=cond] h1{text-transform:uppercase;letter-spacing:.01em}
body[data-hf=cond] h1,body[data-hf=cond] h2{font-stretch:condensed}
body[data-hf=didone] h1,body[data-hf=didone] h2,body[data-hf=serif] h1{font-weight:500}
body[data-hf=mono] h1,body[data-hf=mono] h2{letter-spacing:-.03em}
body[data-hf=round] h1{letter-spacing:-.01em}
/* sp: geteilt */
.sp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh}.sp-l{padding:44px clamp(20px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:28px}.sp-l .lg{font:800 22px var(--hf);letter-spacing:.04em}.sp-l small{display:block;opacity:.85;margin-top:2px}.sp-l h1{font-size:clamp(34px,5.4vw,66px);margin:6px 0 14px}.sp-l .sv{margin:0}.sp-r{padding:40px clamp(18px,4vw,56px);display:flex;flex-direction:column;gap:18px;justify-content:center}.sp-r .card{margin-top:0}@media(max-width:860px){.sp{grid-template-columns:1fr;min-height:0}}
/* cn: zentriert */
.cn{max-width:860px;margin:0 auto;padding:36px 18px 30px;text-align:center}.cn-b{display:inline-block;padding:10px 26px;border-radius:var(--br);background:var(--c1);color:var(--c1i);font:700 15px var(--hf);letter-spacing:.14em;text-transform:uppercase}.cn small{display:block;margin:14px 0 4px;color:var(--sub);letter-spacing:.12em}.cn h1{font-size:clamp(34px,7vw,68px);margin:8px 0 12px}.cn .lead{margin:0 auto}.cn .ct{justify-content:center}.cn-p{list-style:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0;margin:22px 0 0}.cn-p li{padding:9px 18px;border-radius:var(--br);border:1px solid var(--line);background:var(--field);font-weight:600;font-size:14px}.cn .card{text-align:left;margin-top:34px}
/* ed: Zeitung */
.ed{max-width:1100px;margin:0 auto;padding:20px 20px 30px}.ed-m{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline;border-top:4px double var(--ink);border-bottom:1px solid var(--ink);padding:10px 0;font-size:13px;letter-spacing:.14em;text-transform:uppercase}.ed-m b{font-family:var(--hf);font-size:24px;letter-spacing:.02em;text-transform:none}.ed-g{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,4vw,56px);padding:34px 0;border-bottom:1px solid var(--line)}.ed-h h1{font-size:clamp(38px,6.4vw,84px);line-height:1;font-weight:400;margin:0 0 18px}.ed-s{list-style:none;margin:0;padding:0}.ed-s li{display:grid;grid-template-columns:34px 1fr;gap:2px 12px;padding:14px 0;border-top:1px solid var(--line)}.ed-s li i{font:normal 15px var(--hf);color:var(--acc);grid-row:span 2}.ed-s li b{font-size:18px}.ed-s li span{color:var(--sub);font-size:14px}.ed .card{max-width:620px;margin:34px auto 0}@media(max-width:820px){.ed-g{grid-template-columns:1fr}}
/* bl: Plakat */
.bl-h{padding:clamp(24px,5vw,60px) clamp(18px,5vw,60px) 30px}.bl-h span{font:800 18px var(--hf);letter-spacing:.12em;display:block;margin-bottom:12px}.bl-h h1{font-size:clamp(44px,11vw,150px);line-height:.92;margin:0;text-transform:uppercase;overflow-wrap:anywhere}.bl-t{padding:20px clamp(18px,5vw,60px);display:flex;gap:16px 40px;align-items:center;justify-content:space-between;flex-wrap:wrap}.bl-t p{margin:0;max-width:50ch;font-size:18px}.bl-t .tel{font:900 clamp(26px,5vw,48px) var(--hf);color:inherit;text-decoration:none}.bl-s{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bl-s>div{padding:26px clamp(18px,3vw,36px);min-height:130px;display:flex;flex-direction:column;gap:6px}.bl-s b{font:800 20px var(--hf)}.bl .w{max-width:760px;padding-top:30px}
/* ca: Karten mit Schräge */
.ca-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px clamp(16px,4vw,40px)}.ca-top b{font:800 22px var(--hf);color:var(--acc)}.ca-top a{color:var(--ink);font-weight:700;text-decoration:none}.ca-h{padding:clamp(40px,7vw,90px) clamp(18px,5vw,64px) clamp(90px,13vw,160px);clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}.ca-h h1{font-size:clamp(34px,6vw,70px);max-width:760px;margin:0 0 14px}.ca-h .lead{max-width:620px}.ca-s{max-width:1000px;margin:calc(-1 * clamp(50px,8vw,92px)) auto 0;padding:0 18px;position:relative}.ca-s .sv div{box-shadow:0 14px 40px rgba(0,0,0,.18);background:var(--field)}.ca .w{max-width:620px}
/* rb: Seitenleiste */
.rb{display:grid;grid-template-columns:minmax(220px,300px) 1fr;min-height:100vh}.rb aside{padding:36px 26px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;align-self:start}.rb aside b{font:800 24px var(--hf)}.rb aside small{opacity:.88}.rb aside .tel{font:800 22px var(--hf);color:inherit;text-decoration:none;margin-top:auto}.rb main{padding:clamp(24px,5vw,56px);max-width:900px}.rb main h1{font-size:clamp(32px,5vw,58px);margin:0 0 12px}@media(max-width:820px){.rb{grid-template-columns:1fr}.rb aside{position:static;height:auto}.rb aside .tel{margin-top:6px}}
/* mg: Magazin */
.mg{max-width:1180px;margin:0 auto;padding:18px 18px 30px}.mg-h{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:3px solid var(--ink);padding-bottom:10px}.mg-h b{font:900 28px var(--hf)}.mg-h span{color:var(--sub)}.mg-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:18px}.mg-a{align-self:start;grid-column:span 7;padding:clamp(22px,4vw,48px);border-radius:var(--r)}.mg-a h1{font-size:clamp(32px,5vw,62px);margin:0 0 12px}.mg-b{grid-column:span 5;display:grid;gap:14px;align-content:start}.mg-b>div{padding:20px 22px;border-radius:var(--r);display:flex;flex-direction:column;gap:4px}.mg-b b{font-size:18px}.mg-c{grid-column:1/-1;max-width:620px;justify-self:center;width:100%}@media(max-width:820px){.mg-a,.mg-b{grid-column:1/-1}}
/* mn: minimal */
.mn{max-width:620px;margin:0 auto;padding:30px 20px}.mn-top{display:flex;justify-content:space-between;gap:12px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding-bottom:14px;border-bottom:1px solid var(--line)}.mn-top b{font-family:var(--hf);letter-spacing:.04em}.mn-top a{color:var(--ink);text-decoration:none}.mn h1{font-size:clamp(30px,6vw,54px);font-weight:500;margin:48px 0 14px;line-height:1.08}.mn-l{display:inline-block;margin:14px 0 6px;color:var(--ink);font-weight:700;border-bottom:3px solid var(--acc);padding-bottom:2px;text-decoration:none}.mn-s{list-style:none;padding:0;margin:44px 0 10px}.mn-s li{padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:baseline}.mn-s li span{color:var(--sub);font-size:14px;text-align:end}
/* tk: Ticket */
.tk{max-width:960px;margin:0 auto;padding:30px 18px}.tk-t{display:grid;grid-template-columns:minmax(150px,230px) 1fr;border-radius:var(--r);overflow:hidden;background:var(--field);border:2px solid var(--ink);box-shadow:0 14px 40px color-mix(in srgb,var(--ink) 16%,transparent)}.tk-l{padding:28px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px}.tk-l b{font:800 24px var(--hf)}.tk-r{position:relative;padding:30px clamp(20px,4vw,40px);border-inline-start:2px dashed var(--ink)}.tk-r::before,.tk-r::after{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:var(--bg);border:2px solid var(--ink);inset-inline-start:-14px}.tk-r::before{top:-14px}.tk-r::after{bottom:-14px}.tk-r h1{font-size:clamp(28px,4.6vw,48px);margin:0 0 10px}.tk-s{margin-top:8px}.tk .card{max-width:620px;margin-inline:auto}@media(max-width:700px){.tk-t{grid-template-columns:1fr}.tk-r{border-inline-start:0;border-top:2px dashed var(--ink)}.tk-r::before{top:-14px;inset-inline-start:-14px}.tk-r::after{top:-14px;bottom:auto;inset-inline-start:auto;inset-inline-end:-14px}}
/* stk: Streifen */
.stk-a{display:flex;justify-content:space-between;gap:12px;padding:14px clamp(16px,4vw,48px);font-weight:700}.stk-a b{font:800 20px var(--hf)}.stk-b{padding:clamp(30px,6vw,70px) clamp(16px,4vw,48px)}.stk-b h1{font-size:clamp(34px,7vw,80px);margin:0 0 12px}.stk-r{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;padding:26px clamp(16px,4vw,48px)}.stk-r b{font:800 clamp(20px,3.6vw,34px) var(--hf)}.stk-r span{max-width:40ch;text-align:end}.stk .w{max-width:680px}
/* bb: Blasen */
.bb{position:relative;overflow:hidden;padding:30px 18px}.bb-in{max-width:880px;margin:0 auto;position:relative;z-index:1}.bb-o{position:absolute;border-radius:50%;opacity:.85;z-index:0}.o1{width:min(46vw,340px);aspect-ratio:1;background:var(--c1);top:-90px;inset-inline-end:-80px}.o2{width:min(26vw,190px);aspect-ratio:1;background:var(--c2);top:300px;inset-inline-start:-70px}.o3{width:90px;aspect-ratio:1;background:var(--acc);top:520px;inset-inline-end:6%}.bb-h{text-align:center;padding:10px 0 6px}.bb-n{display:inline-block;background:var(--field);border:2px solid var(--ink);border-radius:999px;padding:8px 22px;font:800 18px var(--hf)}.bb-h h1{font-size:clamp(34px,7vw,64px);margin:18px 0 10px}.bb-h .lead{margin:0 auto}.bb-h .ct{justify-content:center}.bb .card{max-width:620px;margin-inline:auto}
/* gd: Kacheln */
.gd{max-width:1180px;margin:0 auto;padding:16px}.gd-t{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--r);background:var(--field);border:1px solid var(--line)}.gd-t b{font:800 20px var(--hf);margin-inline-end:auto}.gd-t a{color:var(--ink);font-weight:700;text-decoration:none}.gd-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:14px}.gd-h{grid-column:span 8;padding:clamp(22px,4vw,44px);border-radius:var(--r)}.gd-h h1{font-size:clamp(30px,4.6vw,56px);margin:0 0 12px}.gd-k{grid-column:span 4;padding:24px;border-radius:var(--r);display:flex;flex-direction:column;justify-content:center;gap:8px}.gd-k .tel{font:800 clamp(22px,3vw,30px) var(--hf);color:inherit;text-decoration:none}.gd-s{grid-column:span 7;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;align-content:start}.gd-s>div{padding:18px;border-radius:var(--r);background:var(--field);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.gd-s b{font-size:17px}.gd-s span{font-size:14px;color:var(--sub)}.gd-c{grid-column:span 5}.gd-c .card{margin-top:0}@media(max-width:860px){.gd-h,.gd-k,.gd-s,.gd-c{grid-column:1/-1}}
/* alte Layouts mit Palette */
body[data-pal] .cl-top{background:var(--c1);color:var(--c1i)}body[data-pal] .cl-top b{color:var(--c1i)}body[data-pal] .cl-hero{background:var(--c2);color:var(--c2i);--ink:var(--c2i);--sub:var(--c2i);--btn:var(--c2i);--btnink:var(--c2);--acc:var(--c2i)}body[data-pal] .cl-hero a.btn.o{background:transparent;border-color:var(--c2i);color:var(--c2i)}body[data-pal] .cl-foot{background:var(--c1);color:var(--c1i);--sub:var(--c1i);--acc:var(--c1i);--line:color-mix(in srgb,var(--c1i) 35%,transparent);--card:color-mix(in srgb,var(--c1i) 10%,transparent)}
body[data-pal] .stripe{background:repeating-linear-gradient(90deg,var(--c1) 0 22px,var(--c2) 22px 44px)}body[data-pal] .stripe.y{background:repeating-linear-gradient(90deg,var(--c2) 0 28px,var(--c1) 28px 56px)}body[data-pal] .stripe.y2{background:repeating-linear-gradient(90deg,var(--c1) 0 28px,var(--c2) 28px 56px)}
body[data-pal] .ck-badge{background:var(--c2);color:var(--c2i)}body[data-pal] .ck-mid h1{color:var(--acc)}body[data-pal] .ck-mid a.btn.o{border-color:var(--acc);color:var(--acc)}
body[data-pal] .nt aside{background:var(--c1);color:var(--c1i);--ink:var(--c1i);--sub:var(--c1i);--acc:var(--c1i);--card:color-mix(in srgb,var(--c1i) 10%,transparent);--field:color-mix(in srgb,var(--c1i) 10%,var(--c1));--line:color-mix(in srgb,var(--c1i) 32%,transparent)}body[data-pal] .nt .logo,body[data-pal] .nt aside .tel{color:var(--c1i)}body[data-pal] .nt aside a.btn{background:var(--c2);border-color:var(--c2);color:var(--c2i)}body[data-pal] .nt .map{background-image:linear-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--acc) 10%,transparent) 1px,transparent 1px)}body[data-pal] .nt .map i{background:var(--acc)}body[data-pal] .nt .map .p{box-shadow:0 0 24px var(--acc)}body[data-pal] .nt .map .q{background:var(--c2);box-shadow:0 0 24px var(--c2)}
body[data-pal] .pm .logo,body[data-pal] .pm li i,body[data-pal] .pm .res .tel{color:var(--acc)}body[data-pal] .pm .ln{background:var(--acc)}body[data-pal] .pm ol,body[data-pal] .pm li{border-color:var(--line)}body[data-pal] .pm .res a.btn{color:var(--acc);border-color:var(--acc);background:transparent}
body[data-pal] .sg .badge{background:var(--c1);color:var(--c1i)}body[data-pal] .sg a.btn.o{background:var(--field);border-color:var(--ink);color:var(--ink)}body[data-pal] .sg .sv div{background:var(--field);border:1px solid var(--line)}
body[data-pal] .tq .top b{color:var(--acc)}body[data-pal] .tq .top a{background:var(--c1);color:var(--c1i)}body[data-pal] .tq .bento>div{background:var(--field)}body[data-pal] .tq .bento .hero{background:var(--c1);color:var(--c1i);--sub:var(--c1i)}body[data-pal] .tq .bento .hero a{background:var(--c1i);color:var(--c1);border-color:var(--c1i)}body[data-pal] .tq .bento .dk{background:var(--c2);color:var(--c2i)}body[data-pal] .tq .bento .dk span{color:var(--c2i)}
/* Abschnitts-Stile (Karten, Überschriften) */
body[data-sty] .mo-c,body[data-sty] .mo-f details,body[data-sty] .mo-t,body[data-sty] .mo-k li{background:var(--field);border:1px solid var(--line)}
body[data-sty=soft] .mo h2::after{content:"";display:block;width:46px;height:4px;border-radius:4px;background:var(--acc);margin-top:8px}body[data-sty=soft] .mo-c,body[data-sty=soft] .mo-f details,body[data-sty=soft] .mo-t,body[data-sty=soft] .mo-k li{border:0;box-shadow:0 8px 28px color-mix(in srgb,var(--ink) 11%,transparent)}body[data-sty=soft] .mo-c i{background:var(--c1);color:var(--c1i);border-radius:999px;padding:3px 10px;align-self:flex-start;letter-spacing:1px}
body[data-sty=flat] .mo h2{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}body[data-sty=flat] .mo-c,body[data-sty=flat] .mo-f details,body[data-sty=flat] .mo-t,body[data-sty=flat] .mo-k li{background:color-mix(in srgb,var(--c1) 22%,var(--bg));border:0}body[data-sty=flat] .mo-g{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){body[data-sty=flat] .mo-g{grid-template-columns:1fr}}
body[data-sty=line] .mo h2{font-weight:400;font-size:clamp(24px,4vw,34px);border-bottom:1px solid var(--ink);padding-bottom:8px}body[data-sty=line] .mo-c,body[data-sty=line] .mo-f details,body[data-sty=line] .mo-t,body[data-sty=line] .mo-k li{background:none;border:0;border-top:1px solid var(--line);border-radius:0;backdrop-filter:none}body[data-sty=line] .mo-g{grid-template-columns:1fr 1fr;gap:0 28px}@media(max-width:700px){body[data-sty=line] .mo-g{grid-template-columns:1fr}}body[data-sty=line] .mo-c i{font-family:var(--hf);font-size:18px;letter-spacing:0}
body[data-sty=brut] .mo h2{display:inline-block;background:var(--c2);color:var(--c2i);padding:5px 14px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}body[data-sty=brut] .mo-c,body[data-sty=brut] .mo-f details,body[data-sty=brut] .mo-t,body[data-sty=brut] .mo-k li{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--field);backdrop-filter:none}body[data-sty=brut] .mo-i{border:3px solid var(--ink)}
body[data-sty=glass] .mo h2{text-shadow:0 0 18px color-mix(in srgb,var(--acc) 65%,transparent);color:var(--acc)}body[data-sty=glass] .mo-c,body[data-sty=glass] .mo-f details,body[data-sty=glass] .mo-t,body[data-sty=glass] .mo-k li{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 34px color-mix(in srgb,var(--acc) 13%,transparent),inset 0 1px 0 rgba(255,255,255,.14)}body[data-sty=glass] .mo-c i{text-shadow:0 0 12px var(--acc)}
body[data-sty=pop] .mo h2{display:inline-block;background:var(--acc);color:var(--acci);padding:6px 16px;border-radius:var(--br);transform:rotate(-1.2deg)}body[data-sty=pop] .mo-c,body[data-sty=pop] .mo-k li{border:0}body[data-sty=pop] .mo-c:nth-child(3n+1),body[data-sty=pop] .mo-k li:nth-child(3n+1){--cbg:var(--c1);background:var(--c1);color:var(--c1i);--ink:var(--c1i);--sub:var(--c1i);--acc:var(--c1i);transform:rotate(-.5deg)}body[data-sty=pop] .mo-c:nth-child(3n+2),body[data-sty=pop] .mo-k li:nth-child(3n+2){--cbg:var(--c2);background:var(--c2);color:var(--c2i);--ink:var(--c2i);--sub:var(--c2i);--acc:var(--c2i);transform:rotate(.5deg)}body[data-sty=pop] .mo-c:nth-child(3n),body[data-sty=pop] .mo-k li:nth-child(3n){--cbg:var(--acc0);background:var(--acc0);color:var(--acci);--ink:var(--acci);--sub:var(--acci);--acc:var(--acci)}body[data-sty=pop] .mo-f details,body[data-sty=pop] .mo-t{border:2px solid var(--acc)}
body[data-sty=tint] .mo h2{padding-inline-start:14px;border-inline-start:6px solid var(--acc)}body[data-sty=tint] .mo-c,body[data-sty=tint] .mo-f details,body[data-sty=tint] .mo-t,body[data-sty=tint] .mo-k li{background:color-mix(in srgb,var(--acc) 10%,var(--bg));border:0;border-inline-start:5px solid var(--acc)}
body[data-sty=block] .mo h2{display:inline-block;background:var(--c1);color:var(--c1i);padding:6px 16px}body[data-sty=block] .mo-c,body[data-sty=block] .mo-f details,body[data-sty=block] .mo-t,body[data-sty=block] .mo-k li{border:0}body[data-sty=block] .mo-c:nth-child(odd),body[data-sty=block] .mo-k li:nth-child(odd),body[data-sty=block] .mo-t:nth-child(odd){--cbg:var(--c1);background:var(--c1);color:var(--c1i);--ink:var(--c1i);--sub:var(--c1i);--acc:var(--c1i);--line:color-mix(in srgb,var(--c1i) 40%,transparent)}body[data-sty=block] .mo-c:nth-child(even),body[data-sty=block] .mo-k li:nth-child(even){--cbg:var(--c2);background:var(--c2);color:var(--c2i);--ink:var(--c2i);--sub:var(--c2i);--acc:var(--c2i)}body[data-sty=block] .mo-f details{border-bottom:3px solid var(--c1)}body[data-sty=block] .mo-g{grid-template-columns:1fr}
body[data-sty=gradient] .mo h2{background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}body[data-sty=gradient] .mo-c,body[data-sty=gradient] .mo-f details,body[data-sty=gradient] .mo-t,body[data-sty=gradient] .mo-k li{background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 40%,var(--bg)),color-mix(in srgb,var(--c2) 16%,var(--bg)));border:0}
body[data-sty=pill] .mo{text-align:center}body[data-sty=pill] .mo h2{display:inline-block;padding:7px 22px;border-radius:999px;background:var(--c1);color:var(--c1i)}body[data-sty=pill] .mo-c,body[data-sty=pill] .mo-f details,body[data-sty=pill] .mo-t,body[data-sty=pill] .mo-k li{border-radius:28px;background:var(--field);text-align:start}body[data-sty=pill] .mo-p{margin-inline:auto}
body[data-sty] .mo-i,body[data-sty] .mo-ill{border-radius:var(--r)}
@media(prefers-reduced-motion:reduce){.on1,.on2,.on3{transition:none}}
body[data-pal] .bnr-d{display:none}

/* Kopfzeile mit Social/Rechtliches, Block unter dem Kopf */
.hx{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0}.hx .soc{margin:0;gap:6px;justify-content:flex-start}.hx .soc a{width:34px;height:34px}.hx .soc svg{width:18px;height:18px}.hx footer,.bsoc footer{margin:0;gap:12px;font-size:13px}.hx footer a{color:inherit}
.bsoc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:14px 0 4px}.bsoc .soc{margin:0;justify-content:flex-start}.bsoc footer a{color:inherit}
.cn .hx,.bb-in>.hx{justify-content:center;margin-bottom:14px}.cn .bsoc,.bb .bsoc,.tk .bsoc{justify-content:center}
.cl-top .hx{--acc:#FFC107;--sub:#fff;--ink:#fff;--line:rgba(255,255,255,.35);--card:rgba(255,255,255,.08)}body[data-pal] .cl-top .hx{--acc:var(--c1i);--sub:var(--c1i);--ink:var(--c1i)}.nt .hx{--acc:#5EEAD4;--sub:#fff;--ink:#fff;--line:rgba(255,255,255,.3)}
.pm .bsoc{justify-content:center}.sg .bsoc{justify-content:center}.ck-mid .bsoc{--acc:#FFC107}.nt aside .bsoc{--acc:#5EEAD4;--sub:#fff}
.pm .logo,.pm .res a.btn{text-transform:uppercase}
/* Nummern als Knöpfe */
body[data-num]:not([data-num=none]) .mo-c i,body[data-num]:not([data-num=none]) .ed-s li i{font-style:normal;display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;font:800 13px var(--bf);letter-spacing:.5px;align-self:flex-start;transition:transform .15s,box-shadow .15s;text-shadow:none}
body[data-num]:not([data-num=none]) .mo-c:hover i{transform:scale(1.1)}
body[data-num=ring] .mo-c i,body[data-num=ring] .ed-s li i{border:2px solid var(--ink);border-radius:50%;color:var(--ink);background:transparent;width:36px;padding:0}
body[data-num=disc] .mo-c i,body[data-num=disc] .ed-s li i{background:var(--ink);color:var(--cbg,var(--bg));border-radius:50%;width:36px;padding:0}
body[data-num=square] .mo-c i,body[data-num=square] .ed-s li i{background:var(--ink);color:var(--cbg,var(--bg));border-radius:6px}
body[data-num=pill] .mo-c i,body[data-num=pill] .ed-s li i{background:var(--ink);color:var(--cbg,var(--bg));border-radius:999px;padding:0 14px}
body[data-num=tab] .mo-c{overflow:hidden}body[data-num=tab] .mo-c i{background:var(--ink);color:var(--cbg,var(--bg));border-radius:0;border-end-end-radius:14px;height:30px;margin-block-start:-16px;margin-inline-start:-18px}body[data-num=tab] .ed-s li i{background:var(--ink);color:var(--bg);border-radius:6px 0 6px 0}
body[data-num=bar] .mo-c i,body[data-num=bar] .ed-s li i{border-bottom:4px solid var(--acc0,var(--ink));border-radius:0;color:var(--ink);background:none;height:auto;min-width:0;padding:0 2px 2px}
body[data-num=glow] .mo-c i,body[data-num=glow] .ed-s li i{border-radius:10px;background:color-mix(in srgb,var(--acc0,var(--ink)) 25%,transparent);color:var(--ink);box-shadow:0 0 14px color-mix(in srgb,var(--acc0,var(--ink)) 55%,transparent)}
/* Leistungen: Klick zeigt den Text und färbt die Kachel */
[data-svc]{cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .15s}[data-svc] .svx{display:none}[data-svc]:focus-visible{outline:3px solid var(--acc0,var(--acc));outline-offset:2px}
[data-svc].act .svx{display:block;animation:svin .22s ease}@keyframes svin{from{opacity:0;transform:translateY(-4px)}}
[data-svc].act{background:var(--ink0,var(--acc))!important;color:var(--bg0,var(--btnink))!important;--ink:var(--bg0,var(--btnink));--sub:var(--bg0,var(--btnink));--acc:var(--bg0,var(--btnink));border-color:transparent!important;box-shadow:0 0 0 4px var(--acc0,var(--acc)),0 12px 32px color-mix(in srgb,var(--acc0,var(--acc)) 55%,transparent)!important;transform:translateY(-2px)}
[data-svc]:not(.act):hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--acc0,var(--acc)) 45%,transparent)}
/* Bearbeiten direkt auf der Seite (nur Inhaber) */
#awbBar{position:sticky;top:0;z-index:200;display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;justify-content:center;padding:8px 12px;background:rgba(17,24,39,.94);color:#fff;font:600 14px system-ui,sans-serif;backdrop-filter:blur(10px)}#awbBar button{font:inherit;padding:8px 18px;border-radius:999px;border:0;cursor:pointer;background:#2563eb;color:#fff;width:auto}#awbBar #awbSv{background:#16a34a}#awbBar #awbCx{background:#475569}#awbBar button:disabled{opacity:.45;cursor:default}#awbBar [hidden]{display:none}#awbHint{font-weight:500;opacity:.85;font-size:13px}
body.awb-edit [data-svc] .svx{display:block}body.awb-edit [data-ed]{outline:2px dashed #3b82f6;outline-offset:2px;cursor:text;min-width:1.5ch;border-radius:3px}body.awb-edit [data-ed]:empty::before{content:"…";opacity:.5}body.awb-edit [data-ed]:focus{outline:2px solid #22c55e;background:rgba(34,197,94,.12)}body.awb-edit [data-im]{cursor:pointer;outline:3px dashed #3b82f6;outline-offset:-3px}body.awb-edit[data-pal] .bnr-d{display:block}body.awb-edit [data-svc].act{transform:none}
#awbIm{position:fixed;z-index:300;display:flex;gap:6px;padding:8px;border-radius:16px;background:#111827;box-shadow:0 10px 30px rgba(0,0,0,.4)}#awbIm button{font:600 14px system-ui,sans-serif;padding:9px 14px;border-radius:999px;border:0;cursor:pointer;background:#2563eb;color:#fff;width:auto}#awbIm button.rm{background:#dc2626}#awbIm button[data-a=x]{background:#475569;padding:9px 12px}

#awbQ{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:16px}#awbQ .awbQb{background:#fff;color:#111;border-radius:18px;padding:20px;max-width:340px;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.4);font:600 16px system-ui,sans-serif;text-align:center}#awbQ p{margin:0 0 16px}#awbQ div div,#awbQ .awbQb>div{display:flex;gap:10px}#awbQ button{flex:1;padding:12px;border-radius:12px;border:0;font:700 15px system-ui,sans-serif;background:#e5e7eb;color:#111;cursor:pointer}#awbQ button.rm{background:#dc2626;color:#fff}

/* Familie: Taxameter */
.mt{max-width:560px;margin:0 auto;padding:22px 16px 10px}.mt-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:16px}.mt-top b{font-family:var(--hf);font-size:20px;letter-spacing:.04em;text-transform:uppercase}.mt-top span{color:var(--sub);font-size:13px}
.mt-dash{position:relative;border-radius:26px;padding:20px 16px 18px;background:linear-gradient(165deg,#2b2e36 0%,#14161b 60%,#0b0c10 100%);box-shadow:0 0 0 3px #3b3e46,0 0 0 6px #111216,0 18px 40px rgba(0,0,0,.4);color:#fff}
.mt-lamps{display:flex;align-items:center;gap:8px;font:600 11px ui-monospace,Consolas,monospace;letter-spacing:.14em;margin-bottom:14px}.mt-lamps em{font-style:normal;opacity:.75;margin-inline-end:10px}.mt-lamps i{width:11px;height:11px;border-radius:50%;flex:none}.mt-lamps i.g{background:#39ff88;box-shadow:0 0 12px #39ff88;animation:mtb 1.6s ease-in-out infinite}.mt-lamps i.r{background:#5a1a1a}@keyframes mtb{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.mt-lamps i.g{animation:none}}
.mt-lcd{margin:0}.mt-lcd .lcd-n svg{max-width:100%;height:auto;max-height:64px}
.mt-keys{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.mt-k{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,#3a3d46,#22242b);border:1px solid #4a4d57;color:#fff;font:700 15px var(--bf);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 0 #0c0d10;text-align:center}.mt-k i{width:12px;height:12px;border-radius:50%;background:#7a7f8c;flex:none}.mt-k.y{background:linear-gradient(180deg,#ffd43b,#f2b400);border-color:#ffe27a;color:#1a1400}.mt-k.y i{background:#1a1400}.mt-k:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 #0c0d10}.mt-k:hover{filter:brightness(1.08)}
.mt-body{padding:26px 6px 4px}.mt-body h1{margin:0 0 10px}
.mt .w{padding-inline:0}
/* Familie: Kino */
.cine{padding:0 0 10px}.cine-sky{position:relative;overflow:hidden;min-height:min(86vh,640px);display:flex;align-items:flex-start;justify-content:center;text-align:center;background:linear-gradient(180deg,#0b1026 0%,color-mix(in srgb,var(--acc) 38%,#0b1026) 100%);color:#fff}
.cine-sky>svg{position:absolute;inset:auto 0 0 0;width:100%;height:46%;min-height:200px}.cine-b rect{fill:color-mix(in srgb,#000 62%,#0b1026)}.cine-b .wn{fill:var(--acc);opacity:.85}.cine-road{fill:var(--acc)}
.cine-moon{position:absolute;top:9%;inset-inline-end:12%;width:clamp(54px,12vw,110px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,color-mix(in srgb,var(--acc) 40%,#fff));box-shadow:0 0 60px color-mix(in srgb,var(--acc) 60%,transparent)}
.cine-in{position:relative;z-index:1;max-width:680px;padding:clamp(36px,9vh,90px) 22px 0}.cine-nm{display:inline-block;font:700 13px var(--bf);letter-spacing:.34em;text-transform:uppercase;padding:7px 16px;border:1px solid rgba(255,255,255,.45);border-radius:999px}.cine-in h1{font-size:clamp(34px,8vw,68px);margin:18px 0 12px;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.4)}.cine-in .lead{color:rgba(255,255,255,.85);margin-inline:auto}.cine-in .ct{justify-content:center}.cine-in a.btn.o{color:#fff;border-color:#fff}
.cine-w{margin-top:-8px;position:relative;z-index:2}.cine-sv .sv{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));text-align:center}
/* Familie: Bon */
.tkt{max-width:460px;margin:0 auto;padding:26px 14px 20px}.tkt-p{position:relative;background:#fffef9;color:#16140f;padding:26px 22px 40px;font-family:ui-monospace,"SF Mono",Consolas,"Courier New",monospace;box-shadow:0 14px 34px rgba(0,0,0,.22);-webkit-mask:radial-gradient(circle 9px at 9px 100%,#0000 98%,#000) 0 0/18px 100% repeat-x,linear-gradient(#000,#000);-webkit-mask-composite:source-over;--m:0}
.tkt-p::after{content:"";position:absolute;inset:auto 0 -9px 0;height:18px;background:radial-gradient(circle 9px at 9px 9px,transparent 98%,#fffef9) 0 0/18px 18px repeat-x}.tkt-p{-webkit-mask:none;mask:none;margin-bottom:12px}
.tkt-h{text-align:center}.tkt-h b{display:block;font-size:22px;letter-spacing:.14em;text-transform:uppercase}.tkt-h span{font-size:12px;opacity:.7}.tkt-d{border-top:2px dashed #16140f;opacity:.35;margin:16px 0}.tkt h1{font-family:inherit;font-size:clamp(20px,5vw,26px);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;color:#16140f}.tkt .lead{color:#3b372c;font-size:14px;max-width:none}
.tkt-l{list-style:none;margin:0;padding:0}.tkt-l li{display:flex;align-items:baseline;gap:8px;padding:5px 0;font-size:14px}.tkt-l li i{flex:1;border-bottom:2px dotted #16140f;opacity:.35;transform:translateY(-3px)}.tkt-l li b{color:#0a8f47}.tkt-l .svs,.tkt-l .svi{display:inline-block;width:22px;height:22px;vertical-align:middle;margin-inline-end:8px;overflow:hidden;border-radius:4px}.tkt-l .svs svg{width:100%;height:100%}
.tkt-s{text-align:center}.tkt-s small{letter-spacing:.22em;font-size:11px;opacity:.65}.tkt-s .tel{display:block;font-size:clamp(24px,7vw,32px);font-weight:700;color:#16140f;margin:6px 0 14px;text-decoration:none}.tkt-s a.btn{background:#16140f;border-color:#16140f;color:#fffef9;border-radius:0}
.tkt-bar{height:46px;margin-top:22px;background:repeating-linear-gradient(90deg,#16140f 0 2px,transparent 2px 5px,#16140f 5px 6px,transparent 6px 10px,#16140f 10px 13px,transparent 13px 15px)}
.tkt-c .card{margin-top:0}

/* Flaggschiff: Scrollytelling "Taxi Story" */
.sty{position:relative;height:calc(var(--n,4) * 78svh + 150svh);--p:0;background:#000}
.sty-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#000;color:#fff;isolation:isolate}
.sty-sky{position:absolute;inset:0;background:linear-gradient(180deg,#FFE15A 0%,#FFC400 30%,#B86E00 62%,#1a1100 100%);opacity:calc(1.15 - var(--p) * 1.6)}
.sty-night{position:absolute;inset:0;background:radial-gradient(120% 70% at 70% 100%,rgba(255,196,0,.22),transparent 60%),#050505;opacity:calc(var(--p) * 1.6 - .1)}
.sty-stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 33% 9%,#FFE15A,transparent),radial-gradient(1.5px 1.5px at 58% 22%,#fff,transparent),radial-gradient(1px 1px at 81% 12%,#fff,transparent),radial-gradient(1.5px 1.5px at 92% 30%,#FFE15A,transparent),radial-gradient(1px 1px at 22% 38%,#fff,transparent),radial-gradient(1px 1px at 70% 40%,#fff,transparent),radial-gradient(1.5px 1.5px at 45% 33%,#FFE15A,transparent);animation:styt 4s ease-in-out infinite alternate}
@keyframes styt{to{opacity:.55}}
.sty-sun{position:absolute;inset-inline-end:8%;bottom:calc(36% - var(--p) * 62%);width:min(58vmin,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#FFF7C2,#FFD400 55%,#FF9F00);box-shadow:0 0 140px 30px rgba(255,196,0,.55);opacity:calc(1.2 - var(--p) * 1.5)}
.sty-l{position:absolute;inset-inline-start:0;width:320%;transform:translate3d(calc(var(--p) * var(--k) * -1%),max(0%,calc(62% - var(--p) * 400%)),0);will-change:transform}
.sty-l svg{display:block;width:100%;height:100%}
.sty-l1{bottom:23%;height:30%;--k:14;fill:#17120a;opacity:.92}.sty-l2{bottom:21%;height:42%;--k:30;fill:#0d0d0d}.sty-l3{bottom:17%;height:52%;--k:52;fill:#050505}
.sty-l .wn{fill:#FFD400;opacity:calc(var(--p) * 1.9 - .25)}.sty-l3 .wn{fill:#FFE15A;opacity:calc(var(--p) * 2.1 - .3)}
.sty-blink{fill:#ff3b30;animation:styb 1.4s steps(2) infinite}@keyframes styb{50%{opacity:.15}}
.sty-road{position:absolute;inset:auto 0 0 0;height:19%;background:linear-gradient(180deg,#141414,#050505);border-top:3px solid #FFD400;box-shadow:0 -6px 30px rgba(255,212,0,.35)}
.sty-road i{position:absolute;inset-inline:0;top:46%;height:6px;background:repeating-linear-gradient(90deg,#FFD400 0 70px,transparent 70px 170px);background-position-x:calc(var(--p) * -5200px)}
.sty-taxi{position:absolute;bottom:11%;inset-inline-start:calc(4% + var(--p) * 34%);width:clamp(210px,40vw,500px);filter:drop-shadow(0 0 28px rgba(255,212,0,.35));animation:styi .55s ease-in-out infinite alternate}
@keyframes styi{to{transform:translateY(-3px)}}
.sty-taxi svg{display:block;width:100%;height:auto;overflow:visible}.sty-wh{transform:rotate(calc(var(--p) * 7200deg))}
.sty-beam{position:absolute;inset-inline-start:96%;top:46%;width:120%;height:26%;background:linear-gradient(90deg,rgba(255,244,168,.75),rgba(255,244,168,0));clip-path:polygon(0 38%,100% 0,100% 100%,0 62%);opacity:calc(var(--p) * 1.8 - .2);filter:blur(2px);pointer-events:none}
.sty-top{position:absolute;top:0;inset-inline:0;z-index:5;display:flex;align-items:center;gap:12px;padding:16px 18px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:#0b0b0b}
.sty-top b{padding:7px 14px;border-radius:999px;background:#0b0b0b;color:#FFD400}.sty-top a{margin-inline-start:auto;padding:8px 16px;border-radius:999px;background:#FFD400;color:#0b0b0b;text-decoration:none;box-shadow:0 0 0 2px #0b0b0b}.sty-top .hx{margin-inline-start:auto}
.sty-ch{position:absolute;z-index:4;inset-inline:5%;top:17%;max-width:640px;opacity:0;transform:translateY(46px) scale(.97);filter:blur(6px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1),filter .7s;pointer-events:none}
.sty-ch.on{opacity:1;transform:none;filter:none;pointer-events:auto}
.sty-c0{top:11%;max-width:860px;color:#0b0b0b}.sty-badge{display:inline-block;padding:7px 16px;border-radius:999px;background:#0b0b0b;color:#FFD400;font:800 12px var(--bf);letter-spacing:.3em;text-transform:uppercase}
.sty-c0 h1{font-family:var(--hf);font-size:clamp(38px,min(12.5vw,11svh),128px);line-height:.92;text-transform:uppercase;margin:16px 0 14px;color:#0b0b0b;letter-spacing:-.02em;text-shadow:5px 5px 0 rgba(255,255,255,.35)}
.sty-c0 .lead{color:#1b1400;font-weight:600;max-width:520px}.sty-c0 .ct .btn{background:#0b0b0b;border-color:#0b0b0b;color:#FFD400;box-shadow:0 0 0 3px #FFD400,0 10px 34px rgba(0,0,0,.45)}
.sty-hint{position:absolute;inset-inline-start:5%;bottom:calc(-1 * (100svh * .98 - 100%) - 0px);display:none}.sty-hint{display:flex;position:fixed;inset-inline-start:50%;transform:translateX(-50%);bottom:3svh;z-index:7;color:#FFD400;opacity:calc(1 - var(--p) * 12);pointer-events:none;align-items:center;gap:10px;font:800 12px var(--bf);letter-spacing:.24em;text-transform:uppercase}.sty-hint i{width:22px;height:34px;border:2px solid #FFD400;border-radius:12px;position:relative}.sty-hint i::after{content:"";position:absolute;left:50%;top:6px;width:4px;height:8px;margin-left:-2px;border-radius:3px;background:#FFD400;animation:styh 1.3s ease-in-out infinite}@keyframes styh{60%{transform:translateY(10px);opacity:0}}
.sty-ch:not(.sty-c0){padding:26px 26px 24px;border:2px solid #FFD400;border-radius:24px;background:rgba(8,8,8,.84);backdrop-filter:blur(8px);box-shadow:0 0 0 1px #000,0 0 46px rgba(255,212,0,.38),inset 0 0 30px rgba(255,212,0,.07)}
.sty-ch:not(.sty-c0):nth-of-type(odd){margin-inline-start:auto}
.sty-n{display:block;font:900 clamp(54px,12vw,110px)/.85 var(--hf);color:transparent;-webkit-text-stroke:2px #FFD400;letter-spacing:-.02em;text-shadow:0 0 26px rgba(255,212,0,.55)}
.sty-ch b{display:block;margin-top:8px;font:800 clamp(22px,5vw,36px)/1.1 var(--hf);color:#FFD400;text-transform:uppercase}.sty-ch p{margin:10px 0 0;color:#e9e6da;font-size:16px;line-height:1.5}
.sty-bar{position:absolute;inset-inline:0;bottom:0;height:5px;background:rgba(255,255,255,.12);z-index:6}.sty-bar i{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--p));background:#FFD400;box-shadow:0 0 14px #FFD400}[dir=rtl] .sty-bar i{transform-origin:right}
.sty-end{position:relative;background:#FFD400;color:#0b0b0b;padding:0 0 34px}.sty-chk{height:26px;background:repeating-conic-gradient(#0b0b0b 0 25%,#FFD400 0 50%) 0 0/26px 26px}
.sty-end .w{padding-top:48px}.sty-big{font-family:var(--hf);font-size:clamp(38px,10vw,96px);line-height:.95;text-transform:uppercase;margin:0 0 12px;letter-spacing:-.02em}
.sty-tel{display:inline-block;font:900 clamp(26px,7vw,48px) var(--hf);color:#FFD400;background:#0b0b0b;padding:10px 22px;border-radius:999px;text-decoration:none;margin-bottom:26px;direction:ltr}
.sty.flat{height:auto}.sty.flat .sty-stage{position:relative;height:auto;min-height:100svh;padding:84px 18px 40px;display:flex;flex-direction:column;gap:18px}
.sty.flat .sty-ch{position:relative;inset:auto;opacity:1;transform:none;filter:none;max-width:none;margin:0;pointer-events:auto}.sty.flat .sty-ch:not(.sty-c0):nth-of-type(odd){margin-inline-start:0}.sty.flat .sty-bar{display:none}
@media(prefers-reduced-motion:reduce){.sty-taxi,.sty-wh,.sty-stars{animation:none}}
.ac{background:linear-gradient(var(--card),var(--card)),var(--bg0,#fff)!important;background-color:var(--bg0,#fff)!important;backdrop-filter:blur(24px) saturate(1.2)!important;-webkit-backdrop-filter:blur(24px) saturate(1.2)!important;z-index:60!important;box-shadow:0 18px 44px rgba(0,0,0,.45)!important}
.acw:focus-within{z-index:60}
.sty-end .card{background:#0b0b0b;color:#fff;border:2px solid #0b0b0b;box-shadow:0 14px 44px rgba(0,0,0,.35)}.sty-end .card h2{color:#FFD400}.sty-end .card .sr,.sty-end .card .sr span,.sty-end .card .sr b{color:#fff}
.sty-plane{position:absolute;z-index:1;inset-inline-start:calc(-18% + var(--p) * 108%);top:calc(60% - var(--p) * 52%);width:clamp(120px,22vw,300px);transform:rotate(-14deg) scale(calc(1.35 - var(--p) * 1.15));transform-origin:70% 50%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));will-change:transform}
.sty-plane svg{display:block;width:100%;height:auto;overflow:visible;animation:styf 2.6s ease-in-out infinite alternate}@keyframes styf{to{transform:translateY(-5px) rotate(1.5deg)}}
.sty-trail{position:absolute;inset-inline-end:92%;top:42%;width:260%;height:9%;border-radius:99px;background:linear-gradient(270deg,rgba(255,255,255,.85),rgba(255,255,255,0));filter:blur(3px);opacity:calc(.9 - var(--p) * .3)}
.sty.flat .sty-plane{inset-inline-start:42%;top:30%;transform:rotate(-14deg) scale(.7)}
@media(prefers-reduced-motion:reduce){.sty-plane svg{animation:none}}
body[data-lay=story] .mo h2{display:block;background:none;color:#FFD400;border:0;box-shadow:none;padding:0 0 14px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.02em;position:relative}
body[data-lay=story] .mo h2::after{content:"";display:block;width:64px;height:5px;border-radius:5px;margin-top:10px;background:#FFD400;box-shadow:0 0 16px rgba(255,212,0,.7)}
body[data-lay=story] .mo-c,body[data-lay=story] .mo-f details,body[data-lay=story] .mo-t,body[data-lay=story] .mo-k li{border:1px solid rgba(255,212,0,.26);border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07);background:linear-gradient(160deg,#181818,#0b0b0b);color:#f2efe4;transition:border-color .25s,box-shadow .25s,transform .25s}
body[data-lay=story] .mo-c:hover,body[data-lay=story] .mo-f details:hover,body[data-lay=story] .mo-k li:hover{border-color:rgba(255,212,0,.7);box-shadow:0 12px 34px rgba(0,0,0,.55),0 0 26px rgba(255,212,0,.22)}
body[data-lay=story] .mo-f details[open]{border-color:#FFD400}
body[data-lay=story] .mo-f summary{color:#fff;font-weight:700}body[data-lay=story] .mo-f summary::marker{color:#FFD400}
body[data-lay=story] .mo-i{border:1px solid rgba(255,212,0,.35);border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
body[data-lay=story] .mo .btn,body[data-lay=story] .mo-ko .btn{box-shadow:none}
body[data-lay=story] .mo-ko .btn.o,body[data-lay=story] .mo .btn.o{border:2px solid #FFD400;color:#FFD400;background:transparent}
body[data-lay=story] .mo-ko .btn:not(.o){background:#FFD400;color:#0b0b0b;border:2px solid #FFD400}
body[data-lay=story] .mo-ko h2{text-align:center}body[data-lay=story] .mo-ko h2::after{margin-inline:auto}
body[data-lay=story] [data-part=cta] h2,body[data-lay=story] [data-part=ko] h2{text-align:center}body[data-lay=story] [data-part=cta] h2::after,body[data-lay=story] [data-part=ko] h2::after{margin-inline:auto}
.sty-end{background:radial-gradient(90% 60% at 85% 18%,rgba(255,236,120,.65),transparent 60%),linear-gradient(180deg,#FFD400 0%,#FFC200 48%,#F7A600 100%)}
.mo-k li b{display:flex;align-items:center;gap:8px}.mo-k .ki{width:18px;height:18px;flex:none}.mo-k .k-w .ki{color:#25D366}.mo-k .k-m .ki,.mo-k .k-t .ki{color:var(--acc)}
.mo-k li a{font-weight:700}.awb-edit .mo-k .k-m x-e:empty::before{content:"name@beispiel.de";opacity:.45}
.cl-i{width:1em;height:1em;margin-inline-end:.45em;vertical-align:-.14em;flex:none;display:inline-block}
svg.cl-wi{width:1.3em;height:1.3em;vertical-align:-.27em}
a.cl-w{margin-inline-start:10px}.sty-top a.cl-w{margin-inline-start:6px}.sty-top .cl-i{margin-inline-end:.3em}
.sty-tel{font-size:clamp(17px,4.6vw,40px)!important;padding:10px 16px!important;margin-inline-end:0}.sty-tel+.cl-w{margin-inline-start:8px}.sty-end .cl-w{margin-bottom:26px}
a.cl-n,a.cl-w{display:inline-flex!important;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;vertical-align:middle;white-space:nowrap}a.cl-n .x-e,a.cl-n x-e{display:inline}
.mt a.cl-n,.mt a.cl-w{min-width:0!important;flex:1 1 100%;width:100%;margin-inline-start:0}
.sty-end .w{text-align:center}.sty-end .w .card{text-align:start}.sty-end .sty-tel,.sty-end a.cl-w{margin-inline:6px;margin-bottom:26px}
a.cl-n,a.cl-w{cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,filter .18s;-webkit-user-select:none;user-select:none}
a.cl-n:hover,a.cl-w:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 0 0 3px #FFD400,0 12px 28px rgba(0,0,0,.45),0 0 26px rgba(255,212,0,.65)!important;filter:brightness(1.18)}
a.cl-n:active,a.cl-w:active{transform:translateY(1px) scale(.93);box-shadow:0 0 0 3px #FFD400,inset 0 4px 12px rgba(0,0,0,.6)!important;filter:brightness(.85);transition-duration:.06s}
a.cl-n:focus-visible,a.cl-w:focus-visible{outline:3px solid #FFD400;outline-offset:3px}
.sty .btn,.sty-end .btn{transition:transform .18s,box-shadow .18s,filter .18s}.sty .btn:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.15)}.sty .btn:active{transform:scale(.94);filter:brightness(.85)}
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}
a.cl-n:hover,a.cl-w:hover{filter:none;transform:translateY(-3px) scale(1.03);box-shadow:0 10px 24px rgba(0,0,0,.4),0 0 18px rgba(255,212,0,.5)!important}
a.cl-n:active,a.cl-w:active{filter:none;transform:scale(.96);box-shadow:0 4px 10px rgba(0,0,0,.4)!important}
a.cl-n,a.cl-w{position:relative;isolation:isolate}
a.cl-n::after,a.cl-w::after{content:"";position:absolute;inset:-4px;border-radius:inherit;padding:4px;pointer-events:none;opacity:0;background:conic-gradient(from var(--ang),rgba(255,212,0,0) 0 55%,#FFD400 80%,#FFF3A0 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);filter:drop-shadow(0 0 6px #FFD400)}
a.cl-n.led::after,a.cl-w.led::after{opacity:1;animation:ledr .75s linear 2}
@keyframes ledr{to{--ang:360deg}}
a.cl-n,a.cl-w{margin-inline:0}a.cl-w{margin-inline-start:22px!important}.sty-end a.cl-w{margin-inline-start:22px!important;margin-inline-end:0}.sty-end .sty-tel{margin-inline:0}
.sty-end .w{display:block}
a.cl-n::after,a.cl-w::after{background:conic-gradient(from var(--ang),rgba(255,212,0,0) 0 50%,#FFD400 78%,#fff 100%);filter:drop-shadow(0 0 2px rgba(0,0,0,.75)) drop-shadow(0 0 7px #FFD400)}
.fz-h{font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:14px 0 6px;opacity:.9}
.fzs{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}
.fz{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:14px;border:2px solid var(--line,rgba(255,255,255,.2));background:var(--field,rgba(255,255,255,.06));color:var(--ink);cursor:pointer;font:inherit;transition:transform .18s,border-color .18s,box-shadow .18s}
.fz svg{width:64px;height:28px;color:var(--sub,#aaa);transition:color .18s}.fz b{font-size:14px}.fz small{font-size:11px;opacity:.75}
.fz:hover:not(:disabled){transform:translateY(-3px)}.fz.on{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc),0 0 22px color-mix(in srgb,var(--acc) 45%,transparent)}.fz.on svg{color:var(--acc)}
.fz:disabled{opacity:.35;cursor:not-allowed}
.sr button:disabled{opacity:.3;cursor:not-allowed}.sr .dim{display:block;font-style:normal;font-size:11px;opacity:.65;margin-top:2px}
.fz-hint{margin-top:8px}
@media(max-width:640px){.sty-top{flex-wrap:nowrap;gap:5px;padding:10px 8px;font-size:9.5px;letter-spacing:.02em}.sty-top b{flex:0 1 auto;min-width:0;padding:6px 8px;white-space:nowrap}.sty-top a,.sty-top a.cl-w{flex:1 1 0;margin-inline-start:0;min-width:0;display:inline-flex;align-items:center;justify-content:center;padding:6px 5px;white-space:nowrap;box-shadow:0 0 0 1.5px #0b0b0b}.sty-top .cl-i{margin-inline-end:.25em;width:1.15em;height:1.15em}}