/*
Möglichst alle Styles im namespace des VC Elements behalten, um Konflikte zu vermeiden
*/
.dhsv_vc_headline {
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
}
@-webkit-keyframes headline_border {
  100% {
    height: 100%;
  }
}
@-o-keyframes headline_border {
  100% {
    height: 100%;
  }
}
@keyframes headline_border {
  100% {
    height: 100%;
  }
}
@-webkit-keyframes headline_headline {
  100% {
    width: 0%;
  }
}
@-o-keyframes headline_headline {
  100% {
    width: 0%;
  }
}
@keyframes headline_headline {
  100% {
    width: 0%;
  }
}
.dhsv_vc_headline .border {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 12px;
  background: url(../img/borderbg.png);
  height: 0%;
}
.dhsv_vc_headline.red .border {
  background: url(../img/borderbg_red.png);
}
.dhsv_vc_headline span.subline {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding-left: 30px;
  text-transform: uppercase;
  font-family: 'blender_book', sans-serif;
}
.dhsv_vc_headline h2 {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  padding-left: 30px;
  margin: 0;
  text-transform: uppercase;
}
.dhsv_vc_headline h2 span {
  position: relative;
  display: block;
  width: 100%;
}
.dhsv_vc_headline h2 span.red {
  color: #be2b1d;
  font-family: 'blender_bold', sans-serif;
}
.dhsv_vc_headline h2 span:after {
  content: "";
  position: absolute;
  background: white;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@keyframes headline_border {
  100% {
    height: 100%;
  }
}
@keyframes headline_headline {
  100% {
    width: 0%;
  }
}
.dhsv_vc_headline.active .border {
  -webkit-animation: headline_border 1s 0.5s ease forwards;
       -o-animation: headline_border 1s 0.5s ease forwards;
          animation: headline_border 1s 0.5s ease forwards;
}
.dhsv_vc_headline.active h2 span.red:after {
  -webkit-animation: headline_headline 0.7s 1.5s ease forwards;
       -o-animation: headline_headline 0.7s 1.5s ease forwards;
          animation: headline_headline 0.7s 1.5s ease forwards;
}
.dhsv_vc_headline.active h2 span.norm:after {
  -webkit-animation: headline_headline 0.7s 1s ease forwards;
       -o-animation: headline_headline 0.7s 1s ease forwards;
          animation: headline_headline 0.7s 1s ease forwards;
}
.searchcontainer {
  margin-bottom: 60px;
  min-height: 600px;
}
.searchcontainer .dhsv_vc_headline {
  margin-bottom: 60px;
}
.search_div {
  padding: 10px 0;
  color: #808080;
  border-bottom: 1px solid #f4f4f4;
  font-size: 25px;
  font-family: 'blender_book', sans-serif;
}
.search_div a {
  color: #808080;
}
.search_div a:hover {
  color: #be2b1d;
}
.search_div strong {
  font-family: 'blender_bold', sans-serif;
}
