.u-margin-bottom-md{margin-bottom:6rem}*{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}@media only screen and (max-width: 75em){html{font-size:50%}}@media only screen and (max-width: 37.5em){html{font-size:43.75%}}body{font-family:Open Sans,sans-serif;box-sizing:border-box}.container{max-width:130rem;margin:0 auto}.heading-primary{font-size:6.4rem;color:#f7f7f7}@media only screen and (max-width: 37.5em){.heading-primary{font-size:6rem}}.heading-secondary{font-size:4.8rem;font-weight:600;color:#051950}@media only screen and (max-width: 37.5em){.heading-secondary{font-size:4rem}}.heading-section{font-size:1.8rem;letter-spacing:2px;color:#8598d0;text-transform:uppercase}.grid{display:grid;gap:4.8rem}.grid__2-cols{grid-template-columns:repeat(2,1fr)}.grid__3-cols{grid-template-columns:repeat(3,1fr)}.grid__4-cols{grid-template-columns:repeat(4,1fr)}.grid__5-cols{grid-template-columns:repeat(5,1fr)}.btn,.btn:link,.btn:visited{position:relative;display:inline-block;padding:1.2rem 4rem;font-size:2rem;font-weight:600;border-radius:6px;text-decoration:none;text-transform:uppercase;transition:all .3s;border:none;cursor:pointer}@media only screen and (max-width: 56.25em){.btn,.btn:link,.btn:visited{padding:1.2rem 3rem}}.btn:after{content:"";position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;background-color:#0055ac;border-radius:6px;transition:all .4s;z-index:-1}.btn:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem #0003}.btn:hover:after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.btn:active,.btn:focus{outline:none;transform:translateY(-1px);box-shadow:0 5px 10px #0003}.btn--blue{background-color:#0055ac;color:#f7f7f7}.btn--blue:hover,.btn--blue:active{background-color:#00448a}.menu-button{position:fixed;display:flex;flex-direction:column;justify-content:space-around;top:1.2rem;right:2rem;width:6rem;height:6rem;padding:1.5rem;z-index:9999;transition:all .3s;cursor:pointer;background-color:#0055ac;border-radius:50%;box-shadow:0 1rem 3rem #0003}.menu-button__line{height:3px;background-color:#f7f7f7;transition:all .8s}.nav-open .menu-button__line-1{transform:rotate(-405deg) translate(-6px,6.5px)}@media only screen and (max-width: 37.5em){.nav-open .menu-button__line-1{transform:rotate(-405deg) translate(-5px,5px)}}.nav-open .menu-button__line-2{opacity:0}.nav-open .menu-button__line-3{transform:rotate(405deg) translate(-5px,-5px)}.product{position:relative;perspective:150rem;height:52rem}.product__side{height:52rem;transition:all .8s;position:absolute;top:0;left:0;width:100%;backface-visibility:hidden;border-radius:6px;box-shadow:0 1.5rem 4rem #0003;overflow:hidden}.product__side--front{background-color:#f7f7f7}.product__side--back{transform:rotateY(180deg)}.product__side--back-1{background-image:linear-gradient(to bottom right,#0055ac,#00448a)}.product__img{background-size:cover;height:23rem;background-blend-mode:screen;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}.product__img--1{background-image:linear-gradient(to bottom right,#0055ac,#00448a),url(/assets/images/machines-small.jpg);background-position:center}@media only screen and (max-width: 50em){.product__img--1{background-position:top}}.product__img--2{background-image:linear-gradient(to bottom right,#0055ac,#00448a),url(/assets/images/tools-small.jpg);background-position:center}@media only screen and (max-width: 50em){.product__img--2{background-position:top}}.product__img--3{background-image:linear-gradient(to bottom right,#0055ac,#00448a),url(/assets/images/trailer-small.jpg);background-position:center}.product__heading{font-size:2.8rem;font-weight:300;text-transform:uppercase;text-align:right;color:#fff;position:absolute;top:12rem;right:2rem;width:65%}.product__heading-span{padding:1.2rem;-webkit-box-decoration-break:clone;box-decoration-break:clone}.product__heading-span--1{background-image:linear-gradient(to right bottom,#3377bdcc,#00448acc)}.product__details{padding:3rem}.product__details ul{list-style:none;width:80%;margin:0 auto}.product__details ul li{text-align:center;font-size:1.5rem;padding:1rem}@media only screen and (max-width: 56.25em){.product__details ul li{padding:1rem 0}}@media only screen and (max-width: 50rem){.product__details ul li{font-size:2.4rem}}.product__details ul li:not(:last-child){border-bottom:1px solid #eee}@media only screen and (max-width: 56.25em){.product__details{padding:1.5rem .5rem}}.product__cta{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;text-align:center}.product:hover .product__side--front{transform:rotateY(-180deg)}.product:hover .product__side--back{transform:rotateY(0)}@media only screen and (max-width: 56.25em),only screen and (hover: none){.product{height:auto;border-radius:3px;background-color:#f7f7f7;box-shadow:0 1rem 2rem #0003;display:flex;flex-direction:column}.product__details{padding:1rem 0}.product__side{height:auto;position:relative;box-shadow:none}.product__side--back{transform:rotateY(0);clip-path:polygon(0 15%,100% 0,100% 100%,0 100%);padding:7rem 4rem 4rem;flex:1}.product:hover .product__side--front{transform:rotateY(0)}}.product-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(40rem,1fr));gap:3.2rem}.product-list__item{display:grid;grid-template-columns:minmax(min-content,20rem) 1fr;grid-template-rows:min-content 1fr;gap:1.8rem}@media only screen and (max-width: 37.5em){.product-list__item{grid-template-columns:1fr;grid-template-rows:min-content minmax(15rem,35rem) 1fr;box-shadow:0 .5rem 1rem #00000013;padding:1rem}}.product-list__img-box{overflow:hidden;transition:all .3s;border-radius:3px;-o-object-position:50% 50%;object-position:50% 50%;box-shadow:0 .5rem 1rem #00000013;grid-row:1/span 2}@media only screen and (max-width: 37.5em){.product-list__img-box{box-shadow:none;grid-row:2}}.product-list__img-box:hover .product-list__img{transform:scale(1.3)}.product-list__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:all .3s}.product-list__heading{font-size:2rem;margin-bottom:1.8rem}@media only screen and (max-width: 56.25em){.product-list__heading{font-size:3rem}}@media only screen and (max-width: 37.5em){.product-list__heading{grid-row:1}}.product-list__link:link,.product-list__link:visited{text-decoration:none;color:#0055ac;padding-bottom:2px;border-bottom:1px solid transparent;transition:all .3s}.product-list__link:hover,.product-list__link:active{border-bottom:1px solid #0055ac;color:#3377bd}.product-list__text{font-size:1.6rem;line-height:1.6}@media only screen and (max-width: 56.25em){.product-list__text{font-size:2rem;line-height:2}}.product-detail{display:grid;grid-template-columns:3fr 5fr;gap:3.2rem}@media only screen and (max-width: 56.25em){.product-detail{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 37.5em){.product-detail{grid-template-columns:1fr}}.product-detail__topbutton-bar{padding:1.6rem 0}.product-detail__toplink:link,.product-detail__toplink:visited{color:#0055ac;font-size:1.8rem;text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent}.product-detail__toplink:hover,.product-detail__toplink:active{color:#3377bd;border-bottom:1px solid #3377bd}.product-detail__img-box{border-radius:3px;overflow:hidden}.product-detail__img{width:100%}.product-detail__content{display:flex;flex-direction:column;gap:1.6rem;font-size:1.6rem;line-height:1.6}.product-detail__content ul{margin-left:2rem}.product-detail__button-container{display:flex;gap:1.8rem;align-items:center}@media only screen and (max-width: 56.25em){.product-detail__button-container{flex-direction:column;align-items:flex-start}}.product-detail__link:link,.product-detail__link:visited{font-size:2.4rem;text-decoration:none;color:#0055ac;padding-bottom:2px;border-bottom:1px solid transparent}.product-detail__link:hover,.product-detail__link:active{color:#3377bd;border-bottom:1px solid #3377bd}.news-item{width:70%;margin:0 auto;padding:1.6rem;border-radius:3px;border:solid 1px rgba(0,85,172,.2);box-shadow:1px 1px 3px #00000013}@media only screen and (max-width: 37.5em){.news-item{width:90%}}.news-item__creatorinfo{display:flex;height:4.8rem;margin-bottom:1.6rem}.news-item__avatar{border-radius:50%;width:4.8rem;height:4.8rem;margin-right:1.6rem}.news-item__author{font-weight:600;font-size:2.4rem;margin-bottom:5px;color:#0055ac}.news-item__created{font-size:1.2rem;color:#2a2a2a}.news-item__text{line-height:1.8;font-size:1.8rem;color:#333}.cookie-consent{width:100%;position:fixed;left:0;bottom:0;display:flex;gap:2.4rem;justify-content:space-between;align-items:center;padding:1.6rem 3.2rem;background-color:#b3cce6;transition:all .8s}.cookie-consent__text{color:#0055ac;font-size:1.8rem;font-weight:400;line-height:1.8}.cookie-consent--hidden{bottom:-4rem}.loader{width:45px;aspect-ratio:1;--c: no-repeat linear-gradient($color-primary 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 100%;animation:l1 1s infinite linear}@keyframes l1{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10%,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10%,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}to{background-size:20% 100%,20% 100%,20% 100%}}.header{position:relative;display:flex;justify-content:space-between;padding:1rem;z-index:10}@media only screen and (max-width: 56.25em){.header{width:100%}}.header__logo{display:block;height:6rem}.header__sticky{position:fixed;height:7rem;width:100%;box-shadow:0 .5rem 1rem #00000013}.navigation{display:flex;align-items:center}@media only screen and (max-width: 62.5em){.navigation{position:fixed;top:0;right:0;width:4rem;height:4rem;width:100%;height:100vh;z-index:999;justify-content:center;background-color:transparent;opacity:0;pointer-events:none;visibility:hidden;transition:all .4s}.nav-open .navigation{opacity:1;pointer-events:all;visibility:visible}}.navigation__list{list-style:none;display:flex;padding-right:4.8rem;gap:3.2rem}@media only screen and (max-width: 62.5em){.navigation__list{position:absolute;display:block;top:50%;left:50%;transform:translate(-200%,-50%);transition:all .4s;padding:0;width:40%}.nav-open .navigation__list{transform:translate(-50%,-50%)}}.navigation__link:link,.navigation__link:visited{display:flex;padding:1rem;font-size:2rem;color:#0055ac;gap:1rem;align-items:center;text-decoration:none;text-transform:uppercase;background-image:linear-gradient(120deg,transparent 0%,transparent 50%,#0055ac 50%);background-size:230%;transition:all .4s}@media only screen and (max-width: 62.5em){.navigation__link:link,.navigation__link:visited{font-size:4rem;padding:2.4rem 0;color:#f7f7f7;justify-content:center}}@media only screen and (max-width: 37.5em){.navigation__link:link,.navigation__link:visited{font-size:2.4rem}}.navigation__link:hover,.navigation__link:active{color:#f7f7f7;background-position:100%;transform:translateY(-.5rem)}@media only screen and (max-width: 62.5em){.navigation__link:hover,.navigation__link:active{color:#0055ac;background-image:linear-gradient(120deg,transparent 0%,transparent 50%,#f7f7f7 50%)}}.navigation__icon{width:1.6rem;height:1.6rem}.nav-background{position:fixed;top:2.5rem;right:3rem;width:2rem;height:2rem;border-radius:50%;background-image:linear-gradient(to bottom right,#3377bdf2,#00448af2);z-index:900;transition:all .5s cubic-bezier(.49,.05,.43,1)}.nav-open .nav-background{transform:scale(180)}.hero{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70rem}@media only screen and (max-width: 56.25em){.hero{width:90%}}.footer{border-top:solid 1px #eee;padding:3.2rem}@media only screen and (max-width: 56.25em){.footer{grid-template-columns:repeat(3,1fr)}.footer>*{justify-self:center}}.footer__left{display:flex;flex-direction:column;gap:2.4rem}@media only screen and (max-width: 56.25em){.footer__left{grid-row:2;grid-column:span 3;align-items:center}}.footer__logo{width:25rem}.footer__address-col{display:flex;flex-direction:column;gap:1.2rem}.footer__title{font-size:1.6rem;color:#555;line-height:1.8;font-weight:500}.footer__links{display:flex;flex-direction:column}.footer__link-item:link,.footer__link-item:visited{text-decoration:none;font-size:1.2rem;line-height:1.6;color:#0a31a0;transition:all .3s}.footer__link-item:hover,.footer__link-item:active{color:#546fbd}.footer__text,.copyright{font-size:1.2rem;line-height:1.2;color:#555}.error-page{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%}.error-page__title{font-size:4.8rem;color:#0055ac;margin-bottom:3.2rem}.error-page__text{font-size:1.8rem;line-height:1.8;margin-bottom:1.8rem}.error-page__message{font-size:1.6rem;font-family:Courier New,Courier,monospace;line-height:1.6;color:#e01818}@media only screen and (max-width: 50em){.products{grid-template-columns:1fr;padding:0 1rem}}.impressum{font-size:1.6rem;line-height:1.6}.impressum__heading{font-size:3rem;margin-bottom:4.8rem}.impressum__address{list-style:none;display:inline-block;margin-bottom:2.8rem}.impressum__address-box{margin-bottom:4.8rem;padding-left:4.8rem}.impressum__subheading{font-size:2rem;margin-bottom:2rem}.impressum__section-heading{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.impressum__text{margin-bottom:2.4rem;-webkit-hyphens:auto;hyphens:auto}.impressum__list{margin-left:4rem;margin-bottom:2.4rem}.cookies__title{font-size:2.4rem;font-weight:500;color:#333;align-self:center;justify-self:right}.cookies__text{grid-column:span 2;font-size:1.6rem}.cookies__switch{align-self:center}.section-hero{position:relative;padding:9.6rem 0;background-image:linear-gradient(to bottom,#0055ace6,#3377bd80),url(/assets/images/hero.jpg);background-size:cover;background-position:center;height:75vh}@media only screen and (max-width: 75rem),only screen and (hover: none){.section-hero{height:60vh;padding:9.6rem 3rem}}.section-categories{padding:9.6rem 4.8rem}@media only screen and (max-width: 56.25em){.section-categories{padding:9.6rem 1.6rem}}.section-list{padding:9.6rem 4.8rem}@media only screen and (max-width: 56.25em){.section-list{padding:4.8rem 1.6rem}}.section-product-details{padding:9.6rem 4.8rem}.section-errorpage{width:100%;height:60vh;position:relative}.section-news{padding:9.6rem 4.8rem}@media only screen and (max-width: 37.5em){.section-news{padding:4.8rem 1rem}}.section-impressum{padding:9.6rem 4.8rem}@media only screen and (max-width: 37.5em){.section-impressum{padding:4.8rem 2.4rem}}.section-cookies{padding:9.6rem 4.8rem}
