/* Hof anlegen (Stadt, PLZ, freiwillig Alter), Jugendschutz, Meine Daten, Konto löschen, Datenschutzerklärung, Pausen-Hinweis
   (web/js/datenschutz.js, app.js viewPlace) – im Stil der übrigen Fenster: Pergament, Messing, Weinrot für Wichtiges. */

.ort-form { display: grid; gap: 8px; margin-top: 4px; }
.ort-feld, .jgs-reihe label { display: grid; gap: 2px; }
.ort-feld > span, .jgs-reihe label > span { font-weight: 700; }
.ort-form .places { margin-top: -4px; }
.ort-wahl { margin: 0; min-height: 0; }
.ort-wahl:empty { display: none; }
.ort-form > .btn { justify-self: center; margin-top: 4px; }

.jgs-felder { border: 0; padding: 0; margin: 6px 0 0; min-width: 0; display: grid; gap: 6px; }
.jgs-felder > legend { font-weight: 700; padding: 0 0 6px; width: 100%; background: url("/img/ui/perf.png") repeat-x left bottom / 8px 4px; }
.jgs-felder .note, .jgs .note, .ds .note, .ds-loeschen .note { margin: 0; }
.jgs-reihe { display: grid; grid-template-columns: 1.4fr 1fr; gap: 8px; }
.jgs-schalter { display: flex; gap: 10px; align-items: center; min-height: var(--tipp); cursor: pointer; font-weight: 700; }
.jgs-schalter input { flex: none; }
.jgs h3, .ds h3 { margin: 12px 0 6px; font-size: var(--schrift); }
.jgs .views, .ds .views { justify-content: flex-start; margin: 6px 0; }
.jgs-admin { display: grid; gap: 8px; margin-top: 8px; }
.jgs-admin-zeile { display: grid; gap: 4px; padding: 6px 4px 6px 8px;
  border-style: solid; border-width: 6px 6px 8px; border-image: url("/img/ui/chip-paper.png") 3 3 4 fill / 6px 6px 8px stretch; }
.ds-dateien { margin: 6px 0; }
.ds-dateien .btn.small { text-decoration: none; }
.ds-loeschen .btn.small[data-sure] { border-image-source: url("/img/ui/btn-lilac.png"); color: var(--paper); text-shadow: 2px 2px 0 var(--wein-tief); }   /* Weinrot */

.ds-erklaerung h3 { margin: 16px 0 6px; font-size: var(--schrift); }
.ds-erklaerung p { margin: 6px 0; }
.ds-liste { display: grid; gap: 6px; padding-left: 0; }
.ds-liste li { padding-left: 18px; position: relative; }
.ds-liste li::before { content: ""; position: absolute; left: 2px; top: 11px; width: 8px; height: 8px; background: var(--brass-d);
  box-shadow: 2px 2px 0 var(--brass-dd); }
.ds-entwurf { margin: 0 0 10px; padding: 6px 10px; border: 4px solid var(--wine); background: var(--wein-hauch); }
.ds-entwurf strong { color: var(--wine); }
.ds-entwurf ul { display: grid; gap: 2px; margin-top: 4px; font-size: var(--schrift); color: var(--soft); }

.pause-hinweis { position: fixed; left: 0; right: 0; margin: 0 auto; bottom: calc(96px + env(safe-area-inset-bottom)); z-index: 30;
  width: min(92vw, 460px); display: grid; gap: 4px; justify-items: center; text-align: center; }
.pause-hinweis p { margin: 0; }
.pause-hinweis > .btn { justify-self: center; }