/**
 * Nur /ki-webapplikationen/success-story/ (body.page-kw-success-story), nur Mobile (max-width: 992px):
 * Ergänzungen zu page-ki-webapplikationen-stripe-guides-mobile.css
 */

@media (max-width: 992px) {
	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-content {
		position: relative;
	}

	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: -16px;
		top: 0;
		height: 100%;
		width: 2px;
		background: linear-gradient(135deg, #0088a2 0%, #6ed2ec 100%);
		pointer-events: none;
		z-index: 1;
	}

	body.page-ki-webapplikationen.page-kw-success-story #loesung .placetel-feature-card {
		display: grid;
		grid-template-columns: 48px minmax(0, 1fr);
		column-gap: 16px;
		align-items: start;
	}

	body.page-ki-webapplikationen.page-kw-success-story #loesung .placetel-feature-icon {
		grid-column: 1;
		grid-row: 1;
		align-self: flex-start;
	}

	body.page-ki-webapplikationen.page-kw-success-story #loesung .placetel-feature-content {
		display: contents;
	}

	body.page-ki-webapplikationen.page-kw-success-story #loesung .placetel-feature-header {
		grid-column: 2;
		grid-row: 1;
		min-width: 0;
	}

	body.page-ki-webapplikationen.page-kw-success-story #loesung .placetel-feature-answer {
		grid-column: 1 / -1;
		grid-row: 2;
		min-width: 0;
	}

	body.page-ki-webapplikationen.page-kw-success-story #loesung .placetel-feature-answer p {
		margin: 0;
	}

	body.page-ki-webapplikationen.page-kw-success-story #ergebnisse .placetel-usecases-grid {
		max-width: none !important;
		width: calc(100% + 32px) !important;
		margin-left: -16px !important;
		margin-right: -16px !important;
		box-sizing: border-box;
		gap: 18px;
	}

	body.page-ki-webapplikationen.page-kw-success-story #ergebnisse .placetel-usecase-item {
		width: 100%;
		max-width: none;
		min-width: 0;
	}

	body.page-ki-webapplikationen.page-kw-success-story #ergebnisse .placetel-usecase-card {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
		border-radius: 5px !important;
	}

	body.page-ki-webapplikationen.page-kw-success-story #kundenstimmen .subpage-hero-panel.placetel-testimonial-panel {
		width: calc(100% + 32px) !important;
		max-width: none !important;
		margin-left: -16px !important;
		margin-right: -16px !important;
		box-sizing: border-box;
		border-radius: 5px !important;
		overflow: hidden;
	}

	body.page-ki-webapplikationen.page-kw-success-story
		#kundenstimmen
		.placetel-cta-panel-inner.placetel-testimonial-inner {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
		border-radius: 5px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

@media (max-width: 640px) {
	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 12px;
		cursor: pointer;
		user-select: none;
		min-height: 48px;
	}

	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-header h3 {
		flex: 1;
		margin: 0;
		font-size: 1.1rem;
		line-height: 1.4;
	}

	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-toggle {
		flex-shrink: 0;
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		background: linear-gradient(135deg, #6788ff 0%, #00a0c8 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		color: transparent;
	}

	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-answer {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease, padding-top 0.3s ease;
		padding-top: 0;
	}

	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-answer p {
		margin: 0;
		font-size: 1rem;
		line-height: 1.6;
	}

	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-card.placetel-feature-active .placetel-feature-answer {
		max-height: 800px;
		padding-top: 16px;
	}

	body.page-ki-webapplikationen.page-kw-success-story #problemstellung .placetel-feature-content > .routing-badge {
		display: block;
		margin-bottom: 12px;
	}

	body.page-ki-webapplikationen.page-kw-success-story #ergebnisse .placetel-usecases-grid {
		width: calc(100% + 32px) !important;
		margin-left: -16px !important;
		margin-right: -16px !important;
	}

	body.page-ki-webapplikationen.page-kw-success-story #kundenstimmen .subpage-hero-panel.placetel-testimonial-panel {
		width: calc(100% + 32px) !important;
		margin-left: -16px !important;
		margin-right: -16px !important;
	}

	body.page-ki-webapplikationen.page-kw-success-story
		#kundenstimmen
		.placetel-cta-panel-inner.placetel-testimonial-inner {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}