@font-face{font-family:Michroma;src:url(../fonts/Michroma-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-dark: #0a0b10;--bg-panel: #14161f;--neon-primary: #4DA2FF;--neon-secondary: #A9D2FF;--text-light: #e0e5ec;--text-muted: #8b92a5;--font-main: "Michroma", sans-serif;--font-heading: "Michroma", sans-serif}*{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid var(--neon-primary);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}body{background-color:var(--bg-dark);color:var(--text-light);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}html{overflow-x:hidden;scroll-padding-top:calc(var(--nav-height, 65px) + var(--banner-height, 0px) + 16px)}#particles{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:50;pointer-events:none;overflow:hidden}.particle{position:absolute;background:var(--neon-primary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:0;filter:drop-shadow(0 0 5px var(--neon-primary));animation:floatParticle linear infinite}@keyframes floatParticle{0%{transform:translateY(0) rotate(0) scale(.5);opacity:0}20%{opacity:.35}80%{opacity:.35}to{transform:translateY(-180px) rotate(360deg) scale(1.1);opacity:0}}.site-banner{display:flex;align-items:center;justify-content:center;gap:14px;position:fixed;top:0;left:0;width:100%;z-index:210;padding:18px 24px;background:linear-gradient(90deg,#8f1414,#c22,#8f1414);border-bottom:2px solid rgba(255,255,255,.35);box-shadow:0 3px 18px #cc222280;box-sizing:border-box;font-family:var(--font-main);font-size:1rem;letter-spacing:.06em;line-height:1.4;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}.site-banner a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.6)}.site-banner a:hover{border-bottom-color:#fff;opacity:.85}.site-banner__punkt{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 12px #ffffffe6;animation:bannerPuls 2s ease-in-out infinite}@keyframes bannerPuls{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.site-banner__punkt{animation:none}}nav.site-nav{display:flex;justify-content:space-between;align-items:center;padding:15px 50px;background:#0a0b10f2;position:fixed;width:100%;top:var(--banner-height, 0px);z-index:200;border-bottom:1px solid rgba(77,162,255,.2);transform:translateZ(0)}.logo{display:flex;align-items:center;text-decoration:none}.logo img{height:45px;width:auto;display:block}.nav-about-btn{display:inline-flex;align-items:center;padding:6px 14px;color:var(--neon-primary);background:#4da2ff14;border:1px solid rgba(77,162,255,.55);border-radius:999px;text-decoration:none;text-transform:uppercase;font-size:.72rem;letter-spacing:1.2px;font-weight:500;box-shadow:0 0 10px #4da2ff59,inset 0 0 8px #4da2ff1f;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;white-space:nowrap}.nav-about-btn:hover,.nav-about-btn:focus-visible{background:#4da2ff29;border-color:var(--neon-primary);box-shadow:0 0 16px #4da2ff8c,inset 0 0 10px #4da2ff33;transform:translateY(-1px);outline:none}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;width:30px;height:22px;cursor:pointer;z-index:250;transition:transform .3s ease;background:none;border:none;padding:0;box-sizing:border-box}.hamburger-menu span{display:block;width:100%;height:3px;background-color:var(--neon-primary);border-radius:1px;transition:all .3s ease;box-shadow:0 0 2px #4da2ff66}.hamburger-menu:hover span{background-color:var(--neon-secondary);box-shadow:0 0 12px var(--neon-secondary)}.hamburger-menu.active span:nth-child(1){transform:translateY(10.5px) rotate(45deg);background-color:var(--neon-secondary);box-shadow:0 0 15px var(--neon-secondary)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:translateY(-10.5px) rotate(-45deg);background-color:var(--neon-secondary);box-shadow:0 0 15px var(--neon-secondary)}.nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050508c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:80px 24px 40px;text-align:center;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .4s ease}.nav-overlay{visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.nav-overlay.active{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .4s ease,visibility 0s linear 0s}.nav-actions{display:flex;align-items:center;gap:12px}.lang-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;background:#4da2ff0f;border:1px solid rgba(77,162,255,.3);border-radius:4px;color:var(--text-light);cursor:pointer;font-family:inherit;font-size:.78rem;letter-spacing:1.5px;transition:background .3s ease,border-color .3s ease,color .3s ease}.lang-toggle:hover{background:#4da2ff26;border-color:var(--neon-primary);color:var(--neon-primary)}.lang-toggle:focus-visible{outline:2px solid var(--neon-primary);outline-offset:3px}.lang-flag{display:block;border-radius:1px;box-shadow:0 0 4px #00000080}.lang-code{font-weight:700}.lang-toast{position:fixed;top:80px;right:20px;max-width:320px;padding:14px 18px;background:var(--bg-panel);border:1px solid var(--neon-primary);border-left-width:3px;border-radius:4px;color:var(--text-light);font-size:.85rem;line-height:1.5;box-shadow:0 6px 20px #00000080;z-index:250;transform:translate(120%);opacity:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.lang-toast.visible{transform:translate(0);opacity:1}.lang-toast strong{color:var(--neon-primary);display:block;margin-bottom:4px;letter-spacing:1px}.nav-overlay a{color:var(--text-light);text-decoration:none;text-transform:uppercase;font-size:1.5rem;letter-spacing:2px;text-align:center;display:block;width:100%;padding:6px 0;transition:color .3s ease,transform .3s ease}.nav-overlay a:hover{color:var(--neon-primary);transform:scale(1.1);text-shadow:0 0 15px var(--neon-primary)}.breadcrumb-progress{position:fixed;top:var(--nav-height, 76px);left:0;height:2px;background:linear-gradient(90deg,#4da2ff8c,#a9d2ff66);width:0%;z-index:99;transition:width .1s ease-out}section{padding:80px 10vw 30px;position:relative;z-index:10}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;--bg-default: url(../images/blueport-desktop.jpg?v=1.192);background:linear-gradient(#0a0b102e,#0a0b1066),var(--hero-bg, var(--bg-default)) center var(--banner-height, 0px) / cover no-repeat;padding-top:calc(14px + var(--banner-height, 0px));padding-top:calc(max(14px,78px - 5.85vw) + var(--banner-height, 0px));padding-bottom:50px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:0;bottom:0;left:0;height:180px;background:linear-gradient(to bottom,rgba(10,11,16,0) 0%,var(--bg-dark) 88%);z-index:1;pointer-events:none}.hero+section{padding-top:40px}.hero-text{text-align:center;margin-bottom:0;z-index:10}.hero-text h1{font-size:3rem;line-height:1.2;margin-bottom:15px;font-family:var(--font-heading);font-weight:400;letter-spacing:2px}.hero-text .hl{color:var(--neon-primary)}.hero-deco-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-headline-svg{display:block;width:100%;max-width:1100px;margin:0 auto;position:relative;overflow:visible;z-index:10}.hero-headline-svg-mobile{display:none;width:100%;max-width:1100px;margin:0 auto;position:relative;overflow:visible;z-index:10}.hero-construct-wrap{position:absolute;left:36%;top:26%;width:34%;height:35%;margin:0;z-index:10}.hero-construct-svg{display:block;width:100%;height:100%;overflow:visible}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes riseUp{0%{opacity:0;transform:translateY(70px) scale(.85)}60%{opacity:1;transform:translateY(-4px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}.animated-beam{stroke:var(--neon-primary);stroke-opacity:.85;stroke-width:2.2;stroke-dasharray:280;stroke-dashoffset:280;animation:drawLine 1.6s cubic-bezier(.4,0,.2,1) forwards}.beam-1{animation-delay:2.5s}.beam-2{animation-delay:2.7s}.beam-3{animation-delay:2.9s}.beam-4{animation-delay:3.1s}.bottom-beam{stroke:url(#beamGrad);stroke-dasharray:600;stroke-dashoffset:600;animation:drawLine 1.5s ease-out forwards}.logo-group{opacity:0;transform:translateY(70px) scale(.85);animation:riseUp 1.2s cubic-bezier(.2,.8,.2,1) .3s forwards;cursor:pointer;transform-origin:center;transform-box:fill-box}.logo-group polygon{transition:stroke-width .3s ease,fill .3s ease}.logo-group:hover{transform:translateY(0) scale(1.04)!important}.logo-group:hover polygon{stroke-width:3.5;fill:#4da2ff2e;filter:drop-shadow(0 0 6px rgba(77,162,255,.55)) drop-shadow(0 0 14px rgba(77,162,255,.3))}.logo-group:focus{outline:none}.logo-group:focus-visible polygon{stroke-width:6;fill:var(--neon-primary);filter:drop-shadow(0 0 25px var(--neon-primary)) drop-shadow(0 0 50px var(--neon-primary))}.logo-trace-rect{fill:none;stroke:url(#traceGrad-logo);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px rgba(77,162,255,.6));transition:stroke-dashoffset 2.4s cubic-bezier(.4,0,.2,1);pointer-events:none}.logo-group.is-traced .logo-trace-rect{stroke-dashoffset:0}.logo-image{filter:drop-shadow(0 0 5px rgba(255,255,255,.85)) drop-shadow(0 0 12px rgba(255,255,255,.5)) drop-shadow(0 0 20px rgba(255,255,255,.25))}.center-hex-bg{fill:#050c1659;stroke:none}.center-hex-stroke{fill:none;stroke:var(--neon-primary);stroke-width:1.1;stroke-linejoin:round;filter:url(#glow);transition:stroke-width .3s ease}.center-hex-text{font-family:var(--font-heading);font-size:26px;font-weight:400;letter-spacing:2px;text-transform:lowercase;fill:#4da2ff52;stroke:var(--neon-primary);stroke-width:1;stroke-linejoin:round;pointer-events:none}.logo-group:hover .center-hex-stroke{stroke-width:3}.node-hex-trace{display:none}.node-hex.is-traced .node-hex-trace{stroke-dashoffset:0}@keyframes subtlePulse{0%,to{stroke:#4da2ff8c;fill:#14161fe0}50%{stroke:#4da2ffd9;fill:#4da2ffa6}}.node-hex{cursor:pointer;opacity:0;transform:translateY(70px)}.node-1{animation:riseUp 1s cubic-bezier(.2,.8,.2,1) .9s forwards}.node-2{animation:riseUp 1s cubic-bezier(.2,.8,.2,1) 1.1s forwards}.node-3{animation:riseUp 1s cubic-bezier(.2,.8,.2,1) 1.3s forwards}.node-4{animation:riseUp 1s cubic-bezier(.2,.8,.2,1) 1.5s forwards}.node-hex polygon{transition:stroke .3s ease,fill .3s ease;stroke:#4da2ff59;stroke-width:1.8;fill:#14161fd9}.node-1 polygon{animation:subtlePulse 9s ease-in-out 0s infinite}.node-2 polygon{animation:subtlePulse 9s ease-in-out 2.25s infinite}.node-3 polygon{animation:subtlePulse 9s ease-in-out 4.5s infinite}.node-4 polygon{animation:subtlePulse 9s ease-in-out 6.75s infinite}.node-hex:hover polygon{stroke:var(--neon-primary);fill:#4da2ff47;filter:drop-shadow(0 0 18px rgba(77,162,255,.7)) drop-shadow(0 0 35px rgba(77,162,255,.35))}.node-hex:hover .svg-text{fill:var(--neon-primary)}.node-hex:focus{outline:none}.node-hex:focus-visible{outline:none}.node-hex:focus-visible polygon{filter:drop-shadow(0 0 10px var(--neon-primary)) drop-shadow(0 0 22px rgba(77,162,255,.6));stroke-width:3.5}.node-hex{outline:none}.bg-hex{fill:none;stroke:var(--neon-primary);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}@keyframes bgHexDrift{0%,to{opacity:0;transform:translateY(0)}50%{opacity:.35;transform:translateY(-12px)}}.bg-hex-1{animation:bgHexDrift 8s ease-in-out 0s infinite}.bg-hex-2{animation:bgHexDrift 11s ease-in-out 2s infinite}.bg-hex-3{animation:bgHexDrift 9s ease-in-out 4s infinite}.bg-hex-4{animation:bgHexDrift 10s ease-in-out 1.5s infinite}.bg-hex-5{animation:bgHexDrift 12s ease-in-out 3.5s infinite}.bg-hex-6{animation:bgHexDrift 9.5s ease-in-out 5.5s infinite}.svg-text{fill:#fff;font-size:17px;font-weight:500;letter-spacing:.7px;pointer-events:none}.svg-subtext{fill:var(--text-muted);font-size:0;pointer-events:none}.svg-text-small{font-size:14px;font-weight:500}.section-title{text-align:center;font-size:2rem;margin-bottom:20px;letter-spacing:3px;color:var(--text-light);text-transform:uppercase;font-family:var(--font-heading);font-weight:400}.profil{background:var(--bg-panel)}.profil-inner{display:flex;gap:40px;align-items:center;max-width:1000px;margin:0 auto;flex-wrap:wrap;justify-content:center}.profil-portrait{width:200px;height:200px;background:#2a2d3e;border-radius:5px;display:flex;align-items:center;justify-content:center;border:1px solid var(--neon-primary);overflow:hidden;flex-shrink:0;box-shadow:0 0 15px #4da2ff1a}.profil-portrait img{width:100%;height:100%;object-fit:cover}.profil-body{flex:1;min-width:300px}.profil-body p{margin-bottom:20px;color:var(--text-light);font-size:1.1rem;line-height:1.8}.profil-cta{display:inline-block;padding:12px 24px;border:1px solid var(--neon-primary);color:var(--neon-primary);background-color:transparent;text-decoration:none;cursor:pointer;border-radius:4px;transition:all .3s;font-weight:700;letter-spacing:1px;font-size:.9rem;text-transform:uppercase}.profil-cta:hover{background-color:var(--neon-primary);color:var(--bg-dark);box-shadow:0 0 15px #4da2ff66}.referenzen-intro{text-align:center;margin-bottom:40px;color:var(--text-muted)}.slider-container{max-width:100vw;margin:0 auto;position:relative;padding:60px 0;display:flex;align-items:center;justify-content:center;flex-direction:column}.carousel-track{position:relative;width:100%;max-width:1000px;height:300px;display:flex;justify-content:center;align-items:center}.carousel-hex{position:absolute;transition:all .6s cubic-bezier(.25,1,.5,1);cursor:pointer;background:none;border:none;padding:0;font:inherit}.carousel-hex.active{transform:translate(0) scale(1);z-index:5;opacity:1;filter:drop-shadow(0 0 20px var(--neon-primary))}.carousel-hex.prev-1{transform:translate(-180px) scale(.8);z-index:4;opacity:.7;filter:blur(1px)}.carousel-hex.next-1{transform:translate(180px) scale(.8);z-index:4;opacity:.7;filter:blur(1px)}.carousel-hex.prev-2{transform:translate(-340px) scale(.6);z-index:3;opacity:.55;filter:blur(3px)}.carousel-hex.next-2{transform:translate(340px) scale(.6);z-index:3;opacity:.55;filter:blur(3px)}.carousel-hex.hidden{transform:translate(0) scale(.4);z-index:1;opacity:0;pointer-events:none}.carousel-hex:hover.active{transform:translate(0) scale(1.05);filter:drop-shadow(0 0 30px var(--neon-secondary))}.carousel-hex:hover:not(.active){opacity:1;filter:blur(0px)}.slider-hexagon{position:relative;width:240px;height:270px;background:var(--bg-panel);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;overflow:hidden;text-align:center;padding:0;border:1px solid rgba(255,255,255,.05)}.slider-hexagon:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#0505088c);z-index:0;pointer-events:none;transition:opacity .3s ease}.carousel-hex.active .slider-hexagon:before,.carousel-hex:hover .slider-hexagon:before{opacity:1}.carousel-hex:not(.active):not(:hover) .slider-hexagon:before{opacity:.7}.slider-hexagon .hex-preview-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.6;transition:opacity .4s ease,transform .6s ease;pointer-events:none}.carousel-hex.active .slider-hexagon .hex-preview-image,.carousel-hex:hover .slider-hexagon .hex-preview-image{opacity:.9;transform:scale(1.04)}.slider-hexagon .hex-action-btn{font-size:.68rem;font-weight:600;color:var(--neon-primary);background:#4da2ff14;border:1px solid rgba(77,162,255,.4);padding:4px 14px;border-radius:12px;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none;display:inline-block;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease;pointer-events:auto}.carousel-hex:hover .hex-action-btn,.carousel-hex.active .hex-action-btn{opacity:1;transform:translateY(0)}.carousel-hex:hover .hex-action-btn:hover{background:var(--neon-primary);color:#050508;border-color:var(--neon-primary)}.slider-controls{display:flex;justify-content:center;gap:40px;margin-top:20px;z-index:10}.slider-btn{background:var(--bg-panel);border:1px solid var(--neon-primary);color:var(--neon-primary);width:55px;height:55px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.5rem;box-shadow:0 0 10px #4da2ff33;padding:0}.slider-btn__pfeil{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.slider-btn:hover{background:var(--neon-primary);color:#fff;box-shadow:0 0 25px var(--neon-primary);transform:scale(1.1)}.carousel-counter{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;color:var(--text-muted);font-size:.85rem;letter-spacing:1px}.carousel-counter .counter-current{color:var(--neon-primary);font-size:1.1rem;min-width:1.5em;text-align:right}.carousel-counter .counter-divider{opacity:.4}.carousel-counter .counter-total{min-width:1.5em;text-align:left}.partner-section .partner-intro{text-align:center;margin-bottom:30px;color:var(--text-muted)}.partner-section .slider-container--small{margin-top:20px}.partner-section .slider-hexagon--small{width:130px;height:145px;padding:0}.partner-section .hex-preview-image{object-fit:contain;padding:14px;opacity:.85}.partner-section .carousel-hex.active .hex-preview-image,.partner-section .carousel-hex:hover .hex-preview-image{opacity:1;transform:scale(1.06)}.partner-section .slider-hexagon--small .hex-content{padding:30px 8px 8px;gap:4px}.partner-section .slider-hexagon--small .hex-preview-text{font-size:.72rem;font-weight:500;line-height:1.15;letter-spacing:.2px}.partner-section .carousel-hex--small.prev-1{transform:translate(-105px) scale(.8)}.partner-section .carousel-hex--small.next-1{transform:translate(105px) scale(.8)}.partner-section .carousel-hex--small.prev-2{transform:translate(-200px) scale(.6)}.partner-section .carousel-hex--small.next-2{transform:translate(200px) scale(.6)}@media(min-width:901px){.partner-section .carousel-hex--small.prev-2,.partner-section .carousel-hex--small.next-2{display:none}}.lightbox-cta{display:inline-block;margin-top:18px;padding:10px 22px;background:transparent;border:1px solid var(--neon-primary);color:var(--neon-primary);text-decoration:none;border-radius:4px;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.lightbox-cta:hover{background:var(--neon-primary);color:#fff;box-shadow:0 0 20px var(--neon-primary)}.lightbox-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--neon-primary);text-decoration:none;font-size:.9rem;letter-spacing:.3px;border-bottom:1px solid rgba(77,162,255,.4);padding-bottom:1px;transition:border-color .2s ease,color .2s ease}.lightbox-link[hidden]{display:none}.lightbox-link:hover{color:#fff;border-bottom-color:var(--neon-primary)}.lightbox-link__icon{font-size:1.1rem;line-height:1}.nav-intro-content{max-width:520px;padding:36px 40px 32px}.hex-intro-modal .nav-intro-content{max-width:560px}.hex-intro-position{margin-top:18px;font-size:.8rem;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase}.nav-intro-modal .lightbox-title{font-size:1.5rem;margin-bottom:14px;font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;color:var(--neon-primary)}.nav-intro-modal .lightbox-desc{font-size:1rem;line-height:1.6;color:var(--text-light)}.lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:linear-gradient(#050508c7,#050508db),url(../images/blueport-desktop.jpg?v=1.192) center/cover no-repeat;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:20px}.lightbox{visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.lightbox.active{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s}.lightbox-content{background:var(--bg-panel);border:1px solid rgba(77,162,255,.3);border-radius:8px;max-width:800px;width:100%;overflow:hidden;position:relative;box-shadow:0 0 30px #4da2ff33;transform:scale(.9);transition:transform .3s ease;max-height:calc(100vh - 40px);display:flex;flex-direction:column}@media(max-width:700px){.lightbox-content{max-height:78vh}}@supports (height: 100svh){.lightbox-content{max-height:calc(100svh - 40px)}}.lightbox-content>.lightbox-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.lightbox.active .lightbox-content{transform:scale(1)}.lightbox-close{position:absolute;top:15px;right:20px;font-size:2rem;color:var(--text-light);cursor:pointer;transition:color .2s;z-index:10;background:none;border:none;font-family:inherit;line-height:1}.lightbox-close:hover{color:var(--neon-secondary)}.lightbox-prev,.lightbox-next{position:static;flex:0 0 auto;transform:none;background:var(--bg-panel);border:1px solid var(--neon-primary);color:var(--neon-primary);width:55px;height:55px;font-size:1.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-family:inherit;z-index:5}.lightbox-prev{margin-right:16px}.lightbox-next{margin-left:16px}.lightbox-prev:hover,.lightbox-next:hover{background:var(--neon-primary);color:var(--bg-panel);transform:scale(1.05)}.lightbox-body{display:flex;flex-direction:column}.lightbox-img-wrapper{width:100%;height:350px;background:#0a0b10;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:12px;overflow:hidden;padding:20px;box-shadow:inset 0 0 0 1px #4da2ff2e}.lightbox-img-wrapper img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;margin:auto;border-radius:8px;box-shadow:0 6px 22px #0000008c,0 0 0 1px #0006}.lightbox-text-wrapper{padding:30px}.lightbox-title{font-size:1.5rem;color:var(--text-light);margin-bottom:15px}.lightbox-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.about-lightbox-body{display:flex;flex-direction:row;align-items:stretch}.about-lightbox-img-wrapper{width:240px;flex-shrink:0;background:#0f1015;border-bottom:none;border-right:1px solid rgba(77,162,255,.2);display:flex;align-items:center;justify-content:center;padding:24px}.about-lightbox-img-wrapper img{width:100%;height:auto;max-height:320px;object-fit:cover;border-radius:12px}.about-lightbox-text-wrapper{flex:1;padding:30px}.modal-trace{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}.modal-trace-rect{fill:none;stroke:var(--modal-gradient, var(--neon-primary));stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 8px rgba(77,162,255,.7)) drop-shadow(0 0 18px rgba(77,162,255,.4));transition:stroke-dashoffset 2s cubic-bezier(.4,0,.2,1)}.lightbox.active .modal-trace-rect{stroke-dashoffset:0}.modal-trace-trail{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:.08 .92;filter:drop-shadow(0 0 5px rgba(77,162,255,1)) drop-shadow(0 0 12px rgba(169,210,255,.7));animation:modalTrail 3.5s linear infinite;pointer-events:none;stroke-dashoffset:0}@keyframes modalTrail{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1}}.about-lightbox{--modal-gradient: url(#traceGrad-about)}.hex-intro-modal{--modal-gradient: url(#traceGrad-hex)}.project-lightbox{--modal-gradient: url(#traceGrad-project)}.partner-lightbox{--modal-gradient: url(#traceGrad-partner)}.lightbox-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:radial-gradient(circle,#2a1b4e,#0a0b10);color:var(--neon-primary);font-size:1.5rem;letter-spacing:2px;text-transform:uppercase}.form-honeybear{visibility:hidden;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.contact-container{background:var(--bg-panel);padding:34px;border-radius:10px;border:1px solid rgba(77,162,255,.55);box-shadow:0 0 14px #4da2ff47;max-width:1000px;margin:0 auto}.kontakt{padding-top:44px;padding-bottom:24px}.service-selection{display:flex;flex-wrap:nowrap;gap:10px;margin-bottom:22px}.service-box{flex:1 1 0;min-width:0;position:relative;padding:10px 8px;text-align:center;cursor:pointer;transition:color .3s,background .3s,border-color .3s,box-shadow .3s;font-size:.8rem;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-light);background:#0a0b1099;border:1px solid var(--text-muted);border-radius:6px}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:inherit;transition:color .2s ease,transform .2s ease}.service-icon svg{width:100%;height:100%}.service-label{font-size:.78rem;letter-spacing:.3px}.service-radio{position:absolute;opacity:0;pointer-events:none}.service-box:hover,.service-box:has(.service-radio:checked){color:var(--neon-primary);border-color:var(--neon-primary);background:#4da2ff1a;box-shadow:0 0 12px #4da2ff59,inset 0 0 12px #4da2ff14}.service-box:hover .service-icon,.service-box:has(.service-radio:checked) .service-icon{transform:scale(1.1)}.service-box:has(.service-radio:focus-visible){outline:2px solid var(--neon-primary);outline-offset:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.input-group{display:flex;flex-direction:column}.input-group label{font-size:.85rem;margin-bottom:5px;color:var(--text-muted)}input[type=text],input[type=email],textarea{width:100%;padding:10px 12px;background:#0000004d;border:1px solid #2a2d3e;color:#fff;border-radius:4px;transition:all .3s;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--neon-primary);box-shadow:0 0 10px #4da2ff33}@media(hover:none)and (pointer:coarse){input[type=text],input[type=email],input[type=tel],textarea{font-size:16px}}.full-width{grid-column:span 2}.form-notice{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding:14px 18px;border:1px solid rgba(77,162,255,.45);border-left-width:3px;border-radius:4px;background:#0a162cd9}.form-notice p{margin:0;font-family:var(--font-main);font-size:.82rem;letter-spacing:.03em;line-height:1.5;color:var(--text-light)}.form-notice__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid currentColor;border-radius:50%;color:var(--neon-primary)}.form-notice__icon svg{width:14px;height:14px}.form-notice--error{border-color:#ff6b6b80;background:#2c0e0ed9}.form-notice--error .form-notice__icon{color:#ff6b6b}.upload-group{margin-bottom:14px}.formate-liste{margin:6px 0 0;padding:8px 12px;border:1px solid rgba(77,162,255,.5);border-radius:4px;background:#081224f7;color:var(--text-light);font-family:var(--font-main);font-size:.66rem;letter-spacing:.04em;line-height:1.7}.upload-hinweis{position:relative;font-size:.72rem;color:var(--text-muted);margin:0 0 6px;line-height:1.4}.contact-container .dropzone{min-height:0;border:1px dashed rgba(77,162,255,.35);border-radius:5px;background:#0a0b1066;margin-top:10px;padding:10px 16px;transition:border-color .3s ease,background .3s ease;cursor:pointer}.contact-container .dropzone.dz-drag-hover,.contact-container .dropzone:hover{border-color:var(--neon-primary);background:#4da2ff12}.contact-container .dropzone .dz-message,.contact-container .dropzone .dz-default.dz-message{position:static;top:auto;margin:0;transform:none;text-align:center}.contact-container .dropzone.dz-started .dz-message{display:block}.contact-container .dropzone .dz-message .dz-button{display:block;width:100%;padding:0;border:0;background:none;color:var(--text-muted);font-family:var(--font-main);font-size:.72rem;letter-spacing:.06em;line-height:1.5;cursor:pointer}.contact-container .dropzone:hover .dz-message .dz-button{color:var(--neon-primary)}.contact-container .dropzone .dz-message .dz-button:before{content:"\2191";display:block;width:26px;height:26px;margin:0 auto 6px;border:1px solid rgba(77,162,255,.45);border-radius:50%;font-family:system-ui,sans-serif;font-size:.85rem;line-height:24px;color:var(--neon-primary)}.contact-container .dropzone .dz-preview,.contact-container .dropzone .dz-preview.dz-image-preview,.contact-container .dropzone .dz-preview.dz-file-preview{display:flex;align-items:center;gap:10px;position:relative;width:100%;min-height:0;margin:12px 0 0;padding:11px 12px;overflow:hidden;border:1px solid rgba(77,162,255,.5);border-left:3px solid var(--neon-primary);border-radius:4px;background:#0e1e3aeb}.contact-container .dropzone .dz-preview .dz-success-mark,.contact-container .dropzone .dz-preview .dz-error-mark{display:none}.contact-container .dropzone .dz-preview .dz-image{display:block;flex:0 0 auto;width:44px;height:44px;overflow:hidden;border:1px solid rgba(77,162,255,.35);border-radius:3px;background:#050c16cc center / 20px 20px no-repeat;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234DA2FF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3C/svg%3E");transition:width .25s ease,height .25s ease}.contact-container .dropzone .dz-preview .dz-image img{display:block;width:100%;height:100%;object-fit:cover}.contact-container .dropzone .dz-preview .dz-zoom{display:block;flex:0 0 auto;position:relative;width:44px;height:44px;padding:0;border:0;border-radius:3px;overflow:hidden;background:none;cursor:zoom-in}.contact-container .dropzone .dz-preview .dz-zoom:focus-visible{outline:2px solid var(--neon-primary);outline-offset:2px}.contact-container .dropzone .dz-preview .dz-zoom-lupe{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:#050c16b8;color:var(--neon-primary);opacity:0;transition:opacity .2s ease;pointer-events:none}.contact-container .dropzone .dz-preview .dz-zoom-lupe svg{width:18px;height:18px}.contact-container .dropzone .dz-preview .dz-zoom:hover .dz-zoom-lupe,.contact-container .dropzone .dz-preview .dz-zoom:focus-visible .dz-zoom-lupe{opacity:1}@media(hover:none){.contact-container .dropzone .dz-preview .dz-zoom-lupe{opacity:1;background:#050c1673}}.contact-container .dropzone .dz-preview .dz-details{display:flex;flex:1 1 auto;align-items:baseline;gap:8px;position:static;min-width:0;padding:0;opacity:1}.contact-container .dropzone .dz-preview .dz-details .dz-filename{order:1;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-container .dropzone .dz-preview .dz-details .dz-size{order:2;flex:0 0 auto;margin:0;font-size:.68rem;color:var(--text-muted)}.contact-container .dropzone .dz-preview .dz-details .dz-filename span,.contact-container .dropzone .dz-preview .dz-details .dz-size span,.contact-container .dropzone .dz-preview:hover .dz-details .dz-filename span{padding:0;border:0;background:none;color:#fff;font-family:var(--font-main);font-size:.72rem}.contact-container .dropzone .dz-preview .dz-details .dz-size span{color:var(--text-muted);font-size:.66rem}.contact-container .dropzone .dz-preview .dz-progress{position:absolute;inset:auto 0 0;width:auto;height:4px;margin:0;border-radius:0;background:#ffffff14;animation:none}.contact-container .dropzone .dz-preview .dz-progress .dz-upload{background:var(--neon-primary)}.contact-container .dropzone .dz-preview .dz-prozent{margin-left:8px;color:var(--neon-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.contact-container .dropzone .dz-preview .dz-prozent:empty{display:none}.contact-container .dropzone .dz-preview.dz-success .dz-progress{display:none}.contact-container .dropzone .dz-preview .dz-error-message{position:static;top:auto;left:auto;width:auto;min-width:0;padding:0;border-radius:0;opacity:1;background:none;color:#ff6b6b;font-family:var(--font-main);font-size:.66rem}.contact-container .dropzone .dz-preview .dz-error-message:after{display:none}.contact-container .dropzone .dz-preview .dz-remove{display:flex;flex:0 0 auto;align-items:center;justify-content:center;position:static;top:auto;right:auto;width:44px;height:44px;margin:-12px -12px -12px 0;border:0;border-radius:0;background:none;color:var(--text-muted);font-size:1.1rem;font-weight:400;line-height:1;text-decoration:none}.contact-container .dropzone .dz-preview .dz-remove:hover{color:var(--neon-primary)}.upload-vorschau .lightbox-content{max-width:720px}.upload-vorschau .lightbox-img-wrapper{height:420px}.upload-vorschau .lightbox-title{font-size:1.1rem;overflow-wrap:anywhere}.upload-vorschau .lightbox-text-wrapper{padding:20px 24px 24px}.upload-vorschau-typ{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:20px;text-align:center}.upload-vorschau-symbol{display:block;color:var(--neon-primary);opacity:.75}.upload-vorschau-symbol svg{width:56px;height:56px}.upload-vorschau-endung{font-family:var(--font-heading);font-size:1.4rem;letter-spacing:2px;color:var(--neon-primary)}.upload-vorschau-hinweis{max-width:320px;font-size:.78rem;line-height:1.5;color:var(--text-muted)}@media(max-width:700px){.upload-vorschau .lightbox-img-wrapper{height:260px}.upload-vorschau-symbol svg{width:44px;height:44px}.upload-vorschau-endung{font-size:1.15rem}}.dsgvo-check{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-muted);margin-bottom:14px;width:100%;max-width:100%;box-sizing:border-box;flex-wrap:wrap;overflow-wrap:break-word}.dsgvo-check label{flex:1 1 0;min-width:0}.dsgvo-check input[type=checkbox]{flex-shrink:0}.submit-btn{width:100%;padding:13px;background:linear-gradient(90deg,var(--neon-primary),var(--neon-secondary));color:var(--bg-dark);border:none;border-radius:4px;font-size:1rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #4da2ff66}.form-hint{margin-top:18px;padding:12px 14px;text-align:center;color:var(--text-muted);font-size:.78rem;line-height:1.5;border-top:1px dashed rgba(255,255,255,.08)}.form-hint strong{color:var(--neon-primary);font-weight:400;letter-spacing:.5px}.textarea-wrapper{position:relative}.textarea-wrapper textarea{padding-bottom:28px}.char-counter{position:absolute;right:10px;bottom:8px;font-size:.65rem;color:var(--text-muted);font-family:var(--font-main);letter-spacing:.5px;pointer-events:none;user-select:none;transition:color .2s ease}.char-counter--warning{color:#ffb74d}.form-error{display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:6px;padding:7px 10px;color:#ff6b6b;background:#ff6b6b0f;border:1px solid rgba(255,107,107,.4);border-left:3px solid #ff6b6b;border-radius:3px;font-size:.78rem;line-height:1.4;letter-spacing:.3px;word-wrap:break-word;overflow-wrap:break-word}.input-group,.dsgvo-check{width:100%;max-width:100%;box-sizing:border-box}.input-group input.invalid,.input-group textarea.invalid{border-color:#ff6b6b;box-shadow:0 0 8px #ff6b6b40}.dsgvo-check input.invalid+label,.dsgvo-check:has(input.invalid){color:#ff6b6b}footer{background:#050508;padding:50px 10vw}.partner-tabs{display:flex;justify-content:center;gap:40px;margin-bottom:40px;border-bottom:1px solid #2a2d3e;padding-bottom:20px}.partner-tabs span{color:var(--text-muted);text-transform:uppercase;font-size:.9rem;cursor:pointer}.partner-tabs span:hover{color:var(--neon-primary)}.footer-links{display:flex;justify-content:center;gap:20px;font-size:.85rem;color:var(--text-muted)}.footer-links a{color:var(--text-muted);text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:var(--neon-primary);text-shadow:0 0 10px var(--neon-primary),0 0 20px var(--neon-primary)}.site-footer{padding:22px 20px 46px;position:relative;display:flex;flex-direction:column;gap:0}.footer-content{display:flex;align-items:flex-start;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:40px;flex-direction:column;align-items:center;text-align:center}.footer-portrait-block{position:absolute;bottom:30px;left:30px;display:flex;align-items:center;gap:12px;z-index:1;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:14px;transition:transform .3s ease}.footer-portrait-block:hover{transform:scale(1.03)}.footer-portrait-block:focus-visible{outline:2px solid var(--neon-primary);outline-offset:6px}.footer-portrait-trace-rect{display:none}.footer-portrait-trail{display:none}.footer-portrait-btn,.footer-portrait-labels{position:relative;z-index:1}.footer-portrait-btn{background:none;border:2px solid var(--neon-primary);border-radius:50%;padding:2px;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;flex-shrink:0;box-shadow:0 0 8px #4da2ff66,inset 0 0 4px #4da2ff26}.footer-portrait-btn:hover{border-color:var(--neon-secondary);box-shadow:0 0 14px #4da2ff99,inset 0 0 6px #4da2ff40;transform:scale(1.05)}.footer-portrait-btn:focus-visible{outline:2px solid var(--neon-primary);outline-offset:4px}.footer-portrait{display:block;width:80px;height:80px;object-fit:cover;object-position:center 30%}.footer-portrait-labels,.footer-portrait-label,.footer-portrait-hint{display:none}.footer-text{display:flex;flex-direction:column;align-items:center;gap:14px}.footer-copyright{color:var(--text-muted);font-size:.85rem;margin:0}.back-to-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--neon-primary);background:#0a0b10e6;border:1px solid rgba(77,162,255,.4);border-radius:50%;cursor:pointer;z-index:180;box-shadow:0 2px 12px #0009;transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;opacity:.85}.back-to-top[hidden]{display:none}.back-to-top:hover{background:var(--neon-primary);color:var(--bg-dark);border-color:var(--neon-primary);transform:translateY(-2px);box-shadow:0 6px 20px #4da2ff73;opacity:1}.back-to-top:focus-visible{outline:2px solid var(--neon-primary);outline-offset:4px}@media(max-width:600px){.back-to-top{bottom:20px;right:20px;width:40px;height:40px}}.page-content{max-width:800px;margin:0 auto}.page-title{color:var(--text-light);font-size:2rem;letter-spacing:2px;margin-bottom:20px;font-family:var(--font-heading);font-weight:400}.page-content p{margin-bottom:12px;color:var(--text-light)}.page-content a{color:var(--neon-primary)}.error-page{text-align:center;padding:60px 20px}.error-page .page-title{font-size:2.4rem;margin-bottom:25px}.error-meta{margin-top:30px;color:var(--text-muted);font-size:.85rem;letter-spacing:2px;text-transform:uppercase}.error-code{display:inline-block;padding:6px 14px;border:1px solid rgba(77,162,255,.3);border-radius:3px;color:var(--neon-primary)}@media(max-width:900px){section{padding:60px 6vw 25px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.carousel-hex.prev-2,.carousel-hex.next-2{display:none}}@media(max-width:600px){.hero{min-height:74vh;min-height:max(74vh,430px);padding-top:calc(var(--nav-height, 56px) + var(--banner-height, 0px) + 18px);padding-bottom:20px;--bg-default: url(../images/blueport-mobile.jpg?v=1.192) !important;background-size:cover!important;background-position:center center!important}.hero:after{content:"";position:absolute;right:0;bottom:0;left:0;height:120px;background:linear-gradient(to bottom,rgba(10,11,16,0) 0%,var(--bg-dark) 88%);z-index:1;pointer-events:none}.site-banner{padding:14px 16px;font-size:.85rem;gap:10px}.site-banner__punkt{width:9px;height:9px}nav.site-nav{padding:15px 20px}.nav-overlay{gap:16px;padding:90px 16px 40px}.nav-overlay a{font-size:1.15rem;letter-spacing:1.5px}.service-selection{flex-wrap:wrap}.service-box{flex:1 1 calc(50% - 5px);padding:10px 6px;gap:4px}.service-icon{width:20px;height:20px}.service-label{font-size:.75rem}.hero-text h1{font-size:2rem}.hero-construct-wrap{left:52%;top:calc(107px + 17.8vw + var(--banner-height, 0px));bottom:130px;width:46%;height:auto;min-height:120px}.svg-subtext{font-size:8px}.section-title{font-size:1.4rem}.slider-hexagon{width:180px;height:200px;padding:0}.carousel-hex.prev-1{transform:translate(-110px) scale(.75)}.carousel-hex.next-1{transform:translate(110px) scale(.75)}.carousel-hex.prev-2,.carousel-hex.next-2{display:none}.partner-section .slider-hexagon--small{width:110px;height:122px;padding:0}.partner-section .carousel-hex--small.prev-1{transform:translate(-85px) scale(.75)}.partner-section .carousel-hex--small.next-1{transform:translate(85px) scale(.75)}.partner-section .carousel-hex--small.prev-2,.partner-section .carousel-hex--small.next-2{display:none}.service-selection{flex-wrap:wrap;gap:8px}.service-box{flex:1 1 calc(50% - 4px)}.contact-container{padding:20px;max-width:100%}.input-group input,.input-group textarea{padding:10px 12px}.form-grid{gap:12px}.footer-about-modal-frame{padding:12px 16px}.footer-about-modal-frame h4{font-size:.9rem}.footer-about-modal-frame p{font-size:.82rem}.lightbox-img-wrapper{height:220px;padding:12px}.lightbox-prev,.lightbox-next{width:36px;height:36px;font-size:1.3rem}.hero-headline-svg{display:none}.hero-headline-svg-mobile{display:block}.word-1d,.word-2d,.word-3d,.dash-1d,.dash-2d{display:none}.mobile-headline-stack{display:block}.center-hex-text{font-size:26px;letter-spacing:1px;stroke-width:.9}.svg-text{font-size:19px}.svg-text-small{font-size:15px}.lightbox{padding:10px}.lightbox-content{max-width:92%}.about-lightbox-body{flex-direction:column}.about-lightbox-img-wrapper{width:100%;height:200px;border-right:none;border-bottom:1px solid rgba(77,162,255,.2);padding:12px}.about-lightbox-img-wrapper img{max-height:180px;object-position:center 30%}.about-lightbox-text-wrapper{padding:16px 18px 20px}.lightbox-title{font-size:1.05rem;margin-bottom:10px;line-height:1.3}.lightbox-desc{font-size:.82rem;line-height:1.5}.lightbox-prev{margin-right:6px}.lightbox-next{margin-left:6px}.footer-content{flex-direction:column;gap:15px;text-align:center}.footer-copyright{font-size:.8rem}.site-footer{padding:60px 20px 80px}.site-footer .footer-about-row{flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0}.site-footer .footer-portrait-block{position:relative;bottom:auto;left:auto;margin:0 auto;justify-content:center;gap:0;z-index:5}.footer-portrait{width:110px;height:110px}.nav-about-btn{padding:4px 10px;font-size:.65rem;letter-spacing:1px}.logo img{height:32px;max-width:42vw}.nav-actions{gap:8px}.lang-toggle{padding:4px 6px;font-size:.68rem;letter-spacing:1px;gap:4px}.lang-toggle .lang-flag{width:16px;height:11px}.page-title{font-size:1.4rem;letter-spacing:1px;word-break:break-word}}.nav-desktop{display:none;list-style:none;gap:30px;align-items:center}.nav-desktop a{color:var(--text-light);text-decoration:none;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;transition:color .3s ease}.nav-desktop a:hover{color:var(--neon-primary);text-shadow:0 0 10px var(--neon-primary)}@media(min-width:768px){.nav-desktop{display:flex}.hamburger-menu{display:none}}@media(max-width:767px){nav.site-nav{padding:12px}.nav-about-btn{font-size:.55rem;letter-spacing:.3px;padding:3px 7px;white-space:nowrap;flex-shrink:0;box-shadow:0 0 6px #4da2ff40,inset 0 0 4px #4da2ff14}.nav-actions,.lang-toggle{flex-shrink:0}.hamburger-menu{display:flex!important;flex-shrink:0;min-width:44px;min-height:44px;padding:0;align-items:center;justify-content:space-between}.hamburger-menu span{width:26px}}@media(min-width:768px)and (max-width:899px){nav.site-nav{padding:15px 20px}.nav-desktop{gap:16px}.nav-desktop a{font-size:.8rem;letter-spacing:.5px}.nav-overlay a{font-size:1.35rem;letter-spacing:2px}}.hex-vertex{fill:none;stroke:none;filter:none;pointer-events:none}.hero-headline{pointer-events:none}.hero-headline-word{font-family:var(--font-heading);font-size:27px;font-weight:300;letter-spacing:0;fill:#fff;stroke:var(--neon-primary);stroke-width:1.2;paint-order:stroke fill;filter:drop-shadow(0 0 3px rgba(77,162,255,1)) drop-shadow(0 0 10px rgba(77,162,255,.7)) drop-shadow(0 0 22px rgba(77,162,255,.4)) drop-shadow(0 3px 4px rgba(0,0,0,.7));opacity:0;transform:translateY(20px);transform-box:fill-box;transform-origin:center}.mobile-headline-stack{display:none}@keyframes headlinePulse{0%,to{fill-opacity:1}50%{fill-opacity:.88}}.word-1d{animation:wordReveal .7s cubic-bezier(.2,.8,.2,1) 4.7s forwards,headlinePulse 10s ease-in-out 5.5s infinite}.word-2d{animation:wordReveal .7s cubic-bezier(.2,.8,.2,1) 5s forwards,headlinePulse 10s ease-in-out 5.7s infinite}.word-3d{animation:wordReveal .7s cubic-bezier(.2,.8,.2,1) 5.3s forwards,headlinePulse 10s ease-in-out 5.9s infinite}.dash-1d{animation:wordReveal .7s cubic-bezier(.2,.8,.2,1) 5s forwards,headlinePulse 10s ease-in-out 5.7s infinite}.dash-2d{animation:wordReveal .7s cubic-bezier(.2,.8,.2,1) 5.3s forwards,headlinePulse 10s ease-in-out 5.9s infinite}.word-1m{animation:wordReveal .7s cubic-bezier(.2,.8,.2,1) 4.7s forwards,headlinePulse 10s ease-in-out 5.5s infinite}.word-2m{animation:wordReveal .7s cubic-bezier(.2,.8,.2,1) 5s forwards,headlinePulse 10s ease-in-out 5.7s infinite}.word-3m{animation:wordReveal .7s cubic-bezier(.2,.8,.2,1) 5.3s forwards,headlinePulse 10s ease-in-out 5.9s infinite}@keyframes wordReveal{0%{opacity:0;transform:translateY(20px)}60%{opacity:1;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.footer-portrait-clip{width:130px;height:130px;display:block;position:relative;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.footer-portrait-clip img{display:block;width:130px;height:130px;object-fit:cover;object-position:center 30%}.footer-about-popup{display:flex;align-items:stretch;gap:0;max-height:0;margin-left:0;padding:0;overflow:hidden;opacity:0;transition:max-height .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease,margin-left .45s cubic-bezier(.2,.8,.2,1),padding .3s ease}.footer-about-popup.is-open{max-height:95vh;margin-left:28px;padding:0;opacity:1}.footer-about-popup-inner{flex:1;padding:12px 34px 12px 18px;position:relative;background:#08090ee0;border:1px solid rgba(77,162,255,.4);border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 24px #4da2ff2e,inset 0 0 16px #4da2ff0f;color:var(--text-light);font-size:.88rem;line-height:1.2;overflow-y:auto}.footer-about-popup-inner h4{margin:0 0 4px;font-family:var(--font-heading);font-size:.95rem;color:var(--neon-primary);letter-spacing:1px}.footer-about-popup-inner p{margin:0 0 1em}.footer-about-popup-inner p:last-child{margin-bottom:0}.footer-about-popup-signature{display:inline-block;margin-left:14px;font-family:var(--font-heading);font-size:.82rem;letter-spacing:1.2px;color:var(--neon-primary);white-space:nowrap;opacity:0;transform:translate(-6px)}.footer-about-popup.is-open .footer-about-popup-signature,.footer-about-modal.is-open .footer-about-popup-signature{animation:signatureReveal 1.2s ease 30s forwards}@keyframes signatureReveal{0%{opacity:0;transform:translate(-6px)}to{opacity:.9;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.footer-about-popup.is-open .footer-about-popup-signature,.footer-about-modal.is-open .footer-about-popup-signature{animation:none;opacity:.9;transform:none}}.footer-about-popup-cta{margin:8px 0 0!important}.footer-about-popup-link{display:inline-block;padding:6px 14px;font-family:var(--font-heading);font-size:.85rem;color:var(--bg-dark);background:var(--neon-primary);border:1px solid var(--neon-primary);border-radius:4px;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none;font-weight:600;transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .2s ease}.footer-about-popup-link:hover,.footer-about-popup-link:focus-visible{background:transparent;color:var(--neon-primary);box-shadow:0 0 12px #4da2ff73,inset 0 0 8px #4da2ff1f;transform:translateY(-1px);outline:none}.footer-about-modal{display:none}.footer-about-modal-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998}.footer-about-modal-frame{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;width:calc(100vw - 32px);max-width:480px;max-height:95vh;overflow-y:auto;box-sizing:border-box;padding:16px 24px;background:#08090ef5;border:1px solid rgba(77,162,255,.5);border-radius:12px;box-shadow:0 0 32px #4da2ff40,inset 0 0 20px #4da2ff14;color:var(--text-light);font-size:.9rem;line-height:1.25}.footer-about-modal-frame h4{margin:0 0 6px;font-family:var(--font-heading);font-size:1rem;color:var(--neon-primary);letter-spacing:1px}.footer-about-modal-frame p{margin:0 0 1em}.footer-about-popup-close{position:absolute;top:6px;right:8px;min-width:32px;min-height:32px;background:transparent;border:none;color:var(--neon-primary);font-size:1.4rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s ease,color .2s ease;z-index:2}.footer-about-popup-close:hover,.footer-about-popup-close:focus-visible{background:#4da2ff26;color:#fff;outline:none}.footer-about-modal-close{position:absolute;top:8px;right:12px;background:transparent;border:none;color:var(--neon-primary);font-size:1.6rem;line-height:1;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease,color .2s ease}.footer-about-modal-close:hover{background:#4da2ff26;color:#fff}@media(max-width:700px){.footer-about-popup{display:none!important}.footer-about-modal{display:block}.footer-about-modal:not(.is-open) .footer-about-modal-backdrop,.footer-about-modal:not(.is-open) .footer-about-modal-frame{display:none}.footer-portrait-block{flex-direction:column;align-items:flex-start;gap:8px}.footer-about-modal-frame{padding-top:46px}.footer-about-modal-frame .footer-about-popup-signature{display:block;margin:18px 0 6px}.footer-about-modal-frame{max-height:80vh}.nav-intro-content{padding:30px 20px 24px}.nav-intro-content .lightbox-text-wrapper{padding:0}.nav-intro-modal .lightbox-title{font-size:1.15rem;margin-bottom:10px}.nav-intro-modal .lightbox-desc{font-size:.9rem;line-height:1.5}.hex-intro-modal .hex-intro-position{margin-top:12px}}@supports (height: 100svh){.footer-about-modal-frame{max-height:95svh}}@media(max-width:600px){.hero-headline-svg{display:none}.hero-headline-svg-mobile{display:block}.word-1d,.word-2d,.word-3d,.dash-1d,.dash-2d{display:none}.mobile-headline-stack{display:block}.hero-headline-word{font-size:48px;letter-spacing:1.5px}.center-hex-text{font-size:28px;letter-spacing:1.2px;stroke-width:1}.svg-text{font-size:19px}.svg-text-small{font-size:15px}.svg-subtext{font-size:0}}@media(max-width:380px){.hero-headline-svg{display:none}.hero-headline-svg-mobile{display:block}.word-1d,.word-2d,.word-3d,.dash-1d,.dash-2d{display:none}.mobile-headline-stack{display:block}.hero-headline-word{font-size:40px;letter-spacing:1.2px}.center-hex-text{font-size:30px;letter-spacing:1.2px;stroke-width:.9}.svg-text{font-size:20px}.svg-text-small{font-size:15px}.svg-subtext{font-size:0}}.footer-about-row{display:flex;align-items:flex-start;justify-content:flex-start;gap:16px 0;margin-top:0;padding:0 20px;flex-wrap:wrap}.footer-portrait-block{position:relative;bottom:auto;left:auto;width:130px;height:130px;display:block;z-index:1;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;flex-shrink:0}.footer-portrait-block:hover{transform:scale(1.04)}.footer-portrait-block{transition:transform .4s cubic-bezier(.2,.8,.2,1),margin .4s cubic-bezier(.2,.8,.2,1)}.footer-about-row:has(.footer-about-popup.is-open) .footer-portrait-block{margin-left:auto;margin-right:auto}.footer-portrait-block:focus-visible{outline:2px solid var(--neon-primary);outline-offset:6px;border-radius:4px}.footer-portrait-trace{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.footer-portrait-trace-rect{fill:none;stroke:url(#traceGrad-footer);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 4px rgba(77,162,255,.5)) drop-shadow(0 0 10px rgba(77,162,255,.25));transition:stroke-dashoffset 1.6s cubic-bezier(.4,0,.2,1)}.footer-portrait-block.is-traced .footer-portrait-trace-rect{stroke-dashoffset:0}.footer-portrait-trail{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:.08 .92;stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(77,162,255,1)) drop-shadow(0 0 14px rgba(169,210,255,.7));animation:footerTrail 4s linear infinite;pointer-events:none}@keyframes footerTrail{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1}}.footer-portrait-trace-hex{display:block;fill:none;stroke:var(--neon-primary);stroke-width:2.5;stroke-opacity:.85;stroke-dasharray:none;stroke-dashoffset:0;animation:none;filter:drop-shadow(0 0 5px rgba(77,162,255,.75)) drop-shadow(0 0 12px rgba(77,162,255,.35))}.footer-portrait-block:hover .footer-portrait-trace-hex{stroke-opacity:1;filter:drop-shadow(0 0 8px rgba(77,162,255,.95)) drop-shadow(0 0 18px rgba(77,162,255,.5))}.logo-trace-rect,.modal-trace-rect,.modal-trace-trail,.footer-portrait-trace-rect,.footer-portrait-trail{display:none!important}.kopie-check{margin-bottom:20px}.po-modal{display:none}.po-modal.is-open{display:block}.po-modal-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998}.po-modal-frame{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;width:calc(100vw - 32px);max-width:420px;max-height:90vh;overflow-y:auto;box-sizing:border-box;padding:30px 26px 26px;text-align:center;background:#08090ef5;border:1px solid rgba(77,162,255,.5);border-radius:12px;box-shadow:0 0 32px #4da2ff40,inset 0 0 20px #4da2ff14;color:var(--text-light)}.po-modal-close{position:absolute;top:6px;right:8px;min-width:32px;min-height:32px;background:transparent;border:none;color:var(--neon-primary);font-size:1.4rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s ease,color .2s ease}.po-modal-close:hover,.po-modal-close:focus-visible{background:#4da2ff26;color:#fff;outline:none}.po-modal-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto 16px;border:1px solid currentColor;border-radius:50%;color:var(--neon-primary)}.po-modal-icon svg{width:28px;height:28px}.po-modal-icon-erfolg,.po-modal-icon-abbruch{display:none}.po-modal--erfolg .po-modal-icon-erfolg,.po-modal--abbruch .po-modal-icon-abbruch{display:block}.po-modal--abbruch .po-modal-frame{border-color:#ff6b6b80;box-shadow:0 0 32px #ff6b6b33,inset 0 0 20px #ff6b6b12}.po-modal--abbruch .po-modal-icon{color:#ff6b6b}.po-modal-titel{margin:0 0 10px;font-family:var(--font-heading);font-size:1rem;letter-spacing:1px;color:var(--neon-primary)}.po-modal--abbruch .po-modal-titel{color:#ff6b6b}.po-modal-text{margin:0 0 22px;font-family:var(--font-main);font-size:.82rem;letter-spacing:.03em;line-height:1.6;color:var(--text-light)}.po-modal-ok{width:100%;padding:12px;background:linear-gradient(90deg,var(--neon-primary),var(--neon-secondary));color:var(--bg-dark);border:none;border-radius:4px;font-family:var(--font-main);font-size:.85rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:filter .2s ease}.po-modal-ok:hover,.po-modal-ok:focus-visible{filter:brightness(1.12)}.po-modal--abbruch .po-modal-ok{background:linear-gradient(90deg,#ff6b6b,#ffa8a8)}.form-notice[hidden]{display:none!important}@media(max-width:700px){.po-modal-frame{padding:26px 20px 22px}.po-modal-icon{width:46px;height:46px;margin-bottom:14px}.po-modal-titel{font-size:.92rem}.po-modal-text{font-size:.78rem}}