/* “So kaufen Sie bei uns”: restrained, editorial steps instead of heavy app cards. */
:is(.ahk-editable-process, .ahk-process) {
	position: relative;
	isolation: isolate;
	color: #f7f8fa;
	background: transparent !important;
	padding: clamp(64px, 7vw, 104px) 24px !important;
}

:is(.ahk-editable-process, .ahk-process) > * {
	position: relative;
	z-index: 1;
}

:is(.ahk-editable-process, .ahk-process) :is(.ahk-editable-heading-center, .ahk-section-heading--center) {
	max-width: 1360px !important;
	margin: 0 auto clamp(42px, 5vw, 66px) !important;
	text-align: center;
}

:is(.ahk-editable-process, .ahk-process) h2 {
	margin: 0 !important;
	color: #fff;
	font-size: clamp(34px, 3.25vw, 54px);
	line-height: 1.08;
	letter-spacing: -.035em;
}

:is(.ahk-editable-process, .ahk-process) :is(.ahk-editable-process-grid, .ahk-process-grid) {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(16px, 1.8vw, 28px) !important;
	width: 100% !important;
	max-width: 1360px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	list-style: none;
	counter-reset: ahk-process;
}

:is(.ahk-editable-process-grid, .ahk-process-grid) > :is(.wp-block-column, li) {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-width: 0;
	min-height: 248px;
	margin: 0 !important;
	padding: 68px clamp(20px, 2vw, 32px) 32px !important;
	text-align: center;
	background: linear-gradient(155deg, rgba(255,255,255,.055), rgba(255,255,255,.014) 72%) !important;
	border: 1px solid rgba(166, 187, 207, .22) !important;
	border-radius: 12px !important;
	box-shadow: 0 18px 45px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .045);
	overflow: visible;
	counter-increment: ahk-process;
}

:is(.ahk-editable-process-grid, .ahk-process-grid) > :is(.wp-block-column, li)::before {
	content: counter(ahk-process);
	position: absolute;
	top: -19px;
	left: 24px;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	line-height: 1;
	background: linear-gradient(135deg, #2499e8 0%, #2651bd 100%);
	border: 3px solid #15191d;
	border-radius: 999px;
	box-shadow: 0 8px 24px rgba(27, 121, 218, .28);
}

:is(.ahk-editable-process-grid, .ahk-process-grid) > :is(.wp-block-column, li)::after {
	content: "";
	position: absolute;
	top: 30px;
	left: 50%;
	width: 30px;
	height: 30px;
	transform: translateX(-50%);
	background: center / contain no-repeat;
	opacity: .9;
}

.ahk-editable-process-grid .ahk-editable-process-card {
	display: contents;
}

:is(.ahk-editable-process-grid, .ahk-process-grid) > :is(.wp-block-column, li):nth-child(1)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%2350a9ef' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 20h20l-2-7H8l-2 7Z'/%3E%3Cpath d='m10 13 2-4h8l2 4M8 20v4m16-4v4M10 18h.01M22 18h.01'/%3E%3C/svg%3E");
}

:is(.ahk-editable-process-grid, .ahk-process-grid) > :is(.wp-block-column, li):nth-child(2)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%2350a9ef' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='7' width='22' height='20' rx='2'/%3E%3Cpath d='M10 4v6m12-6v6M5 13h22M10 18h3m4 0h3m-10 4h3m4 0h3'/%3E%3C/svg%3E");
}

:is(.ahk-editable-process-grid, .ahk-process-grid) > :is(.wp-block-column, li):nth-child(3)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%2350a9ef' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M25 19a8 8 0 0 1-8 6H9l-4 3 1-6a9 9 0 1 1 19-3Z'/%3E%3Cpath d='M11 15h10m-10 4h7'/%3E%3C/svg%3E");
}

:is(.ahk-editable-process-grid, .ahk-process-grid) > :is(.wp-block-column, li):nth-child(4)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%2350a9ef' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 5a7 7 0 0 0-6 10L4 23v5h5v-3h3v-3h3l3-3a7 7 0 1 0 0-14Z'/%3E%3Ccircle cx='22' cy='10' r='1.5'/%3E%3C/svg%3E");
}

:is(.ahk-editable-process-grid, .ahk-process-grid) .ahk-editable-step,
:is(.ahk-editable-process-grid, .ahk-process-grid) > li > span:first-child {
	display: none !important;
}

:is(.ahk-editable-process-grid, .ahk-process-grid) h3 {
	margin: 18px 0 12px !important;
	color: #fff;
	font-size: clamp(19px, 1.45vw, 24px);
	line-height: 1.2;
	letter-spacing: -.02em;
}

:is(.ahk-editable-process-grid, .ahk-process-grid) p {
	max-width: 27ch;
	margin: 0 !important;
	color: #b8c0c9;
	font-size: 15px;
	line-height: 1.65;
}

:is(.ahk-editable-process, .ahk-process) :is(.ahk-editable-service-grid, .ahk-service-grid) {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(20px, 3vw, 42px) !important;
	width: 100% !important;
	max-width: 1360px !important;
	margin: clamp(38px, 4vw, 58px) auto 0 !important;
	padding: 0 !important;
}

:is(.ahk-editable-service-grid, .ahk-service-grid) > :is(.wp-block-column, .wp-block-group, a) {
	position: relative;
	display: block;
	min-width: 0;
	margin: 0 !important;
	padding: 2px 0 2px 46px !important;
	color: inherit;
	text-align: left;
	text-decoration: none;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

:is(.ahk-editable-service-grid, .ahk-service-grid) > :is(.wp-block-column, .wp-block-group, a)::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(71, 166, 239, .75);
	border-radius: 50%;
	box-shadow: inset 0 0 0 6px rgba(42, 137, 222, .08);
}

:is(.ahk-editable-service-grid, .ahk-service-grid) > :is(.wp-block-column, .wp-block-group, a)::after {
	content: "\2713";
	position: absolute;
	top: 2px;
	left: 0;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	color: #66b9f5;
	font-size: 16px;
	font-weight: 800;
	line-height: 1;
}

:is(.ahk-editable-service-grid, .ahk-service-grid) :is(h3, strong) {
	display: block;
	margin: 0 0 5px !important;
	color: #f7f8fa;
	font-size: 15px;
	line-height: 1.35;
}

:is(.ahk-editable-service-grid, .ahk-service-grid) :is(p, span) {
	display: block;
	margin: 0 !important;
	color: #98a3ae;
	font-size: 13px;
	line-height: 1.5;
}

@media (max-width: 1050px) {
	:is(.ahk-editable-process, .ahk-process) :is(.ahk-editable-process-grid, .ahk-process-grid),
	:is(.ahk-editable-process, .ahk-process) :is(.ahk-editable-service-grid, .ahk-service-grid) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	:is(.ahk-editable-process, .ahk-process) {
		padding: 56px 16px !important;
	}

	:is(.ahk-editable-process, .ahk-process) :is(.ahk-editable-process-grid, .ahk-process-grid),
	:is(.ahk-editable-process, .ahk-process) :is(.ahk-editable-service-grid, .ahk-service-grid) {
		grid-template-columns: minmax(0, 1fr);
	}

	:is(.ahk-editable-process-grid, .ahk-process-grid) > :is(.wp-block-column, li) {
		min-height: 0;
		padding: 62px 22px 28px !important;
	}
}

@media (prefers-reduced-motion: no-preference) {
	:is(.ahk-editable-process-grid, .ahk-process-grid) > :is(.wp-block-column, li) {
		transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
	}

	:is(.ahk-editable-process-grid, .ahk-process-grid) > :is(.wp-block-column, li):hover {
		transform: translateY(-4px);
		border-color: rgba(74, 164, 234, .42) !important;
		box-shadow: 0 24px 58px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .06);
	}
}

@media (max-width: 620px) {
	:is(.ahk-editable-service-grid, .ahk-service-grid) > :is(.wp-block-column, .wp-block-group, a) {
		padding: 48px 0 0 !important;
		text-align: center;
	}

	:is(.ahk-editable-service-grid, .ahk-service-grid) > :is(.wp-block-column, .wp-block-group, a)::before,
	:is(.ahk-editable-service-grid, .ahk-service-grid) > :is(.wp-block-column, .wp-block-group, a)::after {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
}