/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved by My WordPress Agent */
/* Product menu (Start, Mediathek, ...) as chips on every screen size. Same tokens everywhere: 14px, weight 600, pill radius, accent on hover and current. Below 768px the plugin hides the items and nothing opens its mobile copy, so the chips also scroll sideways there. */
.menu-default-wrapper{padding:10px 0 2px}
.menu-default-wrapper .product_menu.sky-mega-menu{display:flex!important;flex-wrap:wrap;gap:8px;padding:2px 0 8px!important;text-align:left;height:auto!important}
.menu-default-wrapper .product_menu.sky-mega-menu>li{display:block!important;float:none!important;flex:0 0 auto;border:0!important;padding:0!important}
.menu-default-wrapper .product_menu.sky-mega-menu>li>a{padding:8px 14px!important;border:1px solid #d9c3ea;border-radius:999px;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;color:#4a3a5c;background:#fff;transition:background .15s,border-color .15s,color .15s}
.menu-default-wrapper .product_menu.sky-mega-menu>li:hover>a,.menu-default-wrapper .product_menu.sky-mega-menu>li>a:hover,.menu-default-wrapper .product_menu.sky-mega-menu>li.current-menu-item>a,.menu-default-wrapper .product_menu.sky-mega-menu>li.current>a{background:#af75d5;border-color:#af75d5;color:#fff}
@media(max-width:767px){
.menu-default-wrapper .product_menu.sky-mega-menu{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 16px 8px!important}
.menu-default-wrapper .product_menu.sky-mega-menu::-webkit-scrollbar{display:none}
}