/* Banner */

.banner_normal,
.news-img-wrap,
.outer {
	position:relative;
	line-height:0;
	z-index:1;
	height: calc(100vh);
	overflow:hidden;
    z-index: 98;
	margin-top:0px;
}

	body:not(.page_1) .banner_normal,
	body:not(.page_1) .banner_normal .banner-item {
		height: calc(66vh);
	}

	.banner_normal .banner-item {
		height: calc(100vh);
	}	

	.banner_normal .banner-item img,
	.news-img-wrap img {
		bottom: -9999px;
		height: auto;
		left: -9999px;
		margin: auto;
		min-height: 100%;
		min-width: 100%;
		position: absolute;
		right: -9999px;
		top: -9999px;
		width: auto;
		max-width: inherit;
	}

    .banner_schmal .banner_normal .banner-item img {
        position: relative;
        top:0;
        left:0;
        right:0;
        bottom:0;
    }

	.banner_normal::after {
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		content:" ";
		background: url("../img/banner_verlauf.png") top repeat-x;
		height: 20%;
		background-size: auto 100%;
	}

	/* Banner Pfeile */

	.banner_normal .slick-prev, 
	.banner_normal .slick-next {
		height: 80px;
		width:80px;
		z-index: 1;
		margin-top:-40px;
	}

		.banner_normal .slick-prev::before,
		.banner_normal .slick-next::before {
			display: none;
		}

	.banner_normal .slick-prev {
		left:0;
		background:url("../svg/arrow_prev.svg") center center no-repeat;
		background-size:20px auto;
	}

	.banner_normal .slick-next {
		right:0;
		background:url("../svg/arrow_next.svg") center center no-repeat;
		background-size:20px auto;
	}

	.banner_slogan {
		position: absolute;
		bottom:10px;
		padding-left: 4%;
		width:100%;
		text-align: left;
		z-index: 1;
	}

		.banner_slogan svg {
			width:50%;
			height: auto;
		}


/* RESPONSIVE */
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1279px) {}
@media (max-width: 1023px) {
  .banner_normal {
        margin-top:60px;
    }
	.banner_normal .banner-item img,
	.news-img-wrap img {
		bottom: auto;
		height: auto;
		left: auto;
		margin: auto;
		min-height: inherit;
		min-width: 100%;
		position: relative;
		right: auto;
		top: auto;
		width: auto;
	}
	
	body:not(.page_1) .banner_normal,
	body:not(.page_1) .banner_normal .banner-item ,
	.banner_normal,
	.banner_normal .banner-item {
		height: auto;
	}
	
	.banner_normal::after {
		height: 20%;
	}
    
}
@media (max-width: 767px) {
	
	.banner_normal::after {
		height: 10%;
	}
}
@media (max-width: 359px) {}


/* ###################################################################################################### */
/* ###################################################################################################### */