/* Select-pure */
.select-wrapper {
    margin: auto;
    max-width: 600px;
    width: calc(100% - 40px);
  }
  
  .select-pure__select {
    align-items: center;
    background: #f9f9f8;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    color: #363b3e;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: left;
    min-height: 44px;
    padding: 5px 10px;
     position: relative; 
    transition: 0.2s;
    width: 100%;
    padding-top: 3em;
    padding-bottom: 1em;

  }

  .select-pure__label{
    color: #363b3e;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
     display: flex; 
    FLEX-FLOW: wrap;
    margin: none;
  }
  
  .select-pure__options {
    overflow: auto;
    /* border-radius: 4px; */
    /* border: 1px solid rgba(0, 0, 0, 0.15); */
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); */
    box-sizing: border-box;
    color: #363b3e;
    /* display: none; */
    left: 0;
    max-height: 221px;
    /* overflow-y: scroll; */
    position: absolute;
    /* top: 50px; */
    width: 100%;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    FLEX-FLOW: wrap;
    position: inherit;
    /* background: white; */
    max-height: 7em;
    overflow: hidden;
    padding-top: no;
    margin: none;
    /* margin-left: -1em; */
    margin: -5px -10px;
    margin-top: 1em;
    margin-bottom: -6.9px;
    padding-left: 0.8em;
    width: 104%;
    display: none !important;
  }
  
  .select-pure__select--opened .select-pure__options {
    display: block;
  }
  
  /* .select-pure__option {
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    height: 44px;
    line-height: 25px;
    padding: 10px;
  } */
  
  .select-pure__option--selected {
    color: #e4e4e4;
    cursor: initial;
    pointer-events: none;
  }
  
  .select-pure__option--hidden {
    display: none;
  }
  
  .select-pure__selected-label {
    background: #5e6264;
    border-radius: 4px;
    color: #fff;
    cursor: initial;
    display: inline-block;
    margin: 5px 10px 5px 0;
    padding: 3px 7px;
    padding-right: 1.4em !important;
  }
  
  .select-pure__selected-label:last-of-type {
    margin-right: 0;
  }
  
  .select-pure__selected-label i {
    cursor: pointer;
    display: inline-block;
    margin-left: 7px;
  }
  
  .select-pure__selected-label i:hover {
    color: #e4e4e4;
  }
  
  .select-pure__autocomplete {
    background: #f9f9f8;
    border-bottom: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
    border-top: none;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    padding: 10px;
    width: 100%;
  }

  .delete_image{
    width: 1em;
    margin-top: 0.1em;
    position: absolute;
    margin-left: 0.1em;
    -webkit-filter: invert(90%);
    filter: invert(90%);
  }

  #tagBox {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    FLEX-FLOW: wrap;
    margin: auto;
    padding-left: 4%;
    padding-right: 4%;
    font-size: 0.8em;
}

 

  .select-pure__select {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    FLEX-FLOW: wrap;
    width: 80%;
    margin: auto;
}
.select-pure__option,
.select-pure__selected-label,
.tag {
    padding: 0.2em;
    /* BORDER: 1px solid grey; */
    /* border-radius: 45px; */
    line-height: -1em;
    background: #e6e6e694;
    height: fit-content;
    height: -moz-fit-content;
    margin: 0.2em;
    color: #1d1d1d;
    padding-left: 1em;
    /* margin-left: 2px;*/
    width: fit-content;
    width: -moz-fit-content;
}

.select-select-pure__options :nth-child(n+4){
  display: none;
}


.select-pure__option::before,
.select-pure__selected-label::before,
.tag::before {
  content: "#";
  margin-right: 2px;
  font-weight: bolder;
  color: #66f5ef;
  font-size: 1em; 
  margin-top: -0.2em;
  margin-left: -0.8em;
}


.highlightTag{
    background: #0088ff94;
    /* BORDER: 1px solid rgb(233, 61, 61); */
    padding: 0.5em;
}


.tag {
    /* border-radius: 45px; */
    border: 0 solid;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
    outline: 1px solid;
    outline-color: rgb(70 70 70 / 50%);
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  } 
  
  /* .tag:hover {
    box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
    background: white;
  } */

  .optionType_generallTags{
      color: #073970;
      display: none;
  }

  .locDiv{
    margin-bottom: 1em;
    display: flex;
  }
  .locText{
    width: 5vw;
    margin: auto;
    font-size: x-large;
    background: #ffffff;
    margin-top: 0.5em;
    /* border-radius: 45px; */
    /* padding: 0.2em; */
    /* margin-bottom: 0.2em; */
    z-index: 4;
    position: relative;
    margin-bottom: -0.9em;
    /* padding-left: 1em; */
    /* border: 2px solid rgb(96 170 96);*/
  }
  #searchTextField{
    width: 54vw;
    margin: auto;
    font-size: inherit;
    background: #ffffff;
    margin-top: 0.5em;
    border-radius: 45px;
    padding: 0.2em;
    margin-bottom: 0.2em;
    z-index: 4;
    position: relative;
    margin-bottom: -0.9em;
    padding-left: 1em;
    border: 2px solid rgb(96 170 96);
  }
  #umkreisInput{
    width: 15vw;
    margin: auto;
    font-size: inherit;
    background: #ffffff;
    margin-top: 0.5em;
    border-radius: 45px;
    padding: 0.2em;
    margin-bottom: 0.2em;
    z-index: 4;
    position: relative;
    margin-bottom: -0.9em;
    /* padding-left: 1em; */
    border: 2px solid rgb(96 170 96);
  }

  #keywordSearchElement{
    width: 70vw;
    margin: auto;
    font-size: inherit;
    background: #ffffff;
    margin-top: 0.5em;
    border-radius: 45px;
    padding: 0.2em;
    margin-bottom: 0.2em;
    z-index: 4;
    position: relative;
    margin-bottom: -0.9em;
    padding-left: 1em;
    border: 2px solid rgb(96 170 96);
  }

  #keywordSearchElement::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgb(51, 51, 51);
}
#keywordSearchElement:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgb(51, 51, 51);
   opacity:  1;
}
#keywordSearchElement::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgb(51, 51, 51);
   opacity:  1;
}
#keywordSearchElement:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgb(51, 51, 51);
}
#keywordSearchElement::-ms-input-placeholder { /* Microsoft Edge */
    color: rgb(51, 51, 51);
}

#keywordSearchElement::placeholder { /* Most modern browsers support this now. */
    color: rgb(51, 51, 51);
}

.select-pure__label::before,
.select-pure__options::before{
    font-size: larger;
}

.select-pure__label::before{
    content: "Aktive Tags";
    position: absolute;
    background: #f9f9f8;
    padding: 0.2em;
    border-radius: 0px 0px 0px 20px;
    margin-left: -0.6em;
    margin-top: -1.5em;
    color: black;
    padding-bottom: 0;
    font-weight: lighter;
    border-left: 1px solid #dddddc;
    border-bottom: 2px solid #dddddc;
    /* text-decoration: underline; */
    /* font-size: larger; */
    padding-left: 1em;
    width: 78vw;
}
.select-pure__options::before{
    content: "Vorgeschlagende Tags";
    /* position: absolute; */
    background: #f9f9f8;
    padding: 0.2em;
    border-radius: 0px 0px 0px 20px;
    /* margin-left: -0.6em; */
    margin-top: 0.em;
    color: black;
    padding-bottom: 0;
    font-weight: lighter;
    border-left: 1px solid #dddddc;
    border-bottom: 2px solid #dddddc;
    /* text-decoration: underline; */
    /* font-size: larger; */
    padding-left: 1em;
    width: 78vw;
    font-size: larger;
    margin-left: -0.7em;
}

#mainFilter{
  margin-bottom:2em;
}