/* Bradford LL (Serif aus dem Styleguide): lizenzierte Dateien nach /assets/fonts legen, siehe README */
@font-face{font-family:"Bradford LL";src:url("/assets/fonts/BradfordLL-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Bradford LL";src:url("/assets/fonts/BradfordLL-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

/* Layout: Editor-Leiste links (Vorlage, Module, Einstellungen), rechts Live-Vorschau im Raus Styleguide.
   Bewusst ein Look (Brand-Seite), daher keine Dark-Variante. Typo: Figtree als Stand-in für Neue Haas Unica, Newsreader für Bradford LL. */
:root{
  --green:#065936; --creme:#FDF9ED; --dark:#23212C; --white:#FFFFFF;
  --yellow:#FCBD1C; --pink:#B218A4; --blue:#A6DFFF; --red:#DD5000;
  --ui-bg:#F3EEDF; --ui-panel:#FDF9ED; --ui-line:rgba(35,33,44,.12); --ui-mute:rgba(35,33,44,.6);
  --sans:"neue-haas-unica","Inter","Neue Haas Unica","Helvetica Neue",Arial,sans-serif;
  --serif:"Bradford LL","Newsreader",Georgia,serif;
  --r-s:10px; --r-m:18px; --r-l:28px;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{background:var(--ui-bg);color:var(--dark);font-family:var(--sans);font-size:15px;line-height:1.5}
button,select,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}

.app{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:100%}
@media (max-width:860px){.app{grid-template-columns:1fr}}

/* ---------- Editor ---------- */
.panel{background:var(--ui-panel);border-right:1px solid var(--ui-line);padding:20px 16px 32px;display:flex;flex-direction:column;gap:22px;position:sticky;top:env(safe-area-inset-top,0px);height:100vh;overflow:auto}
@media (max-width:860px){.panel{position:static;height:auto;border-right:0;border-bottom:1px solid var(--ui-line)}}
.brand{display:flex;align-items:baseline;gap:10px}
.brand b{font-family:var(--serif);font-weight:400;font-size:26px;color:var(--green);letter-spacing:-.01em}
.brand span{font-size:12px;color:var(--ui-mute)}
.lbl{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-mute);margin-bottom:8px}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{border:1px solid var(--ui-line);background:var(--white);border-radius:999px;padding:6px 12px;font-size:13px}
.seg button[aria-pressed="true"]{background:var(--green);color:var(--creme);border-color:var(--green)}
.mods{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.mod{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;background:var(--white);border:1px solid var(--ui-line);border-radius:var(--r-s);padding:8px 8px 8px 12px}
.mod.sel{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.mod.off{opacity:.5}
.mod .nm{background:none;border:0;padding:0;text-align:left;min-width:0}
.mod .nm strong{display:block;font-weight:500;font-size:14px}
.mod .nm small{font-size:11.5px;color:var(--ui-mute)}
.chip{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:1px 7px;margin-left:6px;vertical-align:1px}
.chip.neu{background:var(--yellow);color:var(--pink)}
.chip.da{background:var(--ui-bg);color:var(--ui-mute)}
.chip.um{background:var(--blue);color:var(--dark)}
.tools{display:flex;gap:2px}
.tools button{border:0;background:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--ui-mute)}
.tools button:hover{background:var(--ui-bg);color:var(--dark)}
.tools svg{width:15px;height:15px}
.add{display:flex;gap:6px}
.add select{flex:1;min-width:0;border:1px solid var(--ui-line);border-radius:var(--r-s);padding:8px;background:var(--white)}
.btn-ui{border:0;border-radius:var(--r-s);background:var(--green);color:var(--creme);padding:8px 14px;font-weight:500}
.settings{background:var(--white);border:1px solid var(--ui-line);border-radius:var(--r-m);padding:14px;display:flex;flex-direction:column;gap:14px}
.settings h3{margin:0;font-weight:500;font-size:16px}
.settings p{margin:0;font-size:12.5px;color:var(--ui-mute)}
.sw{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sw button{border:1px solid var(--ui-line);border-radius:var(--r-s);height:38px;padding:0;position:relative;font-size:10px;font-weight:600}
.sw button[aria-pressed="true"]{outline:2px solid var(--dark);outline-offset:2px}
.warn{font-size:12.5px;background:var(--yellow);color:var(--dark);border-radius:var(--r-s);padding:8px 10px}
.note{font-size:12px;color:var(--ui-mute)}

/* ---------- Vorschau ---------- */
.stage{padding-block:20px 48px;padding-inline:24px;min-width:0}
@media (max-width:860px){.stage{padding-inline:16px}}
.stagebar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 auto 14px;max-width:1180px}
.stagebar .url{font-size:12.5px;color:var(--ui-mute);background:var(--white);border:1px solid var(--ui-line);border-radius:999px;padding:5px 12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.frame{margin:0 auto;max-width:1180px;border-radius:var(--r-l);overflow:clip;box-shadow:0 1px 0 var(--ui-line),0 20px 50px -30px rgba(35,33,44,.45);background:var(--creme);transition:max-width .35s ease}
.frame.mobile{max-width:390px}
.canvas{container-type:inline-size;font-family:var(--sans);font-weight:300}

/* Section-Schemata */
.sec{background:var(--s-bg);color:var(--s-fg);position:relative;outline:0 solid transparent;transition:outline-color .2s}
.sec.hl{outline:3px solid var(--yellow);outline-offset:-3px}
.sec .tag{position:absolute;top:10px;right:10px;z-index:3;font:500 11px/1 var(--sans);background:var(--dark);color:var(--creme);padding:5px 9px;border-radius:999px;opacity:0;transition:opacity .2s;pointer-events:none}
.sec:hover .tag,.sec.hl .tag{opacity:1}
.sc-creme{--s-bg:var(--creme);--s-fg:var(--dark);--s-hd:var(--green);--s-ac:var(--green);--s-acfg:var(--creme);--s-card:var(--white);--s-mute:rgba(35,33,44,.68);--s-line:rgba(35,33,44,.14)}
.sc-weiss{--s-bg:var(--white);--s-fg:var(--dark);--s-hd:var(--green);--s-ac:var(--green);--s-acfg:var(--creme);--s-card:var(--creme);--s-mute:rgba(35,33,44,.68);--s-line:rgba(35,33,44,.14)}
.sc-gruen{--s-bg:var(--green);--s-fg:var(--creme);--s-hd:var(--creme);--s-ac:var(--creme);--s-acfg:var(--green);--s-card:rgba(253,249,237,.09);--s-mute:rgba(253,249,237,.75);--s-line:rgba(253,249,237,.22)}
.sc-dark{--s-bg:var(--dark);--s-fg:var(--creme);--s-hd:var(--creme);--s-ac:var(--creme);--s-acfg:var(--dark);--s-card:rgba(253,249,237,.07);--s-mute:rgba(253,249,237,.7);--s-line:rgba(253,249,237,.2)}
.sc-gelb{--s-bg:var(--yellow);--s-fg:var(--dark);--s-hd:var(--pink);--s-ac:var(--pink);--s-acfg:var(--white);--s-card:rgba(255,255,255,.5);--s-mute:rgba(35,33,44,.75);--s-line:rgba(35,33,44,.18)}
.sc-blau{--s-bg:var(--blue);--s-fg:var(--dark);--s-hd:var(--red);--s-ac:var(--red);--s-acfg:var(--white);--s-card:rgba(255,255,255,.55);--s-mute:rgba(35,33,44,.75);--s-line:rgba(35,33,44,.18)}

.sp-s{--pad:36px}.sp-m{--pad:64px}.sp-l{--pad:96px}
@container (max-width:640px){.sp-s{--pad:28px}.sp-m{--pad:44px}.sp-l{--pad:60px}}
.in{max-width:1080px;margin:0 auto;padding:var(--pad) 32px}
@container (max-width:640px){.in{padding:var(--pad) 18px}}

.eb{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--s-mute);margin:0 0 12px}
.h1,.h2,.h3{font-family:var(--sans);font-weight:300;letter-spacing:-.02em;color:var(--s-hd);margin:0;text-wrap:balance}
.h1{font-size:clamp(34px,5.6cqi,62px);line-height:1.04}
.h2{font-size:clamp(27px,3.6cqi,42px);line-height:1.1}
.h3{font-size:20px;line-height:1.25;letter-spacing:-.01em}
.h1 em,.h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.lead{font-size:18px;line-height:1.55;max-width:60ch;color:var(--s-fg);margin:16px 0 0}
.tx{color:var(--s-mute);margin:8px 0 0;max-width:60ch}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.b1,.b2{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 22px;font-weight:500;font-size:15px;border:1.5px solid var(--s-ac);text-decoration:none}
.b1{background:var(--s-ac);color:var(--s-acfg)}
.b2{background:transparent;color:var(--s-ac)}
.head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:32px}

/* Bild-Platzhalter (gezeichnete Landschaften statt Fotos) */
.ph{position:relative;border-radius:var(--r-m);overflow:hidden;background:#cfe3c9;aspect-ratio:4/3;max-width:100%}
.ph::before,.ph::after{content:"";position:absolute;inset:0}
.ph-wald{background:linear-gradient(#e9f1df 0%,#cfe0c2 45%,#7c9b6c 100%)}
.ph-wald::before{background:repeating-linear-gradient(90deg,transparent 0 7%,#1f4a30 7% 9%,transparent 9% 16%);clip-path:polygon(0 100%,0 38%,6% 30%,12% 42%,19% 22%,26% 40%,33% 28%,41% 44%,48% 18%,56% 36%,63% 26%,71% 42%,79% 24%,86% 38%,93% 28%,100% 40%,100% 100%);opacity:.9}
.ph-wald::after{background:linear-gradient(transparent 70%,#2d5b3a)}
.ph-see{background:linear-gradient(#f4e8cf 0%,#f2d7a6 40%,#9fc6cf 58%,#5b8f9c 100%)}
.ph-see::before{background:#2c5a3d;clip-path:polygon(0 58%,10% 50%,22% 54%,34% 44%,48% 52%,60% 46%,74% 53%,88% 47%,100% 52%,100% 58%,0 58%)}
.ph-see::after{background:radial-gradient(circle at 72% 30%,#fff6dc 0 6%,transparent 6.5%)}
.ph-feld{background:linear-gradient(#e3ecf2 0%,#f3eedb 46%,#d9c46a 47%,#b8a54d 100%)}
.ph-feld::before{background:repeating-linear-gradient(170deg,transparent 0 18px,rgba(120,100,30,.18) 18px 20px);clip-path:inset(47% 0 0 0)}
.ph-feld::after{background:#23212C;clip-path:polygon(58% 47%,58% 34%,64% 27%,70% 34%,70% 47%);opacity:.9}
.ph-cabin{background:linear-gradient(#dfe9e3,#b9cfbf 60%,#6f8f6b)}
.ph-cabin::before{background:#23212C;clip-path:polygon(30% 82%,30% 52%,50% 30%,70% 52%,70% 82%)}
.ph-cabin::after{background:linear-gradient(#ffd36b,#fcbd1c);clip-path:polygon(42% 64%,58% 64%,58% 78%,42% 78%)}
.ph .cap{position:absolute;left:10px;bottom:10px;z-index:2;font-size:11px;background:rgba(253,249,237,.85);color:var(--dark);padding:3px 8px;border-radius:999px}

/* Hero */
.hero-ov{position:relative;color:var(--creme)}
.hero-ov .ph{position:absolute;inset:0;border-radius:0;aspect-ratio:auto}
.hero-ov .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,33,44,.62),rgba(35,33,44,.08) 75%);z-index:1}
.hero-ov .in{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:end}
.hero-ov .h1,.hero-ov .lead{color:var(--creme)}
.hero-ov .eb{color:rgba(253,249,237,.8)}
.hero-ov .b1{background:var(--creme);color:var(--green);border-color:var(--creme)}
.hero-ov .b2{color:var(--creme);border-color:var(--creme)}
.hh-s .in{min-height:340px}.hh-m .in{min-height:460px}.hh-l .in{min-height:600px}
.badge{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;background:var(--yellow);color:var(--pink);font-weight:600;font-size:13px;border-radius:999px;padding:6px 12px;margin-bottom:16px}
.hero-sp .in{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}
.hero-sp .ph{aspect-ratio:5/6;border-radius:var(--r-l)}
.hero-ce .in{text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-ce .lead{margin-inline:auto}
.hero-ce .ph{width:100%;aspect-ratio:21/8;margin-top:36px;border-radius:var(--r-l)}
@container (max-width:640px){.hero-sp .in{grid-template-columns:1fr;gap:26px}.hero-sp .ph{aspect-ratio:4/3}.hero-ce .ph{aspect-ratio:4/3}}

/* Trust */
.trust .in{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:space-between}
.trust .lg{display:flex;flex-wrap:wrap;gap:12px 34px;align-items:center}
.trust .lg span{font-weight:600;font-size:18px;letter-spacing:-.01em;opacity:.75}
.trust .lg span:nth-child(2n){font-family:var(--serif);font-weight:400;font-style:italic}
.rating{display:flex;align-items:center;gap:10px;font-size:14px}
.rating b{font-size:28px;font-weight:300;color:var(--s-hd)}
.stars{color:var(--s-ac);letter-spacing:2px}

/* Features */
.grid{display:grid;gap:18px;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
@container (max-width:900px){.grid{--cols:2!important}}
@container (max-width:560px){.grid{--cols:1!important}}
.card{background:var(--s-card);border-radius:var(--r-m);padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.card .ic{width:44px;height:44px;border-radius:12px;background:var(--s-ac);color:var(--s-acfg);display:grid;place-items:center}
.card .ic svg{width:22px;height:22px}
.card .ph{aspect-ratio:3/2;margin:-8px -8px 4px;border-radius:12px}
.card p{margin:0;color:var(--s-mute);font-size:14.5px}

/* Image with text */
.it .in{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.it.rev .ph{order:2}
.it ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:10px}
.it li{display:flex;gap:10px;align-items:flex-start}
.it li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--s-ac);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E")}
@container (max-width:640px){.it .in{grid-template-columns:1fr;gap:26px}.it.rev .ph{order:0}}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:st}
.step{border-top:1.5px solid var(--s-line);padding-top:18px;min-width:0}
.step .n{font-family:var(--serif);font-size:44px;line-height:1;color:var(--s-hd);display:block;margin-bottom:10px}
.step p{margin:6px 0 0;color:var(--s-mute);font-size:14.5px}
@container (max-width:640px){.steps{grid-template-columns:1fr}}

/* Cabins */
.cab{background:var(--s-card);border-radius:var(--r-m);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.cab .ph{border-radius:0;aspect-ratio:4/3}
.cab .bd{padding:14px 16px 18px;display:flex;flex-direction:column;gap:4px}
.cab .meta{font-size:13px;color:var(--s-mute)}
.cab .pr{margin-top:8px;font-size:14px}
.cab .pr b{font-weight:500;font-variant-numeric:tabular-nums}
.cab .bdg{position:absolute;top:10px;left:10px;z-index:2;background:var(--creme);color:var(--green);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
.carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.carousel .cab{flex:0 0 min(300px,78%);scroll-snap-align:start}
.cabwrap{position:relative}

/* Testimonials */
.quote{background:var(--s-card);border-radius:var(--r-m);padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.quote q{font-family:var(--serif);font-size:19px;line-height:1.4;quotes:"„" "“"}
.who{display:flex;align-items:center;gap:12px;font-size:13.5px}
.who i{width:38px;height:38px;border-radius:50%;background:var(--s-ac);color:var(--s-acfg);display:grid;place-items:center;font-style:normal;font-weight:600}
.who small{display:block;color:var(--s-mute)}
.bigq{text-align:center;max-width:820px;margin:0 auto}
.bigq q{font-family:var(--serif);font-size:clamp(24px,3.4cqi,38px);line-height:1.3;color:var(--s-hd);quotes:"„" "“"}
.bigq .who{justify-content:center;margin-top:24px}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.stat b{display:block;font-weight:300;font-size:clamp(38px,5cqi,58px);line-height:1;color:var(--s-hd);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.stat span{font-size:14px;color:var(--s-mute)}
@container (max-width:640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Pricing */
.plan{background:var(--s-card);border-radius:var(--r-m);padding:24px;display:flex;flex-direction:column;gap:12px;border:1.5px solid transparent;min-width:0}
.plan.top{border-color:var(--s-ac)}
.plan .p{font-size:30px;font-weight:300;color:var(--s-hd);font-variant-numeric:tabular-nums}
.plan .p small{font-size:14px;color:var(--s-mute)}
.plan ul{margin:0;padding-left:18px;color:var(--s-mute);font-size:14.5px;display:flex;flex-direction:column;gap:4px}
.plan .b1,.plan .b2{align-self:flex-start;margin-top:auto}

/* Gift */
.gift .in{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}
.gcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gc{aspect-ratio:1.6;border-radius:var(--r-m);padding:14px;display:flex;flex-direction:column;justify-content:space-between;font-size:13px}
.gc b{font-size:26px;font-weight:300;font-variant-numeric:tabular-nums}
.gc:nth-child(1){background:var(--green);color:var(--creme)}
.gc:nth-child(2){background:var(--yellow);color:var(--pink)}
.gc:nth-child(3){background:var(--dark);color:var(--creme)}
.gc em{font-family:var(--serif);font-size:20px}
@container (max-width:640px){.gift .in{grid-template-columns:1fr}.gcards{grid-template-columns:1fr 1fr}}

/* FAQ */
.faq .in{display:grid;grid-template-columns:1fr 1.6fr;gap:48px}
.faq details{border-bottom:1px solid var(--s-line);padding:16px 0}
.faq summary{cursor:pointer;font-weight:400;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--s-ac)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:10px 0 0;color:var(--s-mute)}
@container (max-width:640px){.faq .in{grid-template-columns:1fr;gap:20px}}

/* Form */
.form .in{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}
.fbox{background:var(--s-card);border-radius:var(--r-l);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fbox label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--s-mute);min-width:0}
.fbox .w{grid-column:1/-1}
.fbox input,.fbox select,.fbox textarea{border:1px solid var(--s-line);background:var(--s-bg);color:var(--s-fg);border-radius:12px;padding:10px 12px;font-weight:400;width:100%}
.fbox button{grid-column:1/-1;justify-self:start;cursor:pointer}
.sent{grid-column:1/-1;font-size:14px;color:var(--s-hd)}
@container (max-width:640px){.form .in{grid-template-columns:1fr;gap:24px}.fbox{grid-template-columns:1fr}}

/* CTA */
.cta .in{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.cta .box{display:flex;flex-direction:column;gap:8px;max-width:620px}

/* ===== Weitere Platzhalter-Motive ===== */
.ph-nacht{background:radial-gradient(circle at 18% 22%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 62% 14%,#fff 0 1.2px,transparent 1.8px),radial-gradient(circle at 82% 30%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 40% 36%,#fff 0 .8px,transparent 1.4px),radial-gradient(circle at 90% 12%,#fff 0 .9px,transparent 1.5px),linear-gradient(#18203a,#2b3a58 62%,#1a2a21)}
.ph-nacht::before{background:#0f1d16;clip-path:polygon(0 100%,0 62%,8% 54%,14% 64%,22% 48%,30% 62%,38% 56%,100% 60%,100% 100%)}
.ph-nacht::after{background:radial-gradient(circle at 66% 72%,rgba(252,189,28,.9) 0 2.2%,rgba(252,189,28,.25) 4%,transparent 9%)}
.ph-nebel{background:linear-gradient(#eef0ea,#d8ded2 48%,#a7b79e)}
.ph-nebel::before{background:#7f9877;clip-path:polygon(0 70%,18% 58%,36% 66%,55% 52%,74% 62%,100% 54%,100% 100%,0 100%)}
.ph-nebel::after{background:linear-gradient(transparent 46%,rgba(255,255,255,.75) 60%,transparent 74%)}
.ph-innen{background:linear-gradient(#e9dbc2,#d8bf96)}
.ph-innen::before{background:linear-gradient(#d7e6c9,#6d9068);clip-path:inset(10% 22% 42% 22% round 14px)}
.ph-innen::after{background:linear-gradient(#FDF9ED,#efe6d0);clip-path:polygon(18% 100%,22% 70%,78% 70%,82% 100%)}

/* ===== Bewegtbild ===== */
@keyframes kb{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.15) translate(-2.5%,-1.5%)}}
@keyframes drift{from{transform:translateX(-7%)}to{transform:translateX(7%)}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(253,249,237,0)}}
.vid{position:absolute;inset:0;overflow:hidden}
.vid .ph,.hero-ov .vid .ph{position:absolute;inset:-6%;aspect-ratio:auto;border-radius:0;max-width:none;animation:kb 18s ease-in-out infinite alternate}
.fog{position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(ellipse 40% 22% at 25% 62%,rgba(253,249,237,.5),transparent 70%),radial-gradient(ellipse 35% 18% at 75% 72%,rgba(253,249,237,.4),transparent 70%);animation:drift 13s ease-in-out infinite alternate}
.paused .vid .ph,.paused .fog{animation-play-state:paused}
.vbtn{position:absolute;right:18px;bottom:18px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(253,249,237,.6);background:rgba(35,33,44,.4);color:var(--creme);font-size:12px}
.vchip{position:absolute;left:14px;top:14px;z-index:3;font-size:11px;background:rgba(35,33,44,.55);color:var(--creme);padding:4px 9px;border-radius:999px}
.hv-split .in{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}
.vcard{position:relative;aspect-ratio:4/5;border-radius:var(--r-l);overflow:hidden;max-width:100%}
@container (max-width:640px){.hv-split .in{grid-template-columns:1fr;gap:26px}.vcard{aspect-ratio:4/3}}
.vposter{position:relative;display:block;width:100%;border:0;padding:0;border-radius:var(--r-l);overflow:hidden;background:none;cursor:pointer}
.vposter .ph{aspect-ratio:16/8;border-radius:0}
.play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:var(--creme);color:var(--green);display:grid;place-items:center;font-size:24px;z-index:2;transition:transform .2s}
.vposter:hover .play{transform:scale(1.08)}
.dur{position:absolute;right:14px;bottom:14px;z-index:2;background:rgba(35,33,44,.6);color:var(--creme);font-size:12px;padding:3px 9px;border-radius:999px}
@container (max-width:640px){.vposter .ph{aspect-ratio:4/3}}
.mq{overflow:hidden;padding-block:var(--pad)}
.mq .head{padding-inline:32px;max-width:1080px;margin-inline:auto}
.mq-track{display:flex;gap:14px;width:max-content;animation:mq 50s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
.mq-track .ph{width:260px;aspect-ratio:4/5;flex:none}
.mq-text .mq-track{gap:44px;animation-duration:30s}
.mq-text span{font-family:var(--serif);font-size:clamp(40px,7cqi,84px);color:var(--s-hd);white-space:nowrap;line-height:1.1}
.mq-text i{font-style:normal;color:var(--s-mute)}
@container (max-width:640px){.mq-track .ph{width:180px}.mq .head{padding-inline:18px}}

/* ===== Galerien ===== */
.gi{border:0;padding:0;background:none;border-radius:var(--r-m);overflow:hidden;cursor:zoom-in;min-width:0;display:block;position:relative}
.gi .ph{width:100%;height:100%;aspect-ratio:auto;border-radius:0;transition:transform .5s ease}
.gi:hover .ph{transform:scale(1.04)}
.gb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:170px;gap:12px}
.gb .gi:nth-child(1){grid-column:span 2;grid-row:span 2}
.gb .gi:nth-child(4){grid-column:span 2}
@container (max-width:640px){.gb{grid-template-columns:1fr 1fr;grid-auto-rows:130px}}
.gm{columns:3 200px;column-gap:12px}
.gm .gi{width:100%;margin-bottom:12px;break-inside:avoid}
.gm .gi .ph{height:auto;aspect-ratio:var(--ar)}
.gr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.gr .gi{aspect-ratio:1;border-radius:12px}
@container (max-width:640px){.gr{grid-template-columns:1fr 1fr}}
.sl{position:relative;overflow:hidden;border-radius:var(--r-l)}
.sl.full{border-radius:0}
.track{display:flex;transition:transform .55s ease}
.slide{flex:0 0 100%;position:relative}
.slide .ph{aspect-ratio:16/7;border-radius:0}
.slide .sc{position:absolute;left:24px;bottom:24px;z-index:2;background:var(--creme);color:var(--dark);border-radius:var(--r-m);padding:14px 18px;max-width:340px}
.slide .sc b{display:block;font-weight:500}
.slide .sc span{font-size:13px;color:var(--ui-mute)}
.arr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:var(--creme);color:var(--green);font-size:22px;line-height:1}
.prev{left:14px}.next{right:14px}
.dots{position:absolute;right:22px;bottom:22px;z-index:3;display:flex;gap:6px}
.dots button{width:9px;height:9px;padding:0;border-radius:5px;border:0;background:rgba(253,249,237,.55);transition:width .3s}
.dots button[aria-current="true"]{background:var(--creme);width:22px}
@container (max-width:640px){.slide .ph{aspect-ratio:4/5}.slide .sc{left:12px;right:12px;bottom:48px}.dots{left:0;right:0;justify-content:center;bottom:18px}}
.ugc{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.ugc .gi{aspect-ratio:1;border-radius:12px}
.ugc .hd{position:absolute;left:8px;bottom:8px;z-index:2;font-size:11px;color:var(--creme);background:rgba(35,33,44,.55);padding:2px 7px;border-radius:999px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container (max-width:640px){.ugc{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hsw{position:relative}
.hsw .ph{aspect-ratio:16/9;border-radius:var(--r-l)}
.hs{position:absolute;transform:translate(-50%,-50%);z-index:3}
.hs>button{width:30px;height:30px;border-radius:50%;border:3px solid var(--creme);background:var(--green);color:var(--creme);font-size:16px;line-height:1;padding:0;box-shadow:0 0 0 6px rgba(253,249,237,.35);animation:pulse 2.4s ease-in-out infinite}
.hs .pop{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:210px;background:var(--creme);color:var(--dark);border-radius:var(--r-m);padding:12px 14px;font-size:13.5px;display:none;box-shadow:0 10px 30px -10px rgba(35,33,44,.45)}
.hs .pop b{display:block;font-weight:500;color:var(--green)}
.hs.open .pop{display:block}
.hs.open>button{background:var(--yellow);color:var(--pink)}
@container (max-width:640px){.hsw .ph{aspect-ratio:4/3}.hs .pop{width:160px}}

/* ===== Inhalt ===== */
.tabl{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.tabl button{border:1.5px solid var(--s-line);background:transparent;color:var(--s-fg);border-radius:999px;padding:9px 18px;font-weight:400}
.tabl button[aria-selected="true"]{background:var(--s-ac);border-color:var(--s-ac);color:var(--s-acfg)}
.tabp{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.tabp .ph{aspect-ratio:3/2}
@container (max-width:640px){.tabp{grid-template-columns:1fr;gap:20px}}
.cmpw{overflow-x:auto}
table.cmp{width:100%;border-collapse:collapse;min-width:520px;font-size:15px}
.cmp th,.cmp td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--s-line)}
.cmp th{font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--s-mute)}
.cmp .us{background:var(--s-card)}
.cmp th.us{color:var(--s-hd);border-radius:12px 12px 0 0}
.cmp td.y{color:var(--s-ac);font-weight:600}
.tlw .in{display:grid;grid-template-columns:1fr 1.4fr;gap:48px}
.tl{list-style:none;margin:0;padding:0}
.tl li{display:grid;grid-template-columns:64px 22px minmax(0,1fr);gap:14px;padding-bottom:26px;position:relative}
.tl li:not(:last-child)::before{content:"";position:absolute;left:88px;top:20px;bottom:0;width:2px;background:var(--s-line)}
.tl time{font-variant-numeric:tabular-nums;font-weight:500;color:var(--s-hd)}
.tl .dot{width:14px;height:14px;border-radius:50%;background:var(--s-ac);margin-top:5px;justify-self:center}
.tl p{margin:4px 0 0;color:var(--s-mute);font-size:14.5px}
@container (max-width:640px){.tlw .in{grid-template-columns:1fr;gap:24px}}
.mapw{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.mapc{position:relative;aspect-ratio:3/4;max-width:400px;width:100%;margin-inline:auto}
.mapc .land{position:absolute;inset:0;background:var(--s-card);clip-path:polygon(30% 2%,45% 6%,55% 3%,70% 8%,78% 14%,80% 30%,86% 42%,80% 50%,82% 58%,92% 66%,98% 76%,90% 84%,70% 86%,58% 90%,40% 88%,30% 82%,24% 72%,14% 66%,10% 50%,12% 36%,6% 26%,16% 16%,24% 14%)}
.mapc .note2{position:absolute;left:0;bottom:-4px;font-size:11px;color:var(--s-mute)}
.rg{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--s-bg);background:var(--s-ac);opacity:.75;padding:0;transition:transform .2s,opacity .2s}
.rg:hover,.rg[aria-pressed="true"]{opacity:1;transform:translate(-50%,-50%) scale(1.15)}
.rg[aria-pressed="true"]{box-shadow:0 0 0 4px var(--yellow)}
.rpanel .h3{font-size:26px}
@container (max-width:640px){.mapw{grid-template-columns:1fr;gap:24px}.mapc{max-width:280px}}
.host .in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:40px;align-items:center}
.av{width:180px;height:180px;border-radius:50%;background:var(--s-ac);color:var(--s-acfg);display:grid;place-items:center;font-family:var(--serif);font-size:64px}
.host q{font-family:var(--serif);font-size:clamp(22px,2.8cqi,30px);line-height:1.35;color:var(--s-hd);quotes:"„" "“";display:block;margin-top:6px}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.facts span{border:1px solid var(--s-line);border-radius:999px;padding:4px 12px;font-size:13px}
@container (max-width:640px){.host .in{grid-template-columns:1fr;gap:20px}.av{width:110px;height:110px;font-size:40px}}
.jc{display:flex;flex-direction:column;gap:10px;min-width:0}
.jc .ph{aspect-ratio:4/3}

/* ===== Conversion ===== */
.cd .in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:calc(var(--pad) * .45)}
.cd .h3{color:var(--s-hd)}
.cdn{display:flex;gap:8px}
.cdn div{background:var(--s-card);border-radius:12px;padding:8px 10px;text-align:center;min-width:62px}
.cdn b{display:block;font-size:26px;font-weight:300;font-variant-numeric:tabular-nums;color:var(--s-hd);line-height:1.1}
.cdn span{font-size:10.5px;color:var(--s-mute);text-transform:uppercase;letter-spacing:.06em}
.nl .in{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.nlf{display:flex;gap:8px;flex-wrap:wrap}
.nlf input{flex:1 1 220px;min-width:0;border:1px solid var(--s-line);background:var(--s-bg);color:var(--s-fg);border-radius:999px;padding:12px 18px}
.nlf button{cursor:pointer}
@container (max-width:640px){.nl .in{grid-template-columns:1fr}}
.sticky-b{position:sticky;bottom:0;z-index:6;box-shadow:0 -12px 30px -18px rgba(35,33,44,.55)}
.sb{max-width:1080px;margin:0 auto;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sb .pr{font-size:14px}.sb .pr b{font-weight:500;font-variant-numeric:tabular-nums}
.sb .acts{display:flex;gap:8px}
.sb .b1,.sb .b2{padding:9px 16px;font-size:14px}
@container (max-width:640px){.sb{padding:10px 16px}.sb .b2{display:none}}

/* ===== Modul-Übersicht ===== */
.pgroup{display:flex;flex-direction:column;gap:22px}
.mode{background:var(--ui-bg);border-radius:999px;padding:4px;gap:4px}
.mode button{flex:1;border:0;background:transparent}
.mode button[aria-pressed="true"]{background:var(--green);color:var(--creme)}
.ovstats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ovstats div{background:var(--white);border:1px solid var(--ui-line);border-radius:var(--r-s);padding:10px 6px;text-align:center;font-size:11.5px;color:var(--ui-mute)}
.ovstats b{display:block;font-size:24px;font-weight:300;color:var(--dark);font-variant-numeric:tabular-nums}
.ovnav{display:flex;flex-direction:column;gap:6px}
.ovnav button{display:flex;justify-content:space-between;gap:10px;width:100%;border:1px solid var(--ui-line);background:var(--white);border-radius:var(--r-s);padding:9px 12px;text-align:left}
.ovnav button span{color:var(--ui-mute);font-variant-numeric:tabular-nums}
.ovex{display:flex;flex-direction:column;gap:6px}
.ovex button{border:0;background:var(--green);color:var(--creme);border-radius:var(--r-s);padding:9px 12px;text-align:left;display:flex;justify-content:space-between;gap:8px}
.ovex button small{opacity:.75;white-space:nowrap}
#frame.ov .nav{display:none}
.ovcat{background:var(--dark);color:var(--creme);padding:44px 32px 28px;scroll-margin-top:20px}
.ovcat .eb{color:rgba(253,249,237,.6)}
.ovcat h2{margin:0;font-weight:300;font-size:clamp(28px,4cqi,44px);letter-spacing:-.02em;line-height:1.1}
.ovcat p{margin:8px 0 0;color:rgba(253,249,237,.72);font-size:14px;max-width:62ch}
.ovh{background:var(--ui-bg);border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);padding:16px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 28px;align-items:start;font-weight:400;color:var(--dark)}
.ovt strong{font-weight:500;font-size:16px}
.ovt small{display:block;font-size:12px;color:var(--ui-mute);margin-top:2px}
.ovt p{margin:6px 0 0;font-size:13.5px;color:var(--ui-mute);max-width:72ch}
.ovuse{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--ui-mute)}
.ovuse button{border:1px solid var(--ui-line);background:var(--white);border-radius:999px;padding:3px 10px;font-size:12px}
.ovuse button:hover{border-color:var(--green);color:var(--green)}
.ovc{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.ovc .seg button{padding:4px 10px;font-size:12px}
.ovsw{display:flex;gap:5px}
.ovsw button{width:22px;height:22px;border-radius:50%;border:1px solid var(--ui-line);padding:0}
.ovsw button[aria-pressed="true"]{outline:2px solid var(--dark);outline-offset:1px}
.ovm .sticky-b{position:relative}
@container (max-width:640px){.ovh{grid-template-columns:1fr;padding:14px 18px}.ovc{align-items:flex-start}.ovcat{padding:32px 18px 22px}}

/* ===== Zielgruppen, Spotlight, Deal, Anreise ===== */
.acard{background:var(--s-card);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .3s ease}
.acard:hover{transform:translateY(-4px)}
.aimg{position:relative}
.aimg .ph{aspect-ratio:4/3;border-radius:0}
.aeb{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;background:var(--yellow);color:var(--pink);border-radius:999px;padding:5px 11px}
.aimg .aeb{position:absolute;left:14px;top:14px;z-index:2}
.abody{padding:20px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}
.abody p{margin:0;color:var(--s-mute);font-size:14.5px}
.abody .b1{align-self:flex-start;margin-top:auto}
.atags{display:flex;flex-wrap:wrap;gap:6px}
.atags span{font-size:12px;border:1px solid var(--s-line);border-radius:999px;padding:3px 10px}
.arows{display:flex;flex-direction:column;gap:56px}
.arow{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.arow .ph{aspect-ratio:4/3;border-radius:var(--r-l)}
.arow.rev .ph{order:2}
.arow .aeb{margin-bottom:14px}
@container (max-width:640px){.arow{grid-template-columns:1fr;gap:20px}.arow.rev .ph{order:0}.arows{gap:40px}}
.spot .in{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.spot .ph{aspect-ratio:4/5;border-radius:var(--r-l)}
.spot .facts{margin-top:20px}
.day{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.day div{background:var(--s-card);border-radius:var(--r-m);padding:14px;display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:var(--s-mute);min-width:0}
.day b{font-weight:500;color:var(--s-fg);font-size:14.5px}
.dic{width:30px;height:30px;border-radius:9px;background:var(--s-ac);color:var(--s-acfg);display:grid;place-items:center;margin-bottom:6px}
.dic svg{width:16px;height:16px}
@container (max-width:640px){.spot .in{grid-template-columns:1fr;gap:26px}.spot .ph,.spot .vcard{aspect-ratio:4/3}.day{grid-template-columns:1fr}}
.deal .in{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.dcard{background:var(--s-card);border-radius:var(--r-l);padding:26px;display:flex;flex-direction:column}
.dates{display:flex;flex-wrap:wrap;gap:8px}
.dates button{border:1.5px solid var(--s-line);background:transparent;color:var(--s-fg);border-radius:999px;padding:9px 16px;font-variant-numeric:tabular-nums}
.dates button[aria-pressed="true"]{background:var(--s-ac);border-color:var(--s-ac);color:var(--s-acfg)}
.dcard input[type=range]{width:100%;accent-color:var(--s-ac);margin:10px 0 0}
.ppbox{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--s-line);margin:18px 0 20px;padding-top:16px;font-size:14px;color:var(--s-mute)}
.ppbox b{font-size:34px;font-weight:300;color:var(--s-hd);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
@container (max-width:640px){.deal .in{grid-template-columns:1fr;gap:24px}}
.trv .in{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.tseg{margin-bottom:20px}
.tseg button{border:1.5px solid var(--s-line);background:transparent;color:var(--s-fg);border-radius:999px;padding:7px 14px}
.tseg button[aria-pressed="true"]{background:var(--s-ac);border-color:var(--s-ac);color:var(--s-acfg)}
.trows{display:flex;flex-direction:column;gap:18px}
.trow{display:grid;grid-template-columns:90px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:14px;align-items:center}
.trow b{font-weight:500}
.trow .bar{height:10px;border-radius:5px;background:var(--s-card);overflow:hidden}
.trow .bar i{display:block;height:100%;border-radius:5px;background:var(--s-ac);transition:width .5s ease}
.trow span{font-variant-numeric:tabular-nums;font-size:18px;font-weight:300;color:var(--s-hd)}
.trow small{grid-column:2;font-size:12.5px;color:var(--s-mute);margin-top:4px}
@container (max-width:640px){.trv .in{grid-template-columns:1fr;gap:24px}.trow{grid-template-columns:70px minmax(0,1fr) auto}}
/* ===== Location-Seiten ===== */
.lh .in{padding-bottom:calc(var(--pad) * .6)}
.lhtop{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.dist{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.dist span{font-size:13px;border:1px solid var(--s-line);border-radius:999px;padding:4px 12px;font-variant-numeric:tabular-nums}
.mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px;gap:10px;border-radius:var(--r-l);overflow:hidden}
.mosaic .gi{border-radius:0}
.mosaic .gi:first-child{grid-row:span 2}
.allp{position:absolute;right:12px;bottom:12px;z-index:2;background:var(--creme);color:var(--dark);font-size:13px;font-weight:500;padding:7px 12px;border-radius:999px}
.lhvid{position:relative;aspect-ratio:21/9;border-radius:var(--r-l);overflow:hidden}
.hlrow{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:14.5px}
.hlrow span{display:inline-flex;align-items:center;gap:8px}
.hlrow i{width:30px;height:30px;border-radius:9px;background:var(--s-card);color:var(--s-hd);display:grid;place-items:center}
.hlrow svg{width:16px;height:16px}
@container (max-width:640px){.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:220px 110px 110px}.mosaic .gi:first-child{grid-column:span 2;grid-row:auto}.lhvid{aspect-ratio:4/3}}
.bbx .in{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:start;padding-top:calc(var(--pad) * .4)}
.lead.serif{font-family:var(--serif);font-size:clamp(20px,2.4cqi,26px);line-height:1.4;color:var(--s-hd);margin-top:0}
.qf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:26px}
.qf div{background:var(--s-card);border-radius:var(--r-m);padding:12px 14px;min-width:0}
.qf small{display:block;font-size:12px;color:var(--s-mute)}
.qf b{font-weight:500;font-size:16px;font-variant-numeric:tabular-nums}
.lvl{display:flex;align-items:center;gap:4px;font-size:13px!important;white-space:nowrap}
.lvl i{width:14px;height:6px;border-radius:3px;background:var(--s-line)}
.lvl i.on{background:var(--s-ac)}
.bcard{position:sticky;top:16px;background:var(--white);color:var(--dark);border-radius:var(--r-l);padding:20px;box-shadow:0 18px 40px -24px rgba(35,33,44,.45);display:flex;flex-direction:column;gap:14px}
.bdates{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bdates label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ui-mute);min-width:0}
.bdates .w{grid-column:1/-1}
.bdates input,.bdates select{border:1px solid var(--ui-line);border-radius:12px;padding:9px 11px;font-weight:400;background:var(--creme);width:100%}
.bprice{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-top:1px solid var(--ui-line);padding-top:12px;color:var(--ui-mute)}
.bprice b{color:var(--dark);font-weight:500}
.bcard .b1{background:var(--green);color:var(--creme);border-color:var(--green)}
.bnote{font-size:12px;color:var(--ui-mute);text-align:center}
@container (max-width:760px){.bbx .in{grid-template-columns:1fr;gap:26px}.qf{grid-template-columns:1fr 1fr}.bcard{position:static}}
.unit{background:var(--s-card);border-radius:var(--r-m);overflow:hidden;display:flex;flex-direction:column;position:relative;border:1.5px solid transparent;min-width:0}
.unit.top{border-color:var(--s-ac)}
.unit .ph{aspect-ratio:4/3;border-radius:0}
.unit .bdg{position:absolute;top:10px;left:10px;z-index:2;background:var(--yellow);color:var(--pink);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
.unit .bd{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.unit .meta{font-size:13px;color:var(--s-mute)}
.unit .b1,.unit .b2{align-self:flex-start;margin-top:auto;padding:9px 18px;font-size:14px}
.amg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.amc{border-top:1.5px solid var(--s-line);padding-top:14px;min-width:0}
.amc b{font-weight:500}
.amc ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;color:var(--s-mute);font-size:14.5px}
.amc li::before{content:"✓";color:var(--s-ac);margin-right:8px;font-weight:600}
@container (max-width:640px){.amg{grid-template-columns:1fr 1fr}}
.nb .tabl button{padding:7px 14px}
.nbl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nbi{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;background:var(--s-card);border-radius:var(--r-m);padding:8px}
.nbi .ph{aspect-ratio:1;border-radius:12px}
.nbi b{display:block;font-weight:500;font-size:15px}
.nbi span{font-size:12.5px;color:var(--s-mute)}
@container (max-width:900px){.nbl{grid-template-columns:1fr 1fr}}
@container (max-width:560px){.nbl{grid-template-columns:1fr}}
.xcard{flex:0 0 min(240px,72%);scroll-snap-align:start;background:var(--s-card);border-radius:var(--r-m);padding:20px;display:flex;flex-direction:column;gap:10px}
.xcard .ic{width:44px;height:44px;border-radius:12px;background:var(--s-ac);color:var(--s-acfg);display:grid;place-items:center}
.xcard .ic svg{width:22px;height:22px}
.xcard p{margin:0;color:var(--s-mute);font-size:14px;flex:1}
.xcard .b2{align-self:flex-start;padding:8px 16px;font-size:14px}
.xcard .b2[aria-pressed="true"]{background:var(--s-ac);color:var(--s-acfg)}

/* ===== Suche ===== */
.sfields{display:grid;grid-template-columns:1fr 1.3fr 1.2fr 1fr auto;gap:10px;align-items:end;margin-top:28px;background:var(--s-card);border-radius:var(--r-l);padding:14px}
.sfields label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--s-mute);min-width:0}
.sfields select,.sfields input:not([type=range]){border:1px solid var(--s-line);background:var(--creme);color:var(--dark);border-radius:12px;padding:10px 12px;font-weight:400;width:100%}
.srange b{color:var(--s-fg);font-weight:500;font-variant-numeric:tabular-nums}
.srange input{width:100%;accent-color:var(--yellow);margin:8px 0 6px}
.sgo{white-space:nowrap;justify-content:center}
@container (max-width:900px){.sfields{grid-template-columns:1fr 1fr}.sgo{grid-column:1/-1}}
@container (max-width:520px){.sfields{grid-template-columns:1fr}}
.rbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.fchips{display:flex;flex-wrap:wrap;gap:6px}
.fchip{border:1.5px solid var(--s-line);background:transparent;color:var(--s-fg);border-radius:999px;padding:7px 14px;font-size:14px}
.fchip[aria-pressed="true"]{background:var(--s-ac);border-color:var(--s-ac);color:var(--s-acfg)}
.fchip.more{border-style:dashed}
.rctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rcount{font-size:14px;color:var(--s-mute)}.rcount b{color:var(--s-fg);font-weight:500}
.rctl select{border:1px solid var(--s-line);background:var(--s-bg);color:var(--s-fg);border-radius:999px;padding:7px 12px}
.vseg button{border:1.5px solid var(--s-line);background:transparent;color:var(--s-fg);padding:6px 12px}
.vseg button[aria-pressed="true"]{background:var(--s-ac);border-color:var(--s-ac);color:var(--s-acfg)}
.fpanel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:18px;background:var(--s-card);border-radius:var(--r-m);padding:18px;margin-bottom:20px}
.fpanel b{display:block;font-weight:500;margin-bottom:8px;font-size:14px}
@container (max-width:760px){.fpanel{grid-template-columns:1fr}}
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@container (max-width:900px){.rgrid{grid-template-columns:1fr 1fr}}
@container (max-width:560px){.rgrid{grid-template-columns:1fr}}
.rc{background:var(--s-card);border-radius:var(--r-m);overflow:hidden;display:flex;flex-direction:column;min-width:0;border:1.5px solid transparent;transition:border-color .2s}
.rc.pinned{border-color:var(--yellow)}
.rcimg{position:relative}
.rcimg .ph{aspect-ratio:4/3;border-radius:0}
.rcimg .bdg{position:absolute;top:10px;left:10px;z-index:2;background:var(--creme);color:var(--green);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
.fav{position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(253,249,237,.9);color:var(--pink);font-size:18px;line-height:1}
.rcb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.rct{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.rr{font-size:13.5px;white-space:nowrap}
.rcb .meta{font-size:13px;color:var(--s-mute)}.rcb .meta b{color:var(--s-fg);font-weight:500;font-variant-numeric:tabular-nums}
.rcb .pr{font-size:14px;margin-top:4px}.rcb .pr b{font-weight:500;font-variant-numeric:tabular-nums}
.rmap{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.rmap .mapc{max-width:none;position:sticky;top:16px}
.rlist{display:flex;flex-direction:column;gap:12px}
.rlist .rc{flex-direction:row}
.rlist .rcimg{flex:0 0 38%}.rlist .rcimg .ph{height:100%;aspect-ratio:auto;min-height:150px}
.pin{position:absolute;transform:translate(-50%,-100%);z-index:2;border:0;border-radius:999px;background:var(--dark);color:var(--creme);font-size:12px;font-weight:600;padding:5px 9px;font-variant-numeric:tabular-nums;box-shadow:0 4px 10px -4px rgba(35,33,44,.5)}
.pin.on{background:var(--yellow);color:var(--pink);z-index:3}
@container (max-width:760px){.rmap{grid-template-columns:1fr}.rmap .mapc{position:static;max-width:300px}}
.empty{text-align:center;background:var(--s-card);border-radius:var(--r-l);padding:40px 20px}
.empty p{color:var(--s-mute);max-width:46ch;margin:8px auto 0}
.cols6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ctile{border:0;padding:0;background:none;position:relative;border-radius:var(--r-m);overflow:hidden;text-align:left;cursor:pointer;color:var(--creme)}
.ctile .ph{aspect-ratio:3/4;border-radius:0;transition:transform .5s}
.ctile:hover .ph{transform:scale(1.05)}
.ctile>span{position:absolute;inset:auto 0 0 0;z-index:2;padding:30px 12px 12px;background:linear-gradient(transparent,rgba(35,33,44,.7))}
.ctile b{display:block;font-weight:500;font-size:15px}
.ctile small{font-size:12px;opacity:.85}
@container (max-width:900px){.cols6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:480px){.cols6{grid-template-columns:1fr 1fr}}

/* ===== B2B-Seitenfamilie ===== */
.nav button{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}
.bnav{position:sticky;top:0;z-index:8;border-bottom:1px solid var(--s-line)}
.bnin{max-width:1080px;margin:0 auto;padding:10px 32px;display:flex;align-items:center;gap:14px}
.bnl{font-family:var(--serif);font-size:17px;color:var(--s-hd);white-space:nowrap}
.bnl2{display:flex;gap:4px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none}
.bnl2 button{border:0;background:transparent;color:var(--s-fg);border-radius:999px;padding:7px 13px;font-size:14px;white-space:nowrap;cursor:pointer}
.bnl2 button:hover{background:var(--s-card)}
.bnl2 button[aria-current="page"]{background:var(--s-ac);color:var(--s-acfg)}
.bnav .bncta{padding:8px 16px;font-size:14px;white-space:nowrap}
@container (max-width:640px){.bnin{padding:8px 14px}.bnl,.bnav .bncta{display:none}}
.flash{animation:fl 1.2s ease}
@keyframes fl{30%{box-shadow:inset 0 0 0 4px var(--yellow)}}
.stmt .in{text-align:center;display:flex;flex-direction:column;align-items:center}
.stx{font-family:var(--serif);font-size:clamp(30px,4.6cqi,56px);line-height:1.15;color:var(--s-hd);max-width:20ch;margin:0;text-wrap:balance;letter-spacing:-.01em}
.stx em{font-style:italic;color:var(--s-mute)}
.stmt .tx{margin:20px auto 0;text-align:center}
.uclead{margin:-14px 0 30px}
.ucw{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:start}
.ucl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ucl li{border-top:1px solid var(--s-line)}
.ucl li:last-child{border-bottom:1px solid var(--s-line)}
.ucl button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;width:100%;text-align:left;border:0;background:none;color:var(--s-fg);padding:18px 0;cursor:pointer;align-items:start}
.ucn{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--s-line);display:grid;place-items:center;color:var(--s-hd);transition:background .2s}
.ucn svg{width:22px;height:22px}
.ucl button[aria-expanded="true"] .ucn{background:var(--s-ac);border-color:var(--s-ac);color:var(--s-acfg)}
.uctx b{display:block;font-weight:400;font-size:clamp(19px,2.2cqi,24px);letter-spacing:-.01em;margin-top:8px}
.ucd{display:none;color:var(--s-mute);font-size:15px;margin-top:8px;max-width:52ch}
.ucl button[aria-expanded="true"] .ucd{display:block}
.ucm{position:sticky;top:70px}
.ucp .ph{aspect-ratio:4/5;border-radius:var(--r-l)}
@container (max-width:700px){.ucw{grid-template-columns:1fr;gap:20px}.ucm{position:static;order:-1}.ucp .ph{aspect-ratio:16/10}}
.ifg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.ifg .card{grid-column:span 2}
.ifg .card:nth-child(1):nth-last-child(5),.ifg .card:nth-child(2):nth-last-child(4){grid-column:span 3}
@container (max-width:760px){.ifg{grid-template-columns:1fr 1fr}.ifg .card{grid-column:auto!important}}
@container (max-width:480px){.ifg{grid-template-columns:1fr}}
.iff{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--s-line)}
.iff p{margin:0;color:var(--s-mute);max-width:60ch}
.gcf .in{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.gcform{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;background:var(--s-card);border-radius:var(--r-m);padding:16px}
.gcform label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--s-mute);min-width:0}
.gcform label b{color:var(--s-fg);font-weight:500;font-variant-numeric:tabular-nums}
.gcform .w{grid-column:1/-1}
.gcform input:not([type=range]),.gcform select{border:1px solid var(--s-line);background:var(--s-bg);color:var(--s-fg);border-radius:12px;padding:10px 12px;font-weight:400;width:100%}
.gcform input[type=range]{accent-color:var(--s-ac);width:100%}
.gcprev{display:flex;flex-direction:column;gap:16px;position:sticky;top:70px}
.gcard{aspect-ratio:1.6;max-width:100%;border-radius:var(--r-l);background:var(--green);color:var(--creme);padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 40px -26px rgba(35,33,44,.6);transform:rotate(-1.5deg);transition:transform .4s}
.gcard:hover{transform:rotate(0)}
.gctop{display:flex;align-items:baseline;gap:10px}
.gclogo{font-family:var(--serif);font-size:30px;line-height:1}
.gcx{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.gcmsg{font-family:"La Belle Aurore","Newsreader",cursive;font-size:clamp(18px,2.2cqi,24px);text-align:center;margin:0;line-height:1.3}
.gcard:not(.pers) .gcmsg::before{content:"Logo & Nachricht ab 1.000 €";font-family:var(--sans);font-size:12px;opacity:.6;letter-spacing:.04em}
.gcbot{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.gcbot b{font-size:30px;font-weight:300;letter-spacing:-.02em;text-transform:none;font-variant-numeric:tabular-nums}
.gcsum{background:var(--s-card);border-radius:var(--r-m);padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.gcrow{display:flex;justify-content:space-between;align-items:baseline}
.gcrow b{font-size:28px;font-weight:300;color:var(--s-hd);font-variant-numeric:tabular-nums}
.gcbar{position:relative;height:10px;border-radius:5px;background:var(--s-line)}
.gcbar i{position:absolute;inset:0 auto 0 0;border-radius:5px;background:var(--s-ac);transition:width .3s}
.gcmark{position:absolute;right:0;top:14px;font-size:11px;color:var(--s-mute)}
.gchint{margin:14px 0 0;font-size:14px}.gchint b{font-weight:500}
.gcsmall{margin:0;font-size:12.5px;color:var(--s-mute)}
.gcsum .b1{align-self:flex-start;cursor:pointer}
@container (max-width:760px){.gcf .in{grid-template-columns:1fr;gap:26px}.gcprev{position:static}}
.lodges{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.lodge{background:var(--s-card);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.lodge .aimg .ph{aspect-ratio:16/9}
.lrows{margin:0;display:flex;flex-direction:column}
.lrows div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--s-line);font-size:14.5px}
.lrows dt{color:var(--s-mute)}.lrows dd{margin:0}
@container (max-width:700px){.lodges{grid-template-columns:1fr}.lrows div{grid-template-columns:90px minmax(0,1fr)}}
.chk{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.chk li{display:flex;gap:10px}
.chk li::before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:var(--s-card);color:var(--s-hd);display:grid;place-items:center;font-size:12px;font-weight:600}
.fbox input[type=file]{padding:8px}
.lgph{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;flex:1;min-width:0}
.lgph span{border:1.5px dashed var(--s-line);border-radius:12px;padding:16px 8px;text-align:center;font-size:12.5px;color:var(--s-mute)}
@container (max-width:640px){.lgph{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tgl{flex-basis:100%;font-size:11px;color:var(--ui-mute);margin-top:6px}
.tgl:first-child{margin-top:0}
.serp{background:var(--white);border:1px solid var(--ui-line);border-radius:var(--r-m);padding:14px;margin-bottom:14px;font-family:Arial,sans-serif}
.serp small{display:block;font-size:12px;color:#4d5156}
.serp b{display:block;font-weight:400;font-size:17px;color:#1a0dab;line-height:1.3;margin:3px 0}
.serp p{margin:0;font-size:13px;color:#4d5156;line-height:1.45}
.serp>span{display:block;margin-top:8px;font-family:var(--sans);font-size:11.5px;font-weight:600}
.serp .bad{color:var(--red)}.serp .ok{color:var(--green)}

.rlogo{display:inline-block;vertical-align:middle;height:22px;aspect-ratio:247/88;background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
:root{--logo:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20247%2088%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M46.014%207.137a29.412%2029.412%200%2000-16.92-5.466c-3.26-.066-25.985%200-27.3%200A1.783%201.783%200%20000%203.426v81.616a1.788%201.788%200%20001.783%201.788h17.232a1.755%201.755%200%20001.755-1.755V62.4a1.789%201.789%200%20011.788-1.783h2.786a1.783%201.783%200%20011.672%201.209c.668%201.966%207.315%2022.475%207.705%2023.717a1.76%201.76%200%20001.671%201.231h18.302a1.762%201.762%200%20001.716-2.2c-.512-1.94-6.607-20.993-9.148-28.732-.295-.908-.29-.92.435-1.538%205.788-4.975%209.281-11.226%2010.173-18.803a32.013%2032.013%200%2000-1.995-15.555%2027.818%2027.818%200%2000-9.86-12.81zM39%2030.58a11.61%2011.61%200%2011-11.578-11.56A11.7%2011.7%200%200139%2030.576v.005zM116.771%2015.321a26.074%2026.074%200%2000-8.608-9.972A27.491%2027.491%200%200095.271.635%2029.94%2029.94%200%200082.005%202.04C74.54%204.652%2069.252%209.644%2066.1%2016.853a30.746%2030.746%200%2000-2.43%2012.447v55.714a1.765%201.765%200%20001.778%201.777h17.221a1.755%201.755%200%20001.76-1.755c0-1.086.123-14.987.029-22.603a1.782%201.782%200%20011.782-1.816h11.07a1.788%201.788%200%20011.784%201.788v22.637a1.756%201.756%200%20001.76%201.76h17.271a1.762%201.762%200%20001.75-1.76V29.283a30.53%2030.53%200%2000-3.103-13.962zM91.783%2042.136a11.61%2011.61%200%2011.011-23.22%2011.61%2011.61%200%2001-.011%2023.22zM182.808%203.415a1.753%201.753%200%2000-.517-1.26%201.765%201.765%200%2000-1.26-.517l-17.232-.011a1.767%201.767%200%2000-1.761%201.76c0%201.081-.078%2036.86-.061%2049.864a7.3%207.3%200%2001-4.46%206.93%207.3%207.3%200%2001-8.077-1.635%207.301%207.301%200%2001-2.066-5.295V3.376a1.754%201.754%200%2000-1.76-1.76h-17.272a1.755%201.755%200%2000-1.749%201.755v55.764a30.605%2030.605%200%20003.12%2013.984%2026.187%2026.187%200%20008.613%209.973%2027.422%2027.422%200%200012.892%204.707c4.471.54%209.006.063%2013.266-1.398%207.466-2.618%2012.753-7.605%2015.906-14.814a30.742%2030.742%200%20002.429-12.447c0-17.02-.016-54.683-.011-55.725zM220.164%2033.785h-3.671c-1.493%200-2.708-1.582-2.747-3.081-.039-1.499%201.215-3.21%202.786-3.21h26.38a1.745%201.745%200%20001.646-1.136c.084-.222.121-.46.109-.696C243.804%2010.914%20231.619%200%20216.632%200c-19.043%200-28.236%2015.004-28.236%2029.01%200%2017.271%2015.728%2024.754%2026.186%2024.754h3.671c1.494%200%202.714%201.582%202.747%203.08.034%201.555-1.214%203.21-2.786%203.21h-27.506a1.752%201.752%200%2000-1.646%201.136%201.74%201.74%200%2000-.108.697c.852%2014.747%2013.928%2025.662%2028.932%2025.662%2019.048%200%2028.442-15.004%2028.442-29.01%200-17.26-15.723-24.754-26.164-24.754z%22/%3E%3C/svg%3E")}
.brand .rlogo{height:24px;color:var(--green)}
.bnl .rlogo{height:15px;margin-right:6px;vertical-align:-1px}
.gclogo .rlogo{height:24px}
.gflip{perspective:1400px;width:100%;max-width:360px;margin:0 auto;container-type:inline-size}
.gfin{position:relative;aspect-ratio:1414/2000;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.2,1)}
.gflip.front .gfin{transform:rotateY(180deg)}
.gface{position:absolute;inset:0;border-radius:14px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 26px 44px -28px rgba(35,33,44,.65),0 0 0 1px rgba(35,33,44,.08)}
.gfront{background:#1d2a3d url("/assets/giftcard-front.jpg") center/cover;transform:rotateY(180deg);cursor:pointer}
.gback{background:var(--creme);color:var(--green)}
.gback>*{position:absolute;left:0;right:0;margin:0;text-align:center}
.gbl{top:5.4%;left:50%!important;right:auto!important;transform:translateX(-50%);height:4.4cqi;color:var(--green)}
.gbi{top:11%;font-family:var(--serif);font-size:2.05cqi;line-height:1.55;padding:0 8%}
.gbmsg{top:25%;height:19%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2cqi}
.gback .gcmsg{font-family:"La Belle Aurore",cursive;color:var(--dark);font-size:3.25cqi;line-height:1.75;width:56%;padding:.6cqi 1.5cqi;margin:0;border-radius:6px;outline:none;cursor:text;transition:background .2s,box-shadow .2s;text-wrap:balance}
.gback .gcmsg:hover{box-shadow:0 0 0 1px rgba(6,89,54,.35)}
.gback .gcmsg:focus{box-shadow:0 0 0 1.5px var(--green);background:rgba(255,255,255,.55)}
.gback .gcmsg:empty::before{content:"Eure Nachricht …";color:rgba(35,33,44,.35)}
.gblogo{cursor:pointer;background:none;font-family:var(--sans);font-weight:600;font-size:1.6cqi;letter-spacing:.14em;text-transform:uppercase;color:rgba(35,33,44,.6);border:1px dashed rgba(35,33,44,.3);border-radius:4px;padding:.8cqi 2cqi;max-width:30cqi}
.gblogo:hover{border-color:var(--green);color:var(--green)}
.gblogo.has{border:0;padding:0}
.gblogo img{display:block;max-height:6.5cqi;max-width:26cqi;object-fit:contain}
.gbt{top:46.5%;font-family:var(--serif);font-size:6.6cqi;line-height:1;letter-spacing:.005em}
.gbf{top:53.2%;left:30%!important;right:auto!important;width:36%;display:grid;grid-template-columns:auto 13cqi;column-gap:2.2cqi;row-gap:2.6cqi;align-items:end;font-size:2.05cqi}
.gbf span{text-align:right}
.gbf b{font-weight:400;border-bottom:1px solid var(--green);text-align:center;font-variant-numeric:tabular-nums;padding-bottom:.2cqi;font-size:1.9cqi}
.gbr{top:69.8%;left:13.5%!important;right:12%!important;text-align:left;font-size:2.05cqi;line-height:1.5}
.gbr b{font-weight:400}
.gbr ol{margin:1.1cqi 0 0;padding-left:2.2cqi}
.gbfoot{top:92.4%;font-size:2.05cqi}
.gedit{margin:4px 0 0;text-align:center;font-size:12.5px;color:var(--s-mute)}
.gblock{color:var(--s-hd);font-weight:500}
.pers~.gedit .gblock,[data-gcp].pers .gblock{display:none}
.gturn{position:absolute;top:2.5cqi!important;right:2.5cqi!important;left:auto!important;width:6.5cqi;height:6.5cqi;font-size:3.2cqi!important;border-radius:50%;border:1px solid rgba(6,89,54,.3);background:transparent;color:var(--green);cursor:pointer;padding:0}
.gfbar{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.gfbar .b2{padding:8px 16px;font-size:14px}
.gls button{border:1.5px solid var(--s-line);background:transparent;color:var(--s-fg);padding:5px 12px;font-size:13px}
.gls button[aria-pressed="true"]{background:var(--s-ac);border-color:var(--s-ac);color:var(--s-acfg)}
@media (prefers-reduced-motion:reduce){.gfin{transition:none}}
/* ===== Seitenstruktur ===== */
#frame.mp .nav,#frame.mp .promo,#frame.ov .promo{display:none}
.smap{background:var(--creme);padding:44px 32px 52px;color:var(--dark);--s-hd:var(--green);--s-mute:rgba(35,33,44,.68);--s-line:rgba(35,33,44,.14);--s-card:var(--white)}
.smh{max-width:640px;margin-bottom:34px}
.tree{display:flex;flex-direction:column;align-items:center}
.lvl{display:flex;justify-content:center;width:100%}
.vline{width:2px;height:28px;background:var(--s-line)}
.mnode{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;border:1.5px solid var(--s-line);background:var(--white);color:var(--dark);border-radius:var(--r-m);padding:14px 16px;min-width:0;width:100%;max-width:300px;cursor:pointer;transition:transform .2s,border-color .2s;font-weight:400}
.mnode:hover{transform:translateY(-2px);border-color:var(--green)}
.mnode b{font-weight:500;font-size:16px;margin-top:6px}
.mnode small{font-size:12px;color:var(--s-mute);word-break:break-word}
.mnode em{font-style:normal;font-size:12.5px;color:var(--s-mute)}
.mgo{font-size:12.5px;color:var(--green);font-weight:500;margin-top:6px}
.mnode.hub{background:var(--green);color:var(--creme);border-color:var(--green)}
.mnode.hub small,.mnode.hub em,.mnode.hub .mgo{color:rgba(253,249,237,.8)}
.mnode.ghost{cursor:default;border-style:dashed;background:transparent}
.mnode.ghost .mgo{color:var(--s-mute)}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;position:relative;padding-top:24px;border-top:2px solid var(--s-line)}
.tcol{display:flex;flex-direction:column;align-items:stretch;gap:0;position:relative}
.tcol::before{content:"";position:absolute;top:-24px;left:50%;width:2px;height:24px;background:var(--s-line)}
.tcol>.mnode{max-width:none}
.kids{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-left:18px;border-left:2px solid var(--s-line);margin-left:20px}
.kids .mnode{max-width:none;padding:11px 14px}
.kids .mnode b{font-size:14.5px}
.mfoot{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;padding-top:28px;border-top:1px solid var(--s-line)}
.xl{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.xl b{font-weight:500}
.xl code{font-size:12.5px;background:var(--white);border:1px solid var(--s-line);border-radius:6px;padding:1px 6px}
@container (max-width:760px){.smap{padding:32px 18px}.cols3{grid-template-columns:1fr;border-top:0;padding-top:0;gap:24px}.tcol::before{display:none}.mfoot{grid-template-columns:1fr}}

.notes{background:var(--white);border:1px solid var(--ui-line);border-radius:var(--r-m);padding:14px 14px 6px}
.notes ol{margin:0;padding-left:18px;font-size:13px;display:flex;flex-direction:column;gap:7px;padding-bottom:10px}
.notes li::marker{color:var(--green);font-weight:600}

/* Header 1:1 nach raus.life (Stand 12.10.2026): Promo-Leiste 48px, Logo 324px breit, Links 22px */
.promo{position:relative;background:var(--blue);display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:8px 48px;flex-wrap:wrap;text-align:center}
.promo p{margin:0;color:var(--red);font-size:18px;line-height:22px}
.promobtn{border:0;border-radius:12px;background:var(--red);color:var(--white);font:inherit;font-size:18px;height:32px;padding:0 10px;cursor:pointer;white-space:nowrap}
.promox{position:absolute;right:14px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--dark);font-size:14px;cursor:pointer;padding:6px}
.nav{display:flex;align-items:flex-start;gap:20px;padding:18px 32px 24px;background:var(--creme);color:var(--dark)}
.nav button{border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}
.nav .navlogo{color:#006434;flex:none;margin-top:6px;margin-right:auto}
.navlogo svg{display:block;width:clamp(96px,25cqi,324px);height:auto}
.navlinks{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.navlinks button{font-size:clamp(17px,1.7cqi,22px);line-height:26px;letter-spacing:-.01em;font-weight:400}
.navlinks button:hover{color:#006434}
.langsw{position:relative;display:flex;align-items:center;margin-top:4px;height:18px;font-size:14px}
.langsw select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--dark);font:inherit;font-size:14px;padding:0 16px 0 6px;cursor:pointer}
.langsw svg{position:absolute;right:0;width:12px;height:12px;pointer-events:none}
.burger{display:none!important;width:30px;height:24px;flex-direction:column;justify-content:space-between;margin-top:4px}
.burger span{display:block;height:2px;border-radius:2px;background:var(--dark)}
.navlinks{flex-wrap:nowrap;white-space:nowrap}
@container (max-width:1100px){.navlinks button{font-size:17px;line-height:22px}.navlinks{gap:14px}}
@container (max-width:960px){.navlinks button{font-size:15px}.navlinks{gap:12px}.navlogo svg{width:22cqi}.nav{gap:14px}}
@container (max-width:700px){.navlinks{display:none}.burger{display:flex!important}.nav{padding:14px 16px 18px;align-items:center}.navlogo{margin-top:0}.promo{padding:8px 36px}.promo p,.promobtn{font-size:15px}}
/* Lightbox */
#lb{position:fixed;inset:0;z-index:50;background:rgba(35,33,44,.85);display:grid;place-items:center;padding:24px 16px}
#lb .lbin{width:min(1000px,100%);font-family:var(--sans)}
#lb .lbin .ph{aspect-ratio:16/10;border-radius:var(--r-l)}
#lb .lbv{position:relative;aspect-ratio:16/9;border-radius:var(--r-l);overflow:hidden}
#lb p{color:var(--creme);font-size:13.5px;margin:12px 0 0;text-align:center}
#lb .x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:44px;height:44px;border-radius:50%;border:0;background:var(--creme);color:var(--dark);font-size:20px}
@media (prefers-reduced-motion:reduce){.vid .ph,.fog,.mq-track,.hs>button{animation:none!important}}

.foot{background:var(--creme);color:var(--ui-mute);padding:22px 28px;font-size:12.5px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--ui-line)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== Website-Ergänzungen (business.raus.life) ===== */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--creme);color:var(--dark);margin:0;font-size:16px;-webkit-font-smoothing:antialiased}
.canvas{min-height:100vh;overflow-x:clip}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--green);color:var(--creme);padding:8px 14px;border-radius:999px}
.skip:focus{left:12px}
.sec[id]{scroll-margin-top:72px}
.sec a:not(.b1):not(.b2){color:inherit}

/* Header-Links (Original-Header als Links) */
.nav a{color:inherit;text-decoration:none}
.navlinks a{font-size:clamp(17px,1.7cqi,22px);line-height:26px;letter-spacing:-.01em;font-weight:400}
.navlinks a:hover{color:#006434}
@container (max-width:1100px){.navlinks a{font-size:17px;line-height:22px}}
@container (max-width:960px){.navlinks a{font-size:15px}}
.promobtn{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.mobnav{display:flex;flex-direction:column;padding:4px 16px 20px;background:var(--creme);border-bottom:1px solid rgba(35,33,44,.12)}
.mobnav a{color:var(--dark);text-decoration:none;font-size:20px;padding:9px 0;border-bottom:1px solid rgba(35,33,44,.08)}
.mobsep{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(35,33,44,.6);margin-top:16px;padding-bottom:4px}
@container (min-width:701px){.mobnav{display:none!important}}

/* Bereichs-Navigation als Links */
.bnl2 a{border-radius:999px;padding:7px 12px;font-size:14px;white-space:nowrap;color:var(--s-fg);text-decoration:none}
.bnl2{gap:2px}
.bnl2 a:hover{background:var(--s-card)}
.sec .bnl2 a[aria-current="page"],.sec .bnl2 a[aria-current="page"]:hover{background:var(--s-ac);color:var(--s-acfg)}

/* Echte Bilder */
.ph-img{background:#d9dccf}
.ph-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ph-img::before,.ph-img::after{display:none}
.gi .ph-img img{transition:transform .5s ease}
.gi:hover .ph-img img{transform:scale(1.04)}
.gi:hover .ph{transform:none}

/* Formulare */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.fbox input::placeholder,.fbox textarea::placeholder{color:var(--s-mute);opacity:.7}
.fbox button[disabled]{opacity:.6;cursor:wait}
.xsel,.fstatus,.fprivacy{grid-column:1/-1;margin:0;font-size:13px}
.xsel:empty,.fstatus:empty{display:none}
.fstatus{color:var(--s-hd)}
.fprivacy{color:var(--s-mute);font-size:12px}
.fprivacy a{color:inherit}
.fdone{grid-column:1/-1;padding:12px 4px}
.fdone b{display:block;font-weight:500;font-size:20px;color:var(--s-hd)}
.fdone p{margin:6px 0 0;color:var(--s-mute)}

/* Lightbox */
#lb .lbin img{display:block;width:100%;max-height:80vh;object-fit:contain;border-radius:var(--r-l)}

/* Footer im Stil von raus.life */
.foot2{padding:48px 32px 24px;color:var(--dark);border-top:1px solid rgba(35,33,44,.1)}
.fin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:40px;max-width:1240px;margin:0 auto}
.flogo{color:#006434;display:block}
.flogo svg{width:100%;max-width:420px;height:auto;display:block}
.fnl{font-family:var(--serif);font-weight:300;font-size:clamp(24px,2.6cqi,36px);line-height:1.2;margin:0;max-width:22ch}
.fnlbtn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:var(--blue);color:var(--red);border-radius:20px;padding:6px 20px;font-size:clamp(17px,1.6cqi,22px);text-decoration:none}
.fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:44px}
.fcols h4{margin:0 0 12px;font-weight:400;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.fcols a{display:block;color:var(--dark);text-decoration:none;font-size:17px;line-height:1.5}
.fcols a:hover,.flegal a:hover{color:#006434}
.flegal{display:flex;flex-wrap:wrap;gap:8px 20px;max-width:1240px;margin:44px auto 0;font-size:14px;color:rgba(35,33,44,.7)}
.flegal a{color:inherit;text-decoration:none}
@container (max-width:900px){.fin{grid-template-columns:1fr}.flogo svg{max-width:220px}.fcols{grid-template-columns:1fr 1fr}}
@container (max-width:560px){.foot2{padding:36px 16px 20px}}

/* Schritte mit 4 Spalten */
.steps.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
@container (max-width:900px){.steps.n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:640px){.steps.n4{grid-template-columns:1fr}}
/* Bereichs-Navigation mobil: Hinweis auf Scrollbarkeit */
@container (max-width:640px){.bnl2{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:24px}}

/* ===== Vorschau: Bearbeiten ===== */
.edbar{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:min(360px,calc(100vw - 32px))}
#edToggle{border:0;border-radius:999px;background:var(--dark);color:var(--creme);font:500 15px var(--sans);padding:12px 20px;cursor:pointer;box-shadow:0 10px 30px -10px rgba(35,33,44,.6)}
#edToggle[aria-pressed="true"]{background:var(--yellow);color:var(--pink)}
#edPanel{background:var(--white);color:var(--dark);border-radius:var(--r-m);padding:14px 16px;box-shadow:0 18px 40px -18px rgba(35,33,44,.55);font-size:13.5px;line-height:1.45}
#edPanel b{font-weight:500;font-size:14.5px}
#edPanel p{margin:6px 0 0}
#edMsg{color:var(--green);font-weight:500}
#edMsg:empty{display:none}
.edrow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;color:rgba(35,33,44,.65);font-size:12.5px}
#edReset{border:1px solid rgba(35,33,44,.2);background:none;border-radius:999px;padding:5px 10px;font:inherit;cursor:pointer;color:var(--dark)}
body.editing [data-tkey]{border-radius:4px;transition:box-shadow .15s}
body.editing [data-tkey]:hover{box-shadow:0 0 0 1.5px rgba(252,189,28,.9);cursor:text}
body.editing [data-tkey]:focus{outline:none;box-shadow:0 0 0 2px var(--yellow);background:rgba(252,189,28,.08)}
.edph{position:absolute;top:12px;left:12px;z-index:9;background:var(--yellow);color:var(--pink);font:600 13px var(--sans);padding:7px 12px;border-radius:999px;cursor:pointer;box-shadow:0 6px 16px -6px rgba(35,33,44,.5);white-space:nowrap}
.edph.edrev{left:auto;right:12px;background:var(--white);color:var(--dark)}
.edph:hover{transform:translateY(-1px)}

/* Module verwalten */
.sectools{position:absolute;top:10px;right:10px;z-index:8;display:flex;align-items:center;gap:2px;background:var(--white);color:var(--dark);border-radius:999px;padding:4px;box-shadow:0 8px 20px -10px rgba(35,33,44,.55);font:500 12.5px var(--sans)}
.sectools .stname{padding:0 8px 0 10px;color:rgba(35,33,44,.6);white-space:nowrap}
.sectools button{border:0;background:none;color:var(--dark);font:inherit;border-radius:999px;padding:6px 10px;cursor:pointer;white-space:nowrap}
.sectools button:hover:not([disabled]){background:var(--creme)}
.sectools button[disabled]{opacity:.3;cursor:default}
.sectools button[data-st="del"][data-armed]{background:var(--red);color:var(--white)}
.addmod{position:relative;z-index:9;height:0;display:flex;justify-content:center}
.addmod button{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:10;border:2px solid var(--creme);background:var(--yellow);color:var(--pink);font:600 13px var(--sans);border-radius:999px;padding:7px 14px;cursor:pointer;box-shadow:0 6px 16px -6px rgba(35,33,44,.5);white-space:nowrap}
body.editing .pg > .sec.is-hidden{opacity:.35}
body.editing .pg > .sec.is-hidden::after{content:"Ausgeblendet";position:absolute;left:12px;top:12px;z-index:8;background:var(--dark);color:var(--creme);font:500 12px var(--sans);padding:4px 10px;border-radius:999px}
.mpick{position:fixed;inset:0;z-index:80;background:rgba(35,33,44,.55);display:grid;place-items:center;padding:16px}
.mpin{background:var(--creme);color:var(--dark);border-radius:var(--r-l);width:min(1040px,100%);max-height:85vh;display:flex;flex-direction:column;overflow:hidden}
.mphd{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(35,33,44,.12)}
.mphd b{font-weight:400;font-size:22px;letter-spacing:-.01em;color:var(--green)}
.mpx{border:0;background:none;font-size:18px;cursor:pointer;color:var(--dark)}
.mplist{overflow:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;align-items:start}
.mpitem{text-align:left;border:1px solid rgba(35,33,44,.12);background:var(--white);border-radius:var(--r-m);padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:3px;font-family:var(--sans);color:var(--dark)}
.mpitem:hover,.mpitem:focus-visible{border-color:var(--green)}
.mpitem b{font-weight:500;font-size:15px}
.mpitem span{font-size:13px;color:rgba(35,33,44,.65)}
.fbsrc{color:var(--s-mute);font-size:12.5px;margin:14px 0 0}
@media (max-width:560px){.sectools .stname{display:none}}

/* Modulvorschau in der Auswahl */
.mpitem{padding:10px}
.mpthumb{position:relative;height:150px;overflow:hidden;border-radius:10px;border:1px solid rgba(35,33,44,.1);background:var(--creme);margin-bottom:6px}
.mpscale{position:absolute;top:0;left:0;width:1100px;transform-origin:0 0;pointer-events:none;container-type:inline-size}
.mpscale .sec{--pad:56px}
.mpitem b,.mpitem span{padding:0 4px}
/* Farbwahl */
.swdot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px;background:var(--s-bg);box-shadow:inset 0 0 0 3px var(--s-bg),inset 0 0 0 6px var(--s-hd),0 0 0 1px rgba(35,33,44,.25)}
.swpop{position:absolute;top:calc(100% + 6px);right:0;width:230px;background:var(--white);border-radius:var(--r-m);box-shadow:0 14px 34px -14px rgba(35,33,44,.6);padding:10px;display:flex;flex-direction:column;gap:4px}
.swt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(35,33,44,.55);padding:2px 6px 4px}
.sectools .sw{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border-radius:10px;padding:6px 8px}
.sectools .sw i{width:26px;height:26px;border-radius:50%;flex:none;background:var(--s-bg);box-shadow:inset 0 0 0 6px var(--s-bg),inset 0 0 0 13px var(--s-hd),0 0 0 1px rgba(35,33,44,.2)}
.sectools .sw.on{background:var(--creme)}
.sectools .sw.on span::after{content:" ✓";color:var(--green)}
.swnote{font-size:11.5px;color:rgba(35,33,44,.55);padding:4px 8px 0}

body.swopen #edPanel{display:none}
body:has(#mpick:not([hidden])) .edph,body:has(#mpick:not([hidden])) .sectools{visibility:hidden}

/* Bereichs-Navigation mit Untermenü */
.bnl{display:flex;align-items:center;gap:6px;font-family:var(--serif);font-size:17px;color:var(--s-hd);white-space:nowrap}
.bnl .rlogo{height:15px;margin:0}
@container (min-width:641px){.bnl2{overflow:visible}}
.bndd{position:relative;display:flex;align-items:center;border-radius:999px}
.bndd .bnddp{padding-right:4px}
.bnddt{border:0;background:none;color:var(--s-fg);cursor:pointer;padding:7px 10px 7px 2px;border-radius:999px;font-size:12px;line-height:1}
.bndd:hover{background:var(--s-card)}
.sec .bndd.active{background:var(--s-ac)}
.sec .bndd.active > .bnddp,.sec .bndd.active > .bnddt{color:var(--s-acfg);background:none}
.sec .bndd.active > .bnddp[aria-current="page"]{background:none}
.bnddm{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:var(--white);border-radius:var(--r-m);box-shadow:0 14px 34px -14px rgba(35,33,44,.55);padding:6px;flex-direction:column;z-index:20}
.bnddm::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.bndd:hover .bnddm,.bndd:focus-within .bnddm,.bndd.open .bnddm{display:flex}
.sec .bnddm a{display:block;color:var(--dark);border-radius:10px;padding:9px 12px;font-size:14px}
.sec .bnddm a:hover{background:var(--creme)}
.sec .bnddm a[aria-current="page"]{background:var(--creme);color:var(--green);font-weight:500}
.bnsub{display:none}
@container (max-width:640px){.bnddt,.bnddm{display:none!important}.bnsub{display:inline-block;font-size:13px!important;opacity:.85}}
.mobnav .mobsub,.fcols .fsub{padding-left:16px;font-size:.92em}
.mobnav .mobsub{border-left:2px solid rgba(6,89,54,.25);margin-left:2px}

/* Bildausschnitt */
.edph.edcrop{top:12px;left:auto;right:12px;background:var(--white);color:var(--dark)}
.edph.edrev{top:52px}
.cropping .edph{display:none}
.cropov{position:absolute;inset:0;z-index:12;cursor:grab;touch-action:none;box-shadow:inset 0 0 0 3px var(--yellow);border-radius:inherit}
.cropov:active{cursor:grabbing}
.cropdot{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid var(--white);background:var(--yellow);box-shadow:0 0 0 1px rgba(35,33,44,.35),0 4px 10px rgba(35,33,44,.4);pointer-events:none}
.cropbar{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;background:var(--white);color:var(--dark);border-radius:16px;padding:8px 10px;box-shadow:0 10px 26px -10px rgba(35,33,44,.6);font:500 12.5px var(--sans);cursor:default;max-width:calc(100% - 24px)}
.cropbar span{color:rgba(35,33,44,.6);white-space:nowrap}
.cropbar label{display:flex;align-items:center;gap:6px;white-space:nowrap}
.cropbar input{width:90px;accent-color:var(--green)}
.cropbar button{border:0;background:var(--creme);color:var(--dark);font:inherit;border-radius:999px;padding:6px 11px;cursor:pointer;white-space:nowrap}
.cropbar .crok{background:var(--green);color:var(--creme)}
.ph-img img{will-change:auto}

.edundo{display:flex;gap:8px;margin-top:12px}
.edundo button{flex:1;border:0;border-radius:999px;background:var(--green);color:var(--creme);font:500 13.5px var(--sans);padding:9px 12px;cursor:pointer}
.edundo button + button{background:var(--creme);color:var(--dark)}
.edundo button[disabled]{opacity:.35;cursor:default}

/* ===== Näher an raus.life: Typo, Abstände, Radien, Buttons ===== */
:root{--r-s:12px;--r-m:20px;--r-l:20px}
.canvas{font-family:var(--sans);font-weight:400;font-size:18px;line-height:1.22;letter-spacing:-.01em}
.in{max-width:1240px;padding-left:32px;padding-right:32px}
.sp-s{--pad:48px}.sp-m{--pad:96px}.sp-l{--pad:144px}
@container (max-width:640px){.sp-s{--pad:36px}.sp-m{--pad:56px}.sp-l{--pad:80px}.in{padding-left:16px;padding-right:16px}}
.h1,.h2{font-family:var(--sans);font-weight:300;letter-spacing:-.02em;line-height:.95}
.h1{font-size:clamp(34px,3.6cqi,48px)}
.h2{font-size:clamp(30px,3.1cqi,40px);color:var(--s-fg)}
.sc-gruen .h2,.sc-dark .h2{color:var(--s-hd)}
.h1 em,.h2 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:inherit}
.h3{color:var(--s-fg)}
.sc-gruen .h3,.sc-dark .h3{color:var(--s-hd)}
.hero-ov .h1{color:var(--creme)}
.h3{font-family:var(--serif);font-weight:300;font-size:clamp(22px,2.2cqi,28px);line-height:1.05;letter-spacing:-.015em}
.lead{font-size:clamp(18px,1.7cqi,22px);line-height:1.18;letter-spacing:-.01em}
.tx,.card p,.step p,.abody p,.ucd,.tl p,.amc ul,.plan ul,.quote small,.nbi span{font-size:16px;line-height:1.3}
.eb{font-size:12px;font-weight:400;letter-spacing:.08em;color:var(--s-fg);margin-bottom:14px}
.stx{font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.6cqi,44px);line-height:1.1;letter-spacing:-.015em;max-width:24ch}
.stx em{font-style:normal;color:var(--s-mute)}
.quote q,.bigq q,.host q{font-family:var(--serif);font-weight:300}
.lead.serif{font-family:var(--serif);font-weight:300}
.b1,.b2{height:48px;padding:0 20px;border-radius:20px;font-size:clamp(17px,1.5cqi,20px);font-weight:400;letter-spacing:-.01em;border-width:1px}
.b2{border-color:var(--s-fg);color:var(--s-fg)}
.hero-ov .b2{border-color:var(--creme);color:var(--creme)}
.bnav .bncta,.sb .b1,.sb .b2,.gcsum .b1,.cab .b1,.unit .b1,.unit .b2,.xcard .b2,.plan .b1,.plan .b2{height:40px;font-size:16px}
.ph{border-radius:4px}
.hero-sp .ph,.hero-ce .ph,.it .ph,.spot .ph,.arow .ph,.ucp .ph,.vcard,.tabp .ph,.hsw .ph,.lhvid,.mosaic,.sl{border-radius:4px}
.card,.quote,.plan,.dcard,.lodge,.acard,.unit,.rc,.xcard,.fbox,.gcform,.gcsum,.qf div,.day div,.nbi,.cab{border-radius:20px}
.acard .aimg .ph,.lodge .aimg .ph,.unit .ph,.cab .ph,.rc .ph{border-radius:0}
.gb .gi,.gm .gi,.gr .gi,.ugc .gi,.ctile{border-radius:4px}
.badge{font-weight:400;font-size:14px;border-radius:12px;padding:6px 12px}
.aeb{font-weight:400;border-radius:12px}
.atags span,.facts span,.dist span{border-color:var(--s-fg);font-size:13px}
.card .ic,.dic,.xcard .ic,.ucn{border-radius:12px}
.stat b{font-weight:300}
.faq summary{font-size:clamp(18px,1.7cqi,22px);font-weight:400}

/* Werkzeugleiste gegen Abschnitts-Styles abschirmen (z. B. Laufband) */
.sec .sectools,.sec .sectools span,.sec .sectools button{font-family:var(--sans)!important;font-size:12.5px!important;font-weight:500;font-style:normal;line-height:1.3!important;letter-spacing:0!important;text-transform:none!important;-webkit-text-stroke:0!important}
.sec .sectools .stname{color:rgba(35,33,44,.6)!important}
.sec .sectools button{color:var(--dark)!important}
.sec .sectools button[data-st="del"][data-armed]{color:var(--white)!important}
.sec .sectools .swt,.sec .sectools .swnote{font-size:11.5px!important}
.sec .sectools .sw span{color:var(--dark)!important}
.edrestore{margin-top:8px;width:100%;border:1px solid rgba(35,33,44,.2);background:var(--white);color:var(--dark);border-radius:999px;padding:8px 12px;font:500 12.5px var(--sans);cursor:pointer}
.edrestore:hover{background:var(--creme)}
/* Foto-Werkzeuge links untereinander, damit sie nicht unter der Abschnittsleiste liegen */
.edph.edcrop{top:52px;left:12px;right:auto}
.edph.edrev{top:92px;left:12px;right:auto}
/* CTAs wie auf raus.life: gefüllte Farbpaare (Hintergrund = Primär, Schrift = Sekundär), keine Outline-Buttons */
:root{--b1bg:var(--yellow);--b1fg:var(--pink);--b2bg:var(--blue);--b2fg:var(--red)}
.sc-gelb{--b1bg:var(--dark);--b1fg:var(--white)}
.sc-blau{--b2bg:var(--dark);--b2fg:var(--white)}
body .b1,body .sec .b1,body .hero .b1{background:var(--b1bg);color:var(--b1fg);border:0}
body .b2,body .sec .b2,body .hero .b2{background:var(--b2bg);color:var(--b2fg);border:0}
body .sec a.b1,body .sec a.b2{text-decoration:none}
body .b1:hover,body .b2:hover{filter:brightness(.96);transform:translateY(-1px)}
body .b1,body .b2{transition:transform .2s,filter .2s}
body .sec .b2[aria-pressed="true"]{background:var(--dark);color:var(--white)}

/* Spiegeln: Spalten tauschen, Text bleibt linksbündig */
.sec.is-flipped .in{direction:rtl}
.sec.is-flipped .in>*{direction:ltr}
/* Kacheln/Tags: Luft zum Text darüber */
.sec .atags{margin-top:24px;gap:8px}
.sec p+.atags,.sec ul+.atags{margin-top:24px}
/* Labels sind keine Buttons: Kategorie als Eyebrow-Text mit Punkt statt gelb/pinker Pille */
.sec .aeb,.sec .badge{display:inline-flex;align-items:center;gap:8px;background:none;color:var(--s-hd);border-radius:0;padding:0;font:500 13px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.sec .aeb::before,.sec .badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.sec .aimg .aeb{background:var(--creme);color:var(--green);padding:6px 11px;border-radius:999px;font-size:11.5px}
[data-t="heroVideo"] .badge,.sec .aimg .aeb{background:var(--creme);color:var(--green);padding:6px 12px;border-radius:999px;font-size:11.5px;letter-spacing:.06em}
[data-t="heroVideo"] .badge::before{background:var(--green)}

/* Kompakterer Rhythmus: weniger Leerraum, gleichfarbige Nachbarn teilen sich den Abstand */
.sp-s{--pad:40px}.sp-m{--pad:72px}.sp-l{--pad:104px}
@container (max-width:640px){.sp-s{--pad:32px}.sp-m{--pad:48px}.sp-l{--pad:64px}}
.sec.sc-creme:not([data-t^="hero"]):not(.ph-full):not([hidden]):not(.is-removed)+.sec.sc-creme>.in,.sec.sc-creme:not([data-t^="hero"]):not(.ph-full):not([hidden]):not(.is-removed)+.addmod+.sec.sc-creme>.in,.sec.sc-weiss:not([data-t^="hero"]):not(.ph-full):not([hidden]):not(.is-removed)+.sec.sc-weiss>.in,.sec.sc-weiss:not([data-t^="hero"]):not(.ph-full):not([hidden]):not(.is-removed)+.addmod+.sec.sc-weiss>.in,.sec.sc-gruen:not([data-t^="hero"]):not(.ph-full):not([hidden]):not(.is-removed)+.sec.sc-gruen>.in,.sec.sc-gruen:not([data-t^="hero"]):not(.ph-full):not([hidden]):not(.is-removed)+.addmod+.sec.sc-gruen>.in,.sec.sc-dark:not([data-t^="hero"]):not(.ph-full):not([hidden]):not(.is-removed)+.sec.sc-dark>.in,.sec.sc-dark:not([data-t^="hero"]):not(.ph-full):not([hidden]):not(.is-removed)+.addmod+.sec.sc-dark>.in,.sec.sc-gelb:not([data-t^="hero"]):not(.ph-full):not([hidden]):not(.is-removed)+.sec.sc-gelb>.in,.sec.sc-gelb:not([data-t^="hero"]):not(.ph-full):not([hidden]):not(.is-removed)+.addmod+.sec.sc-gelb>.in,.sec.sc-blau:not([data-t^="hero"]):not(.ph-full):not([hidden]):not(.is-removed)+.sec.sc-blau>.in,.sec.sc-blau:not([data-t^="hero"]):not(.ph-full):not([hidden]):not(.is-removed)+.addmod+.sec.sc-blau>.in{padding-top:0}
/* Statement als Farbband statt Creme-Lücke */
.sec.stmt .in{padding-block:calc(var(--pad) * .85)}
.sec.stmt .stx{font-size:clamp(34px,4.4cqi,58px);line-height:1.08;max-width:22ch;color:var(--s-hd)}
.sec.stmt .stx em{color:var(--s-mute)}
.sec.stmt.sc-gruen .stx em,.sec.stmt.sc-dark .stx em{color:rgba(253,249,237,.62)}
.sec.stmt .tx{max-width:56ch;color:var(--s-mute)}
/* Zielgruppen-Reihen: Bild immer gleich groß, egal ob links oder rechts */
.sec .arow{grid-template-columns:1.1fr 1fr}
.sec .arow.rev{grid-template-columns:1fr 1.1fr}
.sec .arow .ph{aspect-ratio:4/3;width:100%}
@container (max-width:640px){.sec .arow,.sec .arow.rev{grid-template-columns:1fr}}

/* Kopie einfügen */
.addmod:has(.paste) button[data-st="add"]{transform:translate(calc(-100% - 5px),-50%)}
.addmod .paste{transform:translate(5px,-50%)!important;background:var(--dark)!important;color:var(--white)!important}

/* Logo-Band */
.sec .lgrid{display:grid;grid-template-columns:repeat(var(--lgc,6),minmax(0,1fr));gap:12px;flex:1;min-width:0;align-items:center}
@container (max-width:640px){.sec .lgrid{grid-template-columns:repeat(min(var(--lgc,6),3),minmax(0,1fr))}}
.sec .lgi{position:relative;margin:0;height:84px;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px}
.sec .lgi img{max-width:100%;max-height:52px;width:auto;height:auto;object-fit:contain}
.sec .lgi.lgempty{border:1.5px dashed var(--s-line);color:var(--s-mute);font-size:12.5px}
.sec .lgi[data-st]{cursor:pointer}
.sec .lgi[data-st]:hover{outline:1.5px dashed var(--s-line)}
.sec .lgup{border:0;background:none;color:var(--s-fg);font:500 12.5px var(--sans);cursor:pointer;padding:8px}
.sec .lgx{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:0;background:var(--dark);color:var(--white);font:500 15px/1 var(--sans);cursor:pointer;display:none}
.sec .lgi:hover .lgx{display:block}
.sec .lgctl{position:absolute;top:10px;left:10px;z-index:8;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;padding:6px 8px;background:var(--white);color:var(--dark);border-radius:999px;box-shadow:0 6px 16px -10px rgba(35,33,44,.5);font:500 13px var(--sans);width:max-content;max-width:100%}
.sec .lgctl span{padding:0 6px;color:rgba(35,33,44,.65)}
.sec .lgctl b{min-width:20px;text-align:center}
.sec .lgctl button{border:0;background:var(--creme);color:var(--dark);border-radius:999px;padding:6px 11px;font:500 13px var(--sans);cursor:pointer}
.sec .lgctl button[disabled]{opacity:.35;cursor:default}
.sec .lgctl small{color:rgba(35,33,44,.55);padding:0 6px;font-size:11.5px}
.sec.trust .lgrid{flex:1 1 520px}
.sec:has(> .in .lgctl) > .in{padding-top:max(var(--pad),72px)}
.sec .lgctl{top:12px}
/* Galerie: ruhiges Raster statt Masonry (1 großes Bild, gleich hohe Reihen, bündige Kanten) */
.sec .gm{columns:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,17cqi,250px);gap:12px;grid-auto-flow:dense}
.sec .gm .gi{margin:0;height:100%;width:100%}
.sec .gm .gi .ph{height:100%;aspect-ratio:auto}
.sec .gm .gi .ph img{width:100%;height:100%;object-fit:cover}
.sec .gm .gi:nth-child(1){grid-column:span 2;grid-row:span 2}
.sec .gm .gi:nth-child(6){grid-column:span 2}
@container (max-width:640px){.sec .gm{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.sec .gm .gi:nth-child(1){grid-row:span 2}.sec .gm .gi:nth-child(6){grid-column:span 2}}
/* Bearbeitungsmodus: Werkzeugleiste in eigenem Streifen über dem Abschnitt, damit sie nie Text verdeckt */
body.editing .pg > .sec:not([data-t="b2bnav"]):not([data-t="stickybar"]){padding-top:58px;background-clip:border-box}
body.editing .pg > .sec:not([data-t="b2bnav"]):not([data-t="stickybar"])::before{content:"";position:absolute;left:0;right:0;top:0;height:58px;background:repeating-linear-gradient(135deg,rgba(35,33,44,.035) 0 8px,transparent 8px 16px);border-bottom:1px dashed rgba(35,33,44,.18);pointer-events:none;z-index:1}
body.editing .sec .sectools{top:9px}
body.editing .sec .lgctl{top:9px;left:12px}
body.editing .sec:has(> .in .lgctl) > .in{padding-top:var(--pad)}

/* Kulissen-Finder: gleichmäßiges Raster, damit Filtern sauber aussieht */
.sec[data-t="kulissen"] .gm{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto}
.sec[data-t="kulissen"] .gm .gi .ph{aspect-ratio:4/3;height:auto}
@container (max-width:640px){.sec[data-t="kulissen"] .gm{grid-template-columns:1fr 1fr}}

/* Kulissen-Finder: Bento-Raster mit festen Reihenhöhen */
.sec[data-t="kulissen"] .gm{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(130px,15cqi,230px);grid-auto-flow:dense}
.sec[data-t="kulissen"] .gm .gi{height:100%}
.sec[data-t="kulissen"] .gm .gi .ph{aspect-ratio:auto;height:100%}
.sec[data-t="kulissen"] .gm .gi .ph img{width:100%;height:100%;object-fit:cover}
.sec[data-t="kulissen"] .gm .gi[hidden]{display:none!important}
@container (max-width:640px){.sec[data-t="kulissen"] .gm{grid-template-columns:1fr 1fr;grid-auto-rows:130px}}

/* Kulissen: zwei Filterreihen */
.sec .kfil{border:1px solid var(--s-line);border-radius:16px;padding:14px 16px;margin:0 0 24px;display:flex;flex-direction:column;gap:12px;background:color-mix(in srgb,var(--s-card) 60%,transparent)}
.sec .kfrow{display:flex;flex-direction:column;gap:8px}
.sec .kfrow + .kfrow{border-top:1px solid var(--s-line);padding-top:12px}
.sec .kfl{font:500 11.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--s-mute)}
.sec .kfil .tabl{margin:0;gap:6px}
.sec .kfil .tabl button{padding:7px 14px;font-size:15px;border:0;background:transparent;color:var(--s-fg);border-radius:999px;cursor:pointer}
.sec .kfil .tabl button:hover{background:color-mix(in srgb,var(--s-fg) 6%,transparent)}
.sec .kfil .tabl button[aria-pressed="true"]{background:var(--green);color:var(--creme)}
.sec .kempty{margin:8px 0 0;color:var(--s-mute)}
.sec[data-t="kulissen"] .gm .gi{cursor:zoom-in}
/* Tags im Bearbeitungsmodus */
.sec .ktag{position:absolute;left:10px;right:10px;bottom:10px;z-index:9;display:flex;gap:6px;flex-wrap:wrap}
.sec .ktag select{font:500 12px var(--sans);border:0;border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.95);color:var(--dark);box-shadow:0 4px 12px -6px rgba(35,33,44,.5);cursor:pointer;max-width:100%}

/* Fotos tauschen */
.edph.edswap{top:92px;left:12px;right:auto;background:var(--white);color:var(--dark)}
.edph.edrev{top:132px}
.ph[data-dslot]{cursor:grab}
.ph.swapsrc{outline:3px solid var(--yellow);outline-offset:-3px}
.ph.dropto{outline:3px dashed var(--pink);outline-offset:-3px}
body.swapping .ph[data-dslot]:not(.swapsrc){cursor:copy}
body.swapping .ph[data-dslot]:not(.swapsrc):hover{outline:3px dashed var(--pink);outline-offset:-3px}
/* kompaktere Foto-Knöpfe in Galerie-Kacheln */
.gi .edph{font-size:11.5px;padding:5px 9px;left:8px!important;right:auto!important}
.gi .edph{top:8px}.gi .edph.edcrop{top:38px}.gi .edph.edswap{top:68px}.gi .edph.edrev{top:98px}

/* Kulissen: Fotos hinzufügen */
.edph.kaddbar{position:static;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;background:var(--white);color:var(--dark);border-radius:16px;padding:10px 12px;cursor:default;box-shadow:0 6px 16px -10px rgba(35,33,44,.5)}
.edph.kaddbar button{border:0;background:var(--yellow);color:var(--pink);font:600 13px var(--sans);border-radius:999px;padding:8px 14px;cursor:pointer}
.edph.kaddbar small{font:400 12.5px/1.35 var(--sans);color:rgba(35,33,44,.65);flex:1 1 260px}
.sec .ktag .kxdel{margin-left:auto;border:0;width:28px;height:28px;border-radius:50%;background:var(--dark);color:var(--white);font:500 15px/1 var(--sans);cursor:pointer}

/* Galerie-Fotos löschen */
.gi.gdel{display:none!important}
.edph.eddel{top:8px!important;right:8px!important;left:auto!important;background:var(--white);color:var(--dark);padding:5px 8px;font-size:12px}
.edph.eddel[data-armed]{background:var(--red);color:var(--white)}

.sec .gb{grid-auto-flow:dense}
.sec .gb .gi .ph{height:100%}


/* Gutscheine: Zielgruppen-Umschalter */
.sec .audsw{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 22px}
.sec .audsw .aud{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid var(--s-line);background:transparent;color:var(--s-fg);border-radius:18px;padding:12px 18px;cursor:pointer;min-width:220px;transition:border-color .2s,background .2s}
.sec .audsw .aud b{font:500 17px var(--sans)}
.sec .audsw .aud span{font-size:13px;color:var(--s-mute)}
.sec .audsw .aud[aria-pressed="true"]{border-color:var(--green);background:var(--green);color:var(--creme)}
.sec .audsw .aud[aria-pressed="true"] span{color:rgba(253,249,237,.75)}
.sec .ifg[hidden]{display:none!important}
@container (max-width:640px){.sec .audsw .aud{min-width:0;flex:1 1 100%}}

/* Button-Link bearbeiten */
.ctalink{position:absolute;z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:var(--white);color:var(--dark);border-radius:14px;padding:8px;box-shadow:0 10px 30px -12px rgba(35,33,44,.55);font:500 12.5px var(--sans);max-width:min(420px,calc(100vw - 16px))}
.ctalink label{display:flex;align-items:center;gap:6px}
.ctalink select,.ctalink input{font:400 13px var(--sans);border:1px solid rgba(35,33,44,.2);border-radius:8px;padding:6px 8px;background:var(--creme);color:var(--dark)}
.ctalink input{flex:1 1 200px;min-width:0}
.ctalink button{border:0;border-radius:999px;padding:6px 12px;background:var(--green);color:var(--creme);font:500 12.5px var(--sans);cursor:pointer}
.ctalink button[data-lk="reset"]{background:var(--creme);color:var(--dark)}
body.editing .sec a[data-tkey]{cursor:text;outline:1.5px dashed transparent}
body.editing .sec a[data-tkey]:hover{outline-color:rgba(35,33,44,.35)}

/* Boxen/Tags hinzufügen & entfernen */
.atags > span.tagdel{display:none!important}
.atags .tagx{display:inline-flex}
.edph.tagrm{position:static;width:20px;height:20px;padding:0;margin:0 0 0 -12px;border-radius:50%;background:var(--dark);color:var(--white);font:500 12px/20px var(--sans);text-align:center;border:0;cursor:pointer;align-self:flex-start;box-shadow:none;transform:translateY(-6px)}
.edph.tagadd{position:static;border:1.5px dashed var(--s-line);background:transparent;color:var(--s-fg);border-radius:999px;padding:4px 12px;font:500 13px var(--sans);cursor:pointer;box-shadow:none}
.edph.tagadd:hover{border-color:var(--s-fg)}

/* Querverweis Gutscheine */
.xlink .in{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.xlink .ph{aspect-ratio:4/3;border-radius:4px;overflow:hidden;box-shadow:0 24px 50px -28px rgba(35,33,44,.5)}
.xlink .ph img{width:100%;height:100%;object-fit:cover}
@container (max-width:640px){.xlink .in{grid-template-columns:1fr;gap:24px}}
.xlink .ph{aspect-ratio:auto;max-width:340px;width:100%;justify-self:center;transform:rotate(-3deg)}
.xlink .ph img{height:auto}

/* Team-Events: Lodge-Intro & Anlässe */
.lodgei .in{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:start}
.lodgei-media .ph{aspect-ratio:4/5;border-radius:4px;overflow:hidden;position:sticky;top:90px}
.lodgei .kfacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.lodgei .kfacts div{background:var(--s-card);border-radius:16px;padding:14px 16px}
.lodgei .kfacts dt{font:400 22px/1.15 var(--serif);color:var(--s-hd)}
.lodgei .kfacts dd{margin:4px 0 0;color:var(--s-mute);font-size:14px}
.lodgei .lage{border-top:1px solid var(--s-line);padding-top:18px}
.lodgei .lage ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.lodgei .lage li{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:15px}
.lodgei .lage li span{color:var(--s-mute)}
.lodgei .addr{margin:12px 0 0;font-size:14px;color:var(--s-mute)}
.fmts .fmtg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}
@container (max-width:1000px){.fmts .fmtg{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:640px){.lodgei .in{grid-template-columns:1fr;gap:24px}.lodgei-media .ph{position:static;aspect-ratio:4/3}.lodgei .kfacts{grid-template-columns:1fr}.fmts .fmtg{grid-template-columns:1fr}}

/* Lage als Karte statt Trennlinie */
.lodgei .lage{border-top:0;padding:18px 20px;margin-top:4px;background:var(--green);color:var(--creme);border-radius:16px}
.lodgei .lage-h{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.lodgei .lage-pin{width:40px;height:40px;border-radius:50%;background:rgba(253,249,237,.14);display:grid;place-items:center;flex:none}
.lodgei .lage-pin svg{width:20px;height:20px}
.lodgei .lage .eb{margin:0;color:rgba(253,249,237,.7)}
.lodgei .lage-h b{font:400 20px/1.2 var(--serif)}
.lodgei .lage ul{margin-top:12px}
.lodgei .lage li{padding:8px 0;border-top:1px solid rgba(253,249,237,.16)}
.lodgei .lage li span,.lodgei .lage .addr{color:rgba(253,249,237,.75)}

/* Einträge hinzufügen/entfernen */
.itemdel{display:none!important}
.itemhost{position:relative}
.edph.itemrm{top:-8px!important;right:-8px!important;left:auto!important;width:24px;height:24px;padding:0;border-radius:50%;background:var(--dark);color:var(--white);font:500 14px/24px var(--sans);text-align:center;border:0;cursor:pointer;opacity:0;transition:opacity .15s;z-index:12}
.itemhost:hover > .edph.itemrm,.edph.itemrm:focus{opacity:1}
.edph.itemadd{position:static;display:inline-flex;margin:14px 0 0;border:1.5px dashed var(--s-line);background:transparent;color:var(--s-fg);border-radius:999px;padding:8px 16px;font:500 13px var(--sans);cursor:pointer;box-shadow:none}
.edph.itemadd:hover{border-color:var(--s-fg)}

/* Interaktiver Lageplan */
.lplan .lpw{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:24px}
.lplan .lpmap{position:relative;border-radius:16px;overflow:hidden;background:#f1ecdc;box-shadow:0 20px 50px -30px rgba(35,33,44,.5)}
.lplan .lpmap img{display:block;width:100%;height:auto}
.lplan .lppin{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:2px solid var(--white);background:var(--green);color:var(--creme);font:600 14px var(--sans);cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 14px -4px rgba(35,33,44,.55);transition:transform .2s,background .2s;padding:0}
.lplan .lppin::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid var(--green);opacity:.35;animation:lppulse 2.4s infinite}
.lplan .lppin:hover,.lplan .lppin[aria-pressed="true"]{background:var(--yellow);color:var(--pink);transform:translate(-50%,-50%) scale(1.12)}
.lplan .lppin[aria-pressed="true"]::after{border-color:var(--yellow);opacity:.7}
@keyframes lppulse{0%{transform:scale(.8);opacity:.5}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.lplan .lppin::after{animation:none}}
.lplan .lpside{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}
.lplan .lpi{background:var(--s-card);border-radius:16px;overflow:hidden}
.lplan .lpi .ph{aspect-ratio:4/3;border-radius:0}
.lplan .lpi .ph img{width:100%;height:100%;object-fit:cover}
.lplan .lpt{display:flex;gap:14px;padding:18px 20px}
.lplan .lpn{flex:none;width:30px;height:30px;border-radius:50%;background:var(--yellow);color:var(--pink);display:grid;place-items:center;font:600 14px var(--sans)}
.lplan .lpt h3{margin:0 0 4px}
.lplan .lpt p{margin:0;color:var(--s-mute)}
.lplan .lplist{display:flex;flex-wrap:wrap;gap:6px}
.lplan .lpchip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--s-line);background:transparent;color:var(--s-fg);border-radius:999px;padding:6px 12px 6px 6px;font:400 13.5px var(--sans);cursor:pointer}
.lplan .lpchip b{width:22px;height:22px;border-radius:50%;background:var(--green);color:var(--creme);display:grid;place-items:center;font-size:12px}
.lplan .lpchip[aria-pressed="true"]{border-color:var(--green);background:color-mix(in srgb,var(--green) 8%,transparent)}
@container (max-width:760px){.lplan .lpw{grid-template-columns:1fr}.lplan .lpside{position:static}}
/* Add-on-Karten: immer gleich breit */
.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr)}
.carousel>.xcard{min-width:0;width:auto}
.xcard .h3{hyphens:auto;overflow-wrap:anywhere}
.xcard .b2{margin-top:auto;align-self:flex-start}
/* Lodge-Slider */
.lslide{position:relative}
.ltrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ltrack::-webkit-scrollbar{display:none}
.ltrack>.ph{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
.lsnav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(253,249,237,.92);color:var(--green);font-size:24px;line-height:1;cursor:pointer;z-index:3;display:grid;place-items:center;opacity:0;transition:opacity .2s}
.lslide:hover .lsnav,.lsnav:focus-visible{opacity:1}
.lsprev{left:12px}.lsnext{right:12px}
.lsdots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px;z-index:3;pointer-events:none}
.lsdot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:rgba(253,249,237,.55);cursor:pointer;pointer-events:auto}
.lsdot[aria-pressed="true"]{background:var(--creme);width:20px;border-radius:4px}
@media (hover:none){.lsnav{display:none}}
body.editing .lsnav{opacity:1}
.lodgei-media .lslide{position:sticky;top:90px;border-radius:4px;overflow:hidden}
.lodgei-media .ltrack>.ph{position:relative;top:auto;border-radius:0}
@container (max-width:640px){.lodgei-media .lslide{position:relative;top:auto}}
/* Slider-Miniaturen im Bearbeitungsmodus */
.lsthumbs{margin:10px 0 0;padding:10px;background:#fff;border:1.5px dashed rgba(35,33,44,.25);border-radius:14px;font:500 13px/1.3 Inter,system-ui,sans-serif;color:#23212C;position:relative;z-index:4}
.lsthumbs p{margin:0 0 8px}
.lstrow{display:flex;gap:8px;flex-wrap:wrap}
.lsth{position:relative;width:84px;height:62px;border-radius:8px;overflow:hidden;cursor:grab;outline:2px solid transparent;flex:none}
.lsth img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.lsth.drag{opacity:.4}.lsth.over{outline-color:#F6C243}
.lsthn{position:absolute;left:4px;top:4px;background:#23212C;color:#fff;border-radius:999px;font-size:11px;line-height:1;padding:3px 6px}
.lsthb{position:absolute;right:3px;bottom:3px;display:flex;gap:3px}
.lsthb button{width:22px;height:22px;border-radius:50%;border:0;background:rgba(253,249,237,.95);color:#065936;font-size:15px;line-height:1;cursor:pointer;padding:0}
.lsthb button:disabled{opacity:.35;cursor:default}
.lslide .lstoggle{position:absolute!important;right:12px;top:12px;left:auto!important;bottom:auto!important;z-index:5}
/* Case Studies */
.csg{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.cs{background:var(--s-card);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.cs .ph{aspect-ratio:3/2;border-radius:0}
.csb{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.cs .cstag{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--s-mute)}
.cs .h3{margin:0;font-size:clamp(24px,2.4vw,30px)}
.cs .csb>p:not(.cstag){margin:0;color:var(--s-mute)}
.csf{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 4px;padding:12px 0;border-top:1px solid var(--s-line);border-bottom:1px solid var(--s-line)}
.csf dt{font-size:12px;color:var(--s-mute);margin:0}
.csf dd{margin:2px 0 0;font-size:15px}
.cs .b2{align-self:flex-start;margin-top:auto}
@container (max-width:760px){.csg{grid-template-columns:1fr}}
.csg:has(> .cs:nth-child(3)){grid-template-columns:repeat(3,1fr)}
.csg:has(> .cs:nth-child(3)) .csf{grid-template-columns:1fr;gap:6px}
.csg:has(> .cs:nth-child(3)) .csf>div{display:grid;grid-template-columns:70px 1fr;align-items:baseline}
.csg:has(> .cs:nth-child(3)) .csf dd{margin:0}
@container (max-width:1000px){.csg:has(> .cs:nth-child(3)){grid-template-columns:1fr 1fr}}
@container (max-width:760px){.csg:has(> .cs:nth-child(3)){grid-template-columns:1fr}}
.csg:has(> .cs:nth-child(4)){grid-template-columns:1fr 1fr}
.csg:has(> .cs:nth-child(4)) .csf{grid-template-columns:repeat(3,1fr);gap:8px}
.csg:has(> .cs:nth-child(4)) .csf>div{display:block}
.csg:has(> .cs:nth-child(4)) .csf dd{margin:2px 0 0}
@container (max-width:760px){.csg:has(> .cs:nth-child(4)){grid-template-columns:1fr}}
.kmorew{display:flex;justify-content:center;margin-top:22px}
.cs{position:relative}
.cs .ordbtns{position:absolute!important;right:12px!important;top:12px!important;left:auto!important;bottom:auto!important;display:flex;gap:6px;padding:0!important;background:none!important;box-shadow:none!important;z-index:6}
.cs .ordbtns button{width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#23212C;font-size:18px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.cs .ordbtns button:disabled{opacity:.4;cursor:default}
/* Weihnachts-Countdown */
.xmas .in{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center}
.xmn{display:flex;align-items:center;gap:14px}
.xmn b{font:400 clamp(56px,7vw,96px)/.9 var(--sans,Inter),sans-serif;letter-spacing:-.03em}
.xmn span{font-size:14px;line-height:1.25;text-transform:uppercase;letter-spacing:.08em}
.xmt .h3{margin:0 0 6px}
.xmt p{margin:0}
.sec.sp-s{padding-top:36px;padding-bottom:36px}
@container (max-width:760px){.xmas .in{grid-template-columns:1fr;gap:16px}}
/* Zwei Wege */
.wayg{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
.way{background:var(--s-card);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px}
.way .cstag{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--s-mute)}
.way .h3{margin:0;font-size:clamp(26px,2.6vw,34px)}
.way p:not(.cstag){margin:0 0 8px;color:var(--s-mute)}
.way a{align-self:flex-start;margin-top:auto}
.way-hi{background:var(--green);color:var(--creme)}
.way-hi .h3,.way-hi p:not(.cstag),.way-hi .cstag{color:var(--creme)!important}
@container (max-width:760px){.wayg{grid-template-columns:1fr}}
.xmn{gap:10px}
.xmc{background:var(--dark,#23212C);color:#FDF9ED;border-radius:14px;min-width:78px;padding:12px 10px 10px;text-align:center;display:flex;flex-direction:column;gap:4px}
.xmc b{font:400 40px/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.xmc span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
@container (max-width:760px){.xmc{min-width:0;flex:1}.xmn{width:100%}}
/* Case Studies als Reihe zum Wischen */
.cases .head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.csnav{display:flex;gap:10px;flex:none}
.csarr{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--s-line,rgba(35,33,44,.2));background:var(--s-card,#fff);color:var(--s-hd,#23212C);font-size:20px;cursor:pointer}
.csarr:disabled{opacity:.35;cursor:default}
.csg.csrow,.csg.csrow:has(> .cs:nth-child(3)),.csg.csrow:has(> .cs:nth-child(4)){display:flex;grid-template-columns:none;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;margin-right:calc(-1 * max(16px,(100vw - 100%) / 2));padding-right:max(16px,(100vw - 100%) / 2)}
.csrow::-webkit-scrollbar{display:none}
.csrow>.cs{flex:0 0 min(400px,82%);scroll-snap-align:start}
.csrow .cs .ph{aspect-ratio:4/3}
.csrow .cs .h3{font-size:clamp(22px,2vw,26px)}
.csrow .cs .csf,.csg.csrow:has(> .cs:nth-child(4)) .csf{grid-template-columns:1fr;gap:4px}
.csrow .cs .csf>div,.csg.csrow:has(> .cs:nth-child(4)) .csf>div{display:grid;grid-template-columns:64px 1fr;align-items:baseline}
.csrow .cs .csf dd{margin:0}
@media (hover:none){.csnav{display:none}}
.bq q{font-size:clamp(20px,1.8vw,24px)}
.bq .who i{background:var(--s-hd,#23212C)}
.csq{margin:4px 0 2px;padding:12px 0 12px 16px;border-left:3px solid var(--green,#065936)}
.csq p{margin:0;font:400 19px/1.35 var(--serif,Georgia),serif;color:var(--s-hd)}
.csq .csqw{margin-top:6px;font:400 13px/1.3 Inter,system-ui,sans-serif;color:var(--s-mute)}
.sec[data-hide-src]{display:none!important}
/* Schieberegler & Datei-Feld im Raus-Stil */
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:6px 0 0;cursor:pointer;--p:12%}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--yellow,#F6C243) var(--p),rgba(253,249,237,.28) var(--p))}
.sc-creme input[type=range]::-webkit-slider-runnable-track,.sc-weiss input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--green,#065936) var(--p),rgba(35,33,44,.14) var(--p))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--yellow,#F6C243);border:3px solid var(--creme,#FDF9ED);box-shadow:0 1px 4px rgba(0,0,0,.25)}
input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:rgba(253,249,237,.28)}
input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--yellow,#F6C243)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--yellow,#F6C243);border:3px solid var(--creme,#FDF9ED)}
.gcform label.w:has(> input[type=range]){display:grid;grid-template-columns:1fr auto;align-items:baseline;row-gap:2px}
.gcform label.w:has(> input[type=range]) b{font:400 26px/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--s-fg)}
.gcform label.w:has(> input[type=range]) input{grid-column:1/-1}
.gcform input[type=file]{padding:8px!important;cursor:pointer}
.gcform input[type=file]::file-selector-button{font:500 14px/1 Inter,system-ui,sans-serif;border:0;border-radius:999px;padding:10px 16px;margin-right:12px;background:var(--creme,#FDF9ED);color:var(--green,#065936);cursor:pointer}
.gcform input[type=file]::file-selector-button:hover{background:var(--yellow,#F6C243);color:#C2185B}
.gcform input[type=file]::file-selector-button{background:var(--green,#065936);color:var(--creme,#FDF9ED)}
.sc-gruen .gcform input[type=file]::file-selector-button,.sc-dark .gcform input[type=file]::file-selector-button{background:var(--creme,#FDF9ED);color:var(--green,#065936)}
/* Mobile Vorschau */
#edMobile{border:0;border-radius:999px;background:var(--white,#fff);color:var(--dark,#23212C);font:500 15px var(--sans,Inter),sans-serif;padding:12px 18px;cursor:pointer;box-shadow:0 10px 30px -10px rgba(35,33,44,.45);margin-right:8px}
#edMobile[aria-pressed="true"]{background:var(--dark,#23212C);color:var(--creme,#FDF9ED)}
body.mobileview{background:#dcd8cc}
body.mobileview .canvas{max-width:390px;margin:24px auto 120px;border-radius:28px;overflow:clip;box-shadow:0 0 0 10px #23212C,0 30px 60px -20px rgba(0,0,0,.45);background:var(--creme,#FDF9ED)}
body.mobileview .csg.csrow{margin-right:0!important;padding-right:0!important}
body.mobileview .lsnav,body.mobileview .csnav{display:none}
.ifg:has(> .card:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
@container (max-width:760px){.ifg:has(> .card:nth-child(4):last-child){grid-template-columns:1fr 1fr}}
@container (max-width:480px){.ifg:has(> .card:nth-child(4):last-child){grid-template-columns:1fr}}
.ifg:has(> .card:nth-child(4):last-child) .card{grid-column:auto}
.sec .steps[data-path][hidden]{display:none!important}
.stsw{margin:6px 0 22px}
.sc-gruen .audsw .aud,.sc-dark .audsw .aud{background:transparent;border-color:rgba(253,249,237,.35);color:var(--creme)}
.sc-gruen .audsw .aud span,.sc-dark .audsw .aud span{color:rgba(253,249,237,.7)}
.sc-gruen .audsw .aud[aria-pressed="true"],.sc-dark .audsw .aud[aria-pressed="true"]{background:var(--creme);border-color:var(--creme);color:var(--green)}
.sc-gruen .audsw .aud[aria-pressed="true"] span,.sc-dark .audsw .aud[aria-pressed="true"] span{color:rgba(6,89,54,.75)}
/* Mobil: Anlass-Karten kompakt (Icon links, Text rechts) – gleicher Inhalt, halbe Höhe */
@container (max-width:640px){
  .fmts .fmtg,.ifg,.ifg:has(> .card:nth-child(4):last-child){grid-template-columns:1fr!important;gap:10px}
  .fmts .fmtg .card,.ifg .card{display:grid;grid-template-columns:40px 1fr;column-gap:14px;row-gap:4px;padding:16px 18px;align-items:start}
  .fmts .fmtg .card .ic,.ifg .card .ic{width:40px;height:40px;grid-row:span 2;margin:0}
  .fmts .fmtg .card .h3,.ifg .card .h3{margin:0;font-size:21px;line-height:1.15;align-self:center}
  .fmts .fmtg .card p,.ifg .card p{margin:0;grid-column:2;font-size:14.5px;line-height:1.4}
}
/* Mobil: Lodge-Karten kompakter – Label über dem Wert, Wert in voller Breite, Buttons nebeneinander */
@container (max-width:640px){
  .lodge .abody{padding:18px 18px 20px!important;gap:12px}
  .lrows div,.lrows div:nth-child(n){grid-template-columns:1fr!important;gap:2px;padding:9px 0}
  .lrows dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
  .lrows dd{font-size:14.5px;line-height:1.4}
  .lodge .ctas{display:flex;flex-wrap:nowrap;gap:8px}
  .lodge .ctas a{flex:1 1 0;justify-content:center;text-align:center;padding-inline:10px;font-size:15px;height:46px;white-space:nowrap}
}
/* Lodges mobil: Umschalter */
.lodtabs{display:none}
@container (max-width:640px){
  .lodtabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 14px}
  .lodtabs button{border:1.5px solid var(--s-line,rgba(35,33,44,.2));background:transparent;border-radius:14px;padding:10px 12px;text-align:left;cursor:pointer;color:var(--s-fg,#23212C);display:flex;flex-direction:column;gap:2px;font:inherit}
  .lodtabs b{font:500 15px/1.2 Inter,system-ui,sans-serif}
  .lodtabs span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--s-mute)}
  .lodtabs button[aria-pressed="true"]{background:var(--green,#065936);border-color:var(--green,#065936);color:var(--creme,#FDF9ED)}
  .lodtabs button[aria-pressed="true"] span{color:rgba(253,249,237,.75)}
  .lodges > .lodge:not(.lod-on){display:none}
  .lodge .aimg .aeb{display:none}
}
/* Hero: mehr Luft zwischen den Elementen, Subline schmaler */
.hero-ov .in > div{max-width:720px!important}
.hero-ov .badge{margin-bottom:26px!important}
.hero-ov .eb{margin:0 0 14px!important}
.hero-ov .h1{margin:0 0 24px!important}
.hero-ov .lead{max-width:44ch;font-size:clamp(17px,1.45vw,20px)!important;line-height:1.5!important;margin:0 0 34px!important}
.hh-m .in{min-height:540px}
@container (max-width:640px){.hh-m .in{min-height:0}.hero-ov .badge{margin-bottom:18px!important}.hero-ov .h1{margin-bottom:16px!important}.hero-ov .lead{margin-bottom:24px!important}}
/* Gutschein-Vorschau: zweite Seite schaut versetzt dahinter hervor */
.gflip{position:relative;max-width:330px;margin:10px auto 18px;transform:translateX(-6%)}
.gpeek{position:absolute;inset:0;z-index:0;border:0;padding:0;border-radius:14px;cursor:pointer;background:#1d2a3d url("/assets/giftcard-front.jpg") center/cover;transform:translate(22%,-4%) rotate(7deg);box-shadow:0 22px 40px -26px rgba(35,33,44,.6),0 0 0 1px rgba(35,33,44,.08);transition:transform .45s cubic-bezier(.3,.7,.2,1),background .2s}
.gpeek:hover{transform:translate(26%,-5%) rotate(9deg)}
.gflip.front .gpeek{background:var(--creme,#FDF9ED)}
.gpeek span{position:absolute;right:10px;bottom:10px;background:rgba(253,249,237,.92);color:var(--green,#065936);font:500 11px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:999px}
.gflip.front .gpeek span{background:var(--green,#065936);color:var(--creme,#FDF9ED)}
.gflip .gfin{z-index:1}
.gpeek span{bottom:auto;top:14px;right:8px}
/* Anfrageformular in Schritten */
.fbox.wiz{display:block;padding:26px}
.wzprog{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.wzprog li{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--s-mute)}
.wzprog li::before{content:"";height:4px;border-radius:2px;background:var(--s-line,rgba(35,33,44,.15))}
.wzprog li.done::before,.wzprog li.on::before{background:var(--green,#065936)}
.wzprog b{display:none}
.wzprog li.on{color:var(--s-fg);font-weight:500}
.wzs{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wzs[hidden]{display:none!important}
.wzs legend{font:400 clamp(22px,2vw,26px)/1.2 var(--serif,Georgia),serif;color:var(--s-hd);margin:0 0 14px;padding:0;float:left;width:100%}
.wzs > .w,.wzs > .wzq,.wzs .fprivacy{grid-column:1/-1}
.wzp{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wzp[hidden]{display:none!important}
.wzp .w{grid-column:1/-1}
.wzpick{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.wzopt{position:relative;border:1.5px solid var(--s-line,rgba(35,33,44,.18));border-radius:16px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;background:var(--s-bg)}
.wzopt input{position:absolute;opacity:0;pointer-events:none}
.wzopt b{font:500 17px/1.2 Inter,system-ui,sans-serif;color:var(--s-fg)}
.wzopt span{font-size:13px;color:var(--s-mute)}
.wzopt:has(input:checked){border-color:var(--green,#065936);background:var(--green,#065936)}
.wzopt:has(input:checked) b,.wzopt:has(input:checked) span{color:var(--creme,#FDF9ED)}
.wzopt:has(input:focus-visible){outline:2px solid var(--yellow,#F6C243);outline-offset:2px}
.wzl{margin:0 0 8px;font-size:13px;color:var(--s-mute)}
.wzchips{display:flex;flex-wrap:wrap;gap:8px}
.fbox .wzchip{flex-direction:row;cursor:pointer;color:var(--s-fg)}
.wzchip input{position:absolute;opacity:0;width:1px;height:1px}
.wzchip span{border:1.5px solid var(--s-line,rgba(35,33,44,.18));border-radius:999px;padding:8px 14px;font-size:14px;background:var(--s-bg)}
.wzchip input:checked + span{background:var(--green,#065936);border-color:var(--green,#065936);color:var(--creme,#FDF9ED)}
.wzchip input:focus-visible + span{outline:2px solid var(--yellow,#F6C243);outline-offset:2px}
.wznav{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.fbox .wznav button{grid-column:auto}
.wznav .wznext,.wznav .wzsend{margin-left:auto}
.wznav [hidden]{display:none!important}
.sc-gruen .wzopt,.sc-gruen .wzchip span,.sc-dark .wzopt,.sc-dark .wzchip span{border-color:rgba(253,249,237,.3)}
.sc-gruen .wzopt:has(input:checked),.sc-gruen .wzchip input:checked + span,.sc-dark .wzopt:has(input:checked),.sc-dark .wzchip input:checked + span{background:var(--creme,#FDF9ED);border-color:var(--creme,#FDF9ED);color:var(--green,#065936)}
.sc-gruen .wzopt:has(input:checked) b,.sc-gruen .wzopt:has(input:checked) span{color:var(--green,#065936)}
.sc-gruen .wzprog li.done::before,.sc-gruen .wzprog li.on::before{background:var(--yellow,#F6C243)}
@container (max-width:640px){.wzs,.wzp{grid-template-columns:1fr}.wzpick{grid-template-columns:1fr}.wzprog span{display:none}.wzprog li.on span{display:block}}
.wzs{display:block}
.wzs legend{float:none;display:block}
.wzg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wzg > .w,.wzg > .wzq,.wzg .fprivacy,.wzg > .wzp,.wzg > .wzpick{grid-column:1/-1}
@container (max-width:640px){.wzg{grid-template-columns:1fr}}

/* Tally-Formular */
.fbox.tallybox{padding:clamp(16px,3vw,28px)}
.fbox.tallybox iframe.tally{display:block;width:100%;min-height:420px;border:0;background:transparent}
.tallyfb{margin:12px 0 0;font-size:13px;opacity:.7}
.tallyfb a{color:inherit;text-decoration:underline}
.tallyph{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.tallyph p{margin:0}

/* Vorschau: Sprachumschalter + fehlende Übersetzungen */
.edlang{display:inline-flex;border:1px solid rgba(35,33,44,.2);border-radius:999px;overflow:hidden;background:#fff}
.edlang button{border:0;background:transparent;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer;color:#23212C}
.edlang button[aria-pressed="true"]{background:#065936;color:#FDF9ED}
.lang-en .i18n-miss{outline:2px dashed #FCBD1C;outline-offset:2px;background:rgba(252,189,28,.12)}
.i18nnote{position:fixed;left:16px;bottom:16px;z-index:60;background:#23212C;color:#FDF9ED;font-size:13px;padding:10px 14px;border-radius:12px;max-width:calc(100vw - 32px)}

/* Logos statt Initialen in Feedback-Karten */
.who i.has-logo{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:72%;color:transparent;box-shadow:inset 0 0 0 1px rgba(35,33,44,.12)}
.who i.edav{cursor:pointer;outline:2px dashed var(--s-ac,#065936);outline-offset:3px}
.who{position:relative}
.who .avrm{position:absolute;left:28px;top:-6px;width:20px;height:20px;border-radius:50%;border:0;background:#23212C;color:#fff;font-size:13px;line-height:20px;padding:0;cursor:pointer}
/* CTAs als Pill wie auf raus.life */
body .b1,body .b2,body .sec .b1,body .sec .b2,body .hero .b1,body .hero .b2,.bnav .bncta,.fnlbtn,.tallyfb a{border-radius:999px}
.cs.itemhost > .edph.itemrm{top:14px!important;right:12px!important;width:30px;height:30px;line-height:30px;opacity:1;z-index:9}
.csrow + .edph.itemadd{margin-top:18px}
.cs.itemhost .ordbtns{right:54px!important}
body:not(.editing) .csqw:empty,body:not(.editing) .csqw:has(> br:only-child){display:none}
body.editing .csqw:empty::before{content:"(leer = ausgeblendet)";opacity:.45}
.csq > p:first-child::before{content:"„"}.csq > p:first-child::after{content:"“"}
html[lang="en"] .csq > p:first-child::before{content:"“"}html[lang="en"] .csq > p:first-child::after{content:"”"}
.tallyxsel{margin:0 0 12px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--s-fg) 8%,transparent);font-size:15px}
/* Language Switch wie raus.life: DE-Pill mit Pfeilen */
.langsw{height:24px;margin-top:1px;border:1px solid currentColor;border-radius:999px;padding:0 7px 0 2px;color:var(--dark)}
.langsw select{font-size:14px;line-height:22px;padding:0 14px 0 6px;letter-spacing:.02em;text-transform:uppercase}
.langsw svg{right:7px;width:10px;height:10px}
/* Footer wie raus.life */
.foot2{padding:44px 18px 22px;border-top:0;background:var(--creme)}
.foot2 .fin{max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:40px}
.foot2 .flogo{color:#1E5631;display:flex;flex-direction:column;align-items:flex-start;width:min(360px,100%)}
.foot2 .flogo svg{display:block;width:100%;max-width:none;height:auto}
.foot2 .flogo .fl2{margin-top:-1%;margin-left:34%;width:66%}
.foot2 .flogo .fl1{width:66%}
.foot2 .fnlrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;align-items:start}
.foot2 .fnl{font-size:clamp(22px,2.1cqi,27px);line-height:1.1;max-width:24ch}
.foot2 .fnlbtn{margin-top:0;justify-self:start;padding:8px 18px;font-size:clamp(16px,1.5cqi,20px);border-radius:999px}
.foot2 .fcols{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 40px;margin-top:84px}
.foot2 .fcols h4{font-size:12px;letter-spacing:.02em;margin:0 0 6px}
.foot2 .fcols a{font-size:15.5px;line-height:1.4}
.foot2 .fsoc div,.foot2 .fpay div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.foot2 .fsoc a{width:29px;height:29px;border-radius:7px;background:var(--dark);color:var(--creme);display:grid;place-items:center}
.foot2 .fsoc a:hover{background:#1E5631;color:var(--creme)}
.foot2 .fsoc svg{width:17px;height:17px;fill:currentColor}
.foot2 .fpay div{gap:14px}
.foot2 .pm{font:600 12px/1 var(--sans);letter-spacing:-.01em;color:var(--dark);border:1px solid rgba(35,33,44,.45);border-radius:5px;padding:5px 6px;white-space:nowrap}
.foot2 .pm-g{border-radius:999px;padding:5px 9px;font-weight:500;color:#5f6368}
.foot2 .pm-visa{border:0;color:#1A1F71;font:italic 800 17px/1 Arial,sans-serif;padding:0 6px}
.foot2 .pm-mc{border:0;display:inline-flex;padding:0}
.foot2 .pm-mc i{width:18px;height:18px;border-radius:50%;background:#EB001B;display:block}
.foot2 .pm-mc i+i{background:#F79E1B;margin-left:-7px;mix-blend-mode:multiply}
.foot2 .flegal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px;margin:36px 0 0;font-size:12.5px;color:var(--dark);max-width:none}
.foot2 .flegal nav{display:flex;flex-wrap:wrap;gap:6px 15px}
@container (max-width:900px){.foot2 .fin{grid-template-columns:1fr}
.foot2 .flogo{width:200px}
.foot2 .fcols{margin-top:44px}
}
@container (max-width:560px){.foot2 .fnlrow,.foot2 .flegal{grid-template-columns:1fr}
.foot2 .fcols{grid-template-columns:1fr 1fr;gap:28px 20px}
}
.sec .fbox.tallybox{background:var(--creme);color:var(--dark)}
/* B2B-Navigation: etwas größer, kein Überlappen mit dem CTA */
.bnav .bnin{display:flex;align-items:center;gap:16px;max-width:1240px}
.bnav .bnl{font-size:clamp(17px,1.6cqi,21px);flex:none}
.bnav .bnl .rlogo{height:clamp(15px,1.4cqi,19px)}
.bnav .bnl2{flex:1 1 auto;min-width:0;display:flex;overflow-x:auto;scrollbar-width:none}
.bnav .bnl2::-webkit-scrollbar{display:none}
.bnav .bnl2 a{font-size:clamp(15px,1.45cqi,18px);padding:8px 14px}
.bnav .bncta{flex:none;margin-left:auto}
@container (min-width:641px){.bnav .bnl2{overflow-x:auto}}

/* Video Hochformat (Reels) */
.vreels .vrrow{display:grid;grid-template-columns:repeat(3,minmax(0,300px));gap:24px;justify-content:center}
.vreels .vrcard{margin:0}
.vreels .vposter.vvert .ph{aspect-ratio:9/16}
.vreels .vposter.vvert{border-radius:28px}
.vreels figcaption{margin-top:12px;text-align:center;font-size:15px}
@container (max-width:700px){.vreels .vrrow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;gap:14px;margin:0 -16px;padding:0 16px}.vreels .vrcard{flex:0 0 62%;scroll-snap-align:center}}

/* Video bearbeiten (Vorschau) */
.vposter .edph.edvid{left:12px;right:auto;top:auto;bottom:12px}

.vposter.hasvid .dur{display:none}
.vmodal{position:fixed;inset:0;z-index:1000;background:rgba(35,33,44,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.vmin{position:relative;background:var(--creme);color:var(--dark);border-radius:20px;padding:28px 24px 20px;width:min(440px,100%);display:flex;flex-direction:column;gap:12px;font:400 15px var(--sans)}
.vmin b{font-size:18px;font-weight:500}.vmin p{margin:0}
.vmrow{display:flex;gap:8px}.vmrow input{flex:1;min-width:0;padding:10px 14px;border:1px solid rgba(35,33,44,.25);border-radius:999px;font:inherit;background:#fff}
.vmdel{align-self:flex-start;background:none;border:0;padding:0;color:#b42318;text-decoration:underline;cursor:pointer;font:inherit}
.vmx{position:absolute;top:10px;right:12px;background:none;border:0;font-size:18px;cursor:pointer;color:inherit}
.vmmsg{color:#b42318;font-size:13px}

/* Gutschein erklärt */
.gxpl .in{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5cqi,72px);align-items:center}
.gxpl .gxmedia .ph{aspect-ratio:6/5;border-radius:var(--r-l);overflow:hidden}
.gxpl .gxmedia img{width:100%;height:100%;object-fit:cover}
.gxpl .lead{margin-bottom:14px}
.gxpl .gxfacts{margin-top:24px}
@container (max-width:800px){.gxpl .in{grid-template-columns:1fr}}
.gxpl .gxfacts{display:flex;flex-direction:column;gap:12px;margin:26px 0 0;padding:0}
.gxpl .gxf{display:grid;grid-template-columns:36px auto 1fr;align-items:center;column-gap:14px}
.gxpl .gxf .ic{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,currentColor 14%,transparent);color:inherit;display:flex;align-items:center;justify-content:center;margin:0}
.gxpl .gxf .ic svg{width:18px;height:18px}
.gxpl .gxft{font-weight:500;font-size:17px;margin:0}
.gxpl .gxfd{margin:0;font-size:15px;opacity:.75}
.gxpl .gxfd::before{content:"·";margin-right:8px}
@container (max-width:560px){.gxpl .gxf{grid-template-columns:36px 1fr;row-gap:0}.gxpl .gxf .ic{grid-row:span 2}.gxpl .gxfd::before{content:none}.gxpl .gxft{font-size:16px}.gxpl .gxfd{font-size:14px}}

/* Video Hochformat: ein Video im Handy-Rahmen + Text */
.vphone .in{display:grid;grid-template-columns:1fr minmax(240px,340px);gap:clamp(32px,7cqi,110px);align-items:center;max-width:1080px}
.vphone .vptxt .lead{margin:14px 0 24px}
.vphone .vpwrap{display:flex;justify-content:center}
.vphone .vpframe{width:100%;max-width:320px;padding:10px;border-radius:44px;background:#23212C;box-shadow:0 30px 60px -30px rgba(35,33,44,.6)}
.vphone .vposter.vvert{border-radius:34px}
.vphone .vposter.vvert .ph{aspect-ratio:9/17}
@container (max-width:700px){.vphone .in{grid-template-columns:1fr}.vphone .vpframe{max-width:260px}}

/* Bearbeiten-Panel einklappbar */
#edPanel .edhd{display:flex;align-items:center;justify-content:space-between;gap:12px}
#edMin{border:0;background:none;font:500 12.5px var(--sans);color:var(--green,#065936);cursor:pointer;padding:2px 0}
#edPanel.mini .edhelp,#edPanel.mini .edrow,#edPanel.mini .edrestore{display:none}
#edPanel.mini #edMsg:empty{display:none}
#edPanel.mini{padding:10px 14px}
#edPanel.mini .edundo{margin-top:8px;gap:6px}
#edPanel.mini .edundo button{padding:6px 12px;font-size:12.5px;white-space:nowrap}

/* Add-ons ohne Vormerken */
[data-ix="xadd"],.xcount,.xcard + .note,.carousel ~ .note{display:none!important}

/* Mobil: Hero nicht direkt unter der Navigation */
@container (max-width:640px){.sec.hero-ov>.in{padding-top:40px!important}}

/* Bereichs-Navigation mobil: kurze Labels, Hinweis auf mehr */
.sec .bnl2 a .bnf{margin-right:.3em}
@container (max-width:700px){.sec .bnl2 a .bnf{display:none}.bnl2{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);scroll-behavior:smooth;padding-right:28px}}

/* Kulissen: eine Filterzeile, ein aktiver Filter (Kulisse oder Jahreszeit) */
.sec .kfil{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px}
.sec .kfil .kfrow,.sec .kfil .tabl{display:contents}
.kfil .kfl,.kfil [data-ix="kf"][data-g="s"][data-v="alle"]{display:none!important}
.kfil .kfrow + .kfrow{border:0;padding:0}

/* Countdown weihnachtlich (Variante D): versetzte Kacheln mit Stechpalmen-Zweig, ohne Schnee */
.xmas .xmn{align-items:flex-start;padding:26px 0 12px}
.xmas .xmc{position:relative;overflow:visible;background:#065936;color:#FDF9ED;border-radius:16px;box-shadow:0 12px 22px -14px rgba(35,33,44,.55)}
.xmas .xmc:nth-child(1){transform:translateY(-6px) rotate(-2deg)}
.xmas .xmc:nth-child(2){transform:translateY(8px) rotate(1.5deg);background:#0b6b42}
.xmas .xmc:nth-child(3){transform:translateY(-2px) rotate(-1deg)}
.xmas .xmc:nth-child(4){transform:translateY(10px) rotate(2deg);background:#0b6b42}
.xmas .xmc:nth-child(1)::before,.xmas .xmc:nth-child(3)::before{content:"";position:absolute;width:86px;height:64px;top:-40px;left:-30px;z-index:2;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%2090%22%3E%3Cpath%20fill%3D%22%231F5A33%22%20d%3D%22M58%2058%20C50%2046%2040%2040%2026%2040%20L30%2047%20L20%2048%20L26%2055%20L16%2058%20L25%2063%20L19%2070%20C36%2072%2050%2068%2058%2058Z%22/%3E%3Cpath%20fill%3D%22%232B7A45%22%20d%3D%22M60%2056%20C64%2040%2074%2026%2090%2018%20L89%2027%20L98%2025%20L95%2034%20L105%2035%20L97%2042%20L104%2049%20C86%2056%2072%2058%2060%2056Z%22/%3E%3Cpath%20d%3D%22M58%2058%20C46%2052%2034%2050%2022%2058%20M60%2056%20C72%2046%2084%2036%2096%2026%22%20stroke%3D%22%239ED0A9%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.7%22/%3E%3Ccircle%20cx%3D%2256%22%20cy%3D%2260%22%20r%3D%228%22%20fill%3D%22%23C8432B%22/%3E%3Ccircle%20cx%3D%2268%22%20cy%3D%2266%22%20r%3D%228%22%20fill%3D%22%23B83A24%22/%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2272%22%20r%3D%227.5%22%20fill%3D%22%23C8432B%22/%3E%3Ccircle%20cx%3D%2253%22%20cy%3D%2257%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%22.55%22/%3E%3Ccircle%20cx%3D%2265%22%20cy%3D%2263%22%20r%3D%222.2%22%20fill%3D%22%23fff%22%20opacity%3D%22.5%22/%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2269%22%20r%3D%222%22%20fill%3D%22%23fff%22%20opacity%3D%22.5%22/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(-14deg);pointer-events:none;filter:drop-shadow(0 2px 2px rgba(35,33,44,.2))}
.xmas .xmc:nth-child(3)::before{left:auto;right:-32px;top:-38px;transform:scaleX(-1) rotate(-10deg)}

/* Zurück-Link nach Seitenwechsel */
.backpill{position:fixed;left:16px;bottom:16px;z-index:70;display:inline-flex;align-items:center;gap:6px;padding:11px 18px;border:0;border-radius:999px;background:#23212C;color:#FDF9ED;font:500 14px/1 var(--sans,Inter),system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 24px -10px rgba(35,33,44,.6)}
.backpill:hover{background:#065936}
.sec.gxpl .in{grid-template-columns:1.45fr 1fr}
.sec.gxpl .gxmedia .ph{aspect-ratio:4/3}
@container (max-width:800px){.sec.gxpl .in{grid-template-columns:1fr}}
@media (max-width:800px){.sec.gxpl .in{grid-template-columns:1fr}}

/* Lodge-Fakten mit Icons */
.lodgei .kfacts .kfi{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--s-ac,#1E4A2C);color:var(--s-acfg,#fff);margin:0 0 10px}
.lodgei .kfacts .kfi svg{width:19px;height:19px}
/* Add-ons: Raster statt abgeschnittener Scroll-Leiste */
.sec[data-t="extras"] .carousel{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;grid-auto-columns:auto!important;overflow:visible!important;gap:16px}
.sec[data-t="extras"] .carousel>.xcard{width:auto!important;min-width:0;flex:none!important}
@container (max-width:640px){.sec[data-t="extras"] .carousel{grid-template-columns:1fr!important;gap:10px}.sec[data-t="extras"] .carousel>.xcard{display:grid!important;grid-template-columns:40px 1fr;column-gap:14px;align-items:start;padding:16px!important}.sec[data-t="extras"] .xcard .ic{grid-row:span 2;width:40px;height:40px;margin:0!important}.sec[data-t="extras"] .xcard .h3{margin:0 0 4px!important;font-size:21px!important}.sec[data-t="extras"] .xcard p{margin:0!important}}
@media (max-width:640px){.sec[data-t="extras"] .carousel{grid-template-columns:1fr!important;gap:10px}.sec[data-t="extras"] .carousel>.xcard{display:grid!important;grid-template-columns:40px 1fr;column-gap:14px;align-items:start;padding:16px!important}.sec[data-t="extras"] .xcard .ic{grid-row:span 2;width:40px;height:40px;margin:0!important}.sec[data-t="extras"] .xcard .h3{margin:0 0 4px!important;font-size:21px!important}.sec[data-t="extras"] .xcard p{margin:0!important}}
.lodgei .kfacts>div{display:grid;grid-template-columns:36px 1fr;column-gap:14px;align-content:start}
.lodgei .kfacts>div>.kfi{grid-row:span 2;margin:0}
.lodgei .kfacts>div>dt{align-self:center;min-height:36px;display:flex;align-items:center}
.lsadd{width:84px;height:62px;flex:none;border-radius:8px;border:1.5px dashed rgba(35,33,44,.35);background:#FDF9ED;color:#23212C;font:600 11px/1.2 Inter,system-ui,sans-serif;cursor:pointer}
.lsadd:hover{border-color:#1E4A2C;color:#1E4A2C}
.lsdel{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:0;background:rgba(35,33,44,.8);color:#fff;font:600 13px/20px Inter,sans-serif;padding:0;cursor:pointer;z-index:2}
/* Icon-Karten: Text neben dem Icon */
.sec .card:has(> .ic:first-child),.sec .xcard,.sec[data-t="extras"] .carousel>.xcard{display:grid!important;grid-template-columns:44px 1fr;column-gap:16px;row-gap:0;align-content:start}
.sec .card:has(> .ic:first-child)>.ic,.sec .xcard>.ic{grid-column:1;grid-row:1;width:44px!important;height:44px!important;margin:0!important;align-self:center}
.sec .card:has(> .ic:first-child)>:not(.ic),.sec .xcard>:not(.ic){grid-column:2}
.sec .card:has(> .ic:first-child)>.h3,.sec .xcard>.h3{grid-row:1;align-self:center;margin:0!important}
.sec .card:has(> .ic:first-child)>.h3+*,.sec .xcard>.h3+*{margin-top:8px!important}
.sec .card:has(> .ic:first-child),.sec .xcard,.sec[data-t="extras"] .carousel>.xcard{grid-template-columns:40px 1fr;column-gap:12px}
.sec .card:has(> .ic:first-child)>.ic,.sec .xcard>.ic{width:40px!important;height:40px!important}
.sec .card:has(> .ic:first-child)>:not(.ic):not(.h3),.sec .xcard>:not(.ic):not(.h3){grid-column:1 / -1}
.sec .card:has(> .ic:first-child)>.h3,.sec .xcard>.h3{font-size:clamp(19px,1.75vw,23px)!important;line-height:1.12!important;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere;min-width:0}
.sec .card:has(> .ic:first-child)>.h3+*,.sec .xcard>.h3+*{margin-top:12px!important}
.xold{display:none!important}
.sec .xcard.itemhost > .edph.itemrm,.sec .card.itemhost > .edph.itemrm{opacity:1!important;top:10px!important;right:10px!important;width:28px!important;height:28px!important;line-height:28px!important;grid-column:auto!important}
.sec .xcard.itemdel,.sec .card.itemdel,.sec[data-t="extras"] .carousel>.xcard.itemdel{display:none!important}
/* Gutschein-Teaser: Vorder- und Rückseite überlappend */
.gtz{position:relative;width:100%;max-width:520px;justify-self:center;aspect-ratio:1.18;margin:8px 0}
.gtzc{position:absolute;top:2%;width:54%;container-type:inline-size;transition:transform .35s cubic-bezier(.3,.7,.2,1)}
.gtzc .gface{position:relative!important;inset:auto!important;aspect-ratio:1414/2000;width:100%;display:block;border-radius:10px;transform:none!important;backface-visibility:visible}
.gtzb{left:2%;transform:rotate(-6deg);z-index:1}
.gtzf{right:2%;top:6%;transform:rotate(5deg);z-index:2}
.gtz:hover .gtzb{transform:rotate(-8deg) translateX(-3%)}
.gtz:hover .gtzf{transform:rotate(7deg) translateX(3%)}
.gtzf .ph{aspect-ratio:1414/2000!important;max-width:none!important;transform:none!important;box-shadow:0 26px 44px -28px rgba(35,33,44,.65),0 0 0 1px rgba(35,33,44,.08)}
.gtzf .ph img{width:100%;height:100%!important;object-fit:cover}
.gtz .gblogo{cursor:default}
@container (max-width:640px){.gtz{max-width:360px}}
@media (max-width:640px){.gtz{max-width:360px}}

.gtzp{background:var(--green,#065936);border-radius:4px;aspect-ratio:4/3;width:100%;display:grid;place-items:center;padding:6% 8%}
.gtzp .gtz{max-width:440px;margin:0}

.cs .lslide .ltrack>.ph{border-radius:0}
.lslide:not(:has(.ltrack>.ph:nth-child(2))) :is(.lsnav,.lsdots){display:none}
.cs .lslide .lstoggle{top:auto!important;bottom:12px!important;right:auto!important;left:12px!important}
.itemdup{position:absolute!important;top:10px!important;right:46px!important;left:auto!important;width:28px;height:28px;padding:0;border-radius:50%;border:0;background:#fff;color:#23212C;font:500 14px/28px Inter,system-ui,sans-serif;text-align:center;cursor:pointer;z-index:12;box-shadow:0 2px 8px rgba(35,33,44,.18)}
.cs.itemhost>.itemdup{top:14px!important;right:52px!important}
.itemhost .ordbtns{right:88px!important}
.arow.rev>.gtzp{order:2}
@container (max-width:640px){.arow.rev>.gtzp{order:0}}
@media (max-width:640px){.arow.rev>.gtzp{order:0}}
.navpills{position:fixed;left:16px;bottom:16px;z-index:70;display:flex;gap:8px;flex-wrap:wrap;max-width:calc(100vw - 140px)}
.navpills[hidden]{display:none}
.navpills .backpill{position:static!important;left:auto;bottom:auto}
.navpills .fwdpill{background:#FDF9ED;color:#23212C;box-shadow:0 0 0 1px rgba(35,33,44,.15),0 10px 24px -10px rgba(35,33,44,.4)}
.navpills .fwdpill:hover{background:#fff}
@media (max-width:640px){.navpills{left:12px;bottom:12px;gap:6px;flex-wrap:nowrap;max-width:calc(100vw - 150px)}.navpills .backpill{padding:10px 14px;font-size:13px;white-space:nowrap}.navpills .npx{display:none}}
/* Case Studies mit nur 1–2 Karten (Desktop): volle Breite statt Scroll-Leiste */
@media (min-width:801px){
.sec.csfew .csnav{display:none}
.sec.csfew .csg.csrow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin-right:0!important;padding-right:0!important;gap:24px}
.sec.csfew .csrow>.cs{flex:none;width:auto}
.sec.csfew .csrow[data-n="1"]{grid-template-columns:1fr}
.sec.csfew .csrow[data-n="1"]>.cs:not(.itemdel){display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch}
.sec.csfew .csrow[data-n="1"]>.cs .lslide,.sec.csfew .csrow[data-n="1"]>.cs .ltrack{height:100%}
.sec.csfew .csrow[data-n="1"]>.cs .ltrack>.ph{aspect-ratio:auto;height:100%;min-height:420px}
.sec.csfew .csrow[data-n="2"] .cs .ph{aspect-ratio:16/10}
}

/* Partnerschaften & Kooperationen (Marken) */
.ptn .lead{max-width:760px}
.ptn .ptblk{margin-top:40px;display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:32px;align-items:start;padding-top:28px;border-top:1px solid var(--s-line,rgba(35,33,44,.12))}
.ptn .ptbh .h3{margin:0 0 8px}
.ptn .ptbh p{margin:0;color:var(--s-mute);font-size:15px}
.ptn .ptg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.ptn .ptc{background:var(--s-card,#fff);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.ptn .ptc .ph{aspect-ratio:4/3;border-radius:0}
.ptn .ptc .ph img{width:100%;height:100%;object-fit:cover}
.ptn .ptc .h3{font-size:21px;margin:14px 16px 6px}
.ptn .ptc p{margin:0 16px 16px;font-size:14px;color:var(--s-mute);line-height:1.45}
.ptn .ptlg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ptn .ptl{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;height:100px;padding:16px 22px;transition:transform .2s}
.ptn .ptl:hover{transform:translateY(-2px)}
.ptn .ptl img{max-width:100%;max-height:64px;object-fit:contain}
.ptn .ptcta{margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:28px;border-top:1px solid var(--s-line,rgba(35,33,44,.12))}
.ptn .ptcta p{margin:0;font-size:17px}
@container (max-width:800px){.ptn .ptblk{grid-template-columns:1fr;gap:18px}.ptn .ptlg{grid-template-columns:repeat(2,1fr)}.ptn .ptg{grid-template-columns:repeat(2,1fr)}}
@media (max-width:800px){.ptn .ptblk{grid-template-columns:1fr;gap:18px}.ptn .ptlg{grid-template-columns:repeat(2,1fr)}.ptn .ptg{grid-template-columns:repeat(2,1fr)}}
.ptn .ptl{position:relative;flex-direction:column}
.ptn .ptlph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:transparent!important;aspect-ratio:auto!important}
.ptn .ptln{display:none;font:500 14px/1.3 var(--sans,Inter),sans-serif;color:#23212C;text-align:center}
.ptn .ptl.noimg .ptlph{display:none}
.ptn .ptl.noimg .ptln{display:block}
.ptn .ptc .ph.noimg{background:linear-gradient(135deg,#DDE8D9,#C9DCC5)}
.ptn .ptc .ph.noimg img{opacity:0}

/* Partnerschaften kompakt: Karten als Swipe-Leiste, Logos in einer Reihe */
.ptn .lead{margin-bottom:0}
.ptn .ptblk{margin-top:28px;padding-top:24px;gap:28px}
.ptn .ptg{display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.ptn .ptg::-webkit-scrollbar{display:none}
.ptn .ptc{flex:0 0 230px;scroll-snap-align:start}
.ptn .ptc .ph{aspect-ratio:3/2}
.ptn .ptc .h3{font-size:19px;margin:12px 14px 4px}
.ptn .ptc p{margin:0 14px 14px;font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ptn .ptnav{display:flex;gap:8px;margin-top:16px}
.ptn .ptlg{grid-template-columns:repeat(6,1fr);gap:10px}
.ptn .ptl{height:84px;padding:12px 14px}
.ptn .ptl img{max-height:52px}
.ptn .ptln{font-size:12px}
.ptn .ptcta{margin-top:28px;padding-top:22px}
@container (max-width:800px){.ptn .ptnav{display:none}.ptn .ptc{flex-basis:72%}.ptn .ptlg{grid-template-columns:repeat(3,1fr)}}
@media (max-width:800px){.ptn .ptnav{display:none}.ptn .ptc{flex-basis:72%}.ptn .ptlg{grid-template-columns:repeat(3,1fr)}}
.ptn .ptblk>*{min-width:0}.ptn .ptblk{grid-template-columns:minmax(0,280px) minmax(0,1fr)}@container (max-width:800px){.ptn .ptblk{grid-template-columns:minmax(0,1fr)}}@media (max-width:800px){.ptn .ptblk{grid-template-columns:minmax(0,1fr)}}
.ptn .ptlg{grid-template-columns:repeat(6,minmax(0,1fr))}.ptn .ptl{min-width:0}.ptn .ptln{overflow-wrap:anywhere;hyphens:auto}@container (max-width:800px){.ptn .ptlg{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.ptn .ptlg{grid-template-columns:repeat(3,minmax(0,1fr))}.ptn .ptl{padding:10px 8px}}
.fmts .fmtg:has(> .card:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}
@container (max-width:640px){.fmts .fmtg:has(> .card:nth-child(6)){grid-template-columns:1fr}}
@media (max-width:640px){.fmts .fmtg:has(> .card:nth-child(6)){grid-template-columns:1fr}}
.sec .card:has(> .ic:first-child)>.h3,.sec .xcard>.h3{overflow-wrap:normal!important;word-break:normal}
.sec .lgi.lgempty:not(:has(button)){border:0;background:none;color:var(--s-ink,inherit);font-size:15px;font-weight:600;letter-spacing:.01em;opacity:.75;text-align:center}
.ptko .in{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:22px!important}.ptko .lgrid,.ptko .lgph{width:100%}
.ptko .lgi.lgempty:not(:has(button)){aspect-ratio:auto!important;height:auto!important;min-height:0!important;padding:4px 0!important}.ptko .lgrid{align-items:center}
.ptko .lgrid{flex:0 0 auto!important}
body:not(.editing) .csq.csq-empty{display:none!important}
.sec .ktag .kmv{display:inline-flex;gap:4px;margin-left:auto}.sec .ktag .kmv button{border:0;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--dark);font:500 15px/1 var(--sans);cursor:pointer;box-shadow:0 4px 12px -6px rgba(35,33,44,.5)}.sec .ktag .kmv button:hover{background:var(--yellow)}.sec .ktag .kmv+.kxdel{margin-left:0}
.promo[hidden]{display:none!important}
.navlinks a{transition:color .15s ease}.navlinks a:hover,.navlinks a:focus-visible,.navlinks a:active{color:rgba(35,33,44,.72);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:7px}.foot2 .fcols a{transition:color .15s ease}.foot2 .fcols a:hover,.foot2 .fcols a:focus-visible,.foot2 .fcols a:active{color:rgba(35,33,44,.55);text-decoration:none}

/* Anfrageformular: Tally über die volle Kartenbreite, Hinweis dezent darunter */
.fbox.tallybox{display:block}
.form .in{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr)}
@media (max-width:900px){.form .in{grid-template-columns:1fr}}
.fbox.tallybox iframe.tally{width:100%;max-width:none}
.fbox.tallybox .tallyfb{margin:16px 0 0;text-align:center;font-size:12px;opacity:.5}
.fbox.tallybox .tallyfb a{border-radius:0;text-underline-offset:2px}

/* Video im Handy-Rahmen direkt abspielen */
.vpframe .vpinline{display:block;width:100%;aspect-ratio:9/17;object-fit:cover;border-radius:34px;background:#000}

/* Großansicht: zwischen Fotos blättern */
#lb .lbnav{position:absolute;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;gap:18px;pointer-events:none}
#lb .lbnav[hidden]{display:none}
#lb .lbnav button{pointer-events:auto;width:48px;height:48px;border-radius:50%;border:0;background:var(--creme);color:var(--dark);font:400 28px/1 var(--sans);cursor:pointer;display:grid;place-items:center}
#lb .lbnav button:hover{background:var(--yellow)}
#lb .lbc{color:var(--creme);font-size:13.5px;min-width:54px;text-align:center}
@media (min-width:900px){#lb .lbnav{bottom:auto;top:50%;transform:translateY(-50%);justify-content:space-between;padding:0 24px}#lb .lbc{position:absolute;left:50%;transform:translateX(-50%);top:calc(50vh - 40px)}}

/* Header: Raus-Logo mit "Business", B2B-Navigation und Anfrage-Button (statt raus.life-Menü und separater B2B-Leiste) */
.navlogo{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none}
.navbiz{font-family:var(--serif);font-weight:400;color:#006434;font-size:clamp(18px,2.4cqi,34px);line-height:1;margin-top:.3em;letter-spacing:-.01em}
.navlinks .bnf{margin-right:.28em}
.navlinks a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:7px}
.nav .navcta{flex:none;height:40px;padding:0 18px;font-size:16px;display:inline-flex;align-items:center;margin-top:-6px;white-space:nowrap}
.mobnav a[aria-current="page"]{color:#006434;font-weight:500}
.mobnav .mobcta{margin-top:14px;align-self:flex-start;border-bottom:0;padding:10px 20px;font-size:17px}
@container (max-width:1100px){.navlinks .bnf{display:none}}
.mobnav .bnf{margin-right:.28em}
@container (max-width:1500px){.navlinks .bnf{display:none}}
@media (max-width:420px){.nav .navcta{height:36px;padding:0 14px;font-size:15px}}

/* 9. Header: Banner zu raus.life + „Business“ in Unica Light */
.promo.extbar,#frame.ov .promo.extbar{display:flex}
.promo.extbar[hidden]{display:none!important}
.navbiz{font-family:var(--sans);font-weight:300;font-size:clamp(22px,3.1cqi,44px);margin-top:.2em;letter-spacing:-.005em}
.navbiz{font-size:clamp(13px,1.45cqi,21px);margin-top:.55em;letter-spacing:0}
.navbiz{font-size:clamp(16px,2.1cqi,30px);margin-top:.4em}
@media (max-width:640px){.promo.extbar{flex-wrap:nowrap;justify-content:space-between;gap:10px;padding:8px 40px 8px 16px;text-align:left;min-height:0}.promo.extbar p{font-size:13.5px;line-height:1.25;flex:1 1 auto}.promo.extbar .promobtn{font-size:13.5px;height:30px;padding:0 10px;flex:none}.promo.extbar .promox{right:8px}}
@container (max-width:640px){.promo.extbar{flex-wrap:nowrap;justify-content:space-between;gap:10px;padding:8px 40px 8px 16px;text-align:left;min-height:0}.promo.extbar p{font-size:13.5px;line-height:1.25;flex:1 1 auto}.promo.extbar .promobtn{font-size:13.5px;height:30px;padding:0 10px;flex:none}.promo.extbar .promox{right:8px}}
@media (max-width:640px){.promo.extbar p{font-size:13px}.promo.extbar .promobtn{font-size:13px;height:auto;min-height:30px;padding:5px 11px;white-space:normal;line-height:1.2;text-align:center;max-width:46%}}
@container (max-width:640px){.promo.extbar p{font-size:13px}.promo.extbar .promobtn{font-size:13px;height:auto;min-height:30px;padding:5px 11px;white-space:normal;line-height:1.2;text-align:center;max-width:46%}}
@media (max-width:640px){.promo.extbar{display:block!important;padding:9px 40px 9px 16px;text-align:left;font-size:13.5px;line-height:1.35;color:var(--red)}.promo.extbar[hidden]{display:none!important}.promo.extbar p{display:inline;font-size:13.5px}.promo.extbar .promobtn{display:inline;background:none;color:var(--red);padding:0;height:auto;max-width:none;font-size:13.5px;font-weight:500;text-decoration:underline;text-underline-offset:2px;white-space:normal;margin-left:.25em}}
@container (max-width:640px){.promo.extbar{display:block!important;padding:9px 40px 9px 16px;text-align:left;font-size:13.5px;line-height:1.35;color:var(--red)}.promo.extbar[hidden]{display:none!important}.promo.extbar p{display:inline;font-size:13.5px}.promo.extbar .promobtn{display:inline;background:none;color:var(--red);padding:0;height:auto;max-width:none;font-size:13.5px;font-weight:500;text-decoration:underline;text-underline-offset:2px;white-space:normal;margin-left:.25em}}
.promo.extbar .pbs{display:none}
@media (max-width:640px){.promo.extbar{display:flex!important;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:14px;padding:12px 44px 12px 18px;text-align:left;line-height:1.3}.promo.extbar[hidden]{display:none!important}.promo.extbar p{display:block;font-size:16px;line-height:1.3;flex:1 1 auto}.promo.extbar .promobtn{display:inline-flex;align-items:center;background:var(--red);color:var(--white);text-decoration:none;font-weight:400;font-size:16px;height:38px;min-height:0;padding:0 14px;border-radius:12px;white-space:nowrap;max-width:none;margin:0;flex:none}.promo.extbar .promox{right:10px;color:var(--red);font-size:16px}.promo.extbar .pbl{display:none}.promo.extbar .pbs{display:inline}}
@container (max-width:640px){.promo.extbar{display:flex!important;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:14px;padding:12px 44px 12px 18px;text-align:left;line-height:1.3}.promo.extbar[hidden]{display:none!important}.promo.extbar p{display:block;font-size:16px;line-height:1.3;flex:1 1 auto}.promo.extbar .promobtn{display:inline-flex;align-items:center;background:var(--red);color:var(--white);text-decoration:none;font-weight:400;font-size:16px;height:38px;min-height:0;padding:0 14px;border-radius:12px;white-space:nowrap;max-width:none;margin:0;flex:none}.promo.extbar .promox{right:10px;color:var(--red);font-size:16px}.promo.extbar .pbl{display:none}.promo.extbar .pbs{display:inline}}
@media (max-width:760px){.sec.csfew .csg.csrow{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px}.sec.csfew .csrow>.cs{flex:0 0 86%;width:auto;scroll-snap-align:start}.sec.csfew .csrow[data-n="1"]>.cs{flex:0 0 100%}.sec.csfew .csrow[data-n="1"]>.cs:not(.itemdel){display:block}.sec.csfew .csrow[data-n="1"]>.cs .ltrack>.ph{min-height:0;aspect-ratio:4/3;height:auto}.sec.csfew .csrow .cs .ph{aspect-ratio:4/3}}
@container (max-width:760px){.sec.csfew .csg.csrow{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px}.sec.csfew .csrow>.cs{flex:0 0 86%;width:auto;scroll-snap-align:start}.sec.csfew .csrow[data-n="1"]>.cs{flex:0 0 100%}.sec.csfew .csrow[data-n="1"]>.cs:not(.itemdel){display:block}.sec.csfew .csrow[data-n="1"]>.cs .ltrack>.ph{min-height:0;aspect-ratio:4/3;height:auto}.sec.csfew .csrow .cs .ph{aspect-ratio:4/3}}
.csdots{display:flex;justify-content:center;gap:8px;margin-top:18px}.csdots[hidden]{display:none}.csdots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:var(--dark);opacity:.22;cursor:pointer;transition:width .25s,opacity .25s}.csdots button.on{width:22px;opacity:.85;background:var(--green)}
/* Großansicht: Creme statt Dunkel */
#lb{background:rgba(253,249,237,.97)}
#lb p,#lb .lbc{color:var(--dark)}
#lb .x,#lb .lbnav button{background:#fff;color:var(--dark);box-shadow:0 0 0 1px rgba(35,33,44,.14),0 4px 14px rgba(35,33,44,.08)}
#lb .lbnav button:hover{background:var(--yellow)}
/* Mobiles Menü wie auf raus.life: große Schrift, keine Linien, aktiver Punkt unterstrichen, Menü-Button als Rahmen */
.mobnav{padding:18px 16px 34px;gap:6px;border-bottom:0}
.mobnav a{font-size:34px;font-weight:300;line-height:1.2;letter-spacing:-.01em;padding:4px 0;border-bottom:0;align-self:flex-start;color:var(--dark)}
.mobnav a[aria-current="page"]{color:var(--dark);font-weight:300;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.mobnav .mobcta{display:none}
.burger{width:46px;height:46px;margin-top:0;padding:13px 11px;border:1.5px solid var(--dark);border-radius:16px;background:transparent;box-sizing:border-box;justify-content:space-between;position:relative}
.burger span{height:2px;transition:transform .2s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
header.nav .burger{border:1.5px solid var(--dark)!important;padding:13px 11px!important;border-radius:16px!important;width:46px!important;height:46px!important;box-sizing:border-box!important;background:transparent!important}
.mobnav a{font-size:28px}
/* Gutscheine: "Welcher Betrag passt?" – Anhänger-Karten */
.gamt .amg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.gamt .amc{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:52px 18px 20px;border-radius:0 0 var(--r-l,18px) var(--r-l,18px);background:#fff;color:var(--dark);clip-path:polygon(14% 0,86% 0,100% 9%,100% 100%,0 100%,0 9%);min-height:230px}
.gamt .amc-g{background:var(--green);color:var(--creme)}
.gamt .amc-y{background:var(--yellow,#FCBD1C);color:var(--pink,#B218A4)}
.gamt .amh{position:absolute;top:16px;left:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:var(--creme);box-shadow:inset 0 0 0 1px rgba(35,33,44,.12)}
.gamt .amh::before{content:"";position:absolute;left:50%;bottom:6px;width:1.5px;height:30px;margin-left:-.75px;background:rgba(35,33,44,.35)}
.gamt .amk{margin:0;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.gamt .amv{margin:4px 0 12px;font-family:var(--serif);font-weight:300;font-size:clamp(40px,4.4cqi,58px);line-height:1;color:var(--green)}
.gamt .amc-g .amv{color:var(--creme)}
.gamt .amc-y .amv{color:var(--pink,#B218A4)}
.gamt .amd{margin:0 0 16px;font-size:14.5px;line-height:1.45;flex:1}
.gamt .amsel{margin-top:auto;padding:0 0 2px;border:0;background:none;color:inherit;font:inherit;font-size:15px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer}
.gamt .amsel:hover{text-decoration-thickness:2px}
.gamt .amn{margin:22px 0 0;font-size:14px;opacity:.7}
@container (max-width:1000px){.gamt .amg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:520px){.gamt .amg{grid-template-columns:1fr}.gamt .amc{min-height:0}}
@media (max-width:1000px){.gamt .amg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.gamt .amg{grid-template-columns:1fr}.gamt .amc{min-height:0}}
/* Gutschein erklärt: Karte mit Schleife und Anhänger, Häkchenliste, Button */
.sec.gxpl2 .in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
.gxpl2 .gxgift{position:relative;width:min(340px,80%);margin:10px auto}
.gxpl2 .gxcard{position:relative;transform:rotate(-4deg);border-radius:18px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.28)}
.gxpl2 .gxcard img{display:block;width:100%;height:auto;aspect-ratio:760/1076;object-fit:cover}
.gxpl2 .gxrv{position:absolute;top:0;bottom:0;left:44%;width:9%;background:var(--yellow)}
.gxpl2 .gxrh{position:absolute;left:0;right:0;top:56%;height:6.5%;background:var(--yellow)}
.gxpl2 .gxbow{position:absolute;left:48.5%;top:59.2%;width:0;height:0}
.gxpl2 .gxbow i{position:absolute;top:-17px;width:46px;height:34px;border-radius:50%;background:var(--yellow);box-shadow:inset 0 0 0 2px rgba(0,0,0,.06)}
.gxpl2 .gxbow i:first-child{right:2px;transform:rotate(-10deg)}
.gxpl2 .gxbow i:last-child{left:2px;transform:rotate(10deg)}
.gxpl2 .gxtag{position:absolute;right:-8%;bottom:14%;transform:rotate(-8deg);background:var(--creme);color:var(--green);padding:12px 18px;border-radius:8px;font-family:var(--serif);font-style:italic;font-size:22px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.gxpl2 .gxchk{list-style:none;margin:22px 0 26px;padding:0;display:flex;flex-direction:column;gap:10px}
.gxpl2 .gxchk li{display:flex;align-items:center;gap:12px;font-size:16px}
.gxpl2 .gxci{flex:none;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,currentColor 16%,transparent);display:grid;place-items:center}
.gxpl2 .gxci svg{width:14px;height:14px}
@container (max-width:800px){.sec.gxpl2 .in{grid-template-columns:1fr}.gxpl2 .gxgift{width:min(260px,70%)}}
@media (max-width:800px){.sec.gxpl2 .in{grid-template-columns:1fr}.gxpl2 .gxgift{width:min(260px,70%)}}
/* Zwei Wege zum Gutschein: Schritte direkt in den Karten (ersetzt "Schritt für Schritt") */
.sec.retired{display:none!important}
.ways .wsteps{display:flex;flex-direction:column;gap:14px;margin:20px 0 24px;padding-top:18px;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent);width:100%}
.ways .wst{display:grid;grid-template-columns:30px 1fr;column-gap:12px;align-items:start}
.ways .wn{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:500;background:color-mix(in srgb,currentColor 10%,transparent)}
.ways .wstt{margin:3px 0 2px;font-weight:500;font-size:16px}
.ways .wstd{margin:0;font-size:14.5px;line-height:1.45;opacity:.78}
.ways .way{display:flex;flex-direction:column;align-items:flex-start}
.ways .way > a{margin-top:auto}
.gcsum .gcdisc b{font-weight:400;color:var(--green)}
.gcsum .gcpay{padding-top:8px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.gcsum .gcrow[hidden]{display:none}
.ways .stfl{margin-top:22px;padding:20px 22px;border-radius:20px;background:color-mix(in srgb,var(--green) 6%,transparent)}
.ways .stfh{margin:0 0 12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.ways .stfg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ways .stft{padding-left:12px;border-left:2px solid color-mix(in srgb,var(--green) 35%,transparent)}
.ways .stft:nth-child(n+2){border-left-color:var(--green)}
.ways .stfv{margin:0;font-weight:500;font-size:16px;color:var(--green)}
.ways .stfd{margin:2px 0 0;font-size:13.5px;line-height:1.4;opacity:.8}
.ways .stfn{margin:14px 0 0;font-size:13.5px;opacity:.7}
@container (max-width:900px){.ways .stfg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ways .stfg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gcsum .gcdisc b{color:inherit;opacity:.85}
/* Konfigurator-Zusammenfassung: ruhiger, Endpreis hervorgehoben */
.gcsum{gap:8px;padding:20px 22px}
.gcsum .gcrow span{font-size:15px;color:var(--s-mute,inherit)}
.gcsum .gcrow b{font-size:17px;font-weight:400}
.gcsum .gcrow.gcbig span,.gcsum .gcpay span{font-size:16px;font-weight:500;color:inherit}
.gcsum .gcrow.gcbig b,.gcsum .gcpay b{font-size:30px;font-weight:300}
.gcsum .gcpay{margin-top:4px;padding-top:10px}
.gcsum .gcbar{margin:10px 0 2px}
.gcsum .gchint{margin:10px 0 0;line-height:1.45}
.gcsum .gcsmall{margin:2px 0 6px;line-height:1.45}
/* Zwei Wege: Chips + horizontale Schritte; Staffel im Konfigurator */
.ways .way p[data-k$="-p"]{margin-bottom:0}
.ways .wchips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0}
.ways .wchips li{font-size:13.5px;line-height:1;padding:7px 12px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 25%,transparent)}
.ways .way-hi .wchips li:nth-child(n+3){background:var(--yellow);color:var(--pink);border-color:var(--yellow)}
.ways .wsteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:26px 0 28px;padding-top:0;border-top:0;position:relative}
.ways .wsteps::before{content:"";position:absolute;left:15px;right:calc(25% - 15px);top:15px;height:1px;background:color-mix(in srgb,currentColor 25%,transparent)}
.ways .wst{display:flex;flex-direction:column;gap:10px;padding-right:12px;position:relative}
.ways .wn{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;background:var(--s-bg,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 30%,transparent);font-size:13px}
.ways .way-hi .wn{background:var(--green);box-shadow:inset 0 0 0 1px rgba(253,249,237,.4)}
.ways .way:not(.way-hi) .wn{background:#fff}
.ways .wstt{margin:0;font-size:15px}
.ways .wstd{font-size:13px}
@container (max-width:760px){.ways .wsteps{grid-template-columns:1fr;gap:14px}.ways .wsteps::before{left:15px;right:auto;top:15px;bottom:15px;width:1px;height:auto}.ways .wst{flex-direction:row;align-items:flex-start;gap:12px}.ways .wst>div{padding-top:5px}}
@media (max-width:760px){.ways .wsteps{grid-template-columns:1fr;gap:14px}.ways .wsteps::before{left:15px;right:auto;top:15px;bottom:15px;width:1px;height:auto}.ways .wst{flex-direction:row;align-items:flex-start;gap:12px}.ways .wst>div{padding-top:5px}}
.gcsum .gclad{margin-top:4px}
.gcsum .gcladh{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.gcsum .gcladg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.gcsum .gct{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:12px;font-size:12.5px;line-height:1.25;background:color-mix(in srgb,currentColor 8%,transparent);opacity:.75;transition:background .2s,opacity .2s}
.gcsum .gct b{font-size:16px;font-weight:500}
.gcsum .gct.on{background:var(--yellow);color:var(--pink);opacity:1}
@container (max-width:520px){.gcsum .gcladg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.gcsum .gcladg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gcf .gcform + .gcsum{margin-top:14px}
/* Konfigurator verspielter: offene Eingaben, Preis als Ticket mit Lochrand, Staffel als Pfad */
.gcf .gcform{background:none;padding:0;gap:22px 26px;margin-top:30px;border-radius:0}
.gcf .gcform label{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;gap:8px}
.gcf .gcform input:not([type=range]):not([type=file]),.gcf .gcform select{background:transparent;border:0;border-bottom:1.5px dashed color-mix(in srgb,currentColor 45%,transparent);border-radius:0;padding:6px 0 8px;font-size:18px;letter-spacing:0;text-transform:none;color:inherit}
.gcf .gcform select option{color:#23212C}
.gcf .gcform input:focus,.gcf .gcform select:focus{outline:none;border-bottom-style:solid;border-bottom-color:var(--yellow)}
.gcf .gcform label.w:has(> input[type=range]) b{font-family:var(--serif);font-weight:300;font-size:38px;letter-spacing:0}
.gcf .gcform input[type=range]{-webkit-appearance:none;appearance:none;height:6px;border-radius:99px;background:color-mix(in srgb,currentColor 22%,transparent);margin-top:6px}
.gcf .gcform input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--yellow);border:3px solid var(--creme);box-shadow:0 4px 10px rgba(0,0,0,.25);cursor:grab}
.gcf .gcform input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--yellow);border:3px solid var(--creme);cursor:grab}
.gcf .gcform input[type=file]{border:1.5px dashed color-mix(in srgb,currentColor 45%,transparent)!important;border-radius:16px!important;background:transparent!important;font-size:14px;letter-spacing:0;text-transform:none}
.gcf .gcsum{position:relative;margin-top:34px!important;background:var(--creme);color:var(--dark);border-radius:22px;padding:26px 28px 24px;transform:rotate(-1.2deg);box-shadow:0 18px 40px rgba(0,0,0,.22);--s-mute:rgba(35,33,44,.62);--s-hd:var(--dark);--s-line:rgba(35,33,44,.12);--s-ac:var(--green)}
.gcf .gcsum::before{content:"Euer Angebot";position:absolute;top:-13px;left:24px;padding:5px 12px;border-radius:999px;background:var(--yellow);color:var(--pink);font-size:12px;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-2deg)}
html[lang="en"] .gcf .gcsum::before{content:"Your quote"}
.gcf .gcsum .gcrow span{color:var(--s-mute)}
.gcf .gcsum .gcrow b{color:var(--dark)}
.gcf .gcsum .gcdisc b{color:var(--green);opacity:1}
.gcf .gcsum .gcpay{position:relative;margin-top:8px;padding-top:16px;border-top:2px dashed rgba(35,33,44,.18)}
.gcf .gcsum .gcpay::before,.gcf .gcsum .gcpay::after{content:"";position:absolute;top:-13px;width:24px;height:24px;border-radius:50%;background:var(--green)}
.gcf .gcsum .gcpay::before{left:-40px}.gcf .gcsum .gcpay::after{right:-40px}
.gcf .gcsum .gcpay span,.gcf .gcsum .gcrow.gcbig span{color:var(--dark)}
.gcf .gcsum .gcpay b,.gcf .gcsum .gcrow.gcbig b{font-family:var(--serif);font-weight:300;font-size:46px;line-height:1;color:var(--green)}
.gcf .gcsum .gcbar{height:8px;background:rgba(35,33,44,.1);margin-top:14px}
.gcf .gcsum .gcbar i{background:var(--green)}
.gcf .gcsum .gcmark{color:var(--s-mute)}
.gcf .gcsum .gcladh{color:var(--s-mute);opacity:1}
.gcf .gcsum .gcladg{display:flex;justify-content:space-between;gap:6px;position:relative;padding-top:4px}
.gcf .gcsum .gcladg::before{content:"";position:absolute;left:8px;right:8px;top:12px;height:2px;background:repeating-linear-gradient(90deg,rgba(35,33,44,.25) 0 6px,transparent 6px 11px)}
.gcf .gcsum .gct{position:relative;background:none!important;padding:22px 0 0;border-radius:0;opacity:.55;color:var(--dark);font-size:12px;align-items:flex-start;flex:1}
.gcf .gcsum .gct:last-child{align-items:flex-end;text-align:right}
.gcf .gcsum .gct::before{content:"";position:absolute;top:2px;left:0;width:18px;height:18px;border-radius:50%;background:var(--creme);box-shadow:inset 0 0 0 2px rgba(35,33,44,.3)}
.gcf .gcsum .gct:last-child::before{left:auto;right:0}
.gcf .gcsum .gct b{font-size:15px}
.gcf .gcsum .gct.on{opacity:1;color:var(--pink)}
.gcf .gcsum .gct.on::before{background:var(--yellow);box-shadow:0 0 0 4px color-mix(in srgb,var(--yellow) 35%,transparent);animation:gcpop .35s ease}
@keyframes gcpop{0%{transform:scale(.6)}70%{transform:scale(1.2)}100%{transform:scale(1)}}
.gcf .gcsum .gchint{color:var(--dark)}
.gcf .gcsum .gcsmall{color:var(--s-mute)}
@container (max-width:520px){.gcf .gcsum{padding:24px 18px 20px}.gcf .gcsum .gcpay::before{left:-30px}.gcf .gcsum .gcpay::after{right:-30px}.gcf .gcsum .gcladg{display:flex}}
@media (max-width:520px){.gcf .gcsum{padding:24px 18px 20px}.gcf .gcsum .gcpay::before{left:-30px}.gcf .gcsum .gcpay::after{right:-30px}.gcf .gcsum .gcladg{display:flex}}
/* Zwei Wege: übersichtlicher und verspielter */
.sec.ways .wayg{gap:28px;align-items:stretch}
.ways .way{position:relative;overflow:visible;padding-top:34px}
.ways .way:not(.way-hi){transform:rotate(-.8deg)}
.ways .way-hi{transform:rotate(.8deg)}
.ways .wchips li:first-child{position:absolute;top:-16px;right:26px;padding:9px 16px;border:0;border-radius:999px;background:var(--yellow);color:var(--pink);font-size:15px;font-weight:500;transform:rotate(5deg);box-shadow:0 6px 14px rgba(0,0,0,.12)}
.ways .way-hi .wchips li:first-child{background:var(--creme);color:var(--green);transform:rotate(-5deg)}
.ways .way-hi .wchips li:nth-child(n+3){background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 35%,transparent)}
.ways .wchips{margin-top:14px}
.ways .wchips li{border-style:dashed}
.ways .wsteps{grid-template-columns:1fr!important;gap:12px!important;margin:24px 0 26px!important;padding-left:0}
.ways .wsteps::before{left:15px!important;right:auto!important;top:16px!important;bottom:16px!important;width:0!important;height:auto!important;background:none!important;border-left:2px dashed color-mix(in srgb,currentColor 28%,transparent)}
.ways .wst{flex-direction:row!important;align-items:center!important;gap:14px!important;padding:0!important}
.ways .wst>div{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;padding-top:0!important}
.ways .wn{flex:none;width:32px!important;height:32px!important;border-radius:50%!important;font-weight:500}
.ways .way:not(.way-hi) .wn{background:var(--yellow)!important;color:var(--pink);box-shadow:none!important}
.ways .way-hi .wn{background:var(--creme)!important;color:var(--green);box-shadow:none!important}
.ways .wstt{font-size:16px!important;margin:0!important}
.ways .wstd{font-size:14px!important;margin:0!important}
.ways .wstd::before{content:"– ";opacity:.6}
@container (max-width:760px){.ways .way,.ways .way-hi{transform:none}.ways .wst>div{display:block}.ways .wstd::before{content:none}}
@media (max-width:760px){.ways .way,.ways .way-hi{transform:none}.ways .wst>div{display:block}.ways .wstd::before{content:none}}
.ways .wst{align-items:flex-start!important}
.ways .wst>div{display:block!important;padding-top:4px!important}
.ways .wstd{margin-top:2px!important}
.ways .wstd::before{content:none!important}
.ways .wtog{display:inline-flex;align-items:center;gap:10px;margin:22px 0 4px;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:15px;font-weight:500;cursor:pointer;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:5px;text-decoration-thickness:1px}
.ways .wtog::after{content:"";width:22px;height:22px;border-radius:50%;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23B218A4%27 stroke-width=%272.4%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M7 10l5 5 5-5%27/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .25s}
.ways .way-hi .wtog::after{background-color:var(--creme);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23065936%27 stroke-width=%272.4%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M7 10l5 5 5-5%27/%3E%3C/svg%3E")}
.ways .way.open .wtog::after{transform:rotate(180deg)}
.ways .way:not(.open) .wsteps{display:none!important}
.ways .way .wsteps{margin-top:16px!important}
.ways .wtog{margin-bottom:24px}
.ways .way.open .wsteps{margin-bottom:24px!important}
.ways .way.open .wtog{margin-bottom:0}
/* Konfigurator kompakter */
.gcf .atags,.gcf .gcsum .gcbar,.gcf .gcsum .gcladh,.gcf .gcsum .gcsmall{display:none!important}
.gcf .gcform{margin-top:22px;gap:16px 22px}
.gcf .gcsum{margin-top:30px!important;padding:22px 24px 20px;gap:6px}
.gcf .gcsum .gcpay{margin-top:4px;padding-top:12px}
.gcf .gcsum .gcpay b,.gcf .gcsum .gcrow.gcbig b{font-size:40px}
.gcf .gcsum .gclad{margin-top:10px}
.gcf .gcsum .gchint{margin:8px 0 4px;font-size:14px}
.gcf .gcsum .gcpay::before,.gcf .gcsum .gcpay::after{background:var(--s-bg,var(--green))}
.audsec .iff{display:none!important}
/* Ein Gutschein, viele Anlässe: verspielter, passend zu Betrags-Karten und Zwei Wege */
.audsec .audsw{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:color-mix(in srgb,var(--green) 8%,transparent);margin-top:6px}
.audsec .audsw .aud{border:0!important;border-radius:999px!important;background:transparent!important;color:var(--dark)!important;padding:10px 20px!important;text-align:left;box-shadow:none!important}
.audsec .audsw .aud span{display:none}
.audsec .audsw .aud b{font-weight:500;font-size:15.5px}
.audsec .audsw .aud[aria-pressed="true"]{background:var(--green)!important;color:var(--creme)!important;box-shadow:0 6px 16px rgba(6,89,54,.25)!important}
.audsec .ifg{gap:20px!important;margin-top:30px}
.audsec .ifg .card{position:relative;background:#fff!important;border-radius:22px!important;padding:26px 22px 24px!important;box-shadow:0 10px 26px rgba(35,33,44,.07);transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;gap:10px}
.audsec .ifg .card:nth-child(odd){transform:rotate(-1.2deg)}
.audsec .ifg .card:nth-child(even){transform:rotate(1deg) translateY(6px)}
.audsec .ifg .card:hover{transform:rotate(0) translateY(-4px);box-shadow:0 16px 34px rgba(35,33,44,.12)}
.audsec .ifg .card .ic{width:48px!important;height:48px!important;border-radius:50%!important;background:var(--yellow)!important;color:var(--pink)!important;display:grid!important;place-items:center;margin:0 0 6px!important;float:none!important}
.audsec .ifg .card:nth-child(4n+2) .ic,.audsec .ifg .card:nth-child(4n+4) .ic{background:var(--green)!important;color:var(--creme)!important}
.audsec .ifg .card .ic svg{width:22px!important;height:22px!important}
.audsec .ifg .card .h3{margin:0!important;font-size:22px!important;line-height:1.15}
.audsec .ifg .card p{margin:0!important;font-size:14.5px;line-height:1.45;opacity:.8}
@container (max-width:760px){.audsec .ifg .card:nth-child(n){transform:none}}
@media (max-width:760px){.audsec .ifg .card:nth-child(n){transform:none}}
@container (max-width:640px){.audsec .audsw{display:flex;flex-wrap:nowrap!important;width:100%;border-radius:999px}.audsec .audsw .aud{flex:1 1 0!important;min-width:0!important;align-items:center!important;text-align:center!important;padding:10px 8px!important}.audsec .audsw .aud b{font-size:13.5px}}
@media (max-width:640px){.audsec .audsw{display:flex;flex-wrap:nowrap!important;width:100%;border-radius:999px}.audsec .audsw .aud{flex:1 1 0!important;min-width:0!important;align-items:center!important;text-align:center!important;padding:10px 8px!important}.audsec .audsw .aud b{font-size:13.5px}}
/* Icon-Karten seitenweit verspielt (wie "Ein Gutschein, viele Anlässe") */
.fmtg .card,.sec[data-t="features"] .grid>.card{position:relative;border-radius:22px!important;box-shadow:0 10px 26px rgba(35,33,44,.07);transition:transform .25s ease,box-shadow .25s ease}
.fmtg .card:nth-child(odd),.sec[data-t="features"] .grid>.card:nth-child(odd){transform:rotate(-1.2deg)}
.fmtg .card:nth-child(even),.sec[data-t="features"] .grid>.card:nth-child(even){transform:rotate(1deg) translateY(6px)}
.fmtg .card:hover,.sec[data-t="features"] .grid>.card:hover{transform:rotate(0) translateY(-4px);box-shadow:0 16px 34px rgba(35,33,44,.12)}
.fmtg .card .ic,.sec[data-t="features"] .grid>.card .ic{width:44px!important;height:44px!important;border-radius:50%!important;background:var(--yellow)!important;color:var(--pink)!important;display:grid!important;place-items:center}
.fmtg .card:nth-child(even) .ic,.sec[data-t="features"] .grid>.card:nth-child(even) .ic{background:var(--green)!important;color:var(--creme)!important}
.sc-gruen .fmtg .card:nth-child(even) .ic,.sc-gruen .sec[data-t="features"] .grid>.card:nth-child(even) .ic,.sc-gruen.sec .fmtg .card:nth-child(even) .ic{background:var(--creme)!important;color:var(--green)!important}
.fmtg .card .ic svg,.sec[data-t="features"] .grid>.card .ic svg{width:20px!important;height:20px!important}
.sc-gruen .fmtg .card,.sc-gruen.sec .fmtg .card{box-shadow:0 10px 26px rgba(0,0,0,.18)}
@container (max-width:760px){.fmtg .card:nth-child(n),.sec[data-t="features"] .grid>.card:nth-child(n){transform:none}}
@media (max-width:760px){.fmtg .card:nth-child(n),.sec[data-t="features"] .grid>.card:nth-child(n){transform:none}}
/* Einheitlicher, verspielter Stil über alle Seiten */
/* Karten allgemein: weichere Ecken, leichter Schatten, Hover hebt an */
.acard,.lodge,.cs,.sec[data-t="extras"] .carousel>.xcard{border-radius:22px!important;box-shadow:0 10px 26px rgba(35,33,44,.07);transition:transform .25s ease,box-shadow .25s ease}
.acard:hover,.lodge:hover,.cs:hover,.sec[data-t="extras"] .carousel>.xcard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(35,33,44,.12)}
.sc-gruen .acard,.sc-gruen .lodge,.sc-gruen .cs,.sc-gruen .xcard{box-shadow:0 10px 26px rgba(0,0,0,.18)}
/* Extras: Icons rund in Gelb/Grün */
.sec[data-t="extras"] .xcard .ic{width:40px!important;height:40px!important;border-radius:50%!important;background:var(--yellow)!important;color:var(--pink)!important;display:grid!important;place-items:center}
.sec[data-t="extras"] .xcard:nth-child(even) .ic{background:var(--green)!important;color:var(--creme)!important}
.sc-gruen.sec[data-t="extras"] .xcard:nth-child(even) .ic{background:var(--creme)!important;color:var(--green)!important}
/* Schritte: runde Nummern wie bei "Zwei Wege", gestrichelte Linie */
.sec[data-t="steps"] .step{border-top:2px dashed color-mix(in srgb,currentColor 22%,transparent)!important;padding-top:22px;position:relative}
.sec[data-t="steps"] .step .n{position:absolute;top:-19px;left:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;margin:0;font-family:var(--sans);font-size:15px;font-weight:500;background:var(--yellow);color:var(--pink)}
.sec[data-t="steps"] .step:nth-child(even) .n{background:var(--green);color:var(--creme)}
.sc-gruen.sec[data-t="steps"] .step:nth-child(even) .n{background:var(--creme);color:var(--green)}
.sec[data-t="steps"] .step .h3{margin-top:14px}
/* Zeitstrahl: Punkte in Gelb mit Ring */
.tl .dot{background:var(--yellow)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--yellow) 30%,transparent)}
/* Umschalter (Für wen? / Bestellweg) überall als Pille */
.sec .audsw{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:color-mix(in srgb,var(--green) 8%,transparent)}
.sec .audsw .aud{border:0!important;border-radius:999px!important;background:transparent!important;padding:10px 20px!important}
.sec .audsw .aud span{display:none}
.sec .audsw .aud[aria-pressed="true"]{background:var(--green)!important;color:var(--creme)!important;box-shadow:0 6px 16px rgba(6,89,54,.25)}
.sc-gruen .audsw{background:rgba(253,249,237,.12)}
.sc-gruen .audsw .aud[aria-pressed="true"]{background:var(--creme)!important;color:var(--green)!important}
.sec[data-t="audience"] .arow > .ph,.sec[data-t="audience"] .gtzp{border-radius:22px!important;overflow:hidden;box-shadow:0 14px 32px rgba(35,33,44,.10)}
/* Kundenstimmen verspielter: Postkarten mit großem Anführungszeichen, abwechselnde Farben, leicht gekippt */
.sec[data-t="feedback"] .grid{gap:26px!important;padding-top:10px}
.sec[data-t="feedback"] .quote{position:relative;border-radius:24px!important;padding:44px 26px 24px!important;background:#fff!important;box-shadow:0 12px 30px rgba(35,33,44,.08);transition:transform .25s ease,box-shadow .25s ease}
.sec[data-t="feedback"] .quote::before{content:"“";position:absolute;top:-18px;left:22px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--pink);font-family:var(--serif);font-size:46px;line-height:1;padding-top:14px;box-sizing:border-box}
.sec[data-t="feedback"] .quote:nth-child(3n+1){transform:rotate(-1.4deg)}
.sec[data-t="feedback"] .quote:nth-child(3n+2){transform:rotate(1deg) translateY(10px);background:var(--green)!important;color:var(--creme)}
.sec[data-t="feedback"] .quote:nth-child(3n+2)::before{background:var(--creme);color:var(--green)}
.sec[data-t="feedback"] .quote:nth-child(3n+2) .who small,.sec[data-t="feedback"] .quote:nth-child(3n+2) .who b{color:var(--creme)!important}
.sec[data-t="feedback"] .quote:nth-child(3n+3){transform:rotate(-.6deg) translateY(-4px)}
.sec[data-t="feedback"] .quote:hover{transform:rotate(0) translateY(-4px);box-shadow:0 18px 38px rgba(35,33,44,.14)}
.sec[data-t="feedback"] .quote .stars{position:absolute;top:16px;right:22px;color:var(--yellow)!important;font-size:15px;letter-spacing:2px}
.sec[data-t="feedback"] .quote q{font-size:18px;line-height:1.5}
.sec[data-t="feedback"] .quote .who{margin-top:18px;padding-top:14px;border-top:1.5px dashed color-mix(in srgb,currentColor 22%,transparent)}
@container (max-width:760px){.sec[data-t="feedback"] .quote:nth-child(n){transform:none}}
@media (max-width:760px){.sec[data-t="feedback"] .quote:nth-child(n){transform:none}}
/* Galerie: weichere Ecken */
.sec[data-t="galleryBento"] .ph,.sec[data-t="galleryBento"] .gi{border-radius:18px!important;overflow:hidden}
/* FAQ: Plus als runder Button */
.sec[data-t="faq"] summary::after,.sec[data-t="faq"] .qtog{border-radius:50%}
/* Ruhiger wie raus.life: keine Schräglage, keine großen Schatten; Bilder weniger rund */
.ways .way,.ways .way-hi,.gcf .gcsum,.audsec .ifg .card:nth-child(n),.fmtg .card:nth-child(n),.sec[data-t="features"] .grid>.card:nth-child(n),.sec[data-t="feedback"] .quote:nth-child(n){transform:none!important}
.ways .way,.gcf .gcsum,.audsec .ifg .card,.fmtg .card,.sec[data-t="features"] .grid>.card,.sec[data-t="feedback"] .quote,.acard,.lodge,.cs,.sec[data-t="extras"] .carousel>.xcard,.sc-gruen .acard,.sc-gruen .lodge,.sc-gruen .cs,.sc-gruen .xcard,.sc-gruen .fmtg .card{box-shadow:none!important}
.audsec .ifg .card:hover,.fmtg .card:hover,.sec[data-t="features"] .grid>.card:hover,.sec[data-t="feedback"] .quote:hover,.acard:hover,.lodge:hover,.cs:hover,.sec[data-t="extras"] .carousel>.xcard:hover{transform:translateY(-3px)!important;box-shadow:none!important}
.sec[data-t="galleryBento"] .ph,.sec[data-t="galleryBento"] .gi,.sec[data-t="audience"] .arow > .ph,.sec[data-t="audience"] .gtzp{border-radius:12px!important;box-shadow:none!important}
.sc-weiss.sec[data-t="feedback"] .quote:not(:nth-child(3n+2)),.sc-weiss .audsec .ifg .card,.sc-weiss.audsec .ifg .card,.sc-weiss .fmtg .card,.sc-weiss.sec .fmtg .card,.sc-weiss.ways .way:not(.way-hi){background:var(--creme)!important}
/* Konfigurator: Eingabefelder klar als Felder erkennbar */
.gcf .gcform label{font-size:13px!important;letter-spacing:0!important;text-transform:none!important;font-weight:500;color:inherit!important;opacity:.85}
.gcf .gcform input:not([type=range]):not([type=file]),.gcf .gcform select{background:#fff!important;color:var(--dark)!important;border:1.5px solid rgba(35,33,44,.16)!important;border-radius:14px!important;padding:12px 14px!important;font-size:17px!important;transition:border-color .15s,box-shadow .15s}
.gcf .gcform select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23065936' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px!important;padding-right:40px!important;cursor:pointer}
.gcf .gcform input:hover,.gcf .gcform select:hover{border-color:rgba(35,33,44,.32)!important}
.gcf .gcform input:focus,.gcf .gcform select:focus{outline:none;border-color:var(--yellow)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--yellow) 35%,transparent)}
.gcf .gcform input[type=file]{background:#fff!important;border:1.5px dashed rgba(35,33,44,.25)!important;color:var(--dark)}
.sc-gruen.gcf .gcform input[type=file]{color:var(--dark)}
.gcf .gcform label{opacity:1!important}
.sec[data-t="feedback"] .quote .stars{display:none!important}
.sec[data-t="feedback"] .quote{padding-top:40px!important}
/* Hero-Sticker rechts: Frist für Angebote */
.hero-ov .hsticker{position:absolute;right:clamp(20px,6cqi,90px);bottom:clamp(40px,10cqi,120px);z-index:3;width:clamp(130px,13cqi,172px);aspect-ratio:1;border-radius:50%;background:var(--yellow);color:var(--pink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:16px;text-decoration:none;font-size:clamp(14px,1.4cqi,17px);line-height:1.2;transform:rotate(-10deg);transition:transform .25s}
.hero-ov .hsticker b{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2.1cqi,27px);line-height:1.05}
.hero-ov .hsticker:hover{transform:rotate(-4deg) scale(1.04)}
@container (max-width:760px){.hero-ov .hsticker{top:18px;bottom:auto;right:16px;width:108px;font-size:12.5px;padding:10px}.hero-ov .hsticker b{font-size:18px}}
@media (max-width:760px){.hero-ov .hsticker{top:18px;bottom:auto;right:16px;width:108px;font-size:12.5px;padding:10px}.hero-ov .hsticker b{font-size:18px}}
@container (max-width:760px){.hero-ov .hsticker{display:none}}
@media (max-width:760px){.hero-ov .hsticker{display:none}}