/**
 * Inhaltsverzeichnis
 * 	1. 
 * 
 */


/* ================================================== */
/* 0. Grid */
/* -------------------------------------------------- */
:is(.cvh--grid, [class^="cvh--grid-"], [class*=" cvh--grid-"]):where(:not(.cvh--grid-row))[data-card-template="experts-pool"] {
	align-items: start;
}


/* ================================================== */
/* 1. Wrapper */
/* -------------------------------------------------- */
.cvh--post_query:where([data-card-template="experts-pool"]) .cvh--post_query-posts:where([data-grid-columns="3"]) {
	--col-count: 3;
}


.cvh--card-ctn:where([data-card-template="experts-pool"]) {
	--col-indent: calc((var(--container-width) - 100%) / (var(--col-count, 4) - 1));
}


/* ================================================== */
/* 2. Head */
/* -------------------------------------------------- */
.cvh--card-ctn:where([data-card-template="experts-pool"]) .cvh--card-head {
	--obj-pos: 50% 12.5%;
	
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: stretch;
	
	aspect-ratio: 4/6;
	position: relative;
	isolation: isolate;
}


/* #=#=#=#=#=# 2.1 Image #=#=#=#=#=# */
.cvh--card-ctn:where([data-card-template="experts-pool"]) .cvh--image-ctn {
	position: absolute;
	inset: 0;
	z-index: 5;
}


/* #=#=#=#=#=# 2.2 Trigger #=#=#=#=#=# */
.cvh--card-ctn:where([data-card-template="experts-pool"]) .cvh--accordion-trigger {
	--cvh-color-text-dynamic: var(--cvh-color-shade-black);
	--current-bg: var(--primary);

	flex-direction: column;
	align-items: stretch;
	justify-content: end;
	padding: unset;
	height: 100%;
	background-color: unset;
}

.cvh--card-ctn:where([data-card-template="experts-pool"]) .cvh--accordion-trigger:is(:hover, :focus-visible) {
	--current-bg: var(--primary-hover);
	background-color: unset;
}

	/* ~~~ Open ~~~ */
.cvh--card-ctn:where([data-card-template="experts-pool"])[data-state="open"] .cvh--card-head .cvh--accordion-trigger {
	color: var(--cvh-color-text-light);
	--current-bg: var(--cvh-color-shade-black);
}


/* #=#=#=#=#=# 2.3 Overlay #=#=#=#=#=# */
.cvh--card-ctn:where([data-card-template="experts-pool"]) .cvh--card-overlay {
	position: relative;
	isolation: isolate;
	z-index: 10;

	padding: var(--cvh-space-xs);
}

.cvh--card-ctn:where([data-card-template="experts-pool"]) .cvh--card-overlay::before {
	display: block;
	content: '\0A';
	position: absolute;
	z-index: -5;
	inset: 0;
	background-color: var(--current-bg);
	opacity: 0.95;
}

:where(:root[dom_loaded]) .cvh--card-ctn:where([data-card-template="experts-pool"]) .cvh--card-overlay::before {
	transition: var(--cvh-transition-normal);
}

.cvh--card-ctn:where([data-card-template="experts-pool"]) .cvh--card-overlay > *:where(:not(:last-child)) {
	margin-bottom: 5px;
}


	/* #==== Name ====# */
.cvh--card-ctn:where([data-card-template="experts-pool"]) .cvh--expert-name {
	font-size: var(--text-l);
}


/* ================================================== */
/* 3. Content */
/* -------------------------------------------------- */
.cvh--card-ctn:where([data-card-template="experts-pool"]) .cvh--card-content {
	position: relative;
	z-index: 50;
	max-width: var(--container-width);
	height: auto;
	background-color: var(--current-bg);
	padding: 0;
}


/* #=#=#=#=#=# Accordion Container #=#=#=#=#=# */
	/* #==== Default State ====# */
.cvh--post_query-posts:where([data-grid-columns="4"]) {
	/* +---- First of every Row ----+ */
	:where(.cvh--card-ctn[data-card-template="experts-pool"]:nth-child(4n+1)) .cvh--card-content {
		margin-right: calc((var(--col-indent) * 3) * -1);
	}

		/* +---- Second of every Row ----+ */
	:where(.cvh--card-ctn[data-card-template="experts-pool"]:nth-child(4n+2)) .cvh--card-content {
		margin-left: calc(var(--col-indent) * -1);
		margin-right: calc((var(--col-indent) * 2) * -1);
	}

		/* +---- Third of every Row ----+ */
	:where(.cvh--card-ctn[data-card-template="experts-pool"]:nth-child(4n+3)) .cvh--card-content {
		margin-left: calc((var(--col-indent) * 2) * -1);
		margin-right: calc(var(--col-indent) * -1);
	}

		/* +---- Fourth of every Row ----+ */
	:where(.cvh--card-ctn[data-card-template="experts-pool"]:nth-child(4n+0)) .cvh--card-content {
		margin-left: calc((var(--col-indent) * 3) * -1);
	}
}

.cvh--post_query-posts:where([data-grid-columns="3"]) {
	/* +---- First of every Row ----+ */
	:where(.cvh--card-ctn[data-card-template="experts-pool"]:nth-child(3n+1)) .cvh--card-content {
		margin-right: calc((var(--col-indent) * 2) * -1);
	}

		/* +---- Second of every Row ----+ */
	:where(.cvh--card-ctn[data-card-template="experts-pool"]:nth-child(3n+2)) .cvh--card-content {
		margin-left: calc(var(--col-indent) * -1);
		margin-right: calc((var(--col-indent) * 1) * -1);
	}

		/* +---- Third of every Row ----+ */
	:where(.cvh--card-ctn[data-card-template="experts-pool"]:nth-child(3n+0)) .cvh--card-content {
		margin-left: calc((var(--col-indent) * 2) * -1);
	}
}


	/* #==== Breakpoints ====# */
@media screen and (width < 992px) {
	.cvh--card-ctn:where([data-card-template="experts-pool"]) {
		--col-indent: calc((var(--container-width) - 100%));
	}

		/* +---- First of every Row ----+ */
	:where(.cvh--card-ctn[data-card-template="experts-pool"]:nth-child(2n+1)) .cvh--card-content {
		margin-left: unset !important;
		margin-right: calc(var(--col-indent) * -1) !important;
	}
	
		/* +---- Second of every Row ----+ */
	:where(.cvh--card-ctn[data-card-template="experts-pool"]:nth-child(2n)) .cvh--card-content {
		margin-left: calc(var(--col-indent) * -1) !important;
		margin-right: unset !important;
	}
}

@media screen and (max-width: 599px) {
		/* +---- First of every Row ----+ */
	.cvh--card-ctn:where([data-card-template="experts-pool"]) .cvh--card-content {
		margin-left: unset;
		margin-right: unset;
	}	
}