#map
{
    width: 100%;
    min-height: 700px;
}

.mapcontainer
{
    position: relative;
}

.mapcontainer .mapbox-improve-map,
.mapcontainer .mapboxgl-ctrl-bottom-left
{
    display: none;
}

.mapcontainer .filter-group
{
    position: absolute;
    top: 10px;
    left: 5%;
    width: 230px;
}

.filter-group input[type='checkbox']
{
    display: none;
}

.filter-group input[type='checkbox'] + label
{
    display: block;
    cursor: pointer;
    padding: 10px 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    color: #ffffff;
    margin-top: 2px;
    width: 100%;
    background-color: #7B7B7B;
}

.filter-group input[type='checkbox']:checked + label.filterlabel:after
{
    content: 'x';
    position: absolute;
    right: 10px;
    font-size: 24px;
    margin-top: -6px;
}

.filter-group .closex
{
    position: absolute;
    right: 10px;
    font-size: 24px;
    margin-top: -45px;
    color: #ffffff;
    cursor: pointer;
}

.filter-group input[type='checkbox'] + label.filteropener
{
    padding: 16px 32px;
    background-color: #424242;
}

.filter-group input[type='checkbox']:checked + label.veranstaltungen
{
    background-color: #432a76;
}

.filter-group input[type='checkbox']:checked + label.ausstellungen
{
    background-color: #003e7d;
}

.filter-group input[type='checkbox']:checked + label.vermittlung
{
    background-color: #28a2ad;
}

.filter-group input[type='checkbox']:checked + label.gedenken
{
    background-color: #19835c;
}

.filter-group input[type='checkbox']:checked + label.wissenschaft
{
    background-color: #458b1f;
}

.filter-group input[type='checkbox']:checked + label.archive
{
    background-color: #d29e00;
}

.filter-group input[type='checkbox']:checked + label.bibliotheken
{
    background-color: #cb5c0b;
}

.filter-group input[type='checkbox']:checked + label.geschichten
{
    background-color: #af070c;
}

.filter-group input[type='checkbox']:checked + label.sonstiges
{
    background-color: #63010c;
}

.mapcontainer .filter-textinput-wrapper
{
    position: absolute;
    top: 10px;
    left: calc(5% + 232px);
    width: 230px;
    height: 54px;
    background: #fff;
    border: 1px solid #999;
    border-color: rgba(0,0,0,.4);
    overflow: hidden;
    margin-top: 2px;
}

.mapcontainer .filter-textinput-search
{
    position: absolute;
    width: 41px;
    height: 52px;
    right: 0;
    top: 0;
    background-image: url(/typo3conf/ext/aos_content_provider/Resources/Public/Img/karte/such_button_nicht_aktiv.png);
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    opacity: .75;
}

.mapcontainer .filter-textinput-input
{
    height: 54px;
    font-size: 112.5%;
    font-family: 'Open Sans',sans-serif;
    padding: 0 0 0 10px;
    outline: none;
}

.row-teaser-map .mapboxgl-canvas-container.mapboxgl-interactive
{
    cursor: pointer;
}

.mapcontainer .mapboxgl-popup-close-button
{
    right: 10px;
    top: 5px;
    font-size: 20px;
}

.mapcontainer .popup
{
    color: rgba(0,0,0,.75);
}

.mapcontainer .popup .more a:focus-visible
{
    outline: none;
}

.mapcontainer .popup .more a:hover
{
    text-decoration: underline;
}

.mapcontainer .mapboxgl-popup-content
{
    padding: 20px;
}

.mapcontainer .popup hr
{
    border-style: inset;
    border-width: 1px;
}

.mapcontainer .popup hr.first
{
    margin-top: 10px;
}

.mapcontainer .popup .popuptype
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.mapcontainer .popup hr.veranstaltungen
{
    border-color: #432a76;
}

.mapcontainer .popup hr.ausstellungen
{
    border-color: #003e7d;
}

.mapcontainer .popup hr.vermittlung
{
    border-color: #28a2ad;
}

.mapcontainer .popup hr.gedenken
{
    border-color: #19835c;
}

.mapcontainer .popup hr.wissenschaft
{
    border-color: #458b1f;
}

.mapcontainer .popup hr.archive
{
    border-color: #d29e00;
}

.mapcontainer .popup hr.bibliotheken
{
    border-color: #cb5c0b;
}

.mapcontainer .popup hr.geschichten
{
    border-color: #af070c;
}

.mapcontainer .popup hr.sonstiges
{
    border-color: #63010c;
}

@media screen and (max-width: 767px)
{
    .mapcontainer .filter-group
    {
        top: 66px;
    }

    .mapcontainer .filter-textinput-wrapper
    {
        left: 5%;
    }


}