@media only screen and (max-width: 1600px) and (min-width: 1199px) {
	.wrap {
		width: 90%;
	}
	.submenu {
		width: 90%;
	}

	.submenu li a {
		font-size: 16px !important;
	}

}


@media only screen and (max-width: 1302px) {
	.facts {
		height: 362px;
	}

	.facts ul {
		margin: 20px 0px 71px 18px !important;
	}
}

@media only screen and (max-width: 1199px) and (min-width: 604px) { /* #################################################### */
	.fixedMenu {
		display: none !important;
	}

	.menu.wrap {
		padding: 0px;
	}

	.home.wrap.text {
		width: 90%;
	}

	.fixedHeader + .main, .fixedHeader + .slider {
		margin-top: 120px;
	}
	.mitarbeiter {
	    width: 48%;
	    margin: 0 1%;
	    float: left;
	    padding: 30px 0;
	    min-height: 352px;
	}
	.tabletonly {
		display: block;
	}
	.wrap {
		width: 100%;
		padding: 0 25px;
	}
	#devinfo {
		display: none;
	}
	.home.text {
		padding: 0 15px;
	}
	.menu li {
		width: 33%;
	}

	.bxslider-li {
		height: 335px;
		background-position: 50%!important;
	}

	.facts {
		background-size: 28%;
	}

	.premium {
		background-size: 60%;
	}

	a.btn-facts-white {
		margin-bottom: 10px;
	}

	.boxes {
		padding: 40px 0;
		font-size: 16px;
		width: 90%;
	}

	.boxes .box:before {
		background: url('../images/handwerk-icon.png') #00ab9f 50% 50% no-repeat;
		background-size: 75%;
		width: 100px;
		background-size: 75%;
		height: 190px;
		display: block;
		float: left;
		content: '';
	}

	.boxes .box.steuer:before {
		background: url('../images/steuer-icon.png') #00ab9f 50% 50% no-repeat;
		background-size: 75%;
	}
	.boxes .box .content {
		padding: 20px 20px 20px 120px;
	}

	.kontakt {
		background: #ededed;
	}

	.footer .border {
		width: 190px;
		padding: 15px 0 0;
	}

	.sidebar {
		width: 31%;
	}
	.text.sidebar {
		width: 90%;
   		margin: 0 5%;
	}

	.main .wrap.col2 {
		padding-bottom: 30px;
	}

	a.subpagebox {
		margin-top: 25px;
	}

	.mitarbeiter .img {
		margin: 0 auto;
		float: none;
	}

	.mitarbeiter .content-wrap {
		width: 100%;
		text-align: center;
		padding: 0;
	}

	.contactbar {
		padding: 5% 0 5% 20px;
	}

	.menu {
		display: none;
	}

	a.logo {
		width: 100%;
		margin: 60px 0px 0px 0px;
	}
	.contactbar {
		width: 100%;
		position: fixed;
		top: 0;
		padding: 15px 0 10px;
		margin-left: -15px;
		margin-right: -15px;
		background: #EDEDED;
		line-height: 0;
		border-bottom: 1px solid #CCC;
		z-index: 200;
	}

	.quickcall, .quickmail, .quickmenu {
		text-indent: -9999px;
		visibility: hidden;
		width: 33%;
		margin: 0;
		padding: 5px 0px;
	}
	.quickmenu {
		display: block;
	}
	.quickcall:before, .quickmail:before, .quickmenu:before {
		visibility: visible;
		float: none;
		display: block;
		margin: 0 auto;
	}

	.menu li {
		text-align: center; 
		width: 100%;
	}

	.boxes .box {
		width: 100%;
		margin: 0 0 25px 0;
	}

	.facts {
		height: 414px;
	}
}

@media only screen and (max-width : 1136px) {
	.facts {
		height: 440px;
	}

	.cta-content-box.right {
		padding: 38px 0px 38px 25px;
	}




}

@media only screen and (max-width : 985px) and (min-width: 605px) { /* #################################################### */
	.quickmail {
		margin-right: 0;
	}


	.cta-content-box.left {
		border-radius: 5px 5px 0px 0px;
		width: 100%;
	}

	.cta-content-box.right {
		border-radius: 0px 0px 5px 5px;
		width: 100%;
	}

	.facts {
		float: none;
		width: 100%;
		background-size: 14%;
		height: auto;
	}

	.facts ul {
		margin-bottom: 20px !important;
	}

	.premium {
		float: none;
		width: 100%;
		background-size: 45%;
	}
}

@media only screen and (max-width : 800px) {
	.no-lumpprice p {
		width: 100%;
	}	
	.button--preisrechner {
		width: 100%;
		margin: 20px 0 0;
	}

	figure.bauarbeiter {
		float: right;
		width: 25%;
		margin-left: 40px;
	}

	.fixedMenu {
		display: none;
	}

	.button--preisrechner {
		margin-bottom: 20px;
	}


}


@media only screen and (max-width : 605px) { /* #################################################### */
	.fixedHeader + .main, .fixedHeader + .slider {
		margin-top: 0px;
	}

	.fixedmenu {
		display: none;
	}

	.sidemenu {
		display: none;
	}
	.menu.wrap {
		display: none;
	}
	.desktop {
		display: none;
	}

	.phoneonly {
		display: block;
	}

	h1 {
		font-size: 1.6em;
	}
	h2 {
		font-size: 1.5em;
	}

	#devinfo {
		display: none;
	}
	.wrap {
		width: 100%;
		padding: 0 25px;
	}
	ul.menu.wrap {
		padding: 0;
	}
	.home.text {
		padding: 0 15px;
	}


	.boxes .box {
		width: 100%;
		margin: 10px 0;
	}
	.boxes .box .content {
		padding: 15px;
	}
	.boxes .box:before {
		width: 100%;
		height: 100px;
		margin-bottom: 15px;
		background-size: 30%!important;
	}
	.box a.pdf-download {
		background-size: auto 25px;
		display: block;
		padding: 7px 0 7px 25px;
	}
	.boxes .box a .headline {
		color: #00ab9f;
	}

	.sidebar {
		width: 100%;
	}

	.kontakt, .facts, .premium {
		display: none;
	}

	.text.sidebar {
		width: 100%;
	}

	.main .wrap.col2 {
		padding-bottom: 30px;
	}

	li.listitem.arrow {
	    background: url('../images/check-green.svg') 3px 0% no-repeat;
		background-size: 20px;
		background-position: 1% 50%;
	}

	.kundenreferenzen a h3 {
		font-size: 1.7em;
	}

	.footer .c1-3 {
		width: 100%;
		margin-bottom: 20px;
	}

	.footermenu ul li {
		width: 50%;
		margin: 0;
	}

	a.subpagebox {
		width: 100%;
		margin: 10px 0 0;
	}

	.mitarbeiter {
		width: 100%;
	}

	.mitarbeiter .img {
		margin: 0 auto;
		float: none;
	}

	.mitarbeiter .content-wrap {
		float: none;
		width: 100%;
		padding: 0;
	}	

	input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.cont-field input, .cont-field-text textarea {
		width: 100%;
		border: 1px solid #ededed;
	}

	.cont-field input, .cont-field-text textarea {
		width: 100%;
		min-width: 1px;
	}
	.cont-field select {
		min-width: 100%;
	}
	.cont-button {
		float: none;
		width: 100%;
	}
	.nosidebar {
		width: 100%;
	}

	.preiskalkulator .question.check, .preiskalkulator .question.radio {
		margin-top: -45px;
		margin-left: 47px;
	}

	.preiskalkulator_new input[type="text"] {
		width: 100%;
	}
	.preiskalkulator .question.check, .preiskalkulator .question.radio, .preiskalkulator_new .question.check, .preiskalkulator_new .question.radio {
		margin-top: 7px;
	}
	.preiskalkulator--infobox .col span {
		width: 100%;
	}

	#slbc .premium {
		display: block;
	}

	.news .fr.newsimage {
		float: none!important;
		width: 100%;
		text-align: center;
	}

	.news .fr.newsimage img {
		margin: 0 auto;
	}

	ul.newsarticle-img li {
		width: 50%;
	}
	#lbImage {
		background-size: contain;
	}
	.footer p {
		margin: 0;
	}

	.backto {
		padding-left: 10px;
	}

	.backto a {
		width: 100%;
	}
	.footer a.inlinetel {
		text-decoration: underline;
		cursor: pointer;
	}

	figure.bauarbeiter {
		float: right;
		height: 300px;
		margin-left: 40px;
		width: 33%;
	}

	.hinweis {
		margin-top: 50px;
	}

	
	.cta-content {
		background-image: none;
		background: rgb(221,221,223);
		background: radial-gradient(circle, rgba(221,221,223,1) 1%, rgba(240,240,240,1) 50%, rgba(221,221,223,1) 100%);


	}

	

	.cta-text {
		width: 100%;
	}

	footer img {
		width: 50%;
	}
}

@media only screen and (max-width : 605px) and (min-width: 320px) { /* #################################################### */
	a.logo {
		width: 100%;
		margin: 60px 0px 0px 0px;
	}

	.home.wrap.text {
		width: 90%;
	}

	.contactbar {
		width: 100%;
		position: fixed;
		top: 0;
		padding: 15px 0 10px;
		margin-left: -15px;
		margin-right: -15px;
		background: #EDEDED;
		line-height: 0;
		border-bottom: 1px solid #CCC;
		z-index: 200;
	}

	.quickcall, .quickmail, .quickmenu {
		text-indent: -9999px;
		visibility: hidden;
		width: 33%;
		margin: 0;
		padding: 5px 0px;
	}
	.quickmenu {
		display: block;
	}
	.quickcall:before, .quickmail:before, .quickmenu:before {
		visibility: visible;
		float: none;
		display: block;
		margin: 0 auto;
	}

	.menu li {
		text-align: center; 
		width: 100%;
	}

	.link_button {
		margin-bottom: 10px;
		margin-right: 0;
	}

	.cta-content-box.right {
		background-size: 30%;
		background-position: 100% 100%;
	}
}

@media only screen and (max-width : 767px) and (min-width: 606px) { /* #################################################### */


}