body {font-family: helvetica;
font-weight: bold;}
* {box-sizing: border-box;}



input  {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  background-color: rgb(238, 237, 237);
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;

}


input[type=email] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    background-color: rgb(238, 237, 237);;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    
  }

select {
  width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    background-color: rgb(238, 237, 237);;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
}

input[type=date] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    background-color: rgb(238, 237, 237);;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
   
  }

  input[type=number]{
  
    padding: 12px;
    border: 1px solid #ccc;
    background-color: rgb(238, 237, 237);;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
   
  }


  input[type=file] {
   
    width: 125px ;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: rgb(238, 237, 237);;
    border-radius: 4px;
    box-sizing: border-box;
  
   
  }

  input[type=submit] {
    width: 70px;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: rgb(238, 237, 237);;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: left;
    font-weight: bold;
  
   
  }

  textarea{
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    background-color: rgb(238, 237, 237);
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
  
  }

.paragraph{

 font-weight: normal;
}


.container {
  border-radius: 5px;
  padding: 20px;
  text-align: left;
  margin-left: 20%;
  margin-right: 20%;
}


input[type="radio"] {
  margin: 0;
  width: 5em;
  height: 1em;
}

.logo{
  width: 15%;
  height: auto;
}

.logo2{
  width:50%;
  height: auto;
float: right;
}

body { 
  background-image: url('EWS-Playbutton-rot-mit-Verlauf-RGB.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right bottom; 

}

h1{
  text-align: center;
}

hr{
  border-width: 1px;
  border-color: black;
  background-color: black;
}

.submit{
  font-weight: normal;
  margin-top:10%;
  margin-left: 30%;
  margin-bottom: 30%;
}

.right1 {

  float: right;
  width: 50%;
  display: block;
  padding-left: 10px;

 

}

.left1 {

  display: block;
  float:left;
  width:50%;
  padding-right: 10px;
 

}


  
  .left1 {
  
    display: block;
    float:left;
    width:50%;
    padding-right: 10px;
   
  
  }

@media ( max-width: 900px ) {

  .right1 {
    width: 100%;
    padding-right: 10px;
  
  }
  
  .left1 {

    width: 100%;
    padding-left: 10px;

   
  
  }