.clipfeld{--font:var(--font-sans);background:#f4f7fc;border-radius:20px;max-width:min(1240px,100% - 36px);margin:0 auto;overflow:hidden;box-shadow:0 26px 70px -30px #040c1ccc}.clipfeld section{padding:22px 18px 26px!important}.clipfeld section>div>div:first-child,.clipfeld section>div>div:nth-child(2),.clipfeld section>div>p:first-of-type{display:none!important}.clip-platzhalter{aspect-ratio:1240/820;background:#f4f7fc;width:100%}@media (max-width:900px){.clipfeld{border-radius:14px;max-width:100%;margin-top:24px}.clipfeld section{padding:14px 10px 18px!important}.clip-platzhalter{aspect-ratio:3/4}}
.karte-feld{--surface:#fff;--surface-2:#e9eff6;--line:#d6dfea;--muted:#546682;--ink:#0f1c33;--brand:#003f8a;--brand-2:#2b86d9;--font:var(--font-sans);--d-ident:#c94f3d;--d-recog:#d98e39;--d-obs:#d3b93e;--d-det:#69a05e}.karte-legende{color:var(--muted);flex-wrap:wrap;gap:8px 16px;padding:0 4px;font-size:14.5px;display:flex}.karte-legende i{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:7px;display:inline-block}.karte{margin:0;display:block}.karte-b{background:var(--surface-2);aspect-ratio:4/3;position:relative;overflow:hidden}.karte-b .q{aspect-ratio:1;width:115%;position:absolute;top:-12.9%;left:0}.karte-b .q img{width:100%;height:100%;display:block;position:absolute;inset:0}.karte-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.karte-svg *{transform-box:view-box}.k-kamera,.k-geraet{opacity:0;transition:opacity .5s,transform .7s cubic-bezier(.34,1.5,.5,1);transition-delay:calc(var(--i)*.35s);transform:scale(.3)}.k-kegel{opacity:0;transition:opacity .8s,transform 1.6s cubic-bezier(.2,.8,.3,1);transition-delay:calc(var(--i)*.3s);transform:scale(.05)}.k-kontur{opacity:0;transition:opacity .8s;transition-delay:calc(1s + var(--i)*.3s)}.k-beschnitten .k-kegel{transition-delay:0s}.k-beschnitten{opacity:0;transition:opacity .6s}.k-bereich{fill-opacity:0;stroke-dasharray:1000;stroke-dashoffset:1000px;transition:stroke-dashoffset 2.4s ease-in-out,fill-opacity .8s 2s}.k-label{opacity:0;transition:opacity .5s 2s,transform .5s 2s;transform:translateY(8px)}.k-kabel polyline{stroke-dasharray:var(--l);stroke-dashoffset:var(--l);transition:stroke-dashoffset 2s ease-in-out;transition-delay:calc(var(--i)*.3s)}.k-kabel polyline:nth-child(2){stroke-dasharray:12 8;stroke-dashoffset:0;opacity:0;transition:opacity .4s;transition-delay:calc(1.8s + var(--i)*.3s)}.k-dock{opacity:0;transition:opacity .4s;transition-delay:calc(1.8s + var(--i)*.3s)}.karte.s1 .k-kamera,.karte.s2 .k-kegel{opacity:1;transform:none}.karte.s2 .k-kontur{opacity:1}.karte.s3 .k-bereich{stroke-dashoffset:0;fill-opacity:.16}.karte.s3 .k-label{opacity:1;transform:none}.k-aussen{opacity:0;transition:opacity 1.4s 2.2s}.karte.s3 .k-aussen{opacity:1}.karte.s3 .k-frei{opacity:0;transition:opacity 1s 2.4s}.karte.s3 .k-beschnitten{opacity:1;transition-delay:2.4s}.karte.s4 .k-kabel polyline{stroke-dashoffset:0}.karte.s4 .k-kabel polyline:nth-child(2),.karte.s4 .k-dock{opacity:1}.karte.s4 .k-geraet{opacity:1;transform:none}.karte.fertig .karte-svg *{transition:none!important}.karte-cap{background:var(--surface);border-top:1px solid var(--line);color:var(--muted);text-wrap:pretty;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:11px 14px;font-size:15.5px;display:flex}.karte-cap .karte-text{flex:220px;min-width:0}.karte-cap b{color:var(--ink);font-weight:700}.karte-btn{border:1.5px solid var(--line);color:var(--brand);font:600 14.5px/1 var(--font);cursor:pointer;background:0 0;border-radius:999px;flex:none;min-height:38px;margin-left:auto;padding:7px 13px}.karte-btn:hover{border-color:var(--brand-2)}.karte-quelle{color:var(--muted);opacity:.85;flex:100%;font-size:12.5px}.karte-statisch{background:var(--surface-2);position:absolute;inset:0;overflow:hidden}.karte-statisch .q{aspect-ratio:1;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.karte-statisch img,.karte-statisch svg{width:100%;height:100%;position:absolute;inset:0}.karte-statisch .k-kamera,.karte-statisch .k-geraet,.karte-statisch .k-kegel,.karte-statisch .k-kontur,.karte-statisch .k-beschnitten,.karte-statisch .k-label,.karte-statisch .k-dock,.karte-statisch .k-kabel polyline:nth-child(2){opacity:1;transition:none;transform:none}.karte-statisch .k-frei{opacity:0}.karte-statisch .k-aussen{opacity:1;transition:none}.karte-statisch .k-bereich{stroke-dashoffset:0;fill-opacity:.16;transition:none}.karte-statisch .k-kabel polyline{stroke-dashoffset:0;transition:none}.karte-ut{color:#fff;background:#0a1526;padding:14px 18px 16px;position:static}.karte-steuer{pointer-events:auto;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.karte-dots{gap:8px;display:flex}.karte-dots button{position:relative}.karte-dots button:before{content:"";position:absolute;inset:-9px}.karte-pfeile{gap:6px;display:flex}.karte-pfeil{color:#fff;width:30px;height:30px;font:600 20px/1 var(--font);cursor:pointer;background:#0a152659;border:1.5px solid #ffffffd9;border-radius:50%;place-items:center;padding:0 0 2px;display:grid}.karte-pfeil:disabled{opacity:.35;cursor:default}.karte-pfeil:focus-visible{outline-offset:2px;outline:2px solid #fff}.karte-dots button{cursor:pointer;background:0 0;border:1.5px solid #ffffffe6;border-radius:50%;width:13px;height:13px;padding:0;transition:background .3s,transform .3s}.karte-dots button[aria-selected=true]{background:#fff;transform:scale(1.25)}.karte-dots button:focus-visible{outline-offset:2px;outline:2px solid #fff}.karte-satz{text-wrap:pretty;margin:0;font-size:clamp(15px,1.45vw,17px);line-height:1.35;transition:opacity .28s,transform .28s}.karte-satz.wechsel{opacity:0;transform:translateY(6px)}.karte-satz b{margin-bottom:2px;font-size:1.14em;font-weight:700;display:block}.karte-liste{gap:4px;margin:6px 0 0;padding-left:18px;font-size:14.5px;display:grid}@keyframes kPulsChip{0%,to{stroke-width:5px}50%{stroke-width:16px;stroke:#ffd400}}@keyframes kPulsBereich{0%,to{stroke-width:4px}50%{stroke-width:11px;stroke:#fff}}@keyframes kPulsKabel{0%,to{stroke-width:3.5px}50%{stroke-width:9px;stroke:#fff}}.karte.puls-kameras .k-kamera>circle:first-child{animation:1.2s ease-in-out 2 kPulsChip}.karte.puls-bereich .k-bereich{animation:1.2s ease-in-out 2 kPulsBereich}.karte.puls-kabel .k-kabel polyline:nth-child(2){animation:1.2s ease-in-out 2 kPulsKabel}.karte-bild{position:relative}@media (max-width:520px){.karte-b{aspect-ratio:1}.karte-b .q{width:130%;top:-3.3%;left:-6.4%}.karte-ut{padding:12px 14px 14px}.karte-satz{font-size:14.5px}.karte-dots{gap:12px}.karte-dots button{width:15px;height:15px}.karte-pfeil{background:0 0;width:38px;height:38px;font-size:24px}}.karte-feld .frame{border:1px solid var(--line);background:var(--surface);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 40px -28px #0a152659}.karte-feld .frame img{width:100%;height:auto}.karte-feld .frame .tag{color:#fff;font-family:var(--font);letter-spacing:.06em;background:#0a1526db;border-radius:8px;padding:7px 11px;font-size:12px;position:absolute;top:14px;left:14px}.karte-feld .karte-b .q>span{display:block;position:absolute;inset:0}@media (max-width:520px){.karte-feld .frame .tag{background:#0a1526;border-radius:0;padding:9px 14px;display:block;position:static}}