/* Camping-Packliste (camping.domain-root.de; T39, 29.10.2026). Rahmen, Knöpfe und Felder aus domainroot.css
   (.dr-werkzeug, .dr-btn, .dr-feld); Farben nur über die Variablen des Hosts. Druckansicht: Auswahl und Knöpfe blendet
   domainroot.css aus, hier nur die Liste mit leeren Kästchen. */
.dr-cpl-form { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
.dr-cpl-wahl { border: 1px solid var(--dr-linie); border-radius: 12px; padding: .6rem .95rem .7rem; margin: 0; min-width: 0; }
.dr-cpl-wahl legend { font-weight: 700; font-size: .95rem; padding: 0 .3rem; }
.dr-cpl-wahl > label { display: flex; gap: .6rem; align-items: center; padding: .3rem 0; cursor: pointer; }
.dr-cpl-wahl > label input, .dr-cpl-punkt input { width: 1.2rem; height: 1.2rem; accent-color: var(--dr-marke); flex: none; margin: 0; }
.dr-cpl-kinder:empty { display: none; }
.dr-cpl-kind { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; gap: .6rem; align-items: end; margin: .5rem 0; padding: .6rem 0 0; border-top: 1px solid var(--dr-linie); }
.dr-cpl-kind .dr-feld input, .dr-cpl-kind .dr-feld select { padding: .5rem .7rem; }
.dr-main .prose .dr-cpl-kinder-knopf, .dr-cpl-kinder-knopf { margin: .6rem 0 .3rem; }
.dr-main .prose .dr-cpl-kinder-text, .dr-cpl-kinder-text { margin: 0; color: var(--dr-tinte-2); }

.dr-cpl-druckkopf { display: none; }
.dr-main .prose .dr-cpl-gesamt, .dr-cpl-gesamt { margin: 0 0 .7rem; font-weight: 700; }
.dr-cpl-gruppe { margin: 0 0 .8rem; padding: .8rem .95rem .6rem; border: 1px solid var(--dr-linie); border-radius: 12px; background: var(--dr-flaeche); }
.dr-cpl-gruppe--kind { border-left: 4px solid var(--dr-marke); }
.dr-cpl-gruppe-kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.dr-main .prose .dr-cpl-gruppe-titel, .dr-cpl-gruppe-titel { margin: 0; padding: 0; font-size: 1.08rem; }
.dr-cpl-zahl { font-size: .9rem; font-weight: 700; color: var(--dr-tinte-2); white-space: nowrap; }
.dr-cpl-balken { height: .35rem; margin: .45rem 0 .5rem; border-radius: 99px; background: var(--dr-flaeche-2); overflow: hidden; }
.dr-cpl-balken span { display: block; height: 100%; width: 0; background: var(--dr-marke); transition: width .2s; }
.dr-cpl-gruppe--fertig .dr-cpl-balken span { background: var(--dr-tipp); }
.dr-main .prose .dr-cpl-gruppe-hinweis, .dr-cpl-gruppe-hinweis { margin: 0 0 .4rem; font-size: .9rem; color: var(--dr-tinte-2); }
.dr-main .prose .dr-cpl-punkte, .dr-cpl-punkte { list-style: none; margin: 0; padding: 0; columns: 2 18rem; column-gap: 1.5rem; }
.dr-main .prose .dr-cpl-punkt, .dr-cpl-punkt { display: grid; grid-template-columns: 1.2rem minmax(0, 1fr); gap: .1rem .6rem; align-items: start; margin: 0; padding: .3rem 0; break-inside: avoid; }
.dr-cpl-punkt::before { content: none !important; }
.dr-cpl-punkt input { margin-top: .2rem; }
.dr-cpl-punkt label { cursor: pointer; }
.dr-cpl-text { display: block; }
.dr-cpl-hinweis { display: block; font-size: .86rem; color: var(--dr-tinte-2); }
.dr-cpl-link { grid-column: 2; font-size: .86rem; }
.dr-cpl-punkt--an .dr-cpl-text { color: var(--dr-tinte-3); text-decoration: line-through; }
@media (prefers-reduced-motion: reduce) { .dr-cpl-balken span { transition: none; } }

@media (max-width: 720px) {
    .dr-cpl-form { grid-template-columns: minmax(0, 1fr); }
    .dr-cpl-kind { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
}

@media print {
    .dr-cpl-druckkopf { display: block; font-weight: 800; font-size: 13pt; margin: 0 0 .5rem; }
    .dr-cpl-gesamt, .dr-cpl-zahl, .dr-cpl-balken, .dr-cpl-link, .dr-cpl-mehr { display: none !important; }
    .dr-cpl-gruppe { border: 0; border-top: 1.5px solid #000; border-radius: 0; background: #fff !important; padding: .4rem 0 .2rem; break-inside: auto; }
    .dr-cpl-gruppe--kind { border-left: 0; }
    .dr-cpl-gruppe-titel { break-after: avoid; }
    .dr-cpl-punkt input { appearance: none; -webkit-appearance: none; width: 11pt; height: 11pt; border: 1.2px solid #000; border-radius: 2px; background: #fff; }
    .dr-cpl-punkt--an .dr-cpl-text { color: #000; text-decoration: none; }
    .dr-cpl-hinweis, .dr-cpl-gruppe-hinweis { color: #000; }
}