/* Style Template 1 */

@media only screen and (max-width: 960px) {
.width960  { max-width: 960px; margin: 0 auto; box-sizing:border-box; padding: 0 2%;}	
div.quadTeaser { width:50%;}	
article.socialIcons { padding: 2%;}
p.flex-caption {font-size:150%;}
nav#scrollNav ul li a:link, nav#scrollNav ul li a:focus, nav#scrollNav ul li a:visited {padding: 4px;}
div.darkOverlay  {opacity: 1;}
a.button {display: block;}
.owl-carousel.owl-loaded {margin-bottom: 2em;}
section.parallax { height: auto;}
section.parallax p {margin-bottom: 0; padding-bottom: 2em;}
section#impressions img.example-image { max-width: 250px;}
}	

@media only screen and (max-width: 640px) {
	body {font-size: 90%;}
	nav#scrollNav { position:fixed; bottom: 0; left: 25%;}
	nav#scrollNav ul {margin: 0 auto;}
	nav#scrollNav ul li{ float: left;margin-bottom: 0;}
	nav#scrollNav ul li a img {margin-bottom: -4px;}
	div.quadTeaser, div.tripleTeaser { width:100%; height: auto;}
	div.darkOverlay { padding-top: 5%;}
	article div.socialLinks {padding-bottom: 0.5em;}
	section#bibliothek, .contentSimple {padding: 5% 2% 2% 5%; height: auto; }
	.imgTeaser {padding: 0 1%;}
	section.parallax {height: auto; padding-bottom: 8%;}
	.aside {margin-top: 0.5em;}
	nav#scrollNav ul li img { max-width: 19px;}
	nav#mainNav ul li {width: 50%; border-bottom: 1px solid white;}
	nav#mainNav ul li a:link, nav#mainNav ul li a:focus, nav#mainNav ul li a:visited {padding: 12px 0;}
	a#topLink img {width: 15px; height: 15px;} 
	.accordion h3 {font-size: 1.2em;}
	section#anmeldung, div.myiframe { width: 100%;}
	.chart {display: none;}
	p.flex-caption {display: none;}
	form .formLeft, form .formRight {width: 100%;margin-right: 0;}
	section.calendar ul.calendarList li div.calendarInfo { width: 78% }
	section.calendar ul.calendarList li div.calenderLinks {float:none; width: 100%; display: block; clear:both;}
}
	

/*

.width800  { max-width: 800px; margin: 0 auto;}

.width1400  { max-width: 1400px; margin: 0 auto; }
.width1200  { max-width: 1200px;  margin: 0 auto;}


div.tripleTeaser { background-color: #f0f0f0; margin:0 auto;
    width:33.33%; height:280px; float: left; font-size: 0.9em;
}

*/
/*---NAVIGATION---
nav#mainNav {	
	display: block; width: 100%;
}

nav#mainNav ul {
	padding: 0; margin: 0; background: #FF0000;
}

nav#mainNav ul li {
	float: left; width: 33.33%; box-sizing: border-box;
	text-align: center; background: #FF0000; color: white;
	border-right: 1px solid #FFF;
}

nav#mainNav ul li a:link , nav#mainNav ul li a:focus, nav#mainNav ul li a:visited{ color: #FFFFFF;  margin: 0; padding: 22px 0; display: block;}
nav#mainNav ul li a:hover { background-color: #B8312F; }

nav#scrollNav {	
	display: block;
	position: fixed;
	top: 45%;
	left: 0;
	z-index: 999;
}

nav#scrollNav ul {
	padding: 0; margin: 0;
}

nav#scrollNav ul li {
	background: #b00001; color: white;
	margin-bottom: 8px;
	display: block;
}

nav#scrollNav ul li a:link , nav#scrollNav ul li a:focus, nav#scrollNav ul li a:visited{ color: #FFFFFF;  margin: 0; padding: 12px; display: block;}
nav#scrollNav ul li a:hover { background-color: #B8312F; }
*/