@charset "utf-8";
/* ==================================================================================================================
   ISO-FLEX 2026 :: res1225.css :: Desktop klein (ab 1225px) :: Hauptmenü in der Leiste (Grundlage vollmond basis)
   ================================================================================================================== */
@media only screen and (min-width: 1225px){



	/* Hinweis :: schwebende Box unten links */
	.achtung_wrapper{ left:30px; bottom:30px; width:440px; }
	.achtung_inner{ padding:1.25rem 3.5rem 1.375rem 1.375rem; }

	/* Headergrafik */
	.headergfx_detail{ --header_detail_hoehe:640px; }

	/* Content zweispaltig */
	.raster_content_50{ grid-template-columns:1fr 1fr; gap:var(--sp6); align-items:start; }	/* Text oben bündig mit dem Bild, nicht mittig (Fabian 09.11.2026) */
	.raster_content_50 .container_picbox{ order:0; }
	.raster_content_50.raster_bild_links .container_picbox{ order:-1; }
	/* Content ohne Bildslider :: Überschrift + Buttons links, Text rechts (wie Intro der Startseite) */
	.container_content_intro{ display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto 1fr; column-gap:var(--sp6); }
	.container_content_intro .content_kopf{ grid-column:1; grid-row:1; }
	.container_content_intro .content_kopf .headline_big{ margin-bottom:0; }
	.container_content_intro .content_texte{ grid-column:2; grid-row:1 / span 2; padding-top:calc(var(--sp3) + 2.25rem); }
	.container_content_intro .button_leiste{ grid-column:1; grid-row:2; align-self:start; margin-top:1.5rem; }

	/* Accordeon mit Bild */
	.raster_acc_bild{ grid-template-columns:1fr 420px; gap:var(--sp5); }
	.raster_acc_bild.raster_bild_links{ grid-template-columns:420px 1fr; }
	.raster_acc_bild.raster_bild_links .container_acc_bild{ order:-1; }

	.galerie_raster{ grid-template-columns:repeat(4, 1fr); }
	.galerie_slider{ --galerie_anzahl:4; }

	/* Text rechts beginnt auf Höhe der großen Überschrift, nicht des Kickers */


	.liste_karten{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
	.bereich_bewerbung .formular{ padding:var(--sp6) var(--sp5); }

	/* Kontakt :: Adresse links (wie Footer-Spalte), Formular rechts */
	.raster_formular{ grid-template-columns:minmax(0, 5fr) minmax(0, 8fr); gap:var(--sp3); }
	.formular_adresse,
	.formular_seite{ position:sticky; top:calc(var(--header_hoehe_scroll) + var(--sp4)); padding:var(--sp6) var(--sp5); }
	.formular_karte,
	.raster_formular > .formular{ padding:var(--sp6) var(--sp5); }

	/* ISO-FLEX :: Menüleiste statt Vollbild-Burger */
	.nav_haupt_liste{ display:flex; gap:16px; }
	/* Das Layout ragt zwischen 1180 und 1800px rechts über (Button endet außerhalb) :: Leiste hier kompakter */
	:root{ --logo_breite:168px; }
	.nav_leiste_inner{ gap:var(--sp3); }
	.nav_service .header_cta{ padding-left:var(--sp3); font-size:.9375rem; }
	/* Burgermenü als kleines Panel rechts unter dem Kopf (Layout .more-panel) */
	body.nav_is_open{ overflow:visible; overflow-x:clip; }
	body.nav_is_open .header_seite{ background:var(--schwarz); }
	.html_index body.nav_is_open .header_seite:not(.is_scrolled){ background:transparent; }
	.nav_overlay_panel,
	.header_seite.is_scrolled ~ .nav_overlay .nav_overlay_panel{
		inset:auto; top:var(--panel_oben, calc(var(--header_hoehe) + 14px)); right:var(--panel_rechts, max(var(--rand), calc((100% - 1800px) / 2)));
		width:300px; padding:var(--sp4); overflow:visible;
		background:var(--weiss); border:1px solid var(--grau_linie); border-radius:24px; box-shadow:0 22px 50px rgba(18,18,17,.18);
	}
	/* Reihenfolge: Überschrift „Service“, (Wissen & Service bis 1400px), Service-Links, Überschrift „Rechtliches“, Rechtstexte */
	.nav_overlay_inner{ display:flex; flex-direction:column; }
	.nav_overlay_label_service{ order:1; }
	.nav_overlay_haupt{ order:2; }
	.nav_overlay_service{ order:3; }
	.nav_overlay_label_legal{ order:4; }
	.nav_overlay_legal{ order:5; }
	.nav_overlay_label{ margin:0 0 var(--sp2) 0; color:var(--text); opacity:1; }
	.nav_overlay_label_legal{ margin-top:var(--sp3); padding-top:var(--sp3); border-top:1px solid var(--grau_linie); }
	.nav_overlay_haupt,
	.nav_overlay_service{ display:grid; gap:12px; margin:0 !important; padding:0; }
	.nav_overlay_haupt > li{ display:none; }
	.nav_overlay_haupt > li.nav_bis1400{ display:block; margin-bottom:12px; }
	.nav_overlay_haupt > li,
	.nav_overlay_service > li,
	.nav_overlay_legal > li{ border-bottom:0; }
	/* Service :: kräftig, beim Hover rot mit kleinem Pfeil */
	.nav_overlay_link{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp2); padding:0; font-family:var(--font_headline); font-size:1.0625rem; line-height:1.3; font-weight:600; letter-spacing:-0.01em; color:var(--text_dunkel); text-decoration:none; }
	.nav_overlay_link::after{ content:""; flex:0 0 16px; width:16px; height:16px; background-color:currentColor; -webkit-mask:url("../images/icon_pfeil-rechts.svg") no-repeat center / contain; mask:url("../images/icon_pfeil-rechts.svg") no-repeat center / contain; opacity:0; transform:translateX(-6px); transition:opacity .2s ease, transform .2s ease; }
	.nav_overlay_link:hover,
	.nav_overlay_link.is_active{ color:var(--rot); text-decoration:none; }
	.nav_overlay_link:hover::after,
	.nav_overlay_link.is_active::after{ opacity:1; transform:none; }
	/* Rechtliches :: klein und grau, nebeneinander */
	.nav_overlay_legal{ display:flex; flex-wrap:wrap; gap:8px var(--sp3); margin:0 !important; padding:0; border:0; }
	.nav_overlay_legal .nav_overlay_link{ font-family:var(--font_text); font-size:var(--txt_klein); font-weight:400; letter-spacing:0; color:var(--text); }
	.nav_overlay_legal .nav_overlay_link::after{ display:none; }
	.nav_overlay_legal .nav_overlay_link:hover,
	.nav_overlay_legal .nav_overlay_link.is_active{ color:var(--rot); }

	/* ISO-FLEX :: Schnellzugriffe rechts statt Kontaktleiste unten */
	.schnellzugriffe{ display:flex; }
	.kontaktleiste{ display:none; }
	.footer_seite{ padding-bottom:0; }
	.nach_oben{ bottom:var(--sp4); }

	/* ISO-FLEX :: Startseite */
	.hero{ min-height:900px; }
	.hero[data-hero] .hero_inhalt{ padding-bottom:var(--sp7); }
	.hero_steuerung{ justify-content:flex-end; bottom:var(--sp6); }
	.einstieg_kachel{ min-height:320px; }
	.einstieg_titel,
	.leistung_titel{ min-height:2.4em; }
	.start_einstiege .bereich_kopf .text_lead{ white-space:nowrap; }
	.ref_karte{ padding-bottom:var(--sp6); }
	.ref_steuerung{ position:absolute; right:var(--sp5); bottom:var(--sp6); }

	/* ISO-FLEX :: FAQ zweispaltig, Überschrift läuft mit */
	.bereich_faq .div_con_center_big{ grid-template-columns:minmax(0, 1fr) minmax(0, 2fr); gap:var(--sp6); }
	.faq_kopf{ position:sticky; top:calc(var(--header_hoehe_scroll) + var(--sp4)); }
}