/* Texteditor */
.niedrig	{ min-height: 30vh; }
.mittel		{ min-height: 50vh; }
.hoch		{ min-height: 70vh; }
.maximal	{ min-height: 100vh; }

/* Slickslider mit Ken Burns */
#artslider {}

.slider	{
	box-sizing: border-box;
}

.slider .fsleft {
	overflow: hidden;
	width: 50%;
	margin-left: 0;
	float: left;
	box-sizing: border-box;
	position: relative;
}
.slider .fsright {
	overflow: hidden;
	width: 50%;
	margin-right: 0;
	float: right;
	box-sizing: border-box;
	position: relative;	
}

.fsleft.niedrig, .fsright.niedrig	{ height: 30vh !important; }
.fsleft.mittel, .fsright.mittel		{ height: 50vh !important; }
.fsleft.hoch, .fsright.hoch		 	{ height: 70vh !important; }
.fsleft.maximal, .fsright.maximal	{ height: 100vh !important; }

.slider .box {
	background-repeat: no-repeat !important; 
	background-size: cover !important;
	background-repeat: no-repeat !important; 
	background-size: cover !important;
	width: 100%;
	height: 100%;
	padding: 0 !important;
	margin: 0 !important;
	border: none; 	
}

.slider .box.kenburns { 
	animation: kenburns 16s ease infinite alternate;
}

@keyframes kenburns { 
	0% { 
		opacity: 1.0; 
	}
	100% {
		transform: scale3d(1.2,1.2,1.2) translate3d(0px, 0px, 0px);
		opacity: 1;
	}
 }
 
.slider 									{ width: 100%; margin: 0 !important; padding: 0 !important; }
.slider .slide								{ padding: 0; margin-left: 0; }
.slider .slide .sp-1  						{ width: 100%; }
.slider ul.slick-dots						{ bottom: 60px !important; }
.slider .slick-dots li button::before		{ font-size: 20px; color: #fff !important; }
.slick-dots li.slick-active button:before 	{ color: #fff !important; }
.slick-dots li button:hover:before 			{ color: #fff !important; }
.slider ul li, .newsslider ul li					{ background-image: none !important; padding-left: 0!important; }
.slider ul li:before, .newsslider ul li:before		{ content: '' !important; }
.slick-prev:before, .slick-next:before				{ font-size: 40px !important; }
.slick-prev, .slick-next									{ z-index: 2; width: 40px !important; height: 40px !important; }
.slick-prev			{ left: 30px !important; }
.slick-next			{ right: 30px !important; }
/* Text im Slider */
.slider .sliderhead					{ display: table; width: 100%; height: 100%; box-sizing: border-box; padding: 20px 0;  hyphens: none; z-index: 1000; position: absolute; top: 0; }  
.slider .sliderhead .text			{ width: 100%; display: table-cell; vertical-align: middle; } 
.slider .sliderhead .text .sp-1		{ width: 92%; } 
.slider .sliderhead h1 				{ font-size: 250% }
.slider .sliderhead h2 				{ font-size: 150% }

/* Slickslider Newsslider */
#newsslider.bright, #newsslider.medium, #newsslider.dark, #newsslider.spot			{ padding-top: 0 !important; padding-bottom: 5px !important; }
.newsimg					{ height: /*60*/85%; }
.newsname					{ height: 15%; padding: 0; text-align: center; }
.newstext					{ height: /*25%*/0; padding: 0; text-align: center; }
a .newstext 				{ font-weight: normal; }
.newsslider .slide			{ background: transparent; padding: 20px; }
.newsslider .slick-dots li button::before	{ font-size: 20px; }
.newssliderheader			{ position: absolute; bottom: 50px; left: 50%; margin-left: -800px;  }
.fullwidth.newssliderheader	{ left: 0; margin-left: 0; }

.newsslider .niedrig			{ height: 110px !important; }
.newsslider .mittel				{ height: 135px !important; }
.newsslider .hoch 				{ height: 170px !important; }
.newsslider .maximal			{ height: 100vh !important; }


/* Headermore - zum Inhalt scrollen */
a.headermore		{ font-size: 300%; font-weight: normal; 
					z-index: 2; position: fixed; bottom: 0; left: 50%; margin-left: -25px; width: 50px; display: inline-block; 
					line-height: 100%; padding: 0 10px; }
a.headermore.shrinkheadermore	{ display: none; }

/* Back to Top */
a.back-to-top 		{ font-size: 300%; padding: 0 10px; line-height: 100%; /*border-bottom-left-radius: 10px; border-top-left-radius: 10px;*/ overflow: hidden; 
					position: fixed; right: 4%; bottom: 60px; z-index: 1000; }

/* Aufmacher Zoom */
.teaserzoom				{ position: relative;  text-align: center; margin-top: 30px; margin-bottom: 0px !important; /*border-radius: 10px;*/ }
.teasername				{ padding: 20px 0 10px 0 !important; }
.teasername a, .teasername a:hover		{ font-weight: normal !important; }
.teasertext				{ position: relative; width: 100%; z-index: 4; font-size: 90%; }
.border .teasertext p, .bright .teasertext p, .medium .teasertext p, .dark .teasertext p, .spot .teasertext p	{ padding: 5px; }
.zoom 					{ height: 100%; overflow: hidden; transition: all .7s ease-in-out; }
.zoom:hover 			{ cursor: pointer; transform: scale(1.1); }
.box 					{ position: relative; top: 0; }
.white .box				{ border: none !important; }
.box:before 			{ content: ""; display:block; padding-top: 120%; }
.box .image 			{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; /*border-top-left-radius: 10px; border-top-right-radius: 10px;*/ }
.round				{ border-radius: 50% !important; }
.teaserkat .linkbutton, .teaserzoom .linkbutton	{ min-width: 100px; text-align: center; }
.teaserzoom.border, .teaserzoom.bright, .teaserzoom.medium, .teaserzoom.dark, .teaserzoom.spot	{ padding-top: 0 !important; }

/* Aufmacher Artikel einer Kategorie */
ul.articlelist				{ list-style-type: none !important; }
ul.articlelist li:before	{ content: "" !important; }
ul.articlelist li			{ padding-left: 0 !important; clear: both; margin-bottom: 20px; }
.articletitle				{ font-family: 'dynobold'; font-size: 120%; margin-bottom: 0; }
.duration					{ font-size: 90%; margin-bottom: 0; }
.articlepic					{ width: 160px; height: 160px; margin-right: 20px; margin-bottom: 10px; float: left; overflow: hidden; }
.articlepic .image			{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: all .3s ease-in-out; }
.articlepic .image:hover	{ transform: scale(1.1); transition: all .3s ease-in-out; }
.colright #eventkalender li.sp-1 	{ margin-left: 0 !important; width: 100%; }

/* Aufmacher Kategorien */
.teaserkat				{ margin-top: 30px; width: 100%; }
.teaserkat ul li		{ padding-left: 0 !important; }
.teaserkat ul li:before	{ content: "" !important; }
.teaserkat h3, .teaserkat a			{ color: #333; }
.teaserkat a:hover		{ text-decoration: none; }
.teaserkat img			{ width: 20%; float: left; padding-left: 4%; padding-right: 4%; padding-bottom: 20px; }
.teaserkat .more		{ display: inline-block; float: right; margin-right: 4%; color: #95C11E; }
.teaserkat .more:hover	{ text-decoration: underline; }

/* Aufmacher Quadrat */
.quadrat			{ margin-left: 4%; overflow: hidden; }
.quadrat.border, .quadrat.spot, .quadrat.white, .quadrat.bight, .quadrat.medium, .quadrat.dark, .quadrat.transparent	{ padding: 0; }
.quadrat p, .quadrat h1, .quadrat h2, .quadrat h3, .quadrat h4		{ margin: 20px !important; padding: 0 !important; }
.box1 				{ position:relative; width: 100%; }
.box1 				{ transition: all .7s ease-in-out; border: none; position: relative; }
.box1:before 		{ content: ""; display:block; padding-top: 92%; }
.box1 .content		{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.box1hover			{ width: 100%; height: 100%; padding-top: 100%; display: inline-block; margin-top: -100%; transition: all .7s ease-in-out; opacity: 0.0; }
a:hover .box1hover	{ opacity: 1.0 !important; transition: all .7s ease-in-out; }

/* responsive Video */
.responsive-video iframe	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-video			{ position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; margin-bottom: 30px; }

/* Galerie */
.galerie 			{ width: 100%; }
.galimgbox			{ overflow: hidden; }
.galimgthumb		{ width: 12%; float: left; margin-left: 4%; }
.galimg 			{ position: relative; cursor: pointer; width: 100%; transition: all .7s ease-in-out; }
.galimg:before 		{ content: ""; display: block; padding-top: 100%; }
.galimg:hover 		{ cursor: pointer; transform: scale(1.1); transition: all 0.5s ease-in-out; }
.colright .galimg	{ width: 44%; }
.lb-container		{ max-width: 1600px; max-height: 1200px; }

/* Bildnachweis Copyright*/
.galimgsmal			{ width: 120px; margin-right: 20px; text-align: left; float: left; }
.copyrightimg		{ height: 100%; float: left; margin-right: 20px; }
.copyrighttext		{ font-size: 80%; hyphens: none; }

/* Layer aufhellen/abdunkeln*/
.imglayer	{ width: 100%; height: 100%; }

/* Video als Hintergrund */
.videowrapper {
	overflow: hidden; 
	z-index: 1;
	display: block;
}

.videowrapper iframe {
	width: 100vw;
	height: 100vw;/*56.25vw;  Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

/* responsive Video */
.responsive-video iframe	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-video			{ position: relative; padding-top: 0px; height: 0; overflow: hidden; margin-bottom: 30px; }
.video169					{ padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/  }
.video43					{ padding-bottom: 75%; /* Default for 1600x900 videos 16:9 ratio*/  }
#header .content.nopadbot .responsive-video	{ margin-top: 50px; margin-bottom: -5px; }

/* Formular */
.rex-yform			{ position: relative; }
.control-label		{ display: inline-block; min-width: 30%; vertical-align: top; margin-bottom: 15px; float: left; }
.form-control		{ display: inline-block; width: 70%; padding: 8px; margin-bottom: 15px; transition: all 0.5s ease-in-out; }
.form-control:hover, .form-control:focus	{ transition: all 0.5s ease-in-out; }
.input-group		{ display: inline-block; width: 70%; }
input, textarea, select			{ font-family: 'plain'; font-size: 90%; }
.checkbox			{ margin-right: 10px; }
.input-group .input-group-addon	{ margin-top: 2px; float: left; margin-right: 10px;}
.input-group .form-control		{ width: 20%; margin-right: 10px; }
.input-group-btn				{ padding: 8px; margin-top: -15px; }
a.btn-default					{ color: #333; text-transform: uppercase; }
.btn.btn-primary				{ padding: 8px; margin-left: 30%; border: none; font-family: 'second' !important; font-size: 100%; transition: all 0.5s ease-in-out; }
#confirm						{ position: relative; top: 30%; left: 50%; margin-left: -200px; max-width: 600px; display: inline-block; padding: 20px; }
#confirm .close					{ display: block; text-align: right; font-size: 140%; margin-top: -10px; margin-right: -10px; }


/* Footer Navigation mit Suche */
#footer #footernav ul							{ margin-bottom: 30px; }
#footer #footernav ul > li	a					{ font-size: 120%; font-family: 'second'; border-bottom: solid 1px; display: block; margin-bottom: 10px; }
#footer #footernav ul > li > ul > li a				{ font-size: 16px; font-family: 'plain'; border: none; margin-bottom: 0; }
#footer #footernav ul > li > ul > li > ul 			{ margin-bottom: 0 !important; margin-left: 10px; }

/* Onepage-Navigation */
.opmenu 					{ width: 92%; margin-left: 4%; display: inline-block; padding: 5px 0; font-family: 'second'; margin-bottom: -20px; }
.opmenu ul					{ list-style: none !important; margin: 0; }
.opmenu li					{ float: left; display: inline-block; padding-right: 20px; padding-left: 0 !important; }
.opmenu li:before			{ content: none !important; padding-left: 0 !important; }
.opmen li a:first-child		{ padding-left: 0; }