/*ratio (add new manually)*/
div.cmdHolderRatio_5 .cmdPhoto {
	aspect-ratio: 1;
}
div.cmdHolderRatio_8 .cmdPhoto {
	aspect-ratio: 2 / 3;
}
/* contact module */
div.cmdHolder {
	position:relative;
}
/* fontawesome links */
div.cmdHolder a > i {
	margin-right:6px;
}
/* contact person list holder */
div.cmdHolder > div {
	position:relative;
	display: flex;
	align-items: stretch;
	column-gap: 2rem;
	row-gap: 4rem;
	flex-wrap: wrap;
	padding-bottom: 6rem;
}
div.cmdHolder.cmdHolderLayout_D > div {
	row-gap: 2rem !important;
}
div.cmdHolderCentered_0 > div {
	justify-content: flex-start;
}
div.cmdHolderCentered_1 > div {
	justify-content: center;
}
/* contact person outer holder */
div.cmdHolder > div > div {
	position:relative;
	flex-grow:0;
	flex-shrink: 0;
	box-sizing:border-box !important;
}
/* contact person inner holder */
div.cmdHolder > div > div > div {
	position:relative;
}
/* contact portrait */
.cmdPhoto
{
	position:relative;
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:rgba(0,0,0,0.1);
	box-sizing:border-box;
}
/* contact portrait ratio*/
/* contact portrait */
div.cmdHolder > div > div > div > div:nth-child(2) {
	position:relative;
	padding:8px 0 0;
}
div.cmdHolder > div > div > div {
	position:relative;
}
@media (min-width:668px) {
	/* make fancybox caption larger on desktop */
	div.kobra-fancybox-contactModule div.fancybox-caption {
		font-size:larger;
	}
}
/* LAYOUTS */
/* layout D - visitkort */
div.cmdHolderLayout_D > div > div > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 2rem;
}
div.cmdHolderLayout_D div.cmdPhoto {
	flex:0 0 45%;
}
@media (min-width:1000px) {
	/* 2 columns */
	div.cmdHolderLayout_D > div > div {
		flex-basis:calc((100% - 2rem) / 2);
	}
}
@media (max-width:1000px) {
	/* 1 column */
	div.cmdHolderLayout_D > div > div {
		flex-basis:100%;
	}
}
/* layout A - normal (max 4) */
@media (min-width:1000px) {
	/* 4 columns */
	div.cmdHolderLayout_A > div > div {
		flex-basis:calc((100% - 6rem) / 4);
	}
}
@media (min-width:750px) and (max-width:1000px) {
	/* 3 columns */
	div.cmdHolderLayout_A > div > div {
		flex-basis:calc((100% - 4rem) / 3);
	}
}
@media (min-width:420px) and (max-width:750px) {
	/* 2 columns */
	div.cmdHolderLayout_A > div > div {
		flex-basis:calc((100% - 2rem) / 2);
	}
}
@media (max-width:420px) {
	/* 1 column */
	div.cmdHolderLayout_A > div > div {
		flex-basis:100%;
	}
}
/* layout B - large (max 3) */
@media (min-width:1000px) {
	/* 3 columns */
	div.cmdHolderLayout_B > div > div {
		flex-basis:calc((100% - 4rem) / 3);
	}
}
@media (min-width:500px) and (max-width:999px) {
	/* 2 columns */
	div.cmdHolderLayout_B > div > div {
		flex-basis:calc((100% - 2rem) / 2);
	}
}
@media (max-width:499px) {
	/* 1 column */
	div.cmdHolderLayout_B > div > div {
		flex-basis:100%;
	}
}
/* layout C - small */
@media (min-width:1000px) {
	/* 5 columns */
	div.cmdHolderLayout_C > div > div {
		flex-basis:calc((100% - 8rem) / 5);
	}
}
@media (min-width:800px) and (max-width:1000px) {
	/* 4 columns */
	div.cmdHolderLayout_C > div > div {
		flex-basis:calc((100% - 6rem) / 4);
	}
}
@media (min-width:600px) and (max-width:800px) {
	/* 3 columns */
	div.cmdHolderLayout_C > div > div {
		flex-basis:calc((100% - 4rem) / 3);
	}
}
@media (min-width:400px) and (max-width:600px) {
	/* 2 columns */
	div.cmdHolderLayout_C > div > div {
		flex-basis:calc((100% - 2rem) / 2);
	}
}
@media (max-width:400px) {
	/* 1 column */
	div.cmdHolderLayout_C > div > div {
		flex-basis:100%;
	}
}