.landing{--bg-0:#070b14;--bg-1:#0b1220;--text:#e7eef9;--text-dim:#a9b9d0;--text-mute:#8f9cb6;--l-line:#7896c829;--l-line-strong:#7896c84d;--grid:#7896c812;--blue-bright:#2f6fd6;--blue-text:#7aaaf2;--l-cyan:#34d6ee;background:var(--bg-0);min-height:100dvh;color:var(--text);flex-direction:column;display:flex;position:relative;overflow:hidden}.landing:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(30deg, var(--grid) 0 1px, transparent 1px 46px), repeating-linear-gradient(-30deg, var(--grid) 0 1px, transparent 1px 46px);position:absolute;inset:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.who-logo,.who-mark{background:currentColor;display:block;-webkit-mask:url(/who-logo.svg) 50%/contain no-repeat;mask:url(/who-logo.svg) 50%/contain no-repeat}.who-mark{-webkit-mask-image:url(/who-logo-mark.svg);mask-image:url(/who-logo-mark.svg)}.l-head{z-index:5;pointer-events:none;color:var(--blue-bright);padding:24px 44px;position:absolute;top:0;left:0;right:0}.l-head .who-logo{width:clamp(51px,3.6vw,72px);height:clamp(44px,3.1vw,62px)}.l-foot{z-index:5;text-align:center;font:500 11px/1.4 var(--font-mono);letter-spacing:.1em;color:var(--text-mute);pointer-events:none;padding:18px;position:absolute;bottom:0;left:0;right:0}.l-split{--box:clamp(392px, 28vw, 600px);--gap:clamp(100px, 8vw, 170px);flex:1;min-height:640px;position:relative}.panel{align-items:center;padding:0 60px;transition:background-color .3s,opacity .3s;display:flex;position:absolute;inset:0}.panel-l{clip-path:polygon(0 0,57% 0,43% 100%,0 100%);background:var(--bg-1);justify-content:flex-start}.panel-r{clip-path:polygon(57% 0,100% 0,100% 100%,43% 100%);background:var(--bg-0);text-align:right;justify-content:flex-end}.panel-l:hover{background:#0f1a2e}.panel-r:hover{background:#0c1424}:is(.l-split:has(.panel-l:hover) .panel-r,.l-split:has(.panel-r:hover) .panel-l){opacity:.45}.panel:focus-visible{box-shadow:inset 0 0 0 3px var(--l-cyan);outline:none}.panel-in{flex:0 1 var(--box);flex-direction:column;align-items:flex-start;display:flex}.panel-l .panel-in{margin:0 calc(50vw - 60px + var(--gap)) 0 auto}.panel-r .panel-in{margin:0 auto 0 calc(50vw - 60px + var(--gap));align-items:flex-end}.panel-in,.werte>div{min-width:0}.sv-logo{background:#fff;border-radius:6px;width:clamp(50px,3.4vw,70px);height:clamp(50px,3.4vw,70px);margin-bottom:18px;padding:4px}.kick{font:600 clamp(11.5px, .72vw, 14px)/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--blue-text);align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-r .kick{flex-direction:row-reverse}.kick .no{letter-spacing:.06em;border:1px solid var(--l-line-strong);border-radius:6px;padding:5px 9px}.panel:hover .kick .no{border-color:var(--blue-text)}.panel h2{font:600 clamp(30px, 2.25vw, 48px)/1.12 var(--font-sans);letter-spacing:-.02em;color:var(--text);margin:0}.panel h2 span{font-size:.8em}.org{font:500 clamp(12px, .75vw, 14.5px)/1.5 var(--font-mono);color:var(--text-dim);margin:11px 0 13px}.panel p{color:var(--text-dim);max-width:34em;margin:0;font-size:clamp(14.5px,.92vw,18px);line-height:1.6}.modul{border:1px solid var(--l-line-strong);text-align:left;background:#080d1899;border-radius:10px;width:100%;margin-top:22px}.panel:hover .modul{border-color:var(--blue-text)}.modul-kopf{border-bottom:1px solid var(--l-line);font:600 clamp(10.5px, .66vw, 13px)/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;padding:9px 13px;display:flex}.panel-r .modul-kopf{flex-direction:row-reverse}.dot{background:var(--l-cyan);border-radius:999px;width:7px;height:7px}.dot-b{background:var(--blue-bright)}.werte{padding:13px;display:flex}.werte>div{border-left:1px solid var(--l-line);flex-direction:column;flex:1;gap:5px;padding:0 13px;display:flex}.werte>div:first-child{border-left:none;padding-left:0}.panel-r .werte>div{text-align:right}.werte small{font:500 clamp(9.5px, .6vw, 12px)/1.3 var(--font-mono);letter-spacing:.06em;color:var(--text-mute)}.werte b{font:500 clamp(17px, 1.1vw, 24px)/1 var(--font-mono);color:var(--text)}.panel-r .werte b{font:600 clamp(19px, 1.25vw, 27px)/1 var(--font-sans)}.werte i{color:var(--text-dim);margin-left:3px;font-size:.6em;font-style:normal}.go{border:1px solid var(--l-line-strong);font:600 clamp(14px, .88vw, 17px)/1 var(--font-sans);color:var(--text);border-radius:9px;gap:10px;margin-top:22px;padding:.93em 1.43em;transition:background-color .25s,border-color .25s,color .25s;display:inline-flex}.panel-l:hover .go{background:var(--l-cyan);border-color:var(--l-cyan);color:#04222a}.panel-r:hover .go{background:var(--blue-bright);border-color:var(--blue-bright);color:#fff}.seam{pointer-events:none;clip-path:polygon(56.9% 0,57.1% 0,43.1% 100%,42.9% 100%);background:#34d6ee73;position:absolute;inset:0}.mitte{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mitte-box{background:var(--bg-0);border:1px solid var(--l-line-strong);border-radius:16px;padding:16px}.mitte .who-mark{width:clamp(54px,3.6vw,78px);height:clamp(54px,3.6vw,78px);color:var(--l-cyan)}.mitte small{font:600 10.5px/1 var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--text-mute)}.intro{z-index:20;background:var(--bg-0);flex-direction:column;justify-content:center;align-items:center;animation:.9s 3.5s forwards i-aus;display:flex;position:absolute;inset:0}.intro:before{content:"";background-image:repeating-linear-gradient(30deg, var(--grid) 0 1px, transparent 1px 46px), repeating-linear-gradient(-30deg, var(--grid) 0 1px, transparent 1px 46px);position:absolute;inset:0}.i-top{color:var(--blue-text);flex-direction:column;align-items:center;gap:12px;animation:.6s both i-ein;display:flex;position:absolute;top:104px}.i-top .who-logo{width:37px;height:32px}.i-top small{font:500 11px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute)}.i-zahl,.i-wort{width:240px;display:grid;position:relative}.i-zahl>*,.i-wort>*{text-align:center;grid-area:1/1}.i-zahl{height:116px;font:700 104px/116px var(--font-sans)}.i-zahl .eins{color:var(--blue-text);animation:.5s .2s both i-ein,.45s 1.5s forwards i-aus}.i-zahl .zwei,.i-wort .zwei{color:var(--l-cyan);opacity:0;animation:.45s 1.5s forwards i-ein}.i-wort{font:600 12px/16px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);margin:2px 0 22px}.i-wort .eins{animation:.4s .2s both i-ein,.4s 1.5s forwards i-aus}.i-wuerfel{width:420px;height:124px;position:relative}.i-wuerfel svg{stroke-width:1.4px;stroke-linejoin:round;width:90px;height:104px;margin:-52px 0 0 -45px;position:absolute;top:50%;left:50%;overflow:visible}.i-wuerfel polygon{fill:#2f6fd629}.w-a{stroke:var(--l-cyan);animation:.6s .2s both i-ein,1.25s cubic-bezier(.5,.05,.2,1) 1.5s forwards w-links}.w-b{stroke:var(--blue-text);opacity:0;animation:.9s 1.5s forwards i-ein,1.25s cubic-bezier(.5,.05,.2,1) 1.5s forwards w-rechts}.i-namen{opacity:0;width:660px;max-width:100%;font:600 14px/1.35 var(--font-sans);margin-top:12px;animation:.6s 1.85s forwards i-ein;display:flex}.i-namen span{text-align:center;flex:1}.i-namen b{font:600 11px/1 var(--font-mono);color:var(--blue-text);letter-spacing:.1em}.i-namen small{color:var(--text-dim);font-size:11.5px}.i-satz{font:500 21px/1.3 var(--font-sans);opacity:0;animation:.6s 1.9s forwards i-ein;position:absolute;bottom:78px}.i-linie{background:#34d6ee99;width:2px;margin-left:-1px;animation:1s cubic-bezier(.5,.05,.2,1) 1.5s forwards i-linie;position:absolute;top:0;bottom:0;left:50%;transform:scaleY(0)}.intro-skip{z-index:21;background:var(--bg-1);border:1px solid var(--l-line-strong);color:var(--text-dim);font:600 11px/1 var(--font-mono);letter-spacing:.06em;cursor:pointer;border-radius:999px;padding:9px 14px;animation:.3s 3.5s forwards i-aus;position:absolute;bottom:22px;right:24px}.intro-skip:hover{color:var(--text);border-color:var(--text-mute)}@keyframes i-ein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes i-aus{to{opacity:0;visibility:hidden}}@keyframes w-links{to{transform:translate(-150px)}}@keyframes w-rechts{to{transform:translate(150px)}}@keyframes i-linie{to{transform:scaleY(1)}}.ohne-intro .intro,.ohne-intro .intro-skip{display:none}@media (max-width:860px){.l-head{padding:16px}.l-split{flex-direction:column;min-height:0;padding:60px 0 56px;display:flex}.panel{clip-path:none;padding:24px 16px;position:relative;inset:auto}.panel-r{text-align:left;border-top:2px solid #34d6ee73;justify-content:flex-start}.panel-in,.panel-l .panel-in,.panel-r .panel-in{flex:auto;align-items:flex-start;margin:0}.modul,.sv-logo{display:none}.go{margin-top:16px}.panel-r .kick,.panel-r .modul-kopf{flex-direction:row}.panel-r .werte>div{text-align:left}:is(.l-split:has(.panel-l:hover) .panel-r,.l-split:has(.panel-r:hover) .panel-l){opacity:1}.seam,.mitte{display:none}.panel h2{font-size:26px}.panel p{font-size:14px}.org{margin:8px 0 10px}.l-foot{padding:16px;font-size:10px}.werte>div{padding:0 8px}.i-wuerfel{width:300px}@keyframes w-links{to{transform:translate(-90px)}}@keyframes w-rechts{to{transform:translate(90px)}}.i-namen{padding:0 16px;font-size:12.5px}.i-satz{font-size:18px;bottom:64px}}