div.ticket_field {
    height: 60px;
    background-color: #ffffff1a;
    margin-bottom: 5px;
}

body {
    background-color:rgb(17,17,17);
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto Condensed', sans-serif;
    color: white;
zoom: 145%;
}

@supports (-webkit-touch-callout: none) {
    body {
        zoom: 1; /* reset */
        transform: scale(1.5);
        transform-origin: top left;
        width: 66.6667%;
        height: 66.6667%;
    }
}


div#footer.section p {
    color: white;
    font-size: 14px;
    padding: 20px;
}

div#footer a {
    color: white;
}

div#ticket.section {
    background-color:rgb(17,17,17);
}

div#va-info.section {
    background-color:rgb(17,17,17);
}

div#footer.section {
    background-color:rgb(17,17,17);
    padding-bottom: 80px;
    height: auto;
    color: white;
}

div.content_bar {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color:rgb(17,17,17);
    width: 640px;
}

div#ticket_info {
    color: white;
    float: left;
}

span.form_subline {
    font-size: 14px;
    display: block;
    color: white;
    padding: 18px 0px 3px 10px;
    font-weight: bold;
}

div#off.ticket_field div#ticket_info {
    background-color: rgb(120, 120, 120);
        color: white;

}

div#off.ticket_field {
    background-color: rgb(120, 120, 120);
    font-family: 'Roboto Condensed', sans-serif;
}

div.ticket_out div {
    padding-top: 12px;
    text-align: center;
    font-size: 14px;
        color: white;
    float: none;
}
div.ticket_out {
    width: 200px;
}



div#ticket_value {
    width: 150px;
    background-color:#ff4a0099;
}

div.value-change button {
    color: white;
    background-color:#ff4a0099;
    font-weight: bold;
    border: none;
    height: 25px;
    width: 25px;
    text-align: center;
    font-size: 16px;
}

div.value-change input, div.value-change span {
    color: white;
    background-color:#ff4a0099;
    border: none;
    height: 25px;
    width: 25px;
    text-align: center;
    font-size: 16px;
}

div#total_box div.value {
    width: 150px;
    background-color:#ff4a0099;
    float: right;
    height: 100%;
        color: white;

}

div#ticket_value span {
    margin: 20px 40px 0px 0px;
        color: white;
    font-size: 18px;
    text-align: right;
    display: block;
    height: 25px;
    padding-top: 2px;
}



div#total_box {
    height: 54px;
    background-color: #7afe211a;
}

div#total_box div.label span {
    padding: 22px 0px 0px 30px;
        color: white;
    display: block;
    font-size: 18px;
    font-weight: bold;
}

div#total_box div.value span {
    margin: 22px 40px 0px 0px;
        color: white;
    display: block;
    font-size: 18px;
    text-align: right;
}

div#nav_box {
    height: 40px;
    background-color: #7afe211a;
}

div#nav_box div#back input, div#nav_box div#further input {
    text-align: center;
    border: none;
    text-decoration: none;
    background-color: rgb(51, 117, 20);
        font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    height: 40px;
    width: 150px;
    color:white;
}

div.text_field {
    padding: 45px 30px 30px 45px;
    background-color:rgb(17,17,17);
    margin-bottom: 5px;
    color: white;
}

div.form label {
    font-size: 14px;
    width: 150px;
    display: block;
    color: white;
}

div#confirm_box {
    padding-top: 10px;
    background-color:rgb(17,17,17);
    padding: 30px;
        color: white;

}

a {
    color: #5555aa;
    cursor: pointer;
    text-decoration: underline;
}

span.payinput {
    padding: 5px 0px 5px 0px;
    float: left;
    display: block;
    width: 205px;
    text-align: right;
            color: white;

}
span.paylabel label {
    font-size: 12px;
    background-color: white;
    display: inline-block;
    padding: 3px;
    width: 300px;
    line-height: 20px;
    font-weight: normal;
                color: black;

}

.wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: scale(0.66); /* z. B. entspricht ~150 % gesammelt einkalkuliert */
  transform-origin: top center;
      padding: 0px 0px 0px 0px;
    margin: 0 auto;
    width: 960px;
}
.logo {
  width: 200px;
  height: auto;
 display: block; 
 padding-bottom:32px;
 padding-top:64px;
}
h1 {
  margin: 0;
  text-align: center;
  font-size:32px;
  padding-bottom:32px;
}