/* liste */

.showlegend {
  position:absolute;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background-image:url(/public/20211203170457oe_/https://www.jetzt-mitmachen.de/_img/tab2.png);
  background-position: center center;
  background-repeat:no-repeat;
  display:inline-block;
  width:26px;
  height:26px;
  padding:5px;
  margin-left:-53px;
  margin-top:10px;
}

.showlegendaktiv {
  background: #F0F0F0 none repeat scroll 0 0;
  background-image:url(/public/20211203170457oe_/https://www.jetzt-mitmachen.de/_img/tab2.png);
  background-position: center center;
  background-repeat:no-repeat;
}


.showsort {
  position:absolute;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background-image:url(/public/20211203170457oe_/https://www.jetzt-mitmachen.de/_img/sort.png);
  background-position: center center;
  background-repeat:no-repeat;
  display:inline-block;
  width:26px;
  height:26px;
  padding:5px;
  margin-left:-95px;
  margin-top:10px;
}

.showsortaktiv {
  background: #F0F0F0 none repeat scroll 0 0;
  background-image:url(/public/20211203170457oe_/https://www.jetzt-mitmachen.de/_img/sort.png);
  background-position: center center;
  background-repeat:no-repeat;
}

.showbereich {
  position:absolute;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background-image:url(/public/20211203170457oe_/https://www.jetzt-mitmachen.de/_img/location.png);
  background-position: center center;
  background-repeat:no-repeat;
  display:inline-block;
  width:26px;
  height:26px;
  padding:5px;
  margin-left:-138px;
  margin-top:10px;
}

.showbereichaktiv {
  background: #F0F0F0 none repeat scroll 0 0;
  background-image:url(/public/20211203170457oe_/https://www.jetzt-mitmachen.de/_img/location.png);
  background-position: center center;
  background-repeat:no-repeat;
}


#listlegend {
  position:absolute;
  display:none;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  text-align:left;
  z-index:1000;
  padding:10px;
  margin-top:2px;
  min-width:180px;
}

#listsort {
  position:absolute;
  display:none;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  text-align:left;
  z-index:1000;
  padding:10px;
  margin-top:2px;
  min-width:80px;
}

#listbereich {
  position:absolute;
  display:none;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  text-align:left;
  z-index:1000;
  padding:10px;
  margin-top:2px;
  min-width:80px;
}


#listlegend .entry , #listsort .entry ,#listbereich .entry {
   padding:2px;
   font-size:0.8em;
}
#listlegend h3, #listsort h3 ,#listbereich h3 {
  padding:0;
  margin:5px;

  font-size:12px;
  font-weight:bold;
}



#listlegend .iconBaseLayer {
  display:inline-block;
  height:10px;
  width:16px;
  margin-right:3px;
}
#listlegend .iconBaseLayer.img {
  display:inline-block;
  height:18px;
  width:16px;
  margin-bottom:-2px;
}


#list {
  display:none;
  /*height:500px;*/
  width:100%;
  border:0px solid silver;
  /*overflow:auto;*/
  z-index:0;

}


#list .nodata {
  padding:5px;
}


.listentry {
  border-bottom:1px solid #ECECEE;
  padding:3px;
}
.listentry:hover {
  background:#F5F5F5;
}

.listentry{
  padding-right:50px;
}

.listentry .listicon {
  float:left;
  width:8%;
  text-align:center;
}
.listentry .listtext {
  float:left;
  width:68%;
}
.listentry .listtext2 {
  float:left;
  font-size:0.9em;
  white-space:nowrap;
  width:22%;
}


.listentry .listtext h3 {
  margin:0;
  font-size:0.9em;
}
.listentry .listtext p {
  margin:0;
  font-size:0.9em;
}

.listentry .listend {
  clear:left;
}


.listentry.first {
  height:50px;
  background:#F5F5F5;
}

.listentry.first .listtext {
  padding-top:25px;
}

.listentry.first .listtext2 {
  padding-top:25px;
}

.listentry.first select {
  width:95px;
  font-size:0.9em;
}

.listicon, .listtext,.listtext2  {
   border:0px solid red;
}


@media screen and (max-width : 850px){
   .listentry .listtext {
       width:60%;
   }
}
@media screen and (max-width : 700px){

   .listentry.first select {
      right:65px;
      margin-top:-45px;
      position:absolute;
   }

   .listentry .listicon {
       width:10%;
   }
   .listentry .listtext {
       float:none;
       width:auto;
       margin-left:10%;
   }
   .listentry .listtext2 {
       margin-left:10%;
       width:80%;
       float:none;
       padding:0;
   }
}

@media screen and (max-width : 500px){

   .listentry.first .listtext {
     padding-top:25px;
     margin-left:2%;
   }
   #list {
     margin-top:0px;
   }
   #showlegend {
   }
   .listentry{
   }
   .listentry .listicon {
     width:15%;
   }
   .listentry .listtext {
       margin-left:15%;
   }
   .listentry .listtext2 {
       margin-left:15%;
   }

   .listentry.first select {
     margin-left:-95px;
     width:95px;
     font-size:0.9em;
   }
}