label[id$="-wka_menge"] {
    width: 50px;
}

span.positiv {
    color: green;
}
span.negativ {
    color: red;
}

td.positiv {
    color: green;
}
td.negativ {
    color: red;
}

input[id$="-wka_menge"] {
    width: 32px;
}

#wka-einheit {
    padding-inline-end: 12px;
    float: left;
    width: 64px;
    margin: 5px 6px;
}

#wka-preis {
    padding-inline-end: 12px;
    float: left;
    width: 64px;
    margin: 5px 6px;
}

#wka-verfuegbar {
    padding-inline-end: 12px;
    background-color: green;
    float: left;
    width: 12px;
    margin: 5px 6px;
}

#wka-nicht-verfuegbar {
    padding-inline-end: 12px;
    background-color: red;
    float: left;
    width: 12px;
    margin: 5px 6px;
}

#wka-menge {
    padding-inline-end: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    float: left;
    width: 32px;
    font-size: larger;
    margin: 0px 6px;
    border: 2px solid #73AD21

}

#wka-artikel {
    width: 200px;
    float: left;
}

#wka-summe {
    padding-inline-end: 12px;
    float: left;
    width: 64px;
    margin: 5px 6px;
}

#artikelliste li {
  list-style-type: none;      /* Aufzählungszeichen entfernen */
}

#artikelblock ul li {
   margin: 5px;
}

#artikelline img {
    vertical-align: middle; /* | top | bottom */
}

#artikelblock ul li div
{
    padding: 0 0 0 10px;
    margin: 0;
    display: inline-block;
    vertical-align: middle; /* | top | bottom */
    font-size: larger;
    width: 240px;
}

#ean {
    font-size: smaller;
}
#veh {
    font-size: smaller;
}

#artikel-detail {

    font-size: larger;
    width: 320px;
}

#artikel-preis {
  float: right;
  border: 3px solid #73AD21;
  padding: 10px;

}