/* Tablet- und iPhone-taugliche getrennte Start-/Leitstellenansicht */
.start-page{padding:16px;max-width:1600px;margin:auto}.start-intro{margin:0 0 14px}.start-intro h1{font-size:23px;margin:0 0 8px}.start-intro p{margin:5px 0;line-height:1.55;max-width:1000px}
#startMapHost{height:min(72dvh,850px);min-height:390px;position:relative}#startMapHost .maparea{height:100%;width:100%;border:1px solid var(--border);border-radius:12px;overflow:hidden}
#leitstelle .layout,#leitstelle .layout.leftclosed,#leitstelle .layout.rightclosed,#leitstelle .layout.leftclosed.rightclosed{display:grid;grid-template-columns:minmax(0,1fr) 5px minmax(0,1.2fr)!important;gap:0;min-height:350px;height:calc(100dvh - 205px)}
#leitstelle .leftpanel{grid-column:1!important;display:flex!important;min-width:0}#leitstelle .rightpanel{grid-column:3!important;display:flex!important;min-width:0}#leitstelle .resizehandle,#leitstelle .edge{display:none!important}
#leitstelle .panelbody{min-height:0;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
#leitstelle .closepane{display:none}.leitstelle-actions{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--pan);border-bottom:1px solid var(--border)}.leitstelle-actions span{color:var(--muted);font-size:12px}
#optionalMapClose{display:none;position:absolute;top:8px;right:8px;z-index:150;background:#8e2730;color:#fff;border:2px solid #fff;font-weight:750}#optionalMapClose:not([hidden]){display:block}
#startMapHost .maparea.map-maximized{position:fixed!important;inset:8px!important;z-index:300!important;width:auto!important;height:auto!important;overflow:visible!important;box-shadow:0 0 0 100vmax #06121be8}
#startMapHost .maparea.map-maximized .mapoverlay{top:56px}#startMapHost .maparea.map-maximized .map-layer-panel{z-index:160}
@media(max-width:700px){#leitstelle .layout,#leitstelle .layout.leftclosed,#leitstelle .layout.rightclosed,#leitstelle .layout.leftclosed.rightclosed{display:flex;flex-direction:column;height:auto;min-height:0;gap:10px;overflow:visible}#leitstelle .leftpanel,#leitstelle .rightpanel{display:flex!important;min-height:300px;height:56dvh;max-height:600px;flex:initial}#leitstelle .panelbody{overflow-y:auto!important}#startMapHost{height:65dvh;min-height:320px}.start-page{padding:10px}.start-intro h1{font-size:20px}.leitstelle-actions{flex-wrap:wrap}}
/* Overlay ist direktes body-Kind und nie Nachfahre eines versteckten Tabs. */
body.optional-map-active{overflow:hidden;overscroll-behavior:none}
body>.maparea.optional-map-overlay{position:fixed!important;inset:8px!important;width:auto!important;height:auto!important;min-height:0!important;z-index:10000!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid var(--border);border-radius:12px;background:var(--pan);box-shadow:0 0 0 100vmax #06121bef}
body>.maparea.optional-map-overlay .mapviewport{flex:1 1 auto;min-height:0;height:auto!important;touch-action:none}
body>.maparea.optional-map-overlay #optionalMapClose{position:absolute;top:8px;right:8px;z-index:10003;min-height:44px}
body>.maparea.optional-map-overlay #mapLayerPanel{z-index:10002!important}
#leitstelle .panelbody{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0!important;flex:1 1 0!important}
#leitstelle .leftpanel,#leitstelle .rightpanel{overflow:hidden!important;min-height:0!important}
@media(max-width:700px){#leitstelle .layout{overflow:visible!important;height:auto!important}#leitstelle .leftpanel,#leitstelle .rightpanel{height:56dvh;min-height:300px;max-height:600px;flex-shrink:0}}