/* cormorant-garamond-regular - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../css/cormorant-garamond-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/cormorant-garamond-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/cormorant-garamond-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/cormorant-garamond-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../css/cormorant-garamond-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/cormorant-garamond-v9-latin-regular.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}


html{
	font-size: 10px;
	line-height: 10px;
}

body {
	font-family: 'Cormorant Garamond', Arial, sans-serif;
	font-weight:normal;
	margin:0;
	/*height:1600px;*/
	}

	/* Neue Klassen für die neue Galerie */

.clearFix {
	clear:both;
}

.mTop {	margin-top: 60px; }
.mBottom {	margin-bottom: 60px; }

.mTopSmall {	margin-top: 40px; }
.mBottomSmall {	margin-bottom: 40px; }

.pTopSmall {	padding-top:40px; }
.pBottomSmall {	padding-bottom:40px;}

.pTopVerySmall {	padding-top:20px; }
.pBottomVerySmall {	padding-bottom:20px;}

.pTopLarge{	padding-top:80px; }
.pBottomLarge {	padding-bottom:80px;}

.aCenter { text-align:center; }

.fgWhite { color: #fff; }


.container {width:100%; }

#imp,#datenschutz {
	display: none;
	width: 100%;
	float: left;
}

#imgcontainer {
	width: 100%;
	height: 239px;
	position: relative;
/*	background-size: cover;
*/	text-align:center;
	display: block ; 
	background-image: url(../map.png);
	background-position: center center;
}

#imgMiddle {
	width: 100%;
	height: 20vH;
	position: relative;
	background-size: cover;
	display: block ; 
	background-image: url(../hero.jpg);
	background-position: top center;
}

#imgBottom {
	width: 100%;
	height: 10vH;
	position: relative;
	background-size: cover;
	display: block ; 
	background-image: url(../hero.jpg);
	background-position: top center;
}


#herocontainer {
	width: 100%;
	height: 70vH;
	position: relative;
	background-size: cover;
	display: block ; 
	background-image: url(../hero.jpg);
	background-position: center center;
}

#head { 
		width:100%; 
		height:70px;
		text-align:center; 
		background-color:#000; 
/*		background-image: url(../head.png);
*/		background-repeat:no-repeat;
		background-position: center center;
		background-size:contain;
}

.vereinTitle {
	position: relative;
	width: 60vW;
	height: 30%;
	margin-left: auto;
	margin-right: auto;
	top: 20%;
}

.vereinTitle img {
	width:70%;
	height:auto;
}


#mapov { width:100%; text-align: center; background-color:#000; position: relative; }
#mapov_imp { width:100%; text-align: center; background-color:#000; position: relative; cursor: pointer;  }

a:link, a:visited {color:#e6bf03; text-decoration:none;}

p,li  { font-size: 1.8rem; line-height:2.8rem; color:#595959;}

h1 { font-weight:normal; font-size:3rem; line-height:5.8rem; text-align: left; }

h2 { font-size:2.1rem; line-height:4.8rem; font-weight: normal;}

.col50 {
	text-align:left;
	width:46%;float:left;
	padding:0px 4% 0px 0px;
}

.text {
	margin-left: auto; margin-right: auto;
	padding-left: 5%; padding-right: 5%;
	max-width: 1280px;
}

.specialContainer {
	position:relative;
	overflow:hidden;
	background-color:#000;
}

.specialContainer .innerContainer{
	margin-left: auto; margin-right: auto;
	padding-left: 5%; padding-right: 5%;
	max-width: 1900px;
}


.col-lg-4 {
	text-align:justify;
	width:25%;float:left;
	padding-bottom: 1%;
}

.specials img {
	width:90%;height:auto;
}


			.sliderContainer {			
				width: 100%;
				height: 600px;
				background-color: #e3c6b4;			
			}

			.iosSlider, .iosSlider2 {
				width: 100%;
				height: 100%;
			}
			
			.slider {
				width: 100%;
				height: 100%;
			}
			
			.iosSlider .slider .item {
				position: relative;
				top: 0;
				left: 0;
				background-repeat:no-repeat;
				background-position: bottom center;
				background-size: contain;
				background-color: #e3c6b4;
				/*background-color: #ff0000;*/				
				width: 50%;
				height: 100%;
				text-align:center;
				visibility: hidden;
			}
			
			.iosSlider .slider .item img, .iosSlider2 .slider .item img, .iosSlider3 .slider .item img {
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				margin: 0 auto;
			}
			
			.sliderContainer2 {		
				width: 100%;
				height: 90px;
				border-bottom:1px solid #ebebeb;
				border-top:1px solid #ebebeb;
			}


			.iosSlider2 .slider .item {
				position: relative;
				top: 0;
				left: 0;
				background-repeat:no-repeat;
				background-position: center center;
				background-size:contain;
				width:210px;
				height: 100%;
				text-align:center;
				visibility: hidden;
			}
			

			////////*mein dritter slider*////////


			.sliderContainer3 {			
				width: 100%;
				height: 600px;				
			}

			.iosSlider3 {
				width: 100%;
				height: 600px;
				background: #000;
				padding-top:70px; /* wie header */
			}
			
	
			.iosSlider3 .slider .item {
				position: relative;
				background-repeat:no-repeat;
				background-position: bottom center;
				background-size: contain;
				width: 100%;
				height: 100%;
				visibility: hidden;
			}



/* media queries */

@media (max-width: 1050px){

	#head { 
			height:60px;
	}  
 

	.mTop {	margin-top: 30px; }
	.mBottom {	margin-bottom: 30px; }
	
	.mTopSmall {	margin-top: 20px; }
	.mBottomSmall {	margin-bottom: 20px; }
	
	.pTopSmall {	padding-top:20px; }
	.pBottomSmall {	padding-bottom:20px;}
	
	.pTopVerySmall {	padding-top:10px; }
	.pBottomVerySmall {	padding-bottom:10px;}


	h1 { font-size:3rem; line-height:4.8rem; text-align:center; }
	h2 { font-size:1.8rem; line-height:4.8rem; }
	p,li { font-size: 1.6rem; line-height:2.6rem; }
	
	
	.sliderContainer {			
				height: 340px;
	}

		/*	.iosSlider .slider .item {
				background-size: cover;
			}*/

	.sliderContainer2 {			
				height: 70px;
	}

	.sliderContainer3 {			
				height: 420px;
	}

			.iosSlider3 {
				padding-top:60px; /* wie header */
			}
			


}
	

 
@media (max-width: 768px){

	#head { 
			height:60px;
	}  
  
  .col50 {
    width: 100%;
  	float: none;
    padding: 0px 5% 0px 0px;
	}

	.col-xs-6{
		width:50% !important;
	}

	.iosSlider2 .slider .item {
			width:30%;
	}
	

	.sliderContainer3 {			
				height: 520px;
	}
			.iosSlider3 .slider .item {
							background-size: cover;
							width:100%;
			}

	.vereinTitle {
     width: 60vW;
  }

}

@media (max-width: 640px){

	#head { 
			height:40px;
	}  

	h1 { font-size:2.2rem; line-height:3.8rem; }
	h2 { font-size:1.6rem; line-height:2.6rem; }
	p,li { font-size: 1.4rem; line-height:2.2rem; }

	.sliderContainer {			
				height: 200px;
	}

			.iosSlider .slider .item {
				background-size: contain;
				width:100%;
			}


	.sliderContainer2 {			
				height: 50px;
	}

	
	.sliderContainer3 {			
				height: 230px;
	}

			.iosSlider3 {
				padding-top:40px; /* wie header */
			}

			
	#imgcontainer {
		height: 180px;
	}
	
	.vereinTitle {
     width: 60vW;
  }
}