@import"https://use.typekit.net/nww2khq.css";html{scroll-behavior:smooth;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{margin:0;padding:0;font:inherit}*,*::before,*::after{box-sizing:border-box}ul,ol{list-style:none}body{min-height:100vh;min-height:100dvh}img,picture,svg,video{display:block}input,textarea,button,select{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}html{font-size:18px;font-size:clamp(16px,1.3vw,25px);font-family:avenir-next-world,sans-serif;font-feature-settings:"onum" 1,"lnum" 0,"frac" 0,"kern" 1,"liga" 1}body{background-color:var(--cSenf);color:var(--cText)}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd,div,address{line-height:var(--lh)}h1,h2,h3,h4,h5,h6{font-size:1rem;text-wrap:pretty}p,li,figcaption{text-wrap:pretty}input,button{accent-color:var(--cSenf)}input:focus,button:focus{outline-color:rgba(0,0,0,0)}a{color:inherit;-webkit-text-decoration-color:var(--cSenf);text-decoration-color:var(--cSenf);text-decoration-thickness:1px;text-underline-offset:.15em}a:focus-visible,button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:1px solid var(--cSenf);outline-offset:.2rem}.metaContainer{max-width:65rem;width:calc(100% - 6rem);margin-inline:auto}@media(max-width: 500px){.metaContainer{width:calc(100% - 4rem)}}.metaSection{padding-top:var(--sectionLarge);padding-bottom:var(--sectionLarge);position:relative}.metaSection::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:200px;background-image:url(../img/gravel-light.png);mix-blend-mode:multiply;pointer-events:none}.metaSection>*{position:relative}.metaSection header{margin-bottom:var(--gap)}.metaSection h1{font-weight:bold;text-transform:uppercase;font-size:1.33rem;line-height:calc(var(--lh)*1.25)}@media(max-width: 750px){.metaSection h1{font-size:1.25rem;line-height:calc(var(--lh)*1.15)}}@media(max-width: 500px){.metaSection h1{font-size:1.2rem;line-height:1.2}}.metaNW{white-space:nowrap}@font-face{font-family:"Dossier";src:url("../fonts/DossierRegular.woff2") format("woff2"),url("../fonts/DossierRegular.woff") format("woff");font-weight:normal;font-style:normal}nav.pageNav{position:fixed;width:100%;top:0;background-image:linear-gradient(90deg, transparent 50%, var(--cSchleier));-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);z-index:9999}nav.pageNav .metaContainer{display:flex;justify-content:flex-end;gap:.5rem}nav.pageNav button{display:none;color:var(--cText)}@media(max-width: 1000px){nav.pageNav button{display:block;font-weight:bold;padding:.7rem 0 .6rem;border:none;text-transform:uppercase;background-color:rgba(0,0,0,0);margin-right:.25rem;font-size:.85rem;cursor:pointer}}nav.pageNav ul{display:flex;align-items:center}nav.pageNav ul.sections{gap:.75rem}nav.pageNav ul.sections::after{content:"";display:block;width:1px;background-color:var(--cText);height:100%;opacity:.3}@media(max-width: 1000px){nav.pageNav ul.sections::after{display:none}}@media(max-width: 1000px){nav.pageNav ul.sections{position:fixed;z-index:-1;top:0;right:0;flex-direction:column;align-items:flex-end;padding-right:3rem;padding-left:5rem;padding-top:3rem;padding-bottom:5rem;gap:0;height:100vh;height:100dvh;transform:translateX(100%);background-image:linear-gradient(rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0) 90%);transition:all .3s ease;opacity:.5}}@media(max-width: 1000px)and (max-width: 500px){nav.pageNav ul.sections{padding-right:2rem;padding-left:4.4rem}}@media(max-width: 1000px)and (max-width: 1000px){nav.pageNav ul.sections a{font-weight:bold;color:var(--cSenf)}}@media(max-width: 1000px){nav.pageNav ul.sections.--open{transform:translateX(0);opacity:1}}nav.pageNav ul.languages{gap:.33rem}nav.pageNav ul.languages svg{display:block;width:.8rem;height:.8rem}nav.pageNav ul.languages svg circle,nav.pageNav ul.languages svg line,nav.pageNav ul.languages svg ellipse{fill:none;stroke:var(--cText);stroke-width:.1rem}nav.pageNav li.toplink{opacity:0;transition:600ms ease}nav.pageNav li.toplink.scrolled{opacity:1}nav.pageNav a{text-transform:uppercase;color:var(--cText);text-decoration:none;display:block;padding:.7rem 0 .6rem;font-size:.85rem}nav.pageNav li{position:relative}nav.pageNav li::after{content:"";position:absolute;bottom:.5rem;left:calc(50% - .1rem);width:.2rem;height:.2rem;border-radius:50%;background-color:var(--cText);opacity:0;transition:opacity .4s ease}@media(max-width: 1000px){nav.pageNav li::after{display:none}}nav.pageNav li.active::after{opacity:1}.pageHero{display:grid;grid-template-columns:1fr;grid-template-areas:"stack";background-color:#174d86}.pageHero .metaContainer{grid-area:stack;display:flex;flex-direction:column;justify-content:space-between;padding-top:var(--sectionSmall);padding-bottom:var(--sectionSmall);position:relative;z-index:3}.pageHero .logo{margin-top:9vh;width:24rem}@media(max-width: 1000px){.pageHero .logo{margin-top:3rem}}@media(max-width: 750px){.pageHero .logo{margin-top:2rem;width:55vw;max-width:20rem}}.pageHero .logo svg{display:block;width:100%;height:auto}.pageHero .logo svg .senf{fill:var(--cSenf)}.pageHero .logo svg .text{fill:#fff}.pageHero h1{color:#fff;font-size:2.75rem;line-height:1.1;display:flex;flex-direction:column;margin-top:3rem;margin-bottom:3.5rem}@media(max-width: 1000px){.pageHero h1{font-size:2rem;font-weight:bold;margin-bottom:1rem}}@media(max-width: 750px){.pageHero h1{line-height:1.2}}@media(max-width: 500px){.pageHero h1{font-size:1.7rem;margin-bottom:0}}.pageHero figure{display:block;grid-area:stack;height:100%;position:relative}.pageHero figure::before{content:"";display:block;background-image:linear-gradient(40deg, black, transparent 50%);position:absolute;opacity:.6;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply;z-index:2;pointer-events:none}.pageHero figure img{width:100%;height:100vh;height:100dvh;max-height:66vw;-o-object-fit:cover;object-fit:cover;-o-object-position:center right;object-position:center right}@media(max-width: 1000px){.pageHero figure img{-o-object-position:center left;object-position:center left}}@media(max-width: 750px){.pageHero figure img{max-height:66vh;-o-object-position:center center;object-position:center center}}.figureSlider{display:block;position:relative;width:100%;width:100%;height:60vh;min-height:40vw;max-height:55vw;background-color:var(--cText)}.figureSlider__slide{--aktiv: circle(100% at 50% 50%);position:absolute;top:0;left:0;width:100%;opacity:0;bottom:0}.figureSlider__slide img{width:100%;display:block;width:100%;height:60vh;min-height:40vw;max-height:55vw;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.figureSlider__slide.fade-in{animation:clipIn 4s 1 forwards linear;z-index:3;opacity:1}.figureSlider__slide.first.fade-in{animation:none}.figureSlider__slide.active{-webkit-clip-path:var(--aktiv);clip-path:var(--aktiv);z-index:2;opacity:1}.figureSlider__slide.fade-out{-webkit-clip-path:var(--aktiv);clip-path:var(--aktiv);animation:fadeOut 5s 1;z-index:1}@keyframes clipIn{from{-webkit-clip-path:var(--start);clip-path:var(--start)}to{-webkit-clip-path:var(--aktiv);clip-path:var(--aktiv)}}@keyframes fadeOut{0%{-webkit-clip-path:var(--aktiv);clip-path:var(--aktiv);opacity:1}100%{-webkit-clip-path:var(--aktiv);clip-path:var(--aktiv);opacity:.2}}.sectionMission{background-color:var(--cBeige)}.sectionMission h2{margin-bottom:1rem;font-size:2rem;line-height:1.1;margin-left:-0.03em}@media(max-width: 750px){.sectionMission h2{font-size:1.75rem;line-height:1.15}}@media(max-width: 500px){.sectionMission h2{font-size:1.66rem;line-height:1.15}}.sectionMission p{max-width:70ch;color:var(--cDunkel);font-size:1.33rem;line-height:calc(var(--lh)*1.25)}@media(max-width: 750px){.sectionMission p{font-size:1.25rem;line-height:calc(var(--lh)*1.15)}}@media(max-width: 500px){.sectionMission p{font-size:1.2rem;line-height:1.2}}.sectionProducts{background-color:var(--cSenf)}.sectionProducts *{color:var(--cGrund)}.sectionProducts header{margin-bottom:var(--gap)}.sectionProducts header p{max-width:70ch;font-size:2rem;line-height:1.1;margin-left:-0.03em}@media(max-width: 750px){.sectionProducts header p{font-size:1.75rem;line-height:1.15}}@media(max-width: 500px){.sectionProducts header p{font-size:1.66rem;line-height:1.15}}.sectionProducts .spalten{-moz-columns:11rem;columns:11rem;-moz-column-gap:var(--gap);column-gap:var(--gap)}.sectionProducts .spalten li{position:relative;padding-left:1rem}.sectionProducts .spalten li::before{content:"•";position:absolute;font-weight:normal;left:0;opacity:.5;color:var(--cDunkel)}.sectionProducts .spalten div{-moz-column-break-inside:avoid;break-inside:avoid;padding-bottom:var(--lh)}.sectionProducts .spalten h2{font-weight:bold;color:var(--cText)}.sectionTeam{background-color:var(--cGrund)}.sectionTeam header p{max-width:70ch;font-size:2rem;line-height:1.1;margin-left:-0.03em}@media(max-width: 750px){.sectionTeam header p{font-size:1.75rem;line-height:1.15}}@media(max-width: 500px){.sectionTeam header p{font-size:1.66rem;line-height:1.15}}.sectionTeam .layout{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(12rem, 100%), 1fr));gap:var(--gap)}@media(max-width: 500px){.sectionTeam .layout{grid-template-columns:1fr}}.sectionTeam .layout .person div{display:flex;flex-direction:column}.sectionTeam .layout h2{font-weight:bold}.sectionTeam .layout img{width:100%;height:auto;display:block;margin-top:.3rem;margin-bottom:calc(var(--lh)/2);background-color:#d8d0ca}@media(max-width: 500px){.sectionTeam .layout img{width:75%;max-width:calc(100% - 4rem);margin-left:auto}}.sectionTeam .layout div.jobs{grid-column:span 2;padding-top:.3rem}.sectionTeam .layout div.jobs::before{content:"";display:block;height:1px;background-color:var(--cSenf);width:100%;margin-bottom:var(--gap)}.sectionTeam .layout div.jobs li{display:flex;flex-direction:column;position:relative;padding-left:1rem}.sectionTeam .layout div.jobs li::before{content:"•";position:absolute;font-weight:normal;left:0;opacity:1;color:var(--cSenf)}.sectionTeam .layout div.jobs strong{color:var(--cSenf);font-weight:bold}.sectionQuality{background-color:var(--cBeige)}.sectionQuality .layout{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-columns:repeat(auto-fit, minmax(min(30rem, 100%), 1fr));gap:var(--gap)}.sectionQuality .spalte p,.sectionQuality .spalte h2{max-width:60ch;font-size:1.33rem;line-height:calc(var(--lh)*1.25)}@media(max-width: 750px){.sectionQuality .spalte p,.sectionQuality .spalte h2{font-size:1.25rem;line-height:calc(var(--lh)*1.15)}}@media(max-width: 500px){.sectionQuality .spalte p,.sectionQuality .spalte h2{font-size:1.2rem;line-height:1.2}}.sectionQuality .spalte ul{margin-top:.5lh}.sectionQuality .spalte li{position:relative;padding-left:1rem}.sectionQuality .spalte li::before{content:"•";position:absolute;font-weight:normal;left:0;opacity:1;color:var(--cSenf)}.sectionQuality .labels{grid-column:1/-1;padding-top:.5rem}.sectionQuality .labels ul{display:flex;gap:var(--gap)}.sectionQuality .labels ul img{height:4.5rem;display:block;width:auto}@media(max-width: 750px){.sectionQuality .labels ul img{height:8vw}}.sectionHistory{background-color:var(--cSenf);overflow-x:hidden}.sectionHistory .layout{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:auto auto 1fr;grid-column-gap:var(--gap)}@media(max-width: 1000px){.sectionHistory .layout{grid-template-columns:1fr;grid-gap:0}}.sectionHistory .layout *{color:var(--cGrund)}.sectionHistory .layout .text p,.sectionHistory .layout .text ul{max-width:40rem}.sectionHistory .layout .text p{margin-bottom:.5lh;font-size:1.33rem;line-height:calc(var(--lh)*1.25)}@media(max-width: 750px){.sectionHistory .layout .text p{font-size:1.25rem;line-height:calc(var(--lh)*1.15)}}@media(max-width: 500px){.sectionHistory .layout .text p{font-size:1.2rem;line-height:1.2}}.sectionHistory .layout .text li{position:relative;padding-left:2rem;font-size:1.33rem;line-height:calc(var(--lh)*1.25)}@media(max-width: 750px){.sectionHistory .layout .text li{font-size:1.25rem;line-height:calc(var(--lh)*1.15)}}@media(max-width: 500px){.sectionHistory .layout .text li{font-size:1.2rem;line-height:1.2}}.sectionHistory .layout .text li::before{content:"•";color:var(--cDunkel);position:absolute;left:0}.sectionHistory .layout .figures{grid-row:span 3;margin:.3rem 0;display:grid;grid-template-areas:"bild";position:relative;z-index:9000;cursor:grab;align-self:start}@media(max-width: 1000px){.sectionHistory .layout .figures{grid-row:span 1;display:flex;justify-content:flex-end;padding-bottom:2.5rem;margin-top:-1.5rem}}.sectionHistory .layout .figures figure{background-color:var(--cGrund);border:.75rem solid var(--cGrund);border-radius:3px;width:95%;box-shadow:-1px 1px 1px rgba(33,19,9,.02),-2px 2px 4px rgba(33,19,9,.03),-5px 5px 9px rgba(33,19,9,.05),-9px 9px 15px rgba(33,19,9,.06),-14px 14px 24px rgba(33,19,9,.08);grid-area:bild;transition:transform .2s ease-in}@media(max-width: 1000px){.sectionHistory .layout .figures figure{grid-area:unset}}.sectionHistory .layout .figures figure.silo{transform:rotate(-2deg) translate(-7%, -5%)}@media(max-width: 1000px){.sectionHistory .layout .figures figure.silo{transform:rotate(-2deg) translate(7%, 3%)}}.sectionHistory .layout .figures figure.ship{transform:rotate(2deg) translate(5%, 5%)}@media(max-width: 1000px){.sectionHistory .layout .figures figure.ship{transform:rotate(2deg) translate(0, -12%)}}.sectionHistory .layout .figures figure img{width:100%;height:auto;mix-blend-mode:multiply;border-radius:3px}.sectionHistory .layout .figures figcaption{color:var(--cText);font-size:.6rem;line-height:1.4;display:block;padding-top:.3rem;line-height:1.2;position:relative;font-family:"Dossier";top:.15rem}.sectionHistory .layout .figures:hover figure.silo{transform:rotate(-5deg) translate(-40%, -10%)}.sectionHistory .layout .figures:hover figure.ship{transform:rotate(9deg) translate(55%, 5%)}@media(max-width: 1000px){.sectionHistory .layout .figures:hover figure.silo{transform:rotate(-2deg) translate(7%, 3%)}}@media(max-width: 1000px){.sectionHistory .layout .figures:hover figure.ship{transform:rotate(2deg) translate(0, -12%)}}.figureAddress{display:grid;grid-template-areas:"stack";background-color:#3b89a3}.figureAddress .metaContainer{grid-area:stack;display:flex;flex-direction:column;align-items:flex-end;padding-top:var(--sectionLarge);mix-blend-mode:multiply;opacity:.4}@media(max-width: 750px){.figureAddress .metaContainer{display:none}}.figureAddress .metaContainer h1{text-align:right;font-size:2rem;line-height:1.1;margin-left:-0.03em}@media(max-width: 750px){.figureAddress .metaContainer h1{font-size:1.75rem;line-height:1.15}}@media(max-width: 500px){.figureAddress .metaContainer h1{font-size:1.66rem;line-height:1.15}}.figureAddress .metaContainer picture{grid-area:stack;display:block}.figureAddress__image{grid-area:stack}@media(max-width: 750px){.figureAddress__image{display:none}}.figureAddress__image img{display:block;width:100%;height:calc(100vh - var(--footerHeight));height:calc(100dvh - var(--footerHeight));-o-object-fit:cover;object-fit:cover}footer{height:var(--footerHeight);display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"stack" "content";background-color:var(--cText);padding-top:var(--sectionSmall)}@media(max-width: 750px){footer{height:auto;padding-bottom:var(--sectionSmall)}}footer .layout{display:flex;justify-content:space-between;gap:calc(var(--gap)*2)}@media(max-width: 750px){footer .layout{display:grid;grid-template-columns:repeat(3, 1fr)}}@media(max-width: 500px){footer .layout{grid-template-columns:repeat(2, 1fr)}}footer .layout address{display:flex;flex-direction:column;color:var(--cGrund)}@media(max-width: 500px){footer .layout address.b{align-items:flex-end}}footer .layout address *{white-space:nowrap}footer .layout div{margin-left:auto;color:var(--cSenf);display:flex;flex-direction:column}@media(max-width: 750px){footer .layout div{grid-column:1/-1}}footer .layout div ul{text-align:right}footer .layout div ul li:first-child{font-weight:bold}footer h2,footer strong{font-weight:bold}:root{--cGrund: #f3ede1;--cBeige: #E6DCC5;--cSenf: #C99C00;--cDunkel: #8f5a05;--cText: #211309;--cSchleier: #e6dcc597;--sectionLarge: 6rem;--sectionSmall: 4rem;--footerHeight: 14rem;--lh: 1.4rem;--gap: 2rem}@media(max-width: 750px){:root{--gap: 1.5rem;--sectionLarge: 4rem;--sectionSmall: 3rem}}

/*# sourceMappingURL=styles.css.map */