/******************************/
/********** General ***********/
/******************************/
body, p, a,label {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important; 
   font-weight: 300;
}

body > #main-wrap{
	top: 150px!important;
}

ul.footer-menu{list-style:none;display:table;margin-left:auto;margin-right:auto}
ul.footer-menu li{float:left;padding-right:5px}
ul.footer-menu li:last-child{padding-right:0}

a:focus,
a:active,
a:visited,
a:hover{
	outline:none!important;
	text-decoration: none!important;
	color: #d3df83!important;
}

/*******************************************/
/********** Smooth Scroll Adjust ***********/
/*******************************************/
#treppen,
#photovoltaik,
#philosophie	{
	padding-top: 150px;
	margin-top: -150px;
}

#kontakt{
	padding-top: 190px;
	margin-top: -190px;
}

.vc-row-wrapper .wpb_content_element{
	position: relative;
	z-index: 1000;
}

/******************************/
/******** Typography **********/
/******************************/
.wpb_wrapper h2.widget-title{
	font-size: 38px!important;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Maximus LT W01 Medium'!important;
	font-weight: normal!important;
}

/******************************/
/********** Header ************/
/******************************/
#header-container{
	background: #ffffff !important;
}

.header-col-fluid{
	max-width: 892px !important;
	padding: 0 !important;
	margin-top: 27px;
}

.header-col-right img{
	top: -43px;
    position: relative;
}

#header-container #header .header-wrap > .row:last-child{
	padding-bottom: 60px!important;
        padding-top: 60px!important;
}

#header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, 
#header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before{
	border: 0!important;
}

#header-container.logo-position-right:not(.small).dfd-header-buttons-disabled .header-col-right img{
	height: 112px!important;
    top: -41px;
    width: 240px!important;
    position: relative;
}

nav.mega-menu ul.nav-menu{
	width: 100%!important;
	padding: 0 !important;
}

.nav-menu .mega-menu-item .item-title{
	font-size: 14px!important;
	line-height: 30px!important;
	font-family: 'Maximus LT W01 Medium'!important;
	font-weight: normal!important;
    letter-spacing: 0.05em!important;
	padding-right: 0!important;
	padding-left: 0!important;
	color: #000000!important;
}

.menu-primary-navigation li{
	 padding-right: 60px !important;
}

.menu-primary-navigation li:last-child{
	 padding-right: 0px !important;
}

.nav-menu .mega-menu-item .item-title:hover{
	color: #d3df83!important; 
}

.nav-menu .nav-item.current-menu-ancestor > a.main-menu-link{
	color: #d3df83!important; 
}

/*******************************************/
/************** Mobile Menue ***************/
/*******************************************/

.sidr{
	background: #ffffff!important;
	box-shadow: 0 0 14px 5px rgba(0,0,0,0.1)!important;
	-webkit-box-shadow: 0 0 14px 5px rgba(0,0,0,0.1)!important;
}

.sidr .sidr-inner > ul > li > a{
	font-size: 14px!important;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;
	    color: #000000!important;
}

.sidr ul li a:hover {
	color: #ffffff!important;
	background: #d3df83!important;
}



/******************************/
/********** Kontakt ***********/
/******************************/
.kontaktformular{
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"] {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important; 
    font-size: 14px!important;
    font-weight: 300!important;
    color: #000000!important;
    background-color: #e2e2e2!important;
    border: 1px solid #e2e2e2!important;
    box-shadow: none!important;
    height: 37px!important;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus{
	background-color: #d4d1d1!important;
	border: 1px solid #d4d1d1!important;
}

label{
	color: #000000!important;
}

textarea{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important; 
    font-size: 14px!important;
    font-weight: 300!important;
    color: #000000!important;
    background-color: #e2e2e2!important;
    border: 1px solid #e2e2e2!important;
    box-shadow: none!important;
    height: 180px!important;
}

.col-md-6{
	width: 49%;
}

.col-md-6.left{
	float:left;
}

.col-md-6.right{
	float:right;
}

.textarea-custom{
	width: 100%;
        margin-top: 25px;
}

.clearfix:before, 
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.send-btn{
	display: table;
	width: 100%;
}

.wpcf7 form input[type="submit"] {
	font-family: 'Maximus LT W01 Medium'!important;
	font-weight: normal!important;
    font-size: 14px!important;
    background: #d3df83!important;
    text-transform: uppercase!important;
    color: #ffffff!important;
    padding: 10px 0!important;
    float: right!important;
    width: 200px!important;
    font-weight: 600!important;
    letter-spacing: 3px!important;
}

.wpcf7 form input[type="submit"]:hover{
	background: #000000!important;
}

form.wpcf7-form{
	padding-bottom:80px;
}

/******************************/
/********** Footer ************/
/******************************/
#footer .dfd-footer-menu{
	margin-top: 0!important;
	margin-bottom: 10px!important;
}

#footer .dfd-footer-menu a{
	color: #ffffff!important;
	text-transform: uppercase!important;
}

#footer .dfd-footer-menu a:hover{
	color: #000000!important;
}

#footer.footer-style-1 > .row > .columns > div:first-child{
	padding-top: 0!important;
}

#footer.footer-style-1 > .row > .columns > div:last-child{
	padding-bottom: 0!important;
}

#footer{
	background-color: #ffffff!important;
	position: fixed!important;
	bottom: 0!important;
	width: 100%!important;
}

#footer-wrap .widget.soc-icons.dfd-soc-icons-hover-style-4 a{
	font-size: 13px!important;
	color: #ffffff!important;
}

.widget.soc-icons.dfd-soc-icons-hover-style-4 a{
	height: 40px!important;
	width: 40px!important;
}

ul.social-icons{
	display: table;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
    margin-bottom: 8px;
}

ul.social-icons li{
	float: left;
	padding-right: 8px;
}

ul.social-icons li:last-child{
	padding-right: 0;
}

ul.social-icons li a{
	color: #d3df83;
	font-size: 20px;
}

ul.social-icons li a:hover{
	color: #000000!important;
}

a.imprint	{
	text-align: center;
    display: table;
    margin-left: auto;
    outline: none!important;
    text-decoration: none!important;
    padding-bottom: 10px;
    margin-right: auto;
    color: #000000!important;
}

a.imprint:hover{
	color: #d3df83!important;
}

h6.back-to-start{
	font-size: 14px!important;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important; 
   font-weight: 300;	
}

h6.back-to-start a:hover{
	color: #000000!important;
}

/**********************************/
/********** Responsive ************/
/**********************************/

@media (min-width:920px){
 #header-container #header .header-wrap > .row:last-child .header-main-panel .header-col-left{
		display: none!important;    
    }
}

@media only screen and (min-width:920px) and (max-width: 1000px)  {
	.menu-primary-navigation li{
		padding-right: 30px!important;
	}
}


@media (max-width:914px){
	#header-container #header .header-wrap > .row:last-child{
    	padding-bottom: 0!important;
        padding-top: 0!important;
    }

    #header-container #header .header-wrap > .row:last-child .header-main-panel .header-col-left{
    	margin-bottom: 0!important;
        float: left!important;
    }
    
   

    #header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left{
        padding-bottom: 0!important;
    }

    #header-container:not(.small):not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right{
    	float:right!important;
    }

    body > #main-wrap {
       top: -2px!important;
    }

	#footer .columns{
    	margin: 0!important;
    }

    #footer .widget{
    	margin-bottom: 0!important;
    }

    .widget.soc-icons.dfd-soc-icons-hover-style-4 a{
    	width: 45px!important;
        height: 45px!important;
    }
}

@media only screen and (min-width: 920px){
	#header-container.logo-position-right:not(.small) .header-col-fluid{
		margin-left: 0!important;
	}
}

@media only screen and (max-width: 919px){
	#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left {
		float: left!important;	
		width: 100%!important;	
	}
	
	#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left .mobile-logo{
		float: left!important;
	}
	
	#header-container #header .header-wrap > .row:last-child{
		padding-top: 15px!important;
		padding-bottom: 15px!important;
	}
	
	.header-col-right img{
		top: 0;
	}
	
	#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right{
		padding: 0!important;
	}
	
	#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left .header-icons-wrapper{
		float: right!important;
	}
	
	body > #main-wrap{
		top: auto!important;
	}
	
	#header-container:not(.small){
		height: 145px!important;
	}
}

@media only screen and (max-width: 919px){
	#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right{
		display: none;
	}
	
	.header-col-left{
		padding: 0!important;
	}
}

@media (min-width:951px){
	.rev_slider .tp-mask-wrap{
		left: 0px!important;
	}
	
	.tp-caption{
		white-space: nowrap!important;	
	}
}

@media (min-width:1200px){
	.rev_slider .tp-mask-wrap{
		left: 20px!important;
	}
}

@media (max-width:950px){
	.rev_slider .tp-mask-wrap{
		left: 0px!important;
		width: 800px!important;
	}
	
	.tp-caption{
		white-space: normal!important;	
	}
}

@media (max-width:778px){
	.rev_slider .tp-mask-wrap{
		left: 10px!important;
		width: 600px!important;
	}
}

@media (max-width:700px){
	.rev_slider .tp-mask-wrap{
		left: 10px!important;
		width: 500px!important;
	}
}


@media only screen and (max-width: 500px){
	#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left{
		height: 80px!important;
	}
	
	#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left{
		width: 100%!important;
	}
	
	#header-container:not(.small) {
    	height: 115px!important;
	}

	#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left .header-icons-wrapper{
		height: 85px!important;
	}
}

@media (max-width:479px){
	.rev_slider .tp-mask-wrap{
		width: 440px!important;
	}
}

@media (max-width:475px){
    .col-md-6{
        width: 100%!important;
    }

    .col-md-6.left{
        margin-bottom: 15px!important;
    }

    .wpcf7 form input[type="submit"]{
    	width: 100%!important;
    }
    
    .rev_slider .tp-mask-wrap{
		left: 10px!important;
	}
}

@media (max-width:414px){
	.rev_slider .tp-mask-wrap{
		left: 10px!important;
	}
	
	.rev_slider .tp-mask-wrap{
		width: 350px!important;
	}
}

@media (max-width:320px){
	#header-container #header .header-wrap > .row:last-child .header-main-panel .header-col-left .mobile-logo{
		height: 60px!important;
	}
	
	#header-container:not(.small){
		height: 90px!important;
	}
	
	#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left .header-icons-wrapper{
		height: 55px!important;
	}
	
	.rev_slider .tp-mask-wrap{
		left: 10px!important;
		width: 276px!important;
	}
}