/* Etappenplaner Elberadweg (elberadweg.domain-root.de; T47, 29.10.2026). Rahmen, Knöpfe, Felder und Tabellen aus
   domainroot.css (.dr-werkzeug, .dr-btn, .dr-feld, .dr-tabelle); Farben nur über die Variablen des Hosts. Druckansicht:
   Eingaben und Knöpfe blendet domainroot.css aus, hier nur Plan und Kopfzeile. */
.dr-epl-form { align-items: start; }
.dr-main .prose .dr-epl-tauschen, .dr-epl-tauschen { margin: 0; display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.dr-epl-wahl, .dr-epl-vorgaben { border: 1px solid var(--dr-linie); border-radius: 12px; padding: .6rem .95rem .75rem; margin: 0; min-width: 0; }
.dr-epl-wahl legend, .dr-epl-vorgaben legend { font-weight: 700; font-size: .95rem; padding: 0 .3rem; }
.dr-epl-wahl label { display: inline-flex; gap: .5rem; align-items: center; margin: .3rem 1.4rem .2rem 0; cursor: pointer; }
.dr-epl-wahl input { width: 1.15rem; height: 1.15rem; accent-color: var(--dr-marke); margin: 0; }
.dr-epl-vorgaben .dr-btn { margin: .25rem .4rem .1rem 0; }
.dr-epl-vorgaben .dr-btn[aria-pressed="true"] { background: var(--dr-marke); color: #fff; border-color: var(--dr-marke); }

.dr-epl-fehler { margin: 0 0 1rem; padding: .7rem 1rem; border: 1.5px solid var(--dr-warn); border-radius: 10px; background: var(--dr-warn-tint); color: var(--dr-warn); font-weight: 600; }
.dr-epl-ergebnis:empty { display: none; }
.dr-epl-druckkopf { display: none; }
.dr-main .prose .dr-epl-titel, .dr-epl-titel { margin: 0 0 .3rem; padding: 0; font-size: 1.15rem; }
.dr-main .prose .dr-epl-summe { margin: 0 0 .6rem; font-weight: 600; }
.dr-main .prose .dr-epl-hinweis, .dr-epl-hinweis { margin: 0 0 .6rem; padding: .6rem .9rem; border-left: 4px solid var(--dr-warn-linie); background: var(--dr-flaeche-2); border-radius: 6px; font-size: .94rem; }
.dr-epl-zahl { text-align: right; white-space: nowrap; }
.dr-epl-tabelle td, .dr-epl-tabelle th { vertical-align: top; }
.dr-epl-zeile--lang td, .dr-epl-zeile--lang th { background: var(--dr-warn-tint); }
.dr-epl-zeile--kurz td, .dr-epl-zeile--kurz th { background: var(--dr-flaeche-2); }
.dr-epl-marke { display: block; font-size: .78rem; font-weight: 700; color: var(--dr-warn); white-space: nowrap; }
.dr-main .prose .dr-epl-hinweise { margin: .4rem 0 .6rem; padding-left: 1.2rem; font-size: .92rem; color: var(--dr-tinte-2); }
.dr-main .prose .dr-epl-stoerung { margin: 0 0 1rem; font-size: .94rem; }
.dr-epl-orte { margin: 0 0 1rem; border: 1px solid var(--dr-linie); border-radius: 12px; padding: .5rem .95rem; background: var(--dr-flaeche); }
.dr-epl-orte summary { cursor: pointer; font-weight: 700; padding: .2rem 0; }
.dr-epl-orte .dr-tabelle-rahmen { margin: .6rem 0 .4rem; max-height: 28rem; overflow-y: auto; }
.dr-epl-orte-tabelle td:last-child { font-size: .86rem; color: var(--dr-tinte-2); }

@media print {
    .dr-epl-druckkopf { display: block; font-weight: 800; font-size: 13pt; margin: 0 0 .5rem; }
    .dr-epl-orte, .dr-epl-fehler { display: none !important; }
    .dr-epl-zeile--lang td, .dr-epl-zeile--lang th, .dr-epl-zeile--kurz td, .dr-epl-zeile--kurz th { background: #fff !important; }
    .dr-epl-marke { color: #000; }
}
