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

@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#mainNav {display: block; width: 100%; background-color: #b00001;margin: 0; position:relative;}
	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;} 
	footer #markenlogo img {width: 127px; height: 91px;}
	.accordion h3 {font-size: 1.2em;}
	
	.chart {display: none;}
	p.flex-caption {display: none;}
	form .formLeft, form .formRight {width: 100%;margin-right: 0;}
}