body {
    font-family: Arial, Helvetica, sans-serif;
}

.header {
    width: 100%;
    padding: 2% 0;
    background: #B7CCC0;
    font-size: 2em;
    font-weight: bold;
    text-align:center;
    vertical-align:middle;
}

.session {
    width: 100%;
}

.session-neu {
    width: 99%;
    font-size: 1.5em;
    padding: 2% 0;
    margin: 0 auto;
    background: rgba(254, 95, 85, 0.5);
    border: 2px solid #FE5F55;
    text-align:center;
    vertical-align:middle;
}

.session-oder {
    width: 99%;
    font-size: 1em;
    padding: 2% 0;
    margin: 0 auto;
    text-align:center;
    vertical-align:middle;
}

.session-beitreten {
    width: 100%;
    text-align:center;
    vertical-align:middle;
    display: flex;
}

.session-beitreten-code {
    width: 35%;
    font-size: 1.5em;
    padding: 2% 0;
    display: inline-block;
}

.session-beitreten-button {
    width: 62%;
    font-size: 1.5em;
    padding: 2% 0;
    margin-left: 1%;
    background: rgba(153, 220, 18, 0.5);
    border: 2px solid #99dc12;
    text-align:center;
    vertical-align:middle;
    display: inline-block;
}

.session-control {
    width: 100%;
    text-align:center;
    vertical-align:middle;
    display: flex;
}

.session-control-code {
    width: 35%;
    font-size: 1.5em;
    padding: 2% 0;
    display: inline-block;
}

.session-control-button {
    width: 62%;
    font-size: 1.5em;
    padding: 2% 0;
    margin-left: 1%;
    background: rgba(231, 193, 4, 0.5);
    border: 2px solid #e7c104;
    text-align:center;
    vertical-align:middle;
    display: inline-block;
}