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

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

	.banner_normal .banner-item {
		position: relative;
		height: calc(100vh - 140px);
	}
		#banner .bannertext {
			position: absolute;
			top: 50%;
			right: 10%;
			left: 10%;
			transform: translateY(-50%);
			z-index: 8;
          opacity: 0;
		}
			#banner .bannertext p {
				color: #fff;
				font-size: 70px;
				font-family: 'Fabrikat W00 Thin', sans-serif;
    			font-weight: bold;
				text-align: center;
				text-shadow: 0 0 5px #000;
              letter-spacing: 4px;
              text-transform: uppercase;
              line-height:1;
              background: #00000042;
              width: max-content;
              margin: 0 auto;
              padding: 10px 20px;
			}
/*Fabrikat Regular*/
/* Klasse fadIn Bannertext */
#banner .fadeIn {
  animation-name: fadeIn;
  animation-delay: 0s;
  animation-duration:3s;
  animation-iteration-count:1;
  animation-fill-mode: forwards;
  -webkit-animation: fadeIn;
  -webkit-animation-delay: 0s;
  -webkit-animation-duration:3s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: fadeIn;
  -moz-animation-delay: 0s;
  -moz-animation-duration:3s;
  -moz-animation-iteration-count:1;
  -moz-animation-fill-mode: forwards;
  -o-animation: fadeIn;
  -o-animation-delay: 0s;
  -o-animation-duration:3s;
  -o-animation-iteration-count:1;
  -o-animation-fill-mode: forwards;
  -ms-animation: fadeIn;
  -ms-animation-delay: 0s;
  -ms-animation-duration:3s;
  -ms-animation-iteration-count:1;
  -ms-animation-fill-mode: forwards;
}
/* Animation fadIn Bannertext */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

	.banner-item img,
	.news-img-wrap img {
		width: 100%;
		height: 100%;
		object-fit: cover;
        transition: transform 18000ms linear;
	}
	#banner .zoom img {
		transform: scale(1.4);
	}

    /*.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: 40%;
		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;
	}


/* RESPONSIVE */
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1279px) {}
@media (max-width: 1023px) {
	#banner {
		margin-top:60px;
	}	
		body:not(.page_1) .banner_normal,
		body:not(.page_1) .banner_normal .banner-item ,
		.banner_normal,
		.banner_normal .banner-item {
			height: calc(100vh - 60px);
		}
		.banner_normal::after {
			height: 20%;
		}
  #banner .bannertext p {
   font-size: 50px;
    line-height:1;
  }
			/*.banner-item img,
			.news-img-wrap img {
				height: auto;
				object-fit: unset;
			}*/
}
@media (max-width: 900px) {
  body:not(.page_1) .banner_normal,
		body:not(.page_1) .banner_normal .banner-item ,
		.banner_normal,
		.banner_normal .banner-item {
			height: calc(50vh - 60px);
		}
}
@media (max-width: 767px) {
  #banner .bannertext p {
   font-size: 40px;
    line-height:1;
    width: auto;
  }
  .banner_normal .slick-prev, .banner_normal .slick-next {
    background-size: 15px auto;
    height: 40px;
width: 40px;
    margin-top:-20px;
  }
}
@media (max-width: 359px) {
  #banner .bannertext p {
   font-size: 40px;
    
  }
}


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