#sd-edit-overlay .sd-objektfenster--fuellend > .sd-objektfenster-inhalt{height:100%;min-height:0}

.dbf{container:dbf/inline-size;display:flex;flex-direction:column;gap:var(--sp-3);height:100%;min-height:0}
.dbf-raster{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}
.dbf-navi,.dbf-liste,.dbf-mitte,.dbf-fotos{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
.dbf-liste,.dbf-mitte{display:flex;flex-direction:column;gap:var(--sp-3)}
.dbf-luecke{flex:1 1 auto}


.dbf .dbf-navi{display:none}
.dbf[data-pane="fotos"] :is(.dbf-navi,.dbf-liste,.dbf-mitte){display:none}
.dbf[data-pane="datenblatt"] .dbf-fotos{display:none}
.dbf[data-liste="1"] .dbf-mitte{display:none}
.dbf[data-liste="0"] .dbf-liste{display:none}
.dbf-kopf-art,.dbf-kopf-menue,.dbf-kopf-pdf{display:none}




.dbf-navi{padding:var(--sp-3);align-self:start;max-height:100%}

.dbf-navi-gruppe{margin:var(--sp-3) 0 var(--sp-1);font-size:var(--t-neben);font-weight:600;color:var(--gh-muted)}
.dbf-navi-titel + .dbf-navi-gruppe{margin-top:0}
.dbf-navi-anlage,.dbf-navi-kat{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:var(--tap);
padding:var(--sp-1) var(--sp-2);border:0;border-radius:var(--r-md);color:var(--gh-text);font:inherit;font-size:var(--t-text);text-align:left}

.dbf-navi-anlage:not(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert]),.dbf-navi-kat{background:var(--kachel-bg)}

.dbf-navi-anlage + .dbf-navi-anlage,.dbf-navi-kats + .dbf-navi-anlage{margin-top:var(--steckbrief-luecke)}

.dbf-navi-anlage:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert]) > .wp-chip--offen{background:linear-gradient(var(--farbe-offen-weich),var(--farbe-offen-weich)),var(--gruppe-bg)}
.dbf-navi-anlage:is(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert]) > .wp-chip--ok{background:linear-gradient(var(--farbe-ok-weich),var(--farbe-ok-weich)),var(--gruppe-bg)}

.dbf-navi-name{display:flex;align-items:baseline;gap:var(--sp-1);flex:1 1 auto;min-width:0}
.dbf-navi-name > strong{flex:none;font-weight:600}
.dbf-navi-name > span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbf-navi-kats{display:flex;flex-direction:column;gap:var(--steckbrief-luecke);padding:var(--steckbrief-luecke) 0 var(--sp-2) var(--sp-3)}
.dbf-navi-kat{justify-content:space-between}
.dbf-navi-kat[aria-current="true"]{background:var(--gh-accent-soft);color:var(--gh-accent);font-weight:600}
.dbf-navi-kat .dbf-zahl{flex:0 0 auto;font-size:var(--t-neben);font-weight:600;color:var(--farbe-offen-text);white-space:nowrap}

.dbf-navi-kat[aria-current="true"] .dbf-zahl{color:var(--farbe-offen-text-weich)}
.dbf-navi-kat.dbf-entfaellt-kat,.dbf-navi-kat.dbf-entfaellt-kat .dbf-zahl{color:var(--gh-muted);font-weight:400}
.dbf-neu{margin-top:var(--sp-1)}

.dbf .wp-chip{flex:0 0 auto;white-space:nowrap}


.dbf-liste-gruppe{display:flex;flex-direction:column}
.dbf-liste-gruppe > .dbf-neu{align-self:flex-start}
.dbf-liste-anlage{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:calc(var(--tap) + var(--sp-2));
padding:var(--sp-2) 0;border:0;border-bottom:1px solid var(--gh-border-subtle);color:var(--gh-text);font:inherit;font-size:var(--t-text);text-align:left}

.dbf-liste-anlage:not(:where(:root:not([data-wp-objekt-zieht],[data-wp-markierung-ruht])) [data-wp-markiert]){background:transparent}
.dbf-liste-name{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.dbf-liste-name > span,.dbf-liste-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbf-liste-name small{font-size:var(--t-neben);color:var(--gh-muted)}
.dbf-liste-fotos{display:inline-flex;align-items:center;gap:var(--sp-1);flex:0 0 auto;font-size:var(--t-neben);color:var(--gh-muted)}
.dbf-liste-pfeil{display:inline-flex;flex:0 0 auto;color:var(--gh-muted)}

.dbf-werkzeug{display:flex;align-items:center;gap:var(--sp-2);flex:0 0 auto;margin:0 calc(-1 * var(--sp-3)) var(--sp-1);
padding:0 var(--sp-2) var(--sp-1);border-bottom:var(--rand-haar) solid var(--gh-border-subtle)}
.dbf-werkzeug > .dbf-zurueck{padding-inline:var(--sp-1)}
.dbf-kats{padding:0;flex:0 0 auto}
.dbf-kats > button{min-height:var(--tap)}




.dbf-kopf{display:flex;flex-direction:column;gap:var(--sp-1);flex:0 0 auto}

.dbf-kopf-zeile{display:flex;align-items:center;gap:var(--sp-2);min-width:0}
.dbf-kopf-zeile h2{margin:0;min-width:0;font-size:var(--t-titel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbf-lage{font-weight:400}
.dbf-kopf-meta{font-size:var(--t-neben);color:var(--gh-muted)}
.dbf-kopf-notiz{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);padding:var(--sp-2) var(--sp-3);border:0;
border-radius:var(--r-md);background:var(--gh-hover);color:var(--gh-text);font:inherit;font-size:var(--t-neben);text-align:left}
.dbf-kopf-notiz > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbf-kat{display:flex;flex-direction:column;gap:var(--sp-3);flex:0 0 auto}
.dbf-felder{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));gap:var(--steckbrief-luecke)}
.dbf .db-field{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}

.dbf .db-field > .wp-kachel{flex:1 1 auto;justify-content:space-between}

.dbf .db-field .wp-kachel-titel{white-space:normal;overflow:visible;text-overflow:clip}
.dbf-feld--zeile{grid-column:1/-1}
.dbf .db-input-wrap{display:flex;align-items:center;gap:var(--sp-1);width:100%}
.dbf .db-input-wrap > input{flex:1 1 auto;min-width:0}
.dbf .db-einheit{flex:0 0 auto;font-size:var(--t-neben);color:var(--gh-muted)}
.dbf .wp-kachel-feld select{width:100%}
.dbf-feld-hinweise{display:flex;flex-direction:column;gap:var(--sp-1);padding:0 var(--sp-2);font-size:var(--t-neben)}
.dbf-feld-fehler{color:var(--farbe-gefahr-text)}
.dbf-feld-warn{color:var(--farbe-offen-text)}
.dbf-feld-alt{color:var(--gh-muted)}
.dbf-link{padding:0;border:0;background:none;color:var(--gh-accent);font:inherit;font-weight:600;cursor:pointer}
.dbf-entfaellt{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:var(--tap);padding:var(--sp-2) var(--sp-3);
border:0;border-radius:var(--r-lg);background:var(--gruppe-bg);box-shadow:var(--karten-schatten);color:var(--gh-muted);font:inherit;text-align:left}
.dbf-entfaellt-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbf-entfaellt-aktion{flex:0 0 auto;color:var(--gh-accent);font-weight:600;white-space:nowrap}
.dbf-entfallen{display:flex;flex-direction:column;gap:var(--sp-3)}
.dbf-weiter{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;min-height:var(--tap);
padding:var(--sp-2) var(--sp-3);border:0;border-radius:var(--r-md);background:var(--gh-accent-soft);color:var(--gh-accent);font:inherit;font-weight:600}
.dbf-weiter-stand{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--t-neben);font-weight:400;white-space:nowrap}


.dbf-streifen-titel > span:not(.wp-abschnitt-zahl){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbf-streifen-titel > .dbf-streifen-hinzu{flex:0 0 auto;margin:calc(-1 * var(--sp-1)) 0 calc(-1 * var(--sp-1)) auto}

.dbf-streifen.wp-gruppe-flaeche > .dbf-streifen-titel:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.dbf-streifen-bilder{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.dbf-mini{position:relative;flex:0 0 auto;width:5.5rem;height:4.25rem;border-radius:var(--r-md);overflow:hidden}
.dbf-mini-bild{display:block;width:100%;height:100%;padding:0;border:0;background:var(--gh-hover)}
.dbf-mini img{display:block;width:100%;height:100%;object-fit:cover}
.dbf-mini-mehr{position:absolute;top:0;right:0;background:var(--gh-panel);border-radius:var(--r-circle)}
.dbf-mini--wartet{padding:0;border:0;background:var(--gh-hover)}
.dbf-mini-stand{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--sp-1);
padding:var(--sp-1);background:var(--gh-panel);color:var(--gh-text);font-size:var(--t-neben)}




.dbf-zu-fotos{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-1)}
.dbf-zu-fotos img{flex:0 0 auto;width:4rem;height:3rem;object-fit:cover;border-radius:var(--r-sm)}
.dbf-zu-gruppe{margin:var(--sp-3) 0 0;padding:0;border:0}
.wp-gruppe-flaeche > .dbf-zu-gruppe{margin:0}
.dbf-zu-gruppe > legend{margin-bottom:var(--sp-1);font-size:var(--t-neben);font-weight:600;color:var(--gh-muted)}
.dbf-zu-anlagen{display:flex;flex-direction:column;border:1px solid var(--gh-border-subtle);border-radius:var(--r-md)}
.dbf-zu-anlage{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:var(--sp-1) var(--sp-3);border-bottom:1px solid var(--gh-border-subtle)}
.dbf-zu-anlage:last-child{border-bottom:0}
.dbf-zu-anlage > span:not(.wp-chip){display:flex;flex-direction:column;min-width:0}
.dbf-zu-anlage small{font-size:var(--t-neben);color:var(--gh-muted)}
.dbf-zu-kategorien{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:var(--sp-2)}
.dbf-zu-kat{position:relative;display:block}
.dbf-zu-kat > input{position:absolute;inset:0;margin:0;opacity:0}
.dbf-zu-kat > span{display:flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 var(--sp-1);
border-radius:var(--r-pill);background:var(--gh-hover);color:var(--gh-text);font-size:var(--t-neben);white-space:nowrap}
.dbf-zu-kat > input:checked + span{background:var(--zustand-flaeche);color:var(--zustand-text);font-weight:600}
.dbf-zu-kat > input:focus-visible + span{outline:2px solid var(--gh-accent);outline-offset:2px}




.dbf-pdf-gruppe + .dbf-pdf-gruppe{margin-top:var(--sp-3)}
.dbf-pdf-anlagen{display:flex;flex-direction:column;gap:var(--steckbrief-luecke)}

.dbf-pdf-gruppe .dbf-pdf-anlage{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--sp-2) var(--sp-3);
min-height:var(--tap);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--kachel-bg);color:var(--gh-text);
font-size:var(--t-text);font-weight:400}
.dbf-pdf-text{min-width:0;line-height:1.35}
.dbf-pdf-text strong{font-weight:600}
.dbf-pdf-text small{display:block;font-size:var(--t-neben);color:var(--gh-muted)}
.dbf-pdf-anlage > .wp-chip{flex:0 0 auto;white-space:nowrap}
.dbf-pdf-hinweis{margin:var(--sp-1) 0 0;font-size:var(--t-neben);color:var(--gh-muted)}

.dbf-pdf-zeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2) var(--sp-3);
padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--kachel-bg)}
.dbf-pdf-gruppe .dbf-pdf-schalter{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);color:var(--gh-text);font-size:var(--t-text);font-weight:400}
.dbf-pdf-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:var(--sp-2);margin-top:var(--sp-2)}
.dbf-pdf-foto{position:relative;display:block}
.dbf-pdf-foto > input{position:absolute;top:var(--sp-1);left:var(--sp-1);width:1.25rem;height:1.25rem;margin:0}
.dbf-pdf-foto > img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-sm)}
.dbf-pdf-foto > input:not(:checked) + img{opacity:.35}
.dbf-pdf-grenze{margin:var(--sp-2) 0 0;font-size:var(--t-neben);color:var(--farbe-offen-text)}


.dbf-rf-anlage > .wp-feld-hinweis:last-of-type{margin-bottom:var(--sp-2)}
.dbf-rf-feld{margin:0 0 var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--gh-border-subtle);border-radius:var(--r-md)}
.dbf-rf-feld > legend{padding:0 var(--sp-1);font-weight:600}
.dbf-rf-feld > legend small{margin-left:var(--sp-1);font-weight:400;color:var(--farbe-offen-text)}
.dbf-rf-wahl{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap)}



@container dbf (max-width:699px){
.dbf-feld--breit{grid-column:1/-1}
}
@container dbf (min-width:700px){
.dbf-raster{grid-template-columns:minmax(13rem,16rem) minmax(0,1fr)}
.dbf .dbf-navi{display:block}
.dbf[data-liste] .dbf-liste{display:none}
.dbf[data-pane="datenblatt"][data-liste] .dbf-mitte{display:flex}
.dbf[data-pane="fotos"] .dbf-raster{grid-template-columns:minmax(0,1fr)}
.dbf-werkzeug,.dbf-kats,.dbf-weiter{display:none}
.dbf-kopf-art,.dbf-kopf-menue,.dbf-kopf-pdf{display:inline-flex}
.dbf-nur-schmal{display:none}
.dbf-felder{grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr))}
}
@container dbf (min-width:1100px){

.dbf-felder{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr))}
}