/*aktiviert smooth scrolling*/

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html{
    scroll-behavior: auto;
  }
}

/* legt den oberen abstand bei smooth scrolling fest */

*[id] {
    scroll-margin-top: 50px
}

.mobile-nav-frame {
    background: rgba(255, 255, 255, 0.2) !important;
    margin-top: 10vh;
    border: none !important;
    box-shadow: none !important;
}

.mobile-nav-frame .title {
    background: rgba(255, 255, 255, 0.7) !important;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none !important;
    box-shadow: none !important;
}

.mobile-nav-frame .title h3 {
    display: none !important;
}

.mobile-nav-frame .title .close {
    color: black !important;
    font-size: 24px;
    cursor: pointer;
}

.mobile-nav-frame ul {
    background: rgba(255, 255, 255, 1) !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
}

.mobile-nav-frame ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    text-align: center;
    padding: 10px 0;
}

.mobile-nav-frame ul li:last-child {
    border-bottom: none !important;
}

.mobile-nav-frame ul li a.link {
    color: #000000 !important;
    text-shadow: none !important;
    display: block;
    font-weight: bold;
}