/* fx2_text_bild — "Wer wir sind" (Spec §4.5).
   Typografie und Farben kommen aus css/project.css bzw. den Tokens. */

section.fx2_text_bild .fx2_container { display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap:64px; align-items:center; }
section.fx2_text_bild--bild-links .fx2_bild { order:-1; }
section.fx2_text_bild .fx2_topline { margin:0 0 18px; }
section.fx2_text_bild .fx2_untertitel { margin:18px 0 0; }
section.fx2_text_bild .fx2_inhalt { margin-top:24px; }
section.fx2_text_bild .fx2_inhalt p { margin:0; }
section.fx2_text_bild .fx2_buttons { display:flex; flex-wrap:wrap; gap:16px; margin-top:34px; }
/* Verhaeltnis statt fester Hoehe — bei 632px Spaltenbreite sind das die 440px des
   Entwurfs. Der Deckel haelt das Bild neben dem Text in vertretbarer Hoehe. */
section.fx2_text_bild .fx2_bild { position:relative; height:clamp(440px, calc(34.81vw - 61px), 640px); margin:0; background:var(--fx-tint); overflow:hidden; }
section.fx2_text_bild .fx2_bild img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
section.fx2_text_bild .fx2_linie { position:absolute; left:50%; top:0; bottom:0; width:4px; background:var(--fx-glare-60); pointer-events:none; }
section.fx2_text_bild .fx2_label { position:absolute; left:0; bottom:0; background:var(--fx-navy); color:var(--fx-white); padding:12px 20px; }

@media (max-width:991px) {
	section.fx2_text_bild .fx2_container { grid-template-columns: minmax(0, 1fr); gap:0; }
	section.fx2_text_bild .fx2_text { display:contents; }
	section.fx2_text_bild .fx2_kopf { order:1; }
	section.fx2_text_bild .fx2_bild { order:2; height:240px; margin:22px 0; }
	section.fx2_text_bild--bild-links .fx2_bild { order:2; }
	section.fx2_text_bild .fx2_body { order:3; }
	section.fx2_text_bild .fx2_linie { width:3px; }
	section.fx2_text_bild .fx2_label { padding:9px 14px; }
	section.fx2_text_bild .fx2_inhalt { margin-top:0; }
	section.fx2_text_bild .fx2_buttons { margin-top:24px; gap:12px; }
	section.fx2_text_bild .fx2_telefon { display:none; }   /* im Mobile-Entwurf nicht vorhanden */
}
