/* Hell/Dunkel: Sonne neben dem Menü, dunkle Typo auf dunklem Verlauf hellen. */

.nav-bar__chrome {
    z-index: 1200;
}

.nav-bar .ki-bg-toggle--icon,
button.ki-bg-toggle--icon {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.nav-bar .ki-bg-toggle--icon img,
.nav-bar .ki-bg-toggle--icon svg {
    display: block;
    width: 36px;
    height: 36px;
    pointer-events: none;
}

@media all and (min-width: 1060px) {
    .nav-bar {
        padding-right: 52px;
        box-sizing: border-box;
    }

    .nav-bar > .nav-bar__chrome {
        position: absolute;
        top: 50%;
        right: 0;
        float: none;
        width: 44px;
        transform: translateY(-50%);
        z-index: 1200;
        margin-left: 0;
    }

    .nav-bar > .nav-bar__list {
        width: auto;
        max-width: 100%;
    }
}

html.ki-bg-deep .nav-bar .ki-bg-toggle--icon,
html.ki-bg-deep button.ki-bg-toggle--icon {
    background: rgba(255, 255, 255, 0.28) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.45);
}

html.ki-bg-deep input::placeholder,
html.ki-bg-deep textarea::placeholder,
html.ki-bg-deep select::placeholder,
html.ki-bg-deep #registr_container input::placeholder,
html.ki-bg-deep #registr_container textarea::placeholder,
html.ki-bg-deep #registr_container .input100::placeholder,
html.ki-bg-deep .input100::placeholder {
    color: rgba(255, 255, 255, 0.78) !important;
}

html.ki-bg-deep input:focus::placeholder,
html.ki-bg-deep textarea:focus::placeholder,
html.ki-bg-deep #registr_container input:focus::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

html.ki-bg-deep input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="reset"]):not([type="button"]),
html.ki-bg-deep textarea,
html.ki-bg-deep select {
    color: #fff !important;
    caret-color: #fff;
}

/* Kurssuche: weißes Standort-Feld behält dunkle Schrift (hell + Sonne) */
html.ki-bg-deep .standort-input input[type="text"],
html.ki-bg-deep .standort-input input[type="text"]::placeholder,
html.ki-bg-deep .standort-input input[type="text"]:focus::placeholder,
html.ki-bg-deep #standort-manual,
html.ki-bg-deep #standort-manual::placeholder,
html.ki-bg-deep #standort-manual:focus::placeholder {
    color: #333 !important;
    caret-color: #333;
}

html.ki-bg-deep #registr_container,
html.ki-bg-deep .stadt-reg-box,
html.ki-bg-deep #logincontainer,
html.ki-bg-deep .loginzuordnung {
    color: rgba(255, 255, 255, 0.92);
}

html.ki-bg-deep #registr_container label,
html.ki-bg-deep #registr_container p,
html.ki-bg-deep #registr_container strong,
html.ki-bg-deep .stadt-reg-box label,
html.ki-bg-deep .stadt-reg-box p,
html.ki-bg-deep .stadt-reg-box strong,
html.ki-bg-deep #logincontainer label,
html.ki-bg-deep #logincontainer p {
    color: rgba(255, 255, 255, 0.88);
}

html.ki-bg-deep option {
    color: #222;
    background-color: #fff;
}