@font-face{font-family:Barlow-Light;src:url(../../../fonts/Barlow/Barlow-Light.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Light-Italic;src:url(../../../fonts/Barlow/Barlow-LightItalic.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Regular;src:url(../../../fonts/Barlow/Barlow-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Italic;src:url(../../../fonts/Barlow/Barlow-Italic.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Medium;src:url(../../../fonts/Barlow/Barlow-Medium.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Medium-Italic;src:url(../../../fonts/Barlow/Barlow-MediumItalic.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Semibold;src:url(../../../fonts/Barlow/Barlow-SemiBold.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Semibold-Italic;src:url(../../../fonts/Barlow/Barlow-SemiBoldItalic.ttf) format("truetype");font-weight:400;font-style:normal}#product{background:#f4f2ee;opacity:0;-webkit-animation:fade-in .7s ease-in-out 0s 1 forwards;animation:fade-in .7s ease-in-out 0s 1 forwards}#product article{display:flex;flex-direction:column;align-items:center}#product .text strong{font-weight:500}#product .text .more-less button{margin-top:32px}#product .text .more-less button span{color:#0c589f}#herausforderungen{padding-top:128px}#herausforderungen .text .body{-webkit-hyphens:auto;hyphens:auto;display:block}#herausforderungen .text .body p{order:4}#herausforderungen .text .body p:first-of-type{grid-area:first;order:2;flex-basis:50%}#herausforderungen .text .body p:nth-of-type(2){grid-area:second;order:2;flex-basis:50%}#herausforderungen .text .body p:nth-of-type(3){grid-area:third}#herausforderungen .text .body .image-container{padding:2rem 0}#herausforderungen .text .body #slot{float:left;padding:0 1rem 4rem 0;z-index:1;align-self:start;grid-area:slot;flex-basis:50%;width:160px;order:1;position:relative}#herausforderungen .text .body #slot .modal-button figure{height:fit-content}#herausforderungen .text .body #slot .modal-button figure figcaption{display:none;text-align:left;color:#0c589f;font-size:.75rem;line-height:1.2rem;letter-spacing:.05rem;font-family:Barlow-Semibold,Aptos,--apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#herausforderungen .text .body #slot .modal-container{color:#0c589f}#herausforderungen .text .body .buttons{grid-area:buttons;order:4}@media screen and (min-width: 441px) and (min-height: 640px){#herausforderungen .text .body #slot{padding:0 2rem 4rem 0;width:200px}}@media screen and (min-width: 768px) and (min-height: 640px){#herausforderungen{padding-top:200px}#herausforderungen .text .body #slot{padding:0 3rem 7rem 0;width:272px}}#einkauf-der-zukunft{padding-top:160px}#einkauf-der-zukunft .text .inline span{-webkit-hyphens:manual;hyphens:manual;color:#0c589f;border-bottom:.5px solid #0C589F;-webkit-transition:all .35s ease-out 0s;-moz-transition:all .35s ease-out 0s;-ms-transition:all .35s ease-out 0s;-o-transition:all .35s ease-out 0s;transition:all .35s ease-out 0s;font-weight:500}#einkauf-der-zukunft .text .inline:hover span{border-color:#c3053c;color:#c3053c;-webkit-transition:all .15s ease-out 0s;-moz-transition:all .15s ease-out 0s;-ms-transition:all .15s ease-out 0s;-o-transition:all .15s ease-out 0s;transition:all .15s ease-out 0s}#digitalisierung,#organisationen{padding-top:160px}#nachhaltigkeit{display:flex;flex-flow:column nowrap;align-items:center;gap:24px;width:100%;padding:128px 0;background:#4b8157}#nachhaltigkeit #dekarbonisierung{padding-top:72px}#nachhaltigkeit>h2{color:#fff;font-size:2rem;line-height:2.4rem;letter-spacing:-.06rem;font-family:Barlow-Semibold,Aptos,--apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media screen and (min-width: 768px) and (min-height: 640px){#nachhaltigkeit>h2{font-size:3.5rem;line-height:4rem;letter-spacing:-.1rem}}#nachhaltigkeit section{background:transparent;padding:0}@keyframes bounceX{0%,20%,50%,80%,to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}40%{-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translate(-5px)}60%{-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translate(-3px)}}@keyframes bounceY{0%,20%,50%,80%,to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes fade-to-white{to{fill:#fff}}@keyframes fade-in{0%{opacity:0}to{opacity:1;visibility:visible}}@keyframes fade-out{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes slide-up{to{margin:0}}@keyframes moveUp{to{-webkit-transform:translateY(calc(var(--header-height) * -1));-ms-transform:translateY(calc(var(--header-height) * -1));transform:translateY(calc(var(--header-height) * -1))}}@keyframes moveDown{0%{-webkit-transform:translateY(calc(var(--header-height) * -1));-ms-transform:translateY(calc(var(--header-height) * -1));transform:translateY(calc(var(--header-height) * -1))}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes pulseDot{0%{background:var(--tertiary-color);width:5px;height:5px}50%{background:#000;width:7px;height:7px}to{background:var(--tertiary-color);width:5px;height:5px}}@keyframes pulseBackground{0%{background:var(--tertiary-color)}50%{background:var(--background-color)}to{background:var(--tertiary-color)}}@font-face{font-family:Barlow-Light;src:url(../../../fonts/Barlow/Barlow-Light.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Light-Italic;src:url(../../../fonts/Barlow/Barlow-LightItalic.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Regular;src:url(../../../fonts/Barlow/Barlow-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Italic;src:url(../../../fonts/Barlow/Barlow-Italic.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Medium;src:url(../../../fonts/Barlow/Barlow-Medium.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Medium-Italic;src:url(../../../fonts/Barlow/Barlow-MediumItalic.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Semibold;src:url(../../../fonts/Barlow/Barlow-SemiBold.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow-Semibold-Italic;src:url(../../../fonts/Barlow/Barlow-SemiBoldItalic.ttf) format("truetype");font-weight:400;font-style:normal}.modal{overflow:hidden;position:fixed;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);width:fit-content;border:none;border-radius:24px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal .modal-container{padding:16px;overflow:hidden;gap:16px}.modal .modal-container figure{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:"picture" "caption";grid-template-columns:1fr;position:relative}.modal .modal-container figure picture{align-self:center;grid-area:picture}.modal .modal-container figure img{width:100%;height:60vh;object-fit:contain}.modal .modal-container figure figcaption{-webkit-hyphens:manual;hyphens:manual;grid-area:caption;align-self:end;width:245px;color:#0c589f;font-size:.9rem;line-height:1.5rem;letter-spacing:.015rem;font-family:Barlow-Regular,Aptos,--apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media screen and (min-width: 768px) and (min-height: 640px){.modal .modal-container figure figcaption{font-size:1.125rem;line-height:1.5rem;letter-spacing:.015rem}}.modal .modal-container .button button{position:absolute;top:8px;left:12px}.modal .modal-container .button.close button{margin-left:24px}.modal::backdrop{background:#0000004d;-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);-ms-backdrop-filter:blur(10px);-o-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal[open]{width:calc(100% - env(safe-area-inset-right) - env(safe-area-inset-left));opacity:0;-webkit-animation:fade-in .7s ease-in-out 0s 1 forwards;animation:fade-in .7s ease-in-out 0s 1 forwards}@media screen and (orientation: landscape){.modal .modal-container figure{grid-template-rows:min-content auto;grid-template-areas:"caption picture";grid-template-columns:auto}}@media screen and (max-height: 439px){.modal .modal-container .figure img{height:calc(100vh - 72px)}}@media screen and (min-width: 768px) and (min-height: 0px){.modal .modal-container figcaption{max-width:520px;min-width:245px}}@media screen and (min-width: 768px) and (min-height: 640px){.modal{max-width:calc(100vw - 96px);max-height:calc(100vh - 96px)}.modal .modal-container{padding:24px}.modal .modal-container .button button{top:12px}.modal .modal-container .button.close button{margin-left:40px}}