h1 { 
  font-family: 'Oswald', sans-serif;
  color:       #002a2e;
  line-height: 5px;
  font-size:   35px;
}

h3 {
  font-family: 'Maven Pro', sans-serif;
  color:       #002a2e;
  font-size:   14px;
  font-weight: 400;
  line-height: 5px;
}

p.SCHRIFT{
  font-family: 'Reenie Beanie', cursive;
  color:       white;
  width:       400px;
  font-size:   35px;
  transform:   rotate(-7deg);
  border:      0px solid yellow;
  margin-left: 300px;
}


html, body {
  height:       100%;
  margin:       0px;
  padding:      0px;
  font-family:  'Maven Pro', sans-serif;
  color:        #002a2e;
  font-size:    14px;
}
 
div {
  border: 0px solid #000000;
}

a {
  color:             inherit;
  text-decoration: 	 none;
}


.HINTERGRUND{
	z-index: 					  -1;
	background-repeat:	no-repeat;
	position: 					fixed;
	top:							  0;
	left: 						  0;
	width: 						  100%;
	height: 						100%;
}

.HINTERGRUND_COVER {	
	background-image: 		linear-gradient(to left top, rgba(0 ,0 ,0 , 0.1), rgba(0, 0, 0, 0.1)), url("pics/cube.jpg");
	background-position:	center center;
	background-size:			cover;
}



div.CONTENT {
  width:            100%;
  height:           auto;
  margin:           0px;
  border:           0px solid yellow;
}


div.C_TITEL {
  position:         relative;
  font-family:      'Oswald', sans-serif;
  color:            #ffffff;
  text-transform:   uppercase;
  font-size:        70px;
  font-weight:      bold;
  line-height:      80px;
  width:            750px;
  margin:           200px 0px 300px 50px;
  text-align:       left;
  //background-color: yellow;
  //border:           1px solid yellow;

  
  animation:         3s slideIn;
  -moz-animation:    3s slideIn; /* Für Firefox */
  -webkit-animation: 3s slideIn; /* Für Safari und Chrome */
  -o-animation:      3s slideIn; /* Für Opera */
}

div.STRIPE2 { /*zweispaltger Streifen*/
	position: 				 relative;
  float:             left;
  display:           inline;
  width:             100%;
  height:            300px;
  border:            0px solid #990f80;
  background-color:  #00545e;
}
div.S2_LEFT { /* Erste Spalte im zweispaltigen Streifen */
  position:          absolute;
  width:             500px;
  height:            300px;
  text-align:        center;
  background-color:  white;
}
div.S2_RIGHT { /* Zweite Spalte im zweispaltigen Streifen */
  position:          absolute;
  padding:           15px 0px 0px 15px;
  left:              500px;
  max-width:         1200px;
  min-width:         300px;
  height:            285px;
  background-color:  #00545e;
  color:             white;
  font-size:         14px;
  border:            0px solid red;
}

div.S2_RIGHT a {
  color:             white;
  text-decoration: 	 none;
}

div.S2_RIGHT a:hover {
  color:             #d63119;
}





div.B_TITEL {
	position: 				 relative;
  float:              left;
  background-color:  white;
  color:             #002a2e;
  width:             100%;
  height:            300px;
  text-align:        center;
}


div.B_TITEL H1 {
  font-family:      'Oswald', sans-serif;
  margin-top:        75px;
  color:             #002a2e;
  text-transform:    uppercase;
  font-size:         70px;
  font-weight:       bold;
}



/* Animationen */

@keyframes slideIn {
    from { 
      opacity:      0;
      margin-left: -500px;
      width:        750px;
    }
    33% {
      margin-left: -400px;
      opacity: 0;
    }
    to { 
      opacity:     1;
      margin-left: 50px;
    }
}
@-moz-keyframes slideIn { /* Für Firefox */
    from { 
      opacity:      0;
      margin-left: -500px;
      width:        750px;
    }
    33% {
      margin-left: -400px;
      opacity: 0;
    }
    to { 
      opacity:     1;
      margin-left: 50px;
    }
}

@-webkit-keyframes slideIn { /* Für Safari und Chrome */
    from { 
      opacity:      0;
      margin-left: -500px;
      width:        750px;
    }
    33% {
      margin-left: -400px;
      opacity: 0;
    }
    to { 
      opacity:     1;
      margin-left: 50px;
    }
}

@-o-keyframes slideIn { /* Für Opera */
    from { 
      opacity:      0;
      margin-left: -500px;
      width:        750px;
    }
    33% {
      margin-left: -400px;
      opacity: 0;
    }
    to { 
      opacity:     1;
      margin-left: 50px;
    }
}