:root {
    --color-schlamm-very-light: #f1e1c4;
    --color-schlamm-lighter: #e1d2b6;
    --color-schlamm-light: #d9cab0;
    --color-schlamm-darker-light: #d6b47e;
    --color-schlamm-medium-light: #cec0a7;
    --color-schlamm: #caba9c;
    --color-schlamm-light-dark: #c19c60;
    --color-schlamm-lighter-dark: #b5925a;
    --color-schlamm-medium-dark: #a2957d;
    --color-schlamm-dark: #877d69;
    --color-blue-medium: #5d8eab;

    --color-background: var(--color-schlamm);
    --color-background-tr1: var(--color-schlamm-light);
    --color-background-tr2: var(--color-schlamm-medium-light);
    --color-background-tr3: var(--color-schlamm-lighter);
    }

body {
    background-color: var(--color-background);
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    }

h1 {
    font-size: 1.5em;
    }

h2 {
    font-size: 1.2em;
    }

#logo {
    background-color: #ffffff;
    }

#logo img {
    box-sizing: border-box;
    max-width: 100%;
    padding: 5px 5px 0 5px;
    }

#content {
    padding: 5px;
    }

#footer {
    clear: both;
    margin-bottom: 2em;
    }

form {
    margin-top: 1em;
    }

input,
textarea,
form select {
    display: block;
    }

input,
textarea,
select,
button {
    font-size: 16px;
    width: 95%;
    cursor: pointer;
    }

.button {
    font-size: 30px;
    cursor: pointer;
    }

#select_case input,
#select_case select {
    font-size: 16px;
    width: 55%;
    }

#select_case button {
    width: unset;
    }

fieldset.setup {
    border-radius: 10px;
    margin-bottom: 0.5em;

    border: none;
    background-color: var(--color-schlamm-light);
    }

fieldset.setup select {
    margin-bottom: 0.5em;
    }

fieldset.setup legend {
    font-size: 120%;
    font-weight: bold;
    padding: 0.5em;
    background-color: var(--color-schlamm-light);
    border-radius: 10px;
    }

span.round-char {
    background: #208020;
    border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.16em;
    margin-right: 5px;
    text-align: center;
    width: 1.16em;
    }

span.step {
    background: #208020;
    }

.setup_step .done {
    color: #208020;
    }

p.hint {
    font-size: 80%;
    color: #286090;
    }

input[type=submit],
button {
    border: 3px solid #80ff80;
    border-radius: 10px;
    padding: 10px;
    color: #ffffff;
    background-color: #208020;
    margin-top: 0.5em;
    }

button:disabled {
    background-color: #808080;
    border-color: #404040;
    color: #c0c0c0;
    }

div#scan_period,
div#next_scan {
    padding-left: 1em;
    margin-bottom: 1em;
    }

div#next_scan .warning {
    color: #ffffff;
    background-color: #ff2020;
    font-weight: bold;
    padding: 0.5em;
    margin-top: 0.5em;
    }

div#next_scan .warning a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px dashed #ffffff;
    }

td.departure {
    text-align: right;
    }

td.num {
    text-align: right;
    }

td.none {
    text-align: center;
    }

.hotel_list td {
    hyphens: auto;
    }

.report_data_container {
    overflow-x: auto;
    padding: 5px;
    }

.report_data {
    border-collapse: collapse;
    }

.report_data td {
    border-left: none;
    border-right: none;
    padding: 0.1em 0.3em;
    white-space: nowrap;
    }

.report_data td.departure {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    }

.report_data th.last,
.report_data td.last {
    border-right: 1px solid #286090;
    }

@media screen {
    .report_data_container {
        background-color: var(--color-schlamm-light);
        border-radius: 10px;
        }

    table.report_data thead tr {
        background-color: var(--color-schlamm-light) !important;
        }

    table.report_data tr:nth-child(even) {
        background: #d9caae;
        }

    table.report_data tr:nth-child(odd) {
        background: var(--color-background-tr3);
        }

    .report_data td {
        border: 1px solid #e0e0e0;
        }
    }

@media print {
    body {
        background-color: #ffffff;
        margin-left: 5em;
        }

    .logo img {
        width: 120px;
        height: auto;
        text-align: center;
        }

    .report_data {
        margin: 0 10px;
        }

    .report_data td {
        border: 1px solid #e0e0e0;
        border-left: none;
        border-right: none;
        padding: 0.1em 0.3em;
        white-space: nowrap;
        }
    }

#faq {
    list-style-type: none;
    padding: 0;
    }

#faq li {
    margin-bottom: 1em;
    }

#faq li svg {
    width: 1em;;
    }

ul#next_scan {
    margin: 0;
    padding-left: 1em;
    }

ul#next_scan li {
    list-style-type: none;
    text-indent: -1em;
    }

#faq .faq_q {
    color: #286090;
    font-weight: bold;
    }