/* Panorama Oberkirn – v3 „Abendlicht“ (Basis-Bausteine aus v2) */
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
:root{
 --forest:#0c1810;--forest-2:#13261a;--forest-3:#1c3624;--cream:#f3ecdc;--cream-2:#e6dcc4;--gold:#d8b45a;--gold-2:#a8842a;--gold-hair:rgba(216,180,90,.35);
 --coral:#c24d27;--coral-2:#a83d1c;--cta:#c24d27;--cta-2:#a83d1c;--cta-3:#8f3214;--cta-ring:#f3b08f;--ok:#2f6b2a;
 --ink:#14231a;--muted:#5b6459;--leaf-3:#1f3a24;
 --display:"Fraunces",Georgia,"Times New Roman",serif;--sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
 --ease:cubic-bezier(.16,1,.3,1);--gut:clamp(1.25rem,4vw,4.5rem);
 --x3d:0 1px 0 #d9cba4,0 2px 0 #c2b287,0 3px 0 #a7976c,0 4px 0 #8a7c55,0 5px 0 #6c6142,0 6px 1px rgba(0,0,0,.35),0 14px 28px rgba(0,0,0,.45);
 --x3d-g:0 1px 0 #b8953f,0 2px 0 #9f7f31,0 3px 0 #866a27,0 4px 0 #6c551e,0 5px 1px rgba(0,0,0,.35),0 14px 28px rgba(0,0,0,.45);
}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--forest);color:var(--cream);font:400 1.0625rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;line-height:1.02;letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere}
p{margin:0}
.sr,.fx-i18n{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fx-i18n{display:none}
.skip{position:fixed;left:1rem;top:-4rem;z-index:3000;background:var(--cream);color:var(--ink);padding:.6rem 1rem;border-radius:999px}
.skip:focus{top:1rem}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
::selection{background:var(--gold);color:var(--ink)}

/* ---------- Wald (fester Hintergrund, Tiefenebenen) ---------- */
.forest{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#09130c}
.fl{position:absolute;inset:-6%;will-change:transform}
.fl-back img,.fl-back video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fl-back video{opacity:0;transition:opacity 1.6s}
.fl-back video.on{opacity:1}
.fl-back::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,11,.62),rgba(8,18,11,.78) 60%,rgba(6,13,8,.9))}
.fl-mist{background:radial-gradient(120% 70% at 50% 110%,rgba(12,24,16,.95),transparent 60%),radial-gradient(80% 60% at 0% 0%,rgba(6,12,8,.7),transparent 60%)}
.fl-light{background:radial-gradient(45% 40% at 78% 12%,rgba(232,170,80,.22),transparent 70%);mix-blend-mode:screen}
.grain{position:fixed;inset:-50%;z-index:2400;pointer-events:none;background-image:var(--grain);opacity:.07;animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

/* ---------- Preloader ---------- */
.preloader{position:fixed;inset:0;z-index:2600;display:grid;place-items:center;align-content:center;gap:2rem;background:radial-gradient(70% 60% at 50% 45%,#16291c,#08110b);color:var(--cream)}
.rm .preloader,.no-js .preloader{display:none}
.pl-logo{position:relative;width:min(360px,64vw)}
.pl-logo img{width:100%;height:auto;opacity:.14}
.pl-fill{position:absolute;inset:0;background:linear-gradient(100deg,var(--cream) 30%,var(--gold) 70%,var(--cream));-webkit-mask:var(--logo) center/100% 100% no-repeat;mask:var(--logo) center/100% 100% no-repeat;clip-path:inset(0 calc(100% - var(--p,0%)) 0 0)}
.pl-count{font:400 italic clamp(1rem,1.6vw,1.2rem)/1 var(--display);letter-spacing:.08em;color:var(--gold);font-variant-numeric:tabular-nums}
.pl-line{width:min(360px,64vw);height:1px;background:rgba(243,236,220,.14);overflow:hidden}
.pl-line i{display:block;height:100%;width:var(--p,0%);background:var(--gold)}
.preloader.out{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s var(--ease)}

/* ---------- Cursor ---------- */
.cursor{display:none}
@media (hover:hover) and (pointer:fine){
 .js:not(.rm) .cursor{display:block;position:fixed;left:0;top:0;z-index:2500;pointer-events:none}
 .c-dot,.c-ring{position:fixed;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%)}
 .c-dot{width:6px;height:6px;background:var(--gold)}
 .c-ring{width:38px;height:38px;border:1px solid rgba(243,236,220,.55);display:grid;place-items:center;transition:width .35s var(--ease),height .35s var(--ease),background .35s,border-color .35s}
 .c-ring em{font:600 .62rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--ink);opacity:0;transition:opacity .2s}
 .cursor.is-link .c-ring{width:62px;height:62px;border-color:var(--gold);background:rgba(216,180,90,.12)}
 .cursor.is-label .c-ring{width:86px;height:86px;background:var(--cream);border-color:var(--cream)}
 .cursor.is-label .c-ring em{opacity:1}
 .cursor.is-down .c-ring{width:30px;height:30px}
 .cursor.is-hidden{opacity:0}
 .js:not(.rm) body,.js:not(.rm) a,.js:not(.rm) button{cursor:none}
 .js:not(.rm) input,.js:not(.rm) textarea,.js:not(.rm) select{cursor:text}
}

/* ---------- Header ---------- */
.top{position:fixed;inset:0 0 auto;z-index:1000;display:flex;align-items:center;gap:1.5rem;padding:1.1rem var(--gut);transition:background .5s,backdrop-filter .5s,padding .5s var(--ease),translate .6s var(--ease)}
.top.is-solid{background:rgba(9,19,12,.62);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);padding-block:.7rem;box-shadow:0 1px 0 rgba(216,180,90,.18)}
.top.is-away{translate:0 -110%}
.brand img{width:clamp(132px,13vw,176px);height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.top-nav{margin-inline:auto;display:flex;gap:.3rem}
.top-nav a{position:relative;padding:.5rem .85rem;text-decoration:none;font:600 .82rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(243,236,220,.82);transition:color .3s}
.top-nav a::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.2rem;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.top-nav a:hover,.top-nav a.on{color:var(--cream)}
.top-nav a:hover::after,.top-nav a.on::after{transform:scaleX(1);transform-origin:left}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(243,236,220,.35);background:rgba(9,19,12,.35);position:relative;color:var(--cream)}
.burger span:not(.sr){position:absolute;left:14px;right:14px;height:1.5px;background:currentColor;transition:transform .4s var(--ease)}
.burger span:nth-child(1){top:19px}.burger span:nth-child(2){top:26px}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:990;background:rgba(8,16,10,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;place-items:center}
.menu[hidden]{display:none}
.menu nav{display:grid;gap:.3rem;text-align:center;perspective:800px}
.menu a{font:600 clamp(2rem,8vw,3.4rem)/1.15 var(--display);text-decoration:none;color:var(--cream);text-shadow:var(--x3d);animation:menuin .7s var(--ease) backwards}
.menu a:nth-child(2){animation-delay:.04s}.menu a:nth-child(3){animation-delay:.08s}.menu a:nth-child(4){animation-delay:.12s}.menu a:nth-child(5){animation-delay:.16s}.menu a:nth-child(6){animation-delay:.2s}.menu a:nth-child(7){animation-delay:.24s}
@keyframes menuin{from{opacity:0;transform:translateY(40px) rotateX(-60deg)}}

/* ---------- Buttons / Mikro-Interaktionen ---------- */
.cta,.btn{--bg:var(--coral);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:52px;padding:0 1.5rem;border:0;border-radius:999px;cursor:pointer;
 font:800 .92rem/1 var(--sans);letter-spacing:.04em;text-decoration:none;color:#fff;overflow:hidden;isolation:isolate;
 background:linear-gradient(180deg,var(--coral),var(--coral-2));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 10px 14px -10px rgba(255,190,150,.35),0 1px 0 #7b2a10,0 3px 0 #7b2a10,0 14px 30px -8px rgba(194,77,39,.6);
 transform:translateY(0);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.cta::before,.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120px 120px at var(--mx,50%) var(--my,50%),rgba(255,220,160,.45),transparent 70%);opacity:0;transition:opacity .3s}
.cta:hover::before,.btn:hover::before{opacity:1}
.cta:hover,.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 0 #7b2a10,0 5px 0 #7b2a10,0 20px 36px -10px rgba(194,77,39,.7)}
.cta:active,.btn:active{transform:translateY(3px);box-shadow:inset 0 2px 6px rgba(0,0,0,.25),0 0 0 #7b2a10,0 6px 14px -6px rgba(194,77,39,.6);transition-duration:.08s}
.cta i{font-style:normal;display:inline-block;transition:transform .4s var(--ease)}
.cta:hover i{transform:translateX(4px)}
.cta-sm{min-height:44px;padding:0 1.15rem;font-size:.8rem}
.cta-ghost{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1px var(--gold)}
.cta-ghost:hover{box-shadow:inset 0 0 0 1px var(--gold),0 12px 30px -12px rgba(216,180,90,.5)}
.btn-small{min-height:42px;padding:0 1.1rem;font-size:.82rem}
.round-btn{width:42px;height:42px;border-radius:50%;border:1px solid #cfc7b3;background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:transform .2s,background .2s}
.round-btn:hover:not(:disabled){background:var(--cream)}
.round-btn:active{transform:scale(.9)}
.round-btn:disabled{opacity:.3}
.ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.45);transform:scale(0);animation:rip .6s var(--ease) forwards}
@keyframes rip{to{transform:scale(1);opacity:0}}

/* ---------- Kapitel-Leiste ---------- */
.rail{position:fixed;left:clamp(.8rem,1.6vw,1.6rem);top:50%;z-index:900;transform:translateY(-50%);display:flex;gap:.8rem;align-items:stretch;transition:opacity .5s}
.rail ol{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;font:600 .68rem/1 var(--sans);letter-spacing:.12em;color:rgba(243,236,220,.35)}
.rail li{transition:color .4s,transform .4s var(--ease)}
.rail li.on{color:var(--gold);transform:translateX(4px)}
.rail-bar{width:1px;background:rgba(243,236,220,.15)}
.rail-bar i{display:block;width:100%;height:var(--rp,0%);background:var(--gold)}

/* ---------- Gemeinsame Typo ---------- */
.kicker{display:inline-flex;align-items:center;gap:.8rem;font:600 .78rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.kicker .kn{font:400 italic 1rem/1 var(--display);letter-spacing:0;color:var(--cream);padding-right:.8rem;border-right:1px solid var(--gold-hair)}
.h3d{font-size:clamp(2.3rem,5.2vw,5rem);font-weight:600;color:var(--cream);text-shadow:var(--x3d)}
.lede{font-size:clamp(1rem,1.25vw,1.18rem);color:rgba(243,236,220,.82);max-width:34rem;line-height:1.65}
.w,.fw{display:inline-block;perspective:600px;vertical-align:top}
.w>span,.fw>span{display:inline-block;transform-origin:50% 100%}
[data-split] .sw{display:inline-block;perspective:700px}.dock{position:absolute;z-index:5;left:50%;bottom:4.5vh;transform:translateX(-50%);display:flex;align-items:center;gap:.25rem;padding:.4rem;border-radius:999px;background:rgba(243,236,220,.94);color:var(--ink);box-shadow:0 30px 70px -20px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.4) inset;width:min(760px,calc(100% - 2*var(--gut)))}
.dk{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.55rem 1.1rem;border:0;border-radius:999px;background:transparent;font:inherit;color:inherit;cursor:pointer;text-align:left;transition:background .25s,transform .2s}
.dk+.dk{border-left:1px solid rgba(20,35,26,.12)}
.dk:hover{background:rgba(20,35,26,.06)}
.dk:active{transform:scale(.97)}
.dk-l{font:800 .64rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.dk-v{font-size:.92rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dk-go{flex:none}
.scroll-hint{position:absolute;z-index:4;right:var(--gut);bottom:5vh;display:flex;flex-direction:column;align-items:center;gap:.6rem;font:600 .62rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:rgba(243,236,220,.6);writing-mode:vertical-rl}
.scroll-hint i{width:1px;height:56px;background:linear-gradient(var(--gold),transparent);animation:hint 2.2s var(--ease) infinite}
@keyframes hint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* ---------- 05 Stimmen ---------- */
.sc-stimmen{padding:clamp(6rem,14vh,10rem) 0 4rem}
.st-head{padding-inline:calc(var(--gut) + 3vw);display:grid;gap:1.4rem;margin-bottom:3rem}
.scores{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1rem;perspective:1000px}
.score{position:relative;display:grid;gap:.5rem;justify-items:start;padding:1.4rem 1.6rem 1.3rem;min-width:240px;border-radius:22px;text-decoration:none;color:var(--ink);background:linear-gradient(160deg,#fbf6ea,#e9dfc6);box-shadow:0 1px 0 #fff inset,0 2px 0 #cdbf9c,0 4px 0 #b4a47c,0 30px 50px -22px rgba(0,0,0,.75);transform-style:preserve-3d;transition:transform .5s var(--ease)}
.score strong{font:800 clamp(3rem,5vw,4.6rem)/.9 var(--display);letter-spacing:-.04em;color:var(--leaf-3);transform:translateZ(40px);text-shadow:0 1px 0 #c8b98f,0 2px 0 #b4a47c,0 3px 0 #9f8f66,0 10px 18px rgba(0,0,0,.2)}
.score>span:last-child{font-size:.85rem;color:var(--muted);transform:translateZ(20px)}
.score::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px 160px at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.55),transparent 60%);mix-blend-mode:soft-light}
.pl-card{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .8rem;border-radius:12px;background:#fff;box-shadow:0 1px 0 #e6e0d2,0 2px 0 #d3ccbb,0 3px 0 #bfb7a3,0 10px 18px -8px rgba(0,0,0,.4);transform:translateZ(30px)}
.pl-card img{height:var(--h,22px);width:auto}
.pl-sm{padding:.35rem .55rem;border-radius:9px}
.marquee{overflow:hidden;padding:1rem 0;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq{display:flex;gap:1.2rem;width:max-content;animation:mq 90s linear infinite}
.marquee[data-dir="-1"] .mq{animation-direction:reverse;animation-duration:110s}
.marquee:hover .mq{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.rv{margin:0;width:clamp(280px,28vw,380px);flex:none;display:flex;flex-direction:column;gap:.9rem;padding:1.3rem 1.4rem;border-radius:20px;background:rgba(243,236,220,.07);border:1px solid rgba(216,180,90,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .5s var(--ease),background .4s}
.rv:hover{transform:translateY(-6px) rotateX(4deg);background:rgba(243,236,220,.11)}
.rv-top{display:flex;justify-content:space-between;align-items:center}
.rv-score{font:600 1.5rem/1 var(--display);color:var(--gold)}
.rv-score small{font:600 .8rem var(--sans);color:rgba(243,236,220,.55)}
.rv blockquote{margin:0;font:400 1.02rem/1.55 var(--display);color:var(--cream);flex:1}
.rv figcaption{font-size:.8rem;letter-spacing:.04em;color:rgba(243,236,220,.6)}
.st-note{padding:1.4rem calc(var(--gut) + 3vw) 0;font-size:.78rem;color:rgba(243,236,220,.5)}

/* ---------- 06 Buchen ---------- */
.sc-book{padding:clamp(5rem,12vh,9rem) var(--gut) clamp(4rem,10vh,7rem) calc(var(--gut) + 3vw);background:linear-gradient(180deg,transparent,rgba(8,16,10,.75) 18%,rgba(8,16,10,.85))}
.bk-layout{max-width:1280px;margin:0 auto;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)!important;gap:clamp(2rem,5vw,5rem)!important}
.bk-layout>*{min-width:0}
.bk-info{display:grid;gap:1.4rem;align-content:start}
.tickets{list-style:none;margin:.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;perspective:1000px}
.tk{--n:12px;position:relative;display:grid;gap:.3rem;padding:1.1rem 1.1rem 1rem;border-radius:16px;color:var(--ink);background:linear-gradient(165deg,#fbf6ea,#eadfc4);
 -webkit-mask:radial-gradient(circle var(--n) at 0 62%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--n) at 100% 62%,#0000 98%,#000) right/51% 100% no-repeat;
 mask:radial-gradient(circle var(--n) at 0 62%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--n) at 100% 62%,#0000 98%,#000) right/51% 100% no-repeat;
 transition:transform .5s var(--ease)}
.tk::after{content:"";position:absolute;left:16px;right:16px;top:62%;border-top:1.5px dashed rgba(20,35,26,.22)}
.tk:hover{transform:translateY(-6px) rotateX(8deg)}
.tk-k{font:800 .66rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8a6a1c}
.tk-v{font:600 clamp(1.5rem,2.3vw,2.1rem)/1.05 var(--display);color:var(--leaf-3);padding-bottom:1.1rem}
.tk-s{font-size:.78rem;line-height:1.35;color:var(--muted);padding-top:.35rem}
.tk:nth-child(1),.tk:nth-child(2){background:linear-gradient(165deg,#f7e7bd,#e2c27a)}
.facts-mini{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.4rem;font-size:.9rem;color:rgba(243,236,220,.8)}
.facts-mini li{padding-left:1.1rem;position:relative}
.facts-mini li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.bk-card{padding:1.7rem!important;border-radius:26px!important;border:0!important;background:linear-gradient(170deg,#fffdf6,#f1e8d2)!important;color:var(--ink);
 box-shadow:0 1px 0 #fff inset,0 2px 0 #d7cbac,0 4px 0 #c0b18b,0 6px 0 #a8996f,0 50px 90px -30px rgba(0,0,0,.8)!important;transform-style:preserve-3d;transition:transform .6s var(--ease)}
.bk-card::before{content:"Direkt buchen";position:absolute;top:-.85rem;right:1.4rem;padding:.4rem .8rem;border-radius:999px;background:var(--gold);color:var(--ink);font:800 .64rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.bk-price strong{font:600 2.2rem/1 var(--display)!important;color:var(--leaf-3)!important;letter-spacing:-.02em}
.bk-fields{border:1px solid #c7bea8!important;border-radius:16px!important;background:#fff}
.bk-field{transition:background .2s,transform .15s!important}
.bk-field:active{transform:scale(.97)}
.bk-f-out{border-left:1px solid #c7bea8!important}.bk-f-g{border-top:1px solid #c7bea8!important}
.bk-cta{width:100%;font-size:1rem!important;min-height:56px!important}
.bk-coupon input{background:#fff}
.bk-pop{border-radius:24px!important;transform-origin:50% 0}
@keyframes popin{from{opacity:0;transform:perspective(900px) rotateX(-14deg) translateY(-10px) scale(.97)}to{opacity:1;transform:none}}
.cal-d{transition:transform .15s,background .2s}
.cal-d:active{transform:scale(.9)}
.bk-bar{background:rgba(251,246,234,.97)!important;color:var(--ink);box-shadow:0 -10px 40px rgba(0,0,0,.35)!important;transition:transform .5s var(--ease)}
.bk-bar .btn{min-height:46px}

@media (min-width:900px){.bk-card{top:7rem!important}}
/* ---------- 07 Firmen ---------- */
.sc-firmen{padding:2rem var(--gut) clamp(5rem,12vh,8rem) calc(var(--gut) + 3vw)}
.fi-card{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:center;padding:clamp(1.8rem,4vw,3.5rem);border-radius:30px;background:linear-gradient(140deg,rgba(28,54,36,.85),rgba(13,26,18,.85));border:1px solid rgba(216,180,90,.3);box-shadow:0 40px 80px -40px rgba(0,0,0,.8);transform-style:preserve-3d;transition:transform .6s var(--ease)}
.fi-card>div:first-child{display:grid;gap:1.1rem;justify-items:start}
.fi-card .h3d{font-size:clamp(2rem,3.6vw,3.4rem)}
.fi-card p{color:rgba(243,236,220,.78);max-width:36rem}
.tiers{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.tiers li{display:flex;justify-content:space-between;align-items:baseline;padding:.9rem 1.1rem;border-radius:14px;background:rgba(243,236,220,.06);border:1px solid rgba(216,180,90,.18);transform:translateZ(20px)}
.tiers strong{font:600 1.7rem/1 var(--display);color:var(--gold)}
.tiers-n{margin-top:.6rem;font-size:.78rem;color:rgba(243,236,220,.55)}

/* ---------- Footer ---------- */
.foot{position:relative;padding:clamp(4rem,10vh,7rem) var(--gut) 2rem calc(var(--gut) + 3vw);background:linear-gradient(180deg,rgba(6,12,8,.6),#060c08 40%);border-top:1px solid rgba(216,180,90,.15)}
.foot-logo{position:relative;width:min(560px,86vw);aspect-ratio:556/144;margin:0 auto 1.6rem}
.foot-logo img{width:100%;height:auto}
.foot-logo.is-3d img{opacity:0}
.foot-logo canvas{position:absolute;inset:0;width:100%!important;height:100%!important}
.modal-open body,.modal-open a,.modal-open button{cursor:auto!important}.modal-open .cursor{display:none!important}
.foot .foot-claim{text-align:center;font:400 italic clamp(1.6rem,3.4vw,3rem)/1.1 var(--display);color:var(--gold);margin-bottom:clamp(3rem,7vh,5rem)}
.foot-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(243,236,220,.1)}
.foot h3{font:800 .7rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.foot p{font-size:.92rem;line-height:1.75;color:rgba(243,236,220,.75)}
.foot a{text-decoration:none;transition:color .3s}
.foot a:hover{color:var(--gold)}
.pay{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem;perspective:600px}
.pay .pl-card{padding:.45rem .6rem;transform:none;transition:transform .35s var(--ease)}
.pay .pl-card:hover{transform:translateY(-4px) rotateX(16deg)}
.pay .pl-card img{height:18px}
.legal{max-width:1280px;margin:0 auto;padding-top:1.4rem;display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;font-size:.82rem;color:rgba(243,236,220,.55)}
.legal span{margin-left:auto}
/* =====================================================================
   v3 „Abendlicht“ – Szenen im Stil der Pool-Szene: Vollbild-Foto/Film, große 3D-Serif, Text darüber
   ===================================================================== */
[data-split] .sw>span{display:inline-block;transform-origin:50% 100% -30px}
.scene{position:relative}
.pin{position:relative}
.fl-back video{opacity:0;transition:opacity 1.6s}

/* ---------- Logo mit Tiefe, Licht, leiser Bewegung (Design unverändert) ---------- */
.logo-3d{position:relative;display:block;transform-style:preserve-3d;transition:transform .6s var(--ease)}
.logo-3d img{position:relative;width:clamp(132px,13vw,176px);height:auto;filter:drop-shadow(0 1px 0 rgba(168,132,42,.9)) drop-shadow(0 2px 0 rgba(120,92,30,.8)) drop-shadow(0 3px 0 rgba(70,52,16,.7)) drop-shadow(0 10px 14px rgba(0,0,0,.55))}
.lg-shine{opacity:.2;position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,244,214,.95) 48%,transparent 60%) no-repeat;background-size:250% 100%;background-position:150% 0;
 -webkit-mask:var(--logo) center/100% 100% no-repeat;mask:var(--logo) center/100% 100% no-repeat;animation:shine 7s 2.5s var(--ease) infinite;mix-blend-mode:screen}
@keyframes shine{0%,70%{background-position:150% 0}100%{background-position:-60% 0}}
.lg-depth{display:none}

/* ---------- Konto-Button (3D) ---------- */
.acct-btn{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:0 1rem 0 .45rem;border-radius:999px;border:0;cursor:pointer;font:700 .8rem/1 var(--sans);letter-spacing:.04em;color:var(--cream);
 background:linear-gradient(180deg,rgba(243,236,220,.16),rgba(243,236,220,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 0 1px rgba(216,180,90,.45),0 2px 0 rgba(0,0,0,.35),0 10px 24px -10px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s var(--ease),box-shadow .25s}
.acct-btn:hover{transform:translateY(-2px)}
.acct-btn:active{transform:translateY(2px);box-shadow:inset 0 2px 6px rgba(0,0,0,.35),inset 0 0 0 1px rgba(216,180,90,.45)}
.ab-ico{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:linear-gradient(160deg,#f6e3ae,var(--gold));box-shadow:inset 0 1px 0 #fff8,0 2px 0 #8a6a1c}
.linkish{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:none}
.linkish:hover{color:var(--gold)}

/* ---------- Sticky-Pins ---------- */
.js:not(.rm) .sc-hero{height:260vh}
.js:not(.rm) .sc-photo{height:210vh}
.js:not(.rm) .sc-hero>.pin,.js:not(.rm) .sc-photo>.pin,.js:not(.rm) .sc-innen>.pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}

/* ---------- 01 Hero ---------- */
.sc-hero>.pin{min-height:100svh;background:#050b07}
.hv{position:absolute;inset:0;overflow:hidden}
.hv-vid,.hv-img,.hv picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hv-vid{filter:saturate(1.15) contrast(1.05) brightness(1.08);transform:scale(1.08);transform-origin:50% 60%;object-position:50% 38%}
.hv-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 32% at 50% 47%,rgba(255,196,120,.55),transparent 70%),linear-gradient(90deg,rgba(255,170,90,.18),rgba(120,160,255,.12));mix-blend-mode:screen}
.hv-shade{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(5,11,7,.65)),linear-gradient(180deg,rgba(5,11,7,.35),transparent 30%,transparent 62%,rgba(5,11,7,.85));opacity:0}
/* Schrift-Fenster: dunkle Fläche multipliziert → nur die Buchstaben zeigen den Film */
.ko{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#060d08;mix-blend-mode:multiply;will-change:transform}
.ko-t{font:800 clamp(5rem,15.4vw,17.5rem)/.82 var(--display);letter-spacing:-.045em;color:#fff;text-align:center;white-space:nowrap;margin-top:-4vh;text-wrap:nowrap}
.ko-l2{font-style:italic;font-weight:400}
.ko-edge{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none;font:800 clamp(5rem,15.4vw,17.5rem)/.82 var(--display);letter-spacing:-.045em;text-align:center;white-space:nowrap;margin-top:-4vh;
 color:transparent;-webkit-text-stroke:1px rgba(232,200,120,.55);transform:translate(.06em,.05em);filter:drop-shadow(0 0 18px rgba(216,180,90,.25))}
.ko-edge .ko-l2{font-style:italic;font-weight:400}
.k-hero{position:absolute;z-index:4;left:var(--gut);top:max(16vh,7rem)}
.hero-sub{position:absolute;z-index:4;left:var(--gut);bottom:calc(4.5vh + 6.6rem);max-width:23rem;font-size:clamp(.95rem,1.1vw,1.06rem);color:rgba(243,236,220,.88);line-height:1.55}
.hero-film{position:absolute;z-index:5;right:var(--gut);bottom:calc(4.5vh + 6rem);display:flex;align-items:center;gap:1rem}
.hf-t{display:grid;gap:.2rem}.hf-t b{font:600 1.15rem/1 var(--display);color:var(--cream)}.hf-t small{font-size:.78rem;color:rgba(243,236,220,.6);letter-spacing:.04em}
.hero-meta{position:absolute;z-index:4;right:var(--gut);top:max(16vh,7rem);display:flex;gap:1.2rem;font:600 .68rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:rgba(243,236,220,.5)}
.scroll-hint{z-index:4}
/* Film-Knopf mit rotierendem Schriftkreis */
.film-btn{position:relative;width:104px;height:104px;border:0;border-radius:50%;padding:0;cursor:pointer;background:transparent;color:var(--ink);flex:none}
.film-btn .ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 18s linear infinite;font:700 8.6px var(--sans);letter-spacing:.24em;fill:var(--cream)}
.film-btn .fb-core{position:absolute;inset:22px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff6dc,#e9c46a 55%,#a8842a);box-shadow:inset 0 1px 0 #fff,0 3px 0 #7a5e1d,0 16px 30px -8px rgba(216,180,90,.6);transition:transform .35s var(--ease)}
.film-btn:hover .fb-core{transform:scale(1.1)}
.film-btn:active .fb-core{transform:scale(.94) translateY(2px);box-shadow:inset 0 1px 0 #fff,0 1px 0 #7a5e1d}
.film-btn::after{content:"";position:absolute;inset:22px;border-radius:50%;border:1px solid rgba(233,196,106,.7);animation:pulse 2.6s var(--ease) infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}

/* ---------- Foto-Szenen (Pool-Stil) ---------- */
.sc-photo>.pin{min-height:100svh;perspective:1400px}
.sf{position:absolute;inset:0;overflow:hidden;transform-origin:50% 60%;will-change:transform,clip-path;background:#07110a}
.sf picture,.sf .sf-img,.sf .sf-vid,.sf>.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sf-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,12,8,.55),transparent 28%,transparent 45%,rgba(6,12,8,.86)),linear-gradient(90deg,rgba(6,12,8,.55),transparent 55%)}
.sc-copy{position:absolute;z-index:3;display:grid;gap:1.1rem;max-width:min(44rem,84vw);justify-items:start}
.sc-copy.pos-bl{left:calc(var(--gut) + 3vw);bottom:12vh}
.sc-copy.pos-br{right:calc(var(--gut) + 2vw);bottom:12vh;justify-items:end;text-align:right}
.sc-copy.pos-br .lede{margin-left:auto}
.sc-copy.pos-center{left:50%;top:50%;transform:translate(-50%,-46%);justify-items:center;text-align:center;max-width:min(60rem,90vw)}
.sc-copy.pos-split{left:calc(var(--gut) + 3vw);right:var(--gut);bottom:9vh;max-width:none}
.sh{font-size:clamp(2.6rem,6.6vw,7rem);line-height:.98}
.sc-copy .lede{font-size:clamp(1rem,1.3vw,1.2rem)}
.sc-act{display:flex;align-items:center;gap:1rem;margin-top:.6rem}
.sc-note{font:400 italic 1.05rem/1.3 var(--display);color:rgba(243,236,220,.75)}
.ph{display:grid;place-items:center;background:radial-gradient(80% 80% at 50% 40%,#1c3624,#0b160e);color:rgba(243,236,220,.45);font:600 .72rem/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-align:center;padding:1rem}
.ph span{border:1px dashed rgba(216,180,90,.35);padding:.8rem 1rem;border-radius:12px}
/* Haus: Fakten als 3D-Karten */
.sc-haus .sf-shade{background:linear-gradient(180deg,rgba(6,12,8,.6),rgba(6,12,8,.25) 30%,rgba(6,12,8,.9) 78%)}
.sc-haus .sh{max-width:14ch}
.facts{list-style:none;margin:.8rem 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.6rem,1.1vw,1rem);perspective:900px;width:min(100%,1240px)}
.fc{position:relative;padding:1.2rem 1.1rem 1.1rem;border-radius:18px;background:linear-gradient(160deg,rgba(243,236,220,.14),rgba(243,236,220,.04));border:1px solid rgba(216,180,90,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;box-shadow:0 24px 40px -24px rgba(0,0,0,.8)}
.fc-n{display:block;font:600 clamp(2rem,3.2vw,3.3rem)/1 var(--display);color:var(--cream);text-shadow:var(--x3d);letter-spacing:-.03em;transform:translateZ(30px)}
.fc-n small{font:600 .85rem var(--sans);color:var(--gold);margin-left:.25rem;letter-spacing:0;text-shadow:none}
.fc-t{display:block;margin-top:.6rem;font-size:.84rem;line-height:1.4;color:rgba(243,236,220,.8)}
/* Kino: Leinwand-Format, das sich öffnet */
.sc-kino .sf{clip-path:inset(30% 6% 30% 6% round 6px)}
.sc-kino .sf-shade{background:radial-gradient(90% 80% at 50% 50%,rgba(6,12,8,.35),rgba(6,12,8,.85))}
.sc-kino .sc-copy{gap:1.2rem}
.sc-kino .sh{font-size:clamp(3rem,8.4vw,9rem)}
/* Abend: Lichterketten-Bokeh */
.bokeh{position:absolute;inset:0;z-index:2;pointer-events:none}
.bokeh i{position:absolute;width:var(--s,10px);height:var(--s,10px);border-radius:50%;background:radial-gradient(circle,rgba(255,214,140,.95),rgba(255,190,90,.25) 55%,transparent 70%);filter:blur(.5px);animation:tw var(--d,3s) ease-in-out infinite alternate}
@keyframes tw{from{opacity:.15;transform:scale(.7)}to{opacity:1;transform:scale(1.15)}}
/* Sauna: schwebendes Innenbild */
.inset{position:absolute;z-index:3;margin:0;right:calc(var(--gut) + 2vw);bottom:12vh;width:clamp(150px,16vw,250px);aspect-ratio:9/14;border-radius:18px;overflow:hidden;box-shadow:0 2px 0 rgba(216,180,90,.6),0 40px 70px -20px rgba(0,0,0,.85);transform:rotate(3deg)}
.inset picture,.inset img{width:100%;height:100%;object-fit:cover}
/* Winter: Schneefall */
.snowfx{position:absolute;inset:-10% 0 0;z-index:2;pointer-events:none}
.snowfx i{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(1.5px 1.5px at 90px 120px,#fff,transparent),radial-gradient(2.5px 2.5px at 160px 60px,#fff,transparent),radial-gradient(1.5px 1.5px at 230px 180px,#fff,transparent),radial-gradient(2px 2px at 300px 90px,#fff,transparent);background-size:320px 220px;opacity:.7;animation:snow 14s linear infinite}
.snowfx i:nth-child(2){background-size:220px 160px;opacity:.45;animation-duration:20s;filter:blur(1px)}
.snowfx i:nth-child(3){background-size:480px 320px;opacity:.85;animation-duration:10s}
@keyframes snow{from{transform:translateY(-220px)}to{transform:translateY(0)}}
.sc-winter .sf-shade{background:radial-gradient(90% 70% at 50% 50%,rgba(10,20,40,.25),rgba(6,12,20,.85))}

/* ---------- 04 Räume ---------- */
.sc-innen>.pin{display:flex;flex-direction:column;justify-content:center;gap:clamp(1.6rem,4vh,2.6rem);padding-top:5rem}
.innen-head{padding-inline:calc(var(--gut) + 3vw);display:grid;gap:1.1rem;justify-items:start}
.track{list-style:none;margin:0;padding:0 calc(var(--gut) + 3vw);display:flex;gap:clamp(1rem,2vw,2rem);width:max-content;perspective:1400px;will-change:transform}
.rm{width:clamp(260px,30vw,460px);flex:none}
.rm figure{margin:0;aspect-ratio:4/5;max-height:58vh;border-radius:22px;overflow:hidden;position:relative;box-shadow:0 30px 60px -30px rgba(0,0,0,.9);transform-style:preserve-3d}
.rm figure picture,.rm figure img,.rm figure .ph{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.rm:hover img{transform:scale(1.05)}
.rm-t{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;margin-top:1rem}
.rm-n{grid-row:span 2;font:400 italic 1.2rem/1 var(--display);color:var(--gold);padding-top:.25rem}
.rm h3{font-size:1.5rem}
.rm p{font-size:.92rem;color:rgba(243,236,220,.72)}
.rm-end{display:grid;place-items:center;width:clamp(220px,20vw,300px)}

/* ---------- Stimmen: Pinnwand-Hintergrund (falls Foto) ---------- */
.st-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;opacity:.28}
.st-bg picture,.st-bg img{width:100%;height:100%;object-fit:cover}
.sc-stimmen{overflow:hidden}

/* ---------- Firmen (Langzeit, ohne Preise) ---------- */
.sc-firmen{padding:2rem var(--gut) clamp(5rem,12vh,8rem) calc(var(--gut) + 3vw)}
.fi-card{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,4vw,4rem);align-items:start;padding:clamp(1.6rem,4vw,3.5rem);border-radius:30px;
 background:linear-gradient(140deg,rgba(28,54,36,.92),rgba(12,24,16,.94));border:1px solid rgba(216,180,90,.25);box-shadow:0 50px 90px -40px rgba(0,0,0,.9)}
.fi-copy{display:grid;gap:1.1rem;justify-items:start}
.fi-copy .h3d{font-size:clamp(2rem,3.6vw,3.4rem)}
.fi-copy p{color:rgba(243,236,220,.8);max-width:36rem}
.fi-quote{padding:1rem 1.2rem;border-left:2px solid var(--gold);background:rgba(216,180,90,.08);border-radius:0 14px 14px 0}
.fi-quote strong{color:var(--gold);font-weight:800}
.fi-pts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}
.fi-pts li{padding:.5rem .85rem;border-radius:999px;font-size:.8rem;border:1px solid rgba(216,180,90,.35);color:var(--cream)}
.fi-form,.acct-f{display:grid;gap:.8rem}
.ff-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.ff-row.ff-3{grid-template-columns:1fr 1fr 1fr}
.ff{display:grid;gap:.35rem;min-width:0}
.ff span{font:800 .64rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.ff input,.ff select,.ff textarea{width:100%;min-height:48px;padding:.7rem .9rem;border-radius:12px;border:1px solid rgba(243,236,220,.2);background:rgba(243,236,220,.07);color:var(--cream);font:400 1rem/1.3 var(--sans);transition:border-color .25s,background .25s}
.ff textarea{resize:vertical;min-height:84px}
.ff select option{color:#111}
.ff input:focus,.ff select:focus,.ff textarea:focus{outline:none;border-color:var(--gold);background:rgba(243,236,220,.11)}
.ff input[aria-invalid=true]{border-color:#e07a5f}
.ff-check{display:grid;grid-template-columns:22px 1fr;gap:.7rem;align-items:start;font-size:.84rem;line-height:1.45;color:rgba(243,236,220,.82)}
.ff-check input{width:20px;height:20px;margin:.1rem 0 0;accent-color:var(--gold)}
.ff-check a{color:var(--gold)}
.ff-check small{display:block;margin-top:.25rem;color:rgba(243,236,220,.6)}
.ff-small{font-size:.78rem;color:rgba(243,236,220,.55)}
.ff-ok{padding:.9rem 1rem;border-radius:12px;background:rgba(47,107,42,.25);border:1px solid rgba(120,190,110,.45);font-size:.9rem}
.ff-go{justify-self:start}

/* ---------- Film-Lightbox ---------- */
.lb{position:fixed;inset:0;z-index:2700;display:grid;place-items:center;align-content:center;gap:1rem;padding:4vh 4vw;background:rgba(3,7,4,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.lb[hidden]{display:none}
.lb-stage{width:min(1280px,92vw,calc(82vh*16/9));aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(216,180,90,.3),0 60px 120px -30px rgba(0,0,0,.9);animation:lbin .9s var(--ease)}
.lb-v{width:100%;height:100%;background:#000}
@media (max-width:700px) and (orientation:portrait){.lb-stage{width:min(92vw,calc(74vh*9/16));aspect-ratio:9/16}}
.lb-cap{font-size:.78rem;letter-spacing:.06em;color:rgba(243,236,220,.55);text-align:center}
.lb-x,.acct .bk-x{position:absolute;top:1rem;right:1rem;width:48px;height:48px;border-radius:50%;border:1px solid rgba(243,236,220,.35);background:rgba(243,236,220,.08);color:var(--cream);font-size:1.6rem;line-height:1;cursor:pointer}
@keyframes lbin{from{opacity:0;transform:perspective(1200px) rotateX(18deg) scale(.86) translateY(40px)}}

/* ---------- Konto-Modal ---------- */
.acct{position:fixed;inset:0;z-index:2650;display:grid;place-items:center;padding:1rem;background:rgba(3,7,4,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.acct[hidden]{display:none}
.acct-in{position:relative;width:min(480px,100%);max-height:calc(100svh - 2rem);overflow:auto;display:grid;gap:1rem;padding:2rem 1.6rem 1.6rem;border-radius:26px;background:linear-gradient(165deg,#173023,#0b160e);border:1px solid rgba(216,180,90,.3);box-shadow:0 60px 120px -40px #000;animation:lbin .7s var(--ease)}
.acct-h{font-size:2.2rem;text-shadow:var(--x3d)}
.acct-tabs{display:grid;grid-template-columns:1fr 1fr;padding:.3rem;border-radius:999px;background:rgba(243,236,220,.07)}
.acct-tabs button{min-height:42px;border:0;border-radius:999px;background:transparent;color:rgba(243,236,220,.7);font:700 .85rem var(--sans);cursor:pointer}
.acct-tabs button[aria-selected=true]{background:var(--cream);color:var(--ink);box-shadow:0 2px 0 #b4a47c}
.acct-f .cta{width:100%}
.acct-f[hidden]{display:none}
.acct-demo{font-size:.78rem;color:rgba(243,236,220,.6);padding-top:.4rem;border-top:1px solid rgba(243,236,220,.1)}
.acct-demo a,.ff-small a{color:var(--gold)}

/* ---------- Einwilligung ---------- */
.consent{position:fixed;z-index:2550;left:1rem;bottom:1rem;width:min(460px,calc(100% - 2rem));display:grid;gap:.8rem;padding:1.2rem 1.3rem;border-radius:20px;background:rgba(14,28,19,.97);border:1px solid rgba(216,180,90,.3);box-shadow:0 30px 70px -20px #000;font-size:.86rem;line-height:1.5;color:rgba(243,236,220,.85)}
.consent[hidden]{display:none}
.consent h2{font-size:1.25rem}
.consent a{color:var(--gold)}
.cs-opts{display:grid;gap:.5rem}
.cs-opts[hidden]{display:none}
.cs-opts label{display:flex;gap:.6rem;align-items:center}
.cs-opts small{color:rgba(243,236,220,.5);margin-left:auto}
.cs-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}
.cs-b{min-height:44px;border-radius:999px;border:1px solid rgba(243,236,220,.35);background:rgba(243,236,220,.06);color:var(--cream);font:700 .78rem var(--sans);cursor:pointer;padding:0 .6rem}
.cs-b:hover{border-color:var(--gold)}

/* ---------- Konto-Seite (Mock) ---------- */
.kt{max-width:1180px;margin:0 auto;padding:8rem var(--gut) 5rem;display:grid;gap:2rem}
.kt-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1.4rem}
.kt-card{padding:1.6rem;border-radius:22px;background:linear-gradient(160deg,rgba(243,236,220,.1),rgba(243,236,220,.03));border:1px solid rgba(216,180,90,.25);display:grid;gap:1rem;align-content:start}
.kt-card h2{font-size:1.5rem}
.kt-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.kt-list li{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-radius:14px;background:rgba(243,236,220,.06);font-size:.92rem}
.kt-badge{font:800 .62rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:.45rem .6rem;border-radius:999px;background:var(--gold);color:var(--ink);align-self:center;white-space:nowrap}
.kt-badge.mut{background:rgba(243,236,220,.15);color:var(--cream)}
.kt-vip{background:linear-gradient(150deg,#f7e7bd,#e2c27a);color:var(--ink)}
.kt-vip h2{color:var(--leaf-3)}

/* ---------- Responsiv ---------- */
@media (min-width:1800px){.ko-t,.ko-edge{font-size:min(15.4vw,19rem)}.sc-copy.pos-bl{bottom:14vh}}
@media (max-width:1100px){
 .top-nav{display:none}.burger{display:inline-block}.top .acct-btn{margin-left:auto}
 .rail{display:none}
 .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tickets{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sc-copy.pos-bl,.sc-copy.pos-split{left:var(--gut)}
 .innen-head,.track,.st-head,.st-note{padding-left:var(--gut)}
 .sc-book,.sc-firmen,.foot{padding-left:var(--gut)}
 .hero-meta{display:none}
}
@media (max-width:899px){
 .bk-layout{grid-template-columns:1fr!important}
 .fi-card{grid-template-columns:1fr}
 .foot-grid{grid-template-columns:1fr 1fr}
 .kt-grid{grid-template-columns:1fr}
}
/* Tablet hoch: Schrift-Fenster zweizeilig */
@media (max-width:1023px) and (min-width:760px) and (orientation:portrait){
 .ko-t,.ko-edge{white-space:normal;font-size:23vw;line-height:.84}
 .ko-l1,.ko-l2{display:block}
 .hero-sub{bottom:calc(4.5vh + 7rem)}
 .sc-copy.pos-bl,.sc-copy.pos-br{bottom:10vh}
}
/* Mobil: eigene Hero-Komposition (Hochkant-Film, Typo unten, kein Multiply) */
@media (max-width:759px){
 body{font-size:1rem}
 .top{padding:.8rem 1.1rem;gap:.6rem}
 .top .cta-sm{display:none}
 .acct-btn{padding:0 .45rem;min-height:44px}.acct-btn .ab-t{display:none}
 .logo-3d img{width:124px}
 .js:not(.rm) .sc-hero{height:190vh}
 .ko{mix-blend-mode:normal;background:transparent;place-items:end start;padding:0 1.1rem calc(7.2rem + env(safe-area-inset-bottom));inset:0}
 .ko-t{white-space:normal;text-align:left;margin:0;font-size:clamp(4rem,24vw,7.4rem);line-height:.84;color:var(--cream);text-shadow:var(--x3d)}
 .ko-l1,.ko-l2{display:block}
 .ko-l2{color:var(--gold);text-shadow:var(--x3d-g)}
 .ko-edge{display:none}
 .hv-shade{opacity:1;background:linear-gradient(180deg,rgba(5,11,7,.55),transparent 22%,transparent 40%,rgba(5,11,7,.92) 82%)}
 .hv-vid{transform:none}
 .hv-glow{display:none}
 .k-hero{top:66%!important}
 .k-hero{left:auto;right:-3.4rem;top:50%;transform:rotate(90deg);transform-origin:center;font-size:.6rem;letter-spacing:.24em}
 .k-hero .kn{display:none}
 .hero-sub{left:1.1rem;right:1.1rem;bottom:calc(4.6rem + env(safe-area-inset-bottom));max-width:none;font-size:.92rem}
 .hero-film{right:1rem;bottom:auto;top:calc(40svh - 52px)}
 .hero-film .hf-t{display:none}
 .film-btn{width:96px;height:96px}
 .dock,.scroll-hint{display:none}
 .js:not(.rm) .sc-photo{height:150vh}
 .sc-copy.pos-bl,.sc-copy.pos-br,.sc-copy.pos-split{left:1.1rem;right:1.1rem;bottom:calc(5.4rem + env(safe-area-inset-bottom));max-width:none;justify-items:start;text-align:left}
 .sc-copy.pos-br .lede{margin-left:0}
 .sc-copy.pos-center{left:1.1rem;right:1.1rem;transform:translateY(-50%);width:auto}
 .sh{font-size:clamp(2.4rem,11.5vw,3.6rem)}
 .sc-kino .sh{font-size:clamp(2.8rem,13vw,4rem)}
 .sc-copy .lede{font-size:.95rem}
 .facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
 .fc{padding:.7rem .6rem;border-radius:14px}
 .fc-n{font-size:1.5rem}.fc-n small{font-size:.7rem}.fc-t{font-size:.68rem;margin-top:.3rem}
 .sc-haus .sc-copy{gap:.7rem}
 .inset{width:112px;right:1.1rem;bottom:auto;top:6rem}
 .sc-kino .sf{clip-path:inset(24% 4% 34% 4% round 6px)}
 .js:not(.rm) .sc-innen>.pin{position:relative;height:auto;overflow:visible}
 .sc-innen>.pin{padding:5rem 0 2rem}
 .track{overflow-x:auto;scroll-snap-type:x mandatory;width:auto;padding:0 1.1rem 1rem;scrollbar-width:none;transform:none!important}
 .track::-webkit-scrollbar{display:none}
 .rm{width:76vw;scroll-snap-align:center}
 .rm-end{width:60vw}
 .innen-head,.st-head,.st-note{padding-inline:1.1rem}
 .scores{gap:.8rem}.score{min-width:0;flex:1 1 140px;padding:1.1rem}
 .rv{width:80vw}
 .tickets{gap:.6rem}.tk{padding:.9rem .85rem .8rem}
 .facts-mini{grid-template-columns:1fr}
 .sc-book{padding:4.5rem 1.1rem 3rem}
 .bk-card{padding:1.3rem!important}
 .sc-firmen{padding:1rem 1.1rem 4rem}
 .ff-row,.ff-row.ff-3{grid-template-columns:1fr}
 .foot{padding:4rem 1.1rem 6rem}
 .foot-grid{grid-template-columns:1fr 1fr;gap:1.6rem 1rem}
 .legal span{margin-left:0;width:100%}
 .consent{left:.6rem;right:.6rem;bottom:.6rem;width:auto}
 .cs-btns{grid-template-columns:1fr 1fr}.cs-b[data-cs-act=all]{grid-column:span 2;order:-1;background:var(--cream);color:var(--ink)}
}
/* Querformat-Telefon (844×390) */
@media (max-height:500px) and (orientation:landscape){
 .ko-t,.ko-edge{font-size:14vw;margin-top:0}
 .k-hero,.hero-meta{top:4.6rem}
 .hero-sub{display:none}
 .hero-film{display:none}
 .top{padding-block:.5rem}.logo-3d img{width:118px}
 .dock{display:none}.scroll-hint{display:none}
 .sh{font-size:clamp(2rem,6vw,3rem)}
 .sc-copy.pos-bl,.sc-copy.pos-br,.sc-copy.pos-split{bottom:1.6rem}
 .sc-copy .lede{display:none}
 .facts{display:none}
 .inset{display:none}
 .rm figure{max-height:52vh}
 .rm{width:30vw}
}
/* ---------- Reduzierte Bewegung ---------- */
.rm .grain{animation:none}
.rm .mq{animation:none}
.rm .marquee{overflow-x:auto}
.rm .ko{mix-blend-mode:normal;background:transparent}
.rm .ko-t{color:var(--cream);text-shadow:var(--x3d)}
.rm .hv-shade{opacity:1}
.rm .hv-glow{display:none}
.rm .ko-edge,.rm .bokeh,.rm .snowfx{display:none}
.rm .sc-hero>.pin,.rm .sc-photo>.pin{height:100svh;overflow:hidden}
.rm .sc-kino .sf{clip-path:none}
.rm .track{overflow-x:auto;width:auto}
.rm .film-btn .ring,.rm .film-btn::after,.rm .lg-shine{animation:none}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.kt-mock{justify-self:start;padding:.5rem .9rem;border-radius:999px;font-size:.78rem;background:rgba(216,180,90,.14);border:1px dashed rgba(216,180,90,.5);color:var(--gold)}
.kt .cs-b{padding:0 1rem}
.kt-vip p{color:#3b3420}
/* ---------- App installieren ---------- */
.pwa{position:fixed;z-index:2500;right:1rem;bottom:1rem;width:min(420px,calc(100% - 2rem));display:grid;grid-template-columns:48px 1fr auto auto;gap:.8rem;align-items:center;padding:.8rem .8rem .8rem 1rem;border-radius:20px;background:rgba(14,28,19,.97);border:1px solid rgba(216,180,90,.3);box-shadow:0 30px 70px -20px #000;animation:lbin .7s var(--ease)}
.pwa[hidden]{display:none}
.pwa img{border-radius:12px;box-shadow:0 2px 0 rgba(216,180,90,.5)}
.pwa-t{display:grid;gap:.15rem;font-size:.78rem;line-height:1.35;color:rgba(243,236,220,.7)}.pwa-t b{font:600 1rem/1.1 var(--display);color:var(--cream)}
.pwa-x{width:36px;height:36px;border-radius:50%;border:1px solid rgba(243,236,220,.25);background:transparent;color:var(--cream);font-size:1.2rem;cursor:pointer}
@media (max-width:759px){.pwa{left:.6rem;right:.6rem;width:auto;bottom:calc(5.2rem + env(safe-area-inset-bottom));grid-template-columns:40px 1fr auto}.pwa img{width:40px;height:40px}.pwa .cta{grid-column:2/4;justify-self:start}.pwa-x{grid-row:1;grid-column:3}}
.kt-stay{border-color:rgba(216,180,90,.6)}
.kt-code{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;align-items:center;padding:1rem 1.2rem;border-radius:16px;background:linear-gradient(160deg,#fbf6ea,#e9dfc6);color:var(--ink);box-shadow:0 2px 0 #b4a47c,0 20px 30px -20px #000}
.kt-code span{font:800 .64rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8a6a1c}
.kt-code b{grid-row:span 2;justify-self:end;font:600 2.4rem/1 var(--display);letter-spacing:.2em;color:var(--leaf-3)}
.kt-code small{font-size:.76rem;color:var(--muted)}

/* ---------- v3.1 Hochformat-Panels aus Murats Handy-Videos (Desktop: 3D-Karte · Hochformat-Mobil: Vollbild) ---------- */
.tall{--th:min(72vh,820px);position:absolute;z-index:2;margin:0;right:calc(var(--gut) + 3vw);top:50%;height:var(--th);aspect-ratio:9/16;border-radius:22px;overflow:hidden;
  translate:0 -48%;rotate:-2.5deg;transform-style:preserve-3d;background:#07110a;border:1px solid rgba(216,180,90,.42);
  box-shadow:0 2px 0 rgba(216,180,90,.55),0 0 0 8px rgba(243,236,220,.04),0 60px 90px -30px rgba(0,0,0,.9),0 20px 40px -20px rgba(0,0,0,.7)}
.tall-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tall::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 22%,transparent 70%,rgba(6,12,8,.55))}
.tall figcaption{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:.55rem;font:600 .68rem/1.2 Manrope,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#f3ecdc}
.tall-dot{width:7px;height:7px;border-radius:50%;background:#d8b45a;box-shadow:0 0 0 4px rgba(216,180,90,.25);animation:tdot 2.4s ease-in-out infinite}
@keyframes tdot{50%{box-shadow:0 0 0 8px rgba(216,180,90,0)}}
.sc-haus .tall{--th:min(58vh,700px);top:14vh;translate:none}
.sc-kino .tall{right:auto;left:calc(var(--gut) + 3vw);rotate:2.5deg}
.has-tall .sc-copy.pos-bl{max-width:min(44rem,calc(100vw - var(--th,72vh)*.5625 - var(--gut)*2 - 12vw))}
.sc-pool .sc-copy.pos-bl{--th:min(72vh,820px)}
.sc-haus .sc-copy.pos-split .h3d,.sc-haus .sc-copy.pos-split .lede{max-width:calc(100vw - min(58vh,700px)*.5625 - var(--gut)*2 - 12vw)}
.sc-kino .sc-copy.pos-center{max-width:min(46rem,calc(100vw - 2*(min(72vh,820px)*.5625 + var(--gut) + 5vw)))}
@media (max-width:1100px) and (min-aspect-ratio:3/4){.tall{--th:min(60vh,640px)}.sc-haus .tall{--th:min(50vh,560px)}}
/* Hochformat (Phone/Tablet hochkant): Panel wird zum Vollbild-Hintergrund der Szene */
@media (max-aspect-ratio:3/4){
 .has-tall .tall{inset:0;height:auto;width:auto;aspect-ratio:auto;border-radius:0;border:0;box-shadow:none;translate:none;rotate:none;transform:none!important;z-index:1;top:0}
 .has-tall .tall::after{background:linear-gradient(180deg,rgba(6,12,8,.55),transparent 22%,transparent 40%,rgba(6,12,8,.9) 82%)}
 .sc-kino.has-tall .tall::after{background:radial-gradient(120% 70% at 50% 50%,rgba(6,12,8,.55),rgba(6,12,8,.88))}
 .has-tall .tall figcaption{left:auto;right:1.1rem;top:5.4rem;bottom:auto;font-size:.6rem}
 .has-tall .sf video,.has-tall .sf picture{visibility:hidden}
 .has-tall .sc-copy.pos-bl,.sc-kino.has-tall .sc-copy.pos-center,.sc-haus .sc-copy.pos-split .h3d,.sc-haus .sc-copy.pos-split .lede{max-width:none}
}
@media (max-height:500px) and (orientation:landscape){.tall{--th:78vh}.sc-haus .tall{--th:64vh;top:20vh}.sc-kino .tall{display:none}.sc-kino .sc-copy.pos-center{max-width:90vw}}
@media (prefers-reduced-motion:reduce){.tall-dot{animation:none}}
@media (max-width:1279px) and (min-aspect-ratio:3/4){
 .sc-kino .tall{--th:min(60vh,640px)}
 .sc-kino .sc-copy.pos-center{left:auto;right:var(--gut);transform:translateY(-46%);max-width:calc(100vw - var(--gut)*2 - 7vw - min(60vh,640px)*.5625)}
}
@media (max-height:500px) and (orientation:landscape){
 .sc-copy.pos-bl,.sc-copy.pos-br,.sc-copy.pos-split{bottom:calc(5.2rem + env(safe-area-inset-bottom))}
 .sc-kino .sc-copy.pos-center{right:auto;left:50%;transform:translate(-50%,-40%);max-width:90vw}
 .tall figcaption{display:none}
 .sc-kino .sc-note{display:none}.sc-kino .sc-copy.pos-center{transform:translate(-50%,-56%)}
 .tall{--th:62vh;top:calc(50% + 1.2rem)}.sc-haus .tall{--th:54vh;top:22vh}
}
/* Kino: Text rechts neben dem Hochformat-Panel (alle Querformate ≥ 501px Höhe) */
@media (min-aspect-ratio:3/4) and (min-height:501px){
 .sc-kino{--pw:calc(min(72vh,820px)*.5625)}
 .sc-kino .sc-copy.pos-center{left:calc(var(--gut) + 3vw + var(--pw) + 3vw);right:var(--gut);transform:translateY(-46%);max-width:none}
}
@media (max-width:1279px) and (min-aspect-ratio:3/4) and (min-height:501px){.sc-kino{--pw:calc(min(60vh,640px)*.5625)}}

/* ---------- v3.2 Hero: Marke „Panorama Oberkirn“ + 3D-Logo + Ferienwohnung-Kicker + Jetzt buchen ---------- */
.ko-t,.ko-edge{font-size:clamp(3.4rem,10.4vw,15rem)}
@media (min-width:1800px){.ko-t,.ko-edge{font-size:min(10.4vw,15rem)}}
.hero-logo{position:absolute;z-index:4;left:50%;bottom:calc(50% + 4vh + 5.2vw);width:clamp(200px,21vw,440px);aspect-ratio:556/144;translate:-50% 0;pointer-events:auto}
.hero-logo img{width:100%;height:auto;filter:drop-shadow(0 1px 0 rgba(168,132,42,.9)) drop-shadow(0 3px 0 rgba(70,52,16,.7)) drop-shadow(0 14px 18px rgba(0,0,0,.6))}
.hero-logo.is-3d img{opacity:0}
.hero-logo canvas,.foot-logo canvas{position:absolute;inset:0;width:100%!important;height:100%!important;filter:drop-shadow(0 18px 22px rgba(0,0,0,.55)) drop-shadow(0 0 30px rgba(216,180,90,.18))}
.hero-tag{position:absolute;z-index:4;left:0;right:0;top:calc(50% - 4vh + 6.6vw);margin:0;display:flex;justify-content:center;align-items:center;gap:.9em;
  font:700 clamp(.85rem,1.25vw,1.55rem)/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--cream);perspective:600px;
  text-shadow:0 1px 0 #cdbf98,0 2px 0 #9d8f68,0 3px 1px rgba(0,0,0,.45),0 10px 22px rgba(0,0,0,.6)}
.hero-tag span{display:inline-block}
.hero-tag i{font-style:normal;color:var(--gold);text-shadow:0 0 12px rgba(216,180,90,.6);display:inline-block}
.k-hero{font-size:clamp(.72rem,.85vw,.9rem)}
.dk-price{flex:none;display:grid;gap:.1rem;padding:0 .9rem 0 1.1rem;border-left:1px solid rgba(20,35,26,.12);text-align:right}
.dk-price b{font:700 1.15rem/1 var(--display);color:var(--ink)}.dk-price small{font-size:.7rem;color:rgba(20,35,26,.6)}
.dk-go{font-size:1rem;padding-inline:1.6rem}
.dock{width:min(860px,calc(100% - 2*var(--gut)))}
@media (max-width:1023px) and (min-width:760px) and (orientation:portrait){
 .ko-t,.ko-edge{font-size:16vw}
 .hero-logo{width:34vw;bottom:calc(50% + 4vh + 16vw)}
 .dock{display:none}
 .hero-tag{top:calc(50% - 4vh + 19vw);font-size:1.15rem;letter-spacing:.24em}
}
@media (max-width:759px){
 .ko-t{font-size:17.4vw;line-height:.86}
 .ko{padding-bottom:calc(11.6rem + env(safe-area-inset-bottom))}
 .hero-logo{width:62vw;top:5.6rem;bottom:auto}
 .hero-tag{top:auto;left:1.1rem;right:1.1rem;bottom:calc(9.2rem + env(safe-area-inset-bottom));justify-content:flex-start;gap:.55em;font-size:.74rem;letter-spacing:.2em;flex-wrap:wrap}
 .hero-sub{left:1.1rem;right:1.1rem;max-width:none;bottom:calc(5.4rem + env(safe-area-inset-bottom));font-size:.88rem}
 .k-hero{left:1.1rem!important;right:1.1rem;top:auto!important;bottom:calc(11.6rem + env(safe-area-inset-bottom) + 2*.86*17.4vw + .7rem);transform:none!important;font-size:.64rem;letter-spacing:.12em;line-height:1.5;display:block}
}
@media (max-height:500px) and (orientation:landscape){
 .ko-t,.ko-edge{font-size:9.6vw}
 .hero-logo{width:24vw;bottom:calc(50% + 6.4vw)}
 .hero-tag{top:calc(50% + 6vw);font-size:.8rem}
}
/* Hero reduziert (Murat): nur 3D-Logo, Marke, Untertitel, Preis + Jetzt buchen */
.sc-hero .hero-meta,.sc-hero .hero-film,.sc-hero .k-hero{display:none!important}
.sc-hero .hero-sub{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:759px){.ko{padding-bottom:calc(8.6rem + env(safe-area-inset-bottom))}.hero-tag{bottom:calc(6.2rem + env(safe-area-inset-bottom))}}
/* ---------- v3.3 Hero NUR Logo (Murat): großes 3D-Logo als Mittelpunkt, darunter Untertitel, unten Preis + Jetzt buchen ---------- */
.sc-hero{--lw:clamp(320px,58vw,1240px);--ly:45%}
.sc-hero .hero-logo{width:var(--lw);top:calc(var(--ly) - var(--lw)*.1295);bottom:auto;left:calc(50% - var(--lw)/2);translate:none}
.sc-hero .hero-logo canvas{filter:drop-shadow(0 26px 30px rgba(0,0,0,.6)) drop-shadow(0 0 50px rgba(216,180,90,.22))}
.sc-hero .hero-tag{top:calc(var(--ly) + var(--lw)*.13 + clamp(1.2rem,2.6vw,3.4rem));bottom:auto;left:0;right:0;justify-content:center;font-size:clamp(.8rem,1.5vw,1.9rem);letter-spacing:.32em}
.sc-hero .hv-shade{opacity:1;background:radial-gradient(70% 55% at 50% 45%,rgba(5,11,7,.68),rgba(5,11,7,.42) 70%),linear-gradient(180deg,rgba(5,11,7,.45),transparent 30%,transparent 65%,rgba(5,11,7,.8))}
@media (max-width:1023px) and (min-width:760px) and (orientation:portrait){.sc-hero{--lw:80vw;--ly:42%}.sc-hero .hero-tag{font-size:1.15rem;letter-spacing:.24em}}
@media (max-width:759px){
 .sc-hero{--lw:98vw;--ly:44%}
 .sc-hero .hero-tag{left:1rem;right:1rem;justify-content:center;font-size:.74rem;letter-spacing:.2em;gap:.5em;flex-wrap:wrap;top:calc(var(--ly) + var(--lw)*.13 + 1.4rem)}
}
@media (max-height:500px) and (orientation:landscape){.sc-hero{--lw:50vw;--ly:46%}.sc-hero .hero-tag{font-size:.8rem;top:calc(var(--ly) + var(--lw)*.13 + 1rem)}}
/* v3.3 ruhiger Look: keine Lichtblitze/Glanz, dunklere Overlays über den (noch unscharfen) Video-Standbildern */
.hv-glow,.bokeh{display:none!important}
.hv-vid{filter:saturate(1.02) contrast(1.04) brightness(.92)}
.sf .sf-img,.sf .sf-vid{filter:brightness(.86) contrast(1.06) saturate(.96)}
.sf-shade{background:linear-gradient(180deg,rgba(6,12,8,.62),rgba(6,12,8,.28) 30%,rgba(6,12,8,.34) 50%,rgba(6,12,8,.9)),linear-gradient(90deg,rgba(6,12,8,.6),transparent 60%)!important}
.sc-kino .sf-shade{background:radial-gradient(90% 80% at 50% 50%,rgba(6,12,8,.5),rgba(6,12,8,.9))!important}
.sc-winter .sf-shade{background:radial-gradient(90% 70% at 50% 50%,rgba(10,20,40,.4),rgba(6,12,20,.9))!important}
.tall-v{filter:contrast(1.04) saturate(.98)}
.tall::after{background:linear-gradient(180deg,transparent 60%,rgba(6,12,8,.55))}
.tall-dot{animation:none;box-shadow:none}
.hero-tag i{text-shadow:none}
.hero-logo canvas,.foot-logo canvas,.sc-hero .hero-logo canvas{filter:drop-shadow(0 22px 26px rgba(0,0,0,.6))!important}

/* ---------- v3.4 Pass 5: Murats scharfe Fotos · wechselndes Hero · Karten in allen Szenen · PWA/Safe-Area ---------- */
.hv picture,.hv .hv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hv .hv-img{filter:none;transform-origin:50% 50%}
/* Logo-Zone je Foto: helle Tagbilder etwas dunkler abdecken, Nachtbilder kaum */
.sc-hero .hv-shade{opacity:1;background:radial-gradient(62% 46% at 50% 47%,rgba(5,11,7,.62),rgba(5,11,7,.30) 72%,rgba(5,11,7,.18)),linear-gradient(180deg,rgba(5,11,7,.50),transparent 26%,transparent 62%,rgba(5,11,7,.82))}
[data-hero=sonnenaufgang] .sc-hero .hv-shade,[data-hero=regenbogen] .sc-hero .hv-shade,[data-hero=pool] .sc-hero .hv-shade,[data-hero=winter] .sc-hero .hv-shade{background:radial-gradient(62% 46% at 50% 47%,rgba(5,11,7,.70),rgba(5,11,7,.42) 72%,rgba(5,11,7,.30)),linear-gradient(180deg,rgba(5,11,7,.55),transparent 26%,transparent 60%,rgba(5,11,7,.86))}
[data-hero=winter] .sc-hero .hv-img{filter:brightness(.9)}
.sf .sf-img{filter:brightness(.84) contrast(1.04)}
.sc-sauna .sf .sf-img,.sc-kino .sf .sf-img{filter:brightness(.78) contrast(1.04)}
.sc-photo .sf-shade{background:linear-gradient(180deg,rgba(5,11,7,.45),transparent 26%,transparent 50%,rgba(5,11,7,.86))}
/* Foto-Karten */
.tall picture{position:absolute;inset:0}
.tall-p .tall-v{filter:none}
.sc-abend .tall,.sc-sauna .tall,.sc-winter .tall{--th:min(66vh,760px)}
.sc-abend .sc-copy.pos-bl,.sc-sauna .sc-copy.pos-bl,.sc-winter .sc-copy.pos-bl{--th:min(66vh,760px)}
.sc-sauna .tall{rotate:2.5deg}
.sc-winter .snowfx{z-index:3}
/* Hochformat: Szenen-Foto bleibt Hintergrund, Karte wird kleine gekippte Karte oben rechts */
@media (max-aspect-ratio:3/4){
 .has-tall .tall{inset:auto;top:calc(5.4rem + env(safe-area-inset-top));right:1.1rem;left:auto;height:clamp(150px,27svh,360px);width:auto;aspect-ratio:9/16;border-radius:14px;border:1px solid rgba(216,180,90,.42);
   box-shadow:0 2px 0 rgba(216,180,90,.5),0 30px 50px -20px rgba(0,0,0,.85);translate:none;rotate:-3deg;z-index:2}
 .sc-kino.has-tall .tall,.sc-sauna.has-tall .tall{rotate:3deg}
 .has-tall .tall::after,.sc-kino.has-tall .tall::after{background:linear-gradient(180deg,transparent 60%,rgba(6,12,8,.45))}
 .has-tall .tall figcaption{display:none}
 .has-tall .sf video,.has-tall .sf picture{visibility:visible}
 .sc-haus .tall{top:calc(5.4rem + env(safe-area-inset-top));height:clamp(130px,22svh,300px)}
}
@media (min-width:700px) and (max-aspect-ratio:3/4){.has-tall .tall{right:var(--gut);height:clamp(220px,30svh,420px)}.sc-haus .tall{height:clamp(200px,24svh,340px)}}
/* Räume: Detailfotos (ohne Text) + Text-Karten für Räume ohne Foto */
.rm-d{width:clamp(200px,22vw,340px)}
.rm-d figure{aspect-ratio:3/4}
.rm-txt figure{display:flex;align-items:flex-end;padding:1.4rem;background:radial-gradient(120% 90% at 30% 20%,#1c2a1f,#0b140d);border:1px solid rgba(216,180,90,.28)}
.rm-big{font:italic 800 clamp(2.2rem,4vw,3.6rem)/1 Fraunces,Georgia,serif;color:rgba(243,236,220,.16);letter-spacing:-.02em}
.rm figure picture,.rm figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* PWA / Safe-Area (iPhone-Notch, Android-Gestenleiste, Querformat-Kamera) */
.top{padding-top:max(1.1rem,env(safe-area-inset-top));padding-left:max(var(--gut),env(safe-area-inset-left));padding-right:max(var(--gut),env(safe-area-inset-right))}
@media (max-width:760px){.top{padding-top:max(.8rem,env(safe-area-inset-top));padding-left:max(1.1rem,env(safe-area-inset-left));padding-right:max(1.1rem,env(safe-area-inset-right))}}
.sc-copy{margin-left:env(safe-area-inset-left)}
.bk-bar{padding-left:max(1rem,env(safe-area-inset-left))!important;padding-right:max(1rem,env(safe-area-inset-right))!important}
.js:not(.rm) .sc-hero>.pin,.js:not(.rm) .sc-photo>.pin,.js:not(.rm) .sc-innen>.pin{height:100svh;height:var(--vh100,100svh)}
@media (display-mode:standalone){
 html{overscroll-behavior-y:none}
 .pwa-hint,[data-pwa]{display:none!important}
 .top{background:linear-gradient(180deg,rgba(5,11,7,.55),transparent)}
}
[data-hero=regenbogen] .sc-hero .hv-shade{background:radial-gradient(56% 40% at 50% 46%,rgba(5,11,7,.55),rgba(5,11,7,.18) 75%,transparent),linear-gradient(180deg,rgba(5,11,7,.45),transparent 24%,transparent 66%,rgba(5,11,7,.8))}
[data-hero=regenbogen] .sc-hero .hv-img{filter:contrast(1.05) saturate(1.08)}
/* Hochformat Kino: Text unter die Karte, nicht in die Bildmitte */
@media (max-aspect-ratio:3/4){.sc-kino.has-tall .sc-copy.pos-center{top:auto;bottom:calc(5.6rem + env(safe-area-inset-bottom));transform:none!important;left:1.1rem;right:1.1rem;max-width:none;text-align:left}
 .sc-kino.has-tall .sc-act{justify-content:flex-start}}
@media (min-width:700px) and (max-aspect-ratio:3/4){.sc-kino.has-tall .sc-copy.pos-center{left:var(--gut);right:var(--gut);bottom:calc(6.5rem + env(safe-area-inset-bottom))}}
.top-nav a{white-space:nowrap}
@media (min-width:1000px) and (max-width:1280px){.top-nav{gap:0}.top-nav a{padding-inline:.55rem;letter-spacing:.1em}}
.ff-row>*{min-width:0}.ff-row input,.ff-row select{min-width:0;width:100%;box-sizing:border-box}
@media (min-width:760px) and (max-width:1200px){.fi-card .ff-row.ff-3{grid-template-columns:1fr 1fr}.fi-card .ff-row.ff-3>:first-child{grid-column:1/-1}}
/* Räume ohne Foto: keine leere Bildfläche, sondern ruhige Text-Zeile */
.rm-txt{width:clamp(220px,19vw,290px);align-self:center}
.rm-txt figure{display:none}
.rm-txt .rm-t{margin-top:0;padding-top:1.1rem;border-top:1px solid rgba(216,180,90,.45)}
.rm-txt h3{font-size:clamp(1.5rem,2.2vw,2.1rem)}

/* ===================== v3.5 Unterseiten (pages.py) – gleiche Palette, Schriften, Radien, Schatten wie Startseite ===================== */
:root{--r-card:22px;--r-sm:14px;--card-bg:linear-gradient(160deg,rgba(243,236,220,.12),rgba(243,236,220,.035));--card-bd:1px solid rgba(216,180,90,.28);
 --card-sh:inset 0 1px 0 rgba(255,255,255,.07),0 1px 0 rgba(0,0,0,.4),0 30px 50px -30px rgba(0,0,0,.85);--txt:rgba(243,236,220,.86);--txt-2:rgba(243,236,220,.7);
 --sec-y:clamp(3.5rem,9vh,7.5rem);--fs-body:clamp(1rem,.95rem + .2vw,1.1rem)}
.pg main{display:block}
/* Seitenkopf: Vollbild-Foto, 3D-Schlagzeile */
.pg-hero{position:relative;min-height:100vh;min-height:100svh;display:grid;align-items:end;padding:calc(7.5rem + env(safe-area-inset-top)) max(var(--gut),env(safe-area-inset-right)) clamp(3.2rem,9vh,6.5rem) max(var(--gut),env(safe-area-inset-left));overflow:hidden;isolation:isolate}
.ph-img{position:absolute;inset:0;z-index:-2;overflow:hidden}
.ph-img img{width:100%;height:100%;object-fit:cover;transform-origin:50% 60%}
.ph-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,12,8,.62) 0%,rgba(6,12,8,.12) 30%,rgba(6,12,8,.28) 55%,rgba(6,12,8,.9) 100%),radial-gradient(120% 80% at 0% 100%,rgba(6,12,8,.55),transparent 60%)}
.ph-copy{max-width:min(64rem,100%);display:grid;gap:clamp(.8rem,2vh,1.3rem);justify-items:start}
.pg-h1{font-size:clamp(2.5rem,min(7.4vw,12vh),6.6rem);line-height:.98}
.pg-h1 .h1-main{display:block}
.h1-sub{display:block;margin-top:.45em;font:400 italic clamp(1.1rem,min(2.2vw,4vh),1.85rem)/1.3 var(--display);letter-spacing:0;color:var(--gold);text-shadow:0 2px 14px rgba(0,0,0,.6)}
.ph-copy .lede{max-width:44rem;font-size:clamp(1rem,1.05rem + .25vw,1.25rem);color:rgba(243,236,220,.92);text-shadow:0 1px 10px rgba(0,0,0,.55)}
.pg-acts{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}
.ph-down{position:absolute;right:max(var(--gut),env(safe-area-inset-right));bottom:clamp(1.4rem,4vh,2.6rem);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(243,236,220,.4);color:var(--cream);text-decoration:none;font-size:1.1rem;background:rgba(9,19,12,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:phd 2.4s var(--ease) infinite}
@keyframes phd{50%{transform:translateY(6px)}}
.pg-hero.short{min-height:min(100svh,52rem)}
/* Abschnitte */
.pg-sec{position:relative;padding:var(--sec-y) max(var(--gut),env(safe-area-inset-right)) var(--sec-y) max(var(--gut),env(safe-area-inset-left));background:linear-gradient(180deg,rgba(7,14,9,.86),rgba(7,14,9,.93))}
.pg-sec.alt{background:linear-gradient(180deg,rgba(13,26,17,.9),rgba(10,20,13,.95));border-top:1px solid rgba(216,180,90,.12);border-bottom:1px solid rgba(216,180,90,.12)}
.pg-in{max-width:1240px;margin:0 auto;min-width:0}
.pg-sec :is(p,li,dd):where(:not(.bk-card *,.bk-pop *,.bk-bar *)){font-size:var(--fs-body);line-height:1.65;color:var(--txt)}
.pg-sec a:not(.cta):not(.o-btn-platform):not(.o-score):not(.o-award-card):not(.o-gal-item):where(:not(.bk-card *,.bk-pop *,.bk-bar *)){color:var(--gold);text-underline-offset:3px}
.pg-sec a:not(.cta):hover{color:#f0d58e}
.pg-sec strong:where(:not(.bk-card *,.bk-pop *,.bk-bar *)){color:var(--cream)}
.pg-sec .kicker{margin-bottom:.9rem}
.o-h2{font-size:clamp(2rem,1.3rem + 3vw,4rem);margin-bottom:clamp(1rem,2.4vh,1.6rem)}
.o-h2 em,.pg-band h2 em{font-style:italic;font-weight:400;color:var(--gold)}
.o-h3,.pg-sec h3:where(:not(.bk-card *,.bk-pop *,.bk-bar *)){font:600 clamp(1.25rem,1.05rem + .8vw,1.65rem)/1.15 var(--display);color:var(--cream);margin:0 0 .65rem}
.o-section-head{max-width:54rem;margin-bottom:clamp(1.8rem,4.5vh,3.2rem)}
.o-section-head.o-center,.o-center{text-align:center;margin-inline:auto}
.o-section-head>p:not(.kicker){margin-top:.2rem;max-width:46rem}
.o-section-head.o-center>p{margin-inline:auto}
.o-small{font-size:clamp(.86rem,.84rem + .1vw,.94rem)!important;color:var(--txt-2)!important;margin-top:1.2rem;max-width:62rem}
.o-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(1.6rem,4.5vw,4.5rem);align-items:center}
.o-split.o-split-top{align-items:start}
.o-split-text{display:grid;gap:1rem;align-content:start;min-width:0}
.o-split-text>.o-h2{margin-bottom:.2rem}
/* 3D-Karten (ein Stil für alle Seiten) */
.pc,.o-facts-card,.o-trio-item,.o-room,.o-am-group,.o-info,.o-season-card,.o-review-card,.o-contact-card,.o-steps>li,.o-tier,.kt-card,.o-band-card{position:relative;padding:clamp(1.15rem,.9rem + 1.2vw,1.9rem);border-radius:var(--r-card);background:var(--card-bg);border:var(--card-bd);box-shadow:var(--card-sh);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;transition:transform .6s var(--ease),box-shadow .6s var(--ease);min-width:0}
[data-tilt].pc:hover,.o-trio-item:hover,.o-room:hover,.o-info:hover,.o-season-card:hover,.o-am-group:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 1px 0 rgba(0,0,0,.4),0 40px 60px -30px rgba(0,0,0,.9),0 0 0 1px rgba(216,180,90,.45)}
.o-facts-card{background:linear-gradient(160deg,#fbf6ea,#e9dfc6);border:0;box-shadow:0 2px 0 #cbbd97,0 4px 0 #b4a47c,0 6px 0 #8f8160,0 34px 50px -26px #000;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}
.o-facts-card .o-h3,.o-facts-card h2,.o-facts-card h3{color:var(--leaf-3)}
.o-facts-card p,.o-facts-card li,.o-facts-card dd{color:#2c3a2f}
.o-facts-card .o-small{color:#4f584d!important}
.o-facts-card a{color:#6e5210!important}
.o-facts-card strong{color:var(--ink)}
.o-facts{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.2rem;margin:.4rem 0 0}
.o-facts dt{font:800 .68rem/1.9 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#7a5c14}
.o-facts dd{margin:0;font-size:.98rem!important;line-height:1.5!important}
.o-checks,.o-dist{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.o-checks li{position:relative;padding-left:1.75rem}
.o-checks li::before{content:"";position:absolute;left:.1rem;top:.42em;width:.85rem;height:.45rem;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.o-facts-card .o-checks li::before{border-color:#8a6a1c}
.o-dist li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px dashed rgba(216,180,90,.25)}
.o-dist li span:last-child{color:var(--gold);white-space:nowrap;font-weight:600}
.o-trio,.o-rooms,.o-am-grid,.o-info-grid,.o-season-grid,.o-tiers,.o-review-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(17.5rem,30%)),1fr));gap:clamp(.9rem,1.8vw,1.5rem);perspective:1400px}
.o-am-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(19rem,30%)),1fr))}
.o-room{display:grid;gap:.6rem;align-content:start}
.o-room-img,.pc-fig{margin:calc(-1*clamp(1.15rem,.9rem + 1.2vw,1.9rem)) calc(-1*clamp(1.15rem,.9rem + 1.2vw,1.9rem)) .5rem;border-radius:var(--r-card) var(--r-card) 0 0;overflow:hidden;aspect-ratio:4/3;background:#0b150e}
.o-room-img img,.pc-fig img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.o-room:hover .o-room-img img{transform:scale(1.05)}
.o-am-group h3{font-size:1.2rem!important}
.o-am-group .o-checks li{font-size:.95rem}
.o-split-media{margin:0;border-radius:var(--r-card);overflow:hidden;box-shadow:0 2px 0 rgba(216,180,90,.35),0 40px 60px -30px #000;transform:perspective(1200px) rotateY(-6deg);transition:transform .8s var(--ease);background:#0b150e;max-height:80vh}
.o-split-media:hover{transform:perspective(1200px) rotateY(0)}
.o-split-media img{width:100%;height:100%;max-height:80vh;object-fit:cover}
.o-split-media figcaption,.pg-gal figcaption{padding:.7rem 1rem;font-size:.86rem;color:var(--txt-2);background:rgba(7,14,9,.9)}
.o-btn-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.4rem}
.o-addr{font-style:normal;font-size:1.1rem;line-height:1.6;color:var(--cream);padding:1rem 1.2rem;border-left:2px solid var(--gold);background:rgba(243,236,220,.05);border-radius:0 var(--r-sm) var(--r-sm) 0}
/* Saison-/Preiskarten, Nebenkosten-Liste, Schritte */
.o-season-card{display:grid;gap:.35rem}
.o-sc-k{font:800 .68rem/1.2 var(--sans)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)!important}
.o-sc-v{font:600 clamp(1.7rem,1.3rem + 1.4vw,2.4rem)/1.05 var(--display)!important;color:var(--cream)!important}
.o-sc-s{font-size:.9rem!important;color:var(--txt-2)!important}
.o-bk-facts{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:.5rem 1.6rem}
.o-bk-facts li{position:relative;padding-left:1.1rem}.o-bk-facts li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.o-menu-list{list-style:none;margin:clamp(1.6rem,4vh,2.4rem) 0 0;padding:0;display:grid;gap:.4rem;max-width:62rem}
.o-menu-list>li{padding:.9rem 0;border-bottom:1px solid rgba(243,236,220,.1)}
.o-ml-row{display:flex;align-items:baseline;gap:.8rem}
.o-ml-name{font:600 clamp(1.1rem,1rem + .4vw,1.3rem)/1.2 var(--display);color:var(--cream)}
.o-ml-dots{flex:1;border-bottom:1.5px dotted rgba(216,180,90,.45);min-width:1.5rem;transform:translateY(-.3em)}
.o-ml-price{font-weight:800;color:var(--gold);text-align:right}
.o-ml-note{font-size:.9rem!important;color:var(--txt-2)!important;margin-top:.25rem}
.o-ml-bonus{color:#f0d58e!important}
.o-steps{list-style:none;counter-reset:st;margin:0 0 clamp(2rem,5vh,3rem);padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:clamp(.9rem,1.8vw,1.5rem);perspective:1400px}
.o-steps>li{counter-increment:st;padding-top:3.6rem}
.o-steps>li::before{content:counter(st,decimal-leading-zero);position:absolute;top:1rem;left:clamp(1.15rem,.9rem + 1.2vw,1.9rem);font:600 2rem/1 var(--display);color:var(--gold);text-shadow:var(--x3d-g)}
.o-direct-note{font-weight:800;color:var(--gold)!important}
.o-pay-row{display:grid;gap:.6rem}.o-pay-row-label{font:800 .68rem/1 var(--sans)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)!important}
.o-pay-list,.o-platform-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}
.o-logo-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:12px;background:#fff;color:#1a1a1a;box-shadow:0 1px 0 #e6e0d2,0 2px 0 #d3ccbb,0 3px 0 #bfb7a3,0 10px 18px -8px rgba(0,0,0,.4)}
.o-logo-badge img{height:18px;width:auto}
.o-pay-group{display:inline-flex;gap:.55rem}
.o-pay-word{font:800 .78rem/1 var(--sans);color:#1a1a1a}
.o-btn-platform{display:inline-flex;align-items:center;gap:.7rem;padding:.4rem .9rem .4rem .4rem;border-radius:999px;border:1px solid rgba(216,180,90,.5);text-decoration:none;color:var(--cream);transition:transform .4s var(--ease),border-color .3s}
.o-btn-platform:hover{transform:translateY(-2px);border-color:var(--gold)}
.o-btn-platform-go{font:800 .74rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
/* Frühbucher-Banner */
.o-bonus-banner{position:relative;margin:clamp(1.4rem,4vh,2.4rem) 0;border-radius:var(--r-card);overflow:hidden;isolation:isolate;min-height:clamp(15rem,32vw,22rem);display:grid;align-items:end;box-shadow:0 2px 0 #b8953f,0 4px 0 #866a27,0 40px 60px -30px #000}
.o-bonus-media{position:absolute;inset:0;z-index:-1}
.o-bonus-media img{width:100%;height:100%;object-fit:cover}
.o-bonus-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,8,.9) 0%,rgba(6,12,8,.6) 50%,rgba(6,12,8,.15) 100%)}
.o-bonus-inner{padding:clamp(1.3rem,4vw,3rem);max-width:40rem;display:grid;gap:.7rem}
.o-bonus-kicker span{display:inline-block;padding:.4rem .75rem;border-radius:999px;background:var(--gold);color:var(--ink);font:800 .66rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.o-bonus-title{font:600 clamp(1.6rem,1.2rem + 2vw,2.8rem)/1.05 var(--display)!important;color:var(--cream)!important;text-shadow:var(--x3d)}
.o-bonus-sub{color:rgba(243,236,220,.92)!important}
/* Band (Anfrage) mit Foto */
.pg-band{position:relative;isolation:isolate;overflow:hidden;padding:clamp(4.5rem,14vh,9rem) max(var(--gut),env(safe-area-inset-right)) clamp(4.5rem,14vh,9rem) max(var(--gut),env(safe-area-inset-left))}
.pg-band .ph-img{z-index:-2}.pg-band .ph-shade{background:linear-gradient(180deg,rgba(6,12,8,.85),rgba(6,12,8,.55) 50%,rgba(6,12,8,.88))}
.o-band-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.4rem,4vw,4rem);align-items:end}
.o-band-inner h2{font-size:clamp(2.1rem,1.4rem + 3.2vw,4.4rem)}
.o-band-inner p{color:rgba(243,236,220,.9)!important;margin-top:.8rem;max-width:34rem}
.o-band-inner .o-btn-row{justify-content:flex-end}
/* Galerie */
.pg-gal-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}
.pg-gal-nav button{min-height:44px;padding:0 1rem;border-radius:999px;border:1px solid rgba(216,180,90,.45);background:transparent;color:var(--cream);font:600 .8rem/1 var(--sans);letter-spacing:.08em;cursor:pointer;transition:background .3s,color .3s}
.pg-gal-nav button[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.pg-gal{columns:3 18rem;column-gap:clamp(.7rem,1.4vw,1.1rem)}
.pg-gal figure{break-inside:avoid;margin:0 0 clamp(.7rem,1.4vw,1.1rem);border-radius:var(--r-sm);overflow:hidden;background:#0b150e;box-shadow:0 1px 0 rgba(216,180,90,.25),0 24px 40px -26px #000}
.pg-gal figure[hidden]{display:none}
.pg-gal button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.pg-gal img{width:100%;height:auto;transition:transform 1s var(--ease)}
.pg-gal button:hover img{transform:scale(1.04)}
.glb{position:fixed;inset:0;z-index:2100;background:rgba(5,10,7,.95);display:grid;grid-template-rows:1fr auto;place-items:center;padding:calc(3.5rem + env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}
.glb[hidden]{display:none}
.glb img{max-width:min(100%,1400px);max-height:calc(100svh - 9rem);width:auto;height:auto;border-radius:var(--r-sm);box-shadow:0 30px 60px -20px #000}
.glb p{padding-top:.8rem;color:var(--txt);text-align:center;font-size:.95rem}
.glb button{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid rgba(243,236,220,.4);background:rgba(9,19,12,.6);color:var(--cream);font-size:1.5rem;cursor:pointer}
.glb .glb-x{top:calc(.8rem + env(safe-area-inset-top));right:max(.8rem,env(safe-area-inset-right))}
.glb .glb-p{left:max(.8rem,env(safe-area-inset-left));top:50%}.glb .glb-n{right:max(.8rem,env(safe-area-inset-right));top:50%}
/* Bewertungen */
.o-awards{display:flex;justify-content:center;margin-bottom:1.6rem}
.o-award-card{display:inline-grid;gap:.5rem;justify-items:center;padding:1rem 1.4rem;border-radius:var(--r-card);text-decoration:none;background:linear-gradient(150deg,#f7e7bd,#e2c27a);color:var(--ink);box-shadow:0 2px 0 #b8953f,0 4px 0 #866a27,0 30px 40px -24px #000;transition:transform .5s var(--ease)}
.o-award-card:hover{transform:translateY(-3px)}
.o-award-kicker{font:800 .64rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#6e5210}
.o-award-main{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:center}
.o-award-title{font:600 clamp(1.05rem,1rem + .4vw,1.3rem)/1.2 var(--display);color:var(--leaf-3)}
.o-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:clamp(.8rem,1.6vw,1.3rem);max-width:62rem;margin:0 auto 1.6rem;perspective:1400px}
.o-score-num{font:600 clamp(2.4rem,2rem + 2vw,3.4rem)/1 var(--display);color:var(--cream);text-shadow:var(--x3d)}
.o-score-g{display:inline-grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#fff;color:#4285f4;font:800 1.6rem/1 var(--sans);text-shadow:none}
.o-score-of,.o-score-src{font-size:.86rem;color:var(--txt-2)}
.o-score-link{font:800 .72rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.pg-sec a.o-score{display:grid;gap:.45rem;justify-items:center;align-content:start;text-align:center;text-decoration:none;color:var(--cream)}
.o-review-note{max-width:62rem;margin:0 auto clamp(1.8rem,4vh,2.6rem);padding:1rem 1.3rem;border-radius:var(--r-sm);background:rgba(243,236,220,.06);border:1px solid rgba(243,236,220,.1);font-size:.92rem!important;text-align:center}
.o-review-grid{columns:3 20rem;display:block;column-gap:clamp(.9rem,1.8vw,1.5rem)}
.o-review-card{break-inside:avoid;margin-bottom:clamp(.9rem,1.8vw,1.5rem);display:grid;gap:.7rem}
.o-review-name{font-size:.95rem!important}
.o-review-cc{font-size:.85rem;color:var(--txt-2)}
.o-review-text{margin:0;font:400 italic clamp(1rem,.97rem + .15vw,1.08rem)/1.6 var(--display);color:var(--cream);white-space:pre-line;overflow-wrap:anywhere}
.o-review-tr summary{cursor:pointer;font:800 .7rem/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);min-height:32px;display:flex;align-items:center}
.o-review-tr p{white-space:pre-line;font-size:.95rem!important;margin-top:.4rem}
.o-review-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;font-size:.86rem!important;color:var(--txt-2)!important;border-top:1px dashed rgba(216,180,90,.25);padding-top:.7rem}
.o-review-meta .o-logo-badge{padding:.35rem .55rem}.o-review-meta .o-logo-badge img{height:14px}
/* Lesbare Fließtexte (Recht, Hinweise) auf Papierkarte */
.pg-paper{max-width:56rem;margin:0 auto;padding:clamp(1.4rem,1rem + 4vw,4.2rem);border-radius:26px;background:linear-gradient(160deg,#fbf6ea,#efe6cf);color:var(--ink);box-shadow:0 2px 0 #cbbd97,0 4px 0 #b4a47c,0 6px 0 #8f8160,0 50px 70px -36px #000}
.pg-paper :is(p,li,dd,td,th){color:#24302a!important;font-size:clamp(.98rem,.95rem + .15vw,1.06rem)!important;line-height:1.72!important}
.pg-paper :is(h2,h3,h4){color:var(--leaf-3)!important;text-shadow:none!important;font-family:var(--display)}
.pg-paper h2{font-size:clamp(1.35rem,1.15rem + 1vw,1.9rem)!important;margin:2.2rem 0 .7rem!important;line-height:1.15}
.pg-paper h2:first-child{margin-top:0!important}
.pg-paper h3{font-size:clamp(1.1rem,1.02rem + .4vw,1.3rem)!important;margin:1.6rem 0 .5rem!important}
.pg-paper p+p,.pg-paper p+ul,.pg-paper ul+p,.pg-paper ol+p,.pg-paper p+ol{margin-top:.8rem}
.pg-paper ul,.pg-paper ol{padding-left:1.3rem;margin:.6rem 0}
.pg-paper a{color:#6e5210!important;text-decoration:underline;overflow-wrap:anywhere}
.pg-paper strong{color:var(--ink)!important}
.pg-paper hr{border:0;border-top:1px solid rgba(20,35,26,.15);margin:2rem 0}
.pg-paper table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.pg-paper td,.pg-paper th{border-bottom:1px solid rgba(20,35,26,.12);padding:.5rem .6rem;text-align:left;vertical-align:top}
.pg-paper .kicker{color:#7a5c14}
.pg-toc{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 auto 1.6rem;max-width:56rem}
.pg-toc a{padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(216,180,90,.4);font:600 .78rem/1 var(--sans);text-decoration:none;color:var(--cream)!important}
.pg-toc a:hover{background:rgba(216,180,90,.15)}
/* Monteur: Nebensaison-Diagramm */
.o-om{list-style:none;margin:.8rem 0 0;padding:0;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:.3rem;align-items:end;height:9.5rem}
.o-om li{display:grid;grid-template-rows:1fr auto;gap:.35rem;height:100%;align-items:end;justify-items:center;font-size:0}
.o-om-bar{width:100%;max-width:1.6rem;height:calc(var(--v,0)*1%);min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#5b8f4e,#2f6b2a)}
.o-om-lo .o-om-bar{background:linear-gradient(180deg,#d9b25a,#a8842a)}
.o-om-no .o-om-bar{background:#c9bfa6}
.o-om-m{font:700 .58rem/1.1 var(--sans)!important;color:#4f584d!important;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
.o-om-legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.8rem;font-size:.8rem;color:#4f584d}
.o-om-legend i{display:inline-block;width:.8rem;height:.8rem;border-radius:3px;vertical-align:-.1rem;margin-right:.35rem}
/* Formulare auf Unterseiten (Kontakt, Firmen, Konto) */
.pg-form{display:grid;gap:1rem;min-width:0}
.pg-form fieldset{border:1px solid rgba(216,180,90,.25);border-radius:var(--r-sm);padding:1rem 1.1rem 1.1rem;margin:0;display:grid;gap:.9rem;min-width:0}
.pg-form legend{padding:0 .4rem;font:800 .68rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.ff-chk{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem;line-height:1.45;color:var(--txt);cursor:pointer;min-height:32px}
.ff-chk input,.ff-check input{width:22px;height:22px;flex:0 0 22px;margin:0;accent-color:var(--gold)}
.ff-err{color:#f0a58e;font-weight:600;min-height:1em}
.ff-err:empty{display:none}
.ff-ok-box{padding:1rem 1.2rem;border-radius:var(--r-sm);background:rgba(47,107,42,.35);border:1px solid rgba(140,200,120,.5);color:var(--cream)!important}
.form-bonus-b{padding:.8rem 1rem;border-radius:var(--r-sm);background:rgba(216,180,90,.16);border:1px solid rgba(216,180,90,.5);color:#f0d58e!important;font-size:.92rem!important}
.ff input::placeholder,.ff textarea::placeholder{color:rgba(243,236,220,.55)}
.o-contact-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(1.4rem,4vw,3.5rem);align-items:start}
.o-contact-card{display:grid;gap:.8rem}
.o-contact-line{display:flex;gap:.7rem;align-items:center}
.o-contact-line::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;background:var(--gold)}
.o-contact-card hr{border:0;border-top:1px solid rgba(243,236,220,.12);width:100%;margin:.3rem 0}
.o-contact-card figure{margin:.4rem 0 0;border-radius:var(--r-sm);overflow:hidden;aspect-ratio:4/3}
.o-contact-card figure img{width:100%;height:100%;object-fit:cover}
.o-social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.o-social a{display:inline-flex;align-items:center;min-height:40px;padding:0 .9rem;border-radius:999px;border:1px solid rgba(216,180,90,.45);text-decoration:none!important;font:600 .8rem/1 var(--sans);color:var(--cream)!important}
.o-social a:hover{background:rgba(216,180,90,.15)}
.o-partner-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;perspective:1400px}
.o-partner-grid a{display:grid;gap:.5rem;justify-items:start;height:100%;text-decoration:none!important;color:var(--cream)!important}
.o-partner-grid span{color:var(--txt-2);font-size:.92rem}
/* Konto */
.kt2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.9rem,1.8vw,1.5rem)}
.kt2>.kt-card{grid-column:span 6;display:grid;gap:1rem;align-content:start}
.kt2>.kt-wide{grid-column:span 12}
.kt-card>h2{font:600 clamp(1.4rem,1.15rem + 1vw,2rem)/1.1 var(--display);color:var(--cream)}
.kt-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;counter-reset:k}
.kt-steps li{counter-increment:k;position:relative;padding:.9rem .9rem .9rem 3rem;border-radius:var(--r-sm);background:rgba(243,236,220,.06);border:1px solid rgba(243,236,220,.1);font-size:.92rem!important;line-height:1.4!important}
.kt-steps li::before{content:counter(k);position:absolute;left:.8rem;top:.85rem;width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;font:800 .8rem/1 var(--sans);background:rgba(243,236,220,.15);color:var(--cream)}
.kt-steps li.done{border-color:rgba(140,200,120,.55)}.kt-steps li.done::before{content:"✓";background:#2f6b2a}
.kt-steps li.now{border-color:var(--gold)}.kt-steps li.now::before{background:var(--gold);color:var(--ink)}
.kt-steps small{display:block;color:var(--txt-2);font-size:.8rem}
.kt-lock{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;align-items:center;padding:1.1rem 1.2rem;border-radius:16px;background:linear-gradient(160deg,#fbf6ea,#e9dfc6);color:var(--ink);box-shadow:0 2px 0 #b4a47c,0 4px 0 #8f8160,0 24px 34px -22px #000}
.kt-lock .ico{grid-row:span 2;width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:var(--leaf-3);color:var(--gold);font-size:1.3rem}
.kt-lock b{font:600 1.15rem/1.2 var(--display);color:var(--leaf-3)}
.kt-lock small{font-size:.86rem;color:#4f584d}
.kt-demo-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.kt-demo-row .cs-b{min-height:44px}
.kt-auth{max-width:34rem}
.kt-auth .acct-tabs{margin-bottom:1rem}
.kt-who{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
/* Winter-Aktion (zeitlich begrenzt bis 31.12.) */
.wpop{position:fixed;z-index:1600;right:max(1rem,env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));width:min(23rem,calc(100vw - 2rem));padding:1.3rem 1.3rem 1.2rem;border-radius:var(--r-card);background:linear-gradient(160deg,#fbf6ea,#e9dfc6);color:var(--ink);box-shadow:0 2px 0 #cbbd97,0 4px 0 #b4a47c,0 40px 60px -20px rgba(0,0,0,.8);display:grid;gap:.45rem;animation:wpin .8s var(--ease)}
.wpop[hidden]{display:none}
@keyframes wpin{from{opacity:0;transform:translateY(30px) rotateX(20deg)}}
.wpop .wp-k{font:800 .64rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#7a5c14}
.wpop .wp-h{font:600 1.5rem/1.05 var(--display);color:var(--leaf-3)}
.wpop .wp-big{font:600 3rem/1 var(--display);color:var(--coral-2)}
.wpop .wp-code{justify-self:start;padding:.35rem .7rem;border:1.5px dashed #7a5c14;border-radius:8px;font:800 1rem/1 var(--sans);letter-spacing:.12em;color:var(--ink)}
.wpop p{font-size:.86rem;line-height:1.45;color:#2c3a2f}
.wpop .wp-x{position:absolute;top:.5rem;right:.5rem;width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--ink);font-size:1.4rem;cursor:pointer}
.wpop .cta{justify-self:start;margin-top:.3rem}
/* Footer-Erweiterung */
.foot-social{max-width:1280px;margin:0 auto;padding:1.4rem 0;display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;border-bottom:1px solid rgba(243,236,220,.1)}
.foot-social>span{font:800 .7rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-right:.4rem}
.foot-social a{display:inline-flex;align-items:center;min-height:40px;padding:0 .9rem;border-radius:999px;border:1px solid rgba(243,236,220,.25);font-size:.85rem}
.foot .f-note{font-size:.82rem;line-height:1.5;color:rgba(243,236,220,.6);margin-top:.7rem}
.legal .lg-copy{flex-basis:100%;color:rgba(243,236,220,.6)}
.foot .pl-g{font:800 .8rem/1 var(--sans);color:#1a1a1a;text-decoration:none}
/* Startseite: ergänzte Altinhalte, im Stil der Szene */
.eb-strip{margin-top:.4rem;padding:1rem 1.1rem;border-radius:16px;background:linear-gradient(150deg,#f7e7bd,#e2c27a);color:var(--ink);box-shadow:0 2px 0 #b8953f,0 4px 0 #866a27,0 24px 34px -22px #000;font-size:.9rem;line-height:1.45}
.eb-strip b{display:block;font:600 1.15rem/1.15 var(--display);color:var(--leaf-3);margin-bottom:.25rem}
.st-award{display:inline-flex;align-items:center;gap:.7rem;margin:0 0 1.2rem;padding:.45rem .9rem .45rem .45rem;border-radius:999px;text-decoration:none;background:linear-gradient(150deg,#f7e7bd,#e2c27a);color:var(--leaf-3);font:600 .95rem/1.2 var(--display);box-shadow:0 2px 0 #b8953f,0 18px 28px -18px #000}
.st-award .pl-card{transform:none;padding:.35rem .55rem}
.score-gl{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#fff;color:#4285f4;font:800 1.3rem/1 var(--sans)}
/* Responsiv */
@media (max-width:1100px){.o-split,.o-contact-grid,.o-band-inner{grid-template-columns:minmax(0,1fr)}.o-band-inner .o-btn-row{justify-content:flex-start}.o-split-media{transform:none;max-height:none}.o-split-media img{max-height:70vh}.kt2>.kt-card{grid-column:span 12}}
@media (max-width:760px){.kt-steps{grid-template-columns:1fr}.o-facts{grid-template-columns:1fr;gap:.1rem}.o-facts dd{margin-bottom:.6rem}.pg-hero{padding-top:calc(6rem + env(safe-area-inset-top))}.ph-down{display:none}
 .o-ml-row{flex-wrap:wrap;gap:.2rem .8rem}.o-ml-dots{display:none}.o-ml-price{text-align:left}
 .pg-acts .cta{flex:1 1 auto}.o-btn-row .cta{flex:1 1 auto}
 .wpop{left:max(.6rem,env(safe-area-inset-left));right:max(.6rem,env(safe-area-inset-right));width:auto;bottom:calc(5.4rem + env(safe-area-inset-bottom))}
 .pg-gal{columns:2 9rem}.o-om-m{font-size:.5rem!important}}
@media (max-height:500px) and (orientation:landscape){.pg-hero{padding-top:calc(5rem + env(safe-area-inset-top));padding-bottom:2rem;min-height:100svh}.pg-h1{font-size:clamp(2rem,6.4vh + 2vw,3.4rem)}.h1-sub{font-size:1.05rem}.ph-copy .lede{font-size:.95rem;max-width:40rem}.ph-copy{gap:.6rem}.ph-down{display:none}.glb img{max-height:calc(100svh - 6rem)}}
@media (min-width:2000px){.pg-in,.o-band-inner{max-width:1480px}.pg-paper{max-width:62rem}}
@media (prefers-reduced-motion:reduce){.ph-down,.wpop{animation:none}}

[hidden]{display:none!important}
.ph-note{display:block;margin-top:.7rem;width:fit-content;max-width:100%;padding:.45rem .8rem;border-radius:999px;background:var(--gold);color:var(--ink);font:800 .74rem/1.3 var(--sans);letter-spacing:.04em;text-shadow:none}
.o-om-legend .lg-hi{background:#2f6b2a}.o-om-legend .lg-lo{background:#a8842a}.o-om-legend .lg-no{background:#c9bfa6}
.kt-mock{border-radius:14px}
@media (max-aspect-ratio:3/4){.ph-shade{background:linear-gradient(180deg,rgba(6,12,8,.6) 0%,rgba(6,12,8,.12) 20%,rgba(6,12,8,.5) 42%,rgba(6,12,8,.86) 62%,rgba(6,12,8,.94) 100%)}}
.h1-sub{text-shadow:0 2px 14px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.6)}
.pg-hero.short .pg-h1{font-size:clamp(2.3rem,min(6.2vw,10vh),5.4rem)}
.pg-h1{hyphens:manual;-webkit-hyphens:manual}
/* v3.5 Menü: 8 Einträge passen in jede Höhe (Querformat zweispaltig, sonst höhenabhängige Schrift) */
.menu{padding:calc(5.2rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1.2rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain}
.menu a{font-size:clamp(1.25rem,min(8vw,calc((100svh - 9.5rem)/9.4)),3.4rem)}
@media (max-height:500px) and (orientation:landscape){.menu nav{grid-template-columns:1fr 1fr;gap:.35rem 2.6rem}.menu a{font-size:clamp(1.2rem,6.4vh + .5rem,2.1rem)}}
/* v3.5 WCAG-AA: kleine Beschriftungen auf Gold-/Cremekarten nachgedunkelt (vorher 2,9–4,3 : 1) */
.tk-k,.o-award-kicker{color:#574206}
.tk-s{color:#3f473d}
.dk-price small{color:rgba(20,35,26,.78)}
/* v3.5 lange deutsche Wörter in Überschriften sauber trennen statt hart umbrechen */
.pg-paper :is(h2,h3,h4),.o-h2,.o-h3,.pg-sec h3{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;hyphenate-limit-chars:10 4 4}

/* ---------- Gästekonto (Wix Members, acct.js) ---------- */
.pg-form[hidden],.acct-tabs[hidden],.kt2[hidden],[data-member-only][hidden],[data-guest-only][hidden]{display:none!important}
.acct-msg{margin:0;font-size:.86rem;line-height:1.45;color:var(--cream)}
.acct-msg:empty{display:none}
[data-auth-msg].is-err{color:#ffb9a6}
.acct-me{margin:0;font-size:1rem;line-height:1.55;overflow-wrap:anywhere}
.acct-f .cta-ghost{width:100%}
.kt-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem 1rem;margin:0}
.kt-dl dt{font-weight:700;color:var(--gold)}
.kt-dl dd{margin:0;overflow-wrap:anywhere}
form[data-auth] button[aria-busy=true],form[data-auth-news] button[aria-busy=true]{opacity:.65;cursor:progress}

.auth-fields,.pg-form fieldset.auth-fields{border:0;padding:0;margin:0;display:grid;gap:.8rem;min-width:0}
.auth-captcha{display:grid;gap:.65rem;max-width:100%;overflow:hidden}
.auth-captcha p{margin:0;font-size:.78rem;line-height:1.4;overflow-wrap:anywhere}
.auth-captcha .cs-b{min-height:44px}
[dir=rtl] .acct .bk-x{right:auto;left:1rem}

/* ===== Räume Raum für Raum (v3.6) – Startseite: Karten mit Foto-Vorschau; Die Ferienwohnung: Raum-Blöcke ===== */
.rm-room .rm-fig{display:block;color:inherit;text-decoration:none;border-radius:22px}
.rm-room .rm-fig:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.rm-room figure{max-height:52vh}
.rm-room figure::after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(transparent,rgba(5,10,7,.62));pointer-events:none}
.rm-ths{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;display:flex;gap:.4rem;align-items:center;z-index:2}
.rm .rm-th{position:relative;flex:none;width:clamp(40px,3.4vw,54px);height:clamp(40px,3.4vw,54px);border-radius:10px;overflow:hidden;border:2px solid rgba(243,236,220,.85);box-shadow:0 8px 18px -8px #000}
.rm .rm-th picture,.rm .rm-th img{width:100%;height:100%;object-fit:cover;transform:none!important}
.rm-cnt{display:inline-flex;gap:.3rem;align-items:center;margin-inline-start:auto;padding:.4rem .65rem;border-radius:999px;background:rgba(7,14,9,.78);color:var(--cream);font:600 .78rem/1 var(--sans)}
@media (max-width:759px){.rm-room figure{max-height:none;aspect-ratio:4/5}.rm .rm-th{width:42px;height:42px}}
@media (max-height:560px) and (orientation:landscape){.rm .rm-th{width:34px;height:34px}.rm-cnt{padding:.3rem .5rem}}

.rb-sec .o-section-head p:last-child{max-width:44rem}
.rb{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.2rem,3.4vw,3.4rem);align-items:start;padding:clamp(1.8rem,4.5vw,3.6rem) 0;border-top:1px solid rgba(216,180,90,.2)}
.rb:first-of-type{border-top:0}
.rb-flip .rb-text{order:2}
.rb-text{position:sticky;top:calc(6rem + env(safe-area-inset-top));min-width:0}
.rb-h{font-size:clamp(1.9rem,3.2vw,2.8rem);margin:.35rem 0 .9rem;line-height:1.05}
.rb-text>p{color:var(--txt);line-height:1.65;margin:0}
.rb-facts{list-style:none;padding:0;margin:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:.45rem}
.rb-facts li{padding:.45rem .85rem;border:1px solid rgba(216,180,90,.42);border-radius:999px;font-size:.84rem;line-height:1.25;color:var(--cream);background:rgba(243,236,220,.04)}
.rb-gal{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.4rem,.9vw,.75rem)}
.rb-gal li{aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;background:#0b150e;box-shadow:0 1px 0 rgba(216,180,90,.22),0 20px 36px -24px #000;min-width:0}
.rb-gal li.rb-big{grid-column:span 2;grid-row:span 2}
.rb-gal.rb-n6,.rb-gal.rb-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rb-gal.rb-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rb-gal.rb-n2 li{aspect-ratio:3/4}.rb-gal.rb-n2 li.rb-big{grid-column:auto;grid-row:auto}
.rb-gal.rb-n1{grid-template-columns:minmax(0,1fr);max-width:34rem}.rb-gal.rb-n1 li.rb-big{grid-column:auto;grid-row:auto;aspect-ratio:4/5}
.rb-gal.rb-n4{grid-template-columns:repeat(3,minmax(0,1fr))}.rb-gal.rb-n4 li.rb-big{grid-column:1/-1;grid-row:auto;aspect-ratio:16/9}
.rb-gal button{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.rb-gal picture,.rb-gal img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.rb-gal button:hover img{transform:scale(1.05)}
.rb-gal button:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
@media (max-width:899px){
 .rb{grid-template-columns:minmax(0,1fr)}
 .rb-flip .rb-text{order:0}
 .rb-text{position:static}
 .rb-gal,.rb-gal.rb-n6,.rb-gal.rb-n3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rb-gal li.rb-big{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}
 .rb-gal li:not(.rb-big):last-child:nth-child(even){grid-column:1/-1;aspect-ratio:2/1}
 .rb-gal.rb-n2 li.rb-big{grid-column:auto;aspect-ratio:3/4}
 .rb-gal.rb-n2 li:not(.rb-big):last-child{grid-column:auto;aspect-ratio:3/4}
}
.rm .rb-gal img{transform:none}
.rb-nav{position:sticky;top:calc(4.6rem + env(safe-area-inset-top));z-index:5;margin:0 0 clamp(1rem,2.4vw,2rem);padding:.5rem 0;background:linear-gradient(rgba(7,14,9,.92),rgba(7,14,9,.78));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(216,180,90,.18)}
.rb-nav ol{list-style:none;margin:0;padding:0 .2rem;display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.rb-nav ol::-webkit-scrollbar{display:none}
.rb-nav li{flex:none;scroll-snap-align:start}
.rb-nav a{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 .85rem;border-radius:999px;border:1px solid rgba(216,180,90,.3);color:var(--txt);font:600 .8rem/1 var(--sans);text-decoration:none;white-space:nowrap;transition:background .35s,color .35s,border-color .35s}
.rb-nav a span{font:400 italic .8rem/1 var(--display);color:var(--gold);transition:color .35s}
.rb-nav a[aria-current=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.rb-nav a[aria-current=true] span{color:var(--ink)}
.rb{scroll-margin-top:calc(9rem + env(safe-area-inset-top))}
.rb-gal li{will-change:auto}
@media (max-width:899px){.rb-nav{top:calc(3.9rem + env(safe-area-inset-top))}}

/* ---------- v3.6 Logo-Plakette (Murat): Original-Logo unverändert auf 70 % durchsichtiger 3D-Plakette; CSS-Plakette = Fallback/Ladezustand
   (gleiche Maße wie 3D: Rand 78 je Seite um die Logo-Kontur 15,5–1095 × 16,5–272,75 im 1112 × 288-Rahmen, Ecken r=64) ---------- */
.logo3d{isolation:isolate}
.logo3d::before{content:"";position:absolute;z-index:-1;left:-5.62%;right:-5.486%;top:-21.354%;bottom:-21.788%;border-radius:5.18%/15.52%;pointer-events:none;
  background:radial-gradient(80% 120% at 40% 32%,rgba(30,44,35,.26),rgba(16,26,20,.3) 60%,rgba(8,14,10,.36));
  box-shadow:inset 0 0 0 1.5px rgba(201,160,74,.6),0 18px 36px rgba(0,0,0,.28);transition:opacity .6s}
.logo3d::after{content:"";position:absolute;z-index:-1;left:calc(-5.62% + 2.946%);right:calc(-5.486% + 2.946%);top:calc(-21.354% + 11.375%);bottom:calc(-21.788% + 11.375%);
  border:1px solid rgba(226,194,122,.42);border-radius:2.67%/9.01%;pointer-events:none;transition:opacity .6s}
.logo3d.is-3d::before,.logo3d.is-3d::after{opacity:0}
.hero-logo.logo3d img,.foot-logo.logo3d img{filter:none}
.sc-hero{--lw:clamp(300px,46vw,1000px)}
.sc-hero .hero-tag{top:calc(var(--ly) + var(--lw)*.205 + clamp(1.1rem,2.2vw,2.8rem))}
@media (max-width:1023px) and (min-width:760px) and (orientation:portrait){.sc-hero{--lw:70vw}}
@media (max-width:759px){.sc-hero{--lw:80vw}.sc-hero .hero-tag{top:calc(var(--ly) + var(--lw)*.205 + 1.3rem)}}
@media (max-height:500px) and (orientation:landscape){.sc-hero{--lw:40vw}.sc-hero .hero-tag{top:calc(var(--ly) + var(--lw)*.205 + .8rem)}}
.foot-logo{width:min(480px,74vw);margin:clamp(1.6rem,4vw,3rem) auto clamp(2.6rem,6vw,4.2rem)}

/* ---------- v3.6 Auszeichnung & Gesamtbewertungen (von der alten Seite übernommen): Hero-Vertrauensleiste, Medaille, Schnellkontakt im Menü ---------- */
.hero-trust{position:absolute;z-index:4;left:0;right:0;top:calc(var(--ly) + var(--lw)*.205 + clamp(1.1rem,2.2vw,2.8rem) + clamp(2.7rem,4.4vw,4.8rem));margin:0;padding:0 1rem;list-style:none;
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.65rem;perspective:700px}
.hero-trust li{display:flex}
.hero-trust a{display:inline-flex;align-items:center;gap:.6rem;min-height:46px;padding:.32rem 1rem .32rem .38rem;border-radius:999px;text-decoration:none;color:var(--cream);
  background:linear-gradient(160deg,rgba(19,38,26,.62),rgba(8,14,10,.5));border:1px solid rgba(216,180,90,.32);box-shadow:0 1px 0 rgba(255,240,200,.08) inset,0 14px 26px -16px rgba(0,0,0,.8);
  -webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);transition:transform .45s var(--ease,cubic-bezier(.2,.7,.2,1)),border-color .45s,background .45s}
.hero-trust a:hover,.hero-trust a:focus-visible{transform:translateY(-3px);border-color:rgba(216,180,90,.7);background:linear-gradient(160deg,rgba(28,54,36,.72),rgba(8,14,10,.6))}
.hero-trust .medal{width:28px;height:34px;flex:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));margin-left:.15rem}
.ht-t{display:grid;gap:.12rem;line-height:1}
.ht-t small{font:800 .58rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.ht-t b{font:600 1rem/1.05 var(--display);letter-spacing:.01em;color:var(--cream)}
.ht-score .pl-card{transform:none;box-shadow:0 1px 0 #e6e0d2,0 2px 0 #cfc7b3,0 8px 14px -8px rgba(0,0,0,.5)}
.ht-score .pl-card img{height:15px;width:auto}
.ht-score b{font:700 1.15rem/1 var(--display);color:var(--cream)}
.ht-score small{font:600 .74rem/1 var(--sans);color:rgba(243,236,220,.7);margin-left:-.42rem}
@media (max-width:759px){
 .hero-trust{top:calc(var(--ly) + var(--lw)*.205 + 1.3rem + 2.9rem);gap:.45rem;padding:0 .8rem}
 .hero-trust a{min-height:40px;padding:.26rem .75rem .26rem .32rem;gap:.45rem}
 .hero-trust .medal{width:24px;height:29px}
 .ht-t b{font-size:.9rem}.ht-score b{font-size:1rem}
 .ht-score .pl-card{padding:.28rem .45rem}.ht-score .pl-card img{height:12px}
}
@media (max-height:500px) and (orientation:landscape){.hero-trust{display:none}}
[dir=rtl] .ht-score small{margin-left:0;margin-right:-.42rem}
/* Gästestimmen: Superhost als Medaille */
.st-award{gap:.75rem;padding:.4rem .5rem .4rem .55rem;align-self:start;justify-self:start}
.st-award .medal{width:34px;height:41px;flex:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.sa-t{display:grid;gap:.18rem;line-height:1.1}
.sa-t small{font:800 .6rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#7a5e24}
.sa-t span{font:600 1rem/1.15 var(--display);color:var(--leaf-3)}
.st-award .pl-card{margin-left:.35rem}
[dir=rtl] .st-award .pl-card{margin-left:0;margin-right:.35rem}
/* Menü: Schnellkontakt */
.menu-quick{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin:1.6rem 0 0}
.menu-quick a{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:999px;border:1px solid rgba(216,180,90,.4);color:var(--cream);text-decoration:none;font:700 .85rem/1 var(--sans);letter-spacing:.04em;text-shadow:none;transition:background .35s,color .35s}
.menu-quick a:hover,.menu-quick a:focus-visible{background:var(--gold);color:var(--ink)}
.menu-quick svg{color:var(--gold)}.menu-quick a:hover svg{color:var(--ink)}
@media (min-width:1280px){.hero-trust{gap:.8rem}.hero-trust a{min-height:54px;padding:.38rem 1.2rem .38rem .45rem;gap:.7rem}.hero-trust .medal{width:32px;height:39px}
 .ht-t small{font-size:.62rem}.ht-t b{font-size:1.12rem}.ht-score b{font-size:1.3rem}.ht-score .pl-card img{height:17px}}
@media (max-width:759px){.hero-trust li:first-child{flex-basis:100%;justify-content:center}}
[dir=rtl] .ht-score{direction:ltr}
.menu{align-content:center;row-gap:2.2rem}

/* ===== v3 Release: Sprachen ===== */
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/lora-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/notokufiarabic-arabic-500-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Manrope";src:url(/assets/fonts/notosansarabic-arabic-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope-latin-ext-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope-cyrillic-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin-ext-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/lora-cyrillic-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/notokufiarabic-arabic-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Manrope";src:url(/assets/fonts/notosansarabic-arabic-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope-latin-ext-800-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope-cyrillic-800-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin-ext-800-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/lora-cyrillic-700-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/notokufiarabic-arabic-700-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Manrope";src:url(/assets/fonts/notosansarabic-arabic-600-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin-ext-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/lora-cyrillic-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

/* Sprachumschalter */
.ls-drop{position:relative;flex:0 0 auto}
.ls-drop>summary{list-style:none;display:inline-flex;align-items:center;gap:.4rem;min-height:44px;min-width:44px;padding:0 .8rem;border-radius:999px;cursor:pointer;font:700 .78rem/1 var(--sans);letter-spacing:.06em;color:var(--cream);
 background:linear-gradient(180deg,rgba(243,236,220,.16),rgba(243,236,220,.05));box-shadow:inset 0 0 0 1px rgba(216,180,90,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ls-drop>summary::-webkit-details-marker{display:none}
.ls-drop>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ls-drop ul{position:absolute;top:calc(100% + .5rem);inset-inline-end:0;z-index:1100;list-style:none;margin:0;padding:.4rem;min-width:12.5rem;border-radius:16px;background:rgba(8,16,10,.97);box-shadow:0 18px 40px -12px rgba(0,0,0,.7),inset 0 0 0 1px rgba(216,180,90,.35)}
.ls-drop li a{display:flex;align-items:center;gap:.7rem;min-height:44px;padding:0 .8rem;border-radius:10px;text-decoration:none;color:var(--cream);font:400 .95rem/1 var(--sans)}
.ls-drop li a strong{min-width:1.8rem;font:800 .72rem/1 var(--sans);letter-spacing:.08em;color:var(--gold)}
.ls-drop li a:hover,.ls-drop li a:focus-visible{background:rgba(243,236,220,.08)}
.ls-drop li a[aria-current]{background:rgba(216,180,90,.16)}
.ls-row ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}
.ls-row a{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 .6rem;border-radius:999px;text-decoration:none;font:800 .78rem/1 var(--sans)!important;letter-spacing:.08em;color:var(--cream);box-shadow:inset 0 0 0 1px rgba(243,236,220,.28);text-shadow:none!important;animation:none!important}
.ls-row a[aria-current]{background:var(--gold);color:var(--ink);box-shadow:none}
.menu .ls-row{margin-top:2rem}
.ls-foot{max-width:1280px;margin:2rem auto 0}.ls-foot ul{justify-content:flex-start}
.ls-foot a{color:rgba(243,236,220,.8)}
.legal-note{max-width:1280px;margin:1.4rem auto 0;font-size:.82rem;line-height:1.6;color:rgba(243,236,220,.62)}
@media (max-width:759px){.top .ls-drop{display:none}}
@media (min-width:1101px) and (max-width:1360px){.top{gap:1rem}.top .acct-btn .ab-t{display:none}.top .acct-btn{padding:0 .45rem}}
html:not([lang=de]) .top-nav a{letter-spacing:.06em}
@media (min-width:1101px) and (max-width:1280px){html:not([lang=de]) .top-nav a{padding-inline:.4rem;font-size:.76rem}}
/* CSS-Texte */
html[lang=en] .bk-card::before{content:"Book direct"}html[lang=nl] .bk-card::before{content:"Direct boeken"}html[lang=fr] .bk-card::before{content:"Réserver en direct"}
html[lang=tr] .bk-card::before{content:"Doğrudan rezervasyon"}html[lang=ru] .bk-card::before{content:"Напрямую"}html[lang=ar] .bk-card::before{content:"احجز مباشرة"}
/* Arabisch: keine Sperrung/Kursivierung (zerstört die verbundene Schrift) */
html[lang=ar] *,html[lang=ar] *::before,html[lang=ar] *::after{letter-spacing:0!important;font-style:normal!important}
html[lang=ar] body{line-height:1.75}
html[lang=ru] .top-nav a,html[lang=ru] .kicker{letter-spacing:.06em}
/* Kopfzeile Tablet: Sprachknopf rechts gruppiert; RTL gespiegelt */
@media (max-width:1100px){html[dir=rtl] .top .acct-btn{margin-left:0;margin-right:auto}}
@media (min-width:760px) and (max-width:1100px){.top .ls-drop{margin-inline-start:auto}.top .acct-btn{margin-left:0!important;margin-right:0!important}}
html[dir=rtl] a>i[aria-hidden=true],html[dir=rtl] button>i[aria-hidden=true]{display:inline-block;transform:scaleX(-1)}
html[dir=rtl] a[href^="tel:"]{direction:ltr;unicode-bidi:isolate}

/* 15.11.2026 Buchungsdialog in .pg-sec: Texte/Links lesbar (vorher Creme auf Weiß), Einwilligungs-Labels als Fließtext statt Flex-Spalten */
.pg-sec dialog.mstep h3,.pg-sec dialog.mstep strong,.pg-sec dialog.mstep .mstep-sub{color:var(--ink)}
.pg-sec dialog.mstep .mstep-cancel strong{color:#5a320e}
.pg-sec dialog.mstep .mstep-prog{color:var(--muted)}
body dialog.mstep .mstep-step a[href]{color:var(--leaf-3)!important;text-decoration:underline;text-underline-offset:2px}
dialog.mstep .mstep-step label.check{display:block;position:relative;padding-inline-start:1.75rem;overflow-wrap:anywhere}
dialog.mstep .mstep-step label.check input{position:absolute;inset-inline-start:0;top:.05rem;margin-top:.2rem}