@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Butterfly+Kids|Roboto');
.txtwhite
{color:#FFFFFF;
font-weight: 100;
font-size:6em;}


.txt-align
{text-align: center }


.middle {
    position: relative;
	overflow: hidden;}

.middle img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    width: 300px;
	height: 433px;}
.gelb 
{color: #C8DB08;}
	.carouselm
{
    background-image: url("../images/hg4.jpg");
    background-repeat: no-repeat, repeat;
    background-color: #A7CEDF;
  
}


.fit
    {
        width: 100%;
        height:auto;
    }
.martin
{
     width: 100%;
        height:auto;
    display: inline-block;
  position:relative;
        max-width: 500px;
  margin: auto;
  border: 3px solid #73AD21;
   
}
header video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -ms-transform: translateX( 0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
   z-index: 1;
    display: block; object-fit: cover; 

}

header .container {
  position: relative;
 z-index:100;
 
    height: 100%;
  width: 100%;
}

header .overlay {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
 
}
    
header
{
position: relative;
  background-color: white;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
    
}



header slider {
  overflow: hidden;
  position: absolute;
    height:100%;
    width:100%;
    
}

header .caption {
  position: absolute;
  top: 30%;
  margin-top: -104px;
  left: 0;
  right: 0;
  text-align: center;
  /*text-transform: lowercase;*/
  z-index: 150;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}

header h1 {
	color: #C8DB08;
	font-size: 3.5em;
	font-weight: 100;
	margin-top: 7%;
	background-color: rgba(104,220,244,0.53);
    padding: 2%;
}

.btn-start {
  color: #2C2C2C;
  font-size: 14px;
  font-weight: 600;
  padding:14px 40px;
  border: none;
  border-radius: 8px;
  margin-top: 30px;
    background-color: rgba(104,220,244,0.67);
}

.btn-start:hover {
  color: white;
    background-color: rgba(104,220,244,0.33);
}