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

}

@media all and (min-width: 361px) and (max-width: 531px) {

}

/* XS Handy */
@media all and (max-width: 530px) {
	#mh_angebote_vergleichen .iframeContainer,
	.form_projektvorstellen {
	    width: 800px;
	    margin: auto;
	    max-width: 100%;
	    padding: 100px 10px;
	}
	.mh-font-size-2 {
		font-size: 1.4em;
	}

	.bl_project a.gallery-fancy-link {
	    width: 33.3333%;
	}

	.preview_projectslider .sliderItemInner {
	    margin: 2px;
	}
	h3, .h3 {
	    font-size: 1.25rem;
	    line-height: 1.4rem;
	}
	h2, .h2 {
	    font-size: 1.45rem;
	    line-height: 1.75rem;
	}
	.mh-padding-50 {
	    padding: 20px;
	}
	.city_projekt_50_overview_inner {
	    margin: 0;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	.plz_search form {
	    border-radius: 12px;
	    overflow: hidden;
	    position: relative;
	}
	.form_plz_search_location_btn {
    	width: 30px;
    	float: none;
    	position: absolute;
    	left: 0;
	}
	.plz_search form input[type="text"] {
    	width: 100%;
    	padding-left: 40px;
	    border-radius: 0px;
	}
	.plz_search form button[type="submit"] {
	    width: 100%;
	}


	.mh-padding-80 {
	    padding: 30px 20px;
	}

	p.super_size {
        font-size: 2rem;
    	line-height: 2rem;
	}

	.gallery-fancy-inner-title {
	    display: none;
	}
	.mh-projekt-bildmaterial a.gallery-fancy-link {
	    float: left;
	    width: 33.33333%;
	}
	.mh-projekt-link .mh-padding-100 {
	    padding: 50px 30px;
	}
	.btn_pink_supersize {
	    font-size: 1.4em;
	}
}


@media all and (max-width: 768px) {
	.isotopeItem_50 {
	    width: 100%;
	}
  #filter {
    text-align: center;
  }
  .wpr-kategoriefilter-item span {
    display: none;
  }
  .wpr-kategoriefilter-item {
    width: 40px;
    height: 40px;
    margin-right: 4px;
    padding: 0px;
    border-radius: 30px;
  }
  .wpr-kategoriefilter-item svg {
    height: 22px;
    top: 4px;
    margin-left: 0px;
    position: relative;
  }

}
/* M Tablet */
/*
@media all and (max-width: 768px) and (min-width: 992px) {
*/


@media all and (min-width: 531px) and (max-width: 992px) {
	.bl_project a.gallery-fancy-link {
	    width: 25%;
	}
}


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

	#burger::after {
	    content: "MENU";
	    position: absolute;
	    left: -60px;
	    top: -2px;
	    color: #fff;
	}
	.openMenue #burger::after,
	.headerScroll #burger::after {
	    color: #e81e48;
	}

	#mainNav > ul > li.firstLevel > ul .secondLevel a {
	    border-bottom: 1px solid #333;
	    display: block;
	    padding: 5px;
	}
	#mainNav > ul > li.firstLevel > ul .secondLevel:hover a,
	#mainNav > ul > li.firstLevel > ul .secondLevel.active a {
		color: #fe2c8a;
	}


	h1, .h1 {
	    font-size: 2rem;
	    line-height: 2rem;
	}
	h2, .h2 {
	    font-size: 1.75rem;
	    line-height: 1.75rem;
	}
	#bredcrumb li.first {
	    display: none;
	}
	.super_size {
        font-size: 3rem;
    	line-height: 3rem;
	}
	.super_size_bg {
	    padding-left: 50px;
	}
	section > article.mh-padding-100 {
	    padding: 80px 30px;
	}
	.header_title section article {
	    padding-top: 30vh;
	    padding-bottom: 60px;
	}
	#logo_container img {
	    width: 120px;
	}

	#mainNav #openMod_projekt_vorstellen,
	#mainNav #openMod_angebote_vergleichen {
		border: 2px solid #fe2c8a;
	    color: #fff;
	    background: #fe2c8a;
	    max-width: 90%;
	    margin: auto;
	    margin-top: 22px;
	}
	.headerScroll #mainNav > ul > li > a {
	    color: #fff;
	}
	#mainNav {
		float: none;
	    position: fixed;
	    right: 0;
	    top: 90px;
		height: calc(100% - 90px);
	    z-index: 10;
	    text-align: right;
	    overflow-x: hidden;
	    overflow-y: auto;
	    width: 0;
	    background-color: rgba(0, 0, 0, 0);
	    transition: width .5s ease .5s, background-color .5s ease;
	}
	.openMenue  #mainNav {
	    width: 100%;
	    left: 0;
	    transition: width 0s ease, background-color .5s ease;
	    background-color: rgba(0,102,123,0.8);
	}
	.headerScroll #mainNav > ul > li,
	#mainNav > ul > li {
	    padding: 0;
	}
	#mainNav > ul {
	    box-shadow: 0 0 40px rgba(0,0,0,.8);
	    width: 400px;
	    text-align: left;
	    display: inline-block;
	    max-width: 100%;
	    -webkit-transform: translatex(400px);
	    -moz-transform: translatex(400px);
	    -o-transform: translatex(400px);
	    -ms-transform: translatex(400px);
	    transform: translatex(400px);
	    min-height: 100%;
		background: #171717;
		margin-bottom:0;

	    -webkit-transition:all 0.3s ease-in-out;
	    -moz-transition:all 0.3s ease-in-out;
	    -o-transition:all 0.3s ease-in-out;
	    -ms-transition:all 0.3s ease-in-out;
	    transition:all 0.3s ease-in-out;
	}

	.openMenue  #mainNav > ul {
	    -webkit-transform: translatex(0px);
	    -moz-transform: translatex(0px);
	    -o-transform: translatex(0px);
	    -ms-transform: translatex(0px);
	    transform: translatex(0px);
	}

	#mainNav > ul > li {
	    width: 100%;
	}
	.sub_caret {
		position: absolute;
		right: 10px;
		font-size: 36px;
		top: 14px;
	}
	.secondLevel {
	    padding: 10px;
	    padding-left: 40px;
	}
	#mainNav .subOpen > ul {
	    display: block;
	}
	#mainNav > ul > li > a {
	    display: block;
	    margin-left: 0;
	    border-top: 1px solid #222;
	    border-bottom: 1px solid #222;
	    background: #292929;
	    padding: 28px 30px 28px 20px;
	    color: #eee;
	    position: relative;
	}
	#mainNav > ul > li.firstLevel.active > a,
	#mainNav > ul > li.firstLevel:hover > a {
		background: #292929;
	    color: #fff;
	    border-left: 6px solid rgba(0,102,123,1);
	    border-bottom: 1px solid #222;
	}
	#mainNav .firstLevel > a > i {
	    display: inline-block;
	}


#burgerContainer {
    bottom: 9px;
    cursor: pointer;
    height: 60px;
    padding: 4px;
    position: fixed;
    right: 20px;
    top: 14px;
    width: 60px;
    z-index: 9999;
}


#burger {
    height: 34px;
    left: 10px;
    position: relative;
    top: 16px;
}
#burger span {
  background: #fff none repeat scroll 0 0;
  display: block;
  height: 2px;
  margin-bottom: 6px;
  transition-duration: 300ms, 300ms, 200ms;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  width: 34px;
}
#burger span:nth-child(2) {
  margin-bottom: 0;
  position: absolute;
  top: 8px;
}
#burger span:last-child {
  margin-bottom: 0;
}
#burger:hover span:nth-child(1) {
  transform: translateY(-2px);
}
#burger:hover span:nth-child(4) {
  transform: translateY(2px);
}
.openMenue #burger span:nth-child(1) {
  opacity: 0;
  transform: rotate(-90deg) translateX(-11px);
}
.openMenue #burger span:nth-child(2) {
  opacity: 1;
  transform: rotate(45deg);
}
.openMenue #burger span:nth-child(3) {
  opacity: 1;
  transform: rotate(-45deg);
}
.openMenue #burger span:nth-child(4) {
  opacity: 0;
  transform: translateY(-11px);
}

.headerScroll #burger span,
.active #burger span {
  background: #e81e48 none repeat scroll 0 0;
}




}





@media all and (min-width: 768px) {

}


/* L Tablet Landscape */
@media all and (min-width: 992px) {

	.fachbetriebe_item_inner .fachbetriebe_link {
		position: absolute;
		right: 20px;
		top: 20px;
		margin-top: 0;
	}
	.fachbetriebe_item_inner h3 {
	    margin-right: 164px;
	}
	.sub_caret {
		display: none;
	}
	#mainNav > ul > li.firstLevel:hover > ul {
		display: block;
	}
	.firstLevel > ul {
		position: absolute;
	}
	.secondLevel a {
	    background: #fff;
	    color: #333;
	    padding: 10px;
	    width: 200px;
	    display: block;
	}
	#mainNav > ul > li.firstLevel > ul .secondLevel a {
	    border-bottom: 1px solid #999;
	}
}

/* XL Laptop */
@media all and (min-width: 1200px) {

}

/* XXL Desktop */
@media all and (min-width: 1500px) {

}


/* mac 27 Zoll */
@media all and (min-width: 1900px) {

}