@import url("https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Slab:400,700");.wrapper{max-width:640px;width:100%;margin:0 auto;background:white;z-index:1}[data-aos][data-aos=fade-left]{transform:translate3d(300px, 0, 0)}[data-aos][data-aos=fade-right]{transform:translate3d(-300px, 0, 0)}*{margin:0;padding:0}body{margin:0;padding-bottom:80px;overflow-x:hidden}body header{width:100%;position:fixed;top:0;background:white;z-index:2;border-bottom:1px solid #e6e6e6}body header.scrolling img.logo{width:100px;margin:15px 0}body header.scrolling nav a{font-size:11px;line-height:30px}body header.scrolling nav a:hover{line-height:26px}body header .title{display:flex;flex-flow:row;align-items:center;justify-content:space-around}body header img.logo{margin:20px 0;width:152px;transition:all 0.3s ease}body header .menu-toggle{display:none}body header nav{margin:0 auto;display:flex;max-width:640px;width:100%;flex-flow:row;justify-content:space-between;padding-bottom:5px}body header nav a{color:#50504c;font-family:"Open Sans",sans-serif;font-size:13px;line-height:40px;letter-spacing:0.2px;text-decoration:none;text-transform:uppercase;padding:0 10px;transition:all 0.2s ease}body header nav a:hover{border-bottom:4px solid #c4de35;line-height:36px}body section{background:whitesmoke;position:relative;padding:140px 20px 100px 20px}body section#nahrungsergaenzungsmittel::before{content:'';position:fixed;z-index:-1;left:0;top:0;background:url(../img/bg8.jpg) center center no-repeat;height:100%;width:100%;background-attachment:fixed;background-size:cover}body section#contact::before{content:'';position:fixed;z-index:-1;left:0;top:0;background:url(../img/bg5.jpg) center center no-repeat;height:100%;width:100%;background-attachment:fixed;background-size:cover}body section#contact .wrapper{background:rgba(21,26,32,0.86);padding:10px 40px 40px 40px}body section#contact .wrapper .content{max-width:500px}body section#nahrungsergaenzungsmittel .wrapper .content,body section#herstellung .wrapper .content{margin-top:0}body section#about-us,body section#contact{padding-bottom:20px}body section#about-us .wrapper .content,body section#contact .wrapper .content{margin-top:-68px}body section#contact .wrapper .title{top:-110px}body section#contact .wrapper .content p{color:white}body section#contact .wrapper .content a{color:white;text-decoration:none}body section#contact .wrapper .content .social-icons{margin-right:12px;margin-left:-6px}body section .wrapper{padding:0 40px 40px 40px;margin-top:120px;position:relative;margin:0 auto}body section .wrapper .title{position:relative;top:-100px;left:-90px}body section .wrapper .title div{padding:15px;font-size:40px;color:#50504c;font-weight:300;font-family:"Roboto Slab",serif;display:inline-block}body section .wrapper .title .first-line{background:#85CBC7;white-space:nowrap}body section .wrapper .title .second-line{background:#7CE6DE;position:absolute;left:80px;top:70px;white-space:nowrap}body section .wrapper .content{margin-top:20px;max-width:700px}body section .wrapper .content .two-cols{-moz-column-count:2;-moz-column-gap:10px;-webkit-column-count:2;-webkit-column-gap:10px;column-count:2;column-gap:30px}body section .wrapper .content table td{vertical-align:top;min-width:20px}body section .wrapper .content .products-slider{margin-top:40px;transform:scale(1.3)}body section .wrapper .content p{color:#50504c;font-size:16px;line-height:1.8;font-family:"Open Sans",sans-serif;margin-bottom:20px}body section:nth-child(odd){background:white}body section:first-of-type{margin-top:134px}@media screen and (max-width: 1200px){body header svg{display:block;position:absolute;cursor:pointer;transition:all 0.5s ease}body header svg path{fill:#50504c}body header svg.open{width:25px;top:39px;right:18px}body header svg.close{width:21px;top:41px;right:20px;display:none;opacity:0}}@media screen and (max-width: 992px){body section{padding-top:70px;padding-bottom:60px}body section#nahrungsergaenzungsmittel .wrapper .content,body section#herstellung .wrapper .content{margin-top:30px}body section .wrapper .title{top:-34px;left:-20px}body section .wrapper .title .first-line,body section .wrapper .title .second-line{font-size:26px;padding:12px}body section .wrapper .title .second-line{left:40px;top:48px}body section .wrapper .content{margin-bottom:-30px;margin-top:30px}body section#contact .wrapper .content,body section#about-us .wrapper .content{padding-top:40px}body section#contact .wrapper .title{top:-44px}}@media screen and (max-width: 768px){body header.scrolling img.logo{margin:15px}body header.scrolling .menu-toggle::after{width:19px;height:21px;top:21px}body header.scrolling .menu-toggle.open::after{height:19px}body header img.logo{margin:20px}body header .menu-toggle{padding:20px;display:block;cursor:pointer}body header .menu-toggle::after{content:'';display:block;width:22px;height:25px;background:url("../img/icons/hamburger.svg")}body header .menu-toggle.open::after{background:url("../img/icons/close.svg");height:22px}body header nav{flex-flow:column;align-items:center;display:none}body header nav.open{display:flex}body header nav a{padding:6px 0}body section:first-of-type{margin-top:89px}body section .wrapper{max-width:calc(100vw - 80px);padding:0 20px 30px 20px}body section .wrapper .title{left:-10px;top:-55px}body section .wrapper .title .first-line,body section .wrapper .title .second-line{font-size:16px}body section .wrapper .title .second-line{top:38px}body section .wrapper .content p{font-size:14px}body section{padding-left:10px;padding-right:10px;max-width:100vw;overflow-x:hidden}body section#nahrungsergaenzungsmittel .wrapper .content,body section#herstellung .wrapper .content{margin-top:0}body section#nahrungsergaenzungsmittel{padding-top:80px}body section#herstellung{padding:80px 0 100px 0}body section#contact{padding-bottom:80px;padding-top:55px}body section#contact .wrapper{padding:0 20px 40px 20px}body section#contact .wrapper .title{top:-30px;left:0}body section#contact .wrapper .content{padding-top:50px}body section#about-us{padding-top:80px}body section#about-us .wrapper .content{padding-top:30px}}