/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1024px) {}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	#col2_content,
	#col3_content{
/* 		text-align: center; */
		margin-bottom: 4em !important;
	}
	
	#col2_content{
		margin-top: 4em;
		text-align: center;
	}
	
	.col3_special_content{
		padding:0 1em;
	}
	
	#footerimages .csc-textpic-imagecolumn{
		display: inline-block;
		float:none;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body{background-size: auto 160px;-webkit-text-size-adjust: 100%;background-position:0 95px;}
	p{line-height: 15px;}
	.page_margins {width: 100%;min-width: 99%;min-height: 200px;max-width: 100%;overflow: hidden;}
	#main{padding-top:0;}
	#header{padding:10px;}
	#topnav{top:20px;right:10px;}
	#topnav ul {margin-right: 0;}
	.pid1 #topnav ul:first-of-type{display:none;}
	#logo {margin-top:10px;}
	#logo a img {width:35%;max-width:215px;height:auto;}
	#stage{height:200px; margin:0 10px;}
	#stage #slogan{width: 90%;padding-top:20px;}
	#stage #slogan .slogan_home {font-size: 40px;line-height: 50px;z-index: 1;position: relative;}
	#stage #teaserimg{left:inherit;right:10px;z-index:-1;}
	#stage #teaserimg img {width:50%; height:auto;float:right;margin-top:5%;}
	#main{background:none;}
	#col1, #col2, #col3{width:100%;float:none;margin:0;}
	#col1_content iframe {width:100%;}
	#col3_content{margin:0}
	#col3_content ul {padding-bottom:20px;}
	#col3_content ul li a{padding-left:15px;}
	#col2_content{margin-right:15px;}	
	#schnellkontakt_wrapper{margin-top:10px;}
	#col2 #schnellkontakt_wrapper textarea, #col2 #schnellkontakt_wrapper input[type="text"]{width:97%;padding:10px;}
	#col2 #schnellkontakt_wrapper .contact_submit{padding: 10px;}
	
	#col1_content{margin: 0px 10px;}
	.container_col1, .container_col2{width:100%;float:none;}
	.maps .container_col2 {width:100%;}
	.group h2{width:99%;}
	.map_wrapper, .map_wrapper .map_canvas, map_wrapper > * {width:100%;}
	
	.bigteaser .teaser_image img, .teaser .teaser_image img{width:100%; height:auto;}
	.bigteaser .teaser_image, .teaser .teaser_image {margin-bottom:10px;width:50%;}
	.bigteaser .teaser_text, .teaser .teaser_text{float:left;width:45%;}
	
	#footerdetails{padding:10px;}
	#footerinfo{float:none;width:100%;padding-top:20px;text-align: center;margin:0;}
	#footerimages{float:none;width:auto;display: block;overflow: hidden;padding: 15px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;text-align:center}
	#footerimages a, #footerimages img {margin-right:10px;}
	#footerimages img, #footerimages a {width:50px;height:auto;float:inherit;display:inline-block;vertical-align: top;margin-left:0;}
	#footer{position:relative;background:none;padding:0 0 160px 0;}
	#footer ul{position:absolute;width:100%;bottom:-10px;left:-15px;background-color:#f7f7f7;float:none;padding:10px 10px 10px 15px;}
	#footer ul li, #footer ul li a {padding-left:0;margin-left:0;}
	#footer ul li a {margin-right:10px;margin-left:0;border:none;font-size: 13px }
	#footer ul li a &:first-child{margin-left:0;}
	#footer .branch{width:30%; margin-bottom:10px;}
	#footer .branch img {float:left; margin:15px 15px 0 0;}
	#footer .branch p, #footer .branch p span{font-size: 10px !important;line-height: 14px;}
	
	#header{height: 65px;}
	/* #topnav ul {margin-right:50px;} */
	#headersearch{display:none;}
	#totop{position:absolute;right:15px;bottom:50px;}
	/*nav*/
	#navigation ul {display:none;}
	.mobile #navigation{display:block;padding-top: 0;position: absolute; right:7px;top:95px;z-index:100;width:100%;}
	.mobile #navigation:before{content: '≡';  font-size: 50px;font-weight: bold; color: #666; position:absolute; top:-60px; right:10px;cursor:pointer;z-index: 1500;}
	.mobile #navigation ul {display:none;background-color: #eee;padding:10px;width:100%;margin-top: 0;}
	.mobile #navigation ul li{float:none;text-align: center;border-bottom:1px solid #ddd;padding:6px 0;}
	.mobile #navigation ul li:last-child{border-bottom:none;}	
	.mobile #navigation ul li a {padding:0;}
	
	.pid1 #footer .branch {text-align: left;}
	.pid1 #logo {margin-top:0;}	
	.pid1 #navigation {display:none;}
	.pid1 #topnav {width:100%;}
	.pid1 #topnav ul {width: 97%;margin: -2px 0px 0px 20px;float:none;}
	.pid1 #topnav ul li {float: right;margin: 0px 110px 0px 0px;}
	.pid1 #topnav .langselector {position: absolute;top: 30px;left: inherit !important;right: 15px;}	
	.pid411 #slogan .subline, .pid408 #slogan .subline, .pid403 #slogan .subline, .pid404 #slogan .subline, .pid405 #slogan .subline{font-size:14px;}	
	
	.videoWrapper #play-pause img{float:right;}
	.videoWrapper, #ourvideo {height:auto;}
	.videoWrapper, .videoWrapper > div, #ourvideo {width:100% !important;}
	.videoWrapper #arrows{left: 50%;margin-left: -18%;top: 29px; z-index:1000;}	
	.stage{margin-left:12%;}

	#col3 ul li.active ul li a, #col3 ul li.active ul li a:hover, #col3 ul li.active ul li.active a, #col3 ul li.active ul li.current a {width: 110%;background-color: #eee;}
	.wrapper {margin-left:-60px;}
	
	#topnav ul li ul li{margin-bottom:3px;}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {
	.pid1 .csc-textpic-text{float:none;width: 100%;}
	.pid1 .csc-textpic-imagewrap{float:none;margin-right: 0;margin-top: 20px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body{background-size: auto 160px;-webkit-text-size-adjust: 100%;background-position:0 95px;}
	p{line-height: 15px;}
	.page_margins {width: 100%;min-width: 99%;min-height: 200px;max-width: 100%;overflow: hidden;}
	#main{padding-top:0;}
	#header{padding:10px;}
	#topnav{top:20px;right:10px;}
	#logo {margin-top:10px;}
	#logo a img {width:35%;height:auto;}
	#stage{height:200px; margin:0 10px;}
	#stage #slogan{width: 90%;padding-top:20px;}
	#stage #slogan .slogan_home {font-size: 40px;line-height: 50px;z-index: 1;position: relative;}
	#stage #teaserimg{left:inherit;right:10px;z-index:-1;}
	#stage #teaserimg img {width:50%; height:auto;float:right;margin-top:5%;}
	#main{background:none;}
	#col1, #col2, #col3{width:100%;float:none;margin:0;}
	#col1_content iframe {width:100%;}
	#col3_content{margin:0}
	#col3_content ul {padding-bottom:20px;}
	#col3_content ul li a{padding-left:15px;}
	#col2_content{margin-right:15px;}	
	#schnellkontakt_wrapper{margin-top:10px;}
	#col2 #schnellkontakt_wrapper textarea, #col2 #schnellkontakt_wrapper input[type="text"]{width:93%;padding:10px;}
	#col2 #schnellkontakt_wrapper .contact_submit{padding: 10px;}
	
	#col1_content{margin: 0px 10px;}
	.container_col1, .container_col2{width:100%;float:none;}
	.maps .container_col2 {width:100%;}
	.group h2{width:99%;}
	.map_wrapper, .map_wrapper .map_canvas, map_wrapper > * {width:100%;}
	
	.bigteaser .teaser_image img, .teaser .teaser_image img{width:100%; height:auto;}
	.bigteaser .teaser_image, .teaser .teaser_image {margin-bottom:10px;width:50%;}
	.bigteaser .teaser_text, .teaser .teaser_text{float:left;width:45%;}
	
	#footerdetails{padding:10px;}
	#footerinfo{float:none;width:100%;padding-top:20px;text-align: center;margin:0;}
	#footerimages{float:none;width:auto;display: block;overflow: hidden;padding: 15px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;text-align:center}
	#footerimages a, #footerimages img {margin-right:10px;}
	#footerimages img, #footerimages a {width:50px;height:auto;float:inherit;display:inline-block;vertical-align: top;margin-left:0;}
	#footer{position:relative;background:none;padding:0 0 160px 0;}
	#footer ul{position:absolute;width:100%;bottom:-10px;left:-15px;background-color:#f7f7f7;float:none;padding:10px 10px 10px 15px;}
	#footer ul li, #footer ul li a {padding-left:0;margin-left:0;}
	#footer ul li a {margin-right:10px;margin-left:0;border:none;font-size: 13px }
	#footer ul li a &:first-child{margin-left:0;}
	#footer .branch{width:99%;height:auto;margin-bottom:10px;padding:0;float:none;}
	#footer .branch img {float:left; margin:15px 15px 0 0;}
	#footer .branch p, #footer .branch p span{font-size: 10px !important;line-height: 14px;}
	
	#header{height: 65px;}
	/* #topnav ul {margin-right:50px;} */
	#headersearch{display:none;}
	#totop{position:absolute;right:15px;bottom:50px;}
	/*nav*/
	#navigation ul {display:none;}
	.mobile #navigation{display:block;padding-top: 0;position: absolute; right:9px;top:95px;z-index:100;width:100%;}
	.mobile #navigation:before{content: '≡';  font-size: 50px;font-weight: bold; color: #666; position:absolute; top:-58px; right:10px;cursor:pointer;z-index: 1500;}
	.mobile #navigation ul {display:none;background-color: #eee;padding:10px;width:100%;margin-top: 0;}
	.mobile #navigation ul li{float:none;text-align: center;border-bottom:1px solid #ddd;padding:6px 0;}
	.mobile #navigation ul li:last-child{border-bottom:none;}	
	.mobile #navigation ul li a {padding:0;}
	
	.pid1 #footer .branch {text-align: left;}
	/* .pid1 #logo {margin-top:0;}	 */
	.pid1 #navigation {display:none;}
	.pid1 #topnav {width:100%;}
	.pid1 #topnav ul {width: 97%;margin: -2px 0px 0px 20px;float:none;}
	.pid1 #topnav ul li {float: right;margin: 0px 110px 0px 0px;}
	.pid1 #topnav ul:first-of-type{display:none;}
	.pid1 #topnav .langselector {position: absolute;top: 30px;left: inherit !important;right: 15px;font-size:8px}	
	.pid411 #slogan .subline, .pid408 #slogan .subline, .pid403 #slogan .subline, .pid404 #slogan .subline, .pid405 #slogan .subline{font-size:14px;}	
	
	.videoWrapper #play-pause img{float:right;}
	.videoWrapper, #ourvideo {height:auto;}
	.videoWrapper, .videoWrapper > div, #ourvideo {width:100% !important;}
	.videoWrapper #arrows{left: 50%;margin-left: -18%;top: 29px; z-index:1000;}	

	#col3 ul li.active ul li a, #col3 ul li.active ul li a:hover, #col3 ul li.active ul li.active a, #col3 ul li.active ul li.current a {width: 110%;background-color: #eee;}
	.wrapper {margin-left:-60px;}

	#topnav ul li ul li{margin-bottom:3px;}

	#popupWrapper{width:100%;}

}

@media only screen and (max-device-width: 768px) {
	#popupWrapper{width:100%;}
	#popupWrapper .content {width:100%;padding-left:10px;background-image:none;}
	#popupWrapper img, .popupSlogan {padding-left:10px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	body{-webkit-text-size-adjust: 100%;background-position:0 95px;}
	.page_margins {width: 100%;min-width: 99%;min-height: 200px;max-width: 100%;overflow: hidden;}
	#header{padding:10px;}
	#topnav{top:12px;right:10px;}
	#logo {margin-top:25px;}
	#logo a img {width:65%;max-width:189px;height:auto;}
	#stage{margin:0 10px;}
	#stage #slogan{width: 100%;padding-top:20px;}
	#stage #slogan .slogan_home {font-size: 40px;line-height: 50px;z-index: 1;position: relative;}
	#slogan .subline{font-size: 20px;line-height: 28px;}
	#stage #teaserimg{left:inherit;right:10px;z-index:-1;top:inherit;bottom:0;}
	#stage #teaserimg img {width:50%; height:auto;float:right;margin-top:25%;}
	#main{background:none;padding-top:25px;}
	#col1, #col2, #col3{width:99%;float:none;margin:0;}
	#col1_content h1{margin-top:20px;}
	#col1_content iframe {width:100%;}
	#col3_content{margin:0}
	#col3_content ul {padding-bottom:20px;}
	#col3_content ul li a{padding-left:15px;}	
	#col2_content{margin-right:15px;}
	#schnellkontakt_wrapper{margin-top:10px;}	
	#col2 #schnellkontakt_wrapper textarea, #col2 #schnellkontakt_wrapper input[type="text"]{width:93%;padding:10px;}
	#col2 #schnellkontakt_wrapper .contact_submit{padding: 10px;}
		
	#col1_content{margin: 0px 10px;}
	.container_col1, .container_col2{width:99%;float:none;}
	.group h2{width:99%;}

	.bigteaser .teaser_image, .bigteaser .teaser_image img, .teaser .teaser_image, .teaser .teaser_image img{width:100%; height:auto;}
	.bigteaser .teaser_text, .teaser .teaser_text{float:none;width:100%;margin-top:1em;}
	.bigteaser .teaser_image, .teaser .teaser_image {margin-bottom:10px;}
	
	#footerdetails{padding:10px;text-align: center;}
	#footerinfo{float:none;width:100%;padding-top:20px;margin:0;}
	#footerimages{float:none;width:auto;display: block;overflow: hidden;padding: 15px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;text-align:center}
	#footerimages a, #footerimages img {margin-right:10px;}
	#footerimages img, #footerimages a {width:40px;height:auto;float:inherit;display:inline-block;vertical-align: top;margin-left:0;}
	#footer{position:relative;background:none;padding:0 0 160px 0;}
	#footer ul{position:absolute;width:100%;bottom:-10px;left:-15px;background-color:#f7f7f7;float:none;padding:10px 10px 10px 15px;}
	#footer ul li, #footer ul li a {padding-left:0;margin-left:0;}
	#footer ul li a {margin-right:10px;margin-left:0;border:none;}
	#footer ul li a &:first-child{margin-left:0;}
	#footer .branch{width:99%;height:auto;margin-bottom:10px;padding:0;float:none;}
	#footer .branch img {float:left; margin:15px 15px 0 0;}

	#header{height: 65px;}
	/* #topnav ul {margin-right:50px;} */
	#topnav ul li:first-child{display:none;}
	#headersearch{display:none;}
	#totop{position:absolute;right:15px;bottom:50px;}	
	#totop .scrollToTop img {width: 40px;}
	/*nav*/
	#navigation ul {display:none;}
	.mobile #navigation{display:block;padding-top: 0;position: absolute; right:7px;top:95px;z-index:100;width:100%;}
	.mobile #navigation:before{content: '≡';  font-size: 50px;font-weight: bold; color: #666; position:absolute; top:-60px; right:10px;cursor:pointer;z-index: 1500;}
	.mobile #navigation ul {display:none;background-color: #eee;padding:10px;width:100%;margin-top: 0;}
	.mobile #navigation ul li{float:none;text-align: center;border-bottom:1px solid #ddd;padding:6px 0;}
	.mobile #navigation ul li:last-child{border-bottom:none;}
	.mobile #navigation ul li a {padding:0;}
	
	.pid1 #topnav .lang_heading {font-size: 15px;margin-right:12px;margin-top:10px;}
	.pid1 #topnav ul:first-of-type{display:none;}
	.pid1 #footer .branch {text-align: left;}
	.pid1 #logo img {width:60%;height:auto;}	
	.pid1 #navigation {display:none;}
	.pid1 #topnav {width:100%;}
	.pid1 #topnav ul {width: 97%;margin: 8px 0px 0px 20px;float:none;}
	.pid1 #topnav ul li {float:right;margin: 0px 110px 0px 0px;}
	.pid1 #topnav .langselector {position: absolute;top: 33px; left:inherit !important; right:0;font-size:8px;}
	.pid1 #stage {margin-bottom:20px;}
	.pid411 #slogan div, .pid408 #slogan div, .pid403 #slogan div, .pid404 #slogan div, .pid405 #slogan div {width:100% !important;}
	.pid411 #slogan .subline, .pid408 #slogan .subline, .pid403 #slogan .subline, .pid404 #slogan .subline, .pid405 #slogan .subline{font-size:12px;margin-left:5px !important;}
	
	.videoWrapper #play-pause img{float:right;}
	.videoWrapper, #ourvideo {height:auto;}
	.videoWrapper, .videoWrapper > div, #ourvideo {width:100% !important;}
	.videoWrapper #arrows{left: 50%;margin-left: -18%;top: 29px; z-index:1000;}
	
	#col3 ul li.active ul li a, #col3 ul li.active ul li a:hover, #col3 ul li.active ul li.active a, #col3 ul li.active ul li.current a {width: 110%;background-color: #eee;}
	.wrapper, .box, .stage {width:100%;}
	.stage #bgimg{left:0;}
	.stage #pfeile_aussen{left:10px;}
	#divnr1{left:50%;top:320px;margin-left: -138px;}
	#divnr1full{top:370px;left:40px;}
	#divnr2{left:50%;top:375px;margin-left: -37px;}
	#divnr2full{top:420px;left:40px;}	
	#divnr3{left:50%;margin-left:-87px;top:430px;}
	#divnr3full{top:510px;left:40px;}	
	
	.tx-mmjobs-pi1 select{width:100%;margin-bottom:10px;}
	#jobart{width:50% !important;}
	.wrapperFormhandler label, #job-application-form div.type-text{width:100% !important;float:none;}
	#tag, #monat, #jahr {margin-left:10px;}
	
	#topnav ul li ul li{margin-bottom:3px;}	
	#popupWrapper .content {width:100%;padding-left:10px;background-image:none;}
	#popupWrapper img, .popupSlogan {padding-left:10px;}
	#popupWrapper .wrapHeader{
		padding:30px 20px;
	}
	
	#popupWrapper .wrapHeader img{
		width: 140px;
		right:10px;
		bottom:-5px;
	}
	
	#popupWrapper .content p{
		padding:0 20px;
	}
	
	#popupWrapper .content ul{
		width: 80%;
	}
	
	#popupWrapper footer{
		padding:20px;
	}
	
	#popupWrapper footer .col-1,
	#popupWrapper footer .col-2{
		float:none;
		margin-bottom: 20px;
	}
}

/* highres devices */
@media screen and (-moz-min-device-pixel-ratio:1.5),
	screen and (-o-min-device-pixel-ratio:3/2),
	screen and (-webkit-min-device-pixel-ratio:1.5),
	screen and (min-device-pixel-ratio:1.5){}