/* 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: 400% !important; }
.slider .sliderhead h2 				{ font-size: 150% !important; }


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

/* Galerie */
.galerie 			{ width: 100%; }
.galimgbox			{ overflow: hidden; }
.galimgthumb		{  width: 12%; float: left; margin-left: 4%; }
.galimgthumb .bildtext		{  padding-bottom: 0; margin-bottom: 0; }
.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; }

/* 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-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; margin-bottom: 30px; }

/* Formular */
.rex-yform			{ position: relative; }
.control-label		{ display: inline-block; 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%; }
.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; }
.sp-1 .btn.btn-primary	{ margin-left: 0!important;}

/* 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; }