@media only screen and (max-width: 1023px) {
			#innerHead1, #innerHead21 { width: 750px; } 
			#logo { max-width: 400px; height: auto; margin-top: 30px; }
			.innerSec { width: 750px; padding: 36px 0; }
			#nextEvent { left: 0; }
			nav#main ul li { display: inline-block; width: 183px; }
			nav#main a { position: absolute; z-index: 1000; display: block; text-decoration: none; margin: 0 0px; }
			nav#main .slink { position: absolute; z-index: 1000; display: block; text-decoration: none; margin: 0 0px; }
			section { font-size: 1.6em; }
			section img  { max-width: 750px; height: auto; }
			nav#head, nav#footer { font-size : 1.5em; }
			.teaser { width: 360px; margin: 0 30px 30px 0; }
			.teaser:nth-child(even) { margin-right: 0; }
			.teaser img { max-width: 360px; height: auto; }
			#teaserRow { margin-right: -20px }
			.teaBild { text-align: center; }
			.halfBlock { display: block; width: auto; }
			#mainCol { min-height: 0; margin-right: 0 }
			#fullCol { width: 750px; }
			#midCol { width: 480px; }
			#rightCol { clear: left; margin-left: 250px; width: auto; float: none; background: none; padding-top: 3em; }
			.news #rightCol, .school #rightCol, .pedagogy #rightCol, .contact #rightCol { background: none; }
			#legend td { display: block; padding-bottom: 1.6em; }
			.banner__left, .banner__right { width: auto; float: none; margin-bottom: 1em; }
			.alert__container { padding: 0;
		}
		
		@media only screen and (max-width: 767px) {
			header { width: 100%; margin-top: 20px; } 
			#innerHead1, #innerHead21 { width: 90%; } 
			#innerHead1 { height: 140px; }
			#logo { max-width: 360px; }
			.innerSec { width: 90% }
			#keyvisual { height: 360px; }
			section img  { max-width: 100%; height: auto; }
			nav#head, nav#footer { font-size : 1.5em; }
			nav#head { left: 0; width: 100%; text-align: center; }
			nav#head ul li { margin: 0 10px; }
			nav#main { position: relative; font-size: 2.8em; z-index: 1; }
			nav#main ul { display: none; }
			
			nav#main ul { position: relative; list-style: none; margin: 0; padding: 0; background: #fff; }
			nav#main ul li { display: block; width: auto; height: auto; border-top: 1px solid #b7c2cc; }
			nav#main a { position: relative; margin: 0; background: none; width: auto; height: auto;  padding: 10px; }
			nav#main .slink { position: relative; margin: 0; background: none; width: auto; height: auto;  padding: 10px; }
			nav#main .subnav { position: relative; }
			nav#main .subnav li.subhead { display: none; }
			
			#teaserRow { margin-right: 0; }
			.teaser { width: 45%; padding: 0 2%; margin: 0 0 30px 0; vertical-align: top; }
			.teaser img { max-width: 100%; height: auto; }
			#sor { left: 0px; bottom: 280px; }
			#pictos { display: none; }
			nav#head { }
			#navIcon { display: block; position: absolute; right: 0; top: 40px; }
			#headName { left: 0; }
			#rightCol { margin-left: 0; }
			#headRib { min-height: 101px; height: auto; }
			#leftCol { display: none; }
			#mainCol, #fullCol, #midCol { width: auto; }
			#mainCol img { width: 100%; height: auto; margin: auto; }
			.banner__left, .banner__right { height: auto; }
			.banner__left img, .banner__right img { max-width: 100%; height: auto; }
		}
		
		@media only screen and (max-width: 540px) {
			#logo { max-width: 300px; height: auto; }
			#innerHead1 { height: 120px }
			#teaserRow { margin-right: 0; }
			.teaser { width: 100%; margin: 0 0 30px 0; }
			#addressBlock { float: none; margin: auto; margin-bottom: 40px; }
			#loginBlock { float: none; margin: auto; }
			.linkPic { margin-right: 1em; }
		}