/* Gemeinsame, kompakte App-Bedienung. Glasgrafiken und Farben kommen aus dem bestehenden Design. */
.hauptRahmen.appBedienung{--bedien-kopf:64px;--bedien-rand:24px;color:var(--text,#403c35)}
.hauptRahmen.appBedienung :is(.hauptArbeit,.mitgliedArbeit,.appArbeit){min-width:0}
.hauptRahmen.appBedienung .bedienKopf{box-sizing:border-box;position:sticky;top:0;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:12px!important;min-height:64px!important;height:auto;margin:0!important;padding:10px var(--bedien-rand)!important;border:0;border-bottom:1px solid var(--line,#ddd8cd);background:var(--surface,var(--bg,#fcfbf8));z-index:40;isolation:auto}
.hauptRahmen.appBedienung .bedienKopf>.bedienTitel{display:block!important;min-width:0;flex:1;margin:0!important;font:500 21px/1.3 var(--sans,sans-serif)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.hauptRahmen.appBedienung .bedienKopf>:is(.appBereich,.appMobilLogo,.panelMobilLogo,.mitgliedMobilLogo){display:none!important}
.hauptRahmen.appBedienung .bedienKopf .navigationSchalter{display:flex!important;order:-2;flex:none!important;gap:0;align-self:center;margin:0!important}
.hauptRahmen.appBedienung .bedienKopf :is(.appWerkzeuge,.editorKopfAktionen,.mailReaderWerkzeuge){display:flex;align-items:center;flex:none;flex-wrap:nowrap;gap:6px;width:auto;margin:0;order:0}
.hauptRahmen.appBedienung .bedienKopf .appWerkzeuge{margin-left:auto}
.hauptRahmen.appBedienung .bedienKopf :is(.appSymbol,.bedienSymbol){position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;flex:none;padding:0!important;border-radius:50%;font-size:22px;margin:0}
.hauptRahmen.appBedienung [hidden]{display:none!important}
.hauptRahmen.appBedienung .bedienSymbol>svg{position:relative;z-index:2;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;pointer-events:none}
.hauptRahmen.appBedienung .bedienSymbol .stoariaSymbolHinweis{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hauptRahmen.appBedienung .bedienKopf .bedienSuchknopf{order:-3}
.hauptRahmen.appBedienung .bedienKopf .bedienNeu{order:-2}
.hauptRahmen.appBedienung .bedienKopf :is(.aufgabenNeu,#neuerTermin,.mailNeu){order:-2}
.hauptRahmen.appBedienung .bedienKopf .editorDateiAktionen{gap:6px!important}
.hauptRahmen.appBedienung .bedienKopf .editorDateiAktionen:not([hidden]){display:flex!important}
.hauptRahmen.appBedienung .bedienKopf .appMenue{flex:none;position:relative}
.hauptRahmen.appBedienung .appMenue>summary{list-style:none;cursor:pointer}
.hauptRahmen.appBedienung .appMenue>summary::-webkit-details-marker{display:none}
.hauptRahmen.appBedienung .appMenueFlaeche{position:absolute;z-index:55;inset:54px 0 auto auto;width:320px;max-width:calc(100vw - 32px);max-height:calc(var(--app-sicht-height,100dvh) - 120px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--line,#ddd8cd);border-radius:20px;background:var(--surface,#fcfbf8);box-shadow:0 12px 36px #403c3526;color:var(--text);font:15px/1.45 var(--sans,sans-serif)}
.hauptRahmen.appBedienung .appMenueFlaeche .stop{color:var(--stop,#8b4035)!important}
.hauptRahmen.appBedienung .appMenueFlaeche .appSymbol{width:100%!important}
.hauptRahmen.appBedienung .appMenueFlaeche .bedienAktionsText{display:inline;font-size:15px}
.hauptRahmen.appBedienung .appMenueFlaeche .bedienMenuSymbol .stoariaSymbolHinweis{display:none}
.hauptRahmen.appBedienung .appMenueFlaeche :is(.appMenueTitel,.appBereich,.appSortierung>span){display:block;margin:10px 12px 4px;font:600 13px/1.5 var(--sans,sans-serif);letter-spacing:0;text-transform:none;color:var(--muted)}
.hauptRahmen.appBedienung .appMenueFlaeche section+section{border-top:1px solid var(--line);margin-top:8px;padding-top:6px}
.hauptRahmen.appBedienung .appMenueFlaeche :is(.appAuswahl,.mailFilterZeile,.editorAnsichten){display:flex;flex-direction:column;gap:2px;box-shadow:none;background:none;padding:0;margin:0}
.hauptRahmen.appBedienung .appMenueFlaeche :is(.appSortierung,label){font:15px/1.45 var(--sans);margin:6px 0;gap:6px}
.hauptRahmen.appBedienung .appMenueFlaeche :is(select,input:not([type=checkbox]):not([type=radio])){width:100%;min-height:44px;font-size:16px}
.hauptRahmen.appBedienung .appMenueFlaeche :is(p,.hint){font:14px/1.5 var(--sans);margin:8px 12px;color:var(--muted)}
.hauptRahmen.appBedienung .bedienNeu .appMenueFlaeche{padding:18px}
.hauptRahmen.appBedienung .bedienNeu .redaktionNeuForm{position:static;width:auto;border:0;box-shadow:none;margin:0;padding:0;background:none}
.hauptRahmen.appBedienung .bedienUntermenue .redaktionNeuForm{position:static;border:0;width:100%;box-shadow:none;padding:8px;margin:0}
.hauptRahmen.appBedienung .appMenue[open]>summary.appSymbol{color:var(--glas-hell,#fff)!important}
.hauptRahmen.appBedienung .appMenue[open]>summary.appSymbol::after{opacity:1!important;background:var(--glas-matt,#706552)!important}
.hauptRahmen.appBedienung .appMenue[open]>summary.appSymbol svg{position:relative;z-index:2;color:inherit!important}
/* The content starts immediately below the shared header. */
.hauptRahmen.appBedienung .ortKopf{display:none}
.hauptRahmen.appBedienung .buehne{padding:18px var(--bedien-rand) calc(32px + env(safe-area-inset-bottom))!important;margin:0!important;max-width:none}
.hauptRahmen.appBedienung.hauptAppRahmen>.hauptArbeit>.buehne{padding:0!important}
.hauptRahmen.appBedienung :is(.appInhalt,.mitgliedInhalt){padding:18px var(--bedien-rand) calc(32px + env(safe-area-inset-bottom));max-width:none;margin:0;min-width:0}
.hauptRahmen.appBedienung .panelUebersicht{padding:0;background:none;border:0;border-radius:0;box-shadow:none;margin:0}
.hauptRahmen.appBedienung .panelListenKopf{min-height:0;margin:0 0 12px;padding:0;gap:8px}
.hauptRahmen.appBedienung .panelListenKopf h1,.hauptRahmen.appBedienung .kalenderListenKopf,.hauptRahmen.appBedienung .redaktionStartaktionen{display:none!important}
.hauptRahmen.appBedienung .panelListenKopf p{font-size:14px;margin:0;color:var(--muted)}
.hauptRahmen.appBedienung :is(.appUebersicht>h1,.appUebersicht>.lead,.mitgliedInhalt>h1,.koerperEinstieg,.editorEinstieg #dateienStart>h2,.editorEinstieg #websiteStart>h2){display:none}
.hauptRahmen.appBedienung .bedienSuche{display:flex;align-items:center;gap:6px;margin:0 0 14px;padding:0;min-width:0}
.hauptRahmen.appBedienung .bedienSuche input[type=search]{min-width:0;flex:1;width:100%;min-height:44px;padding:10px 12px;font-size:16px}
.hauptRahmen.appBedienung .bedienSuche .bedienSucheSchliessen{width:44px;min-width:44px;min-height:44px;padding:0}
.hauptRahmen.appBedienung .editorCanvas{padding-top:16px}
.hauptRahmen.appBedienung .editorDokumentZeile{margin:0 0 8px;gap:8px}
.hauptRahmen.appBedienung .editorDokumentZeile h2{font:500 17px/1.4 var(--sans);overflow-wrap:anywhere}
.hauptRahmen.appBedienung #dokumentStand{margin:4px 0 12px;font-size:13px}
.hauptRahmen.appBedienung .dokumentFuss{margin:0;padding:8px 12px;font-size:13px}
.hauptRahmen.appBedienung .mailListenKopf{padding:12px 18px}
.hauptRahmen.appBedienung .mailListenKopf h2,.hauptRahmen.appBedienung .mailNeuMobil{display:none!important}
.hauptRahmen.appBedienung .mailListenKopf p{font-size:13px;line-height:1.5;margin:0}
.hauptRahmen.appBedienung .bedienKopf .mailReaderWerkzeuge{order:0}
.hauptRahmen.appBedienung .bedienKopf .mailKopfZurueck{order:-4;margin:0}
.hauptRahmen.appBedienung .bedienKopf .mailReaderWerkzeuge:empty{display:none}
.hauptRahmen.appBedienung .appNavigation{z-index:60}
@media(max-width:900px),(max-width:1100px) and (max-height:600px){
 .hauptRahmen.appBedienung{--bedien-rand:18px}
 .hauptRahmen.appBedienung .bedienKopf{position:sticky;top:0;min-height:60px!important;padding:calc(8px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))!important;gap:8px!important}
 .hauptRahmen.appBedienung .bedienTitel{font-size:19px!important}
 .hauptRahmen.appBedienung .appMenueFlaeche{position:fixed;inset:auto max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));width:auto;max-width:none;max-height:calc(var(--app-sicht-height,100dvh) - 92px - env(safe-area-inset-top));padding:12px;border-radius:22px}
 .hauptRahmen.appBedienung :is(.buehne,.appInhalt,.mitgliedInhalt){padding-left:max(18px,env(safe-area-inset-left))!important;padding-right:max(18px,env(safe-area-inset-right))!important}
 .hauptRahmen.appBedienung .editorDateiAktionen{flex-wrap:nowrap!important;width:auto!important}
 .hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .bedienTitel{display:none!important}
 .hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .navigationSchalter{display:flex!important}
 .hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .appWerkzeuge{flex:1;justify-content:flex-end}
 .hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .appWerkzeuge>.appMenue,.hauptRahmen.appBedienung .mailDetailAktiv .bedienSuchknopf{display:none!important}
 .hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .mailReaderWerkzeuge>.appMenue{display:block!important}
 .hauptRahmen.appBedienung .bedienKopf .mailNeu{order:-2}
 .hauptRahmen.appBedienung .mailReaderWerkzeuge{flex:0!important;gap:4px}
}
.hauptRahmen.appBedienung .bedienFilter{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.hauptRahmen.appBedienung .bedienFilter button{font:14px/1.4 var(--sans);padding:7px 12px;min-height:44px;border:1px solid var(--line);border-radius:16px;background:var(--field,#efebe4);color:var(--text)}
.hauptRahmen.appBedienung .appMenueFlaeche :is(.panelReiter,.koerperWerkzeuge){display:flex;flex-direction:column;gap:0;padding:0;margin:0;border:0;box-shadow:none;background:none}
.hauptRahmen.appBedienung .appMenueFlaeche :is(.panelReiter,.koerperWerkzeuge) a{display:block;padding:12px;min-height:44px;color:inherit;text-decoration:none;border:0}
.hauptRahmen.appBedienung .bedienKopf .appMenue{margin:0!important;padding:0!important;align-self:center;line-height:1}
.hauptRahmen.appBedienung .mailWorkspace>.bedienKopf{grid-column:1/-1;grid-row:1}
.hauptRahmen.appBedienung .mailWorkspace>.mailNavigation{grid-row:2}
.hauptRahmen.appBedienung .bedienKopf .mailNeu:not([hidden]){display:inline-flex!important}
.hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .mailNeu{display:none!important}
.hauptRahmen.appBedienung .bedienBerechnung{min-height:44px;padding:8px 16px;margin:0 0 16px;font:15px var(--sans)}
.hauptRahmen.appBedienung .appMenueFlaeche .rechnerWahl{display:flex;flex-direction:column;gap:0;margin:8px 0;padding:0}
.hauptRahmen.appBedienung .appMenueFlaeche .rechnerWahlEintrag{display:block;margin:0}
.hauptRahmen.appBedienung .appMenueFlaeche .rechnerWahlEintrag small{display:none}
.hauptRahmen.appBedienung .mailAuswahlAktiv .bedienKopf :is(.mailNeu,.bedienSuchknopf,.mailReaderWerkzeuge,.mailKopfZurueck){display:none!important}
.hauptRahmen.appBedienung .mailAuswahlAktiv .bedienKopf .bedienTitel{display:none!important}
.hauptRahmen.appBedienung .bedienKopf .mailSammelTools:not([hidden]){display:flex;flex-wrap:nowrap;gap:4px;padding:0;background:none;border:0;box-shadow:none}
.hauptRahmen.appBedienung .appMenueFlaeche .mailSammelWeitere{width:100%}
.hauptRahmen.appBedienung .mailListenKopf:has(.bedienFilter:not([hidden])){flex-wrap:wrap}
.hauptRahmen.appBedienung .mailListenKopf .bedienFilter{margin:6px 0 0}
@media(max-width:900px),(max-width:1100px) and (max-height:600px){
 .hauptRahmen.appBedienung .appMenueFlaeche{bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--app-tastatur-unten,0px))}
}
.hauptRahmen.appBedienung .bedienKopf .mailAuswahlAktiv,.hauptRahmen.appBedienung .bedienMailAuswahl{line-height:1.4}
.hauptRahmen.appBedienung .appMenueFlaeche .stoariaSymbolHinweis{display:none!important}
.hauptRahmen.appBedienung .appMenueFlaeche .bedienAktionsText{display:inline!important;font:15px var(--sans)}
.hauptRahmen.appBedienung .mailSammel:not([hidden]){display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0;padding:8px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
.hauptRahmen.appBedienung .mailSammel :is(strong,p){margin:0;font:14px/1.5 var(--sans)}

.hauptRahmen.appBedienung>.bedienAbdeckung{position:fixed;inset:0;z-index:30;background:#403c3520;touch-action:none}

/* Original glass controls, with one continuous formatting toolbar. */
.hauptRahmen.appBedienung .appMenueFlaeche :is(button.knopf,a.knopf,summary.knopf,.appAuswahl button,.editorAnsichten button,.mailAuswahlKnopf){display:flex;align-items:center;justify-content:center;isolation:isolate;width:100%;min-height:44px!important;height:auto!important;margin:6px 0!important;padding:10px 18px!important;font:400 15px/1.4 var(--sans,sans-serif)!important}
.hauptRahmen.appBedienung .appMenueFlaeche .appSymbol{border-radius:999px!important}
.hauptRahmen.appBedienung .appMenueFlaeche .appSymbol::before{border:22px solid transparent;border-image:var(--glas-bild) 46% fill /22px /0 stretch;background:none}
.hauptRahmen.appBedienung .editorToolbar{display:flex;flex-wrap:nowrap!important;gap:6px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:5px 3px 8px!important;scrollbar-width:thin;border-radius:0}
.hauptRahmen.appBedienung .editorToolbar>button{flex:none;position:relative;isolation:isolate;min-width:44px;min-height:44px;padding:10px 16px;white-space:nowrap}
.hauptRahmen.appBedienung .bedienKopf .navigationNebenSchalter{display:flex;order:3;margin-left:4px}
.hauptRahmen.appBedienung .navigationNebenSchalter .navigationAusloeser{padding:10px 16px;min-height:44px;font-size:15px;white-space:nowrap}
.hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .appWerkzeuge>.appMenue,.hauptRahmen.appBedienung .mailDetailAktiv .bedienSuchknopf{display:none!important}
.hauptRahmen.appBedienung .navigationLaedt{cursor:progress;opacity:.65}

@media(max-width:480px){.hauptRahmen.appBedienung .bedienKopf:has(.navigationNebenSchalter){gap:4px!important;padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important}.hauptRahmen.appBedienung .bedienKopf:has(.navigationNebenSchalter) .appWerkzeuge{gap:2px}.hauptRahmen.appBedienung .navigationNebenSchalter .navigationAusloeser{font-size:13px;padding:10px 12px}.hauptRahmen.appBedienung .bedienKopf:has(.navigationNebenSchalter)>.bedienTitel{font-size:17px!important}}

.hauptRahmen.appBedienung .appMenueFlaeche .bedienMenuSymbol{gap:8px}
.hauptRahmen.appBedienung .appMenueFlaeche .bedienMenuSymbol>svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hauptRahmen.appBedienung .appMenueFlaeche .mailMobilerLesestatus{display:none!important}

.hauptRahmen.appBedienung .appMenueFlaeche{align-content:start;grid-auto-rows:max-content}
.hauptRahmen.appBedienung .kalenderBereiche:not([open])>.kalenderFilter{display:none!important}
.hauptRahmen.appBedienung .kalenderBereiche{height:auto;min-height:0;align-self:start}
.daten.kontoGrunddaten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px 32px;margin:20px 0 32px}
.daten.kontoGrunddaten>div{min-width:0}.daten.kontoGrunddaten dt{font:500 13px/1.5 var(--sans);color:var(--muted);margin:0 0 5px}.daten.kontoGrunddaten dd{font:400 17px/1.5 var(--sans);margin:0;overflow-wrap:anywhere}

/* A narrow reader uses one navigation row and one direct message-action row. */
@media(max-width:700px){
 .hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf{flex-wrap:wrap!important}
 .hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf>.bedienTitel{display:block!important}
 .hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .appWerkzeuge{display:contents!important}
 .hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .navigationNebenSchalter{order:0;margin-left:auto}
 .hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .mailKopfZurueck{order:4}
 .hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .mailReaderWerkzeuge{order:5;flex:1 0 calc(100% - 56px)!important;min-width:0;justify-content:flex-end;gap:4px}
}
/* CalDAV setup values stay beside their labels on wide screens and stack on phones. */
.kalenderEinrichtung .kalenderVerbindungsdaten{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3fr);gap:12px 24px;margin:20px 0}
.kalenderEinrichtung .kalenderVerbindungsdaten dt{margin:0;color:var(--muted);font:500 14px/1.6 var(--sans)}
.kalenderEinrichtung .kalenderVerbindungsdaten dd{min-width:0;margin:0;overflow-wrap:anywhere;font:400 16px/1.6 var(--sans)}
.kalenderEinrichtung p{max-width:75ch;overflow-wrap:anywhere}
@media(max-width:600px){.kalenderEinrichtung .kalenderVerbindungsdaten{grid-template-columns:minmax(0,1fr);gap:4px}.kalenderEinrichtung .kalenderVerbindungsdaten dd{margin-bottom:12px}}

.kalenderGeraeteForm{display:grid;gap:12px;max-width:32rem;margin:24px 0}
.kalenderGeraeteForm label{display:grid;gap:8px;margin:0;font:14px/1.5 var(--sans);color:var(--muted)}
.kalenderGeraeteForm input{min-width:0;width:100%}.kalenderGeraeteForm>.knopf{justify-self:start}

/* Options consistently finish the header, after area-specific navigation. */
.hauptRahmen.appBedienung .bedienKopf .navigationNebenSchalter{order:2}
.hauptRahmen.appBedienung .bedienKopf .appWerkzeuge>.appMenue:not(.bedienNeu),.hauptRahmen.appBedienung .bedienKopf .mailReaderWerkzeuge>.appMenue{order:3}
@media(min-width:701px){.hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .mailReaderWerkzeuge:not(:empty){display:contents}}
@media(max-width:700px){.hauptRahmen.appBedienung .mailDetailAktiv .bedienKopf .mailReaderWerkzeuge{display:flex!important}}
/* Shared records: title and context on the left, state/action on the right. */
.hauptRahmen.appBedienung :is(.eintrag,.kontoZeile,.websiteDatei){box-sizing:border-box;display:flex;align-items:center;gap:12px 18px;min-width:0;min-height:80px;margin:0;padding:16px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);text-decoration:none;box-shadow:none}
.hauptRahmen.appBedienung :is(a.eintrag,.eintrag[data-open-row],.kontoZeile):is(:hover,:focus-visible,[aria-expanded=true]){background:var(--field);color:var(--text);border-radius:10px}
.hauptRahmen.appBedienung :is(a.eintrag,.eintrag[data-open-row],.kontoZeile):is(:hover,:focus-visible) :is(.eintragName,.eintragUnter,em){color:inherit}
.hauptRahmen.appBedienung :is(.eintragText,.kontoZeileName,.websiteDateiText){min-width:0;flex:1}
.hauptRahmen.appBedienung :is(.eintragName,.kontoZeileName>strong,.websiteDatei h3){display:block;margin:0;font:600 17px/1.45 var(--sans);color:var(--text);white-space:normal;overflow-wrap:anywhere}
.hauptRahmen.appBedienung :is(.eintragUnter,.kontoZeileName>small,.kontoRolle,.websiteDateiText>p){display:block;margin:4px 0 0;font:14px/1.5 var(--sans);color:var(--muted);white-space:normal;overflow-wrap:anywhere}
.hauptRahmen.appBedienung .kontoRolle{margin:0}.hauptRahmen.appBedienung .kontoMitgliedschaft{display:inline;font:inherit}
.hauptRahmen.appBedienung .kontoStatus{flex:none;font:13px/1.4 var(--sans);padding:5px 9px}
.hauptRahmen.appBedienung .weiter{flex:none;color:var(--muted);font:26px/1 var(--sans)}
.hauptRahmen.appBedienung :is(.rasterAuf,.panelDetailBereich){margin:0 0 18px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.hauptRahmen.appBedienung .mitgliedFakten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px 24px;margin:18px 0}
.hauptRahmen.appBedienung .mitgliedFakten dt{font:500 13px/1.5 var(--sans);color:var(--muted)}
.hauptRahmen.appBedienung .mitgliedFakten dd{margin:4px 0 0;font:16px/1.6 var(--sans);overflow-wrap:anywhere}
.hauptRahmen.appBedienung :is(.rasterAuf,.panelDetailBereich) form{min-width:0}
.hauptRahmen.appBedienung :is(.rasterAuf,.panelDetailBereich) .eintragForm{gap:10px;max-width:48rem}
.hauptRahmen.appBedienung :is(.redaktionSeiten,.seitennavigation){display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;padding:20px 0;margin:8px 0;color:var(--muted);font:14px/1.5 var(--sans)}
.hauptRahmen.appBedienung :is(.redaktionSeiten,.seitennavigation)>a{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;text-decoration:none;font:15px/1.4 var(--sans)}
.hauptRahmen.appBedienung .panelDetailZurueck{display:inline-flex;margin:0 0 16px;padding:10px 16px;min-height:44px}
.hauptRahmen.appBedienung .websiteDatei{flex-wrap:wrap}.hauptRahmen.appBedienung .websiteDatei>iframe,.hauptRahmen.appBedienung .websiteDatei>p[role=status]{flex-basis:100%}
.hauptRahmen.appBedienung .panelGefahr{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.hauptRahmen.appBedienung .panelGefahr>summary{font:500 16px/1.5 var(--sans);min-height:28px;color:var(--stop)}
.hauptRahmen.appBedienung .panelGefahr form{max-width:40rem}
.hauptRahmen.appBedienung .kontoBearbeitungForm{display:block;margin:0;padding:0}
.hauptRahmen.appBedienung .panelFeldgruppe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;min-width:0;border:0;border-bottom:1px solid var(--line);padding:20px 0 24px;margin:0 0 20px}
.hauptRahmen.appBedienung .panelFeldgruppe>legend{padding:0;font:600 18px/1.5 var(--sans)}
.hauptRahmen.appBedienung .panelFeldHinweis{grid-column:1/-1;font:14px/1.6 var(--sans);color:var(--muted);margin:0;max-width:75ch}
.hauptRahmen.appBedienung .kontoBearbeitungForm>.knopf{width:auto;margin-bottom:20px;min-height:44px}
.hauptRahmen.appBedienung .panelDetailAbschnitt{padding:20px 0;border-top:1px solid var(--line);max-width:75ch}
.hauptRahmen.appBedienung .panelDetailAbschnitt h3{margin:0 0 12px;font:600 18px/1.5 var(--sans)}
.hauptRahmen.appBedienung .panelDetailAbschnitt p{margin:8px 0 16px;font:15px/1.6 var(--sans);color:var(--muted)}
.hauptRahmen.appBedienung .panelGefahrForm{display:grid;gap:14px;padding:16px 0 0;margin:0;max-width:40rem}
.hauptRahmen.appBedienung .panelGefahrForm>.knopf{justify-self:start;width:auto}.hauptRahmen.appBedienung .panelGefahrForm p{margin:0;font:14px/1.6 var(--sans);color:var(--muted)}
@media(max-width:600px){.hauptRahmen.appBedienung .panelFeldgruppe{grid-template-columns:minmax(0,1fr)}.hauptRahmen.appBedienung :is(.rasterAuf,.panelDetailBereich){padding:16px}.hauptRahmen.appBedienung .websiteDatei .editorStartAktionen{flex-basis:100%}}

.hauptRahmen.appBedienung .panelFeldgruppe>.kontoFeldBreit{grid-column:1/-1}
.hauptRahmen.appBedienung a.eintrag[aria-expanded=true]>.weiter{transform:rotate(90deg)}

.hauptRahmen.appBedienung .rasterAuf .etikett{text-transform:none;letter-spacing:0;font:600 14px/1.5 var(--sans);margin:18px 0 8px}
.hauptRahmen.appBedienung .rasterAuf .knopfreihe{display:flex;flex-wrap:wrap;gap:10px}