html, body{
  font-family: 'Slabo 27px', serif;
  background-color: #fefefe;
  color: #141414;
  border: 0px;
  margin: 0px;
  padding: 0px;
  height: 100%;
}
iframe{
  border: 0px;
  margin: 0px;
  padding: 0px;
}
::selection {
    background: #F9DC5C;
}
::-moz-selection {
    background: #F9DC5C;
}

.logo{
  position: absolute;
  top: 5px;
  left:5px;
  z-index: 5;
  width: 10%;
}

h1{
  font-family: 'Slabo 27px', serif;
  color: #141414;
  text-align: center;
  margin: 30px;
  border-bottom: 2px solid #ED254E;
  border-bottom: 2px solid #e74c3c;
}

p{
  font-size: 1.8em;
  /*margin: 10px 10%;*/
  padding: 10px 10%;
}

p > span{
  color: #ED254E;
  color: #e74c3c;
}

.video-player{
  min-height: 100%;
  height:auto !important;
  height:100%;
  width: 100%;
}
.text{
  padding: 2% 0px;
  background-color: #fefefe;
}
.text > a{
  text-decoration: none;
  text-decoration: underline;
  font-size: 1.5em;
  font-family: 'Slabo 27px', serif;
    display: block;
    padding: 10px 20%;
    text-align: center;
    color: #141414;
    transition: color 0.2s;
}

.text > a:hover{
  color: #ED254E;

}



.oberflaeche-container{
  /*
margin-bottom: 0px;
border-bottom: 0px;
padding-bottom: 0px;
*/
}

.info{
  background-color: #27ae60;
  text-align: center;
  font-size:2em;
  color:#fefefe;
  padding-top: 20px;
  overflow: hidden;
}

.info > span{
  font-size:3em;
}

.info > h1{
  color: #fefefe;
  text-align: center;
  margin: 30px;
  border-bottom: 2px solid #fefefe;
}

.contact{
  background-color: #ED254E;
  background-color: #34495e;
  display: flex;
  align-items: center;
  justify-content: center;

}

.contact-window{
background-color: white;
height: 60%;
width:70%;
box-shadow: 4px 4px 80px rgba(107, 107, 107, 0.62);
box-shadow: 4px 4px 80px rgba(134, 134, 134, 0.82);
font-size: 2em;
overflow: auto;

}

.contact-window > img{
  height: 100%;
  display: block;
  float: left;
  margin-right: 20px;
}

.contact-window > .contact-items{
  margin: 40px;
}

.fullscreencard{
  min-height: 100%;
  height:100% !important;
  width: 100%;
}

.video.fullscreencard{
  min-height: 95% !important;
  height:95% !important;
}

.oberflaeche{
  width: 100%;
  display: block;
}

.oberflaeche-image{
  z-index: -1;
  position: fixed;
  top: 0px;
  left:0px;
  width:100%;
}

/*
.demoimage{
  z-index: -1;
  position: fixed;
  top: 0px;
  left:0px;
  width:100%;
}
*/