.dina-site-header__mobile-menu-container-inner {
    position: relative;
    cursor: pointer;
}


.dina-site-header__mobile-menu-container-inner button.dina-mobile-menu-button {
    font-family: var(--dina-font-normal);
    font-size: .875em;
    font-weight: 600;
    line-height: 132%;
    text-decoration: none;
    text-wrap: nowrap;
    text-transform: uppercase;
    color: var(--dina-dark-green-100);
    background-color: transparent;
    width: 5.575em;
    padding: 3.3rem 0 0;
    border: none;
    cursor: pointer;
}

.dina-site-header__mobile-menu-container-inner button.dina-mobile-menu-button[aria-expanded="true"] {
    color: var(--dina-dark-green-100);
}

.dina-site-header__mobile-menu-container-inner::after {
    content: "";
    background-image: var(--dina-icon-url__dina-menu-02-green);
    background-repeat: no-repeat;
    position: absolute;
    background-size: 49%;
    background-position: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    top: 0em;
    left: 50%;
    border-radius: 50%;
    border: solid 2px var(--dina-light-green-40);
    transform: translateX(-50%);

}

.dina-site-header__mobile-menu-container-inner.dina-site-header__mobile-menu-container-inner--open::after {
    background-image: var(--dina-icon-url__dina-x-close-green);
    background-color: var(--dina-dark-green-100);
    border-color: var(--dina-dark-green-100);

}


.dina-mobile-menu__expanding-panel {
    padding-bottom: 2rem;
}

.dina-site-header__mobile-menu-content-container.dina-mobile-menu__expanding-panel--expanded {
    display: block;
}

.dina-mobile-menu__container {
    display: flex;
    flex-direction: column;
    gap: var(--dina-spacing-40);
    background: var(--dina-dark-green-100);
    padding: 0 0 var(--dina-spacing-48) 0;
}

.dina-mobile-menu__container ul {
    list-style: none;
}

.dina-mobile-menu__list {
    margin: 0;
}

.dina-mobile-menu__list-item {
    display: block;
}



.dina-mobile-menu__item {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: var(--dina-spacing-12);
}

.dina-mobile-menu__link {
    display: block;
    flex-grow: 1;
    line-height: 125%;
    padding-top: var(--dina-spacing-8);
    padding-bottom: var(--dina-spacing-8);
    font-family: var(--dina-font-normal);
}

.dina-mobile-menu__link:hover {
    text-decoration: underline;
}

.dina-mobile-menu__link--icon {
    background-size: 0;
    display: flex;
    gap: var(--dina-spacing-12);
    align-items: center;
}

.dina-mobile-menu__link--icon::before {
    content: "";
    display: block;
    flex: 0 0 auto;
    background-size: 1.5rem 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    background-image: inherit;
    filter: var(--dina-filter--light-green-100);
}

.dina-mobile-menu__item--contact-us button {
    background-color: inherit;
    border: none;
    text-align: left;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
}

.dina-mobile-menu__btn {
    appearance: none;
    padding-left: .75rem;
    padding-right: .75rem;
    margin-right: -0.75rem;
    border: 0;
    display: flex;
    width: 2rem;
    background: transparent;
    font-size: 0;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: content-box;
}

.dina-mobile-menu__btn::before {
    content: "";
    border-radius: 2rem;
    border: 0.08rem solid var(--dina-primary-green-100);
    position: absolute;
    display: flex;
    width: 2rem;
    height: 2rem;
    justify-content: center;
    align-items: center;
    background: transparent;
    font-size: 0;
    box-sizing: border-box;
}

.dina-mobile-menu__btn::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: var(--dina-icon-url__dina-arrow);
    background-position: center;
    background-size: contain;
    filter: var(--dina-filer--primary-green-100);
}

.dina-mobile-menu__btn[aria-expanded="true"]::before {
    border-color: var(--dina-light-green-30);
    background-color: var(--dina-light-green-100);
}

.dina-mobile-menu__btn[aria-expanded="true"]::after {
    filter: var(--dina-filter--greyscale-white-100);
    transform: scaleY(-1);
}


/***** MAIN LEVEL *****/
.dina-mobile-menu__list--main-level {
    padding: 0;
}

.dina-mobile-menu__list--main-level>.dina-mobile-menu__list-item {
    border-bottom: 1px solid var(--dina-dark-green-90);
}

.dina-mobile-menu__list--main-level>.dina-mobile-menu__list-item:first-of-type {
    border-top: 1px solid var(--dina-dark-green-90);
}

.dina-mobile-menu__item--main-level {
    padding: var(--dina-spacing-16) var(--dina-spacing-12) var(--dina-spacing-16) var(--dina-spacing-24);
}

.dina-mobile-menu__item--main-level .dina-mobile-menu__link {
    font-family: var(--dina-font-headline);
    font-size: 1.25em;
    text-transform: uppercase;
    color: var(--dina-dark-green-20);
}

.dina-mobile-menu__item--main-level .dina-mobile-menu__link--icon::before {
    filter: var(--dina-filter--greyscale-white-100);
}

/***** FIRST LEVEL *****/
.dina-mobile-menu__list--first-level {
    display: none;
    padding: 0em;
    background: white;
}

.dina-mobile-menu__list--first-level>li {
    border-bottom: 1px solid var(--dina-light-green-10);
}

.dina-mobile-menu__list--first-level>li:last-child {
    border-bottom: none;
}

.dina-mobile-menu__item--first-level {
    padding: var(--dina-spacing-16) var(--dina-spacing-12) var(--dina-spacing-16) var(--dina-spacing-24);
}

.dina-mobile-menu__item--first-level .dina-mobile-menu__link {
    font-family: var(--dina-font-headline);
    font-size: 1.25em;
    line-height: 145%;
    text-transform: uppercase;
    color: var(--dina-dark-green-100);
}

.dina-mobile-menu__list--first-level .dina-mobile-menu__btn::before {
    border-color: var(--dina-light-green-100);
}

.dina-mobile-menu__list--first-level .dina-mobile-menu__btn[aria-expanded="false"]::after {
    filter: var(--dina-filter--light-green-100);
}

.dina-mobile-menu__list--first-level .dina-mobile-menu__btn[aria-expanded="true"]::before {
    border-color: var(--dina-light-green-60);
}

/***** SECOND LEVEL *****/
.dina-mobile-menu__list--second-level {
    display: none;
    padding: 0em;
}

.dina-mobile-menu__list--second-level>li {
    border-top: 1px solid var(--dina-light-green-10);
}

.dina-mobile-menu__item--second-level {
    padding: var(--dina-spacing-8) var(--dina-spacing-12) var(--dina-spacing-8) var(--dina-spacing-24);
}

.dina-mobile-menu__item--second-level .dina-mobile-menu__link {
    font-size: 1.125em;
    font-weight: 600;
    line-height: 155%;
    color: var(--dina-light-green-100);
}

.dina-mobile-menu__list--second-level .dina-mobile-menu__btn::before {
    height: 1.75rem;
    width: 1.75rem;
}

.dina-mobile-menu__list--second-level .dina-mobile-menu__btn::after {
    height: .75rem;
    width: .75rem;
}

.dina-mobile-menu__list--second-level .dina-mobile-menu__link--selected {
    font-weight: 500;
}

/***** THIRD LEVEL *****/
.dina-mobile-menu__list--third-level {
    display: none;
    padding: 0em;
}

.dina-mobile-menu__list--third-level>li {
    border-top: 1px solid var(--dina-light-green-10);
}

.dina-mobile-menu__item--third-level {
    padding: var(--dina-spacing-8) var(--dina-spacing-12) var(--dina-spacing-8) var(--dina-spacing-24);
    background-color: #F7FCF7;
}

.dina-mobile-menu__item--third-level .dina-mobile-menu__link {
    font-size: 1.125em;
    line-height: 155%;
    color: var(--dina-light-green-100);
    margin-left: var(--dina-spacing-16);
}

/***** FOURTH LEVEL *****/
.dina-mobile-menu__list--fourth-level {
    display: none;
    padding: 0em;
}

.dina-mobile-menu__list--fourth-level>li {
    border-top: 1px solid var(--dina-light-green-10);
}

.dina-mobile-menu__item--fourth-level {
    padding: var(--dina-spacing-8) var(--dina-spacing-12) var(--dina-spacing-8) var(--dina-spacing-24);
    background-color: #F7FCF7;
}

.dina-mobile-menu__item--fourth-level .dina-mobile-menu__link {
    font-size: 1em;
    line-height: 145%;
    color: var(--dina-light-green-100);
    margin-left: var(--dina-spacing-32);
}


.dina-mobile-menu__shortcuts-container {
    padding-left: var(--dina-spacing-24);
    padding-right: var(--dina-spacing-24);
}

/***** OPEN LEVELS *****/
.dina-mobile-menu__list--first-level.dina-mobile-menu__list-level--open,
.dina-mobile-menu__list--second-level.dina-mobile-menu__list-level--open,
.dina-mobile-menu__list--third-level.dina-mobile-menu__list-level--open,
.dina-mobile-menu__list--fourth-level.dina-mobile-menu__list-level--open {
    display: block;
}

.dina-mobile-menu__shortcuts-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0rem var(--dina-spacing-24);
    margin: 0;
}

.dina-mobile-menu__link--shortcut {
    font-family: var(--dina-font-headline);
    font-size: 0.875rem;
    line-height: 145%;
    text-transform: uppercase;
    color: var(--dina-greyscale-white-100);
    display: flex;
    padding: var(--dina-spacing-12) var(--dina-spacing-16);
    justify-content: center;
    align-items: center;
    gap: var(--dina-spacing-8);
    align-self: stretch;
    border-radius: var(--dina-border-radius-5);
    border: 1px solid var(--dina-opacity-white-40);
}

.dina-mobile-menu__link--shortcut::before {
    filter: var(--dina-filter--greyscale-white-100);
}

.dina-mobile-menu__search-container .dina-site-header__search-box-form {
    padding: var(--dina-spacing-24) var(--dina-spacing-16);
    background-color: var(--dina-dark-green-100);
    position: relative;
}

.dina-mobile-menu__search-container .dina-site-header__search-box-form::after {
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: 1.45rem;
    top: 2.15rem;
    border-radius: 50%;
    border: solid 2px var(--dina-dark-green-40);
    pointer-events: none;
}

.dina-mobile-menu__search-container input.dina-site-header__search-box-input.normal {
    border: solid 2px var(--dina-dark-green-60);
    border-radius: var(--dina-border-radius-7);
    background-color: var(--dina-dark-green-90);
    font-size: 0.875em;
    padding: var(--dina-spacing-16) var(--dina-spacing-24);
    color: var(--dina-light-green-10);
}

.dina-mobile-menu__search-container .dina-site-header__search-box-button {
    filter: var(--dina-filter--greyscale-white-100);
    left: unset;
    right: 1.3rem;
    top: 2.05rem;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
    background-size: 50%;
    background-position: 50% 50%;
}

.dina-mobile-menu__search-container input.dina-site-header__search-box-input.normal::placeholder {
    color: var(--dina-light-green-10);

}



@media screen and (max-width: 425px) {

    .dina-site-header__mobile-menu-container-inner button.dina-mobile-menu-button {
        width: 3.975em;
    }

    .dina-site-header__mobile-menu-container-inner button.dina-mobile-menu-button {
        padding: 3.2em 0 0;
    }

    .dina-site-header__mobile-menu-container-inner::after {
        /* left: 0.5em; */
        width: 2.25rem;
        height: 2.25rem;
    }



}