:root {
    --background: #383838;
    --font: #b7b7b7;
    --color_price: #8f7900;
    --color_price_red: #a12929;
}

body {
    background: var(--background);
}

.main {
    width: 1100px;
    margin: auto;
    border: 2px solid var(--font);
    border-radius: 5px;
    background: var(--background);
    font: 1em sans-serif;
    color: var(--font);
}

.subsection {
    background: var(--background);
    border: 1px solid var(--font);
}

.firstsection {
    margin: 30px;
}

.col_left, .col_right {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
}

.col_left {
    width: 120px;
}

.col_right {
    width: 920px;
    border: 2px solid var(--font);
    border-radius: 5px;
}

.input {
    width: 110px;
    height: 30px;
    font: 1.2em serif;
    margin: 0px;
}

.out_no, .out_ppp, .op, .out_p, .out_total, .out_red_no, .out_red_ppp, .out_red_p, .out_red_total {
    display: inline-block;
    margin-bottom: 10px;
    text-align: right;
}

.out_no, .out_ppp, .out_p, .out_total {
    background-color: var(--color_price);
}

.out_red_no, .out_red_ppp, .out_red_p, .out_red_total {
    background-color: var(--color_price_red);
}

.out_no, .out_ppp, .out_red_no, .out_red_ppp {
    width: 50px;
}

.out_p, .out_total, .out_red_p, .out_red_total {
    width: 75px;
}

.output_red {
    background-color: var(--color_price_red);
    text-align: right;
}

.element {
    border: 1px solid var(--font);
}

.element_text, .element_price {
    display: inline-block;
    vertical-align: top;
}

.element_text {
    width: 405px;
    margin: 10px;
}

.element_price {
    margin-top: 5px;
    margin-bottom: 15px;
}

.small_label, .gesamt_label {
    font-size: 0.8em;
    line-height: 1.8;
}

.gesamt_label {
    margin-left: 20px;
}

p {
    margin: 0px;
}