/**
 * Nur /ki-webapplikationen/success-story/ (body.page-kw-success-story), Desktop (≥993px):
 * Ergänzungen zum gemeinsamen KI-Webapplikationen-Stripe-Raster.
 */

@media (min-width: 993px) {
	body.page-ki-webapplikationen.page-kw-success-story .kw-stripe-wrap .container-placetel {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.page-ki-webapplikationen.page-kw-success-story .placetel-features-grid {
		max-width: none !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}

	body.page-ki-webapplikationen.page-kw-success-story .placetel-testimonials-section .subpage-hero-panel.placetel-testimonial-panel {
		width: 100%;
		box-sizing: border-box;
	}

	body.page-ki-webapplikationen.page-kw-success-story #ergebnisse .container-placetel {
		position: relative;
		z-index: 1;
	}

	body.page-ki-webapplikationen.page-kw-success-story #ergebnisse .bg-decoration-wrapper {
		z-index: 0;
	}

	body.page-ki-webapplikationen.page-kw-success-story {
		--kw-ss-problem-badge-stripe-inset: 22px;
		--kw-ss-stripe-content-inset: var(--kw-ss-problem-badge-stripe-inset);
		--kw-ss-kundenstimmen-badge-stripe-gap: 15px;
	}

	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-features-grid {
		column-gap: 0 !important;
	}

	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-card {
		padding-left: 0;
		padding-right: 40px;
		box-sizing: border-box;
	}

	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-content {
		position: relative;
		padding-left: var(--kw-ss-problem-badge-stripe-inset);
	}

	body.page-ki-webapplikationen.page-kw-success-story
		#problemstellung
		.placetel-feature-content
		> .routing-badge {
		position: relative;
	}

	body.page-ki-webapplikationen.page-kw-success-story
		#problemstellung
		.placetel-feature-content
		> .routing-badge::after {
		content: "";
		position: absolute;
		left: calc(-1 * var(--kw-ss-problem-badge-stripe-inset));
		top: 0;
		height: 100%;
		width: 2px;
		background: linear-gradient(135deg, #0088a2 0%, #6ed2ec 100%) !important;
		background-color: transparent !important;
		background-image: linear-gradient(135deg, #0088a2 0%, #6ed2ec 100%) !important;
		pointer-events: none;
		z-index: 1;
	}

	body.page-ki-webapplikationen.page-kw-success-story #loesung .placetel-features-grid {
		column-gap: 0 !important;
	}

	body.page-ki-webapplikationen.page-kw-success-story #loesung .placetel-feature-card {
		padding-left: var(--kw-ss-stripe-content-inset);
		padding-right: 40px;
		box-sizing: border-box;
	}

	body.page-ki-webapplikationen.page-kw-success-story #ergebnisse .placetel-usecases-grid {
		align-items: stretch !important;
	}

	body.page-ki-webapplikationen.page-kw-success-story #ergebnisse .placetel-usecase-item {
		display: flex !important;
		min-width: 0;
	}

	body.page-ki-webapplikationen.page-kw-success-story #ergebnisse .placetel-usecase-card {
		display: flex !important;
		flex-direction: column !important;
		flex: 1 1 auto;
		width: 100% !important;
		box-sizing: border-box;
	}

	body.page-ki-webapplikationen.page-kw-success-story #ergebnisse .placetel-usecase-card p {
		flex: 1 1 auto;
	}

	body.page-ki-webapplikationen.page-kw-success-story #ergebnisse .placetel-usecase-cta {
		margin-top: auto;
	}

	body.page-ki-webapplikationen.page-kw-success-story
		#kundenstimmen
		.placetel-usecases-footer
		.subpage-hero-meta-row:first-of-type {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		column-gap: calc(2 * var(--kw-ss-kundenstimmen-badge-stripe-gap));
		width: 100%;
		max-width: none;
		justify-content: stretch;
		align-items: center;
	}

	body.page-ki-webapplikationen.page-kw-success-story
		#kundenstimmen
		.placetel-usecases-footer
		.subpage-hero-meta-row:first-of-type
		.placetel-successstory-badge:first-child {
		justify-self: end;
	}

	body.page-ki-webapplikationen.page-kw-success-story
		#kundenstimmen
		.placetel-usecases-footer
		.subpage-hero-meta-row:first-of-type
		.placetel-successstory-badge:last-child {
		justify-self: start;
	}
}

@media (min-width: 641px) {
	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-toggle,
	body.page-ki-webapplikationen.page-kw-success-story #loesung .placetel-feature-toggle {
		display: none;
	}

	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-answer,
	body.page-ki-webapplikationen.page-kw-success-story #loesung .placetel-feature-answer {
		display: block !important;
		max-height: none !important;
		padding-top: 0 !important;
		overflow: visible !important;
	}

	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-header,
	body.page-ki-webapplikationen.page-kw-success-story #loesung .placetel-feature-header {
		display: block;
		cursor: default;
		min-height: 0;
	}

	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-header h3 {
		margin-top: 12px;
		margin-bottom: 0;
	}

	body.page-ki-webapplikationen.page-kw-success-story #loesung .placetel-feature-header h3 {
		margin-bottom: 12px;
	}
}
