/*----------------- Allgemeine Form/HTML/Body Formatierung ------------*/


/*---hab ich hinzugefügt---*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

body {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
}

.karte {
    background-image: url("/images/design_21/kontaktCenter/Karte%20D_A_ohne_Orte_grau-01.png");
    height: 550px;
    background-position: center;
    background-size: cover;
}

    .karte .marker {
        font-size: 18px;
        color: #000000;
        text-align: center;
    }

    .karte .marker-koeln {
        top: 250px;
        left: 60px;
        position: absolute;
    }

    .karte .marker-muenster {
        top: 190px;
        left: 90px;
        position: absolute;
    }

    .karte .marker-zweibruecken {
        top: 345px;
        left: 50px;
        position: absolute;
    }

    .karte .marker-wels {
        top: 460px;
        left: 380px;
        position: absolute;
    }

    .karte .marker-wernigerode {
        top: 220px;
        left: 200px;
        position: absolute;
    }

    .karte .marker-magdeburg {
        top: 190px;
        left: 265px;
        position: absolute;
    }

    .karte .marker-buchholz {
        top: 110px;
        left: 160px;
        position: absolute;
    }

.has-error {
    color: #a94442;
}

.kontaktCenterModal .modal-header {
    background-color: #EEEEEE;
}

.banner-kontaktcenter {
    background-image: url("/images/design_21/kontaktCenter/Banner.jpg");
    height: 140px;
    background-position: top;
}


.text-kontaktcenter {
    color: #FFFFFF;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    font-size: 45px;
    font-weight: bold;
}


.kontaktCenterCardRow .card.hovercard {
    /*display: inline-block!important;*/
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.125);
    border-radius: 3px;
    padding-bottom: 21px;
    margin-bottom: 35px;
}


    .kontaktCenterCardRow .card.hovercard .avatar {
        position: relative;
        top: -52px;
        margin-bottom: -80px;
        text-align: right;
        padding-right: 15px;
    }

        .kontaktCenterCardRow .card.hovercard .avatar img {
            width: 90px;
            height: 90px;
            max-width: 80px;
            max-height: 80px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            border: 5px solid rgba(255,255,255,0.6);
        }




/*--- neue Farbe---*/
.table-primaryb3,
.table-primaryb3 > th,
.table-primaryb3 > td {
    background-color: #b0cee8;
}

.table-hover .table-primaryb3:hover {
    background-color: #b0cee8;
}

    .table-hover .table-primaryb3:hover > td,
    .table-hover .table-primaryb3:hover > th {
        background-color: #7aaad4;
    }

.btn-primaryb3 {
    color: #fff;
    background-color: #327ab8;
    border-color: #327ab8;
}

    .btn-primaryb3:hover, .btn-primaryb3:focus {
        color: #fff;
        background-color: #2d6ea5;
        border-color: #286091;
    }

    .btn-primaryb3:focus, .btn-primaryb3.focus {
        box-shadow: 0 0 0 0.2rem rgba(50, 122, 184, 0.5);
    }

    .btn-primaryb3.disabled, .btn-primaryb3:disabled {
        color: #fff;
        background-color: #327ab8;
        border-color: #327ab8;
    }

    .btn-primaryb3:not(:disabled):not(.disabled):active, .btn-primaryb3:not(:disabled):not(.disabled).active,
    .show > .btn-primaryb3.dropdown-toggle {
        color: #fff;
        background-color: #286091;
        border-color: #204e75;
    }

        .btn-primaryb3:not(:disabled):not(.disabled):active:focus, .btn-primaryb3:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primaryb3.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(50, 122, 184, 0.5);
        }

.btn-outline-primaryb3 {
    color: #327ab8;
    background-color: transparent;
    background-image: none;
    border-color: #327ab8;
}

    .btn-outline-primaryb3:hover, .btn-outline-primaryb3:focus {
        color: #fff;
        background-color: #327ab8;
        border-color: #327ab8;
    }

    .btn-outline-primaryb3:focus, .btn-outline-primaryb3.focus {
        box-shadow: 0 0 0 0.2rem rgba(50, 122, 184, 0.5);
    }

    .btn-outline-primaryb3.disabled, .btn-outline-primaryb3:disabled {
        color: #327ab8;
        background-color: transparent;
    }

    .btn-outline-primaryb3:not(:disabled):not(.disabled):active, .btn-outline-primaryb3:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primaryb3.dropdown-toggle {
        color: #fff;
        background-color: #327ab8;
        border-color: #327ab8;
    }

        .btn-outline-primaryb3:not(:disabled):not(.disabled):active:focus, .btn-outline-primaryb3:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primaryb3.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(50, 122, 184, 0.5);
        }

.badge-primaryb3 {
    color: #fff;
    background-color: #327ab8;
}

    .badge-primaryb3[href]:hover, .badge-primaryb3[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #286091;
    }

.alert-primaryb3 {
    color: #122b40;
    background-color: #cbdff0;
    border-color: #b0cee8;
}

    .alert-primaryb3 hr {
        border-top-color: #7aaad4;
    }

    .alert-primaryb3.alert-link {
        color: #0e2031;
    }

.list-group-item-primaryb3 {
    color: #122b40;
    background-color: #b0cee8;
}

    .list-group-item-primaryb3.list-group-item-action:hover, .list-group-item-primaryb3.list-group-item-action:focus {
        color: #122b40;
        background-color: #7aaad4;
    }

    .list-group-item-primaryb3.list-group-item-action.active {
        color: #fff;
        background-color: #122b40;
        border-color: #122b40;
    }

.bg-primaryb3 {
    background-color: #327ab8 !important;
}

a.bg-primaryb3:hover, a.bg-primaryb3:focus,
button.bg-primaryb3:hover,
button.bg-primaryb3:focus {
    background-color: #286091 !important;
}

.border-primaryb3 {
    border-color: #327ab8 !important;
}

.text-primaryb3 {
    color: #327ab8 !important;
}

a.text-primaryb3:hover, a.text-primaryb3:focus {
    color: #286091 !important;
}

/*--- Ende neue Farbe---*/

.kontaktCenterCardRow .card-body {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 17px;
}

.kontaktCenterCardRow .hovercard {
    cursor: pointer;
}


.kontaktCenterModal .modal-dialog {
    width: 500px;
}


@media screen and (max-width: 576px) {
    .karte {
        display: none !important;
    }

    .karte-and-address {
        display: block !important;
    }

    .kontaktCenterModal .modal-dialog {
        width: auto;
    }
}

@media (min-width: 576px) {
    .kontaktCenterModal .modal-dialog {
        width: 500px !important;
        margin: 30px auto !important;
    }
}

.kontaktCenterModal .modal-header {
    height: 63px;
}

#rufnummern {
    margin-left: 18px;
}

h5.kontaktCenter {
    font-size: 20px;
}

a.marker:hover {
    text-decoration: underline !important;
}

.kontaktCenterCardRow .card.hovercard {
    min-height: 245px;
}

html {
    overflow-x: hidden;
}

#tabSystemvoraussetzungen {
    margin-top: 20px;
}


/*
    Erweiterungen fuer bootstrap-select zb bei demoversionen
   */
.bootstrap-select.btn-group.show-tick .dropdown-menu .active a .plus-mark,
.bootstrap-select.btn-group.show-tick .dropdown-menu a .plus-mark {
    display: inline-block;
    position: absolute;
    right: 15px;
    margin-top: 6px;
    color:#fff;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu a .plus-mark {
    color:#5cb85c;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu .selected a .plus-mark, 
.bootstrap-select.btn-group.show-tick .dropdown-menu .active.selected a .plus-mark {
    display: none;

}