/* your custom styles here */
.page-header {
    position: relative;
}

    .page-header .source,
    .item.slick-slide .source {
        position: absolute;
        width: 100%;
        bottom: 0px;
    }

.source {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    font-size: xx-small;
}

.form-horizontal .control-label {
    font-size: 0.7em;
}

input[type='radio'] + label, input[type='checkbox'] + label {
    padding-left: 5px;
    display: initial;
}

.text-agb {
    font-size: 0.6em;
}

.hidden-all {
    display: none;
}

.modal-header-success {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-warning {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-danger {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-info {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-primary {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.blog .entry-header {
    margin-bottom: 5px;
}

    .blog .entry-header h2 {
        margin-bottom: 5px;
    }

.blog .entry-post {
    margin-bottom: 15px;
}

.block {
    display: block;
}

.line-through {
    text-decoration: line-through;
}

.btn-register.disable::after {
    content: "\f05e";
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1em;
    color: #a94442;
    cursor: not-allowed;
    margin-left: 10px;
    bottom: 3px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn-register.disable i {
    display: none;
}

@media (min-width: 992px) {
    .col-nopad-left {
        padding-right: 0px;
    }

    .col-nopad-mid {
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-nopad-right {
        padding-left: 0px;
    }
}




.teaser-list .list__list {
    margin: 0;
    padding: 0;
    text-rendering: optimizeSpeed;
}

.teaser-list .list__item {
    list-style: none;
    padding: 0;
}

.teaser-list .list__link {
    display: block;
    background-color: #f5f5f5;
    padding: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
}

    .teaser-list .list__link:hover {
        border-bottom: 1px solid #fa7d19;
    }

.teaser .teaser__content {
    background-color: #f5f5f5;
    padding: 0.625rem;
    margin-bottom: 0.625rem;
    height: 100%;
}

.teaser-slider .slick-slide {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    min-height: 5rem;
}

.teaser-slider .slick-list {
    margin: 0 -0.625rem 1rem;
}
.teaser__desc {
    color: #262626;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

.copyright a:hover {
    color: #004C89;
    text-decoration: underline;
}
/* Online Kurse*/
.curse-online .post-date-info.pull-left {
    color: #004C89;
    background-color: #f5f5f5;
    border: 1px solid #004C89;
    font-weight: 500;
}

.online {
    background-color: #004C89;
    color: #fff;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: -7px;
    padding: 2px 5px 2px 5px;
    font-size: 10px;
}

.entry-post .online {
    display:none;
}
.entry-post.curse-online .online {
    display: block;
}
/* Menue MultiColumn*/
@media screen and (max-width: 992px) {
    .nav .thumbImage {
        display:none;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        height: 80vH;
        max-height: 80vH;
        background-color: #f8fafd;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        background-color: #004C89;
        color: #fff;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: #004C89;
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #004C89;
        background-color: #fff;
        font-weight: 600;
    }
}

@media screen and (min-width: 993px) {
    .navbar-nav > li {
        background-color: #f5f5f5;
        margin-right: 5px;
    }
    .nav .thumbImage {
        position: absolute;
        right: 5px;
        top: 10px;
        height: 25px;
    }

    .navbar-nav .dropdown-menu > li > a:hover,
    .navbar-nav .dropdown-menu > li > a:focus {
        background-color: #004C89;
        color: #fff;
    }

    .dropdown-menu {
        z-index: 100;
    }

        .dropdown-menu > li > a {
            white-space: initial;
        }

    .navbar-nav .dropdown-menu.multi-column {
        position: absolute;
        left: 0;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .navbar-nav .dropdown-menu.multi-column > li {
            list-style: none;
            display: inline-block;
            width: 250px;
            text-align: left;
            position:relative;
        }

        .navbar-nav .dropdown-menu.multi-column .dropdown-menu {
            top: 25px;
            left: 230px;
            min-width: 250px;
        }

    .open > .dropdown-menu.multi-column {
        display: flex;
    }

    .multi-column-1 {
        width: 250px;
    }

    .multi-column-2 {
        width: 500px;
    }

    .multi-column-3 {
        width: 750px;
    }
    .multi-column-4 {
        width: 1000px;
    }
}