@charset "utf-8";
/* ==================================================================================================================
   ISO-FLEX 2026 :: res750.css :: Tablet (ab 750px) (Grundlage vollmond basis)
   ================================================================================================================== */
@media only screen and (min-width: 750px){

	/* Schriftgrößen fließend wie im Layout (ab 760px), Formen und Kopf in Desktop-Größe */
	:root{
		--h_hero:			clamp(2.75rem, 4.9vw, 5.5rem);		/* 44–88px */
		--h_header:			clamp(2.5rem, 4.2vw, 4.75rem);		/* 40–76px */
		--h_big:			clamp(2rem, 3.4vw, 3.875rem);		/* 32–62px */
		--h_mittel:			clamp(1.5rem, 2.2vw, 2.5rem);
		--h_box:			clamp(1.25rem, 1.35vw, 1.5625rem);	/* 20–25px */
		--h_klein:			clamp(1.25rem, 1.35vw, 1.5625rem);
		--h_zitat:			clamp(1.3125rem, 1.7vw, 2rem);		/* 21–32px */
		--lead:				clamp(1.125rem, 1.2vw, 1.375rem);	/* 18–22px */
		--zahl_outline:		clamp(4rem, 5vw, 5.75rem);			/* 64–92px */
		--zahl_fakt:		clamp(3.125rem, 4.6vw, 5.375rem);	/* 50–86px */
		--r_m:				24px;
		--r_l:				34px;
		--button_hoehe:		62px;
		--kreis:			56px;
		--topbar_hoehe:		48px;
		--navbar_hoehe:		108px;
		--logo_breite:		224px;
	}


	/* Hinweis :: schwebende Box unten links */
	.achtung_wrapper{ left:20px; right:auto; bottom:20px; width:400px; }

	/* Silbentrennung in großen Überschriften nur mobil */
	.headline_big{ hyphens:manual; -webkit-hyphens:manual; }

	.headergfx_detail{ --header_detail_hoehe:520px; }
	.bereich_breadcrumb{ --breadcrumb_oben:32px; }

	.accordion{ padding:var(--sp4) calc(var(--kreis) + var(--sp5)) var(--sp4) var(--sp4); }
	.accordion::before{ right:var(--sp4); }
	.accordion::after{ right:calc(var(--sp4) + (var(--kreis) - 8px) / 2 - 8px); }
	.contentacc_inner{ margin:0 var(--sp4); padding:var(--sp4) 0 var(--sp5) 0; }

	.galerie_raster{ grid-template-columns:repeat(3, 1fr); gap:14px; }
	.galerie_slider{ --galerie_anzahl:3; --galerie_abstand:14px; }

	.liste_karten{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
	.karte_box{ padding:var(--sp4) var(--sp4) var(--sp2) var(--sp4); }
	.karte_balken{ margin:0 var(--sp4) var(--sp4) var(--sp4); }
	.bereich_bewerbung .formular{ padding:var(--sp5) var(--sp4); }

	/* Kontakt */
	.formular_felder{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--sp3) var(--sp2); }
	.formular_feld_breit,
	.formular_captcha,
	.formular_datenschutz,
	.formular_absenden,
	.formular_gruppe{ grid-column:1 / -1; }
	.formular_adresse,
	.formular_seite{ padding:var(--sp5) var(--sp4); }
	.formular_karte,
	.raster_formular > .formular{ padding:var(--sp5) var(--sp4); }
	.datei_raster{ grid-template-columns:repeat(3, minmax(0, 1fr)); }

	/* Ohne Kacheln: Box über die volle Breite, Stelle | Ansprechpartner nebeneinander, "Jetzt bewerben" darunter rechts */
	.formular_hinweis{ grid-column:1 / -1; }

	/* ISO-FLEX :: Kopf */
	.topbar_text{ display:block; }
	.nav_service .header_cta{ display:inline-flex; }
	.nav_overlay .nav_overlay_cta{ display:none; }

	/* ISO-FLEX :: Startseite */
	.hero{ min-height:740px; }
	.hero_trenner{ display:block; }
	.einstieg_kachel{ min-height:260px; gap:var(--sp6); padding:var(--sp5) var(--sp4) var(--sp4) var(--sp4); }
	.einstieg_titel{ min-height:2.4em; }	/* Titel immer zwei Zeilen hoch :: Unterzeilen liegen ebenfalls auf einer Höhe */
	.leistung_karte{ padding:var(--sp4); }
	.leistung_icon{ margin:var(--sp6) 0 var(--sp5) 0; }
	.ref_bildseite{ min-height:540px; }
	.ref_karte{ padding:var(--sp6) var(--sp5); }
	.cta_box{ padding:var(--sp8) var(--rand); }
	.cta_streifen{ right:-80px; top:-90px; width:520px; height:520px; }
	.headergfx_streifen{ width:200px; height:240px; }
	.nach_oben{ right:var(--sp4); width:58px; height:58px; }

	/* ISO-FLEX :: Referenzen */
	.ref_filter_auswahl{ display:none; }
	.ref_filter{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 var(--sp5) 0; }
	.ref_karte_text{ padding:var(--sp4); }
	.projekt_block{ padding:var(--sp5) var(--sp4); }
}