/*
==================================================
Teaser
==================================================
*/
.teaser a {
  display: block;
  text-decoration: none;
  color: inherit;
  display:flex;
  flex-direction: column;
  height:100%;
}
.teaser a:hover {
  color: inherit;
}
.teaser img {
  display:block;
  width:100%;
}
.teaser .wrap-txt {
  flex-grow:1;
}
.teaser.center-imgs img{
  height: 35rem;
  object-fit:contain;
}
.event-teasers .teaser a {
  box-shadow: 0 0 1.5rem rgba(0,0,0,0.4);
  height: auto;
  flex-grow: 1;
}
.event-teasers .teaser{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.event-teasers .wrap-txt {
  box-shadow: inset 0 0.5rem 1rem rgba(0,0,0,0.2);
  transition: all .4s ease-in-out;
  min-height: 15rem;
}
.page-teaser-element .wrap-txt{
min-height: 6rem;
  text-align: center;
}

.event-teasers .teaser:hover .wrap-txt {
  background-color: #8E8025;
}
.event-teasers .Datum{
  padding-bottom: 1.5rem;
}

.vertrieb:hover > div img, .vertrieb-teasers .teaser img, .page-teaser-element:hover img{
  filter: grayscale(0);
  transition: all .4s ease-in-out;
}

.vertrieb > div img{
  display: block;
  transition: all .4s ease-in-out;
  filter: grayscale(1);
}
.vertrieb-teaser-element,
.vertrieb-teaser-element .wrap-txt{
  text-align: center;
}
.vertrieb:hover img{
  transform: scale3d(1.1,1.1,1);
}
.vertrieb > div{
  display: block;
  overflow: hidden;
  position: relative;
  max-width: 27rem;
  margin: 0 auto;

}

.vertrieb .wrap-txt,
.vertrieb .views-field {
  text-align: center;
}

.vertrieb .views-field h5 {
  margin: 10px 0 5px 0;
}

.vertrieb{
  display: block;
  padding-bottom: 1rem;
  text-decoration: none;
  color: #000000;
}

.vertrieb:hover{
  color: initial;
}
.vertrieb-view{
  display: flex;
  flex-wrap: wrap;
}

.vertrieb-view .col-3 {
  margin-bottom: 20px;
}

.vertrieb > div > *{
  flex-grow: 1;
}


.page-teasers .teaser {
  margin-bottom: 4rem;
}
.page-teaser-element{
  color: #303030;
  padding: 1em;
  border: 1px solid #E0E0E0;
  height:100%;
}
.termin-detiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.termin-detiles .text-area {
  margin-top: 20px;
}

.termin-detiles .img-area img{
  box-shadow: 0px 3px 16px #00000029;
  display: block;
}
.termin-detiles .date{
  font-weight: bold;
  font-family: "Crimson Pro", serif;
}
.termin-detiles .Text, .termin-detiles .date{
  color: #303030;
}
.epm-media-type-job{
  display: flex;
}
.media-title {
  text-align:center;
  padding: 0.8rem;
}
.media-job a{
  flex-grow: 1;
  position: relative;
  text-decoration: none;
  display: block;
}
.media-job .overlay{
  width: 100%;
  display: flex;
  align-items: flex-end;
  transition: all 0.7s ease-in-out;
  padding: 1.5rem 3rem;
  min-height: 8em;
  z-index: 1;
  position: absolute;
  bottom: 0;
}

.media-job{
  margin: 0 !important;
  display: flex;
}
.media-job img{
  width: 100%;
  display: block;
}
.media-job .primary {
  background: rgba(191, 167, 35, 0.85);
}
.media-job:hover .overlay{
min-height: 100%;
}
.media-job:hover .primary{
  background-color: rgba(48,94,38,0.85);
}