.wp-kopf{
display:flex; align-items:center; gap:var(--sp-2);



flex:0 0 auto;
min-height:var(--kopf-h);
padding:0 var(--sp-2) 0 var(--sp-4);
}
.wp-kopf-titel{
flex:1 1 auto; min-width:0;
font-size:var(--t-titel); font-weight:600; line-height:var(--kopf-zeilenhoehe);
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.wp-kopf-sub{
display:block;
font-size:var(--t-neben); font-weight:400; color:var(--gh-muted);
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.wp-kopf-sub .wp-chip{ margin-right:var(--sp-2); }



.wp-kopf:has(> .wp-kopf-werkzeuge) > .wp-kopf-titel{ flex:0 1 auto; }
.wp-kopf-werkzeuge{ display:flex; align-items:center; gap:var(--sp-2); flex:0 1 auto; min-width:0; margin-right:auto; }
.wp-kopf-aktionen{
display:flex; align-items:center; gap:var(--sp-1);
flex:0 0 auto;
}


.wp-zeile{
display:flex; align-items:center; gap:var(--sp-3);
min-height:var(--zeile-h);
padding:var(--sp-2) var(--sp-4);
background:transparent;
}







.wp-zeile:not(.wp-zeile--gruppe){ position:relative; overflow-x:clip; }
.wp-zeile:not(.wp-zeile--gruppe) > :is(.wp-zeile-kern, .wp-zeile-haupt)::after,
.wp-zeile:not(.wp-zeile--gruppe):not(:has(> .wp-zeile-kern, > .wp-zeile-haupt))::after{
content:""; display:block; position:absolute; bottom:0; height:var(--rand-haar);
width:-webkit-fill-available; width:stretch;
background:var(--gh-border-subtle); pointer-events:none;
}
:is(.wp-zeile--eingebettet, .wp-zeile:last-child:not(:only-child), :last-child > .wp-zeile:only-child) > :is(.wp-zeile-kern, .wp-zeile-haupt)::after,
:is(.wp-zeile--eingebettet, .wp-zeile:last-child:not(:only-child), :last-child > .wp-zeile:only-child)::after{ content:none; }
.wp-zeile--eingebettet{ width:100%; padding:0; background:transparent; }
.wp-zeile--buendig{ padding-left:0; padding-right:0; }
.wp-zeile-haupt{ flex:1 1 auto; min-width:0; }
.wp-zeile-titel{
font-size:var(--t-text); color:var(--gh-text);
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.wp-zeile-sub{
font-size:var(--t-neben); color:var(--gh-muted);
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.wp-zeile-rechts{
display:flex; align-items:center; gap:var(--sp-1); flex:0 0 auto;
color:var(--gh-muted);
}



.wp-reiter{
display:flex; align-items:stretch; gap:var(--sp-3);
overflow-x:auto;
border-bottom:1px solid var(--gh-border-subtle);
padding:0 var(--sp-4);
scrollbar-width:none;
}


.wp-rahmen-reiter{ column-gap:var(--sp-4); }
.wp-reiter > button{
flex:0 0 auto;
min-height:var(--reiter-h);
padding:0 var(--sp-1);
background:none; border:0;
border-bottom:2px solid transparent;
font-size:var(--t-text); font-weight:500; color:var(--gh-muted);
white-space:nowrap;
}



.wp-reiter > button[aria-selected="true"],
.wp-reiter > button.active{
color:var(--gh-accent);
border-bottom-color:var(--gh-accent);
-webkit-text-stroke:.02em currentColor;
}
.wp-reiter > button :is(.wp-reiter-zahl, .wp-marke){ -webkit-text-stroke:0; }


.wp-reiter > button:focus-visible{ outline-offset:-3px; }



.wp-zeiger :focus-visible:not(input, select, textarea, [contenteditable="true"], #wp-keine-id){ outline:none; }






.wp-kopf-symbol{ display:inline-flex; flex:0 0 auto; color:var(--symbol-info); }
.wp-kopf-symbol > svg{ width:var(--ico-lg); height:var(--ico-lg); }
.wp-rahmen-kopf{ background:var(--gh-panel); }
.wp-rahmen-kopf .wp-btn{ min-height:var(--feld-h); padding:var(--sp-1) var(--sp-3); }
.wp-rahmen-reiter{ flex:0 0 auto; background:var(--gh-panel); }
.wp-rahmen-reiter > [role="tab"]{ display:inline-flex; align-items:center; }

.wp-rahmen-reiter > [role="tab"] > .wp-i{ margin-right:var(--sp-2); }


.wp-reiter-zahl{ margin-left:var(--sp-2); }
.wp-reiter-zahl:not(.wp-marke){
font-weight:400; color:var(--farbe-neutral-text);
font-variant-numeric:tabular-nums;
}
.wp-reiter-zahl[hidden]{ display:none; }


.wp-rahmen-reiter .wp-reiter-zahl{ margin-left:var(--sp-1); }

.wp-rahmen-inhalt{ flex:1 1 auto; min-width:0; min-height:0; display:flex; flex-direction:column; }







.wp-btn, .btn-no, .btn-ok{
display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-1);
padding:var(--knopf-pad); border:1px solid transparent; border-radius:var(--r-md);
font:inherit; font-size:var(--t-text); font-weight:600; line-height:var(--kopf-zeilenhoehe); white-space:nowrap;
background:var(--bedien-bg); color:var(--gh-accent); box-shadow:none; background-image:none;
cursor:pointer; transition:background-color var(--dauer-kurz), color var(--dauer-kurz);
}
.btn-ok, .wp-btn--primary{ background:var(--gh-accent-emphasis); color:var(--gh-accent-fg); }
.wp-btn--ghost{ background:transparent; }
.wp-btn--danger, .wp-gefahr.wp-btn, .btn-no.wp-gefahr-text{ background:transparent; color:var(--farbe-gefahr-text); }
:is(.wp-btn, .btn-no, .btn-ok) > .wp-i{ color:inherit; }


:is(.wp-btn, .btn-no, .btn-ok):is(:disabled, [aria-disabled="true"]){
background:var(--bedien-bg); color:var(--gh-disabled-fg); border-color:transparent; cursor:not-allowed; filter:none; opacity:1;
}
:is(.wp-btn--danger, .wp-btn--ghost):is(:disabled, [aria-disabled="true"]){ background:transparent; }
.wp-icon-btn{
position:relative; display:inline-flex; align-items:center; justify-content:center;
width:var(--symbolknopf); height:var(--symbolknopf); padding:0;
border:0; border-radius:var(--r-md); background:transparent; color:var(--symbol-bedien);
font-size:var(--fs-title); line-height:1; cursor:pointer;
transition:background-color var(--dauer-kurz);
}





@media (pointer:coarse), (any-pointer:coarse){
.wp-icon-btn::after{ content:""; position:absolute; inset:min(0px, calc((var(--symbolknopf) - var(--tap)) / 2)); }
.wp-icon-btn:last-child::after{ inset-inline-end:0; inset-inline-start:min(0px, calc(var(--symbolknopf) - var(--tap))); }
}
.wp-icon-btn--info{ color:var(--symbol-info); }

.wp-pfeile{ display:inline-flex; gap:var(--sp-1); }
.wp-pfeil-platz{ display:inline-block; width:var(--symbolknopf); height:var(--symbolknopf); }






:is(.wp-kopf, .wp-rahmen-kopf) .wp-icon-btn, .wp-icon-btn:is(.wp-kopf-x, .wp-dialog-x){ --symbolknopf:var(--feld-h); }
:is(.wp-kopf, .wp-rahmen-kopf) .wp-icon-btn, .wp-icon-btn:is(.wp-kopf-x, .wp-dialog-x), .wp-icon-btn--getoent{ background:var(--bedien-bg); }
:is(.wp-kopf, .wp-rahmen-kopf) .wp-icon-btn > svg{ width:var(--ico-lg); height:var(--ico-lg); }
.wp-icon-btn:is(:disabled, [aria-disabled="true"]){ color:var(--gh-disabled-fg); cursor:not-allowed; }


.wp-icon-btn.wp-kopf-zurueck:has(use[href="#i-kopf-zurueck"]){ width:max(var(--tap), var(--symbolknopf)); background:transparent; color:var(--gh-accent); margin-inline-start:calc(-1 * var(--sp-2)); }
:is(.wp-btn, .btn-no, .btn-ok, .wp-icon-btn):active:not(:disabled){ filter:brightness(.94); }









:is(.wp-btn, .btn-no, .wp-pille, .wp-kennzahl, .wp-wahl, .wp-icon-btn)[aria-pressed="true"],
:is(.wp-btn, .wp-icon-btn)[data-filter-aktiv],
.wp-tagesleiste > [aria-current="true"],
.wp-tagesleiste--wahl > [aria-pressed="true"]{
background:var(--zustand-flaeche); color:var(--zustand-text); border-color:transparent; box-shadow:none;
font-weight:600;
}
:is(.wp-btn, .btn-no, .wp-pille, .wp-kennzahl, .wp-wahl, .wp-icon-btn, .wp-umschalter-segment)[aria-pressed="true"] :is(.wp-i, .wp-pille-zahl, .wp-reiter-zahl, .wp-kennzahl-titel, .wp-kennzahl-wert, .wp-kennzahl-zusatz, .wp-wahl-punkt),
.wp-tagesleiste > [aria-current="true"] *,
.wp-tagesleiste--wahl > [aria-pressed="true"] *{ color:inherit; }

:is(.wp-btn, .btn-no, .wp-pille, .wp-kennzahl, .wp-wahl, .wp-icon-btn)[aria-pressed="true"] .wp-marke:not(.wp-werkzeuge-filter-zahl){ background:var(--zustand-text); color:var(--zustand-flaeche); }


.wp-pille[aria-pressed="true"] > .wp-marke:is(.wp-marke--offen, .wp-marke--gefahr){ color:var(--farbe-auf-flaeche); box-shadow:0 0 0 calc(var(--rand-haar) * 2) var(--zustand-text); }
.wp-pille[aria-pressed="true"] > .wp-marke.wp-marke--offen{ background:var(--farbe-offen-flaeche); }
.wp-pille[aria-pressed="true"] > .wp-marke.wp-marke--gefahr{ background:var(--farbe-gefahr-flaeche); }



.wp-umschalter{
display:inline-flex; align-items:stretch; gap:var(--spur-luecke); box-sizing:border-box;
min-height:var(--feld-h); padding:var(--spur-pad); border-radius:var(--r-md); background:var(--bedien-bg);
}

.wp-umschalter > :is(.wp-btn, button){
flex:1 1 auto; min-height:0; border-radius:var(--r-md); background:transparent; color:var(--gh-accent); border-color:transparent;
font:inherit; font-size:var(--t-text); font-weight:500;
}


.wp-umschalter > :is(.wp-btn, button)[aria-pressed="true"],
.wp-umschalter > .wp-btn:has(> input:checked){ background:var(--zustand-flaeche); color:var(--zustand-text); -webkit-text-stroke:.02em currentColor; }
.wp-umschalter > :is(:is(.wp-btn, button)[aria-pressed="true"], .wp-btn:has(> input:checked)) :is(.wp-reiter-zahl, .wp-marke){ -webkit-text-stroke:0; }



.wp-btn[aria-pressed="false"]:not(.wp-umschalter > *, :disabled, [aria-disabled="true"]){ background:var(--bedien-bg); color:var(--gh-accent); }
.wp-umschalter--voll{ display:flex; }
@media (pointer:coarse), (any-pointer:coarse){
.wp-umschalter > :is(.wp-btn, button){ position:relative; }
.wp-umschalter > :is(.wp-btn, button)::after{ content:""; position:absolute; inset:min(0px, calc((100% - var(--tap)) / 2)) 0; }
}


.wp-pillen{
display:flex; gap:var(--sp-2); overflow-x:auto; scrollbar-width:none; padding:var(--rand-haar) 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);
}
.wp-pillen::-webkit-scrollbar{ display:none; }
.wp-pillen--ganz{ -webkit-mask-image:none; mask-image:none; flex-wrap:wrap; overflow:visible; }
.wp-pille{
flex:0 0 auto; display:inline-flex; align-items:center; gap:var(--sp-1);
height:var(--pille-h); padding:var(--pille-pad); border:0; border-radius:var(--r-pill);
background:var(--bedien-bg); color:var(--gh-accent);
font:inherit; font-size:var(--t-text); font-weight:500; line-height:1; white-space:nowrap; cursor:pointer;
}
.wp-pille-zahl{ font-weight:600; color:var(--gh-accent); font-variant-numeric:tabular-nums; }


.wp-marke.wp-pille-marke{ display:inline-flex; align-items:center; gap:var(--kachel-luecke-innen); }
.wp-pille-marke > .wp-i{ width:var(--chip-fs); height:var(--chip-fs); flex:0 0 auto; }
.wp-pille--gefahr > .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; color:var(--farbe-gefahr-text); }
.wp-pille--gefahr[aria-pressed="true"] > .wp-i{ color:inherit; }
.wp-pille[aria-pressed="true"]::before{
content:""; flex:0 0 auto; width:var(--haken-b); height:var(--haken-h);
border-left:2px solid currentColor; border-bottom:2px solid currentColor;
transform:translateY(-15%) rotate(-45deg);
}
.wp-pille:focus-visible, .wp-umschalter > :focus-visible{ outline:2px solid var(--gh-accent); outline-offset:2px; }


.wp-wahlraster{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--sp-2); }
.wp-wahl{
display:flex; align-items:center; gap:var(--sp-2); min-width:0; min-height:var(--feld-h);
padding:0 var(--sp-3); border:0; border-radius:var(--r-md);
background:var(--bedien-bg); color:var(--gh-accent);
font:inherit; font-size:var(--t-text); font-weight:500; text-align:left; cursor:pointer;
}
.wp-wahl > .wp-i{ flex:0 0 auto; color:var(--symbol-bedien); }
.wp-wahl-wort{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:is(.wp-wahl-punkt, .wp-pille-punkt, .wp-menue-punkt){ flex:0 0 auto; width:var(--punkt-b); height:var(--punkt-b); border-radius:var(--r-circle); background:var(--wp-fachfarbe, transparent); }


:is(.wp-pille-punkt, .wp-menue-punkt){ box-shadow:0 0 0 var(--rand-haar) var(--gh-border-strong); }
.wp-pille[aria-pressed="true"] > .wp-pille-punkt{ box-shadow:0 0 0 calc(var(--rand-haar) * 1.5) var(--zustand-text); }
.wp-menue-punkt{ margin-inline-end:var(--sp-2); }
.wp-wahl[aria-pressed="true"] > .wp-wahl-punkt{ box-shadow:0 0 0 2px var(--zustand-text); }
.wp-wahl:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:2px; }



.wp-wahlraster-huelle{ container-type:inline-size; }
.wp-wahlraster.wp-wahlraster--einspaltig{ grid-template-columns:minmax(0, 1fr); }
@container (min-width:480px){
.wp-wahlraster:where(:not(.wp-wahlraster--einspaltig, :has(> .wp-wahl:nth-child(4):last-child))){ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}
@container (max-width:299px){ .wp-wahlraster{ grid-template-columns:minmax(0, 1fr); } }






.wp-werkzeuge{
display:flex; align-items:center; gap:var(--sp-2);
min-height:var(--werkzeuge-h);
padding:var(--sp-2) var(--sp-4);
background:var(--gh-panel); border-bottom:var(--rand-haar) solid var(--gh-border-subtle);
}
.wp-werkzeuge .wp-werkzeuge{ min-height:0; padding:0; background:none; border-bottom:0; }


.wp-werkzeuge.wp-werkzeuge > :is(.wp-btn, .wp-icon-btn, input[type="search"], select){ height:var(--feld-h); min-height:var(--feld-h); }
.wp-werkzeuge.wp-werkzeuge > .wp-btn{ min-width:var(--feld-h); }




:where(.wp-werkzeuge) .wp-icon-btn:not(:where(.wp-zeitraum *)){ --symbolknopf:var(--feld-h); background:var(--bedien-bg); }
:where(.wp-werkzeuge) .wp-icon-btn:not(:where(.wp-zeitraum *)) > svg{ width:var(--ico-lg); height:var(--ico-lg); }

:where(.wp-werkzeuge) > :is(.wp-werkzeuge-primaer, .wp-btn--primary) > svg{ width:var(--ico-lg); height:var(--ico-lg); }






.dactions.wp-fusszeile--klebend{
position:sticky; bottom:0; z-index:1;
gap:var(--sp-2); margin-top:0;
padding:var(--sp-2) var(--sp-4) max(var(--sp-2), env(safe-area-inset-bottom));
border-top:1px solid var(--gh-border); background:var(--gh-panel);
}


.wp-feld{ display:block; margin:0 0 var(--sp-4); }
.wp-feld > label{
display:block;
font-size:var(--t-neben); font-weight:600; color:var(--gh-muted);
margin-bottom:var(--sp-1);
text-transform:none;
}


.wp-feld :is(input:not([type=checkbox]):not([type=radio]), select, textarea){
width:100%;
min-height:var(--feld-h);
font:inherit;
font-size:var(--feld-fs);
background-color:var(--gh-input-bg); color:var(--gh-text);
border:1px solid var(--feld-rand); border-radius:var(--r-md);
padding:var(--sp-2) var(--sp-3);
}


:is(.wp-feld, .sdc-card, .dialog .field) :is(input:not([type=checkbox], [type=radio], [type=range], [type=file], [type=hidden]), select:not([multiple])){
height:var(--feld-h); min-height:var(--feld-h); box-sizing:border-box; padding-block:0; font-size:var(--feld-fs);
}




:is(.wp-feld, .sdc-card, .dialog, .wp-werkzeuge) select:not([multiple]):not([size]){
-webkit-appearance:none; appearance:none; padding-right:var(--sp-6);
border:1px solid var(--feld-rand); border-radius:var(--r-md);
background-image:conic-gradient(from -40deg at 50% 100%, var(--symbol-info) 80deg, transparent 0);
background-size:var(--haken-b) var(--haken-h);
background-position:calc(100% - var(--sp-3)) 50%;
background-repeat:no-repeat;
}

select.wp-wahlfeld-traeger.wp-wahlfeld-traeger{ display:none; }

:is(.sdc-card, .dialog .field) > label:not(:has(input)){ font-size:var(--t-neben); font-weight:600; color:var(--gh-muted); text-transform:none; }



.wp-formhaken{ display:flex; align-items:flex-start; gap:var(--sp-2); padding:var(--sp-2) 0;
border-bottom:1px solid var(--gh-border-subtle); cursor:pointer; }
.wp-formhaken:last-child{ border-bottom:0; }
.wp-formhaken > input[type=checkbox]{ width:auto; flex:0 0 auto; margin:.25em 0 0; }



:is(.wp-formgruppe, .wp-feld) input[type="checkbox"]{
-webkit-appearance:none; appearance:none; display:inline-grid; place-items:center; flex:0 0 auto;
width:var(--sp-5); height:var(--sp-5); box-sizing:border-box;
background:var(--gh-input-bg); border:var(--rand-haar) solid var(--feld-rand); border-radius:var(--r-xs); cursor:pointer;
}
:is(.wp-formgruppe, .wp-feld) input[type="checkbox"]:not(.wp-formhaken > *){ margin:0; }
:is(.wp-formgruppe, .wp-feld) input[type="checkbox"]:checked{ background:var(--gh-accent); border-color:var(--gh-accent); }

:is(.wp-formgruppe, .wp-feld) input[type="checkbox"]:checked::after{
content:""; width:var(--haken-b); height:var(--haken-h);
border-left:2px solid var(--gh-card); border-bottom:2px solid var(--gh-card);
transform:translateY(-15%) rotate(-45deg);
}
:is(.wp-formgruppe, .wp-feld) input[type="checkbox"]:disabled{ background:var(--gh-disabled-bg); border-color:transparent; cursor:not-allowed; }
:is(.wp-formgruppe, .wp-feld) input[type="checkbox"]:checked:disabled{ background:var(--gh-disabled-fg); }
:is(.wp-formgruppe, .wp-feld) input[type="checkbox"]:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:2px; }
.wp-formhaken-text{ display:flex; flex-direction:column; min-width:0; }
.wp-formhaken-titel{ font-size:var(--t-text); line-height:var(--lh-text); color:var(--gh-text); }
.wp-formhaken-neben{ font-size:var(--t-neben); line-height:var(--lh-text); color:var(--gh-muted); }
.wp-formhaken-text{ flex:1 1 auto; }
.wp-formhaken-zahl{ flex:0 0 auto; margin-left:auto; font-size:var(--t-neben); line-height:var(--lh-text); color:var(--gh-muted); font-variant-numeric:tabular-nums; }
.wp-formhaken:has(> input:disabled){ cursor:default; }
.wp-formhaken:has(> input:disabled) .wp-formhaken-titel{ color:var(--gh-muted); }





.wp-objektwahl{ position:relative; display:block; }
.wp-objektwahl-liste{
position:absolute; z-index:var(--z-menu); left:0; right:0; top:100%;
display:flex; flex-direction:column; gap:var(--kachel-luecke-innen);
max-height:var(--popover-max-h); overflow-y:auto;
margin:var(--sp-1) 0 0; padding:var(--kachel-luecke-innen);
list-style:none;
background:var(--gh-panel); border:1px solid var(--gh-border); border-radius:var(--r-lg);
box-shadow:var(--popover-schatten);
}
.wp-objektwahl-liste[hidden]{ display:none; }
.wp-objektwahl-option{
display:flex; flex-direction:column; justify-content:center; gap:var(--sp-1);
min-height:var(--popover-eintrag-h); padding:var(--popover-eintrag-pad);
border-radius:var(--r-md); color:var(--gh-text); cursor:pointer;
}
.wp-objektwahl-option[aria-selected="true"]{ background:var(--gh-accent-soft); }
.wp-objektwahl-option[aria-selected="true"] .wp-objektwahl-sub{ color:var(--gh-text); }
.wp-objektwahl-titel{ font-size:var(--popover-fs); font-weight:600; }
.wp-objektwahl-sub{ font-size:var(--t-neben); color:var(--gh-muted); }
.wp-objektwahl [aria-invalid="true"]{ border-color:var(--farbe-gefahr-rand); }
.wp-objektwahl-hinweis{ display:block; margin-top:var(--sp-1); font-size:var(--t-neben); color:var(--gh-muted); }
.wp-objektwahl-hinweis:empty{ display:none; }
.wp-objektwahl-hinweis.is-fehler{ color:var(--farbe-gefahr-text); }


.wp-statuszeile-aktion.wp-objektwahl-loesen{
position:relative; min-height:0; margin-top:var(--sp-1); padding:0;
font-size:var(--t-text); text-align:left;
}
.wp-objektwahl-loesen::after{ content:""; position:absolute; inset:calc((100% - var(--tap)) / 2) 0; }
.wp-objektwahl-loesen[hidden]{ display:none; }



.wp-objektwahl-dialog{ display:flex; flex-direction:column; gap:var(--sp-2); min-width:0; }
.wp-objektwahl-suche{
height:var(--feld-h); min-height:var(--feld-h); padding:0 var(--sp-3);
font:inherit; font-size:var(--feld-fs); color:var(--gh-text);
background:var(--gh-input-bg); border:1px solid var(--feld-rand); border-radius:var(--r-md);
}
.wp-objektwahl-zeilen{
margin:0; padding:0; list-style:none;
max-height:var(--rueckfrage-liste-h); overflow-y:auto;
border-top:1px solid var(--gh-border-subtle);
}
.wp-objektwahl-zeilen[hidden]{ display:none; }
.wp-objektwahl-zeile{
display:flex; align-items:center; gap:var(--sp-2);
width:100%; min-height:var(--tap); padding:var(--sp-2) var(--sp-3);
background:none; border:0; border-bottom:1px solid var(--tabelle-trenner); border-radius:0;
font:inherit; color:var(--gh-text); text-align:left; cursor:pointer;
}
.wp-objektwahl-zeile:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }
.wp-objektwahl-zeile[aria-pressed="true"]{ background:var(--markierung-flaeche); box-shadow:inset var(--markierung-balken) 0 0 var(--gh-accent); }


.wp-objektwahl-zeile:not(.wp-objektwahl-zeile--mehrfach)[aria-pressed="true"]::after{
content:""; flex:0 0 auto; width:var(--haken-b); height:var(--haken-h); margin:0 var(--sp-1) 0 auto;
border-left:2px solid var(--symbol-bedien); border-bottom:2px solid var(--symbol-bedien); transform:translateY(-15%) rotate(-45deg);
}
.wp-objektwahl-zeile--mehrfach[aria-pressed="true"] > .wp-menue-kaestchen{ background:var(--gh-accent-emphasis); border-color:var(--gh-accent-emphasis); color:var(--gh-accent-fg); }
.wp-objektwahl-zeile[hidden], .wp-objektwahl-zeilen > li[hidden]{ display:none; }
.wp-objektwahl-zeile:disabled{ cursor:progress; }

.wp-objektwahl-zeile > .wp-i{ flex:0 0 auto; width:var(--ico); height:var(--ico); color:var(--symbol-info); }
.wp-objektwahl-haupt{ display:flex; flex-direction:column; gap:var(--sp-1); flex:1 1 auto; min-width:0; overflow-wrap:anywhere; }
.wp-objektwahl-zweite{ border-bottom:0; color:var(--gh-accent); }
.wp-objektwahl-zweite > .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; }
.wp-objektwahl-kuerzung:empty,
.wp-objektwahl-leer:empty{ display:none; }
@media (hover:hover){
.wp-objektwahl-zeile:not([aria-pressed="true"]):hover{ background:var(--tabelle-hover); }
.wp-objektwahl-option:hover{ background:var(--gh-hover); }
.wp-objektwahl-option:hover .wp-objektwahl-sub{ color:var(--gh-text); }
.wp-objektwahl-option[aria-selected="true"]:hover{ background:var(--gh-accent-soft); }
}








.wp-tabelle-scroll{
flex:1 1 auto; min-width:0; min-height:0; max-width:100%;
overflow:auto; overscroll-behavior:contain;
}
.wp-tabelle-scroll:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }
.wp-tabelle{
width:100%; border-collapse:separate; border-spacing:0;
font:inherit; font-size:var(--t-text); color:var(--gh-text);
}
.wp-tabelle > caption{
padding:var(--sp-2) 0;
text-align:left; font-size:var(--t-neben); font-weight:600; color:var(--gh-muted);
}
.wp-tabelle :is(th, td){
height:var(--zeile-h); padding:0 var(--sp-3);
text-align:left; vertical-align:middle;
border-bottom:1px solid var(--tabelle-trenner);
}
.wp-tabelle > thead > tr > th{
position:sticky; top:0; z-index:1;
background:var(--tabelle-kopf); color:var(--gh-muted);
font-size:var(--t-neben); font-weight:500;
border-bottom-color:var(--gh-border);
}
.wp-tabelle :is(th, td).wp-tabelle-zahl{
text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap;
}
.wp-tabelle button{ font-family:inherit; }






.wp-kachel{
display:flex; flex-direction:column; gap:var(--kachel-luecke-innen);
align-items:stretch; text-align:left;
min-height:var(--kachel-min-h);
padding:var(--kachel-pad);
background:var(--kachel-bg);
background-image:var(--kachel-bild);
border:1px solid var(--kachel-border);
border-radius:var(--r-md);
box-shadow:var(--kachel-schatten);
color:var(--gh-text); font:inherit;
cursor:pointer;
transition:background var(--dauer-kurz), border-color var(--dauer-kurz);
}





.wp-kachel.wp-kachel{ padding:var(--kachel-pad); }





:is(.wp-kachel, .wp-leer) :is(.wp-btn:not(.wp-btn--primary, .wp-btn--ghost, .wp-btn--danger, .wp-gefahr, [aria-pressed="true"], .wp-umschalter > *), .btn-no:not(.wp-gefahr-text), .wp-umschalter, .wp-pille:not([aria-pressed="true"])){
background:var(--gh-card);
}

.wp-kachel--randlos{ background:transparent; background-image:none; border-color:var(--gh-border-subtle); box-shadow:none; }
.wp-kachel--bearbeiten{ cursor:default; }


.wp-kachel--bearbeiten > .wp-kachel-kopf{ height:var(--chip-h); }
.wp-kachel--bearbeiten > .wp-kachel-kopf > .wp-chip{ height:auto; min-height:0; padding-block:0; }
.wp-kachel:active{ background:var(--kachel-hover); }
.wp-kachel:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }
.wp-kachel-kopf{
display:flex; align-items:center; gap:var(--kachel-luecke-innen);
color:var(--gh-muted);
}
.wp-kachel-symbol{ display:inline-flex; flex:0 0 auto; }
.wp-kachel-titel{
font-size:var(--kachel-titel-fs); font-weight:600;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.wp-kachel-wert{
font-size:var(--kachel-wert-fs); color:var(--gh-text);
font-variant-numeric:tabular-nums;
overflow-wrap:anywhere;
}
.wp-kachel-sub{ font-size:var(--kachel-sub-fs); color:var(--gh-muted); }




.wp-kachel-feld{
display:flex; flex-direction:column; gap:var(--kachel-luecke-innen); min-width:0;
}














.wp-kachel.wp-kachel--bearbeiten .wp-kachel-feld > input,
.wp-kachel.wp-kachel--bearbeiten .wp-kachel-feld > select,
.wp-kachel.wp-kachel--bearbeiten .wp-kachel-feld > .wp-objektwahl > input,
.wp-kachel.wp-kachel--bearbeiten .wp-kachel-feld > textarea{
width:100%; min-width:0; box-sizing:border-box;
padding:0; border:0; border-bottom:1px solid var(--gh-border-strong);
border-radius:0; background:none;
color:var(--gh-text); font:inherit; font-size:var(--kachel-wert-fs);
min-height:var(--kachel-knopf-h);
}
.wp-kachel.wp-kachel--bearbeiten .wp-kachel-feld > textarea{
resize:vertical; height:var(--kachel-feld-h);
}


.wp-kachel.wp-kachel--bearbeiten .wp-kachel-feld > select{ cursor:pointer; }
.wp-kachel.wp-kachel--bearbeiten .wp-kachel-feld > :is(input, textarea)[readonly]{ border-bottom-color:transparent; }
.wp-feldraster > :has(> .wp-kachel--bearbeiten){ display:grid; grid-template-columns:minmax(0,1fr); }
.wp-kachel.wp-kachel--bearbeiten .wp-kachel-feld > input::placeholder,
.wp-kachel.wp-kachel--bearbeiten .wp-kachel-feld > .wp-objektwahl > input::placeholder,
.wp-kachel.wp-kachel--bearbeiten .wp-kachel-feld > textarea::placeholder{
color:var(--gh-muted);
}


.wp-kachel.wp-kachel--bearbeiten .wp-kachel-feld > .wp-objektwahl > input[aria-invalid="true"]{
border-bottom-color:var(--farbe-gefahr-rand);
}



.wp-feld--frei{ margin:0; }
.wp-feld-titel{
display:flex; align-items:center; gap:var(--sp-1); min-width:0; margin-bottom:var(--sp-1);
font-size:var(--t-neben); font-weight:500; color:var(--gh-muted);
}
.wp-feld-titel > .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; color:var(--symbol-info); }
.wp-feld-titel > .wp-kachel-titel{ min-width:0; overflow-wrap:anywhere; }
.wp-feld--frei .wp-kachel-feld{ gap:var(--sp-1); }
.wp-feld :is(input, textarea)[readonly]{ background:var(--gh-disabled-bg); border-color:transparent; }
.wp-feld textarea{ resize:vertical; min-height:var(--kachel-feld-h); }
.wp-feld :is(input, textarea)::placeholder{ color:var(--gh-muted); }

:is(.wp-feld, .dialog) input::placeholder, #chat-input::placeholder{ font-size:var(--feld-fs); }
.wp-feld .wp-objektwahl > input[aria-invalid="true"]{ border-color:var(--farbe-gefahr-rand); }
.wp-kachel-feld > .wp-objektwahl-loesen{ align-self:flex-start; }


.wp-kachel-wert.wp-laedt{ color:var(--gh-muted); }




.wp-kachel--zaehler{
display:grid; grid-template-columns:var(--ico) minmax(0, 1fr) auto;
grid-template-areas:"titel titel weiter" "symbol wert weiter";
align-items:center; gap:0 var(--sp-1); min-height:0;
background:var(--kachel-bg); border-color:transparent; box-shadow:none;
}
.wp-kachel--zaehler > .wp-kachel-titel{ grid-area:titel; font-size:var(--t-neben); font-weight:500; color:var(--gh-muted); }
.wp-kachel--zaehler > .wp-kachel-symbol{ grid-area:symbol; }
.wp-kachel--zaehler > .wp-kachel-symbol > .wp-i{ width:var(--ico); height:var(--ico); }
.wp-kachel--zaehler > .wp-kachel-wert{ grid-area:wert; min-width:0; font-size:var(--t-text); font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wp-kachel-weiter{ grid-area:weiter; font-size:var(--t-titel); line-height:1; color:var(--symbol-bedien); }
.wp-kachel--leer{ color:var(--gh-muted); }
.wp-kachel--leer .wp-kachel-wert{ color:var(--gh-muted); }




.wp-kachel--messwert{ --kachel-wert-fs:var(--t-titel); min-height:0; cursor:default; }
.wp-kachel--messwert:active{ background:var(--kachel-bg); }
.wp-kachel--messwert > .wp-kachel-kopf > .wp-kachel-titel{ flex:1 1 auto; min-width:0; font-weight:400; }
.wp-kachel--messwert > .wp-kachel-wert{ font-weight:700; }
.wp-kachel--messwert > .wp-kachel-wert--text{ --kachel-wert-fs:var(--t-text); font-weight:600; }
.wp-kachel-einheit{ margin-left:var(--sp-1); font-size:var(--t-neben); font-weight:400; color:var(--gh-muted); }
.wp-kachel--messwert > svg{ display:block; width:100%; height:var(--zeile-h); margin-top:auto; }






.wp-kachel .wp-kachel-symbol{ color:var(--gh-accent); }
.wp-kachel--messwert .wp-kachel-symbol{ color:var(--symbol-info); }



.wp-kachel--offen .wp-kachel-symbol,
.wp-kachel--offen .wp-kachel-sub{ color:var(--farbe-offen-text); }
.wp-kachel--gefahr .wp-kachel-symbol,
.wp-kachel--gefahr .wp-kachel-sub{ color:var(--farbe-gefahr-text-weich); }








.wp-bausteine{ display:flex; flex-direction:column; gap:var(--kachel-luecke); }




.wp-gruppe{
padding:var(--kachel-pad-flach);
font-size:var(--t-text); font-weight:600;
color:var(--gh-text);
}


:where(.wp-gruppe) > .wp-i{ color:var(--symbol-info); }









.wp-gruppe-flaeche{
background:var(--gruppe-bg);
border-radius:var(--r-lg);
padding:var(--gruppe-pad);
box-shadow:var(--karten-schatten);
}



.wp-gruppe-flaeche > :is(.wp-gruppe, .wp-abschnitt):first-child{
margin:0 calc(-1 * var(--sp-3)) var(--sp-3); padding:0 var(--sp-3) var(--sp-2);
border-bottom:var(--rand-haar) solid var(--gh-border-subtle);
}
.wp-gruppe-flaeche.wp-formgruppe > .wp-abschnitt:first-child{ margin-inline:calc(-1 * var(--sp-4)); padding-inline:var(--sp-4); }


.wp-gruppe-flaeche.wp-listenkarte{ padding:0; overflow:hidden; }
.wp-listenkarte > :is(.wp-gruppe, .wp-abschnitt):first-child{ margin:0; padding:var(--sp-2) var(--sp-3); }



.wp-listenkopf{
display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2);
margin:0; padding:var(--sp-2) var(--sp-3);
font-size:var(--t-neben); font-weight:600; color:var(--gh-muted); letter-spacing:normal; text-transform:none;
}
.wp-listenkopf:has(> :is(button, .wp-icon-btn)){ padding-block:var(--sp-1); }




.wp-kennzahl{
appearance:none; display:flex; flex-direction:column; align-items:flex-start; gap:var(--sp-1);
min-width:0; min-height:var(--zeile-h); padding:var(--sp-2) var(--sp-3);
border:0; border-radius:var(--r-lg);
background:var(--gh-card); color:var(--gh-text); box-shadow:var(--karten-schatten);
font:inherit; text-align:left; cursor:pointer;
}
.wp-kennzahl-titel{ display:inline-flex; align-items:center; gap:var(--sp-1); max-width:100%; font-size:var(--t-neben); color:var(--gh-muted); white-space:nowrap; overflow:hidden; text-overflow:clip; }
.wp-kennzahl-wert{ font-size:var(--t-titel); font-weight:700; font-variant-numeric:tabular-nums; }
.wp-kennzahl-zusatz{ font-size:var(--t-neben); color:var(--gh-muted); }
.wp-kennzahl--offen .wp-kennzahl-wert{ color:var(--farbe-offen-text); }
.wp-kennzahl--gefahr .wp-kennzahl-wert{ color:var(--farbe-gefahr-text); }
.wp-kennzahl--info .wp-kennzahl-wert{ color:var(--farbe-info-text); }
.wp-kennzahl--negativ .wp-kennzahl-wert{ color:var(--farbe-gefahr-text); }
.wp-kennzahl-weiter{ color:var(--gh-muted); }
.wp-kennzahl:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:2px; }
@media (hover:hover){
.wp-kennzahl:not([aria-pressed="true"]):not(.wp-kennzahl--stumm):hover{ background:var(--gh-card-hover); }
}

.wp-kennzahlband{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); gap:var(--sp-2); }



.wp-treffer{
display:flex; align-items:center; flex-wrap:nowrap; gap:var(--sp-2);
padding:var(--sp-2) var(--sp-4); min-width:0;
font-size:var(--t-neben); color:var(--gh-muted);
}
.wp-treffer > *{ flex:0 0 auto; white-space:nowrap; }



.wp-treffer--karte{
margin:0 0 var(--sp-2); padding:var(--sp-2) var(--sp-3);
background:var(--gruppe-bg); border-radius:var(--r-lg); box-shadow:var(--karten-schatten);
}
.wp-treffer--zeile{ padding:var(--sp-2) var(--sp-3); border-bottom:var(--rand-haar) solid var(--gh-border-subtle); }


.wp-treffer-zuruecksetzen{
appearance:none; position:relative; min-height:0; padding:0;
background:none; border:0; font:inherit; font-weight:600; color:var(--gh-accent);
text-decoration:none; cursor:pointer;
}

@media (pointer:coarse), (any-pointer:coarse){
.wp-treffer-zuruecksetzen::after{ content:""; position:absolute; inset:min(0px, calc((100% - var(--tap)) / 2)) 0; }
}
.wp-treffer-zuruecksetzen:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:2px; }


.wp-kachel-raster{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:var(--kachel-luecke);
}
.wp-kachel-raster--drei{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
.wp-kachel-raster--vier{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
.wp-kachel--breit{ grid-column:1 / -1; }




.wp-flach{
display:flex; align-items:center; gap:var(--kachel-luecke-innen);
padding:var(--kachel-pad-flach);
font-size:var(--kachel-sub-fs); color:var(--gh-muted);
}
.wp-flach-symbol{ display:inline-flex; flex:0 0 auto; }
.wp-flach-text{ flex:1; min-width:0; color:var(--gh-text); }
.wp-flach-chips{ display:flex; align-items:center; gap:var(--kachel-luecke-innen); flex-wrap:wrap; }

.wp-flach-titel{ font-weight:600; }
.wp-flach-aktion{ flex:0 0 auto; margin-left:auto; }
.wp-flach-klapp{ padding:0; border:0; background:none; font:inherit; text-align:left; cursor:pointer; overflow-wrap:anywhere; }
.wp-flach-klapp[aria-expanded="false"]{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wp-flach-klapp:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:2px; }






.wp-fusszeile{
display:flex; align-items:center; gap:var(--kachel-luecke);
padding-top:var(--kachel-luecke);
border-top:1px solid var(--gh-border-subtle);
}
.wp-fusszeile .wp-btn{ flex:1; min-height:var(--kachel-knopf-h); }



.dactions{ display:flex; align-items:center; gap:var(--sp-2); justify-content:flex-end; }
.dactions > :is(.btn-ok, .btn-no, .wp-btn):not(.wp-icon-btn){ min-height:var(--kachel-knopf-h); }
.wp-fusszeile-status{ font-size:var(--t-neben); color:var(--gh-muted); }
.wp-fusszeile > button{ display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-1); }
.wp-fusszeile > button[hidden]{ display:none; }







.wp-rueckfrage{ width:var(--rueckfrage-breite); border-radius:var(--r-xl); }
.wp-rueckfrage--inhalt{ width:var(--rueckfrage-breite-inhalt); }


.overlay.wp-mini.wp-sheet{
--mini-max-breite:100%;
--mini-abstand:var(--sp-4) var(--sp-4) max(var(--sp-4),env(safe-area-inset-bottom));
}
.overlay.wp-mini.wp-sheet > .dialog{ max-width:var(--mini-max-breite); padding:var(--mini-abstand); }

.overlay.wp-mini > .dialog.wp-rueckfrage--inhalt{--mini-layout:flex;--mini-scroll:hidden;display:flex;flex-direction:column;overflow:hidden}
.wp-rueckfrage--inhalt > .wp-rueckfrage-koerper{flex:1 1 auto;min-height:0;overflow-y:auto}
.wp-rueckfrage--inhalt > :is(.dialog-title,.wp-rueckfrage-objekt,.dactions){flex:0 0 auto}
.wp-rueckfrage > .dialog-title{
font-size:var(--t-titel); font-weight:600; line-height:var(--kopf-zeilenhoehe); color:var(--gh-text);
}
.wp-rueckfrage-objekt{ margin-top:var(--sp-1); font-size:var(--t-neben); color:var(--gh-muted); }
.wp-rueckfrage-koerper{ margin-top:var(--sp-2); }
.wp-mini-text{ font-size:var(--t-text); line-height:var(--lh-text); color:var(--gh-text); white-space:pre-line; }
.wp-rueckfrage-inhalt,
.wp-rueckfrage-zeilen{ margin-top:var(--sp-3); }
.wp-rueckfrage-zeilen{
max-height:var(--rueckfrage-liste-h); overflow-y:auto;
border-top:1px solid var(--gh-border-subtle);
}
.wp-rueckfrage-zeile{ padding-left:0; padding-right:0; flex-wrap:wrap; }


.wp-rueckfrage-zeile .wp-zeile-haupt{ flex:1 1 12em; }
.wp-rueckfrage-zeile :is(.wp-zeile-titel, .wp-zeile-sub){ white-space:normal; overflow-wrap:anywhere; }
.wp-rueckfrage-zeile .wp-zeile-rechts{ margin-left:auto; }
.wp-rueckfrage .wp-mini-input{
width:100%; margin-top:var(--sp-3); padding:var(--sp-2);
border:1px solid var(--gh-border-strong); border-radius:var(--r-md);
font-size:var(--feld-fs); background:var(--gh-input-bg); color:var(--gh-text);
}
.wp-rueckfrage .wp-mini-input:focus{ outline:none; border-color:var(--gh-accent); }

.wp-rueckfrage .wp-rueckfrage-feldlabel{ display:block; font-size:var(--t-neben); font-weight:500; }
.wp-rueckfrage-feldlabel + .wp-mini-input{ margin-top:var(--sp-1); }

.wp-rueckfrage .wp-mini-text{ display:block; resize:none; overflow:hidden; font-family:inherit; line-height:var(--lh-text); }
.wp-mini-auswahl{
display:flex; flex-direction:column; gap:var(--sp-1); margin-top:var(--sp-2);
max-height:var(--rueckfrage-liste-h); overflow-y:auto;
}
.wp-mini-auswahl-zeile{
display:flex; align-items:center; gap:var(--sp-1); min-height:var(--feld-h);
font-size:var(--t-text); cursor:pointer;
}
.wp-rueckfrage > .dactions{
flex-wrap:wrap; align-items:center; gap:var(--sp-2);

margin-top:var(--sp-3); padding-top:0; border-top:0;
}


.wp-rueckfrage > .dactions .btn-danger{
background:var(--farbe-gefahr-flaeche); color:var(--farbe-auf-flaeche);
border-color:transparent; font-weight:600;
}
.dactions .wp-gefahr-text{ background:transparent; border-color:transparent; color:var(--farbe-gefahr-text); }


.dactions > .wp-links{ margin-right:auto; }
.dactions > .wp-links:has(~ .wp-links:not([hidden])){ margin-right:0; }

.dactions .wp-fuss-kurz{ display:none; }




.wp-formdialog{ --wp-rahmen-ueberlauf:clip; display:flex; flex-direction:column; padding:0; overflow:clip; }


.wp-formdialog-inhalt{ flex:1 1 auto; min-height:0; overflow:auto; padding:var(--sp-3) var(--sp-4); background:var(--gh-bg); }
.wp-formdialog > .dactions{ flex:0 0 auto; flex-wrap:wrap; margin:0; padding:var(--sp-3) var(--sp-4); }

.wp-formdialog-inhalt > .wp-gruppe-flaeche + *, .wp-formdialog-inhalt > :not(input) + .wp-gruppe-flaeche{ margin-top:var(--sp-3); }




.wp-popover{
position:fixed; z-index:var(--z-menu);
display:flex; flex-direction:column; gap:var(--kachel-luecke-innen);
width:max-content;
min-width:min(var(--popover-min-w), var(--menue-max-b, calc(100vw - 16px)));
max-width:var(--menue-max-b, calc(100vw - 16px));



max-height:var(--popover-max-h);
overflow-y:auto;
padding:var(--kachel-luecke-innen);
background:var(--gh-panel);
border:1px solid var(--gh-border);
border-radius:var(--r-lg);
box-shadow:var(--popover-schatten);
animation:wpPopIn var(--dauer-kurz) ease-out;
}
.wp-popover > *{ flex-shrink:0; }
@keyframes wpPopIn{
from{ opacity:0; transform:translateY(-4px); }
to{ opacity:1; transform:translateY(0); }
}
.wp-popover-eintrag{
display:flex; align-items:center; gap:var(--kachel-luecke);
min-width:0; overflow-wrap:anywhere;
width:100%; min-height:var(--popover-eintrag-h);
padding:var(--popover-eintrag-pad);
background:none; border:0; border-radius:var(--r-md);
font:inherit; font-size:var(--popover-fs); color:var(--gh-text);
text-align:left; cursor:pointer;
}


:is(.wp-popover-eintrag, .wp-sheet-menue > button) > svg:first-child{ flex:0 0 var(--ico-lg); }
.wp-popover-eintrag:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }
.wp-popover-eintrag:active{ background:var(--gh-hover); }



.wp-popover-kopf{
padding:var(--popover-gruppe-pad);
border-bottom:1px solid var(--gh-border-subtle);
}
.wp-popover-kopf-titel{
font-size:var(--popover-fs); font-weight:600; color:var(--gh-text);
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.wp-popover-kopf-sub{
display:flex; align-items:center; flex-wrap:wrap; gap:var(--kachel-luecke-innen);
font-size:var(--kachel-titel-fs); color:var(--gh-muted);
}
.wp-popover-gruppe{
padding:var(--popover-gruppe-pad);
font-size:var(--kachel-titel-fs); font-weight:600; color:var(--gh-muted);
}
.wp-popover-eintrag.is-aktiv > svg:last-child,
.wp-sheet-menue > button.is-aktiv > svg:last-child{ margin-left:auto; color:var(--gh-accent); }
.wp-popover-eintrag.wp-gefahr{ color:var(--farbe-gefahr-text); }
.wp-popover-eintrag[disabled]{ color:var(--gh-disabled-fg); cursor:default; background:transparent; }


.wp-popover-eintrag > .wp-i:first-child,
.wp-sheet-menue > button > .wp-i:first-child{ color:var(--gh-accent); }
.wp-popover-eintrag:is(.wp-gefahr,[disabled]) > .wp-i:first-child,
.wp-sheet-menue > button:is(.wp-gefahr,[disabled]) > .wp-i:first-child{ color:inherit; }
.wp-menue-trenner{ margin:var(--kachel-luecke-innen) 0; border-top:1px solid var(--gh-border-subtle); }

.wp-sheet-menue > .wp-menue-trenner{ margin-block:0; }
.wp-menue-neben{ margin-left:auto; padding-left:var(--sp-3); color:var(--gh-muted); font-variant-numeric:tabular-nums; white-space:nowrap; }

.wp-menue-rechts{ display:flex; align-items:center; gap:var(--sp-2); margin-left:auto; padding-left:var(--sp-3); color:var(--gh-muted); }
.wp-menue-neben + .wp-menue-rechts{ margin-left:0; padding-left:var(--sp-2); }

.wp-menue-kaestchen{ display:inline-grid; place-items:center; flex:0 0 auto; width:var(--ico); height:var(--ico);
border:2px solid var(--feld-rand); border-radius:var(--r-xs); color:transparent; font-size:var(--t-neben); }
[aria-checked="true"] > .wp-menue-kaestchen{ background:var(--gh-accent-emphasis); border-color:var(--gh-accent-emphasis); color:var(--gh-accent-fg); }
.wp-menue-mehrfach > .wp-chip{ margin-left:var(--sp-1); }
.wp-popover-eintrag[hidden], .wp-sheet-menue > button[hidden]{ display:none; }


:is(.wp-popover-eintrag, .wp-sheet-menue > button).wp-menue-zweizeilig{
display:grid; grid-template-columns:auto minmax(0, 1fr) auto auto; align-items:center; align-content:center;
column-gap:var(--sp-2); row-gap:0; padding-block:var(--sp-2);
}
.wp-menue-zweizeilig > .wp-menue-beititel{ grid-column:2; grid-row:1; display:flex; min-width:0; }
.wp-menue-zweizeilig > .wp-menue-neben{ grid-column:1 / 3; grid-row:2; margin:0; padding:0; font-size:var(--t-neben); }
.wp-menue-zweizeilig > .wp-chip{ grid-column:3; grid-row:1 / 3; }
.wp-menue-zweizeilig > svg:last-child{ grid-column:4; grid-row:1 / 3; }
.wp-menue-zweizeilig.is-aktiv{ background:var(--gh-accent-soft); }

.wp-menue-grund > .wp-i:first-child ~ .wp-menue-neben{ grid-column:2 / -1; }
.wp-menue-grund > .wp-menue-neben{ white-space:normal; }
.wp-menue-beititel > .avatar{ margin-left:calc(-1 * var(--sp-1)); box-shadow:0 0 0 2px var(--gh-panel); }
.wp-menue-beititel > .avatar:first-child{ margin-left:0; }

.wp-popover-eintrag > .wp-menue-beititel > .avatar{ width:calc(var(--ico-lg) + var(--sp-1)); height:calc(var(--ico-lg) + var(--sp-1)); font-size:var(--fs-sm); border:0; }









.wp-chip{
display:inline-flex; flex-direction:row; align-items:center; gap:var(--kachel-luecke-innen); max-width:100%; flex-shrink:0;
min-height:var(--chip-h); padding:var(--chip-pad); padding-block:var(--sp-1);
border-radius:var(--r-pill);
font-size:var(--chip-fs); font-weight:600; line-height:1;
font-variant-numeric:tabular-nums;
background:var(--chip-bg); color:var(--chip-fg);
}
.wp-chip--offen{ background:var(--farbe-offen-weich); color:var(--farbe-offen-text-weich); }
.wp-chip--ok{ background:var(--farbe-ok-weich); color:var(--farbe-ok-text-weich); }
.wp-chip--gefahr{ background:var(--farbe-gefahr-weich); color:var(--farbe-gefahr-text-weich); }

.wp-chip--leer{ background:transparent; color:var(--gh-muted); padding-inline:0; }


.wp-chip--akzent, .wp-chip--heute{ background:var(--gh-accent-soft); color:var(--gh-accent); }

.wp-chip--ruhig{ background:var(--chip-bg); color:var(--chip-fg); }

.wp-chip > .wp-i{ width:var(--chip-fs); height:var(--chip-fs); flex:0 0 auto; }


.wp-getoent .wp-chip:not(.wp-chip--leer){ background:var(--gruppe-bg); }







.wp-personchip{
display:inline-flex; align-items:center; gap:var(--sp-1); min-width:0; max-width:100%;
min-height:var(--chip-h); padding:var(--rand-haar) var(--sp-2); border-radius:var(--r-sm);
background:var(--kachel-bg); color:var(--gh-text);
font-size:var(--t-neben); font-weight:500; white-space:nowrap;
cursor:grab; transition:box-shadow var(--dauer-kurz) var(--kurve);
}
.wp-personchip > .bes-mitarbeiter{ cursor:inherit; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.wp-personchip-zusatz{ flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.wp-personchip-zusatz::before{ content:"· "; color:var(--gh-muted); font-weight:400; }
.wp-personchip-zusatz--abw{ color:var(--farbe-offen-text-weich); }
.wp-personchip-zusatz--wechsel{ color:var(--gh-muted); font-weight:400; }
@media (hover:hover){ .wp-personchip:hover{ box-shadow:inset 0 0 0 var(--rand-haar) var(--gh-accent); } }
.wp-personchip:focus-visible, .wp-personchip.ist-offen{ outline:2px solid var(--gh-accent); outline-offset:2px; }
@media (pointer:coarse), (any-pointer:coarse){
.wp-personchip{ position:relative; }
.wp-personchip::after{ content:""; position:absolute; inset:-8px -2px; }
}






.wp-zettel{ display:flex; align-items:flex-start; gap:var(--sp-1); min-width:0;
padding-left:calc(var(--kante-b) + var(--sp-2)); box-shadow:inset var(--kante-b) 0 0 var(--fach-notiz); font-size:var(--t-neben); }
.wp-zettel > .wp-i{ flex:none; width:var(--ico); height:var(--ico); margin-top:calc((1lh - var(--ico)) / 2); color:var(--fach-notiz); }
.wp-zettel-inhalt{ min-width:0; }
.wp-zettel-text{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; color:var(--gh-text); }
.wp-zettel-von, .wp-zettel-zeit{ display:block; }
.wp-zettel-von{ color:var(--gh-muted); }
.wp-zettel-zeit{ color:var(--gh-text); font-weight:600; font-variant-numeric:tabular-nums; }
.wp-zettel--voll .wp-zettel-text{ display:block; -webkit-line-clamp:unset; white-space:pre-wrap; }
button.wp-zettel{ width:100%; margin:0; padding-block:var(--sp-1); padding-right:var(--sp-1); border:0; border-radius:0 var(--r-sm) var(--r-sm) 0;
background:none; color:inherit; font:inherit;
font-size:var(--t-neben); text-align:left; cursor:pointer; }
button.wp-zettel:focus-visible{ outline:2px solid var(--fokus-kontur); outline-offset:1px; }
@media (pointer:coarse), (any-pointer:coarse){ button.wp-zettel{ min-height:var(--tap); align-items:center; } }
.wp-verweis.wp-zettel-mehr{ align-self:flex-start; min-height:0; padding:0; gap:var(--sp-1); font-size:var(--t-neben);
margin:0 0 0 calc(var(--kante-b) + var(--sp-2) + var(--ico) + var(--sp-1)); }
.wp-zettel-mehr > .wp-i{ flex:none; width:var(--ico); height:var(--ico); }



@media (hover:hover){
.wp-kachel:hover{ background:var(--kachel-hover); }
.wp-kachel--bearbeiten:hover{ background:var(--kachel-bg); }
.wp-btn:not(:disabled):not([aria-pressed="true"]):not(:has(> input:checked)):not([data-filter-aktiv]):not(.wp-btn--primary):not(.wp-btn--danger):hover,
.btn-no:not(:disabled):not([aria-pressed="true"]):hover{ background:var(--gh-btn-hover); }
.wp-btn--danger:not(:disabled):hover{ background:var(--farbe-gefahr-weich); }
:is(.btn-ok, .wp-btn--primary):not(:disabled):hover{ background:var(--gh-accent-hover); }
.wp-icon-btn:not(:disabled):not([aria-pressed="true"]):not([data-filter-aktiv]):hover{ background:var(--gh-hover); }
.wp-pille:not([aria-pressed="true"]):hover{ background:var(--gh-btn-hover); }
.wp-wahl:not([aria-pressed="true"]):hover{ background:var(--gh-btn-hover); }
.wp-umschalter > :is(.wp-btn, button):not([aria-pressed="true"]):not(:has(> input:checked)):hover{ background:transparent; text-decoration:underline; text-underline-offset:3px; }
.wp-popover-eintrag:hover{ background:var(--gh-hover); }
.wp-popover-eintrag[disabled]:hover{ background:transparent; }
button.wp-zettel:hover{ background:var(--gh-hover); }
}


.wp-filter-gruppe{
flex:0 0 auto; min-width:0; padding:0;
border:0; box-shadow:var(--karten-schatten);
background:var(--gh-card); border-radius:var(--r-lg);
}

.wp-gruppe-flaeche .wp-gruppe-flaeche{ background:var(--surface-3); box-shadow:none; }
.wp-filter-gruppe .map-filter-kopf{
display:grid; grid-template-columns:auto auto minmax(0,1fr); column-gap:var(--sp-2); align-items:center;
min-height:var(--tap); padding:var(--sp-2) var(--sp-3);
list-style:none; cursor:pointer; border-radius:inherit;
}
.wp-filter-gruppe .map-filter-kopf::-webkit-details-marker{ display:none; }
.wp-filter-gruppe .map-filter-kopf:focus-visible{
outline:2px solid var(--gh-accent); outline-offset:2px;
}
.wp-filter-gruppe .map-filter-titel{
font-size:var(--t-text); font-weight:600; color:var(--gh-text);
}
.wp-filter-gruppe .map-filter-auswahl{
grid-column:3; min-width:0; text-align:right; font-size:var(--t-neben); line-height:var(--lh-text);
color:var(--gh-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.wp-filter-gruppe .map-filter-pfeil{ grid-column:1; }
.wp-filter-gruppe.is-warn .map-filter-auswahl{ color:var(--farbe-offen-text); }
.wp-filter-gruppe > fieldset{
padding:0 var(--sp-3) var(--sp-3); margin:0; border:0; min-width:0;
}


.wp-filter-gruppe--fest > .map-filter-kopf{ display:block; min-height:0; padding:var(--sp-3) var(--sp-3) var(--sp-1); cursor:default; }




.wp-vorlesen{
position:absolute; width:1px; margin:-1px; padding:0; border:0;
overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}







.wp-tabelle-rahmen{
container-type:inline-size; min-width:0;
background:var(--gh-card); border:0; box-shadow:var(--karten-schatten);
border-radius:var(--r-lg); overflow:clip;
}
.wp-tabelle--ruhig > :is(thead, tbody) > tr > :is(th, td){ padding:var(--sp-2) var(--sp-3); }

.wp-tabelle--kopf-vorlesen > thead > tr > th{ height:0; padding-block:0; border-bottom:0; }
.wp-tabelle--ruhig > tbody > tr > :is(th, td){ font-weight:400; }
.wp-tabelle--ruhig > tbody > tr:last-child > :is(th, td){ border-bottom:0; }
.wp-tabelle--ruhig :is(.wp-spalte--auswahl, .wp-spalte--aktionen){ width:1%; white-space:nowrap; }
.wp-tabelle--ruhig .wp-spalte--auswahl{ padding-right:0; }
.wp-tabelle--ruhig .wp-spalte--aktionen{ text-align:right; }
.wp-tabelle--ruhig .wp-spalte--status .wp-chip{ white-space:nowrap; }
.wp-tabelle--ruhig > tbody > tr[data-wp-zeile]{ cursor:pointer; }


.wp-titelknopf{
display:block; max-width:100%; padding:0; margin:0;
background:none; border:0; border-radius:var(--r-sm);
font:inherit; color:var(--gh-text); text-align:left; overflow-wrap:anywhere; cursor:pointer;
}
.wp-titelknopf:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:2px; }


.wp-zeile-titel.wp-titelknopf{ font-size:var(--t-text); }
.wp-tabelle--ruhig .wp-titelknopf{ font-size:var(--t-text); font-weight:600; }
.wp-tabelle-titel{ display:block; font-size:var(--t-text); font-weight:600; }
.wp-tabelle-text{ display:block; }

.wp-etiketten{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-1); }
.wp-tabelle-neben{ display:block; font-size:var(--t-neben); color:var(--gh-muted); overflow-wrap:anywhere; }

.wp-tabelle-sortierung{
display:inline-flex; align-items:center; gap:var(--sp-1); min-height:var(--feld-h); padding:0; margin:0;
background:none; border:0; border-radius:var(--r-sm);
font:inherit; color:inherit; text-align:left; cursor:pointer;
}
.wp-tabelle-sortierung > .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; }
.wp-tabelle-sortierung:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:2px; }
th[aria-sort="ascending"] > .wp-tabelle-sortierung,
th[aria-sort="descending"] > .wp-tabelle-sortierung{ color:var(--gh-text); font-weight:600; }
.wp-tabelle-zahl > .wp-tabelle-sortierung{ flex-direction:row-reverse; }
.wp-tabelle-aktionen{
display:inline-flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:var(--sp-1);
}


.wp-tabelle--ruhig .wp-tabelle-aktionen{ flex-wrap:nowrap; }

.wp-tabelle--ruhig .wp-tabelle-aktion{ background:var(--bedien-bg); border-color:transparent; box-shadow:none; }


.wp-tabelle-aktion.wp-tabelle-aktion--symbol{ background:transparent; border-color:transparent; box-shadow:none; color:var(--symbol-bedien); }
@container (max-width:760px){
.wp-tabelle-aktion:not(.wp-tabelle-aktion--text):has(> .wp-i) > .wp-tabelle-aktion-text{ display:none; }
.wp-tabelle--ruhig .wp-tabelle-aktion:not(.wp-tabelle-aktion--text):has(> .wp-i){ background:transparent; color:var(--symbol-bedien); }
}


.wp-karten{
display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--karte-min-b)), 1fr));
gap:var(--sp-2); margin:0; padding:0; list-style:none;
}


.wp-karte{
display:block; min-width:0; background:var(--gh-card); color:var(--gh-text);
border:0; border-radius:var(--r-lg); box-shadow:var(--karten-schatten);
}

.wp-karte.wp-kennzahlband{ display:grid; }
.wp-karten-zeile{
display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--sp-2) var(--sp-3);
padding:var(--kachel-pad);
background:var(--gh-card); background-image:none;
border:0; border-radius:var(--r-lg);
box-shadow:var(--karten-schatten); cursor:pointer;
}
.wp-karten-auswahl{ flex:0 0 auto; }
.wp-karten-haupt{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:var(--sp-1); }
.wp-karten-haupt > .wp-titelknopf{ font-size:var(--t-titel); font-weight:500; }
.wp-karten-zelle{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-1) var(--sp-2); min-width:0; }

.wp-karten-fuss{ flex:1 1 100%; display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-1) var(--sp-2); min-width:0; }
.wp-karten-fuss > .wp-tabelle-aktionen{ margin-inline-start:auto; }

.wp-karten-beschriftung{ min-width:6.5em; font-size:var(--t-neben); color:var(--gh-muted); }



.wp-tabelle--ruhig > tbody > tr.wp-tabelle-gruppe-kopf > th{
background:var(--gh-bg); padding:var(--sp-2) var(--sp-3) 0; border-bottom:0; text-align:left;
}
.wp-tabelle--ruhig > thead + tbody > tr.wp-tabelle-gruppe-kopf > th{ padding-top:var(--sp-1); }
.wp-tabelle-gruppe-text{ display:flex; flex-wrap:wrap; align-items:baseline; gap:0 var(--sp-2); }

.wp-tabelle-gruppe-ueberschrift{
display:flex; align-items:center; min-height:var(--feld-h); margin:0; padding:0 var(--sp-3); font-size:var(--t-text);
background:var(--tageskopf-bg); border-radius:var(--r-lg); box-shadow:var(--karten-schatten);
}
.wp-tabelle-gruppe-titel{ font-size:var(--t-text); font-weight:600; color:var(--gh-text); }

.wp-tabelle-gruppe-hinweis{ font-size:var(--t-neben); font-weight:600; color:var(--farbe-offen-text); font-variant-numeric:tabular-nums; }
.wp-tabelle-gruppe-hinweis::before{ content:"· "; font-weight:400; color:var(--gh-muted); }
.wp-tabelle-gruppen{ display:grid; gap:var(--sp-3); }
.wp-tabelle-gruppe{ display:grid; gap:var(--sp-2); min-width:0; }



.wp-auswahl-feld{
display:inline-grid; place-items:center;
min-width:var(--tap); min-height:var(--tap); margin:calc(var(--sp-2) * -1) 0;
border-radius:var(--r-md); cursor:pointer;
}
.wp-auswahl-feld > input{ width:var(--ico); height:var(--ico); margin:0; accent-color:var(--gh-accent); cursor:pointer; }
.wp-auswahl-feld:has(> input:focus-visible){ outline:2px solid var(--gh-accent); outline-offset:-2px; }



.wp-auswahl-umschalter.wp-auswahl-umschalter.wp-btn{ position:relative; min-height:var(--feld-h); padding-block:0; }
@media (pointer:coarse), (any-pointer:coarse){
.wp-auswahl-umschalter::after{ content:""; position:absolute; inset:min(0px, calc((100% - var(--tap)) / 2)) 0; }
}




.wp-auswahlleiste{
position:sticky; bottom:0; z-index:2; font-size:var(--t-text);
display:flex; align-items:center; flex-wrap:wrap; gap:var(--sp-2) var(--sp-3);
padding:var(--sp-3) var(--sp-4);
background:var(--gh-panel); border-top:2px solid var(--gh-accent);
}
.wp-auswahlleiste-zahl{ font-weight:600; color:var(--gh-text); font-variant-numeric:tabular-nums; }
.wp-auswahlleiste-hinweis{ font-size:var(--t-neben); color:var(--gh-muted); }
.wp-auswahlleiste-aufheben{
appearance:none; min-height:var(--feld-h); padding:0 var(--sp-1);
background:none; border:0; border-radius:var(--r-sm);
font:inherit; color:var(--gh-accent); cursor:pointer;
}
.wp-auswahlleiste-aufheben:disabled{ background:none; color:var(--gh-disabled-fg); cursor:not-allowed; }
.wp-auswahlleiste-aufheben:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:2px; }
.wp-auswahlleiste-gefahr{ background:transparent; border-color:transparent; color:var(--farbe-gefahr-text); }
.wp-auswahlleiste-luecke{ flex:1 1 0; }






.wp-werkzeugzeile{ container-type:inline-size; flex-wrap:wrap; row-gap:var(--sp-2); }


.wp-werkzeugzeile :is(.wp-werkzeuge-suche, .wp-werkzeuge-sortierung > select, .wp-btn, .wp-icon-btn):not(.wp-umschalter > *, .wp-zeitraum-heute){
height:var(--feld-h); min-height:var(--feld-h); border-radius:var(--r-md);
}
.wp-werkzeugzeile .wp-btn{ padding-block:0; }
.wp-werkzeuge-suche{
flex:1 1 14em; min-width:0; max-width:var(--suche-max-b);
padding:0 var(--sp-3); font:inherit; font-size:var(--feld-fs);
color:var(--gh-text); background:var(--gh-input-bg); border:1px solid var(--feld-rand);
}





.wp-werkzeuge-such-huelle{ position:relative; display:flex; align-items:center; flex:1 1 14em; min-width:0; max-width:var(--suche-max-b); height:var(--feld-h); }
.wp-werkzeuge-such-huelle > .wp-werkzeuge-suche{ flex:1 1 auto; width:100%; max-width:none; padding-inline-start:var(--feld-h); }
.wp-werkzeuge-lupe{ position:absolute; inset-block:0; inset-inline-start:0; z-index:1; display:inline-flex; align-items:center; justify-content:center;
width:var(--feld-h); color:var(--symbol-bedien); pointer-events:none; }
.wp-werkzeuge-lupe > .wp-i{ width:var(--ico-lg); height:var(--ico-lg); }
.wp-werkzeuge-such-huelle:not(:focus-within){
flex:0 0 var(--feld-h); width:var(--feld-h); border-radius:var(--r-md); background:var(--bedien-bg);
}
.wp-werkzeuge-such-huelle:not(:focus-within):has(> .wp-werkzeuge-suche:not(:placeholder-shown)){ background:var(--zustand-flaeche); }
.wp-werkzeuge-such-huelle:not(:focus-within):has(> .wp-werkzeuge-suche:not(:placeholder-shown)) > .wp-werkzeuge-lupe{ color:var(--zustand-text); }
.wp-werkzeuge-such-huelle:not(:focus-within) > .wp-werkzeuge-suche{
position:absolute; inset:0; padding:0; opacity:0; cursor:pointer;
}

.wp-werkzeugzeile:has(> .wp-werkzeuge-such-huelle:focus-within) > .wp-werkzeuge-teil{ display:none; }
.wp-werkzeugzeile > .wp-werkzeuge-such-huelle:focus-within{ flex:1 1 100%; max-width:none; }
.wp-werkzeuge-sortierung{
display:inline-flex; align-items:center; gap:var(--sp-2); flex:0 0 auto;
font-size:var(--t-neben); color:var(--gh-muted); white-space:nowrap;
}

.wp-werkzeugzeile .wp-werkzeuge-sortierung{
margin:0; font-size:var(--t-neben); font-weight:400; letter-spacing:normal; text-transform:none;
}
.wp-werkzeuge-sortierung > select{
padding:0 var(--sp-2); font:inherit; font-size:var(--t-text);
color:var(--gh-text); background:var(--gh-input-bg); border:1px solid var(--feld-rand);
}
.wp-werkzeuge-luecke{ flex:1 1 0; }
.wp-werkzeuge-menue[hidden]{ display:none; }

.wp-werkzeugzeile > .wp-werkzeuge-mehr.wp-icon-btn{ flex:0 0 auto; min-width:var(--feld-h); }
.wp-werkzeugzeile > .wp-werkzeuge-ende{ margin-left:auto; }


@container (max-width:760px){
.wp-werkzeugzeile:not(.wp-werkzeugzeile--mobil) > .wp-werkzeuge-suche{ flex:1 1 0; max-width:none; }
.wp-werkzeugzeile:not(.wp-werkzeugzeile--mobil) > .wp-zeitraum{ order:0; }
.wp-werkzeugzeile:not(.wp-werkzeugzeile--mobil) > :is(.wp-werkzeuge-filter, .wp-werkzeuge-neben, .wp-auswahl-umschalter, .wp-werkzeuge-primaer, .wp-werkzeuge-mehr){ order:1; }
.wp-werkzeugzeile:not(.wp-werkzeugzeile--mobil) > .wp-werkzeuge-luecke{ order:2; flex:1 1 100%; margin-top:calc(var(--sp-2) * -1); }
.wp-werkzeugzeile:not(.wp-werkzeugzeile--mobil) > :not(.wp-zeitraum, .wp-werkzeuge-suche, .wp-werkzeuge-such-huelle, .wp-werkzeuge-filter, .wp-werkzeuge-neben, .wp-auswahl-umschalter, .wp-werkzeuge-primaer, .wp-werkzeuge-mehr, .wp-werkzeuge-luecke, .wp-werkzeuge-menue){ order:3; }
}


.wp-werkzeugzeile--mobil{ flex-wrap:nowrap; }

.wp-werkzeugzeile--mobil:has(> .wp-werkzeuge-feld, > .wp-umschalter){ flex-wrap:wrap; }
.wp-werkzeugzeile--mobil > .wp-werkzeuge-suche{ flex:1 1 0; }
.wp-werkzeugzeile--mobil > .wp-werkzeuge-primaer{ flex:0 0 auto; min-width:var(--feld-h); padding-inline:0; }
.wp-werkzeugzeile--mobil .wp-werkzeuge-primaer-text{ display:none; }


.wp-werkzeugzeile--mobil:not(:has(> .wp-werkzeuge-suche, > .wp-werkzeuge-such-huelle)) > .wp-werkzeuge-primaer{ padding-inline:var(--sp-3); }
.wp-werkzeugzeile--mobil:not(:has(> .wp-werkzeuge-suche, > .wp-werkzeuge-such-huelle)) .wp-werkzeuge-primaer-text{ display:inline; }


@container (max-width:599px){
.wp-werkzeugzeile--mobil > .wp-werkzeuge-suche{ max-width:none; }
}
@container (min-width:600px){
.wp-werkzeugzeile--mobil > .wp-werkzeuge-primaer{ padding-inline:var(--sp-3); }
.wp-werkzeugzeile--mobil .wp-werkzeuge-primaer-text{ display:inline; }
}





.wp-werkzeuge-filter{ position:relative; }
.wp-werkzeuge-filter-zahl{ position:absolute; top:0; right:0; transform:translate(45%, -45%); z-index:1;
box-shadow:0 0 0 calc(var(--rand-haar) * 2) var(--gh-panel); }
.wp-marke.wp-werkzeuge-filter-zahl{ background:var(--farbe-gefahr-flaeche); color:var(--farbe-auf-flaeche); }
.wp-werkzeugzeile--mobil > .wp-werkzeuge-filter{ flex:0 0 auto; }



.wp-marke{
display:inline-grid; place-items:center;
min-width:var(--chip-h); height:var(--chip-h); padding:0 var(--sp-1);
border-radius:var(--r-pill); color:var(--farbe-auf-flaeche);
font-size:var(--chip-fs); font-weight:600; line-height:1; font-variant-numeric:tabular-nums;
}
.wp-marke--info{ background:var(--farbe-info-flaeche); }
.wp-marke--offen{ background:var(--farbe-offen-flaeche); }
.wp-marke--gefahr{ background:var(--farbe-gefahr-flaeche); }
.wp-marke[hidden]{ display:none; }











.wp-andockkarte{
position:absolute; inset-block:var(--sp-1); display:flex; flex-direction:column; overflow:hidden;
background:var(--gh-panel); border:var(--rand-haar) solid var(--ebene-kante); border-radius:var(--r-xl);
box-shadow:var(--ebene-schatten); transition:opacity var(--dauer-kurz);
}
.wp-andockkarte[data-wp-seite="rechts"]{ right:var(--sp-1); }
.wp-andockkarte[data-wp-seite="links"]{ left:var(--sp-1); }


.wp-andockkarte[data-wp-deckt]{ inset:0; width:auto; border-width:0; border-top-width:var(--rand-haar); border-radius:0; box-shadow:none; }
.wp-andockkarte[data-wp-deckt]:not([data-wp-eingeklappt]) > :first-child{ border-bottom-color:var(--ebene-kante); }
.wp-andockkarte[data-wp-eingeklappt]{ inset-block:auto var(--sp-1); inset-inline:var(--sp-1); width:fit-content;
max-width:calc(100% - 2 * var(--sp-1)); border-width:var(--rand-haar); border-radius:var(--r-xl); box-shadow:var(--glas-schatten); }
.wp-andockkarte[data-wp-eingeklappt][data-wp-seite="rechts"]{ left:auto; }
.wp-andockkarte[data-wp-eingeklappt][data-wp-seite="links"]{ right:auto; }
.wp-andockkarte[data-wp-eingeklappt] > :not(:first-child){ display:none; }

.wp-andockkarte[data-wp-durchlaessig],
:root:has(.wp-zieh-quelle:not([data-wp-bereich="musterbuch"] *)) .wp-andockkarte:not(:has(.wp-zieh-quelle)){ opacity:var(--andock-zieht); pointer-events:none; }
:root:has(.wp-zieh-quelle) .wp-teil:not(:has([data-wp-ziel-passt]:not(.wp-andockkarte *))) .wp-andockkarte:has(:is([data-wp-ziel-passt],[data-wp-ziel-zustand="gesperrt"])){ opacity:1; pointer-events:auto; }
@media (prefers-reduced-motion: reduce){ .wp-andockkarte{ transition:none; } }


.wp-andockziel{ position:absolute; inset-block:var(--sp-1); border-radius:var(--r-xl); background:var(--ablage-passend); pointer-events:none; }
.wp-andockziel[data-wp-seite="links"]{ left:var(--sp-1); }
.wp-andockziel[data-wp-seite="rechts"]{ right:var(--sp-1); }
.wp-andockziel[data-wp-aktiv]{ background:var(--ablage-aktiv); box-shadow:inset 0 0 0 var(--ablage-kante) var(--gh-accent); }

.wp-verweis-ende{ white-space:nowrap; }
.wp-verweis-ende > .wp-i{ display:inline-block; width:var(--ico); height:var(--ico); vertical-align:-.15em; margin-left:var(--sp-1); }

.wp-steckbrief-wort:has(> .wp-steckbrief-kopfaktion){ display:flex; align-items:baseline; justify-content:space-between; gap:var(--sp-2); }
.wp-steckbrief-kopfaktion{ display:inline-flex; flex-wrap:wrap; justify-content:flex-end; gap:var(--sp-1) var(--sp-2); min-width:0; text-align:right; }








.wp-objektfenster{ container:wp-objektfenster / inline-size; }
.wp-objektfenster-raster{
display:grid; grid-template-columns:minmax(0, 1fr); gap:var(--sp-4); align-items:start;
}
.wp-objektfenster-raster > *{ container-type:inline-size; min-width:0; }

.wp-objektfenster-raster > .wp-steckbrief{ align-self:start; max-height:var(--steckbrief-max-h); overflow:auto; }
@container (min-width:900px){
.wp-objektfenster-raster{ grid-template-columns:var(--objektfenster-spalten); }
.wp-objektfenster-raster > .wp-steckbrief{ position:var(--steckbrief-lage); top:0; }
}
@container (min-width:640px){
:is([data-wp-groesse="breit"], .wp-objektfenster--schmal) .wp-objektfenster-raster{ grid-template-columns:var(--objektfenster-spalten); }
:is([data-wp-groesse="breit"], .wp-objektfenster--schmal) .wp-objektfenster-raster > .wp-steckbrief{ position:var(--steckbrief-lage); top:0; }

.wp-objektfenster--schmal .wp-objektfenster-raster > .wp-steckbrief{ display:flex; }
}



@container wp-objektfenster (min-width:520px) and (max-width:899px){
.wp-objektfenster-raster > .wp-steckbrief{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); align-content:start; }
.wp-objektfenster-raster > .wp-steckbrief > :not(.wp-steckbrief-zeile),
.wp-objektfenster-raster > .wp-steckbrief > :is(.wp-steckbrief-zeile--breit, .wp-steckbrief-zeile:has(.wp-steckbrief-band)){ grid-column:1 / -1; }
.wp-objektfenster-raster > .wp-steckbrief > .wp-steckbrief-zeile{ align-content:start; }
}
.wp-feldraster{
display:grid; grid-template-columns:repeat(6, minmax(0, 1fr));
gap:var(--sp-2) var(--sp-3); align-items:stretch;
}
.wp-feldraster > *{ grid-column:1 / -1; min-width:0; margin:0; }
.wp-feldraster > [data-spur="1"]{ grid-column:span 1; }
.wp-feldraster > [data-spur="2"]{ grid-column:span 2; }
.wp-feldraster > [data-spur="3"]{ grid-column:span 3; }
.wp-feldraster > [data-spur="4"]{ grid-column:span 4; }
.wp-feldraster > [data-spur="5"]{ grid-column:span 5; }
@container (max-width:560px){
.wp-feldraster > [data-spur]{ grid-column:1 / -1; }


.wp-feldraster > .wp-formfeld[data-spur="3"]{ grid-column:span 3; }
.wp-feldraster > .wp-formfeld[data-schmal="2"]{ grid-column:span 2; }
.wp-feldraster > .wp-formfeld[data-schmal="4"]{ grid-column:span 4; }
}






.wp-steckbrief{
display:flex; flex-direction:column; gap:var(--steckbrief-luecke); min-width:0;
padding:var(--gruppe-pad);
background:var(--gh-card); border:0; border-radius:var(--r-lg); box-shadow:var(--karten-schatten);
}
.wp-steckbrief-kopf{
display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2);
min-height:var(--feld-h);
}
.wp-steckbrief-titel{
font-size:var(--t-neben); font-weight:600; letter-spacing:.06em;
text-transform:uppercase; color:var(--gh-muted);
}
.wp-steckbrief-status,
.wp-steckbrief-etiketten{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-1); }
.wp-steckbrief-status{ justify-content:flex-end; }
.wp-steckbrief-zeile{
display:grid; grid-template-columns:var(--ico) minmax(0, 1fr);
column-gap:var(--sp-2); padding:var(--steckbrief-kachel-pad);
background:var(--surface-3); border-radius:var(--r-md);
}
.wp-steckbrief-symbol{ grid-column:1; grid-row:1 / span 4; display:inline-flex; color:var(--symbol-info); }
.wp-steckbrief-symbol > .wp-i{ width:var(--ico); height:var(--ico); }
.wp-steckbrief-wort{ grid-column:2; font-size:var(--t-neben); font-weight:500; color:var(--gh-muted); }
.wp-steckbrief-wert{ grid-column:2; font-size:var(--t-text); color:var(--gh-text); overflow-wrap:anywhere; white-space:pre-line; }
.wp-steckbrief-neben{ grid-column:2; font-size:var(--t-neben); color:var(--gh-muted); overflow-wrap:anywhere; }
.wp-steckbrief-zusatz{ grid-column:2; min-width:0; }




.wp-steckbrief .wp-verweis.wp-verweis{ display:block; width:fit-content; margin:0; padding:0; min-height:0; font-size:var(--t-text); }
.wp-steckbrief .wp-verweis-text{ display:inline; overflow:visible; white-space:normal; overflow-wrap:anywhere; }
.wp-steckbrief .wp-verweis > .wp-i{ display:inline-block; vertical-align:-.15em; margin-left:var(--sp-1); }
.wp-steckbrief .wp-verweis > .wp-i:first-child{ margin:0 var(--sp-1) 0 0; }


.wp-steckbrief-band-scroll{ display:block; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; container-type:inline-size; }
.wp-steckbrief-band-scroll:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }
.wp-steckbrief-band{
grid-column:2; display:grid; white-space:normal; grid-auto-flow:column; grid-auto-columns:1fr;
width:100%; min-width:max-content; gap:0;
}

.wp-steckbrief-band > span{ display:flex; flex-direction:column; min-width:0; padding:var(--steckbrief-band-pad); line-height:var(--kopf-zeilenhoehe); }
.wp-steckbrief-band > span + span{ border-left:1px solid var(--gh-border-subtle); }


.wp-steckbrief-zeile:has(.wp-steckbrief-band){ position:relative; align-items:center; }
.wp-steckbrief-zeile:has(.wp-steckbrief-band) > .wp-steckbrief-symbol{ display:none; }
.wp-steckbrief-zeile:has(.wp-steckbrief-band) > .wp-steckbrief-wert{ grid-column:1 / -1; min-width:0; }
.wp-steckbrief-zeile:has(.wp-steckbrief-band) .wp-steckbrief-band > span{ padding-inline:var(--sp-1); }
.wp-steckbrief-zeile:has(.wp-steckbrief-band) > .wp-steckbrief-wort{
position:absolute; width:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}
.wp-steckbrief-band-wort{ font-size:var(--t-neben); color:var(--gh-muted); white-space:nowrap; overflow:hidden; text-overflow:clip; }
.wp-steckbrief-band-wert{ font-size:var(--t-text); font-weight:600; color:var(--gh-text); white-space:nowrap; font-variant-numeric:tabular-nums; }


@container (max-width:300px){
.wp-steckbrief-band{ grid-auto-flow:row; grid-auto-columns:auto; min-width:0; }
.wp-steckbrief-zeile:has(.wp-steckbrief-band) .wp-steckbrief-band > span{
flex-direction:row; align-items:baseline; justify-content:space-between; gap:var(--sp-2); padding:var(--sp-1) 0;
}
.wp-steckbrief-band > span + span{ border-left:0; border-top:var(--rand-haar) solid var(--gh-border-subtle); }
}

button.wp-steckbrief-zeile{
width:100%; margin:0; box-sizing:border-box;
border:0; font:inherit; color:inherit; text-align:left; cursor:pointer;
}
.wp-steckbrief-zeile--menue > .wp-steckbrief-symbol{ color:var(--symbol-bedien); }
.wp-steckbrief-zeile--menue:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }
button.wp-steckbrief-zeile:active{ background:var(--kachel-hover); }
.wp-steckbrief-zeile--offen :is(.wp-steckbrief-symbol, .wp-steckbrief-neben){ color:var(--farbe-offen-text); }
.wp-steckbrief-zeile--gefahr :is(.wp-steckbrief-symbol, .wp-steckbrief-neben){ color:var(--farbe-gefahr-text-weich); }
.wp-steckbrief-aktionen{ display:flex; flex-wrap:wrap; gap:var(--sp-2); }


.wp-steckbrief-aktion{
flex:1 1 0; min-width:0; display:flex; align-items:center; justify-content:center; gap:var(--sp-1);
min-height:var(--feld-h); padding:0 var(--sp-2);
background:var(--bedien-bg); border:0; border-radius:var(--r-md);
font:inherit; font-size:var(--t-text); font-weight:600; color:var(--gh-accent);
white-space:nowrap; cursor:pointer;
}
.wp-steckbrief-aktion > span:not(.wp-steckbrief-zahl){ min-width:0; overflow:hidden; text-overflow:ellipsis; }
.wp-steckbrief-aktion > .wp-i{ flex:0 0 auto; width:var(--ico); height:var(--ico); color:inherit; }
.wp-steckbrief-aktion--akzent{ color:var(--gh-accent); }

.wp-steckbrief-reihe{ margin:0 0 var(--sp-2); }
.wp-steckbrief-aktion--gefuellt{ background:var(--gh-accent-emphasis); color:var(--gh-accent-fg); }
a.wp-steckbrief-aktion{ text-decoration:none; }
.wp-steckbrief-objekt-neben{ display:flex; flex-direction:column; align-items:flex-start; font-size:var(--t-neben); color:var(--gh-muted); }
.wp-steckbrief-objekt-neben > .wp-verweis{ font-size:var(--t-text); }




.wp-steckbrief-aktionen.is-umbruch > :where(.wp-steckbrief-aktion){ flex:1 0 auto; }
.wp-steckbrief-aktion:is(.wp-steckbrief-mehr, .is-symbol){ flex:0 0 var(--feld-h); width:var(--feld-h); }
.wp-steckbrief-aktion.is-symbol > span{ display:none; }
.wp-steckbrief-zahl{ margin-left:auto; font-size:var(--t-neben); font-weight:400; color:var(--gh-muted); font-variant-numeric:tabular-nums; }
.wp-steckbrief-platz:empty{ display:none; }
.wp-steckbrief-aktion:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }


.wp-steckbrief-aktion.wp-steckbrief-gefahr{ flex:1 0 100%; justify-content:flex-start; background:transparent; white-space:normal;
color:var(--farbe-gefahr-text); border-top:1px solid var(--gh-border-subtle); border-radius:0; }


.wp-steckbrief-objekt{
display:flex; align-items:center; gap:var(--sp-3);
padding:var(--sp-1) 0;
}
.wp-steckbrief-monogramm{
display:inline-grid; place-items:center; flex:0 0 auto;
width:var(--feld-h); height:var(--feld-h); border-radius:var(--r-md);
background:var(--gh-accent-soft); color:var(--gh-text); font-weight:600;
}
.wp-steckbrief-objekt-text{ display:flex; flex-direction:column; min-width:0; }
.wp-steckbrief-objekt-text > strong{ font-size:var(--t-text); font-weight:600; color:var(--gh-text); overflow-wrap:anywhere; }
.wp-steckbrief-objekt-text > span{ font-size:var(--t-neben); color:var(--gh-muted); }
.wp-steckbrief-hinweis{ margin:0; font-size:var(--t-neben); color:var(--gh-muted); }

.wp-steckbrief-fehlt{ margin:0; padding:0 var(--sp-2); font-size:var(--t-neben); color:var(--gh-muted); }
.wp-steckbrief-fehlt > strong{ color:var(--gh-text); font-weight:600; }

.wp-steckbrief-fehlt .wp-steckbrief-fehlt-weg.wp-verweis{ display:inline-flex; gap:var(--sp-1); margin:0; padding:0 var(--sp-1); }
.wp-steckbrief-fehlt-weg > .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; }



.wp-verweis{
display:inline-flex; align-items:center; gap:var(--sp-2);
min-height:var(--feld-h); max-width:100%; padding:0 var(--sp-2); margin:0 calc(var(--sp-2) * -1);
background:none; border:0; border-radius:var(--r-md);
font:inherit; color:var(--gh-accent); text-align:left; cursor:pointer;
}
.wp-verweis-text{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


.wp-zeile-sub .wp-verweis.wp-verweis{ min-height:0; margin:0; padding:0; gap:var(--sp-1); }
.wp-zeile-sub .wp-verweis > .wp-i{ width:var(--ico); height:var(--ico); }
.wp-verweis:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }

.wp-verweis:disabled{ color:var(--gh-muted); cursor:default; }

.wp-verweis-grund{ flex:0 100 auto; min-width:0; margin-inline-start:.3em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:400; color:var(--gh-muted); }

.wp-verweis-zustand{ flex:0 0 auto; max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:400; color:var(--gh-muted); }
.wp-verweis-zustand.is-offen{ color:var(--farbe-offen-text); font-weight:500; }
.wp-verweis--vorschau{ cursor:default; }




.wp-zeile--plaetze[data-wp-zeile]{ cursor:pointer; }
.wp-zeile--plaetze[data-wp-ausgewaehlt]{ background:var(--markierung-flaeche); box-shadow:inset var(--markierung-balken) 0 0 var(--gh-accent); }
.wp-zeile--plaetze > .wp-zeile-symbol{ display:inline-flex; justify-content:center; flex:0 0 var(--ico-lg); color:var(--gh-muted); }
.wp-zeile-vorne{ display:inline-flex; flex:0 0 auto; }

.wp-zeile-vorne:empty{ min-width:var(--feld-h); }
.wp-zeile-etiketten{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-1); flex:0 1 auto; min-width:0; }
.wp-zeile-kern{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-1) var(--sp-3); flex:1 1 auto; min-width:0; }






.wp-zeile-kern > .wp-zeile-haupt{ flex:1 1 0; min-width:45%; max-width:100%; }
.wp-zeile-haupt > .wp-zeile-titel{
display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2;
white-space:normal; overflow-wrap:break-word;
}
.wp-zeile-kern > .wp-zeile-haupt > .wp-zeile-sub{ contain:inline-size; }




.wp-zeilen--spalte{ container:wp-zeilen / inline-size; }
.wp-zeilen--spalte > .wp-zeile--plaetze > .wp-zeile-kern{ flex-wrap:nowrap; }
@container wp-zeilen (min-width:560px){
.wp-zeilen--spalte > .wp-zeile--plaetze:not(:has(> .wp-zeile-rechts)) > .wp-zeile-kern{ margin-right:calc(var(--symbolknopf) + var(--sp-3)); }
}


.wp-zeile-weiter-wort{ font-size:var(--t-text); color:var(--gh-accent); white-space:nowrap; }
@container wp-zeilen (max-width:599px){ .wp-zeile-weiter-wort{ display:none; } }



.wp-zeilen--unten > .wp-zeile--plaetze > .wp-zeile-kern > .wp-zeile-etiketten{ flex:1 0 100%; }
.wp-zeile-zeit{
display:flex; flex-direction:column; flex:0 0 auto; min-width:4.5em;
font-size:var(--t-neben); font-weight:500; font-variant-numeric:tabular-nums; color:var(--gh-text);
}
.wp-zeile-zeit-bis{ color:var(--gh-muted); font-weight:400; }

.wp-abschluss{
display:inline-grid; place-items:center;
min-width:var(--feld-h); min-height:var(--feld-h); padding:0;
background:none; border:0; border-radius:var(--r-circle); cursor:pointer;
}
.wp-abschluss-haken{
display:inline-grid; place-items:center; width:var(--ico-lg); height:var(--ico-lg);
border:2px solid var(--feld-rand); border-radius:var(--r-circle);
font-size:var(--t-neben); font-weight:700; line-height:1;
}

.wp-abschluss:not([aria-pressed="true"]) .wp-abschluss-zeichen{ visibility:hidden; }
.wp-abschluss[aria-pressed="true"] > .wp-abschluss-haken{
background:var(--farbe-ok-flaeche); border-color:var(--farbe-ok-flaeche); color:var(--farbe-auf-flaeche);
}
.wp-abschluss:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:1px; }

.wp-abschluss:disabled{ cursor:default; }
.wp-abschluss:disabled:not([aria-pressed="true"]) > .wp-abschluss-haken{ border-color:var(--gh-border); }


.wp-kennzahl-wert{ margin-top:auto; }
.wp-kennzahl--stumm{ background:none; border-color:transparent; box-shadow:none; padding-inline:0; cursor:default; }


.wp-kennzahl--stumm .wp-kennzahl-wert{ margin-top:0; }
.wp-flach--offen,
.wp-flach--offen .wp-flach-text{ color:var(--farbe-offen-text); }
.wp-flach--gefahr,
.wp-flach--gefahr .wp-flach-text{ color:var(--farbe-gefahr-text); }
.wp-flach--ok,
.wp-flach--ok .wp-flach-text{ color:var(--farbe-ok-text); }
.wp-flach--info,
.wp-flach--info .wp-flach-text{ color:var(--farbe-info-text); }
.wp-leer--fehler{ color:var(--farbe-gefahr-text); }
.wp-leer--fehler > .wp-i{ width:var(--ico-lg); height:var(--ico-lg); }





.wp-unterschrift-kachel{ display:flex; flex-direction:column; gap:var(--sp-2); }
.wp-unterschrift-vorschau{ display:flex; align-items:center; justify-content:center; aspect-ratio:7 / 2;
max-block-size:calc(var(--kopf-h) * 3); overflow:hidden;
border:1px dashed var(--gh-border-strong); border-radius:var(--r-md); background:var(--gh-panel);
color:var(--gh-muted); font-size:var(--t-neben); }
.wp-unterschrift-kachel.ist-gesetzt .wp-unterschrift-vorschau{ border-style:solid; background:var(--gh-card); }


.wp-unterschrift-leer{ display:flex; align-items:center; gap:var(--sp-2); inline-size:100%; min-block-size:max(var(--tap),44px);
margin:0; padding:var(--sp-2) var(--sp-3); border:0; border-radius:var(--r-md); background:var(--kachel-bg);
color:var(--gh-text); font:inherit; text-align:start; cursor:pointer; }
.wp-unterschrift-leer > .wp-i{ inline-size:var(--ico); block-size:var(--ico); flex:0 0 auto; color:var(--symbol-bedien); }
.wp-unterschrift-leer-titel{ flex:1 1 auto; min-inline-size:0; font-size:var(--t-text); font-weight:600; }
.wp-unterschrift-kachel--zusatz{ flex-direction:row; align-items:center; }
.wp-unterschrift-kachel--zusatz > .wp-unterschrift-leer{ flex:1 1 auto; min-inline-size:0; }
.wp-unterschrift-leer:focus-visible{ outline:2px solid var(--fokus-kontur); outline-offset:1px; }
.wp-unterschrift-vorschau img{ display:block; max-inline-size:100%; max-block-size:100%; object-fit:contain; }
.wp-unterschrift-aktionen,
.wp-unterschrift-werkzeuge{ display:flex; flex-wrap:wrap; gap:var(--sp-2); }
.nw-signature-overlay{ position:fixed; inset:0; z-index:calc(var(--z-menu) + 1); display:flex;
background:var(--gh-bg); color:var(--gh-text);
padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0); }


.wp-unterschrift-blatt{ display:flex; flex-direction:column; flex:1 1 auto; min-width:0; min-height:0; }


.overlay.wp-sheet > .wp-sheet-karte, .wp-unterschrift-blatt{ border:var(--rand-haar) solid var(--gh-border); }
.wp-unterschrift-hinweis{ margin:0; color:var(--gh-muted); font-size:var(--t-neben); }



.wp-unterschrift-blatt > .wp-kopf{ background:var(--gh-panel); border-bottom:var(--rand-haar) solid var(--leiste-haar); }
.wp-unterschrift-blatt > .wp-unterschrift-werkzeuge{ align-items:center; margin:0 0 var(--sp-3); padding:var(--sp-2) var(--sp-4);
background:var(--gh-panel); border-bottom:var(--rand-haar) solid var(--leiste-haar); }
.wp-unterschrift-blatt > .wp-unterschrift-werkzeuge > .wp-info{ margin-inline-start:auto; }


.wp-unterschrift-feld{ display:flex; flex-direction:column; flex:1 1 auto; min-height:0; margin:0 var(--sp-3) var(--sp-3);
border:2px solid var(--gh-accent); border-radius:var(--r-lg); background:var(--gh-card); overflow:hidden; }
.wp-unterschrift-feld--fehler{ border-color:var(--farbe-gefahr-text); }
.wp-unterschrift-canvas{ display:block; flex:1 1 0; min-height:0; width:100%; touch-action:none; cursor:crosshair;
background:var(--gh-card); color:var(--gh-text); }
.wp-unterschrift-blatt > .dactions{ margin:0; padding:var(--sp-3) var(--sp-4); }


@media (hover:hover){
.wp-tabelle--ruhig > tbody > tr[data-wp-zeile]:not([aria-selected="true"]):not([data-wp-markiert]):hover{ background:var(--tabelle-hover); }
.wp-tabelle--ruhig > tbody > tr[data-wp-zeile]:hover .wp-titelknopf{ color:var(--gh-accent); text-decoration:underline; text-underline-offset:3px; }
.wp-tabelle--ruhig .wp-tabelle-aktion:hover{ background:var(--gh-btn-hover); }
.wp-tabelle-sortierung:hover{ text-decoration:underline; text-underline-offset:3px; }
.wp-karten-zeile:not([data-wp-ausgewaehlt]):not([data-wp-markiert]):hover{ background:var(--gh-card-hover); }
.wp-steckbrief-aktion:hover{ background:var(--gh-btn-hover); }
.wp-steckbrief-zeile--menue:hover{ background:var(--kachel-hover); }
.wp-verweis:not(:disabled):hover{ background:var(--gh-hover); }
.wp-abschluss:not([aria-pressed="true"]):not(:disabled):hover > .wp-abschluss-haken{ border-color:var(--farbe-ok-text); color:var(--farbe-ok-text); }
.wp-abschluss:not([aria-pressed="true"]):not(:disabled):hover .wp-abschluss-zeichen{ visibility:visible; }
.wp-zeile--plaetze[data-wp-zeile]:not([data-wp-ausgewaehlt]):not([data-wp-markiert]):hover{ background:var(--tabelle-hover); }
}






.wp-titelknopf.wp-titelknopf{ padding:0; min-height:0; min-width:0; }
.wp-steckbrief-aktion.wp-steckbrief-aktion{ padding:0 var(--sp-2); }
.wp-steckbrief-zeile.wp-steckbrief-zeile--menue{ padding:var(--steckbrief-kachel-pad); }
.wp-verweis.wp-verweis{ padding:0 var(--sp-2); }
.wp-auswahlleiste-aufheben.wp-auswahlleiste-aufheben{ padding:0 var(--sp-1); }
.wp-abschluss.wp-abschluss{ padding:0; }


.wp-pille.wp-pille{ height:var(--pille-h); min-height:0; min-width:0; padding:var(--pille-pad); }
.wp-wahl.wp-wahl{ min-width:0; padding:0 var(--sp-3); }


.wp-umschalter > .wp-btn.wp-btn, .wp-umschalter > button.wp-umschalter-segment{ min-width:0; min-height:0; padding:0 var(--sp-3); }
.wp-icon-btn.wp-icon-btn{ width:var(--symbolknopf); height:var(--symbolknopf); min-width:0; min-height:0; padding:0; }
.wp-zeitraum-label.wp-zeitraum-label{ min-width:0; min-height:0; padding:0 var(--sp-1); }
.wp-tag.wp-tag{ min-width:0; min-height:0; padding:0; }
.wp-treffer-loesen.wp-treffer-loesen{ padding:0; }


.wp-treffer-zuruecksetzen.wp-treffer-zuruecksetzen{ min-height:0; min-width:0; }










.wp-leer{
display:flex; align-items:center; flex-wrap:wrap; gap:var(--sp-2) var(--sp-3);
padding:var(--sp-3) var(--sp-4); text-align:left;
background:var(--kachel-bg); border-radius:var(--r-md);
color:var(--gh-muted); font-size:var(--t-text); line-height:var(--kopf-zeilenhoehe);
}
.wp-leer-karte{ padding:var(--sp-3); }
.wp-leer > .wp-i{ flex:0 0 auto; width:var(--ico-lg); height:var(--ico-lg); color:var(--symbol-info); }
.wp-leer-text{ flex:1 1 10em; min-width:0; display:flex; flex-direction:column; gap:var(--sp-1); }
.wp-leer-satz{ color:var(--gh-text); font-weight:500; }
.wp-leer-neben{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-1); font-size:var(--t-neben); color:var(--gh-muted); }
.wp-leer--fehler > .wp-i, .wp-leer--fehler .wp-leer-satz{ color:var(--farbe-gefahr-text); }
.wp-leer--ruhig{ color:inherit; }
.wp-leer--ruhig > .wp-i{ color:var(--symbol-info); }
.wp-leer--ruhig .wp-leer-satz{ color:var(--gh-text); }
.wp-leer strong{ display:block; color:var(--gh-text); font-size:var(--t-text); }





.wp-treffer:has(> .wp-treffer-warnung){ flex-wrap:wrap; row-gap:var(--sp-1); }

.wp-treffer:has(> .wp-treffer-hinweis){ flex-wrap:wrap; row-gap:var(--sp-1); }
.wp-treffer-hinweis{ display:inline-flex; align-items:center; gap:var(--sp-2); }
.wp-treffer-warnung{ display:inline-flex; align-items:center; gap:var(--sp-1); font-weight:600; color:var(--farbe-gefahr-text); }
.wp-treffer-warnung > .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; }
.wp-treffer-filterliste{ display:inline-flex; flex-wrap:nowrap; gap:var(--sp-1); }
.wp-treffer > .wp-treffer-filterliste{ flex:0 1 auto; min-width:0; overflow-x:auto; scrollbar-width:none; }
.wp-treffer-filter{
display:inline-flex; align-items:center; gap:var(--sp-1); min-height:var(--chip-h); padding:0 0 0 var(--sp-2);
border-radius:var(--r-pill); background:var(--gh-accent-soft); color:var(--gh-accent);
font-size:var(--chip-fs); font-weight:600;
}
.wp-treffer-loesen{
position:relative; display:inline-grid; place-items:center; width:var(--chip-h); height:var(--chip-h); padding:0;
border:0; border-radius:var(--r-pill); background:transparent; color:inherit; cursor:pointer;
}
@media (pointer:coarse), (any-pointer:coarse){
.wp-treffer-loesen::after{ content:""; position:absolute; inset:min(0px, calc((var(--chip-h) - var(--tap)) / 2)); }
}
.wp-treffer-loesen > .wp-i{ width:var(--ico); height:var(--ico); }
.wp-treffer-loesen:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:1px; }




.wp-karte--datensatz{
flex-direction:column; flex-wrap:nowrap; align-items:stretch; min-width:0; gap:var(--sp-1); padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);
box-shadow:var(--karten-schatten), inset var(--kante-b) 0 0 var(--wp-fachfarbe);
}
.wp-karte-haupt{ display:flex; flex-direction:column; gap:var(--sp-1); min-width:0; flex:1 1 auto; }
.wp-karte-mitbild{ display:flex; gap:var(--sp-3); min-width:0; }

.wp-karte-mitbild > .wp-karte-menue{ flex:0 0 auto; align-self:flex-start; margin:calc(-1 * var(--sp-2)) calc(-1 * var(--sp-2)) 0 auto; }




.wp-karte-aktion.wp-karte-aktion.wp-btn{
display:inline-flex; align-items:center; gap:var(--sp-1); box-sizing:border-box;
height:var(--feld-h); min-height:var(--feld-h); padding:0 var(--sp-2); font-size:var(--t-text);
}
.wp-karte-aktion > .wp-i{ flex:0 0 auto; width:var(--ico); height:var(--ico); }
.wp-karte-status > .wp-karte-aktion.wp-btn{ position:relative; margin-left:auto; }

.wp-karte-mitbild + .wp-karte-status{ margin-top:0; }

.wp-karte--datensatz:not([style]){ padding-left:var(--sp-3); }
@media (pointer:coarse), (any-pointer:coarse){
.wp-karte-status > .wp-karte-aktion::after{ content:""; position:absolute; inset:calc(var(--sp-2) * -1) 0; }
}
.wp-karte-bild{
flex:0 0 auto; width:var(--kartenbild-b); height:var(--kartenbild-b); overflow:hidden;
display:grid; place-items:center; border-radius:var(--r-md); background:var(--surface-3); color:var(--symbol-info);
}
.wp-karte-bild > img{ width:inherit; height:inherit; object-fit:cover; }
.wp-karte-bild > .wp-i{ width:var(--ico); height:var(--ico); }


.wp-tabelle-mitbild{ display:flex; align-items:center; gap:var(--sp-3); min-width:0; }
.wp-tabelle-titeltext{ display:flex; flex-direction:column; min-width:0; }
.wp-tabelle-bild,
.wp-steckbrief-bild{
flex:0 0 auto; width:var(--feld-h); height:var(--feld-h); overflow:hidden;
display:grid; place-items:center; border-radius:var(--r-md); background:var(--surface-3); color:var(--symbol-info);
}
.wp-steckbrief-bild{ width:var(--kartenbild-b); height:var(--kartenbild-b); }
.wp-tabelle-bild > img,
.wp-steckbrief-bild > img{ width:inherit; height:inherit; object-fit:cover; }
.wp-tabelle-bild > .wp-i,
.wp-steckbrief-bild > .wp-i{ width:var(--ico); height:var(--ico); }

:is(.wp-steckbrief-bild, .wp-zieh-griff) + .wp-steckbrief-titel{ margin-right:auto; }




[data-wp-bildband]{ position:relative; container:wp-bildplatz / inline-size; }
[data-wp-bildband] > img{ filter:saturate(.4); }
.wp-bildband{
position:absolute; left:var(--sp-1); top:var(--sp-1); max-width:calc(100% - 2 * var(--sp-1)); display:inline-flex; align-items:center;
gap:var(--sp-1); min-height:var(--chip-h); padding:var(--chip-pad); border-radius:var(--r-pill); overflow:hidden;
background:var(--gh-panel); color:var(--gh-text); font-size:var(--chip-fs); font-weight:600; font-variant-numeric:tabular-nums;
white-space:nowrap;
}
.wp-bildband--offen{ color:var(--farbe-offen-text); }
.wp-bildband--info{ color:var(--farbe-info-text); }
.wp-bildband--gefahr{ color:var(--farbe-gefahr-text); }
.wp-bildband > .wp-i{ flex:none; width:var(--chip-fs); height:var(--chip-fs); }
.wp-bildband-balken{ position:absolute; left:0; right:0; bottom:0; height:var(--sp-1); background:var(--gh-panel); }
.wp-bildband-balken > span{ position:absolute; inset:0 auto 0 0; background:var(--gh-accent); }
@container wp-bildplatz (max-width:8.5rem){
[data-wp-bildband]:not([data-wp-bildband="wartet"]) .wp-bildband-wort{ display:none; }
}
.wp-karte-kopf{ display:flex; align-items:baseline; justify-content:space-between; gap:var(--sp-2); font-size:var(--t-neben); }

.wp-karte-marke{ font-weight:500; color:var(--gh-muted); }
.wp-karte-kopf-rechts{ color:var(--gh-muted); white-space:nowrap; }
.wp-karte-zeit{ margin-left:auto; font-size:var(--t-titel); font-weight:700; color:var(--gh-text); font-variant-numeric:tabular-nums; white-space:nowrap; }

.wp-karte-dauer{ margin-left:calc(var(--sp-1) - var(--sp-2)); color:var(--gh-muted); font-variant-numeric:tabular-nums; white-space:nowrap; }
.wp-karte-marke + .wp-karte-dauer{ margin-left:auto; }

.wp-karte-ueberschrift{ margin:0; font:inherit; min-width:0; }


.wp-karte-ueberschrift > .wp-karte-titel{ width:100%; }
.wp-karte-titel{
font-size:var(--t-titel); font-weight:600; line-height:var(--kopf-zeilenhoehe); color:var(--gh-text);
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere;
}
.wp-karte-kontext{ font-size:var(--t-neben); color:var(--gh-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wp-karte-band{ font-size:var(--t-neben); color:var(--gh-muted); }
.wp-karte-band b, .wp-karte-band strong{ color:var(--gh-text); font-weight:600; }

.wp-karte-status{ display:flex; align-items:flex-start; flex-wrap:nowrap; gap:var(--sp-2); margin-top:var(--sp-1); }

.wp-karte-status:not(:has(> .wp-etiketten:empty:only-child)){ border-top:var(--rand-haar) solid var(--gh-border-subtle); padding-top:var(--sp-2); }
.wp-karte-status > .wp-etiketten{ flex:1 1 auto; min-width:0; }
.wp-karte-status > :is(.wp-karte-aktion, .wp-karte-menue, .wp-karte-nummer){ flex:0 0 auto; }


.wp-karte--kopfaktion{ display:grid; grid-template-columns:minmax(0, 1fr) auto; column-gap:var(--sp-3); container-type:inline-size; }
.wp-karte--kopfaktion > *{ grid-column:1 / -1; }
@container (min-width:560px){
.wp-karte--kopfaktion:has(> .wp-karte-status > .wp-etiketten:empty) > :is(.wp-karte-mitbild, .wp-karte-haupt){ grid-column:1; grid-row:1; }
.wp-karte--kopfaktion > .wp-karte-status:has(> .wp-etiketten:empty){
grid-column:2; grid-row:1; align-self:end; margin:0; padding-top:0; border-top:0;
}
.wp-karte--kopfaktion > .wp-karte-status > .wp-etiketten:empty{ display:none; }
}
.wp-karte-nummer{ color:var(--gh-muted); font-size:var(--t-neben); font-variant-numeric:tabular-nums; }




.wp-tabelle-gruppen--kompakt .wp-tabelle-gruppe{ gap:0; background:var(--gh-card); border-radius:var(--r-lg); box-shadow:var(--karten-schatten); overflow:hidden; }
.wp-tabelle-gruppen--kompakt .wp-tabelle-gruppe-ueberschrift{ background:none; box-shadow:none; border-radius:0; }
.wp-tabelle-gruppen--kompakt .wp-karten{ gap:0; grid-template-columns:minmax(0, 1fr); }
.wp-tabelle-gruppen--kompakt :where(.wp-karte--datensatz){ border-radius:0; box-shadow:none; }
.wp-tabelle-gruppen--kompakt .wp-karte--datensatz{ display:grid; grid-template-columns:minmax(0, 1fr); gap:var(--sp-1) var(--sp-3);
padding:var(--sp-2) var(--sp-3); border-top:var(--rand-haar) solid var(--gh-border-subtle); }
.wp-tabelle-gruppen--kompakt .wp-karte--datensatz:has(> .wp-karte-mitbild > .wp-karte-bild){ grid-template-columns:var(--zeilenbild-b) minmax(0, 1fr); }
.wp-tabelle-gruppen--kompakt .wp-karte-mitbild{ display:contents; }
.wp-tabelle-gruppen--kompakt .wp-karte-bild{ width:var(--zeilenbild-b); height:var(--zeilenbild-b); align-self:center; }
.wp-tabelle-gruppen--kompakt :is(.wp-karte-haupt, .wp-karte-status){ grid-column:-2 / -1; }
.wp-tabelle-gruppen--kompakt .wp-karte-titel{ font-size:var(--t-text); font-weight:500; }
.wp-tabelle-gruppen--kompakt .wp-karte-kontext{ white-space:normal; overflow:visible; }
.wp-tabelle-gruppen--kompakt .wp-karte-status:not(:has(> .wp-etiketten:empty:only-child)){ margin-top:0; padding-top:0; border-top:0; }



.wp-abschnitt > .wp-chip{ min-height:0; margin-block:calc(-1 * var(--sp-1)); margin-left:auto; }




.wp-formgruppe{ padding:var(--sp-3) var(--sp-4) var(--sp-4); }



.wp-abschnitt{
display:flex; align-items:center; gap:var(--sp-2); margin:0 0 var(--sp-2);
font-size:var(--t-text); font-weight:600; color:var(--gh-text);
}
.wp-abschnitt > .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; color:var(--symbol-info); }
.wp-abschnitt > .wp-abschnitt-zahl{
margin-left:calc(var(--sp-1) - var(--sp-2)); font-size:var(--t-neben); font-weight:400;
color:var(--gh-muted); font-variant-numeric:tabular-nums;
}
.wp-abschnitt > .wp-abschnitt-zahl + *{ margin-left:auto; }


.wp-gruppe--aufklapp > summary{ list-style:none; cursor:pointer; align-items:flex-start; }
.wp-gruppe--aufklapp > summary::-webkit-details-marker{ display:none; }
.wp-gruppe--aufklapp > summary > .wp-i{ margin-top:2px; }
.wp-gruppe--aufklapp > summary:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:2px; border-radius:var(--r-md); }
.wp-gruppe-kopftext{ display:flex; flex-direction:column; flex:1 1 auto; min-width:0; }
:is(.wp-gruppe-kurz, .wp-gruppe-unter){ font-size:var(--t-neben); font-weight:400; color:var(--gh-muted); line-height:var(--lh-text); }
.wp-gruppe-kurz{ display:flex; flex-wrap:wrap; align-items:center; gap:0 var(--sp-1); }
.wp-gruppe-kurz :is(.sk-zeit, strong){ color:var(--gh-text); font-weight:600; }
.wp-gruppe--aufklapp[open] > summary .wp-gruppe-kurz, .wp-gruppe--aufklapp:not([open]) > summary .wp-gruppe-unter{ display:none; }
.wp-gruppe-rechts{ flex:0 0 auto; margin-left:auto; align-self:center; font-size:var(--t-neben); font-weight:500; white-space:nowrap; }
.wp-gruppe-rechts .wp-verweis-text{ overflow:visible; min-width:max-content; }
.wp-gruppe-flaeche.wp-gruppe--aufklapp:not([open]) > summary.wp-abschnitt{ border-bottom:0; margin-bottom:0; padding-bottom:0; }
.wp-gruppe--aufklapp[data-wp-breit] > summary{ cursor:default; }
.wp-gruppe--aufklapp[data-wp-breit] > summary > .wp-aufklapp{ display:none; }
.wp-formfeld > label{ display:flex; gap:var(--sp-1); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

:is(.wp-feld, .dialog) .req{ color:var(--gh-accent); font-weight:700; }
.wp-feld [aria-invalid="true"]{ border-color:var(--farbe-gefahr-text); box-shadow:0 0 0 1px var(--farbe-gefahr-text); }
.wp-feld :is(input, select, textarea):disabled{ background:var(--gh-disabled-bg); color:var(--gh-muted); border-color:transparent; cursor:not-allowed; }
.wp-feld-fehler{ display:flex; align-items:center; gap:var(--sp-1); margin-top:var(--sp-1); font-size:var(--t-neben); font-weight:500; color:var(--farbe-gefahr-text); }
.wp-feld-fehler[hidden]{ display:none; }


.wp-zahlhuelle{ position:relative; display:block; min-width:0; }
.wp-zahlhuelle > input.wp-feld-wert.wp-feld-wert.wp-feld-wert{ text-align:right; font-variant-numeric:tabular-nums; }
.wp-zahlhuelle--einheit > input.wp-feld-wert.wp-feld-wert.wp-feld-wert{ padding-right:calc(var(--sp-3) + var(--sp-2) + var(--wp-einheit)); }
.wp-zahlhuelle-einheit{ position:absolute; right:var(--sp-3); top:50%; transform:translateY(-50%); pointer-events:none;
font-size:var(--t-neben); color:var(--gh-muted); white-space:nowrap; }
.wp-feld-fehler > span{ min-width:0; }
.wp-feld-fehler:has(> span){ align-items:flex-start; }

.wp-zahlfeld:has(> .wp-zahlfeld-eingabe[aria-invalid="true"]){ border-color:var(--farbe-gefahr-text); box-shadow:0 0 0 1px var(--farbe-gefahr-text); }
.wp-zahlfeld-stepper + .wp-zahlfeld-fehler{ justify-content:center; }
.wp-feld-fehler > .wp-i, .wp-feld-grund > .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; }
.wp-feld-grund{ display:flex; align-items:center; gap:var(--sp-1); margin-top:var(--sp-1); font-size:var(--t-neben); color:var(--gh-muted); }
.wp-feld-hinweis{ margin-top:var(--sp-1); font-size:var(--t-neben); color:var(--gh-muted); }
.wp-feld-hinweis.is-offen{ color:var(--farbe-offen-text); }
.wp-wahlfeld-knopf{
position:relative; display:flex; align-items:center; gap:var(--sp-2); width:100%;
min-height:var(--feld-h); padding:0 var(--sp-6) 0 var(--sp-3);
border:1px solid var(--feld-rand); border-radius:var(--r-md); background:var(--gh-input-bg); color:var(--gh-text);
font:inherit; font-size:var(--feld-fs); text-align:left; cursor:pointer;
}

.wp-wahlfeld-knopf::after{
content:""; position:absolute; right:var(--sp-3); top:50%; width:var(--haken-b); height:var(--haken-h);
background:conic-gradient(from -40deg at 50% 100%, var(--symbol-info) 80deg, transparent 0); transform:translateY(-50%);
}
.wp-wahlfeld-knopf.is-leer{ color:var(--gh-muted); }


.wp-feld .wp-wahlfeld-knopf.wp-wahlfeld-knopf{ min-height:var(--feld-h); }

.wp-wahlfeld-knopf.is-gesperrt{ gap:var(--sp-1); padding-right:var(--sp-3); background:var(--gh-disabled-bg); border-color:transparent; color:var(--gh-muted); cursor:not-allowed; }
.wp-wahlfeld-knopf.is-gesperrt::after{ display:none; }
.wp-wahlfeld-knopf > .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; }
.wp-wahlfeld-wert{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wp-wahlfeld-knopf:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:1px; }


.wp-zeitspanne > .wp-umschalter{ grid-column:1 / -1; }
.wp-zeitspanne > .wp-umschalter > button.wp-umschalter-segment{ padding:0 var(--sp-1); }
.wp-zeitspanne > .wp-zeitspanne-bisher{
grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--sp-2);
color:var(--gh-text); font-size:var(--t-text);
}
.wp-zeitspanne-bisher[hidden]{ display:none; }
.wp-zeitspanne-bisher > span{ display:flex; align-items:center; gap:var(--sp-2); min-width:0; overflow-wrap:anywhere; }
.wp-zeitspanne-bisher .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; color:var(--symbol-info); }

.dactions.wp-fusszeile{ flex-wrap:wrap; }
.dactions.wp-fusszeile > :is(.btn-ok, .btn-no, .wp-gefahr-text){ flex:0 0 auto; min-width:max-content; }

.dactions.wp-fusszeile > .wp-fuss-symbol{ display:inline-flex; align-items:center; justify-content:center;
min-width:var(--kachel-knopf-h); padding-inline:0; }






.dactions.wp-fusszeile{ container:wp-fuss / inline-size; }
.dactions .wp-fuss-eng{ display:none; }
@container wp-fuss (max-width:24em){
.dactions:has(> :not(.wp-links):not([hidden]) ~ :not(.wp-links):not([hidden])) > .wp-gefahr-text{ padding-inline:0; }
.dactions:has(> .wp-gefahr-text:not([hidden])) > :is(.btn-ok, .btn-no):not(.wp-links){ padding-inline:var(--sp-2); }
.dactions:has(> :not(.wp-links):not([hidden]) ~ :not(.wp-links):not([hidden])) > .wp-gefahr-lang > .wp-fuss-wort{ display:none; }
.dactions:has(> :not(.wp-links):not([hidden]) ~ :not(.wp-links):not([hidden])) > .wp-gefahr-lang > .wp-fuss-eng{ display:inline-flex; }
.dactions:has(> :not(.wp-links):not([hidden]) ~ :not(.wp-links):not([hidden])) > .wp-gefahr-lang:has(> .wp-fuss-eng){
min-width:var(--kachel-knopf-h); }
}
@container wp-fuss (max-width:19.5em){
.dactions:has(> :not(.wp-links):not([hidden]) ~ :not(.wp-links):not([hidden])) > .wp-gefahr-text > .wp-fuss-wort{ display:none; }
.dactions:has(> :not(.wp-links):not([hidden]) ~ :not(.wp-links):not([hidden])) > .wp-gefahr-text > .wp-fuss-eng{ display:inline-flex; }
.dactions:has(> :not(.wp-links):not([hidden]) ~ :not(.wp-links):not([hidden])) > .wp-gefahr-text:has(> .wp-fuss-eng){
min-width:var(--kachel-knopf-h); }
}


.wp-aufklapp, .wp-weiter{ display:inline-grid; place-items:center; flex:0 0 auto; width:var(--ico); height:var(--ico); }
.wp-aufklapp::before, .wp-weiter::before{
content:""; width:var(--haken-h); height:var(--haken-h);
border-right:2px solid var(--symbol-info); border-top:2px solid var(--symbol-info); transform:rotate(45deg);
}
.wp-aufklapp::before{ transform:rotate(135deg); transition:transform var(--dauer-kurz); }
:is([open] > summary, [aria-expanded="true"]) > .wp-aufklapp::before{ transform:rotate(-45deg); }


:is(summary, [aria-expanded]) > .wp-aufklapp:first-child{
width:calc(var(--sp-2) + var(--sp-3) - var(--sp-1)); margin-left:var(--sp-1); justify-items:start;
}




.wp-reiter.wp-reiter--ueberlauf::after{
content:""; position:sticky; right:0; flex:0 0 var(--sp-6); margin-left:calc(var(--sp-6) * -1);
background:linear-gradient(to right, transparent, var(--gh-panel)); pointer-events:none;
}










.wp-zeitraum{ display:flex; align-items:stretch; justify-content:center; gap:var(--sp-2); min-width:0; }
.wp-zeitraum > .wp-zeitraum-pille{ align-self:center; }
.wp-zeitraum-pille{
display:inline-flex; align-items:center; flex:0 1 auto; min-width:0; box-sizing:border-box;
padding:var(--rand-haar); border-radius:var(--r-pill); background:transparent;
box-shadow:inset 0 0 0 var(--rand-haar) var(--feld-rand);
}

.wp-zeitraum-pille > .wp-icon-btn.wp-icon-btn{ --symbolknopf:var(--zeitpfeil-b); width:var(--zeitpfeil-b); height:var(--zeitpfeil-b); border-radius:var(--r-pill); }
.wp-zeitraum-label{
display:inline-flex; align-items:center; justify-content:center;
flex:0 1 auto; min-width:0; padding:0 var(--sp-1); align-self:center; line-height:var(--kopf-zeilenhoehe);
font-weight:600; color:var(--gh-text); font-variant-numeric:tabular-nums;
white-space:nowrap; overflow:hidden; text-overflow:clip; text-align:center;
}
button.wp-zeitraum-label{ display:inline-flex; align-items:center; justify-content:center; background:transparent; border:0; font:inherit; font-weight:600; line-height:var(--kopf-zeilenhoehe); color:var(--gh-text); cursor:pointer; }
.wp-zeitraum-pille > .wp-btn.wp-zeitraum-label{ background:transparent; color:var(--gh-text); padding:0 var(--sp-1); }

.wp-zeitraum-pille > button.wp-zeitraum-label{ align-self:stretch; }
.wp-werkzeugzeile .wp-zeitraum-pille{ height:var(--feld-h); }
.wp-zeitraum-heute.wp-zeitraum-heute.wp-btn{
display:inline-flex; align-items:center; align-self:stretch; flex:0 0 auto; min-width:0; height:auto; min-height:0;
padding:0 var(--sp-3); border:0; border-radius:var(--r-pill);
background:var(--gh-accent-soft); color:var(--gh-accent); box-shadow:inset 0 0 0 var(--rand-haar) var(--feld-rand);
}

@media (pointer:coarse), (any-pointer:coarse){
:is(button.wp-zeitraum-label, .wp-zeitraum-heute.wp-zeitraum-heute.wp-btn){ position:relative; }
:is(button.wp-zeitraum-label, .wp-zeitraum-heute.wp-zeitraum-heute.wp-btn)::after{ content:""; position:absolute; inset:min(0px, calc((100% - var(--tap)) / 2)) 0; }
}

.wp-zeitraum-heute.wp-zeitraum-heute.wp-btn:disabled{
background:var(--bedien-bg); color:var(--gh-disabled-fg); box-shadow:inset 0 0 0 var(--rand-haar) var(--feld-rand);
}





.wpkal--pop{ width:min(344px, calc(100% - 32px)); padding:var(--sp-2) var(--sp-2) var(--sp-3); }
.wpkal-kopf{ display:flex; align-items:center; gap:var(--sp-2); padding:0 0 var(--sp-2); }
.wpkal-titel{ flex:1 1 auto; text-align:center; font-weight:600; color:var(--gh-text); }
.wpkal-spalten, .wpkal-zeile.wpkal-zeile{ display:grid; grid-template-columns:34px repeat(7, minmax(0, 1fr)) 18px; align-items:center; }
.wpkal-spalten{ padding:0 var(--sp-1) var(--sp-1); font-size:var(--fs-sm); color:var(--gh-muted); text-align:center; }
.wpkal-wochen{ display:flex; flex-direction:column; gap:var(--rand-haar); }
.wpkal-zeile.wpkal-zeile{
width:100%; min-width:0; min-height:var(--feld-h); padding:0 var(--sp-1); border:0; border-radius:var(--r-sm); background:none;
color:var(--gh-text); font:inherit; font-size:var(--t-neben); font-variant-numeric:tabular-nums; text-align:center; cursor:pointer;
}
@media (hover:hover){ .wpkal-zeile:not(:disabled):not([data-wp-markiert]):hover{ background:var(--gh-card-hover); } }
.wpkal-zeile:focus-visible{ outline:2px solid var(--fokus-kontur); outline-offset:-2px; }
.wpkal-zeile:disabled{ cursor:default; color:var(--gh-disabled-fg); }
.wpkal-zeile:disabled :is(.wpkal-kw, .wpkal-tag){ color:inherit; }
.wpkal-zeile.wpkal-zeile:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert~="gewaehlt"]){ background:var(--markierung-flaeche); box-shadow:inset var(--markierung-balken) 0 0 var(--gh-accent); }
.wpkal-kw{ font-weight:600; color:var(--gh-muted); }
.wpkal-zeile:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert~="gewaehlt"]) .wpkal-kw{ color:var(--gh-text); }
.wpkal-zeile.is-heute .wpkal-kw, .wpkal-tag.is-heute{ color:var(--heute-text); font-weight:700; }

.wpkal-tag{ justify-self:center; min-width:26px; line-height:var(--sp-5); border-radius:var(--r-sm); }
.wpkal-tag.is-heute{ background:var(--gh-accent-soft); box-shadow:inset 0 0 0 var(--rand-haar) var(--feld-rand); }
.wpkal-tag.is-fremd{ color:var(--gh-muted); }
.wpkal-tag.is-feiertag{ color:var(--farbe-offen-text); font-weight:600; }
.wpkal-haken{ display:flex; justify-content:center; color:var(--gh-accent); }
.wpkal-haken .wp-i{ width:var(--ico); height:var(--ico); }
.wpkal--blatt .wpkal-koerper{ padding:0 var(--sp-3) var(--sp-3); }
.wpkal--blatt .wpkal-zeile.wpkal-zeile{ min-height:var(--tap); }
@media (pointer:coarse){ .wpkal-zeile.wpkal-zeile{ min-height:var(--tap); } }

.wpkal-fuss{ padding:var(--sp-2) var(--sp-2) var(--sp-1); margin-top:var(--sp-1); border-top:var(--rand-haar) solid var(--gh-border); }
.wpkal--blatt .wpkal-fuss{ margin:0 var(--sp-3) var(--sp-3); padding-inline:0; }



.wpkal-spalten--tage, .wpkal-tagzeile{ display:grid; grid-template-columns:30px repeat(7, minmax(0, 1fr)); align-items:center; column-gap:var(--kal-fuge); }
.wpkal-spalten--tage{ padding:0 0 var(--sp-1); }
.wpkal-tage{ display:flex; flex-direction:column; gap:var(--kal-fuge); }
.wpkal-tagzeile .wpkal-kw{ text-align:center; font-size:var(--t-neben); font-variant-numeric:tabular-nums; }
.wpkal-tagwahl{
position:relative; min-width:0; height:var(--feld-h); padding:0; border:0; border-radius:var(--r-sm); background:none;
color:var(--gh-text); font:inherit; font-size:var(--t-neben); font-variant-numeric:tabular-nums; cursor:pointer;
}
.wpkal--blatt .wpkal-tagwahl{ height:var(--tap); }
@media (pointer:coarse){ .wpkal-tagwahl{ height:var(--tap); } }
@media (hover:hover){ .wpkal-tagwahl:not(:disabled):not([data-wp-markiert]):hover{ background:var(--gh-card-hover); } }
.wpkal-tagwahl:focus-visible{ outline:2px solid var(--fokus-kontur); outline-offset:2px; z-index:1; }
.wpkal-tagwahl.is-fremd{ color:var(--gh-muted); }
.wpkal-tagwahl.wpkal-tagwahl:disabled{ background:none; box-shadow:none; cursor:default; color:var(--gh-disabled-fg);
text-decoration:line-through; text-decoration-color:color-mix(in srgb, currentColor 45%, transparent); }
.wpkal-tagwahl.is-heute{ color:var(--heute-text); font-weight:700; background:var(--gh-accent-soft); box-shadow:inset 0 0 0 var(--rand-haar) var(--feld-rand); }
.wpkal-tagwahl.wpkal-tagwahl:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert~="gewaehlt"]){ font-weight:700; color:var(--gh-text); }
.wpkal-tagwahl.is-feiertag{ color:var(--farbe-offen-text); font-weight:600; }
.wpkal-tagwahl.is-feiertag::after{ content:''; position:absolute; left:50%; bottom:var(--sp-1); width:var(--sp-3); height:var(--kal-strich); margin-left:calc(var(--sp-3) / -2); border-radius:var(--rand-haar); background:currentColor; }
.wpkal-tagwahl.is-fremd.is-feiertag{ color:var(--gh-muted); }
.wpkal-feiertage, .wpkal-grenze{ margin-top:var(--sp-2); font-size:var(--t-neben); }
.wpkal-feiertage{ padding-top:var(--sp-2); border-top:var(--rand-haar) solid var(--gh-border); }
.wpkal-feiertage-kopf{ color:var(--gh-muted); margin-bottom:var(--kal-fuge); }
.wpkal-feiertage ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:auto minmax(0, 1fr); gap:var(--kal-fuge) var(--sp-2); }
.wpkal-feiertage li{ display:contents; }
.wpkal-feiertag-datum{ color:var(--gh-muted); font-variant-numeric:tabular-nums; white-space:nowrap; }
.wpkal-feiertag-name{ color:var(--farbe-offen-text); font-weight:600; overflow-wrap:anywhere; }
.wpkal-grenze{ display:flex; align-items:center; gap:var(--sp-1); color:var(--gh-muted); }
.wpkal-grenze .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; }



.wp-tagesleiste{ display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:var(--rand-haar); padding:var(--sp-1) 0; background:var(--gh-panel); }
.wp-tag{
position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0;
height:auto; min-height:var(--tagesleiste-h); min-width:0; padding:0; border:0; border-radius:var(--r-md);
background:transparent; color:var(--gh-text); font:inherit; font-variant-numeric:tabular-nums; cursor:pointer;
}
.wp-tag::after{ content:""; position:absolute; inset:min(0px, calc((var(--tagesleiste-h) - var(--tap)) / 2)) 0; }
.wp-tag-kurz{ font-size:var(--t-neben); line-height:var(--kopf-zeilenhoehe); color:var(--gh-muted); }
.wp-tag-zahl{ font-size:var(--t-titel); line-height:var(--kopf-zeilenhoehe); font-weight:600; }


.wp-tagesleiste--wahl{ gap:var(--sp-1); }
.wp-tagesleiste--wahl > .wp-tag:not(:disabled):not([aria-pressed="true"]){ background:var(--surface-3); box-shadow:inset 0 0 0 1px var(--raster-linie); }
@media (hover:hover){ .wp-tagesleiste--wahl > .wp-tag:not(:disabled):not([aria-pressed="true"]):hover{ background:var(--gh-card-hover); } }
.wp-tag-punkt{ flex:none; width:var(--punkt-klein); height:var(--punkt-klein); border-radius:var(--r-circle); background:transparent; }
.wp-tag-punkt.is-an{ background:var(--symbol-info); }
.wp-tag.is-heute :is(.wp-tag-kurz, .wp-tag-zahl){ color:var(--gh-accent); }

.wp-tagesleiste > .wp-tag.is-heute:not([aria-current="true"]):not([aria-pressed="true"]){ background:var(--gh-accent-soft); box-shadow:inset 0 0 0 var(--rand-haar) var(--feld-rand); }
.wp-tagesleiste > .wp-tag:is([aria-current="true"], [aria-pressed="true"]) :is(.wp-tag-kurz, .wp-tag-zahl, .wp-tag-status){ color:inherit; }
.wp-tagesleiste > .wp-tag:is([aria-current="true"], [aria-pressed="true"]) .wp-tag-punkt.is-an{ background:var(--zustand-text); }

.wp-tag-status{ font-size:var(--t-neben); line-height:var(--kopf-zeilenhoehe); color:var(--gh-muted); white-space:nowrap; }


.wp-tag-ferien{ font-size:var(--t-neben); line-height:var(--kopf-zeilenhoehe); font-weight:700; color:var(--kal-ferien); white-space:nowrap; }
.wp-tagesleiste--wahl :is(.wp-tag-status, .wp-tag-ferien){ min-block-size:calc(var(--t-neben) * var(--kopf-zeilenhoehe)); }
.wp-tag.is-aus .wp-tag-zahl{ color:var(--gh-muted); font-weight:400; }
.wp-tag:disabled{ cursor:default; }
.wp-tag:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }


.wp-info-blatt.wp-popover{ max-width:var(--info-max-b); padding:var(--sp-3); }
.wp-info-kopf{ margin-bottom:var(--sp-1); font-weight:600; color:var(--gh-text); }
.wp-info-inhalt{ font-size:var(--t-neben); line-height:var(--lh-text); color:var(--gh-text); }
.wp-sheet .wp-info-inhalt{ padding:0 var(--sp-4) var(--sp-3); }
.wp-statuszeile{ display:flex; align-items:center; gap:var(--sp-2); min-height:var(--feld-h); padding:var(--sp-1) 0; font-size:var(--t-neben); color:var(--gh-muted); }
.wp-statuszeile > .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; color:var(--symbol-info); }
.wp-statuszeile-text{ flex:1 1 auto; min-width:0; }
.wp-statuszeile--offen > .wp-i{ color:var(--farbe-offen-text); }
.wp-statuszeile--gefahr{ color:var(--farbe-gefahr-text); }
.wp-statuszeile--gefahr > .wp-i{ color:inherit; }
.wp-statuszeile-aktion{ flex:0 0 auto; min-height:var(--feld-h); }


.wp-statuszeile--umbruch:has(> .wp-statuszeile-aktion){ flex-wrap:wrap; }
.wp-statuszeile--umbruch > .wp-statuszeile-text{ max-width:calc(100% - var(--ico) - var(--sp-2)); }
.wp-statuszeile--umbruch > .wp-statuszeile-aktion{ margin-left:auto; }
.wp-statuszeile > .wp-statuszeile-menue{ flex:0 0 auto; }
.wp-statuszeile-aktion:not(.wp-btn){
padding:0 var(--sp-1); border:0; background:transparent;
font:inherit; font-weight:600; color:var(--gh-accent); cursor:pointer;
}
.wp-statuszeile-aktion:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:1px; }



.wp-statuszeile .wp-statuszeile-aktion.wp-btn:disabled{
background:var(--bedien-bg); color:var(--gh-disabled-fg); box-shadow:none; opacity:1; cursor:not-allowed;
}




.wp-gruppenkopf{ margin:var(--sp-3) var(--sp-1) 0; font-size:var(--t-neben); font-weight:600; color:var(--gh-muted); }
.wp-karte.wp-gruppenliste{ padding:0; overflow:hidden; flex:none; }
.wp-zeile--gruppe{
position:relative; display:flex; align-items:center; gap:var(--sp-3); width:100%; box-sizing:border-box;
min-height:max(var(--tap), var(--gruppenzeile-h)); padding:var(--sp-2) var(--sp-3); margin:0;
background:transparent; box-shadow:none; color:var(--gh-text);
font:inherit; text-align:left; cursor:pointer; -webkit-tap-highlight-color:transparent;
}

.wp-zeile--gruppe:where(button){ border:0; border-radius:0; }
.wp-gruppenliste > .wp-zeile--gruppe + .wp-zeile--gruppe::before{
content:""; position:absolute; top:0; right:0; left:var(--sp-3); height:var(--rand-haar); background:var(--gh-border-subtle);
}
.wp-gruppenliste > .wp-zeile--gruppe:has(> .wp-zeile-symbol) + .wp-zeile--gruppe:has(> .wp-zeile-symbol)::before{
left:calc(var(--sp-3) * 2 + var(--ico-lg));
}
.wp-zeile--gruppe > .wp-zeile-symbol{ display:inline-flex; flex:0 0 var(--ico-lg); justify-content:center; color:var(--symbol-bedien); }
.wp-zeile--gruppe > .wp-zeile-symbol > .wp-i{ width:var(--ico-lg); height:var(--ico-lg); }
.wp-zeile--gruppe > .wp-zeile-haupt{ display:flex; flex-direction:column; flex:1 1 auto; min-width:0; }
.wp-zeile--gruppe .wp-zeile-titel{ font-size:var(--t-text); font-weight:500; line-height:var(--lh-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wp-zeile--gruppe .wp-zeile-sub{ font-size:var(--t-neben); color:var(--gh-muted); line-height:var(--lh-text); }
.wp-zeile--gruppe > .wp-zeile-rechts{ display:inline-flex; align-items:center; gap:var(--sp-2); flex:0 0 auto; margin-left:auto; }
.wp-zeile--gruppe.wp-zeile--gefahr, .wp-zeile--gruppe.wp-zeile--gefahr > .wp-zeile-symbol{ color:var(--farbe-gefahr-text); }

.wp-zeile--gruppe.wp-zeile--gefahr .wp-zeile-titel{ color:inherit; }
.wp-zeile--gruppe:focus-visible{ outline:2px solid var(--gh-accent); outline-offset:-2px; }
@media (hover:hover){ .wp-zeile--gruppe:not([data-wp-markiert]):hover{ background:var(--gh-card-hover); } }

.wp-zeile--gruppe:active{ background:var(--gh-card-hover); }

.wp-zeile--wahl[aria-pressed="true"] .wp-zeile-titel{ font-weight:600; }
.wp-haken{ display:inline-grid; place-items:center; width:var(--ico-lg); height:var(--ico-lg); color:var(--symbol-bedien); }
.wp-haken::before{
content:""; width:var(--haken-b); height:var(--haken-h);
border-left:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-15%) rotate(-45deg);
}

.wp-konto-zeile{ min-height:var(--konto-zeile-h); }
.wp-konto-mono{
display:inline-grid; place-items:center; flex:0 0 auto; width:var(--konto-mono); height:var(--konto-mono);
border-radius:var(--r-circle, 50%); background:var(--gh-accent-soft); color:var(--gh-accent); font-weight:700;
}
.wp-konto-zeile .wp-zeile-titel{ font-weight:600; }
.wp-einstellung{ display:flex; flex-direction:column; gap:var(--sp-2); padding:var(--sp-3); }

.wp-einstellung-titel{ display:flex; align-items:center; gap:var(--sp-2); font-size:var(--t-text); font-weight:600; color:var(--gh-text); }
.wp-einstellung-titel > .wp-i{ width:var(--ico); height:var(--ico); flex:0 0 auto; color:var(--symbol-info); }
.wp-einstellung > .wp-einstellung-titel:first-child{
margin:0 calc(-1 * var(--sp-3)); padding:0 var(--sp-3) var(--sp-2);
border-bottom:var(--rand-haar) solid var(--gh-border-subtle);
}

.wp-umschalter.wp-umschalter--voll > button.wp-umschalter-segment{ flex:1 1 0; min-width:max-content; }

















.wp-i{
width:var(--symbol-inline);height:var(--symbol-inline);flex:0 0 auto;
vertical-align:-0.18em;
stroke:currentColor;fill:none;pointer-events:none;
}


button > .wp-i:only-child,a > .wp-i:only-child{width:var(--symbol-allein);height:var(--symbol-allein);vertical-align:-0.25em}


.wp-symbole--info > .wp-i{color:var(--symbol-info)}
.wp-symbole--bedien > .wp-i{color:var(--symbol-bedien)}
.wp-symbole--ok > .wp-i{color:var(--farbe-ok-text)}
.wp-symbole--warn > .wp-i{color:var(--farbe-offen-text)}
.wp-symbole--ferien > .wp-i{color:var(--kal-ferien)}
.wp-symbole--depot > .wp-i{color:var(--karte-depot)}
.wp-symbole--fortsetzung > .wp-i{color:var(--multi-day-color,var(--gh-accent))}
.wp-symbole--navigation[aria-current="page"] .wp-i{fill:color-mix(in srgb,currentColor 18%,transparent)}

.wp-symbole--bedien:is(:disabled,.disabled,[aria-disabled="true"]) > .wp-i{color:inherit}

.wp-verweis > .wp-i{color:var(--symbol-bedien)}
.wp-verweis.wp-verweis--vorschau > .wp-i{color:var(--symbol-info)}
.wp-verweis:disabled > .wp-i{color:var(--symbol-info)}


@media (hover:hover){
.map-dark #map-box .leaflet-overlay-pane svg path.halle-map-marker:hover{
stroke:var(--farbe-auf-flaeche);
stroke-width:3;
}
}



.toast{pointer-events:auto;background:var(--gh-card);color:var(--gh-text);border:1px solid var(--gh-border);padding:var(--toast-polster);border-radius:var(--r-lg);box-shadow:var(--shadow-md);font-size:var(--fs-md);min-width:260px;max-width:380px;animation:toast-in var(--dauer) var(--kurve);cursor:pointer;display:flex;align-items:center;gap:var(--sp-2)}
.toast.err{border-color:var(--farbe-gefahr-rand)}
.toast .toast-symbol{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--toast-symbol);height:var(--toast-symbol);border-radius:var(--r-pill)}
.toast.ok .toast-symbol{background:var(--farbe-ok-weich);color:var(--farbe-ok-text)}
.toast.err .toast-symbol{background:var(--farbe-gefahr-weich);color:var(--farbe-gefahr-text)}
.toast.warn .toast-symbol{background:var(--farbe-offen-weich);color:var(--farbe-offen-text)}

.toast.info .toast-symbol{background:var(--farbe-info-weich);color:var(--farbe-info-text)}




.toast .t-close{opacity:.7;font-size:var(--fs-title);margin-left:auto;
min-width:var(--feld-h);min-height:var(--feld-h);padding:0;background:transparent;border:0;
color:inherit;font-family:inherit;line-height:1;cursor:pointer;
display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-sm)}
@media (hover:hover){ .toast .t-close:hover{opacity:1} }
.toast .t-close:focus-visible{outline:2px solid var(--gh-accent);outline-offset:1px;opacity:1}


.toast .t-aktion{flex:none;margin-left:auto;min-height:var(--feld-h);padding:0 var(--sp-2);background:transparent;border:0;
color:var(--t-link);font:inherit;font-weight:600;cursor:pointer;border-radius:var(--r-sm)}
.toast .t-aktion + .t-close{margin-left:0}
.toast .t-aktion:focus-visible{outline:2px solid var(--gh-accent);outline-offset:1px}



.toast.toast--folgen{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:var(--sp-2);row-gap:0;max-width:480px}
.toast--folgen>.toast-symbol{grid-column:1;grid-row:1}
.toast--folgen>.toast-text{grid-column:2;grid-row:1;min-width:0}
.toast--folgen>.t-aktion{grid-column:3;grid-row:1;margin-left:0}
.toast--folgen>.t-close{grid-column:4;grid-row:1;margin-left:0}
.toast--folgen>.toast-folgen{grid-column:2 / -1;grid-row:2;display:grid;gap:var(--sp-1);margin-top:var(--sp-1);padding-top:var(--sp-1);
border-top:var(--rand-haar) solid var(--gh-border-subtle);font-size:var(--t-neben)}
.toast-folge-zeile{display:flex;align-items:flex-start;gap:var(--sp-1);min-width:0;color:var(--symbol-info)}
.toast-folge-zeile.ist-offen{color:var(--farbe-offen-text)}
.toast-folge-zeile>span{color:var(--gh-text)}
.toast-folge-zeile>.wp-i{width:var(--symbol-inline);height:var(--symbol-inline);flex:none;margin-top:.1em}
@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

.toast.leaving{animation:toast-out var(--dauer) var(--kurve) forwards}
@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}











:disabled,.disabled,[aria-disabled="true"]{
color:var(--gh-disabled-fg);cursor:not-allowed;
}
button:disabled,button.disabled,input:disabled,select:disabled,textarea:disabled,
[role="button"][aria-disabled="true"]{
background:var(--gh-disabled-bg);border-color:var(--gh-disabled-border);
box-shadow:none;
}





.dlg-refresh-btn:disabled,.sd-subtab.disabled,
.pipe-notiz-send:disabled,
.sd-edit-dialog-kunden .sd-subtab:disabled,.sd-filter-choice button:disabled,
.kw-picker-popover .skp-btn:disabled{
background:var(--gh-disabled-bg);color:var(--gh-disabled-fg);
border-color:var(--gh-disabled-border);box-shadow:none;cursor:not-allowed;
}


.wp-teil{position:relative;border-radius:var(--r-md);background:var(--flaeche-inhalt)}
.wp-teil-kontur{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:var(--z-teil-ring);box-shadow:inset 0 0 0 var(--rand-haar) var(--gh-border)}
.wp-teil::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:var(--z-teil-ring);box-shadow:inset 0 0 0 var(--trenner-stark) var(--gh-accent);opacity:0;transition:opacity var(--dauer-kurz)}
.wp-teil[data-wp-teil-zustand~="aktiv"]::before{opacity:1}
.wp-teil[data-wp-teil-zustand~="gezogen"]::before{opacity:.45}
.wp-teil-etikett{flex:0 0 auto;background:var(--gh-accent-soft);color:var(--gh-accent)}
.wp-teil-etiketten,.wp-teil-aktionen{display:inline-flex;align-items:center;gap:var(--sp-1);flex:0 0 auto}
.wp-teil-trenner{position:relative;touch-action:none;cursor:col-resize;outline:none}
.wp-teil-trenner[aria-orientation="horizontal"]{cursor:row-resize}
.wp-teil-trenner::before{content:"";position:absolute;inset:calc(-1 * var(--sp-2))}
.wp-teil-linie{position:absolute;background:var(--gh-border);pointer-events:none}
.wp-teil-trenner[aria-orientation="vertical"]>.wp-teil-linie{left:50%;top:0;bottom:0;width:var(--rand-haar);transform:translateX(-50%)}
.wp-teil-trenner[aria-orientation="horizontal"]>.wp-teil-linie{top:50%;left:0;right:0;height:var(--rand-haar);transform:translateY(-50%)}

.wp-teil-griff{position:absolute;left:50%;top:50%;border-radius:var(--r-pill);background:var(--gh-accent);opacity:.75;transform:translate(-50%,-50%);pointer-events:none;transition:opacity var(--dauer-kurz)}
.wp-teil-trenner[aria-orientation="vertical"]>.wp-teil-griff{width:calc(var(--sp-1) + var(--trenner-stark));height:calc(var(--sp-6) + var(--sp-3))}
.wp-teil-trenner[aria-orientation="horizontal"]>.wp-teil-griff{height:calc(var(--sp-1) + var(--trenner-stark));width:calc(var(--sp-6) + var(--sp-3))}
.wp-teil-trenner:focus-visible>.wp-teil-griff,.wp-teil-trenner.ist-gezogen>.wp-teil-griff{opacity:1}
.wp-teil-trenner:focus-visible>.wp-teil-linie,.wp-teil-trenner.ist-gezogen>.wp-teil-linie{background:var(--gh-accent)}
.wp-teil-trenner.ist-gezogen[aria-orientation="vertical"]>.wp-teil-linie{width:var(--trenner-stark)}
.wp-teil-trenner.ist-gezogen[aria-orientation="horizontal"]>.wp-teil-linie{height:var(--trenner-stark)}
.wp-teil-trenner.ist-eingerastet{transition:transform var(--dauer-kurz) var(--kurve)}
.wp-teil-trenner[aria-disabled="true"]{cursor:default}


.wp-arbeitsbereich-trenner{flex:0 0 auto;padding:0 var(--sp-3)}
.wp-arbeitsbereich-trenner>.wp-teil-trenner{height:var(--sp-3)}
.wp-arbeitsbereich-trenner>.wp-teil-trenner>.wp-teil-griff{opacity:1}
.wp-teil-ziel{display:flex;align-items:center;justify-content:center;border:var(--trenner-stark) solid var(--gh-accent);background:var(--teil-ziel-flaeche);border-radius:var(--r-md);opacity:0;transition:opacity var(--dauer-kurz)}
.wp-teil-ziel.ist-ziel{opacity:1}
.wp-teil-ziel>span{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:var(--gh-panel);color:var(--gh-text);font-size:var(--t-neben);font-weight:600}
.wp-teil-fahne{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);background:var(--gh-panel);color:var(--gh-text);box-shadow:var(--popover-schatten);font-size:var(--t-neben);white-space:nowrap}
.wp-teil-fahne>.wp-i{color:var(--gh-accent)}
.wp-teil-wahl{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:var(--feld-h);padding:0 var(--sp-2);background:var(--gh-panel);color:var(--gh-accent);border:var(--rand-haar) solid var(--gh-border);border-radius:var(--r-md);cursor:pointer}
.wp-teil-wahl>.wp-i:last-child{color:var(--gh-muted)}
.wp-teil-wahl[aria-expanded="true"]{background:var(--gh-accent-soft);border-color:var(--gh-accent)}
.wp-teil-leer>.wp-kopf{position:absolute;top:0;left:0;right:0}
.wp-teil-leer-inhalt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-4);color:var(--gh-muted);font-size:var(--t-neben)}
.wp-teil-leer-inhalt>strong{font-size:var(--fs-lg);color:var(--gh-text)}
.wp-teil-leer-knoepfe{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center}
@media (hover:hover) and (pointer:fine){
.wp-teil-trenner:hover>.wp-teil-griff{opacity:1}
.wp-teil-trenner:hover>.wp-teil-linie{background:var(--gh-accent)}
.wp-teil-wahl:hover{background:var(--gh-hover)}
}
@media (pointer:coarse), (any-pointer:coarse){.wp-teil-trenner::before{inset:calc(-.5 * var(--tap))}}
@media (hover:none){.wp-teil-trenner>.wp-teil-griff{opacity:1}}











:where([data-wp-ziel],[data-wp-ziel-fein],[data-wp-ziel-halten]){position:relative}
:where([data-wp-ziel],[data-wp-ziel-fein],[data-wp-ziel-halten])::after{
content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:6;opacity:0;
box-shadow:inset 0 0 0 var(--rand-haar) var(--gh-accent);background:var(--ablage-passend);
transition:opacity var(--dauer) var(--kurve)}

:where([data-wp-ziel-fein])::after{transition-duration:var(--dauer-kurz)}
[data-wp-ziel-passt]::after{opacity:1}

.ist-ablage-aktiv::after{opacity:1;box-shadow:inset 0 0 0 var(--ablage-kante) var(--gh-accent);background:var(--ablage-aktiv);transition:none}
[data-wp-ziel-zustand="gesperrt"]::after{opacity:0}




.wp-ablage-hinweis{display:inline-flex;align-items:center;gap:var(--sp-1);margin-inline-start:var(--sp-3);padding:var(--rand-haar) var(--sp-2);
border-radius:var(--r-pill);background:var(--gh-accent-soft);color:var(--gh-accent);font-size:var(--t-neben);font-weight:500;white-space:nowrap;
overflow:hidden;text-overflow:ellipsis;max-width:40ch;animation:wpHinweisEin var(--dauer) var(--kurve) both}
.wp-ablage-hinweis>.wp-i{flex:0 0 auto;width:var(--symbol-inline);height:var(--symbol-inline)}
@keyframes wpHinweisEin{from{opacity:0;transform:translateX(-4px)}}
:root[data-wp-objekt-zieht] .wp-teil-etiketten>:not(.wp-ablage-hinweis){display:none}

:root[data-wp-objekt-zieht] .wp-teil::before{opacity:0}


.wp-zieh-quelle{opacity:var(--zieh-quelle);outline:none;transform:none;transition:opacity var(--dauer-kurz) var(--kurve)}

















:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) :where([data-wp-markiert~="anker"],[data-wp-markiert~="offen"],[data-wp-markiert~="gewaehlt"],[data-wp-markiert~="ziel"]){
background:var(--markierung-flaeche); box-shadow:inset var(--markierung-balken) 0 0 var(--gh-accent);
}

.wp-zeile:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) :is([data-wp-markiert~="anker"],[data-wp-markiert~="offen"],[data-wp-markiert~="gewaehlt"],[data-wp-markiert~="ziel"])){
background:var(--markierung-flaeche); box-shadow:inset var(--markierung-balken) 0 0 var(--gh-accent);
}

tr:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) :is([data-wp-markiert~="anker"],[data-wp-markiert~="offen"],[data-wp-markiert~="gewaehlt"],[data-wp-markiert~="ziel"]),[aria-selected="true"]){ background:none; box-shadow:none; }
tr:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) :is([data-wp-markiert~="anker"],[data-wp-markiert~="offen"],[data-wp-markiert~="gewaehlt"],[data-wp-markiert~="ziel"]),[aria-selected="true"]) > *{ background:var(--markierung-flaeche); }
tr:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) :is([data-wp-markiert~="anker"],[data-wp-markiert~="offen"],[data-wp-markiert~="gewaehlt"],[data-wp-markiert~="ziel"]),[aria-selected="true"]) > :first-child{ box-shadow:inset var(--markierung-balken) 0 0 var(--gh-accent); }

.wp-karten-zeile:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) :is([data-wp-markiert~="anker"],[data-wp-markiert~="offen"],[data-wp-markiert~="gewaehlt"],[data-wp-markiert~="ziel"]),[data-wp-ausgewaehlt]){
background:var(--markierung-flaeche); background-image:none; box-shadow:var(--karten-schatten), inset var(--markierung-balken) 0 0 var(--gh-accent);
}


:is(.wp-karte--datensatz[style*="--wp-fachfarbe"],.notiz-karte,.pl-anlage-karte):is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) :is([data-wp-markiert~="anker"],[data-wp-markiert~="offen"],[data-wp-markiert~="gewaehlt"],[data-wp-markiert~="ziel"]),[data-wp-ausgewaehlt]){
background:var(--markierung-flaeche); box-shadow:var(--karten-schatten), inset 0 0 0 var(--markierung-kontur) var(--gh-accent), inset var(--kante-b) 0 0 var(--wp-fachfarbe, transparent);
}


#grid-wrap :is(.slot-card,.slot-fortsetzung,[data-wp-auswahl-eintrag]):is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) :is([data-wp-markiert~="anker"],[data-wp-markiert~="offen"],[data-wp-markiert~="gewaehlt"],[data-wp-markiert~="ziel"]),[data-wp-ausgewaehlt]){
position:relative; z-index:3; background:var(--markierung-flaeche); box-shadow:inset 0 0 0 var(--markierung-kontur) var(--gh-accent);
}

#grid-wrap .trupp-header:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert~="ziel"]){ background:var(--markierung-flaeche); box-shadow:inset var(--markierung-balken) 0 0 var(--gh-accent); }

:is(.wpkal-tagwahl,.url-m-cell,.url-all-day,.url-cal-tag,.pl-zelle,.wp-betrachter-film-bild):is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) :is([data-wp-markiert~="anker"],[data-wp-markiert~="offen"],[data-wp-markiert~="gewaehlt"],[data-wp-markiert~="ziel"])){
box-shadow:inset 0 0 0 var(--markierung-kontur) var(--gh-accent); position:relative; z-index:2;
}
.wpkal-tagwahl:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) :is([data-wp-markiert~="gewaehlt"],[data-wp-markiert~="anker"])){ background:var(--markierung-flaeche); }
.wp-betrachter-film-bild:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert]){ box-shadow:none; outline:var(--markierung-kontur) solid var(--gh-accent); outline-offset:1px; opacity:1; }


.day-slots:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) :is([data-wp-markiert~="gewaehlt"],[data-wp-markiert~="ziel"],[data-wp-markiert~="anker"])){
background:var(--markierung-flaeche); box-shadow:inset var(--markierung-balken) 0 0 var(--gh-accent); outline:none; border-top-color:transparent;
}

:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert~="bezug"]:not([data-wp-markiert~="anker"]):not([data-wp-markiert~="offen"]):not([data-wp-markiert~="ziel"]):not([data-wp-markiert~="gewaehlt"]){
outline:1px solid var(--gh-accent); outline-offset:-1px;
}

:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert] :is(.wp-chip--akzent,.wp-chip--heute){ background:var(--gruppe-bg); }





.wp-zieh-griff-traeger{position:relative}
.wp-zieh-griff-traeger:not(tr){padding-inline-start:calc(var(--zieh-griff-spur) + var(--sp-1))}

[role="list"]:has(> .wp-zieh-griff-traeger) > .wp-zeile:not(.wp-zieh-griff-traeger){padding-inline-start:calc(var(--zieh-griff-spur) + var(--sp-1))}
tr.wp-zieh-griff-traeger>:first-child,
table:has(tr.wp-zieh-griff-traeger) thead th:first-child{padding-inline-start:calc(var(--zieh-griff-spur) + var(--sp-1))}
.wp-zieh-griff{position:absolute;inset-inline-start:0;inset-block:0;display:inline-flex;width:var(--zieh-griff-spur);min-height:var(--zieh-griff-spur);
justify-content:center;align-items:center;padding:0;border:0;border-radius:var(--r-sm);background:none;color:var(--feld-rand);cursor:grab;
transition:color var(--dauer-kurz) var(--kurve)}
.wp-zieh-griff>.wp-i{width:var(--symbol-inline);height:var(--symbol-inline)}
@media (hover:hover){
:is(tr,li,article,.wp-zieh-griff-traeger):hover .wp-zieh-griff{color:var(--symbol-info)}
.wp-zieh-griff:hover{color:var(--symbol-bedien)}
}
.wp-zieh-griff:focus-visible{color:var(--symbol-bedien)}
:is([aria-selected="true"],[data-wp-markiert]) .wp-zieh-griff{color:var(--symbol-info)}
.wp-zieh-griff.wp-zieh-griff--inline{position:relative;inset:auto;flex:0 0 auto;width:var(--zieh-griff-spur);height:var(--zieh-griff-spur);
margin-inline-end:calc(-1 * var(--sp-1))}
@media (hover:hover){:is(.wp-auswahlleiste,.wp-steckbrief,.amp-halle-kopf):hover .wp-zieh-griff--inline{color:var(--symbol-info)}}

:root:not([data-wp-objekt-zieht]) :is(.url-all-name,.mt-cb-item)[data-wp-zieh-griff]{cursor:grab}




:root[data-wp-objekt-zieht] [data-wp-ziel-halten]::before{content:"";position:absolute;left:var(--sp-2);right:var(--sp-2);
bottom:calc(-1 * var(--sp-1));height:var(--ablage-kante);border-radius:var(--ablage-kante);background:var(--gh-accent);
pointer-events:none;z-index:7;opacity:0;transform:scaleX(0);transform-origin:left center}
:root[data-wp-objekt-zieht] [role="tab"][data-wp-ziel-halten]::before{bottom:0}
:root[data-wp-objekt-zieht] .ist-halten::before{opacity:1;transform:scaleX(1);
transition:transform var(--halten-dauer) linear,opacity var(--dauer-kurz) var(--kurve)}
:root[data-wp-objekt-zieht] .ist-halten-fertig::before{opacity:1;transform:none;transition:none}
.ist-halten-fertig::after{opacity:1;box-shadow:inset 0 0 0 var(--ablage-kante) var(--gh-accent);background:var(--ablage-aktiv);transition:none}
@media (prefers-reduced-motion:reduce){
:root[data-wp-objekt-zieht] .ist-halten:not(.ist-halten-fertig)::before{opacity:0;transform:scaleX(0);transition:none}}
@media (forced-colors:active){:root[data-wp-objekt-zieht] .ist-halten::before{background:Highlight}}



:where([data-wp-ziel-datei]){position:relative}
:where([data-wp-ziel-datei])::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:6;opacity:0;
box-shadow:inset 0 0 0 var(--rand-haar) var(--gh-accent);background:var(--ablage-passend);transition:opacity var(--dauer) var(--kurve)}
.wp-ablage[data-wp-ziel-datei]::after{inset:calc(-1 * var(--rand-haar))}
[data-wp-ziel-datei][data-wp-ziel-passt]::after{opacity:1;box-shadow:inset 0 0 0 var(--rand-haar) var(--gh-accent);background:var(--ablage-passend)}
[data-wp-ziel-datei].ist-ablage-aktiv::after{opacity:1;box-shadow:inset 0 0 0 var(--ablage-kante) var(--gh-accent);background:var(--ablage-aktiv);transition:none}



.wp-zieh-fahne{position:fixed;left:0;top:0;z-index:var(--z-zieh-fahne);display:grid;grid-template-columns:auto 1fr;column-gap:var(--sp-2);row-gap:var(--rand-haar);
align-items:center;max-width:min(440px,40%);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-lg);
background:var(--glas-deckend);color:var(--gh-text);box-shadow:0 0 0 var(--rand-haar) var(--gh-border),var(--glas-schatten);
outline:1px solid transparent;font-size:var(--t-neben);pointer-events:none;will-change:transform}
.wp-zieh-fahne>.wp-zieh-symbol{grid-row:1 / span 2;display:inline-flex;color:var(--symbol-bedien)}
.wp-zieh-fahne>.wp-zieh-symbol>.wp-i{width:var(--ico);height:var(--ico)}
.wp-zieh-fahne>.wp-zieh-zeile1{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


.wp-zieh-fahne>.wp-zieh-zeile2{display:flex;min-width:0;overflow:hidden;color:var(--gh-muted);white-space:nowrap}
.wp-zieh-fahne>.wp-zieh-zeile2[hidden]{display:none}
.wp-zieh-zeile2>.wp-zieh-objekt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wp-zieh-zeile2>.wp-zieh-folge{flex:none;white-space:nowrap}
.wp-zieh-fahne.ist-gesperrt>.wp-zieh-symbol{color:var(--symbol-info)}
.wp-zieh-fahne.ist-leerlauf>.wp-zieh-zeile1{font-weight:500;color:var(--gh-muted)}


.wp-ablage-platzhalter{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-1) 0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-lg);
background:var(--gh-card);box-shadow:var(--karten-schatten);color:var(--gh-muted);font-size:var(--t-neben)}
.wp-ablage-platzhalter>.wp-i{flex:0 0 auto;color:var(--symbol-info)}
.wp-ablage-platzhalter>b{color:var(--gh-text);font-weight:600}
.wp-ablage-platzhalter.wartet{animation:wpWartet calc(var(--dauer) * 5) ease-in-out 400ms infinite alternate}
@keyframes wpWartet{to{opacity:.55}}

.ist-abgelegt{position:relative}
.ist-abgelegt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:var(--ablage-aktiv);
animation:wpAbgelegt calc(var(--dauer) * 5) ease-out var(--dauer-kurz) both}
@keyframes wpAbgelegt{0%,35%{opacity:1}to{opacity:0}}
@media (prefers-reduced-motion:reduce){
.wp-ablage-hinweis,.wp-ablage-platzhalter.wartet{animation:none}
.ist-abgelegt::after{animation:wpAbgelegtStill 1.2s steps(1,end) both}
@keyframes wpAbgelegtStill{from{opacity:1}to{opacity:0}}}

@media (forced-colors:active){
:is([data-wp-ziel],[data-wp-ziel-fein],[data-wp-ziel-halten])::after{outline:1px solid CanvasText;outline-offset:-1px}
.ist-ablage-aktiv::after{outline:var(--ablage-kante) solid Highlight;outline-offset:calc(-1 * var(--ablage-kante))}
[data-wp-markiert],tr[aria-selected="true"],[data-wp-ausgewaehlt]{outline:var(--trenner-stark) solid Highlight;outline-offset:calc(-1 * var(--trenner-stark))}
.wp-zieh-fahne,.wp-ablage-platzhalter{outline:1px solid CanvasText}}




.wp-zahlfeld{ display:inline-flex; align-items:center; gap:var(--sp-1); height:var(--feld-h); min-width:0;
padding:0 var(--sp-2) 0 var(--sp-1); cursor:text; background:var(--gh-input-bg, var(--gh-card));
border:1px solid var(--feld-rand); border-radius:var(--r-md); }
.wp-zahlfeld:focus-within{ outline:2px solid var(--gh-accent); outline-offset:1px; }
.wp-zahlfeld.wp-zahlfeld.wp-zahlfeld > input.wp-zahlfeld-eingabe{ flex:1 1 auto; width:5ch; min-width:0; align-self:stretch; min-height:0; padding:0;
border:0; border-radius:0; background:transparent; box-shadow:none; outline:none; text-align:right;
font:inherit; font-size:var(--feld-fs); font-variant-numeric:tabular-nums; color:var(--gh-text); }
.wp-zahlfeld-einheit{ flex:0 0 auto; font-size:var(--t-neben); color:var(--gh-muted); }
.wp-zahlfeld-wort{ flex:0 0 auto; margin-right:auto; padding-left:var(--sp-1); font-size:var(--t-neben); color:var(--gh-muted); }
.wp-zahlfeld--gross{ height:var(--tap); padding:0 var(--sp-3) 0 var(--sp-2); }
.wp-zahlfeld--gross.wp-zahlfeld.wp-zahlfeld > input.wp-zahlfeld-eingabe{ width:6ch; font-size:var(--fs-lg); }
.wp-zahlfeld-stepper{ display:flex; align-items:center; justify-content:center; gap:var(--sp-2); }
.wp-zahlfeld-schritt{ min-width:var(--tap); min-height:var(--tap); display:inline-flex; align-items:center; justify-content:center; }
.wp-zahlfeld-schritt > .wp-i{ width:var(--ico-lg); height:var(--ico-lg); }




.wp-ld{ min-width:0; min-height:0; }

.wp-ld-liste{ display:grid; gap:var(--sp-3); align-content:start; }
.wp-ld.is-geteilt{ display:grid; grid-template-columns:clamp(256px, 28%, 288px) minmax(0, 1fr); grid-template-rows:minmax(0, 1fr); gap:var(--sp-3); overflow:hidden; }
.wp-ld.is-geteilt > .wp-ld-liste{ min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; border-radius:var(--r-lg); }

.wp-ld.is-geteilt > .wp-ld-liste .wp-kennzahlband{ display:none; }
.wp-ld-detail{ display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; container:wp-ld-detail / inline-size;
background:var(--flaeche-inhalt); border-radius:var(--r-xl); box-shadow:inset 0 0 0 var(--rand-haar) var(--gh-border-subtle); }
.wp-ld-detail > .wp-kopf{ flex:0 0 auto; background:var(--gh-panel); border-bottom:var(--rand-haar) solid var(--gh-border-subtle); border-radius:var(--r-xl) var(--r-xl) 0 0; }
.wp-ld-roll{ flex:1 1 0; min-height:0; overflow:auto; overscroll-behavior:contain; padding:var(--sp-3); }
.wp-ld-laedt{ padding:var(--sp-3); color:var(--gh-muted); }

.wp-ld-detail > .wp-ld-fuss{ flex:0 0 auto; margin:0; padding:var(--sp-2) var(--sp-3); background:var(--gh-panel);
border-top:var(--rand-haar) solid var(--gh-border-subtle); border-radius:0 0 var(--r-xl) var(--r-xl); }
.wp-ld-detail:not(.is-geaendert) .wp-ld-fuss .btn-ok{ background:var(--bedien-bg); color:var(--gh-accent); }
.wp-ld-stand{ display:inline-flex; align-items:center; gap:var(--sp-1); font-size:var(--t-neben); color:var(--gh-text); }
.wp-ld-stand > .wp-i{ width:var(--sp-2); height:var(--sp-2); color:var(--farbe-offen-text); }




.wp-ld-blaettern:not([hidden]){ display:inline-flex; align-items:center; gap:var(--sp-1); }
.wp-ld-blaettern-stand{ font-size:var(--t-neben); color:var(--gh-muted); font-variant-numeric:tabular-nums; text-align:center; white-space:nowrap; }
@container wp-fuss (max-width:31em){
.wp-ld-fuss:has(> .wp-ld-blaettern:not([hidden])) .wp-ld-stand > span{ position:absolute; width:1px; margin:-1px; overflow:hidden;
clip-path:inset(50%); white-space:nowrap; }
}
[data-wp-ld-geaendert] .wp-werkzeuge-primaer.wp-btn--primary{ background:var(--bedien-bg); color:var(--gh-accent); }
.wp-ld-ebene{ position:absolute; left:0; right:0; bottom:0; top:0; z-index:5; display:flex; flex-direction:column;
background:var(--gh-bg); border-radius:0 0 var(--r-xl) var(--r-xl); overflow:hidden; animation:wp-ld-rein var(--dauer) var(--kurve); }
.wp-ld-ebene > .wp-ld-detail{ flex:1 1 auto; min-height:0; border-radius:0; box-shadow:none; background:var(--gh-bg); }
.wp-ld-ebene > .wp-ld-detail > :is(.wp-kopf, .wp-ld-fuss){ border-radius:0; }
@keyframes wp-ld-rein{ from{ opacity:0; transform:translateX(24px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){ .wp-ld-ebene, .wp-ld-detail.wp-ld-rein, .wp-ld-liste.wp-ld-ueber{ animation:none; } }


.wp-ld-detail.wp-ld-rein{ animation:wp-ld-rein var(--dauer) var(--kurve); }
.wp-ld-liste.wp-ld-ueber{ animation:wp-ld-ueber var(--dauer-kurz) var(--kurve); }
.wp-ld-detail.wp-ld-raus{ position:absolute; z-index:6; pointer-events:none; animation:wp-ld-raus var(--dauer-kurz) var(--kurve-weg) forwards; }
.wp-ld-ebene.wp-ld-ebene-raus{ pointer-events:none; animation:wp-ld-raus var(--dauer-kurz) var(--kurve-weg) forwards; }
@keyframes wp-ld-ueber{ from{ opacity:.4; } to{ opacity:1; } }
@keyframes wp-ld-raus{ to{ opacity:0; transform:translateX(24px); } }


.wp-tabelle-gruppe-knopf{ display:flex; align-items:center; gap:var(--sp-2); width:100%; min-height:var(--gruppenkopf-h); margin:0; padding:0;
border:0; background:none; font:inherit; color:inherit; text-align:left; cursor:pointer; border-radius:var(--r-md); }
.wp-tabelle-gruppe-knopf:focus-visible{ outline:2px solid var(--fokus-kontur); outline-offset:2px; }
.wp-tabelle-gruppe-knopf[aria-expanded="false"] > .wp-aufklapp{ transform:rotate(-90deg); }
@media (pointer:coarse), (any-pointer:coarse){ .wp-tabelle-gruppe-knopf{ min-height:var(--tap); } }
.wp-tabelle-gruppe-ueberschrift:has(> .wp-tabelle-gruppe-knopf){ padding:0 var(--sp-3) 0 var(--sp-2); }
tbody[data-wp-zu] > tr:not(.wp-tabelle-gruppe-kopf), .wp-tabelle-gruppe[data-wp-zu] > :not(.wp-tabelle-gruppe-ueberschrift){ display:none; }
@container (max-width:599.98px){ .wp-spalte--ab-600{ display:none; } }
@container (max-width:699.98px){ .wp-spalte--ab-700{ display:none; } }
@container (max-width:819.98px){ .wp-spalte--ab-820{ display:none; } }
@container (max-width:999.98px){ .wp-spalte--ab-1000{ display:none; } }


.wp-verweil-bild{ position:fixed; z-index:9600; padding:var(--sp-1); pointer-events:none; background:var(--gh-card);
border-radius:var(--r-md); box-shadow:var(--karten-schatten); }
.wp-verweil-bild > img{ display:block; width:240px; height:auto; max-width:240px; object-fit:contain; border-radius:var(--r-sm); }
.ist-verweilt{ outline:2px solid var(--gh-accent); outline-offset:2px; }




:is(.wp-zettel-text, .wp-verweis-fliesstext) .wp-verweis.wp-verweis--vorschau{ display:inline; min-height:0; max-width:none; margin:0; padding:0; background:none; border:0; font:inherit; font-weight:600; color:inherit; }
:is(.wp-zettel-text, .wp-verweis-fliesstext) .wp-verweis--vorschau > .wp-i{ display:none; }

:is(.wp-zettel-text, .wp-verweis-fliesstext) .wp-verweis--vorschau :is(.wp-verweis-text, .wp-verweis-zustand){ white-space:normal; overflow:visible; }
:is(.wp-zettel-text, .wp-verweis-fliesstext) .wp-verweis--vorschau .wp-verweis-zustand{ margin-inline-start:.3em; font-weight:400; }
.wp-zettel--leiste{ display:grid; grid-template-columns:auto minmax(0, 1fr) auto; column-gap:var(--sp-1); align-items:start; }
div.wp-zettel{ user-select:text; -webkit-user-select:text; }
.wp-zettel--leiste > .wp-zettel-inhalt{ grid-column:2; overflow:visible; }
.wp-zettel--leiste > .wp-zettel-stift{ grid-column:3; grid-row:1; margin:calc(-1 * var(--sp-1)) calc(-1 * var(--sp-1)) 0 0; background:none; }
.wp-zettel-verweise{ grid-column:2 / -1; display:flex; flex-wrap:wrap; gap:var(--sp-1); margin-top:var(--sp-1); user-select:none; }
.wp-zettel-verweise > .wp-verweis{ position:relative; flex:0 0 auto; max-width:100%; min-height:0; padding-block:0; padding-inline:var(--sp-2); white-space:nowrap; }
.wp-zettel-verweise > .wp-verweis::after{ content:""; position:absolute; inset:-3px 0; }

.wp-zettel-verweise .wp-verweis-zustand{ flex:0 100 auto; min-width:0; max-width:none; }

.wp-steckbrief .wp-zettel-verweise > .wp-verweis.wp-verweis{ display:inline-flex; width:auto; margin:0; padding-inline:var(--sp-2); font-size:var(--t-neben); }
.wp-steckbrief .wp-zettel-verweise .wp-verweis-text{ display:block; overflow:hidden; white-space:nowrap; overflow-wrap:normal; }
@media (pointer:coarse), (any-pointer:coarse){

.wp-zettel-verweise{ margin-top:var(--sp-2); }
.wp-zettel-verweise > .wp-verweis.wp-verweis{ min-height:var(--tap); }
.wp-zettel-verweise > .wp-verweis::after{ content:none; }
}


.wp-folgen{ list-style:none; margin:var(--sp-3) 0 0; padding:0; border-top:var(--rand-haar) solid var(--gh-border-subtle); }
.wp-folge{ display:flex; align-items:flex-start; gap:var(--sp-2); padding:var(--sp-2) 0; border-bottom:var(--rand-haar) solid var(--gh-border-subtle); }
.wp-folge-symbol{ flex:0 0 auto; display:inline-flex; margin-top:2px; color:var(--symbol-info); }
.wp-folge-symbol > .wp-i{ width:var(--ico); height:var(--ico); }
.wp-folge-text{ display:flex; flex-direction:column; min-width:0; }
.wp-folge-sub{ margin-top:2px; }
.wp-folge-titel{ font-size:var(--t-text); font-weight:500; color:var(--gh-text); }
.wp-folge-sub{ font-size:var(--t-neben); color:var(--gh-muted); }
.wp-folge--gefahr :is(.wp-folge-symbol, .wp-folge-titel){ color:var(--farbe-gefahr-text); }
.wp-folge--offen :is(.wp-folge-symbol, .wp-folge-titel){ color:var(--farbe-offen-text); }


.wp-vergleich{ margin-top:var(--sp-3); container-type:inline-size; }
.wp-vergleich-tabelle{ width:100%; border-collapse:collapse; table-layout:fixed; font-size:var(--t-neben); }
.wp-vergleich-tabelle .wp-vergleich-col-label{ width:110px; }
.wp-vergleich-tabelle th[scope="row"]{ padding:var(--sp-2) var(--sp-2) var(--sp-2) 0; text-align:left; font-weight:500; color:var(--gh-muted);
vertical-align:top; border-top:var(--rand-haar) solid var(--gh-border-subtle); }
.wp-vergleich-tabelle td{ padding:var(--sp-2); vertical-align:top; color:var(--gh-text); border-top:var(--rand-haar) solid var(--gh-border-subtle); }
.wp-vergleich-tabelle thead td, .wp-vergleich-tabelle thead th{ border-top:0; }
.wp-vergleich-tabelle th.wp-vergleich-kopf{ padding:0; vertical-align:stretch; }
.wp-vergleich-wahl{ display:flex; flex-direction:column; align-items:flex-start; width:100%; block-size:100%; min-height:var(--tap); margin:0;
padding:var(--sp-2); text-align:left; font:inherit; color:var(--gh-text); background:var(--surface-3); border:0; border-radius:var(--r-md) var(--r-md) 0 0; cursor:pointer; }
.wp-vergleich-wahl[aria-pressed="true"]{ background:var(--markierung-flaeche); box-shadow:inset 0 3px 0 var(--gh-accent); }
.wp-vergleich-wahl:focus-visible{ outline:2px solid var(--fokus-kontur); outline-offset:1px; }
@media (hover:hover){ .wp-vergleich-wahl:not([aria-pressed="true"]):hover{ background:var(--gh-hover); } }
.wp-vergleich-still{ display:flex; flex-direction:column; padding:var(--sp-2); }
.wp-vergleich-kopfneben{ margin-top:2px; }
.wp-vergleich-kopftitel{ font-size:var(--t-text); font-weight:600; color:var(--gh-text); overflow-wrap:break-word; }
.wp-vergleich-kopfneben{ font-size:var(--t-neben); color:var(--gh-muted); }
.wp-vergleich-wert{ display:block; overflow-wrap:anywhere; }
.wp-vergleich-weg .wp-vergleich-wert{ color:var(--gh-muted); }
.wp-vergleich-bleibt{ background:var(--markierung-flaeche); }
.wp-vergleich-folge{ display:block; margin-top:2px; font-weight:500; color:var(--gh-text); }
.wp-vergleich-folge > .wp-i{ display:inline-block; width:var(--ico); height:var(--ico); vertical-align:-.15em; margin-right:var(--sp-1); }
.wp-vergleich-folge--gefahr{ color:var(--farbe-gefahr-text); }
.wp-vergleich-gleich td{ color:var(--gh-muted); }
.wp-vergleich-tabelle .wp-vergleich-label{ display:none; }
.wp-vergleich .wp-zahl{ font-variant-numeric:tabular-nums; white-space:nowrap; }
.wp-vergleich-hinweis{ margin:var(--sp-3) 0 0; font-size:var(--t-neben); color:var(--gh-muted); }
.wp-vergleich-grund{ display:flex; align-items:flex-start; gap:var(--sp-2); margin:var(--sp-3) 0 0; color:var(--gh-text); }
.wp-vergleich-grund > .wp-i{ flex:0 0 auto; width:var(--ico); height:var(--ico); margin-top:2px; color:var(--symbol-info); }

@container (max-width:480px){
.wp-vergleich-tabelle .wp-vergleich-col-label{ width:0; visibility:collapse; }
.wp-vergleich-tabelle .wp-vergleich-rowth{ display:none; }
.wp-vergleich-tabelle .wp-vergleich-label{ display:table-row; }
.wp-vergleich-tabelle .wp-vergleich-label > th{ padding:var(--sp-2) 0 0; text-align:left; font-weight:500; color:var(--gh-muted); }
.wp-vergleich-tabelle .wp-vergleich-label + tr > td{ border-top:0; }
}




.wp-filterfeld:not(.wp-filterfeld--blatt){ position:fixed; z-index:9500; width:min(33em, calc(100vw - 2 * var(--sp-3))); max-height:var(--filterfeld-max-h);
display:flex; flex-direction:column; overflow:hidden; padding:0; background:var(--gh-panel); border-radius:var(--r-lg);
box-shadow:var(--popover-schatten, var(--karten-schatten)); }
.wp-filterfeld.wp-filterfeld--spalten{ width:min(40em, calc(100vw - 2 * var(--sp-3))); }
.wp-filterfeld:not(.wp-filterfeld--blatt) > .wp-kopf{ flex:0 0 auto; border-bottom:var(--rand-haar) solid var(--gh-border-subtle); }
.wp-filterfeld-inhalt{ flex:1 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain; padding:var(--sp-3) var(--sp-4) var(--sp-1); container-type:inline-size; }
.wp-filterfeld-gruppen{ display:grid; grid-template-columns:minmax(0, 1fr); gap:var(--sp-2) var(--sp-5); }
@container (min-width:420px){ .wp-filterfeld:not(.wp-filterfeld--blatt, .wp-filterfeld--spalten) .wp-filterfeld-gruppen{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.wp-filterfeld-spalten{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 var(--sp-5); }
.wp-filterfeld-spalte{ display:grid; gap:var(--sp-2); align-content:start; min-width:0; }
.wp-filterfeld:not(.wp-filterfeld--blatt) .wp-filter-gruppe{ background:none; box-shadow:none; border-radius:0; }
.wp-filterfeld:not(.wp-filterfeld--blatt) .wp-filter-gruppe--fest > .map-filter-kopf{ padding:0 0 var(--sp-1); }
.wp-filterfeld:not(.wp-filterfeld--blatt) .wp-filter-gruppe .map-filter-titel{ font-size:var(--t-neben); color:var(--gh-muted); }

.wp-filterfeld:not(.wp-filterfeld--blatt) .wp-formhaken{ padding:0; border-bottom:0; }
.wp-filterfeld:not(.wp-filterfeld--blatt) .wp-filterfeld-felder:has(> .wp-formhaken){ gap:0; }
.wp-filterfeld:not(.wp-filterfeld--blatt) .wp-umschalter--voll > button.wp-umschalter-segment{ padding:0 var(--sp-2); }
.wp-filterfeld-felder{ display:grid; gap:var(--sp-1); padding:var(--sp-1) 0; min-width:0; }
.wp-filterfeld-fuss{ flex:0 0 auto; display:flex; align-items:center; gap:var(--sp-2); padding:var(--sp-2) var(--sp-4);
border-top:var(--rand-haar) solid var(--gh-border-subtle); font-size:var(--t-neben); color:var(--gh-muted); }
.wp-filterfeld-treffer{ color:var(--gh-text); font-variant-numeric:tabular-nums; }
.wp-filterfeld-fuss > .wp-filterfeld-zurueck{ margin-left:auto; }
.wp-filterfeld--blatt .wp-sheet-karte{ display:flex; flex-direction:column; }


.overlay.wp-sheet.wp-filterfeld--blatt .wp-sheet-menue{ flex:1 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain; padding:var(--sp-3) var(--sp-4); }
.wp-filterfeld--blatt .wp-filterfeld-felder{ padding:0 var(--sp-3) var(--sp-3); }


.wp-filterfeld--blatt .wp-pille{ position:relative; }
.wp-filterfeld--blatt .wp-pille::after{ content:""; position:absolute; inset:min(0px, calc((100% - var(--feld-h)) / 2)) 0; }
.wp-filterfeld--blatt .wp-filterfeld-felder:has(> .wp-formhaken){ gap:0; }
.wp-filterfeld--blatt .wp-formhaken{ min-height:var(--feld-h); align-items:center; }
.wp-filterfeld--blatt .wp-formhaken > input[type=checkbox]{ margin:0; }

.wp-filterfeld--blatt .wp-filterfeld-gruppen{ gap:0; }
.wp-filterfeld--blatt .wp-filter-gruppe{ background:none; box-shadow:none; border-radius:0; border-bottom:var(--rand-haar) solid var(--gh-border-subtle); }
.wp-filterfeld--blatt .wp-filter-gruppe:last-child{ border-bottom:0; }
.overlay.wp-sheet.wp-filterfeld--blatt .wp-sheet-karte > .wp-fusszeile{ margin:0; padding:var(--sp-3) var(--sp-4); }


.wp-rueckfrage > .dactions .btn-danger:is(:disabled, [aria-disabled="true"]){
background:var(--bedien-bg); color:var(--gh-disabled-fg); border-color:transparent; cursor:not-allowed; }


.wp-popover-eintrag.wp-gefahr[disabled]:has(> .wp-menue-neben){ flex-wrap:wrap; align-content:center; row-gap:0; padding-block:var(--sp-2); }
.wp-popover-eintrag.wp-gefahr[disabled] > .wp-menue-neben{ flex:1 0 100%; order:3; margin:0; padding:0 0 0 calc(var(--ico) + var(--kachel-luecke));
white-space:normal; font-size:var(--t-neben); contain:inline-size; }