@media (max-width: 1800px) {
	section, .slidernavdesc, .slidernavigation{
		width:calc(100% - 440px);
	} 
	/*
	section.referenz {
		width:calc(100% - 420px);
	}*/
	
	section.referenzen, footer{
		width:calc(100% - 100px);
		padding-left: 0;
    padding-right: 0;
	}
	section.referenzen, section.referenz{
		width:calc(100% - 60px);

	}
	
	
	
}


@media (max-width: 1700px) {
	#wir > .content > .vc_col-sm-6{
		width:100%;
		display:block;
	}
	#wir > .content > .vc_col-sm-6:first-child{
		padding-bottom:60px;
	}
	
	#wir > .content > .vc_col-sm-6 .vc_row-fluid > .vc_col-sm-6:first-child{
		text-align:right;
	}
	
	.page-id-2 .abstand.pb60{
		padding-bottom:0 !important;
	}
	
}


@media (max-width: 1350px) {
	  #menu-toggle {
		display: block;
		position: absolute;
		right: calc(2.5% + 15pX);
		z-index: 23;
		top: 56px;
		    padding:0;
	  }
	  
	 .menu-side{
		  padding:0 !important;
	  }
	  
	/*  header .menu-side {
  justify-content: right;
}*/

  .menu-hauptmenue-container {
    padding-top: 50px;
    padding-bottom: 30px;
    padding-right: 40px;
  }


.nav-menu > li.current-menu-item > a span, .nav-menu > li.current-menu-parent > a span {
  padding-bottom: 8px;
  border-bottom: solid 5px #000;
}

.menu-toggle.active + .menu-container .mobile-info-box-menu{
	/*display:block;*/
	flex:1;
}
.menu-toggle.active + .menu-container .mobile-info-box-menu h2, .menu-toggle.active + .menu-container .mobile-info-box-menu div{
	/*display:block;*/
}
	  

/*

.menu-toggle.active + .menu-container .mobile-info-box-menu div{
	padding-top: 0;
}*/

	  

.nav-menu li a {
  font-size: 1.75rem;
  line-height: 2.75rem;
}	  
	  
	  .menu-container{
		position: absolute !important;
  top: 150px;
  right: calc(2.5% + 15pX);
  background-color: #eea5ac;
  width: calc(95% - 30px);
  z-index: 44;
	  }
	  
	  .nav-menu li a:focus {
  color: #fff;
}

.nav-menu li a {
padding-bottom: 0;
    padding-left: 12px;
    margin-bottom: 12px;
	padding-right: 12px;
}
	  
	  .nav-menu > li {
  display: block;
  position: relative;
}

.mobile-info-box-menu a:hover, .mobile-info-box-menu a:focus{
	color:#fff;
}

 #menu-toggle:focus, .logo > a:focus {
    outline:3px solid #000;
 }
	
}
@media (max-width: 1300px) {
	section, .slidernavdesc, .slidernavigation, section.stauchen {
		width:calc(100% - 320px);
	}
/*	
.slider, .slider .slick-list {
  padding:0 !important;
  margin-left:50px;
  margin-right:50px;
}*/




}
@media (max-width: 1100px) {
	section, .slidernavdesc, .slidernavigation {
		width:calc(100% - 100px);
	}
	
}
@media (max-width: 1000px) {
	.shuffle-filter > span {
  padding-right: 20px;
  padding-left: 20px;
	}
	.home .contentheader h1 {
  font-size: 8.5rem;
  line-height: 10.875rem;
  margin-top: 0;
  margin-bottom: 0;
	}
	
	.home .contentheader h3{
		width: 75%;
		line-height: 2.5rem;
	}
	
	section.stauchen{
	width: calc(100% - 100px);
	}
	
	section.stauchenleft > .content{
		width:100%;
	}
	
}





@media (max-width: 990px) {
	.boxinfo h2 {
  font-size: 1.75em;
  line-height: 1.25em;
  font-weight: 500;
}
.mobile-info-box-menu .boxinfo a {
  font-size: 1.35em !important;
}

}
	
	
@media (max-width: 890px) {
	button[data-filter=".koop"]{
		display:none;
	}
	
	
	.filter-container-mg .grid-item {
  width: 100%;
}

footer > div {
  display: block;
}

#menu-footer li {
  padding-left: 0;
  padding-right: 30px;
}

.footermenu{
	padding-top: 30px;
}
	
	
	section.referenz {
  display: block;
  width: calc(100% - 100px);
}

section.referenz > div {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}


section.referenz .fakten{
	padding-bottom: 60px;
    padding-top: 30px;
}

.fakten h3 {
  font-size: 2rem;
  margin-bottom: 0;
}

.fakten li {
  font-size: 1.5rem;
  line-height: 2.5rem;
}
	
}


@media (max-width: 875px) {
	
	header .menu-side {
  flex-direction: column-reverse;
}

  .menu-hauptmenue-container {
    padding-left: 30px;
  }
  
  .mobile-info-box-menu .boxinfo {
  padding-top: 30px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 30px;
}
	
}
@media (max-width: 800px) {
	#wir > .content > .vc_col-sm-6 .vc_row-fluid > .vc_col-sm-6{
		width:100%;
	}
	
	#wir .onlyresponsive {
		display:block;
	}
	
	#wir .subtitleunten{
		margin-bottom: 0;
	}
	#wir .onlyresponsive p{
		margin-top: 10px;
	}
	
	 #wir > .content > .vc_col-sm-6 .vc_row-fluid > .vc_col-sm-6:first-child .wpb_text_column{
		 display:none;
	 }
	
}

@media (max-width: 750px) {
.slider .slick-slide img {
  max-height: 500px;
}

.slider, .slider .slick-list {
  height: 500px;
}
	
}


@media (max-width: 600px) {
	 section, .slidernavdesc, .slidernavigation, footer, section.referenz{
    width: calc(100% - 60px);
  }
  
  section.referenzen  {
    width: calc(100% - 40px);
  }
  
  header {
  padding-left: 30px;
  padding-right: 30px;
}

.contentheader h1 {
  font-size: 3.5rem;
  line-height: 4.25rem;
}

.contentheader span {
  margin-bottom: 10px;
}

.home .contentheader {
  padding-bottom: 40px;
}

.home .contentheader h2 {
  font-size: 2.5rem;
  line-height: 3rem;
}

  .home .contentheader h1 {
    font-size: 7.75rem;
    line-height: 9.875rem;
    margin-top: 15px;
    margin-bottom: 0;
  }
  
  .ggbanner {
  font-size: 2.75rem;
  line-height: 3.5rem;
}

.nextreferenz div a {
  font-size: 2.5rem;
}

section.referenz{
	padding-bottom:60px;
}


button[data-filter="*"]{
		display:none;
	}
	
}


@media (max-width: 585px) {
	
}
@media (max-width: 500px) {
	
	.shuffle-filter{
		width: calc(100% + 10px);
  margin-left: -5px;
  overflow: hidden;
	}
	
	.shuffle-filter .button {
  margin-left: 20px;
  margin-right: 20px;
	}
	
	 section, .slidernavdesc, .slidernavigation, footer, section.referenz, section.stauchen {
    width: calc(100% - 50px);
  }
	
	  section.referenzen {
    width: calc(100% - 20px);
  }
  
  header {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .ggbanner {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }
  
  .grid.shuffle-container > div:last-child{
	  padding-bottom:20px;
  }
  
   #menu-footer li {
    padding-right: 0;
    width: 100%;
    padding-bottom: 5px;
  }
  
    .nextreferenz div a {
    font-size: 1.9rem;
	line-height: 2.5rem;
  }
  
  .slider-section{
	  padding-bottom:40px;
  }
  
    .home .contentheader h1 {
    font-size: 6.75rem;
  }
  
   .home .contentheader h3 {
    width: 100%;
  }
}


@media (max-width: 460px) {
	
	  .menu-hauptmenue-container {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px !important;
  }
  
  .nav-menu > li {
  padding-right: 0;
  padding-left: 0;
}

  .mobile-info-box-menu .boxinfo {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
  
  
    .menu-container {
    position: absolute !important;
    top: 150px;
    right: calc(2.5% + 18pX);
    background-color: #eea5ac;
    width: calc(95% - 32px);
    z-index: 44;
  }
  
   .boxinfo h2 {
    font-size: 1.45em;
  }
  
   .mobile-info-box-menu .boxinfo a {
    font-size: 1.25em !important;
  }
}


@media (max-width: 440px) {
	
	.home .contentheader h1 {
    font-size: 6rem;
    line-height: 7rem;
    margin-top: 24px;
    margin-bottom: 35px;
  }
  
    .home .contentheader h2 {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
  
    .shuffle-filter .button {
    margin-left: 10px;
    margin-right: 10px;
  }
  
    .ggbanner {
    font-size: 2rem;
    line-height: 1.4em;
  }
  
    .contentheader h1 {
    font-size: 3rem;
    line-height: 4rem;
  }
  
  .slidernavdesc{
	  width: 100%;
  }
  
  .slidernavdesc > div:last-child {
  padding-right: 0;
}
	
}


@media (max-width: 390px) {
	.home .contentheader h1 {
    font-size: 5.5rem;
	}
	
	 .contentheader h1 {
    font-size: 2.75rem;
    line-height: 3.5rem;
  }
  
  .slider .slick-slide img {
    max-height: 350px;
  }
  
    .slider, .slider .slick-list {
    height: 350px;
  }
}

@media (max-width: 386px) {
	  .nav-menu li a {
    font-size: 1.45rem;
    line-height: 2.25rem;
  }
  
  .boxinfo p{
	  font-size: 0.95em;
	  margin-bottom: 0;
  }
  
  .boxinfo strong {
  white-space: nowrap;
  display: inline-block;
}
  
  .boxinfo{
	  text-align: center;
  }
  
  .mobile-info-box-menu .boxinfo a {
    font-size: 1.15em !important;
  }
	
}
@media (max-width: 370px) {
	
	  .boxinfo h2 {
    font-size: 1.35em;
  }
}
@media (max-width: 360px) {

  
  .slider .slick-slide img {
    max-height: 320px;
  }
  
    .slider, .slider .slick-list {
    height: 320px;
  }
  
    .home .contentheader h1 {
    font-size: 5.35rem;
  }
  
    .contentheader h1 {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}