/*
Theme Name: vllpfh
Theme URI: http://code108.de/
Description: Das WordPress-Theme fuer Fuchs-Haustechnik
Version: 1.0.0
Author: Code108
Author URI: http://code108.de/
*/


/* Layout allgemein */

html, body 
{
	overflow-x: hidden;
}

/* Fehlerbeseitigung Veränderung Font-Weight mit Fade-Animation des Sliders */
.custom-respon-nav{
	-webkit-font-smoothing: antialiased;
}

ul.custom-respon-nav li a:hover {
	color: #d66702 !important;
}

body 
{
	margin:0;
	font-family: 'Source Sans Pro', sans-serif;
}


.orangebtn a{
	background-color: #d66702;
	color: white !important;
	min-width: 224px !important;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	margin-top: 20px;
	margin-bottom: 20px;
}

.orangebtn a:visited{
	color: white !important;
}

/* Kundendienst */

#kundendienst{
	background-color:#f2f2f2;
}

#kundendienst-ul a:hover, #kundendienst-ul-second a:hover, #kundendienst-ul-top a:hover, #kundendienst-ul-top-second a:hover, #kundendienst-ul-2 a:hover, #oeffnungszeiten a:hover,#karriere-ul a:hover,#kontakt-content a:hover,#impressum-content a:hover{
	color: #d66702 !important;
}

a, a:visited {
	color: #4a4a4a !important;
	text-decoration: none;
}

/* Text-Elemente allgemein */
.orange-custom-sub{
	color: #d66702;
	font-style:italic;
	font-size:24px;
}

h1, h2, h3{
	color:#4a4a4a;
	margin-top: 8px;
	margin-bottom: 18px;
	font-size: 36px;
}

p{
	font-size:20px;
	color: #4a4a4a;
	font-weight: 300;
	line-height: 1.4;
}

.custom-bold {
	color: #4a4a4a;
	font-size: 32px;
	font-weight: 700;
	margin-top: 40px;
	margin-bottom: 20px;
}

.cust-orange-highlight {color:#d66702;font-weight:400;}

.cust-black-highlight {font-weight:400;}

/* Seitenmenü */
#page-nav{
	display: table;
	margin:0 auto;
	padding: 90px 0;
}

#page-nav a{
	background-color:#f2f2f2;
	padding: 10px 20px;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	width: 23%;
	text-align: center;
	font-size:14px;
}

#page-nav a:hover{
	background-color:#d66702;
	color:white !important;
}

a.activePageNav{
	background-color:#d66702 !important;
	color:white !important;
}


#boffi-details{
	margin-top:40px !important;
	display: block;
}

#oeffnungszeiten-row {
	margin-top: 40px !important;
}


/* Google Map */
#wpgmza_map_1{
	margin-top:90px;
	margin-bottom: 90px;
	width: 1000px !important;
}

/* Icon Elemente */
ul.custom-ul {
	list-style: none;
	padding-left:0;
	display:inline-block;
	margin-top:0 !important;
	margin-bottom:0 !important;
	vertical-align: top;
}

.custom-icon-text-standort {
	background: url("img/fuchs-gmbh-kontakt-standort.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	float: left;
}

.custom-icon-text-standort-boffi {
	background: url("img/boffi-studio-kontakt-standort.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	width: 220px;
	float: left;
}

.custom-icon-text-tel{
	background: url("img/fuchs-gmbh-kontakt-telefonnummer.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	float: left;
}

.custom-icon-text-tel-boffi{
	background: url("img/boffi-studio-kontakt-telefon.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	width: 300px;
	float: left;
}

.custom-icon-text-kundendienst{
	background: url("img/fuchs-gmbh-kontakt-kundendienst.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	width: 300px;
	float:left;
}

#custom-icon-text-kundendienst{
	background: url("img/fuchs-gmbh-kontakt-kundendienst.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	width: 300px;
	float:left;
}

#custom-icon-text-karriere{
	background: url("img/fuchs-gmbh-karriere.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	width: 300px;
	float: left;
}

#custom-icon-text-karriere-mail{
	background: url("img/fuchs-gmbh-karriere-mail.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	float: left;
}

.custom-icon-text-kd-mail{
	background: url("img/fuchs-gmbh-karriere-mail.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	float: left;
}

#custom-icon-text-kd-mail{
	background: url("img/fuchs-gmbh-karriere-mail.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	float: left;
}

#custom-icon-text-standort {
	background: url("img/fuchs-gmbh-kontakt-standort.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	width: 220px;
	float: left;
}

#custom-icon-text-standort-boffi {
	background: url("img/boffi-studio-kontakt-standort.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	width: 220px;
	float: left;
}


#custom-icon-text-tel{
	background: url("img/fuchs-gmbh-kontakt-telefonnummer.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	width: 300px;
	float: left;
}

#custom-icon-text-tel-boffi{
	background: url("img/boffi-studio-kontakt-telefon.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	width: 300px;
	float: left;
}

#custom-icon-text-kundendienst{
	background: url("img/fuchs-gmbh-kontakt-kundendienst.png") no-repeat;
	background-size: auto auto;
	padding-left: 62px;
	background-size: 40px;
	width: 300px;
	float:left;
}


.custom-icon-text-li{
	color: #4a4a4a;
	font-size:20px;
	font-weight: 300;
	line-height: 1.4;
}

.custom-icon-text-li-kd,.custom-icon-text-li-karriere{
	color: #4a4a4a;
	font-size:32px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
}

#kundendienst-ul, #kundendienst-ul-top, #kundendienst-ul-top-second, #kundendienst-ul-second{
	margin-top:0px !important;
	width: 100%;
}

#kundendienst-el{width:100%;}
#kundendienst-ul-2, #karriere-ul{margin-top:30px !important; max-width: 700px;}
.kundendienst-times{margin-bottom: 26px;}

/* Intro */
#intro-div{
	text-align: center;
	margin-top: 40vh;
}

/* Header */
#custom-header{
	width: 100%;
	display: inline-block;
	position:absolute;
	background-color:rgba(255,255,255,0.35);
	z-index: 1;
}

#custom-logo-wrapper {
	height: 58px;
	background-image: url("/wp-content/uploads/2019/09/fuchs-haustechnik-seit-1962-logo.png");
	background-size: 100%;
	background-repeat:no-repeat;
	width: 120px;
	float:left;
}

#custom-logo-wrapper-mobile-men {
	height: 58px;
	background-image: url("/wp-content/uploads/2019/09/fuchs-haustechnik-seit-1962-logo.png");
	background-size: 100%;
	background-repeat:no-repeat;
	width: 200px;
	float:left;
	margin-left: 24px;
	margin-top: 12px;
}

/* Main Menu */
.men-div{
	display:inline-block;
	float:right;
	margin-top:14px;
}
	
ul.custom-respon-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: right;
}

ul.custom-respon-nav li {float: left;}

ul.custom-respon-nav li a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	color:#4a4a4a;
	font-size: 14px;
	padding: 0 16px;
}

#nav ul li .active {color: #d66702;;}
ul.custom-respon-nav li a:hover {color: #d66702;}
#inhalt {min-height:300px;}

/* Home */
.big-left-img{
	background-image: url("/wp-content/uploads/2019/09/fuchs-gmbh-kopf-herz-handwerk-startseite.jpg");
	background-size: 100%;
	background-repeat:no-repeat;
	height: 100vh;
	background-size: cover;
	background-position: 20% 10%;
}

.big-middle-img{
	background-image: url("img/fuchs-01@3x.png");
	background-size: 100%;
	background-repeat:no-repeat;
	height: 100vh;
	background-size: cover;
	background-position: 20% 10%;
}

.big-right-img{
	background-image: url("/wp-content/uploads/2019/09/fuchs-gmbh-mehr-wonne-im-bad-startseite.jpg");
	background-size: 100%;
	background-repeat:no-repeat;
	height: 100vh;
	background-size: cover;
	background-position: 20% 50%;
}

.big-left-img, .big-right-img{
	width:33%;
	float:left;
}


.big-middle-img{
	width:34%;
	float:left;
}

.transparent-layer-left, .transparent-layer-middle, .transparent-layer-right{
	text-transform:uppercase;
	font-size:48px;
	margin: 0 auto;
	width: 270px;
	background-color: rgba(255,255,255,0);
	letter-spacing: 5px;
	font-weight: 600;
	margin-top: 240px;
	line-height:1;
	color:transparent;
	padding: 22px 0;
}

.transparent-layer-right{
	margin-bottom: 24px;
}

.transparent-layer-middle .trans-inner-wrapper{
	margin: 0 auto;
	width: 220px;
}

.transparent-layer-right .trans-inner-wrapper{
	margin: 0 auto;
	width: 176px;
}

.transparent-layer-left .trans-inner-wrapper{
	margin: 0 auto;
	width: 140px;
}

.home-badstudios-img{
	visibility:hidden;
	width: 68%;
	padding: 10px 40px;
	margin: 0 auto;
	text-align: center;
}

.home-badstudios-img img{
	width:80%;
	padding-top:22px;
}

.more-wrapper-left{
	text-align:center;
	margin-top:230px;
}

.more-wrapper-middle{
	text-align:center;
	margin-top:230px;
}

.more-wrapper-right{
	text-align:center;
	margin-top:34px;
}

.custom-more-left{
	text-align: center;
	color: #4a4a4a;
	background-color: white;
	font-weight: 400;
	text-decoration: none;
	padding: 4px 20px;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	margin-top:80px;
	width: 130px;
	margin: 0 auto;
}

.custom-more-middle{
	text-align: center;
	color: #4a4a4a;
	background-color: white;
	font-weight: 400;
	text-decoration: none;
	padding: 4px 20px;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	margin-top:80px;
	width: 130px;
	margin: 0 auto;
}

.custom-more-right{
	text-align: center;
	color: #4a4a4a;
	background-color: white;
	font-weight: 400;
	text-decoration: none;
	padding: 4px 24px;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	margin-top:80px;
	width: 130px;
	margin: 0 auto;	
}

.big-left-img:hover .transparent-layer-left{
	background-color: rgba(255,255,255,0.35);	
	color:black;
}

.big-right-img:hover .transparent-layer-right{
	background-color: rgba(255,255,255,0.35);	
	color:black;
}

.big-right-img:hover .home-badstudios-img{
	visibility:visible;
}

.big-middle-img:hover .transparent-layer-middle{
	background-color: rgba(255,255,255,0.35);	
	color:black;
}


.big-middle-img:hover .custom-more-middle{
	color: white !important;
	background-color: #D56802;
}

.big-right-img:hover .custom-more-right{
	color: white !important;
	background-color: #D56802;
}

.big-left-img:hover .custom-more-left{
	color: white !important;
	background-color: #D56802;
}

.big-left-img:hover,.big-right-img:hover,.big-middle-img:hover {
	cursor:pointer;
}

.custom-more-left:hover,.custom-more-right:hover ,.custom-more-middle:hover {
	background-color: #D56802;
	color:white;
}

/* Carousal*/

/* License for the slick Carousal: The MIT License (MIT)
Copyright (c) 2013-2016

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

/* based on kenwheeler/slick, which is licensed under the MIT License

/* Slider */



.jump-down{
	display:block;
	text-align:center;
	-webkit-animation: bounce 2s infinite ease-in-out;
	-moz-animation: bounce 2s infinite ease-in-out; 
	-o-animation: bounce 2s infinite ease-in-out;
	-ms-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out;
	cursor: pointer;
	margin-top: -120px;
	margin-bottom: 86px;
	opacity:1 !important;
}

.jump-down img{
	opacity:1 !important;
}


@-webkit-keyframes bounce {
	0%, 20%, 60%, 100%  { -webkit-transform: translateY(0);}
	40%  { -webkit-transform: translateY(-20px);}
	80% { -webkit-transform: translateY(-10px);}
}

.slideIMG {display:none}

.slideIMG img{
	width: 100%;
	object-fit: cover;
	height: 120vh;
}

.slider-container {
	position: relative;
	margin: auto;
}

.slider-dots{
	position: relative;
	margin-top:-90px;
}

.navdot {
	cursor:pointer;
	height: 10px;
	width: 10px;
	margin: 0 5px;
	background-color: #d8d8d8;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.navdot.active, .navdot:hover {
	background-color: #d66702;
}

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 2s;
	animation-name: fade;
	animation-duration: 2s;
	color: #FFFFFF;
	text-align: center;
}


@-webkit-keyframes fade {
	from {opacity: 0.7;} 
	to {opacity: 1.0;}
}

@keyframes fade {
	from {opacity: 0.7;} 
	to {opacity: 1.0;}
}

#home-slider{
	margin-bottom:50px;
	display: table !important;
	width: 100%;
}

/* Standard-Elemente */
.subarea-right-img-wrapper{
	width: 76%;
	float: right;
	margin: 40px 0;
}

.subarea-right-img-wrapper img{
	width:100%;
}

.after-subarea-right-img-wrapper{
	clear:both;
}

/* Referenzen */

#aktuellereferenzen .orangebtn a{
	width: 170px;
	min-width: 170px !important;
}

.referenzen-item .small-slider-container img{
	width:100%;;
}

.referenzen-item .navdotSmall{
	cursor:pointer;
	height: 10px;
	width: 10px;
	margin: 0 5px;
	background-color: #d8d8d8;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.referenzen-item .navdotSmall.active, .referenzen-item .navdotSmall:hover{
	background-color: #d66702;
}

.referenzen-item #smallSliderDots{
	margin-top:10px;
}

.referenzen-item #small-slider{
	padding-bottom: 10px;
	margin-top: 80px;
}

.referenzen-item #small-slider p{
	margin-bottom:10px !important;
}

.referenzen-item{
	display: block;
	position: relative;
}

.referenzen-overview-btn{
	background-color:#d66702;
	color: white !important;
	padding: 10px 20px;
	float:right;
}

.referenzen-overview-btn:visited{
	color: white !important;
}

.referenzen-img-wrapper{
	width:70%;
	float:right;
}

.referenzen-img-wrapper img{
	width:100%;
	margin: 20px 0 50px 0;
}

.referenzen-descr-text-wrapper{
	width:50%;
	clear:both;
}

.referenzen-overview-btn:hover{
	background-color:#4a4a4a;
	color: white !important;
}

/* Footer */

#footer{
	max-width: 1100px;
	margin: 0 auto;
	padding: 25px 0;
}

.footer-item{
	list-style:none;
	font-size: 16px;
	font-weight: 300;
	display: inline-block;
	margin: 0 16px;
}

.footer-item a{
	text-decoration:none;
	color:#4a4a4a;
	font-weight: 400;
	font-size: 14px;
}

.footer-nav{
	padding:0;
	margin:0;
	width: 280px;
	margin: 0 auto;
}

.footer-kontakt{
	background-color: #f2f2f2;
	padding: 20px 0;
	margin-top: 60px;
}

.footer-kontakt .kontakt-first {
	width: 23%;
	display: inline-block;
	vertical-align: top;
}

.footer-kontakt .kontakt-second{
	width: 40%;
	display: inline-block;
}

.footer-kontakt .kontakt-third{
	width: 35%;
	display: inline-block;
}

.footer-kontakt .custom-icon-text-standort{
	margin-bottom:40px;
}

#outer-footer{
	background-color: white;
}

/* CH Flagge */

.chflagge{
	position:fixed;
	bottom:8px;
	right:8px;
	width:55px;
}

.chflagge a{
	display:block;
}

.chflagge img{
	width:100%;
}

.chflagge p{
	text-align:center;
	margin:0;
	font-size:12px;
}

/* Heizungsrechner Bereich auf Unterseiten */

#heizungsrechner {
	background-color: #d56802;
	height: 320px;
}

#heizungsrechner .white-custom-sub{
	color:white;
	font-style:italic;
	font-size:18px;
}

.heizung-imgholder {
	display:block;
	position:relative;
	left:45%;
	margin-top: -70px;
	max-width: 450px;
}

.heizung-imgholder img{
	width:100%;
}

#heizungsrechner .whitebtn{
	margin-top: 40px;
}

#heizungsrechner .subarea-firsthalf{
	display:inline-block;
	width:50%;
	padding-top: 50px;
}

#heizungsrechner .subarea-secondhalf{
	display:inline-block;
	vertical-align:top;
}

#heizungsrechner h2{
	margin-bottom:20px;
}

#heizungsrechner .subarea-secondhalf p{
	color:white;
	margin:0;
	padding-top: 50px;
	max-width: 450px;
	margin-left: 30px;
}


#heizungsrechner .whitebtn a{
	background-color: white !important;
	color: #d66702 !important;
	padding: 10px 10px;
	min-width: 240px !important;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}


/* Referenzen Übersicht */

.referenzen-overview-outer{
	display:block;
	margin-top: 170px;
}

.referenzen-overview-wrapper{
	margin: 50px 0;
}

.referenz-item-box{
	width: 33%;
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.referenz-item-box img{
	display: block;
	object-fit: cover;
	width: 346px;
	height: 346px;
}

.referenz-item-title{
	width:220px;
	font-weight: 600;
	font-size: 20px;
	margin-top: 11px;
	margin-bottom: 26px;
}

.referenz-item-box img:hover{
	cursor:pointer;
}

.referenz-item-overlay:hover{
	opacity: 1;
	cursor:pointer;
}

.referenz-item-box img:hover .referenz-item-overlay{
	opacity: 1;
}

.referenz-item-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: .3s ease;
	background: rgba(214, 103, 2, 0.77);
	color:white;
	width: 346px;
	height: 346px;
}

.referenz-item-overlay-text {
	text-align: center;
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.referenzen-overview-nav a{
	color:#9b9b9b !important;
	font-size: 20px;
	margin:0 10px;
}

.referenzen-overview-nav a:hover{
	color:#d56802 !important;
}

.referenzen-overview-nav{
	text-align:center;
	margin:50px 0;
	padding: 0 24px 0 0;
}

/* mobiles Menü*/	
.mobile-menu{height:70px;}

#intro-div img{width:500px;}	


@media screen and (max-height:600px){
	#home-slider .transparent-layer-left {
		top: 50vh !important;
	}
}

@media screen and (max-height:600px){
	.jump-down{
		margin-top: -50px;
		margin-bottom: 20px;
	}
}

.only-mobile{display:none;}


/* @Media Queries */
@media screen and (min-width:1280px){
	.slider-dots{
		position: relative;
		margin-top:30px;
	}

	.jump-down {margin-top:-220px;margin-bottom:100px;}

}


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

	.left-side-half{
		width: 500px;
	}
}

@media screen and (min-width:1280px) and (max-height:790px) and (max-width:1399px) {
	
	.transparent-layer-left {
		font-size: 48px;
		margin-top: 120px;
		margin-bottom: 120px;
		line-height: 1;
	}
		
	.transparent-layer-middle {
		font-size: 48px;
		margin-top: 120px;
		margin-bottom: 120px;
		line-height: 1;
	}
	
	.transparent-layer-right {
		font-size: 48px;
		margin-top: 120px;
		margin-bottom: 18px;
		line-height: 1;
	}
		
	.more-wrapper-right {
		margin-top: 32px;
	}
	
	.more-wrapper-left, .more-wrapper-middle {
		margin-top: 220px;
	}
	
	.custom-more-left,.custom-more-right,.custom-more-middle {
		font-size: 16px;
		padding: 4px 30px;
	}			
}


@media screen and (min-width:1300px)  and (max-width:1699px){

	.referenz-item-box img, .referenz-item-overlay {
		width: 320px;
		height: 320px;
	}
	
	.jump-down {margin-top:-260px;margin-bottom:150px;}
	
	#page-nav a{width: 23.2%;}
	
	#wpgmza_map_1{
		margin-top:100px;
		margin-bottom: 100px;
		width: 1000px !important;
	}
		
	.transparent-layer-left, .transparent-layer-middle, .transparent-layer-right {
		font-size: 68px;
		width: 380px;
		margin-top: 160px;
		margin-bottom: 120px;
		line-height: 1;
	}
	
	.transparent-layer-left .trans-inner-wrapper{
		width: 190px;
		margin: 0 auto;
	}	
	
	.transparent-layer-right .trans-inner-wrapper{
		width: 244px;
		margin: 0 auto;
	}
	
	.transparent-layer-middle .trans-inner-wrapper{
		width: 300px;
		margin: 0 auto;
	}
	
	.transparent-layer-right {
		margin-bottom: 30px;
	}
		
	.more-wrapper-right {
		margin-top: 40px;
	}
	
	.more-wrapper-left, .more-wrapper-middle {
		margin-top: 253px;
	}
	
	.custom-more-left,.custom-more-right,.custom-more-middle {
		font-size: 16px;
		padding: 4px 30px;
	}			
}

@media screen and (min-width:1500px)  and (max-width:1699px){
	
	.referenz-item-box img, .referenz-item-overlay {
		width: 350px;
		height: 350px;
	}
	
	.transparent-layer-left, .transparent-layer-middle, .transparent-layer-right {
		font-size: 68px;
		width: 380px;
		margin-top: 160px;
		margin-bottom: 120px;
		line-height: 1;
	}
	
	.transparent-layer-right {
		margin-bottom: 50px;
	}
	
	.more-wrapper-right {
		margin-top: 60px;
	}
	
	.more-wrapper-left, .more-wrapper-middle {
		margin-top: 323px;
	}
	
	.transparent-layer-left .trans-inner-wrapper{
		width: 190px;
		margin: 0 auto;
	}	
	
	.transparent-layer-right .trans-inner-wrapper{
		width: 244px;
		margin: 0 auto;
	}
	ul.custom-respon-nav li a{
		font-size:16px;
	}
}
	
@media screen and (min-width:1700px) and (max-width:2199px){
	
	.jump-down {margin-top:-300px;margin-bottom:180px;}

	#wpgmza_map_1{
		margin-top:120px;
		margin-bottom: 120px;
		width: 1300px !important;
	}
		
	.transparent-layer-left .trans-inner-wrapper{
		width: 200px;
		margin: 0 auto;
	}
		
	.transparent-layer-right .trans-inner-wrapper{
		width: 280px;
		margin: 0 auto;
	}
	
	.transparent-layer-middle .trans-inner-wrapper{
		width: 340px;
		margin: 0 auto;
	}
		
	.transparent-layer-left, .transparent-layer-middle, .transparent-layer-right {
		font-size: 78px;
		width: 420px;
		margin-top: 300px;
		margin-bottom: 120px;
		line-height: 1;
	}
		
	.transparent-layer-right {
		margin-bottom: 48px;
	}
		
	.custom-more-left, .custom-more-right, .custom-more-middle {
		font-size: 20px;
		padding: 4px 34px;
	}
		
	.more-wrapper-left {
		margin-top:354px;
	}
	
	.more-wrapper-right {
		margin-top:50px;
	}
		
	.more-wrapper-middle {
		margin-top: 354px;
	}
	
	#custom-header{
		padding: 0 13%;
		padding-top:20px;
		max-width:none;
	}
	
	.men-div{
		margin-top: 60px;
		margin-bottom: 20px;
	}
	
	#custom-logo-wrapper {
    width: 220px;
    margin-top: 24px;
	}
	
	ul.custom-respon-nav li a{
		font-size:18px;
	}	
}

@media screen and (min-width:1280px){
	.scroll{display:none;}
}

@media screen and (min-width: 767px){
	.scroll{display:none;}
	
	.custom-icon-text-kundendienst, #custom-icon-text-kundendienst, #custom-icon-text-karriere {
		width: 500px;
	}
}

@media screen and (min-width: 1280px){
	
	.jump-down {
		position: relative;
		z-index: 3000;
	}

	.jump-down img{
		opacity:1 !important;
		z-index:1000;
	}
}

	
@media screen and (min-width: 2500px) {

	.transparent-layer-middle .trans-inner-wrapper {
		width: 500px;
	}
		
	.transparent-layer-left, .transparent-layer-right, .transparent-layer-middle {
		font-size: 110px;
		width: 590px !important;
		margin-top: 280px;
		margin-bottom: 110px;
		line-height: 1;
		letter-spacing: 10px;
		margin-top: 300px;
	}
	
	.transparent-layer-left, .transparent-layer-right, .transparent-layer-middle {
		margin-bottom: 70px;
	}
	
	.transparent-layer-left .trans-inner-wrapper {
		width: 300px;
	}

	.more-wrapper-left, .more-wrapper-middle{
		text-align: center;
		margin-top: 487px;
	}

	.more-wrapper-right {
		text-align: center;
		margin-top: 76px;
	}
	
	.transparent-layer-right .trans-inner-wrapper {
		width: 410px;
	}

}
	
	
@media screen and (min-width: 1920px) and (max-width: 2199px)  {
		
	.referenzen-item {
		margin-top: 110px;
	}
	
	.referenzen-overview-wrapper {
		margin: 100px 0;
	}
		
	.referenzen-overview-outer{
		margin-top: 270px;
	}
}

@media screen and (min-width: 2560px) {

	.referenzen-overview-wrapper {
		margin: 130px 0;
	}
}
	
/* Boxed Layout */
@media screen and (min-width:1280px){
			
    #news-wrapper{
   	margin-top: 170px;
}

    .referenzen-overview-outer{
   	margin-top: 170px;
}
	
	#kontaktbs .kontakt-second .custom-icon-text-standort{
		margin-right:80px;
	}
	
	#kontaktbs .kontakt-second .fuchsch-icon-tel {
	    width: 400px;
	}
			
	#kontaktbs .kontakt-first {
	    width: 25% !important;
	}
	
	#projektbilder .fuchs-fullwidth-area-inner{
		width:1280px;
		max-width:1280px;
	}
	
	.lstabelle{
		padding: 30px 0 50px 0;
	}
	
	.orangebtn a {
		padding: 10px 10px;
	}
		
	.subarea-wrapper {
		padding: 50px 0;
		display: block;
		margin:0 auto;
		max-width:1100px;
	}
		
	#impressum-content, #heizungsrechner-content, #kontakt-content, .referenzen-item{
		margin-top:170px;
		padding: 10px 0;
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width:1100px;
	}
		
	#custom-header-inner{
		padding: 10px 0;
		display: block;
		margin:0 auto;
		max-width:1100px;
	}
		
	.referenzen-overview-outer, #news-wrapper{
		padding: 10px 0;
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width:1100px;
	}
		
	.fuchs-fullwidth-area-inner{
		margin-left: auto;
		margin-right: auto;
		max-width:1100px;
	}
}
	
@media screen and (min-width:1920px){
	#projektbilder .fuchs-fullwidth-area-inner{
		width:1500px;
		max-width:1500px;
	}
	
	.referenzen-overview-outer {
	    margin-top: 170px;
	}
	
}
	
@media screen and (min-width:2200px){
	
	.referenzen-overview-wrapper {
		margin: 130px 0;
	}
	
	.slider-dots{
		position: relative;
		margin-top:80px;
	}
	
	.jump-down {
		margin-top: -500px;
		margin-bottom: 300px;
	}

	.navdot, .navdotSmall, .navdotSecondSmall {
	height: 15px !important;
	width: 15px !important;
	}

	.jump-down img{width:80px !important;}

	#intro-div img{width:1000px;}

	.transparent-layer-left, .transparent-layer-middle, .transparent-layer-right {
	font-size: 88px;
	width: 480px;
	margin-top: 280px;
	margin-bottom: 110px;
	line-height: 1;
	}

	.transparent-layer-right {
	margin-bottom:40px;
	}

	.transparent-layer-middle .trans-inner-wrapper {
	width: 380px;
	}

	.transparent-layer-left .trans-inner-wrapper {
	width: 240px;
	}

	.transparent-layer-right .trans-inner-wrapper {
	width: 310px;
	}

	.more-wrapper-right {
	margin-top: 50px;
	}

	.more-wrapper-left, .more-wrapper-middle {
	margin-top: 382px;
	}

	.custom-more-left,.custom-more-right, .custom-more-middle  {
	font-size: 24px;
	padding: 4px 34px;
	}

	.men-div{
		margin-top: 70px;
		margin-bottom: 20px;
	}
	
	#custom-logo-wrapper{
		height: 100px;
		width: 250px;
		margin-top: 20px;
	}
	
	#custom-header-inner{
		padding: 0 13%;
		padding-top: 20px;
		max-width:none;		
	}
	
	ul.custom-respon-nav li a{
	font-size:24px;
	}
}