/* RÄUMLE · Rechtliche Seiten (Impressum, Datenschutz)
   Nutzt ausschliesslich die Theme-Tokens aus index.css (Figtree, --raumle-*). */

.legal-hero {
	background: var(--raumle-dark);
	color: #fff;
	padding: 58px 0 46px;
}
.legal-hero h1 {
	margin: 0 0 8px;
	font-family: var(--raumle-font-head);
	color: #fff;
}
.legal-hero p {
	margin: 0;
	color: rgba(255, 255, 255, .78);
	max-width: 62ch;
}

.legal-note {
	background: #fff7ea;
	border: 1px solid rgba(255, 159, 28, .55);
	border-left: 6px solid var(--raumle-orange);
	border-radius: 12px;
	padding: 18px 22px;
margin: 0 0 46px;
max-width: 78ch;
	color: var(--raumle-ink);
	font-size: .95rem;
}
.legal-note strong { color: var(--raumle-dark); }

.legal-body {
max-width: 78ch;
margin: 0;
}
.legal-body h2 {
	font-family: var(--raumle-font-head);
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--raumle-dark);
	margin: 42px 0 10px;
}
.legal-body h2:first-child { margin-top: 0; }
.legal-body h3 {
	font-size: 1rem;
	font-weight: 700;
	color: var(--raumle-dark);
	margin: 22px 0 6px;
}
.legal-body p,
.legal-body li {
	color: var(--raumle-gray);
	line-height: 1.7;
	font-size: .98rem;
}
.legal-body p { margin: 0 0 14px; }
.legal-body ul { margin: 0 0 14px; padding-left: 20px; }
.legal-body address {
	font-style: normal;
	color: var(--raumle-ink);
	font-weight: 600;
	line-height: 1.7;
	margin: 0 0 14px;
}
.legal-body a { color: var(--raumle-dark); }
.legal-body a:hover { color: var(--raumle-orange); }
.legal-brand { margin: 0 0 16px; }

.legal-flag {
	background: #f4f8fb;
	border-left: 4px solid var(--raumle-dark);
	border-radius: 8px;
	padding: 14px 18px;
	margin: 0 0 14px;
	font-size: .94rem;
}

.legal-links {
	margin: 46px 0 0;
	padding-top: 24px;
	border-top: 1px solid rgba(27, 73, 101, .14);
	font-size: .95rem;
	color: var(--raumle-gray);
}

@media (max-width: 700px) {
	.legal-hero { padding: 40px 0 32px; }
	.legal-body h2 { margin-top: 32px; }
}

/* ===== RÄUMLE v1.3 (Nova, 23.09.2026) ===== */
.raumle-nav__list a.is-active { color: #FF9F1C; }
.raumle-nav__list a.is-active::after { content: ""; display: block; height: 2px; margin-top: 3px; background: #FF9F1C; border-radius: 2px; }

/* Nav-Eintrag "Event anfragen" nur im mobilen Menue zeigen (Header-CTA ist < 900px aus) */
.raumle-nav__cta-item { display: list-item; }
.raumle-nav__cta-item a { color: var(--raumle-orange); }
@media (min-width: 901px) { .raumle-nav__cta-item { display: none; } }