:root{--navy:#071b3d;--navy2:#0b2853;--lime:#d9ff32;--white:#f8f9f5;--muted:#aab8ce;--line:rgba(255,255,255,.15);--ink:#102346;--paper:#f3f5ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:'Avenir Next',Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:86px;padding:0 6.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:4;background:rgba(7,27,61,.84);backdrop-filter:blur(14px)}.wordmark{display:flex;align-items:center;gap:11px;font-size:11px;line-height:1.07;letter-spacing:.15em;font-weight:600}.wordmark b{font-weight:700}.mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(217,255,50,.7);border-radius:50%}.mark svg{width:25px;fill:none;stroke:var(--lime);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.topbar nav{display:flex;gap:36px;color:#d7dfeb;font-size:13px}.topbar nav a:hover,.text-link:hover{color:var(--lime)}.button{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:7px;background:var(--lime);color:var(--navy);font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#e7ff79}.button span{font-size:20px}.button-small{min-height:43px;padding:0 16px;gap:15px;font-size:12px}.button-small span{font-size:16px}.hero{min-height:810px;padding:160px 8vw 88px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:4vw;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 43%,rgba(26,74,131,.38),transparent 38%),linear-gradient(115deg,#071b3d 35%,#0a2146 100%)}.hero-copy{max-width:570px;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--lime);margin:0 0 24px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--lime);margin-right:8px;box-shadow:0 0 12px var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Avenir Next',Arial,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(54px,6.5vw,91px);line-height:.94;margin:0 0 28px;font-weight:700}h1 em{font-style:normal;color:var(--lime)}.intro{font-size:17px;line-height:1.65;color:#d4deeb;max-width:480px;margin-bottom:17px}.no-run{font-size:13px;color:#e4eaf2;display:flex;align-items:center;gap:9px;margin-bottom:28px}.check{display:grid;place-items:center;width:19px;height:19px;background:var(--lime);color:var(--navy);border-radius:50%;font-size:12px;font-weight:700}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:700;color:var(--white)}.text-link span{color:var(--lime);margin-left:6px;font-size:18px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:48px;color:var(--white)}.proof-icon{width:41px;height:41px;border:1px solid rgba(217,255,50,.48);border-radius:50%;display:grid;place-items:center;color:var(--lime);font:700 22px 'Avenir Next',sans-serif}.hero-proof b,.hero-proof small{display:block}.hero-proof b{font-size:12px}.hero-proof small{color:var(--muted);font-size:11px;margin-top:3px}.hero-art{position:relative;display:grid;place-items:center;min-height:580px}.hero-art>img{display:block;width:min(100%,620px);max-height:630px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 30px 42px rgba(0,0,0,.28))}.art-glow{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(217,255,50,.1),transparent 68%)}.art-label{position:absolute;right:0;bottom:8%;z-index:2;font-size:9px;letter-spacing:.19em;color:#d6e1ed;border:1px solid var(--line);padding:11px 14px;background:rgba(7,27,61,.75);border-radius:4px}.label-pip{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin:0 8px 1px 0}.orbit-note{position:absolute;left:2%;top:12%;width:86px;height:86px;z-index:2;border:1px solid rgba(217,255,50,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(7,27,61,.8);transform:rotate(-10deg)}.orbit-note span{font:700 38px 'Avenir Next';color:var(--lime)}.orbit-note small{font-size:8px;letter-spacing:.1em;line-height:1.4}.hero-bottom{position:absolute;bottom:27px;left:8vw;right:8vw;display:flex;justify-content:space-between;color:#8699b4;font-size:9px;letter-spacing:.18em}.hero-bottom b{color:var(--lime);font-size:17px;margin-left:8px}.intro-band{background:var(--lime);color:var(--navy);padding:65px 10vw;display:grid;grid-template-columns:.55fr 2fr .7fr;gap:30px;align-items:center}.section-kicker{font-size:10px;letter-spacing:.18em;font-weight:700}.intro-band-copy h2{font-size:clamp(30px,4vw,48px);margin:0 0 12px;line-height:1}.intro-band-copy p{max-width:640px;margin:0;font-size:15px;line-height:1.6;color:#244061}.band-stamp{border:1px solid rgba(7,27,61,.4);border-radius:50%;width:122px;height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.12;text-align:center;transform:rotate(9deg)}.band-stamp span{font-size:9px;letter-spacing:.2em}.band-stamp b{font-size:13px;letter-spacing:.08em;margin-top:5px}.how{padding:112px 10vw 120px;background:var(--paper);color:var(--navy)}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;column-gap:3rem;margin-bottom:48px}.section-heading .eyebrow{grid-column:1/-1;color:#668100;margin-bottom:15px}.section-heading h2{font-size:clamp(42px,6vw,70px);line-height:.97;margin:0}.section-heading>p:last-child{color:#66758b;line-height:1.6;max-width:310px;margin:0 0 5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step-card{position:relative;min-height:280px;padding:30px;background:#fff;border:1px solid #e4e8dc;border-radius:9px;overflow:hidden}.step-num{position:absolute;right:26px;top:24px;font:600 12px 'Avenir Next';color:#91a0b2}.step-icon{height:80px;width:80px;margin-bottom:35px;display:grid;place-items:center;color:var(--navy);background:#f1f6d9;border-radius:50%}.icon-eight{font:500 82px 'Arial',sans-serif;line-height:1;color:#a4ce00;padding-bottom:12px}.icon-time{font:700 42px 'Avenir Next';color:#6c9200}.icon-time span{font-size:20px;align-self:start;margin-top:15px}.icon-screen{font-size:35px;font-weight:700;color:var(--navy);background:var(--lime)}.step-card h3{font:600 20px 'Avenir Next';letter-spacing:-.03em;margin-bottom:10px}.step-card p{font-size:13px;line-height:1.6;color:#65748a;margin:0;max-width:270px}.device-section{padding:110px 10vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:#0a2146}.device-copy h2,.event-copy h2{font-size:clamp(38px,5vw,60px);line-height:1.02;margin:0 0 20px}.device-copy>p:not(.eyebrow),.event-copy>p:not(.eyebrow){color:#c2cede;font-size:15px;line-height:1.7;max-width:480px;margin-bottom:24px}.device-copy .eyebrow,.event-copy .eyebrow{margin-bottom:17px}.device-card{position:relative;min-height:440px;background:linear-gradient(145deg,#0f2c58,#061735);border:1px solid rgba(255,255,255,.13);border-radius:13px;display:grid;place-items:center;overflow:hidden}.device-card img{width:100%;height:100%;max-height:520px;object-fit:contain;padding:14px}.device-caption{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.14em;color:#dce5ef}.device-caption b{margin-left:auto;color:var(--lime);font:700 14px 'Avenir Next';letter-spacing:.04em}.screen-status{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 9px var(--lime)}.event-section{background:var(--lime);color:var(--navy);padding:90px 10vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center}.event-copy .eyebrow{color:#557100}.event-copy h2{font-size:clamp(38px,5vw,59px)}.event-copy>p:not(.eyebrow){color:#2e4665}.event-copy .button{background:var(--navy);color:white}.event-copy .button span{color:var(--lime)}.event-graphic{position:relative;width:min(100%,360px);margin:auto;aspect-ratio:1;border:1px solid rgba(7,27,61,.18);border-radius:50%;display:grid;place-items:center}.event-graphic svg{width:83%;height:83%;overflow:visible}.track{fill:none;stroke:var(--navy);stroke-width:13;stroke-linecap:round}.track-dash{fill:none;stroke:rgba(217,255,50,.85);stroke-width:2;stroke-dasharray:2 13;stroke-linecap:round}.arrow{fill:none;stroke:var(--lime);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.event-graphic>span{position:absolute;font:700 23px 'Avenir Next';background:var(--lime);padding:4px 9px;top:50%;left:50%;transform:translate(-50%,-50%)}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 8vw;color:#b5c3d7}footer p,footer>a:last-child{font-size:11px;margin:0}footer>a:last-child{color:var(--lime)}.footer-brand{color:#fff}

@media(max-width:900px){.topbar{padding:0 5vw}.topbar nav{gap:18px}.topbar nav a{font-size:11px}.hero{padding:140px 6vw 75px;grid-template-columns:1fr 1fr;gap:1vw;min-height:740px}.hero-art{min-height:500px}.hero-art>img{width:112%}.orbit-note{width:70px;height:70px;left:-3%}.orbit-note span{font-size:30px}.intro-band,.how,.device-section,.event-section{padding-left:7vw;padding-right:7vw}.device-section{gap:4vw}.device-card{min-height:350px}}
@media(max-width:640px){.topbar{height:70px;padding:0 5vw}.topbar nav{display:none}.wordmark{font-size:9px}.mark{width:32px;height:32px}.mark svg{width:21px}.button-small{min-height:38px;font-size:10px;padding:0 10px;gap:8px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:118px 7vw 75px;gap:0;min-height:0}.hero-copy{padding-top:18px}.eyebrow{font-size:9px;margin-bottom:18px}h1{font-size:clamp(51px,15vw,76px);margin-bottom:22px}.intro{font-size:15px;line-height:1.55}.no-run{font-size:12px;line-height:1.45}.hero-actions{gap:17px}.hero-actions .button{min-height:48px}.text-link{font-size:11px}.hero-proof{margin-top:27px}.hero-art{min-height:350px;margin:8px -4vw 0}.hero-art>img{width:min(108%,470px);max-height:440px}.orbit-note{top:7%;left:0}.art-label{right:2%;bottom:4%;font-size:8px}.hero-bottom{left:7vw;right:7vw;bottom:23px}.intro-band{padding:45px 7vw;grid-template-columns:1fr auto;gap:18px}.section-kicker{grid-column:1/-1}.intro-band-copy h2{font-size:34px}.intro-band-copy p{font-size:13px}.band-stamp{width:86px;height:86px}.band-stamp b{font-size:10px}.band-stamp span{font-size:7px}.how{padding:72px 7vw}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:50px;margin-bottom:15px}.section-heading>p:last-child{font-size:13px}.steps{grid-template-columns:1fr;gap:10px}.step-card{min-height:0;padding:23px;display:grid;grid-template-columns:75px 1fr;column-gap:17px;align-items:center}.step-num{right:20px;top:18px}.step-icon{width:65px;height:65px;margin:0;grid-row:1/3}.icon-eight{font-size:66px;padding-bottom:9px}.icon-time{font-size:34px}.icon-screen{font-size:30px}.step-card h3{font-size:17px;margin:0 30px 5px 0;align-self:end}.step-card p{font-size:12px;align-self:start}.device-section{padding:72px 7vw;grid-template-columns:1fr;gap:28px}.device-copy h2,.event-copy h2{font-size:43px}.device-copy>p:not(.eyebrow){font-size:13px}.device-card{min-height:300px}.device-card img{max-height:400px}.event-section{padding:65px 7vw;grid-template-columns:1fr;gap:38px}.event-graphic{width:min(75vw,300px)}.event-copy h2{font-size:43px}.event-copy>p:not(.eyebrow){font-size:13px}footer{padding:27px 7vw;display:grid;grid-template-columns:1fr auto;gap:14px}footer p{grid-column:1/-1;grid-row:2}.footer-brand{grid-column:1;grid-row:1}footer>a:last-child{grid-column:2;grid-row:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Historische Referenzen */
.references{padding:104px 9vw 112px;background:#f3f5ef;color:var(--navy)}
.references-head{display:grid;grid-template-columns:1.1fr .8fr;gap:8vw;align-items:end;margin-bottom:45px}
.references-head .eyebrow{color:#668100;margin-bottom:16px}
.references-head h2{font-size:clamp(40px,5.6vw,68px);line-height:.98;margin:0}
.references-head>p{color:#64738a;font-size:15px;line-height:1.75;max-width:430px;margin:0 0 4px}
.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.reference-card{background:#fff;border:1px solid #e4e8dc;border-radius:9px;overflow:hidden;min-width:0}
.reference-card img{display:block;width:100%;height:230px;object-fit:cover;background:#e7ecdc}
.reference-card-feature{grid-column:span 2;display:grid;grid-template-columns:1.15fr 1fr}
.reference-card-feature img{height:100%;min-height:280px}
.reference-copy{padding:23px 23px 25px}
.reference-meta{display:block;color:#6b8500;font-size:9px;font-weight:700;letter-spacing:.13em;line-height:1.5;margin-bottom:12px}
.reference-copy h3{font-size:21px;line-height:1.12;letter-spacing:-.035em;margin:0 0 10px}
.reference-copy p{font-size:12px;line-height:1.65;color:#69778a;margin:0}
.reference-card-type{display:flex;flex-direction:column}
.reference-art{height:230px;display:flex;align-items:center;justify-content:center;gap:22px;overflow:hidden;background:linear-gradient(145deg,#102d59,#071b3d);color:var(--lime)}
.reference-mark{font-size:82px;line-height:1;font-weight:800;letter-spacing:-.08em}
.reference-lines{font-size:13px;letter-spacing:.09em;writing-mode:vertical-rl;opacity:.72}
.reference-joka .reference-art{background:linear-gradient(135deg,#d9ff32,#a3c900);color:var(--navy)}
.reference-joka .reference-lines{writing-mode:horizontal-tb;font-size:11px;font-weight:700;letter-spacing:.18em}
.reference-video{margin-top:18px;padding:28px;background:#0a2146;color:#fff;border-radius:9px;display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center}
.video-copy .eyebrow{margin-bottom:12px}
.video-copy h3{font-size:29px;letter-spacing:-.04em;margin:0 0 9px}
.video-copy>p:last-child{font-size:12px;line-height:1.6;color:#c2cede;margin:0;max-width:350px}
.reference-video video{width:100%;max-height:340px;border-radius:5px;background:#000}
@media(max-width:900px){.references{padding-left:7vw;padding-right:7vw}.reference-card img,.reference-art{height:190px}.reference-card-feature img{min-height:260px}}
@media(max-width:640px){.references{padding:72px 7vw}.references-head{display:block;margin-bottom:28px}.references-head h2{font-size:44px;margin-bottom:15px}.references-head>p{font-size:13px}.reference-grid{grid-template-columns:1fr;gap:12px}.reference-card-feature{grid-column:auto;display:flex;flex-direction:column}.reference-card-feature img{height:220px;min-height:0}.reference-card img,.reference-art{height:220px}.reference-copy{padding:20px}.reference-copy h3{font-size:20px}.reference-video{grid-template-columns:1fr;padding:22px;gap:20px}.video-copy h3{font-size:26px}}

/* Aufklappbare Referenzgalerien */
.reference-card-summary{display:block;list-style:none;cursor:pointer;height:100%}
.reference-card-summary::-webkit-details-marker{display:none}
.reference-card-summary>img{display:block;width:100%;height:230px;object-fit:cover;background:#e7ecdc}
.reference-card-feature .reference-card-summary{display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch}
.reference-card-feature .reference-card-summary>img{height:100%;min-height:280px}
.gallery-toggle{display:flex;align-items:center;gap:7px;color:#6b8500;font-size:11px;font-weight:700;margin-top:18px}
.gallery-toggle::after{content:'↓';font-size:16px;transition:transform .2s}
.reference-card[open] .gallery-toggle::after{transform:rotate(180deg)}
.reference-card-summary:hover .gallery-toggle{color:#405500}
.reference-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 15px 15px;background:#fff}
.reference-gallery a{display:block;overflow:hidden;border-radius:5px;background:#e7ecdc}
.reference-gallery img{display:block;width:100%;height:112px;object-fit:cover;transition:transform .2s}
.reference-gallery a:hover img{transform:scale(1.04)}
@media(max-width:900px){.reference-card-summary>img{height:190px}.reference-card-feature .reference-card-summary>img{min-height:260px}}
@media(max-width:640px){.reference-card-feature .reference-card-summary{display:flex;flex-direction:column}.reference-card-feature .reference-card-summary>img{height:220px;min-height:0}.reference-gallery{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px}.reference-gallery img{height:110px}}

/* Die hervorgehobene Karte selbst bleibt ein Block; Bild/Text liegen im Summary. */
.reference-card-feature{display:block}
@media(max-width:640px){.reference-card-feature{display:block}}

/* Sechs gleich große Referenzkarten */
.reference-card-feature{grid-column:auto;display:block}
.reference-card-feature .reference-card-summary{display:block}
.reference-card-feature .reference-card-summary>img{height:230px;min-height:0}
.reference-card-feature .reference-copy{padding:20px}
.reference-card-feature .reference-copy h3{font-size:19px}
.reference-card-feature .reference-copy p{font-size:11px;line-height:1.55}
@media(max-width:900px){.reference-card-feature .reference-card-summary>img{height:190px;min-height:0}}
@media(max-width:640px){.reference-card-feature .reference-card-summary{display:block}.reference-card-feature .reference-card-summary>img{height:220px;min-height:0}}

/* Rechtliche Seiten */
.footer-legal{display:flex;gap:18px;align-items:center;font-size:11px;color:#d7dfeb}
.footer-legal a:hover,.legal-footer a:hover,.legal-back:hover{color:var(--lime)}
.legal-page{min-height:100vh;background:var(--navy);color:var(--white)}
.legal-header{height:86px;padding:0 8vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.legal-back{font-size:12px;color:#d7dfeb}
.legal-content{width:min(760px,84vw);margin:0 auto;padding:76px 0 90px}
.legal-content>.eyebrow{margin-bottom:14px}
.legal-content h1{font-size:clamp(44px,7vw,72px);line-height:1;margin:0 0 27px}
.legal-lead{font-size:16px;line-height:1.7;color:#d4deeb;margin:0 0 27px;max-width:680px}
.legal-panel{padding:27px 30px;margin:0 0 13px;background:#0b2853;border:1px solid rgba(255,255,255,.12);border-radius:8px}
.legal-panel h2{font-size:19px;letter-spacing:-.025em;margin:0 0 13px;color:#fff}
.legal-panel p{font-size:13px;line-height:1.75;color:#d4deeb;margin:0 0 14px}
.legal-panel p:last-child{margin-bottom:0}
.legal-panel strong{color:#fff}
.legal-panel a,.legal-source a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.legal-source{font-size:11px;line-height:1.65;color:#aab8ce;margin:24px 0 0}
.legal-footer{padding:26px 8vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#b5c3d7;font-size:11px}
.legal-footer nav{display:flex;gap:20px}
.legal-footer a[aria-current="page"]{color:var(--lime)}
@media(max-width:640px){.legal-header{padding:0 7vw}.legal-back{font-size:11px}.legal-content{padding:52px 0 64px}.legal-panel{padding:22px 20px}.legal-footer{padding:22px 7vw;gap:14px;align-items:flex-start}.legal-footer nav{gap:12px}}