html{box-sizing:border-box;scroll-behavior:smooth;min-height:100vh;text-rendering:optimizeSpeed}*,*:before,*:after{box-sizing:border-box;position:relative}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:normal}ol,ul{list-style:none}img{max-width:100%;height:auto}a{text-decoration:none}.fullscreen{max-width:100vw;min-height:100vh}section{padding:100px 0}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoDIOWaA.ttf) format('truetype')}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoDIOWaA.ttf) format('truetype')}body{font-family:'Roboto',sans-serif;font-size:15px;line-height:1.3rem;color:#2d3039}h1,h2,h3,h4{font-family:'Roboto Slab',serif;margin:20px 0}h1{font-size:3rem;line-height:3.1rem}h2{font-size:2rem;line-height:2.1rem;color:#bd2f13}h3{font-size:1.4rem;line-height:1.5rem}p{margin:0 0 20px 0}.flex{display:flex;display:-ms-flexbox;flex-wrap:wrap}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}.flex-center{justify-content:center}.flex-end{justify-content:flex-end}.flex-vcenter{align-items:center}.container{max-width:1080px;padding:0 20px;margin:0 auto}.col{margin:0 10px 20px 10px;flex:1}.col:first-child{margin:0 10px 20px 0}.col:only-child{margin:0 0 20px 0}.col:nth-child(n+2):last-child{margin:0 0 20px 10px}.col-1{flex:0 0 80px}.col-2{flex:0 0 180px}.col-3{flex:1 1 260px;max-width:260px}.col-4{flex:0 0 380px}.col-5{flex:0 0 480px}.col-6{flex:0 0 580px}.col-7{flex:0 0 680px}.col-8{flex:0 0 780px}.col-9{flex:0 0 880px}.col-10{flex:0 0 980px}.col-11{flex:0 0 1080px}.col-12{flex:0 0 1180px}#hero{color:#d85136;background-color:#2d3039;background-repeat:no-repeat;background-position:center bottom;background-size:cover;background-attachment:fixed;background-image:url('../img/hero/hero-aufbaufuchs-xl.jpg')}#hero .hero{flex-direction:column}#hero .hero--logo{opacity:0;transform:translate3d(0, 100px, 0);transition:all .6s cubic-bezier(.165, .84, .44, 1) .4s}#hero .hero--logo_svg{width:60px;height:60px;fill:#fff}#hero .hero--logo_txt{background-color:#d85136;color:#fff;padding:8px 12px;margin:0 20px}#hero .hero--txt{opacity:0;transform:translate3d(0, -100px, 0);transition:all .6s cubic-bezier(.165, .84, .44, 1) .4s}#hero .hero--txt .subline{color:#fff}body[data-loading="false"] #hero .hero--logo,body[data-loading="false"] #hero .hero--txt{opacity:1;transform:translate3d(0, 0, 0)}#about .about--container h3{min-height:48px}@media screen and (orientation:portrait){#about .about--container{flex-direction:column}#about .about--container .col{margin:20px 0}#about .about--container .col h3{min-height:auto}}#service{background:url('../img/wood-pattern.jpg') repeat left top #2d3039;background-attachment:fixed}#service .service{background-color:#fff;border-radius:10px;padding:20px}@media screen and (orientation:portrait){#service .service--accordeon{flex-direction:column}#service .service--accordeon .col{margin:0}}#contact .contact--item{display:flex;flex-direction:column;text-align:center}#contact .contact--item_icon{flex:0 0 50px;fill:#2d3039;margin:20px 0;max-height:50px}#contact .contact--item_title{color:#bd2f13;min-height:48px}#contact .contact--item:hover_title{color:#d85136}.accordeon{list-style:none;margin:0;padding:0}.accordeon--item{cursor:pointer;background:#f2f2f2;padding:0 20px;border-radius:10px;border-bottom:1px solid #fff}.accordeon--item_title::before{content:"+";flex:0 0 10px;margin:0 20px 0 0;transition:all .5s ease-out}.accordeon--item_title h4{flex:1}.accordeon--item_content{overflow:hidden;max-height:0;transition:max-height 1s ease-in-out}.accordeon--item.expand .accordeon--item_title{color:#d85136}.accordeon--item.expand .accordeon--item_title::before{transform:rotate(-45deg)}.accordeon--item.expand h4{color:#d85136}.accordeon--item:hover .accordeon--item_title{color:#bd2f13}header{background-color:#d85136;position:fixed;width:100vw;height:60px;z-index:100;opacity:1;transition:transform .6s cubic-bezier(.165, .84, .44, 1),opacity .6s cubic-bezier(.165, .84, .44, 1),background-color .6s cubic-bezier(.165, .84, .44, 1) .6s}header .header{height:inherit}header .header .logo{display:flex;align-self:center;height:40px;z-index:1000;transition:all .6s ease-in-out .6s}header .header .logo--svg{width:40px;height:40px;fill:#fff}header .header .logo--txt{margin:0 10px;color:#fff}header .header .navi--btn{display:none;width:40px;height:inherit;z-index:5}header .header .navi--btn span{display:block;background:#fff;width:24px;height:1px;box-shadow:0 0 4px 0 rgba(0,0,0,0.25);position:relative;margin:4px auto}header .header .navi--btn span:nth-child(1),header .header .navi--btn span:nth-child(3){transition:transform .3s cubic-bezier(.165, .84, .44, 1) .3s,opacity .3s linear .3s}header .header .navi--btn span:nth-child(2){transition:transform .3s cubic-bezier(.165, .84, .44, 1)}header .header .navi--btn span:nth-child(4){top:-10px;opacity:0}header .header .navi--list_item{padding:0 20px;transition:all .6s cubic-bezier(.165, .84, .44, 1);color:#fff;text-transform:uppercase}header .header .navi--list_item:hover{background-color:#bd2f13}header.is--hidden{transform:translate3d(0, -60px, 0);opacity:0;transition:transform .6s cubic-bezier(.895, .03, .685, .22),opacity .6s cubic-bezier(.895, .03, .685, .22),background-color .6s cubic-bezier(.165, .84, .44, 1) .6s}header[data-hero="true"]{background-color:rgba(189,47,19,0)}header[data-hero="true"] .logo{opacity:0;transition:all .6s ease-in-out}@media screen and (orientation:portrait){body[data-menu-expand=true]{overflow:hidden}body[data-menu-expand=true] header .navi--list{right:0}body[data-menu-expand=true] header .navi--btn span:nth-child(1){opacity:0;transform:translateY(4px);transition:transform .3s ease,opacity .3s linear}body[data-menu-expand=true] header .navi--btn span:nth-child(2){transform:rotate(45deg);transition:transform .3s ease .3s}body[data-menu-expand=true] header .navi--btn span:nth-child(3){opacity:0;transform:translateY(-4px);transition:transform .3s ease,opacity .3s linear}body[data-menu-expand=true] header .navi--btn span:nth-child(4){opacity:1;transform:rotate(-45deg);transition:transform .3s ease .3s,opacity .3s linear}header .header .navi--btn{display:block}header .header .navi--list{background:#d85136;position:fixed;top:0;right:-100vw;width:100vw;height:100vh;align-items:center;flex-direction:column;justify-content:center;transition:all .6s ease-in-out}header .header .navi--list h4{font-size:2rem;line-height:2.1rem}}body #preloader{background:#d85136;position:fixed;flex-direction:column;width:100vw;z-index:2000}body #preloader .logo{width:60px;height:60px;margin:0 0 40px 0;opacity:0;transform:translate3d(10px, 50px, 0);transition:all .6s cubic-bezier(.165, .84, .44, 1);fill:#fff}body #preloader .spinner{width:30px;height:30px;border-radius:50%;border-top:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);border-left:1px solid #fff;animation:spin .5s linear infinite}body[data-loading="true"] #preloader .logo{opacity:1;transform:translate3d(10px, 0, 0)}body[data-loading="false"] #preloader{display:none}footer{background-color:#2d3039;color:#525767;padding:100px 0}@keyframes spin{to{transform:rotate(360deg)}}