/* Stile für Mobil-Layout (Bootstrap < "md") */
@media (width < 768px) {

    body {
        font-size: 1rem;
    }

    h1 {
        font-size: 1.4rem;
    }

    h2 {
        font-size: 1.1rem;
    }

    h3, h4 {
        font-size: 1rem;
    }

    table.dataTable th {
        padding: 10px;
    }

    table.dataTable td {
        min-width: 130px;
        padding: 10px;
    }

    .contentarea {
        min-height: calc(100vh - 280px);
        margin-bottom: 10px;
    }

    .table-responsive-md {
        width: 100vw;
    }

    footer {
        clear: left;
        position: static;
        bottom: auto;
    }

    footer .row {
        --bs-gutter-y: 5px;
    }

    footer .footer-middle span.hidden {
        display: none;
    }

    .navbar-nav {
        background-color: #fff;
    }

    .nav-link {
        --bs-nav-link-font-size: 18px;
    }

    .navbar-nav .dropdown-menu {
        --bs-dropdown-font-size: 18px;
    }

    .nav-item {
        border-top: 1px solid #999;
        border-left: none;
    }

    .loginsperre-session {
        position: fixed;
        width: 100%;
        z-index: 1030;
    }
}