.vssek-guide-card .vssk-guide-copy,
.vssek-guide-card .vssk-guide-card__copy {
	display: flex;
	flex-direction: column;
}

.vssek-guide-card .vssk-guide-media,
.vssek-guide-card .vssk-guide-card__media,
[data-vssek-guide="stress-entlastungs-kompass"] .vssk-guide-media,
[data-vssek-guide="stress-entlastungs-kompass"] .vssk-guide-card__media {
	background: #f7f2e8;
}

.vssek-guide-card .vssk-guide-media img,
.vssek-guide-card .vssk-guide-card__media img,
[data-vssek-guide="stress-entlastungs-kompass"] .vssk-guide-media img,
[data-vssek-guide="stress-entlastungs-kompass"] .vssk-guide-card__media img {
	object-fit: contain;
}

.vssek-guide-card .vssk-guide-copy > p:not(.vssk-card-label),
.vssek-guide-card .vssk-guide-card__copy > p:not(.vssk-eyebrow) {
	margin-bottom: 1rem;
}

.vssek-guide-card ul {
	margin: 0 0 1.35rem;
	padding: 0;
	list-style: none;
}

.vssek-guide-card li {
	position: relative;
	margin: .45rem 0;
	padding-left: 1.45rem;
}

.vssek-guide-card li::before {
	position: absolute;
	left: 0;
	content: "✓";
	color: #078c7c;
	font-weight: 800;
}

.vssek-guide-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .9rem;
	margin-top: auto;
}

.vssek-guide-preview {
	color: #006f66;
	font-weight: 750;
	text-decoration: none;
}

.vssek-guide-preview:hover,
.vssek-guide-preview:focus-visible {
	text-decoration: underline;
}

[data-vssek-carousel] {
	--vssek-carousel-gap: clamp(1rem, 2vw, 1.5rem);
	width: 100%;
}

[data-vssek-carousel] .vssk-carousel__viewport {
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

[data-vssek-carousel] .vssk-carousel__viewport::-webkit-scrollbar {
	display: none;
}

[data-vssek-carousel] .vssk-carousel__track {
	display: flex !important;
	grid-template-columns: none !important;
	gap: var(--vssek-carousel-gap) !important;
	align-items: stretch;
	padding: .2rem 0;
}

[data-vssek-carousel] .vssk-carousel__track > .vssk-guide-card {
	flex: 0 0 calc((100% - var(--vssek-carousel-gap)) / 2);
	min-width: 0;
	scroll-snap-align: start;
}

[data-vssek-carousel] .vssk-carousel__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-top: 1.25rem;
}

[data-vssek-carousel] .vssk-carousel__status {
	min-width: 7.5rem;
	margin: 0;
	color: #315d62;
	font-weight: 700;
	text-align: center;
}

[data-vssek-carousel] .vssk-carousel__button {
	display: inline-grid;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	place-items: center;
	border: 1px solid #b8d3d3;
	border-radius: 999px;
	background: #fff;
	color: #005f5a;
	cursor: pointer;
	font: inherit;
	font-size: 1.15rem;
}

[data-vssek-carousel] .vssk-carousel__button:hover:not(:disabled),
[data-vssek-carousel] .vssk-carousel__button:focus-visible:not(:disabled) {
	border-color: #007f72;
	background: #eaf6f4;
}

[data-vssek-carousel] .vssk-carousel__button:focus-visible,
[data-vssek-carousel] .vssk-carousel__viewport:focus-visible {
	outline: 3px solid #007f72;
	outline-offset: 3px;
}

[data-vssek-carousel] .vssk-carousel__button:disabled {
	opacity: .42;
	cursor: not-allowed;
}

@media (max-width: 760px) {
	[data-vssek-carousel] .vssk-carousel__track > .vssk-guide-card {
		flex-basis: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	[data-vssek-carousel] .vssk-carousel__viewport {
		scroll-behavior: auto;
	}
}