html, table {
    /* Angaben zum Seiten-Layout */
    background: #000;
    display: block;
    color: white;
    font-family: courier, verdana, monospace;
    font-size: 14px;
    white-space: normal;
    margin: 0 0 1em 0;
    padding: 0;
}
.grey {
    background-color: #3f3f3f;
}
.band {
    padding-left: 0em;
}
a {
    color: #f0f0f0;
    text-decoration: none;
}
.copy {
    cursor: copy;
}
form {
    white-space: pre;
}
input {
    font-family: courier, verdana, monospace;
    font-size: 14px;
}
.info {
    cursor: help;
}
#link {
    font-style: italic;
    font-weight: bold;
    color: grey;
}
a:hover {
    text-decoration: underline;
}
.odd {
    background-color: #0F0F0F;
}

.mobileOnly {
    display: none;
}

th {
    font-weight: bold;
    padding-bottom: 1em;
}

td {
    padding: 5px;
}

select {
  background-color: #0F0F0F;
  border: 1px solid grey;
  color: white;
}

table.planTable {
    border: 2px dotted; 
}

/* mobile */
@media only screen and (max-device-width: 800px) {
    html, table {
        font-size: 38px;
        font-weight: bold;
    }
    #link {
        font-style: italic;
        font-weight: bold;
        color: grey;
    }
    select {
      font-size: 38px;
    }
    input {
      font-size: 38px;
    }
    .mobileOnly {
        display: block;
    }
    table.planTable {
        border: 0; 
    }
}

/* mobile */
@media only screen and (max-device-width: 1400px) {
    html, table {
        font-size: 38px;
        font-weight: bold;
    }
    #link {
        font-style: italic;
        font-weight: bold;
        color: grey;
    }
    select {
      font-size: 38px;
    }
    input {
      font-size: 38px;
    }
    table.planTable {
        border: 0; 
    }
}

@media print {
    html {
        font-size: 14pt;
        white-space: nowrap;
    }
    body {
        margin-top: 0px;
        -webkit-print-color-adjust:exact;
    }
    form, .noprint {
        display:none;
    }
    a {
        color: black;
        text-decoration: none;
    }
}