.header {
    position: relative;
    z-index: 1000;
    width: 100%;
    display: flex;
    justify-content: center;
}

.header__navbar {
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    /* Der Container wird jetzt über die .container-sm definiert – hier nur 100% Breite */
    width: 100%;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.header__dropdown-menu {
    background: rgb(255, 255, 255);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}