/* CSS Document */
.unterseite-image {
	height: 250px;
}

@media (min-width: 1200px) {
	.unterseite-image {
		height: 500px;
	}
}

.unterseite-header {
	height: 300px;
	background-color: var(--bg-unterseite-header);
}

.unterseite-header h1,
.unterseite-header .h1,
.unterseite-header .h2 {
	color: var(--color-unterseite-header);
}

.subline {
  color: var(--color-subline);
}

.unterseite-header .subline {
	color: var(--color-unterseite-header);
}

.unterseite-cards .card {
	background: var(--glas-background);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(6px);
	border: 1px solid var(--glas-border);
	
	color: var(--color-unterseite-card);
	transform: scale(1);
	transition: all .35s;
}

.unterseite-cards .card:hover {
	transform: scale(1.05);
}
.unterseite-cards h4 {
	text-transform: uppercase;
	font-weight: bold;
}