/* Map in sucherg.htm */
div.mapWrapper{height: calc(100vh - 130px);position: sticky;top: 7em;display: flex;align-items: center;}
div#showMapFullscreen{opacity: 1;position: fixed;bottom: 0px;background: teal;border-top: 1px solid lightgray;padding: 1em;width: 100%;z-index: 50;display: none;}
i.far.fa-map.mobilePopUp{color: teal;padding: 5px;font-size:1.5em;background: #fff;border: 1px solid lightgray;border-radius: .25em;width: 100%;}
.mobilePopUp.fas.fa-compress{color: teal;padding: 5px;font-size:1.5em;background: #fff;border: 1px solid lightgray;border-radius: .25em;width: 100%;}

ul.zulList {font-size: 12px;list-style-type: none;padding-left: 0;margin: 0;}
li.zulListEl {display: inline-flex;color: teal;padding-left: 4px;padding-right: 4px;margin: 2px 2px;border: 1px solid teal;font-weight: 400;border-radius: 12px;background: #e4efef;}


/* Breakpoint */
@media only screen and (max-device-width: 767px) {
  div#showMapFullscreen{display: inline;}
  div#mapcol{padding:1rem 0rem !important;}
  div#map{border-radius: 0em;}
}

/* Breakpoint */
.interactPx{border: 1px solid;color: teal;padding: 10px;cursor:pointer;border-radius: 5px;background-color: white;} /* 2 Buttons in card */
.interactPx:hover{border: 1px solid teal;background: teal;color: white;text-decoration: none;}
h4#h4largecard{font-size:1.2rem;font-weight: 300;}
.row.px {margin-top: 20px;}
.card-body {font-weight: 300;font-size: 1em;}
.fas {width: 30px;text-align:center;}
.far {width: 30px;text-align:center;}
i.fas {font-size: 20px;}
i.far {font-size: 20px;}
.fas.fa-sliders-h{font-size: 20px;}
div.card.normal:hover {box-shadow: 0 0 10px rgba(0,0,0,.1);cursor:pointer;transition: box-shadow .3s;}
.badge.badge-light{background-color: teal; color: white;}
.appearHovered{box-shadow: 0 0 10px rgba(0,0,0,.1);cursor:pointer;background: #d1ecf1;}

@media only screen and (max-device-width: 767px) {
  div.card.profil:hover{box-shadow: none;}
  div#rowHeadline{padding-bottom: .3em;}
  text#sterneVon5{display: none;}
  span#bewanzlight{display: none;}
  .fas.fa-star{font-size:15px;}
  .fas.fa-user-circle{font-size:15px;}
  i.fas.fa-star{width: auto;}
  i.fas.fa-star-half-alt{width: auto;}
  i.fas.fa-caret-down{display: none;}
  .row.justify-content-end{margin-top:10px;}
}

/* breakpoint, ab dem die zwei buttons schlecht aussehen */
@media only screen and (max-device-width: 1199px) {
  .interactPx{padding: 10px 5px;margin:0;}
  /* div.suchergButtons{text-align:center;font-size: .9em;padding: 0;} */
}

/* Styles für Praxis mit Bild */
.liste_flexbox {display: flex;background-color: #fff;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;}
.liste_flexbox:hover{box-shadow: 0 0 10px rgb(0 0 0 / 10%);cursor: pointer;transition: box-shadow .3s;}

.liste_flexbox > .image_liste{flex: 3;padding: .5em;}
.lazy_list_img, .image_liste > .outer_image{width: 190px; height: 150px;}

.beschreibung_praxis{display: flex;justify-content: space-between;flex-wrap: wrap;padding: .5em 1em .5em .5em;font-weight: 300;}
.ueberschrift_flex{flex:7;}
.sterne_flex{flex:4;}
.hardfacts_praxis{width:100%;}
@media (max-width: 576px) {
  .beschreibung_praxis{padding: 1.25rem;}
  .image_liste{display: none;}
}