@import url(https://use.fontawesome.com/releases/v5.15.1/css/all.css);
@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap);
@import "https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:300,400";
.ueberschriftErg{font-family: "Montserrat";font-weight: 350;text-align: center;background: rgb(146 188 236);border-bottom: 1px solid #929daf;padding: .5em 0em;color: white;border-top-right-radius: .55em;border-top-left-radius: .55em;}
#jobRow {
   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}
.wrapSuche{background: #fafafa;padding-bottom: 1em;margin-bottom: 1em;border: 1px solid #929daf;border-radius: 1em;}
.wrapSuchErg{padding: .0em .5em;display: inline-block;}
.anzErg{padding: 2px 6px;background: white;color: #92bcec;border-radius: 2em;}

.dropdown.filterElementStyle.filterPill{ 
   display: inline-block;
   color: white;
   font-weight: 300;
   padding: .3em .7em;
   margin-top: .5em;
   border: 1px solid #929daf;
   border-radius: 2em;
   cursor: pointer;
   background: #92bcec;
   box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.dropdown-menu a {
   padding: 0.5em 1em;
   text-decoration: none;
   display: block;
   color: grey;
}
.dropdown a:hover {
   background-color: #ddd;
   color: black;
}
/* sich drehender ladespinner */
.loader {
   position: absolute;
   top: 50%;
   left: 50%;
   border: 16px solid #eee;
   border-radius: 50%;
   border-top: 16px solid #336699;
   width: 120px;
   height: 120px;
   -webkit-animation: spin 2s linear infinite; /* Safari */
   animation: spin 2s linear infinite;
   z-index: 10;
}
/* Safari */
@-webkit-keyframes spin {
   0% { -webkit-transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}
a {color: #337ab7;} /* bootstrap 3 init color */
a#neueSuche{display: inline-block;font-weight: 300;padding: .3em .7em;margin-top: .5em;border: 1px solid #929daf;border-radius: 2em;cursor: pointer;text-decoration: none;background: white;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.mapWrapper {
   height: calc(100vh - 200px);
   position: -webkit-sticky;
   position: sticky;
   top: 7em;
}
.pxMapWrapper{height: 250px;}
#map{
   outline: none;
   border: 1px solid lightgray;
   border-radius: 1em;
   position: relative;
   display: inline-block !important;
   height: 100% !important;
   width: 100% !important;
}
#map:hover{
   box-shadow: 0 0 10px rgba(0,0,0,.1);
   cursor: pointer;
   transition: box-shadow .3s;
}
.erneutSuchenBereich {position: sticky;z-index: 10000;text-align: center;cursor: pointer;} /* width: 95%; */
.erneutSuchenBereich span {position: absolute;display: block;top: 1em;left:1em;background: white;border: 2px solid #bdbaaf;border-radius: 1em;padding: .5em 1em;font-weight: 500;box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px; }
.erneutSuchenBereich:hover > span {background-color: rgb(247, 247, 247) !important;}
.praxisDetailBereich {
   position: absolute;
   opacity: 0;
   visibility: hidden;
   padding: 10px;
   -webkit-transition: opacity 600ms, visibility 600ms;
   transition: opacity 600ms, visibility 600ms;
   height: 100% !important;
   width: 100% !important;
   overflow: scroll;
   overflow-x: hidden;
   -ms-overflow-x: hidden;
}
i.fa.fa-number{font-family: 'Raleway';}
.leaflet-zoom-animated.leaflet-interactive > div > span {
   font-family: 'Raleway';
   color: white;
   font-size: 1.3em;
}
/* .list-group-item {background-color: #FFFFEE}  */
a.interesse{padding: 1em;color: white;background: #337ab7;border-radius: 2em;font-weight: 500;text-decoration: none;cursor: pointer;}
a.interesse:hover{background: #286090;border-color: #204d74;}

.detailPraxisSeite{border: 1px solid lightgray;border-radius: 1em;margin: 0em;padding: 1em;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.interesseDiv{margin: 1.5em 0em;}

/* Styles für die Liste */
.flex-container {
   display: flex;
   flex-wrap: wrap;
   align-content: space-around; /*versuch*/
   border: 1px solid lightgray;
   border-radius: 1em;
   font-family: 'Raleway';
   background-color: white;
   box-shadow: 0 0 10px rgba(0,0,0,.1);
   margin-bottom: .3em;
}
.flex-container.hervorgehoben{background-color: #f0f7ff;font-weight: bold;}
.flex-container:hover{box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;}
.flex-container > .flexchild {position: relative;min-width: 80px;overflow: hidden;}
.flex-container > .flexchild:nth-child(1) {flex:5;background-color: #eee;color: #369;border-right: 1px solid lightgray;border-radius: 1em 0em 0em 1em;}
.flex-container > .flexchild:nth-child(2) {flex:11;border-radius: 0em 1em 1em 0em;padding: .7em 1em;}
.infoWrapper{display:inline-block;position: absolute;left: 10px;top: 0;color: #fff;} /*padding-left: .5em; */
.kurzTextList{margin-top: .5em;}
.wortDatumListe{color: #369;font-size: 1.2em;margin-top: .3em;padding-left: .5em;}
.wortDatumListeBild{color: grey;font-size: .9em;margin-top: .5em;}
.badge.ranking {background:#92bcec !important;font-weight: 300;display: inline-block;margin-top:5px;padding: .5em 1em;border-radius: 1em;margin-right: 5px;}
.badge.ranking.praxis:hover{cursor: pointer;background: #369 !important;font-weight: bold;}
.tooltip {position: fixed;}
/* Styles für das Kreuz, um zurück zur Karte zu kommen */
#centerTimes {line-height: 30px;border-radius: 1em;width: 40px;display: inline-block;cursor: pointer;color: #b5b4b4;background: #fff;height: 40px;border: 1px solid #eee;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,.1);}
#centerTimes span {display: inline-block;vertical-align: middle;font-size: 2em;}
.appearHovered{background: #ffefb3 !important;}
.schlussListe{background: white;padding: 1.5em 1em;border-radius: 1em;border: 1px solid lightgray;box-shadow: 0 0 10px rgba(0,0,0,.1)}
.footer{display: none;}

@media (max-width: 425px) {
   .badge.ranking.praxis{display: none;}
}
@media (max-width: 991px) {
   #centerTimes{display: none;}
   div#setEqualHeight{height:0px !important;}
   .mapWrapper{display: none;}
   .detailPraxisSeite{padding:.5em; border: none; box-shadow:none;}
   .invisibleMobile{display: none;}
}
@media (max-width: 550px) {
   .wortDatumListeBild{display: none !important;}
   .imageList{height: 14vh !important;}
   .wortDatumListe{display: none;}
   #keinTrefferFirstChild{display:none !important;}
}
@media (max-width: 375px) {
   .kurzTextList{font-size: .9em;}
   .flex-container > .flexchild:nth-child(2) {padding: .5em;}
   .badge.ranking{padding:.5em;}
}