/*********************
  Mixins
**********************/

.kebgap-grey {
    background-color: #c8c8c8 !important; }

.kebgap-grey-text {
    color: #c8c8c8 !important; }

.kebgap-grey-light {
    background-color: gainsboro !important; }

.kebgap-grey-light-text {
    color: gainsboro !important; }

.kebgap-blue {
    background-color: #194fbc !important; }

.kebgap-blue-text {
    color: #194fbc !important; }


.kebgap-green {
    background-color: #4dc3b2 !important; }

.kebgap-green-text {
    color: #4dc3b2 !important; }

.kebgap-blue {
    background-color: #416d8f !important; }

.kebgap-blue-text {
    color: #416d8f !important; }

.bgl-gelb {
    background-color: #ffc64d !important; }

.bgl-gelb-text {
    color: #ffc64d !important; }

.bforum-lila-light {
    background-color: #8b6cbc !important; }

.bforum-lila-light-text {
    color: #8b6cbc !important; }


.alpencolor {
    background-color: #00adef !important; }

.alpencolor-text {
    color: #00adef !important; }

.sinncolor {
    background-color: #1959a6 !important; }

.sinncolor-text {
    color: #1959a6 !important; }

.pilgercolor {
    background-color: #f9ab0c !important; }

.pilgercolor-text {
    color: #f9ab0c !important; }

.gesellschaftcolor {
    background-color: #6243a4 !important; }

.gesellschaftcolor-text {
    color: #6243a4 !important; }

.heimatcolor {
    background-color: #ae2228 !important; }

.heimatcolor-text {
    color: #ae2228 !important; }

.familiencolor {
    background-color: #fcd205 !important; }

.familiencolor-text {
    color: #fcd205 !important; }

.gesundheitcolor {
    background-color: #80cc28 !important; }

.gesundheitcolor-text {
    color: #80cc28 !important; }

.seniorencolor {
    background-color: #f36518 !important; }

.seniorencolor-text {
    color: #f36518 !important; }

.filmcolor {
    background-color: #4f4c4d !important; }

.filmcolor-text {
    color: #4f4c4d !important; }

.schoepfungsverantwortungcolor {
    background-color: #00ccff !important; }

.schoepfungsverantwortungcolor-text {
    color: #00ccff !important; }

.red {
    background-color: #f44336 !important;
}

.green {
    background-color: #4caf50 !important; }

.black {
    background-color: #000000 !important; }

.black-text {
    color: #000000 !important; }

.white {
    background-color: #FFFFFF !important; }

.white-text {
    color: #FFFFFF !important; }

.transparent {
    background-color: transparent !important; }

.transparent-text {
    color: transparent !important; }

.danger-color {
    background-color: #ff4444 !important; }

.danger-color-dark {
    background-color: #CC0000 !important; }

.warning-color {
    background-color: #ffbb33 !important; }

.warning-color-dark {
    background-color: #FF8800 !important; }

.success-color {
    background-color: #00C851 !important; }

.success-color-dark {
    background-color: #007E33 !important; }

.info-color {
    background-color: #33b5e5 !important; }

.info-color-dark {
    background-color: #0099CC !important; }

.default-color {
    background-color: #2BBBAD !important; }

.default-color-dark {
    background-color: #00695c !important; }


.defaulcolor {
    background-color: #6aaee3; }

.color100, .color110, .color120, .color130, .color140, .color150 {
    background-color: #bb91bd; }

.color200, .color210, .color211, .color220, .color230, .color240, .color241, .color250 {
    background-color: #003882; }

.color300, .color310, .color320, .color330, .color340, .color350 {
    background-color: #f4a152; }

.color400, .color410, .color420, .color430, .color440, .color450 {
    background-color: #864f20; }

.color500, .color510, .color520, .color530, .color540, .color550 {
    background-color: #85ae13; }

.color600, .color610, .color620, .color630, .color640, .color650 {
    background-color: #ffa24d; }




.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px;
}

.carousel-indicators li.active {
    background-color: rgba(255, 255, 255, 0.9); }

.carousel-control:hover {
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    transition-duration: 400ms; }

.carousel-fade .carousel-inner .carousel-item {
    opacity: 0;
    transition-property: opacity; }

.carousel-fade .carousel-inner .active {
    opacity: 1; }

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1; }

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1; }

.carousel-fade .carousel-control {
    z-index: 2; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .carousel-item.next, .carousel-fade .carousel-inner > .carousel-item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }

    .carousel-fade .carousel-inner > .carousel-item.prev, .carousel-fade .carousel-inner > .carousel-item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }

    .carousel-fade .carousel-inner > .carousel-item.next.left, .carousel-fade .carousel-inner > .carousel-item.prev.right, .carousel-fade .carousel-inner > .carousel-item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
}

.carousel-multi-item {
    margin-bottom: 70px; }

.carousel-multi-item .carousel-indicators li {
    height: 20px;
    width: 20px;
    background-color: #4285f4;
    margin-bottom: -40px; }

.carousel-multi-item .carousel-indicators .active {
    height: 25px;
    width: 25px;
    background-color: #4285f4; }

.carousel-multi-item .controls-top {
    text-align: center; }

.carousel-multi-item .controls-top .btn-floating {
    background: #4285f4; }

.carousel-multi-item .carousel-indicators {
    margin-bottom: -2em; }

.carousel-multi-item .card {
    margin: 1px; }

@media only screen and (max-width: 992px) {
    .carousel-multi-item .carousel-indicators li {
        margin-bottom: -30px; } }

.carousel-thumbnails {
    margin-bottom: 80px; }

.carousel-thumbnails .carousel-indicators {
    margin-bottom: -90px;
    position: absolute; }

.carousel-thumbnails .carousel-indicators li {
    height: auto;
    width: auto;
    border: none; }

.carousel-thumbnails .carousel-indicators .active {
    height: auto;
    width: auto;
    background-color: #fff;
    opacity: 0.5; }

.carousel-thumbnails .carousel-indicators img {
    width: 100px;
    height: 50px;
    overflow: hidden; }

@media only screen and (max-width: 600px) {
    .carousel-thumbnails {
        margin-bottom: 60px; }
    .carousel-thumbnails .carousel-indicators {
        margin-bottom: -60px; }
    .carousel-thumbnails .carousel-indicators img {
        width: 50px;
        height: 25px; } }


.carousel-control .icon-next, .carousel-control .icon-prev {
    width: 20px;
    height: 30px;
    margin-top: -3.6rem;
    font-size: 7rem; }


a.list-group-item-action > div {
    background: #fff;
    transition: 0.2s;
}
a.list-group-item-action:hover > div {
    background: #fafafa;
    transition: 0.2s;
}

.list-single-event.list-group-item.row,
.event-list-container .list-single-event .event-text-info,
.event-list-container .list-single-event {
    display: flex;
}

.list-single-event.list-group-item.row {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}
@media only screen and (max-width: 991px) {
    .list-single-event.list-group-item {
        padding: 0.75rem 0.25rem;
    }
}

.list-single-event .event-text-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.list-single-event .event-text-info-1,
.list-single-event .event-text-info-2 {
    display: flex;
    flex-wrap: wrap;
}

.list-single-event .event-img img {
    max-width: 100%;
}

/**  IQchanged **/
@media only screen and (min-width: 992px) {
    .list-single-event .event-text-info,
    .list-single-event .event-text-title {
        padding-left: 0;
    }
    .highlights .list-single-event .event-text-info,
    .highlights .list-single-event .event-text-title {
        padding-left: 0;
    }
}

.list-single-event .event-address-info,
.list-single-event .terminhint {
    margin-bottom: 3px;
}

.event-details-table .btn {
    margin: 0;
}
.event-details-table .event-register-button {
    margin-top: 0;
}