/*
@font-face {
    font-family: font1;
    src: url("/x.ttf") format("truetype");
}
*/

body {
 font-family: monospace;
 font-size: 100%;
 display: grid;
 grid-template-columns: 1fr;
 grid-template-areas: "kopf"
                      "lang"
                      "mitte"
                      "fuss";
}

header {
 grid-area: kopf;
 font-size: large;
 font-weight: bold;
 font-family: serif;
 text-align: center;
/* white-space: nowrap;*/
 background-color:#cfffcf;
}

.tabdaten {
 table-layout: fixed;
 border-collapse: collapse;
 border-spacing: 0;
 font-weight: bold;
 background-color:#cfffcf;
 width: 100%;
}

.tabrechner {
 table-layout: fixed;
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%;
}

.tabrechner tr:nth-child(odd) {
 background-color:#cfffcf;
}
.tabrechner tr:nth-child(even) {
 background-color:#ffffff;
}

footer {
 grid-area: fuss;
 white-space: pre-wrap;
 font-weight: bold;
}

article {
 grid-area: mitte;
 background: white;
/* 
 padding-left: 5ch;
 padding-right: 5ch;
*/
}

.lang {
 grid-area: lang;
 text-align: right;
 color: white;
 background: #666666;
}
.lang a {
 color: white;
}

.ttX {
 white-space: pre;
 font-size: large;
}

.tty {
 white-space: pre;
}

.hinweis {
 font-size: large;
 color: #FF0000;
}

.daten {
 white-space: pre-wrap;
/* font-family: font1, monospace;*/
 font-weight: bold;
 background-color:#cfffcf;
}

/* Bildunterschrift */
.bu {
 font-style: italic;
 font-weight: bold;
}

p {
/* white-space: pre;*/
 hyphens: auto;
}

.h0 {
 font-size: x-large;
 font-weight: bold;
}

h1 {
 font-size: larger;
 font-weight: bold;
}

h2 {
 font-size: large;
 font-weight: bold;
}

h3 {
 font-size: medium;
 font-weight: bold;
}

/*
tr:nth-child(odd) {
 background-color:#cfffcf;
}
*/

td {
/* white-space: pre;*/
 white-space: pre-wrap;
 vertical-align: top;
}

table {
 table-layout:fixed;
}

ul { 
 display: block;
 list-style-position: outside;
 list-style-type: square;
/*  white-space: pre; */
 white-space: normal;
}

img {
 max-width: 100%;
 height: auto;
}

video {
 max-width: 100%;
 height: auto;
}