body.monteur-mode.mobile-ui .wp-bereich.open,
body.monteur-mode.mobile-ui .wp-bereich.open > .dialog{animation:none}



body.monteur-mode.mobile-ui .header-actions{display:none}




body.monteur-mode.mobile-ui #m-mehr > #m-mehr-inhalt{
display:flex;flex-direction:column;gap:var(--sp-2);
background:var(--gh-bg);padding:var(--sp-3) var(--sp-4) var(--sp-4);
}





body.monteur-mode.mobile-ui #m-mehr-inhalt{--mehr-rand:max(var(--sp-4), calc((100% - var(--groesse-b)) / 2))}
body.monteur-mode.mobile-ui #m-mehr-inhalt > *{margin-inline:var(--mehr-rand);flex:none}
body.monteur-mode.mobile-ui #m-mehr-inhalt > :first-child{margin-top:var(--sp-2)}
body.monteur-mode.mobile-ui #m-mehr-inhalt > :last-child{margin-bottom:var(--sp-4)}




body.monteur-mode.mobile-ui #m-mehr-inhalt > .wp-kopf{
margin:calc(50% - 50vw);margin-bottom:0;
padding-inline:calc(var(--mehr-rand) + 50vw - 50%);
background:var(--gh-panel);border-bottom:var(--rand-haar) solid var(--leiste-haar)}


#m-mehr .wp-karte:has(> .wp-zeile--abmelden){margin-top:var(--sp-4)}











body.monteur-mode.mobile-ui{
--mobile-leiste-rand:max(env(safe-area-inset-bottom, 0px) - 14px, 0px);
--mobile-nav-h:calc(56px + var(--mobile-leiste-rand));
}
@media (display-mode:standalone){
body.monteur-mode.mobile-ui{--mobile-leiste-rand:min(4px, max(env(safe-area-inset-bottom, 0px) - 18px, 0px))}
}

#m-tabbar{display:none}
body.monteur-mode.mobile-ui #m-tabbar{
display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;position:fixed;


top:calc(var(--wp-vv-top,0px) + var(--wp-vv-height,100dvh) - var(--mobile-nav-h));
left:var(--wp-inhalt-links);width:var(--wp-inhalt-breite);
bottom:auto;right:auto;box-sizing:border-box;margin:0;gap:0;
z-index:var(--z-mobile-nav);
height:var(--mobile-nav-h);

padding:0 0 var(--mobile-leiste-rand);
background:var(--gh-panel);border:0;border-top:1px solid var(--leiste-haar);border-radius:0;box-shadow:none;

--leiste-symbol:24px;--leiste-wort:12px;--leiste-pille-h:30px;--leiste-zahl:18px;
}


body.monteur-mode.mobile-ui #m-tabbar::before{

content:"";position:fixed;z-index:-1;pointer-events:none;
left:-100vw;right:-100vw;top:calc(var(--wp-vv-top,0px) + var(--wp-vv-height,100dvh) - var(--mobile-nav-h) - 1px);bottom:-100vh;
background:var(--gh-panel);border-top:1px solid var(--leiste-haar);
}
body.monteur-mode.mobile-ui #header{box-shadow:-100vw 0 0 var(--gh-panel), 100vw 0 0 var(--gh-panel)}




body.monteur-mode.mobile-ui.wp-keyboard-open #m-tabbar{display:none}



body.monteur-mode.mobile-ui #m-tabbar .el-tab{


position:relative;box-sizing:border-box;min-width:0;min-height:0;height:auto;
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
color:var(--gh-muted);font-family:inherit;font-size:var(--leiste-wort);
line-height:1.3;font-weight:500;letter-spacing:0;text-align:center;cursor:pointer;
-webkit-tap-highlight-color:transparent;
}
body.monteur-mode.mobile-ui #m-tabbar .el-sym{
position:relative;display:grid;place-items:center;
width:56px;max-width:100%;height:var(--leiste-pille-h);border-radius:999px;
}

body.monteur-mode.mobile-ui #m-tabbar .el-sym::before{
content:"";position:absolute;inset:0;border-radius:inherit;background:var(--gh-accent-soft);
transform:scaleX(.4);opacity:0;
}
body.monteur-mode.mobile-ui #m-tabbar .el-tab .el-sym .wp-i{
position:relative;width:var(--leiste-symbol);height:var(--leiste-symbol);
stroke-width:2;vertical-align:0;
}
body.monteur-mode.mobile-ui #m-tabbar .el-wort{max-width:100%;padding:0 2px;box-sizing:border-box;white-space:nowrap;overflow:hidden}


body.monteur-mode.mobile-ui #m-tabbar .el-tab[aria-current="page"]{color:var(--gh-accent);font-weight:600}
body.monteur-mode.mobile-ui #m-tabbar .el-tab[aria-current="page"] .el-sym::before{transform:scaleX(1);opacity:1}
body.monteur-mode.mobile-ui #m-tabbar .el-tab[aria-current="page"] .el-sym .wp-i{stroke-width:2.3;}

body.monteur-mode.mobile-ui #m-tabbar .el-tab:focus-visible{outline:2px solid var(--gh-accent);outline-offset:-2px}





body.monteur-mode.mobile-ui #m-tabbar .el-zahl{
position:absolute;top:-3px;right:auto;left:calc(50% + 7px);
box-sizing:border-box;min-width:var(--leiste-zahl);max-width:calc(50% - 7px);height:var(--leiste-zahl);padding:0 2px;overflow:hidden;
font-size:var(--leiste-wort);font-weight:700;line-height:var(--leiste-zahl);
box-shadow:0 0 0 2px var(--gh-panel);
}
body.monteur-mode.mobile-ui #m-tabbar .el-zahl.el-zahl--lang{left:auto;right:0;max-width:none;padding:0 4px}
body.monteur-mode.mobile-ui #m-tabbar .el-zahl.wp-marke--gefahr{border-radius:4px}
@media (min-width:768px){
body.monteur-mode.mobile-ui #m-tabbar{grid-auto-columns:minmax(0,150px);justify-content:center}
}



@media (prefers-reduced-motion:no-preference){
body.monteur-mode.mobile-ui #m-tabbar .el-sym::before{transition:transform .2s cubic-bezier(.2,.8,.2,1), opacity .12s linear}
body.monteur-mode.mobile-ui #m-tabbar .el-tab .el-sym .wp-i{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
body.monteur-mode.mobile-ui #m-tabbar .el-tab:active .el-sym .wp-i{transform:scale(.9);transition-duration:.08s}
body.monteur-mode.mobile-ui #m-tabbar .el-tab.el-neu .el-sym .wp-i{animation:el-huepf .28s ease-out}
body.monteur-mode.mobile-ui #m-tabbar .el-zahl.el-zahl-neu:not([hidden]){animation:el-ein .22s cubic-bezier(.34,1.56,.64,1)}
}
@keyframes el-huepf{0%{transform:translateY(0)} 40%{transform:translateY(-2px)} 100%{transform:translateY(0)}}
@keyframes el-ein{from{transform:scale(.6);opacity:0} to{transform:scale(1);opacity:1}}









:root body:not(.monteur-mode) #header{
--kopf-strich:2px;
height:calc(var(--kopf-h) + var(--sp-2));min-height:calc(var(--kopf-h) + var(--sp-2));
padding:0 var(--sp-4);gap:var(--sp-4);flex-wrap:nowrap;
background:var(--gh-panel);border-bottom:1px solid var(--gh-border);box-shadow:none;
}
:root body:not(.monteur-mode) #header > h1{
margin:0;font-size:var(--t-titel);font-weight:700;letter-spacing:0;text-transform:none;color:var(--gh-text);flex:0 0 auto;
}

:root body:not(.monteur-mode) #header > #kw-nav{flex:0 0 auto;min-width:0}

:root body:not(.monteur-mode) #header .header-actions{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--sp-1);flex-wrap:nowrap;margin:0}
:root body:not(.monteur-mode) #header .hdr-grp{gap:var(--sp-1);padding:0;margin:0;border:0;flex:0 0 auto;flex-wrap:nowrap}
:root body:not(.monteur-mode) #header .hdr-grp::before{display:none}
:root body:not(.monteur-mode) #header .hdr-grp-views{margin-left:auto}
:root body:not(.monteur-mode) #header .hdr-grp-rechts{gap:var(--sp-2)}

:root body:not(.monteur-mode) #header #wochenplan-btn{display:inline-flex}

@media (max-width:900px){
:root body:not(.monteur-mode) #header > h1{display:none}
}
:root body:not(.monteur-mode) #header :is(.hdr-grp-views, .hdr-grp-more) > .hbtn{
position:relative;height:var(--kopf-h);min-height:var(--kopf-h);padding:0 var(--sp-3);gap:var(--sp-2);
border:0;border-radius:var(--r-md);box-shadow:none;background:transparent;
font-size:var(--t-text);font-weight:500;letter-spacing:0;color:var(--gh-text);
}
:root body:not(.monteur-mode) #header :is(.hdr-grp-views, .hdr-grp-more) > .hbtn > .wp-i{width:var(--ico-lg);height:var(--ico-lg)}
:root body:not(.monteur-mode) #header :is(.hdr-grp-views, .hdr-grp-more) > .hbtn:hover{background:var(--gh-card-hover)}
:root body:not(.monteur-mode) #header :is(.hdr-grp-views, .hdr-grp-more) > .hbtn.appwin-open{box-shadow:none;color:var(--gh-accent)}
:root body:not(.monteur-mode) #header :is(.hdr-grp-views, .hdr-grp-more) > .hbtn[aria-current="page"]{
background:var(--bedien-bg);color:var(--gh-accent);font-weight:600;box-shadow:none;
}
:root body:not(.monteur-mode) #header :is(.hdr-grp-views, .hdr-grp-more) > .hbtn[aria-current="page"]::after{
content:"";position:absolute;left:var(--sp-2);right:var(--sp-2);bottom:calc(-1 * var(--sp-1));height:var(--kopf-strich);border-radius:var(--kopf-strich);background:var(--gh-accent);
}

:root body:not(.monteur-mode) #header #hdr-konto-btn{
height:var(--kopf-h);min-height:0;padding:0 var(--sp-1);gap:var(--sp-1);border:0;box-shadow:none;border-radius:var(--r-pill);background:transparent;
}
:root body:not(.monteur-mode) #header #hdr-konto-btn:hover{background:var(--gh-card-hover)}
:root body:not(.monteur-mode) #header .hdr-mono{width:calc(var(--kopf-h) - var(--sp-3));height:calc(var(--kopf-h) - var(--sp-3));font-size:var(--t-neben)}


#header .hbtn-pfeil{width:12px;height:12px;margin-left:2px}
#hdr-konto-wrap{position:relative}
.hdr-mono{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;
background:var(--gh-accent-emphasis);color:var(--gh-accent-fg);font-size:var(--fs-sm);font-weight:700}
#header .hdr-konto-btn > .wp-marke{position:absolute;top:-4px;right:-4px}
#header .hdr-grp-rechts{display:flex;align-items:center;gap:6px}




.wp-nav-seite{display:block;width:min(calc(320px * var(--wp-dichte, 1)), calc(100vw - var(--sp-4)))}
.wp-nav-seite--einstellungen{padding:0 var(--sp-2) var(--sp-1);background:var(--gh-bg);overflow:hidden auto}
.wp-nav-seite--einstellungen > .wp-kopf{margin:0 calc(-1 * var(--sp-2)) var(--sp-2);padding:var(--sp-1) var(--sp-2);
background:var(--gh-panel);border-bottom:var(--rand-haar) solid var(--gh-border-subtle)}
.wp-nav-seite > .wp-zeile-sub{margin:0;padding:0 var(--sp-3) var(--sp-1)}
.wp-nav-seite .wp-karte.wp-gruppenliste{margin:0 0 var(--sp-2)}


.trupp-name.trupp-wahl{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:44px;padding:0 var(--sp-2) 0 var(--sp-3);
background:var(--bedien-bg);border:0;border-radius:var(--r-pill);color:inherit;font:inherit;cursor:pointer}

.trupp-name.trupp-wahl > .wp-i{width:var(--ico);height:var(--ico);}




body.monteur-mode.mobile-ui #m-mehr{
top:calc(var(--wp-vv-top,0px) + var(--wp-inhalt-oben,0px));bottom:auto;
height:calc(var(--wp-vv-height,100dvh) - var(--wp-inhalt-oben,0px) - var(--mobile-nav-h));
}




body.monteur-mode.mobile-ui #kw-nav{position:relative;z-index:1}
body.monteur-mode.mobile-ui #kw-nav .wp-zeitraum-pille > .wp-icon-btn::after{inset-block:calc((var(--zeitpfeil-b) - var(--feld-h)) / 2)}


body.monteur-mode.mobile-ui #kw-nav .wp-zeitraum-pille > .wp-icon-btn:first-child::after{inset-inline-start:calc(var(--zeitpfeil-b) - var(--feld-h))}
body.monteur-mode.mobile-ui #kw-nav .wp-zeitraum-pille > button.wp-zeitraum-label{
margin-block:calc((var(--zeitpfeil-b) - var(--feld-h)) / 2);padding-block:calc((var(--feld-h) - var(--zeitpfeil-b)) / 2)}
body.monteur-mode.mobile-ui #kw-nav .wp-zeitraum-heute.wp-zeitraum-heute.wp-btn::after{inset-block:calc((100% - var(--feld-h)) / 2)}



.wp-einstellung-teil{display:flex;flex-direction:column;gap:var(--sp-2)}
.wp-einstellung-teil + .wp-einstellung-teil{padding-top:var(--sp-3);border-top:var(--rand-haar) solid var(--gh-border-subtle)}
.wp-einstellung-wort{font-size:var(--t-neben);font-weight:600;color:var(--gh-muted)}
.wp-einstellung-reihe{flex-direction:row;align-items:center;justify-content:space-between}

.wp-einstellung-teil .wp-umschalter.wp-umschalter--voll > button.wp-umschalter-segment{min-width:0;white-space:nowrap;overflow:hidden}



#urlaub-overlay.wp-konto #url-person-kopf :is(.wp-kopf-zurueck, .wp-kopf-titel){display:none}
body.monteur-mode.mobile-ui #urlaub-overlay.wp-konto #url-person-kopf .wp-kopf-aktionen{margin-left:auto}



body.monteur-mode.mobile-ui #m-mehr-inhalt > .wp-mehr-untertitel{margin-block:0}
body.monteur-mode.mobile-ui #m-mehr-inhalt .wp-undo-verlauf .wp-leer-karte > .wp-leer{background:none;border:0;box-shadow:none}

body.monteur-mode.mobile-ui #m-mehr-inhalt .wp-undo-verlauf .wp-zeile-haupt > *{white-space:normal;overflow-wrap:anywhere}