@charset "UTF-8";
/**
 *   Farbengrundtöne
 */
/*
  * Farben verwendung
  */
/**
  *   Schriften
  */
/**
  *  Schriftgrößen
  */
/**
  * grid
  */
/* line 5, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
.startseiteheader {
  margin-bottom: 8rem;
}
/* line 8, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
.startseiteheader .sliderbox {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: calc(100vh - 7rem);
  margin-top: 1rem;
  background: grey;
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #F3F3F3;
  margin-left: 0.938rem;
  margin-right: 0.938rem;
  margin-top: 0rem;
}
@media (max-width: 47.95rem) {
  /* line 8, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
  .startseiteheader .sliderbox {
    height: 45vh;
  }
}
@media (min-width: 48rem) and (max-width: 75rem) {
  /* line 8, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
  .startseiteheader .sliderbox {
    min-height: unset;
    height: auto;
  }
}
/* line 40, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
.startseiteheader .sliderbox .headerimage {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  filter: grayscale(1);
}
@media (max-width: 75rem) {
  /* line 40, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
  .startseiteheader .sliderbox .headerimage {
    border-bottom-right-radius: 6.5rem;
  }
}
/* line 52, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
.startseiteheader .sliderbox .headerimage picture {
  width: 100%;
  position: relative;
  display: block;
}
/* line 60, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
.startseiteheader .sliderbox .headervideo {
  width: 100%;
  height: 100%;
  flex-basis: 100%;
  overflow: hidden;
  top: 0rem;
}
@media (max-width: 47.95rem) {
  /* line 60, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
  .startseiteheader .sliderbox .headervideo {
    display: flex;
    justify-content: center;
  }
}
/* line 74, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
.startseiteheader .sliderbox .headervideo .headerbackground {
  min-width: 100%;
  min-height: 100%;
  display: block;
  flex-shrink: 0;
  z-index: 0;
}
@media (max-width: 75rem) {
  /* line 74, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
  .startseiteheader .sliderbox .headervideo .headerbackground {
    width: 100%;
  }
}
@media (max-width: 47.95rem) {
  /* line 74, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
  .startseiteheader .sliderbox .headervideo .headerbackground {
    height: 100%;
    width: auto;
  }
}
/* line 96, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
.startseiteheader .sliderbox .headercontent {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  height: calc(100% - 26px);
  top: 3px;
}
@media (max-width: 60rem) {
  /* line 96, ../../../sass_base/sass/contentelemente/startseite/startseiteheader.scss */
  .startseiteheader .sliderbox .headercontent {
    margin-left: 0rem;
    justify-content: center;
  }
}