a,body,html,input,textarea{-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale}#section-2 ul li,.btn,.legals li,.referenzen li,nav ul li{display:inline-block}.popup-style a:hover,a,nav ul li a{text-decoration:none}button,nav ul li:last-child{margin:0}.btn,.close-popup,a{transition:1s}.back-to-top,.zitat,header .zitat{text-align:center}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll}button,hr,input{overflow:visible}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}a{background-color:transparent;-webkit-text-decoration-skip:objects}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden],template{display:none}a,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}html,body,main{width:100%;height:100%}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}iframe,img{vertical-align:middle}html,body{font:16px/27px 'Open Sans',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,section,body{overflow-y:inherit!important}a{color:#3F3C39;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,footer,section,div{outline:0!important}html,body,main{height:inherit!important}h1,h2{margin:0 0 15px 0;font-weight:600}h1{padding-top:45px}h2{color:#fff;font-weight:500}h3{font-size:20px;font-weight:600}p{margin:0 0 16px 0}.referenzen li{display:inline-block}.ref{color:#ffa904}.urheber{font-size:18px;font-weight:300;font-style:italic}.extra p{text-shadow:3px 3px 4px #000}.zitat{text-align:center;font-weight:800}.zitat span{font:italic 300 14px/18px 'Open Sans',sans-serif;display:block;margin:10px 0 0 0}.btn{margin:20px 0 0 0;display:inline-block;color:#ffa904;padding:8px 20px;border:2px solid #ffa904}header{background:url(../images/holz-und-parkettboden.webp) no-repeat center center;background-size:cover;height:100vh}header .zitat{font-family:'Open Sans';font-weight:300;font-size:25px;color:#ffa904;text-align:center;padding-top:350px}.zitat p{background:#fff;width:60%;height:auto;display:block;margin:0 auto;padding:10px;line-height:40px}.black{color:#000;font-weight:700;font-size:34px;padding-top:50px}nav{background:#ffa904;height:60px;display:flex;justify-content:center;left:0;right:0;top:0;width:100%;z-index:20}.logo-fixed{display:none}nav ul{align-items:center;padding-top:15px}nav ul li{font:300 16px/20px 'Open Sans',sans-serif;display:inline-block;margin:0 50px 0 0}nav ul li:last-child{margin:0}nav ul li a{color:#fff;text-decoration:none}.flex-container{display:flex}#section-1{color:#ffa904}#section-1 .flex-item:nth-of-type(1){background:#f2f1f1;flex-basis:50%;padding:5%;margin:100px 0}#section-1 .flex-item:nth-of-type(2),#section-1 .flex-item:nth-of-type(3){flex-basis:25%}#section-1 .flex-item:nth-of-type(2) img{width:100%;height:100%}#section-1 .flex-item:nth-of-type(3){background:#f2f1f1;margin:100px 0}.square-container>.flex-item>.flex-container:nth-of-type(1) .flex-item,.square-container>.flex-item>.flex-container:nth-of-type(2) .flex-item{flex-basis:50%;height:24vh;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:2%}#section-4 h3{color:#FFF;font-size:24px;margin:0 0 10px 0;position:relative}#section-4{height:48vh;display:flex;flex-direction:row-reverse}#section-4>.flex-item:nth-of-type(1){background:url(../images/dunkler-dielenboden.webp) center bottom/cover;flex-basis:60%;display:inline-flex;justify-content:center;align-items:center;background-repeat:no-repeat;font:300 24px/28px 'Open Sans',sans-serif;color:#FFF;padding:5%}#section-4 .flex-item:nth-of-type(2){flex-basis:50%}#section-4 .flex-item>.flex-container:nth-of-type(1) .flex-item:nth-of-type(1){background:url(../images/dielenboden-ref1.webp) center center/cover}#section-4 .flex-item>.flex-container:nth-of-type(1) .flex-item:nth-of-type(2){background:url(../images/parkettboden-ref3.webp) center center/cover}#section-4 .flex-item>.flex-container:nth-of-type(2) .flex-item:nth-of-type(1){background:url(../images/dielenboden-ref4.webp) center center/cover}#section-4 .flex-item>.flex-container:nth-of-type(2) .flex-item:nth-of-type(2){background:url(../images/parkettboden-ref2.webp) center center/cover}#section-5 .flex-item:nth-of-type(1){background:#f2f1f1;flex-basis:40%;padding:5%;margin:100px 0}#section-5 .flex-item:nth-of-type(2){flex-basis:25%}#section-5 .flex-item:nth-of-type(2) img{height:100%;width:100%}#section-5 .flex-item:nth-of-type(3){flex-basis:80%;padding:5%;margin:100px 0;background:#f2f1f1}#section-5 h2{color:#ffa904;margin-top:80px}#kontakt{background:#ffa904;padding:40px 5%}#kontakt .flex-item{flex-basis:50%}#kontakt .flex-item:first-of-type{margin:0 5% 0 0;color:#FFF;padding:100px 0}#kontakt a{color:#FFF!important}#kontakt h2{color:#FFF}.kontaktformular{border:none;width:100%;height:900px;padding:5% 0}#impressum{background:#FFF;color:#ffa904}#impressum h2{color:#ffa904}#impressum .flex-item{flex-basis:50%;padding:5%}footer a{color:#8b2c2d!important}button{margin:0;padding:0;background:0 0;border:none}#impressum{position:relative}@media screen and (max-height:750px){section{height:auto!important}}@media screen and (max-width:1100px){header{height:600px}header .zitat{padding-top:100px}section{height:auto!important}}@media screen and (max-width:900px){h1{padding-top:80px}#section-1 .flex-item:nth-of-type(2),#section-1 .flex-item:nth-of-type(3){display:none}nav button{position:absolute;top:0;left:0;right:0;height:90px;margin:auto;color:#FFF;background:#ffa904;padding:5px 8px;font-weight:600;width:100%}nav ul{display:none}nav ul li{display:block;margin:0 0 30px 0}nav button span:after{content:"öffnen"}#section-1.flex-container,#section-4.flex-container,#kontakt.flex-container{flex-wrap:wrap}#section-1 .flex-item:nth-of-type(1){flex-basis:100%;margin:0}#section-1 .flex-item:nth-of-type(2){flex-basis:50%;margin:0}#section-1 .flex-item:nth-of-type(2) img{max-height:300px}#section-4{height:auto}#section-4>.flex-item:nth-of-type(1){height:300px}#section-4 .flex-item:nth-of-type(1),#section-4 .flex-item:nth-of-type(2){flex-basis:100%}#section-5 .flex-item:nth-of-type(1){display:none}#section-5 .flex-item:nth-of-type(2),#section-5 .flex-item:nth-of-type(3){flex-basis:50%;margin:0}#kontakt .flex-item{flex-basis:100%;margin:0!important}}@media screen and (max-width:500px){.zitat p{line-height:25px;font-size:20px}.black{font-size:25px}#section-5 .flex-item:nth-of-type(2){display:none}#section-5 .flex-item:nth-of-type(3){flex-basis:100%}#impressum.flex-container{flex-wrap:wrap}#impressum .flex-item{flex-basis:100%}#section-1 .flex-item:nth-of-type(1){background:#f2f1f1 url(../images/mandela-rechts.png) no-repeat center right}#section-1 .flex-item:nth-of-type(2),#section-1 .flex-item:nth-of-type(3){display:none}.flex-container .flex-item>.flex-container{flex-wrap:wrap}.flex-container>.flex-item>.flex-container>.flex-item{flex-basis:100%!important}#section-4 .flex-item>.flex-container:nth-of-type(2) .flex-item:nth-of-type(1){background:#ffa904}}.dsa-cookie-notice-close{position:absolute;display:block;height:20px;bottom:20px;width:20px;line-height:20px;right:5px;top:5px;text-decoration:none;color:#fff!important;background-color:#515151}.dsa-cookie-notice-close:hover{background-color:#000}.dsa-cookie-notice{font-family:arial;font-size:12px;display:block;position:fixed;left:0;right:0;bottom:10px;z-index:99999!important;background-color:rgba(255,169,4,.8);margin:auto;width:100%;text-align:center}.dsa-cookie-notice a{color:#000}.dsa-cookie-notice.hide{display:none}.cookie-inner{padding:25px}.fas{font-family:"Font Awesome 5 Free";font-weight:900}.fa-times:before{content:"\f00d"}
