:root{--hinweis: #1a5fb4;--linie: #767676;--fein: #d6d6d6;color:#000;background:#fff;color-scheme:light;font:16px/1.5 -apple-system,system-ui,sans-serif}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{box-sizing:border-box;height:100dvh;margin:0;padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));display:grid;grid-template:"nav suche detail" auto "nav liste detail" 1fr / 12rem minmax(16rem,26rem) minmax(0,1fr);gap:.5rem 1rem;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,.text{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}a,a *{-webkit-user-drag:none}a{color:var(--hinweis)}:focus-visible{outline:2px solid var(--hinweis);outline-offset:2px}button,input,textarea{box-sizing:border-box;min-width:0;min-height:1.75rem;padding:.2rem .5rem;font:inherit;color:#000;background:#fff;border:1px solid var(--linie);border-radius:.25rem}*{cursor:none}.rand{position:fixed}::placeholder{color:#595959}[aria-invalid=true]{border-color:var(--hinweis);box-shadow:0 0 0 1px var(--hinweis)}kbd{padding:0 .3em;font-family:ui-monospace,monospace;white-space:nowrap;border:1px solid var(--linie);border-bottom-width:2px;border-radius:.2em}:root:not([data-zweit]) .zweit,[data-zweit] .erst{display:none}button.zeichen{min-width:2.25rem}button>kbd{margin-left:.4em;font-size:.75em}nav,.liste,.detail,.nachricht,.nachricht header,.text,.html,.schreiben,.verwaltung{min-width:0;min-height:0;overscroll-behavior:contain}nav,.liste,.nachricht header,.text,.schreiben,.verwaltung{overflow-y:auto}.nachricht,.text,.html,.schreiben,.verwaltung{flex:1}nav,.detail,.nachricht,.schreiben,.verwaltung{display:flex;flex-direction:column}nav{grid-area:nav;gap:.25rem}nav button{text-align:left;border-color:transparent}nav [aria-current=page]{font-weight:700}nav [aria-current=page],.zeile[aria-current=true],[aria-pressed=true]{background:#e6eef9;box-shadow:inset 0 0 0 1px var(--hinweis)}.tasten{margin-top:auto;font-size:.875rem}.tasten p,.tasten h2{margin:.5rem 0 .15rem;font-size:1em}.lage{font-size:.875rem;overflow-wrap:anywhere}.lage p{margin:.5rem 0 0}.suche{grid-area:suche;position:relative}.suche input{width:100%}.suche>kbd{position:absolute;top:50%;right:.5rem;translate:0 -50%;font-size:.75rem;background:#fff}.hilfe{display:none}[data-zweit] .suche:focus-within .hilfe{display:block;position:absolute;inset:calc(100% + .25rem) 0 auto;z-index:2;margin:0;padding:.4rem .5rem;font-size:.875rem;background:#fff;border:1px solid var(--linie);border-radius:.25rem}.liste{grid-area:liste;margin:0;padding:0;list-style:none}.zeile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 .5rem;width:100%;padding:.4rem .5rem;text-align:left;border-width:0 0 1px;border-color:var(--fein);border-radius:0}.zeile:focus-visible{outline-offset:-2px}.zeile[data-neu] :is(.wer,.betreff){font-weight:700}.wer,.betreff,.an,.vorschau{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.betreff,.an,.vorschau{grid-column:1 / -1}.detail{grid-area:detail;overflow:hidden}body[data-ansicht=freigaben] :is(.liste,.suche){display:none}body[data-ansicht=freigaben] .detail{grid-row:1 / -1;grid-column:2 / -1}.nachricht header{flex:none;max-height:50%;padding-bottom:.5rem;border-bottom:1px solid var(--fein)}[data-zweit] .nachricht header{max-height:85%}.aktionen,.reihe,.meldung{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem}h1{margin:.5rem 0;font-size:1.25rem}h2{margin:1rem 0 .25rem;font-size:1.1rem}dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .5rem;margin:0}dd{margin:0;overflow-wrap:anywhere}.nachricht dt{font-weight:700}.sphaeren{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.5rem}.sphaere,.sphaere dl{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}.sphaere{margin-top:.35rem}.sphaere h2{grid-column:1 / -1;margin:0 0 .1rem;font-size:.875rem;font-weight:400}.anhaenge{margin:.25rem 0 0;padding-left:1.25rem}:is(.anhaenge,.versand,.hinweis,.meldung):empty{display:none}.text{padding:.5rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.html{width:100%;border:0;pointer-events:none}[data-beruehrung] .html{pointer-events:auto}.schreiben,.verwaltung{gap:.4rem}.stand{margin:0}.feld{display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:.5rem}.schreiben textarea{flex:1;min-height:10rem;resize:none}.reihe label{display:inline-flex;align-items:center;gap:.25rem;min-height:1.75rem}[type=checkbox]{width:1.25rem;height:1.25rem;min-height:0;margin:0}.breit{overflow-x:auto}table{border-collapse:collapse}th,td{padding:.25rem .5rem;text-align:left;border-bottom:1px solid var(--fein)}.meldung{position:fixed;inset:auto max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));z-index:2;gap:.5rem;max-width:40rem;margin:0 auto;padding:.5rem .75rem;background:#fff;border:1px solid var(--linie);border-radius:.25rem}.gespraech{flex:1;position:relative;min-height:0;overflow:hidden auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:1rem}.gespraech:focus-visible{outline-offset:-2px}.koepfe{position:sticky;top:0;z-index:1;display:flex;align-items:flex-end;box-sizing:border-box;min-height:2.75rem;padding-top:.35rem;background:#fff;border-bottom:1px solid var(--fein)}.bahnkopf,.hoererkopf{line-height:1.15}.bahnkopf{position:absolute;bottom:.35rem;display:flex;flex-direction:column;box-sizing:border-box;min-height:2.3em;font-size:.8125rem}.bahnkopf>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoererkopf{display:flex;flex:none;justify-content:center;width:46px;padding-bottom:.35rem;font-size:.6875rem}.hoererkopf span{max-height:6rem;writing-mode:vertical-rl;rotate:180deg;overflow-wrap:anywhere}.punkt{display:inline-block;width:.625rem;height:.625rem;border-radius:50%;background:var(--farbe)}.vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.flaeche{position:relative}.linien{position:absolute;inset:0;overflow:hidden;pointer-events:none}.linien svg{display:block}.ablauf{position:relative;margin:0;padding:.25rem 0 0;list-style:none}.ablauf>li{box-sizing:border-box}.eintrag{margin-top:.6rem}.tag,.ueberblick{margin-top:1.1rem;font-size:.8125rem;text-align:center}.ueberblick{margin-top:.5rem}.tag>span,.wechsel>span,.luecke{display:inline-block;padding:.1rem .6rem;border-radius:1rem}.tag>span{background:#fff;border:1px solid var(--fein)}.fadenkopf{margin-top:1rem;font-size:.8125rem;line-height:1.3;overflow-wrap:anywhere}.fadenkopf .punkt{margin-right:.4rem}.ueberblick .punkt{margin-right:.3rem}.wechsel{margin-top:.5rem;font-size:.8125rem;text-align:center}.wechsel>span{background:#f0f0f0}.wechsel.weg>span{background:#fff;border:1px dashed var(--linie)}.wechsel[data-ich]>span{background:#eef3fb}.blase{padding:.4rem .65rem .3rem;background:#fff;border:1px solid var(--linie);border-radius:.5rem}.blase[data-ich]{background:#eef3fb}.blase[aria-current=true]{box-shadow:0 0 0 2px var(--hinweis)}.blase[data-blass]{opacity:.65}.blase p{margin:0}.blase .kopf{display:flex;flex-wrap:wrap;gap:0 .5rem;margin-bottom:.15rem;font-size:.8125rem;line-height:1.3}.blase .runde{overflow-wrap:anywhere}.blase .neu-betreff,.blase .auf{margin-bottom:.15rem;font-size:.8125rem}.blase .neu-betreff{font-weight:700}.blase .inhalt{max-height:18em;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.blase .inhalt.gekuerzt{-webkit-mask-image:linear-gradient(#000 calc(100% - 3em),transparent);mask-image:linear-gradient(#000 calc(100% - 3em),transparent)}.blase[aria-current=true] .inhalt{max-height:none;-webkit-mask-image:none;mask-image:none;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.blase[data-neu] .fuss time{font-weight:700;color:#000}.blase .fuss{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 .6rem;margin-top:.2rem;font-size:.75rem;color:#595959}.eintrag.fehlt{text-align:center}.luecke{margin:0;font-size:.8125rem;border:1px dashed var(--linie)}.luecke .kennung{display:block;overflow-wrap:anywhere}@media(pointer:coarse),(max-width:48rem){.tasten,.lage{display:none}}@media(max-width:48rem){body{grid-template:"suche" auto "nav" auto "liste" 1fr / minmax(0,1fr)}nav{flex-direction:row;overflow:auto hidden}nav button{flex:none}.detail{display:none}body[data-detail] .detail,body[data-ansicht=freigaben] .detail{display:flex;grid-area:1 / 1 / -1 / -1;z-index:1;background:#fff}}
