*,

*::before,

*::after {

  box-sizing: border-box;

}

html {

  background-color: #f0f0f0;

}

body {

  color: #666666;

  font-family: 'Adapter_Rg',   Helvetica, Arial, sans-serif;

  font-style: normal;

  font-weight: 400;

  letter-spacing: 0;



  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -moz-font-feature-settings: "liga" on;

}

img {

  height: auto;
  min-height:24px!important;
  min-width:24px!important;
  padding:10px 10px 10px 0px;
  max-width: 100%;

  vertical-align: middle;

}

.btn {

  background-color: white;

  border: 1px solid #cccccc;

  color: #696969;

  padding: 0.5rem;

  text-transform: lowercase;

}

.btn--block {

  display: block;

  width: 100%;

}

.cards {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  list-style: none;

  margin: 0;

  padding: 0;

}

.cards__item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 1rem;

	text-decoration: none!important;



}

.card__title:hover{color:#9d2222;}



@media (min-width: 40rem) {

  .cards__item {

    width: 50%;

  }

}

@media (min-width: 56rem) {

  .cards__item {

    width: 33.3333%;

  }

}

.card { min-width: 270px; min-height:360px;

  background-color: white;

  border-radius: 0.25rem;

  box-shadow: 0 8px 12px  -6px rgba(0, 0, 0, 0.25);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  overflow: hidden;

}

.card:hover .card__image {

 /* -webkit-filter: contrast(100%);

          filter: contrast(100%);*/



}

.card__content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

      -ms-flex: 1 1 auto;

          flex: 1 1 auto;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  padding: 1rem 1rem 0rem 1rem;

}

.card__image {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  border-top-left-radius: 0.25rem;

  border-top-right-radius: 0.25rem;

 /* -webkit-filter: contrast(70%);

          filter: contrast(70%);*/

  overflow: hidden;

  position: relative;

  -webkit-transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);

  transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);

  transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);

  transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91), -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);

}

.card__image::before {

  content: "";

  display: block;

  padding-top: 56.25%;

}

@media (min-width: 40rem) {

  .card__image::before {

    padding-top: 66.6%;

  }

}

.card__image--beratung {

  background-image: url(http://bludomain.de/westermann3/userfiles/mitarbeiter/beratung.jpg);

	background-position: 0px 0px;

}

.card__image--bonn {

  background-image: url(http://bludomain.de/westermann3/userfiles/mitarbeiter/bonn.jpg);

	background-position: 0px -25px;

}

.card__image--fliehkraft {

  background-image: url(http://bludomain.de/westermann3/userfiles/mitarbeiter/Nahid.jpg);

	background-position: 0px -25px;

}

.card__image--flowers {

  background-image: url(http://bludomain.de/westermann3/userfiles/mitarbeiter/Anna-Kress.jpg);

	background-position: 0px -25px;

}

.card__image--river {

  background-image: url(http://bludomain.de/westermann3/userfiles/mitarbeiter/Lina.jpg);

  background-position: 0px -25px;

}

.card__image--record {

  background-image: url(https://unsplash.it/800/600?image=39);

}

.card__image--fence {

   background-image: url(http://bludomain.de/westermann3/userfiles/mitarbeiter/Helen-Bannenberg.jpg);

	background-position: 0px -25px;

}

.item .card__title, .item .card__text {text-align: center;		}


	.card {
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
			height: 300px;
		margin-bottom:30px;
}
		.card:hover {
    box-shadow: none;
    margin-top: 2px;
    margin-left: 2px;
}
		.btn--block {
    width: 60%!important;
     margin: 20px auto;
    background-color: #a40000!important;
    border: 1px solid #cccccc;
    color: #ffffff!important;
    padding: 0.5rem;
    text-transform: lowercase;

}

.card__title {

  color: #a40000;
  margin-bottom:20px;
-webkit-hyphens: auto;
  -ms-hyphens: auto;
hyphens: auto;

  /*font-size: 1.17rem;

  font-weight: 300;

  letter-spacing: 1.5px;*/

  text-transform: uppercase;

}

.card__text {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 auto;

          flex: 1 1 auto;

  font-size: 0.875rem;

  line-height: 1.5;

  margin-bottom: 1.25rem;

}