/**
 * Solumondo Marketing Light v1.7 — Kontrast, helle Flächen, Hover-Glow.
 */

:root {
	--solumondo-cream: #fff8f2;
	--solumondo-warm: #fff1e6;
	--solumondo-peach: #ffe8d6;
	--solumondo-sky: #f0f6fc;
	--solumondo-glow-ring: 0 0 0 1px color-mix(in srgb, var(--solumondo-orange) 35%, white),
		0 0 28px color-mix(in srgb, var(--solumondo-orange) 42%, transparent),
		0 16px 40px color-mix(in srgb, var(--solumondo-orange) 18%, transparent);
}

/* Globales Hover-Glow (sitewide auf Marketing-Seiten) */
body.solumondo-app .solumondo-glow-hover {
	transition:
		transform var(--solumondo-transition, 220ms ease),
		box-shadow var(--solumondo-transition, 220ms ease),
		border-color var(--solumondo-transition, 220ms ease);
}

@media (prefers-reduced-motion: no-preference) {
	body.solumondo-app .solumondo-glow-hover:hover,
	body.solumondo-app .solumondo-glow-hover:focus-visible,
	body.solumondo-app .solumondo-glow-hover.is-highlight,
	body.solumondo-app .solumondo-explorer-tab.is-active {
		box-shadow: var(--solumondo-glow-ring);
		transform: translateY(-3px);
	}
}

/* Tote .hero--light-Regeln entfernt — Klasse existiert nicht im Markup */

/* Netzwerk-Sektion: warm statt navy-block */
body.solumondo-app.solumondo-page-3610 .solumondo-section--warm {
	color: var(--solumondo-text);
	background:
		radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--solumondo-orange) 16%, transparent), transparent 22rem),
		linear-gradient(180deg, var(--solumondo-warm) 0%, #ffffff 100%);
	border-block: 1px solid color-mix(in srgb, var(--solumondo-orange) 22%, white);
}

body.solumondo-app.solumondo-page-3610 .solumondo-section--warm :where(h2, h3, p) {
	color: var(--solumondo-text);
}

body.solumondo-app.solumondo-page-3610 .solumondo-section--warm .solumondo-kicker {
	color: var(--solumondo-orange);
}

body.solumondo-app.solumondo-page-3610 .solumondo-section--warm .solumondo-btn--ghost {
	color: var(--solumondo-navy) !important;
	background: #ffffff;
	border-color: color-mix(in srgb, var(--solumondo-navy) 15%, white);
}

/* Netzwerk-Buttons wie Hero-CTAs: zentriert und gleich breit */
body.solumondo-app.solumondo-page-3610 .solumondo-section--network .solumondo-actions {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
	align-items: center !important;
	gap: 0.9rem !important;
}

body.solumondo-app.solumondo-page-3610 .solumondo-section--network .solumondo-actions .solumondo-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: clamp(14.5rem, 18vw, 19rem);
	min-height: 3.2rem !important;
	padding: 0.82rem 1.35rem !important;
	margin-inline: auto !important;
	text-align: center !important;
}

body.solumondo-app.solumondo-page-3610 .solumondo-section--network .solumondo-actions .solumondo-btn__label {
	line-height: 1.05 !important;
}

@media (max-width: 767px) {
	body.solumondo-app.solumondo-page-3610 .solumondo-section--network .solumondo-actions {
		gap: 0.72rem !important;
	}

	body.solumondo-app.solumondo-page-3610 .solumondo-section--network .solumondo-actions .solumondo-btn {
		width: 100% !important;
		max-width: 26rem;
		min-height: 3.15rem !important;
	}
}

/* Promo B2B-Slot nicht zu dunkel */
body.solumondo-app.solumondo-page-3610 .solumondo-promo-slot--b2b {
	color: var(--solumondo-text);
	background: linear-gradient(145deg, var(--solumondo-sky), #ffffff);
	border-color: color-mix(in srgb, var(--solumondo-navy) 14%, white);
}

body.solumondo-app.solumondo-page-3610 .solumondo-promo-slot--b2b :where(h3, p) {
	color: var(--solumondo-text);
}

/* CSS-Glyphen (keine Emojis) */
.solumondo-glyph {
	display: inline-grid;
	place-items: center;
	flex-shrink: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.75rem;
	background: color-mix(in srgb, var(--solumondo-orange) 12%, white);
	border: 1px solid color-mix(in srgb, var(--solumondo-orange) 28%, white);
}

.solumondo-glyph::after {
	content: "";
	width: 1.1rem;
	height: 1.1rem;
	background: var(--solumondo-orange);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}

.solumondo-glyph--shop::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 4h10l1 3H6l1-3zm-2 5h14v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V9zm4 3v5h2v-5H9zm4 0v5h2v-5h-2z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 4h10l1 3H6l1-3zm-2 5h14v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V9zm4 3v5h2v-5H9zm4 0v5h2v-5h-2z'/%3E%3C/svg%3E");
}

.solumondo-glyph--partner::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M16 11c1.66 0 3-1.34 3-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 2.05 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M16 11c1.66 0 3-1.34 3-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 2.05 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
}

.solumondo-glyph--cert::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2l3 2 3.5-.5.5 3.5 2 3-2 3-.5 3.5-3.5.5-3 2-3-2-3.5-.5-3.5 3.5-2-3 2 3.5.5L9 7l3-2zm0 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm-1 3h2v2h2v2h-2v2h-2v-2H9v-2h2v-2z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2l3 2 3.5-.5.5 3.5 2 3-2 3-.5 3.5-3.5.5-3 2-3-2-3.5-.5-3.5 3.5-2-3 2 3.5.5L9 7l3-2zm0 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm-1 3h2v2h2v2h-2v2h-2v-2H9v-2h2v-2z'/%3E%3C/svg%3E");
}

.solumondo-glyph--agents::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8h5z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8h5z'/%3E%3C/svg%3E");
}

.solumondo-glyph--returns::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20 8h-3V4H3v12h2a4 4 0 0 0 8 0h4v4h3l4-6-4-6zM7 14a2 2 0 1 1 0-4 2 2 0 0 1 0 4z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20 8h-3V4H3v12h2a4 4 0 0 0 8 0h4v4h3l4-6-4-6zM7 14a2 2 0 1 1 0-4 2 2 0 0 1 0 4z'/%3E%3C/svg%3E");
}

.solumondo-glyph--career::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20 6h-4V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zM10 4h4v2h-4V4z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20 6h-4V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zM10 4h4v2h-4V4z'/%3E%3C/svg%3E");
}

.solumondo-glyph--services::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M13 2L3 14h7l-1 8 10-12h-7l1-8z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M13 2L3 14h7l-1 8 10-12h-7l1-8z'/%3E%3C/svg%3E");
}

.solumondo-glyph--box::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21 16V8a1 1 0 0 0-.55-.89l-8-4a1 1 0 0 0-.9 0l-8 4A1 1 0 0 0 3 8v8a1 1 0 0 0 .55.89l8 4a1 1 0 0 0 .9 0l8-4A1 1 0 0 0 21 16z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21 16V8a1 1 0 0 0-.55-.89l-8-4a1 1 0 0 0-.9 0l-8 4A1 1 0 0 0 3 8v8a1 1 0 0 0 .55.89l8 4a1 1 0 0 0 .9 0l8-4A1 1 0 0 0 21 16z'/%3E%3C/svg%3E");
}

.solumondo-glyph--truck::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M1 3h15v13H1V3zm16 4h4l3 4v5h-2a3 3 0 0 1-6 0H9a3 3 0 0 1-6 0H1V7h16v0zm2 3.5L18.5 9H17v4.5h2z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M1 3h15v13H1V3zm16 4h4l3 4v5h-2a3 3 0 0 1-6 0H9a3 3 0 0 1-6 0H1V7h16v0zm2 3.5L18.5 9H17v4.5h2z'/%3E%3C/svg%3E");
}

.solumondo-glyph--euro::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18 5h-7a6 6 0 0 0 0 12h7v2H11a8 8 0 0 1 0-16h7v2z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18 5h-7a6 6 0 0 0 0 12h7v2H11a8 8 0 0 1 0-16h7v2z'/%3E%3C/svg%3E");
}

.solumondo-glyph--pin::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
}

.solumondo-glyph--check::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E");
}

body.solumondo-app.solumondo-page-3610 .solumondo-hero-stat .solumondo-glyph {
	width: 2rem;
	height: 2rem;
	margin: 0 auto 0.35rem;
}

/* Journey Explorer */
body.solumondo-app.solumondo-page-3610 .solumondo-explorer {
	max-width: var(--solumondo-content-max, 75rem);
	margin-inline: auto;
	padding: clamp(1rem, 0.75rem + 1vw, 1.5rem);
	background: #ffffff;
	border: 1px solid var(--solumondo-border);
	border-radius: 1.75rem;
	box-shadow: var(--solumondo-shadow-apple-lg);
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer__tabs {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.65rem;
	margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
	body.solumondo-app.solumondo-page-3610 .solumondo-explorer__tabs {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-tab {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35rem;
	width: 100%;
	padding: 1rem 1.1rem;
	text-align: center;
	color: var(--solumondo-text);
	background: var(--solumondo-surface-alt);
	border: 1px solid var(--solumondo-border);
	border-radius: 1rem;
	cursor: pointer;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-tab.is-active {
	background: linear-gradient(135deg, var(--solumondo-peach), #ffffff);
	border-color: color-mix(in srgb, var(--solumondo-orange) 45%, white);
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-tab__label {
	color: var(--solumondo-navy);
	font-size: 1rem;
	font-weight: 800;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-tab__hint {
	color: var(--solumondo-text-muted);
	font-size: 0.78rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: normal;
	text-transform: none;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer__layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

@media (min-width: 1024px) {
	body.solumondo-app.solumondo-page-3610 .solumondo-explorer__layout {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
		align-items: start;
	}
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-panel {
	display: none;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-panel.is-active {
	display: block;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-list {
	display: grid;
	gap: 0.55rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.85rem;
	width: 100%;
	padding: 0.9rem 1rem;
	text-align: center;
	color: var(--solumondo-text);
	background: var(--solumondo-surface-alt);
	border: 1px solid var(--solumondo-border);
	border-radius: 0.9rem;
	cursor: pointer;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-item.is-highlight {
	background: #ffffff;
	border-color: color-mix(in srgb, var(--solumondo-orange) 50%, white);
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-item__text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.15rem;
	flex: 1;
	min-width: 0;
	text-align: center;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-item__text strong {
	color: var(--solumondo-navy);
	font-size: 0.95rem;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-item__text span {
	color: var(--solumondo-text-muted);
	font-size: 0.8rem;
	line-height: 1.35;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-item__arrow {
	color: var(--solumondo-orange);
	font-weight: 800;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-detail {
	padding: clamp(1.1rem, 0.9rem + 0.8vw, 1.5rem);
	background: linear-gradient(160deg, var(--solumondo-sky), #ffffff);
	border: 1px solid color-mix(in srgb, var(--solumondo-orange) 25%, white);
	border-radius: 1.25rem;
	min-height: 14rem;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-detail__kicker {
	margin: 0 0 0.35rem;
	color: var(--solumondo-orange);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-detail__title {
	margin: 0 0 0.5rem;
	color: var(--solumondo-navy);
	font-size: clamp(1.15rem, 1rem + 0.5vw, 1.45rem);
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-detail__text {
	margin: 0 0 0.85rem;
	color: var(--solumondo-text-muted);
	font-size: 0.92rem;
	line-height: 1.55;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-detail__list {
	margin: 0 0 1rem;
	padding-left: 1.15rem;
	color: var(--solumondo-text);
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-detail__list li {
	margin-bottom: 0.35rem;
	line-height: 1.45;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-detail__list li::marker {
	color: var(--solumondo-orange);
}

/* Explorer-Steuerelemente: Card-Look behalten, nicht globale CTA-Farben */
body.solumondo-app.solumondo-page-3610 .solumondo-explorer-tab,
body.solumondo-app.solumondo-page-3610 .solumondo-explorer-item {
	color: var(--solumondo-text) !important;
	-webkit-text-fill-color: var(--solumondo-text) !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	line-height: 1.4 !important;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-tab__label,
body.solumondo-app.solumondo-page-3610 .solumondo-explorer-item__text strong {
	color: var(--solumondo-navy) !important;
	-webkit-text-fill-color: var(--solumondo-navy) !important;
}

body.solumondo-app.solumondo-page-3610 .solumondo-explorer-tab__hint,
body.solumondo-app.solumondo-page-3610 .solumondo-explorer-item__text span {
	color: var(--solumondo-text-muted) !important;
	-webkit-text-fill-color: var(--solumondo-text-muted) !important;
}

/* Detail-CTA im Explorer klar sichtbar */
body.solumondo-app.solumondo-page-3610 .solumondo-explorer-detail .solumondo-btn {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background: linear-gradient(145deg, var(--solumondo-orange), var(--solumondo-orange-hover)) !important;
	border: 2px solid color-mix(in srgb, var(--solumondo-orange-hover) 82%, black) !important;
}

@media (prefers-reduced-motion: reduce) {
	body.solumondo-app .solumondo-glow-hover:hover,
	body.solumondo-app .solumondo-glow-hover:focus-visible {
		transform: none;
	}
}