/* Nur für datenschutz.html. Gemeinsame Grundlagen stehen in stil.css. */

.wrap{max-width:760px;margin:0 auto;padding:clamp(2rem,5vw,4rem) var(--rand)}
/* Oberlaengen ragen aus dem Zeilenkasten -- siehe Kommentar in start.css */
h1{font-family:'Brightwall',cursive;color:var(--lila);font-size:clamp(38px,6vw,56px);line-height:1.15;font-weight:400;margin:.5em 0 1.5rem}
h2{font-size:clamp(17px,2vw,20px);color:var(--lila);font-weight:400;margin:2.25rem 0 .5rem}
h3{font-size:16px;font-weight:400;margin:1.25rem 0 .25rem}
p,li{font-size:clamp(15px,1.2vw,16px);color:var(--grau)}
ul{padding-left:1.2rem}
.zurueck{display:inline-block;border:1px solid var(--linie);color:var(--lila);border-radius:999px;padding:8px 16px;
  font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;margin-bottom:2rem}
.box{background:var(--creme);border-radius:12px;padding:1.25rem 1.5rem;margin:1rem 0}

/* Sprachumschalter, siehe start.css */
.sprachen{display:flex;gap:6px;justify-content:flex-end;margin-bottom:1.5rem}
.sprachb{border:1px solid var(--linie);background:#fff;color:var(--lila);border-radius:999px;
  padding:5px 12px;font-size:12px;letter-spacing:.1em;cursor:pointer;font-family:inherit;min-height:32px}
.sprachb.aktiv{background:var(--lila);color:#fff;border-color:var(--lila)}