/* .frame-type-r2_menusection{} */

    .menu-section{
        margin-bottom:1em;
        background-color:#fff;
        padding-left: max(5%, calc((100% - 1440px) / 2)); padding-right: max(5%, calc((100% - 1440px) / 2));
        padding-top:7px; padding-bottom:7px;
    }
    .menu-section.has-button{ display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--gap); }
            .menu-section ul{ grid-column: 1 / 3; }
            .menu-section div.button{ grid-column: 3 / 4; }
    @media screen and (max-width:800px){
        .menu-section.has-button{ grid-template-columns:1fr auto; }
            .menu-section ul{ grid-column: 1 / 2; }
            .menu-section div.button{ grid-column: 2 / 3; }
    }

    .frame-type-r2_menusection.afix .menu-section{
        position:fixed; left:0; top:68px; width:100%; z-index:9002;
        transition:transform 0.3s ease;
        transition:top 0.3s ease;
        box-shadow: 0 2px 5px rgba(0,0,0,0.13);
    }
    .header-hidden .frame-type-r2_menusection.afix .menu-section{ transition:none; top:0; /*transform:translateY(-200px);*/ }
    .overlay-search-visible .frame-type-r2_menusection.afix .menu-section,
    .overlay-menu-visible .frame-type-r2_menusection.afix .menu-section{ z-index:8999; }

    .menu-section ::-moz-selection{ background:transparent; }
	.menu-section ::selection{ background:transparent; }

        .menu-section ul{
            padding:9px 10px 9px 10px;  margin:0 -10px; /**/
            display:flex; gap:10px; overflow-x: auto; white-space:nowrap;
            -ms-overflow-style:none;
            scrollbar-width:none;
            mask-image: linear-gradient(to right, 
                rgba(0, 0, 0, 0) 0px,               /* Linker Rand ausfaden */
                rgba(0, 0, 0, 1) 10px,              /* Normal sichtbar ab 20px */
                rgba(0, 0, 0, 1) calc(100% - 10px), /* Bis 20px vor dem Ende sichtbar */
                rgba(0, 0, 0, 0) 100%               /* Rechter Rand ausfaden */
            );
            -webkit-mask-image: linear-gradient(to right, 
                rgba(0, 0, 0, 0) 0px, 
                rgba(0, 0, 0, 1) 10px, 
                rgba(0, 0, 0, 1) calc(100% - 10px), 
                rgba(0, 0, 0, 0) 100%
            );
        }
        .menu-section ul::-webkit-scrollbar{ display: none; }
    @media screen and (max-width:800px){
        .menu-section ul{ gap:0; }
    }

        .menu-section ul.dragging {
            cursor: grabbing;
            cursor: -webkit-grabbing;
        }
        .menu-section ul{
            cursor: grab;
            cursor: -webkit-grab;
        }

            .menu-section a{
                display:block; text-decoration:none;
                color:rgb(var(--rgb_color_value_primary));
                padding:1px 16px 1px 16px; border-radius:17px;
                font-size:var(--font-size-s-1); line-height:30px;
                background-color:#fff;
            }
            .menu-section a:hover,
            .menu-section li.act a{ background-color:rgb(var(--rgb_color_value_bg_colored)); }
            @media screen and (max-width:800px){
                .menu-section a{ padding:1px 10px 1px 10px; }
            }

        
        .menu-section div.button{ padding:5px var(--gap); }
            .menu-section div.button a{
                padding:5px 16px; border-radius:20px / 50%;
                color:#fff; background-color:rgb(var(--rgb_color_value_button));
                text-align:center; text-transform:uppercase;
            }
            .menu-section div.button a:hover{ background-color:rgb(var(--rgb_color_value_link)); }
    @media screen and (max-width:800px){
        .menu-section div.button{ padding:10px 0 10px 2px; }
            .menu-section div.button a{ padding:1px 16px; border-radius:16px / 50%; }
    }