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



/*	------------------------------------------------------------------
	 SLIDER
	------------------------------------------------------------------ */



	
	/* Slider-Container */
	
	div#slider {
		max-height: 420px;
		overflow: hidden;
	}
	
	div#slider_inner {
		width: 100%;
		height: 100%;
		max-height: 420px;
		overflow: hidden;
	}
	
	
	
	/* Slider-Items */
	
	div.slider_item {
        position: relative;
		width: 100%;
		padding-bottom: 33.3333%;
	}
	
	div.slider_item_inner {
		background-size: cover;
		background-position: center;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		max-width: 1260px;
		max-height: 420px;
	}
	
	div.slider_video_btn {
		position: absolute;
		width: 100%;
		text-align: center;
	}
	div.slider_video_btn a span {
		font-size: 70px;
	}
	
	div.slider_video {
		display: none;
		margin: 0px auto;
	}
	
	div.slider_item_text_wrapper {
		position: absolute;
		bottom: 0px;
		width: 100%;
	}
	div.slider_item_text_wrapper_inner {
		margin: 0px auto;
	}
	div.slider_item_text {
		/*width: 603px;*/
		padding: 3px 10px;
		height: 56px;
		color: #ffffff;
	}
	
	
	
	
	/* Slider-Controls */

	div.slider_prevnext {
		height: 100%;
		width: 200px;
	}

    @media (min-width:  0px) and (max-width: 479px) {
        div.slider_prevnext {
            display: none;
        }
    }

	div.slider_prevnext > span {
		transition: all 0.3s ease-in-out 0s;
	}
	div.slider_prevnext > span {
		opacity: 0;
	}
	div.slider_prevnext:hover > span {
		opacity: 1;
	}
	
	div.slider_prevnext:hover {
		cursor: pointer;
	}
	div.slider_prevnext span {
		position: absolute;
		top: 50%;
		font-size: 46px;
		line-height: 62px;
		width: 60px;
		height: 60px;
		margin-top: -30px;
		border-radius: 30px;
		text-align: center;
		color: #ffffff;
		background-color: rgba(0,0,0,0.5);
	}
	
	
	div#prev {
		position: absolute;
		z-index: 200;
		top: 0px;
		left: 0px;
	}
	div#prev span {
		padding: 0 7px 0 0;
		left: 50%;
		margin-left: -30px;
	}
	
	div#next {
		position: absolute;
		z-index: 200;
		top: 0px;
		right: 0px;
	}
	div#next span {
		padding: 0 0 0 7px;
		right: 50%;
		margin-right: -30px;
	}




/* Slider-Controls: Veranstaltungen auf Startseite */


div#slider_veranstaltungen_prevnext_container {
	border-top: 1px solid rgb(224, 224, 224);
	padding: 7px 0px 7px 0px;
}

div#slider_veranstaltungen_prevnext_container > div {

	min-height: 10px;
}


div.slider_veranstaltungen_prevnext {
	width: 30px;
}
div#slider_veranstaltungen_pager {
	text-align: right;
}

div.slider_veranstaltungen_prevnext > span {
	color: rgb(180, 180, 180);
}
div.slider_veranstaltungen_prevnext:hover > span {
	color: rgb(101, 115, 127);
}

div.slider_veranstaltungen_prevnext:hover {
	cursor: pointer;
}
div.slider_veranstaltungen_prevnext span {
	font-size: 21px;
	line-height: 21px;
	width: 30px;
	text-align: right;
}




div#slider_veranstaltungen_pager > span a span:before {
	font-family: FontAwesome;
	content: "\f111";
}
div#slider_veranstaltungen_pager > span a span {
	color: rgb(180, 180, 180);
	font-size: 15px;
	margin-left: 10px;
}
div#slider_veranstaltungen_pager > span a:hover span {
	color: rgb(101, 115, 127);
	font-size: 15px;
}
div#slider_veranstaltungen_pager > span.cycle-pager-active a span:before {
	font-family: FontAwesome;
	content: "\f111";
}
div#slider_veranstaltungen_pager > span.cycle-pager-active a span {
	color: rgb(101, 115, 127);
}