:root {
    --lernraum-background: #d7eca1;
    --lernraum-berlin-blau: #4286bc;
    --lernraum-heading-color: var(--lernraum-berlin-blau);
    --lernraum-rounded-radius: 1rem;
}

html {
    height: 100%;
}

body {
    background-color: white;
    margin: 0;
    padding: 0;
}

#kc-header, #page-footer, .header {
    background-color: var(--lernraum-background);
}

h1, h2 {
    color: var(--lernraum-heading-color);
}

a:hover {
    text-decoration: none;
}

.background-img {
    position:relative;
    background-image: url(../img/background.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-lightgrey {
    background-color: #f9f9f9 !important;
}

.click-card.card-body ul {
    font-size: 18px;
}

#myPage > div > div > h2{
    color:#1c8ab6!important;
}

.bg-info-lrb {
    background-color: #D7ECA1;
}

.bg-moodle-verbund-1 {
    background-color: #C2DADE;
}

.bg-moodle-verbund-2 {
    background-color: #F6EAE2;
}

.bg-moodle-verbund-3 {
    background-color: #F8F5DA;
}

.bg-moodle-verbund-4 {
    background-color: #DAE9E2;
}

.bg-moodle-osz {
    background-color: #E8DBD2;
}

.bg-moodle-portal {
    background-color: #e5d2e8;
}

.bg-moodle-verbund:hover {
    filter: brightness(85%);
}

@media(min-width: 576px){
    .card-deck .card{
        max-height: 300px;
    }

    #myPage > div > div{
        min-height: 600px;
    }

}

.lernraum-rounded {
    border-radius: var(--lernraum-rounded-radius);
}

.btn-primary {
    background-color: var(--lernraum-berlin-blau);
    border-color: var(--lernraum-berlin-blau);
}

a {
    color: var(--lernraum-berlin-blau);
}

.form-group:last-child,
.form-group .alert:last-child  {
    margin-bottom: 0!important;
}

.navbar .img-fluid {
    max-height: 70px;
}

input::placeholder {
    text-transform: none;
}