#languages {
    display:inline-block;
    position: absolute;
    top:4px; 
    right: 60px;
    
    
}
 

 
 
  #ans {
            width: 10%;
            margin-left: 15px;
            margin-right: 10px;
            padding-left:50px;
        }
        #question {
            font-size: 18px;
            margin-right:50px;
            padding-left: 15px;
        }  
 #my_register{
      font-size:30px;
      font-weight: bold;
    }
	
	
@media screen and (max-width: 925px) {
	
	body {
		background-image: none;
    }	
}

@media screen and (max-width: 640px) {
	
	#myselect-country {
		width: 88%;
	}

	#myselect{
			width: 83%;
	}
	
	
	body {
		background-image: none;
    }
	
	/*#my_image{
		display: none;}*/
	
	form h2 {
			font-size: 26px;
			margin: 0 0 10px 15px;
			padding-top: 20px;
			color: #555;
	} 

	#my_register{
		  font-size:18px;
		  float: left;
		  margin: 15px 250px 20px 0px;
	}
	
form input[type="text"], input[type="password"] {
    width: 80%;
	}
}


@media screen and (max-width: 500px) {
	/*  dies greift nur wenn der Bildschirm kleiner als 500px ist
	  .hide-mymobile wird dann nicht mehr angezeigt */
 
	/* bei Spmartphone Eingabefeld grösser machen*/
	
	
#myselect-country {
		width: 88%;
}

#myselect{
		width: 83%;
}

	body {
		background-image: none;
    }
	
	/*#my_image{
		display: none;}*/
 
 
 #GuaxsLogo {
    /*max-width: 100%;
    */
    width:30%;
    float: left;
    height: auto;
    margin: 23px 25px 0px 130px;
 }
 
  #my_register{
      font-size:16px;
	  float: left;
	  margin: 15px 25px 20px 0px;
    }
	
#my_Freetxt {
	color: #838383;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	width: auto;
	float: left;
}
 
form h2 {
        font-size: 26px;
        margin: 0 0 10px 15px;
        padding-top: 20px;
        color: #555;
} 
 
 
form input[type="text"], input[type="password"] {
    width: 80%;
	}
 
 
 #ans {
            width: 35%;
        }
 
          /* dies sind andere Beispiele*/
           mydiv.nav ul li {
           width: 50%;
           font-size: 85%;
          }
          
          mydiv.mobile-collapse {
           width: auto;
           float: none;
           margin-right: 0;
          }
          
          .hide-mymobile {
           display: none;
          }
           
}



#kuebel1 {
    max-width: 100%;
    height: auto;
}
#my_userid {
	
	color: #838383;
	margin: 0 0 10px 30px;
	padding: 10px 5px 12px 0px;
	width: 50%;
}

#my_Freetxt {
	color: #838383;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	width: 60%;
	float: left;
}

 #GuaxsLogo {
	max-width: 100%;
	float: left;
    height: auto;
	margin: 23px 25px 0px 130px;
}

.my_firma {
	float: left;
}

.myselect-country {
	  padding: 0px 5px 0px 0px;
      background-color: #fff;
      border: 1px solid #fff;
      width: 52%;
      color: #838383;
      margin: 0px 0px 10px 15px;
      font-size: 12px;
      border-radius:0px;
    }
	
 .myselect {
      padding: 0px 5px 0px 0px;
      background-color: #fff;
      border: 1px solid #fff;
      width: 50%;
      color: #838383;
      margin: 0px 0px 10px 30px;
      font-size: 12px;
      border-radius:0px;
    }
    .mycheck {
      padding: 10px 5px 12px 14px;
      background-color: #fff;
      border: 1px solid #fff;
      width: 50%;
      color: #838383;
      margin: 0 0 10px 30px;
      font-size: 16px;
        border-radius:0px;
        
  }
  form .my_p {
      font-size: 14px;
      margin: 0 0 10px 15px;
      padding-top: 10px;
      padding-right: 20px;
      color: #555;
	  width: 55%;
  }
  
  .my_einleitung {
	padding: 10px 5px 12px 14px;
      background-color: #fff;
      border: 1px solid #fff;
      width: 50%;
      color: #838383;
      margin: 0 0 10px 30px;
      font-size: 16px;
        border-radius:0px;
  }

.my_userID {
     font-size: 14px;
      margin: 0 0 10px 30px;
      padding-top: 10px;
      padding-right: 20px;
      color: #555;
}

.my_Hinweis {
	 font-size: 14px;
      margin: 0 0 10px 15px;
      padding-top: 10px;
      padding-right: 20px;
      color: #555;
}

.my_Reset_button {
	 font-size: 14px;
      margin: 0 0 10px 30px;
      padding-top: 10px;
      padding-right: 20px;
      color: #555;
	  width: 55%;
}

.my_footer {
	background-color: #fff;
}

/*#my_image {
	background-repeat: none;
	float: right;
	height: auto;
	position: 20%;

}*/


@media screen and (max-width: 1490px){
	
	body {
		background-size: 400px;
		background-position: 80% 27%;
    }	
}
@media screen and (max-width: 1210px){
	
	body {
		background-size: 300px;
		background-position: 80% 23%;
    }	
}