body:not(.map-touch-ui) #map-band{
position:absolute; inset:0 0 auto 0; z-index:1001; display:flex; flex-direction:column;
background:var(--gh-panel); border-bottom:var(--rand-haar) solid var(--feld-rand);
}
body.map-touch-ui #map-band{display:contents}
body:not(.map-touch-ui) #map-band > .wp-rahmen-kopf{border-bottom:var(--rand-haar) solid var(--gh-border-subtle)}
body:not(.map-touch-ui) #map-band > #map-toolbar{display:flex; flex-direction:column; color:var(--gh-text); font-size:var(--t-text)}

body:not(.map-touch-ui) #map-schnellleiste{padding:var(--sp-2) var(--sp-4); flex-wrap:wrap; border-bottom:0}
#map-schnellleiste > .karte-fest, #map-schnellleiste .karte-gruppe{display:flex; align-items:center; gap:var(--sp-2); min-width:0; flex:0 1 auto}
#map-schnellleiste > .karte-wisch{display:contents}
#map-schnellleiste .karte-gruppe--werkzeuge{margin-left:auto}
#map-schnellleiste #map-search-cb{flex:0 1 calc(16em * var(--wp-dichte)); min-width:calc(10em * var(--wp-dichte))}

#map-schnellleiste #map-search{height:var(--feld-h); min-height:var(--feld-h); width:100%; min-width:0; max-width:none;
font-size:var(--feld-fs); border-radius:var(--r-md); border-color:var(--feld-rand); padding:0 calc(var(--feld-h) * .9) 0 var(--sp-3)}
#map-schnellleiste .mt-dd-btn{height:var(--feld-h); min-height:var(--feld-h)}
#map-schnellleiste .karte-pillen{flex:0 1 auto; min-width:0}

.karte-pillen:not([data-wischt]){-webkit-mask-image:none; mask-image:none}

#map-schnellleiste .mt-timetravel{gap:var(--sp-2)}
#map-schnellleiste .wp-zeitraum-pille{height:var(--feld-h); box-sizing:border-box}
#map-schnellleiste .wp-zeitraum-heute{height:var(--feld-h)}
#map-schnellleiste .mt-date{height:100%; min-width:0; overflow:hidden}
#map-overlay:not([data-zeit-im-band]) #map-schnellleiste .mt-timetravel{display:none}

#map-schnellleiste .karte-umkreis[aria-pressed="true"]{background:var(--zustand-flaeche); color:var(--zustand-text)}
:is(.karte-kartenbild, .karte-umkreis)::after{content:""; width:var(--haken-h); height:var(--haken-h); margin-left:var(--sp-1);
border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-25%) rotate(45deg); opacity:.75}

.karte-ziel{display:inline-flex; align-items:center; gap:var(--sp-2); flex:0 0 auto}
.karte-ziel[hidden]{display:none}
.karte-ziel > .wp-wahlfeld-knopf{height:var(--feld-h); min-height:var(--feld-h); width:auto; min-width:0; max-width:22em;
padding:0 calc(var(--sp-3) + var(--ico)) 0 var(--sp-3)}


#map-schnellleiste > .karte-fest{order:0}
#map-schnellleiste .karte-gruppe--hallen{order:1}
#map-schnellleiste .karte-gruppe--zeit{order:2}
#map-schnellleiste .karte-gruppe--werkzeuge{order:3}
#map-schnellleiste > #map-knappstatus{order:4}
#map-schnellleiste > #map-legende-platz{order:5}
#map-schnellleiste[data-stufe="eine"] .karte-gruppe--zeit{margin-inline-start:var(--sp-3)}
#map-schnellleiste:is([data-stufe="zwei"], [data-stufe="schmal"]) :is(.karte-gruppe--werkzeuge, #map-legende-platz){order:2}
#map-schnellleiste:is([data-stufe="zwei"], [data-stufe="schmal"]) .karte-gruppe--zeit{order:3; flex:1 1 100%}

#map-schnellleiste:is([data-stufe="schmal"], [data-stufe="knapp"]) .karte-gruppe--werkzeuge{display:none}
#map-schnellleiste[data-stufe="schmal"] .karte-gruppe--hallen{flex:1 1 0}
#map-schnellleiste[data-stufe="schmal"] :is(.karte-gruppe--hallen, .karte-gruppe--zeit) > .karte-pillen{flex:1 1 0}
#map-schnellleiste[data-stufe="schmal"] #map-search-cb{flex-basis:calc(12em * var(--wp-dichte))}

#map-schnellleiste:is([data-stufe="schmal"], [data-stufe="knapp"]) .wp-zeitraum-pille{max-width:calc(12em * var(--wp-dichte))}
#map-schnellleiste:is([data-stufe="schmal"], [data-stufe="knapp"]) .karte-umkreis[aria-pressed="false"] > span{display:none}
#map-schnellleiste:is([data-stufe="schmal"], [data-stufe="knapp"]) .karte-umkreis[aria-pressed="false"]{padding:0 var(--sp-2)}

#map-schnellleiste[data-stufe="knapp"]{flex-wrap:nowrap}
#map-schnellleiste[data-stufe="knapp"] > .karte-wisch{display:flex; align-items:center; gap:var(--sp-2); flex:1 1 0; min-width:0;
overflow-x:auto; scrollbar-width:none; -webkit-mask-image:linear-gradient(to right, black calc(100% - var(--sp-6)), transparent);
mask-image:linear-gradient(to right, black calc(100% - var(--sp-6)), transparent)}
#map-schnellleiste[data-stufe="knapp"] > .karte-wisch::-webkit-scrollbar{display:none}
#map-schnellleiste[data-stufe="knapp"] .karte-gruppe{flex:0 0 auto}
#map-schnellleiste[data-stufe="knapp"] .karte-pillen{overflow:visible; -webkit-mask-image:none; mask-image:none}
#map-schnellleiste[data-stufe="knapp"] #map-filter-btn > span:not(.wp-marke){display:none}
#map-schnellleiste[data-stufe="knapp"] #map-filter-btn{min-width:var(--feld-h); padding:0 var(--sp-2); justify-content:center}
#map-schnellleiste[data-stufe="knapp"] #map-search-cb{flex:0 1 calc(11em * var(--wp-dichte)); min-width:calc(6em * var(--wp-dichte))}
#map-schnellleiste[data-stufe="knapp"]:has(> #map-knappstatus:not(:empty)) #map-search-cb{flex-basis:calc(8em * var(--wp-dichte))}
#map-knappstatus{display:none}
#map-schnellleiste[data-stufe="knapp"]:has(> #map-knappstatus:not(:empty)) > .karte-wisch{display:none}
#map-schnellleiste[data-stufe="knapp"] > #map-knappstatus:not(:empty){display:flex; align-items:center; gap:var(--sp-2); flex:1 1 0; min-width:0}
#map-knappstatus .wp-statuszeile{display:flex; align-items:center; gap:var(--sp-2); flex:1 1 0; min-width:0; padding:0; min-height:0; white-space:nowrap}
#map-knappstatus .wp-statuszeile > :is(.wp-i, .wp-statuszeile-aktion, .wp-statuszeile-menue){flex:none}
#map-knappstatus .wp-statuszeile-text{flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#map-knappstatus .wp-statuszeile-aktion.wp-btn{height:var(--feld-h); min-height:var(--feld-h)}
body:not(.map-touch-ui) #map-band:has(#map-schnellleiste[data-stufe="knapp"]) > #map-toolbar > .karte-bandzeile{display:none}

#map-schnellleiste[data-messen] > .karte-wisch{display:contents}
#map-schnellleiste[data-messen] :is(.karte-gruppe, .karte-pillen, .karte-fest){flex:none !important; width:max-content}

#map-band .wp-rahmen-kopf :is(.wp-zeitraum-pille, .wp-zeitraum-heute.wp-btn){height:var(--feld-h); min-height:0; box-sizing:border-box}

.karte-kopf-werkzeuge{display:inline-flex; gap:var(--sp-2); margin-inline-start:var(--sp-2)}

body:not(.map-touch-ui) #map-toolbar > .karte-bandzeile{display:flex; align-items:center; padding:var(--sp-1) var(--sp-4);
min-height:calc(var(--feld-h) * .75); border-top:var(--rand-haar) solid var(--gh-border-subtle)}
body:not(.map-touch-ui) #map-toolbar > .karte-bandzeile:is(:empty, :has(> #map-stats:empty), :has(> #map-stats[hidden])){display:none}
body:not(.map-touch-ui) #map-statusplatz{flex-direction:column; align-items:stretch; gap:var(--sp-1)}
body:not(.map-touch-ui) #map-statusplatz .wp-statuszeile{padding:0; min-height:0}
body:not(.map-touch-ui) #map-stats{font-size:var(--t-neben); color:var(--gh-muted); white-space:nowrap; min-width:0; overflow:hidden}
body:not(.map-touch-ui) #map-stats > .wp-treffer{padding:0}
body:not(.map-touch-ui) #map-toolbar > .map-empty-banner{padding:var(--sp-2) var(--sp-4); border-top:var(--rand-haar) solid var(--gh-border-subtle); contain:inline-size}
.karte-mehr-zustaende{flex:0 0 auto}


body:not(.map-touch-ui) #map-ctrl{top:auto; right:var(--sp-3); bottom:calc(var(--sp-6) + var(--sp-2)); flex-direction:column; gap:var(--sp-2)}
body:not(.map-touch-ui) #map-werkzeugleiste{display:none}
.karte-knopfleiste .wp-icon-btn > svg{width:var(--ico-lg); height:var(--ico-lg)}
body:not(.map-touch-ui) .karte-knopfleiste .wp-icon-btn:not(.is-on, [aria-pressed="true"]){background:var(--bedien-bg)}

#map-box[data-stufe="knapp"] #map-ctrl{flex-direction:row; bottom:var(--sp-3)}
#map-box[data-stufe="knapp"] .karte-knopfleiste--karte{flex-direction:row}
#map-box[data-stufe="knapp"] :is(#map-zoom-in-btn, #map-zoom-out-btn){display:none}
#map-box[data-stufe="knapp"] #map-auswahlleiste{left:var(--sp-3); transform:none; bottom:var(--sp-3);
max-width:calc(100% - 2 * var(--sp-3) - 2 * var(--feld-h) - var(--sp-3))}
#map-box[data-stufe="knapp"] .leaflet-bottom.leaflet-right{display:none}


#map-box:is([data-stufe="schmal"], [data-stufe="knapp"]) #map-filter-panel.is-open{column-count:auto; width:min(360px, calc(var(--teil-b, 100vw) - 24px))}


#map-auswahlleiste > .wp-auswahlleiste{gap:var(--sp-2)}
#map-auswahlleiste .wp-auswahlleiste-neben[aria-pressed="false"]{background:var(--bedien-bg); color:var(--gh-accent)}
#map-box[data-stufe="knapp"] #map-auswahlleiste > .wp-auswahlleiste{flex-wrap:nowrap; padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-3)}
#map-box[data-stufe="knapp"] #map-auswahlleiste :is(.wp-auswahlleiste-aufheben, .wp-auswahlleiste-neben){display:none}
.karte-auswahl-mehr{flex:none}

body.eingeschraenkt :is(.karte-auswaehlen, #map-auswahlleiste){display:none !important}


body.map-touch-ui #map-kopfzeile{align-items:center}
body.map-touch-ui #map-kopfzeile > #map-search-cb{min-width:0}
body.map-touch-ui #map-kopfzeile > :is(.karte-zeit-kurz, .karte-zeit-heute, #map-toolbar-toggle){flex:0 0 auto}
body.map-touch-ui #map-kopfkarte > .karte-kopfpillen{display:flex; flex-direction:row; align-items:center; gap:var(--sp-2);
padding:0 var(--sp-2) var(--sp-2); overflow-x:auto; scrollbar-width:none; border-top:0;
-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--sp-6)), transparent);
mask-image:linear-gradient(to right, black calc(100% - var(--sp-6)), transparent)}
body.map-touch-ui #map-kopfkarte > .karte-kopfpillen::-webkit-scrollbar{display:none}
body.map-touch-ui #map-kopfpillen > .karte-pillen{overflow:visible; -webkit-mask-image:none; mask-image:none; flex:0 0 auto; padding:0}
body.map-touch-ui #map-kopfkarte .wp-pille{height:var(--feld-h)}

.karte-zeit-kurz, .karte-trupp-wahl{display:inline-flex; align-items:center; gap:var(--sp-1); height:var(--feld-h); min-height:var(--feld-h);
padding:0 var(--sp-2) 0 var(--sp-3); border-radius:var(--r-pill); background:var(--bedien-bg); color:var(--gh-accent);
font-weight:600; white-space:nowrap; flex:0 0 auto}
.karte-zeit-kurz{box-shadow:inset 0 0 0 var(--rand-haar) var(--feld-rand); background:transparent; color:var(--gh-text)}
.karte-zeit-kurz[aria-pressed="true"]{background:var(--zustand-flaeche); color:var(--zustand-text); box-shadow:none}
.karte-zeit-heute.wp-btn{height:var(--feld-h)}
.karte-zeit-heute[hidden]{display:none}
:is(.karte-zeit-kurz, .karte-trupp-wahl) > .wp-aufklapp::before{border-color:currentColor}
.karte-trupp-wahl > .wp-pille-punkt{margin-inline-end:var(--sp-1)}

body:not(.map-touch-ui) #map-kopfkarte{display:none}

body.map-touch-ui #map-kopfzeile > #map-toolbar-toggle{--symbolknopf:var(--feld-h); width:var(--feld-h); height:var(--feld-h); min-width:0; min-height:0}

body.map-touch-ui #map-werkzeugleiste, body.map-touch-ui #map-zoomleiste{display:flex}

body.map-touch-ui #map-overlay:not(.map-monteur-an) #map-legende-platz{display:none}

body.map-touch-ui #map-overlay:not(.map-monteur-an) #map-hinweise:not(:has(.wp-statuszeile, .map-empty-banner, .wp-leer)){display:none}

body.map-touch-ui #map-toolbar .map-drawer-foot > button{flex:1 1 0; min-width:0}