.around-poi{
  display: flex;
  width: 100%;
  position: relative;
}

.around-poi > .attachment {
width:30%;
  padding: 0px 0px 0px 0px;
  height: 100%;    display: flex;
  position: absolute;
  left: 0px;
  top: 0px;
}

 
.around-poi > .attachment h3{
  font-size: 25px;
  margin: 20px 0px 0px;
}

.around-poi > .view-content{
  width: 100%;
  padding-left: 30%;
}

/*====================================
	radky vypisu
===================================*/

.around-poi > .attachment .views-row .poim{
  padding: 20px 0px;
  border-bottom: 1px solid var(--border);
  font-size: var(--basictext2);
  line-height: 1.5em;
}



.poi-title{
  font-size: var(--basictext);
  color: var(--hColor);  font-weight: 500;
}
 
.around-poi > .attachment .poim.active .poi-title{
color:var(--green);
}


.leaflet-container a {
  color: var(--link);
}

.leaflet-container a:focus,
.leaflet-container a:hover {
  color: var(--linkHover);
}

.leaflet-container{
  font-family: var(--fontFamily);

}

.leaflet-popup-content {
  line-height: 1.5em;
  font-size: var(--basictext2);
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: var(--bgSand);
  color: var(--textColor);
}

.around-poi > .attachment .poim{
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);

}


.leaflet-marker-icon{
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
}

.leaflet-marker-icon{
  border: 4px solid var(--green);
background:var(--green);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;

  margin-left: -14px !important;
  margin-top: -14px !important;
  width: 28px !important;
  height: 28px !important; 

}



.leaflet-marker-icon.active {
  margin-left: -18px !important;
  margin-top: -18px !important;
  width: 36px !important;
  height: 36px !important; 
z-index:1001 !important;

  border: 4px solid var(--textColor);

-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); 
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
background:var(--textColor);

}


/*====================================
	map
===================================*/

.leaflet-marker-icon.poi-165,
.leaflet-marker-icon.poi-231{
  z-index: 1000 !important;
  margin-left: -22px !important;
  margin-top: -22px !important;
  width: 44px !important;
  height: 44px !important;
}


/*====================================
	filtry
===================================*/


.bef-exposed-form .form--inline > .form-item, .bef-exposed-form .form--inline .js-form-wrapper > .form-item {
  float: none;
}

.region-content .bef-exposed-form ul{
  justify-content: start;display:flex;flex-wrap:wrap;
}

.region-content .bef-exposed-form ul li{
  margin-bottom: 0px;
  padding: 4px;
}

.region-content .bef-exposed-form ul li::before {display:none;}


.form-item-tid > label{display:none;}

.bef-exposed-form .form-item-tid  ul li a{ 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

  border: 1px solid var(--greenlight);
  padding: 10px 13px 10px 45px;
  display: block;
  text-decoration: none;
  font-size: 15px;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 23px auto;
}

.bef-exposed-form .form-item-tid  ul li a:focus,
.bef-exposed-form .form-item-tid  ul li a:hover{ 
color:var(--green);
border-color: var(--green);
}


.bef-exposed-form .form-item-tid  ul li a.bef-link--selected{ 
color:var(--yellow);
border-color: var(--greenlight);
background-color:var(--greenlight);
}

.bef-exposed-form .form-item-tid  ul li a[name*='tid[All]']{background-image:url(../images/poi/alle-icon.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[22]']{background-image:url(../images/poi/banken-icon.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[23]']{background-image:url(../images/poi/bildung-icon.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[24]']{background-image:url(../images/poi/einkaufen-icon.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[25]']{background-image:url(../images/poi/gastronomie-icon.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[26]']{background-image:url(../images/poi/gesundheitswesen-icon.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[29]']{background-image:url(../images/poi/natur-freizeit.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[30]']{background-image:url(../images/poi/offentliche-icon.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[28]']{background-image:url(../images/poi/sehenswurdigkeiten.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[27]']{background-image:url(../images/poi/sport-icon.svg);}

.bef-exposed-form .form-item-tid  ul li a[name*='tid[All]']:hover,
.bef-exposed-form .form-item-tid  ul li a[name*='tid[All]']:focus{background-image:url(../images/poi/alle-icon-b.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[All]'].bef-link--selected{background-image:url(../images/poi/alle-icon-a.svg);}

.bef-exposed-form .form-item-tid  ul li a[name*='tid[22]']:hover,
.bef-exposed-form .form-item-tid  ul li a[name*='tid[22]']:focus{background-image:url(../images/poi/banken-icon-b.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[22]'].bef-link--selected{background-image:url(../images/poi/banken-icon-a.svg);}

.bef-exposed-form .form-item-tid  ul li a[name*='tid[23]']:hover,
.bef-exposed-form .form-item-tid  ul li a[name*='tid[23]']:focus{background-image:url(../images/poi/bildung-icon-b.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[23]'].bef-link--selected{background-image:url(../images/poi/bildung-icon-a.svg);}

.bef-exposed-form .form-item-tid  ul li a[name*='tid[24]']:hover,
.bef-exposed-form .form-item-tid  ul li a[name*='tid[24]']:focus{background-image:url(../images/poi/einkaufen-icon-b.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[24]'].bef-link--selected{background-image:url(../images/poi/einkaufen-icon-a.svg);}

.bef-exposed-form .form-item-tid  ul li a[name*='tid[25]']:hover,
.bef-exposed-form .form-item-tid  ul li a[name*='tid[25]']:focus{background-image:url(../images/poi/gastronomie-icon-b.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[25]'].bef-link--selected{background-image:url(../images/poi/gastronomie-icon-a.svg);}

.bef-exposed-form .form-item-tid  ul li a[name*='tid[26]']:hover,
.bef-exposed-form .form-item-tid  ul li a[name*='tid[26]']:focus{background-image:url(../images/poi/gesundheitswesen-icon-b.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[26]'].bef-link--selected{background-image:url(../images/poi/gesundheitswesen-icon-a.svg);}

.bef-exposed-form .form-item-tid  ul li a[name*='tid[29]']:hover,
.bef-exposed-form .form-item-tid  ul li a[name*='tid[29]']:focus{background-image:url(../images/poi/natur-freizeit-b.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[29]'].bef-link--selected{background-image:url(../images/poi/natur-freizeit-a.svg);}

.bef-exposed-form .form-item-tid  ul li a[name*='tid[30]']:hover,
.bef-exposed-form .form-item-tid  ul li a[name*='tid[30]']:focus{background-image:url(../images/poi/offentliche-icon-b.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[30]'].bef-link--selected{background-image:url(../images/poi/offentliche-icon-a.svg);}

.bef-exposed-form .form-item-tid  ul li a[name*='tid[28]']:hover,
.bef-exposed-form .form-item-tid  ul li a[name*='tid[28]']:focus{background-image:url(../images/poi/sehenswurdigkeiten-b.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[28]'].bef-link--selected{background-image:url(../images/poi/sehenswurdigkeiten-a.svg);}

.bef-exposed-form .form-item-tid  ul li a[name*='tid[27]']:hover,
.bef-exposed-form .form-item-tid  ul li a[name*='tid[27]']:focus{background-image:url(../images/poi/sport-icon-b.svg);}
.bef-exposed-form .form-item-tid  ul li a[name*='tid[27]'].bef-link--selected{background-image:url(../images/poi/sport-icon-a.svg);}

.leaflet-container{
max-height:90vh;
}

@media all and (max-width: 720px) {

.leaflet-container{
max-height:40vh;
}

.around-poi{
  flex-wrap: wrap;
}

.around-poi > .attachment{
  width: 100%;margin-bottom:var(--gapsmall);
  height: 50vh;  position: relative;
}

.around-poi > .view-content{
  padding-left: 0%;
}

.region-content .bef-exposed-form ul{
  justify-content: center;
}


}