.bi {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

/*
 * Sidebar
 */

@media (min-width: 768px) {
    .sidebar .offcanvas-lg {
        position: -webkit-sticky;
        position: sticky;
        top: 48px;
    }

    .navbar-search {
        display: block;
    }
}

.sidebar .nav-link {
    font-size: .875rem;
    font-weight: 500;
}

.sidebar .nav-link.active {
    color: #2470dc;
}

.sidebar-heading {
    font-size: .75rem;
}

/*
 * Navbar
 */

.navbar {

}

.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(0, 0, 0, .25);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar-brand.text-white.p-3 {
    margin: -7px 0;
}

.navbar .form-control {
    padding: .75rem 1rem;
}

.navbar-nav {
    margin-left: 10px;

}

.nav-link {
    color: var(--db-navbartext);
    &:hover, &:focus {
        color: #fff;
        font-weight: bold;
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-thickness: 3px;
    }

}

.navbar-nav .dropdown-menu .nav-link {
    color: black;
}

.navbar-nav .nav-item {
    margin-left: 10px;
}

/*submenü der Dimensionen*/
.db-submenu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -1rem -12px 20px -12px;
    padding: 20px;
}

.db-submenu-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.db-submenu-item {
    margin: 0 15px;
}

.db-submenu-item a {
    text-decoration: none;
    font-weight: 400;
    text-shadow: none;
    transition: text-shadow 0.2s ease-in-out;
}

.db-submenu-item a:hover,
.db-submenu-item.active a {
    border-bottom: 2px solid;
    padding-bottom: 1px;
    text-shadow: 0.2px 0px currentColor,
    -0.2px 0px currentColor;
}

.db-abschliessen-button {
    margin-left: auto;
}

.form-control:focus {
    border-color: #0f4c4a;
    box-shadow: 0 0 0 .25rem rgb(15 76 74 / 32%);
}