/* ============================================================ */
/* ==================== media queries ========================= */
/* ============================================================ */

/* ----- kleiner als 980px ----- */


/* ----- kleiner als 840px ----- */

@media only screen and (max-width: 949px) {
	video,iframe{width:100% !Important;height:400px;margin:0 auto;}
	p{font-size:14px;}
	#mobileMenuLink{opacity:1;}
	.innerWrapper{width:100%;}
	#contentOuter{min-width:100%;}
	#contentWrapper{width:100%;}
	#contentInner{width:100%; top:0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;position:relative;}
	#contentWBG{display:none;}
	#container-2col .row1-2, #container-2col .row2-2{display:block;width:98%;}
	.contenttable{width:100%;}
	#footer{min-width:100%;position:relative}
	#footer .left{float:none;}
	#footer .right{float:none;margin-left:20px;position:absolute;bottom:23px; right:5%;}
	#menu{display:none;}
	#navBar{background:none;min-width:100%;}
	#navBar #kontaktArea {float:none;}
	#navBar #kontaktArea ul li{display:inline-block;}
	.logo{-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;padding:10px 10px 10px 20px;}
	.logo h1{width:90%}
	.logo img{width:100%;}
	#banner img{min-width:100%;}
	#homeContent{min-width:100%;}
	#footer .innerWrapper,#homeContent .innerWrapper{width:100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;padding-left:5%;padding-right:5%;}
	#homeContent .box{float:none;margin:0 auto;margin-bottom:20px;padding: 0 20px;text-align:center;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;}
	#homeContent .box div.csc-textpic-intext-right .csc-textpic-imagewrap{float:none;}
	#homeContent .box div.csc-textpic-intext-right .csc-textpic-imagewrap img{width:auto;height:auto;margin: 0 auto;}
	#homeContent .box div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{margin:0;}
	#homeContent .box.last{margin-right:auto;}
}

/* ----- kleiner als 650 (=smartphones) ----- */
	
@media only screen and (max-width: 769px) {
	p{font-size:14px;}
	#mobileMenuLink{opacity:1;}
	.innerWrapper{width:100%;}
	#contentOuter{min-width:auto;}
	#contentWrapper{width:100%;}
	.logo h1{width:90%}
	#contentInner{width:100%; top:0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;position:relative;}
	#contentWBG{display:none;}
	#container-2col .row1-2, #container-2col .row2-2{display:block;width:98%;}
	.contenttable{width:100%;}
	#footer{min-width:auto;position:relative}
	#footer .left{float:none;}
	#footer .right{float:none;margin-left:20px;position:absolute;bottom:23px; right:5%;}
	#menu{display:none;}
	#navBar{background:none;min-width:auto;}
	#navBar #kontaktArea {float:none;}
	#navBar #kontaktArea ul li{display:inline-block;}
	.logo{-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;padding:10px 10px 10px 20px;}
	.logo img{width:100%;}
	#banner img{min-width:auto;}
	#homeContent{min-width:auto;}
	#homeContent .innerWrapper{width:100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;}
	#homeContent .box{float:none;margin:0 auto;margin-bottom:20px;padding: 0 20px;width: 100%;text-align:center;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;}
	#homeContent .box div.csc-textpic-intext-right .csc-textpic-imagewrap{float:none;}
	#homeContent .box div.csc-textpic-intext-right .csc-textpic-imagewrap img{width:auto;height:auto;margin: 0 auto;}
	#homeContent .box div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{margin:0;}
	#homeContent .box.last{margin-right:auto;}
}

@media only screen and (max-width: 395px){
		p{font-size:14px;}
	#mobileMenuLink{opacity:1;}
	.innerWrapper{width:100%;}
	#contentOuter{min-width:auto;}
	#contentWrapper{width:100%;}
	#contentInner{width:100%; top:0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;position:relative;}
	#contentWBG{display:none;}
	#container-2col .row1-2, #container-2col .row2-2{display:block;width:98%;}
	.contenttable{width:100%;}
	.logo h1{width:90%}
	#footer{min-width:auto;position:relative}
	#footer .left{float:none;}
	#footer .right{float:none;margin-left:20px;position:absolute;bottom:23px; right:5%;}
	#menu{display:none;}
	#navBar{background:none;min-width:auto;}
	#navBar #kontaktArea {float:none;}
	#navBar #kontaktArea ul li{display:inline-block;}
	.logo{-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;padding:10px 10px 10px 20px;}
	.logo img{width:100%;}
	#banner img{min-width:auto;}
	#homeContent{min-width:auto;}
	#homeContent .innerWrapper{width:100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;}
	#homeContent .box{float:none;margin:0 auto;margin-bottom:20px;padding: 0 20px;width: 100%;text-align:center;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;}
	#homeContent .box div.csc-textpic-intext-right .csc-textpic-imagewrap{float:none;}
	#homeContent .box div.csc-textpic-intext-right .csc-textpic-imagewrap img{width:auto;height:auto;margin: 0 auto;}
	#homeContent .box div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{margin:0;}
	#homeContent .box.last{margin-right:auto;}
}