:root {
    --ink: #1b2434;
    --ink-2: #4b5563;
    --ink-3: #66707d;
    --line: #d5dbe2;
    --accent: #a8281f;
    --tint: #f6e9e7;
    --ground: #f3f5f7;
}
body { background: var(--ground); color: var(--ink); font-family: Georgia, "Source Serif 4", "Times New Roman", serif; font-size: 17px; line-height: 1.55; }
h1, h2, h3, h4, .navbar, .btn, .form-label, .ratg-meta, .badge, .ratg-fuss, .nav-link, .ratg-kopf { font-family: "Segoe UI", Arial, Helvetica, sans-serif; }
.ratg-kopf { background: #fff; border-bottom: 2px solid var(--ink); }
.ratg-kopf .navbar-brand { font-weight: 800; font-size: 26px; letter-spacing: -.01em; color: var(--ink); }
.ratg-kopf .punkt { color: var(--accent); }
.ratg-kopf .nav-link { color: var(--ink-2); }
.ratg-kopf .btn-registrieren { color: var(--accent); font-weight: 600; }
.ratg-inhalt { padding: 32px 16px 64px; max-width: 960px; }
.ratg-fuss { border-top: 1px solid var(--line); color: var(--ink-3); font-size: 13px; padding: 20px 0 40px; }
.ratg-fuss a { color: var(--ink-2); }
.ratg-frage { font-family: "Segoe UI", Arial, sans-serif; font-weight: 700; font-size: 22px; line-height: 1.25; color: var(--ink); text-wrap: balance; }
.ratg-frage a { color: inherit; text-decoration: none; }
.ratg-frage a:hover { text-decoration: underline; }
.ratg-meta { font-size: 12.5px; letter-spacing: .02em; color: var(--ink-3); font-weight: 600; }
h2.ratg-meta, legend.ratg-meta, .ratg-teilen .ratg-meta { text-transform: uppercase; letter-spacing: .06em; }
.ratg-treffer { background: #fff; border: 1px solid var(--line); padding: 20px 24px; margin-bottom: 18px; }
.ratg-treffer p { max-width: 68ch; }
.ratg-suchfeld input { font-size: 19px; padding: 12px 16px; border: 2px solid var(--ink); }
.ratg-suchfeld .btn { background: var(--ink); color: #fff; border: 0; font-weight: 600; padding: 12px 22px; }
.ratg-original { background: var(--ground); border-left: 3px solid var(--line); padding: 12px 16px; font-size: 15px; color: var(--ink-2); }
.ratg-erklaerung { background: var(--tint); border-left: 3px solid var(--accent); padding: 14px 18px; font-size: 18px; max-width: 70ch; }
/* Füllzeichen in verdeckten Kontaktangaben (Dienste/Verdeckt.cs) */
.rv { display: none; }
/* Jede Erklärung in diesem Kasten ist mit KI aufbereitet (Rechtssatz, Entscheidung): Hinweis klein rechts unten. */
.ratg-erklaerung::after { content: "Mit KI aufbereitet"; display: block; text-align: right; margin-top: 6px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; color: var(--ink-3); }
.ratg-teilen a, .ratg-teilen button { font-family: "Segoe UI", Arial, sans-serif; font-size: 14px; border: 1px solid var(--ink); color: var(--ink); background: #fff; padding: 6px 12px; text-decoration: none; margin: 0 6px 6px 0; display: inline-block; }
.ratg-teilen a:hover, .ratg-teilen button:hover { background: var(--ink); color: #fff; }
.ratg-beispiele a { display: inline-block; margin: 0 8px 8px 0; padding: 6px 12px; border: 1px solid var(--line); background: #fff; color: var(--ink); text-decoration: none; font-family: "Segoe UI", Arial, sans-serif; font-size: 14px; }
.ratg-zahlen { font-family: "Segoe UI", Arial, sans-serif; color: var(--ink-2); font-size: 14px; }
.ratg-gesetzestext { white-space: pre-wrap; font-size: 16px; background: #fff; border: 1px solid var(--line); padding: 20px 24px; }
.ratg-tabelle td, .ratg-tabelle th { font-family: "Segoe UI", Arial, sans-serif; font-size: 14px; }
.badge-rolle { background: var(--tint); color: var(--accent); font-weight: 600; }
.badge-rolle, .badge-gebiet, .badge-warnung { font-size: 12px; }
.badge-warnung { background: #fbf1f2; color: #b23a48; font-weight: 600; }
.ratg-sprung { position: absolute; left: -999px; top: 0; background: #fff; padding: 8px 12px; z-index: 10; }
.ratg-sprung:focus { left: 8px; }
.ratg-gebiete a .beispiel { color: var(--ink-2); font-weight: 400; }
@media (max-width: 600px) { .ratg-gebiete a .beispiel { display: none; } .ratg-gebiete a::after { content: " \203A"; } }
.badge-gebiet { background: var(--ground); color: var(--ink-2); border: 1px solid var(--line); font-weight: 500; }
.form-control:focus { border-color: var(--ink); box-shadow: none; }
.btn-ratg { background: var(--ink); color: #fff; border: 0; font-weight: 600; }
.btn-ratg:hover { background: var(--accent); color: #fff; }
.ratg-hinweis { font-size: 14px; color: var(--ink-3); font-family: "Segoe UI", Arial, sans-serif; }
@media (max-width: 600px) { .ratg-frage { font-size: 19px; } body { font-size: 16px; } }
.ratg-vorschlaege { position: absolute; left: 0; right: 0; top: 100%; z-index: 20; list-style: none; margin: 4px 0 0; padding: 0; background: #fff; border: 2px solid var(--ink); font-family: "Segoe UI", Arial, sans-serif; font-size: 15px; }
.ratg-vorschlaege li a { display: flex; justify-content: space-between; gap: 12px; padding: 8px 14px; color: var(--ink); text-decoration: none; }
.ratg-vorschlaege li a .gebiet { color: var(--ink-3); font-size: 12.5px; white-space: nowrap; }
.ratg-vorschlaege li[aria-selected="true"] a, .ratg-vorschlaege li a:hover { background: var(--tint); }
.ratg-rollen { font-family: "Segoe UI", Arial, sans-serif; font-size: 14px; color: var(--ink-2); }
.ratg-rollen a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line); margin-right: 10px; }
.ratg-rollen a:hover { border-color: var(--accent); }

/* Newsletter und Anmeldung über Anbieter */
.ratg-newsletter legend.form-label { font-size: 1rem; font-weight: 600; }
.ratg-themen .form-check-inline { margin-right: 14px; margin-bottom: 4px; }
.ratg-oder { display: flex; align-items: center; gap: 12px; color: var(--ink-3); font-size: 14px; font-family: "Segoe UI", Arial, sans-serif; }
.ratg-oder::before, .ratg-oder::after { content: ""; flex: 1; border-top: 1px solid var(--line, #d9dde3); }

/* Hinweis auf eine gegenteilige spätere Entscheidung (RIS-Anmerkung „gegenteilig") */
.ratg-warnung { border-left: 4px solid #b23a48; background: #fbf1f2; padding: 10px 14px; font-size: 15px; }
.ratg-warnung a { font-weight: 600; margin-right: 8px; }