@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-medium.woff) format("woff")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/poppins-bold.woff) format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-regular.woff) format("woff")}
@font-face{font-family:"Inter";font-style:italic;font-weight:400 500;font-display:swap;src:url(../fonts/inter-italic.woff) format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500 600;font-display:swap;src:url(../fonts/inter-semibold.woff) format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700 800;font-display:swap;src:url(../fonts/inter-bold.woff) format("woff")}
:root{
--bg:#f7f8f7; --surface:#ffffff; --tint:#e6f0f0; --sand:#f5f1e8; --ink:#15292d; --muted:#57696c; --line:#dbe4e4;
--petrol:#1a8c8e;--petrol-text:#137375; --petrol-2:#26a3a2; --petrol-ink:#ffffff; --deep:#1e3c42; --deep-2:#14292e; --deep-ink:#e8f2f2;
--gold:#c9a14c; --gold-hi:#e8d08f; --gold-ink:#7a5a17; --mark:rgba(240,205,100,.42);
--f-display:"Poppins","Segoe UI",system-ui,sans-serif;
--f-body:"Inter","Segoe UI",system-ui,sans-serif;
--r:4px; --r-lg:6px; --wrap:1200px;
--shadow:0 1px 2px rgba(20,41,46,.06),0 12px 32px -12px rgba(20,41,46,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--f-body);margin:0}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--surface)}
picture{display:contents}
img{max-width:100%;height:auto;display:block}
a{color:var(--petrol-text)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.15;text-wrap:balance;margin:0}
h2{font-size:clamp(1.7rem,1.1rem + 2.2vw,2.6rem);font-weight:800;letter-spacing:-.02em}
h3{font-size:1.2rem;font-weight:700}
p{margin:0;max-width:66ch}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
section{padding-block:clamp(64px,9vw,120px);position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 .78rem/1 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink)}
.eyebrow::before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--gold-hi),var(--gold))}
.stack{display:grid;gap:18px}
.skip{position:absolute;left:-9999px;top:8px}
.skip:focus{left:16px;z-index:100;background:var(--surface);padding:8px 14px}
.gold-text{background:linear-gradient(100deg,var(--gold-hi),var(--gold) 55%,#a87a2a);-webkit-background-clip:text;background-clip:text;color:transparent}
.draftbar{background:var(--deep-2);color:var(--deep-ink);font-size:.88rem}
.draftbar .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;padding-block:8px}
.draftbar button{font:inherit;background:transparent;color:inherit;border:1px solid color-mix(in srgb,var(--deep-ink) 40%,transparent);border-radius:var(--r);padding:3px 10px;cursor:pointer}
.mk{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:var(--mark);color:inherit;padding:.05em .2em;border-radius:2px}
:is(.hero,.moment,.pkv,.cta,.scard,.ncard.self,.revsec) .mk{background:rgba(232,208,143,.16);box-shadow:inset 0 -2px 0 rgba(232,208,143,.55)}
body.clean .mk{background-image:none;padding:0}
.legend{display:inline-flex;align-items:center;gap:8px}
.legend i{display:inline-block;width:26px;height:10px;background:var(--mark)}
.fix{text-decoration:underline wavy #e06a4e;text-underline-offset:4px}
body.clean .fix{text-decoration:none}
.brands{background:var(--deep-2);font-size:.82rem}
.brands .wrap{display:flex;gap:2px;overflow-x:auto}
.brands a{padding:7px 12px;text-decoration:none;color:color-mix(in srgb,var(--deep-ink) 70%,transparent);white-space:nowrap;letter-spacing:.04em}
.brands a[aria-current]{color:var(--deep-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--gold)}
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:20px;min-height:76px}
.logo{display:block;flex-shrink:0}
.logo img{height:54px;width:auto}
nav.main{margin-left:auto}
nav.main ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
nav.main a{display:block;padding:10px 12px;text-decoration:none;color:var(--ink);font:600 .96rem var(--f-display);border-radius:var(--r);position:relative}
nav.main a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .25s}
nav.main a:hover::after{transform:scaleX(1)}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--r);font:700 .96rem var(--f-display);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.btn-primary{background:linear-gradient(135deg,var(--petrol-2),var(--petrol));color:var(--petrol-ink);box-shadow:0 8px 20px -8px color-mix(in srgb,var(--petrol) 70%,transparent)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px color-mix(in srgb,var(--petrol) 80%,transparent)}
.btn-ghost{border-color:color-mix(in srgb,currentColor 35%,transparent);color:inherit;background:transparent}
.btn-ghost:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.btn-gold{background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#1d1606}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:var(--r);min-height:44px;padding:0 14px;font:600 .95rem var(--f-display);color:var(--ink)}
@media (max-width:1099px){
nav.main{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line)}
nav.main.open{display:block}
nav.main ul{flex-direction:column;padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}
.burger{display:inline-flex;align-items:center}
header.site .btn-primary{display:none}
.logo img{height:44px}
}
.hero{padding:0;background:var(--deep-2);color:var(--deep-ink);overflow:hidden}
.hero .bgimg{position:absolute;inset:0}
.hero .bgimg img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--deep-2) 0%,color-mix(in srgb,var(--deep-2) 88%,transparent) 38%,color-mix(in srgb,var(--deep) 30%,transparent) 70%,transparent 100%)}
.hero .wrap{position:relative;z-index:1;padding-block:clamp(64px,10vw,132px) clamp(56px,8vw,96px)}
.hero .stack{max-width:620px}
.hero .eyebrow{color:var(--gold-hi)}
.hero h1{font-size:clamp(2.5rem,1.5rem + 4.4vw,4.6rem);font-weight:800;letter-spacing:-.03em;color:#fff}
.hero .sub{font:700 clamp(1.15rem,1rem + .6vw,1.45rem) var(--f-display)}
.hero .lead{font-size:1.15rem;color:color-mix(in srgb,var(--deep-ink) 92%,transparent)}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero .btn-ghost{color:#fff}
.arc{position:absolute;right:-6%;top:-10%;width:70%;height:auto;z-index:1;pointer-events:none;opacity:.9}
.facts{position:relative;z-index:2;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);border-radius:var(--r-lg);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-44px}
.facts>div{padding:18px 22px;min-width:0;border-left:1px solid var(--line)}
.facts>div:first-child{border-left:0}
.facts dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}
.facts dd{margin:4px 0 0;font:700 1.05rem var(--f-display);font-variant-numeric:tabular-nums}
.facts dd small{display:block;font:400 .85rem var(--f-body);color:var(--muted)}
@media (max-width:860px){.hero::after{background:linear-gradient(180deg,color-mix(in srgb,var(--deep-2) 70%,transparent),var(--deep-2) 75%)}.facts{grid-template-columns:1fr 1fr;margin-top:-28px}.facts>div:nth-child(3){border-left:0}.facts>div:nth-child(n+3){border-top:1px solid var(--line)}}
.factsrow{padding:0}
.moment{background:radial-gradient(1200px 600px at 85% 0%,color-mix(in srgb,var(--petrol) 35%,transparent),transparent 60%),linear-gradient(160deg,var(--deep),var(--deep-2));color:var(--deep-ink)}
.moment .eyebrow{color:var(--gold-hi)}
.moment h2{color:#fff}
.moment .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,72px);align-items:start;margin-top:36px}
.moment .stage{position:sticky;top:calc(100px + env(safe-area-inset-top,0px));aspect-ratio:3/2;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.moment .stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .8s ease,transform 1.6s ease}
.moment .stage img.on{opacity:1;transform:scale(1)}
.moment .bar{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--gold-hi),var(--gold));width:33.3%;transition:width .6s ease;z-index:2}
.moment .steps{display:grid;gap:clamp(48px,14vh,160px);padding-block:12px 40px}
.step{padding-left:24px;border-left:2px solid color-mix(in srgb,var(--deep-ink) 18%,transparent);transition:border-color .4s,opacity .4s;opacity:.55}
.step.on{border-color:var(--gold);opacity:1}
.step .k{font:800 .78rem var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi)}
.step h3{font-size:1.6rem;margin:8px 0 10px;color:#fff}
.step p{color:color-mix(in srgb,var(--deep-ink) 85%,transparent)}
@media (max-width:860px){.moment .grid{grid-template-columns:1fr}.moment .stage{position:relative;top:0}.step{opacity:1}}
.head{display:grid;gap:14px;margin-bottom:40px;max-width:760px}
.tint{background:var(--tint)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.scard{position:relative;display:grid;align-content:end;min-height:360px;border-radius:var(--r-lg);overflow:hidden;color:#fff;text-decoration:none;box-shadow:var(--shadow);isolation:isolate}
.scard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s ease}
.scard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 25%,color-mix(in srgb,var(--deep-2) 92%,transparent) 78%)}
.scard:hover img{transform:scale(1.06)}
.scard .in{padding:22px;display:grid;gap:8px}
.scard .num{font:800 .75rem var(--f-display);letter-spacing:.16em;color:var(--gold-hi);text-transform:uppercase}
.scard h3{font-size:1.45rem}
.scard p{font-size:.98rem;color:rgba(255,255,255,.88)}
.scard .more{font:700 .9rem var(--f-display);color:var(--gold-hi);display:inline-flex;gap:8px;align-items:center}
.scard .more::after{content:"→";transition:transform .2s}
.scard:hover .more::after{transform:translateX(4px)}
@media (max-width:1020px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.cards{grid-template-columns:1fr}.scard{min-height:300px}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px);align-items:center}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.photo{position:relative}
.photo img{border-radius:var(--r-lg);aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:var(--shadow)}
.photo::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--gold);border-radius:var(--r-lg);z-index:-1}
.photo{isolation:isolate}
blockquote{margin:0;padding:18px 22px;background:var(--surface);border-left:3px solid var(--gold);font:500 1.1rem/1.5 var(--f-display);color:var(--ink);box-shadow:var(--shadow);border-radius:0 var(--r) var(--r) 0}
blockquote cite{display:block;margin-top:6px;font:400 .9rem var(--f-body);color:var(--muted);font-style:normal}
.why{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.why .card{background:var(--surface);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow);display:grid;gap:14px;align-content:start;border-top:3px solid var(--petrol)}
.why .card:nth-child(2){border-top-color:var(--gold)}
@media (max-width:860px){.why{grid-template-columns:1fr}}
.quiet{margin-top:28px;font:500 1.15rem/1.6 var(--f-display);color:var(--muted);max-width:820px}
.pkv{background:linear-gradient(135deg,var(--petrol),color-mix(in srgb,var(--petrol) 60%,var(--deep)));color:#fff}
.pkv .eyebrow{color:var(--gold-hi)}
.pkv .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,6vw,80px);align-items:center}
.pkv ul{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:rgba(255,255,255,.18);border-radius:var(--r-lg);overflow:hidden}
.pkv li{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:18px 20px;background:color-mix(in srgb,var(--deep-2) 22%,transparent)}
.pkv li svg{width:22px;height:22px;color:var(--gold-hi);margin-top:3px}
.pkv p{color:rgba(255,255,255,.92)}
@media (max-width:860px){.pkv .wrap{grid-template-columns:1fr}}
.person .wrap{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:clamp(28px,6vw,80px);align-items:start}
.person .pic{position:relative;isolation:isolate}
.person .pic img{border-radius:var(--r-lg);aspect-ratio:4/5;object-fit:cover;box-shadow:var(--shadow)}
.person .pic::before{content:"";position:absolute;inset:-18px 18px 18px -18px;background:linear-gradient(160deg,var(--petrol),var(--deep));border-radius:var(--r-lg);z-index:-1}
.person .cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.timeline li{padding-left:18px;position:relative}
.timeline li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.team{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.team span{background:var(--tint);border-radius:var(--r);padding:6px 12px;font-size:.92rem}
@media (max-width:980px){.person .wrap{grid-template-columns:1fr}.person .pic{max-width:380px;margin-left:18px}}
@media (max-width:600px){.person .cols{grid-template-columns:1fr}}
.gallery{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(130px,17vw);gap:12px}
.gallery figure{margin:0;position:relative;overflow:hidden;border-radius:var(--r-lg)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.gallery figure:hover img{transform:scale(1.05)}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 10px;background:linear-gradient(180deg,transparent,rgba(10,25,28,.8));color:#fff;font:600 .86rem var(--f-display)}
.g1{grid-column:span 3;grid-row:span 2}.g2,.g3{grid-column:span 3}.g4,.g5,.g6{grid-column:span 2}
@media (max-width:700px){.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.g1{grid-column:span 2;grid-row:span 2}.g2,.g3,.g4,.g5,.g6{grid-column:span 1}}
.note{background:var(--surface);border-left:3px solid var(--gold);border-radius:0 var(--r) var(--r) 0;padding:16px 20px;color:var(--muted);display:grid;gap:4px;box-shadow:var(--shadow)}
.note strong{color:var(--ink);font-family:var(--f-display)}
.reviews{display:flex;flex-wrap:wrap;align-items:center;gap:24px 48px}
.stars{font-size:1.6rem;letter-spacing:4px;color:var(--gold)}
.big{font:800 clamp(2.6rem,2rem + 2vw,3.6rem)/1 var(--f-display);font-variant-numeric:tabular-nums}
.lists{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lcard{background:var(--surface);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow);display:grid;gap:14px;align-content:start}
.lcard h3{display:flex;align-items:center;gap:10px}
.lcard h3::before{content:"";width:10px;height:10px;background:linear-gradient(135deg,var(--petrol-2),var(--petrol));transform:rotate(45deg)}
.lcard:nth-child(even) h3::before{background:linear-gradient(135deg,var(--gold-hi),var(--gold))}
.lcard ul{margin:0;padding:0;list-style:none;display:grid;gap:0;font-size:.97rem}
.lcard li{padding:7px 0;border-top:1px solid var(--line)}
@media (max-width:1020px){.lists{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.lists{grid-template-columns:1fr}}
.net{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ncard{border-radius:var(--r-lg);padding:30px;display:grid;gap:10px;align-content:start;text-decoration:none;color:var(--ink);background:var(--surface);box-shadow:var(--shadow);transition:transform .2s}
a.ncard:hover{transform:translateY(-3px)}
.ncard.self{background:linear-gradient(150deg,var(--deep),var(--deep-2));color:var(--deep-ink)}
.ncard .tag{font:800 .72rem var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--petrol-text)}
.ncard.self .tag{color:var(--gold-hi)}
.ncard .more{font:700 .92rem var(--f-display);color:var(--petrol-text)}
@media (max-width:860px){.net{grid-template-columns:1fr}}
.partners{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.partners span{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:8px 14px;font-size:.9rem;color:var(--muted)}
.prose{columns:2 340px;column-gap:56px}
.prose > *{break-inside:avoid;margin-bottom:22px}
.prose h3{margin-bottom:6px}
.visit .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px)}
@media (max-width:860px){.visit .wrap{grid-template-columns:1fr}}
.addr{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:26px;display:grid;gap:16px}
.hours{display:grid;grid-template-columns:auto 1fr;gap:6px 24px;font-variant-numeric:tabular-nums}
details{border-bottom:1px solid var(--line);padding:16px 0}
summary{cursor:pointer;font:700 1.05rem var(--f-display);list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--gold);font-size:1.4rem;line-height:1;transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin-top:10px;color:var(--muted)}
.cta{background:radial-gradient(900px 400px at 10% 120%,color-mix(in srgb,var(--gold) 30%,transparent),transparent 60%),linear-gradient(135deg,var(--deep),var(--deep-2));color:var(--deep-ink);overflow:hidden}
.cta .wrap{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between;position:relative}
.cta h2{color:#fff}
.cta .tel{font:800 clamp(1.6rem,1rem + 2.4vw,2.4rem) var(--f-display);font-variant-numeric:tabular-nums;user-select:all}
footer{background:var(--deep-2);color:var(--deep-ink);font-size:.95rem;position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--petrol),var(--gold-hi),var(--gold))}
footer .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;padding-block:60px 28px}
footer h4{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:12px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
footer a{color:var(--deep-ink);text-decoration:none}
footer a:hover{color:var(--gold-hi)}
footer .flogo{height:64px;width:auto;margin-bottom:16px}
footer .legal{grid-column:1/-1;border-top:1px solid color-mix(in srgb,var(--deep-ink) 15%,transparent);padding-top:18px;font-size:.85rem;opacity:.8}
@media (max-width:860px){footer .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:520px){footer .wrap{grid-template-columns:1fr}}
.sticky-call{display:none}
@media (max-width:700px){
.sticky-call{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;gap:8px;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:var(--surface);box-shadow:0 -8px 24px -12px rgba(0,0,0,.3)}
.sticky-call .btn{flex:1;justify-content:center}
.sticky-call .btn-ghost{color:var(--ink)}
footer{padding-bottom:76px}
}
.ic{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tile{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r);background:linear-gradient(140deg,var(--petrol-2),var(--petrol));color:#fff;box-shadow:0 10px 22px -10px color-mix(in srgb,var(--petrol) 80%,transparent)}
.tile .ic{width:26px;height:26px}
.tile.gold{background:linear-gradient(140deg,var(--gold-hi),var(--gold));color:#2a1e05;box-shadow:0 10px 22px -10px color-mix(in srgb,var(--gold) 80%,transparent)}
.tile.ghost{background:color-mix(in srgb,#fff 14%,transparent);color:var(--gold-hi);box-shadow:none;border:1px solid color-mix(in srgb,#fff 22%,transparent)}
.facts>div{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.facts dd{white-space:nowrap}
.facts .ic{width:28px;height:28px;color:var(--petrol-text)}
.scard .badge{position:absolute;top:18px;left:18px}
.why .card .tile{margin-bottom:4px}
.pkv li .ic{color:var(--gold-hi);width:24px;height:24px;margin-top:2px}
.lcard .tile{width:46px;height:46px}
.lcard h3::before{display:none}
.lcard li{display:flex;gap:10px;align-items:baseline}
.lcard li::before{content:"";width:5px;height:5px;flex-shrink:0;background:var(--gold);transform:rotate(45deg) translateY(-2px)}
.ncard .tile{margin-bottom:6px}
.visit .ways{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.visit .ways div{display:flex;gap:10px;align-items:center;background:var(--tint);border-radius:var(--r);padding:12px 14px;font-size:.95rem;color:var(--muted)}
.visit .ways .ic{color:var(--petrol-text)}
summary .q{display:flex;gap:12px;align-items:center}
summary .ic{color:var(--petrol-text)}
.cta .tile{width:60px;height:60px}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;color:color-mix(in srgb,var(--deep-ink) 85%,transparent);font-size:.95rem}
.trust span{display:inline-flex;gap:8px;align-items:center}
.trust .ic{color:var(--gold-hi);width:20px;height:20px}
.indiv{background:var(--bg)}
.indiv .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,88px);align-items:start}
.indiv .left{position:sticky;top:110px;display:grid;gap:20px}
.indiv .left .photo img{aspect-ratio:5/4}
.feat{display:grid;gap:0}
.feat article{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:30px 0;border-top:1px solid var(--line)}
.feat article:first-child{border-top:0;padding-top:0}
.feat .tile{width:64px;height:64px}
.feat .tile .ic{width:30px;height:30px}
.feat h3{font-size:1.35rem;margin-bottom:8px}
.feat .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.feat .tags span{font:600 .8rem var(--f-display);color:var(--petrol-text);background:var(--tint);border-radius:var(--r);padding:5px 10px}
.hwg{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-top:10px;padding:22px 24px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--deep),var(--deep-2));color:var(--deep-ink)}
.hwg .ic{color:var(--gold-hi);width:30px;height:30px}
@media (max-width:900px){.indiv .wrap{grid-template-columns:1fr}.indiv .left{position:static}}
@media (max-width:520px){.feat article{grid-template-columns:1fr;gap:14px}}
.facts div>div{min-width:0}
@media (max-width:860px){.arc{display:none}}
html,body{overflow-x:clip}
@media (max-width:560px){.facts>div{padding:14px;grid-template-columns:1fr}.facts dd{white-space:normal}.facts .ic{display:none}.facts dd{font-size:.95rem}}
.hero .trust .ic{color:var(--gold-hi)}
.moment .steps{gap:8px;padding:0}
.moment{padding-block:clamp(48px,6vw,80px)}
.mgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.moment .stage{position:relative;top:auto;aspect-ratio:3/2;max-height:400px;width:100%;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.mtext{display:grid;gap:12px}
.mtext h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.1rem);margin-bottom:6px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.step{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;width:100%;padding:12px 14px;border-radius:var(--r);border:1px solid transparent;opacity:.62;transition:opacity .3s,background .3s,border-color .3s}
.step:hover{opacity:.9}
.step.on{opacity:1;background:color-mix(in srgb,#fff 7%,transparent);border-color:color-mix(in srgb,var(--gold) 55%,transparent)}
.step:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.step .tile{width:44px;height:44px;margin:0}
.step .tile .ic{width:22px;height:22px}
.step .st{display:grid;gap:2px}
.step .k{font:800 .7rem var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi)}
.step .h{font:700 1.1rem var(--f-display);color:#fff}
.step .d{font-size:.95rem;line-height:1.5;color:color-mix(in srgb,var(--deep-ink) 82%,transparent);display:none}
.step.on .d{display:block}
@media (max-width:860px){.mgrid{grid-template-columns:1fr}}
.kg .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,6vw,88px);align-items:center}
.collage{position:relative;padding:0 0 64px 0;isolation:isolate}
.collage::before{content:"";position:absolute;left:-18px;top:-18px;width:55%;height:60%;border:1px solid var(--gold);border-radius:var(--r-lg);z-index:-1}
.collage .c1{width:86%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.collage .c2{position:absolute;right:0;bottom:0;width:52%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-lg);border:6px solid var(--tint);box-shadow:var(--shadow)}
.since{position:absolute;left:24px;bottom:12px;background:linear-gradient(135deg,var(--deep),var(--deep-2));color:var(--deep-ink);border-radius:var(--r-lg);padding:14px 18px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow)}
.since .n{font:800 1.9rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.since .n{background:linear-gradient(100deg,var(--gold-hi),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.since .t{font-size:.85rem;line-height:1.3}
.kgtext{display:grid;gap:18px}
.kgtext h2 .sep{color:var(--gold);font-weight:300;margin:0 .1em}
.kgtext h2 .petrol{color:var(--petrol-text)}
.leadq{font:600 clamp(1.15rem,1rem + .5vw,1.35rem)/1.5 var(--f-display);padding-left:18px;border-left:3px solid var(--gold);max-width:44ch}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips>span{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border-radius:var(--r);padding:8px 14px;font:600 .92rem var(--f-display);box-shadow:var(--shadow)}
.chips .ic{width:18px;height:18px;color:var(--petrol-text)}
.sub3{display:flex;align-items:center;gap:10px;font-size:1.05rem;color:var(--gold-ink);margin-top:4px}
.sub3 .ic{color:var(--gold)}
@media (max-width:900px){.kg .wrap{grid-template-columns:1fr}.collage{max-width:560px}}
.whyhead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:end;margin-bottom:40px}
.pull{margin:0;position:relative;padding:8px 0 0 52px}
.pull::before{content:"“";position:absolute;left:0;top:-18px;font:800 5rem/1 var(--f-display);color:var(--gold)}
.pull blockquote{all:unset;display:block;font:600 clamp(1.1rem,1rem + .5vw,1.3rem)/1.5 var(--f-display);color:var(--ink)}
.pull figcaption{margin-top:8px;color:var(--muted);font-size:.92rem}
.why{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.why .card{background:var(--surface);border-radius:var(--r-lg);padding:30px 32px;box-shadow:var(--shadow);display:grid;grid-template-columns:52px 1fr;column-gap:20px;row-gap:10px;align-content:start;border-top:3px solid var(--petrol)}
.why .card:nth-child(2){border-top-color:var(--gold)}
.why .card .tile{grid-row:1/3;margin:0}
.why .card h3{align-self:center}
.why .card p{grid-column:2}
.ambience{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin-top:20px;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(135deg,var(--deep),var(--deep-2));color:var(--deep-ink);box-shadow:var(--shadow)}
.ambience img{width:100%;height:100%;object-fit:cover;min-height:200px}
.atext{display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:center;padding:28px clamp(24px,4vw,48px)}
.atext p{font:500 1.15rem/1.6 var(--f-display);font-style:italic}
@media (max-width:900px){.whyhead{grid-template-columns:1fr}.why{grid-template-columns:1fr}.ambience{grid-template-columns:1fr}.ambience img{max-height:220px}}
@media (max-width:520px){.why .card{grid-template-columns:1fr}.why .card .tile{grid-row:auto}.why .card p{grid-column:auto}.atext{grid-template-columns:1fr}}
.person .wrap{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:clamp(36px,6vw,88px)}
.person .pic{margin:18px 0 0 18px}
.pbody{display:grid;gap:28px;align-content:start}
.phead{display:grid;gap:10px}
.ptitle{font:600 1.08rem var(--f-display);color:var(--petrol-text)}
.person .cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.pcol{display:grid;gap:14px;align-content:start;background:var(--surface);border-radius:var(--r-lg);padding:22px 24px;box-shadow:var(--shadow)}
.pcol h3{font-size:1.05rem;padding-bottom:10px;border-bottom:1px solid var(--line)}
.timeline{gap:10px;align-content:start}
.timeline li{font-size:.98rem;line-height:1.5}
.pfoot{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding-top:4px}
.team{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.team span{background:var(--tint);border-radius:var(--r);padding:6px 12px;font-size:.92rem}
.team .tl{background:none;padding:0 4px 0 0;display:inline-flex;gap:6px;align-items:center;font:700 .78rem var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.team .tl .ic{width:18px;height:18px;color:var(--petrol-text)}
@media (max-width:980px){.person .wrap{grid-template-columns:1fr}.person .pic{max-width:340px}}
@media (max-width:640px){.person .cols{grid-template-columns:1fr}}
.revsec{background:radial-gradient(900px 500px at 0% 0%,color-mix(in srgb,var(--petrol) 30%,transparent),transparent 60%),linear-gradient(150deg,var(--deep),var(--deep-2));color:var(--deep-ink)}
.revsec h2{color:#fff}
.revsec .eyebrow{color:var(--gold-hi)}
.revgrid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,80px);align-items:center}
.score{display:grid;gap:22px;align-content:start}
.scorebox{display:grid;gap:4px;padding:26px 28px;border-radius:var(--r-lg);background:color-mix(in srgb,#fff 7%,transparent);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);width:fit-content;min-width:260px}
.scorebox .stars{font-size:1.5rem;letter-spacing:5px;background:linear-gradient(100deg,var(--gold-hi),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.scorebox .big{font:800 clamp(3rem,2.2rem + 3vw,4.4rem)/1 var(--f-display);color:#fff;font-variant-numeric:tabular-nums}
.scorebox .lbl{color:color-mix(in srgb,var(--deep-ink) 80%,transparent)}
.praise{display:grid;gap:18px}
.ptiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ptile{background:color-mix(in srgb,#fff 6%,transparent);border:1px solid color-mix(in srgb,#fff 12%,transparent);border-radius:var(--r-lg);padding:22px;display:grid;gap:10px;align-content:start}
.ptile h3{color:#fff;font-size:1.08rem}
.ptile p{font-size:.95rem;color:color-mix(in srgb,var(--deep-ink) 82%,transparent)}
.fine{font-size:.85rem;color:color-mix(in srgb,var(--deep-ink) 65%,transparent)}
@media (max-width:900px){.revgrid{grid-template-columns:1fr}.ptiles{grid-template-columns:1fr}}
.lists{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}
.lcard{background:var(--surface);border-radius:var(--r-lg);padding:0;box-shadow:var(--shadow);overflow:hidden;display:block;transition:transform .25s,box-shadow .25s}
.lcard:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,41,46,.06),0 24px 40px -18px rgba(20,41,46,.35)}
.lcard header{display:flex;gap:14px;align-items:center;padding:22px 22px 20px;color:#fff;background:linear-gradient(140deg,var(--petrol-2),var(--petrol));position:relative;overflow:hidden}
.lcard header::after{content:"";position:absolute;right:-40px;top:-50px;width:140px;height:140px;border-radius:50%;border:1px solid rgba(255,255,255,.22)}
.lcard.gold header,.lcard.gold2 header{background:linear-gradient(140deg,#d9bb6c,#a9802f);color:#1f1606}
.lcard.deep header{background:linear-gradient(140deg,var(--deep),var(--deep-2))}
.lcard header .tile{width:46px;height:46px;flex-shrink:0}
.lcard.gold .tile.ghost,.lcard.gold2 .tile.ghost{color:#1f1606;border-color:rgba(31,22,6,.25);background:rgba(255,255,255,.25)}
.lcard header h3{font-size:1.1rem;color:inherit}
.lcard .cnt{font:600 .75rem var(--f-display);letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.lcard ul{list-style:none;margin:0;padding:10px 22px 20px;display:grid;font-size:.96rem}
.lcard li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;padding:8px 0;border-top:1px solid var(--line)}
.lcard li:first-child{border-top:0}
.lcard li::before{display:none}
.lcard li .ic{width:16px;height:16px;margin-top:4px;color:var(--petrol-text);stroke-width:2.2}
.lcard.gold li .ic,.lcard.gold2 li .ic{color:var(--gold)}
@media (max-width:1020px){.lists{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.lists{grid-template-columns:1fr}}
.lseo {
--lk-bg:        #05000b;
--lk-surface:   #1c0838;
--lk-map-bg:    #05000b;
--lk-text:      #e9e4ff;
--lk-heading:   #ffffff;
--lk-muted:     #a59cc9;
--lk-dim:       #5e5480;
--lk-accent:    #ff2bd6;
--lk-accent-2:  #00f0ff;
--lk-accent-3:  #9d4dff;
--lk-time:      #39ff14;
--lk-hub:       #ff2a4d;
--lk-on-accent: #ffffff;
--lk-font-head: 'Orbitron', system-ui, sans-serif;
--lk-font-body: inherit;
--lk-case:      uppercase;
--lk-radius:    6px;
--lk-ease:      cubic-bezier(0.4, 0, 0.2, 1);
}
.lseo[data-theme="hell"] {
--lk-bg: #f6f7f9; --lk-surface: #ffffff; --lk-map-bg: #ffffff;
--lk-text: #1d2433; --lk-heading: #0f1522; --lk-muted: #5b6475; --lk-dim: #7c8597;
--lk-accent: #e4572e; --lk-accent-2: #2f6fd6; --lk-accent-3: #2f6fd6;
--lk-time: #1d2433; --lk-hub: #e4572e; --lk-on-accent: #ffffff;
--lk-font-head: inherit; --lk-case: none; --lk-radius: 10px;
}
.lseo[data-theme="dunkel"] {
--lk-bg: #12151c; --lk-surface: #1b1f29; --lk-map-bg: #161a22;
--lk-text: #e6e8ee; --lk-heading: #ffffff; --lk-muted: #9aa3b5; --lk-dim: #6c7486;
--lk-accent: #f2b544; --lk-accent-2: #6fa8ff; --lk-accent-3: #6fa8ff;
--lk-time: #ffffff; --lk-hub: #f2b544; --lk-on-accent: #12151c;
--lk-font-head: inherit; --lk-case: none; --lk-radius: 10px;
}
.lseo { padding: 6rem 5vw; color: var(--lk-text); font-family: var(--lk-font-body); background: var(--lk-bg); }
.lseo-inner { max-width: 1200px; margin: 0 auto; }
.lseo .section-label {
font-family: var(--lk-font-head); font-size: .7rem; letter-spacing: .35em; text-transform: uppercase;
color: var(--lk-accent); margin-bottom: 1rem;
}
.lseo .section-desc { font-size: 1.15rem; color: var(--lk-muted); max-width: 580px; text-wrap: balance; }
.lseo-head { display: grid; grid-template-columns: 1.3fr 1fr; gap: 3rem; align-items: end; }
.lseo-title {
font-family: var(--lk-font-head); font-weight: 900; text-transform: var(--lk-case);
font-size: clamp(2.4rem, 6.5vw, 5.2rem); line-height: 1; color: var(--lk-heading);
}
.lseo-title em { font-style: normal; color: var(--lk-accent); }
.lseo-wrap { display: grid; grid-template-columns: minmax(280px, 1fr) 1.5fr; gap: 3rem; align-items: center; margin-top: 3.5rem; }
.lseo-panel {
padding: 2.4rem 2.2rem; border-radius: var(--lk-radius);
border: 1px solid color-mix(in srgb, var(--lk-accent-2) 35%, transparent);
background: var(--lk-surface);
}
.lseo-kicker { font-family: var(--lk-font-head); font-size: 0.65rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--lk-muted); }
.lseo-kicker span { color: var(--lk-accent); }
.lseo-city {
min-height: 2.4em; display: flex; align-items: center; margin: 0.6rem 0 1.6rem;
font-family: var(--lk-font-head); font-weight: 900; text-transform: var(--lk-case);
font-size: clamp(1.7rem, 3.6vw, 3rem); line-height: 1.1; color: var(--lk-heading); word-break: break-word;
transition: opacity .25s var(--lk-ease), transform .25s var(--lk-ease), filter .25s var(--lk-ease);
}
.lseo-city.is-out { opacity: 0; transform: translateY(12px); filter: blur(6px); }
.lseo-readouts { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.readout {
padding: 1rem 1.1rem; border-radius: var(--lk-radius);
border: 1px solid color-mix(in srgb, var(--lk-time) 30%, transparent);
background: color-mix(in srgb, var(--lk-time) 5%, var(--lk-bg));
}
.readout.km {
border-color: color-mix(in srgb, var(--lk-accent) 35%, transparent);
background: color-mix(in srgb, var(--lk-accent) 5%, var(--lk-bg));
}
.readout-label, .readout-unit { font-family: var(--lk-font-head); font-size: 0.6rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--lk-muted); }
.digits {
position: relative; display: inline-block; margin: 0.3rem 0 0.1rem;
font-family: var(--lk-font-head); font-weight: 900; font-size: clamp(2.6rem, 5.5vw, 4rem); line-height: 1;
font-variant-numeric: tabular-nums; letter-spacing: 0.05em; color: var(--lk-time);
}
.readout.km .digits { color: var(--lk-accent); }
.digits .ghost { position: absolute; left: 0; top: 0; opacity: 0.08; display: none; }
.digits .val { position: relative; }
.digits.flash .val { animation: lkBlink .9s steps(1, end); }
@keyframes lkBlink { 0% { opacity: 0; } 12% { opacity: 1; } 24% { opacity: .15; } 36% { opacity: 1; } 48% { opacity: .3; } 60%, 100% { opacity: 1; } }
.lseo-note { margin-top: 1.4rem; color: var(--lk-muted); }
.lseo-note strong { color: var(--lk-text); }
.lseo-link {
display: inline-flex; align-items: center; gap: 0.6rem; margin-top: 1.4rem;
padding: 0.85rem 1.5rem; border: 2px solid var(--lk-accent); border-radius: var(--lk-radius);
font-family: var(--lk-font-head); font-size: 0.8rem; letter-spacing: 0.12em; text-transform: uppercase;
color: var(--lk-accent); text-decoration: none;
transition: background .25s, box-shadow .25s, color .25s;
}
.lseo-link span { transition: transform .25s; }
.lseo-link:hover { background: var(--lk-accent); color: var(--lk-on-accent); }
.lseo-link:hover span { transform: translateX(5px); }
.lseo-more {
display: block; margin-top: 1rem; width: fit-content; color: var(--lk-accent-2); font-weight: 600; text-decoration: none;
border-bottom: 1px solid color-mix(in srgb, var(--lk-accent-2) 50%, transparent);
}
.lseo-more::after { content: " →"; color: var(--lk-accent); }
.lseo-more[hidden] { display: none; }
.lseo-map {
position: relative; overflow: hidden; border-radius: var(--lk-radius);
border: 1px solid color-mix(in srgb, var(--lk-accent-2) 30%, transparent);
background: var(--lk-map-bg);
}
.lseo-map svg { display: block; width: 100%; height: auto; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.lseo-map.zoomed svg { touch-action: none; cursor: grab; }
.lseo-map.dragging svg { cursor: grabbing; }
.map-zoom { position: absolute; top: 14px; right: 14px; z-index: 2; display: flex; flex-direction: column; gap: 6px; }
.map-zoom button {
width: 38px; height: 38px; border-radius: calc(var(--lk-radius) * .6); cursor: pointer;
font-family: var(--lk-font-head); font-size: 1.15rem; font-weight: 700; line-height: 1;
color: var(--lk-accent-2); background: color-mix(in srgb, var(--lk-map-bg) 85%, transparent); border: 1px solid var(--lk-accent-2);
}
.map-zoom button:hover { background: var(--lk-accent-2); color: var(--lk-map-bg); }
.map-zoom button:disabled { opacity: .35; cursor: default; }
.map-zoom-hint {
position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: 2; display: none;
padding: 0.25rem 0.7rem; border-radius: 3px; pointer-events: none; transition: opacity .4s;
background: color-mix(in srgb, var(--lk-map-bg) 85%, transparent); border: 1px solid color-mix(in srgb, var(--lk-accent) 60%, transparent);
font-family: var(--lk-font-head); font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--lk-accent);
}
@media (hover: none) { .map-zoom-hint { display: block; } }
.lseo-map.zoomed .map-zoom-hint { opacity: 0; }
.corner { position: absolute; width: 18px; height: 18px; border: 2px solid var(--lk-accent-2); display: none; }
.corner.tl { top: 6px; left: 6px; border-right: 0; border-bottom: 0; }
.corner.tr { top: 6px; right: 6px; border-left: 0; border-bottom: 0; }
.corner.bl { bottom: 6px; left: 6px; border-right: 0; border-top: 0; }
.corner.br { bottom: 6px; right: 6px; border-left: 0; border-top: 0; }
.m-tick-label, .m-ring-label, .m-road-label, .m-scale-label {
font-family: var(--lk-font-head); font-size: 10px; letter-spacing: 0.1em; fill: color-mix(in srgb, var(--lk-accent-2) 65%, transparent);
}
.m-gridline { stroke: color-mix(in srgb, var(--lk-accent-2) 10%, transparent); stroke-width: 1; }
.m-tick { stroke: color-mix(in srgb, var(--lk-accent-2) 50%, transparent); stroke-width: 1; }
.m-ring { fill: none; stroke: color-mix(in srgb, var(--lk-accent-2) 25%, transparent); stroke-width: 1; stroke-dasharray: 3 7; }
.m-road { fill: none; stroke: var(--lk-accent-2); stroke-width: 1.6; stroke-linejoin: round; opacity: 0.55; }
.m-road.minor { stroke-width: 1; opacity: 0.3; }
.m-road-label { fill: var(--lk-accent-2); font-size: 9px; }
.m-scale { stroke: var(--lk-accent-2); stroke-width: 2; }
.m-route { fill: none; stroke: var(--lk-accent); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; }
.m-route.draw { animation: lkDraw .7s var(--lk-ease) forwards; }
@keyframes lkDraw { to { stroke-dashoffset: 0; } }
.m-route-dash { fill: none; stroke: var(--lk-map-bg); stroke-width: 1.3; stroke-linecap: round; stroke-dasharray: 2 10; opacity: 0; animation: lkRun 0.8s linear infinite; }
.m-route-dash.on { opacity: .9; transition: opacity .3s .6s; }
@keyframes lkRun { to { stroke-dashoffset: -12; } }
.m-city { cursor: pointer; outline: none; }
.m-city .hit { fill: transparent; }
.m-city .dot { fill: var(--lk-accent); transition: fill .2s; }
.m-city .ring { fill: none; stroke: var(--lk-accent); stroke-width: 1.5; transform-box: fill-box; transform-origin: center; opacity: 0; }
@keyframes cityPulse { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(3.2); opacity: 0; } }
.m-city .label {
font-family: var(--lk-font-head); font-size: 12px; font-weight: 700; letter-spacing: 0.04em;
fill: var(--lk-text); paint-order: stroke; stroke: var(--lk-map-bg); stroke-width: 4px; transition: fill .2s;
}
.m-city:hover .label, .m-city:focus-visible .label { fill: var(--lk-accent-2); }
.m-city:focus-visible .dot { stroke: var(--lk-accent-2); stroke-width: 2; }
.m-city.active .dot { fill: var(--lk-accent); }
.m-city.active .ring { stroke: var(--lk-accent); stroke-width: 2.5; opacity: 1; animation: cityPulse 1.4s ease-out infinite; }
.m-city.active .label { fill: var(--lk-accent); font-size: 14px; }
.m-city.flash .dot { animation: dotFlash .8s ease-out; transform-box: fill-box; transform-origin: center; }
@keyframes dotFlash { 0% { transform: scale(1); } 20% { transform: scale(2.6); } 40% { transform: scale(1.3); } 60% { transform: scale(2); } 100% { transform: scale(1); } }
.m-hub .cross { stroke: var(--lk-hub); stroke-width: 2; }
.m-hub .core { fill: var(--lk-hub); }
.m-hub .spin { fill: none; stroke: var(--lk-hub); stroke-width: 1.5; stroke-dasharray: 8 6; transform-box: fill-box; transform-origin: center; animation: spin 6s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.m-hub .label {
font-family: var(--lk-font-head); font-size: 12px; font-weight: 900; letter-spacing: 0.08em;
fill: var(--lk-hub); paint-order: stroke; stroke: var(--lk-map-bg); stroke-width: 4px;
}
.lseo-bar {
display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 2.5rem; padding: 0.8rem; border-radius: var(--lk-radius);
border: 1px solid color-mix(in srgb, var(--lk-accent-3) 25%, transparent);
background: color-mix(in srgb, var(--lk-surface) 60%, transparent);
}
.lseo-btn {
flex: 1 1 auto; white-space: nowrap; padding: 0.85rem 1.1rem; cursor: pointer;
border: 1px solid color-mix(in srgb, var(--lk-accent-2) 35%, transparent); border-radius: calc(var(--lk-radius) * .6);
background: var(--lk-surface); color: var(--lk-text);
font-family: var(--lk-font-head); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase;
transition: border-color .2s, box-shadow .2s, color .2s, background .2s;
}
.lseo-btn small { margin-left: 0.4rem; font-size: 0.6rem; color: var(--lk-muted); letter-spacing: 0.1em; }
.lseo-btn:hover, .lseo-btn:focus-visible { outline: none; border-color: var(--lk-accent-2); color: var(--lk-accent-2); }
.lseo-btn[aria-pressed="true"] { border-color: var(--lk-accent); background: var(--lk-accent); color: var(--lk-on-accent); }
.lseo-btn[aria-pressed="true"] small { color: inherit; opacity: .8; }
.lseo-foot { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 1.2rem; }
.lseo-disclaimer { font-size: 0.95rem; color: var(--lk-dim); }
.lseo-missing { color: var(--lk-text); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--lk-accent-2); }
.lseo-missing span { color: var(--lk-accent); }
.lseo-missing:hover { color: var(--lk-accent-2); }
.lseo[data-theme="neon"] {
background:
radial-gradient(ellipse at 70% 45%, color-mix(in srgb, var(--lk-accent-3) 18%, transparent), transparent 60%),
linear-gradient(color-mix(in srgb, var(--lk-accent-2) 5%, transparent) 1px, transparent 1px) 0 0 / 40px 40px,
linear-gradient(90deg, color-mix(in srgb, var(--lk-accent-2) 5%, transparent) 1px, transparent 1px) 0 0 / 40px 40px,
var(--lk-bg);
border-block: 1px solid color-mix(in srgb, var(--lk-accent-3) 25%, transparent);
}
.lseo[data-theme="neon"] .lseo-title { text-shadow: 0 0 6px #fff, 0 0 20px var(--lk-accent-3), 0 0 45px var(--lk-accent-3); }
.lseo[data-theme="neon"] .lseo-title em { text-shadow: 0 0 6px #fff, 0 0 18px var(--lk-accent), 0 0 45px var(--lk-accent); }
.lseo[data-theme="neon"] .lseo-panel {
background: linear-gradient(160deg, color-mix(in srgb, var(--lk-surface) 85%, transparent), color-mix(in srgb, var(--lk-bg) 90%, transparent));
box-shadow: 0 0 25px color-mix(in srgb, var(--lk-accent-2) 12%, transparent), inset 0 0 30px color-mix(in srgb, var(--lk-accent-3) 12%, transparent);
}
.lseo[data-theme="neon"] .lseo-city { text-shadow: 0 0 6px #fff, 0 0 18px var(--lk-accent-2), 0 0 40px var(--lk-accent-2); }
.lseo[data-theme="neon"] .readout { background: rgba(0,0,0,.55); }
.lseo[data-theme="neon"] .digits { text-shadow: 0 0 6px var(--lk-time), 0 0 22px var(--lk-time); }
.lseo[data-theme="neon"] .readout.km .digits { text-shadow: 0 0 6px var(--lk-accent), 0 0 22px var(--lk-accent); }
.lseo[data-theme="neon"] .digits .ghost { display: block; text-shadow: none; }
.lseo[data-theme="neon"] .lseo-link { color: #fff; text-shadow: 0 0 6px var(--lk-accent); box-shadow: 0 0 10px var(--lk-accent), inset 0 0 10px color-mix(in srgb, var(--lk-accent) 50%, transparent); }
.lseo[data-theme="neon"] .lseo-link:hover { box-shadow: 0 0 25px var(--lk-accent), 0 0 60px var(--lk-accent); }
.lseo[data-theme="neon"] .lseo-map { box-shadow: 0 0 30px color-mix(in srgb, var(--lk-accent-2) 10%, transparent); }
.lseo[data-theme="neon"] .map-zoom button { box-shadow: 0 0 8px color-mix(in srgb, var(--lk-accent-2) 40%, transparent); }
.lseo[data-theme="neon"] .corner { display: block; filter: drop-shadow(0 0 4px var(--lk-accent-2)); }
.lseo[data-theme="neon"] .m-route { filter: url(#glowP); }
.lseo[data-theme="neon"] .m-route-dash { stroke: #fff; }
.lseo[data-theme="neon"] .m-city .dot { filter: url(#glowC); }
.lseo[data-theme="neon"] .m-city.active .dot { fill: #fff; filter: url(#glowP); }
.lseo[data-theme="neon"] .m-city.active .ring { stroke: #fff; }
.lseo[data-theme="neon"] .m-hub .cross, .lseo[data-theme="neon"] .m-hub .core { filter: url(#glowP); }
.lseo[data-theme="neon"] .lseo-btn { background: color-mix(in srgb, var(--lk-surface) 70%, transparent); }
.lseo[data-theme="neon"] .lseo-btn:hover, .lseo[data-theme="neon"] .lseo-btn:focus-visible { box-shadow: 0 0 12px color-mix(in srgb, var(--lk-accent-2) 50%, transparent); }
.lseo[data-theme="neon"] .lseo-btn[aria-pressed="true"] {
color: #fff; background: color-mix(in srgb, var(--lk-accent) 18%, transparent); text-shadow: 0 0 6px var(--lk-accent);
box-shadow: 0 0 14px var(--lk-accent), inset 0 0 12px color-mix(in srgb, var(--lk-accent) 40%, transparent);
}
.lseo[data-theme="neon"] .lseo-btn[aria-pressed="true"] small { color: var(--lk-time); opacity: 1; }
.lseo[data-theme="neon"] .lseo-missing:hover { text-shadow: 0 0 8px var(--lk-accent-2); }
@media (max-width: 1024px) {
.lseo-head { grid-template-columns: 1fr; gap: 1.5rem; }
.lseo-wrap { grid-template-columns: 1fr; gap: 2rem; }
.lseo-map { order: -1; }
}
@media (max-width: 640px) {
.lseo-panel { padding: 1.6rem 1.2rem; }
.lseo-btn { padding: 0.75rem 0.7rem; font-size: 0.62rem; }
}
@media (prefers-reduced-motion: reduce) {
.m-city .ring, .m-hub .spin, .m-route-dash, .digits.flash .val, .m-city.flash .dot, .m-route.draw { animation: none; }
.m-route { stroke-dashoffset: 0; }
}
#einsatzgebiet{--lk-bg:var(--tint);--lk-surface:var(--surface);--lk-map-bg:var(--surface);--lk-text:var(--ink);--lk-heading:var(--ink);--lk-muted:var(--muted);--lk-dim:var(--muted);
--lk-accent:var(--petrol-text);--lk-accent-2:var(--gold);--lk-accent-3:var(--petrol);--lk-time:var(--ink);--lk-hub:var(--gold);--lk-on-accent:var(--petrol-ink);
--lk-font-head:var(--f-display);--lk-font-body:var(--f-body);--lk-case:none;--lk-radius:6px;padding-block:clamp(64px,9vw,120px);padding-inline:max(16px,env(safe-area-inset-left,0px))}
#einsatzgebiet .lseo-title{font-size:clamp(2rem,1.3rem + 3vw,3.4rem);font-weight:800;letter-spacing:-.02em}
#einsatzgebiet .lseo-panel,#einsatzgebiet .lseo-map{box-shadow:var(--shadow);border-color:var(--line)}
#einsatzgebiet .section-label{letter-spacing:.16em;font-weight:700;color:var(--gold-ink)}
#einsatzgebiet .m-gridline,#einsatzgebiet .m-tick,#einsatzgebiet .m-tick-label{display:none}
#einsatzgebiet .lseo-btn{font-size:.8rem;letter-spacing:.02em;text-transform:none}
#einsatzgebiet .lseo-link{text-transform:none;letter-spacing:.02em;font-size:.95rem}
.svc{display:grid;gap:14px}
.svcrow{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:26px 28px}
.svcrow header{display:flex;gap:16px;align-items:center;padding-top:2px}
.svcrow header .tile{width:52px;height:52px;flex-shrink:0}
.svcrow h3{font-size:1.15rem}
.svcrow .cnt{font:600 .74rem var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.svcrow ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.svcrow li{display:flex;align-items:center;min-height:46px;padding:10px 14px;border-radius:var(--r);background:var(--tint);font-size:.95rem;line-height:1.35;border-left:2px solid var(--petrol)}
.svcrow:nth-child(even) li{border-left-color:var(--gold)}
@media (max-width:820px){.svcrow{grid-template-columns:1fr;gap:18px;padding:22px}.svcrow header{position:static}}
@media (max-width:460px){.svcrow ul{grid-template-columns:1fr}}
.revsec{background:var(--surface);color:var(--ink)}
.revsec h2{color:#fff}
.revcard{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 60px -30px rgba(20,41,46,.45)}
.revcard .score{background:radial-gradient(600px 300px at 0% 0%,color-mix(in srgb,var(--petrol) 45%,transparent),transparent 70%),linear-gradient(150deg,var(--deep),var(--deep-2));color:var(--deep-ink);padding:clamp(28px,4vw,52px);display:grid;gap:20px;align-content:center}
.revcard .score .eyebrow{color:var(--gold-hi)}
.scoreline{display:flex;align-items:center;gap:20px}
.scoreline .big{font:800 clamp(3.4rem,2.4rem + 3vw,5rem)/1 var(--f-display);color:#fff;font-variant-numeric:tabular-nums}
.scoreline .stars{font-size:1.45rem;letter-spacing:4px;background:linear-gradient(100deg,var(--gold-hi),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.scoreline .lbl{color:color-mix(in srgb,var(--deep-ink) 80%,transparent)}
.revcard .score .btn{width:fit-content}
.revcard .praise{background:var(--surface);padding:clamp(28px,4vw,52px);display:grid;gap:18px;align-content:center}
.ph{font-size:1.15rem}
.plist{list-style:none;margin:0;padding:0;display:grid;gap:0}
.plist li{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;padding:16px 0;border-top:1px solid var(--line)}
.plist li:first-child{border-top:0;padding-top:4px}
.plist .dot{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);color:var(--gold-ink);background:color-mix(in srgb,var(--gold) 10%,transparent)}
.plist h4{font-size:1.02rem;margin-bottom:2px}
.plist p{color:var(--muted);font-size:.96rem}
.revcard .fine{font-size:.82rem;color:var(--muted)}
@media (max-width:900px){.revcard{grid-template-columns:1fr}}
.tile.green{background:linear-gradient(140deg,#6cbf4a,#3f8f2c);color:#fff;box-shadow:0 10px 22px -10px rgba(63,143,44,.8)}
.ncard.bg-green .tag{color:#3f8f2c}
.ncard.bg-green .more{color:#3f8f2c}
.partnerband{margin-top:48px;display:grid;gap:18px}
.logos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.logo-tile{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);height:96px;padding:16px}
.logo-tile img{max-height:56px;max-width:100%;width:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .25s,opacity .25s}
.logo-tile:hover img{filter:none;opacity:1}
@media (max-width:1100px){.logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:520px){.logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bg-white{background:var(--surface)}
.bg-tint{background:var(--tint)}
.bg-sand{background:var(--sand)}
:is(.hero,.moment,.pkv,.cta,.scard,.ncard.self,.revcard .score) .mk{background:none;box-shadow:none;color:var(--gold-hi)}
:is(.hero,.moment,.pkv,.cta,.scard,.ncard.self,.revcard .score) h3 .mk,:is(.moment) .h .mk{color:#f6e7b4}
header.site .wrap{position:relative}
.burger{display:inline-flex;align-items:center;gap:10px;margin-left:auto}
.burger .bars{position:relative;width:18px;height:2px;background:currentColor;border-radius:2px}
.burger .bars::before,.burger .bars::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s}
.burger .bars::before{top:-6px}.burger .bars::after{top:6px}
.burger[aria-expanded="true"] .bars{background:transparent}
.burger[aria-expanded="true"] .bars::before{transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] .bars::after{transform:translateY(-6px) rotate(-45deg)}
header.site .head-cta{display:none}
nav.main{display:none;position:absolute;left:0;right:0;top:100%;margin:0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 24px 40px -24px rgba(20,41,46,.4);max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto}
nav.main.open{display:block}
nav.main ul{list-style:none;margin:0;padding:0}
nav.main .lvl1{display:block;padding:6px max(16px,env(safe-area-inset-right,0px)) 18px max(16px,env(safe-area-inset-left,0px))}
nav.main .lvl1>li{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line)}
nav.main .lvl1>li>a{flex:1;padding:14px 4px;font:700 1.05rem var(--f-display);color:var(--ink);text-decoration:none}
nav.main .lvl1>li>a::after{display:none}
nav.main a[aria-current="page"]{color:var(--petrol-text)}
.sub-toggle{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:var(--ink);cursor:pointer;border-radius:var(--r)}
.sub-toggle .ic{width:20px;height:20px;transition:transform .2s}
.sub-toggle[aria-expanded="true"] .ic{transform:rotate(180deg)}
nav.main .sub{display:none;width:100%;padding:0 0 12px}
nav.main .has-sub.open .sub{display:grid;gap:2px}
nav.main .sub a{display:flex;gap:12px;align-items:center;padding:10px 10px;border-radius:var(--r);color:var(--ink);text-decoration:none;font:600 .97rem var(--f-display)}
nav.main .sub a .ic{width:20px;height:20px;color:var(--petrol-text)}
nav.main .sub a:hover,nav.main .sub a[aria-current="page"]{background:var(--tint)}
nav.main .menu-cta{border-bottom:0;padding-top:16px}
nav.main .menu-cta .btn{width:100%;justify-content:center}
@media (min-width:1100px){
.burger{display:none}
header.site .head-cta{display:inline-flex}
nav.main{display:block!important;position:static;margin-left:auto;background:none;border:0;box-shadow:none;max-height:none;overflow:visible}
nav.main .lvl1{display:flex;gap:2px;padding:0;align-items:center}
nav.main .lvl1>li{position:relative;border:0;flex-wrap:nowrap}
nav.main .lvl1>li>a{flex:none;padding:10px 6px 10px 12px;font-size:.96rem}
nav.main .lvl1>li:not(.has-sub)>a{padding-right:12px}
.sub-toggle{width:26px;height:36px}
.sub-toggle .ic{width:16px;height:16px}
nav.main .sub{position:absolute;top:100%;left:0;min-width:290px;padding:10px;background:var(--surface);border-radius:var(--r-lg);box-shadow:0 2px 4px rgba(20,41,46,.06),0 24px 48px -16px rgba(20,41,46,.35);border-top:3px solid var(--gold);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;display:grid}
nav.main .has-sub:hover .sub,nav.main .has-sub:focus-within .sub,nav.main .has-sub.open .sub{opacity:1;visibility:visible;transform:none}
nav.main .menu-cta{display:none}
}
.phero{background:radial-gradient(900px 420px at 100% 0%,color-mix(in srgb,var(--petrol) 40%,transparent),transparent 65%),linear-gradient(160deg,var(--deep),var(--deep-2));color:var(--deep-ink);padding-block:28px 40px;overflow:hidden}
.phero .wrap{display:grid;gap:24px;align-items:center}
.phtext{display:grid;gap:14px;min-width:0}
.phero h1{color:#fff;font-size:clamp(1.9rem,1.3rem + 3vw,3.3rem);font-weight:800;letter-spacing:-.025em}
.phero .eyebrow{color:var(--gold-hi)}
.phero .lead{font-size:1.08rem;color:color-mix(in srgb,var(--deep-ink) 90%,transparent);max-width:58ch}
.phero .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.phero .btn-ghost{color:#fff}
.phimg img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-lg);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.crumbs{font-size:.85rem;color:color-mix(in srgb,var(--deep-ink) 70%,transparent);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumbs a{color:inherit;text-decoration:none}
.crumbs a:hover{color:var(--gold-hi)}
.crumbs .sep{opacity:.5}
@media (min-width:900px){.phero{padding-block:48px 64px}.phero.has-img .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px}}
.wrap.narrow{max-width:860px}
.h3like{font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem)}
.prose{display:grid;gap:16px;max-width:72ch}
.prose h2{margin-top:10px}
.prose h3{margin-top:8px;font-size:1.18rem}
.prose p{max-width:none}
.sp{display:grid;gap:28px;align-items:start}
.sp .photo img{aspect-ratio:4/3}
@media (min-width:900px){.sp{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px}.sp.rev{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.sp.rev .photo{order:-1}}
.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.feature-list li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:var(--surface);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--shadow)}
.feature-list li .tile{width:44px;height:44px}
.feature-list li .tile .ic{width:22px;height:22px}
.feature-list strong{display:block;font-family:var(--f-display);margin-bottom:2px}
.grid2{display:grid;gap:16px}
@media (min-width:760px){.grid2{grid-template-columns:1fr 1fr}}
.grid3{display:grid;gap:16px}
@media (min-width:760px){.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.icard{background:var(--surface);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow);display:grid;gap:10px;align-content:start;border-top:3px solid var(--petrol)}
.icard:nth-child(even){border-top-color:var(--gold)}
.icard h3{font-size:1.12rem}
.icard img{width:calc(100% + 48px);margin:-24px -24px 6px;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg) var(--r-lg) 0 0;max-width:none}
.steps2{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.steps2 li{counter-increment:s;display:grid;grid-template-columns:48px 1fr;gap:16px;background:var(--surface);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow)}
.steps2 li::before{content:counter(s);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(140deg,var(--petrol-2),var(--petrol));color:#fff;font:800 1.2rem var(--f-display)}
.steps2 strong{display:block;font-family:var(--f-display);margin-bottom:2px}
.note-box{background:var(--surface);border-left:3px solid var(--gold);border-radius:0 var(--r) var(--r) 0;padding:16px 20px;box-shadow:var(--shadow);display:grid;gap:4px}
.note-box strong{font-family:var(--f-display)}
.faq{margin-top:18px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:0 18px;margin-bottom:10px}
.faq summary{padding:16px 0}
.faq .ans{padding:0 0 16px 36px;color:var(--muted)}
.faq .ans p{max-width:none}
.related .rel{display:grid;gap:12px}
@media (min-width:760px){.related .rel{grid-template-columns:repeat(3,minmax(0,1fr))}}
.relcard{display:flex;gap:14px;align-items:center;background:var(--surface);border-radius:var(--r-lg);padding:16px 18px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .2s}
.relcard:hover{transform:translateY(-2px)}
.relcard .tile{width:44px;height:44px;flex-shrink:0}
.relcard strong{display:block;font-family:var(--f-display)}
.relcard .more{font:600 .85rem var(--f-display);color:var(--petrol-text)}
.chipsrow{display:flex;flex-wrap:wrap;gap:8px}
.chipsrow span{background:var(--tint);border-radius:var(--r);padding:7px 12px;font-size:.93rem}
.teamgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (min-width:760px){.teamgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.teamgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tm{background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);display:grid;text-decoration:none;color:var(--ink)}
.tm .pic{aspect-ratio:4/5;background:linear-gradient(150deg,var(--tint),color-mix(in srgb,var(--petrol) 25%,var(--tint)));display:grid;place-items:center;overflow:hidden}
.tm .pic img{width:100%;height:100%;object-fit:cover}
.tm .pic .ini{font:800 2.4rem var(--f-display);color:var(--petrol-text);opacity:.7}
.tm .pic small{display:block;font-size:.7rem;color:var(--muted);text-align:center;margin-top:4px}
.tm .tx{padding:14px 16px;display:grid;gap:2px}
.tm .tx strong{font-family:var(--f-display)}
.tm .tx span{font-size:.88rem;color:var(--muted)}
a.tm:hover .tx strong{color:var(--petrol-text)}
.vita{list-style:none;margin:0;padding:0;display:grid;gap:0}
.vita li{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.vita li:first-child{border-top:0}
.vita .y{font:800 .95rem var(--f-display);color:var(--gold-ink);font-variant-numeric:tabular-nums}
.bio-pic{position:relative;isolation:isolate;max-width:380px}
.bio-pic img,.bio-pic .ph{border-radius:var(--r-lg);aspect-ratio:4/5;object-fit:cover;width:100%;box-shadow:var(--shadow)}
.bio-pic .ph{display:grid;place-items:center;background:linear-gradient(150deg,var(--tint),color-mix(in srgb,var(--petrol) 25%,var(--tint)));font:800 3rem var(--f-display);color:var(--petrol-text)}
.quote{font:600 clamp(1.1rem,1rem + .5vw,1.3rem)/1.5 var(--f-display);padding-left:18px;border-left:3px solid var(--gold)}
.form{display:grid;gap:14px;background:var(--surface);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow)}
.form label{display:grid;gap:6px;font:600 .92rem var(--f-display)}
.form input,.form select,.form textarea{font:inherit;font-family:var(--f-body);font-weight:400;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--ink);min-height:48px}
.form textarea{min-height:120px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--petrol);outline-offset:1px}
.form .row2{display:grid;gap:14px}
@media (min-width:640px){.form .row2{grid-template-columns:1fr 1fr}}
.form .check{display:flex;gap:10px;align-items:flex-start;font:400 .92rem var(--f-body)}
.form .check input{min-height:auto;width:20px;height:20px;margin-top:2px}
.form .hint{font:400 .85rem var(--f-body);color:var(--muted)}
.hp{position:absolute;left:-9999px}
.contact-cards{display:grid;gap:12px}
.contact-cards>a,.contact-cards>div.cc{display:flex;gap:14px;align-items:center;background:var(--surface);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}
.contact-cards .tile{width:44px;height:44px;flex-shrink:0}
.contact-cards strong{display:block;font-family:var(--f-display)}
.contact-cards span span{color:var(--muted);font-size:.93rem}
.legaltext{display:grid;gap:12px;max-width:72ch}
.legaltext h2{font-size:1.25rem;margin-top:16px}
.footer-fix{}
footer .legal{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
footer .wrap{grid-template-columns:1fr}
@media (min-width:640px){footer .wrap{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){footer .wrap{grid-template-columns:1.3fr 1fr 1fr 1fr}}
nav.main .menu-cta .btn{display:inline-flex!important}
nav.main .sub a::after{display:none}
@media (max-width:1099px){header.site .head-cta{display:none!important}}
.since{max-width:290px;flex-direction:column;align-items:flex-start;gap:2px}
.since .n{font-size:1.5rem}
.since .t{font-size:.92rem;line-height:1.4;margin:0}
.btn{white-space:nowrap}
@media (min-width:1100px){nav.main .lvl1>li.menu-cta{display:none}nav.main .lvl1>li>a{padding-left:10px}header.site .wrap{gap:14px}.logo img{height:50px}}
@media (min-width:1100px) and (max-width:1279px){nav.main .lvl1>li>a{font-size:.9rem;padding-left:8px}.sub-toggle{width:22px}header.site .head-cta{padding:0 16px}}
:is(.hero,.moment,.pkv,.pkv2-text,.cta,.scard,.ncard.self,.revcard .score,.phero) .mk{background:none!important;color:inherit!important;box-shadow:inset 0 -1px 0 rgba(232,208,143,.6)!important;padding:0}
.pkv2{position:relative;overflow:hidden;color:#fff;background:radial-gradient(800px 420px at 0% 100%,rgba(232,208,143,.18),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(38,163,162,.55),transparent 60%),linear-gradient(135deg,#17766f,#123a40)}
.pkv2 .wrap{display:grid;gap:32px;align-items:center}
.pkv2-text{display:grid;gap:16px}
.pkv2 h2{color:#fff}
.pkv2 .eyebrow{color:var(--gold-hi)}
.pkv2 p{color:rgba(255,255,255,.92)}
.pkv2-grid{display:grid;gap:12px}
.pc{background:var(--surface);color:var(--ink);border-radius:var(--r-lg);padding:20px;display:grid;grid-template-columns:48px 1fr;column-gap:16px;row-gap:4px;align-items:start;box-shadow:0 20px 40px -24px rgba(0,0,0,.5)}
.pc .tile{grid-row:1/3;width:48px;height:48px}
.pc h3{font-size:1.05rem;color:var(--ink)}
.pc p{color:var(--muted);font-size:.95rem;margin:0}
.pc .mk{color:inherit}
@media (min-width:640px){.pkv2-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.pkv2 .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px}}
.partners-sec{padding-block:clamp(40px,6vw,64px);overflow:hidden}
.partners-sec h2{margin-bottom:22px;text-align:center}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;gap:16px;width:max-content;animation:lkMarquee 40s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee .logo-tile{width:180px;height:96px;flex-shrink:0}
@keyframes lkMarquee{to{transform:translateX(calc(-50% - 8px))}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}.marquee-track [aria-hidden="true"]{display:none}.marquee{-webkit-mask-image:none;mask-image:none}}
nav.main .lvl1>li>a{text-transform:uppercase;letter-spacing:.06em;font-size:.95rem}
@media (min-width:1100px){nav.main .lvl1>li>a{font-size:.82rem;letter-spacing:.08em}}
@media (min-width:1100px) and (max-width:1279px){nav.main .lvl1>li>a{font-size:.76rem;letter-spacing:.05em}}
.eyebrow{font-size:.8125rem}
.facts dt{font-size:.8125rem}
.svcrow .cnt,.lcard .cnt{font-size:.78rem}
.crumbs a,.crumbs span[aria-current]{display:inline-block;padding:4px 0}
#einsatzgebiet .readout-label,#einsatzgebiet .readout-unit{font-size:.75rem;letter-spacing:.12em}
#einsatzgebiet .lseo-kicker{font-size:.75rem}
#einsatzgebiet .section-label{font-size:.8125rem}
.readmore{margin-top:4px}
.readmore summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;font:700 .95rem var(--f-display);color:var(--petrol-text)}
.readmore summary::-webkit-details-marker{display:none}
.readmore summary::after{content:"+";font-size:1.2rem;color:var(--gold);transition:transform .2s}
.readmore[open] summary::after{transform:rotate(45deg)}
.readmore[open] summary{margin-bottom:6px}
.readmore p+p{margin-top:12px}
.icard .readmore p{margin-top:0}
@media (max-width:639px){
.draftbar .wrap>span:not(.legend){display:none}
.draftbar .wrap{padding-block:6px;gap:8px 12px}
.draftbar button{padding:2px 10px;font-size:.8rem}
.svcrow{padding:18px 16px}
.svcrow ul{grid-template-columns:1fr 1fr;gap:6px}
.svcrow li{min-height:40px;padding:8px 10px;font-size:.86rem}
section{padding-block:56px}
.icard{padding:20px}
.icard img{width:calc(100% + 40px);margin:-20px -20px 6px}
.feature-list li{grid-template-columns:40px 1fr;padding:14px}
.feature-list li .tile{width:40px;height:40px}
h2{font-size:1.55rem}
}
.brands{background:var(--deep-2)}
.brands .wrap{align-items:center;gap:6px;padding-block:6px}
.brands .bl{font:600 .72rem var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--deep-ink) 55%,transparent);margin-right:6px;white-space:nowrap}
.brands a{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;border:1px solid color-mix(in srgb,var(--deep-ink) 18%,transparent);color:var(--deep-ink);font:600 .8rem var(--f-display);letter-spacing:.02em;box-shadow:none!important}
.brands a i{width:8px;height:8px;border-radius:50%;background:var(--petrol-2)}
.brands a.b-motion i{background:var(--gold)}
.brands a.b-green i{background:#6cbf4a}
.brands a:hover{background:color-mix(in srgb,#fff 8%,transparent)}
.brands a[aria-current]{background:color-mix(in srgb,#fff 12%,transparent);border-color:color-mix(in srgb,var(--deep-ink) 35%,transparent)}
@media (max-width:520px){.brands .bl{display:none}.brands a{padding:5px 10px;font-size:.76rem}}
nav.main .menu-areas{display:grid!important;gap:4px;padding:14px 0 4px;border-bottom:0!important}
nav.main .menu-areas span{font:700 .72rem var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 4px 4px}
nav.main .menu-areas a{display:flex;gap:12px;align-items:center;padding:10px;border-radius:var(--r);background:var(--tint);color:var(--ink);text-decoration:none;font:600 .95rem var(--f-display)}
nav.main .menu-areas a .ic{width:20px;height:20px;color:var(--petrol-text)}
@media (min-width:1100px){nav.main .lvl1>li.menu-areas{display:none!important}}
.mk{background:rgba(240,205,100,.38);border-radius:2px;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:none}
body.clean .mk{background:none!important;box-shadow:none!important;padding:0}
nav.main .menu-areas a{text-transform:none!important;letter-spacing:0!important;font-size:.95rem!important}
.sit .icard{border-top-width:3px}
.flow{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:f}
.flow li{position:relative;background:var(--surface);border-radius:var(--r-lg);padding:22px 22px 22px 22px;box-shadow:var(--shadow);display:grid;gap:8px;align-content:start}
.flow .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(140deg,var(--petrol-2),var(--petrol));color:#fff;font:800 1.1rem var(--f-display)}
.flow h3{font-size:1.1rem}
.flow p{color:var(--muted)}
@media (min-width:760px){.flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.flow{grid-template-columns:repeat(4,minmax(0,1fr))}.flow li:not(:last-child)::after{content:"";position:absolute;top:44px;right:-14px;width:14px;height:2px;background:var(--gold)}}
.mlnote{margin-top:22px;display:grid;gap:16px;align-items:center;background:linear-gradient(135deg,var(--deep),var(--deep-2));color:var(--deep-ink);border-radius:var(--r-lg);padding:22px 24px}
.mlnote h3{color:#fff;font-size:1.1rem;margin-bottom:4px}
.mlnote p{color:color-mix(in srgb,var(--deep-ink) 85%,transparent)}
.mlnote .btn{width:fit-content}
@media (min-width:900px){.mlnote{grid-template-columns:52px 1fr auto}}
body.clean .mk,body.clean :is(.hero,.moment,.pkv,.pkv2-text,.cta,.scard,.ncard.self,.revcard .score,.phero) .mk{background:none!important;box-shadow:none!important;padding:0!important;color:inherit!important}
footer .wrap{grid-template-columns:1fr 1fr;gap:24px 20px}
footer .wrap>div:first-child{grid-column:1/-1}
footer .legal{grid-column:1/-1}
@media (min-width:1000px){footer .wrap{grid-template-columns:1.3fr 1fr 1fr 1fr}footer .wrap>div:first-child{grid-column:auto}}
@media (min-width:1100px){.teamgrid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px}}
.tm .pic{aspect-ratio:1}
.bio-pic .ph{aspect-ratio:1;font-size:2.4rem;max-width:280px}
.phero h1 small{display:block;font-size:.55em;font-weight:600;color:var(--gold-hi);margin-top:6px}
.area-ml{background:radial-gradient(900px 420px at 100% 0%,rgba(201,161,76,.35),transparent 65%),linear-gradient(160deg,#1e3c42,#0f2226)}
.area-bg{background:radial-gradient(900px 420px at 100% 0%,rgba(108,191,74,.45),transparent 65%),linear-gradient(160deg,#1f4d2b,#0f2617)}
.area-bg .eyebrow{color:#cdeab7}
.icard.green-top{border-top-color:#4f9f35}
.arealink{display:grid;gap:18px;align-items:center;background:linear-gradient(135deg,var(--deep),var(--deep-2));color:var(--deep-ink);border-radius:var(--r-lg);padding:28px}
.arealink h2{color:#fff}
.arealink .eyebrow{color:var(--gold-hi)}
.arealink p{color:color-mix(in srgb,var(--deep-ink) 88%,transparent)}
.arealink.green{background:linear-gradient(135deg,#2f6b23,#163a1b)}
.arealink .actions{display:flex;flex-wrap:wrap;gap:10px}
@media (min-width:900px){.arealink{grid-template-columns:1fr auto;padding:36px 40px}}
.sorgen-grid{display:grid;gap:28px}
.sorgen .head{margin-bottom:0}
.worries{display:grid;gap:12px}
.worry{display:grid;grid-template-columns:48px 1fr;gap:16px;background:var(--surface);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow);align-items:start}
.worry .tile{width:48px;height:48px}
.worry h3{font-size:1.08rem;margin-bottom:4px;font-style:italic}
.worry p{color:var(--muted)}
@media (min-width:760px){.worries{grid-template-columns:1fr 1fr}.worry:last-child{grid-column:1/-1}}
@media (min-width:1100px){.sorgen-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:56px;align-items:start}.sorgen .head{position:sticky;top:110px}}
p.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
p.clamp.open,p.clamp.noclamp{display:block;-webkit-line-clamp:unset;overflow:visible}
.more-btn{background:none;border:0;padding:6px 0;min-height:40px;font:700 .92rem var(--f-display);color:var(--petrol-text);cursor:pointer;display:inline-flex;gap:6px;align-items:center;justify-self:start;width:fit-content}
.more-btn::after{content:"+";color:var(--gold);font-size:1.1rem}
.more-btn[aria-expanded="true"]::after{content:"–"}
:is(.ambience,.hwg,.moment) .more-btn{color:var(--gold-hi)}
.why .card .more-btn{grid-column:2}
@media (max-width:520px){.why .card .more-btn{grid-column:auto}}
.hwg .more-btn{grid-column:2}
:root,:root[data-theme="dark"]{color-scheme:light}
html,body{background:#f7f8f7}
.autoplay-btn{justify-self:start;margin-top:10px;background:none;border:1px solid color-mix(in srgb,var(--deep-ink) 35%,transparent);color:var(--deep-ink);border-radius:99px;padding:8px 14px;min-height:40px;font:600 .82rem var(--f-display);cursor:pointer}
.autoplay-btn.dark{border-color:var(--line);color:var(--ink);margin:10px auto 0;display:block}
.marquee-track.paused{animation-play-state:paused}
.form-err{background:#fde8e4;color:#8a1c0b;border-left:3px solid #c0391b;padding:12px 14px;border-radius:0 var(--r) var(--r) 0;font-weight:600}
.form [aria-invalid="true"]{border-color:#c0391b;outline:2px solid #c0391b;outline-offset:1px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.scard img,.gallery img{transition:none}}
.relcard>span,.relcard strong{min-width:0;overflow-wrap:anywhere;hyphens:auto}
@media (min-width:760px) and (max-width:1023px){.related .rel{grid-template-columns:1fr 1fr}}
.form label a{display:inline-block;padding:4px 0;color:var(--petrol-text)}
@media (max-width:900px){.revcard{grid-template-columns:minmax(0,1fr)}.revcard>*{min-width:0}}
.svcrow{min-width:0}.svcrow>*{min-width:0}
@media (max-width:460px){.svcrow ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.svcrow li{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.lseo .lseo-link{color:var(--petrol-text);border-color:var(--petrol-text)}
.lseo .lseo-link:hover{background:var(--petrol-text);color:#fff}
.legaltext{grid-template-columns:minmax(0,1fr)}.legaltext>*{min-width:0;overflow-wrap:break-word;hyphens:auto}.legaltext a{overflow-wrap:anywhere}
.phero h1{overflow-wrap:break-word;hyphens:auto}@media (max-width:400px){.phero h1{font-size:clamp(1.7rem,8vw,2.2rem)}}
.physgrid .icard.wide{grid-column:1/-1}
@media (min-width:1000px){.physgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.physgrid .icard.wide .readmore,.physgrid .icard.wide>p{max-width:80ch}}
body:not(.clean) .mk{background:linear-gradient(transparent 58%,rgba(232,196,110,.55) 58%,rgba(232,196,110,.55) 92%,transparent 92%)!important;box-shadow:none!important;padding:0 .04em!important;border-radius:0!important;color:inherit!important}
body:not(.clean) .mk.mk-dark{background:none!important;box-shadow:inset 0 -2px 0 rgba(232,208,143,.85)!important}
.neu-pin{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-right:8px;border-radius:99px;background:var(--gold);color:#1e2b20;font:700 10px/1 var(--f-display);letter-spacing:0;vertical-align:middle;position:relative;top:-.08em;box-shadow:0 0 0 3px rgba(201,161,76,.22);text-decoration:none;font-style:normal}
body.clean .neu-pin,body.clean .neu-panel{display:none!important}
.neu-flash{animation:neuflash 1.6s ease-out}
@keyframes neuflash{0%,30%{outline:3px solid var(--gold);outline-offset:6px;border-radius:4px}100%{outline:3px solid transparent;outline-offset:10px}}
.neu-panel{position:fixed;right:16px;bottom:16px;z-index:60;width:min(340px,calc(100vw - 32px));background:#fff;color:var(--ink);border-radius:12px;box-shadow:0 18px 50px -12px rgba(20,41,46,.45);border:1px solid var(--line);font-size:.86rem;overflow:hidden}
.neu-panel>button.np-head{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;background:var(--deep);color:#fff;font:600 .88rem var(--f-display)}
.neu-panel>button.np-head:focus-visible{outline:3px solid var(--gold-hi);outline-offset:-3px}
.neu-panel .np-count{display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;border-radius:99px;background:var(--gold);color:#1e2b20;font-weight:700;font-size:.78rem}
.neu-panel .np-chev{margin-left:auto;transition:transform .2s}
.neu-panel.open .np-chev{transform:rotate(180deg)}
.neu-panel ol{list-style:none;margin:0;padding:6px;max-height:min(52vh,420px);overflow:auto;display:none}
.neu-panel.open ol{display:block}
.neu-panel li button{all:unset;box-sizing:border-box;display:flex;gap:10px;width:100%;padding:8px 8px;border-radius:8px;cursor:pointer;line-height:1.35}
.neu-panel li button:hover,.neu-panel li button:focus-visible{background:var(--tint)}
.neu-panel li .neu-pin{margin:1px 0 0;flex:none;vertical-align:0}
.neu-panel .np-note{padding:8px 14px 12px;color:var(--muted);font-size:.78rem;border-top:1px solid var(--line);display:none}
.neu-panel.open .np-note{display:block}
@media (max-width:760px){.neu-panel{right:8px;left:8px;width:auto;bottom:76px}}
@media print{.neu-panel,.neu-pin{display:none!important}}
.draftbar .legend i{display:inline-block;width:26px;height:12px;border:0;border-radius:0;background:linear-gradient(transparent 45%,rgba(232,196,110,.9) 45%,rgba(232,196,110,.9) 90%,transparent 90%)!important;vertical-align:middle;margin-right:6px}
@media (min-width:1021px){.cards{grid-template-columns:repeat(6,minmax(0,1fr))}.cards>.scard{grid-column:span 2}.cards>.scard:nth-child(n+4){grid-column:span 3}}
@media (min-width:541px) and (max-width:1020px){.cards>.scard:last-child:nth-child(odd){grid-column:1/-1}}
.ort-grid{display:grid;gap:28px;align-items:start}
@media (min-width:900px){.ort-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.ort-facts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ort-facts li{display:flex;gap:12px;align-items:flex-start;line-height:1.45}
.ort-facts .ic{flex:none;width:20px;height:20px;margin-top:2px;color:var(--petrol-text)}
.ort-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;background:linear-gradient(150deg,var(--deep),var(--deep-2));color:var(--deep-ink);border-radius:var(--r-lg);padding:24px}
.ort-zahlen>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 8px}
.ort-zahlen .z{font:800 clamp(2.6rem,2rem + 2vw,3.6rem)/1 var(--f-display);color:#fff;font-variant-numeric:tabular-nums}
.ort-zahlen .e{font:600 .95rem var(--f-display);color:var(--gold-hi)}
.ort-zahlen .l{grid-column:1/-1;font-size:.85rem;opacity:.85}
@media (min-width:760px) and (max-width:1023px){.ort-rel{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.ort-rel{grid-template-columns:repeat(4,minmax(0,1fr))}}
.btn-ghost.dark{color:var(--ink);border-color:var(--line)}
footer .ortlinks{grid-column:1/-1;font-size:.85rem;line-height:1.8;opacity:.85;margin:0}
footer .ortlinks a{color:inherit}
.weg{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px}
.weg h3{font-size:1.05rem;margin-bottom:10px}
.weg ol{margin:0 0 10px;padding-left:1.3em;display:grid;gap:6px;font-size:.93rem;line-height:1.45}
.weg ol li::marker{color:var(--petrol-text);font-weight:700}
.weg .small{font-size:.8rem;color:var(--muted);margin:0}
.ort-leist{line-height:2;font-size:.98rem}.ort-leist a{color:var(--petrol-text);font-weight:600}
.visit .wrap>*{min-width:0}
@media (max-width:860px){.visit .wrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.visit .ways{grid-template-columns:1fr}}
nav.main .has-sub>a{cursor:pointer}
footer .wrap>*{min-width:0}
footer .legal a,footer .ortlinks a{white-space:nowrap}
footer .fcontact a{color:inherit}
@media (max-width:639px){
footer .wrap{grid-template-columns:1fr;gap:0;padding-block:44px 20px}
footer .wrap>div:first-child{padding-bottom:24px}
footer .wrap>div:not(:first-child){border-top:1px solid color-mix(in srgb,var(--deep-ink) 14%,transparent);padding:20px 0}
footer h4{margin-bottom:10px}
footer ul{gap:0}
footer ul a{display:block;padding:7px 0}
footer .ortlinks{border-top:1px solid color-mix(in srgb,var(--deep-ink) 14%,transparent);padding-top:20px}
footer .legal{margin-top:20px;flex-direction:column;gap:6px}
}
.svcrow li{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
@media (max-width:480px){.svcrow ul{grid-template-columns:1fr!important}}
.tile{flex-shrink:0}
.hours span:nth-child(even){white-space:nowrap}
@media (max-width:420px){.hours{gap:4px 14px;font-size:.95rem}}
@media (prefers-reduced-motion:reduce){.marquee-track .logo-tile:nth-child(n+9){display:none}}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.tm .tx{justify-content:flex-start!important;align-content:start}
.tm .tx span:empty{display:none}