

@media all and (max-width: 1080px) {

	#nav-main ul{padding:0;}
	
	section.kacheln .gradient-boxes{margin: 0px 0px 45px 0px;}


}

@media all and (max-width: 980px) {

	.prev-next .row > div{display:block;width:100%;position:relative;}
	section.our-team ul li{width:25%;}

	section.kacheln .gradient-boxes .gradient-box div h4{font-size:30px;}
}

@media all and (max-width: 700px) {
	section.kacheln .gradient-boxes .gradient-box{width:50%;}
}

@media all and (max-width: 620px) {
	table{width:100% !important;height:auto !important;}
	body #stage > header{padding-left:20px;}
	.slogan img{width:100%;height:auto;}

	section.our-team ul li{width:33%;}

	section.headline{padding-left:20px;padding-right:20px;}
	section.headline img{width:100%;height:auto;}

	section.project .project-row > a,
	.project-column{width:100% !important;min-height:290px !important;}
	.section-wrapper,
	section.teaser .slogan,
	section.project{padding-left:10px;padding-right:10px;}
	section.project .project-nav .btn{margin:0px 5px;}
	h3{font-size:50px;letter-spacing:-2px;}
	section.kacheln .gradient-boxes .gradient-box{float:none;width:100%;margin-bottom:10px;}
	section.kacheln .gradient-boxes .gradient-box div b{margin-bottom:50px;}
	section.kennzahlen .stats .stat-row .stat{width:100%;margin-bottom:20px;}
	section.kennzahlen .stats .stat-row .stat .number, section.kennzahlen .stats .stat-row .stat .text{border-right:0;}
	section.kennzahlen .stats .stat-row{padding-left:10px;padding-right:10px;}
	.parallax .parallax-image{position:relative;width:100%;height:auto;left:0;top:0;}
	.parallax{height:auto;}
	section.our-team ul li{width:50%;}
	.accordion .li h3{padding:20px;}
	section.teaser .paper,
	section.teaser .hand{display:none !important;}

	.accordion .li h3 .btn{display:none;}
	section.our-team ul li div a.face{width:120px;height:120px;}
	.accordion .li .accordion-content{padding:20px;}
	.accordion .li .accordion-content .col-row .col-description{padding-right:0;margin-right:0;}
	.accordion .li .accordion-content .col-row .col-address{float:none;width:100%;margin-left:0;}
	section.contact .contact-boxes{padding-right:30px;padding-left:30px;}
	#nav-footer ul{margin:0;padding:0;}

	section.blue h1{font-size: 26px;line-height:46px;}
	body.single-post subline{font-size:18px;line-height:28px;}
	body.single-post main > section:first-child{padding-right:10px;padding-left:10px;padding-top:120px;}
	body.single-post section > p, body.single-post section .section-wrapper > p{font-size:16px;line-height:24px;margin-bottom:30px;}

	section > p, section .section-wrapper > p{font-size:18px;}
	h3,
	.gradient-text{background-image:none;color:#11d990;word-break:break-word;font-size:40px;line-height: 50px;}
	section.kennzahlen .stats .stat-row .stat .number{margin-top:0px;}
	.modal-beratung .row{padding:10px 10px 0 10px;}
	.modal-beratung .image{float:none;width:150px;margin:0px auto;}
	.modal-beratung .content{float:none;width:100%;}
	.modal-beratung .image .avatar{position:relative;margin-bottom:20px;}
	.modal-beratung .content h3{line-height:120%;}
	.modal-beratung .content h3 em{margin-left:0;}
	.modal-beratung .button-bar .btn.btn-no-border:last-child,
	.modal-beratung .button-bar .btn.btn-no-border:first-child{display:none;}
	.modal-beratung .button-bar .btn{margin:0px auto;}
	.accordion-content p{margin-bottom:20px;}
	body.single-post .isCase section.blue .section-wrapper > h2{font-size:30px;line-height:50px;word-break: break-word;}
	
	.contact-footer .left,
	.contact-footer .right{display:block;width:100%;border:0;margin-bottom:20px;}
	.modal h2{letter-spacing:-1px;line-height:100%;margin-top:20px;font-size: 60px;}
	.modal ul li{float:none;width:100%;margin-bottom:4px;}
	.modal .button-bar a.btn{display:none;}
	.modal ul{padding:0px 20px;}
	.modal p{padding:0px 20px;}
	.modal .button-bar .btn{width:100%;}
	.modal-beratung .content h3 em{display:block;}
	.accordion .li{background-image: linear-gradient(to right, #11d990, #006386);}
	#nav-main a{font-size:23px;}
	.modal-beratung .content{font-size:16px;}
	section.our-team ul li div > span{min-height:0;}
	.accordion-content .avatar{margin-bottom:20px;}
	.accordion .li .accordion-content .col-row .col-address b{margin-bottom:5px;}
	section.contact .contact-box-main h4{margin-top:0;}

body.single-post section > h2, 
body.single-post section .section-wrapper > h2,
body.single-post section .section-wrapper > h3,
body.single-post section .section-wrapper > h4{
	color:#000;
}

}

@media all and (max-width: 530px) {

	.lang-changer{display:none;}
	#nav-main .lang-changer{display:block;}
	#nav-main{padding-top:70px;overflow: auto;}
}


@media all and (max-width: 420px) {

	.prev-next a{padding:40px;}
	.prev-next .left .linkinfo{padding-left:50px;}
	.prev-next .right .linkinfo{padding-right:50px;}

}


@media all and (max-width: 374px) {

	#stage > header .logo{width:215px;}
	.cd-nav-trigger{top:-6px;}
	
	section.our-team ul li{width:100%;}

	section.teaser .subline{font-size:19px;line-height:29px;}
	section.project .project-nav .btn{margin:0;padding-left:20px;padding-right:20px;}
	section.project .project-box h3{line-height:30px;}
	section.project .project-box .project-headline{width:90%;left:20px;bottom:20px;}
	.project-grid{margin-bottom:30px;}
	h3, .gradient-text{font-size:30px;line-height:40px;}
	section.kacheln .gradient-boxes .gradient-box div b{margin-bottom:0;}
	section.kacheln .gradient-boxes:last-child{margin-bottom:0;}
	section.kennzahlen .stats .stat-row .stat .number{line-height:20px;}
	section.our-team ul li{padding:0px 5px;font-size: 13px;}
	section.teaser .slogan{top: calc(50% - 150px);}
	section.project .project-box.pb-plain .face{top:10px;right:10px;}
	section.project .project-box .gradient-bg{padding:5px 10px;}
	section.project .project-box h3{margin-top:10px;}
	section.contact .contact-box-main{padding:10px 0;}
	section .iframe{height:100vh;}
	

}