@charset "utf-8";
/* CSS Document */

#mod_home {
}

#iframe {
	text-align: center;
	margin-bottom: 20px;
	padding: 0px;
}
#iframe iframe { width: 100%!important; height: 550px }
@media (max-width: 991.98px) { 
	#iframe iframe { height: 350px }
}

/* carouselHome */
	.jcarouselN-wrapper {
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		
		height: 395px;
		margin-bottom: 85px;	
	}
	.jcarouselN-wrapper-0 { margin-bottom: 20px!important; }
	
	.jcarouselN {
		position: relative;
		overflow: hidden;
	}
	.jcarouselN ul {
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.jcarouselN li {
		width: 380px;
		height: 395px;
		padding: 0;
		float: left;
		
		text-align: center;
		
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	.jcarouselN li a:hover { text-decoration: none; }
	.jcarouselN li span {
		width: 100%;
		padding-left: 10%;
		padding-right: 10%;
		height: 135px;
		display: table-cell; 
		vertical-align: middle;
		font-size: 21px;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
	}
	.jcarouselN li.carouselHomeItem-1 { background-color: #dfebf7 }
		.jcarouselN li.carouselHomeItem-1:hover { background-color: #becfe1 }
		.jcarouselN li.carouselHomeItem-1 span { color: #373637; }
	.jcarouselN li.carouselHomeItem-2 { background-color: #6ab7e3 }
		.jcarouselN li.carouselHomeItem-2:hover { background-color: #55a3cf }
	.jcarouselN li.carouselHomeItem-3 { background-color: #0171a3 }
		.jcarouselN li.carouselHomeItem-3:hover { background-color: #00638f }
	
	
	#news { 
		position: relative;
	}
	#news .jcarouselN-control-prev,
	#news .jcarouselN-control-next {
		position: absolute;
		color: #d6d8d7;
		cursor: pointer;
		top: 170px;
		z-index: 200;
		font-size: 35px;
	}
	
	#news .jcarouselN-control-prev { left: -55px; }
		#news .jcarouselN-control-prev:hover { left: -60px; }
	
	#news .jcarouselN-control-next { right: -55px; }
		#news .jcarouselN-control-next:hover { right: -60px }
	
	#news .jcarouselN-control-prev:hover span,
	#news .jcarouselN-control-next:hover span { display: block; }
	
	#news .jcarouselN-control-prev.inactive,
	#news .jcarouselN-control-next.inactive {
		opacity: .5;
		cursor: default;
	}
	
	@media (max-width: 991.98px) { 
		
		#news .jcarouselN-control-prev,
		#news .jcarouselN-control-next {
			color: #FFFFFF;
			font-size: 50px;
			padding-left: 15px
		}
		
		#news .jcarouselN-control-prev { left: 0; }
			#news .jcarouselN-control-prev:hover { left: 0; }
		
		#news .jcarouselN-control-next { right: 10px; }
			#news .jcarouselN-control-next:hover { right: 10px }
	}
	
	@media (min-width: 200px) {.jcarouselN li {width: 210px;} }
	@media (min-width: 230px) {.jcarouselN li {width: 240px;} }
	@media (min-width: 260px) {.jcarouselN li {width: 270px;} }
	@media (min-width: 300px) {.jcarouselN li {width: 310px;} }
	@media (min-width: 330px) {.jcarouselN li {width: 340px;} }
	@media (min-width: 360px) {.jcarouselN li {width: 370px;} }
	@media (min-width: 400px) {.jcarouselN li {width: 410px;} }
	@media (min-width: 430px) {.jcarouselN li {width: 440px;} }
	@media (min-width: 460px) {.jcarouselN li {width: 470px;} }
	@media (min-width: 500px) {.jcarouselN li {width: 510px;} }
	@media (min-width: 530px) {.jcarouselN li {width: 540px;} }
	@media (max-width: 575.98px) { 
		.jcarouselN li,
		.jcarouselN-wrapper {
			height: auto
		}
		.jcarouselN li span { 
			text-align: center;
			padding-left: 25px;
			padding-right: 55px;
			font-size: 18px;
 		}
	}
	
	@media (min-width: 576px) { 
		.jcarouselN li { width: 270px } 
	}
	@media (min-width: 768px) { 
		.jcarouselN li { width: 360px } 
	}
	@media (min-width: 992px) { 
		.jcarouselN li { width: 320px } 
	}
	@media (min-width: 1200px) { 
		.jcarouselN li { width: 380px } 
	}

/* carouselSponzor */
	.jcarouselS-wrapper {
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		
		padding-top: 55px;
		height: 180px;
	}
	.jcarouselS {
		position: relative;
		overflow: hidden;
	}
	.jcarouselS ul {
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.jcarouselS li {
		width: 190px;
		height: 90px;
		padding: 0;
		float: left;
		
		text-align: center;
	}
	.jcarouselS li img { max-height: 90px}
	
	#sponzor { 
		position: relative;
	}
	#sponzor .jcarouselS-control-prev,
	#sponzor .jcarouselS-control-next {
		position: absolute;
		color: #d6d8d7;
		cursor: pointer;
		top: 75px;
		z-index: 200;
		font-size: 35px;
	}
	
	#sponzor .jcarouselS-control-prev { left: -55px; }
		#news .jcarouselS-control-prev:hover { left: -60px; }
	
	#sponzor .jcarouselS-control-next { right: -55px; }
		#sponzor .jcarouselS-control-next:hover { right: -60px }
	
	#sponzor .jcarouselS-control-prev:hover span,
	#sponzor .jcarouselS-control-next:hover span { display: block; }
	
	#sponzor .jcarouselS-control-prev.inactive,
	#sponzor .jcarouselS-control-next.inactive {
		opacity: .5;
		cursor: default;
	}
	
	@media (max-width: 991.98px) { 
		
		#sponzor .jcarouselS-control-prev,
		#sponzor .jcarouselS-control-next {
			color: #0071a3;
			font-size: 50px;
			padding-left: 15px
		}
		
		#sponzor .jcarouselS-control-prev { left: 0; }
			#sponzor .jcarouselS-control-prev:hover { left: 0; }
		
		#sponzor .jcarouselS-control-next { right: 10px; }
			#sponzor .jcarouselS-control-next:hover { right: 10px }
	}
	
	@media (min-width: 200px) { 
		.jcarouselS li { width: 250px; }
	}
	@media (min-width: 300px) { 
		.jcarouselS li { width: 350px; }
	}
	@media (min-width: 400px) { 
		.jcarouselS li { width: 450px; }
	}
	@media (min-width: 576px) { 
		.jcarouselS li { width: 270px } 
	}
	@media (min-width: 768px) { 
		.jcarouselS li { width: 240px } 
	}
	@media (min-width: 992px) { 
		.jcarouselS li { width: 192px } 
	}
	@media (min-width: 1200px) { 
		.jcarouselS li { width: 190px } 
	}

#aktuality {
	padding-bottom: 40px;
}
#aktuality .aktualityItem {
	padding-bottom: 65px;
	color: #323232
}
	#aktuality .aktualityItem:hover { color: #dcb429 } 
	#aktuality .aktualityItem span.aktualityItemImg {
		width: 35%;
		display: block;
		float: left;
		padding-top: 5px;
		margin-left: 15%
	}

	#aktuality .aktualityItem span.aktualityItemText {
		width: 45%;
		position: relative;
		min-height: 180px;
		display: block;
		float: left;
		margin-left: 5%;
		font-size: 21px;
		font-weight: bold;
	}
	#aktuality .aktualityItem span.aktualityItemText span.aktualityItemBorder {
		width: 40%;
		display: block;
		position: absolute;
		height: 2px;
		bottom: 0px;
		background-color: #ca9f15
	}
	
	@media (max-width: 767.98px) { 
		#aktuality .aktualityItem { padding-bottom: 35px }
		#aktuality .aktualityItem span.aktualityItemImg {
			width: 40%;
			margin-left: 5%
		}
		#aktuality .aktualityItem span.aktualityItemText {
			width: 50%;
			font-size: 16px;
		}
	}