/* =========================================================================
   Über uns (/team/) – seitenspezifische Ergänzungen
   ========================================================================= */

/* ---------- Hero: Teamfoto, Text links und rechts neben dem Ehepaar Menne ---------- */
.wp-block-cover.menne-hero-team::after { display: none; }
.wp-block-cover.menne-hero-team::before {
	background: linear-gradient(180deg, rgba(14, 9, 4, 0) 0%, rgba(14, 9, 4, 0) 52%, rgba(14, 9, 4, .42) 78%, rgba(14, 9, 4, .62) 100%);
}
.wp-block-cover.menne-hero-team .wp-block-cover__image-background { filter: brightness(1.05) saturate(1.06); }
.wp-block-cover.menne-hero-team .wp-block-cover__inner-container { box-sizing: border-box; max-width: 1440px; padding: 0 40px 40px; }
.menne-hero-team .wp-block-columns.menne-hero-team__cols {
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 22%) minmax(0, 1fr);
	column-gap: 24px; row-gap: 0; align-items: end; margin: 0;
}
.menne-hero-team .menne-hero-team__left { grid-column: 1; }
.menne-hero-team .menne-hero-team__right { grid-column: 3; justify-self: end; width: min(36ch, 100%); }
.menne-hero-team .wp-block-column > * { margin-top: 0; margin-bottom: 0; }
.wp-block-cover.menne-hero-team h1 {
	max-width: none; margin-top: 10px !important; font-size: clamp(28px, 2.7vw, 44px);
	text-shadow: 0 2px 16px rgba(14, 9, 4, .8), 0 1px 3px rgba(14, 9, 4, .7);
}
.wp-block-cover.menne-hero-team .menne-hero-team__right .is-style-menne-lead {
	max-width: 36ch; margin-top: 0 !important; font-size: 17px; line-height: 1.55;
	text-shadow: 0 1px 12px rgba(14, 9, 4, .85), 0 1px 2px rgba(14, 9, 4, .7);
}
.wp-block-cover.menne-hero-team .wp-block-buttons { margin-top: 18px !important; }

@media (max-width: 1199px) {
	.wp-block-cover.menne-hero-team { flex-direction: column; align-items: stretch; min-height: 0 !important; }
	.wp-block-cover.menne-hero-team::before { display: none; }
	.wp-block-cover.menne-hero-team .wp-block-cover__image-background {
		position: relative !important; inset: auto !important; width: 100% !important; height: auto !important;
		aspect-ratio: 1536 / 1024; object-position: 50% 50% !important;
	}
	.wp-block-cover.menne-hero-team .wp-block-cover__inner-container { padding: 44px 32px 64px; }
	.menne-hero-team .wp-block-columns.menne-hero-team__cols { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); column-gap: 56px; }
	.menne-hero-team .menne-hero-team__right { grid-column: 2; justify-self: stretch; width: auto; }
	.wp-block-cover.menne-hero-team .menne-hero-team__right .is-style-menne-lead { max-width: none; }
	.wp-block-cover.menne-hero-team h1 { font-size: clamp(28px, 4vw, 44px); }
}
@media (max-width: 860px) {
	.wp-block-cover.menne-hero-team .wp-block-cover__inner-container { padding: 34px 22px 48px; }
	.menne-hero-team .wp-block-columns.menne-hero-team__cols { display: block; }
	.menne-hero-team .menne-hero-team__right { margin-top: 22px; }
}

/* ---------- Geschichte ---------- */
.menne-team-story-h { max-width: 18ch; }

/* ---------- Hallen & Maschinen: Bildband + Galerie ---------- */
.wp-block-cover.is-style-menne-band.menne-team-band { min-height: clamp(300px, 32vw, 460px); align-items: center; }
.wp-block-cover.is-style-menne-band.menne-team-band::before {
	background: linear-gradient(90deg, rgba(26, 18, 10, .86) 0%, rgba(26, 18, 10, .5) 45%, rgba(26, 18, 10, .15) 100%);
}
.wp-block-cover.menne-team-band .wp-block-cover__inner-container { width: 100%; margin-inline: auto !important; padding-top: 48px; padding-bottom: 48px; }
.wp-block-cover.menne-team-band .wp-block-cover__inner-container > * { max-width: 340px; }
.wp-block-cover.menne-team-band .menne-team-band__quote {
	font-family: var(--m-display); font-style: italic; font-weight: 400; font-size: clamp(22px, 2.8vw, 32px);
	line-height: 1.32; color: #fff; margin-top: 14px;
}
.menne-section.menne-team-hallen-section { padding-top: clamp(40px, 5vw, 64px); padding-bottom: 0; }
.wp-block-gallery.menne-team-hallen .wp-block-image img { aspect-ratio: 4 / 3; object-fit: cover; }

/* ---------- Zeitstrahl ---------- */
.menne-team-chronik .is-style-menne-lead em { color: var(--m-cream-mute); }
.wp-block-group.is-style-menne-timeline.menne-team-timeline { padding-left: 0; margin-top: 56px; }
.wp-block-group.is-style-menne-timeline.menne-team-timeline::before { left: 113px; top: 8px; bottom: 48px; width: 2px; background: rgba(141, 185, 46, .3); }
.menne-team-timeline > .wp-block-group {
	display: grid; grid-template-columns: 84px minmax(0, 1fr); column-gap: 62px; padding: 0 0 40px !important; margin: 0 !important;
}
.menne-team-timeline > .wp-block-group > * { margin: 0 !important; }
.has-walnut-background-color .wp-block-group.is-style-menne-timeline.menne-team-timeline > .wp-block-group::before {
	left: 107px; top: 6px; width: 14px; height: 14px; border: 0; background: var(--m-moss-bright);
	box-shadow: 0 0 0 4px rgba(141, 185, 46, .16); transition: transform .25s var(--m-ease), box-shadow .25s var(--m-ease);
}
.has-walnut-background-color .wp-block-group.is-style-menne-timeline.menne-team-timeline > .wp-block-group:hover::before {
	background: var(--m-moss-bright); transform: scale(1.18); box-shadow: 0 0 0 7px rgba(141, 185, 46, .22);
}
.menne-team-timeline .menne-tl-year {
	grid-column: 1; grid-row: 1 / span 2; text-align: right;
	font-family: var(--m-display); font-weight: 500; font-size: 22px; line-height: 1.3; color: var(--m-moss-bright); transition: color .2s var(--m-ease);
}
.menne-team-timeline .menne-tl-title { grid-column: 2; font-size: 22px; line-height: 1.25; color: #fff; transition: color .2s var(--m-ease); }
.menne-team-timeline .menne-tl-text { grid-column: 2; font-size: 16px; line-height: 1.6; color: var(--m-cream-soft); max-width: 54ch; margin-top: 8px !important; }
.menne-team-timeline > .wp-block-group:hover .menne-tl-title { color: var(--m-moss-bright); }
.menne-team-timeline > .wp-block-group:hover .menne-tl-year { color: #fff; }
@media (max-width: 600px) {
	.wp-block-group.is-style-menne-timeline.menne-team-timeline::before { left: 67px; }
	.menne-team-timeline > .wp-block-group { grid-template-columns: 48px minmax(0, 1fr); column-gap: 40px; }
	.has-walnut-background-color .wp-block-group.is-style-menne-timeline.menne-team-timeline > .wp-block-group::before { left: 61px; }
	.menne-team-timeline .menne-tl-year { font-size: 18px; }
	.menne-team-timeline .menne-tl-title { font-size: 20px; }
}

/* ---------- Geschäftsführung ---------- */
.menne-team-splithead .is-style-menne-lead { margin-bottom: -12px; }
@media (max-width: 920px) { .wp-block-columns.menne-team-splithead { row-gap: 18px !important; } .menne-team-splithead .is-style-menne-lead { margin-bottom: 0; } }
.menne-team-people .menne-gf-names { font-size: 15px; font-weight: 600; letter-spacing: .02em; line-height: 1.6; color: var(--m-ink-mute); margin-top: 8px; }
.menne-team-people .menne-gf-quote { font-size: 21px; max-width: 46ch; margin-top: 22px; }
.menne-team-people .menne-gf-sign { margin-top: 8px; font-weight: 400; }
.menne-gf-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 26px; }
.menne-gf-contact > * { margin: 0 !important; }
.menne-gf-tel a { font-family: var(--m-display); font-size: 22px; color: var(--m-ink); text-decoration: none; transition: color .2s var(--m-ease); }
.menne-gf-tel a:hover { color: var(--m-moss); }
.menne-gf-mail a { font-size: 14px; font-weight: 600; color: var(--m-moss); text-decoration: none; word-break: break-word; }
.menne-gf-mail a:hover { text-decoration: underline; }

/* ---------- Team-Roster: alle gleich groß, gruppiert ---------- */
.menne-roster-group { margin-top: 46px; }
#unser-team.menne-roster-group { margin-top: clamp(72px, 10vw, 150px); scroll-margin-top: 90px; }
.menne-roster-group > * { margin: 0; }
.wp-block-heading.menne-roster-head {
	font-family: var(--m-body); font-weight: 600; font-size: 13px; line-height: 1.4; letter-spacing: .16em;
	text-transform: uppercase; color: var(--m-moss); margin: 0 0 18px !important;
}
.menne-team-people .wp-block-group.is-style-menne-roster { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.menne-team-people .wp-block-group.is-style-menne-person {
	background: var(--m-paper); border: 1px solid var(--m-line); border-radius: 3px; overflow: hidden;
	transition: border-color .2s var(--m-ease), transform .2s var(--m-ease);
}
.menne-team-people .wp-block-group.is-style-menne-person:hover { border-color: var(--m-moss); transform: translateY(-3px); }
.menne-team-people .wp-block-group.is-style-menne-person .wp-block-image { margin: 0; border-radius: 0; }
.menne-team-people .wp-block-group.is-style-menne-person .wp-block-image img { aspect-ratio: 1 / 1; object-position: 50% 20%; border-radius: 0; background: var(--m-sand); display: block; }
.menne-team-people .wp-block-group.is-style-menne-person .wp-block-heading { font-size: 19px; line-height: 1.15; color: var(--m-ink); padding: 16px 18px 0; }
.menne-team-people .wp-block-group.is-style-menne-person p { font-size: 13px; font-weight: 600; line-height: 1.45; color: var(--m-ink-mute); margin: 0; padding: 4px 18px 18px; }
@media (max-width: 920px) {
	.menne-team-people .wp-block-group.is-style-menne-roster { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
	/* Vorlage mobil: Name 19 px, Rolle Zeilenhöhe 1,6, Innenabstand 16/18 px wie Desktop */
	.menne-team-people .wp-block-group.is-style-menne-person p { line-height: 1.6; }
}

/* ---------- FAQ / Schluss ---------- */
.menne-team-faq .is-style-menne-arrow { margin-top: 34px; }

@media (prefers-reduced-motion: reduce) {
	.menne-team-people .wp-block-group.is-style-menne-person:hover { transform: none; }
	.has-walnut-background-color .wp-block-group.is-style-menne-timeline.menne-team-timeline > .wp-block-group:hover::before { transform: none; }
}

/* Phasen-Illustration: Seitenverhältnis fest, damit lazy geladene Bilder (sizes="auto") nicht auf 1500px wachsen */
.wp-block-image.is-style-menne-natural.menne-team-phasenbild img { aspect-ratio: 825 / 1024 !important; }

/* Team-Hero wie Design-Referenz: volle Breite (40px Rand), H1 kleiner, Text + Button rechts – mit Vorrang vor den globalen Hero-Regeln */
.wp-block-cover.menne-hero-team > .wp-block-cover__inner-container { padding: 0 40px 40px !important; max-width: 1440px !important; margin: 0 auto !important; }
.wp-block-cover.menne-hero-team h1.wp-block-heading { font-size: clamp(28px, 2.7vw, 44px) !important; max-width: none !important; margin-top: 10px !important; }
.wp-block-cover.menne-hero-team .menne-hero-team__right { width: min(476px, 100%) !important; }
.wp-block-cover.menne-hero-team .menne-hero-team__right .is-style-menne-lead { max-width: none !important; font-size: 17px !important; line-height: 1.55 !important; }
.wp-block-cover.menne-hero-team .menne-hero-team__right .wp-block-buttons { justify-content: center; }
.wp-block-cover.menne-hero-team .menne-hero-team__left { padding-bottom: 65px; }
@media (max-width: 1199px) {
	.wp-block-cover.menne-hero-team > .wp-block-cover__inner-container { padding: 44px 32px 64px !important; }
	.wp-block-cover.menne-hero-team h1.wp-block-heading { font-size: clamp(28px, 4vw, 44px) !important; }
	.wp-block-cover.menne-hero-team .menne-hero-team__right { width: auto !important; }
	.wp-block-cover.menne-hero-team .menne-hero-team__right .wp-block-buttons { justify-content: flex-start; }
	.wp-block-cover.menne-hero-team .menne-hero-team__left { padding-bottom: 0; }
}
@media (max-width: 640px) { .wp-block-cover.menne-hero-team > .wp-block-cover__inner-container { padding: 34px 22px 48px !important; } }

/* ---------- Update 10/2026: Hallen als Bildkarte, Zeitstrahl mit Fotos ---------- */
.menne-section.menne-hallen-section { padding-top: 0; padding-bottom: 96px; }
.wp-block-cover.menne-hallen-fig { min-height: 0; padding: 0; border-radius: 3px; overflow: hidden; box-shadow: var(--m-shadow-card); background: var(--m-walnut); aspect-ratio: 3 / 1; max-height: 440px; align-items: center; } /* Foto svc-firmensitz 1800×600 (Update 04.11.) */
.wp-block-cover.menne-hallen-fig::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(26,18,10,.82) 0%, rgba(26,18,10,.45) 45%, rgba(26,18,10,.08) 100%); }
.wp-block-cover.menne-hallen-fig > .wp-block-cover__inner-container { position: relative; z-index: 2; width: 100% !important; margin: 0 !important; padding: 0 clamp(24px, 5vw, 56px) !important; }
.wp-block-cover.menne-hallen-fig .wp-block-cover__inner-container > * { max-width: 34ch; margin: 0; }
.wp-block-cover.menne-hallen-fig .is-style-menne-eyebrow { color: var(--m-moss-bright); }
.wp-block-cover.menne-hallen-fig .menne-team-band__quote { font-family: var(--m-display); font-style: italic; font-size: clamp(22px, 2.8vw, 32px); line-height: 1.32; color: #fff; margin-top: 14px !important; }
@media (max-width: 700px) { .wp-block-cover.menne-hallen-fig { aspect-ratio: auto; min-height: 320px; } }

.menne-team-timeline > .wp-block-group { grid-template-columns: 84px minmax(0, 1fr) 260px; column-gap: 62px; }
.menne-team-timeline > .wp-block-group > .menne-tl-title, .menne-team-timeline > .wp-block-group > .menne-tl-text { grid-column: 2; }
.menne-team-timeline > .wp-block-group > .menne-tl-fig { grid-column: 3; grid-row: 1 / span 3; margin-left: -34px !important; border: 1px solid var(--m-walnut-line); box-shadow: none; }
.menne-team-timeline > .wp-block-group:hover .menne-tl-fig img { transform: scale(1.05); }
.menne-team-timeline > .wp-block-group > .menne-tl-text { align-self: start; }
@media (max-width: 920px) {
	.menne-team-timeline > .wp-block-group { grid-template-columns: 84px minmax(0, 1fr); }
	.menne-team-timeline > .wp-block-group > .menne-tl-fig { grid-column: 2; grid-row: auto; margin: 16px 0 0 !important; max-width: 420px; }
	.menne-team-timeline > .wp-block-group:hover .menne-tl-fig img { transform: none; }
}
@media (max-width: 600px) { .menne-team-timeline > .wp-block-group { grid-template-columns: 48px minmax(0, 1fr); } }
/* Feinschliff nach Vergleich mit der Vorlage */
@media (min-width: 921px) {
	.menne-team-timeline > .wp-block-group { grid-template-columns: 84px 62px minmax(0, 1fr) 28px 260px; column-gap: 0; }
	.menne-team-timeline > .wp-block-group > .menne-tl-year { grid-column: 1; }
	.menne-team-timeline > .wp-block-group > .menne-tl-title, .menne-team-timeline > .wp-block-group > .menne-tl-text { grid-column: 3; }
	.menne-team-timeline > .wp-block-group > .menne-tl-fig { grid-column: 5; margin-left: 0 !important; }
}
.wp-block-cover.menne-hallen-fig .wp-block-cover__inner-container > * { max-width: 305px; }


/* Team: Roster jetzt eigene Sektion (Vorlage 104/110) – kein Zusatzabstand vor der ersten Gruppe */
.menne-team-roster #unser-team.menne-roster-group { margin-top: 0; }

/* Hero Tablet (861–1199 px) 1:1 wie Vorlage (Entscheidung 04.11.): Dort greifen die Desktop-Platzierungen weiter –
   Eyebrow/H1 links, Text in Spalte 2 über zwei Zeilen, Button in einer impliziten dritten Spalte rechts unten. */
@media (min-width: 861px) and (max-width: 1199px) {
	.menne-hero-team .wp-block-columns.menne-hero-team__cols { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-auto-columns: auto; column-gap: 56px; align-items: end; }
	.menne-hero-team .menne-hero-team__left, .menne-hero-team .menne-hero-team__right { display: contents; }
	.menne-hero-team .menne-hero-team__left > .is-style-menne-eyebrow { grid-area: 1 / 1; justify-self: start; }
	.menne-hero-team .menne-hero-team__left > h1 { grid-area: 2 / 1; }
	.menne-hero-team .menne-hero-team__right > .is-style-menne-lead { grid-column: 2; grid-row: 1 / 3; place-self: end; }
	.menne-hero-team .menne-hero-team__right > .wp-block-buttons { grid-area: 3 / 3; justify-self: end; }
}