:root{--bg:#15223d;--ash:#4a4a49;--fg:#ecebe7;--mut:#9a988f;--gold:#D4A017;--gg:linear-gradient(135deg,#FFE08A,#D4A017 45%,#8A6508)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:300 17px/1.75 "Montserrat","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.015em}h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 2rem}
.nav{position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:2rem;padding:1.2rem 5vw;background:rgba(21,34,61,.7);backdrop-filter:blur(12px);z-index:10}
.brand{font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;background:var(--gg);-webkit-background-clip:text;color:transparent}
.nav nav{margin-left:auto;display:flex;gap:1.6rem}.nav nav a{text-decoration:none;color:var(--mut);font-size:.9rem}.nav nav a:hover{color:var(--gold)}
.lang button{background:none;border:1px solid #333;color:var(--mut);padding:.2rem .5rem;cursor:pointer;font-size:.75rem}.lang button.on{border-color:var(--gold);color:var(--gold)}
.hero{min-height:min(100vh,960px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7rem 5vw 4rem;background:radial-gradient(ellipse at 50% 30%,#5a5a58 0,#333332 35%,var(--bg) 75%)}
.kicker{color:var(--gold);letter-spacing:.3em;text-transform:uppercase;font-size:.8rem;margin:1rem 0 0}
.statement{font-size:clamp(3.2rem,11vw,9rem);line-height:.95;margin:.5rem 0;background:var(--gg);-webkit-background-clip:text;color:transparent}
.sub{color:var(--mut);max-width:34rem;margin:0 0 2.5rem}.btn{display:inline-block;background:var(--gg);color:#111;border:0;padding:.9rem 2rem;font-weight:600;text-decoration:none;cursor:pointer;letter-spacing:.05em}
.wrap{max-width:1200px;margin:0 auto;padding:9rem 5vw}
.about p{font-size:1.3rem;max-width:46rem;color:#cfcdc6}.services{display:flex;flex-wrap:wrap;gap:1rem;padding:0;list-style:none;margin-top:2.5rem}.services li{border:1px solid #2c2c2c;padding:.6rem 1.2rem;color:var(--mut)}
.toolbox{border:1px solid #2a2a2a;background:#1c2a48;padding:clamp(1.5rem,5vw,4rem);border-radius:10px}
#dform{display:flex;gap:.8rem;margin-top:1.5rem}#dform input{flex:1;background:#15223d;border:1px solid #333;color:var(--fg);padding:.9rem 1rem;font-size:1rem}#dform input:focus{outline:1px solid var(--gold)}
#dres{margin-top:2rem}.badges{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.b{padding:.35rem .8rem;border-radius:99px;font-size:.85rem;border:1px solid}
.ok{color:#7fd69a;border-color:#2f6b41}.bad{color:#f08a7e;border-color:#7a3028}.neu{color:var(--gold);border-color:#6b5317}.mut{color:var(--mut);font-size:.9rem}
#dres table{border-collapse:collapse;font-size:.9rem;width:100%}#dres td{border-top:1px solid #222;padding:.45rem .3rem;vertical-align:top}#dres td:first-child{color:var(--mut);width:35%}
.contact dl{display:grid;grid-template-columns:auto 1fr;gap:.6rem 2rem;font-size:1.1rem}.contact dt{color:var(--gold)}.contact dd{margin:0}
footer{text-align:center;color:var(--mut);padding:3rem;font-size:.85rem;border-top:1px solid #1d1d1d}
@media(max-width:700px){.nav nav{display:none}.lang{margin-left:auto}#dform{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}

/* Hero emblem: original V cut-out, lying on the page */
.stage{position:relative;width:min(440px,78vw);aspect-ratio:475/343;margin:1rem 0 1.5rem;perspective:900px}
#vemblem{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 18px 18px rgba(0,0,0,.55)) drop-shadow(0 4px 4px rgba(0,0,0,.4));animation:vfloat 7s ease-in-out infinite;transform-style:preserve-3d;will-change:transform}
#drops{position:absolute;inset:-25% -30%;width:160%;height:150%;pointer-events:none}
@keyframes vfloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
/* 3D headline: no clipped descenders, layered gold extrusion */
.statement{line-height:1.15;padding:0 .08em .18em;overflow:visible;filter:drop-shadow(0 1px 0 #b38510) drop-shadow(0 1px 0 #9a720c) drop-shadow(0 1px 0 #7d5c08) drop-shadow(0 1px 0 #614705) drop-shadow(0 10px 14px rgba(0,0,0,.6))}

/* ===== Premium layer ===== */
.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:50;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");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%)}}
.nav{padding:1.5rem 6vw;background:linear-gradient(rgba(22,36,63,.75),rgba(22,36,63,.35));border-bottom:1px solid rgba(212,160,23,.12)}
.brand{font:500 .82rem/1 Montserrat,sans-serif;letter-spacing:.42em}
.nav nav a{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;position:relative;padding:.3rem 0}
.nav nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--gold);transition:right .5s cubic-bezier(.2,.7,.2,1)}.nav nav a:hover::after{right:0}
.lang button{border:0;letter-spacing:.15em;font-size:.7rem}.lang button.on{color:var(--gold);border-bottom:1px solid var(--gold)}
.hero{background:radial-gradient(ellipse 60% 55% at 50% 32%,#6a6a67 0,#4b4b49 38%,#324367 70%,var(--bg) 100%)}
.vwrap{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.vwrap #vemblem{animation:none;filter:drop-shadow(0 26px 22px rgba(0,0,0,.55)) drop-shadow(0 6px 5px rgba(0,0,0,.45)) drop-shadow(0 0 1px rgba(255,226,140,1)) drop-shadow(0 0 18px rgba(212,160,23,0.432))}
.stage{animation:vfloat 8s ease-in-out infinite}
.sheen{position:absolute;inset:0;-webkit-mask:url(assets/v-emblem.webp?v=ab261384) center/100% 100% no-repeat;mask:url(assets/v-emblem.webp?v=ab261384) center/100% 100% no-repeat;background:radial-gradient(circle at var(--sx,30%) var(--sy,20%),rgba(255,250,225,.55),rgba(255,240,190,.12) 18%,transparent 32%);mix-blend-mode:screen;pointer-events:none}
.vreflect{position:absolute;left:0;right:0;top:100%;width:100%;transform:scaleY(-.55);transform-origin:top;opacity:.18;filter:blur(2px);-webkit-mask:linear-gradient(to top,rgba(0,0,0,.9),transparent 55%);mask:linear-gradient(to top,rgba(0,0,0,.9),transparent 55%);pointer-events:none}
.stage{margin-bottom:5.5rem}
.hair{width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.4rem auto .2rem}
.kicker{font:500 .72rem Montserrat,sans-serif;letter-spacing:.5em}
.statement{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.025em;font-size:clamp(3.4rem,10vw,8.8rem)}
.sub{font-size:1.05rem;letter-spacing:.01em;color:#b9b6ac}
.btn{background:transparent;color:var(--gold);border:1px solid rgba(212,160,23,.6);font:500 .75rem Montserrat,sans-serif;letter-spacing:.3em;text-transform:uppercase;padding:1.1rem 2.4rem;position:relative;overflow:hidden;transition:color .5s}
.btn::before{content:"";position:absolute;inset:0;background:var(--gg);transform:translateY(101%);transition:transform .6s cubic-bezier(.2,.7,.2,1);z-index:-1}.btn:hover{color:#111}.btn:hover::before{transform:none}.btn{z-index:0}
h2{font-size:clamp(2.4rem,5vw,4rem);position:relative;padding-top:2rem}h2::before{content:"";position:absolute;top:0;left:0;width:56px;height:1px;background:var(--gold)}
.wrap{padding:11rem 6vw;max-width:1280px}
.services li{border:0;border-top:1px solid rgba(212,160,23,.35);padding:1rem 0 0;min-width:180px;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}
.toolbox{background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(212,160,23,.22);border-radius:4px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(10px)}
#dform input{background:transparent;border:0;border-bottom:1px solid #3a3a3a;font-size:1.3rem;font-family:"Cormorant Garamond",serif;padding:.8rem 0;transition:border-color .4s}#dform input:focus{outline:0;border-color:var(--gold)}
html.js .reveal{opacity:0;transform:translateY(40px);transition:opacity 1.2s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1)}html.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html.js .reveal,.reveal{opacity:1;transform:none}.grain{animation:none}}

/* Realistic layered shadow from the V silhouette */
.vwrap #vemblem{filter:drop-shadow(0 1px 0 rgba(255,226,140,0.605))}
.vshadow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:brightness(0);transform-origin:50% 100%}
.vshadow.s1{opacity:.55;filter:brightness(0) blur(3px);transform:translate(0,6px)}
.vshadow.s2{opacity:.38;filter:brightness(0) blur(28px);transform:translate(0,30px) scale(1.04,1.02)}
.vreflect{display:none}

.brandlink{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}.navv{height:30px;width:auto;filter:drop-shadow(0 3px 3px rgba(0,0,0,.6)) drop-shadow(0 0 1px rgba(255,226,140,1));transition:transform .5s cubic-bezier(.2,.7,.2,1)}.brandlink:hover .navv{transform:translateY(-1px) rotate(-4deg)}

/* Nav variant B: centered V — enable with <header class="nav nav--center"> */
.nav--center{position:fixed}.nav--center .navv{position:absolute;left:50%;top:50%;height:40px;transform:translate(-50%,-50%)}
.nav--center .brandlink:hover .navv{transform:translate(-50%,-52%) rotate(-4deg)}
.nav--center nav{margin-left:auto}
/* Footer */
.foot{text-align:left;padding:7rem 6vw 2.5rem;border-top:1px solid rgba(212,160,23,.18);background:radial-gradient(ellipse 50% 70% at 15% 0,#324367 0,transparent 70%),#13203b;color:var(--mut);font-size:.9rem}
.foot-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1fr;gap:4rem}
.fv{height:58px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.6)) drop-shadow(0 0 1px rgba(255,226,140,1))}
.f-word{display:flex;flex-direction:column;margin:1.2rem 0 1rem}.f-w1{font:500 1.7rem/1 Montserrat,sans-serif;letter-spacing:.32em;background:var(--gg);-webkit-background-clip:text;color:transparent}.f-w2{font-size:.68rem;letter-spacing:.9em;color:#d9b34a;margin-top:.5rem}
.f-brand p{max-width:22rem;font-family:"Cormorant Garamond",serif;font-size:1.2rem;font-style:italic;color:#bdb9ae}
.foot h4{font:500 .7rem Montserrat,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 1.4rem}
.f-col a,.f-col p{display:block;margin:0 0 .7rem;text-decoration:none;color:#a9a69c;transition:color .4s}.f-col a:hover{color:var(--gold)}
.social{display:flex;gap:.8rem}.social a{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(212,160,23,.3);border-radius:50%;color:#cfc8b3;transition:all .5s}
.social a:hover{color:#111;background:var(--gg);border-color:transparent;transform:translateY(-3px)}.social svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.f-hair{max-width:1280px;margin:5rem auto 1.6rem;height:1px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.6),transparent)}
.f-bottom{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.08em}.f-legal a{margin-left:2rem;color:var(--mut);text-decoration:none}.f-legal a:hover{color:var(--gold)}
@media(max-width:900px){.foot-in{grid-template-columns:1fr 1fr;gap:3rem}.f-bottom{flex-direction:column;gap:1rem}.f-legal a{margin:0 1.5rem 0 0}}
.sub{max-width:40rem;text-wrap:balance}
@media(min-width:900px){.sub{max-width:none;white-space:nowrap}}
/* nav refinements */
.nav{flex-wrap:nowrap}
.brandlink{gap:.6rem;flex-shrink:0}
.navv{height:24px}
.brand{font:600 .95rem/1 Montserrat,sans-serif;letter-spacing:.28em;white-space:nowrap;text-shadow:none}
.nav nav{flex-wrap:nowrap;white-space:nowrap}
.nav nav a{white-space:nowrap}
.lang{display:flex;flex-wrap:nowrap;white-space:nowrap;flex-shrink:0}
@media (max-width:1100px){.nav nav{gap:1.1rem}.nav nav a{font-size:.7rem;letter-spacing:.12em}.brand{font-size:.85rem;letter-spacing:.22em}}
@media (max-width:860px){.nav nav{display:none}.brand{font-size:.85rem}}
@media (max-width:860px){.lang{margin-left:auto}}
/* ===== Live-Vorschau ===== */
.pv-lead{max-width:40rem;color:#bdb9ae}
.pv-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:3.5rem;margin-top:3.5rem;align-items:start}
.pv-frame{border:1px solid rgba(212,160,23,.28);border-radius:10px;overflow:hidden;background:#223150;box-shadow:0 50px 90px -40px rgba(0,0,0,.9),0 0 0 6px rgba(255,255,255,.02)}
.pv-bar{display:flex;align-items:center;gap:.45rem;padding:.7rem 1rem;background:#283859;border-bottom:1px solid #2a2a2a}.pv-bar i{width:9px;height:9px;border-radius:50%;background:#3a3a3a}
.pv-url{margin-left:1rem;flex:1;max-width:280px;font-size:.7rem;color:#8a877e;background:#1d2c49;border-radius:99px;padding:.25rem .9rem;letter-spacing:.05em}
/* Controls */
.drop{display:flex;flex-direction:column;gap:.4rem;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(212,160,23,.45);border-radius:6px;padding:2rem 1.2rem;cursor:pointer;background:rgba(255,255,255,.02);transition:background .2s,border-color .2s}
.drop:hover,.drop.over{background:rgba(212,160,23,.07);border-color:var(--gold)}.drop span{font-family:"Cormorant Garamond",serif;font-size:1.35rem;color:var(--fg)}.drop small{color:var(--mut);font-size:.75rem}
.pv-lbl{display:block;margin:2rem 0 .8rem;font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.pv-in{width:100%;background:transparent;border:0;border-bottom:1px solid #3a3a3a;color:var(--fg);font:1.2rem "Cormorant Garamond",serif;padding:.4rem 0}.pv-in:focus{outline:0;border-color:var(--gold)}
.tpls{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.tpl{background:#1e2d4b;border:1px solid #2c2c2c;color:#bdb9ae;font:.72rem Montserrat,sans-serif;letter-spacing:.08em;padding:.7rem .4rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:border-color .15s,color .15s}
.tpl:hover{border-color:#555}.tpl.on{border-color:var(--gold);color:var(--gold)}
.ti{width:44px;height:28px;border:1px solid currentColor;opacity:.7;background:linear-gradient(currentColor,currentColor) no-repeat}
.ti1{background-size:100% 60%}.ti2{background-size:50% 100%}.ti3{background-size:70% 35%;background-position:50% 80%}.ti4{background-size:55% 70%;background-position:0 70%}.ti5{background-size:62% 100%;box-shadow:inset -10px 0 0 -6px currentColor}.ti6{background:radial-gradient(circle,currentColor 1px,transparent 1.5px) 0 0/5px 5px}
.sw-rows{margin-top:2rem;display:grid;gap:.9rem}.sw-row{display:flex;align-items:center;gap:.55rem}.sw-row span{width:7.5rem;font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}
.sw{width:22px;height:22px;border:1px solid rgba(255,255,255,.18);background:var(--c);cursor:pointer;padding:0;outline:none;transition:box-shadow .1s}.sw:hover{box-shadow:0 0 0 2px #555}
.sw.on{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--gold)}
@media(max-width:960px){.pv-grid{grid-template-columns:1fr}.m-cards{grid-template-columns:1fr 1fr}.mock[data-tpl="2"] .m-hero,.mock[data-tpl="4"] .m-hero,.mock[data-tpl="6"] .m-hero{grid-template-columns:1fr}}
.only-pv>section:not(#preview),.only-pv>footer,.only-pv .grain{display:none}.only-pv #preview{padding-top:7rem}
/* Hero hierarchy: subline = focus, brand smaller */
.statement{font-size:clamp(2.2rem,6vw,5.3rem);line-height:1.2;padding-bottom:.22em;margin:.2rem 0 0}
.hero .sub{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.15;letter-spacing:-.01em;max-width:24ch;white-space:normal;text-wrap:balance;margin:.4rem auto 2.6rem;
 color:#e2e2df;background:linear-gradient(180deg,#f4f4f2 0%,#c9c9c6 55%,#9a9a97 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.12em;
 filter:drop-shadow(0 1px 0 rgba(90,90,88,.9)) drop-shadow(0 2px 0 rgba(50,50,50,.6)) drop-shadow(0 12px 18px rgba(0,0,0,.55))}
@media(min-width:900px){.hero .sub{max-width:26ch}}

/* final hero sizing + silver subline */
.hero .sub{max-width:34ch!important;hyphens:none;-webkit-hyphens:none;margin-bottom:2.2rem}
.hero .stage{width:min(380px,72vw);margin-bottom:3.2rem}
.hero{padding-top:6rem}
:root{--silver:linear-gradient(180deg,#f4f4f2 0%,#c9c9c6 55%,#9a9a97 100%)}
/* nav brand: gold VECOM + silver DESIGN with depth */
.nav .brand{background:none;-webkit-text-fill-color:initial;color:inherit;display:inline-flex;gap:.55em}
.nav .brand .b1,.vg{background:var(--gg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nav .brand .b2{background:var(--silver);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nav .brand .b1,.nav .brand .b2,.vg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.85)) drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.vg{font-weight:600;letter-spacing:.04em}
.nav .navv{filter:drop-shadow(0 1px 0 rgba(0,0,0,.8)) drop-shadow(0 4px 5px rgba(0,0,0,.6)) drop-shadow(0 0 1px rgba(255,226,140,1))}

/* ===== Dots (Live-Vorschau) ===== */
.sw-rows{display:none}
.dots{display:flex;gap:1rem;align-items:center}
.dot{width:30px;height:30px;border-radius:50%;background:var(--c);border:1px solid rgba(255,255,255,.22);cursor:pointer;padding:0;box-shadow:inset 0 -3px 6px rgba(0,0,0,.25),inset 0 2px 3px rgba(255,255,255,.25),0 3px 6px rgba(0,0,0,.45);transition:transform .12s,box-shadow .12s}
.dot:hover{transform:translateY(-2px)}.dot.on{box-shadow:0 0 0 3px var(--bg),0 0 0 4.5px var(--gold),0 3px 6px rgba(0,0,0,.45)}
.dot:focus-visible{outline:1px solid var(--gold);outline-offset:6px}
.pv-sec{opacity:.6;margin-top:2.4rem}.tpls .tpl{padding:.5rem .3rem;font-size:.66rem}.tpls .ti{width:34px;height:20px}
/* ===== Raised light text ===== */
h2,h3,.about p,.pv-lead,.toolbox p,.contact p,.contact dd,.drop span{text-shadow:0 1px 0 rgba(0,0,0,.75),0 2px 3px rgba(0,0,0,.45),0 -1px 0 rgba(255,255,255,.06)}
h2{text-shadow:0 1px 0 rgba(0,0,0,.85),0 3px 6px rgba(0,0,0,.5),0 -1px 0 rgba(255,255,255,.08)}
.hero .sub{filter:drop-shadow(0 -1px 0 rgba(255,255,255,.35)) drop-shadow(0 1px 0 rgba(60,60,60,.95)) drop-shadow(0 2px 0 rgba(30,30,30,.7)) drop-shadow(0 10px 14px rgba(0,0,0,.6))}
/* ===== Hero headline depth + light sweep ===== */
.statement{position:relative;background:linear-gradient(100deg,transparent 40%,rgba(255,250,225,.85) 50%,transparent 60%) -200% 0/250% 100% no-repeat,linear-gradient(180deg,#fff0b8 0%,#f0c94a 30%,#d4a017 55%,#9c720b 80%,#e6b93a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 filter:drop-shadow(0 -1px 0 rgba(255,245,200,.6)) drop-shadow(0 1px 0 #b08210) drop-shadow(0 1px 0 #93690a) drop-shadow(0 1px 0 #765307) drop-shadow(0 1px 0 #5a3f05) drop-shadow(0 6px 6px rgba(0,0,0,.45)) drop-shadow(0 16px 22px rgba(0,0,0,.45));animation:sweep 7s cubic-bezier(.4,0,.2,1) 1.2s infinite}
@keyframes sweep{0%{background-position:-200% 0,0 0}45%,100%{background-position:200% 0,0 0}}
@media(prefers-reduced-motion:reduce){.statement{animation:none}}
/* ===== Burger + drawer ===== */
.burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin:0 .6rem 0 -.6rem;padding:0 10px;background:none;border:1px solid rgba(212,160,23,.0);border-radius:50%;cursor:pointer;transition:border-color .3s}
.burger span{display:block;height:1px;background:var(--gold);transition:width .35s}.burger span:nth-child(1){width:22px}.burger span:nth-child(2){width:14px}.burger span:nth-child(3){width:18px}
.burger:hover{border-color:rgba(212,160,23,.5)}.burger:hover span{width:22px}.burger em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.burger:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.18);z-index:60;opacity:0;transition:opacity .45s cubic-bezier(.22,.61,.36,1)}.scrim.on{opacity:1}
.drawer{position:fixed;top:76px;left:18px;width:min(300px,calc(100vw - 36px));max-height:calc(100vh - 96px);overflow:auto;z-index:70;padding:1.1rem 1.3rem 1rem;display:flex;flex-direction:column;border-radius:18px;background:linear-gradient(160deg,rgba(46,62,97,.72),rgba(24,38,66,.78));backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(212,180,90,.22);box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);opacity:0;transform:translateY(-8px) scale(.97);transform-origin:top left;transition:opacity .4s cubic-bezier(.22,.61,.36,1),transform .4s cubic-bezier(.22,.61,.36,1),visibility 0s .4s;visibility:hidden}
.drawer.open{opacity:1;transform:none;visibility:visible;transition:opacity .4s cubic-bezier(.22,.61,.36,1),transform .4s cubic-bezier(.22,.61,.36,1),visibility 0s}
.d-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:.7rem;border-bottom:1px solid rgba(212,180,90,.16)}.dv{height:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.d-x{background:none;border:1px solid rgba(212,180,90,.3);color:var(--gold);width:28px;height:28px;border-radius:50%;font-size:1rem;line-height:1;cursor:pointer;transition:background .3s,color .3s}.d-x:hover{background:var(--gg);color:#111}
.d-nav{display:flex;flex-direction:column;margin:.5rem 0 .7rem}
.d-nav a{display:flex;align-items:baseline;gap:.8rem;padding:.55rem .2rem;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:1.3rem;font-weight:500;line-height:1.15;color:#ecebe7;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.d-nav a:last-child{border-bottom:0}
.d-nav a i{font:500 .58rem Montserrat,sans-serif;letter-spacing:.2em;color:var(--gold);font-style:normal;opacity:.8}.d-nav a:hover{color:#f0d27a;padding-left:.55rem}
.drawer .d-nav a{opacity:0;transform:translateY(-4px);transition:opacity .35s ease-out,transform .35s ease-out,color .3s,padding-left .35s}.drawer.open .d-nav a{opacity:1;transform:none}
.drawer.open .d-nav a:nth-child(1){transition-delay:.06s}.drawer.open .d-nav a:nth-child(2){transition-delay:.1s}.drawer.open .d-nav a:nth-child(3){transition-delay:.14s}.drawer.open .d-nav a:nth-child(4){transition-delay:.18s}.drawer.open .d-nav a:nth-child(5){transition-delay:.22s}
.d-lang{display:flex;gap:.9rem;padding-top:.6rem;border-top:1px solid rgba(212,180,90,.16)}.d-lang button{font-size:.66rem}.d-foot{margin:.6rem 0 0;font-size:.6rem;letter-spacing:.3em;color:var(--mut);text-transform:uppercase}
@media(max-width:600px){.drawer{top:64px;left:12px;width:calc(100vw - 24px);max-width:320px}}
/* ===== Soft, elegant Live-Vorschau controls ===== */
.pv-ctl{padding:2rem;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 60px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(10px)}
.drop{border-radius:18px;border:1px dashed rgba(212,160,23,.35);background:rgba(255,255,255,.025);box-shadow:0 8px 20px -12px rgba(0,0,0,.7);transition:transform .25s,box-shadow .25s,border-color .25s,background .25s}
.drop:hover,.drop.over{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(0,0,0,.8),0 0 0 1px rgba(212,160,23,0.432),0 0 24px -6px rgba(212,160,23,0.605)}
.pv-lbl{font-weight:400;letter-spacing:.38em;font-size:.64rem}
.pv-in{padding:.7rem 1.2rem;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(0,0,0,.25);box-shadow:inset 0 2px 5px rgba(0,0,0,.5);font-size:1.15rem;transition:border-color .25s,box-shadow .25s}
.pv-in:focus{border-color:rgba(212,160,23,.6);box-shadow:inset 0 2px 5px rgba(0,0,0,.5),0 0 18px -4px rgba(212,160,23,0.691)}
.tpls{gap:.7rem}.tpls .tpl{border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07);color:#cfcbc0;font:400 .95rem "Cormorant Garamond",serif;letter-spacing:.06em;padding:.75rem .4rem .65rem;box-shadow:0 6px 14px -8px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05);transition:transform .2s,box-shadow .2s,border-color .2s,color .2s}
.tpls .tpl:hover{transform:translateY(-2px);box-shadow:0 12px 22px -10px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.07)}
.tpls .tpl.on{color:#f0d27a;border-color:rgba(212,160,23,.55);box-shadow:0 10px 22px -10px rgba(0,0,0,.85),0 0 20px -6px rgba(212,160,23,0.778),inset 0 1px 0 rgba(255,236,170,.15)}
.tpls .ti{border-radius:5px;opacity:.6}.pv-sec{opacity:1}
.dots{gap:.9rem;padding:.7rem 1rem;border-radius:999px;background:rgba(0,0,0,.22);box-shadow:inset 0 2px 5px rgba(0,0,0,.45);width:max-content}
.dot.on{box-shadow:0 0 0 3px #21304f,0 0 0 4.5px var(--gold),0 0 14px rgba(212,160,23,0.95)}
/* soft mock */
.vg{text-shadow:none}
.drawer .d-lang{margin:0;justify-content:flex-start;width:auto}

/* ===== Live-Vorschau: realistic client website mockup ===== */
.pv-frame{border-radius:16px;container-type:inline-size;background:#233252;border:1px solid rgba(255,255,255,.08);box-shadow:0 60px 120px -50px rgba(0,0,0,.95),0 0 0 1px rgba(212,160,23,0.208),inset 0 1px 0 rgba(255,255,255,.06)}
.pv-bar{padding:.65rem 1rem;background:linear-gradient(#2e3f62,#273758);border-bottom:1px solid rgba(0,0,0,.6)}
.pv-bar i:nth-child(1){background:#5a4a43}.pv-bar i:nth-child(2){background:#5a5443}.pv-bar i:nth-child(3){background:#45524a}
.pv-url{margin:0 auto;text-align:center;max-width:320px;background:#1c2a48;box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.mock{--sf:color-mix(in srgb,var(--m-tx) 6%,var(--m-bg));--ln:color-mix(in srgb,var(--m-tx) 14%,transparent);--mu:color-mix(in srgb,var(--m-tx) 66%,var(--m-bg));
 font:400 1.45cqw/1.55 Montserrat,system-ui,sans-serif;background:var(--m-bg);color:var(--m-tx);transition:background-color .35s,color .35s;max-height:min(78vh,1180px);overflow:auto;scrollbar-width:thin}
.mock *{transition:background-color .35s,color .35s,border-color .35s}
.mock small,.m-k{display:block;font-size:.72em;letter-spacing:.32em;text-transform:uppercase;color:var(--m-ac);font-weight:500}
.mock h3,.mock h4,.m-card b,.m-fc b{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;text-shadow:none}
.m-nav{display:flex;align-items:center;gap:2em;padding:1.3em 3em;border-bottom:1px solid var(--ln);position:sticky;top:0;z-index:3;background:color-mix(in srgb,var(--m-bg) 88%,transparent);backdrop-filter:blur(8px)}
.m-brand{display:flex;align-items:center;gap:.7em;margin-right:auto}.m-logo{display:grid;place-items:center;width:2.3em;height:2.3em;border:1px solid var(--m-ac);border-radius:50%;color:var(--m-ac);font:600 .75em Montserrat,sans-serif;letter-spacing:.08em}
.m-bname{font:500 1.35em "Cormorant Garamond",serif;font-style:normal;letter-spacing:.04em}
.m-nav nav{display:flex;gap:2.2em;font-size:.82em;letter-spacing:.06em;color:var(--mu)}.m-nav nav span:first-child{color:var(--m-tx);border-bottom:1px solid var(--m-ac);padding-bottom:.2em}
.m-cta,.m-btn{display:inline-block;background:var(--m-ac);color:var(--m-on-ac);border-radius:99px;padding:.65em 1.5em;font-size:.78em;font-weight:500;letter-spacing:.08em;box-shadow:0 .6em 1.4em -.6em color-mix(in srgb,var(--m-ac) 70%,transparent)}
.m-cta{padding:.55em 1.3em;font-size:.74em}
.m-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:3em;align-items:center;padding:3.5em 3em 3em}
.m-txt h3{font-size:3.6em;line-height:1.02;margin:.35em 0 .4em;letter-spacing:-.01em}.m-txt p{color:var(--mu);font-size:1.05em;max-width:24em;margin:0 0 1.8em}
.m-acts{display:flex;align-items:center;gap:1.6em}.m-link{font-size:.8em;letter-spacing:.06em;color:var(--m-tx);border-bottom:1px solid var(--m-ac);padding-bottom:.15em}
.m-img,.m-gal .g{background:var(--img) center/cover no-repeat,#333;position:relative}
.m-img{aspect-ratio:4/3.4;border-radius:1.1em;box-shadow:0 2em 3.5em -1.8em rgba(0,0,0,.6)}
.m-img::after,.m-gal .g::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--m-bg);mix-blend-mode:soft-light;opacity:.35}
.m-badge{position:absolute;left:-1.4em;bottom:1.6em;z-index:2;display:flex;align-items:center;gap:.7em;background:var(--m-bg);color:var(--m-tx);padding:.8em 1.2em;border-radius:.9em;box-shadow:0 1em 2.2em -1em rgba(0,0,0,.55);font-size:.8em}
.m-badge b{font:600 1.7em "Cormorant Garamond",serif;color:var(--m-ac)}.m-badge i{font-style:normal;color:var(--mu)}
.m-strip{display:flex;justify-content:center;gap:3em;padding:1.1em 3em;border-block:1px solid var(--ln);font-size:.75em;letter-spacing:.2em;text-transform:uppercase;color:var(--mu)}
.m-strip span::before{content:"◆";color:var(--m-ac);margin-right:.9em;font-size:.7em}
.m-sec{padding:3.2em 3em 0}
.m-cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3em}.m-cols h4{font-size:2em;line-height:1.1;margin:.4em 0 0}.m-cols p{color:var(--mu);margin:0;font-size:.92em}
.m-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3em;margin-top:1.3em}
.m-card{background:var(--sf);border:1px solid var(--ln);border-radius:1em;padding:1.6em 1.5em}
.m-ico{display:grid;place-items:center;width:2.6em;height:2.6em;border-radius:.8em;background:color-mix(in srgb,var(--m-ac) 16%,transparent);color:var(--m-ac);font-size:1em}
.m-card b{display:block;font-size:1.45em;margin:.8em 0 .3em}.m-card p{margin:0;color:var(--mu);font-size:.86em}
.m-gh{display:flex;justify-content:space-between;align-items:center}
.m-gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:9em 9em;gap:.8em;margin-top:1.3em}
.m-gal .g{border-radius:.8em}.g1{grid-row:span 2}.g2{background-size:260%!important;background-position:20% 30%!important}.g3{background-size:300%!important;background-position:80% 60%!important;filter:grayscale(.6)}
.g4{background-size:220%!important;background-position:60% 90%!important}.g5{background-size:280%!important;background-position:10% 80%!important;filter:sepia(.35)}.g6{display:none}
.m-foot{display:grid;grid-template-columns:1.5fr 1fr 1.3fr 1fr;gap:2em;margin-top:3.5em;padding:2.6em 3em 1.4em;background:color-mix(in srgb,var(--m-tx) 4%,var(--m-bg));border-top:1px solid var(--ln);font-size:.85em}
.m-fc{display:flex;flex-direction:column;gap:.45em;color:var(--mu)}.m-fc b{color:var(--m-tx);font-size:1.3em;margin-bottom:.3em}.m-fc p{margin:.6em 0 0;max-width:18em}.m-fc .m-logo{margin:0}
.m-copy{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--ln);padding-top:1.2em;margin-top:1em;font-size:.85em;color:var(--mu)}
/* template variations */
.mock[data-tpl="1"] .m-hero{grid-template-columns:1fr;position:relative;padding:0}.mock[data-tpl="1"] .m-img{grid-area:1/1;aspect-ratio:16/8;border-radius:0}
.mock[data-tpl="1"] .m-img::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,color-mix(in srgb,var(--m-bg) 92%,transparent),color-mix(in srgb,var(--m-bg) 30%,transparent) 60%,transparent)}
.mock[data-tpl="1"] .m-txt{grid-area:1/1;position:relative;z-index:2;padding:3em}.mock[data-tpl="1"] .m-badge{left:auto;right:2em}
.mock[data-tpl="2"] .m-hero{grid-template-columns:1.15fr 1fr}.mock[data-tpl="2"] .m-img{order:-1}.mock[data-tpl="2"] .m-badge{left:auto;right:-1.4em}
.mock[data-tpl="3"] .m-hero{grid-template-columns:1fr;text-align:center}.mock[data-tpl="3"] .m-txt p{margin-inline:auto}.mock[data-tpl="3"] .m-acts{justify-content:center}.mock[data-tpl="3"] .m-img{aspect-ratio:16/6}.mock[data-tpl="3"] .m-card{background:none}
.mock[data-tpl="4"] .m-txt h3,.mock[data-tpl="4"] h4{font-style:italic}.mock[data-tpl="4"] .m-hero{border-bottom:3px double var(--m-ac);margin:0 3em;padding-inline:0}
.mock[data-tpl="5"] .m-card{background:var(--m-ac);color:var(--m-on-ac);border:0}.mock[data-tpl="5"] .m-card p{color:inherit;opacity:.8}.mock[data-tpl="5"] .m-ico{background:rgba(255,255,255,.18);color:inherit}
.mock[data-tpl="6"]{background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--m-ac) 30%,transparent) 1px,transparent 0) 0 0/14px 14px,var(--m-bg)}.mock[data-tpl="6"] .m-img{outline:1px solid var(--m-ac);outline-offset:.6em}.mock[data-tpl="6"] .m-card{border-color:color-mix(in srgb,var(--m-ac) 45%,transparent)}
@media(max-width:960px){.mock{max-height:none;font-size:1.75cqw}}
.only-pv .mock{max-height:none}

/* ===== Menu: thin sci-fi glass plate ===== */
.drawer{background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 42%,rgba(160,200,215,.04) 70%,rgba(212,160,23,.05));
 backdrop-filter:blur(10px) saturate(1.35);-webkit-backdrop-filter:blur(10px) saturate(1.35);
 border:1px solid transparent;background-clip:padding-box;isolation:isolate;
 box-shadow:inset 1px 1px 0 rgba(255,255,255,.28),inset -1px -1px 0 rgba(255,255,255,.04),inset 0 0 22px rgba(190,220,235,.05),0 24px 50px -24px rgba(0,0,0,.65)}
.drawer::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;z-index:-1;pointer-events:none;
 background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(212,160,23,.35) 30%,rgba(255,255,255,.06) 55%,rgba(170,215,230,.35) 85%,rgba(255,255,255,.15));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.drawer::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
 background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.13) 45%,rgba(200,230,240,.06) 50%,transparent 62%) -160% 0/250% 100% no-repeat,
 radial-gradient(120% 60% at 0 0,rgba(255,255,255,.10),transparent 60%);animation:glassSweep 7s ease-in-out infinite}
@keyframes glassSweep{0%,25%{background-position:-160% 0,0 0}70%,100%{background-position:260% 0,0 0}}
@media(prefers-reduced-motion:reduce){.drawer::after{animation:none}}
.drawer .d-nav a{color:#f3f1ec;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 10px rgba(0,0,0,.35);border-bottom-color:rgba(255,255,255,.09)}
.scrim{background:rgba(0,0,0,.08)}
.mock[data-tpl="1"] .m-img{box-shadow:none}
/* Impressum / Datenschutz dialog */
.legal{max-width:min(720px,92vw);max-height:84vh;overflow:auto;padding:2.4rem 2.6rem;border-radius:20px;border:1px solid rgba(212,160,23,.3);background:#1d2c49;color:var(--fg);box-shadow:0 40px 90px -30px #000}
.legal::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}.legal h2{margin-top:0}.legal h3{font:500 1.25rem "Cormorant Garamond",serif;color:var(--gold);margin:1.4rem 0 .3rem}.legal p{color:#bdb9ae;margin:0}.legal .mut{margin-top:1.6rem;font-size:.8rem}
.legal .d-x{position:sticky;float:right;top:0}
.drawer{overflow:hidden;max-height:none;scrollbar-width:none}.drawer::-webkit-scrollbar{display:none}.drawer::before{inset:0}

.mock.samples .g1.own{background-image:var(--g1)!important;background-size:cover!important;background-position:center!important;filter:none!important}.mock.samples .g2.own{background-image:var(--g2)!important;background-size:cover!important;background-position:center!important;filter:none!important}.mock.samples .g3.own{background-image:var(--g3)!important;background-size:cover!important;background-position:center!important;filter:none!important}.mock.samples .g4.own{background-image:var(--g4)!important;background-size:cover!important;background-position:center!important;filter:none!important}.mock.samples .g5.own{background-image:var(--g5)!important;background-size:cover!important;background-position:center!important;filter:none!important}.mock.samples .g6.own{background-image:var(--g6)!important;background-size:cover!important;background-position:center!important;filter:none!important}

/* ===== Erweiterungen ===== */
.sk{display:block;font-size:.68rem;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}
/* Chips */
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));color:#cfcbc0;border-radius:999px;padding:.45rem 1rem;font:400 .8rem Montserrat,sans-serif;letter-spacing:.04em;cursor:pointer;box-shadow:0 6px 14px -8px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05);transition:transform .2s,border-color .2s,color .2s,box-shadow .2s}
.chip:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18)}
.chip.on{color:#f0d27a;border-color:rgba(212,160,23,.55);box-shadow:0 0 18px -6px rgba(212,160,23,0.864),inset 0 1px 0 rgba(255,236,170,.15)}
/* Beispiele */
.ex-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.1rem;margin-top:2.6rem}
.ex-card{all:unset;cursor:pointer;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#1e2d4b;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 50px -30px rgba(0,0,0,.9);transition:transform .35s cubic-bezier(.22,.61,.36,1),border-color .3s,box-shadow .35s}
.ex-card:hover,.ex-card:focus-visible{transform:translateY(-5px);border-color:rgba(212,160,23,.35);box-shadow:0 30px 60px -28px rgba(0,0,0,.95),0 0 26px -12px rgba(212,160,23,0.778)}
.ex-card.on{border-color:rgba(212,160,23,.6)}
.ex-img{display:block;aspect-ratio:4/3.2;background:#2a3a5b center/cover;filter:saturate(.9);transition:filter .35s}.ex-card:hover .ex-img{filter:saturate(1.05)}
.ex-txt{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem 1.2rem}
.ex-txt small{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.ex-txt b{font:500 1.3rem/1.15 "Cormorant Garamond",serif;color:#ecebe7}
.ex-txt em{font-style:normal;font-size:.76rem;color:#9a988f;line-height:1.45}
.ex-txt i{font-style:normal;font-size:.72rem;color:#cfcbc0;margin-top:.4rem;opacity:.7}.ex-card:hover .ex-txt i{color:#f0d27a;opacity:1}
@media(max-width:1100px){.ex-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.ex-grid{grid-template-columns:1fr 1fr}}
/* Vorschau: Bühne + Handy */
.pv-stage{position:relative;padding-bottom:2.5rem}
.pv-phone{position:absolute;right:-2.2rem;bottom:0;width:23%;min-width:150px;aspect-ratio:9/19;border-radius:2rem;padding:.5rem;background:linear-gradient(145deg,#2c2c2d,#1a2845);box-shadow:0 40px 70px -30px #000,inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 1px rgba(212,160,23,0.259);container-type:inline-size;z-index:3}
.ph-notch{position:absolute;top:.85rem;left:50%;transform:translateX(-50%);width:28%;height:.9rem;border-radius:99px;background:#13203b;z-index:2}
.ph-mock{height:100%;border-radius:1.55rem;overflow:hidden;font-size:6.2cqw;max-height:none}
.ph-nav{display:flex;justify-content:space-between;align-items:center;padding:2.6em 1.1em .7em}.ph-nav .m-logo{width:2.2em;height:2.2em;font-size:.7em}
.ph-burger{display:flex;flex-direction:column;gap:.25em}.ph-burger i{display:block;width:1.2em;height:1px;background:var(--m-tx)}
.ph-img{height:38%;background:var(--img) center/cover,#333;position:relative}.ph-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--m-bg),transparent 55%)}
.ph-body{padding:0 1.1em;margin-top:-1.6em;position:relative}.ph-body small{font-size:.55em}.ph-body h3{font-size:1.75em;line-height:1.05;margin:.25em 0}.ph-body p{font-size:.68em;color:var(--mu);margin:0 0 .8em}
.ph-body .m-btn{font-size:.6em}.ph-card{display:flex;align-items:center;gap:.6em;margin-top:.7em;padding:.6em;border-radius:.7em;background:var(--sf);border:1px solid var(--ln)}.ph-card .m-ico{width:1.9em;height:1.9em;font-size:.7em}.ph-card b{font-size:.85em}
@media(max-width:960px){.pv-phone{right:.5rem;width:30%;min-width:0}}
/* Gauges */
.gauges{margin-top:1.6rem}.gauges h4{font:500 1.4rem "Cormorant Garamond",serif;margin:0 0 1rem}
.g-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.gauge{position:relative;text-align:center;padding:1.2rem .9rem;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.06)}
.gauge svg{width:96px;height:96px;transform:rotate(-90deg)}.gauge circle{fill:none;stroke-width:6}.gauge .tr{stroke:rgba(255,255,255,.07)}.gauge .br{stroke-linecap:round;transition:stroke-dasharray 1s}
.gauge.g .br{stroke:#D4A017;filter:drop-shadow(0 0 4px rgba(212,160,23,1))}.gauge.m .br{stroke:#c9c6bd}.gauge.b .br{stroke:#a4473f}
.gauge b{position:absolute;left:0;right:0;top:3.05rem;font:500 1.7rem "Cormorant Garamond",serif;color:#ecebe7}
.gauge span{display:block;margin-top:.5rem;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.gauge p{font-size:.78rem;color:#9a988f;margin:.4rem 0 0;line-height:1.45}
@media(max-width:760px){.g-row{grid-template-columns:1fr 1fr}}
/* Pakete */
.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.6rem}
.pk{position:relative;display:flex;flex-direction:column;padding:2rem 1.8rem;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 60px -34px rgba(0,0,0,.9)}
.pk.hi{border-color:rgba(212,160,23,.5);box-shadow:0 30px 60px -30px rgba(0,0,0,.95),0 0 40px -18px rgba(212,160,23,0.864)}
.pk-pop{position:absolute;top:-.75rem;left:1.8rem;background:var(--gg);color:#111;font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;padding:.3rem .8rem;border-radius:99px}
.pk h3{font:500 1.8rem "Cormorant Garamond",serif;margin:0}.pk-d{color:#9a988f;font-size:.88rem;margin:.3rem 0 1.2rem}
.pk-price{display:flex;align-items:baseline;gap:.4rem}.pk-price b{font:500 2.4rem "Cormorant Garamond",serif;color:#f0d27a}.pk-price small{color:#9a988f;font-size:.75rem}
.pk ul{list-style:none;padding:0;margin:1.3rem 0 1.6rem;flex:1}.pk li{padding:.45rem 0 .45rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.88rem;color:#cfcbc0;position:relative}.pk li::before{content:"✓";position:absolute;left:0;color:var(--gold)}
.pk .btn{text-align:center}
/* Rechner */
.rc{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;margin-top:3.5rem;align-items:start}
.rc-main{padding:2rem;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06)}
.rc-main h3{font:500 1.8rem "Cormorant Garamond",serif;margin:0 0 1rem}
.rc-row{display:flex;align-items:center;gap:.9rem;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;font-size:.92rem;color:#d6d3ca}.rc-row>b{margin-left:auto;font-weight:400;color:#9a988f;font-size:.85rem;white-space:nowrap}.rc-row.base{cursor:default}.rc-row.base b{color:#f0d27a}
.rc-row small{display:block;font-size:.72rem;color:#7d7b74}
.rc-row input{position:absolute;opacity:0;pointer-events:none}.ck{width:20px;height:20px;flex:none;border-radius:7px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);box-shadow:inset 0 2px 4px rgba(0,0,0,.5);transition:.2s}
.rc-row input:checked+.ck{background:var(--gg);border-color:transparent;box-shadow:0 0 12px -2px rgba(212,160,23,1)}.rc-row input:checked+.ck::after{content:"✓";display:block;text-align:center;line-height:20px;font-size:.75rem;color:#111}
.rc-row input:focus-visible+.ck{outline:1px solid var(--gold);outline-offset:2px}
.stp{display:flex;align-items:center;gap:.5rem;margin-left:auto}.stp+b{margin-left:1rem!important}.stp button{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#ecebe7;cursor:pointer}.stp button:hover{border-color:var(--gold);color:var(--gold)}.stp output{min-width:1.4rem;text-align:center}
.rc-sum{position:sticky;top:96px;padding:2rem;border-radius:22px;background:linear-gradient(160deg,rgba(212,160,23,.08),rgba(255,255,255,.015));border:1px solid rgba(212,160,23,.3);box-shadow:0 30px 60px -30px #000}
.rc-sum ul{list-style:none;padding:0;margin:.4rem 0 1rem;font-size:.86rem;color:#cfcbc0}.rc-sum li{padding:.25rem 0}
.rc-t{display:flex;justify-content:space-between;padding:.5rem 0;border-top:1px solid rgba(255,255,255,.07);font-size:.88rem;color:#bdb9ae}.rc-t.tot b{font:500 1.6rem "Cormorant Garamond",serif;color:#f0d27a}.rc-t.tot{align-items:baseline;gap:1rem}
.rc-sum .mut{font-size:.75rem}.rc-sum .btn{display:block;text-align:center;margin-top:1rem}
@media(max-width:960px){.pk-grid,.rc{grid-template-columns:1fr}.rc-sum{position:static}}
/* Ablauf */
.tl{list-style:none;padding:0;margin:2.6rem 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;position:relative}
.tl::before{content:"";position:absolute;top:1.4rem;left:1.4rem;right:1.4rem;height:1px;background:linear-gradient(90deg,var(--gold),rgba(212,160,23,.1))}
.tl li{position:relative}.tl-n{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;background:#1c2a48;border:1px solid rgba(212,160,23,.55);color:#f0d27a;font:500 .8rem Montserrat,sans-serif;letter-spacing:.1em;position:relative;box-shadow:0 0 18px -6px rgba(212,160,23,0.864)}
.tl h3{font:500 1.45rem "Cormorant Garamond",serif;margin:1.1rem 0 .4rem}.tl p{color:#9a988f;font-size:.9rem;margin:0}
@media(max-width:860px){.tl{grid-template-columns:1fr}.tl::before{top:0;bottom:0;left:1.4rem;right:auto;width:1px;height:auto}.tl li{padding-left:4rem}.tl-n{position:absolute;left:0;top:0}.tl h3{margin-top:.4rem}}
/* FAQ */
.acc{margin-top:2.2rem;max-width:52rem}
.acc details{border-bottom:1px solid rgba(255,255,255,.07)}.acc summary{list-style:none;cursor:pointer;padding:1.2rem 2.5rem 1.2rem 0;position:relative;font:500 1.3rem "Cormorant Garamond",serif;color:#ecebe7}
.acc summary::-webkit-details-marker{display:none}.acc summary::after{content:"+";position:absolute;right:.4rem;top:50%;transform:translateY(-50%);color:var(--gold);font:300 1.5rem Montserrat,sans-serif;transition:transform .3s}.acc details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.acc p{margin:0 0 1.3rem;color:#9a988f;max-width:44rem}
/* Kontakt-Assistent */
.ct-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;margin-top:2rem;align-items:start}
.wiz{padding:2rem;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 60px -34px #000}
.wiz h3{font:500 1.7rem "Cormorant Garamond",serif;margin:.6rem 0 1.2rem}
.wz-top{display:flex;align-items:center;gap:1rem;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.wz-bar{flex:1;height:2px;background:rgba(255,255,255,.08);border-radius:2px}.wz-bar i{display:block;height:100%;background:var(--gg);border-radius:2px;transition:width .4s}
.wiz label{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#9a988f;margin-bottom:1rem}
.wiz input,.wiz textarea{display:block;width:100%;box-sizing:border-box;margin-top:.45rem;padding:.75rem 1.1rem;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.25);box-shadow:inset 0 2px 5px rgba(0,0,0,.5);color:var(--fg);font:400 .95rem Montserrat,sans-serif;letter-spacing:0;text-transform:none;resize:vertical}
.wiz input:focus,.wiz textarea:focus{outline:0;border-color:rgba(212,160,23,.6)}
.wz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.4rem}.lnk{background:none;border:0;color:#9a988f;cursor:pointer;font:400 .85rem Montserrat,sans-serif}.lnk:hover{color:var(--gold)}
.wz-pre{white-space:pre-wrap;font:400 .82rem/1.55 Montserrat,sans-serif;color:#cfcbc0;background:rgba(0,0,0,.25);border-radius:14px;padding:1rem 1.2rem;max-height:220px;overflow:auto;border:1px solid rgba(255,255,255,.06)}
.wz-acts{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.btn.ghost{background:none}
@media(max-width:860px){.ct-grid{grid-template-columns:1fr}}
/* Nach oben */
.totop{position:fixed;right:1.4rem;bottom:1.4rem;z-index:50;width:46px;height:46px;border-radius:50%;border:1px solid rgba(212,160,23,.4);background:rgba(28,42,72,.6);backdrop-filter:blur(8px);color:var(--gold);font-size:1.1rem;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s,transform .3s}
.totop.on{opacity:1;transform:none;pointer-events:auto}.totop:hover{box-shadow:0 0 18px -4px rgba(212,160,23,1)}
.only-pv .totop{display:none}
.only-sec>section{padding-top:7rem}
.gauges{padding:1.6rem;border-radius:20px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.05)}
.gauge svg{width:112px;height:112px}.gauge b{top:3.4rem;font-size:2rem}.gauge p{font-size:.8rem}
.pk .btn,.rc-sum .btn{white-space:nowrap;letter-spacing:.14em;font-size:.72rem;padding:.95rem 1rem}
.rc-row>b small{display:inline;font-size:.75rem}
.pk-price b{font-size:2.6rem}
@media(max-width:640px){.wrap{padding:5.5rem 6vw}.pk-grid{gap:1.6rem}.rc-main,.rc-sum,.wiz,.pv-ctl{padding:1.4rem}.totop{right:1rem;bottom:1rem;width:42px;height:42px}.tl{gap:1.8rem}.acc summary{font-size:1.15rem}}
.social{flex-wrap:wrap}
@media(max-width:480px){.nav{padding-left:3vw;padding-right:3vw}.nav .lang{gap:0;margin-left:auto;flex:none}.nav .lang button{padding:.2rem .32rem;font-size:.66rem;letter-spacing:.05em}.burger{margin-right:.2rem}.brandlink{min-width:0}}
/* ===== Kompakter Rhythmus: zentrale Abschnitts-Abstände (config.js layout.sectionSpace) ===== */
:root{--sec:5.5rem}
.wrap{padding:var(--sec) 6vw}
.pv-grid,.ex-grid,.pk-grid,.tl,.acc{margin-top:2rem}
.rc{margin-top:2.4rem}
@media(max-width:640px){.wrap{padding:calc(var(--sec)*.6) 6vw}}

/* ===== Schaukasten ===== */
.sk-scroll{height:240vh;position:relative}.skx.nosc .sk-scroll{height:auto}
.sk-sticky{position:sticky;top:0;min-height:100vh;display:grid;grid-template-columns:.8fr 1.4fr;gap:3rem;align-items:center;padding:5rem 0 2rem}
.skx.nosc .sk-sticky{position:relative;min-height:0}
.sk-copy{position:relative;min-height:22rem}
.sk-txt{position:absolute;inset:2.2rem 0 auto 0;transition:opacity .6s,transform .6s}
.sk-txt h2{font-size:clamp(2rem,3.4vw,2.9rem)}.sk-txt p{color:#bdb9ae;max-width:26rem}
.sk-txt.l{opacity:0;transform:translateY(16px);pointer-events:none}.skx.lit .sk-txt.r{opacity:0;transform:translateY(-16px)}.skx.lit .sk-txt.l{opacity:1;transform:none;pointer-events:auto}
.sk-hint{display:inline-block;margin-top:1rem;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:#7d7b74}.sk-hint::after{content:" ↓";color:var(--gold)}
.sk-stage{position:relative;aspect-ratio:760/460;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 40% 30%,#2c2c2b,#1c2a48 75%);border:1px solid rgba(255,255,255,.06);box-shadow:0 50px 100px -50px #000}
.sk-wire{position:absolute;inset:0;width:100%;height:100%;opacity:calc(1 - var(--p)*.92)}
.sk-wire .gr{fill:none;stroke:rgba(190,200,210,.06);stroke-width:1}
.sk-wire .ln *{fill:none;stroke:rgba(212,170,60,.75);stroke-width:1.2;stroke-dasharray:6 4;stroke-linecap:round}
.sk-wire .ln .hx,.sk-wire .ln .ph{stroke:rgba(205,210,215,.7);stroke-dasharray:none}.sk-wire .ln .th{stroke-width:3;stroke-dasharray:none}
.sk-wire .ln .dim,.sk-wire .ln .sc{stroke:rgba(200,205,210,.35);stroke-dasharray:none;stroke-width:1}
.sk-wire .lb{fill:#d9c27a;font:500 11px Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.skx:not(.nosc) .sk-wire .ln *{animation:skdraw 4s linear infinite}@keyframes skdraw{to{stroke-dashoffset:-40}}
.sk-real{position:absolute;inset:0;opacity:var(--p);filter:brightness(calc(.4 + var(--p)*.6)) saturate(var(--p));transform:scale(calc(.97 + var(--p)*.03))}
.skr-br{position:absolute;left:5.3%;top:8.7%;width:73.7%;height:78.3%;border-radius:12px;overflow:hidden;background:var(--sb);color:var(--st);box-shadow:0 30px 60px -25px #000;container-type:inline-size;font-size:1.7cqw}
.skr-bar{display:flex;align-items:center;gap:.45em;height:7%;padding:0 1em;background:#263656}.skr-bar i{width:.6em;height:.6em;border-radius:50%;background:#444}.skr-bar span{margin:0 auto;font-size:.75em;color:#8a877e;background:#1c2a48;padding:.15em 1.4em;border-radius:99px}
.skr-page{height:93%;display:flex;flex-direction:column}
.skr-nav{display:flex;align-items:center;gap:1.4em;padding:.9em 2em;font-size:.8em;color:color-mix(in srgb,var(--st) 70%,var(--sb))}.skr-nav em{font:500 1.4em "Cormorant Garamond",serif;font-style:normal;color:var(--st);margin-right:auto}
.skr-logo{display:grid;place-items:center;width:2.2em;height:2.2em;border:1px solid var(--sa);border-radius:50%;color:var(--sa);font-size:.8em}
.skr-nav u{text-decoration:none;background:var(--sa);color:#111;padding:.4em 1em;border-radius:99px}
.skr-hero{flex:1;position:relative;background:var(--skimg) center/cover;display:flex;align-items:center;padding:0 2em}
.skr-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--sb) 5%,color-mix(in srgb,var(--sb) 40%,transparent) 55%,transparent)}
.skr-hero>div{position:relative;max-width:48%}.skr-hero small{color:var(--sa);letter-spacing:.3em;text-transform:uppercase;font-size:.65em}.skr-hero h3{font-size:3.3em;margin:.2em 0;line-height:1}.skr-hero p{font-size:.9em;opacity:.8;margin:0 0 1em}
.skr-btn{display:inline-block;background:var(--sa);color:#111;border-radius:99px;padding:.5em 1.3em;font-size:.75em}
.skr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;padding:1.2em 2em}.skr-cards div{padding:.9em;border-radius:.8em;background:color-mix(in srgb,var(--st) 6%,var(--sb));border:1px solid color-mix(in srgb,var(--st) 12%,transparent)}.skr-cards b{font:500 1.2em "Cormorant Garamond",serif}.skr-cards p{margin:.2em 0 0;font-size:.72em;opacity:.65}
.skr-ph{position:absolute;left:77.6%;top:32.6%;width:18.4%;height:60.9%;border-radius:16px;overflow:hidden;background:var(--sb);color:var(--st);box-shadow:0 20px 40px -15px #000,0 0 0 4px #233252;container-type:inline-size;font-size:7cqw}
.skr-phi{height:45%;background:var(--skimg) center/cover}.skr-phb{padding:.8em}.skr-phb small{color:var(--sa);font-size:.6em;letter-spacing:.2em;text-transform:uppercase}.skr-phb b{display:block;font:500 1.6em/1.05 "Cormorant Garamond",serif;margin:.2em 0 .5em}.skr-phb .skr-btn{font-size:.7em}
.sk-beam{position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,236,170,.0) 44%,rgba(255,236,170,.45) 50%,rgba(255,255,255,.12) 53%,transparent 60%);transform:translateX(calc(-70% + var(--p)*140%));opacity:calc(1 - (var(--p)*2 - 1)*(var(--p)*2 - 1));mix-blend-mode:screen}
.skx.nosc .sk-beam{display:none}
/* Tabs */
.sk-tabs{margin-top:calc(var(--sec)*.8)}
.tabbar{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 1.6rem}
.tab{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#bdb9ae;border-radius:999px;padding:.6rem 1.2rem;font:400 .85rem Montserrat,sans-serif;cursor:pointer;transition:.25s}
.tab:hover{color:#ecebe7;border-color:rgba(255,255,255,.2)}.tab.on{color:#111;background:var(--gg);border-color:transparent;box-shadow:0 8px 24px -13.4px rgba(212,160,23,1)}
.pane{display:none;grid-template-columns:1fr 1.25fr;gap:2.4rem;align-items:center;padding:2rem;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.07)}
.pane.on{display:grid;animation:paneIn .5s ease-out}@keyframes paneIn{from{opacity:0;transform:translateY(8px)}}
.pane h3{font:500 2rem "Cormorant Garamond",serif;margin:.2rem 0 .6rem}.pane p{color:#9a988f;margin:0 0 1.2rem}.pane .chip{cursor:default}
.demo{position:relative;min-height:300px;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,#324367,#1a2845 75%);border:1px solid rgba(212,160,23,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.demo-k{position:absolute;top:.8rem;left:1rem;z-index:3;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.8}
.demo-in{position:absolute;inset:0}
/* panel */
.dp{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:center;height:100%;padding:2.4rem 1.6rem 1.4rem;box-sizing:border-box}
.dp-card{padding:1.2rem;border-radius:14px;background:#f6f3ee;color:#1b1b1c;box-shadow:0 20px 40px -20px #000}.dp-card b{display:block;font:500 1.4rem "Cormorant Garamond",serif}
.dp-ok{color:#2f7a4f;font-size:.8rem}.dp-no{color:#a4473f;font-size:.8rem}.dp-offer{margin:.7rem 0 0!important;padding:.5rem .7rem;border-radius:8px;background:#efe3c2;color:#6b5317!important;font-size:.82rem}.dp-hol{margin:.6rem 0 0!important;padding:.5rem .7rem;border-radius:8px;background:#e8e5df;color:#555!important;font-size:.8rem}
.dp-sw{display:flex;flex-direction:column;gap:.9rem}.sw{display:flex;align-items:center;gap:.7rem;font-size:.85rem;color:#d6d3ca;cursor:pointer}.sw input{position:absolute;opacity:0}
.sw i{width:40px;height:22px;border-radius:99px;background:rgba(255,255,255,.12);position:relative;transition:.25s;flex:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}.sw i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#cfcbc0;transition:.25s}
.sw input:checked+i{background:var(--gg)}.sw input:checked+i::after{left:21px;background:#fff}.sw input:focus-visible+i{outline:1px solid var(--gold);outline-offset:2px}
/* images */
.di{--x:0;--y:0;position:absolute;inset:0;overflow:hidden;cursor:crosshair}
.di-l{position:absolute;inset:-8%;background:var(--img) center/cover;transition:transform .25s ease-out}
.di-l.b{transform:translate(calc(var(--x)*-18px),calc(var(--y)*-18px)) scale(1.08);filter:blur(1px) brightness(.8)}
.di-l.f{-webkit-mask:radial-gradient(circle at calc(50% + var(--x)*100%) calc(50% + var(--y)*100%),#000 0 28%,transparent 46%);mask:radial-gradient(circle at calc(50% + var(--x)*100%) calc(50% + var(--y)*100%),#000 0 28%,transparent 46%);transform:translate(calc(var(--x)*14px),calc(var(--y)*14px)) scale(1.14)}
.skx:not(.nosc) .di-l.b{animation:kb 14s ease-in-out infinite alternate}@keyframes kb{to{background-position:60% 40%}}
.di-glow{position:absolute;inset:0;background:radial-gradient(circle at calc(50% + var(--x)*100%) calc(50% + var(--y)*100%),rgba(255,230,160,.25),transparent 40%);pointer-events:none}
/* interact */
.dx{padding:2.6rem 1.8rem 1.4rem}.dx p{margin:0 0 .5rem!important;color:#ecebe7!important;font:500 1.15rem "Cormorant Garamond",serif}
.stars{display:flex;gap:.3rem}.stars button{background:none;border:0;font-size:1.6rem;color:#444;cursor:pointer;transition:.2s}.stars button.on,.stars button:hover{color:#f0d27a;text-shadow:0 0 12px rgba(212,160,23,1)}
.dx small{display:block;color:var(--gold);font-size:.75rem;margin:.2rem 0 1rem;min-height:1em}
.bar{position:relative;display:flex;justify-content:space-between;width:100%;margin:.35rem 0;padding:.55rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#ecebe7;font:400 .85rem Montserrat,sans-serif;cursor:pointer;overflow:hidden}
.bar span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(212,160,23,.35),rgba(212,160,23,.1));transition:width .6s}.bar em,.bar b{position:relative;font-style:normal;font-weight:400}.bar.my{border-color:rgba(212,160,23,.6)}
/* lang */
.dl{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;padding:2rem}
.dl-sw{display:flex;gap:.3rem;padding:.3rem;border-radius:99px;background:rgba(0,0,0,.3);margin-bottom:1.6rem}.dl-sw button{border:0;background:none;color:#9a988f;padding:.4rem .9rem;border-radius:99px;cursor:pointer;font:500 .75rem Montserrat,sans-serif;letter-spacing:.15em}.dl-sw button.on{background:var(--gg);color:#111}
.dl h4{font:500 2.4rem "Cormorant Garamond",serif;margin:0;color:#ecebe7;animation:paneIn .4s}.dl p{margin:.3rem 0 .8rem!important}.dl small{color:var(--gold);letter-spacing:.1em;font-size:.75rem}
/* ads */
.da{position:absolute;inset:0;background:linear-gradient(135deg,#273758,#2b2410)}
.ad{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:2.4rem;opacity:0;transform:translateX(30px);transition:opacity .7s,transform .7s}.ad.on{opacity:1;transform:none}
.ad small{color:#111;background:var(--gg);align-self:flex-start;padding:.25rem .8rem;border-radius:99px;font-size:.62rem;letter-spacing:.25em;text-transform:uppercase}.ad b{font:500 2.2rem/1.1 "Cormorant Garamond",serif;color:#ecebe7;margin-top:.8rem;max-width:20ch}
.ad-dots{position:absolute;bottom:1.2rem;left:2.4rem;display:flex;gap:.5rem}.ad-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.25);cursor:pointer;padding:0}.ad-dots button.on{background:var(--gold);width:22px;border-radius:4px}
/* firefly */
.ff{position:absolute;inset:0;width:100%;height:100%;cursor:none;background:radial-gradient(ellipse at 50% 120%,rgba(60,70,40,.35),transparent 60%)}
.ff-hint{position:absolute;bottom:1rem;left:0;right:0;text-align:center;font-size:.72rem;color:#7d7b74;letter-spacing:.1em;pointer-events:none;transition:opacity .5s}.used .ff-hint{opacity:0}
@media(max-width:960px){.sk-sticky{grid-template-columns:1fr;gap:1.2rem;padding-top:4.5rem;align-content:center}.sk-copy{min-height:15rem}.pane{grid-template-columns:1fr;padding:1.3rem}.dp{grid-template-columns:1fr;padding-top:2.4rem}.demo{min-height:280px}}
@media(prefers-reduced-motion:reduce){.sk-wire .ln *,.di-l.b{animation:none}.pane.on{animation:none}}
.sk-stage{container-type:inline-size}.skr-br{font-size:1.25cqw}.skr-ph{font-size:1.3cqw}
.skx.nosc .sk-txt,.skx.nosc .sk-real{transition:none}
.skx.nosc .sk-copy{min-height:20rem}
/* ===== Beispiele: 3D-Glas-Endlosband ===== */
.ex-belt{position:relative;margin:2rem -6vw 0;padding:2.5rem 0 4.5rem;overflow:hidden;perspective:1400px;-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ex-track{display:flex;gap:1.6rem;width:max-content;padding:0 6vw;transform-style:preserve-3d;will-change:transform}
.ex-belt .ex-card{--d:0;width:250px;flex:none;border:0;background:none;box-shadow:none;border-radius:0;overflow:visible;transform:rotateY(calc(var(--d)*-22deg)) translateZ(calc((1 - var(--d)*var(--d))*30px)) scale(calc(1 - var(--d)*var(--d)*.07));transition:none}
.ex-belt .ex-card:hover{transform:rotateY(calc(var(--d)*-10deg)) translateZ(60px) scale(1.03)}
.ex-in{position:relative;display:flex;flex-direction:column;height:360px;border-radius:125px/150px;overflow:hidden;
 background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 45%,rgba(212,160,23,.05));backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);
 border:1px solid rgba(255,255,255,.14);box-shadow:inset 1px 1px 0 rgba(255,255,255,.3),inset -1px -1px 0 rgba(255,255,255,.04),0 2px 0 rgba(212,160,23,0.259),0 30px 50px -26px rgba(0,0,0,.95),0 12px 20px -12px rgba(0,0,0,.6);
 -webkit-box-reflect:below 10px linear-gradient(transparent 72%,rgba(0,0,0,.22));
 opacity:0;transform:translateX(140px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1),border-color .3s,box-shadow .3s;transition-delay:calc(var(--i)*135ms)}
.ex-belt.in .ex-in{opacity:1;transform:none}
.ex-belt .ex-card:hover .ex-in,.ex-belt .ex-card.on .ex-in{border-color:rgba(212,160,23,.55);box-shadow:inset 1px 1px 0 rgba(255,236,170,.4),0 0 30px -8px rgba(212,160,23,0.864),0 30px 50px -26px #000}
.ex-belt .ex-img{flex:none;height:52%;aspect-ratio:auto;margin:10px 10px 0;border-radius:115px 115px 18px 18px/120px 120px 18px 18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.ex-glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.22) 0,rgba(255,255,255,.04) 28%,transparent 42%),radial-gradient(60% 30% at 30% 0,rgba(255,255,255,.18),transparent 70%);mix-blend-mode:screen}
.ex-belt .ex-txt{padding:.9rem 1.4rem 1rem;text-align:center;align-items:center}
.ex-belt .ex-txt em{font-size:.72rem}
@media(max-width:640px){.ex-belt .ex-card{width:200px}.ex-in{height:300px;border-radius:100px/130px}}
@media(prefers-reduced-motion:reduce){.ex-in{transition:none;opacity:1;transform:none}.ex-belt .ex-card{transform:none}}
.sk-copy{display:grid;min-height:0!important}.sk-copy>.sk{grid-area:1/1;align-self:start}.sk-txt{position:relative;inset:auto;grid-area:2/1}
/* Band-Kacheln: Querformat-Glasplatten */
.ex-belt .ex-card{width:340px}
.ex-in{height:auto;aspect-ratio:16/10;border-radius:12px;border:1px solid rgba(212,160,23,.38);display:block}
.ex-belt .ex-img{position:absolute;inset:7px;height:auto;margin:0;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ex-belt .ex-img::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top,rgba(18,31,57,.92) 8%,rgba(18,31,57,.45) 45%,transparent 70%)}
.ex-belt .ex-txt{position:absolute;left:7px;right:7px;bottom:7px;padding:.8rem 1rem .75rem;text-align:left;align-items:flex-start;gap:.15rem}
.ex-belt .ex-txt b{font-size:1.25rem}.ex-belt .ex-txt em{font-size:.7rem;color:#bdb9ae}.ex-belt .ex-txt i{margin-top:.2rem}
.ex-v{position:absolute;top:14px;left:14px;width:18px;height:auto;opacity:.75;z-index:3;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}
.ex-glare{z-index:2;border-radius:12px}
.ex-belt .ex-card:hover .ex-in,.ex-belt .ex-card.on .ex-in{border-color:rgba(240,210,122,.8)}
@media(max-width:640px){.ex-belt .ex-card{width:260px}.ex-in{height:auto;border-radius:10px}}

/* ===== Hero 2: zweispaltig ===== */
.hero2{position:relative;overflow:hidden;min-height:min(100vh,940px);display:flex;align-items:center;justify-content:center;text-align:left;padding:6.5rem 6vw 3.5rem;
 background:radial-gradient(ellipse 45% 60% at 72% 48%,rgba(212,160,23,.16),transparent 60%),radial-gradient(ellipse 70% 80% at 70% 45%,#4d4d4b 0,#2e2e2d 45%,#1e2d4b 78%,var(--bg) 100%)}
.h-grid{position:absolute;inset:0;pointer-events:none;opacity:.5;background:linear-gradient(rgba(212,160,23,.07) 1px,transparent 1px) 0 0/100% 88px,linear-gradient(90deg,rgba(212,160,23,.07) 1px,transparent 1px) 0 0/88px 100%;-webkit-mask:radial-gradient(ellipse 60% 70% at 70% 50%,#000,transparent 75%);mask:radial-gradient(ellipse 60% 70% at 70% 50%,#000,transparent 75%)}
.h-in{position:relative;width:100%;max-width:1280px;display:grid;grid-template-columns:1.05fr 1fr;gap:4vw;align-items:center}
.h-copy{display:flex;flex-direction:column;align-items:flex-start}
.hero2 .kicker{margin:0;font-size:.68rem;letter-spacing:.48em}
.hero2 .hair{margin:1.1rem 0 1.2rem;width:90px;background:linear-gradient(90deg,var(--gold),transparent)}
.hero2 .statement{font-size:clamp(3rem,6.4vw,6.4rem);line-height:1.12;margin:0;padding:0 .06em .22em 0;text-align:left}
.hero2 .sub{text-align:left;font-size:clamp(1.5rem,2.4vw,2.35rem)!important;line-height:1.25;max-width:22ch!important;white-space:normal!important;margin:.6rem 0 2.2rem;color:#d8d6d0}
.h-cta{display:flex;gap:.9rem;flex-wrap:wrap}.h-cta .btn.ghost{background:none;border:1px solid rgba(212,160,23,.55);color:#f0d27a}.h-cta .btn.ghost:hover{background:rgba(212,160,23,.08)}
.h-art{position:relative;display:grid;place-items:center;aspect-ratio:1/1;max-height:76vh}
.h-glow{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(255,214,110,.32),rgba(212,160,23,.12) 38%,transparent 68%);filter:blur(10px);animation:hglow 7s ease-in-out infinite}
@keyframes hglow{50%{opacity:.7;transform:scale(.96)}}
.h-ring{position:absolute;inset:6%;border-radius:50%;border:1px solid rgba(212,160,23,.22);box-shadow:inset 0 0 0 28px transparent,0 0 0 1px rgba(255,255,255,.03)}
.h-ring::before,.h-ring::after{content:"";position:absolute;background:linear-gradient(90deg,transparent,rgba(212,160,23,.4),transparent)}.h-ring::before{left:-6%;right:-6%;top:50%;height:1px}.h-ring::after{top:-6%;bottom:-6%;left:50%;width:1px;background:linear-gradient(transparent,rgba(212,160,23,.35),transparent)}
.hero2 .stage{width:78%!important;margin:0!important}
.nofloat .stage{animation:none!important}
/* Einlauf */
.hero2 .h-copy>*{animation:hin .9s cubic-bezier(.22,.61,.36,1) both}.hero2 .h-copy>*:nth-child(2){animation-delay:.08s}.hero2 .h-copy>*:nth-child(3){animation-delay:.16s}.hero2 .h-copy>*:nth-child(4){animation-delay:.26s}.hero2 .h-copy>*:nth-child(5){animation-delay:.36s}
.hero2 .h-art{animation:hart 1.2s cubic-bezier(.22,.61,.36,1) both .1s}
@keyframes hin{from{opacity:0;transform:translateY(18px)}}@keyframes hart{from{opacity:0;transform:scale(.94) translateX(30px)}}
@media(prefers-reduced-motion:reduce){.hero2 .h-copy>*,.hero2 .h-art,.h-glow{animation:none}}
@media(max-width:900px){.hero2{min-height:0;padding:5.5rem 6vw 3rem}.h-in{grid-template-columns:1fr;gap:1rem;text-align:center}.h-art{order:-1;width:min(300px,72vw);margin:0 auto;max-height:none}
 .h-copy{align-items:center}.hero2 .statement,.hero2 .sub{text-align:center}.hero2 .sub{margin-inline:auto;font-size:1.55rem!important}.hero2 .hair{background:linear-gradient(90deg,transparent,var(--gold),transparent)}.h-cta{justify-content:center}.hero2 .statement{font-size:clamp(2.6rem,11vw,3.6rem)}
 .hero2 .h-grid{-webkit-mask:radial-gradient(ellipse 80% 40% at 50% 25%,#000,transparent 75%);mask:radial-gradient(ellipse 80% 40% at 50% 25%,#000,transparent 75%)}}
.static .hero2 .h-copy>*,.static .hero2 .h-art{animation:none}
.hero2 .stage{width:86%!important}
@media(max-width:900px){.h-cta .btn{padding:.85rem 1.3rem;font-size:.7rem}.h-cta{gap:.6rem}}
/* Hero: „Vecom“ Gold, „Design“ 3D-Silber (Wörter aus SITE.brand). Tiefe (filter) außen, Füllung innen */
.statement:has(.st1){background:none;filter:none;animation:none;-webkit-text-fill-color:initial}
.statement .st1,.statement .st2{display:inline-block}
.statement .st1>span,.statement .st2>span{display:inline-block;padding:0 .04em .2em;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:sweep 7s cubic-bezier(.4,0,.2,1) 1.2s infinite}
.statement .st1>span{background:linear-gradient(100deg,transparent 40%,rgba(255,250,225,.85) 50%,transparent 60%) -200% 0/250% 100% no-repeat,linear-gradient(180deg,#fff0b8 0%,#f0c94a 30%,#d4a017 55%,#9c720b 80%,#e6b93a 100%)}
.statement .st2>span{background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.9) 50%,transparent 60%) -200% 0/250% 100% no-repeat,linear-gradient(180deg,#ffffff 0%,#eceef0 26%,#b4b8bd 52%,#878b91 78%,#d3d6da 100%)}
.statement .st1{filter:drop-shadow(0 -1px 0 rgba(255,245,200,.6)) drop-shadow(0 1px 0 #b08210) drop-shadow(0 1px 0 #93690a) drop-shadow(0 1px 0 #765307) drop-shadow(0 1px 0 #5a3f05) drop-shadow(0 6px 6px rgba(0,0,0,.45)) drop-shadow(0 16px 22px rgba(0,0,0,.45))}
.statement .st2{filter:drop-shadow(0 -1px 0 rgba(255,255,255,.7)) drop-shadow(0 1px 0 #9a9ea3) drop-shadow(0 1px 0 #7f8388) drop-shadow(0 1px 0 #65686d) drop-shadow(0 1px 0 #4b4e52) drop-shadow(0 6px 6px rgba(0,0,0,.45)) drop-shadow(0 16px 22px rgba(0,0,0,.45))}
@media(prefers-reduced-motion:reduce){.statement .st1>span,.statement .st2>span{animation:none}}
.statement .st1>span,.statement .st2>span{-webkit-background-clip:text;background-clip:text}
/* Hero-Slogan: klares Weiß, moderne Schrift (config.js fonts.slogan), plastischer 3D-Effekt */
:root{--slogan:#ffffff;--slogan-font:"Montserrat"}
.hero2 .sub{font-family:var(--slogan-font),Montserrat,system-ui,sans-serif!important;font-weight:300!important;font-size:clamp(1.25rem,1.9vw,1.85rem)!important;letter-spacing:.015em;line-height:1.45;max-width:26ch!important;color:var(--slogan)!important;-webkit-text-fill-color:var(--slogan);filter:none!important;
 text-shadow:0 -1px 0 rgba(255,255,255,.55),0 1px 0 #cfcfcf,0 2px 0 #b5b5b5,0 3px 0 #9a9a9a,0 4px 0 #7d7d7d,0 5px 1px rgba(0,0,0,.35),0 8px 10px rgba(0,0,0,.45),0 16px 24px rgba(0,0,0,.35)}
@media(max-width:900px){.hero2 .sub{font-size:1.2rem!important;text-shadow:0 -1px 0 rgba(255,255,255,.5),0 1px 0 #c9c9c9,0 2px 0 #a5a5a5,0 3px 0 #808080,0 4px 2px rgba(0,0,0,.4),0 8px 14px rgba(0,0,0,.4)}}
.hero2 .sub{font-weight:300!important;letter-spacing:.03em;text-shadow:0 -1px 0 rgba(255,255,255,.35),0 1px 0 rgba(150,150,150,.9),0 2px 0 rgba(95,95,95,.75),0 3px 2px rgba(0,0,0,.45),0 10px 18px rgba(0,0,0,.5)!important}
/* V-Mauszeiger (config.js cursor) – Spitze unten = Hotspot */
.vcur,.vcur body{cursor:var(--cur)}
.vcur a,.vcur button,.vcur label,.vcur summary,.vcur [role=tab],.vcur .chip,.vcur .ex-card,.vcur .dot,.vcur .tpl{cursor:var(--cur-h)}
.vcur input,.vcur textarea{cursor:text}
.vcur .ff{cursor:none}
/* ===== Vorher / Nachher ===== */
.ba-wrap{margin-top:1.5rem}.ba-h{font:500 clamp(1.6rem,2.6vw,2.2rem) "Cormorant Garamond",serif;margin:.2rem 0 .4rem}
.ba{--ba:50%;position:relative;margin-top:1.6rem;aspect-ratio:16/7.5;border-radius:18px;overflow:hidden;border:1px solid rgba(212,160,23,.35);box-shadow:0 40px 80px -40px #000;user-select:none;touch-action:pan-y;cursor:ew-resize;container-type:inline-size}
.ba-old,.ba-new{position:absolute;inset:0}
.ba-old{background:var(--ba-old);color:#222;font:1.25cqw/1.35 "Times New Roman",Times,serif}
.bo-top{background:linear-gradient(#4a6fa5,#2c4a7a);color:#fff;padding:1em 1.4em;display:flex;align-items:center;gap:2em;border-bottom:3px ridge #c0c0c0}
.bo-top b{font:bold 2em "Comic Sans MS","Comic Neue",cursive;text-shadow:2px 2px 0 #000}.bo-nav{font-size:1em;text-decoration:underline;color:#ff0}
.bo-body{display:grid;grid-template-columns:34% 1fr;gap:1.6em;padding:1.6em}
.bo-img{aspect-ratio:4/3;background:center/cover;border:4px outset #bbb;filter:saturate(.55) contrast(.85) blur(.6px)}
.ba-old h4{font:bold 1.9em "Comic Sans MS","Comic Neue",cursive;color:#c00;margin:0 0 .5em}.ba-old p{margin:0 0 .8em}.ba-old a{color:var(--ba-link);text-decoration:underline}
.ba-old table{margin-top:1.4em;border:2px inset #999;background:#ddd;font-size:.85em}.ba-old td{padding:.3em .8em;border:1px solid #aaa}
.ba-new{clip-path:inset(0 0 0 var(--ba));background:#1d2b48;color:#f1eee8;font:1.15cqw/1.5 Montserrat,sans-serif}
.bn-nav{display:flex;align-items:center;gap:1.8em;padding:1.1em 2.2em;border-bottom:1px solid rgba(255,255,255,.08)}
.bn-logo{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;border:1px solid var(--gold);color:var(--gold);font-size:.8em}
.bn-nav em{font:500 1.6em "Cormorant Garamond",serif;font-style:normal;margin-right:auto}.bn-nav i{font-style:normal;opacity:.65;font-size:.85em}.bn-nav u{text-decoration:none;background:var(--gg);color:#111;padding:.45em 1.2em;border-radius:99px;font-size:.8em}
.bn-hero{position:relative;height:66%;background:center/cover;display:flex;align-items:center;padding:0 2.4em}
.bn-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1d2b48 8%,rgba(29,43,72,.55) 50%,transparent)}
.bn-hero>div{position:relative;max-width:46%}.bn-hero small{color:var(--gold);letter-spacing:.3em;text-transform:uppercase;font-size:.7em}.bn-hero h4{font:500 3.6em/1 "Cormorant Garamond",serif;margin:.2em 0}.bn-hero p{opacity:.8;margin:0 0 1.2em}
.bn-hero span{display:inline-block;background:var(--gg);color:#111;padding:.55em 1.4em;border-radius:99px;font-size:.8em}
.bn-strip{display:flex;justify-content:center;gap:3em;padding:1.2em;font-size:.75em;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.bn-strip span::before{content:"◆ ";color:var(--gold)}
.ba-lb{position:absolute;top:1rem;z-index:3;padding:.3rem .8rem;border-radius:99px;font:500 .62rem Montserrat,sans-serif;letter-spacing:.28em;text-transform:uppercase;background:rgba(0,0,0,.55);color:#ecebe7;backdrop-filter:blur(6px);pointer-events:none}
.ba-lb.l{left:1rem}.ba-lb.r{right:1rem;color:#f0d27a;border:1px solid rgba(212,160,23,.45)}
.ba-hd{position:absolute;top:0;bottom:0;left:var(--ba);width:2px;margin-left:-1px;z-index:4;background:linear-gradient(transparent,var(--ba-h) 12%,var(--ba-h) 88%,transparent);box-shadow:0 0 14px rgba(212,160,23,1);outline:none}
.ba-knob{position:absolute;top:50%;left:50%;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#3a3a3a,#1c2a47);border:1px solid var(--ba-h);box-shadow:0 8px 20px rgba(0,0,0,.6),0 0 18px -4px rgba(212,160,23,1)}
.ba-knob img{width:22px;filter:drop-shadow(0 1px 1px #000)}.ba-knob::before,.ba-knob::after{content:"";position:absolute;top:50%;border:5px solid transparent;margin-top:-5px}.ba-knob::before{left:-13px;border-right-color:var(--ba-h)}.ba-knob::after{right:-13px;border-left-color:var(--ba-h)}
.ba-hd:focus-visible .ba-knob{outline:2px solid #fff3c4;outline-offset:3px}
@media(max-width:640px){.ba{aspect-ratio:4/3.2}.ba-old{font-size:2.1cqw}.ba-new{font-size:2cqw}.bo-body{grid-template-columns:1fr}.bo-img{display:none}.bn-hero>div{max-width:70%}}
.bn-hero{justify-content:flex-end;text-align:right}.bn-hero::before{background:linear-gradient(270deg,#1d2b48 8%,rgba(29,43,72,.6) 50%,transparent)}
.ba-lb{top:auto;bottom:1rem}
/* ===== Hero v2: Typografie links (Schriften/Farben aus config.js fonts.title/heroUi, hero.divider) ===== */
:root{--title-font:"Cormorant Garamond";--hero-ui:"Montserrat";--h-div:#D4A017}
.hero2 .h-copy{max-width:600px}
.hero2 .kicker{display:flex;align-items:center;gap:.9rem;font:500 .74rem/1 var(--hero-ui),Montserrat,sans-serif;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin:0 0 1.6rem}
.hero2 .kicker::before{content:"";width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--h-div))}
.hero2 .statement{font-family:var(--title-font),"Cormorant Garamond",Georgia,serif!important;font-weight:500;font-size:clamp(2.6rem,5vw,5.3rem)!important;line-height:.98!important;letter-spacing:-.018em!important;margin:0!important;padding:0!important}
.hero2 .statement .st1>span,.hero2 .statement .st2>span{padding:0 .05em .12em 0}
.hstack .hero2 .statement .st1,.hstack .hero2 .statement .st2{display:block}
.hstack .hero2 .statement .st2{margin-top:-.06em;padding-left:.55em}
.hit2 .hero2 .statement .st2>span{font-style:italic;font-weight:400;letter-spacing:-.005em}
.hero2 .hair{display:flex;align-items:center;gap:.6rem;width:auto;height:auto;background:none!important;margin:1.7rem 0 1.5rem}
.hero2 .hair::before,.hero2 .hair::after{content:"";height:1px;width:64px;background:linear-gradient(90deg,var(--h-div),rgba(212,160,23,.15))}.hero2 .hair::before{width:110px}
.hero2 .hair::after{width:28px;background:linear-gradient(90deg,rgba(212,160,23,.5),transparent)}
.hero2 .hair i{order:1;width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--h-div);box-shadow:0 0 8px rgba(212,160,23,1)}.hero2 .hair::after{order:2}
.hero2 .sub{font-family:var(--slogan-font),Montserrat,sans-serif!important;font-weight:300!important;font-size:clamp(1.12rem,1.45vw,1.42rem)!important;line-height:1.55!important;letter-spacing:.012em!important;max-width:30ch!important;margin:0 0 2.4rem!important;
 text-shadow:0 1px 0 rgba(170,170,170,.55),0 2px 0 rgba(90,90,90,.45),0 3px 6px rgba(0,0,0,.5),0 12px 22px rgba(0,0,0,.45)!important}
.hero2 .h-cta{gap:1rem}
.hero2 .h-cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-width:13.5rem;height:3.35rem;padding:0 1.6rem;border-radius:2px;font:500 .74rem/1 var(--hero-ui),Montserrat,sans-serif;letter-spacing:.24em;text-transform:uppercase;transition:transform .25s,box-shadow .25s,background .25s}
.hero2 .h-cta .btn:not(.ghost){background:var(--gg);color:#15120a;border:0;box-shadow:0 10px 28px -16.1px rgba(212,160,23,1),inset 0 1px 0 rgba(255,255,255,.45)}
.hero2 .h-cta .btn:not(.ghost)::after{content:"→";font-size:1rem;letter-spacing:0;transition:transform .25s}.hero2 .h-cta .btn:not(.ghost):hover::after{transform:translateX(4px)}
.hero2 .h-cta .btn.ghost{background:rgba(255,255,255,.02);border:1px solid rgba(212,160,23,.5);color:#f0d27a;backdrop-filter:blur(4px)}
.hero2 .h-cta .btn:hover{transform:translateY(-2px)}.hero2 .h-cta .btn.ghost:hover{border-color:var(--gold);background:rgba(212,160,23,.08)}
@media(max-width:900px){.hero2 .h-copy{max-width:none;align-items:center}.hero2 .kicker{justify-content:center;font-size:.64rem;letter-spacing:.32em;margin-bottom:1.1rem}.hero2 .kicker::after{content:"";width:42px;height:1px;background:linear-gradient(90deg,var(--h-div),transparent)}
 .hero2 .statement{font-size:clamp(2.3rem,10.5vw,3.1rem)!important;text-align:center}.hstack .hero2 .statement .st2{padding-left:.4em}
 .hero2 .hair{justify-content:center;margin:1.2rem 0 1.1rem}.hero2 .hair::before{width:60px;background:linear-gradient(90deg,transparent,var(--h-div))}.hero2 .hair::after{width:60px;background:linear-gradient(90deg,var(--h-div),transparent)}
 .hero2 .sub{font-size:1.08rem!important;margin:0 auto 1.8rem!important;max-width:24ch!important}
 .hero2 .h-cta{flex-direction:column;align-items:stretch;width:min(100%,320px);gap:.7rem}.hero2 .h-cta .btn{min-width:0;height:3.1rem;font-size:.68rem;letter-spacing:.2em}}
.hnodesign .hero2 .statement .st2{display:none!important}
/* Hero v3: Luxus-Knöpfe */
.hero2 .h-cta .btn{position:relative;border-radius:0;height:3.25rem;letter-spacing:.26em}
.hero2 .h-cta .btn:not(.ghost){background:linear-gradient(180deg,#f3d27a 0%,#d4a017 55%,#a87c0e 100%);color:#17130a;box-shadow:0 0 0 1px rgba(255,226,140,0.95),0 0 0 4px rgba(21,34,61,.9),0 0 0 5px rgba(212,160,23,0.778),0 14px 30px -18.8px rgba(212,160,23,1),inset 0 1px 0 rgba(255,255,255,.5)}
.hero2 .h-cta .btn.ghost{border:1px solid rgba(212,160,23,.55);box-shadow:inset 0 0 0 3px rgba(21,34,61,.6),inset 0 0 0 4px rgba(212,160,23,0.311)}
.hero2 .h-cta .btn.ghost::before,.hero2 .h-cta .btn.ghost::after{content:"";position:absolute;width:9px;height:9px;border:solid var(--gold)}
.hero2 .h-cta .btn.ghost::before{top:-1px;left:-1px;border-width:1px 0 0 1px}.hero2 .h-cta .btn.ghost::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.hero2 .h-cta{gap:1.4rem}
@media(max-width:900px){.hero2 .h-cta{gap:1rem}}
.hero2 .h-cta .btn.ghost::before,.hero2 .h-cta .btn.ghost::after{inset:auto;background:none;transform:none;z-index:1;transition:width .3s,height .3s}
.hero2 .h-cta .btn.ghost::before{top:-1px;left:-1px}.hero2 .h-cta .btn.ghost::after{bottom:-1px;right:-1px}
.hero2 .h-cta .btn.ghost:hover{color:#f6dc8e}.hero2 .h-cta .btn.ghost:hover::before,.hero2 .h-cta .btn.ghost:hover::after{width:16px;height:16px;transform:none}
/* ===== Begrüßung über dem Hero (config.js greeting) ===== */
.greet{--gr-f1:"Cormorant Garamond";--gr-c1:#C9CDD2;--gr-c2:#fff;--gr-a:#D4A017;--gr-s1:clamp(1.35rem,2.1vw,1.9rem);--gr-s2:clamp(.95rem,1.1vw,1.08rem);--gr-w:46rem;
 position:relative;z-index:1;text-align:center;padding:7.3rem 6vw 1.3rem;background:radial-gradient(ellipse 50% 90% at 50% 100%,rgba(212,160,23,.07),transparent 70%),var(--bg,#15223d)}
.gr-orn{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:0 auto .9rem}
.gr-orn::before,.gr-orn::after{content:"";width:min(110px,22vw);height:1px;background:linear-gradient(90deg,transparent,var(--gr-a))}.gr-orn::after{background:linear-gradient(90deg,var(--gr-a),transparent)}
.gr-orn i{width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--gr-a);box-shadow:0 0 8px rgba(212,160,23,0.95)}
.gr-orn.gr-end{margin:1rem auto 0}.gr-orn.gr-end::before,.gr-orn.gr-end::after{width:min(46px,12vw)}.gr-orn.gr-end i{width:4px;height:4px;background:var(--gr-a)}
.gr-1{margin:0;font:italic 400 var(--gr-s1)/1.2 var(--gr-f1),"Cormorant Garamond",Georgia,serif;letter-spacing:.005em;color:var(--gr-c1);
 background:linear-gradient(180deg,#fff 0%,#e4e6e9 35%,#aeb2b8 70%,#d7dadd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.4))}
.gr-2{max-width:var(--gr-w);margin:.55rem auto 0;font:300 var(--gr-s2)/1.65 var(--slogan-font,"Montserrat"),Montserrat,sans-serif;letter-spacing:.015em;color:var(--gr-c2);text-shadow:0 2px 6px rgba(0,0,0,.45)}
.gr-g{font-weight:500;background:linear-gradient(180deg,#fff0b8,#f0c94a 40%,#d4a017 70%,#a87c0e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gr-a);text-shadow:none}
.greet>*{animation:grin 1.1s cubic-bezier(.22,.61,.36,1) both}.greet>*:nth-child(2){animation-delay:.12s}.greet>*:nth-child(3){animation-delay:.24s}.greet>*:nth-child(4){animation-delay:.36s}
@keyframes grin{from{opacity:0;transform:translateY(8px)}}
.greet.nofade>*,.static .greet>*{animation:none}
@media(prefers-reduced-motion:reduce){.greet>*{animation:none}}
.has-greet .hero2{padding-top:2.2rem;min-height:min(calc(100vh - 13rem),820px)}
@media(max-width:900px){.greet{padding:6.9rem 7vw .7rem}.gr-1{font-size:1.32rem}.gr-2{font-size:.92rem;line-height:1.6}.has-greet .hero2{padding-top:1.4rem;min-height:0}}
.greet::after{content:"";position:absolute;left:0;right:0;top:100%;height:70px;pointer-events:none;background:linear-gradient(var(--bg,#15223d),rgba(21,34,61,0))}
/* ===== Einleitung Beispiele (config.js exIntro) – Stil wie Begrüßung ===== */
.exi{--gr-f1:"Cormorant Garamond";--gr-c1:#C9CDD2;--gr-c2:#fff;--gr-a:#D4A017;--gr-s1:clamp(1.6rem,2.6vw,2.4rem);--gr-s2:clamp(1rem,1.25vw,1.18rem);--gr-w:44rem;text-align:center;margin:0 auto 2.2rem;max-width:var(--gr-w)}
.exi .gr-orn{margin-bottom:1rem}
.exi-1{margin:0;font:italic 400 var(--gr-s1)/1.2 var(--gr-f1),"Cormorant Garamond",Georgia,serif;letter-spacing:.005em;color:var(--gr-c1);
 background:linear-gradient(180deg,#fff 0%,#e4e6e9 35%,#aeb2b8 70%,#d7dadd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.4));padding-bottom:.08em}
.exi-2{margin:.6rem auto 0;font:300 var(--gr-s2)/1.6 var(--slogan-font,"Montserrat"),Montserrat,sans-serif;letter-spacing:.015em;color:var(--gr-c2);text-shadow:0 2px 6px rgba(0,0,0,.45)}
.exi-3{margin:.9rem auto 0;font:300 .86rem/1.55 var(--slogan-font,"Montserrat"),Montserrat,sans-serif;color:var(--mut);letter-spacing:.02em}
@media(max-width:640px){.exi{margin-bottom:1.6rem}.exi-1{font-size:1.45rem}.exi-2{font-size:.98rem}.exi-3{font-size:.8rem}}
/* ===== Einheitliche Abschnitts-Überschriften (config.js sectionHeads, heads.js) ===== */
:root{--shd-f:"Cormorant Garamond";--shd-s1:clamp(1.9rem,3.1vw,2.8rem);--shd-s2:clamp(1rem,1.2vw,1.15rem);--shd-c2:#fff;--shd-a:#D4A017;--shd-w:46rem;--shd-gap:2.8rem}
.shd{display:block;text-align:center;max-width:var(--shd-w);margin:0 auto var(--shd-gap)}
.shd-orn{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:0 auto 1rem}
.shd-orn::before,.shd-orn::after{content:"";width:min(110px,22vw);height:1px;background:linear-gradient(90deg,transparent,var(--shd-a))}.shd-orn::after{background:linear-gradient(90deg,var(--shd-a),transparent)}
.shd-orn i{width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--shd-a);box-shadow:0 0 8px rgba(212,160,23,0.95)}
.shd .shd-k,.shd-k{display:block;margin:0 0 .75rem;font:500 .7rem/1 var(--hero-ui,"Montserrat"),Montserrat,sans-serif;letter-spacing:.38em;text-transform:uppercase;color:var(--shd-a)}
.shd-t{margin:0!important;padding:0 0 .1em!important;font:italic 400 var(--shd-s1)/1.18 var(--shd-f),"Cormorant Garamond",Georgia,serif!important;letter-spacing:.003em!important;text-shadow:none!important;
 background:linear-gradient(180deg,#fff 0%,#e4e6e9 35%,#aeb2b8 70%,#d7dadd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#d7dadd;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.4))}
.shd-t::before{display:none!important}
.shd-white .shd-t{background:none;-webkit-text-fill-color:#fff;color:#fff}
.shd-upright .shd-t{font-style:normal!important}
.shd-t .vg{-webkit-text-fill-color:transparent}
.shd .shd-s,.shd-s{margin:.7rem auto 0!important;max-width:40rem!important;font:300 var(--shd-s2)/1.6 var(--slogan-font,"Montserrat"),Montserrat,sans-serif!important;letter-spacing:.015em;color:var(--shd-c2)!important;text-shadow:0 2px 6px rgba(0,0,0,.45)!important}
/* Schaukasten-Bühne */
.sk-copy>.shd-top{grid-area:1/1;align-self:start;margin:0 auto;width:100%}
.shd-stage{text-align:center}.shd-stage .shd-s{max-width:28rem!important}.shd-stage .sk-hint,.shd-stage .btn{margin-inline:auto}
.sk-copy .shd-top .shd-orn{margin-bottom:.8rem}
/* links ausgerichtet (Option) */
.shd-left .shd,.shd-left .shd-stage{text-align:left;margin-left:0}.shd-left .shd-orn{justify-content:flex-start}.shd-left .shd-orn::before{display:none}.shd-left .shd-s{margin-left:0!important}
@media(max-width:640px){.shd{--shd-gap:2rem}.shd-t{font-size:clamp(1.55rem,7vw,2rem)!important}.shd-s{font-size:.98rem!important}.shd-orn::before,.shd-orn::after{width:min(70px,18vw)}}
/* Bodoni Moda: bei großer optischer Größe verschwinden Gedankenstriche (Haarlinie) → feste optische Größe für Abschnittstitel */
.shd-t,.exi-1{font-optical-sizing:none!important;font-variation-settings:"opsz" 11!important}
/* ===== Hero: Text-Ring um das V (config.js hero.ring) ===== */
.h-ringtxt{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.hero2 .h-art .stage{position:relative;z-index:1}
.hnokicker .hero2 .kicker{font-size:0;letter-spacing:0;margin-bottom:1.3rem}.hnokicker .hero2 .kicker::after{display:none}
.hnokicker .hero2 .kicker::before{width:64px;background:linear-gradient(90deg,var(--h-div),rgba(212,160,23,.1))}
@media(max-width:900px){.hnokicker .hero2 .kicker{margin-bottom:1rem}.hnokicker .hero2 .kicker::before{width:56px;background:linear-gradient(90deg,transparent,var(--h-div),transparent)}}
/* ===== Hero: Weltnetz hinter V + Ring (config.js hero.net) ===== */
.h-net{position:absolute;inset:-4%;width:108%;height:108%;pointer-events:none;z-index:0;-webkit-mask:radial-gradient(circle closest-side,#000 82%,transparent 100%);mask:radial-gradient(circle closest-side,#000 82%,transparent 100%)}
/* Hero-Knöpfe: Beschriftung wie geschrieben (keine Großbuchstaben) */
.hero2 .h-cta .btn{text-transform:none!important;letter-spacing:.04em!important;font-size:.9rem!important}
@media(max-width:900px){.hero2 .h-cta .btn{font-size:.86rem!important}}
/* ===== Hero final: Titel einzeilig, Slogan einzeilig (Desktop), Pill-Knöpfe ===== */
.hero2 .h-copy{max-width:none}
.hero2 .statement{white-space:nowrap}
.hero2 .statement .st2{margin-left:.06em}
@media(min-width:901px){.hero2 .sub{white-space:nowrap!important;max-width:none!important;font-size:clamp(.95rem,1.36vw,1.42rem)!important}}
.hero2 .h-cta{gap:.9rem}
.hero2 .h-cta .btn{height:2.9rem!important;min-width:0!important;padding:0 1.7rem!important;border-radius:999px!important;font-weight:500;overflow:hidden;box-shadow:none;transition:background .3s,box-shadow .3s,transform .3s,border-color .3s}
.hero2 .h-cta .btn::before{display:none!important}
.hero2 .h-cta .btn.ghost::after{display:none!important}
.hero2 .h-cta .btn:not(.ghost){background:linear-gradient(180deg,#ffffff 0%,#f6f3ec 55%,#e9e4d8 100%)!important;color:#17150f!important;border:1px solid rgba(212,160,23,.7)!important;box-shadow:0 6px 18px -10px rgba(0,0,0,.6),inset 0 1px 0 #fff!important}
.hero2 .h-cta .btn:not(.ghost)::after{content:"→";display:inline-block!important;position:static;width:auto;height:auto;border:0;background:none}
.hero2 .h-cta .btn:not(.ghost):hover{color:#17150f!important;box-shadow:0 0 0 1px rgba(212,160,23,0.95),0 0 22px -2px rgba(212,160,23,0.95),0 8px 22px -10px rgba(0,0,0,.6),inset 0 1px 0 #fff!important;transform:translateY(-1px)}
.hero2 .h-cta .btn.ghost{background:rgba(255,255,255,.04)!important;color:#fff!important;border:1px solid rgba(212,160,23,.6)!important;box-shadow:none!important;backdrop-filter:blur(6px)}
.hero2 .h-cta .btn.ghost:hover{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(212,160,23,.85)!important;transform:translateY(-1px)}
@media(max-width:900px){.hero2 .h-cta .btn{height:2.9rem!important}.hero2 .statement{font-size:clamp(2.1rem,11vw,3rem)!important}}
/* ===== Hero: Logo links (config.js hero.logo) – zentrierter Block: Logo, Linie, Tagline, Knöpfe ===== */
:root{--logo-w:clamp(280px,29vw,430px);--logo-wm:min(74vw,300px)}
.hnotitle .hero2 .statement,.hnoslogan .hero2 .sub{display:none!important}
.hlogo .hero2 .kicker,.hlogo .hero2 .hair{display:none!important}
.hlogo .hero2 .h-copy{align-items:center;justify-content:center;text-align:center;align-self:stretch;height:100%}
.hlogo .hero2 .h-cta{justify-content:center}
.h-logo{display:flex;flex-direction:column;align-items:center;margin:0 0 2.2rem}
.h-logo img{display:block;width:var(--logo-w);height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55)) drop-shadow(0 14px 22px rgba(0,0,0,.45))}
.h-logo-line{display:block;width:calc(var(--logo-w)*1.12);max-width:100%;height:1px;margin:1.15rem 0 .95rem;background:linear-gradient(90deg,transparent,rgba(212,160,23,.55) 18%,#f3d27a 50%,rgba(212,160,23,.55) 82%,transparent);box-shadow:0 0 10px rgba(240,200,90,0.778)}
.h-logo-tag{margin:0;font:400 clamp(.82rem,.95vw,.98rem)/1.3 var(--slogan-font,"Montserrat"),Montserrat,sans-serif;letter-spacing:.06em;color:#e6e4df;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.h-logo-tag i{font-style:normal;color:var(--gold);margin:0 .45em;text-shadow:0 0 6px rgba(212,160,23,0.864)}
@media(max-width:900px){.h-logo img{width:var(--logo-wm)}.h-logo-line{width:calc(var(--logo-wm)*1.1)}.h-logo{margin-bottom:1.6rem}.h-logo-tag{font-size:.8rem;white-space:normal}.hlogo .hero2 .h-copy{height:auto}}
/* Hero-Knöpfe schlanker (config.js hero.buttons) */
:root{--hb-h:2.45rem;--hb-px:1.25rem;--hb-f:.8rem;--hb-gap:.7rem;--hb-hm:2.6rem;--hb-fm:.82rem}
.hero2 .h-cta{gap:var(--hb-gap)!important}
.hero2 .h-cta .btn{height:var(--hb-h)!important;padding:0 var(--hb-px)!important;font-size:var(--hb-f)!important;gap:.5rem!important}
.hero2 .h-cta .btn:not(.ghost)::after{font-size:.85em}
@media(max-width:900px){.hero2 .h-cta .btn{height:var(--hb-hm)!important;font-size:var(--hb-fm)!important}.hero2 .h-cta{width:min(100%,260px)!important}}
.h-logo{margin-bottom:1.7rem}.h-logo-line{margin:.9rem 0 .75rem}
/* ===== Story-Redesign: einheitliches Design-System (config.js design, story.js) ===== */
:root{--ui-font:"Montserrat";--card-font:"Cormorant Garamond";--card-r:20px;--band:rgba(255,255,255,.022);--surf:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));--line:rgba(255,255,255,.07)}
.story body{font-family:var(--ui-font),Montserrat,"Helvetica Neue",Arial,sans-serif}
.story :is(.btn,.chip,.tab,.tl-n,.wiz input,.wiz textarea,.lnk,.wz-pre,.foot h4,.tpl,.dl-sw button,.sk,.pk-pop,.lang button,.nav nav a,#dform input,.pv-in){font-family:var(--ui-font),Montserrat,sans-serif}
.story :is(#dform input,.pv-in){font-size:1.05rem;font-weight:300;letter-spacing:.01em}
/* Karten-Titel: eine Serife (Bodoni Moda, wie die Abschnitts-Titel) */
.story :is(.pk h3,.rc-main h3,.tl h3,.acc summary,.wiz h3,.pane h3,.ex-txt b,.lv-card h3,.drop span,.legal h3,.pk-price b,.rc-t.tot b){font-family:var(--card-font),"Cormorant Garamond",Georgia,serif;font-optical-sizing:none;font-variation-settings:"opsz" 11;font-weight:500;letter-spacing:0}
.story .pk h3{font-size:1.45rem}.story .rc-main h3,.story .wiz h3{font-size:1.4rem}.story .tl h3{font-size:1.18rem;margin:1.2rem 0 .45rem}
.story .acc summary{font-size:1.08rem;line-height:1.45;padding:1.25rem 2.6rem 1.25rem 0}.story .pane h3{font-size:1.55rem}.story .ex-txt b{font-size:1.08rem}
.story .drop span{font-size:1.15rem}.story .pk-price b{font-size:2.05rem}.story .rc-t.tot b{font-size:1.45rem}
/* Fließtext in Karten: gleiche Größe/Farbe */
.story :is(.tl p,.acc p,.pk-d,.lv-card p){font-size:.93rem;line-height:1.65;color:#a9a69d}
/* Karten: gleiche Ecken, Fläche, Kante */
.story :is(.pk,.rc-main,.rc-sum,.wiz,.toolbox,.lv-card,#cinfo,.pv-ctl){border-radius:var(--card-r)}
.story .toolbox{max-width:62rem;margin-inline:auto;background:var(--surf);border:1px solid rgba(212,160,23,.22)}
/* Knöpfe: Pills in Sektionen (Hero behält eigene Pills) */
.story-pill section:not(#top) .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.9rem;padding:.8rem 1.7rem;border-radius:999px;font:500 .86rem/1.1 var(--ui-font),Montserrat,sans-serif;letter-spacing:.04em;text-transform:none;border:1px solid rgba(212,160,23,.55);color:#f0d27a;background:rgba(255,255,255,.02)}
.story-pill section:not(#top) .btn::before{border-radius:inherit}
.story-pill .pk .btn,.story-pill .rc-sum .btn{display:flex;width:100%}
.story-pill section:not(#top) .pk.hi .btn{background:var(--gg);color:#15120a;border-color:transparent;box-shadow:0 10px 26px -18.8px rgba(212,160,23,1),inset 0 1px 0 rgba(255,255,255,.4)}
.story-pill section:not(#top) .pk.hi .btn:hover{color:#15120a}
/* Hintergrund-Bänder für Rhythmus (volle Breite ohne Überlauf) */
.story section.band{background:var(--band);box-shadow:0 0 0 100vmax var(--band);clip-path:inset(0 -100vmax)}
/* Leistungen */
.lv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.lv-card{position:relative;padding:2rem 1.6rem 1.9rem;border-radius:var(--card-r);background:var(--surf);border:1px solid var(--line);box-shadow:0 30px 60px -34px rgba(0,0,0,.9);transition:border-color .35s,transform .35s}
.lv-card:hover{border-color:rgba(212,160,23,.4);transform:translateY(-3px)}
.lv-n{position:absolute;top:1.5rem;right:1.6rem;font:500 .68rem/1 var(--ui-font),sans-serif;letter-spacing:.22em;color:rgba(212,160,23,.75)}
.lv-ico{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;border:1px solid rgba(212,160,23,.45);color:#f0d27a;background:radial-gradient(circle at 30% 30%,rgba(212,160,23,.16),transparent 70%);box-shadow:0 0 22px -8px rgba(212,160,23,0.95)}
.lv-ico svg{width:1.35rem;height:1.35rem}
.lv-card h3{margin:1.4rem 0 .5rem;color:#ecebe7;text-shadow:none}.lv-card p{margin:0}
@media(max-width:1000px){.lv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.lv-grid{grid-template-columns:1fr;gap:.9rem}.lv-card{padding:1.6rem 1.4rem}}
/* Über mich: zentriert, ruhig */
.story .about{text-align:center}.story .ab-card{max-width:46rem;margin:0 auto}
.story .about .ab-card p{margin:0 auto;max-width:44rem;font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.8;color:#d6d3ca}
.story .ab-card::after{content:"";display:block;width:7px;height:7px;margin:2.2rem auto 0;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 12px rgba(212,160,23,1)}
/* FAQ zentriert */
.story .acc{margin:0 auto;max-width:50rem}
/* Kontakt: Info als Karte */
.story #cinfo{margin:0;padding:2rem;background:var(--surf);border:1px solid var(--line);box-shadow:0 30px 60px -34px #000;font-size:1rem;gap:1rem 1.6rem;align-items:baseline}
.story #cinfo dt{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase}.story #cinfo dd{overflow-wrap:anywhere;color:#d6d3ca}
.story .ct-grid{margin-top:0;max-width:72rem;margin-inline:auto}
/* Abstände: Inhalte direkt unter dem Kopf */
.story :is(.pv-grid,.pk-grid,.tl,.acc,.ex-grid){margin-top:0}
@media(max-width:640px){.story #cinfo{grid-template-columns:1fr;gap:.2rem;padding:1.5rem}.story #cinfo dd{margin-bottom:.8rem}}
.story .f-brand p{font-family:var(--card-font),"Cormorant Garamond",serif;font-optical-sizing:none;font-variation-settings:"opsz" 11;font-size:1rem;line-height:1.6}
@media(max-width:560px){.lv-card{display:grid;grid-template-columns:auto 1fr;column-gap:1.1rem;align-items:start;padding:1.3rem 1.3rem 1.35rem}.lv-ico{grid-row:1/3;width:2.6rem;height:2.6rem}.lv-ico svg{width:1.15rem;height:1.15rem}.lv-card h3{margin:.15rem 0 .3rem;font-size:1.12rem}.lv-n{top:1.25rem;right:1.3rem}}
/* ===== Hero: Willkommens-Text im Glas-Panel (config.js hero.welcome) ===== */
:root{--hw-f:"Cormorant Garamond";--hw-s1:clamp(2.1rem,3.3vw,3.15rem);--hw-s2:clamp(1rem,1.15vw,1.14rem);--hw-w:31rem;--hw-a:#D4A017}
.hwel .hero2 .h-copy{align-items:center;justify-content:center;text-align:center;align-self:stretch;height:100%}
.hwel .hero2 .h-copy>:not(.h-wel):not(.h-cta),.hwel:not(.hwel-btn) .hero2 .h-copy>.h-cta{display:none!important}
.h-wel{position:relative;width:100%;max-width:var(--hw-w);margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
:is(.h-wel,.sv-panel).glass{--hw-rgb:127,227,238;--hw-t:.07;--hw-b:.26;--hw-sh:.2;--hw-bl:14px;--hw-st:9s;max-width:calc(var(--hw-w) + 5rem);padding:2.6rem 2.5rem 2.5rem;border-radius:26px;overflow:hidden;isolation:isolate;
 background:linear-gradient(150deg,rgba(var(--hw-rgb),calc(var(--hw-t)*1.6)) 0%,rgba(var(--hw-rgb),var(--hw-t)) 38%,rgba(60,120,160,calc(var(--hw-t)*.7)) 72%,rgba(var(--hw-rgb),calc(var(--hw-t)*1.2)) 100%),rgba(26,40,68,.38);
 border:1px solid rgba(var(--hw-rgb),var(--hw-b));backdrop-filter:blur(var(--hw-bl)) saturate(1.25);-webkit-backdrop-filter:blur(var(--hw-bl)) saturate(1.25);
 box-shadow:0 34px 70px -34px rgba(0,0,0,.85),0 0 46px -20px rgba(var(--hw-rgb),.35),inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.02)}
/* Glanzlicht oben/diagonal */
:is(.h-wel,.sv-panel,.toolbox).glass::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
 background:radial-gradient(120% 60% at 20% -10%,rgba(var(--hw-rgb),calc(var(--hw-sh)*1.1)),transparent 60%),linear-gradient(160deg,rgba(255,255,255,calc(var(--hw-sh)*.45)) 0%,transparent 28%)}
/* Langsamer Schimmer */
:is(.h-wel,.sv-panel,.toolbox).glass::after{content:"";position:absolute;inset:-40% -60%;z-index:-1;pointer-events:none;opacity:0;
 background:linear-gradient(105deg,transparent 42%,rgba(var(--hw-rgb),calc(var(--hw-sh)*.9)) 49%,rgba(255,255,255,calc(var(--hw-sh)*.5)) 50%,rgba(var(--hw-rgb),calc(var(--hw-sh)*.9)) 51%,transparent 58%);transform:translateX(-60%)}
:is(.h-wel,.sv-panel,.toolbox).glass.shim::after{animation:hwShim var(--hw-st) ease-in-out infinite 1.2s}
@keyframes hwShim{0%{transform:translateX(-60%);opacity:0}12%{opacity:1}45%{transform:translateX(60%);opacity:0}100%{transform:translateX(60%);opacity:0}}
@media(prefers-reduced-motion:reduce){:is(.h-wel,.sv-panel,.toolbox).glass.shim::after{animation:none;opacity:0}}
.hw-k{display:flex;align-items:center;gap:.8rem;margin:0 0 1.05rem;font:500 .7rem/1 var(--ui-font,"Montserrat"),Montserrat,sans-serif;letter-spacing:.42em;text-transform:uppercase;color:var(--hw-a);padding-left:.42em}
.hw-k::before,.hw-k::after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--hw-a))}.hw-k::after{background:linear-gradient(90deg,var(--hw-a),transparent)}
.hw-h{margin:0!important;padding:0 0 .08em;font:italic 400 var(--hw-s1)/1.12 var(--hw-f),"Cormorant Garamond",Georgia,serif!important;font-optical-sizing:none;font-variation-settings:"opsz" 11;letter-spacing:.002em;text-wrap:balance;
 background:linear-gradient(180deg,#fff 0%,#e4e6e9 35%,#aeb2b8 72%,#d7dadd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#e4e6e9;text-shadow:none!important;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6)) drop-shadow(0 4px 10px rgba(0,0,0,.45))}
.hw-h::before{display:none!important}
.hw-orn{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1.3rem auto 1.2rem}
.hw-orn::before,.hw-orn::after{content:"";width:64px;height:1px;background:linear-gradient(90deg,transparent,var(--hw-a))}.hw-orn::after{background:linear-gradient(90deg,var(--hw-a),transparent)}
.hw-orn i{width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--hw-a);background:rgba(212,160,23,.35);box-shadow:0 0 9px rgba(212,160,23,1)}
.hw-p{margin:0;max-width:28rem;text-wrap:pretty;font:300 var(--hw-s2)/1.75 var(--ui-font,"Montserrat"),Montserrat,sans-serif;letter-spacing:.012em;color:#f3f2ee;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.hw-p .gr-g{font-weight:500}
.static :is(.h-wel,.sv-panel,.toolbox).glass::after{animation:none}
@media(max-width:900px){.hwel .hero2 .h-copy{height:auto}:is(.h-wel,.sv-panel).glass{max-width:min(100%,30rem);padding:2rem 1.5rem 1.9rem;border-radius:22px}.hw-h{font-size:clamp(1.75rem,7.6vw,2.2rem)!important}.hw-p{font-size:.98rem;line-height:1.7}.hw-k{font-size:.64rem;letter-spacing:.36em}.hw-orn{margin:1rem auto .95rem}}
/* ===== Leistungen: Hover-Beschreibung + Detail-Panel (config.js services) ===== */
.lv-card{overflow:hidden;outline:none}
.lv-card.has-d{cursor:pointer}
.lv-base{transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
.lv-more{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.1rem;font:500 .74rem/1 var(--ui-font,"Montserrat"),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e9c766}
.lv-more i{font-style:normal;transition:transform .3s}
.lv-hov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:1.7rem 1.6rem;border-radius:inherit;opacity:0;transform:translateY(14px);pointer-events:none;
 background:linear-gradient(160deg,rgba(127,227,238,.075),rgba(32,47,77,.0) 55%),linear-gradient(180deg,rgba(31,46,76,.96),rgba(24,37,65,.98));transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
.lv-hov::before{content:"";position:absolute;left:1.6rem;right:1.6rem;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.7),transparent)}
.lv-hov b{display:block;margin:.85rem 0 .45rem;font:500 1.12rem/1.25 var(--card-font,"Cormorant Garamond"),serif;font-optical-sizing:none;font-variation-settings:"opsz" 11;color:#f1efe9}
.lv-hov p{margin:0;font-size:.92rem;line-height:1.62;color:#dcdad3}
.lv-hov .lv-more{margin-top:1rem}
.lv-ico.sm{width:2.3rem;height:2.3rem}.lv-ico.sm svg{width:1.05rem;height:1.05rem}
@media(hover:hover){.lv-card.has-h:hover .lv-hov{opacity:1;transform:none;pointer-events:auto}.lv-card.has-h:hover .lv-base{opacity:0;transform:translateY(-10px)}}
.lv-card.has-h:focus-visible .lv-hov,.lv-card.has-h.hov .lv-hov,.lv-card.has-h.is-hov .lv-hov{opacity:1;transform:none;pointer-events:auto}
.lv-card.has-h:focus-visible .lv-base,.lv-card.has-h.hov .lv-base,.lv-card.has-h.is-hov .lv-base{opacity:0;transform:translateY(-10px)}
.lv-card:focus-visible{border-color:rgba(212,160,23,.6);box-shadow:0 0 0 2px rgba(212,160,23,0.432),0 30px 60px -34px rgba(0,0,0,.9)}
.lv-card.has-d:hover .lv-more i,.lv-card.has-d.is-hov .lv-more i{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.lv-base,.lv-hov{transition:opacity .2s;transform:none!important}}
@media(max-width:560px){.lv-card{min-height:8.5rem}.lv-base .lv-more{grid-column:2;margin-top:.7rem}.lv-hov{padding:1.2rem 1.3rem}.lv-hov .lv-ico.sm{display:none}.lv-hov b{margin-top:0}.lv-hov p{font-size:.88rem;line-height:1.55}}
/* Panel */
html.sv-lock{overflow:hidden}html.sv-lock body{padding-right:var(--sv-sw,0)}
.sv-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:clamp(.8rem,3vw,2rem)}
.sv-modal[hidden]{display:none}
.sv-back{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(21,34,61,.55),rgba(14,26,51,.82));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sv-panel.glass{position:relative;width:min(56rem,100%);max-width:none;max-height:min(88vh,48rem);overflow:hidden;display:flex;flex-direction:column;padding:0;border-radius:26px;text-align:left;
 background:linear-gradient(150deg,rgba(var(--hw-rgb),calc(var(--hw-t)*2.2)) 0%,rgba(var(--hw-rgb),calc(var(--hw-t)*1.3)) 40%,rgba(60,120,160,var(--hw-t)) 75%,rgba(var(--hw-rgb),calc(var(--hw-t)*1.6)) 100%),rgba(26,40,68,.74);
 box-shadow:0 50px 100px -30px rgba(0,0,0,.9),0 0 70px -24px rgba(var(--hw-rgb),.45),inset 0 1px 0 rgba(255,255,255,.14);scrollbar-width:thin;scrollbar-color:rgba(127,227,238,.3) transparent;will-change:transform,opacity}
.sv-panel:focus{outline:none}
.sv-body{overflow:auto;overscroll-behavior:contain;padding:2.6rem 2.8rem 2.4rem;scrollbar-width:thin;scrollbar-color:rgba(127,227,238,.3) transparent}
.sv-x{position:absolute;top:1rem;right:1rem;z-index:2;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid rgba(127,227,238,.3);background:rgba(22,35,62,.45);color:#ecebe7;font:300 1.5rem/1 var(--ui-font,"Montserrat"),sans-serif;cursor:pointer;transition:border-color .25s,color .25s,transform .25s}
.sv-x:hover,.sv-x:focus-visible{border-color:var(--gold);color:#f0d27a;transform:rotate(90deg);outline:none}
.sv-hd{text-align:center;display:flex;flex-direction:column;align-items:center}
.sv-hd .hw-h{font-size:clamp(1.9rem,3vw,2.6rem)!important}
.sv-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:2.2rem;margin-top:.4rem}
.sv-panel h3{margin:0 0 .45rem;font:500 .7rem/1.2 var(--ui-font,"Montserrat"),sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#e9c766;text-shadow:none}
.sv-txt p{margin:0 0 1.4rem;font:300 1rem/1.75 var(--ui-font,"Montserrat"),sans-serif;color:#f1f0ec}.sv-txt p:last-child{margin-bottom:0}
.sv-inc{padding:1.4rem 1.5rem;border-radius:18px;background:rgba(18,31,57,.35);border:1px solid rgba(127,227,238,.14)}
.sv-inc ul{list-style:none;margin:.6rem 0 0;padding:0}
.sv-inc li{position:relative;padding:.55rem 0 .55rem 1.35rem;border-top:1px solid rgba(255,255,255,.06);font:300 .93rem/1.5 var(--ui-font,"Montserrat"),sans-serif;color:#e4e2dc}.sv-inc li:first-child{border-top:0}
.sv-inc li::before{content:"";position:absolute;left:.15rem;top:1.05rem;width:5px;height:5px;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 7px rgba(212,160,23,1)}
.sv-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.sv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.7rem 1.5rem;border-radius:999px;text-decoration:none;font:500 .86rem/1 var(--ui-font,"Montserrat"),sans-serif;letter-spacing:.04em;border:1px solid rgba(212,160,23,.55);color:#f0d27a;background:rgba(255,255,255,.03);transition:background .25s,transform .25s}
.sv-btn:hover,.sv-btn:focus-visible{background:rgba(212,160,23,.12);transform:translateY(-2px);outline:none}
.sv-btn.pri{background:var(--gg);color:#15120a;border-color:transparent;box-shadow:0 10px 26px -18.8px rgba(212,160,23,1),inset 0 1px 0 rgba(255,255,255,.4)}.sv-btn.pri:hover{background:var(--gg);filter:brightness(1.06)}
@media(max-width:760px){.sv-modal{padding:.7rem;align-items:end}.sv-panel.glass{max-height:90vh;max-height:90dvh;border-radius:22px}.sv-body{padding:2.4rem 1.35rem 1.6rem}.sv-grid{grid-template-columns:1fr;gap:1.4rem}.sv-txt p{font-size:.95rem;line-height:1.7}.sv-inc{padding:1.1rem 1.15rem}.sv-x{top:.7rem;right:.7rem}.sv-cta{margin-top:1.5rem}.sv-btn{flex:1 1 100%}}
/* ===== Stapel-Effekt (config.js stack, stack.js) ===== */
:root{--stk-r:28px;--stk-rm:18px;--stk-bg:#15223d;--stk-bg2:#121213;--stk-bgf:#13203b;--stk-sh:.65;--sbw:0px}
.stk-mk{display:block;height:0;pointer-events:none}
.stk-sheet,.stk-dim{display:none}
.stk body>section,.stk body>footer{position:sticky;z-index:1;isolation:isolate}
.stk body>footer{position:relative}
.stk body>section.reveal,.stk body>footer.reveal{opacity:1;transform:none;transition:none}
.stk section.band{background:none;box-shadow:none;clip-path:none}
.stk body>footer.foot{background:none;border-top:0}
.stk .stk-sheet,.stk .stk-dim{display:block;position:absolute;top:0;bottom:0;left:50%;width:calc(100vw - var(--sbw));transform:translateX(-50%);pointer-events:none;border-radius:var(--stk-r) var(--stk-r) 0 0}
.stk .stk-sheet{z-index:-1;background:var(--stk-bg);box-shadow:0 -26px 50px -20px rgba(0,0,0,var(--stk-sh)),0 -1px 0 rgba(255,255,255,.04)}
.stk .band>.stk-sheet{background:var(--stk-bg2)}
.stk body>footer>.stk-sheet{background:radial-gradient(ellipse 50% 70% at 15% 0,#324367 0,transparent 70%),var(--stk-bgf)}
.stk .stk-sheet::before{content:"";position:absolute;left:var(--stk-r);right:var(--stk-r);top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.5) 20%,rgba(255,236,190,.45) 50%,rgba(212,160,23,.5) 80%,transparent)}
.stk-noedge .stk-sheet::before{display:none}
.stk .stk-first>.stk-sheet{border-radius:0;box-shadow:none}.stk .stk-first>.stk-sheet::before{display:none}
.stk #top>.stk-sheet{display:none}
.stk .stk-dim{z-index:60;background:#000;opacity:0}
.stk.stk-m .stk-sheet,.stk.stk-m .stk-dim{border-radius:var(--stk-rm) var(--stk-rm) 0 0}.stk.stk-m .stk-sheet::before{left:var(--stk-rm);right:var(--stk-rm)}
.stk.stk-m .stk-first>.stk-sheet,.stk.stk-m .stk-first>.stk-dim{border-radius:0}
@media(prefers-reduced-motion:reduce){.stk body>section{position:relative}}
/* ===== Pakete: Details-Marker + Panel ===== */
.pk.has-d{cursor:pointer;transition:border-color .35s,transform .35s}.pk.has-d:hover{transform:translateY(-3px)}.pk.has-d:not(.hi):hover{border-color:rgba(212,160,23,.32)}
.pk.has-d .btn{cursor:pointer}
.pk-more{align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;margin:0 0 1rem;padding:.2rem 0;border:0;background:none;cursor:pointer;font:500 .74rem/1 var(--ui-font,"Montserrat"),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e9c766}
.pk-more i{font-style:normal;transition:transform .3s}.pk.has-d:hover .pk-more i,.pk-more:focus-visible i{transform:translateX(4px)}
.pk-more:focus-visible{outline:1px solid rgba(212,160,23,.6);outline-offset:4px;border-radius:4px}
.pd-price{display:flex;align-items:baseline;justify-content:center;gap:.45rem;margin-top:.7rem}
.pd-price b{font:500 2.2rem/1 var(--card-font,"Cormorant Garamond"),serif;font-optical-sizing:none;font-variation-settings:"opsz" 11;color:#f0d27a;text-shadow:0 0 18px rgba(212,160,23,0.432)}
.pd-price small{color:#c9c6bd;font-size:.8rem}
.pd-inc li{padding-top:.65rem;padding-bottom:.65rem}.pd-inc li b{display:block;font-weight:500;color:#f1efe9}.pd-inc li span{display:block;margin-top:.15rem;font-size:.86rem;line-height:1.5;color:#bdbab2}
.pd-inc li::before{top:1.15rem}
.pd-note{margin:1.2rem auto 0;max-width:36rem;text-align:center;font:300 .78rem/1.5 var(--ui-font,"Montserrat"),sans-serif;color:#a9a69d}
@media(max-width:760px){.pd-price b{font-size:1.9rem}}
/* ===== Live-Vorschau: gleiche Höhe links/rechts (Desktop) ===== */
@media(min-width:961px){
 .pv-grid{align-items:stretch;margin-bottom:2.5rem}
 .pv-stage{display:flex;flex-direction:column;padding-bottom:0;min-height:0}
 .pv-frame{flex:1 1 0;min-height:0;display:flex;flex-direction:column}
 .pv-frame>.pv-bar{flex:none}
 .pv-frame>.mock#mock{flex:1 1 0;min-height:0;max-height:none}
 .pv-phone{bottom:-2.5rem}
 .ph-floor{bottom:calc(-2.5rem - 22px)}
}
/* ===== Handy-Mockup 3D (config.js preview.phone3d) ===== */
@property --ph-fy{syntax:'<length>';inherits:true;initial-value:0px}
@property --ph-mx{syntax:'<angle>';inherits:true;initial-value:0deg}
@property --ph-my{syntax:'<angle>';inherits:true;initial-value:0deg}
:root{--ph-ry:-12deg;--ph-rx:6deg;--ph-per:1200px;--ph-sh:.65;--ph-fpx:8px;--ph-fs:6s}
.ph3d .pv-phone{transform:perspective(var(--ph-per)) translateY(calc(var(--ph-fy) * -1)) rotateX(calc(var(--ph-rx) + var(--ph-mx))) rotateY(calc(var(--ph-ry) + var(--ph-my)));transform-origin:50% 60%;
 border-radius:2.1rem;padding:.48rem;background:linear-gradient(145deg,#4a4235 0%,#233251 18%,#192743 55%,#121f39 78%,#3a3326 100%);
 box-shadow:inset 0 0 0 1px rgba(232,196,110,0.726),inset 0 0 0 2px rgba(0,0,0,.75),inset 0 0 0 3.5px rgba(255,255,255,.07),inset 0 1px 1px 3px rgba(255,255,255,.05),
  -1px 1px 0 #2e2a24,-2px 2px 0 #2b3b5c,-3px 3px 0 #253454,-4px 4px 0 #202e4c,-5px 5px 0 #1c2a47,-6px 6px 0 #17243f,
  -18px 40px 60px -22px rgba(0,0,0,.85),0 0 0 1px rgba(212,160,23,0.311);transition:--ph-mx .5s ease-out,--ph-my .5s ease-out;will-change:transform}
.ph3d.ph-float .pv-phone{animation:phFloat var(--ph-fs) ease-in-out infinite}
@keyframes phFloat{0%,100%{--ph-fy:0px}50%{--ph-fy:var(--ph-fpx)}}
.ph3d .ph-mock{border-radius:1.65rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6)}
.ph-b,.ph-glare,.ph-floor{display:none}
.ph3d .ph-b{display:block;position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#5a5040,#283859 60%,#15223d);z-index:-1}
.ph3d .ph-b1{left:-3px;top:19%;height:5.5%}.ph3d .ph-b2{left:-3px;top:27%;height:10%}.ph3d .ph-b3{right:-3px;top:24%;height:13%;background:linear-gradient(270deg,#5a5040,#283859 60%,#15223d)}
.ph3d .ph-glare{display:block;position:absolute;inset:.48rem;border-radius:1.65rem;z-index:4;pointer-events:none;
 background:linear-gradient(118deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.06) 20%,transparent 36%,transparent 72%,rgba(255,255,255,.05) 86%,transparent 100%);mix-blend-mode:screen}
.ph3d .ph-notch{top:.95rem;width:31%;height:1.05rem;background:#050505;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 1px 2px rgba(0,0,0,.6);z-index:5}
.ph3d .ph-notch::after{content:"";position:absolute;right:14%;top:50%;width:.42rem;height:.42rem;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#3b4a66,#1a2844 60%,#000);box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.ph3d .ph-floor{display:block;position:absolute;right:-1.2rem;bottom:-22px;width:21%;min-width:130px;height:26px;border-radius:50%;pointer-events:none;z-index:2;
 background:radial-gradient(ellipse at center,rgba(0,0,0,calc(var(--ph-sh) * 1.1)) 0%,rgba(0,0,0,calc(var(--ph-sh) * .45)) 45%,transparent 72%);filter:blur(3px);transform:scale(calc(1 - var(--ph-fy) / 80px));transform-origin:50% 50%}
.ph3d.ph-float .ph-floor{animation:phFloat var(--ph-fs) ease-in-out infinite}
@media(max-width:960px){.ph3d .ph-floor{right:.9rem;width:28%;min-width:0;bottom:-18px}}
@media(prefers-reduced-motion:reduce){.ph3d .pv-phone,.ph3d .ph-floor{animation:none!important}.ph3d .pv-phone{transition:none}}
.static .ph3d .pv-phone,.static .ph3d .ph-floor{animation:none}
/* ===== Domain-Panel ===== */
.dm-more{margin:1.1rem auto 0;display:flex;justify-content:center}
.toolbox .dm-more{align-self:center}
.dm-hd{position:relative;isolation:isolate;padding-top:.4rem}
.dm-orbit{position:absolute;left:50%;top:-1.2rem;width:min(640px,120%);height:auto;transform:translateX(-50%);z-index:-1;pointer-events:none;opacity:.85}
.dm-orbit ellipse{fill:none;stroke:rgba(127,227,238,.4);stroke-width:1.2;stroke-dasharray:3 7}
.dm-orbit circle{fill:#B8F4FA}.dm-orbit .dm-glow{fill:url(#dmg);opacity:.8}
.dm-o{transform-origin:300px 80px;transform-box:view-box;animation:dmSpin 18s linear infinite}.dm-o1{animation-duration:13s;animation-direction:reverse}.dm-o2{animation-duration:9s}
.dm-o ellipse{animation:dmDash 6s linear infinite}
@keyframes dmSpin{to{transform:rotate(360deg)}}@keyframes dmDash{to{stroke-dashoffset:-60}}
.dm-url{display:inline-flex;align-items:baseline;margin:1rem auto .2rem;padding:.55rem 1.15rem;border-radius:999px;background:rgba(18,31,57,.55);border:1px solid rgba(127,227,238,.25);box-shadow:0 0 24px -10px rgba(127,227,238,.5),inset 0 1px 0 rgba(255,255,255,.06);font:400 clamp(.95rem,1.6vw,1.15rem)/1.2 var(--ui-font,"Montserrat"),sans-serif;letter-spacing:.02em;min-width:15ch}
.dm-pre{color:#7d8a90}.dm-name{color:#f1efe9}.dm-end{color:#f0d27a;font-weight:500;text-shadow:0 0 12px rgba(212,160,23,0.864)}
.dm-end.pop{animation:dmPop .45s cubic-bezier(.2,.8,.2,1)}@keyframes dmPop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.dm-end{display:inline-block}
.dm-car{display:inline-block;width:1px;height:1.05em;margin-left:2px;background:#B8F4FA;transform:translateY(.15em);animation:dmCar 1s steps(1) infinite}
@keyframes dmCar{50%{opacity:0}}
.dm-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 2.4rem;margin-top:.6rem}
.dm-b p{margin:0;font:300 .97rem/1.72 var(--ui-font,"Montserrat"),sans-serif;color:#f1f0ec}
.dm-b-end{grid-column:1/-1;padding:1.2rem 1.4rem;border-radius:18px;background:rgba(18,31,57,.35);border:1px solid rgba(127,227,238,.14)}
.dm-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.dm-chips span{padding:.35rem .85rem;border-radius:999px;border:1px solid rgba(212,160,23,.45);color:#f0d27a;font:500 .85rem/1 var(--ui-font,"Montserrat"),sans-serif;background:rgba(212,160,23,.06)}
button.sv-btn{cursor:pointer}
@media(max-width:760px){.dm-grid{grid-template-columns:1fr;gap:1.3rem}.dm-b p{font-size:.94rem}.dm-orbit{width:150%;top:-.6rem}}
@media(prefers-reduced-motion:reduce){.dm-o,.dm-o ellipse,.dm-car,.dm-end.pop{animation:none}}
/* ===== FAQ als Panel ===== */
.acc-m summary::after{content:"→"!important;transform:translateY(-50%)!important;font-size:1.15rem!important;transition:transform .3s!important}
.acc-m summary:hover::after,.acc-m summary:focus-visible::after{transform:translate(4px,-50%)!important}
.acc-m summary{transition:color .25s}.acc-m summary:hover{color:#f0d27a}
.sv-panel.fq .sv-body{max-width:46rem;margin:0 auto;width:100%}
.sv-panel.fq{width:min(46rem,100%)}
.fq-h{font-size:clamp(1.55rem,2.4vw,2.1rem)!important;max-width:30ch}
.fq-short{margin:.4rem 0 1.6rem;padding:1.1rem 1.3rem;border-radius:16px;background:rgba(212,160,23,.07);border:1px solid rgba(212,160,23,.28)}
.fq-short p{margin:0;font:400 1rem/1.65 var(--ui-font,"Montserrat"),sans-serif;color:#f6efd8}
.fq-long p{margin:0 0 1rem!important}
.sv-panel.fq .sv-cta{justify-content:flex-start}
@media(max-width:760px){.sv-panel.fq .sv-cta{justify-content:center}}
/* ===== Hintergrund-Netz (bgnet.js, config.js bgNet) ===== */
:where(.bgn-on) body>section,:where(.bgn-on) body>footer{position:relative;isolation:isolate}
.bgn{position:absolute;top:0;bottom:0;left:50%;width:calc(100vw - var(--sbw,0px));transform:translateX(-50%);z-index:-1;pointer-events:none;clip-path:inset(0 round var(--stk-r,0) var(--stk-r,0) 0 0)}
.stk.stk-m .bgn{clip-path:inset(0 round var(--stk-rm,0) var(--stk-rm,0) 0 0)}.stk .stk-first>.bgn{clip-path:inset(0)}
.bgn canvas{position:sticky;top:0;display:block;width:100%;height:100vh}
/* ===== Goldene Zeitleiste + Menü-Anzeige (timeline.js, config.js timeline) ===== */
.vtl{--tl-p:0;--tl-gold:linear-gradient(180deg,#FFF1C2 0%,#FFE08A 18%,#E9B93A 45%,#D4A017 65%,#8A6508 100%);position:fixed;top:50%;left:clamp(14px,1.6vw,26px);height:min(56vh,520px);width:22px;transform:translateY(-50%);z-index:9;opacity:0;pointer-events:none;transition:opacity .6s}
.vtl.vtl-r{left:auto;right:clamp(14px,1.6vw,26px)}
.vtl.vis{opacity:1;pointer-events:auto}
.vtl ol{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.vtl li{position:absolute;left:0;width:22px;height:0}
.vtl-track{position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(212,160,23,.28) 6%,rgba(212,160,23,.28) 94%,transparent)}
.vtl-fill{position:absolute;left:-1px;top:0;width:3px;height:calc(var(--tl-p)*100%);border-radius:3px;background:var(--tl-gold);box-shadow:0 0 6px rgba(255,214,110,0.95),0 0 16px -2px rgba(212,160,23,0.95);overflow:hidden}
.vtl-fill::after{content:"";position:absolute;left:0;right:0;top:0;height:100%;min-height:140px;background:linear-gradient(180deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%);will-change:transform;mix-blend-mode:screen;animation:tlSparkV 2.6s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes tlSparkV{0%{transform:translateY(-62%)}100%{transform:translateY(100%)}}
.vtl-head{position:absolute;left:50%;top:calc(var(--tl-p)*100%);width:11px;height:11px;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,#FFF6D6,#FFD86B 35%,#D4A017 70%,#8A6508);box-shadow:0 0 8px 1px rgba(255,214,110,1),0 0 22px 3px rgba(212,160,23,0.691);border-radius:2px}
.vtl-head i{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.6px),linear-gradient(90deg,transparent 30%,rgba(255,248,220,.85) 50%,transparent 70%) center/100% 1px no-repeat,linear-gradient(0deg,transparent 30%,rgba(255,248,220,.85) 50%,transparent 70%) center/1px 100% no-repeat;animation:tlTwinkle 2.2s ease-in-out infinite}
@keyframes tlTwinkle{0%,100%{opacity:.25;transform:translate(-50%,-50%) rotate(-45deg) scale(.55)}50%{opacity:1;transform:translate(-50%,-50%) rotate(-45deg) scale(1)}}
.vtl-m{position:absolute;left:0;top:0;width:22px;height:22px;transform:translateY(-50%);display:grid;place-items:center;text-decoration:none;outline:none}
.vtl-dot{width:7px;height:7px;transform:rotate(45deg);border:1px solid rgba(212,160,23,.55);background:#1c2a48;transition:background .4s,border-color .4s,box-shadow .4s,transform .4s}
.vtl-m.done .vtl-dot{background:linear-gradient(135deg,#FFE08A,#B8860B);border-color:transparent}
.vtl-m.on .vtl-dot{opacity:0}
.vtl-m:hover .vtl-dot,.vtl-m:focus-visible .vtl-dot{transform:rotate(45deg) scale(1.35);border-color:#FFE08A;box-shadow:0 0 10px rgba(255,214,110,1)}
.vtl-lab{position:absolute;left:calc(100% + 10px);top:50%;transform:translate(-6px,-50%);white-space:nowrap;padding:.42rem .8rem;border-radius:999px;font:500 .7rem/1 var(--ui-font,"Montserrat"),sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#f3dc98;background:linear-gradient(135deg,rgba(40,58,66,.55),rgba(26,40,68,.7));border:1px solid rgba(212,160,23,.35);box-shadow:0 8px 24px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.vtl-r .vtl-lab{left:auto;right:calc(100% + 10px);transform:translate(6px,-50%)}
.vtl-m:hover .vtl-lab,.vtl-m:focus-visible .vtl-lab,.vtl-m.is-hov .vtl-lab{opacity:1;transform:translate(0,-50%)}
.vtl .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nav .tl-ul{position:absolute;left:0;top:0;height:2px;width:var(--w,0);transform:translate(var(--x,0),var(--y,0));border-radius:2px;background:linear-gradient(90deg,#8A6508,#D4A017 20%,#FFE08A 50%,#D4A017 80%,#8A6508);box-shadow:0 0 8px rgba(255,214,110,1),0 0 18px rgba(212,160,23,0.778);opacity:0;pointer-events:none;overflow:hidden;transition:transform .75s cubic-bezier(.65,.05,.25,1),width .75s cubic-bezier(.65,.05,.25,1),opacity .5s}
.nav .tl-ul.vis{opacity:1}.nav .tl-ul.jump{transition:opacity .5s}
.nav .tl-ul::after,.nav .tl-pr i::after{content:"";position:absolute;top:0;bottom:0;left:0;width:100%;background:linear-gradient(90deg,transparent 47%,rgba(255,255,255,.95) 50%,transparent 53%);will-change:transform;mix-blend-mode:screen;animation:tlSparkH 2.4s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes tlSparkH{0%{transform:translateX(-53%)}100%{transform:translateX(53%)}}
.nav .tl-ul::after{background:linear-gradient(90deg,transparent 22%,rgba(255,255,255,.95) 50%,transparent 78%);animation-name:tlSparkU}@keyframes tlSparkU{0%{transform:translateX(-78%)}100%{transform:translateX(78%)}}
/* Glanz-Animationen nur über transform (kein Layout pro Bild) */
.nav nav a.tl-on{color:#f1d27a}
.nav .tl-pr{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}
.nav .tl-pr i{position:absolute;left:0;top:0;bottom:0;width:100%;transform-origin:0 50%;transform:scaleX(var(--tl-p,0));background:linear-gradient(90deg,rgba(138,101,8,.6),#D4A017 40%,#FFE08A 85%,#FFF4CC);box-shadow:0 0 6px rgba(255,214,110,0.864);overflow:hidden}
.nav .tl-pr i::after{animation-duration:3.2s}
@media(max-width:1100px){.vtl{display:none}}@media(max-width:700px){.nav .tl-ul{display:none}.tl-mnone .nav .tl-pr{display:none}}
.tl-nospark .vtl-fill::after,.tl-nospark .tl-ul::after,.tl-nospark .tl-pr i::after{display:none}.tl-nospark .vtl-head i{animation:none;opacity:.6}
@media(prefers-reduced-motion:reduce){.vtl-fill::after,.nav .tl-ul::after,.nav .tl-pr i::after{display:none}.vtl-head i{animation:none;opacity:.6}.nav .tl-ul{transition:opacity .3s}.vtl-lab,.vtl-dot{transition:none}}
.only-pv .vtl,.only-pv .tl-pr,.only-pv .tl-ul{display:none}

/* ===== Domain-Check als Glas (config.js domainGlass, Werte wie hero.welcome.glass) ===== */
.toolbox.glass.dm-glass{position:relative;overflow:hidden;isolation:isolate;--hw-rgb:127,227,238;--hw-t:.07;--hw-b:.26;--hw-sh:.2;--hw-bl:14px;--hw-st:9s;border-radius:var(--card-r,26px);
 background:linear-gradient(150deg,rgba(var(--hw-rgb),calc(var(--hw-t)*1.6)) 0%,rgba(var(--hw-rgb),var(--hw-t)) 38%,rgba(60,120,160,calc(var(--hw-t)*.7)) 72%,rgba(var(--hw-rgb),calc(var(--hw-t)*1.2)) 100%),rgba(26,40,68,.4);
 border:1px solid rgba(var(--hw-rgb),var(--hw-b));-webkit-backdrop-filter:blur(var(--hw-bl)) saturate(1.25);backdrop-filter:blur(var(--hw-bl)) saturate(1.25);
 box-shadow:0 34px 70px -34px rgba(0,0,0,.85),0 0 46px -20px rgba(var(--hw-rgb),.35),inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.02)}
.toolbox.glass.dm-glass #dform input{background:linear-gradient(180deg,rgba(18,31,57,.5),rgba(23,37,64,.32));border:1px solid rgba(var(--hw-rgb),.2);border-radius:14px;padding:.9rem 1.15rem;font-size:1.08rem;color:#f1f0ec;box-shadow:inset 0 2px 6px rgba(0,0,0,.45),inset 0 -1px 0 rgba(255,255,255,.05);transition:border-color .35s,box-shadow .35s}
.toolbox.glass.dm-glass #dform input::placeholder{color:rgba(220,230,235,.45)}
.toolbox.glass.dm-glass #dform input:focus{outline:0;border-color:rgba(212,175,55,.6);box-shadow:inset 0 2px 6px rgba(0,0,0,.45),0 0 0 3px rgba(212,175,55,0.208),0 0 22px -6px rgba(var(--hw-rgb),.45)}
.toolbox.glass.dm-glass #dres table td{border-top-color:rgba(var(--hw-rgb),.12)}
/* ===== Feiner Goldrand (config.js design.goldBorder) ===== */
:root{--gb:212,175,55;--gb-a:.24;--gb-h:.42}
.gb-on :is(.lv-card,.pk:not(.hi),.rc-main,.rc-sum,.wiz,.pv-frame,.pv-ctl,.sk-stage),.gb-on #cinfo{border-style:solid;border-width:1px;
 border-color:rgba(var(--gb),calc(var(--gb-a)*1.3)) rgba(var(--gb),calc(var(--gb-a)*.55)) rgba(var(--gb),calc(var(--gb-a)*.42)) rgba(var(--gb),calc(var(--gb-a)*1.1));transition:border-color .45s,transform .35s,box-shadow .45s}
.gb-on.gb-flat :is(.lv-card,.pk:not(.hi),.rc-main,.rc-sum,.wiz,.pv-frame,.pv-ctl,.sk-stage),.gb-on.gb-flat #cinfo{border-color:rgba(var(--gb),var(--gb-a))}
.gb-on :is(.lv-card,.pk:not(.hi),.rc-sum):is(:hover,.is-hov){border-color:rgba(var(--gb),calc(var(--gb-h)*1.2)) rgba(var(--gb),calc(var(--gb-h)*.7)) rgba(var(--gb),calc(var(--gb-h)*.55)) rgba(var(--gb),var(--gb-h))}
.gb-on:not(.gb-nofaq) .acc details{border-bottom-color:rgba(var(--gb),calc(var(--gb-a)*.6))}
.gb-on:not(.gb-nofaq) .acc details:hover{border-bottom-color:rgba(var(--gb),var(--gb-a))}
/* Glas: cyan Glas-Kante bleibt, oben/links feine Goldkante */
.gb-on:not(.gb-noglass) :is(.h-wel,.sv-panel,.toolbox).glass{border-top-color:rgba(var(--gb),calc(var(--gb-a)*1.5));border-left-color:rgba(var(--gb),calc(var(--gb-a)*.9))}
/* Eingabefelder: Gold nur beim Fokus */
.gb-on :is(.wiz input,.wiz textarea,.wiz select,.pv-in):focus{border-color:rgba(var(--gb),.6);box-shadow:0 0 0 3px rgba(var(--gb),.1)}
/* =====================================================================
   Feinschliff (Polish) – gemeinsame Tokens, Glas, Fokus, Typografie
   ===================================================================== */
:root{--ease:cubic-bezier(.22,.61,.36,1);--ease-io:cubic-bezier(.45,.05,.2,1);--t-fast:.2s;--t-med:.35s;--t-slow:.6s;--hw-base:.2;--focus:rgba(240,206,110,.9)}
/* Fokus: überall sichtbarer Goldring (nur Tastatur) */
:is(a,button,summary,[role=button],[tabindex]:not([tabindex="-1"]),label.rc-row):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.chip:focus-visible,.btn:focus-visible,.lang button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.rc-row:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px;border-radius:10px}
.nav nav a:focus-visible{outline-offset:6px;border-radius:4px}
/* Typografie: keine Witwen/Waisen */
:is(h1,h2,h3,.shd-t,.hw-h,#sv-title,.sv-panel h2,.pk h3,.statement){text-wrap:balance}
:is(p,li,dd,.lv-card p,.acc p,.fq-long p,.sv-txt p){text-wrap:pretty}
/* Einheitliche Übergänge */
:is(.btn,.chip,.tab,.tpl,.sw,.lang button,.lv-more,.pk-more,.dm-more,.vtl-dot){transition-timing-function:var(--ease)}
.btn{transition:background-color var(--t-med) var(--ease),color var(--t-med) var(--ease),border-color var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),transform var(--t-med) var(--ease)}
.btn:active{transform:translateY(1px)}
/* Anker ohne Stapel-Effekt: Überschrift nicht unter dem Kopf */
body>section[id]{scroll-margin-top:calc(var(--hdr-h,84px) - 1px)}
/* Menü-Linie bei Abschnitten ohne eigenen Menüpunkt (Domain-Check, Über mich, Fragen …) abblenden */
.nav .tl-ul.orph{opacity:.28;filter:saturate(.6)}.nav .tl-ul.orph::after{display:none}.nav .tl-ul.orph-h{opacity:0}
/* Hero-Hintergrund dunkel wie die folgenden Abschnitte (config hero.bg) */
html.hbg .hero.hero2{background:radial-gradient(ellipse 42% 55% at 72% 48%,rgba(212,160,23,var(--hb-gold,.035)),transparent 62%),radial-gradient(ellipse 50% 60% at 72% 46%,rgba(127,227,238,var(--hb-cyan,.02)),transparent 70%),radial-gradient(ellipse 60% 70% at 72% 46%,var(--hb-lift,#1d2b49) 0,var(--hb-base,#15223d) 72%),var(--hb-base,#15223d)}
html.hbg .h-glow{opacity:var(--hb-glow,.35)}
/* ===== Gemeinsames Glas: transparenter, klare Kante, schwebend ===== */
html :is(.h-wel,.sv-panel,.toolbox,.pk,.rc-main,.rc-sum,.g-wide).glass{
 background:linear-gradient(150deg,rgba(var(--hw-rgb),calc(var(--hw-t)*1.5)) 0%,rgba(var(--hw-rgb),calc(var(--hw-t)*.8)) 40%,rgba(60,120,160,calc(var(--hw-t)*.6)) 72%,rgba(var(--hw-rgb),var(--hw-t)) 100%),rgba(24,37,65,var(--hw-base));
 border:1px solid rgba(var(--hw-rgb),var(--hw-b));border-top-color:rgba(255,255,255,.26);border-left-color:rgba(255,255,255,.14);
 -webkit-backdrop-filter:blur(var(--hw-bl)) saturate(1.35);backdrop-filter:blur(var(--hw-bl)) saturate(1.35);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 1px 0 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,255,255,.025),0 0 44px -22px rgba(var(--hw-rgb),.35)}
html.g-lift :is(.h-wel,.sv-panel,.toolbox,.pk,.rc-main,.rc-sum,.g-wide).glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 1px 0 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,255,255,.025),0 24px 60px -8px rgba(0,0,0,.45),0 6px 14px -6px rgba(0,0,0,.4),0 0 44px -22px rgba(var(--hw-rgb),.35)}
/* Goldkante oben/links auf Glas (design.goldBorder) */
.gb-on:not(.gb-noglass) :is(.h-wel,.sv-panel,.toolbox,.pk,.rc-main,.rc-sum,.g-wide).glass{border-top-color:rgba(var(--gb),calc(var(--gb-a)*1.6));border-left-color:rgba(var(--gb),calc(var(--gb-a)*1.05))}
/* Innere Spiegelung oben links */
:is(.h-wel,.sv-panel,.toolbox,.pk,.rc-main,.rc-sum,.g-wide).glass::before{background:radial-gradient(120% 60% at 18% -12%,rgba(var(--hw-rgb),calc(var(--hw-sh)*.9)),transparent 58%),linear-gradient(160deg,rgba(255,255,255,calc(var(--hw-sh)*.5)) 0%,rgba(255,255,255,0) 24%),linear-gradient(0deg,rgba(255,255,255,.025),transparent 30%)}
/* Lesbarkeit auf dünnerem Glas */
.glass :is(p,li,dd,dt,small,label,.pk-d,.rc-row,.rc-t,h2,h3){text-shadow:0 1px 2px rgba(0,0,0,.5)}
/* Pakete-Karten + Preisrechner als Glas (config pakete.cardStyle / calcStyle) */
html .g-card{position:relative;isolation:isolate}
.g-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit}
.g-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;transform:none;
 background:linear-gradient(105deg,transparent 40%,rgba(var(--hw-rgb),calc(var(--hw-sh)*.8)) 49%,rgba(255,255,255,calc(var(--hw-sh)*.45)) 50%,rgba(var(--hw-rgb),calc(var(--hw-sh)*.8)) 51%,transparent 60%) 150% 0/260% 100% no-repeat}
.g-card.shim::after{animation:gSweep var(--hw-st,9s) var(--ease-io) infinite}
.pk.g-card.shim:nth-child(2)::after{animation-delay:1.4s}.pk.g-card.shim:nth-child(3)::after{animation-delay:2.8s}.rc-sum.g-card.shim::after{animation-delay:4s}
@keyframes gSweep{0%{background-position:150% 0;opacity:0}10%{opacity:1}45%{background-position:-50% 0;opacity:0}100%{background-position:-50% 0;opacity:0}}
html .pk.g-card.hi.glass{border-color:rgba(var(--gb),.55);border-top-color:rgba(255,226,140,.75);box-shadow:inset 0 1px 0 rgba(255,236,180,.3),inset 1px 0 0 rgba(255,255,255,.06),0 24px 60px -8px rgba(0,0,0,.5),0 6px 14px -6px rgba(0,0,0,.4),0 0 48px -14px rgba(212,160,23,0.778)}
.pk.g-card li{border-bottom-color:rgba(var(--hw-rgb),.09)}
.pk.g-card .pk-pop{z-index:2}
.rc-sum.g-card{background-image:linear-gradient(150deg,rgba(212,160,23,.07),rgba(var(--hw-rgb),calc(var(--hw-t)*.8)) 45%,rgba(var(--hw-rgb),var(--hw-t)))}
.rc-main.g-card .rc-row{border-bottom-color:rgba(var(--hw-rgb),.08)}
.rc-main.g-card .ck{background:rgba(0,0,0,.3);border-color:rgba(var(--hw-rgb),.25)}
.rc-sum.g-card .rc-t{border-top-color:rgba(var(--hw-rgb),.12)}
@media(prefers-reduced-motion:reduce){.g-card.shim::after{animation:none;opacity:0}}
.static .g-card::after{animation:none}
/* Preisrechner kompakter (config pakete.calcCompact) – Werte/Logik unverändert */
.rc.rc-compact{align-items:stretch;gap:1.4rem}
.rc-compact .rc-main{padding:1.6rem 1.8rem}
.rc-compact .rc-main h3{margin:0 0 .6rem}
.rc-compact .rc-row{padding:.55rem 0;gap:.7rem;font-size:.88rem}
.rc-compact .rc-row>b{font-size:.8rem}
.rc-compact .ck{width:18px;height:18px;border-radius:6px}.rc-compact .rc-row input:checked+.ck::after{line-height:18px;font-size:.7rem}
.rc-compact .rc-sum{padding:1.6rem 1.7rem;display:flex;flex-direction:column}
.rc-compact .rc-sum ul{margin:.3rem 0 .7rem;flex:1}.rc-compact .rc-sum li{padding:.18rem 0}
.rc-compact .rc-sum .btn{margin-top:auto}
@media(min-width:961px){.rc-compact .rc-main{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem;grid-auto-flow:row dense;align-content:start}
 .rc-compact .rc-main>:not(.rc-row),.rc-compact .rc-main>.rc-row.base,.rc-compact .rc-main>div.rc-row{grid-column:1/-1}
 .rc-compact .rc-sum{position:relative;top:auto}}
@media(max-width:640px){.rc-compact .rc-main,.rc-compact .rc-sum{padding:1.25rem 1.2rem}.rc-compact .rc-row{padding:.5rem 0}}
/* Zeitleisten-Label im selben Glas */
.vtl-lab{background:linear-gradient(150deg,rgba(var(--hw-rgb),calc(var(--hw-t)*1.6)),rgba(var(--hw-rgb),calc(var(--hw-t)*.8))),rgba(24,37,65,calc(var(--hw-base) + .25));-webkit-backdrop-filter:blur(var(--hw-bl)) saturate(1.35);backdrop-filter:blur(var(--hw-bl)) saturate(1.35);border-color:rgba(var(--gb),.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 28px -8px rgba(0,0,0,.5)}
html .rc-sum.g-card{top:auto}

/* ===== Breite Glas-Flächen (Kontakt, Möglichkeiten, Schaukasten-Bühne) – Innenelemente als dezente Einlagen ===== */
.g-wide.glass{border-radius:calc(var(--card-r,20px) + 8px)}
html .g-wide.glass.g-card::after{animation-duration:calc(var(--hw-st,9s)*1.3)}
.g-wide .g-inset,.ct-glass>:is(.wiz,#cinfo),.tabs-glass .pane{background:linear-gradient(160deg,rgba(255,255,255,.025),rgba(0,0,0,.12));border:1px solid rgba(var(--hw-rgb),.1);border-top-color:rgba(var(--gb),.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 8px 24px -14px rgba(0,0,0,.5);backdrop-filter:none;-webkit-backdrop-filter:none}
.gb-on .ct-glass>:is(.wiz,#cinfo){border-color:rgba(var(--hw-rgb),.1);border-top-color:rgba(var(--gb),.2)}
/* Kontakt */
.story .ct-grid.ct-glass{max-width:var(--g-max,1100px);margin-inline:auto;padding:clamp(1.4rem,3vw,2.6rem);gap:clamp(1rem,2vw,1.6rem);align-items:stretch;grid-template-columns:1.35fr 1fr}
.ct-glass>.wiz{display:flex;flex-direction:column;padding:1.8rem 2rem}
.ct-glass>#cinfo{padding:1.8rem 2rem;align-content:center}
@media(max-width:860px){.story .ct-grid.ct-glass{grid-template-columns:1fr;padding:1.25rem}.ct-glass>.wiz,.ct-glass>#cinfo{padding:1.4rem 1.3rem}}
/* Möglichkeiten (Tabs) */
.sk-tabs.tabs-glass{max-width:var(--g-max,1180px);margin-inline:auto;padding:clamp(1.6rem,3vw,2.8rem) clamp(1.2rem,3vw,2.8rem) clamp(1.4rem,3vw,2.6rem)}
.tabs-glass>.shd{margin-top:0}
.tabs-glass .tabbar{margin:1.2rem 0 1.3rem}
.tabs-glass .pane{padding:1.7rem 1.9rem}
@media(max-width:960px){.tabs-glass .pane{padding:1.2rem}}
/* Schaukasten-Bühne „Bis hierher alles Skizze“ / „Und dann geht sie online“ */
.sk-sticky.has-panel{display:flex;align-items:center;justify-content:center}
.sk-panel{width:100%;display:grid;grid-template-columns:.8fr 1.4fr;gap:clamp(1.6rem,3vw,3rem);align-items:center;padding:clamp(1.6rem,3vw,2.6rem)}
@media(max-width:960px){.sk-panel{grid-template-columns:1fr;gap:1.2rem;padding:1.3rem}}
/* ===== Eigener V-Cursor + Goldspur (cursor.js, config.js cursor) ===== */
.vc{position:fixed;left:0;top:0;z-index:10001;pointer-events:none;opacity:0;will-change:transform;transition:opacity .2s}
.vc svg{display:block;transition:transform .25s var(--ease,ease),filter .25s;transform-origin:inherit;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6)) drop-shadow(0 0 3px rgba(212,160,23,calc(var(--vc-gl)*.5)))}
.vc.show{opacity:1}
.vc.hot svg{transform:scale(var(--vc-hs));filter:drop-shadow(0 0 1.5px rgba(0,0,0,.85)) drop-shadow(0 1px 2px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(255,214,110,var(--vc-gl)))}
.vc.down svg{transform:scale(.9)}.vc.hot.down svg{transform:scale(calc(var(--vc-hs)*.92))}
.vc.txt,.vc.nat{opacity:0!important}
.vc-trail{position:fixed;inset:0;width:100vw;height:100vh;z-index:10000;pointer-events:none}
/* Native Zeiger nur ausblenden, wenn der eigene Cursor wirklich läuft */
html.vc-on,html.vc-on body,html.vc-on *{cursor:none!important}
html.vc-on :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),textarea,[contenteditable=""],[contenteditable=true]){cursor:text!important}
html.vc-on select{cursor:default!important}
@media (pointer:coarse){.vc,.vc-trail{display:none}}

/* Vorher/Nachher als breite Glasfläche (config vorherNachher) – Vergleichsfenster selbst unverändert */
.ba-wrap.ba-glass{max-width:var(--g-max,1180px);margin-inline:auto;padding:clamp(1.3rem,3vw,2.6rem) clamp(1rem,3vw,2.6rem) clamp(1.2rem,3vw,2.4rem)}
.ba-glass>.shd{margin-top:0}
.ba-glass .ba{margin-top:1.2rem;box-shadow:0 22px 50px -26px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05)}
@media(max-width:640px){.ba-wrap.ba-glass{padding:1.2rem .9rem 1rem}}

/* Live-Vorschau als breite Glasfläche (config preview.glass) – Fenster, Handy und Steuerung unverändert, Steuerung als Einlage */
.pv-grid.pv-glass{max-width:var(--g-max,1240px);margin-inline:auto;padding:clamp(1.2rem,2.6vw,2.4rem);gap:clamp(1.4rem,2.6vw,2.6rem)}
@media(min-width:961px){.pv-grid.pv-glass{padding-bottom:calc(clamp(1.2rem,2.6vw,2.4rem) + 2.6rem);margin-bottom:0}}
.pv-glass>.pv-ctl{background:linear-gradient(160deg,rgba(255,255,255,.025),rgba(0,0,0,.14));border:1px solid rgba(var(--hw-rgb),.1);border-top-color:rgba(var(--gb),.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 8px 24px -14px rgba(0,0,0,.5);-webkit-backdrop-filter:none;backdrop-filter:none}
.gb-on .pv-glass>.pv-ctl{border-color:rgba(var(--hw-rgb),.1);border-top-color:rgba(var(--gb),.2)}
@media(max-width:960px){.pv-grid.pv-glass{padding:1rem .9rem 2.8rem}}

/* Laufband (Beispiele) als Glaskacheln (config ticker) – Standard: günstiges Fake-Glas ohne backdrop-filter, optional echtes Blur */
.ex-belt.tk-glass .ex-in{
 background:
  linear-gradient(135deg,rgba(255,255,255,.16) 0,rgba(255,255,255,.035) 22%,transparent 46%),
  radial-gradient(120% 70% at 0 0,rgba(var(--hw-rgb),.16),transparent 62%),
  linear-gradient(160deg,rgba(var(--hw-rgb),.11),rgba(var(--hw-rgb),.04) 55%,rgba(var(--gb),.05));
 -webkit-backdrop-filter:none;backdrop-filter:none;
 border:1px solid;border-color:rgba(var(--gb),calc(var(--gb-a)*1.9)) rgba(var(--gb),calc(var(--gb-a)*.9)) rgba(var(--gb),calc(var(--gb-a)*.7)) rgba(var(--gb),calc(var(--gb-a)*1.6));
 box-shadow:inset 1px 1px 0 rgba(255,255,255,.34),inset -1px -1px 0 rgba(var(--hw-rgb),.08),inset 0 0 0 1px rgba(var(--hw-rgb),.06),0 12px 26px -16px rgba(0,0,0,.8)}
.ex-belt.tk-glass.tk-lift .ex-in{box-shadow:inset 1px 1px 0 rgba(255,255,255,.34),inset -1px -1px 0 rgba(var(--hw-rgb),.08),inset 0 0 0 1px rgba(var(--hw-rgb),.06),0 22px 40px -20px rgba(0,0,0,.85),0 6px 10px -6px rgba(0,0,0,.55)}
.ex-belt.tk-glass.tk-blur .ex-in{-webkit-backdrop-filter:blur(var(--tk-bl,8px)) saturate(1.25);backdrop-filter:blur(var(--tk-bl,8px)) saturate(1.25)}
.ex-belt.tk-glass .ex-img{inset:var(--tk-f,9px);border-radius:7px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 1px 0 rgba(255,255,255,.06)}
.ex-belt.tk-glass .ex-txt{left:var(--tk-f,9px);right:var(--tk-f,9px);bottom:var(--tk-f,9px)}
.ex-belt.tk-glass .ex-v{top:calc(var(--tk-f,9px) + 7px);left:calc(var(--tk-f,9px) + 7px)}
.ex-belt.tk-glass .ex-glare{background:linear-gradient(125deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.04) 26%,transparent 40%),linear-gradient(180deg,rgba(var(--hw-rgb),.06),transparent 30%);mix-blend-mode:screen}
.ex-belt.tk-glass .ex-card:hover .ex-in,.ex-belt.tk-glass .ex-card.on .ex-in{border-color:rgba(var(--gb),calc(var(--gb-h)*1.9));box-shadow:inset 1px 1px 0 rgba(255,236,170,.42),inset 0 0 0 1px rgba(var(--hw-rgb),.1),0 0 28px -10px rgba(var(--gb),.55),0 26px 44px -20px rgba(0,0,0,.9)}

/* Leistungen als breite Glasfläche (config services.glass) – Karten werden dezente Einlagen, Hover/Modal unverändert */
.lv-panel.lv-glass{max-width:var(--g-max,1240px);margin-inline:auto;padding:clamp(1.4rem,3vw,2.8rem) clamp(1rem,2.6vw,2.4rem) clamp(1.2rem,2.6vw,2.4rem)}
.lv-glass>.shd{margin-top:0}
.lv-glass>.lv-grid{margin-top:clamp(1.4rem,2.6vw,2.2rem)}
.lv-glass .lv-card{background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(0,0,0,.16));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 10px 26px -16px rgba(0,0,0,.55);-webkit-backdrop-filter:none;backdrop-filter:none}
.lv-glass .lv-card:hover,.lv-glass .lv-card.is-hov{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 30px -20px rgba(0,0,0,.8),0 0 22px -12px rgba(var(--gb),.45)}
@media(max-width:560px){.lv-panel.lv-glass{padding:1.2rem .85rem 1rem}}

/* ===== Handy/Touch „lite“ (mobile.js + config.mobile): ruhig, leicht, alles sichtbar ===== */
html.ml-noblur *,html.ml-noblur *::before,html.ml-noblur *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.ml-noblur .glass{background-color:rgba(27,41,70,.62)}
html.ml-noblur header.nav{background-color:rgba(18,31,57,.94)}
html.ml-noblur .drawer{background-color:rgba(18,31,57,.97)}
html.ml-noshim .shim::after,html.ml-noshim .glass::after{animation:none!important}
html.ml-noshim .g-card.shim::after,html.ml-noshim :is(.h-wel,.sv-panel,.toolbox).glass.shim::after{opacity:0!important}
html.ml-nograin .grain{display:none!important}
html.ml-flatbelt .ex-belt{perspective:none}
html.ml-flatbelt .ex-belt .ex-card,html.ml-flatbelt .ex-belt .ex-card:hover{transform:none!important}
html.ml-flatbelt .ex-in{-webkit-box-reflect:unset}
html.ml-flatbelt .ex-track{transform-style:flat}
html.ml-nofloat :is(.stage,#vemblem,.pv-phone,.ph-floor,.h-glow){animation:none!important}
html.ml-noreveal .reveal{opacity:1!important;transform:none!important;transition:none!important}
html.mob-lite .sk-sticky{min-height:100svh}
html.mob-lite body{overflow-x:clip}
html.ml-noshim .drawer{animation:none!important}
html.mob-lite .sk-wire .ln *{animation:none!important}
html:not(.has-greet) .greet{display:none}

/* Leistung: vollständig überdeckte Stapel-Blätter nicht rendern (stack.hideCovered) */
.stk-off{visibility:hidden}.stk-off *{animation-play-state:paused!important}
/* Körnung ohne mix-blend (perf.grainBlend 'normal') – sehr viel günstiger beim Scrollen */
html.gr-normal .grain{mix-blend-mode:normal;opacity:var(--grain-o,.045)}
.h-ringtxt{will-change:transform;transform-origin:50% 50%}
/* Leistung: Animationen außerhalb des Bildschirms / im geschlossenen Menü anhalten (perf.pauseOffscreen) */
.offv,.offv *,.offv *::before,.offv *::after,.drawer:not(.open)::after,.drawer:not(.open) *,.drawer:not(.open) *::after{animation-play-state:paused!important}
/* Qualitätssiegel (config.js seal) – rund freigestellt, ruhiger Goldglanz, leichtes Neigen bei Hover */
.seal{--seal:220px;--seal-m:150px;--seal-t:9s;flex:none;width:var(--seal);aspect-ratio:1;perspective:900px}
.seal[hidden],.seal-line[hidden],.f-seal[hidden]{display:none!important}
.seal-in{position:relative;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;isolation:isolate;box-shadow:0 22px 40px -14px rgba(0,0,0,.75),0 0 0 1px rgba(212,160,23,0.311),0 0 36px rgba(212,160,23,0.242);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s}
.seal-in img{display:block;width:100%;height:100%;object-fit:cover}
.seal-in::after{content:"";position:absolute;inset:-10%;pointer-events:none;background:linear-gradient(112deg,transparent 38%,rgba(255,236,180,.0) 42%,rgba(255,236,180,.42) 50%,rgba(255,236,180,0) 58%,transparent 62%);transform:translateX(-110%);animation:sealShine var(--seal-t) cubic-bezier(.45,.05,.35,1) 1.5s infinite}
@keyframes sealShine{0%{transform:translateX(-110%)}22%,100%{transform:translateX(110%)}}
.seal.no-shine .seal-in::after{display:none}
@media (hover:hover) and (pointer:fine){.seal:not(.no-tilt):hover .seal-in{transform:rotateX(6deg) rotateY(-10deg) translateY(-4px) scale(1.03);box-shadow:0 30px 50px -16px rgba(0,0,0,.8),0 0 0 1px rgba(212,160,23,0.553),0 0 48px rgba(212,160,23,0.414)}}
.ab-card.has-seal{display:flex;align-items:center;gap:clamp(1.8rem,4vw,3.4rem);max-width:60rem;margin:0 auto;text-align:left}
.story .about .ab-card.has-seal p{margin:0;max-width:none}
.ab-card.has-seal::after{display:none!important}
.ab-txt{min-width:0}
.seal-line{margin-top:1.2rem!important;padding-left:1rem;border-left:1px solid rgba(212,160,23,.55);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(1.05rem,1.3vw,1.2rem)!important;line-height:1.55!important;color:#d9bf7a!important}
.seal-strip{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:52rem;margin:3rem auto 0;text-align:left}
.seal-strip .seal{--seal:150px}
.f-seal{display:block;width:64px;height:64px;margin-top:1.1rem;border-radius:50%;opacity:.9;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6));transition:opacity .4s,transform .4s}
.f-seal:hover{opacity:1;transform:translateY(-2px)}
@media (max-width:760px){.ab-card.has-seal,.seal-strip{flex-direction:column;text-align:center;gap:1.4rem}.seal,.seal-strip .seal{width:var(--seal-m)}.seal-line{padding:0;border:0;border-top:1px solid rgba(212,160,23,.4);padding-top:1rem;max-width:22rem;margin-left:auto!important;margin-right:auto!important}.f-seal{margin-left:auto;margin-right:auto}}
html.ml-noshim .seal-in::after{animation:none!important;display:none}
@media (prefers-reduced-motion:reduce){.seal-in::after{display:none}.seal-in,.f-seal{transition:none}}
/* Über mich mit freigestelltem Porträt (config.js about.photo) – er „liegt“ direkt auf dem Hintergrund, Siegel als Plakette daneben */
.ab-card.has-photo{--ph-w:360px;--ph-wm:240px;display:grid;grid-template-columns:var(--ph-w) minmax(0,1fr);gap:clamp(2.2rem,5vw,4.8rem);align-items:start;max-width:72rem;margin:0 auto;text-align:left}
.ab-card.has-photo::after{display:none!important}
.ab-media{position:relative;justify-self:center;width:var(--ph-w);max-width:100%}
.ab-photo{position:relative;margin:0}
.ab-photo[hidden],.ab-toggle[hidden],.ab-vals[hidden]{display:none!important}
.ab-photo::before{content:"";position:absolute;left:-14%;right:-14%;top:4%;bottom:10%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(212,160,23,.17),rgba(212,160,23,.06) 55%,transparent 78%)}
.ab-photo img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 -1px 1px rgba(240,203,120,0.656)) drop-shadow(0 26px 34px rgba(0,0,0,.62))}
.ab-photo.no-glow::before{display:none}
.ab-photo.no-rim img{filter:drop-shadow(0 26px 34px rgba(0,0,0,.62))}
.seal.seal-badge{position:absolute;z-index:2;right:-9%;bottom:9%}
.story .about .ab-card.has-photo p{margin:0 0 1.05em;max-width:none;font-size:clamp(1rem,1.12vw,1.1rem);line-height:1.78}
.story .about .ab-card.has-photo .ab-tag{margin:0 0 1.5rem;font-size:.8rem;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 18px rgba(212,160,23,0.432)}
.ab-collapsible .ab-more:not(.open){display:none}
.ab-more.open{animation:abIn .5s ease both}@keyframes abIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ab-toggle{display:inline-flex;align-items:center;gap:.5rem;margin:.1rem 0 1.6rem;padding:.55rem 1.25rem;background:rgba(212,160,23,.06);border:1px solid rgba(212,160,23,.45);border-radius:999px;color:var(--gold);font:inherit;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .3s,border-color .3s}
.ab-toggle::after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s}
.ab-toggle[aria-expanded="true"]::after{transform:translateY(2px) rotate(-135deg)}
.ab-toggle:hover{background:rgba(212,160,23,.13);border-color:var(--gold)}
.ab-vh{margin:1.9rem 0 1rem;font-size:clamp(1.2rem,1.6vw,1.45rem);color:#efe8d6}
.ab-vals{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.2rem;padding:0;list-style:none}
.ab-vals li{padding:.48rem 1.05rem;border:1px solid rgba(212,160,23,.48);border-radius:999px;background:linear-gradient(180deg,rgba(212,160,23,.13),rgba(212,160,23,.03));color:#ecd38f;font-size:.88rem;letter-spacing:.03em;box-shadow:inset 0 1px 0 rgba(255,236,180,.12)}
.story .about .ab-card.has-photo .ab-sign{margin:2rem 0 .6rem;padding-top:1.4rem;border-top:1px solid rgba(212,160,23,.32);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.45;color:#e9cf87}
.story .about .ab-card.has-photo .ab-slogan{margin:0;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#a39782}
@media (max-width:960px){.ab-card.has-photo{grid-template-columns:minmax(0,1fr);gap:1.6rem;max-width:40rem}.ab-media{width:min(var(--ph-w),78vw)}}
@media (max-width:760px){.ab-media{width:var(--ph-wm)}.seal.seal-badge{right:-16%;bottom:6%}
 .story .about .ab-card.has-photo .ab-tag,.story .about .ab-card.has-photo .ab-sign,.story .about .ab-card.has-photo .ab-slogan{text-align:center}.ab-toggle{display:flex;margin:.2rem auto 1.6rem}.ab-vh{text-align:center}.ab-vals{justify-content:center}}
html.mob-lite .ab-photo img{filter:drop-shadow(0 -1px 1px rgba(240,203,120,0.553))}
@media (prefers-reduced-motion:reduce){.ab-more.open{animation:none}}
/* Siegel neben Unterschrift + Slogan (seal.place = "sign") – nie über dem Porträt */
.ab-close{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(212,160,23,.32)}
.story .about .ab-card.has-photo .ab-close .ab-sign{margin:0 0 .6rem;padding-top:0;border-top:0}
.ab-close.has-seal{display:flex;align-items:center;justify-content:space-between;gap:clamp(1.4rem,3vw,2.6rem)}
.ab-close-t{min-width:0;flex:1}
.seal.seal-sign{flex:none}
@media (max-width:760px){.ab-close.has-seal{flex-direction:column;text-align:center;gap:1.3rem}.seal.seal-sign{order:2}}
/* Über mich kompakter + Text im gemeinsamen Glasfenster (config.js about.glass) – Porträt bleibt frei auf dem Hintergrund */
#about h2.shd-t,.story #about h2{font-size:clamp(1.5rem,2.6vw,2.15rem)!important}
.ab-card.has-photo.ab-has-glass{max-width:var(--ab-max,64rem);gap:clamp(1.6rem,3.2vw,3rem);align-items:start}
.ab-has-glass .ab-media{margin-top:clamp(.5rem,2vw,1.5rem)}
.story .about .ab-txt.ab-glass{padding:clamp(1.4rem,2.6vw,2.2rem) clamp(1.3rem,2.8vw,2.4rem);text-align:left}
.story .about .ab-card.has-photo.ab-has-glass p{font-size:clamp(.94rem,1vw,1rem);line-height:1.7;margin-bottom:.85em}
.story .about .ab-card.has-photo.ab-has-glass .ab-tag{margin-bottom:1.1rem;font-size:.74rem}
.ab-has-glass .ab-vh{margin:1.4rem 0 .8rem;font-size:clamp(1.1rem,1.4vw,1.3rem)}
.ab-has-glass .ab-vals li{padding:.4rem .9rem;font-size:.84rem}
.ab-has-glass .ab-close{margin-top:1.4rem;padding-top:1.1rem}
.story .about .ab-card.has-photo.ab-has-glass .ab-close .ab-sign{font-size:clamp(1.15rem,1.5vw,1.35rem)}
@media (max-width:960px){.ab-card.has-photo.ab-has-glass{max-width:38rem}}
@media (max-width:760px){.story .about .ab-txt.ab-glass{padding:1.4rem 1.2rem}}
.story .about .ab-card.has-photo.ab-has-glass p.ab-slogan{font-size:.72rem;letter-spacing:.18em;line-height:1.6;margin:0}
.story .about .ab-card.has-photo.ab-has-glass p.ab-sign{font-size:clamp(1.12rem,1.45vw,1.3rem);line-height:1.45;margin:0 0 .5rem}
.story .about .ab-card.has-photo.ab-has-glass p.ab-tag{font-size:.72rem;line-height:1.5;margin:0 0 1.1rem}
/* Drehendes V (config.js logoSpin) – Hülle im Hero, Perspektive für das kleine V im Kopf */
.vspin{position:absolute;inset:0;transform-style:preserve-3d}
.brandlink{perspective:420px}
.footer .f-brand,.foot .f-brand{perspective:500px}
@media (prefers-reduced-motion:reduce){.vspin-on{animation:none!important;rotate:none!important}}
.f-visitors{max-width:1280px;margin:3.2rem auto 0;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}.f-visitors[hidden]{display:none}.fv-num{font-weight:600;font-size:1.05rem;letter-spacing:.12em;background:linear-gradient(180deg,#fff3b0,#e7ae2a 55%,#b98012);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}.fv-orn{width:3.2rem;height:1px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.7))}.fv-orn:last-child{transform:scaleX(-1)}
@media(max-width:600px){.f-visitors{margin-top:2.4rem;gap:.7rem;font-size:.7rem;letter-spacing:.16em}.fv-orn{width:1.6rem}}
/* ===== Glas: ca. 30 % transparenter (--g-alpha), tieferer weicher Schatten; Blur unverändert ===== */
:root{--g-alpha:.7;--g-shadow:0 38px 90px -14px rgba(0,0,0,.58),0 14px 32px -12px rgba(0,0,0,.46),0 2px 6px -2px rgba(0,0,0,.3)}
html body :is(.h-wel,.sv-panel,.toolbox,.pk,.rc-main,.rc-sum,.g-wide).glass,html body .toolbox.glass.dm-glass{
 background:linear-gradient(150deg,rgba(var(--hw-rgb),calc(var(--hw-t)*1.5*var(--g-alpha))) 0%,rgba(var(--hw-rgb),calc(var(--hw-t)*.8*var(--g-alpha))) 40%,rgba(60,120,160,calc(var(--hw-t)*.6*var(--g-alpha))) 72%,rgba(var(--hw-rgb),calc(var(--hw-t)*var(--g-alpha))) 100%),rgba(24,37,65,calc(var(--hw-base)*var(--g-alpha)));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 1px 0 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,255,255,.025),var(--g-shadow),0 0 44px -22px rgba(var(--hw-rgb),.35)}
html body .rc-sum.g-card.glass{background-image:linear-gradient(150deg,rgba(212,160,23,calc(.07*var(--g-alpha))),rgba(var(--hw-rgb),calc(var(--hw-t)*.8*var(--g-alpha))) 45%,rgba(var(--hw-rgb),calc(var(--hw-t)*var(--g-alpha))))}
html body .pk.g-card.hi.glass{box-shadow:inset 0 1px 0 rgba(255,236,180,.3),inset 1px 0 0 rgba(255,255,255,.06),var(--g-shadow),0 0 48px -14px rgba(212,160,23,0.778)}

/* ===== Hero-Slogan (site.json hero.welcome.mode="slogan", Texte i18n hs_*) – gestaffelt einblenden + Gold-Schimmer ===== */
.h-wel.hs{text-align:center}
.hs-h{margin:0 0 .35rem!important;font:italic 400 var(--hw-s1)/1.1 var(--hw-f),"Cormorant Garamond",Georgia,serif!important;letter-spacing:.002em;text-wrap:balance;text-shadow:none!important}
.hs-h::before{display:none!important}
.hs-h .hs-l{display:block;background:linear-gradient(100deg,#b8860b 0%,#f0c75e 22%,#fff3c4 32%,#f0c75e 42%,#d4a017 60%,#f6dc8c 80%,#b8860b 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f0c75e;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 4px 12px rgba(0,0,0,.45))}
.hs-h .hs-q{font-size:.78em;margin-top:.15em;background-image:linear-gradient(180deg,#fff 0%,#e4e6e9 40%,#b9bdc3 80%,#dfe1e4 100%);background-size:100% 100%}
.hs-e{margin:.9rem 0 .55rem;font:500 .74rem/1.5 var(--ui-font,"Montserrat"),Montserrat,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--hw-a)}
.hs-p{margin:0 auto!important;max-width:27rem}
.hs .hw-orn{margin:1.05rem auto .7rem}
.hs-b{margin:0;font:600 .8rem/1.2 var(--ui-font,"Montserrat"),Montserrat,sans-serif;letter-spacing:.46em;padding-left:.46em;color:#f0c75e}
.hs-t{margin:.45rem 0 0;font:italic 400 1.06rem/1.45 var(--hw-f),Georgia,serif;color:#f3f2ee;opacity:.92}
.hs-c{margin:1.25rem 0 0}.hs-btn{padding:.95rem 1.9rem;letter-spacing:.22em}
html.js:not(.hs-on):not(.hs-still) .hs .hs-l{opacity:0;transform:translateY(14px)}
html.js:not(.hs-on):not(.hs-still) .hs .hs-l:not(.hs-h *){filter:blur(4px)}
.hs .hs-l{transition:opacity .9s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.22s),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.22s),filter .9s ease calc(var(--i)*.22s)}
html.js .hs .hs-h .hs-l{filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 4px 12px rgba(0,0,0,.45))}
html.hs-on .hs .hs-h .hs-l:first-child{animation:hsSweep 2.6s cubic-bezier(.45,.05,.25,1) .5s 1 both,hsSweep 2.6s cubic-bezier(.45,.05,.25,1) 9s infinite}
@keyframes hsSweep{0%{background-position:100% 0}70%,100%{background-position:0 0}}
html.hs-still .hs .hs-h .hs-l:first-child{background-position:50% 0}
@media(prefers-reduced-motion:reduce){.hs .hs-l{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.hs .hs-h .hs-l:first-child{background-position:50% 0}}
@media(max-width:900px){.hs-h{font-size:clamp(1.7rem,7.4vw,2.15rem)!important}.hs-e{font-size:.66rem;letter-spacing:.18em}.hs-b{font-size:.72rem;letter-spacing:.38em}.hs-t{font-size:1rem}.hs-btn{padding:.9rem 1.4rem;letter-spacing:.16em;font-size:.7rem}}

/* Hero-Slogan: Schriften aus site.json hero.welcome.fonts (selbst gehostet, assets/fonts/hero-fonts.css) */
.hs-fonts .hs-h,.hs-fonts .hs-t{font-family:var(--hs-hf),"Cormorant Garamond",Georgia,serif!important;font-weight:var(--hs-hw,500)!important;font-style:var(--hs-hs,italic)!important}
.hs-fonts .hs-h{font-size:calc(var(--hw-s1) * var(--hs-hz,1))!important}
.hs-fonts .hs-p,.hs-fonts .hs-e,.hs-fonts .hs-b,.hs-fonts .hs-btn{font-family:var(--hs-bf),"Montserrat",sans-serif!important}
.hs-fonts .hs-p{font-weight:var(--hs-bw,300)!important;letter-spacing:.01em}
@media(max-width:900px){.hs-fonts .hs-h{font-size:calc(clamp(1.7rem,7.4vw,2.15rem) * var(--hs-hz,1))!important}}
/* Hero-Slogan: aufgelegte, plastische Goldschrift (Verlauf + Kante oben hell / unten dunkel + Schlagschatten auf dem Glas) */
.hs .hs-h .hs-l{color:#e2b23f;-webkit-text-fill-color:currentColor;background:none}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 .hs .hs-h .hs-l{background-image:linear-gradient(100deg,transparent 0%,transparent 38%,rgba(255,250,225,.95) 48%,transparent 58%,transparent 100%),linear-gradient(180deg,#fff1b8 0%,#f6d06a 22%,#d9a12a 50%,#a8720f 74%,#e9bf55 100%);background-size:260% 100%,100% 1.1em;background-position:100% 0,0 0;background-repeat:no-repeat,repeat-y;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
 .hs .hs-h .hs-q{background-image:linear-gradient(100deg,transparent 0%,transparent 100%),linear-gradient(180deg,#ffffff 0%,#eef0f2 30%,#b8bcc3 66%,#8d929a 82%,#d9dce0 100%)}
}
html.js .hs .hs-h .hs-l{filter:drop-shadow(0 -1px 0 rgba(255,244,200,.55)) drop-shadow(0 1px 0 #7a5208) drop-shadow(0 1px 0 #5c3d04) drop-shadow(0 4px 3px rgba(10,14,30,.55)) drop-shadow(0 10px 14px rgba(0,0,0,.35))}
html.js .hs .hs-h .hs-q{filter:drop-shadow(0 -1px 0 rgba(255,255,255,.5)) drop-shadow(0 1px 0 #5d636c) drop-shadow(0 3px 3px rgba(10,14,30,.5)) drop-shadow(0 8px 12px rgba(0,0,0,.3))}
html.hs-on .hs .hs-h .hs-l:first-child{animation:hsSweep2 2.6s cubic-bezier(.45,.05,.25,1) .5s 1 both,hsSweep2 2.6s cubic-bezier(.45,.05,.25,1) 9s infinite}
@keyframes hsSweep2{0%{background-position:100% 0,0 0}70%,100%{background-position:0 0,0 0}}
html.hs-still .hs .hs-h .hs-l:first-child{background-position:100% 0,0 0}
@media(prefers-reduced-motion:reduce){.hs .hs-h .hs-l:first-child{animation:none!important;background-position:100% 0,0 0}}
.hs .hs-p,.hs .hs-t{text-shadow:0 1px 0 rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.35)}
.hs .hs-b,.hs .hs-e{text-shadow:0 1px 0 rgba(60,40,4,.6),0 2px 6px rgba(0,0,0,.35)}
@media(max-width:900px){html.js .hs .hs-h .hs-l{filter:drop-shadow(0 -1px 0 rgba(255,244,200,.45)) drop-shadow(0 1px 0 #7a5208) drop-shadow(0 3px 2px rgba(10,14,30,.55)) drop-shadow(0 7px 10px rgba(0,0,0,.3))}}
/* ===== Typografie seitenweit (site.json fonts): Überschriften Cormorant Garamond mit aufgelegtem Gold, Text Montserrat ===== */
body,button,input,select,textarea{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif}
body>section:not(.hero) h2,body>section:not(.hero) h3,body>footer h2,body>footer h3{font-family:"Cormorant Garamond",Georgia,serif!important;font-variation-settings:normal!important;letter-spacing:.005em}
body>section:not(.hero) h2:not(.m-hero *):not(.mk *){font-weight:500!important;color:#e2b23f;text-shadow:none!important}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 body>section:not(.hero) h2:not(.m-hero *):not(.mk *){background:linear-gradient(180deg,#fff1b8 0%,#f6d06a 22%,#d9a12a 52%,#a8720f 76%,#e9bf55 100%) 0 0/100% 1.15em repeat-y;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
 body>section:not(.hero) h2:not(.m-hero *):not(.mk *) *{-webkit-text-fill-color:transparent}
}
body>section:not(.hero) h2:not(.m-hero *):not(.mk *){filter:drop-shadow(0 -1px 0 rgba(255,244,200,.45)) drop-shadow(0 1px 0 #7a5208) drop-shadow(0 3px 3px rgba(10,14,30,.5)) drop-shadow(0 8px 12px rgba(0,0,0,.3))}
body>section:not(.hero) h3:not(.m-hero *):not(.mk *){font-weight:600!important;color:#ecc867;-webkit-text-fill-color:currentColor;text-shadow:0 -1px 0 rgba(255,240,190,.3),0 1px 0 rgba(90,60,5,.85),0 3px 6px rgba(0,0,0,.4)}
@media(max-width:900px){body>section:not(.hero) h2:not(.m-hero *):not(.mk *){filter:drop-shadow(0 1px 0 #7a5208) drop-shadow(0 3px 4px rgba(0,0,0,.45))}}

/* Preisrechner: animierte Summe */
#rechner .rc-t b{font-variant-numeric:tabular-nums;transition:color .3s,text-shadow .3s}
#rechner .rc-t b.rc-cnt{color:#f3d27a;text-shadow:0 0 14px rgba(226,178,63,.45)}
@media (prefers-reduced-motion:reduce){#rechner .rc-t b{transition:none}}
/* Unterschrift unter dem Foto (live geschrieben) */
.ab-sig{position:relative;z-index:2;width:78%;margin:1.4rem auto 0;pointer-events:none}
.ab-sig svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 -1px 0 rgba(255,240,190,.55)) drop-shadow(0 2px 1px rgba(90,60,0,.85)) drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.ab-sig .sg-s{stroke-dasharray:1 1;stroke-dashoffset:1}
.ab-sig.sg-on .sg-s{animation:sgDraw var(--d) cubic-bezier(.45,.05,.4,1) var(--w) forwards}
.ab-sig .sg-s1{--d:.55s;--w:0s}.ab-sig .sg-s2{--d:.85s;--w:.5s}.ab-sig .sg-s3{--d:.75s;--w:1.4s}.ab-sig .sg-s4{--d:.4s;--w:2.15s}
.ab-sig.sg-done .sg-ink{mask:none}
@keyframes sgDraw{to{stroke-dashoffset:0}}
@media (max-width:760px){.ab-sig{width:70%;margin-top:1rem}}
@media (prefers-reduced-motion:reduce){.ab-sig .sg-s{animation:none!important;stroke-dashoffset:0}}

/* Schwebender WhatsApp-Button */
.wab{--wab-s:58px;position:fixed;right:calc(1.4rem + env(safe-area-inset-right,0px));bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));z-index:55;width:var(--wab-s);height:var(--wab-s);border-radius:50%;display:grid;place-items:center;background:radial-gradient(120% 120% at 32% 22%,rgba(98,124,178,.9) 0%,rgba(52,72,114,.86) 38%,rgba(26,40,70,.92) 78%,rgba(16,26,48,.96) 100%);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);box-shadow:inset 0 2px 1px rgba(255,255,255,.28),inset 0 -3px 6px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 1.5px rgba(212,160,23,.45),0 2px 3px rgba(0,0,0,.35),0 10px 22px rgba(0,0,0,.45),0 22px 44px rgba(0,0,0,.35),0 0 18px rgba(233,185,58,.14);opacity:0;transform:translateY(12px) scale(.9);transition:opacity .45s,transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .3s;-webkit-tap-highlight-color:transparent}
.wab.on{opacity:1;transform:none}
.wab img{width:30px;height:30px;display:block;position:relative;filter:drop-shadow(0 1px 0 rgba(0,0,0,.45)) drop-shadow(0 0 4px rgba(255,224,138,.25))}
.wab:hover,.wab:focus-visible{transform:translateY(-2px) scale(1.05);box-shadow:inset 0 2px 1px rgba(255,255,255,.34),inset 0 -3px 6px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 1.5px rgba(233,185,58,.7),0 4px 6px rgba(0,0,0,.35),0 16px 30px rgba(0,0,0,.5),0 28px 54px rgba(0,0,0,.35),0 0 26px rgba(233,185,58,.25)}
.wab::before{content:'';position:absolute;left:16%;right:16%;top:6%;height:42%;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0));pointer-events:none}
.wab:focus-visible{outline:2px solid #FFE08A;outline-offset:4px}
.wab-ring{position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(233,185,58,.6);opacity:0;pointer-events:none}
.wab-pulse .wab-ring{animation:wabPulse 2.8s cubic-bezier(.22,.61,.36,1) infinite}
@keyframes wabPulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(1.55);opacity:0}}
.wab-tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translate(6px,-50%);white-space:nowrap;padding:.5rem .85rem;border-radius:10px;font:500 .78rem/1.2 Montserrat,system-ui,sans-serif;letter-spacing:.02em;color:#FFF1C2;background:rgba(24,38,66,.92);border:1px solid rgba(212,180,90,.35);box-shadow:0 8px 22px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.wab:hover .wab-tip,.wab:focus-visible .wab-tip{opacity:1;transform:translate(0,-50%)}
body.has-wab .totop{bottom:calc(1.4rem + 58px + 14px + env(safe-area-inset-bottom,0px));right:calc(1.4rem + 6px + env(safe-area-inset-right,0px))}
@media (max-width:640px){.wab{--wab-s:54px;right:calc(1rem + env(safe-area-inset-right,0px));bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.wab img{width:28px;height:28px}body.has-wab .totop{bottom:calc(1rem + 54px + 12px + env(safe-area-inset-bottom,0px));right:calc(1rem + 4px + env(safe-area-inset-right,0px))}.wab-tip{display:none}}
@media (hover:none){.wab-tip{display:none}}
@media (prefers-reduced-motion:reduce){.wab,.wab-tip{transition:none}.wab-ring{animation:none!important}.wab:hover,.wab:focus-visible{transform:none}}
@media print{.wab{display:none}}

/* Neues Logo: goldenes V + silberne Wortmarke */
.brandlink.bl-on{gap:.7rem}
.brandlink.bl-on .bl-v{height:38px;width:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55)) drop-shadow(0 0 6px rgba(233,185,58,.22))}
.brandlink.bl-on .bl-w{height:30px;width:auto;display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(255,255,255,.18))}
.f-brand.bl-on .bl-fv{height:72px;width:auto}
.f-brand.bl-on .f-word{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}
.f-brand.bl-on .bl-fw{height:54px;width:auto;filter:drop-shadow(0 3px 3px rgba(0,0,0,.55))}
.f-brand.bl-on .bl-fc{font:500 .66rem/1.3 Montserrat,sans-serif;letter-spacing:.16em;background:linear-gradient(180deg,#fff 0%,#dfe4ea 45%,#9aa3af 55%,#eef1f5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:860px){.brandlink.bl-on{gap:.5rem}.brandlink.bl-on .bl-v{height:30px}.brandlink.bl-on .bl-w{height:24px}}
@media (max-width:480px){.brandlink.bl-on .bl-v{height:26px}.brandlink.bl-on .bl-w{height:20px}.f-brand.bl-on .bl-fw{height:44px}.f-brand.bl-on .bl-fc{font-size:.6rem;letter-spacing:.12em}}

/* Audit 20.10.2026: Lesbarkeit (Schriftgrößen, Kontrast, Tippflächen) – Stil unverändert */
.sk,.shd .shd-k,.shd-k,.pv-lbl,.lv-n,.ex-txt small{font-size:.75rem}
.demo-k{font-size:.72rem;opacity:1}
.ba-lb{font-size:.7rem}
.sk-hint{font-size:.72rem;color:#b3b0a7}
.pv-url{font-size:.78rem;color:#b9b6ad}
#drop small,.rc-row small,.rc-row>b small,.rc-sum .mut{color:#b9b6ad;font-size:.8rem}
.f-bottom,.f-bottom a{font-size:.78rem;color:#b9b6ad}
.foot nav a,.foot .f-col a,.foot li{font-weight:400}
body>section:not(.hero) h3:not(.m-hero *):not(.mk *){text-shadow:0 1px 0 rgba(90,60,5,.8),0 2px 4px rgba(0,0,0,.32)}
@media (max-width:640px){
 #lvgrid .lv-card p,#ablauf .tl li p,#fragen .acc details p,#about .ab-txt>p:not(.ab-tag):not(.ab-slogan):not(.ab-sign),#abbody p,.sk-txt .shd-s,.h-wel .hs-p,#beispiele .exi-2{font-size:1rem!important;line-height:1.65}
 #lvgrid .lv-card p,#ablauf .tl li p,#fragen .acc details p{color:#c4c1b8}
 .exi-3{font-size:.9rem}
 .hs-e{font-size:.72rem;letter-spacing:.16em}
 .lv-more span,.lv-more{font-size:.78rem}
 .f-brand.bl-on .bl-fc{font-size:.7rem;letter-spacing:.08em}
 .story .about .ab-card.has-photo .ab-tag,.story .about .ab-card.has-photo.ab-has-glass p.ab-tag,.story .about .ab-card.has-photo .ab-slogan,.story .about .ab-card.has-photo.ab-has-glass p.ab-slogan{font-size:.76rem}
}
@media (max-width:480px){.nav .lang button{font-size:.74rem;padding:.6rem .42rem;min-width:30px;min-height:36px}}
#cinfo dt,.wz-top span,.f-col h4,.pk-pop{font-size:.75rem}
.lv-n{color:#e2b23a}
.f-word>.bl-fc{font-size:.72rem}
@media (max-width:900px){.hs-e{font-size:.72rem;letter-spacing:.16em}}
.story #cinfo dt{font-size:.75rem}

/* ===== Impressum / Datenschutz: Glasscheibe wie die übrigen Glas-Panels ===== */
.legal{color:var(--fg);padding:2.4rem 2.6rem 2.2rem;border-radius:22px;
 background:linear-gradient(160deg,rgba(52,78,124,.62),rgba(24,38,68,.74) 48%,rgba(16,27,50,.82) 78%,rgba(212,160,23,.07));
 backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);
 border:1px solid rgba(255,255,255,.14);
 box-shadow:inset 1px 1px 0 rgba(255,255,255,.28),inset -1px -1px 0 rgba(255,255,255,.04),inset 0 0 26px rgba(190,220,235,.05),0 0 0 1px rgba(212,160,23,.16),0 2px 0 rgba(212,160,23,.26),0 40px 90px -30px rgba(0,0,0,.9);
 scrollbar-width:thin;scrollbar-color:rgba(212,160,23,.45) transparent;overscroll-behavior:contain}
.legal::backdrop{background:radial-gradient(120% 90% at 50% 40%,rgba(12,22,44,.35),rgba(4,8,18,.7));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.legal h2{margin:0 0 1.2rem;padding-bottom:.7rem;background:linear-gradient(90deg,rgba(212,160,23,.75),rgba(212,160,23,.12) 60%,transparent) left bottom/100% 1px no-repeat}
.legal h3{color:var(--gold);margin:1.5rem 0 .35rem}
.legal p{color:#d6dae3;line-height:1.7}
.legal p.mut{color:#a9b0bd}
.legal a{color:#f0d48a}
.legal .d-x{width:38px;height:38px;border-radius:50%;border:1px solid rgba(212,160,23,.45);background:rgba(21,34,61,.55);backdrop-filter:blur(8px);color:#f0d48a;font-size:1.3rem;line-height:1;cursor:pointer;box-shadow:inset 1px 1px 0 rgba(255,255,255,.2)}
.legal .d-x:hover,.legal .d-x:focus-visible{border-color:#f0d48a;box-shadow:0 0 18px -4px rgba(212,160,23,.8)}
.legal[open]{animation:lgIn .5s cubic-bezier(.22,.61,.36,1) both}
.legal[open]::backdrop{animation:lgBd .5s ease both}
.legal.closing{animation:lgOut .26s cubic-bezier(.55,.06,.68,.19) both}
.legal.closing::backdrop{animation:lgBd .26s ease reverse both}
@keyframes lgIn{from{opacity:0;transform:translateY(22px) scale(.965);filter:blur(4px)}}
@keyframes lgOut{to{opacity:0;transform:translateY(14px) scale(.975)}}
@keyframes lgBd{from{opacity:0}}
@media(max-width:640px){.legal{padding:1.6rem 1.25rem 1.5rem;max-width:94vw;max-height:88vh;border-radius:18px}.legal p{font-size:.98rem}}
@media(prefers-reduced-motion:reduce){.legal[open],.legal[open]::backdrop,.legal.closing,.legal.closing::backdrop{animation:none}}

/* Lichtstrahlen im Hero-Hintergrund (nur transform/opacity) */
.h-beams{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}
.h-beams i{position:absolute;left:50%;top:50%;width:150vmax;height:22vmin;margin:-11vmin 0 0 -75vmax;border-radius:50%;opacity:.5;mix-blend-mode:screen;will-change:transform,opacity;filter:blur(28px);
 background:linear-gradient(90deg,transparent 0,rgba(212,160,23,.0) 18%,rgba(232,186,72,.55) 50%,rgba(212,160,23,0) 82%,transparent 100%);transform:translate3d(0,0,0) rotate(-24deg)}
.h-beams i:nth-child(1){animation:lsA 16s ease-in-out infinite}
.h-beams i:nth-child(2){height:30vmin;margin-top:-15vmin;opacity:.42;background:linear-gradient(90deg,transparent 0,rgba(70,110,190,0) 15%,rgba(90,135,225,.6) 50%,rgba(70,110,190,0) 85%,transparent 100%);animation:lsB 21s ease-in-out infinite}
.h-beams i:nth-child(3){height:9vmin;margin-top:-4.5vmin;opacity:.35;filter:blur(14px);background:linear-gradient(90deg,transparent 0,rgba(255,224,138,0) 25%,rgba(255,224,138,.7) 50%,rgba(255,224,138,0) 75%,transparent 100%);animation:lsC 13s ease-in-out infinite}
@keyframes lsA{0%,100%{transform:translate3d(-18vw,-14vh,0) rotate(-26deg);opacity:.22}50%{transform:translate3d(16vw,10vh,0) rotate(-18deg);opacity:.5}}
@keyframes lsB{0%,100%{transform:translate3d(14vw,16vh,0) rotate(-30deg);opacity:.42}50%{transform:translate3d(-12vw,-8vh,0) rotate(-22deg);opacity:.2}}
@keyframes lsC{0%,100%{transform:translate3d(24vw,-20vh,0) rotate(-20deg);opacity:0}45%{opacity:.38}55%{transform:translate3d(-6vw,6vh,0) rotate(-24deg);opacity:.3}}
.hero2 .h-grid,.hero2 .h-in{z-index:1}
@media(max-width:760px){.h-beams i{filter:blur(18px)}.h-beams i:nth-child(1){opacity:.4}.h-beams i:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){.h-beams i{animation:none!important;will-change:auto}.h-beams i:nth-child(1){transform:translate3d(6vw,0,0) rotate(-22deg);opacity:.4}.h-beams i:nth-child(2){transform:translate3d(-4vw,6vh,0) rotate(-28deg);opacity:.3}.h-beams i:nth-child(3){opacity:0}}

/* Lichtstrahl auf allen Glas-Karten (nur transform/opacity) */
:is(.glass.g-card,.h-wel.glass,.toolbox.glass){isolation:isolate}
.lb.lb{position:absolute!important;inset:0!important;z-index:-1!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;width:auto!important;height:auto!important;max-width:none!important;transform:none!important;opacity:1!important;display:block!important;pointer-events:none;overflow:hidden;border-radius:inherit;contain:paint}
.lb::before{content:"";position:absolute;top:-60%;left:0;width:38%;height:220%;opacity:0;mix-blend-mode:screen;will-change:transform,opacity;
 background:linear-gradient(90deg,transparent,rgba(212,160,23,.12) 25%,rgba(250,214,125,.5) 50%,rgba(212,160,23,.12) 75%,transparent);filter:blur(10px);
 transform:translate3d(-160%,0,0) rotate(18deg);animation:lbSweep 11s cubic-bezier(.45,.05,.35,1) infinite;animation-delay:var(--lb-d,0s)}
.lb.b::before{background:linear-gradient(90deg,transparent,rgba(90,135,225,.12) 25%,rgba(140,185,255,.5) 50%,rgba(90,135,225,.12) 75%,transparent)}
@keyframes lbSweep{0%{transform:translate3d(-160%,0,0) rotate(18deg);opacity:0}6%{opacity:1}38%{opacity:1}44%{transform:translate3d(330%,0,0) rotate(18deg);opacity:0}100%{transform:translate3d(330%,0,0) rotate(18deg);opacity:0}}
@media(max-width:760px){.lb::before{width:60%;filter:blur(8px)}}
@media(prefers-reduced-motion:reduce){.lb::before{animation:none;will-change:auto;transform:translate3d(60%,0,0) rotate(18deg);opacity:.55}}

/* ===== Audit-Paket 23.10.2026 ===== */
/* Live-Vorschau: auf schmalen Handys nicht breiter als der Bildschirm (vorher +8 px bei 360 px) */
@media (max-width:600px){.pv-grid{grid-template-columns:minmax(0,1fr)}.pv-grid>*{min-width:0}}
/* Hero: zweiter Weg neben der Hauptschaltfläche */
.hs-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.6rem}
.hs-btn2{display:inline-flex;align-items:center;gap:.55em;min-height:44px;padding:0 .15rem;font-family:var(--hs-bf),"Montserrat",sans-serif;font-weight:500;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#F3D98F;text-decoration:none;border-bottom:1px solid rgba(212,160,23,.4);transition:color .3s var(--ease,ease),border-color .3s var(--ease,ease)}
.hs-btn2::after{content:"→";letter-spacing:0;transition:transform .3s var(--ease,ease)}
.hs-btn2:hover,.hs-btn2:focus-visible{color:#FFE08A;border-bottom-color:#D4A017}
.hs-btn2:hover::after,.hs-btn2:focus-visible::after{transform:translateX(4px)}
.hs-btn2:focus-visible{outline:1px solid rgba(255,224,138,.7);outline-offset:4px;border-radius:2px}
/* Sprachhinweis für Besucher mit italienischem bzw. englischem Browser */
.lang-hint{position:fixed;left:calc(1rem + env(safe-area-inset-left,0px));bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));z-index:54;display:flex;align-items:center;gap:.15rem;padding:.2rem .25rem .2rem 1rem;border-radius:999px;background:rgba(21,34,61,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,160,23,.55);box-shadow:0 10px 30px rgba(0,0,0,.35);font:500 .92rem/1 Montserrat,system-ui,sans-serif;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
.lang-hint.on{opacity:1;transform:none}
.lang-hint a{display:inline-flex;align-items:center;gap:.4em;min-height:40px;color:#FFE08A;text-decoration:none;letter-spacing:.04em}
.lang-hint button{width:40px;height:40px;border:0;border-radius:50%;background:none;color:#cfd3dc;font-size:1.15rem;cursor:pointer}
.lang-hint :is(a,button):focus-visible{outline:1px solid #FFE08A;outline-offset:2px}
/* Handy: oben unter der Kopfzeile, damit der Hinweis nie die Hauptschaltfläche verdeckt */
@media (max-width:760px){.lang-hint{left:50%;bottom:auto;top:var(--lh-top,103px);transform:translate(-50%,-8px)}.lang-hint.on{transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.lang-hint{transition:none}}
/* Sprunglink: erscheint nur bei Tastaturbedienung */
.skip-link{position:fixed;left:1rem;top:-120px;z-index:1000;padding:.8rem 1.2rem;border-radius:8px;background:#15223d;color:#FFE08A;border:1px solid #D4A017;font:600 1rem/1.2 Montserrat,system-ui,sans-serif;text-decoration:none}
.skip-link:focus{top:1rem}
/* Sprachknöpfe: Klickfläche mindestens 24 px hoch */
.lang button{min-height:24px}
/* Vorher-Demo: Schein-Link bleibt optisch ein Link, ist aber keiner */
.ba-old .ba-fl{color:var(--ba-link);text-decoration:underline}
/* ===== Richtung 2 · Cinematic Studio (24.10.2026) ===== */
/* V-Moment: das V kommt mit einer kurzen Bewegung ins Bild, ein Lichtstreif läuft einmal über den Startbereich.
   Nur transform – kein Aus-/Einblenden und keine Unschärfe (das V ist das größte Bild der Seite), nichts verschiebt das Layout. */
.v-sweep{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .hero2 .h-art{animation:vMoment 1.9s cubic-bezier(.16,.8,.24,1) both .15s}
  .v-sweep::before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(100deg,transparent 0,rgba(255,224,138,.14) 45%,rgba(255,255,255,.18) 50%,rgba(255,224,138,.14) 55%,transparent 100%);transform:translateX(0) skewX(-12deg);animation:vSweep 1.7s cubic-bezier(.4,0,.2,1) .7s both}
}
@keyframes vMoment{0%{transform:scale(.88)}100%{transform:none}}
@keyframes vSweep{to{transform:translateX(400%) skewX(-12deg)}}

/* ===== Richtung 2 · Gold-V aus Blender (24.10.2026) ===== */
/* Standbild und Film sind gerechnet (echtes Licht, echte Kanten) – keine aufgemalten Glanz- und Kantenfilter mehr */
.studio .vwrap #vemblem{filter:none}
.vwrap .vfilm{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity .6s ease;pointer-events:none;background:transparent}
.vwrap.film-on .vfilm{opacity:1}
.vwrap.film-on .sheen{display:none}

/* ===== Schrift im Look des Gold-V (24.10.2026) ===== */
/* Anzeige-Schrift: Playfair Display (selbst gehostet, assets/fonts/site-fonts.css) – aufrecht für Überschriften,
   kursiv für Akzentzeilen; ersetzt Cormorant kursiv. Gold wie das gerechnete V: Farbtöne aus dem Rendering gemessen,
   Licht von oben; die Plastik kommt aus dem Goldverlauf in der Schrift. Schatten nach dem System „Schatteneffekte“:
   nur y-Versatz, Kontakt im eigenen Goldton (Farbton des Goldes, Sättigung halbiert, Helligkeit 14 %) + weite, blasse
   Streuung; dunkle Seite = schwarzer Schatten mit höherer Deckkraft; kein Emboss (keine helle Kante nach oben).
   Die Muster-Websites im Schaukasten (.mock, .m-*, .ba-*, .skr-*, .bn-*) behalten ihre eigenen Schriften. */
:root{--vg-font:"Playfair Display",Georgia,"Times New Roman",serif;--vg-ivory:#f1e6cf;--vg-gold:#e4b662;
  --vg-metal:linear-gradient(180deg,rgba(255,249,232,.7) 0%,rgba(255,249,232,0) 34%),linear-gradient(90deg,rgba(255,240,205,.18) 0%,rgba(0,0,0,0) 46%,rgba(40,25,0,.26) 100%),linear-gradient(180deg,#f8e1a8 0%,#e6b864 33%,#c79b4b 62%,#8a6826 100%);
  --sh-gold:48 39 23;--t-auf:0 1px 2px rgb(0 0 0/.55);--t-hoch:0 1px 2px rgb(0 0 0/.55),0 4px 14px rgb(0 0 0/.4);
  --vg-edge:drop-shadow(0 .028em .02em rgb(var(--sh-gold)/.95)) drop-shadow(0 .09em .3em rgb(0 0 0/.4));
  --hw-f:var(--vg-font)!important;--shd-f:var(--vg-font)!important;--card-font:var(--vg-font)!important;--title-font:var(--vg-font)!important;--hs-hf:var(--vg-font)!important}
/* Hero: erste Zeile Gold, zweite Zeile Elfenbein kursiv */
html .hs .hs-h{font-family:var(--vg-font)!important;font-style:normal!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.08!important}
/* etwas kleiner als die Konfiguration (Faktor 0,94 statt 1,08) – Überschriften darunter entsprechend */
html .hs-fonts .hs .hs-h,html .hs .hs-h{font-size:calc(var(--hw-s1) * .94)!important}
html body .shd-t{font-size:calc(var(--shd-s1) * .88)!important}
@media (max-width:760px){html .hs-fonts .hs .hs-h,html .hs .hs-h{font-size:clamp(1.7rem,7.4vw,2.15rem)!important}html body .shd-t{font-size:calc(var(--shd-s1) * .82)!important}}
html .hs .hs-h .hs-l:first-child{background-image:linear-gradient(105deg,transparent 0%,transparent 44%,rgba(255,251,236,.95) 50%,transparent 56%,transparent 100%),var(--vg-metal)!important;background-size:300% 100%,100% 1.08em,100% 1.08em,100% 1.08em!important;background-repeat:no-repeat,repeat-y,repeat-y,repeat-y!important;background-position:100% 0,0 0,0 0,0 0!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:var(--vg-gold)!important;filter:var(--vg-edge)!important;animation:none!important}
html .hs .hs-h .hs-l.vg-glint:first-child{animation:vgGlint .95s cubic-bezier(.45,.05,.3,1) both!important}
@keyframes vgGlint{from{background-position:100% 0,0 0,0 0,0 0}to{background-position:0 0,0 0,0 0,0 0}}
html .hs .hs-h .hs-q{font-family:var(--vg-font)!important;font-style:italic!important;font-weight:500!important;font-size:.68em!important;letter-spacing:0!important;margin-top:.34em!important;background:none!important;color:var(--vg-ivory)!important;-webkit-text-fill-color:var(--vg-ivory)!important;filter:none!important;text-shadow:var(--t-hoch)!important}
html .hs-fonts .hs-t,html .hs .hs-t{font-family:var(--vg-font)!important;font-style:italic!important;font-weight:400!important;font-size:.98rem!important;color:var(--vg-ivory)!important}
html .hs-fonts .hs-p{font-weight:400!important}
/* Abschnitts-Überschriften: dieselbe Goldfläche, Zeile für Zeile */
html body>section h2.shd-t,html body>section h3.shd-t,html body .shd-t{font-family:var(--vg-font)!important;font-style:normal!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.16!important;background-image:var(--vg-metal)!important;background-size:100% 1.16em,100% 1.16em,100% 1.16em!important;background-repeat:repeat-y!important;background-position:0 0!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:var(--vg-gold)!important;filter:var(--vg-edge)!important}
html body .shd-s{font-weight:400!important}
html body .exi-1,html body .gr-1{font-family:var(--vg-font)!important;font-style:italic!important;font-weight:400!important;background:none!important;color:var(--vg-ivory)!important;-webkit-text-fill-color:var(--vg-ivory)!important;filter:none!important;text-shadow:var(--t-hoch)!important}
/* Karten, Pakete, Fragen, Verwaltungs-Titel und übrige Anzeige-Texte der eigenen Seite */
html body>section:not(.hero) h2:not(.shd-t),html body>section:not(.hero) h3,html body>footer h2,html body>footer h3,
.lv-card h3,.lv-hov b,.pk h3,.pk-price b,.pd-price b,.rc-main h3,.rc-t.tot b,.tl h3,.acc summary,.wiz h3,.pane h3,.dp-card b,.dx p,.dl h4,.ad b,
.gauges h4,.gauge b,.legal h3,.ex-txt b,.d-nav a,.drop span,.tpls .tpl,.pv-in,#dform input,.statement,.hero .sub,.seal-line{font-family:var(--vg-font)!important}
.f-brand p,html body .story .about .ab-card .ab-sign,html body .ab-sign{font-family:var(--vg-font)!important;font-style:italic!important;font-weight:400!important}
/* Muster-Websites behalten ihre Schriften, auch wenn sie in einem Abschnitt stehen */
html body>section .mock h3,html body>section .mock h4,html body>section [class*="skr-"] h3,html body>section [class*="bn-"] h3,html body>section [class*="ba-"] h3:not(.shd-t){font-family:"Cormorant Garamond",Georgia,serif!important}
#topnav a{font-weight:400}
@media (prefers-reduced-motion:reduce){html .hs .hs-h .hs-l.vg-glint:first-child{animation:none!important}}

/* ===== Schrift ohne Schattenschleier – System „Schatteneffekte“ (24.10.2026) ===== */
/* Fließtext, Labels, Buttons, Navigation, Kicker: kein Schatten (er frisst Kontrast). Zwischenzeilen 18–28 px: nur Kontakt.
   Muster-Websites (Vorher-Seite, Skizzen, Schaukasten-Handys) behalten ihre Schatten – sie zeigen fremde Seiten. */
html body :is(header,section,footer,aside) :is(p,li,label,small,dd,dt,a,button,span,em,b,i,strong,summary,figcaption,td,th,div,input,textarea):not(:is(h1,h2,h3,h4,[id="ba"],.mock,.phmock,[class*="skr-"],[class*="bn-"],.m-card,.pv-phone,.pv-frame,[id="mhead"]) *){text-shadow:none!important}
html body .shd .shd-s,html body .shd-s{text-shadow:none!important}
html body :is(section,footer,aside) h3:not(.shd-t):not(:is([id="ba"],.mock,.phmock,[class*="skr-"],[class*="bn-"],.m-card,.pv-phone,.pv-frame) *){text-shadow:0 1px 2px rgb(var(--sh-gold)/.9)!important}
/* Lesbarkeit ohne Schatten: Lichtband auf der Hero-Karte gedämpft, bei reduzierter Bewegung (dort steht es still) aus;
   kleines Gold eine Spur heller (#efcd7c) – gemessen ≥ 6 : 1 im Ruhezustand (vorher 3,2 : 1 unter dem stehenden Lichtband) */
html .h-wel .lb.lb{opacity:.5!important}
@media (prefers-reduced-motion:reduce){html .h-wel .lb.lb{display:none!important}}
html .hs .hs-e,html .hs .hs-btn:not(:hover){color:#efcd7c!important}

/* ===== Politur 24.10.2026 – Startbereich ohne Sprung, lesbare Kleinschrift, Tippflächen, freie Fußzeile ===== */
/* Startbereich: der statische Text bleibt unsichtbar, bis app.js den endgültigen Aufbau gesetzt hat – kein Layout-Sprung mehr. Notfall-Freigabe nach 3 s. */
html.js:not(.hwel) .hero2 .h-copy,html.js:not(.hwel) .hero2 .h-beams{visibility:hidden;animation:pzShow 0s 3s forwards}
@keyframes pzShow{to{visibility:visible}}
html.hwel .hero2 .h-beams{animation:pzFade 1.2s cubic-bezier(.16,1,.3,1) both}
@keyframes pzFade{from{opacity:0}}
/* Kleinschrift: Handlungs-Links, Knöpfe und Hinweise nicht unter ~12,5 px */
html .hs .hs-btn,html .hs .hs-btn2{font-size:.8rem}
html body .lv-more,html body .lv-more span,html body .pk-more,html body .pk-more span{font-size:.8rem}
html body .sk-hint{font-size:.76rem}
html body .wiz label{font-size:.76rem;color:#aaa79d}
html body .nav nav a{font-size:.8rem;color:#c3bfb3}
html body .nav nav a:hover,html body .nav nav a.tl-on{color:#f1d27a}
html body .nav .lang button{font-size:.78rem}
html .hs .hs-e,html .hs .hs-b{font-size:.76rem}
html body .f-brand.bl-on .bl-fc{font-size:.72rem}
/* Tippflächen auf Touch-Geräten: mindestens 44 px hoch (Sprachwahl, Reiter, Auswahl-Chips, Logo-Link) */
@media (pointer:coarse){
 html body .nav .lang button{min-height:44px}
 html body .sk-tabs .tab{min-height:44px}
 html body #preview button.chip,html body #contact button.chip{min-height:40px;position:relative}
 html body #preview button.chip::after,html body #contact button.chip::after{content:"";position:absolute;left:0;right:0;top:-2px;bottom:-2px}
 html body .nav .brandlink{padding-block:9px;margin-block:-9px}
 html body #preview .dot,html body #pakete .stp button{position:relative}
 html body #preview .dot::after,html body #pakete .stp button::after{content:"";position:absolute;inset:-5px}
 html body .pk-more:not(.dm-more){padding-block:.75rem;margin-top:-.55rem;margin-bottom:.45rem}
 html body .pk-more.dm-more{padding-block:.75rem;margin-top:.55rem;margin-bottom:-.55rem}
 html body .f-legal a{display:inline-block;padding-block:.7rem}
}
/* Fußzeile: Rechtliches und Copyright nicht unter den schwebenden Knöpfen (WhatsApp, nach oben) */
html body .f-bottom{padding-right:5.5rem}
@media (max-width:760px){html body .f-bottom{padding-right:0;padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}}
/* Sprachhinweis tritt zurück, sobald gescrollt wird (politur.js setzt .lh-weg) */
html body .lang-hint.lh-weg{opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease}
@media (max-width:760px){html body .lang-hint.lh-weg{transform:translate(-50%,-8px)}}
/* Feinschliff: Markierfarbe in Gold, ruhigere Zeilenumbrüche, Silbentrennung im Fließtext auf schmalen Schirmen */
::selection{background:rgba(212,160,23,.38);color:#fff}
html body :is(section,footer) p:not([class*="hs-"]):not(.hw-p){text-wrap:pretty}
@media (max-width:600px){html body :is(section:not(#top),footer) :is(p,li){hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 4 4}}
/* Formulare: kein Hineinzoomen auf dem iPhone (mind. 16 px), Autofill bleibt dunkel statt weiß/gelb */
@media (max-width:760px){html body #contact :is(input,textarea,select){font-size:16px}}
html body :is(#contact,#tool,#preview) :is(input,textarea):-webkit-autofill{-webkit-text-fill-color:#ecebe7;caret-color:#ecebe7;box-shadow:0 0 0 1000px #141f36 inset;transition:background-color 9999s}
/* „So geht es weiter“ im Kontaktbereich (politur.js) */
html body .pz-weg{max-width:min(1100px,100%);margin:0 auto clamp(1rem,2.4vw,1.6rem);padding:clamp(1.1rem,2.2vw,1.6rem) clamp(1.1rem,2.6vw,2rem)}
html body .pz-weg .pz-k{margin:0;font:500 .74rem/1.2 var(--ui-font,"Montserrat"),sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#d4a017}
html body .pz-weg h3{margin:.45rem 0 1.1rem;font-size:clamp(1.15rem,1.9vw,1.45rem)}
html body .pz-weg ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.9rem,1.8vw,1.5rem);counter-reset:pz}
html body .pz-weg li{position:relative;padding-top:2.5rem}
html body .pz-weg li::before{counter-increment:pz;content:counter(pz);position:absolute;left:0;top:0;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(212,160,23,.55);color:#f1d27a;font:500 .88rem/1 var(--ui-font,"Montserrat"),sans-serif}
html body .pz-weg li:not(:last-child)::after{content:"";position:absolute;top:.95rem;left:2.5rem;right:-.7rem;height:1px;background:linear-gradient(90deg,rgba(212,160,23,.5),rgba(212,160,23,0))}
html body .pz-weg li b{display:block;margin-bottom:.35rem;color:#ecebe7;font-weight:600;line-height:1.35}
html body .pz-weg li p{margin:0;font-size:.92rem;line-height:1.55;color:#c9c5ba}
html body .pz-weg .pz-f{margin:1.1rem 0 0;font-size:.86rem;color:#b9b6ad}
@media (max-width:900px){html body .pz-weg ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){html body .pz-weg ol{grid-template-columns:1fr;gap:1rem}html body .pz-weg li{padding:0 0 0 2.8rem;min-height:1.9rem}html body .pz-weg li:not(:last-child)::after{left:.95rem;top:2.2rem;bottom:-.9rem;right:auto;width:1px;height:auto;background:linear-gradient(180deg,rgba(212,160,23,.5),rgba(212,160,23,0))}}

/* So geht es weiter: jeder Schritt öffnet eine Glasscheibe (wie Leistungen/Pakete) */
.pz-weg li[data-pz]{cursor:pointer;display:flex;flex-direction:column}
.pz-weg li[data-pz] p{margin-bottom:.35rem}
.pz-weg li[data-pz]::before{transition:border-color .3s,box-shadow .3s,color .3s}
.pz-weg li[data-pz] b{transition:color .3s}
.pz-weg li[data-pz]:hover::before,.pz-weg li[data-pz]:focus-within::before{border-color:#d4a017;color:#ffe9a8;box-shadow:0 0 0 4px rgba(212,160,23,.12)}
.pz-weg li[data-pz]:hover b{color:#f1d27a}
.pz-weg li[data-pz]:hover .pz-more i{transform:translateX(4px)}
.pz-weg .pz-more{margin:auto 0 0;padding-block:.6rem}
.sv-panel.pz-d .pd-inc li b{font-weight:500}
/* Handy ohne Unschärfe (ml-noblur): Glasscheiben deckend genug, damit der Text darunter nicht durchscheint */
html.ml-noblur .sv-panel.glass{background-color:rgba(16,28,52,.95)}
html.ml-noblur .sv-back{background:rgba(10,20,40,.86)}

/* Mobil (26.10.2026): engere Abstände zwischen den Abschnitten, kürzere Schaukasten-Strecke, ruhigere V-Schatten (flüssiger) */
@media(max-width:640px){.wrap{padding:calc(var(--sec)*.38) 6vw}.pv-grid{padding-bottom:1rem}.sk-tabs{padding-bottom:.75rem}}
@media(max-width:960px){html.mob-lite .sk-scroll{height:185vh}}
html.mob-lite .vshadow.s2{display:none}