/**
 * Nur Hauptseite (body.page-home), nur Mobile (max-width: 992px):
 * Gleiches Guide-Stripe-Raster wie Desktop, aber äußere Vertikalen bündig mit .container:
 * je 15px Freiraum links/rechts außerhalb der äußeren Stripes (volle Viewport-Breite minus 30px).
 *
 * Effektive Linienfarbe wie Desktop (rgba 0.08 × opacity 0.35), ohne gestapelte opacity.
 * Transparente Sektionen: nur Wrap-Stripes; undurchsichtige Sektionen: nur Sektions-::before.
 *
 * Desktop-Regeln: page-home-stripe-guides-desktop.css (≥993px) — hier nicht verändert.
 */

@media (max-width: 992px) {
	body.page-home {
		--page-home-stripe-gutter: 15px;
		--page-home-stripe-w: calc(100% - 2 * var(--page-home-stripe-gutter));
		/* 0.08 × 0.35 — einheitlich hell, ohne opacity-Stapelung auf Pseudos */
		--page-home-stripe-line: rgba(15, 23, 42, 0.028);
		/* Auf blauem Verlauf (.partners-section .container) */
		--page-home-stripe-line-on-blue: rgba(255, 255, 255, 0.22);
		--page-home-intro-header-pad: 88px;
		--page-home-intro-block-pad-top: 250px;
	}

	body.page-home .page-home-stripe-wrap {
		position: relative;
	}

	body.page-home .page-home-stripe-wrap > * {
		position: relative;
		z-index: 1;
	}

	/* Durchgehende vertikale Guides im Wrap (15px Rand außen) */
	body.page-home .page-home-stripe-wrap::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: var(--page-home-stripe-gutter);
		width: var(--page-home-stripe-w);
		transform: none;
		box-sizing: border-box;
		pointer-events: none;
		z-index: 0;
		border-top: 1px solid var(--page-home-stripe-line);
		border-bottom: 1px solid var(--page-home-stripe-line);
		background-image:
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line)),
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line)),
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line)),
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line)),
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line));
		background-repeat: no-repeat;
		background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%;
		background-position: 0 0, 25% 0, 50% 0, 75% 0, 100% 0;
	}

	/* Container im Stripe-Wrap = gleiche Breite/Position wie äußere Vertikalen */
	body.page-home .page-home-stripe-wrap > .intro > .container,
	body.page-home .page-home-stripe-wrap .features-section .container-features,
	body.page-home .page-home-stripe-wrap > .partners-section > .container,
	body.page-home .page-home-stripe-wrap > .services-section > .container,
	body.page-home .page-home-stripe-wrap > .cta-banner-section > .container,
	body.page-home .page-home-stripe-wrap > .it-services-section > .container,
	body.page-home .page-home-stripe-wrap .social-links-section .container-large,
	body.page-home .page-home-stripe-wrap > .cloud-promotion-section > .container,
	body.page-home .page-home-stripe-wrap > .leistungen-tabs-section > .container,
	body.page-home .page-home-stripe-wrap > .case-studies-section > .container {
		width: var(--page-home-stripe-w) !important;
		max-width: none !important;
		margin-left: var(--page-home-stripe-gutter) !important;
		margin-right: var(--page-home-stripe-gutter) !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box;
	}

	body.page-home .page-home-stripe-wrap > .intro {
		background-color: #0094b0;
	}

	body.page-home .page-home-stripe-wrap > .intro .container {
		position: relative;
		z-index: 2;
	}

	body.page-home .intro .tesis .block {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	/*
	 * Intro Hero: Inhalt im blauen Block (kein absolute top 70 % / kein max-height),
	 * alle vier Service-Buttons inkl. „IT-Sicherheit“ vollständig im Verlauf.
	 * Inhaltsblock: fester Abstand unter der Wolke (padding-top am .block).
	 */
	body.page-home .intro {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		margin-bottom: 90px !important;
		padding-top: var(--page-home-intro-header-pad) !important;
		padding-bottom: 40px !important;
		overflow: visible !important;
		box-sizing: border-box;
	}

	body.page-home .intro .container {
		height: auto !important;
		min-height: 0 !important;
	}

	body.page-home .intro .tesis {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		transform: none !important;
		-webkit-transform: none !important;
	}

	body.page-home .intro .tesis .row.clearfix::before,
	body.page-home .intro .tesis .row.clearfix::after {
		display: none !important;
		content: none !important;
	}

	body.page-home .intro .tesis .block {
		float: none !important;
		width: 100% !important;
		padding-bottom: 0 !important;
	}

	body.page-home .intro .tesis .block:not(.line) {
		padding-top: var(--page-home-intro-block-pad-top) !important;
	}

	body.page-home .intro .tesis .block.line {
		display: none !important;
	}

	body.page-home .intro .tesis .title {
		padding-right: 0 !important;
	}

	body.page-home .intro-mobile-service-buttons {
		margin-top: 28px !important;
		margin-bottom: 0 !important;
	}

	/* Partners-Bereich (blauer .container): Innenabstand links/rechts */
	body.page-home .page-home-stripe-wrap > .partners-section > .container {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	/*
	 * „Über 20 Jahre Erfahrung“: undurchsichtiger blauer Container verdeckt Wrap-Stripes —
	 * fünf Vertikalen im Container-Hintergrund (wie m365-Partners-Block / Desktop-Raster).
	 */
	body.page-home .partners-section {
		position: relative;
	}

	body.page-home .page-home-stripe-wrap > .partners-section > .container {
		position: relative;
		z-index: 1;
		border-radius: 5px;
		background-image:
			linear-gradient(to bottom, var(--page-home-stripe-line-on-blue), var(--page-home-stripe-line-on-blue)),
			linear-gradient(to bottom, var(--page-home-stripe-line-on-blue), var(--page-home-stripe-line-on-blue)),
			linear-gradient(to bottom, var(--page-home-stripe-line-on-blue), var(--page-home-stripe-line-on-blue)),
			linear-gradient(to bottom, var(--page-home-stripe-line-on-blue), var(--page-home-stripe-line-on-blue)),
			linear-gradient(to bottom, var(--page-home-stripe-line-on-blue), var(--page-home-stripe-line-on-blue)),
			linear-gradient(90deg, #6ed2ec, #0088a2);
		background-repeat: no-repeat;
		background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%, 100% 100%;
		background-position: 0 0, 25% 0, 50% 0, 75% 0, 100% 0, 0 0;
	}

	body.page-home .page-home-stripe-wrap > .partners-section > .container > .row.clearfix {
		position: relative;
		z-index: 1;
	}

	/*
	 * Partner-Logos 2×3: Spalte 1 bis zur 3. Vertikalen (50 %), Spalte 2 ab 50 %+15px.
	 * (3. Stripe = background-position 50 % am blauen .container)
	 */
	body.page-home .partners-section .half-block:first-child {
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}

	body.page-home .partners-section .half-block:first-child .row.clearfix {
		display: grid !important;
		grid-template-columns: minmax(0, 50%) minmax(0, 1fr);
		grid-template-rows: repeat(3, minmax(52px, auto));
		align-items: start;
		justify-items: start;
		column-gap: 15px;
		row-gap: 40px;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box;
	}

	/* clearfix-Pseudos wären sonst Grid-Items und verschieben nth-child */
	body.page-home .partners-section .half-block:first-child .row.clearfix::before,
	body.page-home .partners-section .half-block:first-child .row.clearfix::after {
		display: none !important;
		content: none !important;
	}

	body.page-home .partners-section .half-block:first-child .logo-wrap {
		display: block !important;
		width: fit-content !important;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0 !important;
		margin: 0 !important;
		vertical-align: unset !important;
		justify-self: start;
		align-self: start;
		line-height: 0;
	}

	/* style.css: .partners-section img { width:100%; max-width:150px } — hier deaktivieren */
	body.page-home .partners-section .half-block:first-child .logo-wrap .logo,
	body.page-home .partners-section .half-block:first-child .logo-wrap .logo.aos-init,
	body.page-home .partners-section .half-block:first-child .logo-wrap .logo.aos-animate {
		display: block !important;
		width: fit-content !important;
		max-width: 100% !important;
		margin: 0 !important;
		text-align: left !important;
		line-height: 0;
		overflow: hidden;
	}

	body.page-home .partners-section .half-block:first-child .logo-wrap .logo img,
	body.page-home .partners-section .half-block:first-child .logo-wrap img {
		display: block !important;
		margin: 0 !important;
		width: auto !important;
		max-width: 150px !important;
		height: auto !important;
		max-height: 50px !important;
		object-fit: contain !important;
		object-position: left center !important;
	}

	body.page-home .partners-section .half-block:first-child .logo-wrap:nth-child(1) {
		grid-column: 1;
		grid-row: 1;
	}

	body.page-home .partners-section .half-block:first-child .logo-wrap:nth-child(2) {
		grid-column: 1;
		grid-row: 2;
	}

	body.page-home .partners-section .half-block:first-child .logo-wrap:nth-child(3) {
		grid-column: 1;
		grid-row: 3;
	}

	body.page-home .partners-section .half-block:first-child .logo-wrap:nth-child(4) {
		grid-column: 2;
		grid-row: 1;
	}

	body.page-home .partners-section .half-block:first-child .logo-wrap:nth-child(5) {
		grid-column: 2;
		grid-row: 2;
	}

	body.page-home .partners-section .half-block:first-child .logo-wrap:nth-child(6) {
		grid-column: 2;
		grid-row: 3;
	}

	/* Digitale Transformation (it-services-section) */
	body.page-home .page-home-stripe-wrap > .it-services-section > .container {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	/* Cloud-Lösungen: Textspalte */
	body.page-home .cloud-promotion-section .cloud-promotion-text {
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box;
	}

	body.page-home .features-section .home-cta-compare .container {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.page-home .home-cta-compare {
		position: relative;
		isolation: isolate;
	}

	body.page-home .home-cta-compare::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		box-sizing: border-box;
		pointer-events: none;
		z-index: 1;
		border-top: 1px solid var(--page-home-stripe-line);
		border-bottom: 1px solid var(--page-home-stripe-line);
		background-image:
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line)),
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line)),
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line)),
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line));
		background-repeat: no-repeat;
		background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;
		background-position: 0 0, 25% 0, 50% 0, 100% 0;
	}

	/* Blauer Akzent (#0088a2) an äußerster linker Guide-Vertikalen — alle Section-Subtitles */
	body.page-home .page-home-stripe-wrap h1.subtitle,
	body.page-home .page-home-stripe-wrap h2.subtitle,
	body.page-home .page-home-stripe-wrap h3.subtitle {
		position: relative;
		z-index: 2;
	}

	body.page-home .page-home-stripe-wrap h1.subtitle::before,
	body.page-home .page-home-stripe-wrap h2.subtitle::before,
	body.page-home .page-home-stripe-wrap h3.subtitle::before {
		content: "";
		position: absolute;
		top: 50%;
		left: -16px;
		transform: translateY(-50%);
		width: 2px;
		height: 30px;
		border-radius: 999px;
		background: #0088a2;
		pointer-events: none;
		z-index: 3;
	}

	/* „Über unser IT-Systemhaus“: blauer Strich auf 1. Vertikale (Wrap-Stripe bei 15px, Text +16px) */
	body.page-home .home-cta-compare .about-v2-left-content > .subtitle {
		position: relative;
		z-index: 2;
	}

	body.page-home .home-cta-compare .about-v2-left-content > .subtitle::before {
		content: "";
		position: absolute;
		top: 50%;
		left: -16px;
		transform: translateY(-50%);
		width: 2px;
		height: 30px;
		border-radius: 999px;
		background: #0088a2;
		pointer-events: none;
		z-index: 3;
	}

	/* Partners: kein blauer Akzentstrich am Subtitle (blauer Container-Hintergrund) */
	body.page-home .partners-section h3.subtitle::before {
		display: none !important;
		content: none !important;
	}

	/* Intro: kein blauer Akzentstrich am Subtitle (blauer Hero-Hintergrund) */
	body.page-home .intro h1.subtitle::before {
		display: none !important;
		content: none !important;
	}

	body.page-home .cta-banner-section {
		background-color: #0088a2;
	}

	body.page-home .corner-gradient-horizontal,
	body.page-home .corner-gradient-vertical {
		display: none !important;
	}

	body.page-home .border-wrapper {
		border: none !important;
	}

	body.page-home .intro .services.services-anchors .corner-gradient-container {
		border: none !important;
	}

	body.page-home .services-section .services-blocks .services-row-first.with-dividers .box-divider-vertical,
	body.page-home .services-section .services-blocks .services-row-second.with-dividers .box-divider-vertical {
		border-left: none !important;
		border-right: none !important;
		background-color: transparent !important;
	}

	body.page-home .services-section .services-blocks .services-row-first.with-dividers .box-divider-vertical::before,
	body.page-home .services-section .services-blocks .services-row-first.with-dividers .box-divider-vertical::after,
	body.page-home .services-section .services-blocks .services-row-second.with-dividers .box-divider-vertical::before,
	body.page-home .services-section .services-blocks .services-row-second.with-dividers .box-divider-vertical::after {
		display: none !important;
		content: none !important;
	}

	body.page-home .services-section,
	body.page-home .it-services-section,
	body.page-home .cloud-promotion-section,
	body.page-home .social-links-section,
	body.page-home .leistungen-tabs-section,
	body.page-home .case-studies-section {
		position: relative;
	}

	body.page-home .case-studies-section {
		overflow: visible;
	}

	body.page-home .services-section > .container,
	body.page-home .it-services-section > .container,
	body.page-home .cloud-promotion-section > .container,
	body.page-home .case-studies-section > .container,
	body.page-home .leistungen-tabs-section > .container,
	body.page-home .social-links-section .container-large {
		position: relative;
		z-index: 1;
	}

	body.page-home .services-section > .container > .head.centered,
	body.page-home .services-section .services-divider {
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box;
	}

	body.page-home .leistungen-tabs-section > .container > .head.centered {
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box;
	}

	body.page-home .leistungen-tabs-section .tabs-wrapper {
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box;
	}

	/* Carousel: Padding nur am Container; erste Karte bündig nach padding-left */
	body.page-home .leistungen-tabs-section .tab-content-mobile-carousel {
		margin-left: -16px;
		margin-right: -16px;
		width: calc(100% + 32px);
		max-width: none;
		box-sizing: border-box;
	}

	body.page-home .leistungen-tabs-section .tab-mobile-carousel-container {
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box;
		scroll-padding-left: 16px;
		scroll-padding-right: 16px;
	}

	body.page-home .leistungen-tabs-section .tab-mobile-carousel-track {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.page-home .leistungen-tabs-section .tab-mobile-carousel-card {
		min-width: calc(100vw - 30px - 32px - 20px);
		max-width: calc(100vw - 30px - 32px - 20px);
	}

	body.page-home .leistungen-tabs-section .tab-mobile-carousel-card:first-child {
		margin-left: 0;
	}

	/* Fortschrittsbalken: volle Breite zwischen äußersten Guide-Vertikalen */
	body.page-home .leistungen-tabs-section .tab-mobile-carousel-progress {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.page-home .services-section .services-blocks > .leistungskategoriebutton.button {
		position: relative;
		z-index: 2;
		background-color: #fff;
	}

	body.page-home .services-section .services-blocks > .leistungskategoriebutton.button:hover {
		background-color: #0088a2;
	}

	body.page-home .case-studies-section > .container > .head.centered {
		max-width: none;
		width: 100%;
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box;
	}

	/* Divider: volle Breite zwischen äußersten Guide-Vertikalen (aus .head-Padding ausbrechen) */
	body.page-home .case-studies-section .head.centered .m365schutz-newsroom__divider.m365schutz-newsroom__divider--static {
		width: calc(100% + 32px) !important;
		max-width: none !important;
		margin-left: -16px !important;
		margin-right: -16px !important;
		box-sizing: border-box;
	}

	body.page-home .case-studies-section .case-studies-layout {
		max-width: none !important;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
		position: relative;
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: 1fr !important;
		gap: 24px;
		/* case-studies-section.css: overflow-x:hidden → sonst overflow-y:auto (eigener Scroll) */
		overflow: visible !important;
		overflow-x: visible !important;
		overflow-y: visible !important;
	}

	/*
	 * Kein eigener Scroll im Fallstudien-Band — nur normales Seiten-Scrollen.
	 * (vgl. managed-it-support: Keyfacts row + overflow-x:auto / Layout-Clipping)
	 */
	body.page-home .case-studies-section,
	body.page-home .case-studies-section > .container,
	body.page-home .case-studies-section .case-study-slider,
	body.page-home .case-studies-section .keyfacts-content {
		overflow: visible !important;
		overflow-x: visible !important;
		overflow-y: visible !important;
	}

	body.page-home .case-studies-section .case-study-wrapper {
		overflow: hidden !important;
		touch-action: pan-y pinch-zoom;
	}

	body.page-home .case-studies-section .case-study-card,
	body.page-home .case-studies-section .case-study-card .case-study-content,
	body.page-home .case-studies-section .case-study-card .case-study-text,
	body.page-home .case-studies-section .case-study-card .case-study-text h3 {
		overflow: visible !important;
		overscroll-behavior: none;
		-webkit-overflow-scrolling: auto;
		touch-action: pan-y pinch-zoom;
	}

	/* Reihenfolge mobil: Keyfacts → Slider (Karte) → Logos */
	body.page-home .case-studies-section .case-study-keyfacts {
		order: 1;
	}

	body.page-home .case-studies-section .case-study-slider {
		order: 2;
	}

	body.page-home .case-studies-section .case-study-logos-row {
		order: 3;
	}

	/* Desktop-Inhalte: Keyfacts (alle Punkte), Slider, Logo-Zeile — mobil gestapelt */
	body.page-home .case-studies-section .case-study-keyfacts {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		visibility: visible !important;
		width: 100% !important;
		height: auto !important;
		min-height: auto !important;
		min-width: unset !important;
		margin: 0 !important;
		padding: 0 16px !important;
		gap: 24px;
		overflow: visible !important;
		overflow-x: visible !important;
		overflow-y: visible !important;
		box-sizing: border-box;
		align-self: stretch;
	}

	body.page-home .case-studies-section .case-study-keyfacts::before {
		display: block !important;
		content: "" !important;
		left: -16px !important;
	}

	/* Blaue Akzent-Striche an keyfact-title: bündig mit 1. Guide-Vertikalen (wie Section-Subtitles) */
	body.page-home .case-studies-section .keyfact-title::before {
		left: -16px !important;
		width: 2px;
		background: #0088a2;
	}

	body.page-home .case-studies-section .keyfacts-content .keyfact-item:nth-child(3),
	body.page-home .case-studies-section .keyfacts-content .keyfact-item:nth-child(4) {
		display: block !important;
	}

	body.page-home .case-studies-section .case-studies-layout > .case-study-slider {
		width: 100%;
		max-width: 100%;
		grid-column: 1 / -1;
	}

	body.page-home .case-studies-section .case-study-card .case-study-text {
		left: 16px;
		right: 16px;
		bottom: 40px;
		box-sizing: border-box;
	}

	body.page-home .case-studies-section .case-study-card .case-study-text h3 {
		max-width: 100%;
	}

	/* „Kundenstory lesen“ wie Desktop (auf Mobile dauerhaft sichtbar) */
	body.page-home .case-studies-section .case-study-more-link {
		display: inline-flex !important;
		opacity: 1 !important;
		transform: translateY(0) !important;
	}

	body.page-home .case-studies-section .case-study-card:hover .case-study-text h3 {
		transform: none;
		margin-bottom: 0;
	}

	/* Fortschrittsbalken auf der Hauptseite (Mobile) ausblenden */
	body.page-home .case-studies-section .case-study-mobile-progress {
		display: none !important;
	}

	/*
	 * Logo-Zeile: volle Breite zwischen äußersten Guide-Vertikalen (0 % / 100 %).
	 * Weißfläche 25–75 % blendet innere Vertikalen aus; nur Außen-Guides bleiben sichtbar.
	 * 4 gleich breite Spalten (Knittel GmbH nur Desktop in der Logo-Auswahl).
	 */
	body.page-home .case-studies-section .case-study-logos-row {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		position: relative;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 12px 0;
		gap: 0;
		grid-column: 1 / -1;
		box-sizing: border-box;
		overflow: hidden;
	}

	body.page-home .case-studies-section .case-study-logos-row::before {
		content: "";
		position: absolute;
		left: calc(25% - 1px);
		width: calc(50% + 2px);
		top: 0;
		bottom: 0;
		background: #fff;
		z-index: 0;
		pointer-events: none;
	}

	body.page-home .case-studies-section .case-study-logos-row > .case-study-logo-item {
		position: relative;
		z-index: 1;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-width: 0 !important;
		max-width: 100%;
		flex: unset !important;
		min-height: 52px;
		padding: 8px clamp(2px, 1.2vw, 8px) !important;
		overflow: hidden;
		box-sizing: border-box;
		border-right: none !important;
	}

	body.page-home .case-studies-section .case-study-logo-item img.logo-active,
	body.page-home .case-studies-section .case-study-logo-item img.logo-inactive {
		display: none;
		width: auto !important;
		height: auto !important;
		object-fit: contain !important;
		margin: 0 auto;
	}

	body.page-home .case-studies-section .case-study-logo-item.active img.logo-active {
		display: block !important;
	}

	body.page-home .case-studies-section .case-study-logo-item:not(.active) img.logo-inactive {
		display: block !important;
	}

	/* Mobile: Knittel GmbH nicht in der Logo-Auswahl (Desktop unverändert) */
	body.page-home .case-studies-section .case-study-logo-item[data-logo-slide="1"] {
		display: none !important;
	}

	/*
	 * Digitale Transformation / Service-Karten: 1 Spalte, linker Rand = 1. Guide-Vertikale
	 * (Monitoring, Backup u. a. nicht nur :first-child — sonst fehlt links der Stripe).
	 */
	body.page-home .social-links-section .social-media-grid {
		grid-template-columns: 1fr !important;
	}

	body.page-home .social-links-section .social-media-grid > .social-media-link.service-card {
		border-color: var(--page-home-stripe-line);
		border-top: 1px solid var(--page-home-stripe-line);
		border-bottom: 1px solid var(--page-home-stripe-line);
		border-left: 1px solid var(--page-home-stripe-line);
		border-right: 1px solid var(--page-home-stripe-line);
	}

	/* Kein Doppel-Layer mit Wrap, wo die Sektion keinen undurchsichtigen Hintergrund hat */
	body.page-home .services-section::before,
	body.page-home .social-links-section::before {
		display: none;
	}

	body.page-home .case-studies-section .case-study-logo-item {
		border-top: 1px solid var(--page-home-stripe-line);
		border-bottom: 1px solid var(--page-home-stripe-line);
		border-right: none !important;
	}

	body.page-home .home-cta-compare .border-wrapper {
		border-top-color: var(--page-home-stripe-line);
		border-left-color: var(--page-home-stripe-line);
	}

	body.page-home .home-cta-compare .about-v2-left-content-wrapper {
		border-right-color: var(--page-home-stripe-line);
		padding-left: 16px !important;
		padding-right: 16px !important;
		overflow: visible;
	}

	/* Foto: volle Breite von erster bis letzter vertikaler Stripe (äußere Guides) */
	body.page-home .home-cta-compare-image {
		width: calc(100% + 32px);
		max-width: none;
		margin-left: -16px;
		margin-right: -16px;
		border-radius: 0;
		border-left: none;
		border-right: none;
		box-sizing: border-box;
	}

	/* 4. Vertikale (75 %) im Bereich der about-v2-items — fehlt in home-cta-compare::before */
	body.page-home .home-cta-compare .about-v2-right-content-wrapper {
		position: relative;
	}

	body.page-home .home-cta-compare .about-v2-right-content-wrapper::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 75%;
		width: 1px;
		transform: translateX(-50%);
		background: var(--page-home-stripe-line);
		pointer-events: none;
		z-index: 0;
	}

	body.page-home .home-cta-compare .about-v2-item {
		position: relative;
		z-index: 1;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	body.page-home .services-section::before,
	body.page-home .it-services-section::before,
	body.page-home .cloud-promotion-section::before,
	body.page-home .social-links-section::before,
	body.page-home .leistungen-tabs-section::before,
	body.page-home .case-studies-section::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: var(--page-home-stripe-gutter);
		width: var(--page-home-stripe-w);
		transform: none;
		box-sizing: border-box;
		pointer-events: none;
		z-index: 0;
		background-image:
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line)),
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line)),
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line)),
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line)),
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line));
		background-repeat: no-repeat;
		background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%;
		background-position: 0 0, 25% 0, 50% 0, 75% 0, 100% 0;
	}

	body.page-home .case-studies-section::after {
		content: "";
		position: absolute;
		left: var(--page-home-stripe-gutter);
		width: var(--page-home-stripe-w);
		transform: none;
		box-sizing: border-box;
		top: 100%;
		height: 100px;
		pointer-events: none;
		z-index: 0;
		background-image:
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line)),
			linear-gradient(to bottom, var(--page-home-stripe-line), var(--page-home-stripe-line));
		background-repeat: no-repeat;
		background-size: 1px 100%, 1px 100%;
		background-position: 0 0, 100% 0;
	}
}