/* Lovyu | stil/seiten.css — die Seiten ausserhalb der App (Rechtliches, Konto löschen, Verwaltung) */
@font-face{font-family:Outfit;src:url(../app/schriften/outfit.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--grund:#fff;--tinte:#211F21;--fein:#6E5A61;--linie:#EDE3E6;--kirsche:#DE0341;--kirsche-tief:#B70336;--flaeche:#FBF6F7;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--grund:#140C0F;--tinte:#F6ECEF;--fein:#C2AAB2;--linie:#3A2A30;--kirsche:#FF477C;--kirsche-tief:#FF8CA4;--flaeche:#1E1418;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--grund);color:var(--tinte);font:16px/1.6 Outfit,-apple-system,system-ui,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:760px;margin:0 auto;padding:32px max(16px,env(safe-area-inset-right)) 64px max(16px,env(safe-area-inset-left))}
header.kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.marke{font:600 24px/1 Outfit,system-ui,sans-serif;letter-spacing:-.02em;text-decoration:none;color:var(--tinte)}
.marke span{color:var(--kirsche)}
.marke img{height:32px;width:auto;display:block}
nav.sprachen a{color:var(--fein);text-decoration:none;margin-inline-start:10px;font-size:14px}
nav.sprachen a.an{color:var(--kirsche);font-weight:600}
h1{font:600 34px/1.15 Outfit,system-ui,sans-serif;letter-spacing:-.03em;margin:8px 0 16px;text-wrap:balance}
h2{font:600 22px/1.3 Outfit,system-ui,sans-serif;letter-spacing:-.02em;margin:36px 0 8px}
h3{font-size:17px;margin:20px 0 4px}
a{color:var(--kirsche-tief)}
p,li{max-width:68ch}
.band{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;padding:14px 16px;margin:16px 0}
.band.warn{border-color:var(--kirsche)}
.inhalt{columns:2 240px;padding:0;list-style:none;font-size:15px}
.inhalt li{break-inside:avoid;margin:2px 0}
form{display:grid;gap:12px;max-width:420px}
input,select,textarea{font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--linie);background:var(--grund);color:var(--tinte)}
button{font:500 16px/1 Outfit,system-ui,sans-serif;padding:14px 18px;border-radius:999px;border:0;background:var(--kirsche);color:#fff;cursor:pointer}
button.leise{background:transparent;color:var(--kirsche-tief);border:1px solid var(--linie)}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--kirsche);outline-offset:2px}
.fein{color:var(--fein);font-size:14px}
footer{margin-top:48px;padding-top:16px;border-top:1px solid var(--linie);color:var(--fein);font-size:14px}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{text-align:start;padding:8px 10px;border-bottom:1px solid var(--linie);vertical-align:top}
.tabelle{overflow-x:auto}
a.knopf{display:inline-block;font:500 16px/1 Outfit,system-ui,sans-serif;padding:14px 18px;border-radius:999px;background:var(--kirsche);color:#fff;text-decoration:none}
pre.auszug{white-space:pre-wrap;word-break:break-word;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;padding:14px 16px;max-height:70vh;overflow:auto}