/* =========================================================
   SHOPTIMIZER Website Check
   Version 3.4.10
   ========================================================= */

.swc-wrapper {
	--swc-red: #C1392B;
	--swc-red-dark: #C1392B;
	--swc-red-soft: #fff1f1;
	--swc-orange: #ef8700;
	--swc-green: #07963c;
	--swc-dark: #111111;
	--swc-text: #272727;
	--swc-muted: #686868;
	--swc-border: #e7e7e7;
	--swc-surface: #ffffff;
	--swc-shadow: 0 16px 45px rgba(0, 0, 0, 0.065);

	display: grid;
	gap: 28px;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	color: var(--swc-text);
	font-family:
		Inter,
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Arial,
		sans-serif;
}

.swc-wrapper *,
.swc-wrapper *::before,
.swc-wrapper *::after {
	box-sizing: border-box;
}

.swc-wrapper [hidden] {
	display: none !important;
}

.swc-wrapper svg {
	display: block;
	width: 1em;
	height: 1em;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.swc-card {
	border: 1px solid var(--swc-border);
	border-radius: 24px;
	background: var(--swc-surface);
	box-shadow: var(--swc-shadow);
}

.swc-kicker {
	display: inline-block;
	margin-bottom: 10px;
	color: var(--swc-red);
	font-size: 13px;
	font-weight: 850;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

/* =========================================================
   Hero
   ========================================================= */

.swc-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	align-items: center;
	min-height: 330px;
	padding: clamp(28px, 4vw, 48px);
	overflow: visible;
}

.swc-hero-content {
	position: relative;
	z-index: 2;
	max-width: 780px;
}

.swc-hero h1,
.swc-results-head h2 {
	margin: 0;
	color: var(--swc-dark);
	font-size: clamp(34px, 4.8vw, 56px);
	font-weight: 850;
	line-height: 1.04;
	letter-spacing: -0.035em;
}

.swc-hero-intro {
	max-width: 760px;
	margin: 16px 0 0;
	color: #555c66;
	font-size: 16px;
	line-height: 1.65;
}

.swc-hero-intro p {
	margin: 0;
}

.swc-hero-intro p + p {
	margin-top: 8px;
}

.swc-hero-benefits {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
	color: var(--swc-dark);
	font-size: 15px;
	font-weight: 750;
}

.swc-hero-benefits li {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.swc-hero-benefits li::before {
	content: "✓";
	color: var(--swc-red);
	font-weight: 900;
}

.swc-hero-visual {
	position: absolute;
		bottom: -72px;
	right: 20px;
	bottom: 50px;
	z-index: 3;
	width: 325px;
	height: 380px;
	pointer-events: none;
}

.swc-hero-blob {
	position: absolute;
	right: 0;
	bottom: 42px;
	width: 280px;
	height: 280px;
	border-radius: 120%;
	background:
		radial-gradient(
			circle at 42% 38%,
			rgba(255,255,255,.95),
			rgba(255,229,229,.92) 58%,
			rgba(255,240,240,.7)
		);
}

.swc-hero-timi {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 18px 18px rgba(0, 0, 0, 0.16));
}

.swc-form {
	margin-top: 28px;
}

.swc-form > label {
	display: block;
	margin-bottom: 9px;
	color: var(--swc-dark);
	font-size: 15px;
	font-weight: 800;
}

.swc-form-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 14px;
	max-width: 780px;
}

.swc-form-row input {
	width: 100%;
	min-height: 58px;
	padding: 0 18px;
	border: 1px solid #cfd3d9;
	border-radius: 12px;
	background: #ffffff;
	color: #111;
	font: inherit;
	font-size: 16px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
	outline: none;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.swc-form-row input:focus {
	border-color: var(--swc-red);
	box-shadow: 0 0 0 4px rgba(212, 0, 0, 0.09);
}

.swc-form-row button,
.swc-cta-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	min-height: 58px;
	padding: 0 24px;
	border: 0;
	border-radius: 12px;
	background:
		linear-gradient(
			135deg,
			#C1392B,
			#C1392B
		);
	color: #ffffff;
	font: inherit;
	font-weight: 850;
	text-decoration: none;
	box-shadow: 0 12px 25px rgba(212, 0, 0, 0.2);
	cursor: pointer;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.swc-form-row button:hover,
.swc-cta-primary:hover {
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 16px 30px rgba(212, 0, 0, 0.27);
}

.swc-form-row button:disabled {
	cursor: wait;
	opacity: 0.62;
	transform: none;
}

.swc-button-arrow {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #ffffff;
	color: var(--swc-red);
	font-size: 17px;
	font-weight: 900;
	line-height: 1;
}

.swc-form-note {
	margin: 10px 0 0;
	color: #6c727b;
	font-size: 12px;
	line-height: 1.5;
}

.swc-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.swc-message {
	max-width: 780px;
	margin: 15px 0 0;
	padding: 13px 15px;
	border: 1px solid rgba(212, 0, 0, 0.18);
	border-radius: 10px;
	background: #fff2f2;
	color: #C1392B;
	font-size: 14px;
	font-weight: 750;
}

/* =========================================================
   Loading
   ========================================================= */

.swc-loading {
	overflow: hidden;
	scroll-margin-top: 110px;
}

.swc-loading-layout {
	display: grid;
	grid-template-columns: minmax(220px, 340px) minmax(0, 1fr);
	align-items: center;
	gap: 38px;
	padding: clamp(26px, 4vw, 46px);
	background:
		radial-gradient(
			circle at 8% 5%,
			rgba(212, 0, 0, 0.1),
			transparent 42%
		),
		#ffffff;
}

.swc-loading-timi-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.swc-loading-timi {
	display: block;
	width: 100%;
	max-width: 310px;
	height: auto;
	object-fit: contain;
	transform-origin: center bottom;
	filter: drop-shadow(0 16px 16px rgba(0, 0, 0, 0.13));
	animation: swc-timi-float 2.5s ease-in-out infinite;
}

.swc-loading-content h3 {
	margin: 0 0 10px;
	color: var(--swc-dark);
	font-size: clamp(26px, 3vw, 38px);
	line-height: 1.14;
	letter-spacing: -0.02em;
}

.swc-loading-content > p {
	color: var(--swc-muted);
	line-height: 1.6;
}

.swc-loading-progress {
	position: relative;
	height: 9px;
	margin: 22px 0;
	overflow: hidden;
	border-radius: 999px;
	background: #ececec;
}

.swc-loading-progress-bar {
	position: absolute;
	inset-block: 0;
	left: -35%;
	width: 35%;
	border-radius: inherit;
	background:
		linear-gradient(
			90deg,
			#C1392B,
			#C1392B,
			#ff6868
		);
	animation: swc-progress 1.55s ease-in-out infinite;
}

.swc-loading-devices {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 13px;
}

.swc-loading-device {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 78px;
	padding: 14px 15px;
	border: 1px solid #e2e2e2;
	border-radius: 15px;
	background: rgba(255, 255, 255, 0.88);
}

.swc-loading-device.is-active {
	border-color: rgba(212, 0, 0, 0.33);
	background: rgba(212, 0, 0, 0.042);
}

.swc-loading-device.is-complete {
	border-color: rgba(7, 150, 60, 0.33);
	background: rgba(7, 150, 60, 0.05);
}

.swc-loading-device.is-error {
	border-color: rgba(212, 0, 0, 0.44);
	background: rgba(212, 0, 0, 0.06);
}

.swc-device-icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--swc-red-soft);
	color: var(--swc-red);
	font-size: 25px;
}

.swc-device-copy {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.swc-device-copy strong {
	color: var(--swc-dark);
	font-size: 15px;
}

.swc-device-copy small {
	color: #666;
	font-size: 12px;
	line-height: 1.35;
}

.swc-device-state {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
}

.swc-mini-spinner {
	width: 18px;
	height: 18px;
	border: 2px solid rgba(212, 0, 0, 0.18);
	border-top-color: var(--swc-red);
	border-radius: 50%;
	animation: swc-spin 0.8s linear infinite;
}

.swc-state-check,
.swc-state-error {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	color: #ffffff;
	font-size: 13px;
	font-weight: 900;
}

.swc-state-check {
	background: var(--swc-green);
}

.swc-state-error {
	background: var(--swc-red);
}

.swc-loading-tip {
	position: relative;
	margin: 18px 0 0 !important;
	padding: 13px 14px 13px 42px;
	border-radius: 12px;
	background: #f6f6f6;
	color: #333 !important;
	font-size: 13px;
	font-weight: 650;
}

.swc-loading-tip::before {
	content: "💡";
	position: absolute;
	top: 12px;
	left: 14px;
	font-size: 17px;
}

/* =========================================================
   Ergebnisse
   ========================================================= */

.swc-results {
	display: grid;
	gap: 24px;
	padding-top: 8px;
}

.swc-results-head {
	padding: 0 8px;
}

.swc-results-head h2 {
	font-size: clamp(32px, 4vw, 48px);
}

.swc-results-head p {
	margin: 10px 0 0;
	color: #535963;
	font-size: 16px;
	word-break: break-word;
}

.swc-score-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.swc-score-card {
	display: grid;
	grid-template-columns: 130px minmax(0, 1fr);
	align-items: center;
	min-height: 260px;
	padding: 28px 34px;
}

.swc-score-device {
	display: grid;
	place-items: center;
	width: 92px;
	height: 92px;
	border-radius: 50%;
	background:
		radial-gradient(
			circle,
			#ffffff 0%,
			#fff0f0 70%
		);
	color: var(--swc-red);
	font-size: 52px;
}

.swc-score-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.swc-score-content h3 {
	margin: 0 0 14px;
	color: var(--swc-dark);
	font-size: 16px;
	font-weight: 850;
}

.swc-score-circle {
	display: grid;
	place-content: center;
	width: 142px;
	height: 142px;
	border: 10px solid #d9d9d9;
	border-radius: 50%;
	background: #ffffff;
}

.swc-score-circle strong {
	display: block;
	color: #000000;
	font-size: 48px;
	font-weight: 900;
	line-height: 0.95;
}

.swc-score-circle span {
	display: block;
	margin-top: 6px;
	color: #3d4249;
	font-size: 14px;
	font-weight: 700;
}

.swc-score-circle.is-good {
	border-color: var(--swc-green);
}

.swc-score-circle.is-medium {
	border-color: var(--swc-orange);
}

.swc-score-circle.is-poor {
	border-color: var(--swc-red);
}

.swc-score-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	margin-top: 13px;
	padding: 4px 12px;
	border: 1px solid #d8d8d8;
	border-radius: 7px;
	background: #ffffff;
	font-size: 13px;
	font-weight: 850;
}

.swc-score-label.is-good {
	border-color: rgba(7, 150, 60, 0.42);
	color: var(--swc-green);
}

.swc-score-label.is-medium {
	border-color: rgba(239, 135, 0, 0.55);
	color: var(--swc-orange);
}

.swc-score-label.is-poor {
	border-color: rgba(212, 0, 0, 0.42);
	color: var(--swc-red);
}

/* =========================================================
   Timis Einschätzung
   ========================================================= */

.swc-assessment {
	position: relative;
	display: grid;
	grid-template-columns: 310px minmax(0, 1fr);
	align-items: end;
	min-height: 320px;
	overflow: hidden;
	background:
		linear-gradient(
			135deg,
			#fffafa,
			#fff3f3
		);
}

.swc-assessment-visual {
	position: relative;
	align-self: stretch;
	min-height: 320px;
}

.swc-assessment-visual img {
	position: absolute;
	left: 24px;
	bottom: 8px;
	width: 255px;
	height: 300px;
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 14px 16px rgba(0, 0, 0, 0.13));
}

.swc-assessment-content {
	padding: 34px 34px 34px 0;
}

.swc-assessment-content h3 {
	margin: 0;
	color: var(--swc-dark);
	font-size: clamp(24px, 3vw, 34px);
	line-height: 1.18;
	letter-spacing: -0.02em;
}

.swc-assessment-content > p {
	max-width: 760px;
	margin: 12px 0 0;
	color: #4d535c;
	font-size: 16px;
	line-height: 1.65;
}

.swc-advice-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin-top: 28px;
}

.swc-advice-item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-content: start;
	column-gap: 10px;
	padding: 0 18px;
	border-left: 1px solid rgba(0, 0, 0, 0.11);
}

.swc-advice-item:first-child {
	padding-left: 0;
	border-left: 0;
}

.swc-advice-icon {
	grid-row: 1 / span 2;
	color: var(--swc-red);
	font-size: 30px;
}

.swc-advice-item strong {
	color: var(--swc-dark);
	font-size: 13px;
	line-height: 1.35;
}

.swc-advice-item small {
	margin-top: 5px;
	color: #666d76;
	font-size: 11px;
	line-height: 1.55;
}

/* =========================================================
   Messwerte
   ========================================================= */

.swc-metrics-card {
	padding: 26px 28px 20px;
}

.swc-metrics-card h3 {
	margin: 0 0 16px;
	color: var(--swc-dark);
	font-size: 22px;
}

.swc-table-wrap {
	overflow-x: auto;
}

.swc-metrics-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #dedede;
}

.swc-metrics-table th,
.swc-metrics-table td {
	padding: 10px 12px;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	text-align: left;
	font-size: 13px;
}

.swc-metrics-table thead th {
	background: #fafafa;
	color: #181818;
	font-weight: 850;
}

.swc-metrics-table tbody th {
	color: #151515;
	font-weight: 800;
}

.swc-metrics-table td {
	font-weight: 850;
}

.swc-metrics-table td.is-good {
	color: var(--swc-green);
}

.swc-metrics-table td.is-medium {
	color: var(--swc-orange);
}

.swc-metrics-table td.is-poor {
	color: var(--swc-red);
}

.swc-metrics-note {
	margin: 14px 0 0;
	color: #737984;
	font-size: 11px;
	line-height: 1.5;
}

/* =========================================================
   CTA
   ========================================================= */

.swc-cta {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(
			135deg,
			#fffafa,
			#fff0f0
		);
}

.swc-cta-main {
	display: grid;
	grid-template-columns:
		minmax(310px, 1.15fr)
		minmax(420px, 1.35fr)
		250px;
	min-height: 310px;
}

.swc-cta-copy {
	padding: 30px 28px 26px;
}

.swc-cta-copy h3 {
	margin: 0;
	color: var(--swc-dark);
	font-size: clamp(26px, 3vw, 36px);
	line-height: 1.1;
	letter-spacing: -0.025em;
}

.swc-cta-copy > p {
	margin: 13px 0 0;
	color: #41464f;
	font-size: 14px;
	line-height: 1.65;
}

.swc-cta-benefits {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 14px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.swc-cta-benefits li {
	position: relative;
	padding-left: 22px;
	color: #30353c;
	font-size: 12px;
	font-weight: 650;
}

.swc-cta-benefits li::before {
	content: "✓";
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	place-items: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--swc-red);
	color: #ffffff;
	font-size: 10px;
	font-weight: 900;
}

.swc-cta-primary {
	justify-content: flex-start;
	width: 100%;
	margin-top: 22px;
	padding: 12px 18px;
	text-align: left;
}

.swc-cta-primary-icon {
	flex: 0 0 auto;
	font-size: 31px;
}

.swc-cta-primary > span:nth-child(2) {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.swc-cta-primary strong {
	font-size: 15px;
	line-height: 1.2;
}

.swc-cta-primary small {
	color: rgba(255, 255, 255, 0.88);
	font-size: 11px;
	font-weight: 600;
}

.swc-cta-primary .swc-button-arrow {
	margin-left: auto;
}

.swc-cta-services {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-content: center;
	gap: 0;
	padding: 28px 0;
}

.swc-service-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 156px;
	padding: 0 18px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
}

.swc-service-item > span {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.72);
	color: var(--swc-red);
	font-size: 34px;
}

.swc-service-item strong {
	color: var(--swc-dark);
	font-size: 12px;
}

.swc-service-item small {
	max-width: 145px;
	margin-top: 8px;
	color: #575d66;
	font-size: 10px;
	line-height: 1.55;
}

.swc-cta-phone {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-height: 66px;
	margin: 18px 10px 0;
	padding: 10px 18px;
	border: 1px solid #9da3ab;
	border-radius: 11px;
	background: rgba(255, 255, 255, 0.72);
	color: var(--swc-red);
	text-decoration: none;
}

.swc-cta-phone:hover {
	color: var(--swc-red-dark);
}

.swc-cta-phone > span:first-child {
	font-size: 32px;
}

.swc-cta-phone > span:last-child {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.swc-cta-phone strong {
	font-size: 15px;
	line-height: 1.2;
}

.swc-cta-phone small {
	color: #666d76;
	font-size: 11px;
	text-align: center;
}

.swc-cta-timi {
	position: relative;
	min-height: 310px;
}

.swc-cta-timi img {
	position: absolute;
	right: -12px;
	bottom: -24px;
	width: 285px;
	height: 335px;
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 14px 16px rgba(0, 0, 0, 0.13));
}

.swc-privacy-note {
	margin: -7px 0 0;
	padding: 0 26px;
	color: #6f7680;
	font-size: 11px;
	line-height: 1.5;
}

/* =========================================================
   Animationen
   ========================================================= */

@keyframes swc-timi-float {
	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}

	50% {
		transform: translateY(-7px) rotate(-1deg);
	}
}

@keyframes swc-progress {
	0% {
		left: -35%;
	}

	65%,
	100% {
		left: 100%;
	}
}

@keyframes swc-spin {
	to {
		transform: rotate(360deg);
	}
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1080px) {

	.swc-hero {
		grid-template-columns: minmax(0, 1fr) 270px;
	}

	.swc-hero-visual {
		right: 0;
		width: 285px;
	}

	.swc-cta-main {
		grid-template-columns:
			minmax(290px, 1fr)
			minmax(390px, 1.25fr);
	}

	.swc-cta-timi {
		display: none;
	}

	.swc-assessment {
		grid-template-columns: 250px minmax(0, 1fr);
	}

	.swc-assessment-visual img {
		left: 18px;
		bottom: 8px;
		width: 220px;
		height: 270px;
	}

}

@media (max-width: 860px) {

	.swc-hero {
		grid-template-columns: 1fr;
		padding-bottom: 260px;
	}

	.swc-hero-visual {
		right: 50%;
		bottom: -40px;
		width: 270px;
		height: 300px;
		transform: translateX(50%);
	}

	.swc-form-row {
		grid-template-columns: 1fr;
	}

	.swc-form-row button {
		width: 100%;
	}

	.swc-loading-layout,
	.swc-assessment {
		grid-template-columns: 1fr;
	}

	.swc-loading-layout {
		gap: 18px;
		text-align: center;
	}

	.swc-loading-timi {
		max-width: 220px;
	}

	.swc-loading-devices,
	.swc-loading-tip {
		text-align: left;
	}

	.swc-assessment-visual {
		min-height: 230px;
	}

	.swc-assessment-visual img {
		left: 50%;
		bottom: 8px;
		width: 205px;
		height: 240px;
		transform: translateX(-50%);
	}

	.swc-assessment-content {
		padding: 0 26px 30px;
		text-align: center;
	}

	.swc-advice-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		text-align: left;
	}

	.swc-advice-item:nth-child(3) {
		border-left: 0;
	}

	.swc-advice-item:nth-child(n + 3) {
		margin-top: 20px;
	}

	.swc-cta-main {
		grid-template-columns: 1fr;
	}

	.swc-cta-copy {
		padding-bottom: 10px;
	}

	.swc-cta-services {
		padding-top: 12px;
	}

}

@media (max-width: 640px) {

	.swc-wrapper {
		gap: 20px;
	}

	.swc-card {
		border-radius: 18px;
	}

	.swc-hero {
		padding:
			24px
			18px
			235px;
	}

	.swc-hero h1,
	.swc-results-head h2 {
		font-size: 34px;
	}

	.swc-hero-visual {
		width: 245px;
		height: 270px;
	}

	.swc-loading-devices,
	.swc-score-grid,
	.swc-cta-benefits {
		grid-template-columns: 1fr;
	}

	.swc-score-card {
		grid-template-columns: 100px minmax(0, 1fr);
		padding: 24px 20px;
	}

	.swc-score-device {
		width: 76px;
		height: 76px;
		font-size: 42px;
	}

	.swc-score-circle {
		width: 122px;
		height: 122px;
	}

	.swc-score-circle strong {
		font-size: 40px;
	}

	.swc-advice-grid {
		grid-template-columns: 1fr;
	}

	.swc-advice-item,
	.swc-advice-item:first-child,
	.swc-advice-item:nth-child(3) {
		margin-top: 15px;
		padding: 15px 0 0;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-left: 0;
	}

	.swc-advice-item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
	}

	.swc-metrics-card {
		padding: 22px 16px 16px;
	}

	.swc-cta-copy {
		padding: 24px 18px 8px;
	}

	.swc-cta-services {
		grid-template-columns: 1fr;
		padding: 10px 18px 24px;
	}

	.swc-service-item {
		min-height: auto;
		padding: 18px 0;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-left: 0;
	}

	.swc-service-item:first-child {
		border-top: 0;
	}

	.swc-cta-phone {
		margin: 8px 0 0;
	}

	.swc-privacy-note {
		padding: 0 8px;
	}

}

@media (prefers-reduced-motion: reduce) {

	.swc-loading-timi,
	.swc-loading-progress-bar,
	.swc-mini-spinner {
		animation: none;
	}

}

.swc-technical-intro {
	margin: -5px 0 18px;
	color: #686f78;
	font-size: 13px;
	line-height: 1.6;
}

/* =========================================================
   Version 3.0 – Premium Ergebnisübersicht
   ========================================================= */
.swc-premium-overview{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center;padding:34px;background:linear-gradient(135deg,#fff 0%,#fff7f7 100%);overflow:hidden}.swc-overall-score{display:grid;place-items:center;align-content:center;min-height:190px;border-radius:22px;background:#111;color:#fff;text-align:center}.swc-overall-score strong{font-size:72px;line-height:1;font-weight:900}.swc-overall-label{font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#ffb4b4}.swc-overall-score small{margin-top:8px;font-size:15px;font-weight:800}.swc-overview-copy h3{margin:0 0 12px;font-size:clamp(26px,3vw,38px);line-height:1.1}.swc-overview-copy p{margin:0;max-width:760px;line-height:1.7;color:var(--swc-muted)}.swc-analysis-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.swc-analysis-meta span{padding:8px 11px;border:1px solid #eadede;border-radius:999px;background:#fff;font-size:12px;font-weight:750}.swc-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.swc-insight-card{padding:28px}.swc-insight-card ul{display:grid;gap:12px;margin:8px 0 0;padding:0;list-style:none}.swc-insight-card li{display:flex;gap:12px;line-height:1.5}.swc-insight-card li span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;font-weight:900}.swc-insight-card.is-positive li span{background:#e8f8ed;color:#08752f}.swc-insight-card.is-focus li span{background:#fff0f0;color:#c40000}.swc-priority-section{padding:8px 0}.swc-priority-head{margin-bottom:18px}.swc-priority-head h3{margin:0;font-size:clamp(24px,3vw,34px)}.swc-priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.swc-priority-card{position:relative;padding:26px;border:1px solid var(--swc-border);border-radius:20px;background:#fff;box-shadow:var(--swc-shadow)}.swc-priority-number{display:grid;place-items:center;width:34px;height:34px;margin-bottom:18px;border-radius:50%;background:var(--swc-red);color:#fff;font-weight:900}.swc-priority-card h4{min-height:54px;margin:0 0 20px;font-size:20px;line-height:1.25}.swc-priority-card>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid #eee}.swc-priority-card small{color:var(--swc-muted)}.swc-priority-card strong{text-transform:capitalize}.swc-cta{background:linear-gradient(135deg,#fff 0%,#fff7f7 100%)}@media(max-width:820px){.swc-premium-overview{grid-template-columns:1fr}.swc-overall-score{min-height:160px}.swc-insight-grid,.swc-priority-grid{grid-template-columns:1fr}}
.swc-wrapper.swc-hide-timi .swc-hero-visual,.swc-wrapper.swc-hide-timi .swc-loading-timi-wrap,.swc-wrapper.swc-hide-timi .swc-assessment-visual,.swc-wrapper.swc-hide-timi .swc-cta-timi{display:none!important}.swc-wrapper.swc-hide-timi .swc-hero-content,.swc-wrapper.swc-hide-timi .swc-loading-content{max-width:none}


/* Website-Erkennung 3.2.1 */
.swc-detection-card{padding:34px;margin:28px 0}.swc-detection-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:24px}.swc-detection-head h3{margin:6px 0 0}.swc-detection-head>p{max-width:520px;margin:0;color:#5d6470}.swc-detection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.swc-detection-group{padding:20px;border:1px solid #e6e8ec;border-radius:18px;background:#fafafa}.swc-detection-group h4{margin:0 0 14px;font-size:15px;text-transform:uppercase;letter-spacing:.04em}.swc-detection-group>div{display:flex;flex-wrap:wrap;gap:10px}.swc-detection-badge{display:flex;flex-direction:column;gap:2px;padding:10px 13px;border-radius:12px;background:#fff;border:1px solid #e1e3e7;box-shadow:0 4px 14px rgba(0,0,0,.04)}.swc-detection-badge strong{font-size:14px}.swc-detection-badge small{font-size:11px;color:#6c7280}.swc-detection-note{margin:18px 0 0;font-size:12px;color:#707784}@media(max-width:760px){.swc-detection-head{display:block}.swc-detection-head>p{margin-top:12px}.swc-detection-grid{grid-template-columns:1fr}.swc-detection-card{padding:24px}}


/* Infrastruktur-Erkennung 3.2.2 */
.swc-infrastructure-card{padding:34px;margin:28px 0;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)}
.swc-infrastructure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.swc-infrastructure-group{padding:20px;border:1px solid #dfe6ef;border-radius:18px;background:rgba(255,255,255,.8)}
.swc-infrastructure-group h4{margin:0 0 14px;font-size:15px;text-transform:uppercase;letter-spacing:.04em}
.swc-infrastructure-group>div{display:flex;flex-wrap:wrap;gap:10px}
.swc-infrastructure-badge{display:flex;flex-direction:column;gap:3px;padding:11px 14px;border:1px solid #dce3eb;border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.swc-infrastructure-badge strong{font-size:14px}.swc-infrastructure-badge small{max-width:290px;font-size:11px;line-height:1.4;color:#68717d}
.swc-infrastructure-badge.is-good{border-color:#bfe2c9;background:#f3fbf5}.swc-infrastructure-badge.is-warning{border-color:#efcf9c;background:#fff9ef}
@media(max-width:760px){.swc-infrastructure-card{padding:24px}.swc-infrastructure-grid{grid-template-columns:1fr}}


/* =========================================================
   Version 3.2.3 – Timi Intelligence
   ========================================================= */
.swc-timi-context {
	margin-top: 18px;
	padding: 16px 18px;
	border-left: 4px solid var(--swc-red);
	border-radius: 0 14px 14px 0;
	background: rgba(255, 255, 255, 0.78);
	color: #3f4650;
	font-size: 14px;
	line-height: 1.55;
}
.swc-timi-context strong { color: var(--swc-dark); }
.swc-timi-context ul { margin: 8px 0 0 18px; padding: 0; }
.swc-timi-context li + li { margin-top: 6px; }
.swc-advice-icon { display: grid; place-items: center; min-width: 32px; min-height: 32px; font-weight: 900; }
@media (max-width: 760px) {
	.swc-timi-context { margin-right: 0; }
}


/* === Version 3.3.0 UX Refresh === */
.swc-kicker{letter-spacing:.14em;text-transform:uppercase;color:#c60000;font-weight:700}
.swc-form-card,.swc-result-card,.swc-card{border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.swc-form-card h2{font-size:2.2rem;line-height:1.15}
.swc-form-card p{font-size:1.05rem;color:#555}
.swc-score-value{font-size:4rem;font-weight:800}
.swc-section-title{margin-top:3rem;font-size:2rem}
.swc-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.swc-badge{background:#f5f5f5;border:1px solid #ececec;border-radius:30px;padding:8px 14px;font-size:.9rem;font-weight:600}
.swc-cta-card{background:linear-gradient(180deg,#fff,#fafafa)}


/* =========================================================
   Version 3.4.1 – PDF-Download
   ========================================================= */
.swc-pdf-download{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;border:1px solid #eadede;background:linear-gradient(135deg,#fff 0%,#fff7f7 100%)}
.swc-pdf-download-copy h3{margin:5px 0 8px;font-size:clamp(22px,3vw,30px)}
.swc-pdf-download-copy p{margin:0;color:var(--swc-muted);line-height:1.6}
.swc-pdf-button{display:flex;align-items:center;justify-content:center;gap:14px;min-width:245px;padding:16px 20px;border:0;border-radius:14px;background:var(--swc-red);color:#fff;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 10px 24px rgba(193,57,43,.20)}
.swc-pdf-button:hover{background:var(--swc-red-dark);transform:translateY(-1px)}
.swc-pdf-button:disabled{opacity:.65;cursor:wait;transform:none}
.swc-pdf-message{flex-basis:100%;margin:0;font-size:13px;color:var(--swc-muted)}
@media(max-width:760px){.swc-pdf-download{align-items:stretch;flex-direction:column;padding:24px}.swc-pdf-button{width:100%;min-width:0}}

/* =========================================================
   Version 3.4.7 – LCP, Score-Ampel, Mobile & Buttons
   ========================================================= */

/* Scores erhalten zusätzlich zur Ringfarbe eine dezente Ampelfläche. */
.swc-score-circle.is-good {
	background: #eaf8ef;
	box-shadow: inset 0 0 0 5px rgba(7, 150, 60, 0.08);
}
.swc-score-circle.is-medium {
	background: #fff4e5;
	box-shadow: inset 0 0 0 5px rgba(239, 135, 0, 0.09);
}
.swc-score-circle.is-poor {
	background: #fff0f0;
	box-shadow: inset 0 0 0 5px rgba(212, 0, 0, 0.08);
}
.swc-overall-score.is-good { background: linear-gradient(145deg, #087b35, #0a9b45); }
.swc-overall-score.is-medium { background: linear-gradient(145deg, #d77400, #ef920f); }
.swc-overall-score.is-poor { background: linear-gradient(145deg, #a90000, #C1392B); }

/* Hinweise erhalten ein Informationssymbol; Warnungen bleiben rot. */
.swc-insight-card.is-focus li.is-medium span {
	background: #fff3df;
	color: #b86600;
}
.swc-insight-card.is-focus li.is-good span {
	background: #e8f8ed;
	color: #08752f;
}
.swc-insight-card.is-focus li > div {
	min-width: 0;
}

/* Einheitliches SHOPTIMIZER-Buttonsystem. */
.swc-form-row button,
.swc-cta-primary,
.swc-pdf-button {
	min-height: 56px;
	border: 0;
	border-radius: 12px;
	background: #C1392B;
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
	box-shadow: none;
	transition: background-color .2s ease, transform .2s ease;
}
.swc-form-row button:hover,
.swc-cta-primary:hover,
.swc-pdf-button:hover {
	background: #C1392B;
	color: #fff;
	transform: translateY(-1px);
	box-shadow: none;
}
.swc-form-row button:focus-visible,
.swc-cta-primary:focus-visible,
.swc-pdf-button:focus-visible {
	outline: 3px solid rgba(193, 57, 43, .25);
	outline-offset: 3px;
}
.swc-cta-primary,
.swc-pdf-button {
	width: 100%;
}

@media (max-width: 640px) {
	/* Während der Analyse bleibt nur ein Timi sichtbar. */
	.swc-wrapper.swc-is-running .swc-hero-visual {
		display: none;
	}
	.swc-wrapper.swc-is-running .swc-hero {
		padding-bottom: 24px;
	}
	.swc-loading-layout {
		grid-template-columns: 92px minmax(0, 1fr);
		align-items: start;
		gap: 14px;
		padding: 22px 18px;
		text-align: left;
	}
	.swc-loading-timi-wrap {
		align-items: flex-start;
	}
	.swc-loading-timi {
		max-width: 88px;
		animation: none;
	}
	.swc-loading-content h3 {
		font-size: 23px;
	}
	.swc-loading-content > p {
		font-size: 14px;
	}
	.swc-form-row button,
	.swc-cta-primary,
	.swc-pdf-button {
		width: 100%;
		min-height: 54px;
		padding: 0 18px;
	}
}


/* =========================================================
   Version 3.4.10 – Mobile Analyse, CTA, Buttons, Animationen
   ========================================================= */

/* Fortschritt reagiert sichtbar auf die abgeschlossenen Teiltests. */
.swc-loading-progress-bar {
	left: 0;
	width: 38%;
	background: linear-gradient(90deg, #C1392B, #f06a5f);
	animation: swc-progress-pulse 1.25s ease-in-out infinite alternate;
	transition: width .45s ease, background .35s ease;
}
.swc-loading.has-mobile-result .swc-loading-progress-bar,
.swc-loading.has-desktop-result .swc-loading-progress-bar {
	width: 68%;
	background: linear-gradient(90deg, #C1392B, #ef8700);
}
.swc-loading.is-complete .swc-loading-progress-bar {
	width: 100%;
	background: linear-gradient(90deg, #ef8700, #07963c);
	animation: none;
}
@keyframes swc-progress-pulse {
	from { opacity: .72; }
	to { opacity: 1; }
}

/* Einheitliches SHOPTIMIZER-Buttonsystem. */
.swc-form-row button,
.swc-cta-primary,
.swc-cta-secondary,
.swc-pdf-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-height: 58px;
	padding: 12px 22px;
	border: 0;
	border-radius: 14px;
	background: #C1392B;
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: none;
	cursor: pointer;
	transition: background-color .2s ease, transform .2s ease;
}
.swc-form-row button:hover,
.swc-cta-primary:hover,
.swc-cta-secondary:hover,
.swc-pdf-button:hover {
	background: #C1392B;
	color: #fff;
	transform: translateY(-1px);
}
.swc-form-row button:focus-visible,
.swc-cta-primary:focus-visible,
.swc-cta-secondary:focus-visible,
.swc-pdf-button:focus-visible {
	outline: 3px solid rgba(193, 57, 43, .25);
	outline-offset: 3px;
}
.swc-cta-primary,
.swc-cta-secondary,
.swc-pdf-button { width: 100%; }

/* Neuer, ruhiger CTA mit Laptop-Timi. */
.swc-cta { overflow: hidden; background: linear-gradient(135deg,#fff 0%,#fff6f5 100%); }
.swc-cta-main {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(260px,380px);
	align-items: end;
	min-height: 390px;
}
.swc-cta-copy { padding: clamp(28px,4vw,48px); }
.swc-cta-copy > p { max-width: 680px; font-size: 15px; }
.swc-cta-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 620px; }
.swc-cta-actions { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(190px,.65fr); gap: 14px; margin-top: 24px; }
.swc-cta-primary { justify-content: space-between; margin: 0; text-align: left; }
.swc-cta-primary > span:first-child { display:flex; flex-direction:column; gap:3px; }
.swc-cta-secondary { justify-content: space-between; background:#111; }
.swc-cta-secondary:hover { background:#2b2b2b; }
.swc-cta-timi { min-height: 390px; }
.swc-cta-timi img {
	right: 0;
	bottom: -12px;
	width: 100%;
	max-width: 410px;
	height: 410px;
	object-fit: contain;
	object-position: center bottom;
}

/* Score-Zahlen wirken beim Einblenden lebendiger. */
.swc-score-circle strong,
.swc-overall-score strong { font-variant-numeric: tabular-nums; }

@media (max-width: 760px) {
	/* Timi steht oberhalb in einem eigenen, vollbreiten Bereich. */
	.swc-loading-layout {
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 22px 18px 24px;
		text-align: left;
	}
	.swc-loading-timi-wrap {
		width: 100%;
		min-height: 118px;
		padding: 10px 18px 0;
		border-radius: 18px;
		background: linear-gradient(180deg,#fff7f6,#fff);
	}
	.swc-loading-timi {
		width: auto;
		max-width: 112px;
		max-height: 112px;
		animation: none;
	}
	.swc-loading-content { width: 100%; min-width: 0; }
	.swc-loading-content h3 { font-size: 25px; }
	.swc-loading-devices { grid-template-columns: 1fr; gap: 12px; }
	.swc-loading-device {
		grid-template-columns: 48px minmax(0,1fr) 28px;
		width: 100%;
		min-height: 82px;
		padding: 14px 16px;
	}
	.swc-device-copy strong,
	.swc-device-copy small { word-break: normal; overflow-wrap: normal; }
	.swc-device-copy strong { font-size: 16px; }

	.swc-cta-main { grid-template-columns: 1fr; min-height: 0; }
	.swc-cta-copy { padding: 28px 20px 22px; }
	.swc-cta-benefits { grid-template-columns: 1fr; }
	.swc-cta-actions { grid-template-columns: 1fr; }
	.swc-cta-timi {
		min-height: 250px;
		order: -1;
		background: linear-gradient(180deg,#fff4f2,#fff);
	}
	.swc-cta-timi img {
		left: 50%;
		right: auto;
		bottom: -8px;
		width: 260px;
		height: 260px;
		transform: translateX(-50%);
	}
	.swc-form-row button,
	.swc-cta-primary,
	.swc-cta-secondary,
	.swc-pdf-button { width: 100%; min-height: 56px; }
}


/* =========================================================
   Version 3.4.10 – SHOPTIMIZER Farben und einheitliche Buttons
   ========================================================= */

:root {
	--swc-red: #C1392B;
	--swc-red-dark: #C1392B;
}

/* Alle interaktiven Hauptbuttons folgen exakt dem Website-Design. */
.swc-form-row button,
.swc-cta-primary,
.swc-cta-secondary,
.swc-pdf-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: auto;
	min-height: 0;
	padding: 14px 30px;
	border: 0;
	border-radius: 50px;
	background: #C1392B;
	background-image: none;
	color: #fff;
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	box-shadow: none;
	cursor: pointer;
	transition: opacity .2s ease, transform .2s ease;
}

.swc-form-row button:hover,
.swc-cta-primary:hover,
.swc-cta-secondary:hover,
.swc-pdf-button:hover {
	background: #C1392B;
	background-image: none;
	color: #fff;
	opacity: .9;
	transform: translateY(-1px);
}

.swc-form-row button:focus-visible,
.swc-cta-primary:focus-visible,
.swc-cta-secondary:focus-visible,
.swc-pdf-button:focus-visible {
	outline: 3px solid rgba(193, 57, 43, .25);
	outline-offset: 3px;
}

.swc-form-row button *,
.swc-cta-primary *,
.swc-cta-secondary *,
.swc-pdf-button * {
	color: #fff;
}

.swc-cta-primary small {
	color: #fff;
	opacity: .9;
}

.swc-button-arrow,
.swc-cta-primary .swc-button-arrow,
.swc-cta-secondary .swc-button-arrow {
	flex: 0 0 auto;
	width: auto;
	height: auto;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: #fff;
}

/* CTA-Aktionen wirken auf Desktop und Mobil wie ein zusammengehöriges System. */
.swc-cta-actions {
	align-items: stretch;
}

.swc-cta-primary,
.swc-cta-secondary,
.swc-pdf-button {
	width: 100%;
}

.swc-cta-primary,
.swc-cta-secondary {
	justify-content: space-between;
}

/* Einheitlicher Markenfarbton für rote Texte, Icons und Akzente. */
.swc-kicker,
.swc-cta-benefits li::before,
.swc-status-icon,
.swc-section-icon,
.swc-result-highlight,
.swc-accent,
.swc-red {
	color: #C1392B;
}

.swc-loading-progress-bar,
.swc-loading.has-mobile-result .swc-loading-progress-bar,
.swc-loading.has-desktop-result .swc-loading-progress-bar {
	background: #C1392B;
}

@media (max-width: 760px) {
	.swc-form-row button,
	.swc-cta-primary,
	.swc-cta-secondary,
	.swc-pdf-button {
		width: 100%;
		min-height: 0;
		padding: 14px 30px;
		border-radius: 50px;
		font-size: 16px;
	}
}