body{
font-family: 'Barlow Semi Condensed', sans-serif !important;
}
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
.alignself{
align-self: center;
}
.m-0{
margin: 0;
}
.item:focus,
.item:hover{
outline: none !important;
}
.gform_body ul li.gfield.gfield_error input,
.gform_body ul li.gfield.gfield_error textarea{
border: 1px solid #ff0000 !important;
}
.gform_wrapper .gfield_error .gfield_label {
color: #b69c9c!important;
}
.gform_wrapper .field_description_below .gfield_description {
padding-top: 8px!important;
}
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: inherit!important;
}
.gform_wrapper li.gfield.gfield_error {
background-color: transparent !important;
margin-bottom: 6px!important;
border: 0px !important;
padding-bottom: 0 !important;
}
ul#menu{
display: none;
} ::-webkit-scrollbar {
width: 10px;
} ::-webkit-scrollbar-track {
background-color: rgba(0,0,0,0.4);
border-radius: 10px;
} ::-webkit-scrollbar-thumb {
background: #3f4551;
border-radius: 10px;
}
a,
a:hover {
text-decoration: none !important;
}
p {
margin: 0 0 20px;
}
img {
height: auto;
max-width: 100%
}
a:focus,
input:focus,
button:focus,
select:focus,
textarea:focus {
outline: 0 !important
}
input[type="checkbox"],
input[type="radio"] {
width: auto !Important
}
.searchform {
position: relative
}
.searchform input {
border-radius: 30px;
border: 1px solid #ccc;
padding: 14px 20px;
width: 100%;
}
.searchform button {
border: 0px;
background-color: transparent;
font-size: 24px;
position: absolute;
top: 5px;
right: 10px;
}
.not-found {
margin: 100px 0;
}
.not-found p {
margin-bottom: 30px;
} .nav-bar {
text-align: right;
}
.main-navigation {
clear: both;
position: relative;
}
ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding: 0;
}
.nav-menu li {
display: inline-block;
margin: 0 50px 0 0;
position: relative;
}
.nav-menu li:last-child{
margin: 0;
}
.nav-menu li a {
color: #ffffff;
display: inline-block;
font-size: 17px;
font-weight: 600;
line-height: 1;
text-decoration: none;
transition: all 0.4s ease;
text-transform: uppercase;
}
.nav-menu li.menu-item-has-children {
position: relative;
padding-right: 10px;
}
.nav-menu li.menu-item-has-children li.menu-item-has-children{
padding-right: 0;
}
.nav-menu li.menu-item-has-children::after {
color: #ffffff;
display: block;
content: '\f0d7';
font-family: FontAwesome;
position: absolute;
font-size: 15px;
right: -11px;
top: 0px;
}
.nav-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children::after{
color: #ffffff;
display: block;
content: '\f0da';
font-family: FontAwesome;
position: absolute;
font-size: 12px;
right: 10px;
top: 13px;
}
.nav-menu .sub-menu,
.nav-menu .children {
background-color: #101010;
border: 0px;
border-top: 0;
padding: 0;
position: absolute;
left: -2px;
z-index: 99999;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
transform: translateX(20px);
}
ul.sub-menu li {
margin: 0px
}
ul.sub-menu li a {
color: #ffffff !important;
padding: 15px;
text-align: left;
width: 250px;
font-size: 14px;
line-height: normal;
}
ul.sub-menu li a:hover {
background: #000;
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
border-left: 0;
left: 100%;
top: 0;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
color: #ffffff;
margin: 0;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
background-color: #d4af37;
}
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
transform: translateY(0);
transition: all 0.4s ease;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.nav-menu li a:hover{
color: #d4af37;
}
.closebtn,
.openmenu,
.menuToggle,
.mobilesubmenu {
display: none;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #ffffff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .slick-list.draggable {
padding: 0px !important;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.nopd {
padding: 0 !Important
}
.fw-container-fluid.nopd .fw-row {
margin: 0;
}
.cover {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.content-header.cover {
padding: 100px 0;
position: relative;
}
.content-header.cover::after{
content: '';
display: inline-block;
background-color: rgba(0,0,0,0.6);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.conthead-content{
position: relative;
z-index: 1;
}
.conthead-content h1{
color: #ffffff;
font-size: 50px;
font-weight: 600;
text-align: center;
margin: 0 0 15px 0;
}
.conthead-content{
text-align: center;
}
.conthead-content a.all-buttons{
text-align: center;
margin-top: 25px;
}
ul#breadcrumbs{
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
ul#breadcrumbs li{
display: inline-block;
margin-right: 8px;
}
ul#breadcrumbs li:last-child{
margin-right: 0;
}
ul#breadcrumbs li,
ul#breadcrumbs li a,
ul#breadcrumbs li strong{
color: #ffffff;
font-size: 16px;
font-weight: 500;
}
.all-pages-content {
padding: 40px 0;
}
.all-pages-content h1,
.all-pages-content h2,
.all-pages-content h3,
.all-pages-content h4,
.all-pages-content h5,
.all-pages-content h6{
color: #000000;
font-size: 30px;
font-weight: 600;
margin-bottom: 15px;
}
.all-pages-content h1 strong,
.all-pages-content h2 strong,
.all-pages-content h3 strong,
.all-pages-content h4 strong,
.all-pages-content h5 strong,
.all-pages-content h6 strong{
color: #d4af37;
font-weight: 600;
}
.all-pages-content p{
color: #404040;
font-size: 17px;
font-weight: 400;
margin: 0 0 15px 0;
}
.all-pages-content p a{
color: #404040;
text-decoration: underline !important;
transition: all 0.4s ease;
}
.all-pages-content p a:hover{
color: #d4af37;
}
.all-pages-content ul{
list-style: none;
padding: 0;
margin: 10px 0;
}
.all-pages-content ul li {
color: #404040;
font-size: 17px;
font-weight: 400;
margin-bottom: 10px;
position: relative;
padding-left: 25px;
}
.all-pages-content ul li::after {
color: #d4af37;
display: block;
content: '\f046';
font-family: FontAwesome;
position: absolute;
font-size: 16px;
left: 0;
top: 0;
}
.all-pages-content ul li:last-child{
margin-bottom: 0;
} .pagination {
display: inline-block;
margin: 30px 0 0;
width: 100%;
}
.sub-pagenation-div li {
display: inline-block;
border-radius: 4px;
width: auto;
}
.sub-pagenation-div li a {
border-radius: 4px;
color: #333333;
display: block;
padding: 10px 20px;
}
.sub-pagenation-div li.current a,
.sub-pagenation-div li:hover a {
background: #394e8c;
color: #ffffff;
} .ui-datepicker table {
width: 100%;
}
.ui-datepicker-header {
background: url(//e-h-w-entruempelung.de/wp-content/themes/img/dark_leather.png) repeat 0 0 #000;
color: #e0e0e0;
font-weight: bold;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
text-shadow: 1px -1px 0px #000;
filter: dropshadow(color=#000, offx=1, offy=-1);
line-height: 30px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #111;
}
.ui-datepicker-title {
text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
background-image: url(//e-h-w-entruempelung.de/wp-content/themes/ehw/images/arrow.png);
background-repeat: no-repeat;
line-height: 600%;
overflow: hidden;
}
.ui-datepicker-prev {
float: left;
background-position: center -30px;
}
.ui-datepicker-next {
float: right;
background-position: center 0px;
}
.ui-datepicker thead {
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
text-transform: uppercase;
font-size: 6pt;
padding: 5px 0;
color: #666666;
text-align: center;
text-shadow: 1px 0px 0px #fff;
filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
padding: 0;
background-color: #ffffff;
border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
border-right: 0px;
}
.ui-datepicker tbody tr {
border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: inline-block;
font-weight: bold;
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
color: #666666;
text-shadow: 1px 1px 0px #fff;
filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
background: #ededed;
background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
background: linear-gradient(top,  #ededed 0%,#dedede 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
background: #6eafbf;
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
color: #e0e0e0;
text-shadow: 0px 1px 0px #4d7a85;
filter: dropshadow(color=#4d7a85, offx=0, offy=1);
border: 1px solid #55838f;
position: relative;
margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
background: #f4f4f4;
color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
width: 29px;
margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
width: 29px;
margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
height: 29px;
margin-bottom: 0;
} .container::after,
.blogdetail::after,
.fw-container::after,
.entry-content::after {
content: '';
clear: both;
display: block;
} .topbar{
background-color: #d4af37;
padding: 15px 0;
}
.topbar-content ul{
list-style: none;
padding: 0;
margin: 0;
text-align: right
}
.topbar-content ul li{
display: inline-block;
margin-right: 14px;
}
.topbar-content ul li:last-child{
margin-right: 0;
}
.topbar-content ul li a,
.topbar-content ul li span{
color: #ffffff;
font-size: 15px;
font-weight: 600;
transition: all 0.4s ease;
}
.topbar-content ul li a i,
.topbar-content ul li span i{
margin-right: 5px;
}
.topbar-content ul li a:hover{
color: #000000;
}
div#container {
margin-top: 205px;
}
.site-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9;
}
.site-header.fixedmenu .topbar{
display: none;
}
.header-content {
background-color: #000000;
padding: 25px 0;
}
.site-logo {
width: 185px;
}
.sticky-rbar {
position: fixed;
top: 30%;
right: 0;
z-index: 9;
}
.sticky-rbar ul{
list-style: none;
padding: 0;
margin: 0;
}
.sticky-rbar ul li a{
color: #ffffff;
font-size: 18px;
width: 45px;
height: 45px;
line-height: 45px;
display: inline-block;
background-color: #d4af37;
transition: all 0.4s ease;
text-align: center;
}
.sticky-rbar ul li a:hover{
color: #ffffff;
background-color: #000000;
}  .hbanner-sec.cover {
padding: 130px 0;
position: relative;
}
.hbanner-sec.cover::after{
content: '';
display: inline-block;
background-color: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.hbanner-content{
text-align: center;
position: relative;
z-index: 1;
}
.hbanner-content h1,
.hbanner-content h2,
.hbanner-content h3,
.hbanner-content h4,
.hbanner-content h5,
.hbanner-content h6{
color: #ffffff;
font-size: 45px;
font-weight: 600;
margin: 0 0 15px 0;
}
.hbanner-content h1 strong,
.hbanner-content h2 strong,
.hbanner-content h3 strong,
.hbanner-content h4 strong,
.hbanner-content h5 strong,
.hbanner-content h6 strong{
color: #d4af37;
font-weight: bold;
}
.hbanner-content p{
color: #ffffff;
font-size: 20px;
font-weight: 400;
margin: 0 0 15px 0;
}
.hbanner-content p strong{
font-size: 23px;
font-weight: 600;
}
.hbanner-content a{
margin-top: 20px;
}
a.all-buttons,
.hbanner-content a{
color: #ffffff;
font-size: 15px;
font-weight: bold;
display: inline-block;
background-color: #d4af37;
padding: 13px 35px;
text-transform: uppercase;
transition: all 0.4s ease;
}
a.all-buttons:hover{
color: #ffffff;
background-color: #000000;
}
.hbanner-content a:hover{
color: #d4af37;
background-color: #ffffff;
}
.habout-sec{
padding: 50px 0 60px;
}
.habout-img img{
width: 100%;
}
.habout-ct.full {
text-align: center;
margin-bottom: 50px;
background-color: #000;
padding: 45px 60px 35px;
border-radius: 10px;
}
.habout-ct.full h1,
.habout-ct.full h2,
.habout-ct.full h3,
.habout-ct.full h4,
.habout-ct.full h5,
.habout-ct.full h6{
color: #ffffff;
font-size: 30px;
}
.habout-ct.full p {
color: #ffffff;
width: 86%;
margin: 0 auto 15px;
}
.habout-ct h1,
.habout-ct h2,
.habout-ct h3,
.habout-ct h4,
.habout-ct h5,
.habout-ct h6{
color: #000000;
font-size: 35px;
font-weight: 600;
margin: 0 0 15px 0;
}
.habout-ct h1 strong,
.habout-ct h2 strong,
.habout-ct h3 strong,
.habout-ct h4 strong,
.habout-ct h5 strong,
.habout-ct h6 strong{
color: #d4af37;
font-weight: bold;
}
.habout-ct p{
color: #404040;
font-size: 17px;
font-weight: 400;
margin: 0 0 15px 0;
}
.habout-ct ul {
list-style: none;
padding: 0;
margin: 20px 0;
}
.habout-ct ul li{
color: #404040;
font-size: 17px;
font-weight: 400;
margin-bottom: 10px;
position: relative;
padding-left: 25px;
}
.habout-ct ul li:last-child{
margin-bottom: 0;
}
.habout-ct ul li::after{
color: #d4af37;
display: block;
content: '\f046';
font-family: FontAwesome;
position: absolute;
font-size: 16px;
left: 0;
top: 0;
}
.habout-ct a.all-buttons{
margin-top: 20px;
}
.hservice-sec.cover {
padding: 60px 0 50px;
position: relative;
background-attachment: fixed !important;
}
.hservice-sec.cover::after{
content: '';
display: inline-block;
background-color: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.hmain-content{
text-align: center;
margin-bottom: 30px;
position: relative;
z-index: 1;
}
.hservice-sec .hmain-content{
margin-bottom: 50px;
}
.hmain-content h1,
.hmain-content h2,
.hmain-content h3,
.hmain-content h4,
.hmain-content h5,
.hmain-content h6{
font-size: 37px;
font-weight: 600;
margin: 0 0 20px 0;
}
.hmain-content h1 strong,
.hmain-content h2 strong,
.hmain-content h3 strong,
.hmain-content h4 strong,
.hmain-content h5 strong,
.hmain-content h6 strong{
color: #d4af37;
font-weight: 600;
}
.hmain-content p{
color: #404040;
font-size: 19px;
font-weight: 400;
margin: 0 0 15px 0;
}
.hmain-content.white p{
color: #ffffff;
}
.hmain-content.white h1,
.hmain-content.white h2,
.hmain-content.white h3,
.hmain-content.white h4,
.hmain-content.white h5,
.hmain-content.white h6{
color: #ffffff;
}
.hservice-content{
position: relative;
z-index: 1;
}
.hservice-lbox {
background-color: #d4af37;
padding: 40px 30px;
text-align: center;
border-radius: 7px;
margin-bottom: 30px;
transition: all 0.4s ease;
}
.hservice-lbox:hover{
background-color: #af9662;
}
.hservice-lbox img {
filter: brightness(0) saturate(100%) invert(99%) sepia(80%) saturate(306%) hue-rotate(280deg) brightness(112%) contrast(100%);
width: 60px;
margin: 0 auto;
}
.hservice-lbox strong {
color: #ffffff;
font-size: 23px;
font-weight: bold;
display: block;
margin-top: 20px;
}
.haushalt-sec{
padding: 70px 0;
}
.haushalt-content .habout-ct {
padding-left: 15px;
}
.hmap-sec {
padding: 50px 0 10px;
}
.hmap-rightct{
padding-left: 40px;
}
.hmap-rightct .habout-ct h1,
.hmap-rightct .habout-ct h2,
.hmap-rightct .habout-ct h3,
.hmap-rightct .habout-ct h4,
.hmap-rightct .habout-ct h5,
.hmap-rightct .habout-ct h6{
font-size: 40px;
text-transform: capitalize;
}
.hmap-list{
margin-top: 50px;
}
.hmap-list ul{
list-style: none;
padding: 0;
margin: 0;
}
.hmap-list ul li{
margin-bottom: 10px;
position: relative;
}
.hmap-list ul li a{
color: #000000;
font-size: 30px;
font-weight: bold;
transition: all 0.4s ease;
display: inline-block;
}
.hmap-list ul li a:hover{
color: #d4af37;
}
.hmap-list ul li:nth-child(2){
left: 20px;
}
.hmap-list ul li:nth-child(3){
left: 40px;
}
.hmap-list ul li:nth-child(4){
left: 60px;
}
.hmap-list ul li:nth-child(5){
left: 80px;
}
.hmap-list ul li:nth-child(6){
left: 100px;
}
.hmap-list ul li:nth-child(7){
left: 120px;
}
.hmap-list ul li:nth-child(8){
left: 140px;
}
.hmap-list ul li:nth-child(9){
left: 160px;
}
.haushalt-list{
margin-top: 60px;
}
.haushalt-lbox {
box-shadow: 0 0 18px #f3f3f3;
padding: 50px 30px 20px;
text-align: center;
border-radius: 7px;
margin-bottom: 30px;
transition: all 0.4s ease;
height: 100%;
border-bottom: 2px solid transparent;
}
.haushalt-lbox:hover{
border-color: #d4af37;
transform: scale(1.1);
}
.haushalt-lbox img{
filter: brightness(0) saturate(100%) invert(68%) sepia(98%) saturate(326%) hue-rotate(2deg) brightness(89%) contrast(89%);
width: 70px;
margin: 0 auto;
}
.haushalt-lbox strong {
color: #000000;
font-size: 23px;
font-weight: bold;
display: block;
margin-top: 20px;
margin-bottom: 15px;
}
.haushalt-lbox p{
color: #404040;
font-size: 17px;
font-weight: 400;
margin: 0;
}
.hinquire-sec {
background-color: #fdfdfd;
padding: 60px 0;
}
.hinquire-sec.cover{
padding: 70px 0;
}
.hinquire-sec .hmain-content{
margin-bottom: 40px;
}
.hinquire-list .haushalt-lbox {
background-color: #ffffff;
padding: 30px 15px 15px;
height: 100%;
margin-bottom: 20px;
}
.hinquire-list .haushalt-lbox:hover{
transform: unset;
}
.hinquire-content .habout-img img {
width: 100%;
height: 520px;
object-fit: cover;
border-radius: 10px;
}
.hinquire-list .haushalt-lbox img {
width: 60px;
filter: brightness(0) saturate(100%) invert(68%) sepia(98%) saturate(326%) hue-rotate(2deg) brightness(89%) contrast(89%);
}
.hinquire-list .haushalt-lbox strong {
font-size: 21px;
margin-top: 15px;
}
.hinquire-list .row {
margin-left: -10px;
margin-right: -10px;
justify-content: center;
}
.hinquire-list .col-6{
padding-left: 10px;
padding-right: 10px;
}
.hapartment-sec .hmain-content{
margin-bottom: 60px;
}
.hmain-content a.all-buttons {
margin-top: 25px;
}
.hapartment-sec .habout-ct {
padding-left: 15px;
}
.hleistungen-sec {
padding: 10px 0 80px;
}
.hleistungen-lbox{
box-shadow: 0 0 18px #f3f3f3;
border-radius: 7px;
margin-bottom: 30px;
transition: all 0.4s ease;
height: 100%;
border-bottom: 2px solid transparent;
}
.hleistungen-bict {
padding: 30px 35px 20px;
}
.hleistungen-lbox strong{
color: #000000;
font-size: 25px;
font-weight: bold;
display: block;
margin-bottom: 20px;
}
.hleistungen-lbox p{
color: #404040;
font-size: 17px;
font-weight: 400;
margin: 0;
}
.hleistungen-lbox ul{
list-style: none;
padding: 0;
margin: 0;
}
.hleistungen-lbox ul li {
color: #404040;
font-size: 17px;
font-weight: 400;
margin-bottom: 13px;
position: relative;
padding-left: 25px;
}
.hleistungen-lbox ul li::after{
color: #d4af37;
display: block;
content: '\f046';
font-family: FontAwesome;
position: absolute;
font-size: 17px;
left: 0;
top: 0;
}
.hleistungen-content .hmain-content {
margin-bottom: 50px;
}
.hclearing-sec.cover {
padding: 60px 0 30px;
background-attachment: fixed !important;
position: relative;
}
.hclearing-sec.cover::after{
content: '';
display: inline-block;
background-color: rgba(0,0,0,0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.hclearing-content{
position: relative;
z-index: 1;
}
.page-template-kontakt .conthead-content a.all-buttons{
display: none;
}
.hcontact-sec {
padding: 70px 0 55px;
}
.hcontact-form {
padding-left: 10px;
}
.hcontact-form .hmain-content {
text-align: left;
}
.hcontact-form .hmain-content strong{
color: #d4af37;
}
.hcontact-form .row{
margin-left: -8px;
margin-right: -8px;
}
.hcontact-form .col-3,
.hcontact-form .col-4,
.hcontact-form .col-6,
.hcontact-form .col-8,
.hcontact-form .col-12{
padding-left: 8px;
padding-right: 8px;
}
.hcontact-form input,
.hcontact-form select,
.hcontact-form textarea,
.hcontact-form input::placeholder,
.hcontact-form select::placeholder,
.hcontact-form textarea::placeholder{
color: #898989;
font-size: 14px;
font-weight: 400;
}
.hcontact-form input,
.hcontact-form select,
.hcontact-form textarea{
background-color: #efefef;
border: 1px solid #e7e7e7;
width: 100%;
padding: 0 20px;
border-radius: 4px;
}
.hcontact-form input,
.hcontact-form select{
height: 50px;
}
.hcontact-form textarea{
height: 120px;
padding-top: 20px;
}
.hcontact-form span.wpcf7-list-item.first.last {
margin: 0;
}
.hcontact-form .checkbox span.wpcf7-list-item label {
display: flex;
column-gap: 10px;
position: relative;
}
.hcontact-form .checkbox span.wpcf7-list-item input {
width: auto !important;
height: auto !important;
align-self: self-start;
position: relative;
top: 5px;
}
.hcontact-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
color: #ffffff;
font-size: 16px;
font-weight: 600;
background-color: #d4af37;
height: 50px;
text-align: center;
padding: 0 40px;
cursor: pointer;
transition: all 0.4s ease;
text-align: center;
text-transform: uppercase;
border-radius: 4px;
border: 1px solid #d4af37;
width: auto;
}
.hcontact-form input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
color: #d4af37;
background-color: transparent;
}
.hcontact-form span.wpcf7-spinner {
margin: 5px auto 0;
}
.hcontact-form .wpcf7 form .wpcf7-response-output {
margin: 0 0 20px;
text-align: center;
}
.hcontact-form a{
color: #404040;
transition: all 0.4s ease;
}
.hcontact-form a:hover{
color: #d4af37;
}
.hcontact-img img {
width: 100%;
height: 650px;
object-fit: cover;
}  .singleleist-sec {
padding: 70px 0 20px;
}
.singleleist-box .col-sm-12{
align-self: center;
margin-bottom: 50px;
}
.singleleist-box.left .col-sm-12:first-child{
order: 2;
}
.singleleist-box.left .col-sm-12:nth-child(2){
order: 1;
}
.singleleist-box .habout-img img,
.aboutpg-sec .habout-img img{
width: 100%;
height: 520px;
object-fit: cover;
border-radius: 10px;
}
.singleleist-box.left .habout-ct{
padding-left: 15px;
}
.singleleist-box.right .habout-ct{
padding-right: 15px;
}
.singleleist-filter .comparison {
width: 100%;
overflow: hidden;
position: relative;
}
.singleleist-filter .comparison{
padding-bottom: 560px;
}
.singleleist-filter figure {
position: absolute;
background-size: cover;
font-size: 0;
width: 100%;
height: 100%;
margin: 0;
}
.singleleist-filter .divisor {
background-size: cover;
position: absolute;
width: 50%;
box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
bottom: 0;
height: 100%;
}
.singleleist-filter .divisor::before,
.singleleist-filter .divisor::after{
content: "";
position: absolute;
right: -5px;
width: 10px;
height: 100%;
background: #d4af37;
z-index: 0;
box-shadow: none !important;
}
.singleleist-filter .divisor::before{
top: 0;
box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
}
.singleleist-filter .divisor::after{
bottom: 0;
box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
}
.singleleist-filter .handle {
position: absolute;
height: 50px;
width: 50px;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
z-index: 1;
}
.singleleist-filter .handle::before,
.singleleist-filter .handle::after{
content: "";
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
top: 50%;
margin-top: -6px;
}
.singleleist-filter .handle::before{
border-right: 6px solid white;
left: 50%;
margin-left: -17px;
}
.singleleist-filter .handle::after{
border-left: 6px solid white;
right: 50%;
margin-right: -17px;
}
.singleleist-filter input[type="range"] {
-webkit-appearance: none;
-moz-appearance: none;
position: absolute;
top: 50%;
left: -25px;
transform: translateY(-50%);
background-color: transparent;
width: calc(100% + 50px);
z-index: 2;
}
.singleleist-video video {
width: 100%;
height: 520px;
}
.singleleist-filter input[type="range"]:focus,
.singleleist-filter input[type="range"]:active{
border: none;
outline: none;
}
.singleleist-filter input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 50px;
width: 50px;
border-radius: 50%;
background: transparent;
border: 4px solid white;
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
}
.singleleist-filter input[type="range"]::-moz-range-track {
-moz-appearance: none;
height: 15px;
width: 100%;
background-color: transparent;
position: relative;
outline: none;
} .allseo-csec {
background-color: #f5f5f5;
padding: 70px 0 25px;
}
.seodetail_box .row {
margin-bottom: 45px;
}
.seodetail_box .row .col-sm-12{
align-self: center;
}
.seodetail_box .row.right .col-sm-12:first-child{
order: 2;
}
.seodetail_box .row.right .col-sm-12:nth-child(2){
order: 1;
}
.seodetail_box .seodetail-ct {
padding: 20px 0;
}
.seodetail_box .row.left .seodetail-ct {
padding-left: 20px;
}
.seodetail_box .row.right .seodetail-ct {
padding-right: 20px;
}
.seodetail_box-thumb img {
width: 100%;
height: 460px;
object-fit: cover;
border-radius: 15px;
}
.seodetail-ct p:last-child{
margin-bottom: 0;
} .site-footer {
background-color: #000000;
padding: 60px 0 0;
}
.footer-menu ul{
list-style: none;
padding: 0;
margin: 0;
}
.footer-menu ul li{
margin-bottom: 10px;
position: relative;
}
.footer-menu ul li a,
.ftcontact-ct ul li a{
color: rgba(255,255,255,0.7);
font-size: 16px;
font-weight: 400;
transition: all 0.4s ease;
text-transform: capitalize;
}
.footer-menu ul li a:hover{
color: #d4af37;
}
strong.ftmain-title {
color: #ffffff;
font-size: 25px;
font-weight: bold;
text-transform: capitalize;
display: block;
margin-bottom: 20px;
}
.ftcontact-ct {
padding-left: 30px;
}
.footer-menu {
padding-left: 50px;
}
.ftcontact-ct p,
.footer-menu p,
.copyright span{
color: rgba(255,255,255,0.7);
font-size: 16px;
font-weight: 400;
}
.copyright span a{
color: rgba(255,255,255,0.7);
text-decoration: underline !important;
transition: all 0.4s ease;
}
.copyright span a:hover{
color: #d4af37;
}
.ftcontact-ct ul{
list-style: none;
padding: 0;
margin: 0;
}
.ftcontact-ct ul li{
margin-bottom: 10px;
}
.ftcontact-ct ul li a i{
margin-right: 5px;
}
.ftcontact-ct ul li a:hover{
color: #d4af37;
}
.copyright {
text-align: center;
margin-top: 50px;
border-top: 1px solid #080808;
padding: 20px 0;
}  @media(max-width: 830px){
#menuToggle {
display: flex;
flex-direction: column;
position: absolute;
top: 25px;
right: 15px;
z-index: 1;
-webkit-user-select: none;
user-select: none;
z-index: 9999;
}
#menuToggle input {
width: 29px !important;
height: 18px;
position: absolute;
cursor: pointer;
opacity: 0;
z-index: 2;
top: 0;
}
#menuToggle span{
display: flex;
width: 29px;
height: 2px;
margin-bottom: 5px;
position: relative;
background: #fff;
border-radius: 3px;
z-index: 1;
transform-origin: 5px 0px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;
}
#menuToggle span:first-child{
transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2){
transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span{
opacity: 1;
transform: rotate(45deg) translate(-3px, -1px);
background: #ffffff;
}
#menuToggle input:checked ~ span:nth-last-child(3){
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2){
transform: rotate(-45deg) translate(0, -1px);
}
ul.nav-menu li ul.sub-menu{
display: none !important;
}
ul.nav-menu li.open ul.sub-menu{
display: block !important;
}
.nav-menu li.menu-item-has-children.open ul.sub-menu.open-submenu {
display: block !important;
left: 0;
background-color: transparent;
}
.mobilesubmenu.open{
background-color: rgba(72, 72, 72, 0.85) !important;
}
.nav-menu .sub-menu, .nav-menu .children{
background-color: transparent;
}
ul.sub-menu{
display: none !important;
position: relative !important;
top: -100% !important;
}
.mobilesubmenu i {
position: relative;
top: 12px;
right: 0;
}
.nav-bar li {
display: block;
margin: 0;
width: 100%;
top: 0;
border-bottom: 1px solid #717171;
overflow: hidden;
float: left;
}
.mobilesubmenu {
display: inline-block;
position: absolute;
top: 0;
cursor: pointer;
color: #ffffff;
right: 0;
z-index: 9999;
border-left: 1px solid #717171;
padding-left: 0;
height: 100%;
width: 45px;
text-align: center;
margin: 0 auto;
}
.nav-menu li.menu-item-has-children::after,
.nav-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children::after{
display: none;
}
.nav-menu .sub-menu, .nav-menu .children {
width: 100%;
}
ul.sub-menu li {
display: block;
}
ul.sub-menu,
.open-submenu{
transition: all 1s;
}
.openmenu {
display: inline-block;
font-size: 30px;
cursor: pointer;
color: #333333;
float: right;
}
.nav-bar.open {
right: 0;
}
.nav-menu li a{
color: #ffffff;
float: left;
font-weight: normal;
font-size: 16px;
padding: 15px 0;
}
ul.sub-menu li:last-child{
border: 0px !Important;
}
ul.sub-menu li a{
color: #ffffff !Important;
font-weight: 600;
width: 100%;
}
ul.sub-menu li{
margin: 0px;
}
.nav-menu li:last-child{
border: 0px !Important;
}
.nav-menu li:last-child a,
.nav-menu .sub-menu, .nav-menu .children{
left: 0;
width: 100% !important;
}
.nav-menu li.menu-item-has-children {
padding-right: 0;
}
.nav-bar {
background-color: #333333;
height: 100%;
position: fixed;
top: 0;
right: -100%;
padding: 15px;
padding-top: 150px;
transition: all 0.3s;
width: 300px;
text-align: left;
z-index: 999;
}
.closebtn {
display: block;
position: absolute;
top: -55px;
font-size: 20px;
right: 0;
color: #ffffff;
cursor: pointer;
margin-bottom: 20px;
}
}