.page-it-loesungen .it-loesungen-breadcrumb {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	color: rgba(15, 23, 42, 0.62);
	font-size: 0.9rem;
	line-height: 1.4;
}

.page-it-loesungen .it-loesungen-breadcrumb a {
	color: #0088a2;
	text-decoration: none;
}

.page-it-loesungen .it-loesungen-breadcrumb a:hover {
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

.page-it-loesungen .intro .it-loesungen-breadcrumb li[aria-current="page"] {
	color: #fff;
}

.page-it-loesungen .intro .it-loesungen-breadcrumb li + li::before {
	color: rgba(255, 255, 255, 0.7);
}

.page-it-loesungen .intro .it-loesungen-breadcrumb a {
	color: #4a5463;
}

.page-it-loesungen .intro .it-loesungen-breadcrumb a:hover {
	color: #fff;
}

.page-it-loesungen .intro .it-loesungen-breadcrumb a .it-loesungen-breadcrumb-accent {
	color: #00a0c8;
}

.page-it-loesungen .intro .it-loesungen-breadcrumb a:hover .it-loesungen-breadcrumb-accent {
	color: #7dd3ea;
}

.page-it-loesungen .it-loesungen-breadcrumb li + li::before {
	content: "/";
	margin-right: 8px;
	color: rgba(15, 23, 42, 0.35);
}

/* Intro-Anker: Farben Unternehmens-KI ← IT-Sicherheit, IT-Services ← Unternehmens-KI, IT-Sicherheit ← IT-Services */
.page-it-loesungen .intro .services.services-anchors li:nth-child(2)::before {
	background: linear-gradient(135deg, rgba(36, 99, 235, 0.06) 0%, transparent 100%);
}

.page-it-loesungen .intro .services.services-anchors li:nth-child(3)::before {
	background: linear-gradient(135deg, rgba(198, 90, 111, 0.06) 0%, transparent 100%);
}

.page-it-loesungen .intro .services.services-anchors li:nth-child(4)::before {
	background: linear-gradient(135deg, rgba(0, 169, 157, 0.06) 0%, transparent 100%);
}

.page-it-loesungen .intro .services.services-anchors li:nth-child(2)::after {
	background: var(--service-ki);
}

.page-it-loesungen .intro .services.services-anchors li:nth-child(3)::after {
	background: var(--service-security);
}

.page-it-loesungen .intro .services.services-anchors li:nth-child(4)::after {
	background: var(--service-infra);
}

.page-it-loesungen .intro .services.services-anchors li:nth-child(2):hover {
	box-shadow: var(--shadow-ki);
}

.page-it-loesungen .intro .services.services-anchors li:nth-child(3):hover {
	box-shadow: var(--shadow-security);
}

.page-it-loesungen .intro .services.services-anchors li:nth-child(4):hover {
	box-shadow: var(--shadow-infra);
}

.page-it-loesungen .intro .services.services-anchors li:nth-child(2) .service-link {
	color: var(--service-ki);
}

.page-it-loesungen .intro .services.services-anchors li:nth-child(3) .service-link {
	color: var(--service-security);
}

.page-it-loesungen .intro .services.services-anchors li:nth-child(4) .service-link {
	color: var(--service-infra);
}

/* Einheitlicher Abstand zwischen den Inhaltsbereichen */
@media (min-width: 993px) {
	body.page-home.page-it-loesungen .intro {
		margin-bottom: 150px !important;
	}
}

.page-it-loesungen .it-loesungen-benefits-section,
.page-it-loesungen .cloud-promotion-section,
.page-it-loesungen .services-section,
.page-it-loesungen .it-services-section,
.page-it-loesungen .it-loesungen-cloud-cards-section,
.page-it-loesungen .it-loesungen-trust-section,
.page-it-loesungen .it-loesungen-security-cards-section,
.page-it-loesungen .cta-banner-section,
.page-it-loesungen .features-section {
	margin-top: 0 !important;
	margin-bottom: 150px !important;
}

.page-it-loesungen .it-services-section {
	padding: 0 !important;
}

/* Cloud-Computing- / Security-Header + Karten: enger zusammen */
.page-it-loesungen .it-services-section:has(+ .it-loesungen-cloud-cards-section),
.page-it-loesungen .it-services-section:has(+ .it-loesungen-security-cards-section) {
	margin-bottom: 0 !important;
}

.page-it-loesungen .it-services-section:has(+ .it-loesungen-cloud-cards-section) .it-services-header,
.page-it-loesungen .it-services-section:has(+ .it-loesungen-security-cards-section) .it-services-header {
	margin-bottom: 48px !important;
}

.page-it-loesungen .it-loesungen-cloud-cards-section,
.page-it-loesungen .it-loesungen-security-cards-section {
	padding-top: 0 !important;
}

/* Security: Karten wie Screenshot (Icon oben, Liste, farbiger Rand) */
.page-it-loesungen .it-loesungen-security-cards-section {
	--it-loesungen-security-radius: 8px;
}

.page-it-loesungen .it-loesungen-security-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: auto auto 1fr auto auto;
	gap: 24px;
	align-items: stretch;
	width: 100%;
}

.page-it-loesungen .it-loesungen-security-card {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 5;
	align-items: start;
	justify-items: stretch;
	position: relative;
	min-height: 100%;
	padding: 32px 28px 24px;
	border-radius: var(--it-loesungen-security-radius);
	border: 1px solid #e3e3e3;
	border-bottom: none;
	background: #fff;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
	transition: transform 0.3s ease;
}

.page-it-loesungen .it-loesungen-security-card.aos-animate:hover,
.page-it-loesungen .it-loesungen-security-card.is-revealed:hover {
	transform: translateY(-4px);
}

.page-it-loesungen .it-loesungen-security-card::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--security-accent-gradient);
}

.page-it-loesungen .it-loesungen-security-card--cyber {
	--security-accent: #c65a6f;
	--security-accent-end: #e97a8f;
	--security-accent-soft: rgba(198, 90, 111, 0.12);
	--security-accent-gradient: linear-gradient(135deg, #c65a6f, #e97a8f);
}

.page-it-loesungen .it-loesungen-security-card--cloud {
	--security-accent: #0dadea;
	--security-accent-end: #4dc5df;
	--security-accent-soft: rgba(13, 173, 234, 0.12);
	--security-accent-gradient: linear-gradient(135deg, #0dadea, #4dc5df);
}

.page-it-loesungen .it-loesungen-security-card--datenschutz {
	--security-accent: #3f4b66;
	--security-accent-end: #5a6478;
	--security-accent-soft: rgba(63, 75, 102, 0.1);
	--security-accent-gradient: linear-gradient(135deg, #3f4b66, #5a6478);
}

.page-it-loesungen .it-loesungen-security-card-icon {
	position: relative;
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	margin-bottom: 20px;
	border-radius: 50%;
	background: var(--security-accent-soft);
	justify-self: center;
}

.page-it-loesungen .it-loesungen-security-card-icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 28px;
	height: 28px;
	transform: translate(-50%, -50%);
	background: var(--security-accent-gradient);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
}

.page-it-loesungen .it-loesungen-security-card-icon--cyber::before {
	-webkit-mask-image: url("/img/icons/itsecurity.svg");
	mask-image: url("/img/icons/itsecurity.svg");
}

.page-it-loesungen .it-loesungen-security-card-icon--cloud::before {
	-webkit-mask-image: url("/img/icons/azurecloud-white.png");
	mask-image: url("/img/icons/azurecloud-white.png");
}

.page-it-loesungen .it-loesungen-security-card-icon--datenschutz::before {
	background: none;
	-webkit-mask-image: none;
	mask-image: none;
	width: 32px;
	height: 32px;
	background-image: url("/img/Datenschutz-Icon.webp");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.page-it-loesungen .it-loesungen-security-card-title {
	margin: 0 0 16px;
	padding: 0;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.25;
	color: #1a2030;
	transition: background 0.3s, -webkit-background-clip 0.3s, -webkit-text-fill-color 0.3s, color 0.3s;
}

.page-it-loesungen .it-loesungen-security-card:hover .it-loesungen-security-card-title {
	background: var(--security-accent-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.page-it-loesungen .it-loesungen-security-card-text {
	margin: 0 0 20px;
	width: 100%;
	font-size: 15px;
	line-height: 1.65;
	color: #64748b;
	text-align: center;
	align-self: start;
}

.page-it-loesungen .it-loesungen-security-benefits {
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
	width: 100%;
	text-align: left;
	align-self: start;
}

.page-it-loesungen .it-loesungen-security-benefits li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	color: #64748b;
}

.page-it-loesungen .it-loesungen-security-benefits li::before {
	content: "";
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	background: var(--security-accent);
	-webkit-mask-image: url("/img/icons/check.svg");
	mask-image: url("/img/icons/check.svg");
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
}

.page-it-loesungen .it-loesungen-security-benefits li + li {
	margin-top: 10px;
}

.page-it-loesungen .it-loesungen-security-card-link {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	align-self: stretch;
	gap: 6px;
	margin-top: 0;
	padding-top: 20px;
	width: 100%;
	border-top: 1px solid #e3e3e3;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	color: #4a5463;
	text-decoration: none;
	background-image: linear-gradient(90deg, var(--security-accent), var(--security-accent-end));
	background-size: 0% 100%;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-clip: text;
	background-clip: text;
	transition: background-size 0.35s ease, color 0.35s ease, -webkit-text-fill-color 0.35s ease;
}

.page-it-loesungen .it-loesungen-security-card-link .squared-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	transition: color 0.35s ease;
}

.page-it-loesungen .it-loesungen-security-card:hover .it-loesungen-security-card-link {
	-webkit-text-fill-color: transparent;
	color: var(--security-accent-end);
	background-size: 100% 100%;
}

@media screen and (max-width: 992px) {
	body.page-home.page-it-loesungen .it-loesungen-security-cards-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;
	}

	.page-it-loesungen .it-loesungen-security-grid {
		grid-template-columns: 1fr;
		grid-template-rows: none;
	}

	.page-it-loesungen .it-loesungen-security-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		grid-row: auto;
		grid-template-rows: none;
	}

	.page-it-loesungen .it-loesungen-security-card-link {
		margin-top: auto;
	}
}

@media screen and (min-width: 993px) {
	body.page-home.page-it-loesungen .it-loesungen-security-cards-section > .container {
		width: min(1600px, 81.25%);
		max-width: none !important;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
	}
}

/* Cloud Computing: Karten-Layout wie Security (blaue Akzentfarbe beibehalten) */
.page-it-loesungen .it-loesungen-cloud-cards-section {
	--it-loesungen-security-radius: 8px;
	--security-accent: #00a0c8;
	--security-accent-end: #0088a2;
	--security-accent-soft: rgba(0, 160, 200, 0.1);
	--security-accent-gradient: linear-gradient(135deg, #00a0c8, #0088a2);
}

.page-it-loesungen .it-loesungen-cloud-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
	width: 100%;
}

.page-it-loesungen .it-loesungen-cloud-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	min-height: 100%;
	padding: 32px 28px 24px;
	border-radius: var(--it-loesungen-security-radius);
	border: 1px solid #e3e3e3;
	border-bottom: none;
	background: #fff;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
	transition: transform 0.3s ease;
}

.page-it-loesungen .it-loesungen-cloud-card.aos-animate:hover,
.page-it-loesungen .it-loesungen-cloud-card.is-revealed:hover {
	transform: translateY(-4px);
}

.page-it-loesungen .it-loesungen-cloud-card::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--security-accent-gradient);
}

.page-it-loesungen .it-loesungen-cloud-card-icon {
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	margin-bottom: 20px;
	border-radius: 50%;
	background-color: var(--security-accent-soft);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 28px auto;
}

.page-it-loesungen .it-loesungen-cloud-card-icon--m365 {
	background-image: url("/img/icons/lamp.png");
}

.page-it-loesungen .it-loesungen-cloud-card-icon--azure {
	background-image: url("/img/icons/monitoring.svg");
}

.page-it-loesungen .it-loesungen-cloud-card-icon--private {
	background-image: url("/img/icons/backup.svg");
}

.page-it-loesungen .it-loesungen-cloud-card-title {
	margin: 0 0 16px;
	padding: 0;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.25;
	color: #1a2030;
	transition: background 0.3s, -webkit-background-clip 0.3s, -webkit-text-fill-color 0.3s, color 0.3s;
}

.page-it-loesungen .it-loesungen-cloud-card:hover .it-loesungen-cloud-card-title {
	background: var(--security-accent-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.page-it-loesungen .it-loesungen-cloud-card-text {
	margin: 0 0 24px;
	flex: 1;
	width: 100%;
	font-size: 15px;
	line-height: 1.65;
	color: #64748b;
	text-align: center;
}

.page-it-loesungen .it-loesungen-cloud-card-link {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	align-self: stretch;
	gap: 6px;
	margin-top: auto;
	padding-top: 20px;
	width: 100%;
	border-top: 1px solid #e3e3e3;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	color: #4a5463;
	text-decoration: none;
	background-image: linear-gradient(90deg, var(--security-accent), var(--security-accent-end));
	background-size: 0% 100%;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-clip: text;
	background-clip: text;
	transition: background-size 0.35s ease, color 0.35s ease, -webkit-text-fill-color 0.35s ease;
}

.page-it-loesungen .it-loesungen-cloud-card-link .squared-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	transition: color 0.35s ease;
}

.page-it-loesungen .it-loesungen-cloud-card:hover .it-loesungen-cloud-card-link {
	-webkit-text-fill-color: transparent;
	color: var(--security-accent-end);
	background-size: 100% 100%;
}

@media screen and (max-width: 992px) {
	body.page-home.page-it-loesungen .it-loesungen-cloud-cards-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;
	}

	.page-it-loesungen .it-loesungen-cloud-grid {
		grid-template-columns: 1fr;
	}
}

@media screen and (min-width: 993px) {
	body.page-home.page-it-loesungen .it-loesungen-cloud-cards-section > .container {
		width: min(1600px, 81.25%);
		max-width: none !important;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
	}
}

.page-it-loesungen .cloud-promotion-section {
	padding: 60px 0 !important;
}

.page-it-loesungen .cloud-promotion-link {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	color: #4a5463;
	text-decoration: none;
	position: static;
	background-image: linear-gradient(90deg, #00a0c8, #0088a2);
	background-size: 0% 100%;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-clip: text;
	background-clip: text;
	transition: background-size 0.35s ease, color 0.35s ease, -webkit-text-fill-color 0.35s ease;
}

.page-it-loesungen .cloud-promotion-link::after {
	display: none;
}

.page-it-loesungen .cloud-promotion-link .squared-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	transition: color 0.35s ease;
}

.page-it-loesungen .cloud-promotion-link:hover {
	-webkit-text-fill-color: transparent;
	color: #0088a2;
	background-size: 100% 100%;
}

.page-it-loesungen .cta-banner-section {
	padding: 80px 0 !important;
}

.page-it-loesungen .it-loesungen-benefits-layout {
	margin-top: 48px;
}

@media (min-width: 993px) {
	.page-it-loesungen .it-loesungen-benefits-section > .container {
		width: min(1600px, 81.25%);
		max-width: none !important;
		position: relative;
		z-index: 1;
	}

	.page-it-loesungen .it-loesungen-benefits-layout {
		width: 100%;
		max-width: none;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row {
		--it-loesungen-benefits-pad-x: clamp(24px, 3vw, 48px);
		--it-loesungen-benefits-pad-gap: clamp(40px, 5vw, 72px);
		--it-loesungen-benefits-h3-gap: 20px;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0;
		align-items: stretch;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row > .half-block {
		float: none !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0;
		box-sizing: border-box;
		grid-row: 1;
		align-self: stretch;
		height: 100%;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row > .half-block:first-child {
		grid-column: 1;
		padding: 0 var(--it-loesungen-benefits-pad-gap) 0 var(--it-loesungen-benefits-pad-x);
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row > .half-block:last-child {
		grid-column: 2;
		padding: 0 var(--it-loesungen-benefits-pad-x) 0 var(--it-loesungen-benefits-pad-gap);
		border-left: 1px solid #e3e3e3 !important;
		min-height: 100%;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row > .half-block h3 {
		margin: 0 0 var(--it-loesungen-benefits-h3-gap);
		font-size: 26px;
		line-height: 1.3;
		font-weight: 700;
		color: #1a2030;
		text-align: left;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row > .half-block p {
		margin: 0;
		font-size: 16px;
		line-height: 1.8;
		color: #64748b;
		text-align: left;
	}
}

@media (max-width: 992px) {
	body.page-home.page-it-loesungen .it-loesungen-benefits-section > .container > .head.centered {
		margin-bottom: 0 !important;
	}

	body.page-home.page-it-loesungen .it-loesungen-benefits-section > .container > .head.centered h3 {
		margin-bottom: 0 !important;
	}

	body.page-home.page-it-loesungen .it-loesungen-benefits-section .it-loesungen-benefits-layout {
		margin-top: 28px !important;
		padding-bottom: 60px !important;
		box-sizing: border-box;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row > .half-block {
		float: none;
		width: 100%;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row > .half-block:first-child {
		position: relative;
		padding-bottom: 40px;
		border-bottom: none;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row > .half-block:first-child::after {
		content: "";
		position: absolute;
		left: -16px;
		bottom: 0;
		width: calc(100% + 32px);
		border-bottom: 1px solid #e3e3e3;
		pointer-events: none;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row > .half-block h3 {
		margin: 0 0 20px;
		font-size: 26px;
		line-height: 1.3;
		font-weight: 700;
		color: #1a2030;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row > .half-block p {
		margin: 0;
		font-size: 16px;
		line-height: 1.8;
		color: #64748b;
	}

	.page-it-loesungen .it-loesungen-benefits-desktop .it-loesungen-benefits-row > .half-block:last-child {
		padding-left: 0;
		padding-top: 40px;
		border-left: none;
	}
}

.page-it-loesungen .it-loesungen-text-block {
	max-width: 920px;
	margin: 0 auto;
}

.page-it-loesungen .it-loesungen-text-block p {
	margin: 0 0 18px;
	color: #4a5463;
	line-height: 1.65;
}

.page-it-loesungen .it-loesungen-text-block p:last-child {
	margin-bottom: 0;
}

.page-it-loesungen .it-loesungen-numbered-card .service-subtitle {
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #0088a2;
}

/* Kommunikation: Bento-Layout – Blau wie .it-services-header .subtitle (Cloud Computing) */
.page-it-loesungen .it-loesungen-kommunikation-section {
	--it-loesungen-komm-radius: 8px;
	--it-loesungen-komm-gradient: linear-gradient(135deg, #00a0c8, #0088a2);
	--it-loesungen-komm-blue-start: #00a0c8;
	--it-loesungen-komm-blue-end: #0088a2;
	--it-loesungen-komm-blue-soft: rgba(0, 160, 200, 0.1);
}

.page-it-loesungen .it-loesungen-kommunikation-section > .container > .head.centered .subtitle {
	background: var(--it-loesungen-komm-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: inline-block;
}

.page-it-loesungen .it-loesungen-kommunikation-bento {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	grid-template-areas:
		"m365 voip"
		"video video";
	align-items: stretch;
}

.page-it-loesungen .it-loesungen-kommunikation-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	min-height: 100%;
	padding: 28px 32px 24px;
	border-radius: var(--it-loesungen-komm-radius);
	border: 1px solid #e3e3e3;
	border-bottom: none;
	background: #fff;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
	box-sizing: border-box;
	overflow: hidden;
	transition: transform 0.3s ease;
}

.page-it-loesungen .it-loesungen-kommunikation-card.aos-animate:hover,
.page-it-loesungen .it-loesungen-kommunikation-card.is-revealed:hover {
	transform: translateY(-4px);
}

.page-it-loesungen .it-loesungen-kommunikation-card::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--it-loesungen-komm-gradient);
}

.page-it-loesungen .it-loesungen-kommunikation-card--m365 {
	grid-area: m365;
}

.page-it-loesungen .it-loesungen-kommunikation-card--voip {
	grid-area: voip;
}

.page-it-loesungen .it-loesungen-kommunikation-card--video {
	grid-area: video;
}

.page-it-loesungen .it-loesungen-kommunikation-card-head {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	margin-bottom: 18px;
}

.page-it-loesungen .it-loesungen-kommunikation-card-icon {
	position: relative;
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	border: none;
	border-radius: var(--it-loesungen-komm-radius);
	background: var(--it-loesungen-komm-blue-soft);
	box-sizing: border-box;
}

.page-it-loesungen .it-loesungen-kommunikation-card-icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 26px;
	transform: translate(-50%, -50%);
	background: var(--it-loesungen-komm-gradient);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
}

.page-it-loesungen .it-loesungen-kommunikation-card-icon--m365::before {
	-webkit-mask-image: url("/img/icons/modernworkplace-white.svg");
	mask-image: url("/img/icons/modernworkplace-white.svg");
}

.page-it-loesungen .it-loesungen-kommunikation-card-icon--voip::before {
	-webkit-mask-image: url("/img/mobilmenu/placetel-voip-ki.svg");
	mask-image: url("/img/mobilmenu/placetel-voip-ki.svg");
}

.page-it-loesungen .it-loesungen-kommunikation-card-icon--video::before {
	-webkit-mask-image: url("/img/icons/it-loesungen-fuer-unternehmen/videokonferenz.svg");
	mask-image: url("/img/icons/it-loesungen-fuer-unternehmen/videokonferenz.svg");
}

.page-it-loesungen .it-loesungen-kommunikation-card-title {
	flex: 1 1 auto;
	min-width: 0;
	margin: 4px 0 0;
	padding: 0;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.3;
	color: #4a5463;
	transition: background 0.3s, -webkit-background-clip 0.3s, -webkit-text-fill-color 0.3s, color 0.3s;
}

.page-it-loesungen .it-loesungen-kommunikation-card:hover .it-loesungen-kommunikation-card-title {
	background: var(--it-loesungen-komm-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.page-it-loesungen .it-loesungen-kommunikation-card-text {
	margin: 0 0 20px;
	width: 100%;
	font-size: 15px;
	line-height: 1.65;
	color: #64748b;
}

.page-it-loesungen .it-loesungen-kommunikation-card-link {
	display: inline-flex;
	align-items: center;
	align-self: flex-end;
	gap: 6px;
	margin-top: auto;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	color: #4a5463;
	text-decoration: none;
	background-image: linear-gradient(90deg, var(--it-loesungen-komm-blue-start), var(--it-loesungen-komm-blue-end));
	background-size: 0% 100%;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-clip: text;
	background-clip: text;
	transition: background-size 0.35s ease, color 0.35s ease, -webkit-text-fill-color 0.35s ease;
}

.page-it-loesungen .it-loesungen-kommunikation-card-link .squared-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	transition: color 0.35s ease;
}

.page-it-loesungen .it-loesungen-kommunikation-card:hover .it-loesungen-kommunikation-card-link {
	-webkit-text-fill-color: transparent;
	color: var(--it-loesungen-komm-blue-end);
	background-size: 100% 100%;
}

@media screen and (min-width: 993px) {
	body.page-home.page-it-loesungen .it-loesungen-kommunikation-section > .container {
		width: min(1600px, 81.25%);
		max-width: none !important;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 992px) {
	.page-it-loesungen .it-loesungen-kommunikation-bento {
		grid-template-columns: 1fr;
		grid-template-areas:
			"m365"
			"voip"
			"video";
	}
}

/* Digitalisierung: linke Cloud-Karte + rechts zwei gestapelte Karten */
.page-it-loesungen .it-loesungen-digital-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 24px !important;
	margin: 0 !important;
	align-items: stretch;
	overflow: visible;
	position: relative;
	isolation: isolate;
}

.page-it-loesungen .it-loesungen-digital-cloud-col,
.page-it-loesungen .it-loesungen-digital-stack-col {
	display: flex;
	min-height: 100%;
}

.page-it-loesungen .it-loesungen-digital-cloud-card {
	flex: 1;
	width: 100%;
	height: 100%;
}

.page-it-loesungen .it-loesungen-digital-stack {
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex: 1;
	width: 100%;
	min-height: 100%;
}

.page-it-loesungen .it-loesungen-digital-stack .block {
	flex: 1;
	min-height: 0;
}

.page-it-loesungen .it-loesungen-digital-cloud-card .icon.one,
.page-it-loesungen .it-loesungen-digital-automation-card .icon.digitalisierung-icon,
.page-it-loesungen .it-loesungen-digital-workplace-card .icon.five {
	height: 160px !important;
	min-height: 160px !important;
	flex-shrink: 0;
}

/* Linke Kachel: Microsoft Azure (wie Hauptseite Leistungen) */
.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-cloud-card {
	background: linear-gradient(135deg, rgba(13, 173, 234, 0.85), rgba(77, 197, 223, 0.85)), url("../img/Menue/Microsoft-Azure-Metricsiro.webp") center/cover no-repeat !important;
}

.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-cloud-card .icon.one {
	background:
		url("../img/icons/azurecloud-white.png") center no-repeat,
		radial-gradient(circle at center, rgba(13, 173, 234, 0.98) 0%, rgba(13, 173, 234, 0.88) 35%, rgba(77, 197, 223, 0.75) 100%),
		url("../img/Menue/Microsoft-Azure-Metricsiro.webp") center/cover no-repeat !important;
	background-size: 80px auto, 100% 100%, cover !important;
	background-position: center, center, center !important;
}

.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-cloud-card:hover {
	transform: none;
	box-shadow: 0 20px 40px rgba(13, 173, 234, 0.2);
}

.page-it-loesungen .it-loesungen-digital-cloud-card .info {
	text-align: left !important;
	align-items: flex-start !important;
}

.page-it-loesungen .it-loesungen-digital-cloud-card .info h3 {
	display: block;
	width: 100%;
	background: linear-gradient(135deg, #0dadea, #4dc5df);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: 28px;
	text-align: left !important;
}

.page-it-loesungen .it-loesungen-digital-cloud-card .service-description {
	text-align: left;
}

.page-it-loesungen .it-loesungen-digital-cloud-benefits {
	list-style: none;
	margin: 0 0 24px;
	padding: 70px 0 0;
	text-align: left;
}

.page-it-loesungen .it-loesungen-digital-cloud-benefits li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	color: #64748b;
}

.page-it-loesungen .it-loesungen-digital-cloud-benefits li + li {
	margin-top: 10px;
}

.page-it-loesungen .it-loesungen-digital-cloud-benefits-icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	margin-top: 1px;
}

/* Digitalisierung: „Mehr erfahren“ mittig, nur beim Hover */
.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-grid .block .info {
	padding-bottom: 90px !important;
}

.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-grid .block .service-more {
	position: absolute !important;
	bottom: 50px !important;
	left: 50% !important;
	transform: translateX(-50%) translateY(-8px) !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 0;
	opacity: 0 !important;
	font-size: 15px !important;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	background-image: none;
	background-size: auto;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: currentColor;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-grid .block .service-more .squared-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-grid .block:hover .service-more {
	opacity: 1 !important;
	transform: translateX(-50%) translateY(0) !important;
}

.page-it-loesungen .it-loesungen-digital-cloud-card .service-more {
	color: #0dadea !important;
}

.page-it-loesungen .it-loesungen-digital-automation-card .service-more {
	color: #9c91df !important;
}

.page-it-loesungen .it-loesungen-digital-workplace-card .service-more {
	color: #0088a2 !important;
}

@media (max-width: 992px) {
	.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-grid .block .info {
		padding-bottom: 45px !important;
	}

	.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-grid .block .service-more {
		position: static !important;
		bottom: auto !important;
		left: auto !important;
		transform: none !important;
		opacity: 1 !important;
		align-self: center;
		margin-top: auto;
		font-size: 16px !important;
	}

	.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-grid .block:hover .service-more {
		transform: none !important;
	}
}

.page-it-loesungen .it-loesungen-digital-cloud-card .info .line.azure {
	background: #0dadea !important;
}

/* Rechte Kachel oben: Digitalisierung von Prozessen (wie Hauptseite) */
.page-it-loesungen .it-loesungen-digital-automation-card {
	background: linear-gradient(135deg, rgba(156, 145, 223, 0.85), rgba(189, 181, 235, 0.85)), url("../img/Menue/process-leistung.webp") center/cover no-repeat !important;
}

.page-it-loesungen .it-loesungen-digital-automation-card .icon.digitalisierung-icon {
	background:
		url("../img/icons/process.svg") center no-repeat,
		radial-gradient(circle at center, rgba(156, 145, 223, 0.98) 0%, rgba(156, 145, 223, 0.88) 35%, rgba(189, 181, 235, 0.75) 100%),
		url("../img/Menue/process-leistung.webp") center/cover no-repeat !important;
	background-size: 68px auto, 100% 100%, cover !important;
	background-position: center, center, center !important;
}

.page-it-loesungen .it-loesungen-digital-automation-card .info h3 {
	background: linear-gradient(135deg, #9c91df, #bdb5eb);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.page-it-loesungen .it-loesungen-digital-automation-card .info .line.digitalisierung-line {
	background: #9c91df !important;
}

/* Rechte Kachel unten: Cloud Workplace (wie Hauptseite Leistungen) */
.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-workplace-card {
	background: linear-gradient(135deg, rgba(0, 160, 200, 0.85), rgba(0, 136, 162, 0.85)), url("../img/Menue/digital-workplace-slider.webp") left center/cover no-repeat !important;
}

.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-workplace-card .icon.five {
	background:
		url("../img/icons/modernworkplace-white.svg") center no-repeat,
		radial-gradient(circle at center, rgba(0, 160, 200, 0.98) 0%, rgba(0, 160, 200, 0.88) 35%, rgba(0, 136, 162, 0.75) 100%),
		url("../img/Menue/digital-workplace-slider.webp") left center/cover no-repeat !important;
	background-size: 80px auto, 100% 100%, cover !important;
	background-position: center, center, left center !important;
}

.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-workplace-card:hover {
	transform: none;
	box-shadow: 0 20px 40px rgba(0, 136, 162, 0.2);
}

.page-it-loesungen .it-loesungen-digital-workplace-card .info h3 {
	background: linear-gradient(135deg, #00a0c8, #0088a2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.page-it-loesungen .it-loesungen-digital-workplace-card .info .line.workplace {
	background: #0088a2 !important;
}

.page-it-loesungen .it-loesungen-digital-grid > .col {
	position: relative;
	z-index: 2;
}

@media (max-width: 992px) {
	.page-it-loesungen .it-loesungen-digital-grid {
		grid-template-columns: 1fr !important;
	}

	.page-it-loesungen .it-loesungen-digital-stack-col {
		margin-top: 0;
	}

	.page-it-loesungen .it-loesungen-digital-stack {
		gap: 24px;
	}

	.page-it-loesungen .it-loesungen-digital-cloud-benefits {
		padding-top: 30px;
	}

	.page-it-loesungen .it-loesungen-digital-cloud-card .icon.one,
	.page-it-loesungen .it-loesungen-digital-automation-card .icon.digitalisierung-icon,
	.page-it-loesungen .it-loesungen-digital-workplace-card .icon.five {
		height: 120px !important;
		min-height: 120px !important;
	}

	.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-cloud-card .icon.one {
		background-size: 60px auto, 100% 100%, cover !important;
	}

	.page-it-loesungen .it-loesungen-digital-automation-card .icon.digitalisierung-icon {
		background-size: 52px auto, 100% 100%, cover !important;
	}

	.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-workplace-card .icon.five {
		background-size: 60px auto, 100% 100%, cover !important;
	}
}

/* IT-Services: neutrales 2×2-Raster mit Corner-Gradient-Rahmen */
@media (min-width: 993px) {
	.page-it-loesungen .it-loesungen-services-section > .container {
		width: min(1600px, 81.25%);
		max-width: none !important;
		position: relative;
		z-index: 1;
	}
}

.page-it-loesungen .it-loesungen-services-section .it-loesungen-services-layout {
	margin-top: 48px;
	position: relative;
}

.page-it-loesungen .it-loesungen-services-section .corner-gradient-container {
	position: relative;
	z-index: 1;
}

.page-it-loesungen .it-loesungen-services-section .border-wrapper {
	border: none !important;
}

.page-it-loesungen .it-loesungen-services-section .corner-gradient-wrapper,
.page-it-loesungen .it-loesungen-services-section .corner-gradient-horizontal,
.page-it-loesungen .it-loesungen-services-section .corner-gradient-vertical {
	display: none !important;
}

/* Nur innere Trennlinien; äußere Vertikalen per Overlay (::before) */
.page-it-loesungen .it-loesungen-services-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	background: #fff;
	position: relative;
}

.page-it-loesungen .it-loesungen-services-item {
	padding: clamp(32px, 4vw, 48px);
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-left: none;
	box-sizing: border-box;
}

.page-it-loesungen .it-loesungen-services-item:nth-child(2n) {
	border-right: none;
}

.page-it-loesungen .it-loesungen-services-item:nth-child(n + 3) {
	border-bottom: none;
}

.page-it-loesungen .it-loesungen-services-item h3 {
	margin: 0 0 16px;
	font-size: clamp(1.15rem, 2vw, 1.35rem);
	line-height: 1.35;
	font-weight: 400;
	color: #0088a2;
}

.page-it-loesungen .it-loesungen-services-item p {
	margin: 0;
	font-size: 16px;
	line-height: 1.65;
	color: #64748b;
}

/* Vertrauen / Kundenlogos — volle Stripe-Breite, äußere Guide-Vertikalen sichtbar */
.page-it-loesungen .it-loesungen-trust-section.placetel-social-proof-section {
	position: relative;
	padding: 0 !important;
	background-color: #ffffff;
	overflow: visible;
}

.page-it-loesungen .it-loesungen-trust-section .container-placetel {
	max-width: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: visible;
	z-index: 1;
}

.page-it-loesungen .it-loesungen-trust-section .container-placetel > * {
	position: relative;
	z-index: 1;
}

.page-it-loesungen .it-loesungen-trust-section .it-services-header {
	text-align: center;
	max-width: 900px;
	margin: 0 auto 40px;
}

.page-it-loesungen .it-loesungen-trust-section .it-services-header .subtitle {
	margin-bottom: 0;
	background: linear-gradient(135deg, #00a0c8, #0088a2);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: inline-block;
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logos-row {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0;
	margin-bottom: 0;
	padding: 20px 0;
	width: 100%;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: visible !important;
}

body.page-home.page-it-loesungen .it-loesungen-trust-section .placetel-logos-row.aos-init,
body.page-home.page-it-loesungen .it-loesungen-trust-section .placetel-logos-row.aos-animate,
body.page-home.page-it-loesungen .it-loesungen-trust-section .it-loesungen-trust-header.aos-init,
body.page-home.page-it-loesungen .it-loesungen-trust-section .it-loesungen-trust-header.aos-animate {
	overflow: visible !important;
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	min-height: 85px;
	padding: 21px;
	opacity: 1;
	transition: opacity 0.3s ease, transform 0.3s ease;
	border-right: 1px solid rgba(15, 23, 42, 0.1);
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static:last-child {
	border-right: none;
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static:hover {
	opacity: 1;
	transform: translateY(-5px);
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static img {
	transition: opacity 0.3s ease;
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static .logo-active {
	display: block;
}

/* Trust-Logos: optische Gleichgröße (Kompensation für Leerraum in den Logo-Dateien) */
.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static {
	--it-loesungen-trust-logo-scale: 1;
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static img {
	transform: scale(var(--it-loesungen-trust-logo-scale));
	transform-origin: center center;
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static[data-logo-key="stadtulm"] {
	--it-loesungen-trust-logo-scale: 1.1;
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static[data-logo-key="rekular"] {
	--it-loesungen-trust-logo-scale: 0.92;
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static[data-logo-key="mmc"] {
	--it-loesungen-trust-logo-scale: 0.97;
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static[data-logo-key="mattson"] {
	--it-loesungen-trust-logo-scale: 0.95;
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static[data-logo-key="motorworld"] {
	--it-loesungen-trust-logo-scale: 1;
}

.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static[data-logo-key="oewbreitband"] {
	--it-loesungen-trust-logo-scale: 0.96;
}

@media (max-width: 992px) {
	.page-it-loesungen .it-loesungen-services-section .it-loesungen-services-layout {
		margin-top: 32px;
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}

	.page-it-loesungen .it-loesungen-services-grid {
		grid-template-columns: 1fr;
	}

	.page-it-loesungen .it-loesungen-services-item {
		border-left: none;
		border-right: none;
	}

	/* Desktop nth-child(n+3) entfernt border-bottom — auf 1 Spalte wiederherstellen */
	.page-it-loesungen .it-loesungen-services-item:not(:last-child) {
		border-bottom: 1px solid #e3e3e3;
	}

	.page-it-loesungen .it-loesungen-services-item:last-child {
		border-bottom: none;
	}

	body.page-home.page-it-loesungen .it-loesungen-trust-section .placetel-logos-row {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}

	.page-it-loesungen .it-loesungen-trust-section .it-loesungen-trust-header {
		padding-left: 16px;
		padding-right: 16px;
		box-sizing: border-box;
	}

	.page-it-loesungen .it-loesungen-trust-section .placetel-logos-row {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 0;
		position: relative;
		flex-wrap: nowrap;
	}

	.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static:nth-child(5),
	.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static:nth-child(6) {
		display: none !important;
	}

	.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static {
		flex: none !important;
		border-right: 1px solid rgba(15, 23, 42, 0.1) !important;
		border-bottom: 1px solid rgba(15, 23, 42, 0.1) !important;
	}

	.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static:nth-child(2),
	.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static:nth-child(4) {
		border-right: none !important;
	}

	.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static:nth-child(3),
	.page-it-loesungen .it-loesungen-trust-section .placetel-logo-item-static:nth-child(4) {
		border-bottom: none !important;
	}

	.page-it-loesungen .it-loesungen-trust-section .placetel-logos-row::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 1px;
		height: 100%;
		background: rgba(15, 23, 42, 0.05);
		z-index: 1;
	}

	.page-it-loesungen .it-loesungen-trust-section .placetel-logos-row::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 1px;
		background: rgba(15, 23, 42, 0.05);
		z-index: 1;
	}
}

@media (max-width: 640px) {
	.page-it-loesungen .cloud-promotion-section {
		padding-top: 0 !important;
		padding-bottom: 48px !important;
	}

	.page-it-loesungen .cta-banner-section {
		padding: 64px 0 !important;
	}
}

/* Stripe-Wrap: äußere Guide-Vertikalen über weißem Inhalt (nur /it-loesungen-fuer-unternehmen/) */
body.page-home.page-it-loesungen {
	--it-loesungen-guide-stripe: rgba(15, 23, 42, 0.08);
}

body.page-home.page-it-loesungen .it-loesungen-trust-section .container-placetel::before,
body.page-home.page-it-loesungen .it-loesungen-services-section::before,
body.page-home.page-it-loesungen .it-loesungen-services-section .it-loesungen-services-layout::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	z-index: 3;
	background-image:
		linear-gradient(to bottom, var(--it-loesungen-guide-stripe), var(--it-loesungen-guide-stripe)),
		linear-gradient(to bottom, var(--it-loesungen-guide-stripe), var(--it-loesungen-guide-stripe));
	background-repeat: no-repeat;
	background-size: 1px 100%, 1px 100%;
	background-position: 0 0, 100% 0;
	opacity: 0.35;
}

body.page-home.page-it-loesungen .it-loesungen-services-section {
	position: relative;
	overflow: visible;
}

body.page-home.page-it-loesungen .it-loesungen-services-section > .container {
	overflow: visible;
}

body.page-home.page-it-loesungen .it-loesungen-services-section .it-loesungen-services-layout {
	overflow: visible;
}

@media (min-width: 993px) {
	body.page-home.page-it-loesungen .page-home-stripe-wrap > .it-loesungen-trust-section > .container-placetel {
		width: min(1600px, 81.25%);
		max-width: none !important;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	/* Sektions-Overlay nur oberhalb des Grids; Grid-Overlay nur im Layout-Band */
	body.page-home.page-it-loesungen .it-loesungen-services-section::before {
		display: none;
	}
}

@media (max-width: 992px) {
	body.page-home.page-it-loesungen .intro {
		margin-bottom: 60px !important;
	}

	body.page-home.page-it-loesungen .it-loesungen-benefits-section {
		margin-bottom: 0 !important;
	}

	body.page-home.page-it-loesungen .cloud-promotion-section {
		padding-top: 0 !important;
		margin-bottom: 60px !important;
	}

	body.page-home.page-it-loesungen .it-loesungen-kommunikation-section {
		margin-bottom: 0 !important;
	}

	body.page-home.page-it-loesungen .it-loesungen-kommunikation-section .it-loesungen-kommunikation-bento {
		padding-bottom: 30px;
		margin-bottom: 50px;
		box-sizing: border-box;
	}

	body.page-home.page-it-loesungen .it-loesungen-cloud-cards-section {
		margin-bottom: 0 !important;
	}

	body.page-home.page-it-loesungen .it-loesungen-cloud-cards-section .it-loesungen-cloud-grid {
		padding-bottom: 30px;
		margin-bottom: 50px;
		box-sizing: border-box;
	}

	body.page-home.page-it-loesungen .cloud-promotion-section .cloud-promotion-text.aos-init.aos-animate {
		padding-top: 60px !important;
	}

	body.page-home.page-it-loesungen .it-loesungen-trust-section .container-placetel::before {
		left: 0;
		width: 100%;
		right: auto;
	}

	/* Trust-Subtitle: kein blauer Akzentstrich (page-home-stripe-guides-mobile h2.subtitle::before) */
	body.page-home.page-it-loesungen .it-loesungen-trust-section .it-loesungen-trust-header .subtitle::before,
	body.page-home.page-it-loesungen .it-loesungen-trust-section h2.subtitle::before {
		display: none !important;
		content: none !important;
	}

	body.page-home.page-it-loesungen .it-loesungen-services-section .it-loesungen-services-layout::before {
		left: 0;
		right: 0;
		width: 100%;
	}

	body.page-home.page-it-loesungen .it-loesungen-services-section::before {
		display: none;
	}

	body.page-home.page-it-loesungen .page-home-stripe-wrap > .it-loesungen-trust-section > .container-placetel {
		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;
	}

	/* Container zwischen 1. und letzter Vertikaler Stripe */
	body.page-home.page-it-loesungen .page-home-stripe-wrap > .it-loesungen-cloud-cards-section > .container,
	body.page-home.page-it-loesungen .page-home-stripe-wrap > .it-loesungen-security-cards-section > .container,
	body.page-home.page-it-loesungen .it-loesungen-benefits-section > .container,
	body.page-home.page-it-loesungen .it-loesungen-kommunikation-section > .container,
	body.page-home.page-it-loesungen .it-loesungen-services-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;
	}

	/* 16px Text-Innenabstand (nicht: Intro, CTA-Banner, farbige Digital-Karten) */
	body.page-home.page-it-loesungen .it-loesungen-benefits-section > .container > .head.centered,
	body.page-home.page-it-loesungen .it-loesungen-benefits-section .it-loesungen-benefits-layout,
	body.page-home.page-it-loesungen .it-loesungen-kommunikation-section > .container > .head.centered,
	body.page-home.page-it-loesungen .it-services-section > .container,
	body.page-home.page-it-loesungen .services-section > .container > .head.centered,
	body.page-home.page-it-loesungen .it-loesungen-services-section > .container > .head.centered,
	body.page-home.page-it-loesungen .cloud-promotion-section .cloud-promotion-text,
	body.page-home.page-it-loesungen .cloud-promotion-section .cloud-promotion-image {
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box;
	}

	/* Kommunikation: Headline zwischen äußersten Stripes (16px Innenabstand) */
	body.page-home.page-it-loesungen .it-loesungen-kommunikation-section > .container > .head.centered {
		max-width: none !important;
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 60px !important;
		box-sizing: border-box !important;
		min-width: 0;
		overflow-x: clip;
	}

	body.page-home.page-it-loesungen .it-loesungen-kommunikation-section > .container > .head.centered h3 {
		max-width: 100%;
		box-sizing: border-box;
		overflow-wrap: break-word;
		word-break: break-word;
		hyphens: auto;
		min-width: 0;
	}

	/* Digitalisierung: Head-Abstand zur Karten-Grid */
	body.page-home.page-it-loesungen .services-section:has(.it-loesungen-digital-grid) > .container > .head.centered {
		margin-bottom: 60px !important;
	}

	body.page-home.page-it-loesungen .services-section:has(.it-loesungen-digital-grid) {
		margin-bottom: 90px !important;
	}

	body.page-home.page-it-loesungen .it-loesungen-security-cards-section {
		margin-bottom: 90px !important;
	}

	/* IT-Services: Head-Abstand zum Grid */
	body.page-home.page-it-loesungen .it-loesungen-services-section > .container > .head.centered {
		margin-bottom: 30px !important;
	}

	/* IT-Services: Section-Abstand zum CTA */
	body.page-home.page-it-loesungen .it-loesungen-services-section {
		margin-bottom: 60px !important;
	}

	body.page-home.page-it-loesungen .cloud-promotion-section .cloud-promotion-image {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box;
	}

	body.page-home.page-it-loesungen .cloud-promotion-section .cloud-promotion-image img {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.page-it-loesungen .it-loesungen-text-block {
		max-width: none !important;
		width: 100%;
	}

	.page-it-loesungen .it-loesungen-trust-section .it-services-header {
		max-width: none !important;
		width: 100%;
	}

	body.page-home.page-it-loesungen .it-loesungen-kommunikation-section .it-loesungen-kommunikation-bento,
	body.page-home.page-it-loesungen .it-loesungen-cloud-cards-section .it-loesungen-cloud-grid,
	body.page-home.page-it-loesungen .it-loesungen-security-cards-section .it-loesungen-security-grid {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}

	body.page-home.page-it-loesungen .it-loesungen-kommunikation-section + .it-services-section {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	body.page-home.page-it-loesungen .it-loesungen-cloud-cards-section + .it-loesungen-trust-section {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	body.page-home.page-it-loesungen .it-loesungen-trust-section.placetel-social-proof-section {
		margin-bottom: 60px !important;
	}

	/* CTA „Professionelle IT-Beratung“ → Digitalisierung: 60px Abstand */
	body.page-home.page-it-loesungen .cta-banner-section:has(+ .services-section) {
		margin-bottom: 90px !important;
	}

	body.page-home.page-it-loesungen .cta-banner-section + .services-section {
		margin-top: 0 !important;
	}

	body.page-home.page-it-loesungen .services-section .services-blocks .corner-gradient-container,
	body.page-home.page-it-loesungen .services-section .services-blocks .border-wrapper,
	body.page-home.page-it-loesungen .services-section .services-blocks .it-loesungen-digital-grid {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}

	body.page-home.page-it-loesungen .it-loesungen-services-section .it-loesungen-services-item {
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box;
	}
}

/* Contact CTA (Footer): Standard wie /unternehmens-chat-ki/ — Defaults aus footer.php + contact-cta-section.css */
.page-it-loesungen .page-home-stripe-wrap > .cta-banner-section:last-child {
	margin-bottom: 0 !important;
}

body.page-it-loesungen .contact-cta-section {
	background: #f8f9fa;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Scroll-Reveal: fade-up beim Scrollen (unabhängig vom spät geladenen aos.css) */
@media (prefers-reduced-motion: no-preference) {
	body.page-it-loesungen .page-home-stripe-wrap [data-aos]:not(.is-revealed) {
		opacity: 0;
		transition-property: opacity, transform;
		transition-duration: 500ms;
		transition-timing-function: ease;
	}

	body.page-it-loesungen .page-home-stripe-wrap [data-aos="fade-up"]:not(.is-revealed) {
		transform: translate3d(0, 40px, 0);
	}

	body.page-it-loesungen .page-home-stripe-wrap [data-aos="fade-right"]:not(.is-revealed) {
		transform: translate3d(-40px, 0, 0);
	}

	body.page-it-loesungen .page-home-stripe-wrap [data-aos="fade-left"]:not(.is-revealed) {
		transform: translate3d(40px, 0, 0);
	}

	body.page-it-loesungen .page-home-stripe-wrap [data-aos].is-revealed {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	body.page-it-loesungen .page-home-stripe-wrap [data-aos-delay="50"].is-revealed {
		transition-delay: 50ms;
	}

	body.page-it-loesungen .page-home-stripe-wrap [data-aos-delay="100"].is-revealed {
		transition-delay: 100ms;
	}

	body.page-it-loesungen .page-home-stripe-wrap [data-aos-delay="150"].is-revealed {
		transition-delay: 150ms;
	}

	body.page-it-loesungen .page-home-stripe-wrap [data-aos-delay="200"].is-revealed {
		transition-delay: 200ms;
	}

	body.page-it-loesungen .contact-cta-section [data-aos],
	body.page-it-loesungen .partners-banner-section [data-aos],
	body.page-it-loesungen footer [data-aos] {
		opacity: 1 !important;
		transform: none !important;
	}

	body.page-it-loesungen .it-loesungen-kommunikation-card[data-aos],
	body.page-it-loesungen .it-loesungen-cloud-card[data-aos],
	body.page-it-loesungen .it-loesungen-security-card[data-aos],
	body.page-it-loesungen .it-loesungen-services-item[data-aos],
	body.page-it-loesungen .services-section .services-blocks .block[data-aos] {
		transition-property: opacity, transform !important;
		transition-duration: 500ms !important;
		transition-timing-function: ease !important;
	}

	body.page-it-loesungen .it-loesungen-kommunikation-card[data-aos].is-revealed,
	body.page-it-loesungen .it-loesungen-cloud-card[data-aos].is-revealed,
	body.page-it-loesungen .it-loesungen-security-card[data-aos].is-revealed {
		transition-property: opacity, transform, box-shadow !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page-it-loesungen .page-home-stripe-wrap [data-aos] {
		opacity: 1;
		transform: none;
	}
}

/* Mobile: blaue Akzent-Farbe beim Scrollen (mittig), bleibt bis Karte komplett aus dem Viewport */
@media screen and (max-width: 992px) {
	.page-it-loesungen .it-loesungen-kommunikation-card:hover .it-loesungen-kommunikation-card-title,
	.page-it-loesungen .it-loesungen-cloud-card:hover .it-loesungen-cloud-card-title,
	.page-it-loesungen .it-loesungen-security-card:hover .it-loesungen-security-card-title {
		background: none;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		-webkit-text-fill-color: inherit;
		color: #1a2030;
	}

	.page-it-loesungen .it-loesungen-kommunikation-card:hover .it-loesungen-kommunikation-card-title {
		color: #4a5463;
	}

	.page-it-loesungen .it-loesungen-kommunikation-card:hover .it-loesungen-kommunikation-card-link,
	.page-it-loesungen .it-loesungen-cloud-card:hover .it-loesungen-cloud-card-link,
	.page-it-loesungen .it-loesungen-security-card:hover .it-loesungen-security-card-link {
		-webkit-text-fill-color: currentColor;
		color: #4a5463;
		background-size: 0% 100%;
	}

	.page-it-loesungen .it-loesungen-kommunikation-card.is-mobile-accent-active .it-loesungen-kommunikation-card-title {
		background: var(--it-loesungen-komm-gradient);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		color: transparent;
	}

	.page-it-loesungen .it-loesungen-kommunikation-card.is-mobile-accent-active .it-loesungen-kommunikation-card-link {
		-webkit-text-fill-color: transparent;
		color: var(--it-loesungen-komm-blue-end);
		background-size: 100% 100%;
	}

	.page-it-loesungen .it-loesungen-cloud-card.is-mobile-accent-active .it-loesungen-cloud-card-title {
		background: var(--security-accent-gradient);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		color: transparent;
	}

	.page-it-loesungen .it-loesungen-cloud-card.is-mobile-accent-active .it-loesungen-cloud-card-link {
		-webkit-text-fill-color: transparent;
		color: var(--security-accent-end);
		background-size: 100% 100%;
	}

	.page-it-loesungen .it-loesungen-security-card.is-mobile-accent-active .it-loesungen-security-card-title {
		background: var(--security-accent-gradient);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		color: transparent;
	}

	.page-it-loesungen .it-loesungen-security-card.is-mobile-accent-active .it-loesungen-security-card-link {
		-webkit-text-fill-color: transparent;
		color: var(--security-accent-end);
		background-size: 100% 100%;
	}
}