@charset "utf-8";
/* CSS Document */


.spielzeitenfilterbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
}

.spielzeitfilterbutton {
    border: solid 2px black;
    height: 2rem;
    border-radius: 2rem;
    display: flex;
    margin-right: 0.5rem;
    box-sizing: content-box;
    cursor: pointer;
}
.spielzeitfilterbutton[is-active] {
   background: black;
   color: white;
}
.spielzeitfilterbutton span {
    display: block;
    margin: auto;
    padding-left: 0.75em;
    padding-right: 0.75em;
    white-space: nowrap;
}
*[is-hidden]{
	display:none;
}

.topbgoverlay {
   /* height:calc(var(--topbgoverlay-height) + 6.5rem) */
    
}
.submenu.artistmenu .spielzeitfilterbutton{
   background: transparent;
   color: white;
   border: solid 1px white;
}
.submenu.artistmenu .spielzeitfilterbutton[is-active] {
   background: white;
   color: black;
   border: solid 1px black;
}



.submenu.artistmenu {
    display: flex;
    padding-left: var(--main-gap-w);
    flex-wrap: wrap;
    color: white;
}

body[perma-link="produktionsarchiv"] .submenu.productionmenu {
    height: fit-content;
    padding-bottom: 0.75rem;
    background: linear-gradient(180deg, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
}