@charset "utf-8";

/* OFFERINGS */
.elements-offerings {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	margin-block: var(--margin-block);
	}
.elements-offerings-item {
	background-color: var(--background-light);
	border-radius: var(--radius);
	display: grid;
	grid-template-rows: min-content 1fr;
	overflow: hidden;
	text-align: left;
	}
.elements-offerings-item.elements-offerings-haslink {
	grid-template-rows: min-content 1fr min-content;
	}
.elements-offerings-banner {
	position: relative;
	}
.elements-offerings-banner::before {
	background: linear-gradient(to bottom, rgba(var(--background-rgb), 0) 50%, rgba(var(--background-rgb), 0.7) 100%);
	content: '';
	inset: 0;
	position: absolute;
	z-index: 2;
	}
.elements-offerings-headline {
	bottom: 0;
	padding: var(--cards-gap);
	position: absolute;
	width: 100%;
	z-index: 3;
	}
.elements-offerings-image {
	overflow: hidden;
	position: relative;
	z-index: 1;
	}
.elements-offerings-icon {
	background-color: var(--color-accent);
	border-radius: var(--radius);
	display: inline-block;
	color: var(--color-accent-text);
	font-size: var(--font-size-md);
	height: var(--icon-image);
	line-height: var(--icon-image);
	text-align: center;
	width: var(--icon-image);
	}
.elements-offerings-header {
	color: var(--color-header);
	font-size: var(--font-size-lg);
	margin-top: 1rem;
	}
.elements-offerings-content {
	margin: var(--cards-gap);
	}
.elements-offerings-text {
	color: var(--color-text);
	font-size: var(--font-size-xs);
	}
.elements-offerings-link {
	color: var(--color-arrow);
	font-size: var(--font-size-xs);
	padding-bottom: var(--space-5);
	text-align: center;
	}