/* Generelle Übersicht - Liste der ausgewählten Kategorie  */
.breadcrumb.kleinanzeige{background:transparent;font-size: 1.2em; line-height:1.2em; 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;}
.breadcrump-scroller {position: relative;z-index: 2;height: 2.75rem;overflow-y: hidden;margin-bottom: 1em;}
.breadcrump-scroller .nav {display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;padding-bottom: 1rem;margin-top: -1px;overflow-x: auto;text-align: center;white-space: nowrap;-webkit-overflow-scrolling: touch;}
a {text-decoration: none;color: #369;}
.flexcontainer-kleinanzeigen {display: flex;flex-wrap: wrap;align-content: space-around;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;}
.flexcontainer-kleinanzeigen > .flexchild-kleinanzeigen:nth-child(1) {flex: 2;overflow: auto;margin: 0em 1em;height: 100%;position: -webkit-sticky;position: sticky;top: -5em;}
.flexcontainer-kleinanzeigen > .flexchild-kleinanzeigen:nth-child(1)::-webkit-scrollbar {width: 0px;}
.flexcontainer-kleinanzeigen > .flexchild-kleinanzeigen:nth-child(2) {flex: 7;border: 1px solid lightgray;margin: 0em .5em !important;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;background: #ffffff;border-radius: 1em;height: 100%;margin: 0px auto;}
.flexcontainer-kleinanzeigen:last-child {border-bottom: none !important;border-bottom-right-radius: 1em;border-bottom-left-radius: 1em;}
.flexcontainer-kleinanzeigen:last-child > .flexchild-kleinanzeigen-liste:first-child{border-bottom-left-radius: 1em;}
.flexcontainer-kleinanzeigen:last-child > .flexchild-kleinanzeigen-liste:last-child{border-bottom-right-radius: 1em;}

a.anzeige-bearbeiten{font-size: 1.2em;text-align:center;margin: 1em 0em;display: block;padding: .5em 1em 1em 1em;color: #369;border: 1px solid #369;background: white;border-radius: 2em;font-weight: 500;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}
a.anzeige-bearbeiten.hervorgehoben{cursor:pointer;padding: .5em !important;display: inline-block;min-width: 200px;}
a.anzeige-bearbeiten:hover{background: #296394 !important;border: 1px solid #296394;color: white;text-decoration: none;}
a.anzeige-bearbeiten:hover>svg{filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(296deg) brightness(108%) contrast(101%);} /* svg weiß*/
.padding-1{padding:1em !important;}
h3.rubrik{font-weight: 300;border-bottom: 1px solid lightgray;padding-bottom: .3em;}
button.navbar-toggle.rubrikentoggle{float: none;padding: 0;margin: 0;font-size: 1.1em;}

li.list-group-item.kleinanzeigen{border: 1px solid lightgray;padding:0em 1em 1em 1em;}
.list-group-item.kleinanzeigen:first-child{border-top-left-radius: 1em;border-top-right-radius: 1em;}
.list-group-item.kleinanzeigen:last-child{border-bottom-right-radius: 1em;border-bottom-left-radius: 1em;}
.list-group-item.kleinanzeigen.active{background: #92bcec;}
.list-group-item.kleinanzeigen.active > a {color: #fff !important;}
.list-group-item.kleinanzeigen.active > a > svg{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.badge.kleinanzeigen{position: relative;top: 15px;background:#92bcec;}
svg.list-svg{position: relative;bottom: -.4em;margin-right: .5em;}   /* SVGs in den Rubriken */
svg.erglist-svg{position: relative;margin-bottom: -.85em;margin-right: -.2em;} /* SVGs in der Ergebnisliste */
svg.edit{position: relative;bottom: -.7em;}
.physioblue{filter: invert(36%) sepia(22%) saturate(1182%) hue-rotate(169deg) brightness(99%) contrast(101%);} /* hellblaue Farbe für svgs (https://codepen.io/sosuke/pen/Pjoqqp)*/
.green{filter: invert(54%) sepia(10%) saturate(2433%) hue-rotate(65deg) brightness(101%) contrast(87%);}
.darkred{filter: invert(10%) sepia(49%) saturate(4577%) hue-rotate(340deg) brightness(101%) contrast(89%);}

/* Ergebnisliste rechte Seite */
#map{height: 17vh; border: 1px solid grey; z-index:1 !important}
.ausklappen_text{margin: .5em;position: absolute;z-index: 2;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;font-size: 1.3em;background: #fff;padding: .2em 1em .3em 1em;border-radius: 1em;color: #369;border: 1px solid #369;cursor: pointer;}
.ausklappen_text:hover{background: #369; color:white}
.ueberschrift-liste{border-top-right-radius:.4em;border-top-left-radius:.4em;font-weight: 700;padding: .5em .75em;background: #eee;border-bottom: 1px solid lightgray;margin-bottom: 0;}
.nopaddingtop{padding-top:0em;}

.liste_flexbox, .liste_flexbox_carousel{display: flex;}
.liste_flexbox:hover{background-color: #f8f9f9;}

.liste_flexbox_carousel > .image_liste{flex: 3;padding: .75em;border-right: 1px solid lightgray;}
.liste_flexbox          > .image_liste{flex: 3;padding: .75em;border-right: 1px solid lightgray;}
.lazy_list_img, .image_liste > .outer_image{width: 200px; height: 150px;}
.image_liste > .kleiner.outer_image{height: 75px;}
.outer_image.no_image{display: flex;align-items: center;justify-content: center;background: #e2e4e7;border-radius: .5em;border: 1px solid lightgray;}

.liste_flexbox          > .beschreibung_liste{flex: 9;padding: .75em;}
.liste_flexbox_carousel > .beschreibung_liste{flex: 9;padding: .75em;}

.list_el_trenner{height: .5em;background: #eee;} /* border-top: 1px solid lightgray;border-bottom: 1px solid lightgray; */

.linkKleinanzeige{font-size: 1.2em; margin-bottom: 10px;}
.preisangabe{color: #37a864; margin-top: -.2em;display: inline-block;float: right;font-size: 22px;font-weight: 700;padding: 0 0 0 30px;width: auto;}
.preisangabe.anfrage{font-size:18px; margin-top:0;}
.preisangabe.anfrage.hervorgehoben, .preisangabe.hervorgehoben{font-size:22px;}
.hervorgehoben_ueberschrift{font-size: 1.2em;}
.location.hervorgehoben{font-size: 1.2em;}
.ablauffrist{display: block;color: #721c24;margin-top: 1em;}
.anzeigentext{color:#635b67;}
.eckdaten{margin-top: .65em;font-weight: 500;display: inline-block;background: #fafafa;padding: .5em 1em;border: 1px solid lightgray;border-radius: 1em;}
.location{margin-bottom: 10px;color:#6f727f;font-size: 1.1em;}
.plz-ort{border-right: 1px #e2e2e5 solid;margin-right: 8px;padding-right: 10px;}
@media (max-width: 660px) {
   .lazy_list_img, .image_liste > .outer_image{max-height: 106px;max-width: 132px;}
   .beschreibung_erklaerung{display: none !important;}
   .anzeigentext{font-size: 1em;}
   .preisangabe, .anfrage{font-size: 18px;}
}
@media (max-width: 480px) {
   .lazy_list_img, .image_liste > .outer_image{max-height: 80px;max-width: 100px;}
   .beschreibung_liste > .preisangabe, .beschreibung_liste > .anfrage {
      font-size: 15px !important;display: inline-block;float: none;margin-bottom: 3px;padding: 0;text-align: left;
   }
   .beschreibung_liste > .linkKleinanzeige{font-size:15px !important; margin-bottom: 0;}
   .beschreibung_liste.show-carousel > .linkKleinanzeige{margin-bottom: 7px;}
   .anzeigentext{display: none;}
   .plz-ort{display:block;border-right: none;margin-right: 0;padding-right: 0;}
   .beschreibung_liste.show-carousel > .location{margin-bottom: 10px;color:#6f727f;font-size: 1.1em;}
   .beschreibung_liste > .location{font-size: 13px; margin-bottom: 0;}
   a.anzeige-bearbeiten.hervorgehoben{ margin-top: 1em;}
}

/* Filter & Modal */
.filter_erg{padding: 1em;border-bottom: 1px solid lightgray;}
.filter_el{display: inline-block;cursor: pointer;font-size: 1.2em;padding: 0em .5em;border: 1px solid;border-radius: 1em;line-height: 1.5em;position: relative;top: -.3em;} 
.filter_el:hover{background: #92bcec;color: white;border: 1px solid #92bcec;}
.toggle_options{display: inline-block; margin-right:1em;}
.toggle_options>button{font-size: 1.2em;border: 0;background: 0;}
.toggle_options>button:focus{outline: 0;}
.modal-body.kleinanzeigen{border-radius: 1em;}
.checkbox-inline.kleinanzeigen{display: inline-block;font-size: 1.2em;padding: 0;margin: 1em 2em 0em 2em;}
.checkbox-inline.kleinanzeigen > input[type=checkbox]{margin: 7px 0px 7px -20px;}
.filter_speichern{font-size: 1.2em;border-radius: .2em;padding: .3em 1em;background: #fff;border: 1px solid #369;color: #369;display: inline-block;}
.filter_speichern:hover, .filter_speichern.action{background: #369;color:#fff;text-decoration: none;}
.filter_speichern:focus, .profilbild_schliessen:focus {outline: none;}
.text-center.filter-submit{margin-top: 2em;}
.kein_treffer{padding: 1em;font-size: 1.1em;}

/* Mobile Styles */
@media (max-width: 991px) { /* < Tablet */
   .breadcrumb.kleinanzeige{margin: 0em 0em .5em 0em;padding: 0em 0em .7em 0em;border-bottom: 1px solid lightgray;border-radius: 0;font-size: 1.1em;}
   .breadcrump-scroller{height: 3.3rem;}
   .flexcontainer-kleinanzeigen > .flexchild-kleinanzeigen:nth-child(1) {flex: none; width: 100%;height: 100%;position: relative;top: 0;margin: 0;}
   .flexcontainer-kleinanzeigen > .flexchild-kleinanzeigen:nth-child(2) {margin: 0 !important;width: 100%;}
   .flexchild-kleinanzeigen-liste:nth-child(1) {flex: none;width: 100% !important;border-bottom: 1px solid lightgray !important;border-right:0;text-align: center;}
   .flexchild-kleinanzeigen-liste:nth-child(even) {border-bottom: 2px solid lightgrey;}
   .flexBildersatz{margin-right: .5em;}
   h1#rubriken{display: none;}
   svg.erglist-svg {margin-right: -.5em;}
   a.anzeige-bearbeiten{margin: 0em 0em 1em 0em;font-size: 1.1em;line-height: 1em;padding-top: 0em;}
   h3.rubrik.desktop{display: none;}
   button.navbar-toggle.rubrikentoggle{font-size:.9em;}
   .nopaddingtop{padding:0em 0em .5em .5em;}
   h1{font-size:30px}
   .list-svg.headline{margin-right: 0em;bottom: -.2em;}
   .flexcontainer-kleinanzeigen:last-child > .flexchild-kleinanzeigen-liste:first-child{border-bottom-left-radius: 0;}
   .flexcontainer-kleinanzeigen:last-child > .flexchild-kleinanzeigen-liste:last-child{border-bottom-right-radius: 1em; border-bottom-left-radius: 1em;}
}

@media (min-width: 992px) { /* >= Tablet */
   .flexcontainer-kleinanzeigen > .flexchild-kleinanzeigen:nth-child(1) {margin: 0em 1em 0em 0em;}
   .flexBildersatz{margin-right: 0em;}
   .list-group.kleinanzeigen.toggle-biete {display: block;}
   .list-group.kleinanzeigen.toggle-suche {display: block;}
   h3.rubrik.desktop{display: block;}
   h3.rubrik.mobile{display: none;}
   .list-group-item.kleinanzeigen {padding:1em !important;}
   svg.list-svg{display: none;}
   .badge.kleinanzeigen {top:0;}
   a.anzeige-bearbeiten{font-size: 1em;}
   button.navbar-toggle.rubrikentoggle{float: none;padding: 0;margin: 0;font-size: 1.1em;}
   .breadcrump-scroller{margin-bottom: 2em;}
   h1{font-size:36px}
   .list-svg.headline{display: inline; position: relative;bottom: -.4em;margin-right: .5em;}
}

@media (min-width: 1200px) { /* >= großer Laptop  */
   .flexcontainer-kleinanzeigen > .flexchild-kleinanzeigen:nth-child(1) {flex: 2;overflow: auto;margin: 0em 1em;height: 100%;position: -webkit-sticky;position: sticky;top: -5em;}
   .flexcontainer-kleinanzeigen > .flexchild-kleinanzeigen:nth-child(2) {flex: 7;border: 1px solid lightgray;margin: 0em .5em !important;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;background: #ffffff;border-radius: 1em;height: 100%;margin: 0px auto;}
   svg.erglist-svg{position: relative;margin-bottom: -.85em;margin-right: -.2em;} /* SVGs in der Ergebnisliste */
   svg.list-svg{display: inline; position: relative;bottom: -.4em;margin-right: .5em;}   /* SVGs in den Rubriken */
   .badge.kleinanzeigen{position: relative;top: 15px;background:#92bcec;}
   a.anzeige-bearbeiten{font-size: 1.2em;text-align:center;margin: 1em 0em;display: block;padding: .5em 1em 1em 1em;color: #369;border: 1px solid #369;background: white;border-radius: 2em;font-weight: 500;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}
   a.anzeige-bearbeiten:hover{background: #296394 !important;border: 1px solid #296394;color: white;text-decoration: none;}
   a.anzeige-bearbeiten:hover>svg{filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(296deg) brightness(108%) contrast(101%);} /* svg weiß*/
   li.list-group-item.kleinanzeigen{border: 1px solid lightgray;padding:0em 1em 1em 1em !important;}
   .list-group-item.kleinanzeigen:first-child{border-top-left-radius: 1em;border-top-right-radius: 1em;}
   .list-group-item.kleinanzeigen:last-child{border-bottom-right-radius: 1em;border-bottom-left-radius: 1em;}
   .list-group-item.kleinanzeigen.active{background: #92bcec;}
   .list-group-item.kleinanzeigen.active > a {color: #fff !important;}
   .list-group-item.kleinanzeigen.active > a > svg{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
}