/**
 * CottonCloud core conversion routes.
 *
 * Loaded only for the exact /cennik/ and /kontakt/ routes from page.php.
 * Every selector stays behind the route body class so the shared renderer
 * and the remaining landing pages keep their existing presentation.
 */

body.cottoncloud-site.cc-core-conversion-page {
	--cc-core-blue-950: #071a36;
	--cc-core-blue-900: #0a2448;
	--cc-core-blue-800: #103f78;
	--cc-core-blue-700: #1768c7;
	--cc-core-blue-600: #247be2;
	--cc-core-blue-100: #dcecff;
	--cc-core-blue-050: #f1f7ff;
	--cc-core-ink: #10243e;
	--cc-core-copy: #48627f;
	--cc-core-line: #d5e1ee;
	--cc-core-surface: #ffffff;
	background: #071a36;
}

body.cottoncloud-site.cc-core-conversion-page .cc-main {
	color: var(--cc-core-ink);
	background: #f4f7fb;
}

body.cottoncloud-site.cc-core-conversion-page :is(
	.cc-landing-hero--contact,
	.cc-landing-hero--pricing
) {
	position: relative;
	min-height: 0 !important;
	padding-block: clamp(50px, 5.6vw, 76px) clamp(48px, 5vw, 68px) !important;
	overflow: clip;
	background:
		radial-gradient(circle at 91% 14%, rgba(80, 166, 255, 0.2), transparent 30%),
		linear-gradient(116deg, #071a36 0%, #0a2b55 66%, #0b2344 100%);
	border-bottom: 1px solid rgba(156, 207, 255, 0.18);
	isolation: isolate;
}

body.cottoncloud-site.cc-core-conversion-page :is(
	.cc-landing-hero--contact,
	.cc-landing-hero--pricing
)::after {
	display: none;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero__grid {
	position: relative;
	z-index: 2;
	width: min(calc(100% - 48px), 1180px) !important;
	grid-template-columns: minmax(0, 1.14fr) minmax(300px, 0.58fr) !important;
	gap: clamp(34px, 5vw, 66px) !important;
	align-items: center;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero__copy {
	display: grid;
	gap: 14px;
	max-width: 700px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero h1 {
	max-width: 22ch !important;
	margin: 0;
	color: #ffffff;
	font-size: clamp(37.6px, 3.35vw, 44px) !important;
	font-weight: 900;
	letter-spacing: -0.034em;
	line-height: 1.04 !important;
	text-wrap: balance;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero__copy > p:not(.cc-kicker):not(.cc-hero-note) {
	max-width: 59ch !important;
	margin: 0;
	color: #c9d9eb !important;
	font-size: clamp(0.98rem, 1.15vw, 1.08rem) !important;
	line-height: 1.62;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero .cc-kicker {
	margin: 0;
	color: #83c8ff;
	font-size: 0.74rem;
	letter-spacing: 0.14em;
}

body.cottoncloud-site.cc-core-conversion-page .cc-motion-hero .cc-kicker::before {
	width: 28px;
	background: #83c8ff;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero .cc-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	align-items: center;
	margin: 6px 0 0;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero .cc-actions .cc-button:first-child {
	min-height: 46px;
	padding: 11px 20px;
	color: #ffffff;
	font-size: 0.94rem;
	background: #247be2;
	border: 1px solid rgba(186, 223, 255, 0.35);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(4, 26, 62, 0.26);
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero .cc-actions .cc-button--ghost {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 8px 1px;
	color: #ddecfb;
	font-size: 0.92rem;
	background: transparent;
	border: 0;
	border-radius: 2px;
	box-shadow: none;
	text-decoration: underline;
	text-decoration-color: rgba(185, 220, 255, 0.56);
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero .cc-actions .cc-button--ghost::after {
	margin-left: 7px;
	content: "→";
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero .cc-actions .cc-button--ghost:is(:hover, :focus-visible) {
	color: #ffffff;
	background: transparent;
	filter: none;
	transform: none;
	text-decoration-color: #ffffff;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero__copy > .cc-soft-link {
	display: none;
}

body.cottoncloud-site.cc-core-conversion-page .cc-hero-note {
	width: auto;
	max-width: 62ch;
	padding: 0 0 0 12px;
	margin: 0;
	color: #b9d8f5 !important;
	font-size: 0.82rem !important;
	font-weight: 650;
	letter-spacing: 0;
	line-height: 1.5;
	text-transform: none;
	background: transparent;
	border: 0;
	border-left: 2px solid #5babf3;
	border-radius: 0;
}

body.cottoncloud-site.cc-core-conversion-page .cc-proof-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	max-width: 680px;
	padding: 0;
	margin: 6px 0 0;
	overflow: visible;
	background: transparent;
	border: 1px solid rgba(145, 196, 241, 0.2);
	border-radius: 10px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-proof-strip > div {
	min-width: 0;
	padding: 12px 14px;
	background: rgba(255, 255, 255, 0.035);
	border-right: 1px solid rgba(145, 196, 241, 0.17);
}

body.cottoncloud-site.cc-core-conversion-page .cc-proof-strip > div:last-child {
	border-right: 0;
}

body.cottoncloud-site.cc-core-conversion-page .cc-proof-strip dt {
	color: #ffffff;
	font-size: 0.86rem;
	font-weight: 850;
	line-height: 1.25;
}

body.cottoncloud-site.cc-core-conversion-page .cc-proof-strip dd {
	margin: 3px 0 0;
	color: #a9bfd8;
	font-size: 0.76rem;
	line-height: 1.35;
}

body.cottoncloud-site.cc-core-conversion-page .cc-route-orb {
	top: -18%;
	right: -8%;
	width: clamp(220px, 25vw, 360px);
	opacity: 0.2;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-panel {
	position: relative;
	z-index: 2;
	display: grid;
	gap: 14px;
	width: 100%;
	padding: clamp(21px, 2.5vw, 28px);
	background: rgba(7, 29, 59, 0.9);
	border: 1px solid rgba(149, 204, 255, 0.24);
	border-radius: 12px;
	box-shadow: 0 22px 52px rgba(0, 9, 28, 0.28);
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-panel > strong {
	color: #ffffff;
	font-size: clamp(1.24rem, 1.7vw, 1.5rem);
	line-height: 1.18;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-panel ul {
	display: grid;
	gap: 0;
	padding: 0;
	margin: 0;
	list-style: none;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-panel li {
	position: relative;
	min-height: 48px;
	padding: 13px 2px 13px 42px;
	color: #d7e5f4;
	font-size: 0.91rem;
	line-height: 1.48;
	background: transparent;
	border: 0;
	border-top: 1px solid rgba(149, 204, 255, 0.15);
	border-radius: 0;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-panel li::before {
	top: 50%;
	left: 5px;
	width: 27px;
	color: #82c8ff;
	font-size: 0.68rem;
	background: transparent;
	border: 1px solid rgba(130, 200, 255, 0.34);
	border-radius: 5px;
	transform: translateY(-50%);
}

body.cottoncloud-site.cc-core-conversion-page .cc-section {
	padding-block: clamp(52px, 5.6vw, 76px) !important;
	color: var(--cc-core-ink);
	background: #f4f7fb;
	border-bottom: 1px solid #e3eaf2;
}

body.cottoncloud-site.cc-core-conversion-page .cc-section:nth-of-type(odd) {
	background: #edf3f9;
}

body.cottoncloud-site.cc-core-conversion-page .cc-section .cc-container {
	width: min(calc(100% - 48px), 1180px);
}

body.cottoncloud-site.cc-core-conversion-page .cc-section__head {
	max-width: 720px;
	margin-bottom: clamp(22px, 3vw, 34px);
}

body.cottoncloud-site.cc-core-conversion-page .cc-section__head h2,
body.cottoncloud-site.cc-core-conversion-page .cc-landing-split > div > h2 {
	max-width: 24ch;
	margin: 0;
	color: var(--cc-core-ink);
	font-size: clamp(1.75rem, 2.7vw, 2.38rem) !important;
	font-weight: 880;
	letter-spacing: -0.03em;
	line-height: 1.08;
	text-wrap: balance;
}

body.cottoncloud-site.cc-core-conversion-page .cc-section__head > p:not(.cc-kicker) {
	max-width: 66ch;
	color: var(--cc-core-copy);
	font-size: 1rem;
	line-height: 1.62;
}

body.cottoncloud-site.cc-core-conversion-page .cc-section .cc-kicker {
	color: #1768c7;
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-jump {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin: 0 0 28px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-jump a {
	display: grid;
	grid-template-columns: 26px minmax(0, 1fr);
	gap: 9px;
	align-items: center;
	min-height: 52px;
	padding: 10px 12px;
	color: #173555;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid var(--cc-core-line);
	border-radius: 9px;
	box-shadow: 0 7px 18px rgba(28, 69, 115, 0.05);
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-jump a span {
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	color: #1768c7;
	font-size: 0.67rem;
	font-weight: 900;
	background: var(--cc-core-blue-050);
	border: 1px solid #c8def6;
	border-radius: 6px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-jump a strong {
	font-size: 0.84rem;
	line-height: 1.25;
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-jump a:is(:hover, :focus-visible) {
	color: #0b55a2;
	background: var(--cc-core-blue-050);
	border-color: #84b8ed;
	transform: none;
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-section-list {
	display: grid;
	gap: 28px;
	counter-reset: cc-pricing-category;
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category {
	position: relative;
	padding: clamp(22px, 3vw, 32px);
	scroll-margin-top: 98px;
	background: #ffffff;
	border: 1px solid var(--cc-core-line);
	border-radius: 12px;
	box-shadow: 0 14px 34px rgba(27, 68, 113, 0.07);
	counter-increment: cc-pricing-category;
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category::before {
	position: absolute;
	top: 24px;
	right: 25px;
	color: #9cb3cc;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	content: counter(cc-pricing-category, decimal-leading-zero);
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 7px 26px;
	align-items: center;
	padding: 0 48px 22px 0;
	margin: 0 0 22px;
	border-bottom: 1px solid #e1e8f0;
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category__head > :not(.cc-actions) {
	grid-column: 1;
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category__head > .cc-actions {
	grid-row: 1 / span 4;
	grid-column: 2;
	align-self: center;
	margin: 0;
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category__head h3 {
	max-width: 31ch;
	margin: 0;
	color: var(--cc-core-ink);
	font-size: clamp(1.45rem, 2.15vw, 1.95rem);
	letter-spacing: -0.025em;
	line-height: 1.12;
	text-wrap: balance;
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category__head p:not(.cc-kicker):not(.cc-actions) {
	max-width: 70ch;
	margin: 0;
	color: var(--cc-core-copy);
	font-size: 0.94rem;
	line-height: 1.56;
}

body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category__head .cc-button {
	min-height: 44px;
	padding: 10px 15px;
	white-space: nowrap;
	background: #1768c7;
	border-radius: 8px;
	box-shadow: none;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card {
	display: grid;
	grid-template-rows: auto auto auto 1fr auto;
	gap: 11px;
	min-width: 0;
	padding: 20px;
	color: var(--cc-core-ink);
	background: #f8fafc;
	border: 1px solid #dbe4ee;
	border-radius: 10px;
	box-shadow: none;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card:is(:hover, :focus-within) {
	border-color: #8fbae8;
	box-shadow: 0 12px 24px rgba(28, 82, 143, 0.08);
	transform: translateY(-1px);
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card.is-featured {
	color: #ffffff;
	background: linear-gradient(145deg, #0a2d5b, #104881);
	border-color: #1f6fc5;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card h3 {
	margin: 0;
	color: var(--cc-core-ink);
	font-size: 1.12rem;
	line-height: 1.2;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card__price {
	display: grid;
	gap: 2px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card__price strong {
	color: #0c4f98;
	font-size: clamp(1.35rem, 1.8vw, 1.68rem);
	line-height: 1.16;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card__price span {
	color: #667d96;
	font-size: 0.83rem;
	font-weight: 650;
	line-height: 1.4;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card > p:not(.cc-offer-card__badge) {
	margin: 0;
	color: var(--cc-core-copy);
	font-size: 0.91rem;
	line-height: 1.53;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card .cc-package-list {
	display: grid;
	gap: 7px;
	padding: 0;
	margin: 0;
	list-style: none;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card .cc-package-list li {
	position: relative;
	padding-left: 17px;
	color: #526b86;
	font-size: 0.86rem;
	line-height: 1.45;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card .cc-package-list li::before {
	top: 0.59em;
	width: 6px;
	background: #247be2;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card .cc-text-link {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 44px;
	margin-top: auto;
	color: #0b5eb8;
	font-size: 0.9rem;
	font-weight: 850;
	text-decoration: underline;
	text-decoration-color: #9fc4ea;
	text-underline-offset: 4px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card .cc-text-link::after {
	margin-left: 6px;
	content: "→";
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card.is-featured :is(
	h3,
	.cc-offer-card__price strong
) {
	color: #ffffff;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card.is-featured :is(
	.cc-offer-card__price span,
	p,
	.cc-package-list li
) {
	color: #d2e3f4;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card.is-featured .cc-package-list li::before {
	background: #82c8ff;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card.is-featured .cc-text-link {
	color: #ffffff;
	text-decoration-color: #8fcafc;
}

body.cottoncloud-site.cc-core-conversion-page .cc-offer-card__footnote {
	max-width: none;
	padding: 16px 18px;
	margin: 22px 0 0;
	color: #244766;
	font-size: 0.9rem;
	line-height: 1.55;
	background: #e6f2ff;
	border: 1px solid #bdd9f5;
	border-left: 4px solid #247be2;
	border-radius: 8px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-module-grid--landing {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-module-card {
	display: grid;
	gap: 9px;
	min-width: 0;
	padding: 21px;
	color: var(--cc-core-ink);
	background: #ffffff;
	border: 1px solid var(--cc-core-line);
	border-radius: 10px;
	box-shadow: 0 10px 26px rgba(28, 68, 112, 0.06);
}

body.cottoncloud-site.cc-core-conversion-page .cc-module-card h3 {
	margin: 0;
	color: var(--cc-core-ink);
	font-size: 1.13rem;
	line-height: 1.24;
}

body.cottoncloud-site.cc-core-conversion-page .cc-module-card p {
	margin: 0;
	color: var(--cc-core-copy);
	font-size: 0.94rem;
	line-height: 1.55;
}

body.cottoncloud-site.cc-core-conversion-page--contact .cc-module-card {
	color: #f7fbff;
	background: #10213a;
	border-color: rgba(126, 193, 255, 0.22);
}

body.cottoncloud-site.cc-core-conversion-page--contact .cc-module-card h3 {
	color: #ffffff;
}

body.cottoncloud-site.cc-core-conversion-page--contact .cc-module-card p {
	color: #c8daed;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-split {
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(360px, 1.18fr);
	gap: clamp(28px, 5vw, 58px);
	align-items: start;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-split > div:first-child {
	display: grid;
	gap: 16px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-landing-split > div:first-child > :is(.cc-kicker, h2) {
	margin: 0;
}

body.cottoncloud-site.cc-core-conversion-page .cc-steps {
	display: grid;
	gap: 9px;
	padding: 0;
	margin: 4px 0 0;
	list-style: none;
	counter-reset: cc-step;
}

body.cottoncloud-site.cc-core-conversion-page .cc-steps li {
	position: relative;
	display: grid;
	min-height: 58px;
	padding: 13px 14px 13px 51px;
	color: var(--cc-core-copy);
	background: #ffffff;
	border: 1px solid var(--cc-core-line);
	border-radius: 9px;
	box-shadow: none;
	counter-increment: cc-step;
}

body.cottoncloud-site.cc-core-conversion-page .cc-steps li::before {
	top: 14px;
	left: 14px;
	display: grid;
	place-items: center;
	width: 27px;
	height: 27px;
	color: #ffffff;
	font-size: 0.77rem;
	background: #1768c7;
	border-radius: 6px;
	content: counter(cc-step);
}

body.cottoncloud-site.cc-core-conversion-page .cc-steps span {
	color: var(--cc-core-copy);
	font-size: 0.91rem;
	line-height: 1.5;
}

body.cottoncloud-site.cc-core-conversion-page .cc-trust-person {
	margin-top: 2px;
	padding: 20px;
	color: #ffffff;
	background: linear-gradient(145deg, #0a294f, #0d3c70);
	border: 1px solid #2b659a;
	border-radius: 10px;
	box-shadow: none;
}

body.cottoncloud-site.cc-core-conversion-page .cc-trust-person :is(
	.cc-trust-person__row strong,
	.cc-trust-person__facts li
) {
	color: #ffffff;
}

body.cottoncloud-site.cc-core-conversion-page .cc-trust-person :is(
	.cc-trust-person__row small,
	.cc-trust-person__note
) {
	color: #c8daed;
}

body.cottoncloud-site.cc-core-conversion-page .cc-trust-person__contacts {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	align-items: center;
}

body.cottoncloud-site.cc-core-conversion-page .cc-trust-person__contacts a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #9ed4ff;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular {
	display: grid;
	gap: 13px;
	min-width: 0;
	padding: clamp(22px, 3vw, 30px);
	color: var(--cc-core-ink);
	background: #ffffff;
	border: 1px solid var(--cc-core-line);
	border-radius: 12px;
	box-shadow: 0 16px 38px rgba(26, 66, 111, 0.09);
	scroll-margin-top: 98px;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular > .cc-kicker {
	margin: 0;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular > h2 {
	max-width: 24ch;
	margin: 0;
	color: var(--cc-core-ink);
	font-size: clamp(1.5rem, 2.2vw, 2rem);
	letter-spacing: -0.025em;
	line-height: 1.12;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular p {
	color: var(--cc-core-copy);
	font-size: 0.93rem;
	line-height: 1.52;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular .cc-soft-link {
	color: #0b5eb8;
}

body.cottoncloud-site.cc-core-conversion-page--contact .cc-landing-hero .cc-actions .cc-button:first-child {
	color: #ffffff;
	background: #1768c7;
	border-color: #1768c7;
}

body.cottoncloud-site.cc-core-conversion-page--contact #kontakt-formular .cc-form-consent {
	color: #405b78;
	opacity: 1 !important;
}

body.cottoncloud-site.cc-core-conversion-page--contact #kontakt-formular .cc-form-consent a {
	color: #0b55a2;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular .cc-protected-contact {
	display: grid;
	gap: 11px;
	padding: 14px;
	margin: 2px 0 4px;
	background: var(--cc-core-blue-050);
	border: 1px solid #c4dcf5;
	border-radius: 9px;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular .cc-protected-contact__copy strong {
	color: var(--cc-core-ink);
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular :is(
	.cc-protected-contact__copy span,
	.cc-protected-contact__status
) {
	color: var(--cc-core-copy);
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular :is(
	.cc-protected-contact__link,
	.cc-protected-contact__copy-button
) {
	min-height: 44px;
	padding: 9px 13px;
	color: #ffffff;
	background: #1768c7;
	border: 1px solid #1768c7;
	border-radius: 7px;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular .cc-protected-contact__copy-button {
	color: #17446f;
	background: #ffffff;
	border-color: #afcde9;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular .cc-form-shell {
	display: grid;
	gap: 13px;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular .cc-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular .cc-form-row {
	color: var(--cc-core-ink);
	font-size: 0.9rem;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular :where(
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="tel"],
	select,
	textarea
) {
	width: 100%;
	min-height: 46px;
	padding: 10px 12px;
	color: var(--cc-core-ink);
	font-size: 1rem;
	background: #f8fafc;
	border: 1px solid #bfcddd;
	border-radius: 8px;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular textarea {
	min-height: 118px;
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular .cc-form-check {
	min-height: 44px;
	color: var(--cc-core-copy);
}

body.cottoncloud-site.cc-core-conversion-page #kontakt-formular .cc-lead-form .cc-button {
	min-height: 48px;
	padding: 11px 18px;
	color: #ffffff;
	background: #1768c7;
	border: 1px solid #1768c7;
	border-radius: 8px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-faq-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

body.cottoncloud-site.cc-core-conversion-page .cc-faq-card {
	display: grid;
	gap: 9px;
	min-width: 0;
	padding: 21px;
	color: var(--cc-core-ink);
	background: #ffffff;
	border: 1px solid var(--cc-core-line);
	border-radius: 10px;
	box-shadow: none;
}

body.cottoncloud-site.cc-core-conversion-page .cc-faq-card h3 {
	margin: 0;
	color: var(--cc-core-ink);
	font-size: 1.05rem;
	line-height: 1.3;
}

body.cottoncloud-site.cc-core-conversion-page .cc-faq-card p {
	margin: 0;
	color: var(--cc-core-copy);
	font-size: 0.92rem;
	line-height: 1.56;
}

body.cottoncloud-site.cc-core-conversion-page :is(
	a,
	button,
	input,
	select,
	textarea
):focus-visible {
	outline: 3px solid #52a9ff;
	outline-offset: 3px;
}

body.cottoncloud-site.cc-core-conversion-page :is(
	.cc-button,
	.cc-text-link,
	.cc-soft-link,
	.cc-pricing-jump a,
	.cc-protected-contact__link,
	.cc-protected-contact__copy-button
) {
	min-height: 45px;
}

@media (max-width: 1040px) {
	body.cottoncloud-site.cc-core-conversion-page .cc-offer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-pricing-jump {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category__head {
		grid-template-columns: 1fr;
		padding-right: 42px;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category__head > .cc-actions {
		grid-row: auto;
		grid-column: 1;
		margin-top: 8px;
	}
}

@media (max-width: 940px) {
	body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero__grid {
		width: min(calc(100% - 36px), 760px) !important;
		grid-template-columns: 1fr !important;
		gap: 28px !important;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-landing-panel {
		width: min(100%, 680px);
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-landing-split {
		grid-template-columns: 1fr;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-module-grid--landing {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	body.cottoncloud-site.cc-core-conversion-page :is(
		.cc-landing-hero--contact,
		.cc-landing-hero--pricing
	) {
		padding-block: 38px 44px !important;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero__grid,
	body.cottoncloud-site.cc-core-conversion-page .cc-section .cc-container {
		width: min(calc(100% - 28px), 620px) !important;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero h1 {
		max-width: 22ch !important;
		font-size: clamp(29.6px, 7.8vw, 32px) !important;
		line-height: 1.06 !important;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero__copy {
		gap: 12px;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero .cc-actions {
		align-items: stretch;
		flex-direction: column;
		gap: 5px;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero .cc-actions .cc-button:first-child {
		width: 100%;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-landing-hero .cc-actions .cc-button--ghost {
		width: fit-content;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-proof-strip > div {
		padding: 10px 8px;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-proof-strip dt {
		font-size: 0.78rem;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-proof-strip dd {
		font-size: 0.7rem;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-section {
		padding-block: 44px !important;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-section__head h2,
	body.cottoncloud-site.cc-core-conversion-page .cc-landing-split > div > h2 {
		font-size: clamp(1.58rem, 7vw, 1.95rem) !important;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-pricing-jump {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-offer-grid,
	body.cottoncloud-site.cc-core-conversion-page .cc-module-grid--landing,
	body.cottoncloud-site.cc-core-conversion-page .cc-faq-grid {
		grid-template-columns: 1fr;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category {
		padding: 20px 15px;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category::before {
		top: 20px;
		right: 15px;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category__head {
		padding: 0 34px 18px 0;
		margin-bottom: 18px;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-pricing-category__head .cc-button {
		width: 100%;
		white-space: normal;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-offer-card,
	body.cottoncloud-site.cc-core-conversion-page .cc-module-card,
	body.cottoncloud-site.cc-core-conversion-page .cc-faq-card {
		padding: 18px;
	}

	body.cottoncloud-site.cc-core-conversion-page #kontakt-formular .cc-form-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 440px) {
	body.cottoncloud-site.cc-core-conversion-page .cc-pricing-jump {
		grid-template-columns: 1fr;
	}

	body.cottoncloud-site.cc-core-conversion-page .cc-proof-strip {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.cottoncloud-site.cc-core-conversion-page #kontakt-formular {
		padding: 19px 15px;
	}

	body.cottoncloud-site.cc-core-conversion-page #kontakt-formular .cc-protected-contact__actions {
		display: grid;
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.cottoncloud-site.cc-core-conversion-page :is(
		.cc-motion-hero::after,
		.cc-motion-hero .cc-kicker::before,
		.cc-motion-hero .cc-actions .cc-button:first-child::after,
		.cc-motion-signature,
		.cc-route-orb,
		.cc-route-orb::before,
		.cc-route-orb::after
	) {
		animation: none !important;
	}

	body.cottoncloud-site.cc-core-conversion-page :is(
		.cc-button,
		.cc-offer-card,
		.cc-pricing-jump a
	) {
		scroll-behavior: auto;
		transition: none !important;
	}
}