/* ============================================================
   Rechtstext-Seiten (Impressum, Datenschutz, Barrierefreiheit) —
   Inhaltsseiten mit eRecht24-Text über page.html + post-content,
   NICHT Mockup-Port. Stylt NUR den Titel-Balken und den Text-
   bereich. Tokens, Reset, Nav und Footer kommen aus base.css
   (lädt vorher), die mobile Basis (CSS-Hamburger, Menü-Overlay,
   Footer-Grid 4→2→1, --pad-Stufung) wie überall aus
   _shared-responsive.css (lädt danach). Das früher hier
   duplizierte Boilerplate wurde am 21.07. entfernt.
   ============================================================ */

/* ── Titel-Balken (dunkel, damit der transparente Header lesbar ist) ── */
.legal-hero{background:var(--warm-900);padding:150px var(--pad) 64px}
.legal-hero .wp-block-post-title{font-family:var(--font-display);font-size:56px;font-weight:800;line-height:1.05;letter-spacing:-2px;color:var(--white);max-width:820px;margin:0 auto}

/* ── Textbereich (eRecht24-Inhalt) ── */
.legal-content{padding:64px var(--pad) 88px}
.legal-content .wp-block-post-content,.legal-content .entry-content{max-width:820px;margin:0 auto;color:var(--warm-600);font-size:16px;line-height:1.8}
.legal-content h1,.legal-content h2{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--warm-900);margin-top:2em;margin-bottom:.6em;line-height:1.25}
.legal-content h3{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--warm-900);margin-top:1.6em;margin-bottom:.5em}
.legal-content h1:first-child,.legal-content h2:first-child,.legal-content h3:first-child{margin-top:0}
.legal-content p{margin-bottom:1.1em}
.legal-content ul,.legal-content ol{margin:0 0 1.1em 1.4em}
.legal-content li{margin-bottom:.4em}
.legal-content a{color:var(--orange);text-decoration:underline;text-underline-offset:2px;overflow-wrap:break-word}
.legal-content a:hover{color:var(--orange-hover)}
.legal-content strong{color:var(--warm-800)}

/* ── Responsive (Nav/Footer-Mobilbasis kommt aus _shared-responsive.css) ── */
@media (max-width:900px){
	.legal-hero{padding:130px var(--pad) 48px}
	.legal-hero .wp-block-post-title{font-size:44px}
	.legal-content{padding:48px var(--pad) 64px}
}
@media (max-width:640px){
	.legal-hero{padding:116px var(--pad) 40px}
	.legal-hero .wp-block-post-title{font-size:32px;letter-spacing:-1px}
	.legal-content{padding:40px var(--pad) 56px}
	.legal-content h1,.legal-content h2{font-size:23px}
}