body {
    margin-top: 2rem;
    /*   background-image: url('../img/bg2.jpg'); */ }

.bg-landshut,
.cbwl-blue {
    background-color: #6aaee3 !important; }


a.nav-link, footer li > a {
    color: black !important;
    text-transform:uppercase;
}

.fixedview {
    position: fixed;
    top: -2rem; }

.navbar {
    box-shadow: none !important; }

.nav-item > a, .nav-item > a, .navbar .form-control {
    color: white; }

.nav.navbar-nav.pull-right {
    float: none;
    display: flex;
}

.form-control::-moz-placeholder {
    color: white;
    opacity: 1; }

.container.maincontent {
    position: relative;
    top: 2rem; }

.keblogo {
    margin-bottom: 1rem; }

.qest-container {
    display: flex;
}
.qest-logo img {
    width: 80px;
}

.qest-text {
    font-size: 0.9rem;
    line-height: 105%;
    text-align: right;
    padding-right: 20px;
}


.keb-container {
    padding-top: 0.4rem;
}

.keb {
    height: 3.4rem;
    width: auto;
}


.mdb-select input.select-dropdown {
    margin-left: 3rem;
    width: calc(100% - 3rem); }

.dropdown-content li > a, .dropdown-content li > span {
    font-size: 1rem;
    display: block;
    padding: .3rem 3rem; }

.dropdown-content {
    padding-bottom: 1.5rem; }

.carousel-caption h3 {
    background-color: rgba(77, 195, 178, 0.6);
    padding: 0.4rem; }
.carousel-caption p {
    background-color: rgba(54, 136, 124, 0.6);
    padding: 0.4rem; }

.carousel-caption.kebgapblue h3 {
    background-color: rgba(65, 109, 143, 0.6);
    padding: 0.4rem; }
.carousel-caption.kebgapblue p {
    background-color: rgba(45, 76, 100, 0.6);
    padding: 0.4rem; }

.carousel-indicators {
    bottom: 0rem; }

.quadrat {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    float: left;
    margin-right: 0.7rem; }

.mehrrechts {
    position: relative;
    top: -1rem; }

.abstand {
    margin-top: 2rem; }

.card-block h4 {
    font-size: 1.3rem; }

.veranstaltungen .card-block h4 {
    font-size: 1.1rem;
    color: black;
    font-weight: bold;
    margin-bottom: 0; }

.veranstaltungen p {
    line-height: 110%; }

.topic {
    color: #373a3c !important;
    margin: 1rem;
    font-size: 1.5rem;
    margin-bottom: 0.2rem; }
.topic .veranstaltungen {
    background-color: gainsboro; }

.veranstaltungen {
    height: inherit; }

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

.quadrat-small {
    width: 1rem;
    height: 2rem;
    display: block;
    float: left;
    margin-right: 1rem;
    margin-top: 0.15rem; }

h4.programmcard-title {
    padding-left: 0.5rem;
    background-color: rgba(255, 255, 255, 0.4);
    color: #373a3c;
    font-weight: bold;
    color: #fff;
    /*     text-align: center; */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.site-headline {
    /*       text-shadow: 0 1px 2px rgba(0,0,0,.6); */ }

#parallax-bgs {
    border: 0px solid green;
    background-image: url("../img/bg3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    z-index: -2;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }

.bg-1 {
    background-image: url("../img/bg3.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

.bg-2 {
    background-image: url("../img/bg-b.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

.whitespecial {
    background-color: white;
    padding-bottom: 4rem; }

.platzhalter {
    height: 500px; }

.line {
    height: 5px;
    margin-top: 1px; }

.card-block {
    padding: 0.5rem; }
.card-block h4 {
    margin-left: 0.5rem; }

.card-title {
    margin-top: 0rem;
    margin-bottom: 0rem; }

.colors {
    position: fixed;
    top: 3.5rem;
    left: 0px; }

footer.page-footer a, footer.page-footer p {
    color: #575757; }

.nav-item > a, .nav-item > a, .navbar .form-control {
    color: #575757; }

.carousel-caption {
    right: 10%;
    left: 10%;
    padding-bottom: 1.2rem;
    color: black;
    text-shadow: none; }

.carousel-caption.kebgapblue h3, .carousel-caption.kebgapblue p {
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    text-shadow: none; }

.carousel-control .fa {
    font-size: 3.6rem;
    position: relative;
}

.fa-caret-left {
    left: -2rem; }

.fa-caret-right {
    right: -2rem; }

.termin {
    margin-left: 0.5rem;
    margin-top: 1.2rem; }

.kreis-kategorie {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }

h1 {
    font-size: 2rem; }

/* Styles für die Veranstaltungsliste */
.veranstaltungsliste .card-title.headline {
    font-size: 1.3rem; }
.veranstaltungsliste .card-block h4 {
    font-size: 1rem; }
.veranstaltungsliste .termin {
    margin-top: 0rem; }
.veranstaltungsliste .termin h4 {
    margin-left: 0; }

.gruen-hell {
    color: #54d70d; }

.gruen-dunkel {
    color: #1d2817; }

.rot-hell {
    color: #fa0f0f; }

.rot-dunkel {
    color: #4c2121; }

.ampel {
    background-color: white;
    /*   border: 1px solid gray; */
    padding: 0.1rem;
    /*   -webkit-border-radius: 20px; */
    /*   -moz-border-radius: 20px; */
    /*   border-radius: 20px; */
    height: .9rem;
    width: 1rem;
    float: left;
    position: relative;
    top: .16rem;
    margin-right: 0.5rem; }
.ampel i {
    position: relative;
    bottom: .53rem;
    font-size: .8rem; }

span.badge-md.new {
    font-size: .8rem;
    border-radius: 2px;
    padding-left: 0.2rem;
    padding-right: 0.2rem; }

span.badge-md.new {
    background-color: #6aaee3; }

span.badge-md.new {
    color: white; }



.text-xs-center li.nav-item {
    list-style-type: none; }

.btn-primary.active {
    background-color: #1859a7 !important; }

.terminanmeldung {
    margin-top: 0; }

.btn-info {
    color: #373a3c;
    margin: 0; }

.btn-info:hover, .btn-info:active, .btn-info:focus {
    color: #373a3c; }

.kreis {
    width: 1.5rem;
    height: 1.5rem;
    background: #c8c8c8;
    color: #e8e7df;
    -moz-border-radius: 0.75rem;
    -webkit-border-radius: 0.75rem;
    border-radius: 0.75rem;
    float: left;
    margin-right: .3rem;
    text-align: center;
    font-weight: bold; }

.active .kreis {
    background: #1859a7; }

.select-anmeldung.mdb-select input.select-dropdown {
    margin-left: 0rem;
    color: #757575; }

.veranstaltungsliste .vmbild .card-block {
    padding-left: 0rem;
    /*     padding-top: 0rem; */ }

.veranstaltungsliste .vmbild .termin {
    margin-left: 0px; }

.veranstaltungsliste .vmbild .termin img {
    margin-right: 1rem;
    margin-top: -9px; }


.event-filters.card {
    box-shadow: 0 0;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        justify-content: space-around;
    }
}


.terminhint {
    margin-left: 1rem; }

.hundredpx {
    width: 150px;
    float: left;
    margin-right: 1rem;
    margin-top: -9px; }

.tx-dce-container {
    margin-bottom: 1.8rem; }

#parallax2-content {
    min-height: 33rem; }

h2 {
    font-size: 1.5rem; }

.footer-social {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    color: #4f4c4c;
    background-color: #6f6f6f;
    text-align: center; }

a.btn-fb:link, a.btn-fb:visited {
    color: white; }

.color-senioren {
    color: #ffa24d; }

.color-sinn {
    color: #bb91bd; }

.color-gesellschaft {
    color: #003882; }

.color-kunst {
    color: #864f20; }

.color-gesundheit {
    color: #85ae13; }

.color-orte {
    color: #ffd767; }

.color-familie {
    color: #f4a152; }

/*---------------------*/
.color-bg-senioren {
    background-color: #ffa24d; }

.color-bg-sinn {
    background-color: #bb91bd; }

.color-bg-gesellschaft {
    background-color: #003882; }

.color-bg-kunst {
    background-color: #864f20; }

.color-bg-gesundheit {
    background-color: #85ae13; }

.color-bg-orte {
    background-color: #ffd767; }

.color-bg-familie {
    background-color: #f4a152; }


.important {
    color: #880022;
}

.align-center {
    text-align: center;
}

.ce-bodytext ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 16px;
}

.ce-bodytext ul li {
    list-style-type: disc;

}

.bannercontent {
    min-height: 80px;
}

.iq-bg-orange-1 {
    background: #EC6404;
    color: white;
}

.iq-bg-vio-1 {
    background: #7A4F9F;
    color: white;
}

.iq-bg-3 a,
.iq-bg-0 a,
.iq-bg-3,
.iq-bg-0,
.iq-bg-blue-1 {
    background: #0B5BA3;
    color: white;
}

.iq-bg-1 a,
.iq-bg-2 a,
.iq-bg-1,
.iq-bg-2,
.iq-bg-blue-2 {
    background: #68AFE1;
    color: black;
}

.iq-dce-banner .iq-bild {
    position: relative;
    padding: 0;
}

.iq-dce-banner .iq-text {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40%;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    margin: 30px;
}

.iq-dce-banner .iq-content {
    padding: 5%;
}

h1,
.iq-dce-banner .iq-content h1 {
    font-size: 4rem;
    font-weight: bold;
}

h2,
.iq-dce-banner .iq-content h2 {
    font-size: 2.4rem;
    padding-bottom: 12px;
    font-weight: bold;
}

.iq-dce-banner .iq-content p {
    font-size: 1.5rem;
    padding-bottom: 30px;
}
.iq-dce-banner .iq-content a {
    font-size: 1.5rem;
    color: white;
    padding: 8px 16px;
    border: solid 2px white;
    border-radius: 25px;
}

@media (max-width: 767px) {
    .iq-dce-banner {
        margin-bottom: 70vw;
    }

    .iq-dce-banner .iq-text {
        position: absolute;
        bottom: -70vw;
        top: auto;
        width: 100%;
        margin-left: 30px;
        margin-right: 30px;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    h1,
    .iq-dce-banner .iq-content h1 {
        font-size: 1.6rem;
    }

    h2,
    .iq-dce-banner .iq-content h2 {
        font-size: 1.4rem;
        padding-bottom: 12px;
        font-weight: bold;
    }

    .iq-dce-banner .iq-content p {
        font-size: 1rem;
        padding-bottom: 20px;
    }
    .iq-dce-banner .iq-content a {
        font-size: 1rem;
    }
}

.iq-kachel-container .iq-bild {
    padding: 0;
}
.iq-kachel-container .iq-content {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.iq-news-container.news .article .news-img-wrap a {
    padding: 0;
}
.iq-news-container.news .article .news-img-wrap img {
    width: 100%;
    height: auto;
    max-width: 100%;
    aspect-ratio: 3 / 2;
}

.maincontent {
    padding-bottom: 120px;
}

.veranstaltungen.iq-highlight .iq-bild {
    padding: 0;
}
.veranstaltungen.iq-highlight .iq-bild {
    width: 100%;
    height: auto;
}
.veranstaltungen.iq-highlight .iq-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}