/* PROJECTE */



/* Modul: Projekte Slider */

#colligent-slick-projekte .slick-next:before,
#colligent-slick-projekte .slick-prev:before {
  font-size: 40px;
  color: var(--main-50-color);
  line-height: 0.45;
}

.projekte-pagination li button:hover,
.projekte-pagination li.slick-active button {
  background-color: var(--accent2-color);
}


/* Modul: Projektfilter */

.projektsuche form button {
  background-color: var(--accent1-color);
}

.projektsuche form button:hover {
  background-color: var(--main-color);
}

.projektfilter-tag {
  background-color: var(--accent1-75-color);
  color: var(--white-color);
}

.projektfilter-tag:hover {
  background-color: var(--main-color);
}


/* Modul: Projekt Card */

.projekt-kat {
  font-size: 0.875em;
}

.projekt-verein {
  font-size: 1.125em;
  font-weight: 500;
}

.projekt-name {
  font-size: 1.5em;
  line-height: 1.083;
  font-weight: 700;
}

.projekt-summe {
  font-size: 2.250em;
  font-weight: 700;
}

.projekt-zeit {
  font-size: 0.875em;
}

.projekt-fortschritt {
	/*border-top: 1px solid var(--accent2-color);*/
	background: var(--accent2-5-color);
}

.projekt-infos {
  border-top: 1px solid var(--main-color);
}

.projekt-info-item {
  font-size: 0.750em;
  color: var(--accent2-color);
  background: var(--main-5-color);
}

.projekt-info-item:nth-child(2) {
  border-left: 1px solid var(--main-color);
  border-right: 1px solid var(--main-color);
}

.projekt-info-icon path {
  fill: var(--accent2-color);
}







/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  .projektfilter-title,
  .projektfilter-tag {
    font-size: 12px;
  }

  .projekt-image {
    height: 200px;
  }

  .projekt-kat {
    font-size: 12px;
  }

  .projekt-verein {
    font-size: 14px;
  }

  .projekt-name {
    font-size: 20px;
    line-height: 1.2;
  }

  .projekt-info-item {
    font-size: 11px;
  }


}


/* Tablet Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}


/* Mobile Portrait */
@media only screen and (max-width: 767px) {




  /* Module: Projekte Overview Mobile */

  .projektsuche form input.standard-option, 
  .projektsuche form select.standard-option {
    font-size: 14px;
  }

  .projektfilter form input.standard-option, 
  .projektfilter form select.standard-option {
    font-size: 14px;
  }

  .projektfilter-title, 
  .projektfilter-tags {
    font-size: 14px;
  }

  .projekt-kat {
    font-size: 14px;
  }

  .projekt-verein {
    font-size: 16px;
  }

  .projekt-name {
    font-size: 24px;
  }

  .projekt-info-item {
    font-size: 10px;
  }




  
}

/*Anpassungen*/

.projekte-filter,.projekt-fortschritt {background-color: var(--lightgrey-color);}

.projektfilter:last-child col-react-bridge .input-group .dropdown button {background-color: var(--accent1-color);}