/* 

    *   ------------------------------
        DIN-A-13 Background Pattern
    *   ------------------------------

#nav-menu .nav-item {
    position: relative;
}
#nav-menu .nav-item:before {
    width:  200px;
    height: 200px;
    aspect-ratio: 1/1;
    transform: translateX(-25%) translateY(25%);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('https://www.din-a13.de/assets/images/nav-tanzeducation-orange.svg');
    overflow: visible;
} 

*/

.hidden {
    display: none;
}
.screen-reader:not(:focus):not(:active) {
    clip: rect(0 0 0 0); 
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; 
    width: 1px;
}
#nav-menu > * {
    line-height: 1;
}

#nav-menu a {
    color: inherit;
}

#nav-menu a,
#nav-menu a:link,
#nav-menu a:visited,
#nav-menu a:focus,
#nav-menu a:hover,
#nav-menu a:active {
    text-decoration: none;
}

#nav-menu .nav-list,
#nav-menu .nav-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#nav-menu button { 
    /* Reset */
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

/* #nav-menu.nav-menu--auto-side-columns   { grid-template-columns: 1fr   auto  1fr;  }
#nav-menu.nav-menu--auto-center-column  { grid-template-columns: auto  1fr   auto; }
#nav-menu.nav-menu--equal-width-columns { grid-template-columns: 1fr   1fr   1fr;  } */



/* ----------------------- */
/* GLOBAL STYLING */