/* Auswahl-Container */
.container {
	margin: auto;
    margin-top: -100px;
    width: 520px;
    position: relative;
	z-index: 3;
    padding: 16px;
    background-color: #ffffb3;
}

 


/* submit button */
.btn {
    background-color: #40E0d0;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
}

.btn:hover {
    opacity: 1;
}


#foobar + label + div {display: none}
#foobar:checked + label + div {display: block}


/* Input-Felder Datum */

input[type=text] {
    background-color: white;
    background-image: url('../pics/kalender30.png');
    background-position: 230px 5px;
    background-repeat: no-repeat;
    padding-left: 1px;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    height: 40px;
    font-size: 1.0em;
    width: 270px;
    cursor: pointer;
    }
    
input[type=text]:focus {
    background-color: #ddd;
    outline: none;
}


/* Input-Felder Orte */

input {
    background-color: white;
    padding-left: 1px;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    font-size: 1.0em;
    cursor: pointer;
    }
    
 
input:focus {
    background-color: #ddd;
    outline: none;
}


/* Höhenabstand Selectfeld */
option {
  padding: 0.3em 0.2em 0.3em 0.9em;
  font-size: 0.9em;
}


select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 80px;
  height: 40px;
  border: none;
  background-color: white;
  margin-left: 50px;
  font-size: 1.0em;
  cursor: pointer;
}

select:focus {
    background-color: #ddd;
    outline: none;
}



.selectstation {
width: 100%;
height: 40px;
padding: 16px 15px;
font-size: 1.0em;
border: none;
}


.awesomplete {
	width: 100%;
	line-height: 30px;
	}
	

.umf {
width: 100%;
height: 50px;
font-size: 1.0em;
border: none;
background-color: white;
margin-bottom: 25px;
	}


@media screen and (max-width: 500px) {

/* Auswahl-Container */
.container {
    width: 370px;
   	left: 50%;
  	margin-left: -185px; /* 50% from 370px */
    padding: 10px;
} 


/* Input-Felder Datum */

input[type=text] {
    background-color: white;
    background-image: url('../pics/kalender30.png');
    background-position: 180px 2px;
    background-repeat: no-repeat;
    padding-left: 1px;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    height: 40px;
    font-size: 1.0em;
    width: 210px;
    cursor: pointer;
    }
    
  select {
  margin-left: 14px;
  width: 80px;
  height: 40px;
  cursor: pointer;
  }
    
}