/* =========================================================================
   Fragen (/fragen/), Impressum, Datenschutz
   ========================================================================= */

/* ---------- Sprungmarken (Chips) im Hero ---------- */
.wp-block-buttons.menne-chips { gap: 10px; margin-top: 30px !important; }
.menne-chips .wp-block-button.is-style-menne-quiet .wp-block-button__link {
	padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(239, 232, 221, .38); background: rgba(26, 18, 10, .45);
	color: var(--m-cream); font-size: 14px; font-weight: 600; line-height: 1.3; white-space: normal; text-shadow: none;
	backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
}
.menne-chips .wp-block-button.is-style-menne-quiet .wp-block-button__link:hover,
.menne-chips .wp-block-button.is-style-menne-quiet .wp-block-button__link:focus-visible {
	background: var(--m-moss-bright); border-color: var(--m-moss-bright); color: var(--m-walnut); transform: none;
}
.menne-chips .wp-block-button__link:focus-visible { outline-color: var(--m-moss-bright); }

/* ---------- Fragen: Themengruppen ---------- */
.menne-fragen-sec { padding-top: 72px; padding-bottom: 0; }
.menne-fragen-sec--first { padding-top: var(--wp--preset--spacing--100, 96px); }
.menne-fragen-sec--last { padding-bottom: var(--wp--preset--spacing--100, 96px); }
.wp-block-group.menne-faq-head { gap: 14px; align-items: baseline !important; padding-top: 14px; }
.menne-faq-head > * { margin: 0 !important; }
.menne-faq-head .menne-faq-num { font-family: var(--m-display); font-size: 18px; line-height: 1; color: var(--m-moss); }
.menne-fragen-sec .menne-fragen-h2 { margin-top: 8px !important; margin-bottom: 0; }
.menne-fragen-sec .menne-faq-list { margin-top: 26px !important; }
.menne-fragen-sec .menne-faq-list > :first-child { margin-top: 0; }
.menne-fragen-sec .is-style-menne-arrow { margin-top: 14px !important; }
.menne-fragen-sec .wp-block-details a { color: var(--m-moss); font-weight: 600; }

/* Schluss-CTA (zentriert, Statement + Buttons) */
.menne-schluss-cta .is-style-menne-statement { margin-top: 14px !important; }
.menne-schluss-cta .wp-block-buttons { margin-top: 30px !important; }

/* ---------- Rechtstexte ---------- */
.menne-legal-hero .is-style-menne-lead { max-width: 52ch; }
.menne-legal { padding-top: 64px; padding-bottom: 90px; }
.menne-legal .menne-inner { max-width: 696px; margin-inline: auto !important; }
.menne-legal h2 {
	font-size: clamp(22px, 2.4vw, 28px); line-height: 1.15; letter-spacing: -.01em;
	margin-top: 52px !important; margin-bottom: 10px; padding-left: 16px; border-left: 3px solid var(--m-moss);
	scroll-margin-top: 96px;
}
.menne-legal .menne-inner > h2:first-child { margin-top: 0 !important; }
.menne-legal h3 { font-family: var(--m-body); font-weight: 700; font-size: 17px; line-height: 1.45; letter-spacing: 0; color: var(--m-ink); margin-top: 32px !important; margin-bottom: 8px; }
.menne-legal p, .menne-legal li { font-size: 16px; line-height: 1.7; color: var(--m-ink-soft); }
.menne-legal h2 + p, .menne-legal h3 + p { margin-top: 0; }
.menne-legal p + p { margin-top: 10px; }
.menne-legal a { color: var(--m-moss); font-weight: 600; overflow-wrap: anywhere; }
.menne-legal .is-style-menne-note { font-style: italic; font-size: 14px; }
/* Rechtliches-Hero: Ordner-Beschriftung im Foto liegt hinter dem Text → linke Abdunklung etwas kräftiger */
.wp-block-cover.is-style-menne-hero-short.menne-legal-hero::after { background: linear-gradient(90deg, rgba(14, 9, 4, .7) 0%, rgba(14, 9, 4, .48) 45%, rgba(14, 9, 4, 0) 74%); }

/* ---------- Rechtstexte wie Design-Referenz (überschreibt obige Werte) ---------- */
.wp-block-cover.is-style-menne-hero.menne-legal-hero { align-items: flex-start; }
.wp-block-cover.is-style-menne-hero.menne-legal-hero > .wp-block-cover__inner-container { padding-top: 64px; padding-bottom: 60px; }
.menne-legal-hero h1 { font-size: clamp(30px, 4vw, 48px); }
.menne-legal-hero .is-style-menne-lead { font-size: 18px; line-height: 1.6; max-width: 46ch; }
@media (min-width: 1024px) {
	.wp-block-cover.menne-legal-hero--right > .wp-block-cover__inner-container { padding-top: 76px; padding-left: max(var(--m-gutter), calc(50% - 56px)) !important; }
	.menne-legal-hero--right .wp-block-cover__inner-container > * { max-width: 520px; }
	.wp-block-cover.menne-legal-hero--right::after { background: radial-gradient(ellipse 48% 62% at 64% 26%, rgba(14, 9, 4, .62) 0%, rgba(14, 9, 4, .3) 55%, rgba(14, 9, 4, 0) 100%); }
}
.menne-legal h2 { font-size: clamp(20px, 2.4vw, 26px); margin-top: 40px !important; padding-left: 0; border-left: 0; }
.menne-legal--ds h2 { margin-top: 52px !important; padding-left: 16px; border-left: 3px solid var(--m-moss); }
.menne-legal .menne-inner > .menne-toc + h2, .menne-legal .menne-inner > h2:first-child { margin-top: 0 !important; }
/* Inhalt dieser Seite */
.menne-toc { background: var(--m-sand); border: 1px solid var(--m-line); border-radius: 3px; padding: 24px 28px; margin-bottom: 40px !important; }
.menne-toc > * { margin: 0 !important; }
.menne-legal .menne-toc-title { font-weight: 600; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--m-moss); margin-bottom: 12px !important; }
.menne-toc-list { list-style: none; padding: 0; display: grid; gap: 8px; counter-reset: d; }
.menne-toc-list li { counter-increment: d; }
.menne-legal .menne-toc-list a { display: flex; gap: 10px; color: var(--m-ink-soft); text-decoration: none; font-size: 15px; font-weight: 400; transition: color .2s var(--m-ease); }
.menne-toc-list a::before { content: counter(d, decimal-leading-zero); font-family: var(--m-display); color: var(--m-moss); font-size: 14px; }
.menne-legal .menne-toc-list a:hover { color: var(--m-ink); }
.menne-legal a { text-decoration: none; }
.menne-legal a:hover { text-decoration: underline; }
