/* Update 03.11.2026: neue echte Fotos – im Prototyp ohne Farbfilter */
.wp-block-cover.menne-hero--nofilter .wp-block-cover__image-background { filter: none !important; }
.menne-obj-40-35 img { object-position: 40% 35% !important; }

/* Zimmer- & Spezialtüren (Update 04.11.): Foto rechts 62 %, harte Kante auf Bark, Text mittig; mobil Foto über dem Text */
.wp-block-cover.is-style-menne-hero.menne-hero--tz62 { align-items: center; background: var(--m-bark); }
.wp-block-cover.is-style-menne-hero.menne-hero--tz62::before { display: none; }
.wp-block-cover.is-style-menne-hero.menne-hero--tz62 .wp-block-cover__image-background { left: auto; right: 0; width: 62%; }
.wp-block-cover.is-style-menne-hero.menne-hero--tz62::after { background: linear-gradient(90deg, var(--m-bark) 0%, var(--m-bark) 38%, rgba(90, 71, 51, .6) 40.5%, rgba(90, 71, 51, 0) 44%); }
.wp-block-cover.is-style-menne-hero.menne-hero--tz62 > .wp-block-cover__inner-container { padding-top: 118px; padding-bottom: 78px; }
.wp-block-cover.menne-hero--tz62 .is-style-menne-eyebrow { backdrop-filter: none; -webkit-backdrop-filter: none; }
/* Vorlage: Eyebrow margin-bottom 6px + H1 margin-top 16px */
.wp-block-cover.is-style-menne-hero.menne-hero--tz62 .wp-block-cover__inner-container > h1 { margin-top: 22px !important; }
.wp-block-cover.menne-hero--tz62 h1 { font-size: clamp(30px, 3.4vw, 46px) !important; text-shadow: none; max-width: min(380px, calc(38vw - max(32px, (100vw - 1200px) / 2 + 32px))) !important; }
.wp-block-cover.menne-hero--tz62 .wp-block-cover__inner-container > p:not(.is-style-menne-eyebrow) { color: #f3ede3; font-size: 18px; text-shadow: none; max-width: min(380px, calc(38vw - max(32px, (100vw - 1200px) / 2 + 32px))) !important; }
@media (max-width: 920px) {
	.wp-block-cover.is-style-menne-hero.menne-hero--tz62 { flex-direction: column; align-items: stretch; }
	.wp-block-cover.is-style-menne-hero.menne-hero--tz62 .wp-block-cover__image-background { position: relative; inset: auto; width: 100%; height: 52vh; }
	.wp-block-cover.is-style-menne-hero.menne-hero--tz62::after { display: none; }
	.wp-block-cover.is-style-menne-hero.menne-hero--tz62 > .wp-block-cover__inner-container { padding: 40px 22px 56px !important; }
	.wp-block-cover.menne-hero--tz62 h1, .wp-block-cover.menne-hero--tz62 .wp-block-cover__inner-container > p:not(.is-style-menne-eyebrow) { max-width: none !important; }
}

/* Fenster & Haustüren: kräftigerer Farbfilter laut Prototyp */
.wp-block-cover.menne-hero--fenster .wp-block-cover__image-background { filter: brightness(1.06) saturate(1.38) contrast(1.06) !important; }

/* Hotellerie: Referenzkarte als Bild (ersetzt die gezeichnete Küstenkarte) */
.menne-inner > .wp-block-image.menne-hot-map { margin: 32px 0 0; border-radius: 3px; overflow: hidden; box-shadow: var(--m-shadow-card); }
.menne-hot-map img { display: block; width: 100%; height: auto; }
.menne-inner > .wp-block-image.menne-hot-map + .menne-hot-refs { margin-top: 20px; }

/* Das System: Hero-Lead gerendert 460 px (Design-System begrenzt die 52ch des Quelltexts) */
.wp-block-cover.menne-hero-split--62 .wp-block-cover__inner-container > p.is-style-menne-lead[class*="menne-mw-"] { --menne-mw: 460px; }

/* Gewerbe-, Service-, Kontakt-, Jobs- und Fragen-Seite: Sektionen 96 px wie im Prototyp (Klasse per body_class) */
body.menne-raster-96 { --wp--preset--spacing--100: 96px; }

/* Sektionsabstände je Sektion wie Vorlage (feste px auch mobil) – gesetzt per pad() im Generator */
.menne-section.menne-pt-0 { padding-top: 0; } .menne-section.menne-pb-0 { padding-bottom: 0; }
.menne-section.menne-pt-56 { padding-top: 56px; } .menne-section.menne-pb-56 { padding-bottom: 56px; }
.menne-section.menne-pt-60 { padding-top: 60px; } .menne-section.menne-pb-60 { padding-bottom: 60px; }
.menne-section.menne-pt-64 { padding-top: 64px; } .menne-section.menne-pb-64 { padding-bottom: 64px; }
.menne-section.menne-pt-72 { padding-top: 72px; } .menne-section.menne-pb-72 { padding-bottom: 72px; }
.menne-section.menne-pt-80 { padding-top: 80px; } .menne-section.menne-pb-80 { padding-bottom: 80px; }
.menne-section.menne-pt-90 { padding-top: 90px; } .menne-section.menne-pb-90 { padding-bottom: 90px; }
.menne-section.menne-pt-96 { padding-top: 96px; } .menne-section.menne-pb-96 { padding-bottom: 96px; }
.menne-section.menne-pt-104 { padding-top: 104px; } .menne-section.menne-pb-104 { padding-bottom: 104px; }
.menne-section.menne-pt-110 { padding-top: 110px; } .menne-section.menne-pb-110 { padding-bottom: 110px; }
.menne-section.menne-pt-112 { padding-top: 112px; } .menne-section.menne-pb-112 { padding-bottom: 112px; }
.menne-section.menne-pt-118 { padding-top: 118px; } .menne-section.menne-pb-118 { padding-bottom: 118px; }
.menne-section.menne-pt-120 { padding-top: 120px; } .menne-section.menne-pb-120 { padding-bottom: 120px; }
.menne-section.menne-pb-148 { padding-bottom: 148px; }

/* Phasen-Leiste: aktive Phase ohne Vergrößerung (Vorlage: nur Schatten-Ring) */
.is-style-menne-phases > .wp-block-column.is-current .menne-phase-num { transform: none; }

/* Pfeil-Links: Vorlage meist 34 px Abstand davor (Einzelfälle per Klasse) */
.is-style-menne-arrow { margin-top: 34px; }
.is-style-menne-arrow.menne-arrow-mt-30 { margin-top: 30px !important; }
.is-style-menne-arrow.menne-arrow-mt-32 { margin-top: 32px !important; }
.is-style-menne-arrow.menne-arrow-mt-64 { margin-top: 64px !important; }

/* Startseite: nummerierte Zeilen wie Vorlage (Zeilenhöhe 1,6, 40 px Abstand zum Absatz davor) */
.wp-block-list.is-style-menne-pillars { margin-top: 40px !important; }
.is-style-menne-pillars > li, .is-style-menne-pillars > li::before { line-height: 1.6; }

/* Kontaktkarte (Zeilen) wie Vorlage: Startseiten-Variante = Basis, Gewerbe-Variante (Für Unternehmen/Hotellerie) eigene Maße */
.wp-block-group.is-style-menne-info-row { padding: 16px 24px 16px 80px; }
.is-style-menne-info-row::before { left: 24px; width: 40px; height: 40px; margin-top: -20px; }
.is-style-menne-info-row::after { left: 33px; }
.wp-block-group.is-style-menne-info-row > .is-style-menne-label { line-height: 1.6; margin-bottom: 6px !important; }
.is-style-menne-info-row .menne-info-value { line-height: 27.2px; } /* Vorlage: Wert steht in einer Body-Zeilenbox */
.is-style-menne-info-row .menne-info-note { line-height: 1.6; }
.menne-contact-card--gewerbe > .wp-block-group.is-style-menne-info-row { padding: 22px 28px 22px 88px; justify-content: flex-start; }
.menne-contact-card--gewerbe > .is-style-menne-info-row::before { left: 28px; top: 22px; width: 44px; height: 44px; margin-top: 0; }
.menne-contact-card--gewerbe > .is-style-menne-info-row::after { left: 39px; top: 33px; margin-top: 0; }
.menne-contact-card--gewerbe > .wp-block-group.is-style-menne-info-row > .is-style-menne-label { margin-bottom: 5px !important; }
.menne-contact-card--gewerbe .menne-info-value { font-size: 20px; }
.menne-contact-card--gewerbe .menne-info-note { margin-top: 5px !important; }
.menne-contact-card--gewerbe .menne-ico-mail .menne-info-value { font-size: 18px; }
.menne-contact-card--gewerbe .menne-ico-pin .menne-info-value { font-size: 17px; }

/* Hero-Innenabstände je Seitentyp wie Vorlage (feste px, auch mobil) */
.wp-block-cover.menne-hero-pad-0-86 > .wp-block-cover__inner-container { padding-top: 0 !important; padding-bottom: 86px !important; }
.wp-block-cover.menne-hero-pad-96-64 > .wp-block-cover__inner-container { padding-top: 96px !important; padding-bottom: 64px !important; }
.wp-block-cover.menne-hero-pad-96-72 > .wp-block-cover__inner-container { padding-top: 96px !important; padding-bottom: 72px !important; }
.wp-block-cover.menne-hero-pad-118-78 > .wp-block-cover__inner-container { padding-top: 118px !important; padding-bottom: 78px !important; }

/* Kontaktwege-Gitter (Leistungsseiten) wie Vorlage .cw-row: 24/30 px, Symbol 46 px oben, Text ab 92 px */
.menne-contact-card--grid > .wp-block-group.is-style-menne-info-row { padding: 24px 30px 24px 92px; min-height: 0; justify-content: flex-start; }
.menne-contact-card--grid > .wp-block-group.is-style-menne-info-row::before { left: 30px; top: 24px; width: 46px; height: 46px; margin-top: 0; }
.menne-contact-card--grid > .wp-block-group.is-style-menne-info-row::after { left: 42px; top: 36px; margin-top: 0; }
.menne-contact-card--grid > .wp-block-group.is-style-menne-info-row > .is-style-menne-label { margin-bottom: 5px !important; }
.menne-contact-card--grid > .wp-block-group.is-style-menne-info-row .menne-info-value { font-size: 20px; line-height: 27.2px; }
.menne-contact-card--grid > .wp-block-group.is-style-menne-info-row .menne-info-note { line-height: 1.5; }

/* Gewerbe-/Service-Seiten (menne-raster-96): Überschrift nach Eyebrow 12 px wie Vorlage */
body.menne-raster-96 .menne-section .is-style-menne-eyebrow + :is(.wp-block-heading, h2, h3) { margin-top: 12px !important; }

/* Mobil: Ausnahmen vom allgemeinen 48-px-Spaltenabstand (der allgemeine Selektor hat Spezifität 0,4,0 – daher hier doppelte Klassen) */
@media (max-width: 920px) {
	.wp-block-columns.is-style-menne-tiles.is-style-menne-tiles:not(.is-not-stacked-on-mobile) { row-gap: 1px !important; }
	.wp-block-columns.menne-ablauf-head.menne-ablauf-head:not(.is-not-stacked-on-mobile) { row-gap: 28px !important; }
	.wp-block-columns.menne-intro-split.menne-intro-split:not(.is-not-stacked-on-mobile) { row-gap: 28px !important; }
	.wp-block-columns.menne-team-splithead.menne-team-splithead:not(.is-not-stacked-on-mobile) { row-gap: 18px !important; }
}
/* Kontaktseite: Schritt-Überschriften Zeilenhöhe 1,6 und 6 px Abstand wie Vorlage */
.menne-steps-tiles .wp-block-heading { line-height: 1.6; margin-bottom: 6px; }
.menne-steps-tiles .wp-block-heading + p { margin-top: 0 !important; }