/* Konto — nur was die Publikation nicht schon mitbringt. Masse: MARKE.md §3,
   Spalte Oberflaeche/Werkzeug. Keine freien Zwischenwerte. */
body.konto{margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font-sans,system-ui,sans-serif);font-size:15px;line-height:24px}
.konto-kopf{display:flex;flex-wrap:wrap;gap:18px;align-items:baseline;
  padding:18px 36px;border-bottom:1px solid var(--a-ink-08);background:var(--bg-raised)}
.konto-marke{font-weight:600;text-decoration:none;color:var(--ink)}
.konto-nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
.konto-nav a{color:var(--p-700);text-decoration:none;font-size:15px;line-height:24px}
.konto-nav a:hover{color:var(--ink)}
.konto-blatt{max-width:63ch;margin:0 auto;padding:48px 36px 96px;
  display:flex;flex-direction:column;gap:24px}
.konto-blatt h1{font-family:var(--font-serif,Georgia,serif);font-weight:400;
  font-size:27px;line-height:36px;margin:0;text-wrap:balance}
.konto-blatt h2{font-family:var(--font-serif,Georgia,serif);font-weight:400;
  font-size:21px;line-height:27px;margin:18px 0 0;text-wrap:balance}
.konto-blatt p{margin:0;color:var(--p-700)}
.konto-blatt ul{margin:0;padding-left:18px;color:var(--p-700)}
.eyebrow{font-size:12px;line-height:18px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--p-500);margin:0}
form.konto{display:flex;flex-direction:column;gap:12px;border:1px solid var(--a-ink-14);
  border-radius:6px;padding:24px;background:var(--bg-raised)}
form.konto label{display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:24px;color:var(--p-700)}
form.konto input[type=email],form.konto input[type=text],form.konto textarea{
  font:inherit;padding:9px 12px;border:1px solid var(--a-ink-14);border-radius:3px;
  background:var(--bg);color:var(--ink)}
form.konto textarea{min-height:144px;resize:vertical}
form.konto .zustimmung{flex-direction:row;align-items:flex-start;gap:9px}
button.konto{font:inherit;font-weight:600;padding:12px 18px;border:1px solid var(--g-700);
  border-radius:3px;background:var(--g-700);color:var(--p-050);cursor:pointer;align-self:flex-start}
button.konto:hover{background:var(--g-800);border-color:var(--g-800)}
.preis{font-size:12px;line-height:18px;color:var(--p-500);margin:0}
.liste{display:flex;flex-direction:column;gap:9px;padding:0;margin:0;list-style:none}
.liste li{display:flex;gap:12px;align-items:baseline;justify-content:space-between;
  border-bottom:1px solid var(--a-ink-08);padding-bottom:9px}
.liste code{font-family:var(--font-mono,ui-monospace,monospace);font-size:12px;line-height:18px}
.hinweis{border-left:3px solid var(--gold-600);padding:3px 0 3px 18px}
.konto-fuss{border-top:1px solid var(--a-ink-08);background:var(--p-200);
  padding:24px 36px 36px;color:var(--p-600);font-size:12px;line-height:18px}
.konto-fuss p{max-width:63ch;margin:0 0 9px}
@media(max-width:720px){
  .konto-kopf,.konto-blatt,.konto-fuss{padding-left:18px;padding-right:18px}
  .konto-blatt h1{font-size:21px;line-height:27px}
  .konto-blatt h2{font-size:18px;line-height:24px}
}
@media(prefers-color-scheme:dark){
  body.konto{background:var(--bg);color:var(--ink)}
}