body, html {
    font-size: 16px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
a:focus, a:visited, button:focus, button:visited {
    outline: none;
    text-decoration: none;
    color: default;
}
img {
    max-width: 100%;
    height: auto;
}

.labels {
    max-width: 170px; 
    margin-top: -30px;
}
.kontaktText {
    position: absolute;
    text-transform: uppercase;
    color: #634a3c;
    bottom: -8px;
    left: 0px;
    font-size: 1.6rem;
    font-weight: normal;
}
.bodyContainer {
    overflow: hidden;
    width: 100%;
}
.brownBG {
    color: #fff;
}
.brownBG h2 {
    color: #fff;
}
.white {
    color: #fff !important;
}
.brown {
    color: #373737 !important;
}
.is-sticky #menu {
    box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

#menu {
    background: linear-gradient(rgba(255,255,255,0.8),  rgba(255,255,255,0.83),   rgba(255,255,255,0.8), rgba(255,255,255,0.86),  rgba(255,255,255,0.9));
    padding: 15px 20px 3px 15px;
    display: block; 
    position: relative;
    z-index: 2;
    height: 8.8vh;
/*  max-height:110px;             */
	transition: padding 0.3s ease;
}

.menu-shrink {
    padding: 4px 0 !important;
	max-height: 80px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }

#silder {
    top: -110px;
    display: block;
    position: relative;
    z-index: 1;
}
h2, .h2 {
    color: #373737;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 2.4rem;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding-bottom: 1.5rem;
}
h2:after, .h2:after {
    background: #7f6149;
    width: 100%;
    bottom: 1rem;
    height: 1px;
    content: "";
    display: block;
    left: 1px;
    position: absolute;
}
h3, .h3 {
    color: #656161;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 2rem;
    text-transform: uppercase;
    position: relative;
    display: block;
    margin-bottom: 1rem;
}

.highlighted {
    color: #634a3c;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 2.3rem;
    font-weight:200;
    text-transform: uppercase;
}
.highlighted2 {
    color: #634a3c;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 1.2rem;
}

.logoContainer {
    max-width: 240px;
    display: block;
    padding-bottom: 15px;
    margin: 0 auto;
}
.logoContainer img {
    width: 100%;
	transition: transform 0.3s ease;
}

.logo-shrink img {
    transform: scale(0.7);
  }

.sliderTextContainer {
    background: rgba(255,255,255,0.4);
    padding: 15px;
}
.headerKontakt .fa, .headerKontakt a {
    color: #000;
    font-size: 0.9rem;
    float:left;
    display: block;
}
.headerKontakt .fa {
    position: relative;
    top: 4px;
    margin-right: 3px;
}
.headerKontakt a {
    margin-right: 1.5rem;
}
.headerKontakt a:last-child {
    margin: 0px;
}
.menuContainer {
    color: #2b2b2b;
    padding-top: 3px;
}
.navbar {
    position: relative;
    display: block;
    border-top: 1px solid #986740;
    border-radius: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 16px;
}
.navbar .subnav {
    display:  none;
    position: absolute;
    width: 250px;
    z-index: 10000;
    background: rgba(255,255,255,0.9);
    padding-left: 0px;
    margin-left: 0px;  
    top:75px; 
}
.navbar .subnav .nav-item + .nav-item {
    margin-left: 0px !important;
}
.navbar .subnav .nav-item {
    font-size: 13px;
    display: block;
    float: none !important;
    padding-top: 0px;
    border-bottom: 1px solid #986740;
    padding: 0 !important;
}
.navbar .subnav .nav-item .nav-link:before {
    transition: 0.3s all;
    background: #462810;
    width: 7px;
    height: 7px;
    display: none;
    content: "";
    position: absolute;
    transform: rotate(45deg);
    left: -10px;
    top: 18px;
}
.navbar .subnav .nav-item .nav-link {
    color: #000;
    display: block !important;
    font-size: 1rem;
    text-transform: normal;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
    transition: 0;
}
.navbar .subnav .nav-item .nav-link:hover {
    color: #fff;
    background: #634a3c;
    transition: 0;
}
.navbar-nav .nav-item + .nav-item {
    margin-left: 0.7rem !important;
}
.nav {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 920px;
}
.navbar .nav-item {
    padding: 0 4px;
    position: relative;
}
.navbar .nav-item .nav-link {
    transition: 0.3s all;
    display: block;
    position: relative;
    z-index: 20;
    color: #2b2b2b;
    font-size: 1.2rem;
    padding: 0 6px;
    text-transform: uppercase;
    transition: 0.3s all;
}
.navbar .nav-item .nav-link .hiddenText {
    display: block;
    margin-bottom: -1.3rem;
    font-size: 1.1rem;
    padding: 0 2px;
    
    opacity: 0;
}
.navbar .nav-item .nav-link:hover, .navbar .nav-item.active .nav-link  {
    
    transition: 0.3s all;
}
/*
.navbar .nav-item .nav-link:before {
    transition: 0.3s all;
    background: #462810;
    width: 10px;
    height: 10px;
    display: block;
    content: "";
    position: absolute;
    transform: rotate(45deg) translateX(-50%);
    left: 50%;
    top: -10px;
    z-index: -1;
}
*/
.navbar .nav-item .nav-link:hover:before {
    transition: 0.3s all;
}
.display-4 {
    color: #462810;
    font-size: 1.2rem !important;
    text-transform: uppercase;
    
}
.display-5 {
    color: #462810;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 3.5rem !important;
}
.display-6 {
    font-size: 1.2rem;
}
.display-8 {
    font-size: 1.6rem;
}
.display-9 {
    font-size: 1.4rem;
}
.display-7 {
    font-size: 3.2rem;
    color: #67676a;
}
.pic1 {
    display: block;
    position: relative;
    width: 100%;
    max-width: 266px;
    z-index: 1;
    margin-bottom: 15px;
    
}

.pic2 {
    display: block;
    position: relative;
    width: 100%;
    max-width: 266px;
    z-index: 2;
    
}
.pic3 {
    display: block;
    position: relative;
    width: 100%;
    max-width: 320px;
    padding-left: 20px;
    z-index: 1;
    margin-top: 48px;
    
}
.p-t-4 {
    padding-top: 5rem;
}
.m-t-5 {
    margin-top: 5rem;
}
.halfContainer {
   margin-top: 90px;
   display: block;
}
.slideText1 {
    font-size: 2.3rem;
    position: absolute;
    top: 20%;
    left: 4%;
    display: block;
    color: #fff;
    text-transform: uppercase;
    width: 490px;
}
.slideText2 {
    font-size: 4.5rem;
    position: absolute;
    bottom: 5%;
    left: 4%;
    display: block;
    color: #000;
    text-transform: uppercase;
    width: 610px;
}
.half {
    background-size: cover;
    position: relative;
    height: 500px;
}
.halfFirst{
    background-image: url(../img/handSquare.jpg);
}
.halfSecond {
    background-image: url(../img/jungeSquare.jpg);
}
.menuButton {
    background: rgba(99,74,60,1);
    color: #fff;
    text-transform: uppercase;
    padding: 8px 15px;
    position: relative;
    transition: 0.3s all;
    border: 3px solid #fff;
    box-shadow: 0 0 0px 1px #634a3c;
    display: block;
    margin-top: 25px;
    text-align: center;
    max-width: 210px;
}
.menuButton.dimension {
    position: relative;
    text-align: center;
    bottom: 0px;
    margin: 0 auto;
}
.brownBtn {
    border: 3px solid #dac6b1;
    margin: 0 auto;
    margin-top: 40px;
}
.greyBtn {
    border: 3px solid #ececec;
}
.menuButton:hover {
    color: #fff;
    background: rgba(99,74,60,0.9);
    transition: 0.3s all;
    text-decoration: none;
}
.menuButton.bigger:hover {
    color: #fff;
    background: rgba(85,65,50,1);
    transition: 0.3s all;
    text-decoration: none;
}
.menuButton.bigger {
    margin-top: 4px;
}
.menuButton .fa {
    position: relative;
    transform: translateX(0px);
    transition: 0.3s all;
}
.menuButton:hover .fa {
    transform: translateX(5px);
    transition: 0.3s all; 
}
.bigger {
    max-width: 310px;
    margin-left: 25px;
    padding: 13px 0;
    font-size: 1.2rem;
}
.dimList {
    color: #5f5f5f;
    list-style: none;
    padding-left: 23px;
    margin-left: 0px;
}
.dimList li {
    display: block;
    position: relative;
    margin-bottom: 0.4rem;
    font-size: 1.2rem;
}
.dimList li:before {
    content:"\f04d";
    font-size: 0.7rem;
    color: #634a3c;
    display: block;
    font-family: 'FontAwesome';
    position: absolute;
    left: -20px;
    top: 7px;
}
.dimensionList {
    color: #5f5f5f;
    list-style: none;
    padding-left: 23px;
    margin-left: 0px;
}

.dimensionList li {
    display: block;
    position: relative;
    margin-bottom:0.6rem;
    font-size: 1rem;
}
.dimensionList li:before {
    content:"\f04d";
    font-size: 0.7rem;
    color: #634a3c;
    display: block;
    font-family: 'FontAwesome';
    position: absolute;
    left: -20px;
    top: 7px;
}
.dimensionList li span {
    font-size: 1.1rem !important;
    color: #0f0f0f !important;
}
.dimSmall {
    font-size: 0.8rem;
    color: #434343;
    display: block;
    margin-top: -2px;
}
.imgContainer {
    width: 100%;
    max-width: 110px;
    height: 110px;
    display: block;
}
.imgContainer h4 {
    max-width: 100%;
    text-transform: uppercase;
    display: block;
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: #fff;
    font-size: 1.2rem;
    max-width: 100px;
    text-shadow: 0 0 8px rgba(0,0,0,0.7);
}
.squareBG {
    background: #6d5741;
    position: absolute;
    width: 110px;
    height: 110px;
    left: 24px;
    top: 10px;
    display: block;
    z-index: 0;
}
.sortItem {
    margin-bottom: 30px;
}
.sortItem {
    padding-right: 0px;
}
.greyBG {
    background: #ececec;
    position: relative;
}
.moreBtn {
    font-style: italic;
    color: #242424;
    position: relative;
    z-index: 100;
    transition: 0.3s all;
}
.moreBtn:hover {
    transition: 0.3s all;
    color: #040404;
    text-decoration: none;
}
.odd .moreBtn {
    float:right;
    padding-right: 25px;
}
.even .moreBtn {
    padding-left: 15px;
}
.odd .serviceContent{
    padding-left: 25px;
}
.holzBG {
    background: url(../img/holz_13.png);
    left: 0px;
    top: 15px;
    position: absolute;
    width: 708px;
    height: 477px;
    display: block;
}
.olBG {
    background-image:url(../img/olBG.jpg);
    position: relative;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.pflegeBG {
    background-image:url(../img/pflegeBG.jpg);
    position: relative;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.sanierungBG {
    background-image:url(../img/sanierungBG.jpg);
    position: relative;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.underSiteBG {
     position: relative;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.underSiteBG .container {
    position: relative;
    z-index: 100;
}
.terrassenBG {
     background-image:url(../img/terrassenBG.jpg);
}
.weinlagerungBG {
     background-image:url(../img/weinBG.jpg);
}
.saunaBG {
     background-image:url(../img/saunaBG.jpg);
}
.massivholzmoebelBG {
     background-image:url(../img/mobelBG.jpg);
}
.matchHeight img {
    max-height: 225px;
    display: block;
    margin: 0 auto;
}
.dimensionBG {
    position: relative;
    background: url(../img/middleSection.jpg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 100%;
}
.greyLayer {
    background: rgba(236,236,236,0.85);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    display: block;
}
#weitereProdukte, .oberSection, .weitereProdukte {
    background: url(../img/articleSection_16.jpg);
    background-size: cover;
    width: 100%;
    position: relative;
}
.verticalCenter {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    text-align: justify !important;
}
.marker {
    font-size: 1.2rem;
}
.sortContainer {
    z-index: 1 !important;
    width: 80% !important;
}
.even .sortContainer {
    float:right;
}
.odd .sortContainer {
    float:left;
}
.slickItem h4, .oberItem h4  {
    color: #686e62;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 1.6rem;
    padding-bottom: 15px;
    padding-top: 20px;
     margin-left: -6px;
    margin-right: -6px;
    border-bottom: 1px solid #787e82;
}
.holzarten h4, .verlegemuster h4  {
    color: #6a696a;
    text-align: center;
    display: block;
    margin-top: 15px;
    
}
 .footerLogo {
     max-width: 100%; 
     max-width: 170px; 
     margin: 0 auto; 
     display: block;
    }
.verlegemuster h4 {
     color: #6a696a;
}
.pine {
    position: relative;
    top: -4px;
}
.verlegemusterItem {
    margin-bottom: 30px;
}
.verlegemusterItem .smaller {
    font-weight: normal;
    color: #5a595a;
}
.slickItem .content, .oberItem .content {
    text-align: center;
}
.readMore {
    border: none;
    color: #343231;
    text-transform: uppercase;
    font-size: 1.3rem;
    
    text-align: center;
    padding-left: 0px;
    margin-top: 20px;
    display: block;
    transition: 0.3s all;
}
.readMore:hover {
    color: #545251;
    text-decoration: none;
    transition: 0.3s all;
}
.readMore span {
    transition: 0.3s all;
}
.readMore:hover span {
    transform: translateX(5px);
    transition: 0.3s all;
}
/*
.borderTop {
    height: 55%;
    width: 106%;
    border: 2px solid #787e82;
    display: block;
    position: absolute;
    top: -5%;
    left: -3%;
    border-bottom: none;
}
.borderBottom {
    height: 55%;
    width: 106%;
    border: 2px solid #787e82;
    border-top: none;
    display: block;
    position: absolute;
    bottom: -5%;
    left: -3%;
}
*/
.serviceItem {
    margin-top: 45px;
}
.even.odd.serviceItem {
    margin-top: 15px;
}
.serviceContainer {
    background: #f9f3ed;
    color: #323232;
    border: 1px solid #b29579;
    width: 100%;
    position: relative;
    z-index: 0;
    font-size: 0.96rem;
}
.odd .serviceContainer {
    border-left: none;
    padding: 6px 0px 6px 50px;
    height: 199px;
}
.even .serviceContainer {
    border-right: none;
    padding: 6px 50px 6px 15px;
    height: 199px;
}
.odd .serviceImage {
    position: absolute;
    display: block;
    width: 320px;
    left: 0px;
    top: -9px;
}
.even .serviceImage {
    position: absolute;
    display: block;
    width: 320px;
    right: 0px;
    top: -9px;
}
.odd .sortContainer .serviceImage {
    position: absolute;
    display: block;
    width: 170px;
    left: 0px;
    top: -25px;
}
.even .sortContainer .serviceImage {
    position: absolute;
    display: block;
    width: 170px;
    right: 10px;
    top: -20px;
}
.serviceImage img {
    width: 100%;
    max-width: 100%;
}
.serviceHeadline {
    text-transform: uppercase;
    color: #242424;
    font-size: 1.4rem;
    display: inline-block;
}
/*
.backgroundImage {
    background: #b29579;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 10px;
    z-index:-1;
}
*/
.sortPicContainer {
    overflow: hidden;
    display: block;
}
.sortPic {
    position: relative;
    background-size: cover;
    display: block;
    transition: 0.4s all;
}
.sortPic:hover {
   transform: scale(1.2, 1.2);
   transition: 0.4s all;
}
.headlineZusatz {
    color: #6b6b6b;
    text-transform: uppercase;
    font-size: 1.4rem;    
}
#referenzen {
    background-image:url(../img/ref_Container_18.jpg);
    background-size: cover;
}
.uberMiddle {
    background-image:url(../img/uberMiddle.jpg);
    background-size: cover;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat; 
    display: block;
}
.referenzen_bg{
	background-image:url(../img/ref_bg.jpg);
 background-repeat:no-repeat;
    background-position: right top;
}

.kontakt_bg{
	background-image:url(../img/kontakt_bg.jpg);
 background-repeat:no-repeat;
    background-position: left top;
}


.refItem {
    box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.3);
    background: #e4d5c7;
    display: block;
    text-align: center;
    margin-bottom: 35px;
}
.refItem .image {
    margin-top: 15px;
    display: block;
}
.refItem img {
    max-width: 100%;
    width: 100%;
}
.refTitle {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #2c2c2c;
    display: block;
    padding: 13px 0 0 0;
}
.refDesc {
    font-size: 1rem;
    text-transform: uppercase;
    color: #505050;
    display: block;
    padding: 0 0 10px 0;
}
.refText {
    font-size: 1rem;
    text-transform: uppercase;
    color: #505050;
    display: block;
    padding: 0 0 10px 0;
    margin: 0 auto;
    width: 80%;
}
.refName {
    font-size: 1rem;
    color: #454545;
    display: block;
    padding: 13px 0;
}
#maps {
    height: 350px;
    width: 100%;
    display: block;
}
#massivDielen {
    position: relative;
    height: 650px;
}
/*
#massivDielen:before {
    width: 100%;
    display: block;
    height: 2px;
    position: absolute;
    background: rgba(99,74,60,1);
    content: "";
    top: -30px;
}
*/
/*
.massivHomeContainer:before {
    width: 2px;
    display: block;
    height: 120px;
    position: absolute;
    background: rgba(99,74,60,1);
    content: "";
    top: 0px;
    left: 0px;
}
.massivHomeContainer:after {
    width: 2px;
    display: block;
    height: 120px;
    position: absolute;
    background: rgba(99,74,60,1);
    content: "";
    top: 0px;
    right: 0px;
}
*/
.fancybox:hover {
    cursor: pointer !important;
}
.massivHomeContainer h2:after {
    display: none;
}
.massivHomeContainer h2 {
    text-align: center;
    padding-top: 1rem;
}
.bgWhite {
    background: #fff;
    position: relative;
    display: block;
}

#philosophie {
    margin-top: -110px;
}
.underSite {
    margin-top: -110px;
    font-size: 1.1rem;
}
.pflegeBG, .sanierungBG, .sortContainer {
    font-size: 1.1rem;
}
.lercheBG {
    background: url(../img/lercheBG.jpg);
    width: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.handBG {
    background: url(../img/handBG.jpg);
    width: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.overlay-white {
    background: rgba(255,255,255,0.9);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
}
.overlay-white-light {
    background: rgba(255,255,255,0.5);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
}
.overlay-white-medium {
    background: rgba(255,255,255,0.7);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
}
.overlay-brown-medium {
    background: rgba(70,40,16,0.8);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
}
.overlay-brown-light {
    background: rgba(70,40,16,0.3);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
}
.overlay-white-full {
    background: linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.6),rgba(255,255,255,0.9),rgba(255,255,255,0.9),rgba(255,255,255,0.6),rgba(255,255,255,0.4));
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
}
.overlay-white-full-light {
    background: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.4),rgba(255,255,255,0.8),rgba(255,255,255,0.8),rgba(255,255,255,0.4),rgba(255,255,255,0.2));
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
}
.overlay-grey {
    background: rgba(236,236,236,0.9);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
}
.zitat {
    position: absolute;
    color: #fff;
    display: block;
    font-size: 1.7rem;
    bottom: 20px;
    right: 20px;
    max-width: 80%;
}
.p-y-3 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
} 
#callToAction {
    position: fixed;
    right: 20px;
    top: 40%;
    z-index: 10;
}
#callToAction .phoneCall {
    background: #dad0b9;
    color: #462810;
    display: block;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    padding-left: 12px;
    font-size: 1.3rem;
    border-radius: 50px;
    transition: 0.3s all;
}
#callToAction .mailCall {
    background: #dad0b9;
    color: #462810;
    display: block;
    width: 40px;
    height: 40px;
    padding-top: 8px;
    padding-left: 11px;
    font-size: 1.1rem;
    border-radius: 50px;
    margin-top: 15px;
    transition: 0.3s all;
}
#callToAction a:hover {
    background: #462810;
    color: #fff;
   transition: 0.3s all;
}
#banner {
   display: block;
   margin-top: -160px;
   position: relative;
}
.bannerPic {
     height: 70vh;
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
}
.uberList {
    margin-left: 0px;
    padding-left: 0px;
}
.uberList li {
    list-style: none;
    color: #3b3c3e;
    font-size: 1.4rem;
}
.font16 {
    /*font-size: 1.6rem;*/
    color: #3b3c3e;
}
.brownBG {
    background-color:#dbc9b5;
}
@charset "UTF-8";
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    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;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[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;
}
.slick-loading .slick-list {
    background: #fff url("ajax-loader.gif.html") center center no-repeat;
}
@font-face {
    font-family: "slick";
    src: url("../js/vendor/slick/fonts/slick.eot");
    src: url("../js/vendor/slick/fonts/slick-1.eot") format("embedded-opentype"), url("../js/vendor/slick/fonts/slick.woff") format("woff"), url("../js/vendor/slick/fonts/slick.ttf") format("truetype"), url("../js/vendor/slick/fonts/slick.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 33px;
    width: 27px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 20%;
    margin-top: -10px\9;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25;
}
.slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 2.4rem;
    line-height: 1;
    color: #6d5741;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -45px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: -45px;
}
.slick-prev:before {
    content: "\f053";
    font-family: 'FontAwesome';
}
[dir="rtl"] .slick-prev:before {
    content: "→";
}
.slick-next {
    right: -45px;
}
[dir="rtl"] .slick-next {
    left: -45px;
    right: auto;
}
.slick-next:before {
   content: "\f054";
    font-family: 'FontAwesome';
}
[dir="rtl"] .slick-next:before {
    content: "←";
}
.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}
.navbar-default {
    background-color: rgba(230, 230, 230, 0.8);
}
.img-circle {
    border: 10px solid #0275d8;
}
.btn {
    font-family: inherit;
}
@media (max-width: 543px) {
    .container.no-gutter-xs {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.auto-width {
    width: auto;
    display: inline;
}
#fixed-admin-nav-bar {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 9999;
    width: auto !important;
    height: 40px;
}
#fixed-admin-nav-bar button {
    color: #333 !important;
}
#fixed-admin-nav-bar ul {
    list-style: none;
}
#fixed-admin-nav-bar ul li {
    padding: 0;
    margin: 0;
}
html {
    position: relative;
}
.container .text-muted {
    margin: 20px 0;
}
.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}
code {
    font-size: 80%;
}
.section-16-9 {
    height: 56.66 vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
}
.lazy.background-spinner:before, .lazy-fade-in.background-spinner:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    margin-left: -32px;
    background-image: url("data:image/gif;base64,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");
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 300ms 1000ms ease-out;
}
.lazy.background-spinner.lazy-appear:before, .lazy-fade-in.lazy-appear.background-spinner:before {
    margin-top: 0px;
    margin-left: 0px;
    width: 0px;
    height: 0px;
    opacity: 0px;
}
.bxslider-16-9 {
    position: relative;
}
.bxslider-16-9 .bxslider {
    margin-bottom: 0;
}
.bxslider-16-9 .bx-wrapper {
    margin-bottom: 0;
}
.bxslider-16-9 .bx-wrapper .bx-viewport {
    border: 0;
    left: 0;
    box-shadow: none;
}
.bxslider-16-9 li {
    height: 100vh;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
    position: relative;
}
.bxslider-16-9 li:first-child, .bxslider-16-9 .bx-wrapper li {
    display: block;
}
.bxslider-16-9 li > .inner {
    position: relative;
    margin-top: 20%;
    color: #ddd;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    opacity: 0;
}
.bxslider-16-9 li > .inner h1, .bxslider-16-9 li > .inner h2, .bxslider-16-9 li > .inner h3, .bxslider-16-9 li > .inner h4 {
    color: #fff;
}
.bxslider-16-9 li .bx-overflow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0.6);
}
.bx-pager-item a {
    background: #fff !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 15px !important;
    color: #fff !important;
    position: relative;
    overflow: hidden;
}
.bx-pager-item a:after {
    background: #dad0b9;
    width: 13px;
    position: absolute;
    border-radius: 10px !important;
    height: 13px;
    top: 6px;
    left: 6px;
    content:"";
    display: none;
}
.bx-pager-item a:hover:after, .bx-pager-item a.active:after {
    display: block;
} 
.bx-wrapper .bx-pager {
    bottom: 3%;
    text-align: right;
    right: 15px;
}
.section {
    overflow: hidden;
}
.padding-top {
    padding-top: 40px;
}
.padding-bottom {
    padding-bottom: 40px;
}
.padding-top-bottom {
    padding-top: 40px;
    padding-bottom: 40px;
}
.bg-color-primary {
    background: #fefff8;
}
.bg-color-secondary {
    background: #f0f0f0;
}
.image-wrapper {
    position: relative;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.image-wrapper-square {
    padding-top: 100%;
}
.image-wrapper-portrait {
    padding-top: 150%;
}
.image-wrapper-landscape {
    padding-top: 56.66%;
}
.image-wrapper-round {
    border-radius: 100px;
}
.vertical-align-wrapper {
    position: relative;
}
.vertical-align-wrapper .vertical-align-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.vcenter-wrap {
    font-size: 0;
}
.vcenter-wrap .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-size: 1rem;
}
@media (max-width: 543px) {
    .vcenter-wrap .vcenter[class*="col-"] {
        display: block;
    }
}
.vcenter2-wrap {
    display: table;
}
.vcenter2-wrap .vcenter {
    display: table-cell;
    vertical-align: middle;
    width: 100vw;
}
.slick-track {
    padding-top: 20px;
    padding-bottom: 20px;
}
.slick-slide {
    padding: 0 15px;
}
.layout5 {
    position: relative;
}
.layout5 .layout5-row {
    position: relative;
}
.layout5 .imgg {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 50%;
}
.layout5 .imgg.left {
    left: 0px;
}
.layout5 .imgg.right {
    right: 0px;
}
.layout5 .texxt {
    width: 50%;
    position: relative;
    line-height: 500px;
}
.layout5 .texxt .vcenter {
    line-height: 1.5;
}
.layout5 .texxt.left {
    text-align: right;
    background-color: #fefff8;
}
.layout5 .texxt.right {
    margin-left: 50%;
    background-color: #f0f0f0;
}
.layout5 .texxt .inner {
    max-width: 560px;
    padding: 20px;
    overflow: hidden;
}
.layout5 .texxt.left .inner {
    text-align: left;
    margin-right: 10.5%;
    padding-right: 0px;
}
.layout5 .texxt.right .inner {
    margin-left: 10.5%;
    padding-left: 0px;
}
@media (max-width: 543px) {
    .layout5 .imgg, .layout5 .texxt {
        width: auto;
        line-height: 300px;
    }
    .layout5 .texxt.left .inner, .layout5 .texxt.right .inner {
        padding: 20px;
        margin: 0;
    }
    .layout5 .imgg {
        position: relative;
        height: 50vw;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
    }
    .layout5 .texxt.right {
        margin: 0;
    }
}
.absolute-cover {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.hover-effect-1 {
    overflow: hidden;
}
.hover-effect-1 .mask {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 700px;
    height: 700px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
    border-radius: 5000px;
    display: inline-block;
    border: 0px solid rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.hover-effect-1:hover .mask {
    opacity: 1;
    border: 360px solid rgba(0, 0, 0, 0.7);
}
.hover-effect-1 .mask-overflow {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(30%) scale(0);
    transform: translateX(-50%) translateY(30%) scale(0);
    transition: transform 400ms cubic-bezier(0, 0, 0.58, 1);
    color: #0275d8;
    font-size: 40px;
}
.hover-effect-1:hover .mask-overflow {
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
}
.masonry-item {
    margin-bottom: 15px;
}
.masonry-item img {
    max-width: 100%;
}
.nano-card {
    position: relative;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 0.75 rem;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
}
.nano-card .image-wrapper {
    border-radius: 4px 4px 0 0;
}
.nano-card-block {
    padding: 1.25 rem;
}
@media (max-width: 543px) {
    html {
        font-size: 13px;
    }
    .display-3 {
        font-size: 1.5 rem;
    }
    h1 {
        font-size: 1.8 rem;
    }
}
html {
    position: relative;
    min-height: 100%;
}
.footer {
    background: #634a3c;
    position: relative;
    display: block;
}
/*
.footer:before {
    top: -20px;
    width: 100%;
    height: 4px;
    background: #634a3c;
    content: "";
    position: absolute;
}
*/
.footerMenu {
    padding-top: 12px;
    max-width: 170px;
    margin: 0 auto;
}
.footerMenu2 {
    color: #fff;
    list-style: none;
}
.footerMenu2 li a {
    color: rgba(255,255,255,1) !important;
    transition: 0.3s all;
}
.footerMenu2 li a:hover, .footerMenu2 li a:focus {
    color: rgba(255,255,255,0.7) !important;
    text-decoration: none;
    transition: 0.3s all;
}
.footerMenu li a {
    color: rgba(255,255,255,1) !important;
    transition: 0.3s all;
    text-transform: uppercase;
}
.footerMenu li a:hover {
    color: rgba(255,255,255,0.6) !important;
    transition: 0.3s all;
    }
.footerMenu li {
    list-style: none;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}
.footerMenu li:after {
    content:"|";
    font-size: 0.9rem;
    position: absolute;
    left: -8px;
    color: #fff;
    top: 1px;
}
.footerMenu li:first-child:after {
    display: none;
}
.colorWhite {
    color: #fff;
    font-size: 1.1rem;
}
.footerKontakt, .colorWhite a, .colorWhite .fa{
    color: #fff;
    font-size: 0.9rem !important;
}
.footerKontakt a {
    margin-right: 15px;
}

.kontakt a{
	text-decoration:none;
	color:#634a3c;
	font-weight:600;
}
.navbar-toggler {
    border: 1px solid #2b2b2b;
    border-radius: 5px;
    float:right;
    font-size: 1rem;
}
.sidr {
    background: #5f5247;
    box-shadow: 0 0 5px 2px #3f3227 inset !important;
}
.sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span {
     box-shadow: 0 0 5px 3px #3f3227 inset;
}
.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span {
     box-shadow: 0 0 5px 3px #3f3227 inset;
}
@media (max-width: 1200px) {
 body, html {
    font-size: 16px;
}
    .navbar-nav .nav-item + .nav-item {
        margin-left: 0px !important;
    }
    .navbar .nav-item {
        padding: 0px;
    }
    h2, .h2 {
    font-size: 2rem;
    margin-bottom: 0;
}
h3, .h3 {
    font-size: 1.8rem;
}
.pic3 {
    margin-top: 42px;
}
.slickItem h4, .oberItem h4 {
    font-size: 1.4rem;
}
.readMore {
    font-size: 1rem;
}
.serviceContainer {
    background: none;
    border: none;
}
.serviceItem {
    border-bottom: 1px solid rgba(36,36,36,0.2);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.serviceImage {
    top: 0.9rem !important;
    max-width: 300px;
}
.backgroundImage {
    display: none;
}
.serviceItem {
    margin-top: 0 !important;
}
.serviceItem:first-child {
    margin-top: 1rem;
}
.footerKontakt .fa {
    float:left;
      top: 4px;
    position: relative;
    clear: both;
}
.footerKontakt a {
    display: block;
    float:left;
    margin-bottom: 5px;
  
}
.sortItem {
    border: none;
}
.sortItem .p-t-2 {
    padding-top: 0px !important;
}
.sortContainer {
    margin-bottom: 2rem;
}
}

@media (max-width: 992px) {
     body, html {
    font-size: 15px;
}
    .navbar {
        padding-top: 9px !important;
    } 
    #silder {
        top: 0px;
    }
    #philosophie {
        margin-top: 0px;
    }
    .bxslider-16-9 li {
        background-size: cover;
        height: 50vh;
    }
    .bannerPic {
        height: 50vh;
    }
    .underSite {
        margin-top: 0px;
        padding-top: 2rem !important;
    }
    .uberMiddle .m-t-5 {
        margin-top: 0px;
    }
    .bx-pager-item a {
        width: 17px !important;
        height: 17px !important;
    }
    .bx-pager-item a:after {
        background: #dad0b9;
        width: 9px;
        position: absolute;
        border-radius: 10px !important;
        height: 9px;
        top: 4px;
        left: 4px;
        content: "";
        display: none;
}
.slideText1, .slideText2 {
    display: none;
}
h2, .h2 {
    font-size: 1.6rem;
    margin-bottom: 0;
}
h3, .h3 {
    font-size: 1.4rem;
}
.pic3 {
    margin-top: 36px;
}
.slickItem h4, .oberItem h4 {
    font-size: 1.4rem;
}
.serviceImage {
    max-width: 230px;
}
.footerMenu2 {
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 1rem;
}
.sortContainer {
    width: 100% !important;
}
.serviceListHome {
    height: auto !important;
}
}


@media (max-width: 762px) {
     body, html {
    font-size: 14px;
}
   .pic3 {
       padding-left: 0px;
       max-width: inherit;
   }
   .massivHomeContainer h2 {
       text-align: left;
       padding-top: 0;
   }
   #massivDielen {
       height: 27vh;
       width: 100% !important; 
   }
   .dimensionBG {
       background-size: contain;
   }
   .bigger {
    max-width: 220px;
    margin-left: 25px;
    padding: 13px 0;
    font-size: 0.9rem;
}
.odd .serviceContainer, .odd .serviceContent {
    padding-left: 0px;
}
.serviceImage {
    position: relative !important;
    display: block !important;
    width: 95% !important;
    left: 15px !important;
    max-width: inherit;
}
.even .serviceContainer {
    padding-left: 0px;
    padding-right: 0px;
}
.zitat {
    font-size: 1.2rem;
}
.kontaktText {
    left: 15px;
    bottom: -20px;
}
.kontakt {
    margin-bottom: 35px;
}
}


@media (max-width: 560px) {
     body, html {
    font-size: 13px;
}
img {
    float: none !important;
    max-width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.zitat {
    font-size: 1.2rem;
}
.kontaktText {
    left: 15px;
    bottom: -20px;
}
.kontakt {
    margin-bottom: 35px;
}
.verticalCenter {
    top: 0px;
    transform: translateY(0px);
}
 .sortPicContainer  {
     border-bottom: 1px solid rgba(36,36,36,0.3);
     padding-bottom: 2rem;
 }  
 .lercheBG .image-wrapper{
     padding-left: 15px;
     padding-right: 15px;
 }
 .servicePic {
    margin: 0.8rem 0 1rem 0;
}
.matchHeight img {
     max-height: auto; 
    display: block;
    margin: 0 auto;
    width: 100%;
}
}