.ais-buehne{--spalte:24rem;grid-template-columns:minmax(0, 1fr) var(--spalte);border-bottom:1px solid var(--rahmen);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"karte kopf""karte werkzeug""karte liste""karte legende";height:max(34rem,100svh - 4.75rem);display:grid}.ais-kopf,.ais-werkzeug,.ais-listenfeld,.ais-legende{border-left:1px solid var(--rahmen)}.ais-kopf{border-bottom:1px solid var(--rahmen);grid-area:kopf;padding:1.25rem 1.25rem 1.1rem}.ais-kopf__titel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.ais-kopf h1{letter-spacing:-.03em;margin:0;font-size:1.6rem}.ais-kopf__text{color:var(--text-schwach);margin:.45rem 0 1rem;font-size:.9rem;line-height:1.5}.ais-zustand{border:1px solid var(--rahmen-stark);color:var(--text);border-radius:999px;align-items:center;gap:.45rem;margin:0;padding:.2rem .7rem .2rem .55rem;font-size:.8rem;font-weight:500;line-height:1.5;display:inline-flex}.ais-punkt{background:var(--text-schwach);border-radius:50%;flex:none;width:8px;height:8px}[data-ais-zustand=live] .ais-punkt{background:var(--ok);box-shadow:0 0 0 3px #34c27a2e}[data-ais-zustand=fehler] .ais-punkt,[data-ais-zustand=still] .ais-punkt{background:var(--warnung)}[data-ais-zustand=stoerung] .ais-punkt{background:var(--stoerung)}[data-ais-zustand=verbinde] .ais-punkt{animation:1.2s ease-in-out infinite alternate ais-blinken}@keyframes ais-blinken{to{opacity:.3}}.ais-werte{grid-template-columns:auto auto minmax(0,1fr);gap:.75rem 1.5rem;margin:0;display:grid}.ais-wert{align-content:start;gap:.05rem;min-width:0;display:grid}.ais-wert dt{color:var(--text-schwach);font-size:.76rem}.ais-wert dd{min-width:0;color:var(--text-stark);font-variant-numeric:tabular-nums;margin:0;font-size:1.2rem;font-weight:600;line-height:1.3}.ais-wert--weit button{max-width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:grid}.ais-wert--weit [data-weit-km]{text-decoration:underline;text-decoration-color:var(--rahmen-stark);text-underline-offset:4px;justify-self:start;text-decoration-thickness:1px}.ais-wert--weit button:hover [data-weit-km]{text-decoration-color:var(--akzent)}.ais-wert__name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-schwach);font-size:.78rem;font-weight:500;overflow:hidden}.ais-wert--weit button:disabled{cursor:default}.ais-wert--weit button:disabled [data-weit-km]{text-decoration:none}.ais-karte{background:#101519;grid-area:karte;min-width:0;position:relative}.ais-karte__flaeche{position:absolute;inset:0}.ais-hinweis{z-index:2;border:1px solid var(--rahmen-stark);background:#12171cf2;border-radius:10px;max-width:34rem;margin:0;padding:.6rem .85rem;font-size:.9rem;position:absolute;top:1rem;left:1rem;right:4rem}.ais-hinweis[hidden]{display:none}.ais-werkzeug{border-bottom:1px solid var(--rahmen);grid-area:werkzeug;grid-template-columns:minmax(0,1fr);gap:.6rem;padding:.9rem 1.25rem;display:grid}.ais-werkzeug__reihe{flex-wrap:wrap;gap:.5rem;display:flex}.ais-suche{display:block;position:relative}.ais-suche svg{color:var(--text-schwach);pointer-events:none;position:absolute;top:50%;left:.7rem;translate:0 -50%}.ais-suche input{border:1px solid var(--rahmen-stark);background:var(--flaeche);width:100%;color:var(--text-stark);font:inherit;border-radius:8px;padding:.5rem .75rem .5rem 2.2rem;font-size:.9rem}.ais-suche input::placeholder{color:var(--text-schwach)}.ais-suche input:focus-visible,.ais-sortierung select:focus-visible{outline:2px solid var(--akzent);outline-offset:1px;border-radius:8px}.ais-filter{border:1px solid var(--rahmen);background:var(--flaeche);border-radius:9px;flex:15rem;gap:.2rem;padding:.2rem;display:flex}.ais-filter button{color:var(--text-schwach);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:baseline;gap:.3rem;padding:.32rem .4rem;font-size:.8rem;font-weight:500;display:inline-flex}.ais-filter button:hover{color:var(--text-stark)}.ais-filter button[aria-pressed=true]{background:var(--flaeche-3);color:var(--text-stark)}.ais-filter [data-zahl]{font-variant-numeric:tabular-nums;color:var(--text-schwach);font-size:.74rem}.ais-sortierung{flex:1 0 auto;display:flex}.ais-sortierung select{border:1px solid var(--rahmen-stark);background:var(--flaeche);min-height:2.1rem;color:var(--text);font:inherit;border-radius:8px;flex:1;padding:0 .4rem;font-size:.8rem}.ais-listenfeld{overscroll-behavior:contain;scrollbar-color:var(--rahmen-stark) transparent;grid-area:liste;min-height:0;position:relative;overflow-y:auto}.ais-liste{margin:0;padding:0;list-style:none}.schiff-zeile{border:0;border-bottom:1px solid var(--rahmen);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:1rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.55rem 1.25rem;display:grid}.schiff-zeile:hover{background:var(--flaeche)}.schiff-zeile:focus-visible{outline:2px solid var(--akzent);outline-offset:-2px;border-radius:0}.schiff-zeile[aria-current=true]{background:var(--flaeche-2);box-shadow:inset 3px 0 0 var(--akzent)}.schiff-zeile[data-alt]>*{opacity:.5}.schiff-zeile__text,.schiff-zeile__werte{min-width:0;line-height:1.35;display:grid}.schiff-zeile__name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-stark);font-weight:600;overflow:hidden}.schiff-zeile__info{text-overflow:ellipsis;white-space:nowrap;color:var(--text-schwach);font-size:.8rem;overflow:hidden}.schiff-zeile__werte{font-variant-numeric:tabular-nums;justify-items:end}.schiff-zeile__km{font-size:.9rem}.schiff-zeile__zeit{color:var(--text-schwach);font-size:.76rem}.ais-leer{color:var(--text-schwach);margin:0;padding:1.25rem;font-size:.92rem}.ais-leer[hidden],.ais-mehr[hidden]{display:none}.ais-mehr{border:1px solid var(--rahmen-stark);background:var(--flaeche);width:calc(100% - 2rem);color:var(--text-stark);font:inherit;cursor:pointer;border-radius:8px;margin:.75rem 1rem 1rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;display:block}.ais-mehr:hover{background:var(--flaeche-2)}.schiff-symbol{clip-path:polygon(50% 0,100% 100%,50% 73%,0 100%);width:14px;height:16px;rotate:var(--winkel,0deg);background:#ff4b4b;justify-self:center;display:block}.schiff-symbol[data-art=liegt-richtung]{background:#9aa8b3;width:11px;height:13px}.schiff-symbol[data-art=liegt]{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#9aa8b3;width:11px;height:11px;rotate:0deg}.schiff-symbol--alt{opacity:.4}.ais-legende{border-top:1px solid var(--rahmen);color:var(--text-schwach);grid-area:legende;grid-template-columns:1fr 1fr;gap:.35rem 1rem;margin:0;padding:.7rem 1.25rem;font-size:.74rem;display:grid}.ais-legende div{align-items:center;gap:.5rem;display:flex}.ais-legende dt{flex:none;place-items:center;width:1rem;display:grid}.ais-legende dd{margin:0}.ais-legende__puls{border:1.5px solid var(--ok);border-radius:50%;width:11px;height:11px;display:block}.ais-detail{z-index:3;border:1px solid var(--rahmen-stark);border-radius:var(--radius);background:#12171cf7;width:min(22rem,100% - 2rem);max-height:calc(100% - 3.5rem);padding:1rem 1.1rem .9rem;position:absolute;bottom:2.25rem;left:1rem;overflow-y:auto;box-shadow:0 16px 40px #00000080}.ais-detail[hidden]{display:none}.ais-detail:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.ais-detail__kopf{grid-template-columns:1rem minmax(0,1fr) auto;align-items:start;gap:.75rem;display:grid}.ais-detail__kopf .schiff-symbol{margin-top:.4rem}.ais-detail h2{overflow-wrap:anywhere;margin:0;font-size:1.2rem}.ais-detail__art{color:var(--text-schwach);margin:.15rem 0 0;font-size:.85rem}.ais-detail__zu{width:2rem;height:2rem;color:var(--text-schwach);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin:-.35rem -.45rem 0 0;display:grid}.ais-detail__zu:hover{background:var(--flaeche-3);color:var(--text-stark)}.ais-detail__werte{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1rem;margin:.9rem 0 .75rem;font-size:.9rem;line-height:1.35;display:grid}.ais-detail__werte div{align-content:start;gap:.05rem;display:grid}.ais-detail__werte .ais-detail__breit{grid-column:1/-1}.ais-detail__werte dt{color:var(--text-schwach);font-size:.74rem}.ais-detail__werte dd{color:var(--text-stark);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.ais-detail__zeit{border-top:1px solid var(--rahmen);color:var(--text-schwach);margin:0;padding-top:.6rem;font-size:.8rem}.ais-fuss{color:var(--text-schwach);gap:.5rem;padding-top:1.25rem;padding-bottom:2.5rem;font-size:.85rem;display:grid}.ais-fuss p{max-width:46rem;margin:0}.turm-marke{pointer-events:none;align-items:flex-end;gap:.3rem;display:flex}.turm-marke__mast{background:var(--text-stark);width:8px;height:34px;mask:url(/logo-mast.png) 50%/contain no-repeat}.turm-marke__name{font-family:var(--schrift-mono);letter-spacing:.02em;color:var(--text-stark);background:#0b0e11cc;border-radius:4px;margin-bottom:-.15rem;padding:.05rem .3rem;font-size:.72rem;font-weight:700}.empfang-puls{pointer-events:none;width:0;height:0}.empfang-puls:after{content:"";border:1.5px solid var(--ok);width:18px;height:18px;animation:ais-empfang 1.3s var(--ease) forwards;border-radius:50%;position:absolute;top:-9px;left:-9px}@keyframes ais-empfang{0%{opacity:.95;transform:scale(.5)}to{opacity:0;transform:scale(2.6)}}.ais .maplibregl-map{font-family:var(--schrift)}.ais .maplibregl-ctrl-group{border:1px solid var(--rahmen-stark);box-shadow:none;background:#171d24f2;border-radius:8px}.ais .maplibregl-ctrl-group button+button{border-top-color:var(--rahmen-stark)}.ais .maplibregl-ctrl-group button:hover{background-color:var(--flaeche-3)}.ais .maplibregl-ctrl-group .maplibregl-ctrl-icon{filter:invert(.88)}.ais .maplibregl-ctrl button:focus-visible{outline:2px solid var(--akzent);outline-offset:1px;box-shadow:none}.turm-knopf{place-items:center;display:grid!important}.turm-knopf__mast{background:var(--text);width:6px;height:20px;mask:url(/logo-mast.png) 50%/contain no-repeat}.ais .maplibregl-ctrl-attrib{color:var(--text-schwach);background:#0b0e11cc}.ais .maplibregl-ctrl-attrib a{color:var(--text)}.ais .maplibregl-ctrl-attrib-button{filter:invert(.88);background-color:#0000}.ais .maplibregl-ctrl-attrib.maplibregl-compact{background:#171d24f2}.ais-hover .maplibregl-popup-content{border:1px solid var(--rahmen-stark);background:var(--flaeche-2);box-shadow:none;color:var(--text-stark);font:500 .82rem/1.3 var(--schrift);border-radius:8px;padding:.3rem .6rem}.ais-hover .maplibregl-popup-tip{display:none}.ais-modus{border:1px solid var(--rahmen);background:var(--flaeche);border-radius:9px;gap:.2rem;margin:0 0 1rem;padding:.2rem;display:flex}.ais-modus[hidden]{display:none}.ais-modus button{color:var(--text-schwach);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:.36rem .5rem;font-size:.84rem;font-weight:500}.ais-modus button:hover{color:var(--text-stark)}.ais-modus button[aria-pressed=true]{background:var(--flaeche-3);color:var(--text-stark)}.ais-modus button:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}[data-ais-zustand=wiedergabe] .ais-punkt{background:var(--akzent);box-shadow:0 0 0 3px #ff6a1a2e}.ais-abspieler{z-index:4;border-top:1px solid var(--rahmen-stark);background:#0e1216f0;grid-area:karte;grid-template-columns:auto auto minmax(0,1fr) auto auto;grid-template-areas:"spielen zeit leiste tempo live""unten unten unten unten unten";align-self:end;align-items:center;gap:.45rem .85rem;padding:.65rem 1rem .55rem;display:grid;position:relative}.ais-abspieler[hidden]{display:none}.ais-abspieler__spielen{background:var(--akzent);width:2.5rem;height:2.5rem;color:var(--akzent-text);cursor:pointer;border:0;border-radius:50%;grid-area:spielen;place-items:center;display:grid}.ais-abspieler__spielen:hover{background:var(--akzent-hell)}.ais-abspieler__spielen:focus-visible,.ais-abspieler button:focus-visible,.ais-abspieler select:focus-visible,.ais-abspieler input:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.ais-abspieler .ab-symbol-pause,.ais-abspieler[data-laeuft] .ab-symbol-spielen{display:none}.ais-abspieler[data-laeuft] .ab-symbol-pause{display:block}.ais-abspieler__zeit{font-variant-numeric:tabular-nums;grid-area:zeit;min-width:7.2rem;margin:0;line-height:1.2;display:grid}.ais-abspieler__zeit span{color:var(--text-schwach);font-size:.76rem}.ais-abspieler__zeit strong{color:var(--text-stark);font-size:1.1rem;font-weight:600}.ais-abspieler__leiste{grid-area:leiste;min-width:0}.ais-abspieler__leiste input{appearance:none;cursor:pointer;--ab-spur:linear-gradient(to right, var(--flaeche-3) var(--ab-von,0%), #3f5a6b var(--ab-von,0%), #3f5a6b var(--ab-bis,100%), var(--flaeche-3) var(--ab-bis,100%));background:0 0;width:100%;height:1.4rem;margin:0;display:block}.ais-abspieler__leiste input::-webkit-slider-runnable-track{background:var(--ab-spur);border-radius:3px;height:6px}.ais-abspieler__leiste input::-moz-range-track{background:var(--ab-spur);border-radius:3px;height:6px}.ais-abspieler__leiste input::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--bg);background:var(--akzent);border-radius:50%;width:16px;height:16px;margin-top:-5px}.ais-abspieler__leiste input::-moz-range-thumb{border:2px solid var(--bg);background:var(--akzent);border-radius:50%;width:12px;height:12px}.ais-abspieler__skala{color:var(--text-schwach);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.1rem;font-size:.68rem;display:flex}.ais-abspieler__tempo{grid-area:tempo;display:flex}.ais-abspieler select,.ais-abspieler input[type=datetime-local]{border:1px solid var(--rahmen-stark);background:var(--flaeche);min-height:2.1rem;color:var(--text);font:inherit;border-radius:8px;padding:0 .45rem;font-size:.82rem}.ais-abspieler__live{border:1px solid var(--rahmen-stark);background:var(--flaeche);min-height:2.1rem;color:var(--text-stark);font:inherit;white-space:nowrap;cursor:pointer;border-radius:8px;grid-area:live;padding:0 .8rem;font-size:.82rem;font-weight:500}.ais-abspieler__live:hover{background:var(--flaeche-2)}.ais-abspieler__unten{flex-wrap:wrap;grid-area:unten;align-items:center;gap:.4rem 1rem;min-width:0;display:flex}.ais-abspieler__tage{align-items:center;gap:.3rem;display:flex}.ais-abspieler__tage button{border:1px solid var(--rahmen-stark);background:var(--flaeche);width:2.1rem;height:2.1rem;color:var(--text);cursor:pointer;border-radius:8px;place-items:center;display:grid}.ais-abspieler__tage button:hover:not(:disabled){background:var(--flaeche-2);color:var(--text-stark)}.ais-abspieler__tage button:disabled{opacity:.4;cursor:default}.ais-abspieler__springen{display:flex}.ais-abspieler__hinweis{color:var(--text-schwach);flex:12rem;margin:0;font-size:.78rem}.ais-legende__spur{border-top:2px solid #ff4b4ba6;width:14px;display:block}.ais-legende [hidden]{display:none}@media (width>=56.01rem){.ais[data-modus=wiedergabe] .ais-detail{bottom:calc(var(--ab-hoehe,6.5rem) + .75rem);max-height:calc(100% - var(--ab-hoehe,6.5rem) - 1.75rem)}.ais[data-modus=wiedergabe] .maplibregl-ctrl-bottom-right,.ais[data-modus=wiedergabe] .maplibregl-ctrl-bottom-left{bottom:var(--ab-hoehe,6.5rem)}}@media (width<=56rem){.ais-buehne{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"kopf""karte""abspieler""werkzeug""liste""legende";height:auto}.ais-abspieler{border-top:0;border-bottom:1px solid var(--rahmen);background:var(--flaeche);grid-area:abspieler;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"spielen zeit tempo live""leiste leiste leiste leiste""unten unten unten unten";align-self:auto;padding:.75rem 1rem}.ais-kopf,.ais-werkzeug,.ais-listenfeld,.ais-legende{border-left:0}.ais-kopf{padding:1.25rem 1rem 1rem}.ais-werkzeug{border-top:1px solid var(--rahmen);padding:.9rem 1rem}.ais-karte{height:62svh;min-height:22rem}.ais-listenfeld{overflow:visible}.schiff-zeile,.ais-legende{padding-inline:1rem}.ais-detail{width:auto;max-height:calc(100% - 1.5rem);bottom:.75rem;left:.75rem;right:.75rem}}@media (prefers-reduced-motion:reduce){.empfang-puls:after,[data-ais-zustand=verbinde] .ais-punkt{animation:none}}