@media screen and (min-width:890px) {
    .show-mobile-only {
        display: none!important;
    }
}


#uig-store-map{
    position: relative;
}
#uig-store-map__map{
    min-height: 650px;
}



/*------------------------------------*\
    #PRIVACY OVERLAY
\*------------------------------------*/

.uig-store-map__privacy-overlay{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("/wp-content/uploads/2022/07/RF_Haendlersuche-Vorab-Karte-Tablet.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    bacground-position: left top;
}
/* DEBUG logged in */
.uig-store-map__privacy-overlay{
    display: flex;
    align-items: center;
    justify-content: center;
}
.uig-store-map__privacy-overlay.consent{
    display: none!important;
}
.uig-store-map__privacy-overlay-container{
    max-width: 90%;
    box-shadow: 0 0 20px 4px rgba(0,0,0,0.3);
}
.uig-store-map__privacy-overlay-headline,
.uig-store-map__privacy-overlay-content
{
    margin: 0;
    padding: 20px;
}

.uig-store-map__privacy-overlay-headline{
    color: white;
    text-transform: uppercase;
    background-color: #e2001a;
    text-align: center;
}
.uig-store-map__privacy-overlay-content{
    font-size: 80%;
    line-height: 1.5;
    background-color: white;
}
.uig-store-map__privacy-overlay-consent{
    display: flex;
    align-items: center;
}
@media (min-width: 981px){
    .uig-store-map__privacy-overlay{
        background-image: url("/wp-content/uploads/2022/07/RF_Haendlersuche-Vorab-Karte.jpg");
    }
    .uig-store-map__privacy-overlay-container {
        max-width: 600px;
    }
    .uig-store-map__privacy-overlay-headline{
        padding-left: 50px;
        padding-right: 50px;
    }
}


/*------------------------------------*\
    #MAP
\*------------------------------------*/

#uig-store-map__map{
    width: 100%;
    height: 100%;
}
@media (max-width: 980px){
    #uig-store-map__map{
        display: none;
        width: 100%;
        height: 100%;
    }
    #uig-store-map__map.initialized-by-callback{
        display: block;
    }
}

/*------------------------------------*\
    #INTERACTION OVERLAY
\*------------------------------------*/

.uig-store-map__interaction-overlay{
    background-color: white;
    font-size: 14px;
}

@media screen and (min-width:890px) {
    .uig-store-map__interaction-overlay{
        position: absolute;
        left: 2%;
        top: 5%;
        bottom: 2%;
        height: 90%;
    }
}

/*------------------------------------*\
    #INTERACTION OVERLAY PANELS
\*------------------------------------*/

.uig-store-map__interaction-overlay-panel-wrapper{
    position: relative;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.4);
}
.uig-store-map__interaction-panel{
    width: 100%;
    background-color: white;
}

/* header */
.uig-store-map__interaction-panel-headline{
    margin: 0;
    padding: 10px 8px;
    background-color: #e2001a;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: white;
}

/* sections */
.uig-store-map__interaction-panel-section{
    padding: 20px 10px;
    border-bottom: 1px solid #ded;
}
.uig-store-map__interaction-panel-section-label{
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: black;
}

@media screen and (min-width:890px){
    .uig-store-map__interaction-overlay-panel-wrapper{
        height: 100%;
        overflow: hidden;
    }
}


/*------------------------------------*\
    #SEARCH PANEL
\*------------------------------------*/

.uig-store-map__search-panel{
    display: block;
}
.search-submitted .uig-store-map__search-panel{
    display: none;
}

/* autodiscover */
.uig-store-map__autodiscover-wrapper{
    position: relative;
    width: 100%;
    height: 35px;
    overflow: hidden;
}
.uig-store-map__autodiscover-question-wrapper{
    display: flex;
    align-items: center;
    position: absolute;
    left: -100%;
    width: 100%;
    transition: all 0.2s;
}
.uig-store-map__autodiscover-question-text{
    flex-grow: 1;
}
.uig-store-map__autodiscover-question-text-label{
    font-weight: bold;
}
.uig-store-map__autodiscover-answer-link{
    line-height: 1;
}
.uig-store-map__autodiscover-answer-link--no{
    margin-left: 5px;
}
.uig-store-map__autodiscover-answer-image{
    width: 35px;
    height: 29px;
}
.uig-store-map__autodiscover-answer-image:hover .uig-store-map__autodiscover-answer-image-rect{
    fill: #e2001a;
    stroke: #e2001a;
}
.uig-store-map__autodiscover-answer-image:hover .uig-store-map__autodiscover-answer-image-icon{
    fill: #e2001a;
    stroke: #ffffff;
}

/* autodiscover question */

/* location input */
input[type="text"].uig-store-map__location-text-input{
    position: absolute;
    left: 0;
    width: 100%;
    transition: all 0.4s;
    font-size: 120%;
    padding: 5px 10px;
}

/* autodiscover answer-chosen */
.uig-store-map__autodiscover-wrapper.answer-chosen .uig-store-map__autodiscover-question-wrapper{
    left: -100%;
}
.uig-store-map__autodiscover-wrapper.answer-chosen .uig-store-map__location-text-input{
    left: 0%;
}

/* radius slider */
.uig-store-map__radius-slider{
    width: 100%;
}
.uig-store-map__radius-slider-wrapper .rangeslider--horizontal{
    height: 15px;
}
.uig-store-map__radius-slider-wrapper .rangeslider__fill{
    background-color: #e2001a;
}
.uig-store-map__radius-slider-wrapper .rangeslider__handle{
    width: 27px;
    height: 27px;
    top: -6px;
    background-image: none;
    background-color: #e2001a;
    border: 1px solid #ca0505;
}
.uig-store-map__radius-slider-wrapper .rangeslider__handle:after{
    width: 17px;
    height: 17px;
    background-image: none;
    background-color: #ca0505;
}
/* radius slider distance label */
.uig-store-map__radius-slider-distance-label{
    display: block;
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
}

@media screen and (min-width:890px) {

    .uig-store-map__interaction-overlay-panel-wrapper--search{
        width: 300px;
    }
    .search-submitted .uig-store-map__search-panel{
        display: block;
    }
}


/*------------------------------------*\
    #RESULTS PANEL
\*------------------------------------*/

/* panel */
.uig-store-map__results-panel{
    display: none;
}
.search-submitted .uig-store-map__results-panel{
    display: block;
}

/* section */
.uig-store-map__interaction-panel-section--result-list{
    padding: 0;
}

/* result list */
#page-container .uig-store-map__result-list,
.uig-store-map__result-list
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.uig-store-map__result-list-headline{
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.uig-store-map__result-list-headline span {
    color: #e2001a;
}
.uig-store-map__result-list{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
/* item / store */
.uig-store-map__result-list-item{
    display: block;
    overflow: hidden;
    padding: 10px;
    margin: 0;
    min-height: 80px;
    border-bottom: 1px solid #efefef;
    line-height: 1.4;
}
.uig-store-map__result-list-item:last-child{
    border-bottom: 0;
}
.uig-store-map__result-list-item:hover{
    background-color: #dedede;
    cursor: pointer;
}
.uig-store-map__result-list-item-title{
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 100%;
}

.uig-store-map__result-list-wrapper-address{

}
.uig-store-map__result-list-wrapper-info{
}

@media screen and (min-width:890px){

    /* results panel */
    .uig-store-map__results-panel{
        display: block;
        position: absolute;
        left: 0;
        bottom: -100%;
        /* bottom: 0; */
        height: 100%;
        transition: all 0.4s;
    }
    /* results panel visible */
    .search-submitted .uig-store-map__results-panel{
        bottom: 0;
    }

    .uig-store-map__result-list{
        max-height: 215px;
        overflow-y: scroll;
    }

    #uig-store-map.no-view-filter.no-view-online-shop .uig-store-map__result-list{
        max-height: 386px;
        overflow-y: scroll;
    }

    .uig-store-map__result-list-wrapper-address{
        float: left;
        width: 70%;

    }
    .uig-store-map__result-list-wrapper-info{
        float: right;
        width: 30%;
    }
}


/*------------------------------------*\
    #ADDITIONAL INFOS
\*------------------------------------*/

@media screen and (min-width:890px) {
    .uig-store-map__result-list-wrapper-additional-info {
        display: none;
    }
}


/*------------------------------------*\
    #FILTER PANEL
\*------------------------------------*/

.uig-store-map__interaction-overlay-panel-wrapper--filter{
    display: none; /* show and hide by user interaction */
}
.show-filter-panel .uig-store-map__interaction-overlay-panel-wrapper--filter{
    display: block;
}

.uig-store-map__interaction-panel-section--filter-criteria{
    border: 0;
}

/* open close icon */
.uig-store-map__button--filter-panel-control--icon{
    position: absolute;
    right: 14px;
    top: 14px;
    font-weight: bold;
    color: white;
    line-height: 1;
}

/* filter criteria sections */
.uig-store-map__filter-criteria-wrapper{
}
.uig-store-map__filter-criteria-wrapper section{
    flex-basis: 48%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 30px;
}
.uig-store-map__filter-criteria-section-headline{
    position: relative;
    margin-top: 0;
    font-size: 14px;
}
.uig-store-map__filter-criteria-section-headline:before{
    content: "+ ";
}
.uig-store-map__filter-criteria-section.active .uig-store-map__filter-criteria-section-headline:before{
    content: "- ";
}
#uig-store-map .uig-store-map__filter-criteria-section-list{
    display: none; /* hide mobile for open/closing */
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#uig-store-map .uig-store-map__filter-criteria-section.active .uig-store-map__filter-criteria-section-list{
    display: block; /* show mobile for open/closing */
}
.uig-store-map__filter-criteria-section-list-item{
    display: flex;
    align-items: flex-start;
    line-height: 1.4;
    font-size: 12px;
    padding-bottom: 6px;
}
.uig-store-map__filter-criteria-section-checkbox{
    margin-top: 2px;
}
.uig-store-map__filter-criteria-section-list-label{
    padding-left: 3px;
    line-height: inherit;
    hyphens: auto;
}

/* search button in filter panel */
.uig-store-map__interaction-panel-section--start-search-in-filter-panel{

}

@media screen and (min-width:560px){

    .uig-store-map__interaction-overlay-panel-wrapper--filter {
    }

    .uig-store-map__interaction-panel-section--filter-criteria{
    }

    /* filter criteria sections */
    .uig-store-map__filter-criteria-wrapper{
        display: flex;
        flex-wrap: wrap;
    }
    .uig-store-map__filter-criteria-wrapper section{
        flex-basis: 33.333%;
        padding-left: 1%;
        padding-right: 1%;
    }
    .uig-store-map__filter-criteria-section-list{
        max-height: 175px;
        overflow: auto;
    }
    .uig-store-map__filter-criteria-section-list-item{
    }

}
@media screen and (min-width: 890px){

    .uig-store-map__interaction-overlay-panel-wrapper--filter{
        position: absolute;
        left: 300px;
        top: 0;
        width: 550px;
        background-color: white;
    }

    /* filter criteria sections */
    .uig-store-map__filter-criteria-wrapper{
    }

    .uig-store-map__filter-criteria-wrapper section{
    }

    /* search button in filter panel */
    .uig-store-map__interaction-panel-section--start-search-in-filter-panel{
        display: none;
    }

    #uig-store-map .uig-store-map__filter-criteria-section-list {
        display: block; /* always show on desktop for open/closing */
    }
    .uig-store-map__filter-criteria-section-headline:before{
        content: ""!important; /* hide +/- toggle on desktop */
    }
}

@media screen and (min-width: 1024px){

    .uig-store-map__interaction-overlay-panel-wrapper--filter{
        width: 680px;
    }

    /* filter criteria sections */
    .uig-store-map__filter-criteria-wrapper{
    }

    .uig-store-map__filter-criteria-wrapper section{
    }
}



/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/

.uig-store-map__button{
    display: block;
    width: 100%;
    padding: 8px 20px;
    background: white;
    color: #e2001a;
    border: 3px solid #e2001a;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.3s;
    line-height: 1;
}
.uig-store-map__button:focus,
.uig-store-map__button:hover,
.uig-store-map__button:active,
.show-filter-panel .uig-store-map__button--filter-panel-control
{
    color :white;
    background: #e2001a;
}
.uig-store-map__button:hover{
    cursor: pointer;
}

/* services filter button on hidden filter panel */
.hide-filter-panel .uig-store-map__button--filter-panel-control{
    background: white;
    color: #e2001a;
}

/* submit button */
.uig-store-map__search-submit:disabled,
.uig-store-map__search-submit:disabled:hover
{
    color: #cccccc;
    border: 3px solid #cccccc;
    background: white;
}


/*------------------------------------*\
    #INFO WINDOW
\*------------------------------------*/

/* Tabs mit radio-Buttons */
.info-window-tabs-wrapper figure {
    display: block;
    margin-left: 0;
    clear: both;
}

.info-window-tabs-wrapper > input,
.info-window-tabs-wrapper figure > div {
    display: none;
}

.info-window-tabs-wrapper figure>div {
    padding: 10px 5px;
    width: 100%;
    border-top: 1px solid #e2001a;
    background: #fff;
    line-height: 1.5em;
    color: #444;
    overflow: hidden;
}
#info-window-tabs-wrapper__tab-1:checked ~ figure .info-window-tabs-wrapper__tab-1,
#info-window-tabs-wrapper__tab-2:checked ~ figure .info-window-tabs-wrapper__tab-2
{
    display: block;
}
.info-window-tabs-wrapper nav label {
    float: left;
    margin-right: 10px;
    padding: 10px 15px;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    font-weight: bold;
    line-height: 1;
}

/* TAB LABELS */

.info-window-tabs-wrapper nav label:hover{
    cursor: pointer;
}

.info-window-tabs-wrapper nav label:hover,
.info-window-tabs-wrapper nav label:active
{
    color: #e2001a;
}

/* active */
.info-window-tabs-wrapper nav label:active,
#info-window-tabs-wrapper__tab-1:checked ~ nav label[for="info-window-tabs-wrapper__tab-1"],
#info-window-tabs-wrapper__tab-2:checked ~ nav label[for="info-window-tabs-wrapper__tab-2"]
{
    position: relative;
    margin-bottom: 0;
    color: #e2001a;
    border-color: #e2001a;
    color: #e2001a;
    border-bottom: none;
    border-top: 3px solid #e2001a;
    padding-top: 8px;
}

/* remove border bottom */
#info-window-tabs-wrapper__tab-1:checked ~ nav label[for="info-window-tabs-wrapper__tab-1"]:after,
#info-window-tabs-wrapper__tab-2:checked ~ nav label[for="info-window-tabs-wrapper__tab-2"]:after
{
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: white;
    left: 0;
    bottom: -1px;
}

/* DEFINITION LISTS */
.info-window-tabs-wrapper dl{
    margin-bottom: 0;
}
.info-window-tabs-wrapper dt{
    margin-bottom: 3px;
}
.info-window-tabs-wrapper dd{
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

/* address list */
.info-window-tabs-wrapper .info-window-tabs-wrapper__dd-address{
}

/* contact info list */
.info-window-tabs-wrapper .info-window-tabs-wrapper__dd-contact-information{
}

@media screen and (min-width:480px) {
    .info-window-tabs-wrapper nav label {
        font-size: 130%;
    }
}

@media screen and (min-width:890px) {

    /* address list */
    .info-window-tabs-wrapper .info-window-tabs-wrapper__dd-address{
        float: left;
        margin-right: 30px;
    }

    /* contact info list */
    .info-window-tabs-wrapper .info-window-tabs-wrapper__dd-contact-information {
        float: right;
    }
}


/*------------------------------------*\
    #OPENING HOURS
\*------------------------------------*/

.opening-hours-list{
    list-style-type: none!important;
    margin: 0!important;
    padding: 0!important;
}
.opening-hours-list__item{
    line-height: 1.4;
    margin-bottom: 4px;
}
.opening-hours-list__item.active{
    color: #e2001a;
}
.opening-hours-list__column{
    display: inline-block;
    padding-right: 10px;
}
.opening-hours-list__column-day{
    font-weight: bold;
    width: 90px;
}
.opening-hours-list__column-morning{
}
.opening-hours-list__column-evening{
}

@media screen and (min-width:480px){
    .uig-store-map__interaction-panel-section--result-list .opening-hours-list__item{
        float: left;
        width: 50%;
    }

    .opening-hours-list__column-day{
        text-align: right;
    }
    .opening-hours-list__column-morning{
        width: 100px;
    }
    .opening-hours-list__column-evening{
        width: 100px;
    }
}

@media screen and (min-width:890px){
    .uig-store-map__interaction-panel-section--result-list .opening-hours-list__item{
        float: none;
        width: auto;
    }
}


/*------------------------------------*\
    #GOOGLE MAPS INFO WINDOW
\*------------------------------------*/

.gm-style-iw {
    min-width: 290px!important;
}


/*------------------------------------*\
    #HIDE MAP MODULES/VIEWS
\*------------------------------------*/

#uig-store-map.no-view-filter .uig-store-map__interaction-panel-section--form-submit{
    display: none;
}

#uig-store-map.no-view-online-shop .uig-store-map__interaction-panel-section--has-shop{
    display: none;
}

#uig-store-map.no-view-opening-hours .info-window-tab-label-opening-hours{
    display: none;
}


/*------------------------------------*\
    #SEARCH PANEL WIDGET
\*------------------------------------*/

.store-search-widget__wrapper{
    border: 4px solid #e2001a;
    padding: 20px;
}
.store-search-widget__wrapper input[type="text"].uig-store-map__location-text-input{
    font-size: 100%;
}
.store-search-widget__wrapper .uig-store-map__search-submit,
.store-search-widget__wrapper .uig-store-map__search-submit:hover
{
    padding: 12px 20px;
}

.store-search-widget__wrapper .uig-store-map__search-submit{
    margin-bottom: 0;
}

/* panels */
.store-search-widget__wrapper .uig-store-map__interaction-panel-section--location{
    padding-top: 0;
}
.store-search-widget__wrapper .uig-store-map__interaction-panel-section,
.store-search-widget__wrapper .uig-store-map__interaction-panel-section
{
    padding-bottom: 0;
    border-bottom: 0;
}
.store-search-widget__wrapper .uig-store-map__interaction-panel-section--start-search{
    padding-top: 6px;
}