body {
    font-size: 20px;
    letter-spacing: 0.8px;
    line-height: 22px;
    font-family: "WorkSans-Regular", Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #edeacc;
    overflow-x: hidden
}

@media(max-width: 1199px) {
    body {
        font-size: 20px;
        letter-spacing: 0.8px;
        line-height: 22px
    }
}

@media(max-width: 768px) {
    body {
        font-size: 18px;
        letter-spacing: 0.9px;
        line-height: 20px
    }
}

@media(max-width: 430px) {
    body {
        font-size: 18px;
        letter-spacing: 0.9px;
        line-height: 20px
    }
}

body.no-scroll {
    overflow: hidden
}

a {
    text-decoration: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit
}

header {
    background-color: #edeacc;
    color: #fff;
    padding: 1rem
}

p {
    margin: 0
}

footer {
    background-color: #582f0e;
    color: #fff;
    text-align: center;
    padding: 1rem
}

.global-grid {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 10px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 0;
    align-items: center;
    grid-template-columns: repeat(16, minmax(0, 1fr));
    max-width: 1920px
}

.flex-row {
    display: flex;
    column-gap: 16px;
    align-items: center;
}

.flex-row .instagram {
    display: block;
    background-size: contain;
    background-position: center;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z' fill='%23fefae0'/%3E%3Cpath d='M18 5C17.4477 5 17 5.44772 17 6C17 6.55228 17.4477 7 18 7C18.5523 7 19 6.55228 19 6C19 5.44772 18.5523 5 18 5Z' fill='%23fefae0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.65396 4.27606C1 5.55953 1 7.23969 1 10.6V13.4C1 16.7603 1 18.4405 1.65396 19.7239C2.2292 20.8529 3.14708 21.7708 4.27606 22.346C5.55953 23 7.23969 23 10.6 23H13.4C16.7603 23 18.4405 23 19.7239 22.346C20.8529 21.7708 21.7708 20.8529 22.346 19.7239C23 18.4405 23 16.7603 23 13.4V10.6C23 7.23969 23 5.55953 22.346 4.27606C21.7708 3.14708 20.8529 2.2292 19.7239 1.65396C18.4405 1 16.7603 1 13.4 1H10.6C7.23969 1 5.55953 1 4.27606 1.65396C3.14708 2.2292 2.2292 3.14708 1.65396 4.27606ZM13.4 3H10.6C8.88684 3 7.72225 3.00156 6.82208 3.0751C5.94524 3.14674 5.49684 3.27659 5.18404 3.43597C4.43139 3.81947 3.81947 4.43139 3.43597 5.18404C3.27659 5.49684 3.14674 5.94524 3.0751 6.82208C3.00156 7.72225 3 8.88684 3 10.6V13.4C3 15.1132 3.00156 16.2777 3.0751 17.1779C3.14674 18.0548 3.27659 18.5032 3.43597 18.816C3.81947 19.5686 4.43139 20.1805 5.18404 20.564C5.49684 20.7234 5.94524 20.8533 6.82208 20.9249C7.72225 20.9984 8.88684 21 10.6 21H13.4C15.1132 21 16.2777 20.9984 17.1779 20.9249C18.0548 20.8533 18.5032 20.7234 18.816 20.564C19.5686 20.1805 20.1805 19.5686 20.564 18.816C20.7234 18.5032 20.8533 18.0548 20.9249 17.1779C20.9984 16.2777 21 15.1132 21 13.4V10.6C21 8.88684 20.9984 7.72225 20.9249 6.82208C20.8533 5.94524 20.7234 5.49684 20.564 5.18404C20.1805 4.43139 19.5686 3.81947 18.816 3.43597C18.5032 3.27659 18.0548 3.14674 17.1779 3.0751C16.2777 3.00156 15.1132 3 13.4 3Z' fill='%23fefae0'/%3E%3C/svg%3E");
}

@media(max-width: 1199px) {
    .global-grid {
        grid-template-columns: repeat(16, minmax(0, 1fr))
    }
}

@media(max-width: 768px) {
    .global-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
}

@media(max-width: 430px) {
    .global-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
}

@media(max-width: 1199px) {
    .global-grid {
        max-width: 1199px
    }
}

@media(max-width: 768px) {
    .global-grid {
        max-width: 768px
    }
}

@media(max-width: 430px) {
    .global-grid {
        max-width: 390px
    }
}

.hidden {
    display: none
}

.padding-left {
    padding-left: 0
}

@media(max-width: 1199px) {
    .padding-left {
        padding-left: 16px
    }
}

@media(max-width: 768px) {
    .padding-left {
        padding-left: 16px
    }
}

@media(max-width: 430px) {
    .padding-left {
        padding-left: 0
    }
}

.padding-right {
    padding-right: 0
}

@media(max-width: 1199px) {
    .padding-right {
        padding-right: 16px
    }
}

@media(max-width: 768px) {
    .padding-right {
        padding-right: 16px
    }
}

@media(max-width: 430px) {
    .padding-right {
        padding-right: 0
    }
}

main {
    margin: 0;
    padding: 0
}

main section {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%
}

main .content-wrapper {
    grid-column: 2/16
}

@media(max-width: 1199px) {
    main .content-wrapper {
        grid-column: 1/17
    }
}

@media(max-width: 768px) {
    main .content-wrapper {
        grid-column: 1/7
    }
}

@media(max-width: 430px) {
    main .content-wrapper {
        grid-column: 1/7
    }
}

main .content-wrapper-small {
    grid-column: 4/14
}

@media(max-width: 1199px) {
    main .content-wrapper-small {
        grid-column: 3/15
    }
}

@media(max-width: 768px) {
    main .content-wrapper-small {
        grid-column: 2/6
    }
}

@media(max-width: 430px) {
    main .content-wrapper-small {
        grid-column: 1/7
    }
}

main .content-wrapper-left {
    grid-column: 2/8;
    margin-top: 0;
    margin-bottom: 0
}

@media(max-width: 1199px) {
    main .content-wrapper-left {
        grid-column: 1/8
    }
}

@media(max-width: 768px) {
    main .content-wrapper-left {
        grid-column: 1/7
    }
}

@media(max-width: 430px) {
    main .content-wrapper-left {
        grid-column: 1/7
    }
}

@media(max-width: 1199px) {
    main .content-wrapper-left {
        margin-top: 0
    }
}

@media(max-width: 768px) {
    main .content-wrapper-left {
        margin-top: 30px
    }
}

@media(max-width: 430px) {
    main .content-wrapper-left {
        margin-top: 20px
    }
}

@media(max-width: 1199px) {
    main .content-wrapper-left {
        margin-bottom: 0
    }
}

@media(max-width: 768px) {
    main .content-wrapper-left {
        margin-bottom: 30px
    }
}

@media(max-width: 430px) {
    main .content-wrapper-left {
        margin-bottom: 20px
    }
}

main .intro {
    min-height: 600px;
    height: calc(100vh - 305px);
    background-color: #edeacc
}

@media(max-width: 1199px) {
    main .intro {
        min-height: 600px
    }
}

@media(max-width: 768px) {
    main .intro {
        min-height: auto
    }
}

@media(max-width: 430px) {
    main .intro {
        min-height: unset
    }
}

@media(max-width: 1199px) {
    main .intro {
        height: 600px
    }
}

@media(max-width: 768px) {
    main .intro {
        height: auto
    }
}

@media(max-width: 430px) {
    main .intro {
        height: unset
    }
}

main .arrow-container {
    padding-top: 20px;
    display: flex;
    justify-content: center
}

@media(max-width: 1199px) {
    main .arrow-container {
        padding-top: 10px
    }
}

@media(max-width: 768px) {
    main .arrow-container {
        padding-top: 5pc
    }
}

@media(max-width: 430px) {
    main .arrow-container {
        padding-top: 5px
    }
}

main .arrow {
    fill: none;
    stroke: #bbdb00;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: moveDown 1.5s infinite
}

@keyframes moveDown {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(0)
    }
}

main .content-wrapper-right {
    grid-column: 9/16
}

@media(max-width: 1199px) {
    main .content-wrapper-right {
        grid-column: 9/17
    }
}

@media(max-width: 768px) {
    main .content-wrapper-right {
        grid-column: 1/7
    }
}

@media(max-width: 430px) {
    main .content-wrapper-right {
        grid-column: 1/7
    }
}

main .content-wrapper-right .cropped-image {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    max-height: 600px;
    background-image: url(/assets/images/IMG_8486.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0% 30%/50%
}

@media(max-width: 430px) {
    main .content-wrapper-right .cropped-image {
        margin-top: 20px
    }
}

@media(max-width: 1199px) {
    main .content-wrapper-right .cropped-image {
        max-height: 550px
    }
}

@media(max-width: 768px) {
    main .content-wrapper-right .cropped-image {
        max-height: 410px
    }
}

@media(max-width: 430px) {
    main .content-wrapper-right .cropped-image {
        max-height: 380px
    }
}

main .flex {
    display: flex;
    flex-direction: column
}

main .pad-btn-20 {
    padding-bottom: 20px
}

main .glb-distance-first {
    padding-top: 20px;
    padding-bottom: 100px
}

@media(max-width: 1199px) {
    main .glb-distance-first {
        padding-top: 20px
    }
}

@media(max-width: 768px) {
    main .glb-distance-first {
        padding-top: 0px
    }
}

@media(max-width: 430px) {
    main .glb-distance-first {
        padding-top: 0px
    }
}

@media(max-width: 1199px) {
    main .glb-distance-first {
        padding-bottom: 100px
    }
}

@media(max-width: 768px) {
    main .glb-distance-first {
        padding-bottom: 40px
    }
}

@media(max-width: 430px) {
    main .glb-distance-first {
        padding-bottom: 40px
    }
}

main .glb-distance {
    padding-top: 100px;
    padding-bottom: 100px
}

@media(max-width: 1199px) {
    main .glb-distance {
        padding-top: 100px
    }
}

@media(max-width: 768px) {
    main .glb-distance {
        padding-top: 40px
    }
}

@media(max-width: 430px) {
    main .glb-distance {
        padding-top: 40px
    }
}

@media(max-width: 1199px) {
    main .glb-distance {
        padding-bottom: 100px
    }
}

@media(max-width: 768px) {
    main .glb-distance {
        padding-bottom: 40px
    }
}

@media(max-width: 430px) {
    main .glb-distance {
        padding-bottom: 40px
    }
}

main .product {
    background-color: #1b3f1a;
    min-height: 250px
}

@media(max-width: 1199px) {
    main .product {
        min-height: 250px
    }
}

@media(max-width: 768px) {
    main .product {
        min-height: 200px
    }
}

@media(max-width: 430px) {
    main .product {
        min-height: 280px
    }
}

main .product .typo-h3 {
    color: #edeacc;
    text-align: center
}

main .sustainability {
    background-color: #e4efe6;
    align-items: center;
    display: grid;
    min-height: 600px
}

@media(max-width: 1199px) {
    main .sustainability {
        min-height: 550px
    }
}

@media(max-width: 768px) {
    main .sustainability {
        min-height: 380px
    }
}

@media(max-width: 430px) {
    main .sustainability {
        min-height: 697px
    }
}

main .sustainability .content-wrapper-left .cropped-image-2 {
    width: 100%;
    min-height: 600px;
    background-image: url(/assets/images/IMG_8456.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0% 30%/50%
}

@media(max-width: 1199px) {
    main .sustainability .content-wrapper-left .cropped-image-2 {
        min-height: 550px
    }
}

@media(max-width: 768px) {
    main .sustainability .content-wrapper-left .cropped-image-2 {
        min-height: 380px
    }
}

@media(max-width: 430px) {
    main .sustainability .content-wrapper-left .cropped-image-2 {
        min-height: 380px
    }
}

main .sustainability .btn-width {
    align-self: end
}

main .btn-width {
    width: fit-content;
    margin-top: 40px
}

@media(max-width: 1199px) {
    main .btn-width {
        margin-top: 40px
    }
}

@media(max-width: 768px) {
    main .btn-width {
        margin-top: 20px
    }
}

@media(max-width: 430px) {
    main .btn-width {
        margin-top: 20px
    }
}

main .inner-link {
    cursor: pointer;
    font-size: 20px;
    font-family: "WorkSans-Regular", Georgia;
    text-decoration: none;
    color: #582f0e
}

main .product-overview {
    background-color: #708d29;
    min-height: 600px
}

@media(max-width: 1199px) {
    main .product-overview {
        min-height: 500px
    }
}

@media(max-width: 768px) {
    main .product-overview {
        min-height: 380px
    }
}

@media(max-width: 430px) {
    main .product-overview {
        min-height: 390px
    }
}

main .product-overview .mobil {
    display: none;
    padding-bottom: 40px
}

@media(max-width: 1199px) {
    main .product-overview .mobil {
        display: none
    }
}

@media(max-width: 768px) {
    main .product-overview .mobil {
        display: none
    }
}

@media(max-width: 430px) {
    main .product-overview .mobil {
        display: block
    }
}

main .product-overview .mobil .green {
    color: #edeacc
}

main .product-overview .cropped-image-3 {
    overflow-clip-margin: content-box;
    overflow: clip;
    min-height: 600px;
    width: 100%;
    height: 100%;
    aspect-ratio: 4/3;
    background-image: url(/assets/images/IMG_8598.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0% 30%/50%
}

@media(max-width: 1199px) {
    main .product-overview .cropped-image-3 {
        min-height: 500px
    }
}

@media(max-width: 768px) {
    main .product-overview .cropped-image-3 {
        min-height: 380px
    }
}

@media(max-width: 430px) {
    main .product-overview .cropped-image-3 {
        min-height: 380px
    }
}

main .product-overview .cropped-image-3 .image-wrapper-opc {
    display: block;
    padding: 40px;
    width: 40%;
    background-color: #927f47;
    border-radius: 0% 30%/50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

@media(max-width: 1199px) {
    main .product-overview .cropped-image-3 .image-wrapper-opc {
        display: block
    }
}

@media(max-width: 768px) {
    main .product-overview .cropped-image-3 .image-wrapper-opc {
        display: block
    }
}

@media(max-width: 430px) {
    main .product-overview .cropped-image-3 .image-wrapper-opc {
        display: none
    }
}

@media(max-width: 1199px) {
    main .product-overview .cropped-image-3 .image-wrapper-opc {
        width: 40%
    }
}

@media(max-width: 768px) {
    main .product-overview .cropped-image-3 .image-wrapper-opc {
        width: 40%
    }
}

@media(max-width: 430px) {
    main .product-overview .cropped-image-3 .image-wrapper-opc {
        width: 100%
    }
}

@media(max-width: 430px) {
    main .product-overview .cropped-image-3 .image-wrapper-opc {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }
}

main .product-overview .cropped-image-3 .image-wrapper-opc .green {
    color: #edeacc
}

main .product-overview .cropped-image-3 .image-wrapper-opc .buttons-container:hover .inner-link {
    color: #582f0e
}

main .us {
    background-color: #ffdebc;
    min-height: 600px
}

@media(max-width: 1199px) {
    main .us {
        min-height: 770px
    }
}

@media(max-width: 768px) {
    main .us {
        min-height: 380px
    }
}

@media(max-width: 430px) {
    main .us {
        min-height: 890px
    }
}

main .us .cropped-image-4 {
    width: 100%;
    min-height: 600px;
    background-image: url(/assets/images/team-spirit-2447163_1280.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0% 30%/50%
}

@media(max-width: 1199px) {
    main .us .cropped-image-4 {
        min-height: 770px
    }
}

@media(max-width: 768px) {
    main .us .cropped-image-4 {
        min-height: 380px
    }
}

@media(max-width: 430px) {
    main .us .cropped-image-4 {
        min-height: 380px
    }
}

main .us .btn-width {
    align-self: end
}

main .contact-form-wrapper {
    height: 458px
}

@media(max-width: 1199px) {
    main .contact-form-wrapper {
        height: 460px
    }
}

@media(max-width: 768px) {
    main .contact-form-wrapper {
        height: 350px
    }
}

@media(max-width: 430px) {
    main .contact-form-wrapper {
        height: 350px
    }
}

main .contact-form-wrapper .center {
    text-align: center
}

main .contact-form-wrapper .container {
    grid-column: 4/14;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center
}

@media(max-width: 1199px) {
    main .contact-form-wrapper .container {
        grid-column: 4/14
    }
}

@media(max-width: 768px) {
    main .contact-form-wrapper .container {
        grid-column: 1/7
    }
}

@media(max-width: 430px) {
    main .contact-form-wrapper .container {
        grid-column: 1/7
    }
}

main .contact-form-wrapper .form-2-col {
    display: flex;
    flex-direction: row;
    column-gap: 20px
}

header {
    height: 150px
}

header .global-grid {
    max-width: 100vw
}

@media(max-width: 1199px) {
    header {
        height: 130px
    }
}

@media(max-width: 768px) {
    header {
        height: 100px
    }
}

@media(max-width: 430px) {
    header {
        height: 80px
    }
}

header .header {
    padding: 0;
    position: fixed;
    top: -184px;
    left: 0;
    width: 100%;
    transition: top .3s;
    z-index: 1000;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

header .header.header-top {
    top: 0;
    position: relative;
    background-color: #edeacc
}

header .header.visible {
    top: 0;
    background-color: rgba(255, 255, 255, .3)
}

header .header.visible .content-wrapper {
    padding: 16px
}

header.fixed {
    height: 100px;
    position: fixed;
    width: 100%;
    z-index: 1
}

header .content-wrapper {
    grid-column: 2/16;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 1199px) {
    header .content-wrapper {
        grid-column: 1/17
    }
}

@media(max-width: 768px) {
    header .content-wrapper {
        grid-column: 1/7
    }
}

@media(max-width: 430px) {
    header .content-wrapper {
        grid-column: 1/7
    }
}

header .content-wrapper .logo {
    width: 120px
}

@media(max-width: 1199px) {
    header .content-wrapper .logo {
        width: 100px
    }
}

@media(max-width: 768px) {
    header .content-wrapper .logo {
        width: 80px
    }
}

@media(max-width: 430px) {
    header .content-wrapper .logo {
        width: 80px
    }
}

header .hamburger {
    display: none;
    cursor: pointer
}

@media(max-width: 1199px) {
    header .hamburger {
        display: block
    }
}

@media(max-width: 768px) {
    header .hamburger {
        display: block
    }
}

@media(max-width: 430px) {
    header .hamburger {
        display: block
    }
}

header .hamburger.block {
    display: block
}

header .hamburger .burger {
    width: 23px;
    height: 29px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

header .hamburger .burger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #582f0e;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

header .hamburger .burger span:nth-child(1) {
    top: 0
}

header .hamburger .burger span:nth-child(2),
header .hamburger .burger span:nth-child(3) {
    top: 10px
}

header .hamburger .burger span:nth-child(4) {
    top: 20px
}

header .hamburger.open {
    overflow: hidden
}

header .hamburger.open .burger span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%
}

header .hamburger.open .burger span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

header .hamburger.open .burger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .hamburger.open .burger span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}

@media(max-width: 1199px) {
    header .navigation--desktop {
        display: none
    }
}

header .navigation--mobile.hidden {
    display: none
}

@media(max-width: 1199px) {
    header .navigation--mobile.open {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #edeacc;
        z-index: 999
    }
}

header .navigation--mobile ul {
    display: flex;
    flex-direction: column;
    margin: 0
}

@media(max-width: 1199px) {
    header .navigation--mobile ul {
        padding-bottom: 60px
    }
}

header .navigation--mobile ul li {
    padding: 10px 10px 5px 10px;
    border-bottom: 1px solid #545454
}

header .navigation--mobile ul li .item-link {
    text-decoration: none;
    color: #582f0e
}

@media(max-width: 1199px) {
    .hamburger {
        display: block
    }
}

.hamburger.open .line {
    transition: transform .2s ease
}

.hamburger.open .line.top {
    transform: rotate(45deg) translateY(10px)
}

.hamburger.open .line.middle {
    opacity: 0
}

.hamburger.open .line.bottom {
    transform: rotate(-45deg) translateY(-10px)
}

.buttons-container {
    border: 2px solid currentColor;
    border-radius: 0% 15%/50%;
    color: #bbdb00;
    overflow: hidden;
    padding: 1rem 2rem;
    position: relative;
    text-decoration: none;
    transition: .2s transform ease-in-out;
    will-change: transform;
    z-index: 0
}

.buttons-container::after {
    background-color: #bbdb00;
    border-radius: 0% 15%/50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0) rotate(10deg);
    transform-origin: top left;
    transition: .2s transform ease-out;
    will-change: transform;
    z-index: -1
}

.buttons-container:hover::after {
    transform: translate(0, 0)
}

.buttons-container:hover {
    border: 2px solid rgba(0, 0, 0, 0);
    color: #582f0e;
    will-change: transform
}

.typo-h1 {
    font-size: 65px;
    letter-spacing: 0.7px;
    line-height: 83px;
    color: #582f0e;
    font-family: "WorkSans-Regular", Georgia;
    font-weight: 400;
    margin: 0
}

@media(max-width: 1199px) {
    .typo-h1 {
        font-size: 40px;
        letter-spacing: 0.9px;
        line-height: 48px
    }
}

@media(max-width: 768px) {
    .typo-h1 {
        font-size: 35px;
        letter-spacing: 0.6px;
        line-height: 38px
    }
}

@media(max-width: 430px) {
    .typo-h1 {
        font-size: 32px;
        letter-spacing: 0.6px;
        line-height: 38px
    }
}

.typo-h2 {
    font-size: 38px;
    letter-spacing: 1.14px;
    line-height: 45px;
    color: #582f0e;
    font-family: "EBGaramond-Medium", Helvetica;
    margin: 0;
    font-weight: 500
}

@media(max-width: 1199px) {
    .typo-h2 {
        font-size: 32px;
        letter-spacing: 0.34px;
        line-height: 35px
    }
}

@media(max-width: 768px) {
    .typo-h2 {
        font-size: 20px;
        letter-spacing: 0.84px;
        line-height: 25px
    }
}

@media(max-width: 430px) {
    .typo-h2 {
        font-size: 20px;
        letter-spacing: 0.84px;
        line-height: 25px
    }
}

.typo-h2 b {
    font-family: "EBGaramond-Medium", Helvetica
}

.typo-h3 {
    font-size: 40px;
    letter-spacing: 0.86px;
    line-height: 50px;
    color: #582f0e;
    font-family: "WorkSans-Regular", Georgia;
    font-weight: 400;
    margin: 0
}

@media(max-width: 1199px) {
    .typo-h3 {
        font-size: 32px;
        letter-spacing: 0.86px;
        line-height: 35px
    }
}

@media(max-width: 768px) {
    .typo-h3 {
        font-size: 23px;
        letter-spacing: 0.44px;
        line-height: 25px
    }
}

@media(max-width: 430px) {
    .typo-h3 {
        font-size: 23px;
        letter-spacing: 0.44px;
        line-height: 33px
    }
}

.typo-h3 i {
    font-family: "WorkSans-LightItalic", Georgia;
    font-weight: 300
}

.typo-h3b,
.typo-h3 b {
    font-family: "WorkSans-Bold", Georgia;
    font-weight: 700
}

.typo-h3-b {
    font-size: 28px;
    letter-spacing: 0.56px;
    line-height: 36px;
    color: #582f0e;
    font-family: "WorkSans-Bold", Georgia;
    font-weight: 700;
    margin: 0
}

@media(max-width: 1199px) {
    .typo-h3-b {
        font-size: 22px;
        letter-spacing: 0.56px;
        line-height: 26px
    }
}

@media(max-width: 768px) {
    .typo-h3-b {
        font-size: 20px;
        letter-spacing: 0.44px;
        line-height: 28px
    }
}

@media(max-width: 430px) {
    .typo-h3-b {
        font-size: 20px;
        letter-spacing: 0.44px;
        line-height: 28px
    }
}

.typo-h3-b i {
    font-family: "WorkSans-LightItalic", Georgia;
    font-weight: 700
}

.typo-h4 {
    font-size: 30px;
    letter-spacing: 0.6px;
    line-height: 33px;
    color: #582f0e;
    font-family: "WorkSans-Light", Georgia;
    font-weight: 400;
    margin: 0
}

@media(max-width: 1199px) {
    .typo-h4 {
        font-size: 24px;
        letter-spacing: 0.6px;
        line-height: 25px
    }
}

@media(max-width: 768px) {
    .typo-h4 {
        font-size: 20px;
        letter-spacing: 0.38px;
        line-height: 22px
    }
}

@media(max-width: 430px) {
    .typo-h4 {
        font-size: 20px;
        letter-spacing: 0.38px;
        line-height: 22px
    }
}

.typo-h4 b {
    font-family: "WorkSans-Bold", Georgia;
    font-weight: 700
}

.typo-text {
    font-size: 33px;
    letter-spacing: 0.66px;
    line-height: 48px;
    color: #582f0e;
    font-family: "WorkSans-Light", Georgia;
    font-weight: 300;
    margin: 0
}

@media(max-width: 1199px) {
    .typo-text {
        font-size: 26px;
        letter-spacing: 0.66px;
        line-height: 35px
    }
}

@media(max-width: 768px) {
    .typo-text {
        font-size: 25px;
        letter-spacing: 0.34px;
        line-height: 28px
    }
}

@media(max-width: 430px) {
    .typo-text {
        font-size: 20px;
        letter-spacing: 0.34px;
        line-height: 30px
    }
}

.typo-text i {
    font-style: unset;
    font-family: "WorkSans-LightItalic", Georgia;
    font-weight: 700
}

.typo-textb,
.typo-text b {
    font-family: "WorkSans-Bold", Georgia;
    font-weight: 700
}

.typo-text ul {
    display: inline-block;
    padding-inline-start: 1.4em;
    width: 100%
}

.typo-text ul li {
    list-style: disc !important;
    position: relative;
    text-indent: -5px;
    padding-bottom: 0
}

.typo-text ul li::marker {
    font-size: 22px;
    letter-spacing: 0.36px;
    line-height: 17px
}

@media(max-width: 1199px) {
    .typo-text ul li::marker {
        font-size: 22px;
        letter-spacing: 0.36px;
        line-height: 17px
    }
}

@media(max-width: 768px) {
    .typo-text ul li::marker {
        font-size: 20px;
        letter-spacing: 0.34px;
        line-height: 16px
    }
}

@media(max-width: 430px) {
    .typo-text ul li::marker {
        font-size: 20px;
        letter-spacing: 0.34px;
        line-height: 16px
    }
}

.typo-text ol {
    display: inline-block;
    list-style-type: decimal-leading-zero;
    padding-inline-start: 2.4em;
    width: 100%
}

.typo-text ol li::marker {
    font-size: 22px;
    letter-spacing: 0.88px;
    line-height: 17px;
    font-family: "WorkSans-Bold", Georgia;
    position: relative;
    padding-bottom: 0
}

@media(max-width: 1199px) {
    .typo-text ol li::marker {
        font-size: 22px;
        letter-spacing: 0.88px;
        line-height: 17px
    }
}

@media(max-width: 768px) {
    .typo-text ol li::marker {
        font-size: 20px;
        letter-spacing: 0.88px;
        line-height: 16px
    }
}

@media(max-width: 430px) {
    .typo-text ol li::marker {
        font-size: 20px;
        letter-spacing: 0.88px;
        line-height: 16px
    }
}

.typo-footer {
    font-size: 20px;
    letter-spacing: 0.66px;
    line-height: 30px;
    color: #edeacc;
    font-family: "WorkSans-Light", Georgia;
    font-weight: 300;
    margin: 0
}

@media(max-width: 1199px) {
    .typo-footer {
        font-size: 18px;
        letter-spacing: 0.34px;
        line-height: 28px
    }
}

@media(max-width: 768px) {
    .typo-footer {
        font-size: 18px;
        letter-spacing: 0.34px;
        line-height: 28px
    }
}

@media(max-width: 430px) {
    .typo-footer {
        font-size: 18px;
        letter-spacing: 0.34px;
        line-height: 28px
    }
}

.typo-quote-text {
    font-size: 30px;
    letter-spacing: 0.9px;
    line-height: 40px;
    color: #582f0e;
    font-family: "EBGaramond-Medium", Helvetica;
    margin: 0;
    font-weight: 300
}

@media(max-width: 1199px) {
    .typo-quote-text {
        font-size: 26px;
        letter-spacing: 0.6px;
        line-height: 30px
    }
}

@media(max-width: 768px) {
    .typo-quote-text {
        font-size: 24px;
        letter-spacing: 0.72px;
        line-height: 36px
    }
}

@media(max-width: 430px) {
    .typo-quote-text {
        font-size: 24px;
        letter-spacing: 0.72px;
        line-height: 36px
    }
}

.typo-quote-text b {
    font-family: "WorkSans-Bold", Georgia;
    font-weight: 700
}

nav {
    position: relative
}

nav ul {
    padding: 0;
    position: relative;
    list-style: none;
    gap: 40px;
    display: flex;
    flex-direction: row;
    align-items: center
}

@media(max-width: 1199px) {
    nav ul {
        gap: 20px
    }
}

@media(max-width: 768px) {
    nav ul {
        gap: 16px
    }
}

@media(max-width: 430px) {
    nav ul {
        gap: 16px
    }
}

@media(max-width: 1199px) {
    nav ul {
        flex-direction: row
    }
}

@media(max-width: 768px) {
    nav ul {
        flex-direction: column
    }
}

@media(max-width: 430px) {
    nav ul {
        flex-direction: column
    }
}

@media(max-width: 1199px) {
    nav ul {
        align-items: center
    }
}

@media(max-width: 768px) {
    nav ul {
        align-items: left
    }
}

@media(max-width: 430px) {
    nav ul {
        align-items: left
    }
}

nav ul li {
    position: relative;
    display: inline;
    margin-right: 10px
}

nav ul li li:not(:last-child) {
    position: relative
}

nav ul li:not(:last-child):hover~#nav-pointer {
    transform: translateX(calc(100% * var(--index)))
}

nav ul .item-link {
    position: relative;
    z-index: 1;
    display: block;
    cursor: pointer;
    font-family: "WorkSans-Regular", Georgia;
    color: #582f0e;
    text-decoration: none
}

nav ul #nav-pointer {
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 82px;
    height: 2px;
    background-color: #bbdb00;
    transition: left .3s ease;
    z-index: 0
}

@media(max-width: 1199px) {
    nav ul #nav-pointer {
        display: none
    }
}

#contact-form {
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px
}

.form-group {
    margin-bottom: 20px
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #582f0e
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    font-size: 16px;
    transition: border-color .3s, box-shadow .3s
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #1b3f1a;
    box-shadow: 0 0 5px #1b3f1a;
    outline: none
}

.form-group textarea {
    resize: vertical
}

footer {
    padding: 0;
    border-radius: 0 15% 0 0/0 50% 0 0
}

@media(max-width: 1199px) {
    footer {
        border-radius: 0 15% 0 0/0 50% 0 0
    }
}

@media(max-width: 768px) {
    footer {
        border-radius: 0 22% 0 0/0 30% 0 0
    }
}

@media(max-width: 430px) {
    footer {
        border-radius: 0 22% 0 0/0 30% 0 0
    }
}

footer .content-wrapper {
    grid-column: 2/16
}

@media(max-width: 1199px) {
    footer .content-wrapper {
        grid-column: 2/16
    }
}

@media(max-width: 768px) {
    footer .content-wrapper {
        grid-column: 1/7
    }
}

@media(max-width: 430px) {
    footer .content-wrapper {
        grid-column: 1/7
    }
}

footer .glb-distance {
    padding-top: 100px;
    padding-bottom: 100px
}

@media(max-width: 1199px) {
    footer .glb-distance {
        padding-top: 100px
    }
}

@media(max-width: 768px) {
    footer .glb-distance {
        padding-top: 100px
    }
}

@media(max-width: 430px) {
    footer .glb-distance {
        padding-top: 40px
    }
}

@media(max-width: 1199px) {
    footer .glb-distance {
        padding-bottom: 100px
    }
}

@media(max-width: 768px) {
    footer .glb-distance {
        padding-bottom: 100px
    }
}

@media(max-width: 430px) {
    footer .glb-distance {
        padding-bottom: 40px
    }
}

footer .wrapper-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: self-end
}

@media(max-width: 1199px) {
    footer .wrapper-footer {
        flex-direction: row
    }
}

@media(max-width: 768px) {
    footer .wrapper-footer {
        flex-direction: row
    }
}

@media(max-width: 430px) {
    footer .wrapper-footer {
        flex-direction: column
    }
}

footer .contact {
    display: flex;
    flex-direction: column;
    text-align: left;

  
}
@media(max-width: 768px) {
footer .contact {
    width: 100%
}
}

footer .privacy-policy {
    display: flex;
    flex-direction: row
}

footer .bottom-area {
    height: 100%;
    background-color: #1e1d10;
    padding: 20px
}

.cropped-video {
    display: flex;
    justify-content: center;
    width: 100%
}

.columns {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    max-height: 600px
}

@media(max-width: 1199px) {
    .columns {
        flex-direction: row
    }
}

@media(max-width: 768px) {
    .columns {
        flex-direction: row
    }
}

@media(max-width: 430px) {
    .columns {
        flex-direction: column
    }
}

.column {
    flex: 1;
    margin: 10px;
    position: relative;
    overflow: hidden
}

.column img {
    min-height: 250px;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    cursor: pointer;
    border-radius: 0% 14%/12%;
    aspect-ratio: unset
}

@media(max-width: 1199px) {
    .column img {
        aspect-ratio: unset
    }
}

@media(max-width: 768px) {
    .column img {
        aspect-ratio: unset
    }
}

@media(max-width: 430px) {
    .column img {
        aspect-ratio: 1
    }
}

.teaser {
    position: absolute;
    bottom: 0;
    left: 0%;
    transform: translateX(0%);
    background: rgba(0, 0, 0, .7);
    color: #fff;
    opacity: 0;
    transition: all .5s ease;
    width: 100%;
    height: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0% 10%/15%;
    opacity: 0
}

@media(max-width: 1199px) {
    .teaser {
        opacity: 1
    }
}

@media(max-width: 768px) {
    .teaser {
        opacity: 1
    }
}

@media(max-width: 430px) {
    .teaser {
        opacity: 1
    }
}

.teaser p {
    margin: 20px
}

.column:hover .teaser {
    bottom: 30px;
    opacity: 1
}

.product-intro {
    text-align: center;
    background-color: #edeacc
}

.sustainability .intro {
    min-height: 600px;
    height: calc(100vh - 242px)
}

@media(max-width: 1199px) {
    .sustainability .intro {
        min-height: 600px
    }
}

@media(max-width: 768px) {
    .sustainability .intro {
        min-height: 90vh
    }
}

@media(max-width: 430px) {
    .sustainability .intro {
        min-height: unset
    }
}

@media(max-width: 1199px) {
    .sustainability .intro {
        height: 600px
    }
}

@media(max-width: 768px) {
    .sustainability .intro {
        height: 90vh
    }
}

@media(max-width: 430px) {
    .sustainability .intro {
        height: unset
    }
}

.sustainability .product {
    min-height: auto
}

.sustainability .motivation {
    background-color: #e4efe6;
    align-items: center;
    display: grid;
    min-height: 600px
}

@media(max-width: 1199px) {
    .sustainability .motivation {
        min-height: 550px
    }
}

@media(max-width: 768px) {
    .sustainability .motivation {
        min-height: 380px
    }
}

@media(max-width: 430px) {
    .sustainability .motivation {
        min-height: 697px
    }
}

.sustainability .effizient {
    min-height: 600px;
    background-color: #bcaea4
}

@media(max-width: 1199px) {
    .sustainability .effizient {
        min-height: 550px
    }
}

@media(max-width: 768px) {
    .sustainability .effizient {
        min-height: 380px
    }
}

@media(max-width: 430px) {
    .sustainability .effizient {
        min-height: 697px
    }
}

.sustainability .sustainability {
    background-color: #e4f9b3
}

.sustainability .sustainability .images-container {
    margin-bottom: 0
}

@media(max-width: 1199px) {
    .sustainability .sustainability .images-container {
        margin-bottom: 0
    }
}

@media(max-width: 768px) {
    .sustainability .sustainability .images-container {
        margin-bottom: 96px
    }
}

@media(max-width: 430px) {
    .sustainability .sustainability .images-container {
        margin-bottom: 20px
    }
}

.sustainability .quality {
    min-height: 1000px
}

@media(max-width: 1199px) {
    .sustainability .quality {
        min-height: 770px
    }
}

@media(max-width: 768px) {
    .sustainability .quality {
        min-height: 380px
    }
}

@media(max-width: 430px) {
    .sustainability .quality {
        min-height: 490px
    }
}

.sustainability .quality .center {
    text-align: center
}

.sustainability .content-wrapper-small {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.sustainability .content-wrapper-small .cropped-image {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    max-height: 60vh;
    margin-top: 0;
    background-image: url(/assets/images/IMG_8424.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0% 30%/50%
}

@media(max-width: 1199px) {
    .sustainability .content-wrapper-small .cropped-image {
        max-height: 550px
    }
}

@media(max-width: 768px) {
    .sustainability .content-wrapper-small .cropped-image {
        max-height: 410px
    }
}

@media(max-width: 430px) {
    .sustainability .content-wrapper-small .cropped-image {
        max-height: 380px
    }
}

@media(max-width: 1199px) {
    .sustainability .content-wrapper-small .cropped-image {
        margin-top: 0
    }
}

@media(max-width: 768px) {
    .sustainability .content-wrapper-small .cropped-image {
        margin-top: 20px
    }
}

@media(max-width: 430px) {
    .sustainability .content-wrapper-small .cropped-image {
        margin-top: 20px
    }
}

.sustainability .content-wrapper-left .cropped-image-6 {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    max-height: 600px;
    background-image: url(/assets/images/IMG_8529.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0% 30%/50%
}

@media(max-width: 1199px) {
    .sustainability .content-wrapper-left .cropped-image-6 {
        max-height: 550px
    }
}

@media(max-width: 768px) {
    .sustainability .content-wrapper-left .cropped-image-6 {
        max-height: 410px
    }
}

@media(max-width: 430px) {
    .sustainability .content-wrapper-left .cropped-image-6 {
        max-height: 380px
    }
}

.sustainability .cropped-image-7 {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    max-height: 600px;
    background-image: url(/assets/images/IMG_8618.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0% 30%/50%
}

@media(max-width: 1199px) {
    .sustainability .cropped-image-7 {
        max-height: 550px
    }
}

@media(max-width: 768px) {
    .sustainability .cropped-image-7 {
        max-height: 410px
    }
}

@media(max-width: 430px) {
    .sustainability .cropped-image-7 {
        max-height: 380px
    }
}

.sustainability .cropped-image-8 {
    grid-column: 2/5;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    max-height: 380px;
    background-image: url(/assets/images/IMG_8518.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0% 30%/50%
}

@media(max-width: 1199px) {
    .sustainability .cropped-image-8 {
        max-height: 350px
    }
}

@media(max-width: 768px) {
    .sustainability .cropped-image-8 {
        max-height: 300px
    }
}

@media(max-width: 430px) {
    .sustainability .cropped-image-8 {
        max-height: 280px
    }
}

.sustainability .cropped-image-9 {
    grid-column: 5/8;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    max-height: 380px;
    background-image: url(/assets/images/IMG_8512.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0% 30%/50%
}

@media(max-width: 1199px) {
    .sustainability .cropped-image-9 {
        max-height: 350px
    }
}

@media(max-width: 768px) {
    .sustainability .cropped-image-9 {
        max-height: 300px
    }
}

@media(max-width: 430px) {
    .sustainability .cropped-image-9 {
        max-height: 280px
    }
}

.sustainability .cropped-image-10 {
    grid-column: 5/8;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    max-height: 600px;
    background-image: url(/assets/images/IMG_8604.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0% 30%/50%;
    margin-bottom: 40px
}

@media(max-width: 1199px) {
    .sustainability .cropped-image-10 {
        max-height: 450px
    }
}

@media(max-width: 768px) {
    .sustainability .cropped-image-10 {
        max-height: 300px
    }
}

@media(max-width: 430px) {
    .sustainability .cropped-image-10 {
        max-height: 280px
    }
}

.sustainability .grid-cols-2 {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.sustainability .grid-cols-2 .image-container {
    aspect-ratio: 1/1;
    height: auto;
    position: relative;
    transition: all .5s ease;
    width: 100%
}

.sustainability .grid-cols-2 .image-container:first-child {
    transform: translateY(100px)
}

@media(max-width: 1199px) {
    .sustainability .grid-cols-2 .image-container:first-child {
        transform: translateY(100px)
    }
}

@media(max-width: 768px) {
    .sustainability .grid-cols-2 .image-container:first-child {
        transform: translateY(0)
    }
}

@media(max-width: 430px) {
    .sustainability .grid-cols-2 .image-container:first-child {
        transform: translateY(0)
    }
}

.sustainability .grid-cols-2 .image-container img {
    border-bottom-right-radius: 55%;
    border-top-left-radius: 55%;
    height: 100%;
    position: absolute;
    transition: all .5s ease;
    width: 100%;
    object-fit: cover
}

.sustainability .grid-cols-2 .image-container img:hover {
    cursor: pointer;
    scale: 1.3
}

.sustainability .grid-cols-2 .image-container:last-child {
    transform: translateY(-100px)
}

@media(max-width: 1199px) {
    .sustainability .grid-cols-2 .image-container:last-child {
        transform: translateY(-100px)
    }
}

@media(max-width: 768px) {
    .sustainability .grid-cols-2 .image-container:last-child {
        transform: translateY(0)
    }
}

@media(max-width: 430px) {
    .sustainability .grid-cols-2 .image-container:last-child {
        transform: translateY(0)
    }
}

.cropped-image-4 {
    width: 100%;
    min-height: 600px;
    background-image: url(/assets/images/team-spirit-2447163_1280.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0% 30%/50%
}

@media(max-width: 1199px) {
    .cropped-image-4 {
        min-height: 770px
    }
}

@media(max-width: 768px) {
    .cropped-image-4 {
        min-height: 380px
    }
}

@media(max-width: 430px) {
    .cropped-image-4 {
        min-height: 380px
    }
}

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