.big-left-img {
	background-image: url("/wp-content/uploads/2019/09/fuchs-gmbh-kopf-herz-handwerk-startseite.jpg");
}

.big-right-img {
	background-image: url("/wp-content/uploads/2019/09/fuchs-gmbh-mehr-wonne-im-bad-startseite.jpg");
}

.big-middle-img {
	background-image: url("/wp-content/uploads/2019/09/fuchs-haustechnik-kundendienst-kunden-laecheln-slider.jpg");
}


#small-slider img,#small-slider-second img{
	width:100% !important;
}

#bad-kueche-layer,#bad-kueche-layer1,#bad-kueche-layer2,#bad-kueche-layer3,#bad-kueche-layer4,#bad-kueche-layer5,#bad-kueche-layer6,#bad-kueche-layer7,#bad-kueche-layer8, #bad-kueche-layer9{
	display:none;
}

#home-slider .transparent-layer-left {
	font-size: 65px !important;
	width: 250px !important;
	letter-spacing: 16px;
	top: 54vh;
	padding: 4px 20px;
}

#badausstellung h1 {
	width: 270px;
}

p.leistungen-title{
	margin-top: 6px !important;	
}

#home-slider .jump-down img{
	width:30px;
}

.slideIMG img {
	height: 100vh;
}

#page-nav a {
	background-color: #f2f2f2;
	padding: 5px 6px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 13px;
	width: 128px;
	text-align: center;
	float: left;
	margin-bottom: 18px;
}

.orangebtn a, #heizungsrechner .whitebtn a {
	font-size: 14px;
	padding: 5px 6px;
	min-width:200px !important;
}

#heizung-sanitaer br{
	display:none;
}

.jump-down {
	top: 94vh;
}

#haustechnik-scroll{
	position: relative;
	width: 100%;
	height: 100px;
}

#oeffnungszeiten-row {
	padding-left: 0 !important;
}
	
#ueber-uns {
	width: 98%;
	padding-top: 40px;
	margin-bottom: 0;
}

#ueber-uns br{
	display:none;
}

#ueber-uns h1{
	width: 80%;
}

.slider-dots {
	margin-top: 6px;
}

.footer-kontakt{
	padding: 40px 0;
}

.subarea-wrapper{
	padding: 16px 0 !important;
}

#haustechnik-planung,#karriere {
	padding-top: 20px !important;
}

#leistungsspektrum{
	padding-bottom: 20px !important;
	
}

.left-side-half {
	width: 100% !important;
}

#home-slider {
	margin-bottom: 20px;
}

#haustechnik-planung-content,#heizung-sanitaer-content,#bad-kueche-content,#karriere-content{
	width: 100%;
}

.scroll{
	font-size: 50px;
	color: #d66702;
	text-align: center;
	cursor: pointer;
	margin-right: 15%;
	width: 50px;
	height: 50px;
	float: right;
	vertical-align: middle;
}

#trigger-overlay {
	padding: 15px 0px;
	float: right;
	cursor: pointer;
}

.footer-item{
	margin:0 3%;
	display: inline;
	float:none;
	font-size:14px;
}

#footer {
	margin-top:2px;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 20px;
	margin-bottom:0 !important;
}

.footer-men {
	float: none;
}

#fb-icon{
	display: inline-block;
	position: absolute;
	bottom: 14px !important;
	width: 36px;
	left: 14px;
}

#insta-icon{
	display: inline-block;
	position: absolute;
	bottom: 14px !important;
	width: 36px;
	left: 62px;
}

#houzz-icon{
	display: inline-block;
	position: absolute;
	bottom: 14px !important;
	left: 112px !important;
	width: 20px;
}



@media screen and (max-width: 359px){

	.subarea-left-img-wrapper {
		width: 100% !important;
	}
	
	#kundendienstdeundch .fuchs-fullwidth-area-inner, #karriere .fuchs-fullwidth-area-inner, .footer-kontakt .fuchs-fullwidth-area-inner,  .referenzen-overview-outer, #news-wrapper{
		width: 300px;
		margin-left:auto;
		margin-right:auto;
	}
	.footer-kontakt .kontakt-first, .footer-kontakt .kontakt-second, .footer-kontakt .kontakt-third{
		width:280px;
	}
	
	#page-nav, .leistung-details{
		width:280px;
	}
	
	.referenz-item-box img, .referenz-item-overlay {
		width: 300px;
		height: 300px;
	}
	
	.orange-custom-sub, h1, h2, .left-side-half p, #heizungsrechner .subarea-firsthalf,#heizungsrechner .subarea-secondhalf p, .left-side-half-big, .right-side-half-big, .orangebtn, #page-nav, .kontaktbadstudio-inner, .accordion, #marken .openclose div, #kontakt-content .custom-ul{
		max-width: 300px !important;
	}
	
	.referenz-item-box{
		display:block;
		margin:0 auto;
		width:300px;
	}
	
	#heizungsrechner .subarea-secondhalf, #kundendienst-times, #impressum-content p{
		width:300px !important;
	}
	
	#kundendienst .fuchs-fullwidth-area-inner, #kontaktbs .fuchs-fullwidth-area-inner{
		width: 300px;
		margin: 0 auto;
	}
	
	.referenzen-overview-outer, #news-wrapper, #impressum-content, #kontakt-content{
		margin-top: 90px;
	}

}


@media screen and (min-width: 360px) and (max-width: 599px){

	.referenzen-overview-outer, #news-wrapper, #impressum-content{
		margin-top: 90px;
	}
	
	#impressum-content p, #kundendienstdeundch .fuchs-fullwidth-area-inner, #karriere .fuchs-fullwidth-area-inner, .footer-kontakt .fuchs-fullwidth-area-inner, .referenzen-overview-outer, #news-wrapper{
		width: 320px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.subarea-left-img-wrapper {
		width: 100% !important;
	}
	
	#kundendienst .fuchs-fullwidth-area-inner, #kontaktbs .fuchs-fullwidth-area-inner{
		width: 320px;
		margin: 0 auto;
	}
	
	.heizung-imgholder {
		margin: 20px auto 0 auto;
	}
	
	.fuchs-infos {
		width: 320px !important;
		margin: 0 auto !important;
		display:block;
	}
	
	.footer-kontakt .kontakt-first, .footer-kontakt .kontakt-second, .footer-kontakt .kontakt-third{
		width:320px;
		display:block;
	}
	
	.leistung-details{
		width:300px;
		display:block;
	}
	
	#page-nav{
		width:280px;
	}
	
	.referenz-item-box img, .referenz-item-overlay {
		width: 320px;
		height: 320px;
	}
	
	#heizungsrechner .subarea-secondhalf{
		width:320px !important;
	}
	
	.orange-custom-sub, h1, h2, .left-side-half p, #heizungsrechner .subarea-firsthalf,#heizungsrechner .subarea-secondhalf p, .left-side-half-big, .right-side-half-big, .orangebtn, #page-nav, .kontaktbadstudio-inner, .accordion, #marken .openclose div, #kontakt-content .custom-ul{
		max-width: 320px !important;
	}
	
	.referenz-item-box{
		display:block;
		margin:0 auto;
		width:320px;
	}

}


@media screen and (min-width: 600px) and (max-width: 767px){

	.referenzen-overview-outer, #news-wrapper, #impressum-content, #kontakt-content{
		margin-top: 90px;
	}


	#impressum-content p, #kundendienstdeundch .fuchs-fullwidth-area-inner, #karriere .fuchs-fullwidth-area-inner, .footer-kontakt .fuchs-fullwidth-area-inner, .referenzen-overview-outer, #news-wrapper{
		width: 580px;
		margin-left:auto;
		margin-right:auto;
	}


	#kundendienstdeundch .fuchs-fullwidth-area-inner{
		width: 580px;
		margin-left:auto;
		margin-right:auto;
	}
	
	
	#kundendienst .fuchs-fullwidth-area-inner, #kontaktbs .fuchs-fullwidth-area-inner{
		width: 580px;
		margin: 0 auto;
	}
	
	.footer-kontakt .custom-icon-text-li {
		font-size: 16px;
	}
	
	.heizung-imgholder {
		margin: 20px auto 0 auto;
	}
	
	.fuchs-infos {
		width: 580px !important;
		margin: 0 auto !important;
		display:block;
	}
	
	.footer-kontakt .kontakt-first, .footer-kontakt .kontakt-second, .footer-kontakt .kontakt-third{
		width:580px;
		display:block;
	}
	
	.leistung-details{
		width:560px;
		display:block;
	}
	
	#page-nav{
		width:560px;
	}
	
	.referenz-item-box img, .referenz-item-overlay {
		width: 580px;
		height: 580px;
	}
	
	#heizungsrechner .subarea-secondhalf{
		width:580px !important;
	}
	
	.orange-custom-sub, h1, h2, .left-side-half p, #heizungsrechner .subarea-firsthalf,#heizungsrechner .subarea-secondhalf p, .left-side-half-big, .right-side-half-big, .orangebtn, #page-nav, .kontaktbadstudio-inner, .accordion, #marken .openclose div, #kontakt-content .custom-ul{
		max-width: 580px !important;
	}
	
	.referenz-item-box{
		display:block;
		margin:0 auto;
		width:580px;
	}
	
	#heizungsrechner {
		height: 400px !important;
	}
	
	.custom-icon-text-li {
		width: 200px !important;
	}

}


@media screen and (max-width:767px) {
	

	
	#kundendienstdeundch{
		padding: 30px 0;
	}
	
	.left-side-half-big, .left-side-half, .right-side-half-big{
		-ms-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;		
	}
	
	.leistung-details-img p {
		margin-top: 20px !important;
	}
	
	#leistungsspektrum {
		padding: 130px 0 0 0 !important;
	}
	
	.footer-kontakt {
		margin-top: 0;
	}
	
	.leistung-details-img p.leistung-title{
		margin-top:0 !important;
	}
	
	#projektbilder {
		padding: 50px 50px 20px 50px!important;
	}
	
	#impressum-content p, #kundendienst-times, .leistung-details, .kontakt-first, .kontakt-second, .kontakt-third, .orange-custom-sub, h1, h2, .left-side-half p, #heizungsrechner .subarea-firsthalf, .left-side-half-big, .right-side-half-big, .orangebtn, .kontaktbadstudio-inner, .accordion, #marken .openclose div{
		margin-left: auto !important;
		margin-right:auto;
		display: block;
	}
	
	#heizungsrechner .subarea-secondhalf p{
		padding:0 !important;
		margin-left:auto !important;
	}
	#heizungsrechner .subarea-firsthalf{
		padding-top:20px;
	}
	 
	#heizungsrechner .subarea-secondhalf{
		margin-left: auto;
		margin-right: auto;
	}
	 
	#heizungsrechner .whitebtn {
		margin-top: 20px;
	}
	 
	#heizungsrechner {
		height: 520px;
	}
	
	.fuchs-infos {
		margin:0 auto;
		padding: 0 !important;
	}
	
	#page-nav {
		padding: 20px 0;
	}
	
	.heizung-imgholder {
		margin-top: 20px;
	}
	
	.chflagge p {
		font-size: 10px;
	}
	
	.chflagge {
		width: 45px;
	}
	
	.referenz-content .orange-custom-sub, .referenz-content h1, .referenzen-descr-text-wrapper {
		padding: 0 5% !important;
	}
	
	.referenzen-overview-btn-wrapper{
		text-align:center;
	}
	
	.referenz-content{
		margin-top:60px;
	}
	
	.referenzen-item {
		padding: 0;
	}
	
	.referenzen-overview-btn {
		float: unset;
	}
	
	.referenzen-descr-text-wrapper {
		width: 100%;
	}
	
	.referenzen-img-wrapper {
		width: 100%;
	}
	
	.transparent-layer-left .trans-inner-wrapper {
		width: 80px;
	}
	
	.only-mobile{
		display:block;
	}
	
	.footer-kontakt .kontakt-second{
		margin-bottom:30px !important;
	}
	
	.kundendienst-times {
		width: 280px;
		padding-top: 0;
	}
	
	#kundendienst-ul, #kundendienst-ul-2 {
		margin-top: 10px !important;
	}
	
	
	#footer {
		display:block !important;
		margin-top: 0;
		padding:16px;
	}	
	
	.footer-item a {
		text-decoration: none;
		color: #4a4a4a;
		font-weight: 400;
		font-size: 12px;
	}
	
	#custom-logo-wrapper-mobile-men {
		width: 120px;
		margin-left: 20px;
	}
	
	.overlay .overlay-close {
		margin-top: 10px;
		margin-right: 12px;
	}
	
	.big-left-img {
		background-image: url("/wp-content/uploads/2019/09/fuchs-gmbh-kopf-herz-handwerk-startseite.jpg");
		height: 60vh;
		margin-top:60px;
	}
	
	.big-right-img {
		background-image: url("/wp-content/uploads/2019/09/fuchs-gmbh-mehr-wonne-im-bad-startseite.jpg");
		height: 60vh;
	}
	
	.big-middle-img {
		background-image: url("/wp-content/uploads/2019/09/fuchs-haustechnik-kundendienst-kunden-laecheln-slider.jpg");
		height: 60vh;
	}
	
	#custom-header {
		background-color: white;
		height: 64px;
		padding: 0 20px;
		padding-top: 20px;
	}
	
	.transparent-layer-left, .transparent-layer-middle, .transparent-layer-right {
		font-size: 28px;
		width: 165px;
		padding: 10px 20px;
		margin-top: 50px;
		line-height: 1.1;
		letter-spacing: 2px;
	}
	
	.home-badstudios-img img {
		display: none;
	}
	
	.more-wrapper-left, .more-wrapper-right, .more-wrapper-middle {
		margin-top: 40px;
	}
	
	.trans-inner-wrapper{
		width: 60%;
		margin: 0 auto;
	}
	
	.big-right-img .trans-inner-wrapper{
		width: 74%;
		margin: 0 auto;
	}
	
	.home-badstudios-img{
		display:none;
	}
	
	.big-left-img, .big-right-img, .big-middle-img{
		width: 100%;
		float: left;
	}
	
	.big-left-img .transparent-layer-left {
		background-color: rgba(255,255,255,0.35);
		color: black;
	}
	
	.big-middle-img .transparent-layer-middle {
		background-color: rgba(255,255,255,0.35);
		color: black;
	}
	
	.overlay nav {
		margin-top: 50vh;
	}
	
	.overlay ul li a {
		font-size: 7vw;
	}
		
	#mycustom-respon-nav{
		display:none;
	}
	
	.big-right-img .transparent-layer-right {
		background-color: rgba(255,255,255,0.35);
		color: black;
	}	
}


@media screen and (min-width: 768px) and (max-width: 1023px){
	
	.referenzen-overview-outer, #news-wrapper, #impressum-content, #kontakt-content{
		margin-top: 90px;
	}


	#impressum-content, #kundendienstdeundch .fuchs-fullwidth-area-inner, #karriere .fuchs-fullwidth-area-inner, .footer-kontakt .fuchs-fullwidth-area-inner, .referenzen-overview-outer, #news-wrapper{
		width: 750px;
		margin-left:auto;
		margin-right:auto;
	}

	#kontaktbs, #kundendienst, #kundendienstdeundch {
		padding: 40px 0 30px 0;
	}
	
	.subarea-wrapper {
		padding: 50px 0;
		display: block;
		margin:0 auto;
		max-width:750px;
	}
	
	.fuchs-infos {
		padding: 0 !important;
		margin-bottom: 100px !important;
	}
	
	.fuchs-infos div {
		padding: 10px 10px 0 10px !important;
	}
	
	#heizungsrechner {
		height: 420px;
	}
	
	#heizungsrechner .subarea-secondhalf p {
		padding-top: 20px;
		margin-left: 0;
	}
	
	.heizung-imgholder {
		margin-top: -30px;
	}
	
	.referenz-item-box img,.referenz-item-overlay {
		width: 234px;
		height: 234px;
	}
	
	.footer-kontakt .custom-icon-text-li {
		font-size: 16px;
	}
	
	.left-side-half {
		width: 50% !important;
	}

}

@media screen and (min-width: 1024px) and (max-width: 1279px){
	
	.referenzen-overview-outer, #news-wrapper, #impressum-content, #kontakt-content{
		margin-top: 90px;
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
   
	.left-side-half {
		width: 50% !important;
	}
	
	.subarea-wrapper {
		padding: 50px 0;
		display: block;
		margin:0 auto;
		max-width:1000px;
	}
	
	.fuchs-infos {
		padding: 0 !important;
		margin-bottom: 100px !important;
	}
	
	.fuchs-infos div {
		padding: 10px 10px 0 10px !important;
	}
	
	#heizungsrechner {
		height: 420px;
	}
	
	#heizungsrechner .subarea-secondhalf p {
		padding-top: 20px;
		margin-left: 0;
	}
	
	.heizung-imgholder {
		margin-top: -30px;
	}
	
	.referenz-item-box img,.referenz-item-overlay {
		width: 312px;
		height: 312px;
	}
}



@media screen and (min-width: 360px) and (max-width:767px){
	.big-left-img, .big-middle-img, .big-right-img {
		height: 280px;
	}
}	

@media screen and (min-width:768px)  and (max-width:899px){	
	
	.transparent-layer-left, .transparent-layer-right, .transparent-layer-middle {
		width: 220px;
		margin-top: 204px;
		line-height: 1.05;
		font-size: 36px;
	}
	
	.more-wrapper-left, .more-wrapper-middle {
		margin-top: 212px;
	}
	
	.transparent-layer-left .trans-inner-wrapper{
		width: 110px;
	}
	
	.transparent-layer-middle .trans-inner-wrapper {
		width: 170px;
	}
	
	.transparent-layer-right .trans-inner-wrapper {
		width: 140px;
	}
	
	.more-wrapper-right {
		margin-top: 38px;
	}
	
	.home-badstudios-img {
		width: 255px;
	}
}
	
	
@media screen and (min-width:900px)  and (max-width:1279px){	
	
	.transparent-layer-left .trans-inner-wrapper{
		width: 130px;
	}
	
	.transparent-layer-middle .trans-inner-wrapper {
		width: 205px;
	}
	
	.transparent-layer-right .trans-inner-wrapper {
		width: 160px;
	}
	
	.transparent-layer-left, .transparent-layer-right, .transparent-layer-middle {
		width: 270px;
		margin-top: 120px;
		line-height: 1;
		font-size: 44px;
	}
	
	.transparent-layer-right {
		margin-bottom: 0;
	}
	
	.transparent-layer-right .trans-inner-wrapper{
		width: 160px;
		margin: 0 auto;
	}
	
	.home-badstudios-img {
		width: 300px;
	}
	
	.more-wrapper-middle, .more-wrapper-left {
		margin-top: 196px;
	}
	
	.more-wrapper-right {
		margin-top: 18px;
	}
}


@media screen and (min-width:767px)  and (max-width:1279px){
	
	#ueber-uns {
		width: 600px;
		padding-top:90px;
	}	
	
	#intro-div {
		margin-top: 30vh;
	}
	
	#custom-header {
		padding: 0 1%;
		padding-top: 14px;
	}
	
	ul.custom-respon-nav li a {
		padding-left: 14px;
		font-size: 12px;
	}
	
	.men-div {
		margin-right: 0;
	}
	
	#footer {
		width: 100%;
	}	
}



@media screen and (min-width:1000px) and (max-width:1200px){
	.transparent-layer-left {
		width: 50%;

	}
	.transparent-layer-right {
		width: 270px;
	}

	.word-three{
		letter-spacing:5.3px;
	}


}


/* Landscape exception */
@media only screen and (max-device-width: 670px) and (orientation: landscape) {
	.overlay-men, .overlay-men.open {
		margin-top: 0px !important;
	}
}

@media only screen and (min-width:800px) and (max-width:900px) and (orientation: landscape) {
	.transparent-layer-left, .transparent-layer-right, .transparent-layer-middle {
		margin-top: 100px;
		line-height: 1;
		font-size: 30px;
	}
	
	.more-wrapper-right {
		margin-top: 14px;
	}
	
	.transparent-layer-right{
		margin-bottom: 0;
	}
	
	.more-wrapper-left,.more-wrapper-middle {
		margin-top: 164px;
	}
}


@media screen and (max-width:767px){
	#outer-footer {
		background-color: white;
		margin-top:80px;
	}
	
	.referenzen-item {
		margin-top: 70px;
		padding: 40px 0% !important;
	}
}	

@media screen and (min-width:768px) and (max-width:1279px){	
	.referenzen-item {
		margin-top: 70px;
		padding: 40px 5% !important;
	}
}


@media screen and (max-width:1279px){
	
	#wpgmza_map_1 {
		margin-left:-5%;
		margin-top: 50px;
		margin-bottom: 50px;
		width: 100vw !important;
	}
	
	.custom-page-content {
		padding: 0;
		margin-bottom: 0px;
		width: 100%;
	}
	#kontakt-content {
		padding: 0 5%;
		padding-top: 110px;
		padding-left: 5%;
		margin-bottom: 0px;
		width: 97%;
	}

	.two-third-right{
		margin-top: 80px;
	}

	#impressum-content p{
		padding-top: 18px;
	}
}



@media screen and (max-width: 400px) {
	h1 {
		font-size:30px;
	}
}


@media screen and (max-width: 766px) {
	#custom-logo-wrapper {
		height: 48px;
		margin-top: -8px;
	}
}