/* WeRefine Premium, Runde 2. Tokens laut BRIEF.md und BRIEF-V2.md */
@font-face{font-family:'Gambetta Fb';src:local('Georgia');size-adjust:97%;ascent-override:92%;descent-override:26%;line-gap-override:0%}
@font-face{font-family:'Switzer Fb';src:local('Arial');size-adjust:99%;ascent-override:94%;descent-override:24%;line-gap-override:0%}
:root{
  --black:#0a0a0a;--white:#ffffff;--ink:#0a0a0a;--paper:#f4f4f2;
  --mute-d:#9a9a9a;--mute-l:#5f5f5f;
  --line-d:rgba(255,255,255,.14);--line-l:rgba(10,10,10,.12);
  --serif:'Gambetta','Gambetta Fb',Georgia,serif;--sans:'Switzer','Switzer Fb',system-ui,sans-serif;
  --pad:clamp(20px,5vw,72px);
  --bar-h:76px;
  --ease:cubic-bezier(.2,.7,.1,1);
  --we-dy:0em;
  --chrome:linear-gradient(180deg,#fff 0,#dcdcdc 28%,#7d7d7d 50%,#f5f5f5 72%,#a3a3a3 100%);
  --chrome-dark:linear-gradient(180deg,#0a0a0a 0%,#2b2b2b 38%,#0f0f0f 52%,#3d3d3d 70%,#141414 100%);
}
@media (max-width:899px){:root{--bar-h:62px}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%;background:var(--black);hyphens:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);font-size:clamp(17px,1.2vw,19px);line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%}
h1,h2,h3,p,ul,figure{margin:0;padding:0}
ul{list-style:none}
a{color:inherit;text-decoration:none}
em{font-style:italic}
p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance;hyphens:manual}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--fg,#fff);outline-offset:3px}
.hap{position:fixed;left:0;bottom:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

[data-zone="dark"],.dark{--fg:#fff;--bg:#0a0a0a;--mute:var(--mute-d);--line:var(--line-d)}
[data-zone="light"],.light{--fg:#0a0a0a;--bg:#fff;--mute:var(--mute-l);--line:var(--line-l)}
.sec{position:relative;z-index:5;background:var(--bg);color:var(--fg)}
.wrap{padding-inline:var(--pad);max-width:1760px;margin-inline:auto}
.center{text-align:center}

/* Typo */
.label{font:500 12px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--mute,var(--mute-d));font-variant-numeric:tabular-nums}
.h2{font:300 clamp(2.4rem,5.2vw,5rem)/1 var(--serif);letter-spacing:-.02em;margin-top:clamp(20px,2.4vw,32px)}
.h2 em,.hero-h1 em{font-style:italic;font-weight:300}
.hero-h1{font:300 clamp(3rem,8.4vw,8.75rem)/.95 var(--serif);letter-spacing:-.025em}
.body{max-width:34em;line-height:1.6;hyphens:auto}
.note{font-size:13px;color:var(--mute-d)}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.1em .08em .2em;margin:-.1em -.08em -.2em}
.wi{display:inline-block}

/* Chrom-Schrift */
.chrome,.chrome-w,.chrome-dark{--gx:-30%;color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}
.chrome,.chrome-w{background-image:linear-gradient(105deg,transparent calc(var(--gx) - 12%),rgba(255,255,255,.95) var(--gx),transparent calc(var(--gx) + 12%)),var(--chrome)}
.chrome-dark{background-image:linear-gradient(105deg,transparent calc(var(--gx) - 10%),rgba(255,255,255,.22) var(--gx),transparent calc(var(--gx) + 10%)),var(--chrome-dark)}
.chrome-w{--gx:inherit;padding-right:.06em}
.cvar{--gx:-30%}

/* Wortmarke */
.wm{display:inline-flex;align-items:center;min-height:44px;line-height:1;color:inherit}
.wmi{display:inline-flex;align-items:baseline}
.wm .we{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:700;font-size:1.7em;letter-spacing:.005em;transform:translateY(var(--we-dy))}
.wm .ref{font-family:'Syne',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.02em;letter-spacing:.07em;margin-left:.1em}
.wm.glint .we,.wm.glint .ref{color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(105deg,#fff 0,#fff 38%,#8a8a8a 50%,#fff 62%,#fff 100%);background-size:260% 100%;animation:glint 1.6s var(--ease) .5s both}
@keyframes glint{from{background-position:100% 0}to{background-position:0 0}}

/* Knöpfe */
.btn{--bf:var(--fg,#fff);--bb:var(--bg,#0a0a0a);position:relative;display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 28px;border:1px solid var(--bf);background:var(--bf);color:var(--bb);font:500 15px/1 var(--sans);white-space:nowrap;overflow:hidden;isolation:isolate;transition:color .5s var(--ease),transform .25s var(--ease)}
.btn::before{content:"";position:absolute;inset:-1px;background:var(--bb);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);z-index:-1}
.btn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(160,160,160,.55),transparent);transform:skewX(-20deg);opacity:0;pointer-events:none}
.dark .btn::after,.bar .btn::after{background:linear-gradient(100deg,transparent,rgba(120,120,120,.5),transparent)}
.light .btn::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent)}
.btn-t,.btn .arr{position:relative;z-index:1}
.btn:active{transform:scale(.97)}
@media (hover:hover){
  .btn:hover{color:var(--bf)}
  .btn:hover::before{transform:scaleX(1)}
  .btn:hover::after{animation:sweep .9s var(--ease) 1}
  .btn:hover .arr{transform:translateX(4px)}
}
.btn:focus-visible{color:var(--bf)}
.btn:focus-visible::before{transform:scaleX(1)}
@keyframes sweep{0%{left:-60%;opacity:1}100%{left:130%;opacity:1}}
.btn .arr{flex:none;transition:transform .5s var(--ease)}
.btn-sm{height:44px;padding:0 22px;font-size:14px}
.tlink{position:relative;display:inline-block;padding:14px 0;font:500 15px/1.3 var(--sans);color:var(--fg,#fff)}
.tlink::after,.ul::after{content:"";position:absolute;left:0;right:0;bottom:11px;height:1px;background:currentColor;transform-origin:left}
@media (hover:hover){.tlink:hover::after,.ul:hover::after{animation:redraw .6s var(--ease)}}
@keyframes redraw{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
.ul{position:relative;display:inline-block;padding:13px 9px;margin:-13px -9px}
.ul::after{bottom:11px;left:9px;right:9px}
.btns{display:flex;flex-wrap:wrap;gap:6px 28px;align-items:center}
.center-btns{justify-content:center}

/* Kopfleiste */
.bar{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--bar-h);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--pad);color:#fff;font-size:15px;background:transparent;transition:transform .45s var(--ease),background-color .3s,color .3s;--fg:#fff;--bg:#0a0a0a}
.bar .nav{display:none;gap:clamp(4px,.8vw,16px)}
.bar .nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font-weight:500;font-size:14px}
.bar .nav a::after{content:"";position:absolute;left:10px;right:10px;bottom:10px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.bar .nav a[aria-current="page"]::after{transform:scaleX(1)}
@media (hover:hover){.bar .nav a:hover::after{transform:scaleX(1);transform-origin:left}}
.brand{position:relative;display:flex;align-items:center;height:44px}
.brand .wm{font-size:17px}
.bt{display:flex;align-items:center;margin-left:14px}
.bt .sep{width:1px;height:20px;background:currentColor;opacity:.4;margin-right:14px}
.bt .tag{font:500 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.2em}
@media (max-width:379px){.bt{display:none}}
.bar-r{display:flex;align-items:center;gap:4px;margin-left:auto}
.bar-cta{display:none;margin-left:8px}
.lang{display:none;align-items:center;font:500 12px/1 var(--sans);letter-spacing:.14em}
.lang a,.lang span[aria-current]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;opacity:.55;transition:opacity .3s}
.lang span[aria-current]{opacity:1}
.lang .lsep{min-width:0;min-height:0;opacity:.4}
@media (hover:hover){.lang a:hover{opacity:1}}
.snd,.mbtn,.mclose{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.snd .x{opacity:0}
.snd.off .w{opacity:0}
.snd.off .x{opacity:1}
.mbtn{flex-direction:column;gap:7px}
.mbtn span{display:block;width:22px;height:1.5px;background:currentColor}
.bar.solid{background:#0a0a0a}
.bar.solid.light{background:#fff;color:#0a0a0a;--fg:#0a0a0a;--bg:#fff}
.bar.hide{transform:translateY(-100%)}
@media (min-width:1280px){
  .bar .nav{display:flex;margin-left:-10px}
  .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  .bt{position:static;margin-left:20px;white-space:nowrap}
  .bar-cta{display:inline-flex}
  .lang{display:inline-flex}
  .mbtn{display:none}
}

/* Menü-Ebene */
.menu{position:fixed;inset:0;z-index:70;background:#0a0a0a;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--bar-h) + 12px) var(--pad) 40px;visibility:hidden;opacity:0;transition:opacity .45s var(--ease),visibility 0s linear .45s;--fg:#fff;--bg:#0a0a0a;overflow-y:auto}
.menu-open .menu{visibility:visible;opacity:1;transition:opacity .45s var(--ease),visibility 0s}
.menu-open{overflow:hidden}
.mclose{position:absolute;top:calc((var(--bar-h) - 44px) / 2);right:calc(var(--pad) - 11px)}
.mnav{display:flex;flex-direction:column;align-items:flex-start}
.mnav a{display:block;padding:clamp(6px,1.4vh,14px) 0;font:300 clamp(2.6rem,9vw,5.2rem)/1.05 var(--serif);letter-spacing:-.02em;opacity:0;transform:translateY(26px);transition:opacity .6s var(--ease),transform .7s var(--ease);transition-delay:0s}
.menu-open .mnav a{opacity:1;transform:none;transition-delay:calc(120ms + var(--i) * 75ms)}
.mfoot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:clamp(28px,6vh,56px);opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.menu-open .mfoot{opacity:1;transform:none;transition-delay:calc(120ms + var(--i) * 75ms)}
.mfoot .lang{display:inline-flex;margin-left:-8px}
@media (prefers-reduced-motion:reduce){.menu,.mnav a,.mfoot{transition:none!important}}

/* Markierfarbe: nie blau */
::selection{background:#fff;color:#0a0a0a}
.light ::selection,[data-zone="light"] ::selection{background:#0a0a0a;color:#fff}
.dark ::selection,[data-zone="dark"] ::selection,.menu ::selection{background:#fff;color:#0a0a0a}

/* Fester Hintergrund */
.silk-wrap{position:fixed;inset:0;z-index:0;background:#0a0a0a;pointer-events:none}
.silk-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.6s ease}
.silk-wrap canvas.on{opacity:1}
.silk-wrap.off{visibility:hidden}
.grain{display:none;position:absolute;inset:0;opacity:.06;background-size:180px 180px}
.no-gl .grain{display:block}
.no-gl .silk-wrap{background:radial-gradient(70% 60% at 25% 30%,#2a2a2a 0,transparent 70%),radial-gradient(60% 55% at 80% 80%,#1c1c1c 0,transparent 70%),#0a0a0a}

/* Hero */
.hero{position:relative;z-index:4;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;padding:calc(var(--bar-h) + 32px) var(--pad) clamp(48px,9vh,110px);color:#fff}
.hero-in{width:100%;max-width:1760px;margin-inline:auto}
.hero-label{margin-bottom:clamp(24px,3vw,36px)}
.hero-h1{max-width:12.5em;margin-bottom:clamp(28px,3.6vw,48px)}
.hero-p{max-width:34em;margin-bottom:clamp(30px,3.2vw,44px);color:#fff}
.cue{position:absolute;right:var(--pad);bottom:clamp(48px,9vh,110px);display:flex;flex-direction:column;align-items:center;gap:14px}
.cue .label{writing-mode:vertical-rl}
.cue-line{width:1px;height:40px;background:#fff;animation:pulse 2.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.15}50%{opacity:.9}}
@media (max-width:899px){.cue{display:none}}
.motion .hero-in>*{visibility:hidden}

/* Szene Feinarbeit */
.fein{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:0 var(--pad)}
.mask-layer,.mask-sub,.mask-copy{display:none}
.mask-copy.static{display:block}
.mask-copy{max-width:17em;text-align:center;font:300 clamp(2.3rem,5.4vw,5.6rem)/1.08 var(--serif);letter-spacing:-.028em;word-spacing:.04em;color:#fff;text-wrap:balance}
.mask-copy .w{overflow:visible;padding:0;margin:0}
.mask-copy .chrome-w{background-image:linear-gradient(105deg,transparent calc(var(--gx) - 12%),#fff var(--gx),transparent calc(var(--gx) + 12%)),linear-gradient(180deg,#f6f6f6,#d4d4d4);padding-right:.04em}
.motion .fein{display:block;height:360vh;height:360svh;padding:0}
.motion .mask-layer{display:grid;place-items:center;position:fixed;inset:0;z-index:2;background:#0a0a0a;mix-blend-mode:multiply;visibility:hidden;overflow:hidden}
.motion .mask-layer.on{visibility:visible}
.motion .mask-layer.done{display:none}
.mask-word{position:relative;display:inline-block;white-space:nowrap;font:300 20vw/.82 var(--serif);text-transform:uppercase;color:#fff;transform-origin:0 0;padding-block:.08em}
.mask-word span{display:inline-block}
.motion .mask-sub{display:block;position:fixed;left:0;right:0;bottom:12vh;z-index:3;text-align:center;visibility:hidden}
.motion .mask-copy{position:fixed;inset:0;z-index:3;display:grid;place-items:center;max-width:none;padding:0 var(--pad);visibility:hidden;pointer-events:none}
.motion .mask-copy .mc{display:block;max-width:17em;margin-inline:auto;--gx:-30%}
.motion .mask-sub.on,.motion .mask-copy.on{visibility:visible}
@media (max-width:899px){.motion .fein{height:260vh;height:260svh}}

/* Im Preis enthalten */
.lei{padding-block:clamp(72px,10vw,160px) clamp(96px,14vw,220px)}
.lei-fig{position:relative;overflow:hidden;aspect-ratio:16/10;background:#0a0a0a;margin-bottom:clamp(64px,9vw,140px)}
.lei-fig img{width:100%;height:100%;object-fit:cover}
.lei-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:end}
.lei-intro{color:var(--mute-l);font-size:clamp(17px,1.3vw,20px);max-width:24em;justify-self:end}
.lei-list{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(48px,8vw,140px);margin-top:clamp(56px,8vw,120px)}
.item{position:relative;display:grid;grid-template-columns:clamp(56px,7vw,112px) minmax(0,1fr);padding:clamp(24px,2.4vw,32px) 0 clamp(40px,5vw,80px)}
.item .ln{position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-l);transform-origin:left}
.item .n{font:300 italic clamp(2.2rem,3.6vw,3.4rem)/1 var(--serif);color:var(--mute-l);font-variant-numeric:tabular-nums}
.item h3{font:400 clamp(1.5rem,2.2vw,2rem)/1.15 var(--serif);letter-spacing:-.01em;margin-bottom:12px;padding-top:.2em}
.item p{color:var(--mute-l);max-width:30em}
@media (max-width:899px){.lei-head{grid-template-columns:1fr}.lei-intro{justify-self:start}}
@media (max-width:699px){.lei-list{grid-template-columns:1fr}}
@media (min-width:700px) and (max-width:899px){.lei-list{column-gap:40px}.item{grid-template-columns:64px minmax(0,1fr)}}

/* Ablauf (Basis: senkrecht) */
.abl{padding-block:clamp(96px,14vw,220px)}
.abl-stage{padding-inline:var(--pad)}
.abl-track{display:flex;flex-direction:column;gap:clamp(64px,12vw,120px);max-width:1760px;margin-inline:auto}
.abl-intro{padding-bottom:clamp(0px,2vw,24px)}
.tafel{display:block}
.t-img{position:relative;overflow:hidden;aspect-ratio:4/5;background:#141414}
.t-img img{width:100%;height:100%;object-fit:cover}
.t-top{display:flex;align-items:baseline;gap:clamp(16px,2vw,28px);margin:clamp(20px,2.4vw,30px) 0 12px}
.t-top .n{font:300 italic clamp(2.6rem,4vw,3.6rem)/1 var(--serif);color:var(--mute-d)}
.t-top h3{font:400 clamp(1.5rem,2.2vw,2rem)/1.15 var(--serif);letter-spacing:-.01em}
.t-txt p{color:var(--mute-d);max-width:26em}
@media (max-width:699px){.t-img{margin-inline:calc(var(--pad) * -1)}}
@media (min-width:700px) and (not ((min-width:1024px) and (hover:hover) and (pointer:fine))){
  .tafel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pad);align-items:center;max-width:1100px}
  .t-top{margin-top:0}
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  .motion .abl{padding-block:0}
  .motion .abl-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;padding-inline:0}
  .motion .abl-track{flex-direction:row;align-items:center;gap:clamp(48px,5vw,96px);width:max-content;max-width:none;margin:0;height:100%;padding:var(--bar-h) var(--pad) 0}
  .motion .abl-intro{flex:none;width:min(34vw,520px);padding:0}
  .motion .tafel{flex:none;width:min(38vw,calc((100svh - 300px) * .8))}
  .motion .t-img img{transform:scale(1.12)}
}

/* Explosionsansicht der Ebenen */
.ent{padding-block:clamp(96px,12vw,180px)}
.ent-head{padding-bottom:clamp(20px,3vw,44px)}
.ent-body{display:flex;flex-direction:column;align-items:stretch}
.exp-addr{text-align:center;font:400 12px/1 var(--sans);color:var(--mute-l);letter-spacing:.04em;margin-bottom:12px}
.exp{--lw:min(calc((100vh - 400px) * 1.6),76vw);--lw:min(calc((100svh - 400px) * 1.6),76vw);position:relative;width:100%}
.exp-stage{position:relative;width:100%;height:calc(var(--lw) * .625 + 40px);margin-inline:auto;perspective:1800px;perspective-origin:50% 38%}
.exp-stack{position:absolute;inset:0;transform-style:preserve-3d}
.exp-l{position:absolute;left:50%;top:50%;width:var(--lw);aspect-ratio:16/10;transform:translate(-50%,-50%)}
.exp-l picture,.exp-l img{display:block;width:100%;height:100%;object-fit:cover}
.exp-l:not(.exp-fin){border:1px solid rgba(10,10,10,.26);box-shadow:0 26px 44px -20px rgba(0,0,0,.3)}
.exp-a{position:absolute;left:100%;top:50%;width:1px;height:1px}
.exp-tags{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font:500 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.16em;color:var(--mute-l)}
.motion .exp-tags{position:absolute;inset:0;margin:0;display:block;pointer-events:none}
.motion .exp-tags li{position:absolute;left:0;top:0;padding:6px 10px 6px 0;white-space:nowrap;color:#0a0a0a;opacity:0}
.motion .exp-tags li::before{content:"";display:inline-block;width:22px;height:1px;background:#0a0a0a;vertical-align:middle;margin-right:10px;opacity:.5}
@media (max-width:699px){
  .exp{--lw:min(86vw,calc((100svh - 330px) * .8))}
  .exp-stage{height:calc(var(--lw) * 1.25 + 24px)}
  .exp-l{aspect-ratio:4/5}
  .motion .exp-tags li{font-size:10px;letter-spacing:.1em;padding:5px 8px;background:rgba(255,255,255,.86)}
  .motion .exp-tags li::before{display:none}
}
.exp.active .exp-l{will-change:transform,opacity}
.exp.active .exp-stack{will-change:transform}
.stations{width:100%;max-width:960px;margin:18px auto 0}
.st-line{position:relative;display:block;height:1px;background:var(--line-l);margin-bottom:14px}
.st-line i{position:absolute;inset:0;background:#0a0a0a;transform-origin:left}
.stations ol{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;font:500 12px/1 var(--sans);text-transform:uppercase;letter-spacing:.16em;color:var(--mute-l)}
.stations li{transition:color .4s}
.stations li.on{color:#0a0a0a}
.stations li.lit{color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:var(--chrome-dark)}
.ent-cap{margin-top:14px;text-align:center;font-size:14px;color:var(--mute-l)}
@media (max-width:699px){.stations ol{letter-spacing:.04em;font-size:9.5px}.stations li{flex:1 1 0;text-align:center}.stations li:first-child{text-align:left}.stations li:last-child{text-align:right}.ent-cap{margin-top:10px}}
.motion .ent{padding-block:0;height:360vh;height:360svh}
.motion .ent-stage-wrap{display:block}
.motion .ent-stage{display:block}
.ent .ent-stage{display:block}
.motion .ent>.ent-stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:var(--bar-h);padding-bottom:16px}
.motion .ent>.ent-stage>.wrap{width:100%}
.motion .ent-head{padding-bottom:clamp(12px,1.6vw,24px)}
.motion .ent-head .h2{margin-top:12px}
@media (max-width:699px){.motion .ent{height:280vh;height:280svh}.ent-head .h2{font-size:clamp(2rem,9.4vw,2.6rem)}}
.ent-live{text-align:center;margin-top:0}

/* Ansprechpartner */
.kona{padding-block:clamp(96px,13vw,200px)}
.kona-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,7vw,120px);align-items:center;margin-top:clamp(36px,5vw,72px)}
.kona-fig{position:relative;overflow:hidden;aspect-ratio:4/5;background:#141414;max-width:560px;width:100%}
.kona-fig img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.kona-txt .h2{margin-top:14px;margin-bottom:clamp(20px,2.4vw,32px)}
.kona-txt .body{color:#fff;margin-bottom:12px}
@media (max-width:899px){.kona-grid{grid-template-columns:1fr}.kona-fig{max-width:none;margin-inline:calc(var(--pad) * -1);width:auto}}
@media (min-width:700px) and (max-width:899px){.kona-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.kona-fig{margin-inline:0;max-width:none}}

/* Preis */
.preis{padding-block:clamp(100px,14vw,220px)}
.preis-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);align-items:center;margin-top:clamp(48px,6vw,96px)}
.card-wrap{--cw:clamp(280px,34vw,480px);position:relative;perspective:1200px;display:flex;justify-content:center;padding:clamp(16px,3vw,40px) 0}
.card-sh{position:absolute;left:50%;top:calc(50% + var(--cw) * .36);width:calc(var(--cw) * .9);height:calc(var(--cw) * .26);transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(0,0,0,.5),rgba(0,0,0,.16) 62%,transparent);pointer-events:none}
.card{--mx:30%;--my:20%;--gp:30%;position:relative;display:block;width:var(--cw);aspect-ratio:85.6/54;color:#fff;transform-style:preserve-3d;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.card-f,.card-b{position:absolute;inset:0;border-radius:calc(var(--cw) * .045);border:1px solid transparent;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),radial-gradient(120% 90% at 20% 0,#262626 0,#0e0e0e 55%,#121212 100%) padding-box,linear-gradient(135deg,#fff,#6a6a6a 28%,#e8e8e8 52%,#555 78%,#cfcfcf) border-box}
.card-f{transform:translateZ(1px)}
.card-b{transform:rotateY(180deg) translateZ(1px);display:grid;place-items:center;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px),radial-gradient(100% 90% at 50% 40%,#1a1a1a 0,#0a0a0a 70%) padding-box,linear-gradient(135deg,#fff,#6a6a6a 28%,#e8e8e8 52%,#555 78%,#cfcfcf) border-box}
.card-b .card-wm{position:static;transform:none;font-size:clamp(13px,1.7vw,22px)}
.card-shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 70% at var(--mx) var(--my),rgba(255,255,255,.2),transparent 60%),linear-gradient(112deg,transparent calc(var(--gp) - 16%),rgba(255,255,255,.26) var(--gp),transparent calc(var(--gp) + 16%))}
.card-wm{position:absolute;left:7%;top:9%;font-size:clamp(16px,2.2vw,28px);display:inline-flex;align-items:baseline;line-height:1;transform:translateZ(30px)}
.card-wm .we{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:700;font-size:1.7em}
.card-wm .ref{font-family:'Syne',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.02em;letter-spacing:.07em;margin-left:.1em}
.card-wm{--gx:50%}
.card-wm .we,.card-wm .ref{color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:var(--chrome)}
.card-low{position:absolute;left:7%;bottom:9%;display:flex;flex-direction:column;gap:4px;transform:translateZ(24px)}
.card-sub{font:500 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:#9a9a9a}
.card-amt{--gx:50%;font:300 clamp(1.8rem,3.2vw,2.8rem)/1.05 var(--serif);letter-spacing:-.02em;background-image:var(--chrome)}
.card-no{position:absolute;right:7%;bottom:9%;font:500 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:#9a9a9a;transform:translateZ(24px)}
.preis-txt .price{margin:0 0 clamp(20px,2.4vw,32px)}
.price{position:relative;display:inline-block;font:300 clamp(4rem,9vw,9rem)/1 var(--serif);letter-spacing:-.03em;white-space:nowrap;font-variant-numeric:tabular-nums}
.price .ghost{visibility:hidden}
.price .live{position:absolute;inset:0;text-align:left}
.preis-txt .body{margin-bottom:14px;color:var(--mute-l)}
.preis-txt .btns{margin-top:clamp(20px,2.4vw,32px)}
.fine{margin-top:clamp(32px,4vw,56px);font-size:13px;color:var(--mute-l);display:flex;flex-direction:column;gap:2px}
.fine a{color:var(--fg)}
@media (max-width:899px){.preis-grid{grid-template-columns:1fr}}

/* Fragen */
.faq{padding-block:clamp(96px,14vw,220px) clamp(140px,18vw,280px);background:linear-gradient(to bottom,var(--paper) 0,var(--paper) 62%,#fff 100%)}
.faq-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,120px);align-items:start}
.faq-list{border-top:1px solid var(--line-l)}
.faq details{border-bottom:1px solid var(--line-l)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:44px;padding:clamp(20px,2.2vw,30px) 0;font:400 clamp(1.25rem,1.9vw,1.7rem)/1.25 var(--serif);letter-spacing:-.005em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;flex:none;width:18px;height:18px;transition:transform .5s var(--ease)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:0;top:50%;width:100%;height:1.4px;background:currentColor;margin-top:-.7px}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i{transform:rotate(45deg)}
.faq .a{display:grid;grid-template-rows:1fr}
.faq .a-in{overflow:hidden;min-height:0}
.faq .a-in p{color:var(--mute-l);max-width:34em;padding-bottom:clamp(20px,2.2vw,30px)}
.faq .a-in .a-link{padding-bottom:10px;margin-top:-10px}
.js .faq .a{grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.js .faq details.show .a{grid-template-rows:1fr}
@media (max-width:899px){.faq-grid{grid-template-columns:1fr}}

/* Abschluss und Fuß */
.end{padding-top:clamp(110px,15vw,240px);padding-bottom:0}
.end-h{max-width:14em;margin-inline:auto;margin-bottom:clamp(24px,3vw,40px)}
.end-p{margin:0 auto clamp(32px,3.6vw,48px);color:var(--fg)}
.xl-mask{overflow:hidden;margin-top:clamp(80px,12vw,180px);padding:0 var(--pad)}
.wm-xl{display:flex;width:max-content;min-height:0;font-size:20vw;padding:.03em 0 .02em;color:var(--fg);margin-left:var(--xl-x,0px)}
.wm-xl .ref{margin-right:-.07em}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 28px;padding:clamp(16px,3vw,32px) var(--pad) clamp(20px,3vw,32px);font-size:13px;color:var(--mute)}
.foot nav{display:flex;flex-wrap:wrap;gap:0 8px}
.foot a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 8px;transition:color .3s}
@media (hover:hover){.foot a:hover{color:var(--fg)}}
@media (max-width:699px){.foot nav{margin-left:-8px}}
/* Keine Silbentrennung in Überschriften, Fragen und Knöpfen */
h1,h2,h3,summary,.btn,.tlink,.label{hyphens:manual;-webkit-hyphens:manual}

/* Deckel für Bild-Reveals (nur Transform) */
.cov{position:absolute;left:-1px;right:-1px;background:var(--bg);z-index:2;pointer-events:none}
.cov-a{top:-1px;bottom:-1px;transform-origin:top}
.cov-t{top:-1px;height:calc(50% + 1px);transform-origin:top}
.cov-b{bottom:-1px;height:calc(50% + 1px);transform-origin:bottom}

/* Ohne WebGL: Wort in Chrom statt Shader-Maske */
.no-gl .mask-layer{mix-blend-mode:normal}
.no-gl .mask-word span{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* Im Preis enthalten: ruhiger Grund, Icons, Beschriftung */
.lei{background:radial-gradient(70vw 55vw at 108% 6%,rgba(0,0,0,.055),transparent 70%),radial-gradient(50vw 45vw at -12% 78%,rgba(0,0,0,.035),transparent 72%),var(--bg)}
.lei::after{content:"";position:absolute;inset:0;background-image:var(--grain,none);background-size:120px 120px;opacity:.05;pointer-events:none}
.lei>.wrap{position:relative;z-index:1}
.ico{display:block;margin-bottom:18px;color:#0a0a0a}
.lei-cap{margin:-48px 0 clamp(56px,8vw,120px);font-size:13px;color:var(--mute-l)}
@media (max-width:699px){.lei-cap{margin-top:-40px}}
.more{margin-top:clamp(20px,2.4vw,32px)}
.lei .more{margin-top:clamp(8px,1vw,16px)}
.faq-more{margin-top:clamp(12px,1.6vw,24px)}
.abl-intro .more{margin-top:16px}
.light .chrome-w,.light .chrome{background-image:linear-gradient(105deg,transparent calc(var(--gx) - 12%),rgba(255,255,255,.7) var(--gx),transparent calc(var(--gx) + 12%)),var(--chrome-dark)}

/* Vorteile */
.vor{padding-block:clamp(72px,10vw,150px) 0}
.vor-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(32px,3vw,56px)}
.vit{position:relative;padding-top:clamp(24px,2.4vw,32px)}
.vit .ln{position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-l);transform-origin:left}
.vit .ico{width:32px;height:32px;margin-bottom:22px;color:#0a0a0a}
.vit h3{font:400 clamp(1.5rem,2.2vw,2rem)/1.15 var(--serif);letter-spacing:-.01em;margin-bottom:12px}
.vit p{color:var(--mute-l);max-width:22em}
@media (max-width:1099px){.vor-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:clamp(40px,6vw,64px)}}
@media (max-width:599px){.vor-list{grid-template-columns:1fr}}
.vkurz{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin-top:clamp(28px,3.4vw,44px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--line-l)}
.vkurz li{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.45;color:var(--mute-l)}
.vkurz strong{font:500 14px/1.3 var(--sans);color:#0a0a0a}
@media (max-width:599px){.vkurz{grid-template-columns:1fr}}
.ent-live{text-align:center;margin-top:0}

.card .card-b{visibility:hidden}
.card.flip .card-b{visibility:visible}
.card.flip .card-f{visibility:hidden}
/* Runde 4b: keine Silbentrennung im Fließtext, Luft unter den Vorteilen, Unterzeile der Maske lesbar */
html,.body,p,li,.tl a,figcaption{hyphens:manual;-webkit-hyphens:manual}
.vor{padding-bottom:clamp(72px,10vw,140px)}
#maskSub{color:#f2f2f2;font-size:13px;text-shadow:0 1px 14px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6)}

/* Preisabschnitt */
.preis-txt{max-width:30em}
.preis-txt .price{font-size:clamp(4.5rem,9vw,9rem);margin:0 0 clamp(6px,1vw,14px)}
.preis-sub{font:300 italic clamp(1.15rem,1.6vw,1.5rem)/1.3 var(--serif);color:var(--mute-l);margin-bottom:clamp(24px,3vw,40px)}
.pcheck{display:grid;gap:14px;margin-bottom:clamp(28px,3.4vw,44px)}
.pcheck li{display:flex;align-items:center;gap:14px;font-size:16px}
.pck{flex:none;color:#0a0a0a}
.pbuy{margin-top:18px;display:flex;flex-direction:column;gap:0;font-size:13px;color:var(--mute-l)}
.pbuy .ul{align-self:flex-start;font-size:14px;color:#0a0a0a}
.preis .fine{margin-top:clamp(56px,7vw,96px);padding-top:20px;border-top:1px solid var(--line-l)}
.preis .fine p{max-width:60em}
.ki{padding-block:0 clamp(48px,6vw,88px)}
.ki-t{max-width:56em;margin-inline:auto;text-align:center;font-size:13px;line-height:1.6;color:var(--mute-l)}
.ki-t .ul{color:#0a0a0a;margin-left:4px}
.faq .a-more{margin-top:-8px;padding-bottom:clamp(20px,2.2vw,28px)}
.lnk-btn{display:inline-flex;align-items:center;height:52px;padding:0 28px;border:1px solid #0a0a0a;font:500 15px/1 var(--sans);color:#0a0a0a;transition:background-color .4s var(--ease),color .4s var(--ease)}
@media (hover:hover){.lnk-btn:hover{background:#0a0a0a;color:#fff}}
.faq-more{grid-column:2;margin-top:clamp(8px,1.4vw,20px)}
@media (max-width:899px){.faq-more{grid-column:1}}
.exp-l:not(.exp-fin) img{object-fit:fill}
/* Runde 5b: Stationen am Telefon lesbar, Kartenbetrag heller, weniger Luft unter der Ebenen-Szene am Tablet */
@media (max-width:560px){.stations ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px;column-gap:8px;font-size:10.5px;letter-spacing:.1em}.stations li,.stations li:last-child,.stations li:first-child{text-align:left;white-space:nowrap}}
.card-amt{background-image:linear-gradient(180deg,#ffffff 0%,#e6e6e6 42%,#a8a8a8 54%,#f4f4f4 100%)!important;filter:none}
@media (min-width:700px) and (max-width:1100px){.ent{height:300vh;height:300svh}}