/* Lesbare rechtliche Informationsseite im bestehenden Design. */
.legal-main { max-width: 940px; padding-block: 55px 85px; }
.legal-main h1 { font-size: clamp(2.5rem,6vw,4rem); margin-block: 25px; }
.legal-main h2 { font-family: inherit; font-size: 1.45rem; letter-spacing: -.02em; margin-block: 28px 15px; }
.legal-card h2:first-child { margin-top: 0; }
.legal-card { margin-top: 28px; }
.legal-card address { font-style: normal; margin-top: 20px; }
.legal-card a { overflow-wrap: anywhere; text-underline-offset: 4px; }
.legal-draft { padding: 22px 25px; background: #fff3d9; border: 1px solid #c8a668; border-radius: 16px; color: #503b1b; }
.legal-draft p { margin-top: 8px; }
.legal-missing { border-left: 3px solid #a46e34; padding-left: 15px; }
.legal-open { padding: 12px 0 0; }
@media(max-width:640px) { .legal-main { padding-block: 35px 55px; } .legal-card { padding: 25px; } }

/* Lange deutsche Überschriften und Platzhalter auf kleinen Bildschirmen. */
.legal-main h1, .legal-main h2, .legal-missing { overflow-wrap: anywhere; }
.legal-missing { margin-block: 20px; padding: 15px; background: #fff3dc; color: #503b1b; border-radius: 5px; font-size: .94rem; }