/* Rechtstexte — ruhige, lesbare Spalte auf Papier */
.kr-recht { padding-block: clamp(120px, 15vh, 170px) clamp(56px, 7vw, 96px); }
.kr-recht h1 { font-family: var(--schrift-plakat); font-size: clamp(2.4rem, 5vw, 4rem); margin-bottom: var(--raum-8); }
.kr-recht h2 { font-family: var(--schrift-plakat); font-size: clamp(1.5rem, 2.4vw, 2rem);
  margin-top: var(--raum-12); margin-bottom: var(--raum-4); color: var(--rot); }
.kr-recht h3 { font-size: 17px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  margin-top: var(--raum-8); margin-bottom: var(--raum-3); }
.kr-recht p, .kr-recht li { font-size: 17px; line-height: 1.7; color: var(--tinte); }
.kr-recht p + p { margin-top: var(--raum-4); }
.kr-recht ul { margin-top: var(--raum-3); display: grid; gap: var(--raum-2); }
.kr-recht li { padding-left: var(--raum-6); position: relative; }
.kr-recht li::before { content: "—"; position: absolute; left: 0; color: var(--rot); }
.kr-recht a { color: var(--rot); }
.kr-recht dl { margin: var(--raum-4) 0 0; display: grid; grid-template-columns: 200px 1fr; gap: var(--raum-3) var(--raum-6); }
.kr-recht dt { font-weight: 700; color: var(--tinte-weich); }
.kr-recht dd { margin: 0; }
@media (max-width: 36rem) { .kr-recht dl { grid-template-columns: minmax(0,1fr); gap: 2px var(--raum-4); } }
.kr-recht__hinweis { background: var(--senf); border-left: 4px solid var(--orange);
  padding: var(--raum-4) var(--raum-6); border-radius: 0 var(--r-aktion) var(--r-aktion) 0; margin-bottom: var(--raum-8); }