.image-text-hover.mobil .box-bogen .card-body{
  position: relative;
  height: 100%;
}
.image-text-hover .box-bogen .card { 
  position: relative;
  border-radius: 0 0 100px; 
  overflow: hidden;   
  border: solid #fff 1px;
  background-color: transparent;
}
.image-text-hover .box-bogen .card-body {
  position: absolute;
  bottom: 0;
  height: 76px;
  width: 100%;
  left: 0;
  padding: 1rem;
  font-weight: 300;
  color: white;
  backdrop-filter: blur(14px) brightness(80%);
  overflow: hidden;
  transition: .5s ease;
}
.image-text-hover .box-bogen .card-body.two-lines-head {
  height: 108px;
}
.image-text-hover .box-bogen .card:hover .card-body{
  background-color: rgb(255,255,255, 0.5);
  height: 100%;
}
.image-text-hover .box-bogen .card-img-top { border-radius: 0;}
.image-text-hover .box-bogen .card-title { font-size: 24px; margin-bottom: 30px;}
.image-text-hover .box-bogen .card-text { font-size: 14px; }
.image-text-hover .box-bogen .card > .spacer { height: 90px; }
.image-text-hover .box-bogen .card-body h3, .box-bogen .card-body h3 { margin-top: 8px; }
.image-text-hover .box-bogen .card-body p { margin-top: 25px; }

.hintergrund-fond-blauschwarz .image-text-hover .box-bogen .card-body { background-color: rgb(58,82,94, 1.0); }
.hintergrund-fond-blauschwarz .image-text-hover .box-bogen .card:hover .card-body { background-color: rgb(58,82,94, 0.75); }
.hintergrund-fond-taubenblau .image-text-hover .box-bogen .card-body { background-color: rgb(111,149,170, 1.0); }
.hintergrund-fond-taubenblau .image-text-hover .box-bogen .card-body:hover { background-color: rgb(111,149,170, 0.75); }