/* Kontakt-Button auf Hilfe-Seite */
#kontakt-buttonhover a:hover {
   background: #256d6d !important;   /* dklgreen */
  font-weight: bold;
    padding-top: 8px;
  padding-bottom: 8px; 
  padding-left: 30px;
    padding-right: 30px;
}
#kontakt-buttonhover {
            color: #fff; 
            text-align: center; 
            border-radius: 4px; 
  			float: left;
}
#kontakt-buttonhover a {
			background: #38a6a6;
            color: #fff; 
            text-align: center; 
            border-radius: 4px; 
    padding-top: 8px;
  padding-bottom: 8px; 
    padding-left: 30px;
    padding-right: 30px;
}

/* Beispiel CSS-Klasse für iconfarben, wird in den Kategorien verwendet */
.color-reststoffe {
    color: #fda737;
}

/* Diese Klasse wird auf Marker-Icons auf der Karte angewandt wenn Item in Liste ge-mouse-overt wird ;-) 
Beispiele gibts hier: https://css-tricks.com/almanac/properties/f/filter/
*/
.markerSelected {
  -webkit-filter: invert(.8);
  filter: invert(.8);
}
.overlay {
    background: rgba(0, 0, 0, 0.3) !important;
}

#accordion div {
   background-color: #ccc;
   padding: 0px 0px 0px 0px;   
   height:40px;
   transition: height 1.5s ease-in;  /* klappt langsam zurück */
}

#accordion div:hover {
   background-color: #ddd;  
   height: auto;  
   transition: height 0.7s ease-out;      /* klappt schnell raus */
}

/*
.form-group {
margin-left: 300px;
width: 60%;
margin-top: 100px;
margin-bottom: 100px;
}
*/
#kontaktform {
margin-left: 300px;
width: 40%;
margin-top: 100px;
margin-bottom: 100px;
}
.sliderlink {
   color: #e17950 !important;
}
/* START: rechte marginalspalte: Aktionsbox "Neues Angebot / Gesuch erstellen" */
.contact-info {
background-color: rgb(225, 121, 80);
padding-top: 5px;  
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  font-size: 18px;
}
/*.listing-meta span [class^="ion"]  <<< "ion" betrifft alle glyphicons  */
.listing-meta span [class^="ion-android-add-circle"]{	/*20200211: re Marginalspalte: Aktion PLUS-Icon Eintrag erstellen   */
  font-size: 60px;
  padding-right: 910px;	/*20200211 re Marginalspalte: so groß, damit Text neben Aktion PLUS-Icon in neue Zeile rutscht   */
}
.contact-info span a {
color: #fff;
font-size: 18px;
}
.contact-info span a:hover {
color: rgb(99, 119, 131);				/* #374249; */
}
.contact-info h3 {
color: #fff;
border-bottom-style: solid;
border-bottom-width: 2px;
  border-color: #637783;			/* rgb(99, 119, 131);  #637783;  #e8eff0;  */
font-size: 18px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* ENDE: rechte marginalspalte: Aktionsbox "Neues Angebot / Gesuch erstellen" */