/* css Input Form*/
.wrap-eingabe form[action='#wshbrechnung']:focus{
    outline:none;

}

.wrap-eingabe{
    display : block;
    margin: 10px auto;
    background: #F7F7F7;
    outline : none;

}

.wrap-eingabe input
{
    width: 100%;
    background: #fff;
    margin-bottom: 2%;
    padding: 3%;
    color: #555;
}
.wrap-eingabe input option {
    max-width: 50%;
}

/*  Funktioniert nur im Responsive Modus // :focus  */
.wrap-eingabe input:focus
{
    box-shadow: 0 0 2vw #dda727;
    padding: 3%;
    /*border: 1px solid #dda727;*/


}




.wrap-eingabe input[type="submit"]
{
    font-size: larger;
    width: 80%;
    padding: 3%;
    background:  #dda727;
    color: #fff;
    margin-left: 10%;
    margin-top: 2%;
    margin-bottom: 2%;
}
.wrap-eingabe input[type="submit"]:hover {
    background: #FF0000;
}




/* Fehler Meldung */
.errorDiv{
    display: block;
    width: 100%;
    height: 5vh;
    max-width: 90%;
    background-color: indianred;
    padding: 1%;
    padding-left: 2vw;
    border-radius: 4px;
    margin: 10px auto;

}
.closebtn{
    color : black;
    float: right;
}

/*Fehler Meldung Ende */


/*Openstreet Map */
#map{
  width: 100%;
  height: 50vh;
}



/* Ausgabe Anfang */
.ausgabeTable{
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.table-wrap{
  width: 100%;
  overflow: scroll;
}

.ch-chart{
  height : 40vh;
}


#graph1Legende{
  margin-top: 2vh;
  margin-bottom: 7vh;
}

.spanML {
  margin-left: 10vw;
}

@media (min-width: 700px){

  .table-wrap{
    overflow: auto;
  }

}

/* Textausgabe  */
.textausgabe{
    box-shadow: 0 0 5px #dda727;
    outline: none;
    border: 1px solid #dda727;
    padding: 2% 2% 2% 2%;
    background-color: #F5F5F5;
}

.textausgabe-header{
    text-decoration: underline;
    font-size: larger;
}
.textausgabe-erg{
    font-weight: bold;
}
/* Textausgabe Ende */
/* Ausgabe Ende */