/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* !- grid */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.link-grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	gap: 8px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* !- item */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.el-link-grid-item.bhElement {
	margin-bottom: 0 !important
}

.el-link-grid-item-picture {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.el-link-grid-item-inner {
	--linkgrid-item-color: white;
	height: auto;
	aspect-ratio: 107 / 142;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	align-items: stretch;
}

.el-link-grid-item-bottom {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	padding: 0 8px 7px;
}

.el-link-grid-item-text,
.el-link-grid-item-text .bh-bodytext {
	color: var(--linkgrid-item-color);
	font-family: "sole-serif-small-variable";
	font-size: clamp(26px, calc(17.51px + 1.89vw), 32px);
	font-weight: 200;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.el-link-grid-item-icon {
	font-size: 24px;
	font-weight: 300;
	color: var(--linkgrid-item-color);
}

/* STIL */

.style-moor .el-link-grid-item-inner {
	background: linear-gradient(180deg, rgba(var(--Moor-rgb), 0.00) 45.19%, var(--Moor) 75%);
}
.style-trockenrasen .el-link-grid-item-inner {
	background: linear-gradient(180deg, rgba(var(--Trockenrasen-rgb), 0.00) 45.19%, var(--Trockenrasen) 75%);
}
.style-bergwiese .el-link-grid-item-inner {
	background: linear-gradient(180deg, rgba(var(--Bergwiese-rgb), 0.00) 45.19%, var(--Bergwiese) 75%);
}
.style-blau .el-link-grid-item-inner {
	background: linear-gradient(180deg, rgba(var(--Blau-rgb), 0.00) 45.19%, var(--Blau) 75%);
}
.style-schwarz .el-link-grid-item-inner {
	background: linear-gradient(180deg, rgba(var(--Schwarz-rgb), 0.00) 45.19%, var(--Schwarz) 75%);
}
.style-sand .el-link-grid-item-inner {
	--linkgrid-item-color: var(--Schwarz);
	background: linear-gradient(180deg, rgba(var(--Sand-rgb), 0.00) 45.19%, var(--Sand) 75%);
}