html {
  font-size: 16px;
}

@media (min-width: 768px) {
  html {
    font-size: 20px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}


html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 20px;
}


/* Main Navbar items */
.nav-item {
    background-color: rgb(140,24,24);
    color: rgb(140,240,180);
    margin-left: 20px;
    margin-right: 20px;
    white-space: nowrap;
}
.nav-item:hover {
    color: rgb(0, 206, 0);
    background-color: rgb(140,24,24);
}

/* Submenue Sprachen */
.nav-sub-item {
    background-color: rgb(140,24,24);
    color: rgb(140,240,180);
}

.nav-sub-item:hover {
    color: rgb(0, 206, 0);
    background-color: rgb(140,24,24);
}


/* SubMenue-Fenster */
.nav-submenue {
    color: rgb(140,240,180);
    background-color: rgb(140,24,24);
    padding-bottom: 0px;
    padding-top: 0px
}

/* für die Items im SubMenue-Fenster */
.nav-submenue-item {
    color: rgb(140,240,180);
}
.nav-submenue-item:hover {
    color: rgb(0, 206, 0);
    background-color: rgb(140,24,24);
}



    .nav-submenue {
        padding-bottom: 0px;
        padding-top: 0px
    }

    header {
        height: auto;
        background-position: center;
        background-repeat: no-repeat;
        background-color: maroon;
    }