:root{--bg:#101210;--fg:#eff0e9;--mut:#a1a69c;--rand:#30352e;--acc:#c1d397;--ok:#c1d397;--hud:#c1d397;--mono:Consolas,"Cascadia Mono",monospace;--blau:#d4dfbe}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--acc)}img{display:block;max-width:100%;height:auto}.breite{max-width:1440px;margin:auto;padding:0 64px}header{position:sticky;top:0;z-index:20;background:#101210f5;border-bottom:1px solid var(--rand)}header .breite{height:84px;display:flex;align-items:center;gap:32px}.marke{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:650;letter-spacing:3px}.marke img{width:32px;height:32px;border-radius:0}nav{margin-left:auto;display:flex;gap:28px}nav a{font-size:13px;color:#b5baae}header .knopf{font-size:12px}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;border:1px solid #646d58;background:transparent;color:var(--fg);font:500 13px/1.4 "Segoe UI",sans-serif;cursor:pointer;transition:background .2s,color .2s}.knopf:hover{background:#282e23;color:white}.knopf.haupt{background:var(--acc);border-color:var(--acc);color:#151b10}.knopf.haupt:hover{background:#d3e3ae;color:#101210}.hero{padding:100px 0 56px;display:grid;grid-template-columns:1fr 1.05fr;gap:60px 48px;align-items:center;position:relative}.hero>*{min-width:0}.kicker,.tag{font:11px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--acc)}.kicker{display:inline-flex;align-items:center;gap:10px}.kicker:before{content:"";width:6px;height:6px;background:var(--acc)}h1{font-size:clamp(42px,4.6vw,68px);font-weight:400;line-height:1.06;letter-spacing:-2.8px;margin:28px 0}h1 b{font-weight:400;color:var(--acc)}.lead{color:#b5baae;font-size:17px;line-height:1.8;max-width:480px}.knoepfe{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.zahlen{display:flex;gap:28px;margin-top:48px;padding-top:24px;border-top:1px solid var(--rand)}.zahlen div{flex:1}.zahlen b{display:block;font-size:27px;font-weight:400;line-height:1.2}.zahlen span{display:block;margin-top:8px;color:var(--mut);font:10px/1.6 var(--mono)}.hud{margin:0;min-width:0}.hud figcaption{display:flex;align-items:center;gap:15px;color:var(--mut);font:9px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:12px 0;border-top:1px solid #59634c;white-space:nowrap;overflow:hidden}.hud figcaption .r{margin-left:auto}.live{color:var(--acc)}.rahmen{border:1px solid var(--rand);background:#171b17;overflow:hidden}.hero>.hud{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative}.hero>.hud:before{content:"SITUS / COMMON OPERATIONAL PICTURE";font:10px var(--mono);letter-spacing:.14em;color:#77816c;margin-bottom:40px}.hero>.hud:after{content:"01 — LAGEÜBERSICHT / DESKTOP";font:10px var(--mono);letter-spacing:.1em;color:#77816c;margin-top:16px}.hero .rahmen img{width:100%;height:430px;object-fit:cover;object-position:40% top}section{padding:88px 0;border-top:1px solid var(--rand)}.tag{margin-bottom:20px}h2{font-size:clamp(32px,3.6vw,50px);line-height:1.15;font-weight:400;letter-spacing:-1.6px;margin:0 0 22px}.unter{color:var(--mut);max-width:650px;font-size:17px;margin:0 0 40px}.glas{background:#171b16;border:1px solid var(--rand)}.beitritt{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:44px}.codeform{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.codeform input{width:0;flex:1 1 180px;min-width:0;padding:14px;background:#101210;border:1px solid #4b5541;border-radius:0;color:var(--fg);font:30px var(--mono);letter-spacing:.16em;text-align:center}.meldung{margin-top:12px;min-height:24px;font-size:14px}.meldung.fehler{color:#ffb0a5}.meldung.ok{color:var(--ok)}.schritte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px;justify-content:center}.schritte li{display:flex;gap:18px;color:var(--mut);font-size:14px}.schritte b{color:var(--fg);font-weight:500}.schritte .n{flex:0 0 28px;font:14px var(--mono);color:var(--acc);border-top:1px solid #5b654f;padding-top:5px}.vorzeigen{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;margin:64px 0 88px}.vorzeigen.umgekehrt{grid-template-columns:1fr 1.15fr}.vorzeigen.umgekehrt>:first-child{order:2}.vorzeigen h3{font-size:30px;line-height:1.2;letter-spacing:-.7px;font-weight:400;margin:0 0 22px}.vorzeigen p,.vorzeigen ul{color:var(--mut);font-size:15px}.vorzeigen ul{padding-left:18px}.vorzeigen li{margin:9px 0}.vorzeigen b{font-weight:500;color:#d3d8cb}.raster{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rand);border-left:1px solid var(--rand)}.fkarte{padding:30px;border-right:1px solid var(--rand);border-bottom:1px solid var(--rand)}.fkarte .ic{font:10px var(--mono);letter-spacing:.12em;color:var(--acc);margin-bottom:30px}.fkarte h3{font-size:19px;font-weight:500;letter-spacing:-.3px;margin:0 0 12px}.fkarte p,.fkarte ul{color:var(--mut);font-size:14px;margin:0}.fkarte ul{padding-left:18px;margin-top:14px}.netz{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rand);border-left:1px solid var(--rand)}.netz .fkarte b{display:block;font-weight:400;font-size:25px;margin-bottom:18px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.chips span{border:1px solid var(--rand);padding:6px 10px;color:var(--mut);font:11px var(--mono)}table{width:100%;border-collapse:collapse;font-size:14px;min-width:650px}td,th{text-align:left;padding:20px 24px;border-bottom:1px solid var(--rand);vertical-align:top}th{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--acc)}td{color:var(--mut)}td b{color:var(--fg);font-weight:500}.handy{max-width:260px!important}.handy .rahmen{border-radius:12px}.download{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:44px}.gross{font-size:56px;letter-spacing:-2px;font-weight:400;margin:20px 0 8px;line-height:1.1}code{font:11px/1.7 var(--mono);word-break:break-all;background:#101210;padding:4px 6px}ol{padding-left:20px}ol li{margin:10px 0;color:var(--mut);font-size:14px}.hinweis{font-size:13px;color:#c9c4ab;border-left:2px solid #9f9361;padding:8px 16px;background:#21221a}details{border-bottom:1px solid var(--rand);padding:24px 0}summary{cursor:pointer;list-style:none;font-size:17px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:20px var(--mono);color:var(--acc)}details[open] summary:after{content:"−"}details p{color:var(--mut);max-width:800px;font-size:15px;margin:20px 0 0}footer{border-top:1px solid var(--rand);padding:36px 0;color:var(--mut);font-size:11px}footer .breite{display:flex;align-items:center;flex-wrap:wrap;gap:24px}footer .marke{color:var(--fg);font-size:16px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--acc);outline-offset:5px}::selection{background:#c1d397;color:#101210}@media(min-width:1600px){.hero .rahmen img{height:480px}}@media(max-width:1100px){.breite{padding:0 32px}nav{gap:16px}.hero{gap:32px; padding-top:70px}h1{font-size:48px}.hero .rahmen img{height:380px}.zahlen{gap:14px}.beitritt,.download{gap:32px;padding:32px}.vorzeigen{gap:32px}.hud figcaption span:nth-child(n+3){display:none}}@media(max-width:800px){header .breite{height:72px;gap:16px}nav{display:none}header .knopf{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:56px;gap:48px}.hero .rahmen img{height:auto}.hero>.hud:before{margin-bottom:18px}.lead{max-width:600px}h1{font-size:clamp(42px,7.5vw,64px)}.beitritt,.download,.vorzeigen,.vorzeigen.umgekehrt{grid-template-columns:1fr}.vorzeigen.umgekehrt>:first-child{order:0}.vorzeigen{gap:28px;margin:48px 0 64px}.raster,.netz{grid-template-columns:1fr 1fr}section{padding:60px 0}.schritte{padding-top:20px;border-top:1px solid var(--rand)}}@media(max-width:480px){.breite{padding:0 20px}header .marke{font-size:18px;gap:8px}header .marke img{width:26px;height:26px}header .knopf{padding:9px 12px!important;font-size:11px}h1{letter-spacing:-1.8px}.knoepfe .knopf{flex:1 1 auto}.zahlen{gap:18px}.zahlen span{font-size:9px}.raster,.netz{grid-template-columns:1fr}.fkarte{padding:24px}.beitritt,.download{padding:24px;gap:24px}.codeform .knopf{flex:1 1 100%}.gross{font-size:44px}footer .breite{align-items:flex-start;flex-direction:column;gap:14px}footer span:last-child{margin-left:0!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Broad glass surfaces and a single product canvas. */
:root{--bg:#090d10;--fg:#eef3f4;--mut:#a4b1b7;--rand:#ffffff16;--acc:#bed8d6;--ok:#bed8d6}
body{background:radial-gradient(ellipse 75% 22% at 50% 5%,#263e4766,transparent 85%),radial-gradient(ellipse 75% 25% at 90% 45%,#18343d44,transparent 80%),#090d10}
.breite{max-width:1480px;padding-inline:64px}
header{background:#0b1115b8;backdrop-filter:blur(24px);border-color:#ffffff0d}
header .breite{height:80px}nav a{color:#b8c2c7}.marke{letter-spacing:2px}
.knopf{border-radius:9px;border-color:#ffffff25;background:#ffffff06;padding:15px 24px}
.knopf:hover{background:#ffffff12}.knopf.haupt{background:#e1edeb;color:#142327;border-color:#e1edeb}.knopf.haupt:hover{background:#fff}
.hero{display:flex;flex-direction:column;padding:94px 0 60px;gap:58px;text-align:center}
.hero>div{width:100%;max-width:1050px}.kicker{color:#a9bdc6;font:12px/1.6 "Segoe UI",sans-serif;letter-spacing:.08em}.kicker:before{display:none}
h1{font-size:clamp(52px,6.9vw,96px);line-height:1.02;font-weight:350;letter-spacing:-4.5px;margin:28px 0}h1 b{color:#b5c9cf;font-weight:350}
.lead{max-width:590px;margin:28px auto 0;font-size:18px;color:#acbac2}.hero .knoepfe{justify-content:center;margin-top:32px}
.zahlen{max-width:800px;margin:48px auto 0;border:0;gap:32px}.zahlen b{font-size:14px;font-weight:500}.zahlen span{font:12px/1.5 "Segoe UI",sans-serif;color:#81949f;margin-top:5px}
.hero>.hud{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#ffffff12,#ffffff03);border:1px solid #ffffff20;border-radius:20px;box-shadow:0 40px 100px #0008;align-self:auto;text-align:left}
.hero>.hud:before,.hero>.hud:after{display:none}.hud figcaption{border:0;font-size:10px;letter-spacing:.04em;padding:4px 8px 14px;color:#95a8b1}.hud .live{color:#bccdd2}.hud .rahmen{border-radius:10px;border-color:#ffffff12}.hero .rahmen img{height:auto;max-height:680px;width:100%;object-fit:cover;object-position:top}
section{padding:94px 0;border:0}.tag{font:12px/1.5 "Segoe UI",sans-serif;letter-spacing:.05em;color:#91abb9;margin-bottom:20px}h2{font-size:clamp(36px,4.5vw,60px);letter-spacing:-2px;font-weight:350;line-height:1.08}.unter{font-size:17px;line-height:1.8;max-width:610px}
#funktionen>.tag,#funktionen>h2,#funktionen>.unter{text-align:center;margin-left:auto;margin-right:auto}
.glas{background:linear-gradient(125deg,#ffffff0c,#ffffff03);border:1px solid #ffffff19;border-radius:20px;backdrop-filter:blur(20px);box-shadow:0 24px 70px #0002;overflow:hidden}
.product-stage{margin-top:48px;padding:0 36px 36px}.product-tabs{display:flex;gap:12px;border-bottom:1px solid var(--rand);margin-bottom:32px}.product-tabs button{flex:1;cursor:pointer;border:0;border-bottom:2px solid transparent;background:none;color:#708993;padding:24px 12px;font:11px var(--mono);text-align:left}.product-tabs span{font:16px "Segoe UI",sans-serif;margin-left:15px;color:#a4b1b7}.product-tabs [aria-selected=true]{border-color:#c4dedd;color:#c4dedd}.product-tabs [aria-selected=true] span{color:white}.product-panel{display:grid;grid-template-columns:1fr;gap:28px}.product-panel[hidden]{display:none}.product-panel>.hud{order:2}.product-panel>div{display:grid;grid-template-columns:.9fr 1.1fr;gap:0 44px;align-items:start}.product-panel h3{grid-column:1;font-size:28px;letter-spacing:-.7px;line-height:1.2;font-weight:400;margin:0 0 12px}.product-panel p{grid-column:1;margin:0;color:var(--mut);font-size:15px}.product-panel ul{grid-column:2;grid-row:1/3;list-style:none;margin:0;padding:0;color:var(--mut);font-size:13px}.product-panel li{padding:6px 0;border-bottom:1px solid #ffffff0a}.product-panel b{font-weight:500;color:#dce6e9}.product-panel .rahmen img{max-height:650px;width:100%;object-fit:contain;background:#10191d}
.capabilities{margin-top:32px;padding:22px 0}.capabilities summary{font-size:15px;align-items:center}.capabilities summary span{margin-left:auto;font-size:12px;color:#82949f}.capabilities .raster{margin-top:28px!important;border:0;gap:20px 40px}.fkarte{border:0;padding:24px 0}.fkarte .ic{display:none}.fkarte h3{font-size:17px}.fkarte p,.fkarte ul{font-size:13px}.netz{border:0;gap:36px;padding:30px 0;border-top:1px solid var(--rand);border-bottom:1px solid var(--rand)}.netz .fkarte b{font-size:22px;margin-bottom:12px}.vorzeigen{gap:70px;margin:60px 0 0}.vorzeigen h3{font-size:34px;font-weight:350}.chips span{border-radius:6px;background:#ffffff04}.beitritt,.download{padding:48px;gap:70px}.codeform input{border-radius:9px;background:#09101677;border-color:#ffffff25}.schritte .n{border:0;color:#a9c2cb}.schritte li{font-size:13px}.schritte b{color:#dce6e9}th{color:#9fbac5}td,th{padding:22px 26px}td b{color:#e3ecee}#rollen .vorzeigen{max-width:850px;margin:64px auto 0;grid-template-columns:1fr 1fr}.gross{font-weight:350}.download{background:linear-gradient(120deg,#a6c5d51a,#ffffff04)}code{background:#0003;border-radius:4px}.hinweis{background:#c6b68608;border-color:#968e75}.hinweis{border-radius:0 8px 8px 0}summary:after{color:#a9c4cb}footer{border-color:var(--rand)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#c4dedd}::selection{background:#c4dedd;color:#091016}
@media(max-width:1100px){.breite{padding-inline:32px}.hero{padding-top:75px}.hero .rahmen img{height:auto}.beitritt,.download{gap:36px;padding:36px}}
@media(max-width:800px){.hero{gap:40px;padding-top:60px}h1{font-size:clamp(50px,9vw,74px);letter-spacing:-2.5px}.hero>.hud{padding:10px;border-radius:14px}.hero .rahmen img{height:auto}.product-stage{padding:0 22px 22px}.product-panel>div{display:block}.product-panel ul{margin-top:20px}.product-panel h3{font-size:26px}.netz{grid-template-columns:1fr 1fr;gap:20px 32px}.beitritt,.download{grid-template-columns:1fr}.vorzeigen{gap:30px}section{padding:64px 0}.zahlen{gap:20px}.zahlen b{font-size:12px}.zahlen span{font-size:11px}.capabilities summary span{display:none}.schritte{border:0}}
@media(max-width:480px){.breite{padding-inline:20px}.hero{padding-top:44px}.lead{font-size:16px}.zahlen{flex-direction:column;gap:16px;margin-top:32px}.zahlen div{display:flex;justify-content:center;gap:8px;align-items:baseline}.zahlen span{margin:0}.hero .knoepfe{flex-direction:column;padding:0 20px}.hero>.hud{padding:7px}.hud figcaption{font-size:8px;gap:10px}.product-tabs{gap:0}.product-tabs button{padding:20px 4px;font-size:9px}.product-tabs span{font-size:13px;margin-left:6px}.product-stage{padding:0 16px 16px}.netz{grid-template-columns:1fr;gap:0}.netz .fkarte{padding:20px 0}.beitritt,.download{padding:24px;gap:24px}#rollen .vorzeigen{grid-template-columns:1fr}.handy{max-width:210px!important}h2{letter-spacing:-1px}.gross{font-size:42px}}
/* Precision pass: restrained glass, strong type, tactical hierarchy. */
:root{--acc:#c8d4af;--ok:#c8d4af;--mut:#a8b3b8}
body{background:radial-gradient(ellipse 85% 18% at 50% 0%,#31424742,transparent 85%),#090d10}
header{background:#090e12cc}header .breite{height:76px}.marke{font-weight:700;letter-spacing:3px}nav{gap:36px}nav a{font-size:12px}
.hero{padding-top:82px;gap:46px}.hero>div{max-width:1180px}.kicker{font:10px/1.6 var(--mono);letter-spacing:.18em;color:#b2bebc;gap:16px}.kicker>span{color:#536365}
h1{font-size:clamp(56px,7.7vw,110px);font-weight:550;letter-spacing:-.065em;line-height:.99;margin:30px 0 24px}h1 b{font-weight:550;color:#c5d0cb}.lead{font-size:17px;line-height:1.8;margin-top:24px;color:#aab7bd}.hero .knoepfe{margin-top:28px}.knopf{border-radius:5px;font-size:12px;padding:15px 24px}.knopf.haupt{background:#ccd8bb;border-color:#ccd8bb;color:#151c12}.knopf.haupt:hover{background:#e2ebd5}.knopf.sekundar{border-color:transparent;background:transparent;color:#c0cbce;gap:20px}.knopf.sekundar:hover{color:#fff;background:#ffffff06}
.zahlen{max-width:720px;margin-top:38px;gap:0}.zahlen div{border-right:1px solid #ffffff13;padding-inline:20px}.zahlen div:last-child{border:0}.zahlen b{font:9px/1.6 var(--mono);letter-spacing:.15em;color:#c5d0cb}.zahlen span{font-size:11px;color:#94a4ab;margin-top:6px}
.hero>.hud{border-radius:9px;padding:10px;background:linear-gradient(145deg,#ffffff0e,#ffffff03);border-color:#ffffff20;box-shadow:0 35px 90px #0007;position:relative}.hero>.hud:before{display:block;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:9px;background:linear-gradient(#b9c7b0,#b9c7b0) left top/28px 1px no-repeat,linear-gradient(#b9c7b0,#b9c7b0) left top/1px 28px no-repeat,linear-gradient(#b9c7b0,#b9c7b0) right bottom/28px 1px no-repeat,linear-gradient(#b9c7b0,#b9c7b0) right bottom/1px 28px no-repeat;margin:0}.hud .rahmen{border-radius:3px}.hud figcaption{font:9px/1.6 var(--mono);letter-spacing:.09em;padding:5px 6px 12px}.hud figcaption .r{display:block;color:#84959b}.hero .rahmen img{max-height:none;object-fit:contain}
section{padding-block:84px}.tag{font:10px/1.5 var(--mono);letter-spacing:.15em;color:#b6c5ae}h2{font-weight:450;font-size:clamp(34px,4.2vw,58px);letter-spacing:-.045em}.unter{font-size:16px}.glas{border-radius:10px;box-shadow:none;background:linear-gradient(120deg,#ffffff09,#ffffff03)}.product-stage{padding:0 28px 28px;margin-top:38px}.product-tabs{margin-bottom:28px}.product-tabs button{padding-block:22px}.product-tabs [aria-selected=true]{border-color:#c8d4af;color:#c8d4af}.product-panel>div{grid-template-columns:1fr auto;column-gap:36px}.product-panel h3{font-size:26px;font-weight:450;letter-spacing:-.035em}.product-panel p{font-size:14px;max-width:700px}.product-detail{grid-column:2;grid-row:1/3;border:0;padding:0;max-width:450px}.product-detail summary{font:11px/1.8 var(--mono);gap:24px;padding:5px 0;color:#b0bfc5}.product-detail summary:after{font-size:16px}.product-detail ul{margin-top:14px;font-size:12px}.product-detail[open]{width:min(34vw,450px)}.product-panel .rahmen img{max-height:600px}.product-panel .hud figcaption{display:none}.netz{gap:42px}.netz .fkarte b{font-weight:500}.chips span{border-radius:3px}th{font-size:9px;color:#bdcbb2}.vorzeigen h3{font-weight:450;letter-spacing:-.04em}.beitritt,.download{padding:40px}.codeform input{border-radius:5px}.gross{font-weight:500;letter-spacing:-.05em}summary:after{color:#c8d4af}
@media(max-width:800px){.hero{padding-top:56px;gap:36px}h1{font-size:clamp(54px,9vw,76px)}.product-panel>div{display:block}.product-detail{margin-top:16px;max-width:none}.product-detail[open]{width:100%}.product-detail ul{margin-top:10px}.product-stage{padding:0 20px 20px}.zahlen div{padding-inline:14px}section{padding-block:60px}.beitritt,.download{padding:30px}.hud figcaption .r{display:block!important}}
@media(max-width:480px){h1{font-size:clamp(44px,11vw,54px);letter-spacing:-.06em}.kicker{font-size:8px;letter-spacing:.12em;gap:10px}.hero{padding-top:42px}.hero .knoepfe{padding:0 16px}.lead{font-size:15px}.zahlen{flex-direction:row;gap:0;margin-top:28px}.zahlen div{display:block;padding-inline:8px}.zahlen b{font-size:8px;letter-spacing:.07em}.zahlen span{display:block;font-size:9px;line-height:1.5;margin-top:4px}.hero>.hud{padding:6px;border-radius:7px}.hud figcaption{font-size:7px;letter-spacing:.02em}.product-stage{padding:0 14px 14px}.product-tabs span{font-size:12px}.product-panel h3{font-size:23px}.beitritt,.download{padding:24px}.product-panel .rahmen img{max-height:none}}
/* Video introduction: one sentence, one mark, a full viewport. */
:root{--acc:#b2d4f3;--ok:#b2d4f3;--mut:#a2b4c4}
body{background:radial-gradient(ellipse 95% 30% at 50% 35%,#16345344,transparent 80%),#080e16}
header{position:fixed;inset:0 0 auto;background:transparent;border:0;backdrop-filter:none;transition:background .3s,border-color .3s;pointer-events:none}
header .breite{height:88px;pointer-events:auto}.marke{color:#f2f7fc;font-size:21px;letter-spacing:3px}.marke img{width:34px;height:34px}
header nav,header .knopf{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s}
.past-intro header{background:#080f19bd;backdrop-filter:blur(24px);border-bottom:1px solid #aecded16}
.past-intro header nav,.past-intro header .knopf{visibility:visible;opacity:1;pointer-events:auto}
main.breite{padding-top:0}
.video-hero{--intro-progress:0;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;place-items:center;min-height:640px;height:100svh;width:100%;max-width:none;margin:0;padding:0;gap:0;overflow:hidden;text-align:center;border:0;background:#0b1929}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(.65);transform:scale(1.025)}
.video-hero>.hero-shade{position:absolute;inset:0;max-width:none;width:auto;z-index:1;pointer-events:none;background:linear-gradient(180deg,#06101b50 0%,#06172938 35%,#07132266 70%,#080e16 100%)}
.video-hero>.hero-shade:after{content:"";position:absolute;inset:0;background:#11395e35;mix-blend-mode:color}
.video-hero>.hero-statement{position:relative;z-index:2;min-width:0;width:100%;max-width:1400px;padding:0 32px;transform:translateY(calc(var(--intro-progress) * 110px));opacity:calc(1 - var(--intro-progress) * 1.25);will-change:transform,opacity}
.video-hero h1{font-size:clamp(52px,7.7vw,112px);line-height:1.05;letter-spacing:-.06em;font-weight:450;margin:0;color:#f3f7fc;text-shadow:0 2px 45px #0006}
#funktionen{padding-top:100px}.tag{color:#95bbdf}.knopf.haupt{background:#c5dff5;border-color:#c5dff5;color:#0a1b2e}.knopf.haupt:hover{background:#e2f0fc}.knopf:hover{background:#8bb8e316}.glas{background:linear-gradient(120deg,#a3c9f00b,#8db8e503);border-color:#b4d6f219}.product-tabs [aria-selected=true]{border-color:#b2d4f3;color:#b2d4f3}th{color:#a5c9eb}.product-panel b{color:#d9e9f7}.download{background:linear-gradient(120deg,#76a9d718,#b6d8f204)}summary:after{color:#a8cff2}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#b2d4f3}::selection{background:#b2d4f3;color:#081421}
@media(max-width:800px){header .breite{height:76px}.video-hero{min-height:540px;height:100svh;padding:0}.video-hero h1{font-size:clamp(50px,9vw,76px)}#funktionen{padding-top:70px}}
@media(max-width:480px){.video-hero{min-height:480px}.video-hero>.hero-statement{padding:0 20px}.video-hero h1{font-size:clamp(42px,10.7vw,54px);letter-spacing:-.055em}.marke{font-size:18px}.marke img{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.video-hero>.hero-statement{transform:none;opacity:1;will-change:auto}header,header nav,header .knopf{transition:none}}
/* A concise introduction over the full-screen footage. */
.intro-label{font:10px/1.6 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:#c4d6e7;margin:0 0 24px}
.video-hero .intro-description{font:17px/1.8 "Segoe UI",sans-serif;color:#c5d2df;margin:24px auto 0;max-width:540px;text-shadow:0 2px 16px #0008}
.intro-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:30px}
.intro-actions .knopf{gap:24px}.intro-link{display:inline-flex;align-items:center;gap:20px;color:#e2edf6;font-size:12px;padding:14px 0}.intro-link:hover{color:#fff}
.video-hero>.intro-bottom{position:absolute;bottom:28px;left:0;right:0;z-index:2;width:100%;max-width:none;display:flex;justify-content:space-between;padding:0 64px;color:#a8bdd0;font:9px/1.6 var(--mono);letter-spacing:.09em;text-transform:uppercase;pointer-events:none}
@media(max-width:1100px){.video-hero>.intro-bottom{padding-inline:32px}}
@media(max-width:480px){.intro-label{font-size:8px;letter-spacing:.12em;margin-bottom:20px}.video-hero .intro-description{font-size:14px;margin-top:20px}.intro-actions{gap:20px;margin-top:24px;flex-direction:column}.intro-actions .knopf{font-size:11px;padding:14px 20px}.intro-link{font-size:11px;padding:4px 0}.video-hero>.intro-bottom{padding-inline:20px;font-size:7px;letter-spacing:.03em;bottom:20px;gap:14px}.video-hero{min-height:600px}}
/* Brand-led introduction, without video. */
.video-hero{background:radial-gradient(ellipse 46% 58% at 50% 37%,#223b5340,transparent 80%),radial-gradient(ellipse 32% 38% at 50% 28%,#c9213620,transparent 75%),#090f18;min-height:740px}
.intro-logo{width:clamp(105px,12vw,164px);height:auto;margin:0 auto 26px;filter:drop-shadow(0 15px 40px #a812242b)}
.intro-label{margin-bottom:20px;letter-spacing:.19em;color:#c2ccd7}
.video-hero h1{font-size:clamp(52px,6.8vw,94px)}
.intro-actions .knopf.haupt{background:#c9233e;border-color:#dd3651;color:#fff;box-shadow:0 7px 30px #b9172b26}
.intro-actions .knopf.haupt:hover{background:#df2b48;border-color:#ee4c66}
.past-intro header{border-bottom-color:#d930431e}
.product-tabs [aria-selected=true]{border-color:#da344b}.tag{color:#c0cedc}
@media(max-width:800px){.video-hero{min-height:700px}.intro-logo{width:124px;margin-bottom:24px}.video-hero h1{font-size:clamp(50px,8vw,72px)}}
@media(max-width:480px){.video-hero{min-height:700px}.intro-logo{width:112px;margin-bottom:24px}.video-hero h1{font-size:clamp(40px,10vw,50px)}.intro-label{font-size:9px}.intro-actions{gap:20px}}
/* Poster composition: oversized statement and a distinct brand field. */
.video-hero{display:flex;align-items:center;justify-content:center;background:#090f18;text-align:left;min-height:800px}
.video-hero>.hero-statement{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto auto auto auto;column-gap:80px;align-items:center;max-width:1440px;padding:100px 64px 85px}
.intro-logo{grid-column:2;grid-row:1/5;width:100%;max-width:300px;margin:0;filter:none;transform:rotate(-5deg)}
.intro-label{grid-column:1;grid-row:1;margin:0 0 28px;color:#9caebe;font-size:10px;letter-spacing:.15em}
.video-hero h1{grid-column:1;grid-row:2;font-size:clamp(88px,11vw,158px);line-height:.88;font-weight:650;letter-spacing:-.075em;margin:0;color:#f2f2ee;text-shadow:none}
.video-hero h1 span{color:#df2946}
.video-hero .intro-description{grid-column:1;grid-row:3;margin:32px 0 0;font-size:16px;line-height:1.7;color:#a9b7c5;text-shadow:none;max-width:550px}
.intro-actions{grid-column:1;grid-row:4;justify-content:flex-start;margin-top:28px;gap:30px}
.intro-actions .knopf.haupt{border-radius:0;background:#d51e3e;border-color:#d51e3e;box-shadow:none;padding:16px 24px}
.video-hero>.intro-bottom{bottom:26px;border-top:1px solid #ffffff1a;padding-top:16px;left:64px;right:64px;width:auto;padding-inline:0}
#funktionen>.tag,#funktionen>h2,#funktionen>.unter{text-align:left;margin-left:0;margin-right:0}
#funktionen>h2{font-size:clamp(42px,5.8vw,80px);font-weight:500;line-height:1.02}
@media(max-width:1100px){.video-hero>.hero-statement{grid-template-columns:minmax(0,1fr) 220px;padding-inline:32px;column-gap:36px}.intro-logo{max-width:220px}.video-hero h1{font-size:clamp(86px,11vw,126px)}.video-hero>.intro-bottom{left:32px;right:32px}}
@media(max-width:800px){.video-hero{min-height:760px}.video-hero>.hero-statement{grid-template-columns:minmax(0,1fr) 150px;column-gap:24px;padding-top:110px}.intro-logo{max-width:150px}.video-hero h1{font-size:clamp(72px,12vw,96px)}.video-hero .intro-description{font-size:14px}.intro-label{font-size:9px}}
@media(max-width:560px){.video-hero{min-height:820px;height:auto}.video-hero>.hero-statement{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;padding:112px 24px 108px;gap:0}.intro-logo{grid-column:1;grid-row:1;width:100px;margin:0 0 30px;transform:none}.intro-label{grid-row:2;margin-bottom:20px;font-size:8px}.video-hero h1{grid-row:3;font-size:clamp(76px,18vw,100px)}.video-hero .intro-description{grid-row:4;margin:26px 0 0;font-size:14px}.intro-actions{grid-row:5;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:22px;margin-top:26px}.intro-actions .knopf.haupt{font-size:11px;padding:14px 16px}.video-hero>.intro-bottom{left:24px;right:24px;bottom:22px;font-size:7px}}
/* Institutional direction: symmetrical, measured, restrained branding. */
.video-hero{background:linear-gradient(180deg,#101b28 0%,#0a121c 65%,#080e16 100%);text-align:center;min-height:740px}
.video-hero>.hero-statement{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1200px;padding:110px 48px 100px;gap:0}
.intro-logo{width:94px;max-width:94px;margin:0 0 30px;transform:none;filter:none}
.intro-label{font-size:10px;letter-spacing:.22em;color:#98aabc;margin:0 0 24px}
.video-hero h1{font-size:clamp(54px,6.4vw,88px);font-weight:400;line-height:1.1;letter-spacing:-.045em;color:#e7edf4;margin:0}
.video-hero .intro-description{font-size:15px;line-height:1.85;color:#a3b2c2;margin:24px auto 0;max-width:560px}
.intro-actions{justify-content:center;gap:32px;margin-top:30px;flex-direction:row}
.intro-actions .knopf.haupt{border:1px solid #b4c8dc66;background:#b4c8dc09;color:#e3edf7;box-shadow:none;border-radius:2px;font-size:11px;letter-spacing:.02em;padding:15px 22px}
.intro-actions .knopf.haupt:hover{background:#b4c8dc19;border-color:#b4c8dc}.intro-link{font-size:11px;color:#aebfd0}
.video-hero>.intro-bottom{border-top-color:#90aac31c;color:#8094a9;font-size:8px;letter-spacing:.12em}
#funktionen>.tag,#funktionen>h2,#funktionen>.unter{text-align:center;margin-inline:auto}
#funktionen>h2{font-size:clamp(36px,4.3vw,58px);font-weight:400;line-height:1.1;letter-spacing:-.04em}
.product-tabs [aria-selected=true]{border-color:#9ebbd8}.glas{border-radius:5px}.tag{font-size:9px;letter-spacing:.18em;color:#96abc0}
@media(max-width:800px){.video-hero{min-height:700px}.video-hero>.hero-statement{padding:110px 32px 100px}.intro-logo{width:84px;max-width:84px}.video-hero h1{font-size:clamp(48px,7.5vw,66px)}}
@media(max-width:560px){.video-hero{height:100svh;min-height:680px}.video-hero>.hero-statement{padding:110px 24px 90px}.intro-logo{width:80px;max-width:80px;margin-bottom:28px}.intro-label{font-size:8px;letter-spacing:.17em}.video-hero h1{font-size:clamp(40px,9.8vw,54px)}.video-hero .intro-description{font-size:13px;margin-top:22px}.intro-actions{gap:24px;flex-wrap:wrap;margin-top:28px}.intro-actions .knopf.haupt{font-size:10px;padding:14px 18px}.intro-link{font-size:10px}}
/* Visible capability chapters, inspired by the scale of an editorial index. */
#funktionen>.tag,#funktionen>h2,#funktionen>.unter{text-align:left;margin-inline:0}
#funktionen>h2{font-size:clamp(46px,5.7vw,78px);max-width:1000px;font-weight:400}
.feature-chapter{padding:56px 0 76px;border-top:1px solid #b7cce026;margin-top:48px}
.feature-heading{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:start;margin-bottom:38px}
.feature-context{max-width:280px}.feature-index{font:10px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8199af}.feature-context p{font-size:17px;line-height:1.5;color:#b9c7d4;margin:24px 0 0}
.feature-heading h3{font-size:clamp(58px,7.8vw,112px);font-weight:350;letter-spacing:-.06em;line-height:1.02;margin:0;overflow-wrap:anywhere;color:#eaf0f6}
.feature-body{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:0 0 36px 0;margin-left:calc((100% - 64px)/3 + 64px)}
.feature-body>p{font-size:15px;line-height:1.85;color:#adbdcd;margin:0}.feature-body ul{margin:0;padding:0;list-style:none;color:#afc1d1;font-size:13px;line-height:1.7}.feature-body li{border-bottom:1px solid #ffffff0d;padding:8px 0}.feature-body li:first-child{padding-top:0}.feature-body b{font-weight:500;color:#dce8f3}
.feature-image{margin:0;background:#101b25;border:1px solid #adc6dd1a;padding:12px}.feature-image img{width:100%;height:auto;max-height:660px;object-fit:contain;object-position:top}.feature-image figcaption{padding:12px 4px 0;font:9px/1.6 var(--mono);color:#8fa5b9;text-transform:uppercase;letter-spacing:.1em}
.toolset{padding:60px 0 0;border-top:1px solid #b7cce026}.toolset>h3{font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:20px 0 48px}.toolset .raster{border:0;grid-template-columns:1fr 1fr;gap:0 64px}.toolset .fkarte{padding:30px 0;border-top:1px solid #b7cce026}.toolset .fkarte .ic{display:block;font:9px var(--mono);color:#8099b0;margin:0 0 18px}.toolset .fkarte h3{font-size:27px;font-weight:400;line-height:1.2;letter-spacing:-.025em;margin-bottom:14px}.toolset .fkarte p,.toolset .fkarte ul{font-size:15px;line-height:1.8;max-width:520px}.toolset .fkarte ul{margin-top:12px}
@media(max-width:1100px){.feature-heading{gap:32px;grid-template-columns:1fr 2fr}.feature-heading h3{font-size:clamp(54px,7.4vw,84px)}.feature-body{margin-left:0;gap:36px}.feature-context p{font-size:15px}.toolset .raster{gap:0 36px}}
@media(max-width:700px){.feature-chapter{padding:36px 0 48px;margin-top:36px}.feature-heading{grid-template-columns:1fr;gap:22px;margin-bottom:26px}.feature-context{max-width:500px}.feature-context p{margin-top:12px}.feature-heading h3{font-size:clamp(48px,10vw,72px);overflow-wrap:normal}.feature-body{grid-template-columns:1fr;gap:20px;padding-bottom:26px}.feature-image{padding:6px}.feature-image figcaption{font-size:8px;padding:8px 2px 2px}.toolset .raster{grid-template-columns:1fr}.toolset .fkarte h3{font-size:26px}.toolset .fkarte p,.toolset .fkarte ul{font-size:14px}#funktionen>h2{font-size:clamp(38px,7vw,50px)}}
/* Simple, consistent feature alignment. */
.feature-chapter{padding:44px 0 60px;margin-top:32px}
.feature-heading{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}
.feature-context{display:contents}
.feature-index{order:0;font-size:9px;color:#8ca3b8}
.feature-heading h3{order:1;font-size:clamp(46px,6.2vw,84px);line-height:1.08;letter-spacing:-.05em;overflow-wrap:normal}
.feature-context p{display:none}
.feature-body{margin-left:0;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding:0 0 32px}
.feature-body>p{font-size:16px;line-height:1.8;max-width:590px}
.feature-body ul{font-size:13px;color:#a9bdcf}
.feature-body li{border:0;padding:5px 0}.feature-body li:first-child{padding-top:0}
.feature-image{padding:0;border:1px solid #adc6dd17;background:#0c151f}
.feature-image img{max-height:none;width:100%;height:auto;object-fit:contain}
.feature-image figcaption{padding:12px 16px;color:#8198ad;font-size:8px}
#funktionen>h2{font-size:clamp(38px,4.6vw,62px);line-height:1.12}
#funktionen>.unter{margin-bottom:40px}
.toolset{padding-top:44px}.toolset>h3{font-size:clamp(34px,4vw,48px);margin-bottom:32px}
.toolset .raster{gap:0 48px}.toolset .fkarte h3{font-size:23px}.toolset .fkarte p,.toolset .fkarte ul{font-size:14px}.toolset .fkarte .ic{margin-bottom:14px}
@media(max-width:800px){.feature-body{grid-template-columns:1fr;gap:18px}.feature-chapter{padding:36px 0 44px}.feature-heading{gap:16px;margin-bottom:20px}.feature-heading h3{font-size:clamp(42px,7vw,60px)}.feature-body>p{font-size:15px}.feature-body ul{font-size:13px}.toolset .raster{gap:0 30px}}
@media(max-width:560px){.feature-heading h3{font-size:clamp(38px,9vw,50px)}.feature-body{padding-bottom:24px}.toolset .raster{grid-template-columns:1fr}.feature-image figcaption{padding:10px;font-size:7px}}
/* Quiet brand surface without a generated scene or enclosing card. */
.video-hero{background:radial-gradient(ellipse 80% 65% at 50% 0%,#233b5140,transparent 80%),linear-gradient(180deg,#101a26,#080e16);}
.video-hero>.hero-statement{max-width:1200px;width:100%;padding:110px 48px 100px;margin:0;background:none;border:0;border-radius:0;backdrop-filter:none;box-shadow:none;}
@media(max-width:800px){.video-hero>.hero-statement{padding:110px 32px 100px;}}
@media(max-width:560px){.video-hero>.hero-statement{padding:110px 24px 90px;}}
/* Quiet GIS contour lines; the centre remains clear. */
.video-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('bilder/hoehenlinien.svg') center bottom/cover no-repeat;opacity:.09;mask-image:linear-gradient(180deg,transparent 5%,#000 45%,#000 85%,transparent);}
.video-hero>.hero-statement{z-index:1}.video-hero>.intro-bottom{z-index:1}
@media(max-width:560px){.video-hero:before{background-size:auto 100%;opacity:.07}}
/* Topographic relief: closed elevation contours with a slow cartographic drift. */
.video-hero:before{inset:-4%;background-image:url('bilder/hoehenlinien.svg?v=2');background-position:center;background-size:cover;opacity:.24;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 82%,transparent),linear-gradient(90deg,#000,transparent 36%,transparent 64%,#000);mask-composite:intersect;animation:terrain-drift 42s ease-in-out infinite alternate;transform-origin:center;}
@keyframes terrain-drift{from{transform:translate3d(-.6%,.4%,0) scale(1)}to{transform:translate3d(.6%,-.5%,0) scale(1.035)}}
@media(max-width:560px){.video-hero:before{background-size:auto 100%;opacity:.2;mask-image:linear-gradient(180deg,transparent,#000 24%,#000 85%,transparent)}}
@media(prefers-reduced-motion:reduce){.video-hero:before{animation:none;transform:none}}
/* Illustrative operational map with moving emergency units. */
.video-hero:before{display:none}
.operational-map{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:url('bilder/lagekarte-hintergrund.svg') center/100% 100% no-repeat;opacity:.65;mask-image:linear-gradient(90deg,#000 0%,#000 20%,#0002 38%,#0002 62%,#000 80%,#000 100%)}
.map-tracks{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#8cb9da;stroke-width:1;stroke-dasharray:4 7;opacity:.25}.map-tracks circle{fill:#9dbed4;stroke:none}
.map-unit{position:absolute;color:#b4d1e5;display:flex;align-items:center;gap:8px;padding:6px 8px;background:#122331b3;border:1px solid #9fbed93d;border-radius:3px;box-shadow:0 0 18px #8fb7d209}.map-unit svg{width:24px;height:22px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.map-unit span{font:8px var(--mono);letter-spacing:.08em;white-space:nowrap}.unit-one{animation:rtw-one 34s linear infinite alternate}.unit-two{animation:rtw-two 42s linear infinite alternate;color:#aabfca}.helicopter{animation:heli-route 48s ease-in-out infinite alternate}.helicopter svg{width:28px}
@keyframes rtw-one{0%{left:7.5%;top:25.5%}65%{left:27%;top:25.5%}100%{left:31.5%;top:25.5%}}
@keyframes rtw-two{0%{left:81.9%;top:75%}70%{left:81.9%;top:26.5%}100%{left:69%;top:26.5%}}
@keyframes heli-route{from{left:12%;top:66%}to{left:28%;top:48%}}
.map-point{position:absolute;width:6px;height:6px;border-radius:50%;background:#a7c9df;box-shadow:0 0 0 5px #a7c9df12}.point-one{left:18.75%;top:75%;animation:map-beacon 4s ease-out infinite}.point-two{left:81.9%;top:26.5%;animation:map-beacon 4s 2s ease-out infinite}
@keyframes map-beacon{0%,100%{box-shadow:0 0 0 3px #a7c9df18}70%{box-shadow:0 0 0 14px #a7c9df00}}
.map-demo{position:absolute;bottom:65px;right:64px;font:8px var(--mono);letter-spacing:.06em;color:#7891a6;z-index:1}
@media(max-width:560px){.map-unit span{display:none}.map-unit{padding:4px}.map-unit svg{width:18px;height:18px}.operational-map{opacity:.42}.map-demo{right:24px;bottom:62px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.map-unit,.map-point{animation:none}.unit-one{left:12%;top:25.5%}.unit-two{left:81.9%;top:55%}.helicopter{left:18%;top:66%}}
/* Terrain and settlements remain readable around the quiet central title. */
.operational-map{background-image:url('bilder/lagekarte-hintergrund.svg?v=6');opacity:.64;mask-image:linear-gradient(90deg,#000 0%,#000 24%,#0002 40%,#0002 60%,#000 76%,#000 100%)}
.map-tracks{display:none}
@keyframes rtw-one{0%{left:5%;top:49%}50%{left:18%;top:48%}100%{left:26%;top:51%}}
@keyframes rtw-two{0%{left:68%;top:76%}50%{left:67%;top:64%}100%{left:69%;top:42%}}
.point-one{left:27%;top:47%}.point-two{left:72%;top:47%}
@media(max-width:560px){.operational-map{opacity:.5;background-size:auto 100%}}
/* Intermittent simulated updates, rather than a constant stream of effects. */
.operational-map{opacity:.5}
.map-event{position:absolute;display:flex;gap:10px;align-items:flex-start;max-width:180px;padding:10px 12px;background:#12202de8;border:1px solid #b8ccdc25;border-radius:3px;color:#c0d1df;font:9px/1.5 var(--mono);opacity:0;pointer-events:none;animation:map-update 24s ease-in-out infinite}
.map-event i{width:4px;height:4px;border-radius:50%;background:#a7c9be;margin-top:4px;box-shadow:0 0 0 3px #a7c9be12}.map-event small{display:block;color:#8ca3b7;font:9px/1.6 "Segoe UI",sans-serif;margin-top:3px}
.event-position{left:12%;top:39%;animation-delay:1s}.event-status{left:16%;top:69%;animation-delay:9s}.event-report{right:10%;top:34%;animation-delay:17s}
@keyframes map-update{0%,2%{opacity:0;transform:translateY(5px)}5%,19%{opacity:1;transform:translateY(0)}23%,100%{opacity:0;transform:translateY(-3px)}}
.map-point{animation-duration:7s}.map-unit{background:#12233180;border-color:#9fbed92b}.map-demo{color:#91a7b9}
@media(max-width:560px){.operational-map{opacity:.42}.map-event{padding:7px 8px;max-width:130px;font-size:7px;gap:7px}.map-event small{font-size:8px}.event-position{left:3%;top:27%}.event-status{left:4%;top:74%}.event-report{right:3%;top:66%}}
@media(prefers-reduced-motion:reduce){.map-event{animation:none;display:none}}
/* Asymmetric terrain, incidental updates and a softer overall presence. */
.operational-map{opacity:.29;mask-image:linear-gradient(90deg,#000 0%,#000 18%,#0001 43%,#0002 65%,#000 90%)}
.map-unit{border-color:#9fbed91c;background:#12233145;box-shadow:none;color:#a4bccc}.map-unit svg{stroke-width:1.2}
.map-event{padding:7px 9px;border-color:#b8ccdc1c;background:#12202d99;font-size:8px;animation-duration:36s;color:#b1c5d4;box-shadow:none}.map-event small{font-size:8px;color:#91a8b9}.map-event i{box-shadow:none;width:3px;height:3px}
.event-position{left:9%;top:33%;animation-delay:0s}.event-status{left:21%;top:74%;animation-delay:6s}.event-report{right:8%;top:28%;animation-delay:12s}.event-four{right:14%;top:68%;animation-delay:18s}.event-five{left:7%;top:57%;animation-delay:24s}.event-six{right:6%;top:49%;animation-delay:30s}
@keyframes map-update{0%,2%{opacity:0;transform:translateY(3px)}4%,12%{opacity:1;transform:translateY(0)}15%,100%{opacity:0;transform:translateY(-2px)}}
.map-point{width:4px;height:4px;opacity:.7;animation:none;box-shadow:0 0 0 3px #a7c9df0a}
@media(max-width:560px){.operational-map{opacity:.23}.map-event{font-size:7px;padding:6px;max-width:110px}.map-event small{font-size:7px}.event-position{left:4%;top:22%}.event-status{left:5%;top:78%}.event-report{right:4%;top:28%}.event-four{right:4%;top:73%}.event-five{left:3%;top:62%}.event-six{right:3%;top:43%}}
@media(prefers-reduced-motion:reduce){.map-event{animation:none;display:none}}
/* Real geography replaces the hand-drawn map. Tiles are browser-cached. */
.operational-map{background:none;opacity:.3;mask-image:linear-gradient(90deg,#000,#000 20%,#0002 43%,#0002 62%,#000 85%)}
.real-map-tiles{position:absolute;left:50%;top:50%;width:max(100%,133.333svh);height:auto;aspect-ratio:4/3;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);filter:grayscale(1) invert(1) sepia(.25) saturate(.7) hue-rotate(160deg) brightness(.8)}
.real-map-tiles img{width:100%;height:100%;max-width:none;display:block}
.map-demo{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;max-width:75%;font:8px/1.6 var(--mono);color:#9cafc0}.map-demo a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:560px){.operational-map{opacity:.24}.map-demo{font-size:7px;max-width:85%}}

/* Abstract cartographic structure, fully local and without place labels. */
.operational-map{background:url('bilder/karte-abstrakt.svg?v=4') center/cover no-repeat;opacity:.34;mask-image:linear-gradient(90deg,#000,#000 22%,#0001 42%,#0001 62%,#000 83%);}
@media(max-width:560px){.operational-map{background-size:auto 100%;opacity:.26}}
/* Additional incident resources and staggered simulated reports. */
.fire-unit{animation:fire-route 49s ease-in-out infinite alternate;color:#c5afb1}.police-unit{animation:police-route 55s ease-in-out infinite alternate;color:#a6bddb}.drone-unit{animation:drone-route 62s ease-in-out infinite alternate;color:#b9c8bd}
@keyframes fire-route{from{left:10%;top:73%}to{left:25%;top:65%}}
@keyframes police-route{from{left:82%;top:18%}to{left:73%;top:29%}}
@keyframes drone-route{0%{left:76%;top:73%}50%{left:85%;top:59%}100%{left:79%;top:44%}}
.map-event{animation-duration:40s}.event-position{animation-delay:0s}.event-status{animation-delay:4s}.event-report{animation-delay:8s}.event-four{animation-delay:12s}.event-five{animation-delay:16s}.event-six{animation-delay:20s}
.event-seven{left:12%;top:81%;animation-delay:24s}.event-eight{right:9%;top:22%;animation-delay:28s}.event-nine{right:7%;top:76%;animation-delay:32s}.event-ten{left:6%;top:44%;animation-delay:36s}
@keyframes map-update{0%,1%{opacity:0;transform:translateY(3px)}3%,9%{opacity:1;transform:translateY(0)}12%,100%{opacity:0;transform:translateY(-2px)}}
@media(max-width:560px){.event-seven{left:3%;top:82%}.event-eight{right:3%;top:19%}.event-nine{right:3%;top:79%}.event-ten{left:3%;top:38%}}
@media(prefers-reduced-motion:reduce){.fire-unit,.police-unit,.drone-unit{animation:none}.fire-unit{left:12%;top:73%}.police-unit{left:82%;top:18%}.drone-unit{left:79%;top:70%}.map-event{animation:none;display:none}}

/* Random scheduling is controlled by JS, not repeating CSS sequences. */
.map-event{animation:none;opacity:0;transform:translateY(3px);transition:opacity .7s ease,transform .7s ease;max-width:145px}
.map-event.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:560px){.map-event{max-width:100px}}
@media(prefers-reduced-motion:reduce){.map-event{display:none;transition:none}}
/* Discreet simulated incident, with a slow alert radius. */
.map-incident{position:absolute;left:17%;top:44%;display:flex;align-items:center;gap:8px;color:#d9a17a}
.map-incident>svg{position:relative;width:16px;height:19px;fill:#d39a6b;fill-opacity:.65;stroke:#e8b58d;stroke-width:.7;filter:drop-shadow(0 0 6px #d17c4526)}
.incident-label{font:8px/1.6 var(--mono);letter-spacing:.07em;color:#c7a58a}
.incident-ring{position:absolute;left:8px;top:9px;width:34px;height:34px;border:1px solid #d39a6b55;border-radius:50%;transform:translate(-50%,-50%);animation:incident-pulse 5s ease-out infinite;pointer-events:none}
@keyframes incident-pulse{0%{transform:translate(-50%,-50%) scale(.55);opacity:.7}85%,100%{transform:translate(-50%,-50%) scale(1.8);opacity:0}}
@media(max-width:560px){.map-incident{left:9%;top:34%}.incident-label{font-size:6px}.map-incident>svg{width:13px;height:16px}}
@media(prefers-reduced-motion:reduce){.incident-ring{animation:none;opacity:.3}}

/* ================================================================ v27: Unterschied, Übung, Zugang (Claude) */
#anders{padding-top:100px}
#anders>.tag,#anders>h2,#anders>.unter{max-width:900px}
#anders>h2{font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1.05;letter-spacing:-.04em}
.saeulen{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b7cce026;margin:48px 0 24px}
.saeule{display:block;padding:28px 28px 32px 0;border-right:1px solid #b7cce026;transition:background .25s}
.saeule+.saeule{padding-left:28px}.saeule:last-child{border-right:0}
.saeule:hover{background:#8bb8e30d;color:inherit}
.saeule .snr{display:block;font:9px var(--mono);letter-spacing:.12em;color:#8099b0;margin-bottom:22px}
.saeule b{display:block;font-size:24px;font-weight:400;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px;color:#eaf0f6}
.saeule p{margin:0;color:var(--mut);font-size:14px;line-height:1.7}
.anders-kapitel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:64px;align-items:center;padding:72px 0;border-top:1px solid #b7cce026}
.anders-kapitel.umgekehrt{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)}
.anders-kapitel.umgekehrt>.ak-text{order:2}
.ak-text h3{font-size:clamp(34px,3.6vw,52px);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:18px 0 22px}
.ak-text>p{color:#b4c3d1;font-size:16px;line-height:1.8;margin:0 0 22px}
.ak-text b{font-weight:500;color:#dbe8f4}
.pruefliste{list-style:none;padding:0;margin:0;border-top:1px solid #b7cce01c}
.pruefliste li{position:relative;padding:12px 0 12px 26px;border-bottom:1px solid #b7cce01c;color:var(--mut);font-size:14.5px;line-height:1.6}
.pruefliste li:before{content:"";position:absolute;left:2px;top:20px;width:9px;height:9px;border:1px solid #95bbdf;transform:rotate(45deg)}
.bildpaar{display:grid;gap:20px}
.netzbild{display:flex;justify-content:center;padding:20px;border:1px solid #b7cce01c;background:radial-gradient(ellipse at 50% 50%,#1b2d4133,transparent 70%)}
.netzbild svg{width:100%;max-width:520px;height:auto;overflow:visible}
.nb-linie path{stroke:#9cc2e64d;stroke-width:1.2;stroke-dasharray:5 6;fill:none;animation:nb-fluss 2.4s linear infinite}
.nb-funk path{stroke:#e85c6b;stroke-width:1.4;stroke-dasharray:3 7;fill:none;animation:nb-fluss 1.2s linear infinite}
@keyframes nb-fluss{to{stroke-dashoffset:-22}}
.nb-knoten rect,.nb-knoten circle{fill:#0e1a27;stroke:#a9cdef55;stroke-width:1.2}
.nb-knoten rect{stroke:#c5dff5;stroke-width:1.5}
.nb-knoten circle.nb-lora{stroke:#e85c6b}
.nb-knoten text{fill:#9fb5c8;font:11px "Segoe UI",sans-serif;text-anchor:middle}
.nb-knoten text.nb-titel{fill:#e6eff7;font:600 10px var(--mono);letter-spacing:.12em}
.nb-fuss{fill:#7f97ad;font:9px var(--mono);letter-spacing:.18em;text-anchor:middle}
.vergleich{margin-top:24px;overflow:auto}
.vergleich td:last-child{color:#dbe8f4}
.vergleich th:last-child{color:#c5dff5}
.zugang{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;padding:48px}
.zugang h2{font-size:clamp(32px,3.4vw,46px)}
.anfrage{display:flex;flex-direction:column;gap:14px}
.anfrage label{display:flex;flex-direction:column;gap:6px;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#93aec6}
.anfrage .opt{text-transform:none;letter-spacing:0;color:#6f879c}
.anfrage input,.anfrage select,.anfrage textarea{padding:12px 14px;background:#08111bcc;border:1px solid #b7cce033;border-radius:0;color:var(--fg);font:15px "Segoe UI",sans-serif;letter-spacing:0;text-transform:none}
.anfrage input:focus,.anfrage select:focus,.anfrage textarea:focus{outline:none;border-color:#c5dff5}
.anfrage textarea{resize:vertical;min-height:96px}
.anfrage .zwei{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.anfrage label.chk{flex-direction:row;align-items:flex-start;gap:10px;font:13px/1.5 "Segoe UI",sans-serif;letter-spacing:0;text-transform:none;color:var(--mut)}
.anfrage label.chk input{margin-top:3px;accent-color:#c5dff5}
.anfrage .knopf{align-self:flex-start;margin-top:6px}
.anfrage .falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:1100px){.saeulen{grid-template-columns:1fr 1fr}.saeule:nth-child(2){border-right:0}.saeule:nth-child(3){padding-left:0}.saeule:nth-child(n+3){border-top:1px solid #b7cce026}
  .anders-kapitel,.anders-kapitel.umgekehrt{gap:36px}.zugang{gap:36px;padding:36px}}
@media(max-width:800px){.anders-kapitel,.anders-kapitel.umgekehrt,.zugang{grid-template-columns:1fr}.anders-kapitel.umgekehrt>.ak-text{order:0}.anders-kapitel{padding:48px 0}}
@media(max-width:560px){.saeulen{grid-template-columns:1fr}.saeule,.saeule+.saeule{padding:22px 0;border-right:0;border-top:1px solid #b7cce026}.anfrage .zwei{grid-template-columns:1fr}.zugang{padding:24px}}
@media(prefers-reduced-motion:reduce){.nb-linie path,.nb-funk path{animation:none}}

/* ================================================================ v28: Gliederung, App (Claude) */
#unterschied{padding-top:100px}
#unterschied>.tag,#unterschied>h2,#unterschied>.unter,#einsatz>h2,#einsatz>.unter,#app>h2,#app>.unter{max-width:900px}
#unterschied>h2,#funktionen>h2,#einsatz>h2,#app>h2,#zugang h2,#fragen>h2{font-size:clamp(38px,4.6vw,64px);font-weight:400;line-height:1.06;letter-spacing:-.04em}
#funktionen>.tag,#funktionen>h2,#funktionen>.unter{text-align:left;margin-inline:0}
section{scroll-margin-top:70px}
.zwischentitel{font-size:clamp(26px,2.6vw,34px);font-weight:400;letter-spacing:-.02em;margin:72px 0 22px}
.beitretenanker{margin-top:72px;scroll-margin-top:90px}
#einsatz .vorzeigen{margin-bottom:0}
.kicker.entwicklung{display:flex;width:max-content;margin:0 0 20px;padding:4px 10px;border:1px solid #e5484d66;color:#ff9aa0}
.kicker.entwicklung:before{background:#e5484d;border-radius:50%;animation:entw 1.6s ease-in-out infinite}
@keyframes entw{50%{opacity:.25}}
.appbereich{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:72px;align-items:center;margin-top:24px}
.handys{position:relative;height:620px}
.handyrahmen{position:absolute;width:270px;aspect-ratio:9/19.5;border-radius:42px;padding:10px;background:#05090e;
  border:1px solid #b7cce033;box-shadow:0 30px 80px #0009,inset 0 0 0 2px #1b2734;overflow:hidden}
.handyrahmen img{width:100%;height:100%;object-fit:cover;border-radius:32px}
.handyrahmen:after{content:"";position:absolute;top:18px;left:50%;width:84px;height:22px;margin-left:-42px;border-radius:12px;background:#05090e}
.handyrahmen.hinten{left:8%;top:0;transform:rotate(-6deg);opacity:.85}
.handyrahmen.vorne{left:38%;top:40px;transform:rotate(4deg)}
.appliste{border-top:1px solid #b7cce026}
.appzeile{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #b7cce026}
.appzeile .ic{font:10px var(--mono);letter-spacing:.12em;color:#8099b0;padding-top:5px}
.appzeile b{display:block;font-size:19px;font-weight:400;letter-spacing:-.01em;color:#eaf0f6;margin-bottom:4px}
.appzeile p{margin:0;color:var(--mut);font-size:14.5px;line-height:1.7}
.appstand{margin:22px 0 0;color:#b4c3d1;font-size:14px}.appstand a{color:#c5dff5;border-bottom:1px solid #c5dff566}
@media(max-width:1000px){.appbereich{grid-template-columns:1fr;gap:40px}.handys{height:560px;max-width:520px;margin:auto;width:100%}}
@media(max-width:560px){.handys{height:470px}.handyrahmen{width:210px;border-radius:34px}.handyrahmen img{border-radius:26px}.handyrahmen.hinten{left:0}.handyrahmen.vorne{left:auto;right:0}
  .kicker.entwicklung{margin:12px 0 0;display:flex;width:max-content}}

/* ================================================================ v29: Reiter, Demo, Bondrucker (Claude) */
.saeulen.reiterleiste{grid-template-columns:repeat(5,1fr);margin-bottom:0}
.reiterleiste.klein{grid-template-columns:repeat(4,1fr);margin-top:36px}
button.saeule{font:inherit;color:inherit;text-align:left;background:none;border:0;border-right:1px solid #b7cce026;border-bottom:2px solid transparent;cursor:pointer;position:relative}
button.saeule:last-child{border-right:0}
.js button.saeule:not(.an){opacity:.55}
.js button.saeule:hover{opacity:1}
button.saeule.an{border-bottom-color:#c5dff5;background:linear-gradient(180deg,#8bb8e30a,#8bb8e31a)}
.reiterleiste.klein .saeule{padding:18px 22px 18px 0}.reiterleiste.klein .saeule+.saeule{padding-left:22px}
.reiterleiste.klein .saeule b{font-size:21px;margin:0}
.reiterleiste.klein .saeule .snr{margin-bottom:10px}
.js .reiterfelder>[data-feld]:not(.an){display:none}
.reiterfelder>.anders-kapitel{border-top:0}
.reiterfelder>.feature-chapter{margin-top:0;border-top:0}
.reiterfelder>.an{animation:feldein .35s ease}
@keyframes feldein{from{opacity:0;transform:translateY(8px)}}
.bonbild{margin:0;display:flex;justify-content:center;padding:28px;border:1px solid #b7cce01c;background:radial-gradient(ellipse at 50% 30%,#1b2d4140,transparent 70%)}
.bonbild img{width:min(320px,100%);box-shadow:0 30px 70px #000b;transform:rotate(-1.5deg)}
#demo{padding-top:40px}
.demokarte{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;padding:40px;border:1px solid #b7cce033;
  background:linear-gradient(120deg,#76a9d718,#b6d8f204);transition:border-color .25s,transform .25s}
.demokarte:hover{border-color:#c5dff580;color:inherit;transform:translateY(-2px)}
.demotext h2{margin:14px 0 16px}
.demotext p{color:var(--mut);font-size:16px;line-height:1.8;margin:0 0 26px}
.demobild img{width:100%;border:1px solid #b7cce026;box-shadow:0 30px 80px #0009}
@media(max-width:1100px){.saeulen.reiterleiste{grid-template-columns:repeat(3,1fr)}.reiterleiste .saeule:nth-child(3){border-right:0}
  .reiterleiste .saeule:nth-child(n+4){border-top:1px solid #b7cce026}.reiterleiste .saeule:nth-child(4){padding-left:0}}
@media(max-width:800px){.demokarte{grid-template-columns:1fr;padding:24px;gap:28px}.reiterleiste.klein{grid-template-columns:1fr 1fr}
  .reiterleiste.klein .saeule:nth-child(2){border-right:0}.reiterleiste.klein .saeule:nth-child(3){padding-left:0;border-top:1px solid #b7cce026}.reiterleiste.klein .saeule:nth-child(4){border-top:1px solid #b7cce026}}
@media(max-width:560px){.saeulen.reiterleiste{grid-template-columns:1fr 1fr}.reiterleiste .saeule,.reiterleiste .saeule+.saeule{padding:16px 10px;border-right:0;border-top:1px solid #b7cce026}
  .reiterleiste .saeule p{display:none}.reiterleiste .saeule b{font-size:17px}}
/* Portable SITUS Base hardware. */
.base-section{border-top:1px solid #b7cce026}
.base-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:22px}.base-heading h2{font-size:clamp(56px,7vw,96px);letter-spacing:-.055em;margin:0}.base-heading>p{margin:8px 0 0;font-size:22px;line-height:1.4;color:#b7c9d9;font-weight:350}
.base-visual{margin:40px 0 32px}.base-visual img{width:100%;height:auto;display:block}.base-visual figcaption{font:9px/1.6 var(--mono);color:#8ea2b6;padding-top:12px}
.base-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.base-specs>div{border-top:1px solid #b7cce026;padding-top:22px}.base-specs span{font:9px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8ca4ba}.base-specs h3{font-size:22px;font-weight:400;letter-spacing:-.025em;margin:18px 0 12px}.base-specs p{font-size:14px;line-height:1.8;color:#a9bacb;margin:0}.base-uplink{border-top:1px solid #b7cce026;padding-top:24px;margin:32px 0 0;color:#a9bacb;font-size:13px}.base-uplink strong{font-weight:500;color:#d8e3ee}
@media(max-width:1100px){nav{gap:20px}.base-specs{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.base-heading{flex-direction:column;gap:12px}.base-heading>p{font-size:18px}.base-heading h2{font-size:52px}.base-specs{grid-template-columns:1fr;gap:24px}.base-specs h3{font-size:21px}.base-visual figcaption{font-size:8px}}

/* ================================================================ v31: SITUS Base (Claude) */
.base-section .kicker.entwicklung{margin-top:-4px}
.reiterleiste.ausfuehrung{grid-template-columns:repeat(2,minmax(0,200px));margin:28px 0 0;border-top:0}
.reiterleiste.ausfuehrung .saeule{padding:10px 18px 10px 0}.reiterleiste.ausfuehrung .saeule+.saeule{padding-left:18px}
.reiterleiste.ausfuehrung .saeule b{font-size:18px}.reiterleiste.ausfuehrung .snr{margin-bottom:4px}
.base-section .base-visual{margin:18px 0 40px}
.base-visual img{border:1px solid #b7cce01c}
@media(max-width:560px){.reiterleiste.ausfuehrung{grid-template-columns:1fr 1fr}.reiterleiste.ausfuehrung .saeule,.reiterleiste.ausfuehrung .saeule+.saeule{border-top:0}}

/* ================================================================ v32: echte App-Screenshots (Claude) */
.appgalerie{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:24px;margin-top:64px;padding-bottom:12px;overflow-x:auto;scroll-snap-type:x mandatory}
.appgalerie figure{margin:0;scroll-snap-align:start}
.appgalerie figcaption{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8ea3b6;text-align:center;margin-top:12px}
.handyrahmen.klein{position:relative;width:100%;border-radius:30px;padding:7px;transform:none}
.handyrahmen.klein img{border-radius:24px}
.handyrahmen.klein:after{top:12px;width:56px;height:15px;margin-left:-28px}
.ipadbild{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:48px;align-items:center;margin:56px 0 0}
.ipadbild img{width:100%;border-radius:22px;border:10px solid #05090e;box-shadow:0 30px 80px #0009,0 0 0 1px #b7cce033}
.ipadbild figcaption{color:var(--mut);font-size:16px;line-height:1.8}
.ipadbild figcaption b{display:block;font-size:clamp(26px,2.6vw,34px);font-weight:400;letter-spacing:-.02em;color:#eaf0f6;margin-bottom:10px}
.ipadbild figcaption span{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7f97ad}
@media(max-width:800px){.ipadbild{grid-template-columns:1fr;gap:24px}.ipadbild img{max-width:420px;margin:auto}.appgalerie{grid-auto-columns:160px}}

/* v33: Funktionen zuerst */
#funktionen{padding-top:100px}#unterschied{padding-top:88px}

/* v34: fünf Funktions-Reiter */
.reiterleiste.klein{grid-template-columns:repeat(5,1fr)}
@media(max-width:800px){.reiterleiste.klein{grid-template-columns:1fr 1fr}}

/* v35: SITUS Base im Einsatz */
.baseszenen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:48px 0 0}
.baseszenen figure{margin:0}
.baseszenen img{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid #b7cce01c}
.baseszenen figcaption{padding-top:12px;font-size:14px;color:var(--mut);line-height:1.6}
.baseszenen figcaption b{display:block;font-size:19px;font-weight:400;color:#eaf0f6;margin-bottom:2px}
.baseszenenhinweis{font:9px/1.6 var(--mono);color:#8ea2b6;margin:14px 0 0}
@media(max-width:800px){.baseszenen{grid-template-columns:1fr;gap:28px}}

/* v36: zwei Einsatzszenen */
.baseszenen{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.baseszenen{grid-template-columns:1fr}}

/* v37: Base nur Szenen */
.base-section .baseszenen{margin:36px 0 0}.base-section .baseszenenhinweis{margin:12px 0 40px}

/* v38: Einsatz beitreten als Fenster */
header button.knopf{font-family:inherit}
.beitrittdlg{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:36px;border:1px solid #b7cce033;border-radius:4px;
  background:linear-gradient(160deg,#122131,#0a121c);color:var(--fg);box-shadow:0 40px 120px #000c}
.beitrittdlg::backdrop{background:rgba(3,8,14,.72);backdrop-filter:blur(6px)}
.beitrittdlg[open]{animation:dlgein .25s ease}
@keyframes dlgein{from{opacity:0;transform:translateY(12px)}}
.beitrittdlg h2{font-size:34px;margin:10px 0 12px}
.beitrittdlg .dlgtext{color:var(--mut);font-size:15px;line-height:1.7;margin:0}
.beitrittdlg .schritte{margin-top:26px;padding-top:22px;border-top:1px solid #b7cce026;gap:16px}
.beitrittdlg .dlghinweis{font-size:12.5px;color:#7f97ad;margin:18px 0 0}
.dlgzu{position:absolute;right:14px;top:14px;width:36px;height:36px;border:1px solid #b7cce033;background:transparent;color:var(--fg);cursor:pointer;font-size:16px}
.dlgzu:hover{background:#8bb8e316}
@media(max-width:480px){.beitrittdlg{padding:26px 20px}.beitrittdlg h2{font-size:28px}}
.beitrittdlg .schritte{gap:12px}.beitrittdlg .schritte li{margin:0}

/* v39: Reiter Unterschied (4), WhatsApp hervorgehoben */
.saeulen.reiterleiste{grid-template-columns:repeat(4,1fr)}
.toolset .fkarte.hervor h3{color:#fff}
.toolset .fkarte.hervor .ic{color:#e85c6b}
@media(max-width:1100px){.saeulen.reiterleiste{grid-template-columns:1fr 1fr}.reiterleiste .saeule:nth-child(2){border-right:0}
  .reiterleiste .saeule:nth-child(3){padding-left:0;border-right:1px solid #b7cce026}.reiterleiste .saeule:nth-child(n+3){border-top:1px solid #b7cce026}}

/* v40: Lupe, Beitreten im Einstieg */
button.intro-link{font-family:inherit;background:none;border:0;cursor:pointer}
.feature-image img,.appgalerie img,.ipadbild img,.baseszenen img,.bonbild img,.hud .rahmen img{cursor:zoom-in}
.lupe{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(3,8,14,.94);color:var(--fg)}
.lupe::backdrop{background:rgba(3,8,14,.6)}
.lupe[open]{display:flex;align-items:center;justify-content:center}
.lupe figure{margin:0;max-width:calc(100vw - 140px);max-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;gap:12px;cursor:zoom-out}
.lupe img{max-width:100%;max-height:calc(100vh - 110px);object-fit:contain;box-shadow:0 30px 90px #000}
.lupe figcaption{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#93aec6;text-align:center}
.lupe .dlgzu{right:20px;top:20px;z-index:2}
.lupepfeil{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:72px;border:1px solid #b7cce033;background:rgba(14,25,38,.8);color:#eef3f8;font-size:34px;cursor:pointer}
.lupepfeil:hover{background:#8bb8e326}.lupepfeil.links{left:16px}.lupepfeil.rechts{right:16px}
.lupe.einzeln .lupepfeil{display:none}
@media(max-width:700px){.lupe figure{max-width:100vw}.lupepfeil{width:40px;height:56px;font-size:26px;top:auto;bottom:16px;transform:none}}

/* v41: „Einsatz beitreten“ oben rechts immer sichtbar (Menü erscheint weiterhin erst beim Scrollen) */
header .knopf{visibility:visible;opacity:1;pointer-events:auto;margin-left:auto;background:#0b1622b3;border-color:#c5dff566;backdrop-filter:blur(8px)}
header .knopf:hover{background:#c5dff5;color:#081421}

/* Impressum / Datenschutz */
.rechtsseite header{position:sticky}
.recht{max-width:860px;padding-top:140px;padding-bottom:80px}
.recht h1{font-size:clamp(40px,5vw,64px);font-weight:400;letter-spacing:-.04em;margin:0 0 10px}
.recht h2{font-size:22px;font-weight:400;letter-spacing:-.01em;margin:44px 0 12px;padding-top:22px;border-top:1px solid #b7cce026}
.recht p,.recht li,.recht dd{color:#b4c3d1;font-size:15.5px;line-height:1.8}
.recht .mut{color:#7f97ad;font-size:14px}
.recht a{color:#c5dff5;border-bottom:1px solid #c5dff566}
.recht dl{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:6px 24px;margin:0}
.recht dt{font:11px/2.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8ea3b6}
.recht dd{margin:0}
.recht .offen{background:#e5484d33;color:#ffb0b4;padding:1px 6px}
footer a{color:inherit;border-bottom:1px solid #b7cce033}
@media(max-width:560px){.recht dl{grid-template-columns:1fr}.recht dt{line-height:1.6;margin-top:8px}}