/* ################################################## */
/* # Global                                         # */
/* ################################################## */

html,
body {
    background-color: #FFF;
    font-family: 'REWE Group Copy', sans-serif;
}

body {
    padding-top: 13rem !important;
}

@media only screen and (min-width: 992px) {
    body {
        padding-top: 15.857rem !important;
    }
}

/* Headlines */
.hl-160,
.frame-type-text .hl-160,
.frame-type-textpic .hl-160,
.frame-type-textmedia .hl-160,
.rich-text-block .hl-160,
.frame-type-text .hl-160,
.frame-type-header header.ce-header .hl-160,
.hl-120,
.frame-type-text .hl-120,
.frame-type-textpic .hl-120,
.frame-type-textmedia .hl-120,
.rich-text-block .hl-120,
.frame-type-text .hl-120,
.frame-type-header header.ce-header .hl-120,
.hl-104,
.frame-type-text .hl-104,
.frame-type-textpic .hl-104,
.frame-type-textmedia .hl-104,
.rich-text-block .hl-104,
.frame-type-text .hl-104,
.frame-type-header header.ce-header .hl-104,
h1,
.frame-type-text h1,
.frame-type-textpic h1,
.frame-type-textmedia h1,
.rich-text-block h1,
.frame-type-text .h1,
.frame-type-header header.ce-header h1,
h2,
.frame-type-text h2,
.frame-type-textpic h2,
.frame-type-textmedia h2,
.rich-text-block h2,
.frame-type-text .h2,
.frame-type-header header.ce-header h2,
h3,
.frame-type-text h3,
.frame-type-textpic h3,
.frame-type-textmedia h3,
.rich-text-block h3,
.frame-type-text .h3,
.frame-type-header header.ce-header h3,
h4,
.frame-type-text h4,
.frame-type-textpic h4,
.frame-type-textmedia h4,
.rich-text-block h4,
.frame-type-text .h4,
.frame-type-header header.ce-header h4,
h5,
.frame-type-text h5,
.frame-type-textpic h5,
.frame-type-textmedia h5,
.rich-text-block h5,
.frame-type-text .h5,
.frame-type-header header.ce-header h5,
h6,
.frame-type-text h6,
.frame-type-textpic h6,
.frame-type-textmedia h6,
.rich-text-block h6,
.frame-type-text .h6,
.frame-type-header header.ce-header h6,
.subline {
    color: #222;
    font-family: 'REWE Group Headlines', sans-serif;
    font-weight: normal;
    hyphens: auto;
    line-height: 100%;
    margin: 0;
    padding: 0;
    text-wrap: balance;
}

/* Headline 160 */
h1.hl-160,
.frame-type-text h1.hl-160,
.frame-type-textpic h1.hl-160,
.frame-type-textmedia h1.hl-160,
.rich-text-block h1.hl-160,
.frame-type-text h1.hl-160,
.frame-type-header header.ce-header h1.hl-160 {
    font-size: 11.429rem; /* 160px */
    margin-bottom: 5.714rem; /* 80px */
    opacity: 0.2;
}

/* Headline 120 */
h1.hl-120,
.frame-type-text h1.hl-120,
.frame-type-textpic h1.hl-120,
.frame-type-textmedia h1.hl-120,
.rich-text-block h1.hl-120,
.frame-type-text h1.hl-120,
.frame-type-header header.ce-header h1.hl-120 {
    font-size: 8.571rem; /* 120px */
    margin-bottom: 5.714rem; /* 80px */
    opacity: 0.2;
}

/* Headline 104 */
h1.hl-104,
.frame-type-text h1.hl-104,
.frame-type-textpic h1.hl-104,
.frame-type-textmedia h1.hl-104,
.rich-text-block h1.hl-104,
.frame-type-text h1.hl-104,
.frame-type-header header.ce-header h1.hl-104 {
    font-size: 6.857rem; /* 96px */
    margin-bottom: 5.714rem; /* 80px */
    opacity: 0.2;
}

/* H1 (H1 Big) */
h1,
.frame-type-text h1,
.frame-type-textpic h1,
.frame-type-textmedia h1,
.rich-text-block h1,
.frame-type-text .h1,
.frame-type-header header.ce-header h1 {
    font-size: 5.714rem; /* 80px */
    margin-bottom: 2.857rem; /* 40px */
}

/* H2 + H1 Small */
h1.h1-small,
.frame-type-text h1.h1-small,
.frame-type-textpic h1.h1-small,
.frame-type-textmedia h1.h1-small,
.rich-text-block h1.h1-small,
.frame-type-text h1.h1-small,
.frame-type-header header.ce-header h1.h1-small,
h2,
.frame-type-text h2,
.frame-type-textpic h2,
.frame-type-textmedia h2,
.rich-text-block h2,
.frame-type-text .h2,
.frame-type-header header.ce-header h2 {
    font-size: 2.857rem; /* 40px */
    margin-bottom: 2.857rem; /* 40px */
}

/* H3 */
h3,
.frame-type-text h3,
.frame-type-textpic h3,
.frame-type-textmedia h3,
.rich-text-block h3,
.frame-type-text .h3,
.frame-type-header header.ce-header h3 {
    font-size: 2.286rem; /* 32px */
    line-height: 110%;
    margin-bottom: 2.857rem; /* 40px */
}

/* H4 + H5 + H6 */
h4,
.frame-type-text h4,
.frame-type-textpic h4,
.frame-type-textmedia h4,
.rich-text-block h4,
.frame-type-text .h4,
.frame-type-header header.ce-header h4,
h5,
.frame-type-text h5,
.frame-type-textpic h5,
.frame-type-textmedia h5,
.rich-text-block h5,
.frame-type-text .h5,
.frame-type-header header.ce-header h5,
h6,
.frame-type-text h6,
.frame-type-textpic h6,
.frame-type-textmedia h6,
.rich-text-block h6,
.frame-type-text .h6,
.frame-type-header header.ce-header h6 {
    font-size: 1.714rem; /* 24px */
    line-height: 110%;
    margin-bottom: 2.857rem; /* 40px */
}

/* Subline */
.subline,
.frame-type-text .subline,
.frame-type-textpic .subline,
.frame-type-textmedia .subline,
.rich-text-block .subline,
.frame-type-text .subline,
.frame-type-header header.ce-header .subline {
    color: #222;
    font-size: 1.714rem; /* 24px */
    font-weight: normal;
    line-height: 100%;
    margin: 0 0 2.857rem; /* 40px */
    padding: 0;
}

/* Paragraphs */
.frame-type-text p,
.frame-type-textpic p,
.frame-type-textmedia p,
.rich-text-block p,
.frame-type-text p {
    color: #222;
    font-size: 1.714rem; /* 24px */
    font-weight: 400;
    line-height: 140%;
    margin: 0 0 2.429rem; /* 34px */
    max-width: 100%;
    padding: 0;
}

/* Excerpt */
.frame-type-text p.excerpt,
.frame-type-textpic p.excerpt,
.frame-type-textmedia p.excerpt,
.rich-text-block p.excerpt,
.frame-type-text p.excerpt {
    font-size: 1.714rem; /* 24px */
    margin-bottom: 2.429rem; /* 34px */
}

/* Copy 24 */
.frame-type-text p.copy-24,
.frame-type-textpic p.copy-24,
.frame-type-textmedia p.copy-24,
.rich-text-block p.copy-24,
.frame-type-text p.copy-24 {
    font-size: 1.714rem; /* 24px */
    margin-bottom: 2.429rem; /* 34px */
}

/* Copy 18 */
.frame-type-text p.copy-18,
.frame-type-textpic p.copy-18,
.frame-type-textmedia p.copy-18,
.rich-text-block p,
.rich-text-block p.copy-18,
.frame-type-text p,
.frame-type-text p.copy-18 {
    font-size: 1.286rem; /* 18px */
    margin-bottom: 1.786rem; /* 25px */
}

/* Rich Text Block */
.rich-text-block,
.frame-type-text {
    max-width: none;
}

.rich-text-block p a,
.rich-text-block p a:hover,
.rich-text-block p.excerpt a,
.rich-text-block p.excerpt a:hover,
.rich-text-block p.copy-24 a,
.rich-text-block p.copy-24 a:hover,
.rich-text-block p.copy-18 a,
.rich-text-block p.copy-18 a:hover,
.frame-type-text p a,
.frame-type-text p a:hover,
.frame-type-text p.excerpt a,
.frame-type-text p.excerpt a:hover,
.frame-type-text p.copy-24 a,
.frame-type-text p.copy-24 a:hover,
.frame-type-text p.copy-18 a,
.frame-type-text p.copy-18 a:hover {
    align-items: flex-start;
    color: #222;
    display: inline-flex;
    flex-direction: row;
    font-family: 'REWE Group Headlines', sans-serif;
    font-size: inherit;
    font-weight: normal;
    gap: 0.571rem;
    justify-content: flex-start;
    line-height: inherit;
    text-decoration: none;
    transition: all 60ms ease-in-out;
    vertical-align: top;
}

.rich-text-block p a:hover,
.rich-text-block p.excerpt a:hover,
.rich-text-block p.copy-24 a:hover,
.rich-text-block p.copy-18 a:hover,
.frame-type-text p a:hover,
.frame-type-text p.excerpt a:hover,
.frame-type-text p.copy-24 a:hover,
.frame-type-text p.copy-18 a:hover {
    color: #009B90;
}

.rich-text-block p a:not(.button)::before,
.rich-text-block p a:not(.button):hover::before,
.rich-text-block p.excerpt a:not(.button)::before,
.rich-text-block p.excerpt a:not(.button):hover::before,
.rich-text-block p.copy-24 a:not(.button)::before,
.rich-text-block p.copy-24 a:not(.button):hover::before,
.rich-text-block p.copy-18 a:not(.button)::before,
.rich-text-block p.copy-18 a:not(.button):hover::before,
.frame-type-text p a:not(.button)::before,
.frame-type-text p a:not(.button):hover::before,
.frame-type-text p.excerpt a:not(.button)::before,
.frame-type-text p.excerpt a:not(.button):hover::before,
.frame-type-text p.copy-24 a:not(.button)::before,
.frame-type-text p.copy-24 a:not(.button):hover::before,
.frame-type-text p.copy-18 a:not(.button)::before,
.frame-type-text p.copy-18 a:not(.button):hover::before {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_2546_2635)'%3E%3Cpath d='M8.11621 2.6166C8.60437 2.12845 9.39563 2.12845 9.88379 2.6166L14.3838 7.1166C14.4424 7.17521 14.4959 7.23966 14.542 7.30899C14.5465 7.31583 14.5499 7.32202 14.5527 7.32657C14.5555 7.331 14.5584 7.33533 14.5596 7.33731L14.5605 7.33926L14.6104 7.42715L14.6553 7.52383L14.668 7.55606C14.669 7.55894 14.6705 7.56271 14.6709 7.56387V7.56485L14.6963 7.63711L14.71 7.68789C14.7144 7.70512 14.7211 7.7302 14.7266 7.75821C14.7579 7.91783 14.7583 8.08318 14.7266 8.24356C14.7229 8.2621 14.7182 8.27809 14.7158 8.2875C14.7109 8.30707 14.7146 8.29253 14.7119 8.30313C14.7106 8.3083 14.7043 8.33634 14.6963 8.3627C14.6867 8.39449 14.6753 8.42308 14.6709 8.43496C14.6697 8.43829 14.6624 8.45851 14.6553 8.47598C14.6284 8.54114 14.5959 8.60465 14.5576 8.66543L14.542 8.69082H14.541C14.4959 8.75869 14.4438 8.82414 14.3838 8.88418L9.88379 13.3842C9.39568 13.8721 8.60432 13.8721 8.11621 13.3842C7.62809 12.8961 7.62826 12.1048 8.11621 11.6166L10.4824 9.25039H2.5C1.80972 9.25039 1.25021 8.69052 1.25 8.00039C1.25 7.31004 1.80964 6.75039 2.5 6.75039H10.4824L8.11621 4.38418C7.62809 3.89607 7.62826 3.10475 8.11621 2.6166Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2546_2635'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 1.143rem;
    position: relative;
    top: 0.286rem;
    transition: all 60ms ease-in-out;
    width: 1.143rem;
    z-index: 10;
}

.rich-text-block p a:not(.button):hover::before,
.rich-text-block p.excerpt a:not(.button):hover::before,
.rich-text-block p.copy-24 a:not(.button):hover::before,
.rich-text-block p.copy-18 a:not(.button):hover::before,
.frame-type-text p a:not(.button):hover::before,
.frame-type-text p.excerpt a:not(.button):hover::before,
.frame-type-text p.copy-24 a:not(.button):hover::before,
.frame-type-text p.copy-18 a:not(.button):hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_2546_2635)'%3E%3Cpath d='M8.11621 2.6166C8.60437 2.12845 9.39563 2.12845 9.88379 2.6166L14.3838 7.1166C14.4424 7.17521 14.4959 7.23966 14.542 7.30899C14.5465 7.31583 14.5499 7.32202 14.5527 7.32657C14.5555 7.331 14.5584 7.33533 14.5596 7.33731L14.5605 7.33926L14.6104 7.42715L14.6553 7.52383L14.668 7.55606C14.669 7.55894 14.6705 7.56271 14.6709 7.56387V7.56485L14.6963 7.63711L14.71 7.68789C14.7144 7.70512 14.7211 7.7302 14.7266 7.75821C14.7579 7.91783 14.7583 8.08318 14.7266 8.24356C14.7229 8.2621 14.7182 8.27809 14.7158 8.2875C14.7109 8.30707 14.7146 8.29253 14.7119 8.30313C14.7106 8.3083 14.7043 8.33634 14.6963 8.3627C14.6867 8.39449 14.6753 8.42308 14.6709 8.43496C14.6697 8.43829 14.6624 8.45851 14.6553 8.47598C14.6284 8.54114 14.5959 8.60465 14.5576 8.66543L14.542 8.69082H14.541C14.4959 8.75869 14.4438 8.82414 14.3838 8.88418L9.88379 13.3842C9.39568 13.8721 8.60432 13.8721 8.11621 13.3842C7.62809 12.8961 7.62826 12.1048 8.11621 11.6166L10.4824 9.25039H2.5C1.80972 9.25039 1.25021 8.69052 1.25 8.00039C1.25 7.31004 1.80964 6.75039 2.5 6.75039H10.4824L8.11621 4.38418C7.62809 3.89607 7.62826 3.10475 8.11621 2.6166Z' fill='%23009B90'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2546_2635'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* Blockquotes */
blockquote.rte-bg-box {
    background-color: #F2F2F2;
    border: none;
    margin: 2.286rem 0;
    padding: 1.429rem;
}

@media only screen and (min-width: 992px) {
    blockquote.rte-bg-box {
        margin: 4.571rem 0;
        padding: 2.857rem;
    }
}

blockquote.rte-bg-box > h1,
blockquote.rte-bg-box > h2,
blockquote.rte-bg-box > h3,
blockquote.rte-bg-box > h4,
blockquote.rte-bg-box > h5,
blockquote.rte-bg-box > h6 {
    margin: 0 0 2.286rem;
    padding: 0;
}

blockquote.rte-bg-box > p,
blockquote.rte-bg-box > p.excerpt,
blockquote.rte-bg-box > p.copy-24,
blockquote.rte-bg-box > p.copy-18 {
    margin: 0;
    padding: 0;
}

blockquote.rte-bg-box > p:has(a),
blockquote.rte-bg-box > p.excerpt:has(a),
blockquote.rte-bg-box > p.copy-24:has(a),
blockquote.rte-bg-box > p.copy-18:has(a) {
    margin: 2.857rem 0 0;
    padding: 0;
}

/* Buttons */
.button {
    align-items: center;
    background-color: #222;
    border-radius: 0.571rem;
    color: #FFF !important;
    display: inline-flex;
    font-family: 'REWE Group Headlines', sans-serif;
    font-size: 1.714rem;
    font-weight: normal;
    gap: 0;
    height: auto;
    justify-content: center;
    line-height: 1.333;
    margin: 0;
    padding: 0.571rem 1.143rem;
    text-decoration: none !important;
    transition: all 60ms ease-in-out;
    user-select: none;
    width: 100%;
}

.button:hover {
    background-color: #222;
    color: #FFF !important;
}

.button.green,
.button.yellow {
    background-color: #86F6B8;
    color: #222 !important;
}

.button.green:hover,
.button.yellow:hover {
    background-color: #86F6B8;
    color: #222 !important;
}

.button.has-icon {
    gap: 1.143rem;
}

.button.has-icon > svg {
    max-height: 2.286rem;
}

.frame-type-text .button,
.frame-type-textpic .button,
.frame-type-textmedia .button,
.rich-text-block .button,
.frame-type-text .button {
    display: inline-flex;
    width: auto;
}

.button.small {
    border-radius: 0.571rem;
    font-size: 1.143rem;
    line-height: 1.188;
    padding: 0.464rem 0.571rem;
}

.button.small.has-icon {
    gap: 0.571rem;
}

.button.small.has-icon > svg {
    max-height: 1.357rem;
}


/* ################################################## */
/* # Header                                         # */
/* ################################################## */

/* Navbar */
.navbar {
    height: 13rem;
}

@media only screen and (min-width: 992px) {
    .navbar {
        height: 15.857rem;
    }
}

/* Navbar Top */
.navbar .navbar-top {
    background-color: #FFF;
    height: 6.143rem;
    padding: 1.429rem 0;
    z-index: 1000;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-top {
        height: 9rem;
        padding: 2.857rem 0;
    }
}

.navbar .navbar-top .container {
    max-width: 100%;
    padding-right: 1.429rem;
    padding-left: 1.429rem;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-top .container {
        padding-right: 2.857rem;
        padding-left: 2.857rem;
    }
}

@media only screen and (max-width: 991px) {
    .navbar .navbar-top .container {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 1.143rem;
        justify-content: flex-start;
    }
}

.navbar .navbar-top .container::after {
    background-color: #222;
    bottom: 0;
    content: '';
    display: none;
    height: 1px;
    left: 50%;
    max-width: calc(100% - 2.857rem);
    position: absolute;
    transform: translate(-50%, 0);
    width: calc(100% - 2.857rem);
    z-index: 10;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-top .container::after {
        max-width: calc(100% - 5.714rem);
        width: calc(100% - 5.714rem);
    }
}

.navbar:has(.navbar-main-wrapper) .navbar-top .container::after {
    display: inline-block;
}

/* Header Logo */
.navbar .navbar-top .container .header-logo {
    display: inline-block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-top .container .header-logo {
        max-width: 33.214rem;
    }
}

@media only screen and (max-width: 991px) {
    .navbar .navbar-top .container .header-logo {
        flex: 1 1 0%;
        flex-grow: 1;
    }
}

.navbar .navbar-top .container .header-logo > a {
    display: inline-block;
}

.navbar .navbar-top .container .header-logo > a > svg {
    display: inline-block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-top .container .header-logo > a > svg {
        max-width: 33.214rem;
    }
}

@media only screen and (max-width: 991px) {
    .navbar .navbar-top .container .menu-wrapper {
        align-items: center;
        flex-grow: 0;
        gap: 1.143rem;
        justify-content: flex-end;
    }
}

/* Language Toggle */
.navbar .navbar-top .container .menu-wrapper .language-toggle {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    margin: 0;
    justify-content: center;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-top .container .menu-wrapper .language-toggle {
        margin: 0 1.714rem 0 0;
    }
}

.navbar .navbar-top .container .menu-wrapper .language-toggle > svg {
    display: inline-block;
    height: 1.929rem;
    margin: 0 0.786rem 0 0;
    width: 1.929rem;
}

.navbar .navbar-top .container .menu-wrapper .language-toggle .language-link {
    color: #222;
    display: inline-block;
    font-weight: 400;
    transition: all 60ms ease-in-out;
}

.navbar .navbar-top .container .menu-wrapper .language-toggle .language-link span {
    display: inline-block;
}

.navbar .navbar-top .container .menu-wrapper .language-toggle .language-link.w--current {
    font-weight: 700;
}

.navbar .navbar-top .container .menu-wrapper .language-toggle > span {
    color: #222;
    display: inline-block;
    font-weight: 400;
    margin: 0 0.286rem;
}

/* Search Bar */
.navbar .navbar-top .container .menu-wrapper .search-wrapper {
    background-color: transparent;
    margin: 0;
}

.navbar .navbar-top .container .menu-wrapper .search-wrapper > header {
    display: none;
}

.navbar .navbar-top .container .menu-wrapper .search-wrapper .search-bar {
    height: 2.857rem;
    margin: 0;
    padding: 0 1.143rem 0 0;
}

.navbar .navbar-top .container .menu-wrapper .search-wrapper .search-bar .w-form {
    margin: 0;
}

.navbar .navbar-top .container .menu-wrapper .search-wrapper .search-bar .w-form > form .search-input {
    border-radius: 0.286rem;
    height: 2.857rem;
    margin: 0;
    padding: 0 1.143rem;
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .navbar .navbar-top .container .menu-wrapper .search-wrapper .search-bar .w-form > form .search-input {
        left: 1.429rem;
        position: fixed;
        top: 1.643rem;
        width: calc(100% - 6.857rem);
    }
}

.navbar .navbar-top .container .menu-wrapper .search-wrapper .search {
    background-color: #E7E7E7;
    border-radius: 0.286rem;
    color: #222;
    height: 2.857rem;
    opacity: 1;
    padding: 0.286rem;
    transition: all 60ms ease-in-out;
    width: 2.857rem;
}

.navbar .navbar-top .container .menu-wrapper .search-wrapper .search > svg {
    display: inline-block;
    height: 2.286rem;
    width: 2.286rem;
}

/* Main Wrapper */
.navbar .navbar-main-wrapper {
    height: 6.857rem;
    top: 6.143rem;
    z-index: 10000;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-main-wrapper {
        top: 9rem;
    }
}

.navbar .navbar-main-wrapper::before,
.navbar .navbar-main-wrapper::after {
    display: none !important;
}

/* Main */
.navbar .navbar-main-wrapper .navbar-main {
    background-color: #FFF;
    height: 6.857rem;
}

.navbar .navbar-main-wrapper .navbar-main .container {
    max-width: 100%;
    padding-right: 1.429rem;
    padding-left: 1.429rem;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-main-wrapper .navbar-main .container {
        padding-right: 2.857rem;
        padding-left: 2.857rem;
    }
}

@media only screen and (max-width: 991px) {
    .navbar .navbar-main-wrapper .navbar-main .container {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 1.143rem;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 991px) {
    .navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper {
        align-items: center;
        display: flex;
        flex: 1 1 0%;
        flex-direction: row;
        flex-grow: 0;
        flex-wrap: nowrap;
        gap: 1.143rem;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 991px) {
    .navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper.right-align {
        flex-grow: 1;
    }
}

/* Header Menu */
.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown {
    display: none;
    margin: 0 1.143rem 0 0;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown {
        display: inline-block;
    }
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown .button > span {
    align-items: center;
    display: inline-flex;
    gap: 1.143rem;
    justify-content: center;
    width: 100%;
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown .button > span.is-active {
    display: none;
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown .button.w--open > span.is-normal {
    display: none;
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown .button.w--open > span.is-active {
    display: inline-flex;
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown .button > span > svg,
.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown .button > span > span {
    display: inline-block;
}

/* Dropdown List */
.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown .dropdown-list {
    background-color: transparent;
    height: 100vh;
    left: 0;
    margin: 0 0 0 -2.857rem;
    max-height: calc(100vh - 15.857rem);
    overflow: visible;
    padding: 0;
    top: calc(100% + 1.714rem);
    z-index: 20;
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown .dropdown-list .dropdown-list-inner {
    background-color: #F2F2F2;
    display: block;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2.857rem 0;
    position: relative;
    width: 100%;
    z-index: 20;
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown .dropdown-list::after {
    background-color: rgba(0, 0, 0, 0.75);
    content: '';
    height: 100vh;
    left: 0;
    max-height: calc(100vh - 15.857rem);
    max-width: 100vw;
    position: fixed;
    top: 15.857rem;
    width: 100vw;
    z-index: 10;
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown .dropdown-list .dropdown-link {
    background-color: transparent;
    color: #222;
    display: block;
    font-family: 'REWE Group Headlines', sans-serif;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.107;
    margin: 0;
    padding: 2.143rem 2.857rem 0;
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .dropdown .dropdown-list .dropdown-link span {
    border-bottom: 1px solid #A8A8A8;
    display: block;
    padding-bottom: 2.143rem;
}

/* Menu Button */
.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .menu-button {
    display: inline-block;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .menu-button {
        display: none;
    }
}

/* Mobile Navigation */
.navbar .navbar-main-wrapper .w-nav-overlay {
    background-color: #F2F2F2;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu {
    background-color: transparent;
    overflow-x: hidden;
    overflow-y: scroll;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-main-wrapper .w-nav-overlay .nav-menu {
        overflow: visible;
    }
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .nav-overlay-wrapper {
    background-color: transparent;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .nav-overlay-wrapper .manual-overlay-minilink-wrapper {
    background-color: transparent;
    padding: 1.429rem;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .nav-overlay-wrapper .manual-overlay-minilink-wrapper .minilink {
    display: inline-block;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .nav-overlay-wrapper .dropdown-overlay .dropdown-toggle-overlay {
    background-color: #F2F2F2;
    height: auto;
    margin: 0;
    padding: 1.714rem 1.429rem;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .nav-overlay-wrapper .dropdown-overlay .dropdown-toggle-overlay > div {
    color: #222;
    display: inline-block;
    font-family: 'REWE Group Headlines', sans-serif;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.107;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .nav-overlay-wrapper .dropdown-overlay .dropdown-toggle-overlay > svg {
    display: inline-block;
    height: 2.286rem;
    transition: all 60ms ease-in-out;
    width: 2.286rem;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .nav-overlay-wrapper .dropdown-overlay .dropdown-toggle-overlay.w--open > svg {
    transform: rotate(90deg);
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .nav-overlay-wrapper .dropdown-overlay .dropdown-list-overlay {
    background-color: #F2F2F2;
    top: 4.643rem;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .nav-overlay-wrapper .dropdown-overlay .dropdown-list-overlay .dropdown-link-overlay,
.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .nav-overlay-wrapper .dropdown-overlay .dropdown-list-overlay .dropdown-link-overlay:hover {
    background-color: transparent;
    color: #222;
    display: block;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.107;
    margin: 0;
    padding: 1.429rem 1.429rem 0;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .nav-overlay-wrapper .dropdown-overlay .dropdown-list-overlay .dropdown-link-overlay > div,
.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .nav-overlay-wrapper .dropdown-overlay .dropdown-list-overlay .dropdown-link-overlay:hover > div {
    border-bottom: 1px solid #A8A8A8;
    display: block;
    font-family: 'REWE Group Headlines', sans-serif;
    padding: 0 0 1.429rem;
}

/* Approval Tool */
@media only screen and (min-width: 992px) {
    .navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .button {
        display: inline-flex;
    }
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .button > svg {
    display: inline-block;
}

/* Logout */
.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .logout {
    align-items: center;
    display: flex;
    flex-grow: 1;
    height: 100%;
    justify-content: flex-end;
    letter-spacing: normal;
    margin: 0;
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .logout {
        flex-grow: 0;
    }
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .logout .logout-menu-button-wrapper {
    background-color: transparent;
    display: inline-block;
    height: 100%;
    position: relative;
    transition: all 60ms ease-in-out;
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .logout .logout-menu-button-wrapper .logout-name-wrapper {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex-direction: row;
    gap: 1.143rem;
    height: 100%;
    justify-content: flex-end;
    position: relative;
    user-select: none;
    width: 100%;
    z-index: 20;
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .logout .logout-menu-button-wrapper .logout-name-wrapper .logout-name {
    color: #222;
    display: inline-block;
    font-size: 1.286rem;
    font-weight: 700;
    line-height: 1.389;
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .logout .logout-menu-button-wrapper .logout-name-wrapper .logout-initials {
    align-items: center;
    background-color: #D8D8D8;
    border-radius: 1.714rem;
    color: #222;
    display: inline-flex;
    flex-direction: column;
    font-size: 1.286rem;
    font-weight: 700;
    gap: 0;
    height: 3.429rem;
    justify-content: center;
    line-height: 1.389;
    max-height: 3.429rem;
    max-width: 3.429rem;
    min-height: 3.429rem;
    min-width: 3.429rem;
    width: 3.429rem;
}

.navbar .navbar-main-wrapper .navbar-main .container .menu-wrapper > .logout .logout-menu-button-wrapper .logout-name-wrapper .logout-link {
    display: inline-block;
    width: auto;
}


/* ################################################## */
/* # Side Menu                                      # */
/* ################################################## */

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper {
    background-color: #F2F2F2;
    margin: 0 1.429rem;
    max-width: calc(100% - 2.857rem);
    padding: 1.143rem 0 13.643rem;
    top: 10.857rem;
    width: calc(100% - 2.857rem);
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .headline-manual-menu {
    display: none;
    margin: 0;
    padding: 0;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .manual-menu-dropdown.level-1 .dropdown-toggle-manual-menu,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .manual-menu-dropdown.level-1 .dropdown-toggle-manual-menu {
    border-bottom: 1px solid #222;
    gap: 1.143rem;
    margin: 0;
    padding: 1.714rem 0;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .manual-menu-dropdown.level-1 .dropdown-toggle-manual-menu .menu-label,
.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .manual-menu-dropdown.level-1 .dropdown-toggle-manual-menu.w--open .menu-label,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .manual-menu-dropdown.level-1 .dropdown-toggle-manual-menu .menu-label,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .manual-menu-dropdown.level-1 .dropdown-toggle-manual-menu.w--open .menu-label {
    color: #222;
    font-family: 'REWE Group Headlines', sans-serif;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.107;
    margin: 0;
    padding: 0;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .manual-menu-dropdown.level-1 .dropdown-toggle-manual-menu .manual-foldout-arrow.overlay,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .manual-menu-dropdown.level-1 .dropdown-toggle-manual-menu .manual-foldout-arrow {
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 2.286rem;
    margin: 0;
    padding: 0;
    transition: all 60ms ease-in-out;
    width: 2.286rem;
}

.section.main-content .container .manual-wrapper .manual-menu-wrapper .manual-menu-dropdown.level-1 .dropdown-toggle-manual-menu .manual-foldout-arrow.overlay {
    display: none;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .dropdown-list-manual-menu.level-2,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .dropdown-list-manual-menu.level-2 {
    border-bottom: 1px solid #222;
    margin: 0;
    padding: 2.857rem 0 2.857rem;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-toggle-manual-menu-level-2,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-toggle-manual-menu-level-2 {
    color: #222;
    font-family: 'REWE Group Copy', sans-serif;
    font-size: 1.286rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.389;
    margin: 0 0 1.714rem;
    padding: 0;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-toggle-manual-menu-level-2:hover,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-toggle-manual-menu-level-2:hover {
    font-weight: 700;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-toggle-manual-menu-level-2.w--current,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-toggle-manual-menu-level-2.w--current,
.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-toggle-manual-menu-level-2.w--current:hover,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-toggle-manual-menu-level-2.w--current:hover {
    font-weight: 700;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-list-manual-menu.level-3,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-list-manual-menu.level-3 {
    margin: 0;
    padding: 0;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-list-manual-menu.level-3:has(.dropdown-link-manual-menu),
.section.main-content .container .manual-wrapper .manual-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-list-manual-menu.level-3:has(.dropdown-link-manual-menu) {
    padding: 0 0 1.143rem;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-list-manual-menu.level-3 .dropdown-link-manual-menu,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-list-manual-menu.level-3 .dropdown-link-manual-menu {
    color: #222;
    font-family: 'REWE Group Copy', sans-serif;
    font-size: 1.286rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.389;
    margin: 0 0 1.714rem;
    padding: 0;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-list-manual-menu.level-3 .dropdown-link-manual-menu:hover,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-list-manual-menu.level-3 .dropdown-link-manual-menu:hover {
    font-weight: 700;
}

.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-list-manual-menu.level-3 .dropdown-link-manual-menu.w--current,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-list-manual-menu.level-3 .dropdown-link-manual-menu.w--current,
.navbar .navbar-main-wrapper .w-nav-overlay .nav-menu .manual-overlay-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-list-manual-menu.level-3 .dropdown-link-manual-menu.w--current:hover,
.section.main-content .container .manual-wrapper .manual-menu-wrapper .dropdown-list-manual-menu.level-2 .manual-menu-dropdown .dropdown-list-manual-menu.level-3 .dropdown-link-manual-menu.w--current:hover {
    font-weight: 700;
}


/* ################################################## */
/* # Footer                                         # */
/* ################################################## */

.footer {
    background-color: #222;
    height: auto;
    margin: 0;
    padding: 2.857rem 0;
}

.footer .container {
    max-width: 100%;
    padding-right: 1.429rem;
    padding-left: 1.429rem;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .footer .container {
        padding-right: 2.857rem;
        padding-left: 2.857rem;
    }
}

.footer .container .menu-wrapper {
    align-items: flex-start;
    column-gap: 2.857rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 2.857rem;
}

@media only screen and (min-width: 992px) {
    .footer .container .menu-wrapper {
        flex-direction: row;
        row-gap: 5.714rem;
    }
}

/* Footer Logo */
.footer .container .menu-wrapper .footer-logo {
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .footer .container .menu-wrapper .footer-logo {
        max-width: calc(50% - 1.429rem);
        width: calc(100% - 1.429rem);
    }
}

.footer .container .menu-wrapper .footer-logo > svg {
    display: inline-block;
    height: auto;
    max-height: 100%;
    max-width: 42.857rem;
    overflow: visible !important;
    width: 100%;
}

/* Footer Navigation */
.footer .container .menu-wrapper .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 1.143rem;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .footer .container .menu-wrapper .footer-nav {
        column-count: 2;
        column-gap: 2.857rem;
        display: block;
        max-width: calc(50% - 1.429rem);
        row-gap: 1.714rem;
        width: calc(100% - 1.429rem);
    }
}

.footer .container .menu-wrapper .footer-nav .footer-link {
    color: #FFF;
    display: block;
    font-size: 1.286rem;
    font-weight: 400;
    line-height: 1.389;
    margin: 0;
    padding: 0;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .footer .container .menu-wrapper .footer-nav .footer-link {
        margin: 0 0 1.143rem;
    }
}

/* Copyright */
.footer .container .menu-wrapper .copyright {
    align-items: flex-start;
    color: #FFF;
    display: flex;
    font-size: 1.286rem;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1.389;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .footer .container .menu-wrapper .copyright {
        align-items: flex-end;
        max-width: calc(50% - 1.429rem);
        width: calc(100% - 1.429rem);
    }
}

.footer .container .menu-wrapper .copyright > span {
    display: inline-block;
}

/* Return To Top */
.footer .container .menu-wrapper .return-to-top {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .footer .container .menu-wrapper .return-to-top {
        align-items: flex-end;
        justify-content: flex-end;
        max-width: calc(50% - 1.429rem);
        width: calc(100% - 1.429rem);
    }
}

@media only screen and (min-width: 992px) {
    .footer .container .menu-wrapper .return-to-top .button {
        width: auto;
    }
}

.footer .container .menu-wrapper .return-to-top .button > svg {
    display: inline-block;
    transform: rotate(-90deg);
    transform-origin: center;
}

.gap-64 {
    gap: 64px;
}
.my-64 {
    margin-top: 64px;
    margin-bottom: 64px;
}

.help-block.error {
    color: #ff0000; /* Example color for error messages */
    font-size: 1rem;
    margin-top: .5rem;
    margin-left: 1.25rem;
    display: block;
}

/* ################################################## */
/* # Navbar sticky behaviour                        # */
/* # navbar-main stays sticky at top; navbar-top    # */
/* # smoothly slides out when scrolling down and    # */
/* # slides back in after >= 80px scrolled up       # */
/* ################################################## */
.navbar .navbar-top {
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.navbar .navbar-main-wrapper {
    transition: top 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: top;
}

.navbar.navbar--top-hidden .navbar-top {
    transform: translateY(-100%);
}

.navbar.navbar--top-hidden .navbar-main-wrapper {
    top: 0 !important;
}

@media only screen and (max-width: 1024px) {
    .table {
        overflow-x: scroll;
    }
}