.header__logo {
    width: auto;
}

.header__widget__icon.is-active {
    fill: #E0003C;
}

@media screen and (min-width: 640px) {
    .pagination__number:hover, .pagination__number.is-active {
        color: #2C5C91;
        box-shadow: inset 0 -4px 0 0 #2C5C91;
    }
}

@media screen and (min-width: 768px) {
    .tab__toggles a:hover, .tab__toggles .is-active a {
        box-shadow: inset 0 -2px 0 0 #2C5C91, 0 4px 0 0 #2C5C91;
    }
}

@media screen and (min-width: 940px) {
    .no-touchevents .header__widget > a:hover {
        color: #2C5C91;
    }

    .header__widget__icon.is-active {
        fill: #E0003C;
    }
}

.desktop-logo {
    max-width: 60%;
}

.desktop__title p {
    margin: 0 0 15px;
    color: #2C5C91;
}

.desktop__title p.main__title {
    font-size: 30px;
    font-weight: bold;
}

.desktop__title p.sub__title {
    font-size: 16px;
}

.mobile__title {
    font-size: 27px;
    color: #FFFFFF;
}

.mobile__title:hover {
    color: #FFFFFF;
}

*, *::before, *::after {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.footer__logo {
    display: inline-block;
    margin-right: 1.5rem;
    vertical-align: middle;
}

.footer__logo {
    width: 2.5rem;
}


/*
    Leaflet
*/
.marker-cluster-10 {
    background-color: rgba(56, 170, 220, 0.6) !important;
    z-index: 0 !important;
}

.marker-cluster-10 div{
    background-color: rgba(56, 170, 220, 1.0) !important;
}

.marker-cluster-10.light {
    background-color: transparent !important;
}

.marker-cluster-10.light div{
    background-color: rgba(56, 170, 220, 0.6) !important;
}

.marker-cluster-11 {
    background-color: rgba(48, 48, 48, 0.6) !important;
    z-index: -10 !important;
}

.marker-cluster-11 div{
    background-color: rgba(48, 48, 48, 1.0) !important;
}

.marker-cluster-11.light {
    background-color: transparent !important;
}

.marker-cluster-11.light div{
    background-color: rgba(48, 48, 48, 0.6) !important;
}

.marker-cluster-12 {
    background-color: rgba(227, 144, 0, 0.6) !important;
    z-index: -10 !important;
}

.marker-cluster-12 div{
    background-color: rgba(227, 144, 0, 1.0) !important;
}

.marker-cluster-12.light {
    background-color: transparent !important;
}

.marker-cluster-12.light div{
    background-color: rgba(227, 144, 0, 0.6) !important;
}

.marker-cluster-13 {
    background-color: rgba(200, 60, 40, 0.6) !important;
    z-index: -20 !important;
}

.marker-cluster-13 div {
    background-color: rgba(200, 60, 40, 1.0) !important;
}

.marker-cluster-13.light {
    background-color: transparent !important;
}

.marker-cluster-13.light div {
    background-color: rgba(200, 60, 40, 0.6) !important;
}

.marker-cluster-14 {
    background-color: rgba(128,0,128, 0.6) !important;
    z-index: -20 !important;
}

.marker-cluster-14 div {
    background-color: rgba(128,0,128, 1.0) !important;
}

.marker-cluster-14.light {
    background-color: transparent !important;
}

.marker-cluster-14.light div {
    background-color: rgba(128,0,128, 0.6) !important;
}

.marker-cluster-dev-plan {
    background-color: rgba(110, 170, 40, 0.6) !important;
    z-index: -30 !important;
}

.marker-cluster-dev-plan div {
    background-color: rgba(110, 170, 40, 1.0) !important;
}

.marker-cluster-dev-plan.light {
    background-color: transparent !important;
}

.marker-cluster-dev-plan.light div {
    background-color: rgba(110, 170, 40, 0.6) !important;
}

.marker-cluster span {
    color: #FFFFFF;
}

@media screen and (max-width: 768px) {
    .header__widgets__section {
        padding: 0.525rem 0;
    }

    .sub-header{
        padding: 1.125rem 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 939px) {
    .header__widgets__section {
        padding: 1.025rem 0;
    }
}

.nav-overlay__item--level2:hover {
    color:#FFF;
    background: #2C5C91;
}

.circle {
    border: 3px solid #2C5C91;
}

#map-legend .leaflet-control-layers {
    float: none;
    background: transparent !important;
    box-shadow: unset;
    font-size: 12px;
}

.leaflet-legend-icon {
    background-size: 13px 16px;
    padding: 3px 10px 0 4px !important;
}

@media screen and (min-width: 480px) {
    .popup {
        left: 50%;
        margin-left: -15rem;
    }
}

@media screen and (max-height: 34.9375em) and (max-width: 63.9375em) and (orientation: landscape) {
    #legend-accordion-label-landscape {
        display: block !important;
    }
    .is-active #legend-accordion-label-landscape {
        border-top: 1px solid #c6cfe2 !important;
        border-bottom: 0 !important;
        padding: 10px 0 !important;
    }
    .is-active #legend-accordion-label-landscape::after {
        top: 10px !important;
        right: 50% !important;
    }
    .is-active #legend-accordion-label-landscape span {
        display: none;
    }
    #legend-accordion-label {
        display: none !important;
    }
    #legend-accordion {
        margin: 0;
    }
    .leaflet-popup-content {
        min-width: 400px;
    }
    .leaflet-popup-content a h5, .leaflet-popup-content .helper.icon{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    .leaflet-popup-content {
        margin: 24px;
    }
    .leaflet-popup-content .helper.icon:last-of-type, .leaflet-popup-content .helper.text:first-of-type {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 34.9375em) {
    .leaflet-popup-content {
        min-width: 300px;
    }
    .teaser-data .helper.icon {
        width: 85%;
    }
}

@media screen and (max-width: 47.9375em) {
    .header-menu-open .xsmall-button {
        display: block;
    }
    .header-menu-open .small-button {
        display: none;
    }
}


@media print, screen and (min-width: 64em) {
    .search-filtered .accordion.accordion-filter-group .accordion-content.filter-wrapper {
        max-height: unset;
    }
}