.horizon-wrap{clip-path:inset(0);position:relative}.hero-container.cosmos-style{background:linear-gradient(#000814,#001d3d,#003566);width:100%;min-height:100vh;position:relative;overflow-x:hidden}.hero-canvas{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.side-menu,.hero-title.cosmos-title,.hero-subtitle.cosmos-subtitle,.scroll-progress{will-change:transform,opacity}.side-menu{z-index:100;flex-direction:column;align-items:center;gap:40px;display:flex;position:fixed;top:50%;left:40px;transform:translateY(-50%)}.menu-icon{cursor:pointer;flex-direction:column;gap:4px;transition:all .3s;display:flex}.menu-icon span{background:#fffc;width:25px;height:2px;transition:all .3s}.menu-icon:hover span{background:var(--color-blau)}.menu-icon:hover span:nth-child(2){width:35px}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.2em;color:#ffffff80;font-size:.8rem;font-weight:300}.hero-content.cosmos-content{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 60px;display:flex;position:relative}.hero-title{letter-spacing:-.05em;color:var(--color-blau);text-shadow:0 0 18px #000814bf,0 0 50px #000814e6;margin:0;font-size:clamp(5rem,18vw,12rem);font-weight:900;line-height:.9;transition:all .3s}.hero-title:hover{text-shadow:0 0 22px #000814d9,0 0 80px #000814f2;transform:scale(1.02)}.hero-subtitle{color:#ffffffe6;letter-spacing:.02em;max-width:800px;margin-top:3rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:300;line-height:1.8}.hero-title.cosmos-title{letter-spacing:-.05em;color:var(--color-blau);text-shadow:0 0 18px #000814bf,0 0 50px #000814e6;perspective:1000px;justify-content:center;margin:0;font-size:clamp(5rem,20vw,15rem);font-weight:900;line-height:.9;display:flex}.title-char{cursor:default;transition:all .3s;display:inline-block}.title-char:hover{color:var(--color-blau);text-shadow:0 10px 40px #000814cc;transform:translateY(-10px)rotateX(-10deg)}.hero-subtitle.cosmos-subtitle{color:#ffffffe6;letter-spacing:.02em;max-width:800px;margin-top:3rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:300;line-height:1.8}.subtitle-line{margin:.5rem 0}.scroll-progress{z-index:100;color:#fffc;letter-spacing:.1em;align-items:center;gap:30px;font-size:.9rem;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.scroll-text{font-weight:300}.progress-track{background:#fff3;width:200px;height:2px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-blau-tief),var(--color-blau));height:100%;box-shadow:0 0 10px color-mix(in srgb,var(--color-blau) 70%,transparent);transition:width .3s;position:absolute;top:0;left:0}.section-counter{font-family:Space Mono,monospace;font-weight:300}.scroll-sections{z-index:5;position:relative}.content-section{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex}.content-section h2{margin-bottom:1rem;font-size:3rem}.content-section p{font-size:1.2rem}@media (max-width:768px){.side-menu{left:20px}.hero-title.cosmos-title{font-size:clamp(4rem,25vw,8rem)}.hero-subtitle.cosmos-subtitle{padding:0 20px;font-size:clamp(.9rem,3vw,1.1rem)}.scroll-progress{flex-direction:column;gap:15px;bottom:20px}.progress-track{width:150px}}@media (prefers-reduced-motion:reduce){.horizon-wrap *{transition:none!important;animation:none!important}}@media (prefers-contrast:high){.hero-title.cosmos-title{color:#fff;text-shadow:none}.progress-fill{background:#fff}}.horizon-wrap .hero-title{font-size:clamp(1.75rem,11vw,9.5rem)}.ziel-section{height:230vh;position:relative}.ziel-sticky{z-index:6;pointer-events:none;color:#fff;position:fixed;inset:0}.ziel-svg{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ziel-berge{inset-inline:0;opacity:0;pointer-events:none;will-change:transform,opacity;background:url(/assets/brand/berge-logo.webp) bottom/max(100%,72rem) no-repeat;height:min(62vh,46rem);position:absolute;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}.ziel-dunkel{background:var(--color-grund,#0e0e11);opacity:0;pointer-events:none;position:absolute;inset:0}.ziel-knoepfe{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:1.1rem;width:max-content;max-width:92vw;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ziel-reihe{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.ziel-knoepfe a{z-index:6;position:relative}.ziel-knoepfe .pille-glas{background-color:#00081499;border-color:#ffffff80}.horizon-wrap .hero-subtitle{text-shadow:0 0 3px #000814f2,0 0 10px #000814e6,0 0 24px #000814d9,0 0 48px #000814b3;background:radial-gradient(closest-side,#0008148c,#0008144d 60%,#0000);padding:1.5rem 3rem;font-weight:400}@media (max-width:768px){.horizon-wrap .hero-content.cosmos-content{padding:0 14px}.horizon-wrap .content-section{padding:2rem 14px}.horizon-wrap .hero-subtitle{margin-top:1.5rem;padding:.9rem .6rem;font-size:clamp(.95rem,4vw,1.1rem);line-height:1.6}.horizon-wrap .side-menu{display:none}}.hero-statisch{isolation:isolate;text-align:center;color:#fff;background:linear-gradient(#000814,#001d3d,#003566);flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;min-height:100svh;padding:7rem 1.25rem 12rem;display:flex;position:relative;overflow:hidden}.hero-statisch__logo{width:min(80vw,30rem);height:auto}.hero-statisch__titel{letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance;background:linear-gradient(100deg,#fff,#7cb3dd 55%,#f083bb);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:14ch;margin:0;font-size:clamp(2.25rem,8vw,6rem);font-weight:900;line-height:.95}.hero-statisch__text{color:#ffffffe0;text-wrap:pretty;max-width:36rem;margin:0;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.6}.hero-statisch__knoepfe{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.hero-statisch__berge{inset-inline:0;z-index:-1;pointer-events:none;opacity:.7;background:url(/assets/brand/berge-logo.webp) bottom/max(100%,64rem) no-repeat;height:min(48vh,34rem);position:absolute;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}@media (max-width:640px){.hero-statisch{padding:6rem 1rem 9rem}}