/*Banner*/
.banner_headline{
	font-size: 3rem;
    color: var(--white);
    font-family: var(--font-headline);
    font-weight: 800;
}
.banner_subline{
	color: var(--white);
    font-family: var(--font-subline);
    font-size: 2rem;
    font-weight: 300;
	margin-bottom: 0.25rem;
	line-height: 1.2em;
}

#top_bar ul{
  	display: flex;
  	background: #111;
  	list-style: none;
  	justify-content: flex-end;
	padding: 8px 0px 5px 0px;
	margin-bottom: 0px;
  	margin-top: 0px;
}
#top_bar ul li, #top_bar ul li span{
  	margin-right: 20px;
 	color: #fff;
	font-size: 1rem;
	margin-left: 0px;
  	margin-bottom: 0px;
}
#top_bar ul li i{
 	color: #d72c37;
}
.lang_icon.active, #top_bar ul li span.active{
	color: #d72c37;
	font-weight: 600;		
}
.lang_icon:hover, #top_bar ul li span:hover{
	color: #d72c37;
	font-weight: 600;		
}
#banner_start.small{
  	position: relative;
  	background: #000;
}
#banner_start video{
	width: 100%;
  	background: none;
}

.banner_pic{
	vertical-align: top;
	width: 100%;
	height: 100%;
	opacity: 0.4;
}
.banner4k{
	display: none;
	width:100%
}
.bannermobile, .logo-mobil-header{
	display: none;
	width:100%
}

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
		.banner {
    text-align: center;
    padding: clamp(9rem, 25.95vw, 18.75rem) 1rem 0;
    padding-bottom: clamp(12.125rem, 30.95vw, 28.125rem);
    position: relative;
    z-index: 1;
    overflow: hidden;
}
	.banner:before {
    content: "";
    width: 31.25rem;
    height: 250rem;
    background: #fff;
    opacity: 1;
    transform: rotate(-67deg);
    transform-origin: center;
    position: absolute;
    display: block;
    bottom: -139.6875rem;
    right: 50%;
    z-index: 0;
}
    .banner:after {
    content: "";
    width: 31.25rem;
    height: 250rem;
    background: #fff;
    opacity: 1;
    transform: rotate(67deg);
    transform-origin: center;
    position: absolute;
    display: block;
    bottom: -139.6875rem;
    left: 50%;
    z-index: 0;
}
	.banner .headline:after {
    content: "";
        width: clamp(3.75rem, 9.5vw, 6.25rem);
        height: clamp(0.25rem, 0.8vw, 0.5rem);
        margin: clamp(1rem, 4vw, 1.5rem) auto clamp(1rem, 4vw, 1.5rem);
        background: var(--primary);
        opacity: 1;
        position: relative;
        display: block;
    }
