/***************STARTSEITE LINIE SB*********************/
hr.whiteline {
  background-image: -webkit-linear-gradient(left, transparent, rgba(155, 155, 155, 0.2), transparent)!important;;
  background-image: linear-gradient(to right, transparent, rgba(155, 155, 155, 0.2), transparent)!important;;
  border: 0;
  height: 2px;
}

.trans--grow{
    -webkit-transition: width 1s ease-out; /* For Safari 3.1 to 6.0 */
    transition: width 1s  ease-out;
    width : 0%;
}

.grow{
    width:50%;
    margin: auto;margin-bottom:40px;
}


/***************STARTSEITE*********************/

.startseitehead {
	padding-top: 290px;

}

/***************FADE OVERLAY SB*********************/
.startseitehead::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 80%;

}


.startseitehead h1 {
  color: #fff;
  /* background: rgba(10,30,55,.75); */
  padding-bottom: 10px;
  /* display: inline; */
font-style: italic;
  text-transform: none !important;
  font-weight: 200 !important;
  line-height: 1.2 !important;
  font-size: 90px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  margin-bottom: 20px;

}
.startseitehead.btn{
	padding-top: 290px;

}
.startseitehead h2 {
  color: rgba(255, 255, 255, 0.7)!important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 22px !important;
  margin-bottom: 15px;
  letter-spacing: 5px;
}

.startseitehead p {
  color: #fff;

}

@media (max-width: 996px) {

.startseitehead {
	padding-top: 190px;
}

.startseitehead h1 {
  line-height: 42px !important;
  font-size: 5.5em !important;
  padding-bottom: 40px !important;
}
.startseitehead h2 {
  font-size: 18px !important;
  line-height: 18px !important;
}
}
@media (max-width: 762px) {

.startseitehead {
	padding-top: 190px;
}

.startseitehead h1 {
  line-height: 32px !important;
  font-size: 5.5em !important;
  padding-bottom: 40px !important;
}
.startseitehead h2 {
  font-size: 15px !important;
  line-height: 15px !important;
}
}



/***self hosted video css***/
/**video css new**/
.video-section {
  width: 100%;
  height: 570px;
  position: relative;
  display: table;
  overflow: hidden;
}

@media (min-width: 1024px) {
.videosectionbig {
  height: 680px !important;
}
}

.startseitevideo {
min-height: 50vh !important;
}
@media (max-width: 1024px) {
.startseitevideo {
min-height: 90vh !important;
}
}
@media (max-width: 762px) {
 .startseitevideo {
min-height: 90vh !important;
}
}
}


.video-section .overlay {
  background-color: rgba(0, 0, 0, 0.0);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}


.video-section .fs-background-container {
  left: 0;
}

.video-section .video-overlay {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  z-index: 2;
}

.video-section .video-overlay h1 {
  color: #fff;
  font-weight: 400;
  font-size: 50px;
}

.video-section .video-overlay p {
 color: #fff;
}

@media (max-width: 996px) {
.video-section .video-overlay h1 {
   color: #fff;
  font-weight: 400;
  font-size: 40px;
}

}
@media (max-width: 762px) {
 .video-section .video-overlay h1 {
    color: #fff;

  font-weight: 400;
  font-size: 30px;
}

}