/**
 * Scroll overflow
 */
.is-style-scroller {
	--thumb-color: var(--wp--preset--color--color-23);
	--track-color: var(--wp--preset--color--color-53);
	--track-height: 8px;
	--track-radius: 4px;
}

.has-scoller-color-pink {
	--thumb-color: var(--wp--preset--color--color-11);
	--track-color: var(--wp--preset--color--color-53);
}

/**
 * Query Loop
 */
.wp-block-query.is-style-scroller .results_wrapper {
	padding: calc(var(--gutter, 1em) * 2);
	height: auto !important;
	overflow-x: visible;
	align-items: stretch;
}

.wp-block-query.is-style-scroller .result_wrapper {
	height: auto;
}

.wp-block-query.is-style-scroller .result_wrapper {
	align-items: stretch;
}

.wp-block-query.is-style-scroller article {
	display: flex;
	flex-direction: column;
}

.wp-block-query.is-style-scroller article > .dynamic:has(> .greyd-content-box:first-child:last-child),
.wp-block-query.is-style-scroller article > .dynamic > .greyd-content-box,
.wp-block-query.is-style-scroller article > .greyd-content-box {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

/**
 * Columns
 */
.wp-block-columns.is-style-scroller.wp-block-columns.is-style-scroller {
	flex-wrap: nowrap !important;
	overflow-x: auto;
	padding-bottom: calc(var(--gutter, 1em) * 2) !important;
}

.wp-block-columns.is-style-scroller > .wp-block-column,
.wp-block-columns.is-style-scroller > .wp-block-column > .dynamic:has(> .greyd-content-box:first-child:last-child),
.wp-block-columns.is-style-scroller > .wp-block-column > .greyd-content-box {
	display: flex;
	flex-direction: column;
}

/* WebKit browsers (Chrome, Safari) */
.wp-block-query.is-style-scroller .results_wrapper::-webkit-scrollbar,
.wp-block-columns.is-style-scroller::-webkit-scrollbar {
	height: var(--track-height);
}

.wp-block-query.is-style-scroller .results_wrapper::-webkit-scrollbar-track,
.wp-block-columns.is-style-scroller::-webkit-scrollbar-track {
	background-color: var(--track-color);
	border-radius: var(--track-radius);
}

.wp-block-query.is-style-scroller .results_wrapper::-webkit-scrollbar-thumb,
.wp-block-columns.is-style-scroller::-webkit-scrollbar-thumb {
	background-color: var(--thumb-color);
	border-radius: var(--track-radius);
}

.wp-block-query.is-style-scroller .results_wrapper::-webkit-scrollbar-thumb:hover,
.wp-block-columns.is-style-scroller::-webkit-scrollbar-thumb:hover {
	background-color: lightgray;
}

/* Firefox */
.wp-block-query.is-style-scroller .results_wrapper,
.wp-block-columns.is-style-scroller {
	scrollbar-width: thin;
	scrollbar-color: var(--thumb-color) var(--track-color);
}

.wp-block-query.is-style-scroller .results_wrapper::-moz-scrollbar,
.wp-block-columns.is-style-scroller::-moz-scrollbar {
	height: var(--track-height);
}

.wp-block-query.is-style-scroller .results_wrapper::-moz-scrollbar-track,
.wp-block-columns.is-style-scroller::-moz-scrollbar-track {
	background-color: var(--track-color);
	border-radius: var(--track-radius);
}

.wp-block-query.is-style-scroller .results_wrapper::-moz-scrollbar-thumb,
.wp-block-columns.is-style-scroller::-moz-scrollbar-thumb {
	background-color: var(--thumb-color);
	border-radius: var(--track-radius);
}

.wp-block-query.is-style-scroller .results_wrapper::-moz-scrollbar-thumb:hover,
.wp-block-columns.is-style-scroller::-moz-scrollbar-thumb:hover {
	background-color: lightgray;
}

/* Edge and IE */
.wp-block-query.is-style-scroller .results_wrapper,
.wp-block-columns.is-style-scroller {
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

/**
 * Scroll overflow query loop - overlap right
 */
.wp-block-query.is-style-scroller.overlap-right .results_wrapper {
	margin-right: calc(-0.5 * (var(--vw) - var(--maxWidth)) - var(--gutter));
}

.wp-block-columns.is-style-scroller.overlap-right {
	margin-right: calc(-0.5 * (var(--vw) - var(--maxWidth)));
	max-width: none;
}

/**
 * Kurse
 */
.wp-block-columns.is-style-courses .wp-block-column.wp-block-column {
	width: 250px !important;
}