@media (max-height: 960px) {

	.modal > .inner{padding-bottom:0px;}
	.modals > .inner{padding:40px 0px;}
	.modal.opened{margin-bottom:10px;}
	.modal.opened .elastic-video iframe{width:90%;height:90%;left:5%;max-height:650px;}
	.modal h2{font-size:3em;margin-top: 20px;}

}



@media (max-width: 1300px) {
	section.infoslider .img{margin-left:0;width:45%;}
	section.infoslider .infos{right:0px;}
	.sp-horizontal .sp-arrows{top:103%;}
	.sp-horizontal .sp-arrows{z-index:200;}
		
}
@media (max-width: 1280px) {

	#main{font-size: .8em;}

	article.centered img.aligncenter{max-width:100% !important;height:auto !important;}

	section.testimonials .sp-buttons{bottom:45px;}

	#servicelasche a{padding: 12px 12px 12px 38px;}
	#servicelasche a.icon:before{margin-top:-2px;}


	.mk-go-top{display:none !important;}

	header .three.col > div{display:none;}

	.burger{
		display:block;
		position: absolute;
		z-index: 3;
		top: 8px;
		right: 2%;
		padding-right:52px;
		text-transform: uppercase;
		font-size:1em;
		color:#01305C;box-sizing: border-box;
	}
	.cd-nav-trigger {
		position:absolute;
		right:0px;
		top:-8px;
		height: 40px;
		width: 46px;
		overflow: hidden;
		white-space: nowrap;
		color: transparent;
		z-index: 500;
		background:transparent;
		display:block;
	}


	.cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before {
		/* this is the hamburger icon */
		position: absolute;
		width: 26px;
		height: 2px;
		background-color: #000;
	}
	.cd-nav-trigger span {
		/* middle line of the hamburger icon */
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		-webkit-transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		transition: background-color 0.2s;
	}
	.cd-nav-trigger span::after, .cd-nav-trigger span::before {
	  /* top and bottom lines of the hamburger icon */
	  content: '';
	  top: 0;
	  left: 0;
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-transition: -webkit-transform 0.2s;
	  -moz-transition: -moz-transform 0.2s;
	  transition: transform 0.2s;
	}
	.cd-nav-trigger span::before {
	  -webkit-transform: translateY(-6px);
	  -moz-transform: translateY(-6px);
	  -ms-transform: translateY(-6px);
	  -o-transform: translateY(-6px);
	  transform: translateY(-6px);
	}
	.cd-nav-trigger span::after {
	  -webkit-transform: translateY(6px);
	  -moz-transform: translateY(6px);
	  -ms-transform: translateY(6px);
	  -o-transform: translateY(6px);
	  transform: translateY(6px);
	}

	body.nav-is-visible .burger{width:98%;padding-left:16px;color:#FFF;top:24px;}
	body.nav-is-visible .cd-nav-trigger span, body.nav-is-visible .cd-nav-trigger span::after, body.nav-is-visible .cd-nav-trigger span::before{background-color:#FFF;}
	body.nav-is-visible header .three.col > div{display:block;}
	body.nav-is-visible header .three.col.right{z-index:500;background:#01305C;padding:16px;width:100%;height:100%;position:fixed;float: none;left: 0px;top: 0px;box-sizing:border-box;}
	body.nav-is-visible #nav-main{width:100%;float:none;padding-top:80px;}
	body.nav-is-visible #nav-main ul li{float:none;}
	#nav-main a.external:after{display:none;}
	body.nav-is-visible #nav-main a{color:#FFF;float:none;display:block;padding:16px 0px;border-top:1px solid #FFF;margin:0;}
	body.nav-is-visible header .three.col > div{width:100%;}
	body.nav-is-visible .l{border-top:1px solid #FFF;padding-top:16px;}
	body.nav-is-visible .l > span{display:block;color:#FFF;position:absolute;font-size:1.2em;}
	body.nav-is-visible #lang_sel{padding:0;margin-top:0;margin-top:3px;padding-left: 100px;width: 100%;float: none;}
	body.nav-is-visible #lang_sel li{border:0;background:transparent;color:#FFF;display:inline-block;}
	body.nav-is-visible #lang_sel > ul > li{width:100%;position:static;float:right;margin-right: -10px !important;}
	body.nav-is-visible #lang_sel > ul > li li{width:auto;}
	body.nav-is-visible #lang_sel li a{color:#FFF;display:inline-block;float: none;}
	body.nav-is-visible #lang_sel li a:after{display:none;}
	body.nav-is-visible #lang_sel ul ul{display:inline-block;visibility: visible;top:0px;width:auto;}
	body.nav-is-visible #lang_sel li li{padding:0 0 0 16px !important;float:none;}
	body.nav-is-visible #lang_sel ul ul a{background:none;padding:4px 16px 0 0;text-align:right;}
	body.nav-is-visible #nav-main a.active,
	body.nav-is-visible #lang_sel a.lang_sel_sel{color:#EB7B15;padding-left: 16px;}
	body.nav-is-visible #lang_sel a.lang_sel_sel:hover{color:#FFF;}
	body.nav-is-visible #servicelasche{display:none;}

	body.nav-is-visible #nav-main{display:block;}
	body.nav-is-visible .cd-nav-trigger span {
	  background-color: transparent;
	}
	body.nav-is-visible .cd-nav-trigger span::before {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	body.nav-is-visible .cd-nav-trigger span::after {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	.cd-nav-trigger span.txt{position:absolute;left:-50px;color:#000;}

	section.blog > div{padding-right:340px;}
	section.blog.single footer{padding-right:70px;}
	section.blog.single footer .right{width:200px;margin-right:-320px;}
	section.blog .comments-list article.comment, section.blog footer .author{padding-left:125px;}
	section.blog .comments-list article.comment > figure, section.blog footer .author > .avatar{margin-left:-125px;}
	section.blog.single .comment-form-wrapper{padding:36px 40px;}


}
@media (max-width: 1100px) {
	#main{font-size: .9em;}
	#nav-main{float:right;margin-right:15px;}

	.row{max-width:1060px;}
	section h2{padding:0px 50px;}
	section.blog h2{padding:0;}
	section.blog .latest article{width:50%;}

	section.hero{position:relative;padding-bottom:0;}

	section.hero h1.wide{display:none;}
	section.hero h1.small{display:block;position:relative;margin:0;text-align:center;width: 100%;letter-spacing:0;z-index:50;padding:0px 32px 20px;box-sizing: border-box;}

	section.hero p{line-height:1.65em;}
	section.hero p em{line-height:1.35em;}
	section.hero .img{width:61%;bottom:0;left:0;position:relative;}
	section.hero > .row{height:auto;}
	section.hero.fullscreen > .row{padding:0;max-width:100%;}
	section.hero.split .col.right{margin-top:20px;}

	section.infoslider .img{width:35%;}
	section.infoslider .img img{width:100%;height:auto;display:block;max-width:405px;}
	section.infoslider .row{max-width:none;padding:0px 32px;}
	section.infoslider .infos{width:550px;height:auto;top: 10px;}

	section.plain_grid > .row .col,
	section.videothek > .row .col{width:33%;}
	section.videothek a.video{max-height:none;}

	section.testimonials header{width:100%;height:auto;position:relative;margin-bottom:80px;padding:0px;}
	section.testimonials header h2,
	section.testimonials header subline{text-align:center;}
	section.testimonials header h2{padding-top:40px;padding-left:0px;padding-right:0px;}
	section.testimonials .backgrounds{position:absolute;top:0px;left:0px;}
	section.testimonials .slider{left:10%;top:0px;position:relative;width:90%;max-height:440px;}
	section.testimonials .slide{width:100%;}
	section.testimonials .slide .img{width:33%;}
	section.testimonials > .col{height:680px;}
	section.testimonials .sp-buttons{margin-left: -5%;}

	section.kacheln.grid > .row{font-size: .7em;}
	section.kacheln.grid .col{height: 26vw;max-height: 280px;}

	section.footer-boxes .col{height:240px;}
	section.footer-boxes .col .info p{font-size:1.3em;}

	#servicelasche a span{display:none;}
	#servicelasche a{padding:16px 16px 30px 38px;}
	#servicelasche a:before{left:18px;}
	#servicelasche a.ico_dl:before{left:20px;}
	#servicelasche a.ico_ti:before{left:16px;}
	#servicelasche a.icon:before{margin-top:0px;}

	section.hero.fullscreen{max-height: 700px;overflow: hidden;}
	section.hero.fullscreen .img{padding-top:140px;}
	section.hero.fullscreen .col.right{width:100%;float:none;position:absolute;top:0px;left:0px;padding:0;height:180px;font-size: .8em;}
	section.hero.fullscreen .col.right > div > div{position:relative;float:right;width:18%;padding:0;top:0px;line-height:1.1em;min-width: 230px;}
	section.hero.fullscreen .col.right > div > div img{max-width:50%;margin: 0 .5em .5em 0;}
	section.hero.fullscreen .col.right > div > strong{bottom:30px;}
	section.hero.fullscreen .col.right > div{padding:20px 60px 50px;margin-top:0;}

	section.produktslider .slider{height:340px;}
	section.produktslider .slide .img{width:340px;}
	section.produktslider .slide .infos{padding-left:360px;padding-right:20px;}
	.sp-buttons{padding-top:0;}

}


@media (max-width: 990px) {


	section.hero h1{font-size:2.2em;}
	section.text_chart .container{padding:70px 0px 75px;}
	section h2{padding-top:70px;}

	section.infoslider{padding-top:0px;}
	section.infoslider .infos{position:relative;width:100%;max-height:none;height:360px;margin-top: -20px;}
	section.infoslider .img{width:100%;z-index:100;}
	section.infoslider .infos > div{padding:0px 16px 0px 0px;}
	section.infoslider .infos > div:last-child{padding:0px 0px 0px 16px;}
	section.infoslider .slider{height:820px;}

	section.testimonials > .col{height:620px;}
	section.testimonials .slider{left:0%;width:100%;}
	section.testimonials .slide .infos{width:66%;}
	section.testimonials .slider{max-height:375px;}
	section.testimonials .sp-buttons{margin-left:0;}
	section.plain_grid > .row .col h4{font-size: 1.2em;}
	

	section.text .centered{padding:0 32px;}

	.wpcf7-form fieldset{width:48%;}
	.wpcf7-form fieldset.txtarea{padding-right:50px;}
	section.plain_grid > .row .col{width:50%;}
	section.plain_grid > .row .col.orange > div{min-height:340px;}

	section.kacheln.grid .col .info h3{font-size:3.8em;}

	body.modalOpened{-webkit-overflow-scrolling: touch;}

	.wpcf7-form fieldset.checkbox.nl{margin-top:0px;margin-bottom:26px;}

	section.produktslider .three.col{width:100%;padding-right:315px;}
	section.produktslider > .row{padding-right:0;padding-left:0;}
	section.produktslider .slide{width:100%;}
	section.produktslider .slider{height:550px;}
	section.produktslider .slide .infos{position:absolute;left:0;top:370px;bottom:auto;max-width:none;width:100%;text-align:center;margin-top:16px;box-sizing:border-box;padding:0px 20px;}
	section.produktslider .slide .infos .txt{display:none;}
	section.produktslider .slide .img{width:auto;height:100%;float:none;margin:0px auto;padding-left:50px;}
	section.produktslider .slide .img img{margin:0 auto;height:380px;width:auto;}
	section.produktslider h2{padding:0px 0px 0px 50px;}
	section.produktslider .sidebar{width:295px;float:right;right:8px;}
	section.products-list .col.one{width:33%;}
	section.produktslider .sp-previous-arrow:before,
	section.produktslider .sp-previous-arrow:after{left:0px;}

	section.blog header h1{font-size:30px;font-size:3rem;line-height:35px;line-height:3.5rem;}
	section.blog article.sticky header, section.blog article.full header{height:400px;}


	section.blog > div{padding-right:50px;}
	section.blog .latest article{width:33%;}
	section.blog aside{float:none;width:100%;margin-right:0;margin-top:0;margin-bottom:50px;}
	section.blog.single aside{margin-top:36px;margin-bottom:2px;}
	section.blog .breadcrumb{top:-48px;}
	section.blog strong.blogheading.mb{height:0;}

	section.blog aside .box > b{display:block;position:relative;padding-left:24px;cursor:pointer;}
	section.blog aside .box > b:before{content:' ';position: absolute;display: block;background: url(../img/cat-arrow.svg) 0px 0px no-repeat;width: 18px;height: 6px;left: 0px;top: 10px;}
	section.blog aside .box .categories{display:none;padding-bottom:0;margin-bottom:0;}
	section.blog aside .box .categories.opened{display:block;}
	section.blog.single footer .right{float:none;margin-right:0;width:100%;margin-bottom:40px;}
	.shariff .orientation-horizontal li{float:left;margin-right:40px;}

}


@media (max-width: 840px) {

	section.videothek > .row .col{width:50%;min-height: 290px;}
	
	section nav{display:none;}
	.fixhack{display:none;}
	section.text_chart .container .two.col{width:100%;float:none;}
	section.text_chart h3{padding:0px 16px;box-sizing:border-box;}
	.desktop{display:none;}
	.mobile{display:block;}
	section.testimonials{padding:0;}
	section.testimonials .slider{left:0px;padding:0;height:100%;}
	section.testimonials .slider .img + .two.col{width:66%;}

	section.kacheln.grid .col .info h3{font-size:2.8em;}

	section.products-list .col.one{width:50%;}
	section.text_chart h3{text-align:center;}

	section.hero.split{max-height:none;}
	section.hero h1{top:0px;font-size:1.8em;}
	section.hero .col.right > div > div{font-size:.9em;}
	section.hero.split > .row{padding:0px 50px;}
	section.hero.split .img,
	section.hero.split .two.col{float:none;}
	section.hero.split .img{margin:0px auto;width:100%;max-width:406px;}
	section.hero.split .col.right{padding:0px 20px;width:100%;position:relative;}
	section.hero.split .col.right > div > div{top:0px;margin-top:20px;text-align:center;}

	.shariff .orientation-horizontal li .share_text{display:none;}
	
	section.kacheln.grid .col{height:30vw;}
}


@media (max-width: 740px) {

	section.kacheln > .row,
	section.plain_grid > .row,
	section.videothek > .row{padding:0 16px;}
	section.testimonials > .col{height:780px;}
	section.testimonials .backgrounds .img{width:auto;height:100%;}
	section.testimonials .backgrounds .img img{height:100%;width:auto;}

	section.hero.fullscreen .col.right{min-width:0;}
	section.hero.fullscreen .col.right > div{padding-right:16px;padding-left:16px;}
	section.hero.fullscreen .col.right > div > strong{position:relative;bottom:0;}
	section.hero.fullscreen .col.right > div > div{float:none;margin-top:16px;width:100%;min-width:0;}
	section.hero.fullscreen .col.right > div > div img{margin: 0 1em 1em 0;max-width:100%;}
	section.hero.fullscreen .col.right > div > div p{float: none;}
	section.hero.fullscreen .col.right{height:auto;}
	section.hero.fullscreen .col.right > div{padding-bottom:20px;}

	section.text .centered{padding:0 16px;}
	section.text h1{font-size:2.2em;line-height:1.3em;}
	section.text .two.col{width:100%;padding:0;}

	section.footer-boxes .col .info h3{font-size:2em;}
	.wpcf7-form fieldset.checkbox div{float: left;}
	.wpcf7-form fieldset.checkbox div > a{margin-left:0px;}
	.wpcf7-form fieldset.checkbox{width:100%;}

	section.hero .col.right > div > div{font-size:1em;}
	section.hero .img{width:100%;text-align:center;}
	section.hero .img img{max-width:460px;display:inline-block;}

	section.hero.fullscreen .img img{max-width:100%;display:block;}
	section.hero .col.right{float:none;width:100%;}
	section.hero .col.right > div > div{position:relative;width:100%;margin-top:20px;}
	#stage > header{padding-top:30px;padding-bottom:30px;}
	#stage{padding-top: 90px;}
	#stage > header + main > section.hero{padding-top:20px;}
	section.hero .col.right > div > div{padding-right:0;}

	section.produktslider{position:relative;}
	section.produktslider > .row{position:static;}
	section.produktslider h2{position:absolute;top:40px;padding-left:24px;}
	section.produktslider .three.col{padding-right:285px;}
	section.produktslider .sidebar{min-width:0;width:285px;}
	section.produktslider .slide{padding:0px 24px;}
	section.produktslider .slide .img{padding-left:0;overflow:hidden;}
	section.produktslider .slide .img img{margin:0;height:250px;width:auto;}
	section.produktslider .slide .infos{font-size:.8em;text-align:left;top:250px;}
	section.produktslider .slide .infos h3 br{display:none;}
	section.produktslider .slider{height:450px;}
	section.produktslider .sidebar{right:0;}
	section.produktslider .slide .infos{text-align:left;}

	section.blog .latest article{width:50%;}

}

@media (max-width: 680px) {

	section{padding-top:0px;}
	section h2,
	section.testimonials header h2{padding-top:50px;line-height:1.15em;}

	section.kacheln.grid .col{height:220px;}
	section.kacheln .row{margin-top:16px;}
	section.footer-boxes{padding-bottom:60px;}
	section.kacheln .col{float:none;width:100%;margin-bottom:16px;}
	section.kacheln.grid .col .info h3{font-size: 3em;}
	section.kacheln .col .info subline{font-size: 1.4em}
	#stage > footer .row{display:none;}

	.modal .dwnld .col{float:none;width:100%;margin:16px 0px;}
	.dwnld span{font-size:1.2em;}
	.sp-button{width: 10px;height: 10px;}
	section.plain_grid > .row .col big{font-size:3.8em;}

	section.produktslider .sidebar{width:245px;}
	section.produktslider .three.col{padding-right:245px;}
	section.kacheln .col .info{bottom:40px;}
}

@media (max-width: 620px) {


	section.blog .latest article{width:100%;}
	section.blog header .meta{width: 100%;display: block;position: absolute;bottom:40px;padding: 0px 30px;box-sizing: border-box;left: 0;}
	section.blog header .shadow{height:70%;}

	.wpcf7-form fieldset{width:100%;}
	span.mandatory{position: absolute;
    margin-top: -39px;
    float: none;
    width: 100%;
    left: 0px;}
    .wpcf7-form > p{padding-top:40px;}
	.modal h2{font-size:2.5em;}
	.modal subline{font-size:1.3em;}
	
	.wpcf7-submit, .wpcf7-form .button, .wpcf7-form button, input[type="submit"], input[type="reset"], input[type="button"]{margin-left:0px;}
	.wpcf7-form fieldset.checkbox div > a{margin-top:8px;}
	section.produktslider .three.col,
	section.produktslider .sidebar{width:100%;float:none;position:relative;padding-right:0;}
	section.produktslider .sidebar{max-width:350px;margin:20px auto;}
	section.produktslider .slider{height:480px;margin-bottom: 80px;margin-top:10px;}
	section.produktslider h2{position:relative;top:0;padding:0 20px;}
	section.produktslider .slide .img{padding-left:80px;}
	section.produktslider .slide .img img{margin:0 auto;}
	section.produktslider .slide .infos{text-align: left;}
	section.produktslider .slide .infos .txt{display:block;font-size:1.2em;}
	section.produktslider{padding-top:40px;}
	section.testimonials .slider{max-height:470px;}

	section.products-list .col.one{width:100%;}
	section.products-list .col{height:auto;}
	a#top{margin-top:8px;display: block;}
	.burger{top:8px;}

	.wpcf7-form fieldset,
	.wpcf7-form fieldset.txtarea{padding:0;}
	.modals,
	.modals > .inner{padding:0px;}
	section.plain_grid > .row .col.blue .folder{padding-bottom:30%;}
}

@media (max-width: 550px) {


	section.plain_grid > .row .col, 
	section.videothek > .row .col{float:none;width:100%;height:auto;}
	section.plain_grid > .row .col > div{max-width: 300px;margin: 0px auto;}
	section.infoslider .infos{margin-top:20px;height:auto;}
	section.infoslider .slider{height:640px;}
	section.infoslider .infos > div{float:none;width:100%;position:relative;padding:0;}
	section.infoslider .infos > div:last-child{padding:0;}
	section.infoslider .infos > div > div{position:relative;margin:0px auto;max-width:90%;font-size:1em;}
	section.infoslider .infos > div > div *{display:none;}
	section.infoslider .infos > div > div h4{display:block;margin:0;}
	section.produktslider .slide .img{padding-left:0px;}
	section.plain_grid .slide{position:absolute;height:380px;}
	section.plain_grid .slider{height:380px;position:relative;margin-bottom:70px;}
	section.products-list .prevnext,
	.row,
	section.hero h1,
	h2 + subline,
	h1 + subline{padding:0px 16px;}
	section h2{padding:70px 16px 0px 16px;}
	h2 + subline,
	h1 + subline{width:100%;}
	section.text_chart h3{padding:0;}
	section.text_chart canvas{margin:0px 0px 16px -16px;}
	section h2{font-size:44px;}
	section.hero h1{font-size:48px;}
	section.hero .img{padding-top:40px;}
	section.hero.split > .row{padding:0 20px;}
	section.hero.split .col.right{padding:0;}
	section.hero .img img{max-width:none;}
	section.hero.split .img{padding-top:0;}
	
	#stage > header,
	#stage{padding-top:8px;}
	#stage > header{padding-bottom:20px;}
	section.text_chart .container{padding:35px 0px;}
	section.kacheln .col .info h3{font-size:32px;}
	section.testimonials > .col{height:650px;}
	section.testimonials header{margin-bottom:0;}
	section.testimonials header subline{font-size:1.2em;font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeueW01-75Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:700;}
	section.testimonials .slide .img{width:80px;height:80px;border-radius:80px;overflow:hidden;margin:16px auto;}
	section.testimonials .slider{padding:0px 16px;}
	section.testimonials .slider .img + .two.col{width:100%;font-size:.8em;}
	section.testimonials blockquote{margin-bottom:16px;}
	section.testimonials blockquote + span{font-size:1.4em;line-height:1.3em;opacity:.8;}
	section.testimonials .backgrounds .img{display:none !important;}

	section.hero.fullscreen{font-size:1em;}
	section.hero.fullscreen p{font-size:1em;}
	#servicelasche .centered{padding:0px 16px;}

	section.plain_grid .sp-buttons{padding-top:20px;}

	#stage{padding-top: 80px;}
	#stage > header > .row > .one.col{width:50%;padding-left:0px;}
	section.blog > div{padding:0 16px;}
	section.blog aside{margin-bottom:36px;}
	section.blog .comments-list article.comment, section.blog footer .author{padding-left:0;}
	section.blog .comments-list article.comment > figure, section.blog footer .author > .avatar{margin:0 auto 20px;float:none;}

}


@media (max-width: 380px) {

	body,
	#servicelasche,
	#stage > header{min-width:320px;}
	#servicelasche a{margin-right:16px;padding:8px 8px 30px 32px;}
	#servicelasche a:before{background-size:100% auto; width: 21px;top:11px;}
	#servicelasche a.ico_ti:before{left:11px;}
	#servicelasche a.ico_dl:before,
	#servicelasche a.ico_gl:before,
	#servicelasche a.ico_ko:before{width:18px;}
	#servicelasche a.ico_nl:before{width: 14px;left:14px;}
	#servicelasche a.ico_dl:before,
	#servicelasche a.ico_gl:before,
	#servicelasche a.ico_ko:before{left: 12px;}
	#servicelasche a.ico_gl:before{top:9px;}
	section.infoslider h4 + p{margin-top:8px;}

	#stage > footer{padding-bottom: 80px;}
	section.produktslider .slider{height:680px;}

	section.blog header .shadow{height:100%;}
}