/* ==========================================================================
   LOMADESIGN v9 — vollständige Einzeldatei
   ES5 · iOS-Safari-sicher · jede Fläche mit hartem Hex · Router ohne Framework
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;background-color:#181B21}
body,h1,h2,h3,h4,p,figure,ul,ol,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,svg,video{display:block;max-width:100%}
button,input,textarea,select{font:inherit;color:inherit;background:none;border:0}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse;width:100%}
:root{
 --bg:#181B21;--bg2:#1F2229;--bg3:#272B34;--line:#2E323C;--fg2:#DCE1EC;--fg3:#A3ACBE;
 --t1:#4DB8A4;--t2:#3D9D8C;--t3:#7FD8C6;--gd:#F0B840;--dk:#14171C;
 --max:1520px;--gut:clamp(18px,2.6vw,46px);--e:cubic-bezier(.16,1,.3,1);--sp:cubic-bezier(.34,1.56,.64,1);
 --disp:"Archivo","Archivo Black",Impact,-apple-system,sans-serif;
 --sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
body{font-family:var(--sans);color:#FFFFFF;background-color:#181B21;font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;width:100%;max-width:100%}
::selection{background:#4DB8A4;color:#181B21}
.wrap{width:100%;max-width:1520px;max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.wrap--r{max-width:1160px}
.sec{padding:clamp(46px,5vw,92px) 0;position:relative;background-color:#181B21}
.sec--alt{background-color:#1F2229}
.sec--t0{padding-top:0}
.view{display:none;background-color:#181B21}
.view.on{display:block;animation:vin .5s var(--e)}
@keyframes vin{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
h1,h2,h3,h4{font-family:var(--disp);font-stretch:125%;font-weight:900;letter-spacing:-.028em;line-height:.94;text-transform:uppercase;overflow-wrap:break-word}
.xxl{font-size:clamp(1.85rem,3.5vw,3.7rem);line-height:.92;letter-spacing:-.038em}
h1{font-size:clamp(1.6rem,2.7vw,2.6rem);letter-spacing:-.035em}
h2{font-size:clamp(1.42rem,2.25vw,2.2rem);letter-spacing:-.03em}
h3{font-size:clamp(1.02rem,1.1vw,1.18rem);letter-spacing:-.018em}
.grad{background-image:linear-gradient(96deg,#5FC7B2,#4DB8A4 30%,#F5C863 58%,#7FD8C6);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gsl 9s ease-in-out infinite alternate;font-style:normal}
@keyframes gsl{from{background-position:0% 50%}to{background-position:100% 50%}}
.lab{font-family:var(--sans);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#A3ACBE;display:inline-flex;align-items:center;gap:9px}
.lab svg{width:14px;height:14px;color:#4DB8A4;flex:none}
.lead{font-size:clamp(.97rem,1vw,1.08rem);line-height:1.62;color:#DCE1EC;max-width:58ch}
.sm{font-size:14.5px;color:#DCE1EC}
.xs{font-size:13px;color:#A3ACBE}
.hl{position:relative;display:inline-block;z-index:1;padding:0 .1em}
.hl::before{content:"";position:absolute;left:0;right:0;bottom:.01em;top:.09em;z-index:-1;background-color:#3D9D8C;transform:scaleX(0);transform-origin:left;transition:transform .8s var(--e);border-radius:4px}
.hl.in::before{transform:scaleX(1)}
.hl--p::before{background-color:#F0B840}
.hl--l::before{background-color:#4DB8A4}
.hl--l.in{color:#181B21}
.hl--l{transition:color .4s var(--e) .28s}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;border-radius:100px;font-size:15px;font-weight:700;cursor:pointer;touch-action:manipulation;transition:transform .28s var(--e),box-shadow .3s var(--e),background-color .25s var(--e),color .25s var(--e),border-color .25s var(--e);max-width:100%}
.btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn svg{width:17px;height:17px;flex:none;transition:transform .35s var(--e)}
.btn--p{background-color:#4DB8A4;color:#181B21}
.btn--g{border:1px solid #2E323C;color:#FFFFFF;background-color:#1F2229}
.btn--s{padding:10px 18px;font-size:13.5px}
.btn--full{width:100%}
@media (hover:hover){
 .btn:hover{transform:translate3d(0,-2px,0)}
 .btn:hover svg{transform:translate3d(3px,0,0)}
 .btn--p:hover{box-shadow:0 16px 42px -14px rgba(77,184,164,.85)}
 .btn--g:hover{border-color:#4DB8A4;color:#4DB8A4}}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #4DB8A4;outline-offset:3px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;z-index:400;padding:12px 18px;background:#4DB8A4;color:#181B21;border-radius:6px}
.hd{position:fixed;top:0;left:0;right:0;z-index:120;background-color:rgba(24,27,33,0);transition:background-color .35s var(--e),border-color .35s var(--e);border-bottom:1px solid transparent}
.hd.st{background-color:#181B21;border-bottom-color:#2E323C;box-shadow:0 10px 30px -20px rgba(0,0,0,.9)}
.hd__in{display:flex;align-items:center;justify-content:space-between;height:72px;gap:14px;min-width:0}
.hd__lg{flex:0 0 auto;display:flex;align-items:center;min-width:0;max-width:52vw}
.hd__lg img{height:clamp(24px,3.4vw,34px);width:auto;max-width:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.97}
/* Wortmarke als Rückfallebene, wenn die Bilddatei nicht erreichbar ist */
.lgtxt{display:flex;align-items:baseline;gap:.34em;font-family:var(--disp);font-stretch:125%;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1;white-space:nowrap;font-size:clamp(15px,2.6vw,19px);color:#FFFFFF}
.lgtxt i{font-style:normal;color:#4DB8A4}
.lgtxt s{text-decoration:none;font-family:var(--sans);font-stretch:100%;font-weight:700;font-size:.44em;letter-spacing:.24em;color:#A3ACBE}
@media (max-width:520px){.lgtxt s{display:none}}
.nv{display:flex;align-items:center;gap:5px}
.nv__i{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#DCE1EC;padding:8px 12px;border-radius:100px;position:relative;cursor:pointer;transition:color .25s var(--e),background-color .25s var(--e)}
.nv__i svg{width:16px;height:16px;color:#A3ACBE;transition:color .25s var(--e);flex:none}
.nv__i.on{color:#FFFFFF;background-color:#272B34}
.nv__i.on svg{color:#4DB8A4}
@media (hover:hover){.nv__i:hover{color:#FFFFFF;background-color:#272B34}.nv__i:hover svg{color:#4DB8A4}}
.dd{position:relative}
.dd.open .nv__c{transform:rotate(180deg)}
.nv__c{transition:transform .3s var(--e)}
.mega{position:absolute;top:calc(100% + 12px);left:50%;transform:translate3d(-50%,10px,0);width:min(1020px,90vw);background-color:#1F2229;border:1px solid #2E323C;border-radius:24px;padding:18px;display:none;opacity:0;transition:opacity .3s var(--e),transform .3s var(--e);box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
.dd.open .mega{display:block}
.dd.open.vis .mega{opacity:1;transform:translate3d(-50%,0,0)}
.mega__cols{display:grid;grid-template-columns:1fr 250px;gap:18px}
.mega__g{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mega a{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:12px;border-radius:16px;transition:background-color .25s var(--e)}
.mega a b{display:block;font-family:var(--disp);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:13px;margin-bottom:3px}
.mega a span{font-size:13px;color:#A3ACBE;line-height:1.45;display:block}
.mega__ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background-color:#272B34}
.mega__ic svg{width:19px;height:19px;color:#4DB8A4}
.mega__side{border-left:1px solid #2E323C;padding-left:18px}
.mega__side a{grid-template-columns:1fr;padding:9px 13px}
.mega__f{margin-top:12px;padding-top:14px;border-top:1px solid #2E323C;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
@media (hover:hover){.mega a:hover{background-color:#272B34}}
@media (max-width:1240px){.mega__cols{grid-template-columns:1fr}.mega__side{border-left:0;border-top:1px solid #2E323C;padding-left:0;padding-top:14px}.nv__i span{display:none}.nv__i{padding:10px}.mega{width:min(700px,90vw)}}
.bg{display:none;padding:10px;cursor:pointer}
.bg span{display:block;width:23px;height:2px;background:#FFF;margin:5px 0;transition:transform .35s var(--e),opacity .25s var(--e)}
.bg.on span:nth-child(1){transform:translate3d(0,7px,0) rotate(45deg)}
.bg.on span:nth-child(2){opacity:0}
.bg.on span:nth-child(3){transform:translate3d(0,-7px,0) rotate(-45deg)}
.mn{position:fixed;inset:72px 0 0 0;z-index:119;background-color:#181B21;padding:24px var(--gut) 44px;display:none;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mn.on{display:flex}
.mn a{display:flex;align-items:center;gap:14px;font-family:var(--disp);font-stretch:125%;font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.1rem,4.4vw,1.7rem);padding:14px 0;border-bottom:1px solid #272B34}
.mn a svg{width:20px;height:20px;color:#4DB8A4;flex:none}
.mn__s{padding-left:34px;font-size:1rem !important;color:#DCE1EC;border-bottom:1px solid #101018 !important;padding-top:10px !important;padding-bottom:10px !important;text-transform:none !important;font-family:var(--sans) !important;font-weight:600 !important}
.mn__c{margin-top:22px;display:grid;gap:10px}
.hero{position:relative;padding:106px 0 0;overflow:hidden;background-color:#181B21;isolation:isolate}
.hero__img{position:absolute;inset:0;z-index:0}
.hero__img img{width:100%;height:100%;object-fit:cover;opacity:.16}
.hero__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,27,33,.66),rgba(24,27,33,.88) 46%,#181B21 100%)}
.hero__in{position:relative;z-index:3;padding-bottom:clamp(30px,3.2vw,52px)}
.hero__g{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(22px,2.8vw,50px);align-items:center}
.pills{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:100px;border:1px solid #2E323C;background-color:#1F2229;font-size:12px;font-weight:600}
.pill svg{width:13px;height:13px;color:#4DB8A4;flex:none}
.pill i{width:6px;height:6px;border-radius:50%;background:#4DB8A4;flex:none;animation:pulse 2.2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.28}}
.hero h1{margin:clamp(12px,1.6vw,22px) 0 16px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background-color:#2E323C;margin-top:clamp(24px,2.6vw,40px);border:1px solid #2E323C;border-radius:22px;overflow:hidden}
.facts div{background-color:#1F2229;padding:17px 19px}
.facts b{font-family:var(--disp);font-stretch:125%;font-weight:900;letter-spacing:-.025em;font-size:clamp(1.08rem,1.5vw,1.5rem);display:block;line-height:1.05}
.facts span{font-size:12.5px;color:#A3ACBE;display:block;margin-top:6px}
.art3{position:relative;border-radius:26px;border:1px solid #2E323C;background-color:#14171C;padding:18px;overflow:hidden}
.mq{position:relative;overflow:hidden;border-top:1px solid #2E323C;border-bottom:1px solid #2E323C;padding:22px 0;background-color:#1F2229;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60px,#000 calc(100% - 60px),transparent);mask-image:linear-gradient(90deg,transparent,#000 60px,#000 calc(100% - 60px),transparent)}
.mq__t{display:flex;align-items:center;gap:14px;width:max-content;animation:sl 54s linear infinite}
.mq__c{background-color:#F4F6FA;border-radius:12px;height:58px;width:134px;display:flex;align-items:center;justify-content:center;padding:12px;flex:none;opacity:.92;transition:opacity .3s var(--e),transform .3s var(--e);box-shadow:0 1px 0 rgba(0,0,0,.02) inset}
.mq__c:hover{opacity:1;transform:translateY(-2px)}
.mq__c img{max-height:100%;max-width:100%;width:auto;object-fit:contain}
.mq__c:has(img[src$="Logo_dob-300x180.png"]),.mq__c:has(img[src$="weiss-1024x472-1-300x138.png"]){background-color:#181B21}
@keyframes sl{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.tick{overflow:hidden;padding:22px 0;background-color:#181B21;border-top:1px solid #2E323C;border-bottom:1px solid #2E323C}
.tick__t{display:flex;gap:34px;width:max-content;animation:sl 38s linear infinite;align-items:center}
.tick__t b{font-family:var(--disp);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:clamp(1.05rem,1.75vw,1.6rem);letter-spacing:-.02em;color:#1B1E25;-webkit-text-stroke:1px #3B404C;white-space:nowrap}
.tick__t b.a{color:#4DB8A4;-webkit-text-stroke:0}
.tick__t i{width:9px;height:9px;border-radius:50%;background:#3D9D8C;flex:none}
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sc{position:relative;border-radius:24px;padding:26px;overflow:hidden;background-color:#1F2229;border:1px solid #2E323C;transition:transform .38s var(--e),border-color .38s var(--e),box-shadow .38s var(--e);display:block}
.sc__g{position:absolute;inset:0;opacity:0;transition:opacity .42s var(--e);z-index:0}
.sc__c{position:relative;z-index:2}
.sc__i{width:52px;height:52px;border-radius:16px;background-color:#272B34;display:flex;align-items:center;justify-content:center;margin-bottom:22px;transition:background-color .35s var(--e)}
.sc__i svg{width:24px;height:24px;color:#4DB8A4;transition:color .35s var(--e)}
.sc__n{font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:34px;letter-spacing:-.03em;line-height:1;color:#FFFFFF;opacity:.08;position:absolute;top:20px;right:22px;z-index:1}
.sc h3{margin-bottom:10px}
.sc p{color:#DCE1EC;font-size:15.5px}
.sc ul{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.sc li{font-size:12px;font-weight:600;padding:5px 11px;border-radius:100px;background-color:#272B34;color:#DCE1EC}
.sc__l{display:inline-flex;align-items:center;gap:9px;margin-top:20px;font-weight:700;font-size:14px;color:#4DB8A4}
.sc__l svg{width:15px;height:15px;transition:transform .3s var(--e)}
@media (hover:hover){
 .sc:hover{transform:translate3d(0,-7px,0);border-color:transparent;box-shadow:0 30px 60px -34px rgba(0,0,0,.95)}
 .sc:hover .sc__g{opacity:1}
 .sc:hover .sc__i{background-color:rgba(24,27,33,.3)}
 .sc:hover .sc__i svg{color:#FFFFFF}
 .sc:hover li{background-color:rgba(24,27,33,.32);color:#FFF}
 .sc:hover .sc__l{color:#FFFFFF}
 .sc:hover .sc__l svg{transform:translate3d(4px,0,0)}}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.card{border:1px solid #2E323C;border-radius:20px;padding:23px;background-color:#1F2229;transition:transform .35s var(--e),border-color .35s var(--e);display:block}
.card__i{width:46px;height:46px;border-radius:14px;background-color:#272B34;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.card__i svg{width:21px;height:21px;color:#4DB8A4}
.card h3{margin-bottom:9px}
.card p{font-size:15px;color:#DCE1EC}
.card__l{display:inline-flex;align-items:center;gap:9px;margin-top:16px;font-weight:700;font-size:14px;color:#4DB8A4}
.card__l svg{width:15px;height:15px}
@media (hover:hover){.card:hover{transform:translate3d(0,-5px,0);border-color:#4DB8A4}}
.br{border:1px solid #2E323C;border-radius:20px;padding:23px;background-color:#1F2229;display:block;transition:transform .35s var(--e),border-color .35s var(--e)}
.br__h{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.br__h span{width:46px;height:46px;border-radius:14px;background-color:#272B34;display:flex;align-items:center;justify-content:center;flex:none}
.br__h svg{width:21px;height:21px;color:#4DB8A4}
.br p{font-size:15px;color:#DCE1EC}
.br ul{margin-top:16px;display:flex;flex-wrap:wrap;gap:7px}
.br li{font-size:12px;font-weight:600;padding:5px 11px;border-radius:100px;background-color:#272B34;color:#DCE1EC}
@media (hover:hover){.br:hover{transform:translate3d(0,-6px,0);border-color:#4DB8A4}}
.cmp{border:1px solid #2E323C;border-radius:22px;overflow:hidden;background-color:#1F2229;overflow-x:auto}
.cmp table{min-width:660px;font-size:15px}
.cmp th,.cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid #272B34;vertical-align:top;color:#DCE1EC}
.cmp thead th{font-family:var(--disp);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:12.5px;color:#FFF;background-color:#272B34}
.cmp thead th:last-child{background-color:#16302B;color:#4DB8A4}
.cmp td:first-child{color:#FFF;font-weight:600}
.cmp tr:last-child td{border-bottom:0}
.pr1{border:1px solid #2E323C;border-radius:20px;padding:22px;background-color:#1F2229}
.pr1 b{font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:13px;color:#4DB8A4;display:block;margin-bottom:12px}
.pr1 h3{font-size:1.02rem;margin-bottom:8px}
.pr1 p{font-size:14.5px;color:#DCE1EC}
.tc{border:1px solid #2E323C;border-radius:20px;padding:22px;background-color:#1F2229;display:flex;flex-direction:column;gap:14px}
.tc__s{display:flex;gap:3px;color:#F0B840}
.tc__s svg{width:16px;height:16px}
.tc p{font-size:15.5px;color:#FFFFFF;flex:1;line-height:1.55}
.tc footer{font-size:13.5px;color:#A3ACBE;border-top:1px solid #272B34;padding-top:12px}
.lc{border:1px solid #2E323C;border-radius:20px;padding:22px;background-color:#1F2229;display:block;transition:transform .35s var(--e),border-color .35s var(--e)}
.lc__h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.lc__h svg{width:20px;height:20px;color:#4DB8A4;flex:none}
.lc p{font-size:14.5px;color:#DCE1EC}
.lc ul{margin-top:14px;display:grid;gap:7px}
.lc li{font-size:14px;color:#A3ACBE;position:relative;padding-left:18px}
.lc li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:2px;background:#3D9D8C}
@media (hover:hover){.lc:hover{transform:translate3d(0,-5px,0);border-color:#4DB8A4}}
.works{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.wk{position:relative;border-radius:26px;overflow:hidden;background-color:#1F2229;border:1px solid #2E323C;display:block;transition:transform .42s var(--e),border-color .42s var(--e)}
.wk__i{aspect-ratio:16/10;overflow:hidden;background-color:#272B34;position:relative}
.wk__i img{width:100%;height:100%;object-fit:cover;transition:transform .95s var(--e)}
.wk__i::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,27,33,.08) 36%,rgba(24,27,33,.95))}
.wk__b{padding:20px 24px 24px;position:relative;z-index:2;margin-top:-56px}
.wk__b h3{margin:9px 0 8px}
.wk__b p{font-size:15px;color:#DCE1EC}
.wk__k{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.wk__k b{font-size:12px;font-weight:600;padding:5px 11px;border-radius:100px;border:1px solid #2E323C;color:#A3ACBE}
@media (hover:hover){.wk:hover{transform:translate3d(0,-7px,0);border-color:#4DB8A4}.wk:hover .wk__i img{transform:scale(1.07)}}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 32px}
.kpi div{border:1px solid #2E323C;border-radius:16px;padding:18px 20px;background-color:#14171C}
.kpi b{display:block;font-family:var(--disp);font-stretch:125%;font-weight:900;letter-spacing:-.03em;line-height:1.05;color:#4DB8A4;font-size:clamp(1.15rem,2vw,1.6rem)}
.kpi span{display:block;font-size:13px;color:#A3ACBE;margin-top:7px;line-height:1.45}
.fltr{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.fltr button{padding:9px 16px;border-radius:100px;border:1px solid #2E323C;font-size:13.5px;font-weight:600;color:#DCE1EC;cursor:pointer;background-color:#1F2229;transition:border-color .25s var(--e),color .25s var(--e),background-color .25s var(--e)}
.fltr button.on{background-color:#4DB8A4;color:#181B21;border-color:#4DB8A4}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;border-top:1px solid #2E323C;padding-top:32px}
.pn a{border:1px solid #2E323C;border-radius:20px;padding:20px 22px;background-color:#1F2229}
.pn a span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#A3ACBE;margin-bottom:8px;font-weight:700}
.pn a b{font-family:var(--disp);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:1rem}
.pn a.r{text-align:right}
.band{background-image:linear-gradient(120deg,#3D9D8C 0%,#2F8578 48%,#F0B840 100%);background-color:#3D9D8C;color:#FFF;position:relative;overflow:hidden}
.band .lab{color:rgba(255,255,255,.76)}
.band .lab svg{color:#FFF}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.nm b{display:block;font-family:var(--disp);font-stretch:125%;font-weight:900;letter-spacing:-.03em;font-size:clamp(1.5rem,2.4vw,2.35rem);line-height:1.05}
.nm span{display:block;margin-top:8px;font-size:13.5px;opacity:.84}
.mgz{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pc{border:1px solid #2E323C;border-radius:26px;overflow:hidden;background-color:#1F2229;display:flex;flex-direction:column;transition:transform .35s var(--e),border-color .35s var(--e)}
.pc__i{height:124px;position:relative;display:flex;align-items:center;justify-content:center;background-color:#272B34}
.pc__i svg{width:52px;height:52px;position:relative;z-index:2;color:#FFF}
.pc__b{padding:20px 22px 24px;display:flex;flex-direction:column;gap:9px;flex:1}
.pc__b h3{font-size:1.02rem;line-height:1.25}
.pc__b p{font-size:14.5px;color:#DCE1EC;flex:1}
@media (hover:hover){.pc:hover{transform:translate3d(0,-6px,0);border-color:#3D9D8C}}
.faq{max-width:1000px}
.faq details{border-bottom:1px solid #2E323C}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-family:var(--disp);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:clamp(.97rem,1.15vw,1.15rem);letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{font-style:normal;color:#4DB8A4;font-size:26px;flex:none;transition:transform .35s var(--e)}
.faq details[open] summary i{transform:rotate(45deg)}
.faq p{padding:0 0 24px;color:#DCE1EC;max-width:76ch}
.chk div{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #2E323C}
.chk svg{width:17px;height:17px;color:#4DB8A4;flex:none;margin-top:4px}
.chk span{font-size:15.5px;color:#DCE1EC}
.ph2{padding:104px 0 clamp(24px,3vw,42px);border-bottom:1px solid #2E323C;position:relative;overflow:hidden;background-color:#181B21;isolation:isolate}
.ph2__c{position:relative;z-index:3}
.orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;opacity:.5}
.orb--a{width:min(46vw,520px);aspect-ratio:1;background:radial-gradient(circle,rgba(77,184,164,.30),rgba(24,27,33,0) 68%);top:-14%;right:-10%}
.orb--b{width:min(38vw,420px);aspect-ratio:1;background:radial-gradient(circle,rgba(240,184,64,.18),rgba(24,27,33,0) 70%);bottom:-16%;left:-8%}
.dots{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.055) 1px,rgba(24,27,33,0) 1px);background-size:26px 26px}
.bc{display:flex;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#A3ACBE;margin-bottom:16px;align-items:center}
.bc svg{width:12px;height:12px;opacity:.6}
.back{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#A3ACBE;margin-bottom:18px}
.back svg{width:14px;height:14px;transform:rotate(180deg)}
.hdr2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(22px,2.4vw,38px)}
.hdr2 h2{margin-top:16px}
.rv{opacity:0;transform:translate3d(0,26px,0);transition:opacity .85s var(--e),transform .85s var(--e)}
.rv.in{opacity:1;transform:translate3d(0,0,0)}
.art{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(26px,4vw,62px);align-items:start}
.toc{position:sticky;top:106px}
.toc a{display:block;font-size:14px;color:#DCE1EC;padding:7px 0 7px 14px;border-left:1px solid #2E323C}
@media (hover:hover){.toc a:hover{color:#4DB8A4;border-left-color:#4DB8A4}}
.prose{max-width:70ch;font-size:16.8px;line-height:1.68}
.prose h2{font-family:var(--disp);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:clamp(1.12rem,1.6vw,1.45rem);margin:40px 0 14px;letter-spacing:-.02em;scroll-margin-top:106px}
.prose h3{font-size:1.16rem;margin:32px 0 10px;font-family:var(--sans);font-weight:700;text-transform:none;letter-spacing:0}
.prose p{margin-bottom:16px;color:#DCE1EC}
.prose strong{color:#FFF;font-weight:700}
.prose a{color:#4DB8A4}
.prose ul{margin:0 0 22px;display:grid;gap:10px}
.prose ul li{position:relative;padding-left:24px;color:#DCE1EC}
.prose ul li::before{content:"";position:absolute;left:2px;top:12px;width:9px;height:2px;background:#4DB8A4}
.prose ol{counter-reset:n;margin:0 0 22px;display:grid;gap:11px}
.prose ol li{counter-increment:n;position:relative;padding-left:34px;color:#DCE1EC}
.prose ol li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:2px;font-family:var(--disp);font-weight:800;font-size:12.5px;color:#4DB8A4}
.ans{border-radius:20px;padding:22px 24px;margin:0 0 36px;background-color:#1A2A2A;border:1px solid #2E323C}
.ans p{margin:0;color:#FFF;font-size:16.8px;line-height:1.55}
.tbl{margin:0 0 28px;overflow-x:auto;border:1px solid #2E323C;border-radius:16px;background-color:#1F2229}
.tbl table{font-size:15px;min-width:480px}
.tbl th,.tbl td{padding:13px 16px;text-align:left;border-bottom:1px solid #272B34;color:#DCE1EC;vertical-align:top}
.tbl th{color:#FFF;font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
.tbl tr:last-child td{border-bottom:0}
.tko{border-left:3px solid #4DB8A4;padding:6px 0 6px 20px;margin:38px 0}
.tko b{display:block;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#4DB8A4;margin-bottom:9px}
.mrow{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13.5px;color:#A3ACBE;margin-top:18px}
.note{border:1px solid #2E323C;background-color:#1F2229;border-radius:18px;padding:20px 22px}
.note b{color:#4DB8A4;display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.vz{display:block;border:1px solid #2E323C;border-radius:16px;padding:16px 18px;background-color:#1F2229;transition:transform .3s var(--e),border-color .3s var(--e)}
.vz b{display:block;font-size:15px;font-weight:700;color:#FFFFFF;margin-bottom:4px}
.vz span{display:block;font-size:13px;color:#A3ACBE;line-height:1.45}
@media (hover:hover){.vz:hover{transform:translate3d(0,-3px,0);border-color:#4DB8A4}}
.ft{border-top:1px solid #2E323C;padding:clamp(38px,4.2vw,64px) 0 26px;background-color:#1F2229;position:relative;overflow:hidden}
.ft__lg{height:clamp(26px,4vw,34px);width:auto;max-width:70vw;object-fit:contain;margin-bottom:24px;filter:brightness(0) invert(1);opacity:.95}
.ft__g{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:26px;padding-top:28px;border-top:1px solid #2E323C}
.ft h4{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#A3ACBE;margin-bottom:15px;font-weight:700}
.ft li{margin-bottom:10px}
.ft a{font-size:14.5px;color:#DCE1EC;display:inline-flex;align-items:center;gap:8px}
.ft a svg{width:14px;height:14px;color:#3B404C;transition:color .25s var(--e)}
@media (hover:hover){.ft a:hover{color:#4DB8A4}.ft a:hover svg{color:#4DB8A4}}
.ft__b{margin-top:clamp(34px,4vw,60px);padding-top:20px;border-top:1px solid #272B34;display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;font-size:13px;color:#A3ACBE}
.stk{position:fixed;left:0;right:0;bottom:0;z-index:95;display:none;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background-color:#1F2229;border-top:1px solid #2E323C}
.stk .btn{flex:1;padding:13px 12px;font-size:14px}
.top{position:fixed;right:24px;bottom:96px;z-index:96;width:46px;height:46px;border-radius:50%;background-color:#272B34;border:1px solid #2E323C;color:#FFF;display:none;align-items:center;justify-content:center;cursor:pointer}
.top.on{display:flex}
.top svg{width:17px;height:17px}
.prog{position:fixed;top:0;left:0;height:3px;width:100%;background-image:linear-gradient(90deg,#3D9D8C,#F0B840,#4DB8A4);background-color:#4DB8A4;transform:scaleX(0);transform-origin:left;z-index:150;display:none}
.prog.on{display:block}
@media (max-width:1180px){.art{grid-template-columns:1fr}.toc{position:static;display:flex;flex-wrap:wrap;gap:8px}.toc a{border-left:0;border:1px solid #2E323C;border-radius:100px;padding:7px 14px}.ft__g{grid-template-columns:1fr 1fr 1fr}.hero__g{grid-template-columns:1fr}.g3,.g4{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
 .nv,.dd{display:none}.bg{display:block}
 .svc,.works,.mgz,.g3,.g2,.g4,.kpi{grid-template-columns:1fr}
 .facts,.nums{grid-template-columns:1fr 1fr}
 .hd__in{height:66px;gap:10px}.mn{inset:66px 0 0 0}.hero{padding:100px 0 0}.ph2{padding:96px 0 30px}
 .stk{display:flex}body{padding-bottom:76px}.top{bottom:158px;right:20px}}
@media (max-width:560px){.ft__g{grid-template-columns:1fr 1fr}.facts,.nums,.pn{grid-template-columns:1fr}.pn a.r{text-align:left}.mega__g{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}.rv{opacity:1 !important;transform:none !important}.hl::before{transform:scaleX(1) !important}}
.ill{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(22px,3vw,48px);align-items:center}
.figw{position:relative;border-radius:24px;border:1px solid #2E323C;background-color:#14171C;padding:clamp(18px,2.6vw,30px);overflow:hidden}
.figw::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,rgba(20,23,28,0) 1px);background-size:22px 22px;pointer-events:none}
.ilx{width:100%;height:auto;display:block;overflow:visible}
.figw--hero{background-color:#14171C;border-radius:26px;padding:clamp(14px,2vw,26px)}
.figw--hero::before{background-size:26px 26px}
.ilx .dr{stroke-dasharray:var(--l,400);stroke-dashoffset:var(--l,400)}
.rv.in .ilx .dr{animation:drw 1.6s var(--e) forwards}
.rv.in .ilx .dr.d2{animation-delay:.22s}
@keyframes drw{to{stroke-dashoffset:0}}
.ilx .pop{opacity:0;transform:scale(.6);transform-origin:center;transform-box:fill-box}
.rv.in .ilx .pop{animation:pop .6s var(--sp) forwards}
.rv.in .ilx .pop.d2{animation-delay:.28s}
.rv.in .ilx .pop.d3{animation-delay:.44s}
.rv.in .ilx .pop.d4{animation-delay:.6s}
.rv.in .ilx .pop.d5{animation-delay:.76s}
@keyframes pop{to{opacity:1;transform:scale(1)}}
.ilx .fl{animation:flo 6s ease-in-out infinite alternate}
.ilx .fl.s2{animation-duration:7.5s;animation-delay:-2s}
@keyframes flo{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@media (max-width:900px){.ill{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ilx .dr{stroke-dashoffset:0 !important;animation:none !important}.ilx .pop{opacity:1 !important;transform:none !important;animation:none !important}.ilx .fl{animation:none !important}}
.lng{display:inline-flex;gap:2px;padding:3px;border:1px solid #2E323C;border-radius:100px;background-color:#14171C;margin-right:8px}
.lng a{padding:6px 11px;border-radius:100px;font-size:11.5px;font-weight:800;letter-spacing:.08em;color:#A3ACBE;line-height:1}
.lng a.on{background-color:#4DB8A4;color:#181B21}
@media (hover:hover){.lng a:hover{color:#FFFFFF}.lng a.on:hover{color:#181B21}}
#lngMob .lng{width:100%;justify-content:center}
@media print{.hd,.mn,.mq,.tick,.prog,.stk,.top,.btn{display:none !important}body{background:#fff;color:#000;padding-bottom:0}}
/* ===== Werkzeuge: Website-Check, Terminbuchung, Assistent ===== */
.wc{border:1px solid #2E323C;border-radius:24px;background-color:#1F2229;overflow:hidden;max-width:960px;margin:0 auto}
.wc__top{padding:22px 26px;border-bottom:1px solid #2E323C;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background-color:#14171C}
.wc__bar{height:4px;background-color:#2E323C;position:relative;overflow:hidden}
.wc__bar i{position:absolute;inset:0 auto 0 0;background-image:linear-gradient(90deg,#3D9D8C,#4DB8A4,#7FD8C6);transition:width .5s var(--e);width:0;display:block}
.wc__pane{padding:clamp(22px,3vw,34px);display:none}
.wc__pane.on{display:block;animation:vin .4s var(--e)}
.wc__q{font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:700;margin-bottom:6px;color:#FFFFFF}
.wc__sub{font-size:14.5px;color:#DCE1EC;margin-bottom:20px}
.wc__opt{display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid #2E323C;border-radius:15px;background-color:#14171C;cursor:pointer;text-align:left;width:100%;transition:border-color .22s var(--e),transform .22s var(--e);margin-bottom:10px}
.wc__opt b{width:26px;height:26px;border-radius:9px;border:1px solid #3B404C;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:none;color:#A3ACBE}
.wc__opt span{font-size:15px;color:#FFFFFF}
@media (hover:hover){.wc__opt:hover{border-color:#4DB8A4;transform:translate3d(3px,0,0)}}
.wc__in{width:100%;background-color:#14171C;border:1px solid #2E323C;border-radius:14px;padding:15px 17px;font-size:16px}
.wc__in:focus{border-color:#4DB8A4;outline:none}
.wc__act{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #2E323C}
.wc__score{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding:24px;border:1px solid #2E323C;border-radius:20px;background-color:#14171C;margin-bottom:24px}
.wc__ring{position:relative;width:132px;height:132px;flex:none}
.wc__ring svg{transform:rotate(-90deg)}
.wc__ring circle{fill:none;stroke-width:10;stroke-linecap:round}
.wc__ring .b{stroke:#2E323C}
.wc__ring .f{stroke:#4DB8A4;stroke-dasharray:352;stroke-dashoffset:352;transition:stroke-dashoffset 1.2s var(--e)}
.wc__ring b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:34px;letter-spacing:-.04em;line-height:1}
.wc__ring b em{font-style:normal;font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#A3ACBE;margin-top:4px}
.wc__row{display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:start;padding:15px 17px;border:1px solid #2E323C;border-radius:15px;background-color:#14171C;margin-bottom:11px}
.wc__row i{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:none}
.wc__row i svg{width:16px;height:16px}
.wc__row.hi i{background-color:#3A2416;color:#F0B840}
.wc__row.md i{background-color:#1E2A34;color:#7FD8C6}
.wc__row h4{font-family:var(--sans);font-weight:700;font-size:15px;margin-bottom:5px;color:#FFFFFF;text-transform:none;letter-spacing:0}
.wc__row p{font-size:14px;color:#DCE1EC;line-height:1.55}
.wc__row em{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:100px;white-space:nowrap;align-self:center}
.wc__row.hi em{background-color:#3A2416;color:#F0B840}
.wc__row.md em{background-color:#1E2A34;color:#7FD8C6}
@media (max-width:640px){.wc__row{grid-template-columns:34px 1fr}.wc__row em{grid-column:2;justify-self:start;margin-top:8px}.wc__ring{width:106px;height:106px}.wc__ring b{font-size:28px}}
.bk{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}
.bk__side{border:1px solid #2E323C;border-radius:22px;background-color:#1F2229;padding:26px;position:sticky;top:96px}
.bk__main{border:1px solid #2E323C;border-radius:22px;background-color:#1F2229;overflow:hidden}
.bk__steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #2E323C;background-color:#14171C}
.bk__st{padding:15px 10px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A3ACBE}
.bk__st b{width:22px;height:22px;border-radius:50%;border:1px solid #3B404C;display:flex;align-items:center;justify-content:center;font-size:11px;flex:none}
.bk__st.on{color:#FFFFFF}
.bk__st.on b{background-color:#4DB8A4;border-color:#4DB8A4;color:#181B21}
.bk__st.done b{background-color:#16302B;border-color:#4DB8A4;color:#4DB8A4}
.bk__pane{padding:26px;display:none}
.bk__pane.on{display:block;animation:vin .4s var(--e)}
.bk__mrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}
.bk__mo{font-family:var(--disp);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:1.1rem}
.bk__nav{display:flex;gap:7px}
.bk__nav button{width:36px;height:36px;border-radius:11px;border:1px solid #2E323C;background-color:#272B34;color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer}
.bk__nav button svg{width:14px;height:14px}
.bk__nav button[disabled]{opacity:.3;cursor:not-allowed}
.bk__dow{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:7px}
.bk__dow span{text-align:center;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A3ACBE;padding:6px 0}
.bk__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.bk__d{aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:600;border:1px solid transparent}
.bk__d.free{background-color:#272B34;color:#FFFFFF;cursor:pointer;border-color:#2E323C}
.bk__d.off{color:#5A6272;cursor:not-allowed}
.bk__d.sel{background-color:#4DB8A4;color:#181B21;border-color:#4DB8A4;font-weight:800}
.bk__d.pad{visibility:hidden}
@media (hover:hover){.bk__d.free:hover{background-color:#16302B;border-color:#4DB8A4}}
.bk__slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px}
.bk__sl{padding:13px 10px;border-radius:13px;border:1px solid #2E323C;background-color:#272B34;font-size:14.5px;font-weight:600;cursor:pointer;text-align:center}
.bk__sl.sel{background-color:#4DB8A4;color:#181B21;border-color:#4DB8A4;font-weight:800}
@media (hover:hover){.bk__sl:hover{border-color:#4DB8A4;background-color:#16302B}}
.bk__sum{border:1px solid rgba(77,184,164,.35);background-color:#16302B;border-radius:16px;padding:15px 17px;margin-bottom:20px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.bk__sum svg{width:19px;height:19px;color:#4DB8A4;flex:none}
.bk__ref{display:inline-block;font-family:var(--disp);font-stretch:125%;font-weight:900;letter-spacing:.06em;font-size:1.3rem;color:#4DB8A4;background-color:#14171C;border:1px dashed rgba(77,184,164,.45);border-radius:13px;padding:11px 22px;margin:18px 0}
.fld label,.bk__fld label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#A3ACBE;margin-bottom:7px;font-weight:700}
.fld input,.fld textarea,.fld select,.bk__fld input,.bk__fld textarea,.bk__fld select{width:100%;background-color:#14171C;border:1px solid #2E323C;border-radius:13px;padding:14px 16px;font-size:15.5px;-webkit-appearance:none;appearance:none;transition:border-color .25s var(--e)}
.fld textarea,.bk__fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld textarea:focus,.fld select:focus,.bk__fld input:focus,.bk__fld textarea:focus{border-color:#4DB8A4;outline:none}
.bk__fld.err input,.bk__fld.err textarea{border-color:#FF6868}
.bk__err{font-size:12.5px;color:#FF6868;margin-top:6px;display:none}
.bk__fld.err .bk__err{display:block}
.bk__check{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:#DCE1EC;line-height:1.5}
.bk__check input{width:19px;height:19px;flex:none;margin-top:2px;accent-color:#4DB8A4}
@media (max-width:1100px){.bk{grid-template-columns:1fr}.bk__side{position:static}}
@media (max-width:640px){.bk__st span{display:none}.bk__pane{padding:20px 16px}}
.cbb{position:fixed;right:24px;bottom:24px;z-index:130;width:60px;height:60px;border-radius:50%;background-color:#4DB8A4;color:#181B21;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 18px 44px -16px rgba(77,184,164,.85);border:0}
.cbb svg{width:25px;height:25px}
.cb{position:fixed;right:24px;bottom:96px;z-index:131;width:400px;max-width:calc(100vw - 32px);height:min(620px,calc(100vh - 150px));background-color:#1F2229;border:1px solid #2E323C;border-radius:26px;overflow:hidden;display:none;flex-direction:column;box-shadow:0 40px 90px -40px rgba(0,0,0,.98)}
.cb.on{display:flex}
.cb__h{padding:16px 18px;background-image:linear-gradient(120deg,#3D9D8C,#2F8578 58%,#F0B840);background-color:#3D9D8C;display:flex;align-items:center;gap:12px;flex:none}
.cb__av{width:42px;height:42px;border-radius:14px;background-color:rgba(24,27,33,.32);display:flex;align-items:center;justify-content:center;flex:none;color:#FFF}
.cb__h b{display:block;font-family:var(--disp);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:14px;line-height:1.25}
.cb__h span{font-size:12px;color:rgba(255,255,255,.86);display:block;margin-top:3px}
.cb__x{margin-left:auto;width:34px;height:34px;border-radius:50%;background-color:rgba(24,27,33,.3);border:1px solid rgba(255,255,255,.24);color:#FFF;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.cb__x svg{width:14px;height:14px}
.cb__m{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px;background-color:#14171C;display:flex;flex-direction:column;gap:12px}
.cbm{display:flex;gap:10px;max-width:92%}
.cbm__a{width:30px;height:30px;border-radius:10px;background-color:#272B34;display:flex;align-items:center;justify-content:center;flex:none;color:#4DB8A4}
.cbm__a svg{width:15px;height:15px}
.cbm__b{background-color:#272B34;border:1px solid #2E323C;border-radius:16px 16px 16px 5px;padding:13px 15px;font-size:14.5px;line-height:1.5;color:#FFFFFF}
.cbm--u{margin-left:auto;flex-direction:row-reverse}
.cbm--u .cbm__b{background-color:#4DB8A4;border-color:#4DB8A4;color:#181B21;border-radius:16px 16px 5px 16px;font-weight:600}
.cbq{display:flex;flex-wrap:wrap;gap:8px;padding-left:40px}
.cbq button{padding:10px 15px;border-radius:100px;border:1px solid #3D9D8C;background-color:#1A2A2A;color:#FFFFFF;font-size:13.5px;font-weight:600;cursor:pointer;text-align:left}
@media (hover:hover){.cbq button:hover{background-color:#3D9D8C}}
.cbf{padding:12px;border-top:1px solid #2E323C;background-color:#1F2229;flex:none;font-size:11px;color:#A3ACBE;display:flex;gap:8px;align-items:center}
.cbf svg{width:13px;height:13px;flex:none}
@media (max-width:900px){.cbb{right:16px;bottom:86px;width:54px;height:54px}.cb{right:8px;left:8px;width:auto;bottom:82px;top:70px;height:auto}}
.lng{display:inline-flex;gap:2px;padding:3px;border:1px solid #2E323C;border-radius:100px;background-color:#14171C;margin-right:8px}
.lng a{padding:6px 11px;border-radius:100px;font-size:11.5px;font-weight:800;letter-spacing:.08em;color:#A3ACBE;line-height:1}
.lng a.on{background-color:#4DB8A4;color:#181B21}
@media (hover:hover){.lng a:hover{color:#FFFFFF}.lng a.on:hover{color:#181B21}}
#lngMob .lng{width:100%;justify-content:center}
@media print{.cbb,.cb{display:none !important}}
/* ===== 3D-Modul, Sticky-Storytelling, Zähler ===== */
.d3__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.d3__stage{position:relative;border:1px solid #2E323C;border-radius:26px;background-color:#14171C;overflow:hidden;min-height:340px;display:flex;align-items:center;justify-content:center;perspective:1100px}
.d3__stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 25%,rgba(77,184,164,.16),rgba(20,23,28,0) 62%),radial-gradient(circle at 75% 80%,rgba(240,184,64,.10),rgba(20,23,28,0) 60%);pointer-events:none}
.d3__card{position:relative;width:min(78%,320px);aspect-ratio:4/5;border-radius:22px;background-color:#1F2229;border:1px solid #2E323C;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1);will-change:transform;backface-visibility:hidden}
.d3__glow{position:absolute;inset:-1px;border-radius:22px;background-image:linear-gradient(140deg,rgba(77,184,164,.5),rgba(240,184,64,.18) 55%,rgba(77,184,164,0));opacity:.5;transform:translateZ(-1px)}
.d3__layer{position:absolute;left:22px;right:22px;color:#FFFFFF}
.d3__l1{top:20px;transform:translateZ(46px)}
.d3__l2{top:50%;transform:translateZ(74px) translateY(-50%)}
.d3__l2 b{display:block;font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:1.45rem;letter-spacing:-.03em;text-transform:uppercase;line-height:1}
.d3__l2 span{display:block;font-size:14px;color:#DCE1EC;margin-top:8px}
.d3__l3{bottom:22px;display:flex;gap:8px;transform:translateZ(38px)}
.d3__l3 i{width:34px;height:5px;border-radius:100px;background-color:#2E323C}
.d3__l3 i:first-child{width:56px;background-color:#4DB8A4}
.d3__badge{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#181B21;background-color:#4DB8A4;padding:5px 12px;border-radius:100px}
#d3Canvas{width:100%;height:auto;display:block;touch-action:none;cursor:grab}
.d3__stage.greift #d3Canvas{cursor:grabbing}
.d3__hint{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#A3ACBE;pointer-events:none}
.stk__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,64px);align-items:start}
.stk__sticky{position:sticky;top:110px}
.stk__bar{margin-top:24px;height:3px;background-color:#2E323C;border-radius:100px;overflow:hidden}
.stk__bar i{display:block;height:100%;background-image:linear-gradient(90deg,#3D9D8C,#4DB8A4,#F0B840);transform:scaleX(.25);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.stk__right{display:grid;gap:clamp(18px,3vw,34px)}
.stk__step{border:1px solid #2E323C;border-radius:22px;background-color:#1F2229;padding:clamp(22px,3vw,34px);transition:border-color .4s var(--e),transform .5s cubic-bezier(.16,1,.3,1),background-color .4s var(--e)}
.stk__step b{font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:12px;letter-spacing:.14em;color:#A3ACBE;display:block;margin-bottom:10px;transition:color .4s var(--e)}
.stk__step h3{font-size:1.08rem}
.stk__step p{margin-top:10px;color:#DCE1EC;font-size:15px}
.stk__step.wach{border-color:#4DB8A4;background-color:#1B2A29;transform:translate3d(0,-3px,0)}
.stk__step.wach b{color:#4DB8A4}
.nums--cnt b{font-variant-numeric:tabular-nums}
@media (max-width:900px){.d3__grid{grid-template-columns:1fr}.stk__grid{grid-template-columns:1fr}.stk__sticky{position:static}}
@media (prefers-reduced-motion:reduce){.d3__card{transition:none}.stk__step{transition:none}.stk__bar i{transition:none}}
/* ===== Bildblöcke ===== */
.fig{margin:0;border:1px solid #2E323C;border-radius:24px;overflow:hidden;background-color:#14171C}
.fig img{width:100%;height:auto;display:block}
.fig figcaption{padding:13px 18px;font-size:13px;color:#A3ACBE;border-top:1px solid #2E323C;background-color:#1F2229}
@media (hover:hover){.fig{transition:border-color .35s cubic-bezier(.16,1,.3,1)}.fig:hover{border-color:#4DB8A4}}
/* ===== Fußzeile neu geordnet ===== */
.ft__g{display:grid;grid-template-columns:1.5fr repeat(6,1fr);gap:clamp(20px,2.4vw,34px);align-items:start;margin-bottom:34px}
.ft__brand .sm{max-width:34ch}
.ft__kon{display:grid;gap:9px;margin-top:16px;font-size:13.5px}
.ft__kon a,.ft__kon span{display:flex;align-items:center;gap:9px;color:#DCE1EC}
.ft__kon svg{width:15px;height:15px;color:#4DB8A4;flex:none}
.ft__col h4{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#7C8598;font-weight:800;margin-bottom:14px}
.ft__col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ft__col a{font-size:13.5px;color:#A3ACBE;line-height:1.4;display:block}
.ft__col a:hover{color:#4DB8A4}
.ft__r{display:flex;flex-wrap:wrap;gap:8px 22px;padding:20px 0;border-top:1px solid #2E323C;margin-bottom:4px}
.ft__r a{font-size:13px;color:#A3ACBE}
.ft__r a:hover{color:#4DB8A4}
@media (max-width:1240px){.ft__g{grid-template-columns:1.4fr repeat(3,1fr)}}
@media (max-width:820px){.ft__g{grid-template-columns:1fr 1fr;gap:26px}.ft__brand{grid-column:1/-1}}
@media (max-width:520px){.ft__g{grid-template-columns:1fr}.ft__col ul{gap:11px}}
/* ===== Abwechslung: Akzentfarben, Sektionsvarianten, Layoutwechsel ===== */
/* Jede Leistung, Branche und Partnerseite bekommt eine eigene Akzentfarbe. */
.akz{--akz:#4DB8A4}
.akz .lab{color:var(--akz)}
.akz .card__l,.akz .sc__l{color:var(--akz)}
.akz .hl::before{background-color:var(--akz)}
.akz .card__i{background-color:color-mix(in srgb, var(--akz) 18%, #272B34)}
.akz .card__i svg{color:var(--akz)}
@media (hover:hover){.akz .card:hover,.akz .sc:hover,.akz .fig:hover{border-color:var(--akz)}}
.akz .chk div svg{color:var(--akz)}
.akz .btn--p{background-color:var(--akz)}

/* Sektion mit weichem Farbnebel statt flacher Fläche */
.sec--mesh{position:relative;background-color:#181B21;overflow:hidden}
.sec--mesh::before{content:"";position:absolute;inset:-20% -10%;pointer-events:none;
  background-image:radial-gradient(38% 42% at 18% 24%,color-mix(in srgb,var(--akz,#4DB8A4) 26%,transparent),transparent 70%),
    radial-gradient(32% 38% at 82% 72%,rgba(240,184,64,.13),transparent 70%);
  filter:blur(6px)}
.sec--mesh>*{position:relative;z-index:2}

/* Diagonalstreifen wie in den Werbemitteln */
.sec--diag{position:relative;overflow:hidden}
.sec--diag::after{content:"";position:absolute;top:-40px;right:-60px;width:340px;height:300px;pointer-events:none;opacity:.5;
  background-image:repeating-linear-gradient(-45deg,var(--akz,#4DB8A4) 0 7px,transparent 7px 26px);
  -webkit-mask-image:linear-gradient(200deg,#000,transparent 68%);mask-image:linear-gradient(200deg,#000,transparent 68%)}

/* Sehr dunkle Sektion für Kontrastwechsel */
.sec--deep{background-color:#101318;border-top:1px solid #22262E;border-bottom:1px solid #22262E}

/* Diagonaler Übergang zwischen zwei Sektionen */
.trenner{height:clamp(46px,6vw,86px);background-color:#181B21;position:relative;overflow:hidden}
.trenner i{position:absolute;left:-4%;right:-4%;top:0;bottom:0;background-color:#1F2229;transform:skewY(-2.2deg);transform-origin:left}

/* Redaktioneller Wechsel: große Ziffer als Wasserzeichen neben dem Text */
.split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(22px,4vw,60px);align-items:center}
.split__num{font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:clamp(5rem,14vw,11rem);line-height:.82;letter-spacing:-.05em;
  color:transparent;-webkit-text-stroke:1.4px color-mix(in srgb,var(--akz,#4DB8A4) 55%,transparent);opacity:.55;user-select:none}
.split__txt h2{margin-bottom:14px}
@media (max-width:820px){.split{grid-template-columns:1fr}.split__num{font-size:4.4rem}}

/* Karten versetzt statt streng in Reihe */
@media (min-width:1000px){
  .g3.versetzt>*:nth-child(3n+2){transform:translate3d(0,26px,0)}
  .g3.versetzt>*:nth-child(3n+3){transform:translate3d(0,52px,0)}
  .g3.versetzt.rvdone>*{transition:transform .6s cubic-bezier(.16,1,.3,1)}
}
/* Eine Karte darf herausstechen */
.spot{grid-column:span 2;background-image:linear-gradient(135deg,color-mix(in srgb,var(--akz,#4DB8A4) 22%,#1F2229),#1F2229 62%)}
@media (max-width:860px){.spot{grid-column:span 1}}

/* Zitatband */
.claim{position:relative;padding:clamp(30px,4vw,58px) clamp(24px,4vw,54px);border-radius:26px;border:1px solid #2E323C;background-color:#14171C;overflow:hidden}
.claim::before{content:"“";position:absolute;top:-26px;left:14px;font-family:var(--disp);font-size:9rem;color:var(--akz,#4DB8A4);opacity:.14;line-height:1}
.claim p{font-family:var(--disp);font-stretch:112%;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(1.15rem,2.6vw,2rem);line-height:1.08;color:#FFFFFF;margin:0;position:relative;z-index:2}
.claim span{display:block;margin-top:14px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--akz,#4DB8A4);font-weight:700}

/* Gestaffeltes Einblenden innerhalb einer Gruppe */
.g2>.rv:nth-child(2),.g3>.rv:nth-child(2),.g4>.rv:nth-child(2),.svc>.rv:nth-child(2){transition-delay:.06s}
.g3>.rv:nth-child(3),.g4>.rv:nth-child(3),.svc>.rv:nth-child(3){transition-delay:.12s}
.g4>.rv:nth-child(4),.svc>.rv:nth-child(4){transition-delay:.18s}
.svc>.rv:nth-child(5){transition-delay:.24s}
.svc>.rv:nth-child(6){transition-delay:.3s}
@media (prefers-reduced-motion:reduce){
  .g3.versetzt>*{transform:none !important}
  .sec--mesh::before{filter:none}
  [class*="transition-delay"]{transition-delay:0s !important}
}
/* ===== Video ===== */
.vid{margin:0;border:1px solid #2E323C;border-radius:24px;overflow:hidden;background-color:#14171C}
.vid__b{position:relative;background-color:#14171C}
.vid__b img,.vid__b video{width:100%;height:100%;object-fit:cover;display:block}
.vid__k{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.vid__k span{width:74px;height:74px;border-radius:50%;background-color:rgba(24,27,33,.62);border:1.5px solid var(--akz,#4DB8A4);display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .35s}
.vid__k span::after{content:"";width:0;height:0;margin-left:5px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--akz,#4DB8A4)}
@media (hover:hover){.vid__k:hover span{transform:scale(1.08);background-color:rgba(24,27,33,.82)}}
.vid figcaption{padding:15px 18px;border-top:1px solid #2E323C;background-color:#1F2229;display:grid;gap:5px}
.vid figcaption b{font-size:14.5px;color:#FFFFFF}
.vid figcaption span{font-size:13px;color:#A3ACBE;line-height:1.5}
.vband{position:relative;overflow:hidden;min-height:min(62vh,520px);display:flex;align-items:center}
.vband__f{position:absolute;inset:0;z-index:1}
.vband__f img,.vband__f video{width:100%;height:100%;object-fit:cover;opacity:.34}
.vband::after{content:"";position:absolute;inset:0;z-index:2;background-image:linear-gradient(100deg,rgba(16,19,24,.94) 22%,rgba(16,19,24,.55) 62%,rgba(16,19,24,.9))}
.vband__c{position:relative;z-index:3;padding:clamp(40px,6vw,86px) 0}
.vgal{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;align-items:start}
@media (max-width:900px){.vgal{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.vband__f video{display:none}}