/* Impressum und Datenschutzerklärung. Farben und Schrift kommen aus atelier.css. */
.recht-kopf{max-width:760px; margin:0 auto; padding-block:34px 4px}
.zurueck{color:var(--hell, #ff78ac); text-decoration:none; font-size:.9rem; font-weight:600}
.zurueck:hover{text-decoration:underline}
/* Auf schmalen Handys schrumpft die Überschrift mit, damit „Datenschutzerklärung“ auch bei 320 px passt.
   Ab etwa 400 px wie gehabt: 2.1rem bis 3rem. Wird es trotzdem zu eng (große Schrift), trennt der Browser. */
.recht-kopf h1{font-size:clamp(1.7rem, min(8.5vw, max(2.1rem, 6vw)), 3rem); line-height:1.02; letter-spacing:-.04em; margin:0;
               -webkit-hyphens:auto; hyphens:auto; overflow-wrap:anywhere}
.recht{max-width:760px; margin:18px auto 0}
.recht h2{font-size:1.1rem; color:var(--tinte); margin:28px 0 8px}
.recht > h2:first-child{margin-top:0}
.recht p{margin-bottom:12px; font-size:.97rem; max-width:68ch}
.recht ul{margin:0 0 12px 20px}
mark{background:var(--rose); color:inherit; padding:2px 6px; border-radius:6px; font-weight:700}
.stand{margin-top:26px; padding-top:14px; border-top:1px solid var(--linie); font-size:.88rem; color:var(--leise)}
.recht-fuss{max-width:760px; margin:24px auto 0; padding-bottom:calc(36px + env(safe-area-inset-bottom,0px)); text-align:center;
            font-size:.88rem; color:var(--leise)}
.recht-fuss a{color:var(--leise); text-decoration:none; margin:0 8px}
.recht-fuss a:hover{color:var(--beere); text-decoration:underline}