/* #959595
#35499c
#9ba0b5

#020d3a


#1bcccc
*/

body{
  background-color:#020d3a ;
  color: wheat;
}

.ausverkauft{
        position:absolute;
         text-align:center; 
        padding-top:200px;
        
}

.Preis{
color: wheat; text-align: center; font-size: xx-large;

}
.Preis0{
font-size: xx-large; padding: 25px; text-align: center;
}
.Preis1{
  font-size: xx-large;
  }
  .Preis2{
    font-size: xx-large; 
    }
    .Preis3{
      font-size: xx-large; 
      }
      .Preis4{
        font-size: xx-large;
        }
        .Preis5{
          font-size: xx-large; 
          }
          .Preis6{
            font-size: xx-large;
            }
            .Preis7{
              font-size: xx-large;
              }
              .Preis8{
                font-size: xx-large;
                }.Preis9{
                  font-size: xx-large;
                  }
                  .Preis10{
                    font-size: xx-large;
                    }
                                      
                                                                        
.header{
text-align: center; font-size: 300%; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; padding-bottom: 25px;
}

.text{
text-align: center; font-size: 190%; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; padding-bottom: 25px;
}

.Anleitung{
text-align: center; font-size: 180%; margin-top: 75px ; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; background-color: antiquewhite ; 
color: #04AA6D ; border-radius: 100px;
}

.logo{
    padding: 25px;
}

.tira{
  border-radius: 100px; text-align: center;
  
}




* {box-sizing: border-box}

/* Full-width input fields */
  input[type=text], input[type=password], input[type=date], input[type=number], input[type=time] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
  border-radius: 100px;
}

input[type=checkbox]{
  
  padding: 15px;
  
  display: inline-block;
  border: none;
  background: #f1f1f1;
}

.be{

  padding: 15px;
  
  display: inline-block;
  
  background: #f1f1f1;
  border-radius: 100px;
  color: black;
}

input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
  color: black;
}

/* Set a style for all buttons */

button {
  background-color: antiquewhite;
  color: #04AA6D;
  padding: 14px 20px;
  margin-top: 25px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  border-radius: 100px;
  text-align: center;
}




button:hover {
  opacity:1;
}

/* Extra styles for the cancel button */
.cancelbtn {
  padding: 14px 20px;
  background-color: #f44336;
}

/* Float cancel and signup buttons and add an equal width */
.cancelbtn, .signupbtn {
  float: left;
  width: 50%;
}

/* Add padding to container elements */
.container {
  padding: 16px;
}

/* Clear floats */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* Change styles for cancel button and signup button on extra small screens */
@media (max-widht:800px ){
    body{
        flex-direction: column;
}
    }