.col_hauptmenu_wrapper {
    display: flex;
    @media (width < 991px) {
        flex-wrap: wrap;
        padding: 0px 5px;
    }
    .col-hauptmenu_links {
        flex: 1 1 33%;
        display: flex;
       
        @media (width < 1200px) {
            flex: 1 1 40%;
        }
        @media (width < 991px) {
            flex: 1 1 100%;
        }
        .collection_list {
            flex: 1 1 100%;
            .col-hauptmenu_img { 
                max-height: inherit !important;
                height: calc(100% - 60px) !important;
                @media (width < 991px) {
                    max-height: 200px !important;
                }
            }
            .col-hauptmenu_title {
                height: 50px !important;
                padding: 20px 20px !important;
            }
        }

    }
    .col-hauptmenu_right {
        flex: 1 1 66%;
        display: flex;
        flex-wrap: wrap;
        @media (width < 1200px) {
            flex: 1 1 60%;
        }
        @media (width < 991px) {
            flex: 1 1 100%;
        }
        
        .collection_list {
            flex: 1 1 50%;
            width: unset;
            
            @media (width < 991px) {
                flex: 1 1 100%;
            }
        }
    }

    .collection_list.col-hauptmenu {
        padding: 10px;
        
        .collection_container{
            display: flex;
            flex-direction: column;
            background-color: #fff;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
            height: 100%;
            width: 100%;
            .col-hauptmenu_img {
                height: calc(100% - 40px);
                max-height: 115px;
                width: 100%;
            }
            .col-hauptmenu_title {
                position: relative;
                padding: 10px;
                width: 100%;
                color: #3E9CFF;
                font-weight: 600;
                height: 50px;
            }

            .col-hauptmenu_title:after {
                content: "";
                position: absolute;
                right: 15px;
                top: 50%;
                transform: translateY(-50%);
                width: 20px;
                height: 20px;

                background-image: url(/userdata/02_Kollektionen/arrow.svg);
                background-repeat: no-repeat;
                background-size: 20px 20px;
            }

            .col-hauptmenu_link a{
                opacity: 0;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                padding: 0;
                z-index: 50;
                text-decoration: none;
                color: inherit;
                font-weight: inherit;
            }

            .collection_link{
                display: none;
            }
        }

        /* Show focus ring on card when the overlay link is focused via keyboard */
        &:focus-within {
            outline: 3px solid var(--primary-accent);
            outline-offset: 3px;
        }

        /* Remove focus ring on mouse click */
        &:focus-within:not(:has(.col-hauptmenu_link:focus-visible)) {
            outline: none;
        }
    }
    
}