@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#080808;--bg-1:#0f0f0f;--bg-2:#161616;--surface:#ffffff0a;--border:#ffffff14;--accent:#c8ff00;--accent-2:#ff3c00;--text:#f0f0f0;--text-muted:#7a7a7a;--text-dim:#3a3a3a;--font:"Space Grotesk", sans-serif;--mono:"Space Mono", monospace;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font);cursor:none;line-height:1.6;overflow-x:hidden}.cursor-dot{background:var(--accent);pointer-events:none;z-index:9999;width:8px;height:8px;transition:transform 80ms var(--ease);border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:9998;width:36px;height:36px;transition:transform .18s var(--ease), width .3s var(--ease), height .3s var(--ease), border-color .3s;border:1.5px solid #c8ff0080;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}h1,h2,h3,h4{letter-spacing:-.03em;font-weight:700;line-height:1.1}.display{letter-spacing:-.04em;font-size:clamp(4rem,12vw,11rem);font-weight:700;line-height:.93}.display-sm{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,5rem)}.label{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.accent-text{color:var(--accent)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,5vw,5rem)}.section{padding:clamp(5rem,12vw,10rem) 0}body:before{content:"";pointer-events:none;z-index:9997;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}nav{z-index:100;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:1.5rem clamp(1.5rem,5vw,5rem);display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--mono);letter-spacing:.1em;color:#fff;text-transform:uppercase;font-size:.85rem;text-decoration:none}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:#fff;letter-spacing:.05em;font-size:.85rem;text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:.5}.btn{font-family:var(--font);letter-spacing:.05em;cursor:none;transition:transform .2s var(--ease), background .2s;border:none;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#d4ff1a;transform:translateY(-2px)}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.card{background:var(--surface);border:1px solid var(--border);transition:border-color .3s, transform .3s var(--ease)}.card:hover{border-color:#c8ff004d;transform:translateY(-4px)}hr{border:none;border-top:1px solid var(--border)}.input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font);outline:none;padding:1rem 1.25rem;font-size:1rem;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:160px}.tag{border:1px solid var(--border);font-size:.75rem;font-family:var(--mono);color:var(--text-muted);letter-spacing:.05em;padding:.25rem .75rem;display:inline-block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-dim)}::selection{background:var(--accent);color:#000}.section-label{align-items:center;gap:1rem;margin-bottom:4rem;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.glow{filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.hero-copy{z-index:1;position:relative}.hero-copy>div{max-width:620px}.hero-lanyard{z-index:2;pointer-events:none;position:absolute;inset:0}@media (width<=900px){.hero-lanyard{display:none}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.nav-menue-knopf{color:#fff;font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.75rem;display:none}.nav-menue-striche{flex-direction:column;gap:5px;display:inline-flex}.nav-menue-striche span{background:currentColor;width:22px;height:1.5px;display:block}.nav-menue-striche span:last-child{align-self:flex-end;width:14px}.mobil-menue{z-index:150;background:var(--bg);opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility 0s linear .3s;flex-direction:column;padding:1rem 1.25rem 2rem;display:flex;position:fixed;inset:0}.mobil-menue.offen{opacity:1;visibility:visible;transition:opacity .3s var(--ease)}.mobil-menue-kopf{justify-content:space-between;align-items:center;min-height:3rem;display:flex}.mobil-menue-zu{border:1px solid var(--border);color:var(--text);background:0 0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.mobil-menue ul{margin-top:auto;margin-bottom:auto;list-style:none}.mobil-menue li{border-bottom:1px solid var(--border);opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease);transform:translateY(12px)}.mobil-menue.offen li{opacity:1;transform:none}.mobil-menue li a{letter-spacing:-.03em;color:var(--text);align-items:baseline;gap:1rem;padding:1.1rem 0;font-size:2.25rem;font-weight:700;text-decoration:none;display:flex}.mobil-menue li a.aktiv{color:var(--accent)}.mobil-menue-nr{font-family:var(--mono);letter-spacing:.15em;color:var(--text-muted);font-size:.7rem;font-weight:400}.mobil-menue-fuss{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:.7rem}@media (hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none}body,.btn,button,a{cursor:auto!important}}.hero-rolle{white-space:nowrap}@media (width<=767px){nav{padding:1rem 1.25rem}.nav-logo img{height:44px!important}.nav-links{display:none}.nav-menue-knopf{display:inline-flex}.hero-rolle{display:block}.hero-trenner{display:none}.hero-knoepfe{flex-direction:column}.hero-knoepfe .btn{justify-content:center;width:100%}.section-label{margin-bottom:2.5rem}.leistung{grid-template-columns:1.75rem 1fr;column-gap:1rem;display:grid;padding:1.5rem 1.25rem!important}.leistung>svg{grid-row:span 2;margin:.15rem 0 0!important}.leistung h3{margin-bottom:.25rem!important;font-size:1rem!important}.cta{flex-direction:column;padding-top:2rem;align-items:stretch!important;min-height:0!important}.cta-bild{aspect-ratio:1;-webkit-mask-image:radial-gradient(closest-side,#000 72%,#0000 100%);mask-image:radial-gradient(closest-side,#000 72%,#0000 100%);object-fit:cover!important;object-position:50% 45%!important;height:auto!important;position:relative!important}.cta-verlauf{display:none}.cta .container{padding-top:2rem}.filter-leiste{scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -1.5rem;padding:0 1.5rem;overflow-x:auto;flex-wrap:nowrap!important}.filter-leiste::-webkit-scrollbar{display:none}.filter-leiste>*{white-space:nowrap;flex-shrink:0}}.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#080808;position:relative}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}.logoloop__track{will-change:transform;-webkit-user-select:none;user-select:none;z-index:0;width:max-content;display:flex;position:relative}.logoloop--vertical .logoloop__track{flex-direction:column;width:100%;height:max-content}.logoloop__list{align-items:center;display:flex}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);flex:none;line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{color:#f0f0f073;align-items:center;transition:color .25s;display:inline-flex}.logoloop__item:hover .logoloop__node{color:#c8ff00}.logoloop__item img{height:var(--logoloop-logoHeight);object-fit:contain;width:auto;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform-origin:50%;transform:scale(1.2)}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1),color .25s}.logoloop__link{border-radius:4px;align-items:center;text-decoration:none;transition:opacity .2s;display:inline-flex}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline-offset:2px;outline:2px solid}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:10;width:clamp(40px,8%,140px);position:absolute;top:0;bottom:0}.logoloop--fade:before{background:linear-gradient(to right, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);left:0}.logoloop--fade:after{background:linear-gradient(to left, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);right:0}.logoloop__label{color:#c8ff00;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;z-index:20;background:#0f0f0ff2;border:1px solid #c8ff0033;padding:.25rem .6rem;font-family:Space Mono,monospace;font-size:.58rem;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px)}.logoloop__item{position:relative}.logoloop__item:hover .logoloop__label{opacity:1;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translate(0,0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}
