@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro|Cookie);

@font-face {
  font-family: 'npgrungeregular';
  src: url(/themes/np-hilft/fonts/npgrunge-webfont.eot);
  src: url(/themes/np-hilft/fonts/npgrunge-webfont.eot#iefix) format('embedded-opentype'), url(/themes/np-hilft/fonts/npgrunge-webfont.woff2) format('woff2'), url(/themes/np-hilft/fonts/npgrunge-webfont.woff) format('woff'), url(/themes/np-hilft/fonts/npgrunge-webfont.ttf) format('truetype'), url(/themes/np-hilft/fonts/npgrunge-webfont.svg#npgrungeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}

.btn {
  text-transform: uppercase;
  font-size: 0.9rem
}

#header-teaser {
  position: relative;
  overflow: hidden
}

#header-teaser .slide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative
}

#header-teaser .slide .video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%)
}

#header-teaser .slide .video video {
  width: 100%;
  height: 100%
}

#header-teaser .slide .container {
  height: 100%
}

#header-teaser .slide .container .row {
  height: 100%
}

#header-teaser .slide .container .row .text-box {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto
}

#header-teaser .slide .container .row .text-box h3,
#header-teaser .slide .container .row .text-box p.lead {
  color: #fff;
  text-shadow: 1px 1px #292b2c
}

@media (min-width:768px) {
  #header-teaser .slide .container .row .text-box {
    max-width: 50%
  }

  #header-teaser .slide .container .row .text-box.text-c {
    max-width: 75%
  }
}

#header-teaser.parallax .slide {
  background-attachment: fixed
}

#header-teaser.height-l .slide {
  height: 35vh
}

#header-teaser.height-m .slide {
  height: 50vh
}

#header-teaser.height-h .slide {
  height: 75vh
}

#header-teaser .flex-control-nav.flex-control-paging {
  bottom: 10px
}

#header-teaser .flex-control-nav.flex-control-paging li a {
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  background: #292b2c
}

#header-teaser .flex-control-nav.flex-control-paging li a.flex-active {
  background: #e1061b
}

@media (max-width:767px) {
  #header-teaser .flex-control-nav.flex-control-paging {
    display: none
  }
}

#header-teaser .flex-direction-nav a {
  height: auto
}

#header-teaser .flex-direction-nav a:before {
  color: #e1061b
}

#header-teaser:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px
}

#header-teaser:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1
}

#header-teaser:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px
}

#header-teaser:hover .flex-direction-nav .flex-next:hover {
  opacity: 1
}