/* Header */

:root {
	--hintergrund-balken: #000;
	--overlay-farbe: #000;
}
.header_bg {
	background: var(--hintergrund-balken);
}
.header-balken::before {
	content: "";
	position: absolute;
	top: 20%;
	width: calc(100%);
	height: calc(100% - 10%);
	background: var(--overlay-farbe);
	z-index: 1;
	mix-blend-mode: multiply;
	opacity: 0.8;
	border-top-left-radius:var(--radius);
	border-bottom-left-radius:var(--radius);
}

.header-balken .inner-header {
	position: relative; 
	z-index: 2;
	border-top-left-radius:var(--radius);
	border-bottom-left-radius:var(--radius);
}

.header-balken {
	border-top-left-radius:var(--radius);
	border-bottom-left-radius:var(--radius);
}
.header_balken {
	height: 20vh;
	color:#FFF;
	padding-top:40px;
	position: relative;
	z-index: 9;
}
.balken_inner p {
	color: #FFF;
	text-align: center;
}

.balken_inner p {
	color: #FFF;
	padding:5px 10px;
	font-weight: 500;
	font-style: normal;
	font-size: 2vw !important;
	line-height: 1.5em;
}
.balken_inner p .balken:last-child {
	font-weight: 300;
}

.header-balken {
	width: 90vw;
	left:10vw;
	height: 45vh;
	background-size: cover !important;
	position: relative;
	background: #000;	
	box-shadow: -40px 40px 90px 50px rgba(0,0,0,0.2);
	
} 
.header.small {
	width: 100vw;
	height: 30vh;
	background-size: cover !important;
	position: relative;
	background-position: center center !important;
} 
.header-balken .inner-header {
    display: flex;
	flex-direction: column;
    justify-content: flex-end;
    align-items:flex-end;
    width: calc(100% - var(--main-padding) * 3);
    height: calc(100% - 50px);
    color: #000;
	text-align: left;
	padding-left:var(--main-padding);
	padding-right:var(--main-padding);
	padding-bottom: 50px;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%); 
}
.header-balken .inner-header .headline p, 
.header-balken.inner-header .headline {
	font-weight: 300;
	font-style: normal;
	font-size: 3vw !important;
	width: 100%;
	color:#FFF;
	text-align: center;
}
.header-balken .inner-header p {
	width: 100%;
	font-size: 2vw !important;
}

@media only screen and (max-width: 767px) {
	.header-balken {
		height: 30vh;
		margin-top:var(--header-height);
	} 
	.header-balken.inner-header .headline p, 
.header-balken .inner-header .headline {
	font-size: 6vw !important;

}
.header-balken .inner-header p {
	width: 100%;
	font-size: 4vw !important;
}
	
.balken_inner p .balken {
	padding:10px 15px;
	font-size: 7vw !important;
	line-height: 1.7em;
}	
	.balken_inner p .balken:last-child {
	font-size: 5vw !important;
}
	
}