/**
 * Modern Cloud / IT-Sicherheit / IT-Services Success Stories:
 * Einheitlicher Azure-Verlauf (#08a1c7 → #0088a2) für Text- & Akzent-Elemente.
 * Ersetzt das alte Lila-Blau (#6788ff / #00a0c8 / #6ed2ec).
 */

body.page-mc-success-story,
body.page-its-success-story,
body.page-itsvc-success-story {
	--ss-tab-gradient: linear-gradient(135deg, #08a1c7, #0088a2);
}

/* Sektions-Badges & Footer-Links (Gradient-Text) */
body.page-mc-success-story .routing-badge,
body.page-its-success-story .routing-badge,
body.page-itsvc-success-story .routing-badge,
body.page-mc-success-story a.routing-badge:hover,
body.page-its-success-story a.routing-badge:hover,
body.page-itsvc-success-story a.routing-badge:hover,
body.page-mc-success-story a.routing-badge:focus,
body.page-its-success-story a.routing-badge:focus,
body.page-itsvc-success-story a.routing-badge:focus,
body.page-mc-success-story a.routing-badge:active,
body.page-its-success-story a.routing-badge:active,
body.page-itsvc-success-story a.routing-badge:active,
body.page-mc-success-story .routing-badge:hover,
body.page-its-success-story .routing-badge:hover,
body.page-itsvc-success-story .routing-badge:hover {
	background: var(--ss-tab-gradient) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	color: transparent !important;
}

/* Hero-Meta-Badges bleiben grau (kein Gradient-Text) */
body.page-mc-success-story .subpage-hero .subpage-hero-meta-badges.is-grey .routing-badge,
body.page-its-success-story .subpage-hero .subpage-hero-meta-badges.is-grey .routing-badge,
body.page-itsvc-success-story .subpage-hero .subpage-hero-meta-badges.is-grey .routing-badge,
body.page-mc-success-story .subpage-hero .subpage-hero-meta-badges.is-grey a.routing-badge:hover,
body.page-its-success-story .subpage-hero .subpage-hero-meta-badges.is-grey a.routing-badge:hover,
body.page-itsvc-success-story .subpage-hero .subpage-hero-meta-badges.is-grey a.routing-badge:hover {
	color: #334155 !important;
	background: none !important;
	-webkit-background-clip: initial !important;
	-webkit-text-fill-color: currentColor !important;
	background-clip: initial !important;
}

/* Lösungs-Nummern (01, 02, …) */
body.page-mc-success-story .placetel-feature-number,
body.page-its-success-story .placetel-feature-number,
body.page-itsvc-success-story .placetel-feature-number {
	background: var(--ss-tab-gradient) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
}

/* Mobile Akkordeon-Toggle (+/−) */
body.page-mc-success-story #loesung .placetel-feature-toggle,
body.page-its-success-story #loesung .placetel-feature-toggle,
body.page-itsvc-success-story #loesung .placetel-feature-toggle,
body.page-mc-success-story #problemstellung .placetel-feature-toggle,
body.page-its-success-story #problemstellung .placetel-feature-toggle,
body.page-itsvc-success-story #problemstellung .placetel-feature-toggle {
	background: var(--ss-tab-gradient) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	color: transparent !important;
}

/* Blauer Akzent-Strich: Ausgangslage / Zielbild & Sektions-Marker */
body.page-mc-success-story #problemstellung .placetel-feature-content > .routing-badge::after,
body.page-its-success-story #problemstellung .placetel-feature-content > .routing-badge::after,
body.page-itsvc-success-story #problemstellung .placetel-feature-content > .routing-badge::after,
body.page-mc-success-story .placetel-usecases-header > .routing-badge::after,
body.page-its-success-story .placetel-usecases-header > .routing-badge::after,
body.page-itsvc-success-story .placetel-usecases-header > .routing-badge::after,
body.page-mc-success-story .placetel-features-header > .routing-badge::after,
body.page-its-success-story .placetel-features-header > .routing-badge::after,
body.page-itsvc-success-story .placetel-features-header > .routing-badge::after {
	background: var(--ss-tab-gradient) !important;
	background-image: var(--ss-tab-gradient) !important;
}

/* Ergebnis-Karten: Hover / aktiv */
body.page-mc-success-story #ergebnisse .placetel-usecase-card.is-ss-ergebnisse-active,
body.page-its-success-story #ergebnisse .placetel-usecase-card.is-ss-ergebnisse-active,
body.page-itsvc-success-story #ergebnisse .placetel-usecase-card.is-ss-ergebnisse-active,
body.page-mc-success-story #ergebnisse .placetel-usecase-card:hover,
body.page-its-success-story #ergebnisse .placetel-usecase-card:hover,
body.page-itsvc-success-story #ergebnisse .placetel-usecase-card:hover,
body.page-mc-success-story #ergebnisse .placetel-usecase-card.is-featured,
body.page-its-success-story #ergebnisse .placetel-usecase-card.is-featured,
body.page-itsvc-success-story #ergebnisse .placetel-usecase-card.is-featured {
	background: var(--ss-tab-gradient) !important;
}

/* Hero-Meta: Icon-Masken bei Hover */
body.page-mc-success-story .subpage-hero .subpage-hero-meta-badges.is-grey .routing-badge:hover .subpage-hero-meta-icon-mask,
body.page-its-success-story .subpage-hero .subpage-hero-meta-badges.is-grey .routing-badge:hover .subpage-hero-meta-icon-mask,
body.page-itsvc-success-story .subpage-hero .subpage-hero-meta-badges.is-grey .routing-badge:hover .subpage-hero-meta-icon-mask {
	background: var(--ss-tab-gradient) !important;
}