/* Hochzeitsgeld-Rechner (geschenke.domain-root.de; T58, 29.10.2026). Rahmen, Felder und Knöpfe aus domainroot.css
   (.dr-werkzeug, .dr-feld, .dr-btn); Farben nur über die Variablen des Hosts. */
.dr-hg-form { align-items: start; }
.dr-hg-form .dr-feld select { width: 100%; min-width: 0; }
.dr-hg-form input:disabled, .dr-hg-form select:disabled { opacity: .55; cursor: not-allowed; }
.dr-hg-gruppe { border: 1px solid var(--dr-linie); border-radius: 12px; padding: .7rem .95rem .9rem; margin: 0; min-width: 0; }
.dr-hg-gruppe legend { font-weight: 700; font-size: 1rem; padding: 0 .3rem; }
.dr-main .prose .dr-hg-gruppe p, .dr-hg-gruppe p { margin: .4rem 0 0; }
.dr-hg-wahl { display: flex; flex-wrap: wrap; gap: .1rem 1.6rem; }
.dr-hg-wahl--spalte { flex-direction: column; }
.dr-hg-wahl label, .dr-hg-check { display: flex; gap: .55rem; align-items: center; padding: .3rem 0; cursor: pointer; min-height: 44px; }
.dr-hg-wahl input, .dr-hg-check input { width: 1.15rem; height: 1.15rem; accent-color: var(--dr-marke); flex: none; margin: 0; }
.dr-hg-reihe { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.dr-hg-essen-hinweis[hidden] { display: none; }

/* Ergebnis */
.dr-hg-ergebnis { overflow-wrap: anywhere; }
.dr-main .prose .dr-hg-marke, .dr-hg-marke { display: inline-block; margin: 0 0 .5rem; padding: .1rem .6rem; border-radius: 99px; background: var(--dr-flaeche); border: 1px solid var(--dr-linie-2); font-size: .8rem; font-weight: 700; color: var(--dr-tinte-2); }
.dr-main .prose .dr-hg-titel, .dr-hg-titel { margin: 1rem 0 .35rem; padding: 0; font-size: 1.08rem; line-height: 1.35; }
.dr-main .prose .dr-hg-marke + .dr-hg-titel { margin-top: .2rem; }
.dr-main .prose .dr-hg-gross, .dr-hg-gross { font-size: 2rem; font-weight: 800; color: var(--dr-marke); margin: 0 0 .5rem; line-height: 1.25; }
.dr-main .prose .dr-hg-saetze, .dr-hg-saetze { margin: 0 0 .8rem; }
.dr-main .prose .dr-hg-hinweise, .dr-hg-hinweise { margin: .7rem 0 0; padding: .65rem .85rem; border-radius: 10px; background: var(--dr-marke-tint); font-size: .95rem; }
.dr-main .prose .dr-hg-hinweise-titel, .dr-hg-hinweise-titel { margin: 0 0 .3rem; font-weight: 700; }
.dr-main .prose .dr-hg-hinweise ul { margin: 0; }
.dr-main .prose .dr-hg-quelle, .dr-hg-quelle { margin: .7rem 0 0; padding: .65rem .85rem; border-radius: 10px; background: var(--dr-flaeche); border: 1px solid var(--dr-linie); font-size: .9rem; color: var(--dr-tinte-2); }
.dr-w-hochzeitsgeld input:focus-visible, .dr-w-hochzeitsgeld select:focus-visible, .dr-hg-ergebnis a:focus-visible { outline: 3px solid var(--dr-akzent); outline-offset: 2px; }

@media (max-width: 700px) {
    .dr-hg-reihe { grid-template-columns: minmax(0, 1fr); }
}
@media print {
    .dr-hg-hinweise, .dr-hg-quelle { background: #fff !important; border: 1px solid #000; }
}