}
/* Full-bleed hero bands - website runs full width (Ricardo, #WS Transfer, 2026-10-29) */
.gihmm-hero {
	width: 100vw !important;
	position: relative;
	left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw !important;
}
.gihmm-hero img { width: 100% !important; height: auto !important; display: block; }

/* Responsive button variants (old skin behaviour): each service box has a desktop
   and a mobile-only "Mehr" button - show only the fitting one (Ricardo, #WS Transfer) */
@media (min-width: 768px) {
	.mobileonly { display: none !important; }
}
@media (max-width: 767px) {
	.desktoponly { display: none !important; }
}
@media (max-width: 767px) {
	.service-btn:not(.mobileonly) { display: none !important; }
}

/* Full-width section bands with capped content (Ricardo: lower area full width,
   #WS Transfer 2026-10-29). Rows edge-to-edge, content max 1280px like the old site. */
@media (min-width: 1240px) {
	.wpb-content-wrapper > .vc_row.wpb_row {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
	}
	.wpb-content-wrapper > .vc_row .vc_inner.wpb_row,
	.wpb-content-wrapper > .vc_row.wpb_row > .vc_column_container.vc_col-sm-12 .wpb_wrapper {
		max-width: 1280px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* Spacing-Fixes (Ricardo, msg 6363, #WS Transfer 2026-10-29):
   - keine reservierte Header-Hoehe mehr (war 250px -> weisse Luecke ueberm Hero)
   - Content-Section-Paddings raus (Luecke unterm Hero + CTA->Footer)
   - Hero ohne Aussenabstand */
body:not(.template-slider) #Header { min-height: 0 !important; }
#Content, #Content .content_wrapper, .section.the_content, .the_content_wrapper {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#Footer { margin-top: 0 !important; }
.gihmm-hero { margin: 0 !important; }

/* Hero-Fix (Ricardo msg 6370): die Mutter-Reihen sind inzwischen selbst
   randfuellend (100vw-Trick). Der Hero brauchte seinen eigenen 100vw-Trick nicht
   mehr - die spaetere margin:0-Regel hat seine -50vw-Ausgleichsmargin gekillt,
   wodurch das Bild um 50% nach rechts rausgeschoben war ("zerstoert").
   Jetzt: Hero fuellt schlicht 100% der (bereits randfuellenden) Reihe. */
.gihmm-hero {
	width: 100% !important;
	max-width: 100% !important;
	left: auto !important;
	margin: 0 !important;
}

/* Final geometry fixes (layout inspection, 1920px viewport, Ricardo msg 6406):
   hero was capped 1280 by the content-cap rule (small+centered); rows were
   shifted left ~19px by ancestor side padding (11.5px right gap); 15px gap
   between CTA and footer from chain bottom margins. */

/* 1) Hero: escape the 1280 cap, edge-to-edge via 100vw trick */
.gihmm-hero {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
}
.gihmm-hero img { width: 100% !important; height: auto !important; display: block !important; }

/* 2) content chain: no side paddings, no chain margins (row anchor centered) */
#Content .content_wrapper,
.section.the_content,
.the_content_wrapper,
.wpb-content-wrapper {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* 3) footer flush */
#Footer, .mfn-footer { margin-top: 0 !important; padding-top: 0 !important; }

/* Chain-Anker-Korrektur (Layout-Inspektion: .the_content_wrapper hatte 19px
   Seiten-MARGINS, daher waren die randfuellenden Reihen um 26px nach links
   verschoben -> 11.5px Luecke rechts) */
.the_content_wrapper,
.wpb-content-wrapper {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* .section_wrapper behaelt seine Zentrierung (margin: 0 auto) - ohne sie
   wandert der Reihen-Anker auf grossen Bildschirmen nach links und es
   entsteht rechts eine grosse Luecke (Ricardo msg 6422). */
.section .section_wrapper {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Anker-Eltern: Breite war 98% (1862 von 1900) - Reihen-Anker sass 19px daneben
   -> Luecke rechts. Breite explizit 100% statt auto (auto liess die Wrapper
   kollabieren). */
.the_content_wrapper,
.wpb-content-wrapper {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}