/* Kontobereich: Menü links in Gruppen, Inhalt rechts, darüber die Schnellmeldung. */
.kto { display: flex; flex-wrap: wrap; gap: 26px; align-items: flex-start; }
.kto-nav { flex: 1 1 210px; min-width: 0; max-width: 240px; position: sticky; top: 76px; }
.kto-haupt { flex: 999 1 640px; min-width: 0; }
.kto-gruppe { margin: 18px 0 6px; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); font-weight: 700; }
.kto-gruppe:first-child { margin-top: 0; }
.kto-punkt { display: flex; justify-content: space-between; gap: 10px; align-items: center;
  padding: 9px 12px; border-radius: 8px; color: var(--ink); font-size: .95rem; text-decoration: none; }
.kto-punkt:hover { background: var(--gray-soft, #eff3f3); text-decoration: none; }
.kto-punkt.active { background: #0e9c9c; color: #fff; font-weight: 600; }
.kto-punkt.active .kto-zahl { background: rgba(255,255,255,.25); color: #fff; }
.kto-zahl { font-family: var(--mono); font-size: .78rem; background: #e3f1f0; color: #0e9c9c; padding: 1px 7px; border-radius: 999px; }

.kto-melden { background: linear-gradient(120deg, #f0f7f6 0%, #eceff0 45%, #dcecea 100%); border-bottom: 1px solid #d7dfe0; }
.kto-melden-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 12px 0; }
.kto-melden-text { flex: 0 0 auto; margin-right: 6px; max-width: 300px; }
.kto-melden-text strong { display: block; color: #223038; font-size: .98rem; }
.kto-melden-text span { font-size: .84rem; color: #44525a; }
.kto-melden-form input[type=text] { flex: 1 1 260px; min-width: 0; font-size: .95rem; padding: 9px 13px;
  border: 1px solid #bcd8d7; border-radius: 8px; background: #fff; }
.kto-melden-form select { flex: 0 0 auto; width: auto; font-size: .92rem; padding: 9px 10px; border: 1px solid #bcd8d7; border-radius: 8px; background: #fff; }
.kto-melden-mehr { flex: 0 0 auto; font-size: .85rem; color: #0a6e70; }
.kto-melden-form .btn { flex: 0 0 auto; }
.nurlesen { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

@media (max-width: 860px) {
  .kto-nav { position: static; max-width: none; flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
  .kto-gruppe { flex-basis: 100%; margin: 10px 0 2px; }
  .kto-punkt { padding: 7px 11px; border: 1px solid var(--line); }
  .kto-melden-text { flex-basis: 100%; }
}

/* Eine Domain: Reiter statt einer endlosen Seite */
.dom-reiter { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; border-bottom: 1.5px solid #0e9c9c; }
.dom-r { font-family: inherit; font-size: .95rem; font-weight: 500; padding: 11px 17px; cursor: pointer;
  border: 1px solid var(--line); border-bottom: 0; background: #fff; color: var(--muted); border-radius: 8px 8px 0 0; }
.dom-r:hover { color: #0e9c9c; }
.dom-r[aria-selected=true] { background: #0e9c9c; border-color: #0e9c9c; color: #fff; font-weight: 600; }
.dom-tafel[hidden] { display: none; }
.dom-kann { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.dom-kann a { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 999px;
  padding: 7px 14px; font-size: .88rem; color: var(--ink); background: #fff; }
.dom-kann a:hover { border-color: #0e9c9c; color: #0e9c9c; text-decoration: none; }
.dom-kann i { width: 9px; height: 9px; border-radius: 50%; background: #c6cfcf; display: inline-block; }
.dom-kann i.an { background: #2e7a5e; }
.dom-kann i.moeglich { background: #0e9c9c; }
.dom-kann span.wert { color: var(--muted); }

/* Wahl der Textqualitaet in der Pro-Karte */
.pro-qual{margin:0 0 4px}
.pro-qual .check{align-items:flex-start;margin-bottom:8px}
.pro-qual .check input{margin-top:4px}