/* Redaktion LupoliArts: Oberfläche der Pflegemaske im CI „Nicole Lupoli“.
   Regeln übernommen aus dem 3B-Prototyp (site/assets/css/main.css, Stand d19e4579), Variablen auf das CI umgelegt.
   Wird vom Redaktionsdienst unter /oberflaeche.css ausgeliefert, nicht Teil der Website. */
@font-face{font-family:"Jost";src:url("/assets/fonts/Jost-Light.woff") format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"Jost";src:url("/assets/fonts/Jost-Regular.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Jost";src:url("/assets/fonts/Jost-Medium.woff") format("woff");font-weight:500;font-display:swap}
:root {
  --tinte: #313131; --tinte-weich: #5E5C5D;
  --papier: #F4F4F3; --papier-tief: #E9E8E8; --weiss: #FFFFFF;
  --sandstein: #D6D5D5; --sandstein-tief: #9D9A9B; --linie: #D6D5D5;
  --salon: #1E7468; --salon-tief: #175E54;
  --salbei-tief: #1E7468; --salbei-hell: #DCEFEC;
  --gruen-3b: #E0703C;          /* Akzent in der dunklen Kopfzeile und Leiste: Orange aus dem CI */
  --nacht: #1E1D1E;
  --akzent: #1E7468; --akzent-tief: #175E54; --akzent-hell: #DCEFEC;
  --serif: Jost, Futura, system-ui, sans-serif;
  --sans: Jost, Futura, system-ui, sans-serif;
  --wrap: 1560px; --gutter: 20px; --radius: 10px;
}
/* ---------- Grundlagen ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--papier); color: var(--tinte); font-family: var(--sans); font-size: 1rem; line-height: 1.6; }
img, picture, svg, video { max-width: 100%; display: block; }
picture img { width: 100%; height: auto; }
h1, h2, h3, h4 { font-family: var(--serif); font-weight: var(--titel-gewicht, 500); line-height: 1.12; margin: 0 0 .5em; color: var(--tinte); letter-spacing: var(--titel-spacing, -.005em); }
h1 { font-size: clamp(2.2rem, 5.2vw + 1rem, 4.4rem); }
h2 { font-size: clamp(1.7rem, 2.4vw + 1rem, 2.7rem); }
h3 { font-size: clamp(1.3rem, 1vw + 1rem, 1.7rem); }
p { margin: 0 0 1em; }
a { color: var(--akzent); text-underline-offset: .16em; }
a:hover { color: var(--akzent-tief); }
:focus-visible { outline: 3px solid var(--salon); outline-offset: 3px; }
.wrap { width: min(100% - 2 * var(--gutter), var(--wrap)); margin-inline: auto; }
.lead { font-size: 1.15rem; line-height: 1.55; color: var(--tinte-weich); max-width: 42rem; }
.eyebrow { font-family: var(--sans); font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--akzent); font-weight: 600; margin: 0 0 .8em; }
.skip { position: absolute; left: -999px; top: 0; background: var(--nacht); color: #fff; padding: .6em 1em; z-index: 100; }
.skip:focus { left: 8px; top: 8px; }
main { display: block; }
section { padding-block: clamp(3rem, 7vw, 6rem); }
ul, ol { padding-left: 1.2em; }
.zentriert { text-align: center; }
.max-text { max-width: 44rem; }
small { font-size: .85em; }
strong { font-weight: 600; }

/* ---------- Schaltflaechen: Bogen als Pille ---------- */
.btn { display: inline-block; font-family: var(--sans); font-weight: 600; font-size: 1rem; line-height: 1.2; padding: .95em 1.7em; border-radius: 999px; background: var(--akzent); color: #fff; text-decoration: none; border: 2px solid var(--akzent); transition: background .2s, border-color .2s, transform .2s; min-height: 48px; }
.btn:hover { background: var(--akzent-tief); border-color: var(--akzent-tief); color: #fff; transform: translateY(-1px); }
.btn-sekundaer { background: transparent; color: var(--akzent); }
.btn-sekundaer:hover { background: var(--akzent-hell); color: var(--akzent-tief); }
.btn-klein { padding: .6em 1.2em; font-size: .92rem; min-height: 40px; }
.btn-hell { background: #fff; border-color: #fff; color: var(--nacht); }
.btn-hell:hover { background: var(--papier); border-color: var(--papier); color: var(--nacht); }
.hinweis { font-size: .9rem; color: var(--tinte-weich); }
.hinweis-box { background: var(--papier-tief); border-left: 3px solid var(--akzent); padding: 1rem 1.2rem; border-radius: 0 var(--radius) var(--radius) 0; margin-block: 1.5rem; }
.tabelle-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.form { max-width: 40rem; }
.feld { margin-bottom: 1.3rem; }
.feld label, .feld legend { display: block; font-weight: 600; margin-bottom: .4em; }
.feld .hilfe { font-size: .85rem; color: var(--tinte-weich); margin: .3em 0 0; }
.feld input[type="text"], .feld input[type="email"], .feld input[type="tel"], .feld input[type="number"], .feld input[type="date"], .feld input[type="time"], .feld input[type="password"], .feld input[type="url"], .feld input[type="search"], .feld select, .feld textarea {
  width: 100%; font: inherit; font-size: 1.05rem; padding: .85em 1em; min-height: 52px; border: 1.5px solid var(--sandstein-tief); border-radius: var(--radius); background: #fff; color: var(--tinte); }
.feld textarea { min-height: 140px; resize: vertical; }
.feld input:focus, .feld select:focus, .feld textarea:focus { border-color: var(--akzent); outline: 3px solid var(--akzent-hell); }
.feld.fehler input, .feld.fehler select, .feld.fehler textarea { border-color: #B3261E; }
.feld .fehlertext { color: #B3261E; font-size: .9rem; margin-top: .3em; display: none; }
.feld.fehler .fehlertext { display: block; }
.pflicht { color: var(--akzent); }
.optionen { display: grid; gap: .5rem; }
.option { display: flex; align-items: center; gap: .7rem; padding: .8em 1em; border: 1.5px solid var(--sandstein-tief); border-radius: var(--radius); background: #fff; cursor: pointer; min-height: 52px; }
.option:has(input:checked) { border-color: var(--akzent); background: var(--akzent-hell); }
.option input { width: 20px; height: 20px; accent-color: var(--akzent); margin: 0; }
/* .feld label (Block, Abstand unten) darf Auswahl und Häkchen nicht überschreiben, sonst steht der Kreis über der Textmitte */
.feld label.option, .feld label.check { display: flex; margin-bottom: 0; }
.feld label.option { font-weight: 600; }
@media (min-width: 640px) { .optionen-3 { grid-template-columns: repeat(3, 1fr); } .optionen-2 { grid-template-columns: repeat(2, 1fr); } }
.check { display: flex; gap: .8rem; align-items: flex-start; font-weight: 400; }
.check input { width: 22px; height: 22px; flex: none; margin-top: .1em; accent-color: var(--akzent); }
fieldset { border: 0; padding: 0; margin: 0 0 1.3rem; }
.form-aktionen { display: flex; gap: .8rem; flex-wrap: wrap; align-items: center; margin-top: 1.5rem; }
.form-schritt[hidden] { display: none; }
.fortschritt { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-bottom: 2rem; list-style: none; padding: 0; }
.fortschritt li { border-top: 4px solid var(--linie); padding: .75rem 1.2rem 0; text-align: center; font-size: .9rem; color: var(--tinte-weich); border-radius: 999px 999px 0 0; }
/* Überschrift eines Schritts bekommt den Fokus nur für Screenreader, ohne sichtbaren Rahmen */
.form-schritt h2[tabindex="-1"]:focus { outline: none; }
.mt-1 { margin-top: 1rem; } .mt-2 { margin-top: 2rem; } .mb-0 { margin-bottom: 0; } .mb-2 { margin-bottom: 2rem; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
/* ---------- Demo Redaktionsoberflaeche ---------- */
.seite-demo { background: #EEF0EE; }
.demo-warn { background: #FFE2CF; color: #5A2600; padding: .9rem 0; font-size: .95rem; border-bottom: 1px solid #E9B99A; }
.redaktion { display: grid; gap: 1.5rem; padding-block: 1.5rem 6rem; }
.red-seite { background: #fff; border: 1px solid var(--linie); border-radius: var(--radius); padding: 1rem; align-self: start; }
.red-marke { font-family: var(--serif); font-size: 1.3rem; margin: 0 0 1rem; }
.red-marke small { display: block; font-family: var(--sans); font-size: .75rem; color: var(--tinte-weich); }
.red-typen { list-style: none; margin: 0; padding: 0; display: grid; gap: .2rem; }
.red-typ { width: 100%; text-align: left; font: inherit; font-size: .95rem; padding: .55em .8em; border: 0; background: none; border-radius: var(--radius); cursor: pointer; color: var(--tinte); }
.red-typ:hover { background: var(--papier-tief); }
.red-typ[aria-current="true"] { background: var(--nacht); color: #fff; font-weight: 600; }
.red-nutzer { font-size: .8rem; color: var(--tinte-weich); margin: 1.2rem 0 0; }
.red-haupt { background: #fff; border: 1px solid var(--linie); border-radius: var(--radius); padding: 1.2rem; min-height: 60vh; }
.red-kopf { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; align-items: flex-start; margin-bottom: 1rem; }
.red-kopf h2 { font-size: 1.8rem; margin: 0 0 .3em; }
.red-pfad { font-size: .85rem; color: var(--tinte-weich); margin: 0 0 .4em; }
.red-werkzeuge { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; margin-bottom: 1rem; font-size: .9rem; }
.red-werkzeuge select { font: inherit; padding: .4em .6em; min-height: 40px; border: 1.5px solid var(--sandstein-tief); border-radius: var(--radius); }
.red-tabelle { font-size: .9rem; }
.red-tabelle th, .red-tabelle td { padding: .5em .5em; white-space: nowrap; }
.red-tabelle td:nth-child(8) { min-width: 180px; }
.red-tabelle select, .red-tabelle input { font: inherit; font-size: .9rem; padding: .4em .5em; min-height: 40px; border: 1.5px solid var(--linie); border-radius: var(--radius); background: #fff; max-width: 100%; }
.red-tabelle input[type="number"] { width: 5.5em; }
.red-tabelle input[type="text"] { width: 100%; min-width: 170px; }
.red-tabelle tr.geaendert td { background: #FFF8DD; }
.red-tabelle tr.neu td { background: #F1F7EA; }
.red-tabelle .sort { font: inherit; font-weight: 600; font-size: .85rem; letter-spacing: .04em; text-transform: uppercase; color: var(--tinte-weich); background: none; border: 0; padding: 0; cursor: pointer; }
.red-tabelle .sort:hover { color: var(--tinte); text-decoration: underline; }
button.link { font: inherit; background: none; border: 0; padding: 0; color: var(--salon); text-decoration: underline; cursor: pointer; }
button.link:disabled { color: var(--tinte-weich); cursor: not-allowed; }
.red-einzel { display: grid; gap: 2rem; }
.red-form { max-width: none; }
.feld-reihe { display: grid; gap: 1rem; }
.red-info { background: var(--papier-tief); border-left: 3px solid var(--salon); padding: .8rem 1rem; border-radius: 0 var(--radius) var(--radius) 0; font-size: .92rem; margin-top: .6rem; }
.red-info .check { margin-top: .5rem; }
.red-neben { background: var(--papier); border: 1px solid var(--linie); border-radius: var(--radius); padding: 1rem; align-self: start; }
.red-neben h3 { font-family: var(--sans); font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; color: var(--tinte-weich); margin: 0 0 .6em; }
.red-neben h3 + * { margin-bottom: 1.4rem; }
.red-versionen { list-style: none; margin: 0; padding: 0; font-size: .9rem; display: grid; gap: .8rem; }
.red-formate { display: grid; gap: .8rem; }
.red-format { border: 1px solid var(--linie); border-radius: var(--radius); padding: 0 1rem; background: var(--papier); }
.red-format summary { padding: .9rem 0; cursor: pointer; }
.red-format.geaendert { border-color: #C9A400; background: #FFF8DD; }
.red-format form { padding-bottom: 1rem; }
.red-bild-reihe { display: grid; gap: 1rem; }
.red-bild-vorschau { aspect-ratio: 16/10; background: repeating-linear-gradient(135deg, var(--papier-tief) 0 12px, #E7E0D3 12px 24px); border: 1px dashed var(--sandstein-tief); display: flex; align-items: center; justify-content: center; text-align: center; padding: 1rem; font-size: .85rem; color: var(--tinte-weich); }
.red-bild-felder input[type="file"] { font: inherit; font-size: .9rem; }
.red-bild.fehler input[type="text"] { border-color: #B3261E; }
.red-speichern, .red-erfolg { position: fixed; left: 0; right: 0; bottom: 0; background: var(--nacht); color: #fff; padding: .8rem 0; z-index: 50; box-shadow: 0 -4px 20px rgba(0,0,0,.2); }
.red-erfolg { background: #2E5F58; }
.red-speichern-inner { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.red-speichern .btn-sekundaer { color: #fff; border-color: #fff; }
.red-speichern .btn { background: var(--gruen-3b); border-color: var(--gruen-3b); color: var(--nacht); }
.red-erfolg .btn { background: #fff; border-color: #fff; color: var(--nacht); }
@media (min-width: 720px) { .feld-reihe { grid-template-columns: repeat(3, 1fr); } .red-bild-reihe { grid-template-columns: 220px 1fr; } }
@media (min-width: 900px) { .redaktion { grid-template-columns: 220px 1fr; } .red-einzel { grid-template-columns: 1fr 280px; } }
.red-anzahl { float: right; font-size: .8rem; color: var(--tinte-weich); font-weight: 400; }
.red-typ[aria-current="true"] .red-anzahl { color: #C9D1CD; }
.red-meldung { background: #E8F2E2; border: 1px solid #A9C79A; color: #24421B; padding: .7rem 1rem; border-radius: var(--radius); margin: 1rem 0 0; font-size: .95rem; }
.red-gruppe { border: 1px solid var(--linie); border-radius: var(--radius); padding: 1rem 1.2rem 1.2rem; margin: 0 0 1.4rem; }
.red-gruppe legend { font-family: var(--sans); font-size: .8rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--tinte-weich); padding-inline: .4em; }
.red-gruppe .hinweis { margin-top: 0; }
.red-form .feld { margin-bottom: 1rem; }
.red-form .feld.fehler input, .red-form .feld.fehler select, .red-form .feld.fehler textarea { border-color: #A8332B; }
.red-form .feld.fehler .fehlertext { display: block; color: #A8332B; font-size: .85rem; margin: .3rem 0 0; }
.red-form .optionen { display: grid; gap: .3rem; }
@media (min-width: 640px) { .red-form .optionen { grid-template-columns: repeat(2, 1fr); } }
.red-bild-feld .hilfe { margin-top: .3rem; }
.red-vergleich td.alt { color: var(--tinte-weich); text-decoration: line-through; }
.red-vergleich td.neu { background: #F1F7EA; font-weight: 600; }
.red-vergleich td, .red-vergleich th { white-space: normal; }
.red-tabelle .leer { color: var(--sandstein-tief); font-style: italic; }
.red-werkzeuge input[type="search"] { font: inherit; padding: .4em .6em; min-height: 40px; border: 1.5px solid var(--sandstein-tief); border-radius: var(--radius); }
.red-haupt .link { font: inherit; background: none; border: 0; padding: 0; color: var(--akzent); cursor: pointer; text-decoration: underline; text-underline-offset: .2em; }
/* Die Tabelle darf die Seite nicht breiter machen: das Grid-Feld muss schrumpfen duerfen,
   dann bekommt die Tabelle einen eigenen Rollbalken statt die ganze Seite. */
.red-haupt, .red-einzel > * { min-width: 0; }
.redaktion .tabelle-wrap { max-width: 100%; }
/* Redaktion nutzt die Bildschirmbreite, die Website bleibt bei 1180 px */
.seite-demo .wrap { --wrap: 1560px; }

/* Wunschtermin: Kalenderfeld und Häkchen nebeneinander (Feedback 28.09.2026) */
.termin-wahl { display: grid; gap: .6rem; align-items: center; }
.termin-wahl input[type="date"] { max-width: 16rem; }
.termin-wahl input[type="date"]:disabled { background: var(--papier-tief); color: var(--tinte-weich); }
@media (min-width: 560px) { .termin-wahl { grid-template-columns: auto 1fr; gap: 1.2rem; } }

/* Löschen: eigener Knopf, deutlich abgesetzt, aber ohne Alarmfarbe in der Liste */
.btn-loeschen { font: inherit; font-size: .95rem; font-weight: 600; padding: .7em 1.2em; min-height: 44px; border: 1.5px solid #A8332B; border-radius: var(--radius); background: #fff; color: #A8332B; cursor: pointer; }
.btn-loeschen:hover { background: #A8332B; color: #fff; }
.red-haupt .form-aktionen { align-items: center; gap: .8rem; flex-wrap: wrap; }
.red-haupt .form-aktionen .btn-loeschen { margin-left: auto; }
.btn-loeschen:disabled { opacity: .45; cursor: not-allowed; background: #fff; color: #A8332B; }
.hinweis-box.hinweis-warnung { border-left-color: #A8332B; background: #FBF1EF; }
.loesch-liste { margin: .4rem 0 .9rem; padding-left: 1.2rem; display: grid; gap: .2rem; }
.hinweis-warnung .check { font-weight: 600; }
/* Auswahllisten: jede Liste als eigene Karte, Titel serifenlos, damit sie sich von der Seitenüberschrift abhebt */
.red-haupt .red-liste { padding: 1.2rem 1.4rem 1rem; margin-top: 1.6rem; border: 1px solid var(--linie); border-radius: var(--radius); background: #fff; }
.red-liste h3 { margin: 0 0 .3rem; font-family: var(--sans); font-size: 1.05rem; font-weight: 600; letter-spacing: .01em; }
.red-liste h3::before { content: 'Liste'; display: block; font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--tinte-weich); margin-bottom: .15rem; }
/* Feste Angaben im Formular: kompakt als Text, nicht wie ein Eingabefeld */
.red-kopfdaten { display: flex; flex-wrap: wrap; gap: .4rem 1.6rem; margin: 0 0 1.4rem; padding: .7rem 1rem; background: var(--papier-tief); border-radius: var(--radius); font-size: .92rem; }
.feld-lesen { margin: 0 0 .6rem; font-size: .92rem; }
.red-kopfdaten .feld-lesen { margin: 0; }
.feld-lesen-name { color: var(--tinte-weich); margin-right: .35em; }
.feld-lesen-name::after { content: ':'; }
.feld-lesen-wert { font-weight: 500; }
.liste-aktionen { white-space: nowrap; text-align: right; }
.liste-aktionen .link + .link, .liste-aktionen .btn + .link { margin-left: .8rem; }
.liste-aktionen .link:disabled { opacity: .35; cursor: default; text-decoration: none; }
.link-loeschen { color: #A8332B; }
.liste-eingabe { width: 100%; max-width: 26rem; }
.liste-neu { margin: .9rem 0 1.1rem; display: grid; gap: .35rem; max-width: 34rem; padding: .9rem 1rem; background: var(--papier-tief); border-radius: var(--radius); }
.liste-neu .zeile { display: flex; gap: .6rem; }
.liste-neu .zeile input { flex: 1; min-width: 0; }
.symbol-knopf { display: inline-flex; align-items: center; gap: .55rem; font: inherit; font-size: .9rem; background: none; border: 1px solid var(--linie); border-radius: var(--radius); padding: .25rem .6rem .25rem .35rem; cursor: pointer; color: var(--tinte); }
.symbol-knopf:hover, .symbol-knopf[aria-expanded="true"] { border-color: var(--akzent); }
.symbol-knopf small { color: var(--tinte-weich); }
.symbol-klein, .symbol-gross { fill: none; stroke: var(--salbei-tief); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.symbol-klein { width: 30px; height: 30px; }
.symbol-gross { width: 40px; height: 40px; }
.symbol-zeile td { background: var(--papier-tief); }
.symbol-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); gap: .5rem; margin-bottom: .6rem; }
.symbol-raster button { display: grid; justify-items: center; gap: .3rem; padding: .6rem .3rem .5rem; font: inherit; font-size: .8rem; color: var(--tinte); background: #fff; border: 1.5px solid transparent; border-radius: var(--radius); cursor: pointer; }
.symbol-raster button:hover { border-color: var(--linie); }
.symbol-raster button[aria-pressed="true"] { border-color: var(--akzent); background: var(--salbei-hell); }

/* ---------- Redaktion: Medienfelder, eingeklappte Gruppen ---------- */
.red-medien { display: grid; gap: .8rem; }
.medien-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.medien-bild { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 1rem; align-items: start; padding: .8rem; background: var(--papier-tief); border-radius: var(--radius); }
.medien-bild img { width: 160px; height: auto; border-radius: 4px; background: #fff; }
.medien-angaben { display: grid; gap: .35rem; }
.medien-angaben label { font-size: .88rem; font-weight: 600; }
.medien-angaben small { font-weight: 400; color: var(--tinte-weich); }
.medien-knoepfe { display: flex; gap: 1rem; font-size: .88rem; }
.medien-aktion { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; }
.medien-waehlen { cursor: pointer; }
.medien-waehlen:focus-within { outline: 2px solid var(--akzent); outline-offset: 2px; }
.medien-status { margin: 0; font-size: .88rem; color: var(--tinte-weich); }
.medien-status.fehler { color: #A8332B; font-weight: 600; }
.medien-datei { margin: 0; display: flex; flex-wrap: wrap; gap: .6rem; align-items: baseline; }
.medien-datei small { color: var(--tinte-weich); }
@media (max-width: 560px) { .medien-bild { grid-template-columns: 1fr; } .medien-bild img { width: 100%; } }
.red-gruppe-zu { margin-block: 1rem; border: 1px solid var(--linie); border-radius: var(--radius); background: #fff; }
.red-gruppe-zu > summary { cursor: pointer; padding: .9rem 1.1rem; font-family: var(--serif); font-size: 1.25rem; }
.red-gruppe-zu > summary small { font-family: var(--sans); font-size: .82rem; color: var(--tinte-weich); margin-left: .5rem; }
.red-gruppe-zu[open] > summary { border-bottom: 1px solid var(--linie); }
.red-gruppe-zu > .red-gruppe { border: 0; margin: 0; padding: 1rem 1.1rem; }
.red-gruppe { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: .9rem 1rem; padding: .9rem 1rem 1rem; margin-bottom: 1rem; }
.red-gruppe > .hinweis, .red-gruppe > .feld-breit, .red-gruppe > .feld-reihe, .red-gruppe > .feld-lesen, .red-gruppe > .red-kopfdaten { grid-column: 1 / -1; }
.red-gruppe > .feld:has(textarea), .red-gruppe > .feld:has(.red-medien), .red-gruppe > .feld:has(.optionen) { grid-column: 1 / -1; }
.feld-reihe { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: .9rem 1rem; }
.feld-reihe[hidden], .red-gruppe [hidden] { display: none; }
.red-kopf h2 { font-size: 1.5rem; }
.red-haupt { padding: 1rem 1.1rem; }

/* Anmeldung: Passwortfeld wie die anderen Felder (fehlte in der Feldliste oben) */
.anmeldung .feld input { min-height: 46px; padding: .6em .8em; font-size: 1rem; }
.red-form > .feld { margin-bottom: 1rem; }

/* CI-Anpassungen */
h1, h2, h3 { font-weight: 300; letter-spacing: -.005em; }
strong, .feld label, .feld legend { font-weight: 500; }
.btn { border-radius: 10px; font-weight: 500; background: var(--tinte); border-color: var(--tinte); }
.btn:hover { background: #000; border-color: #000; }
.btn-sekundaer { background: transparent; color: var(--tinte); border-color: var(--tinte); }
.btn-sekundaer:hover { background: var(--papier-tief); color: var(--tinte); border-color: var(--tinte); }
.red-speichern .btn, .red-speichern .btn:hover { color: #1E1D1E; }
.red-typ[aria-current="true"] { font-weight: 500; }
.feld input:focus, .feld select:focus, .feld textarea:focus { outline: 2px solid var(--akzent); outline-offset: 1px; }
.btn-hell, .btn-hell:hover { background: #fff; border-color: #fff; color: var(--nacht); }