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

body {
 font-family: monospace;
 font-size: 150%;
/* font-size: 75%; */
 display: grid;
 grid-template-columns: 1fr;
 grid-template-areas: "kopf"
                      "lang"
                      "mitte"
                      "fuss";
 background-image: url("/corebg.jpg");
/*  background-image: url("/corebg2.png");*/
}

header {
 grid-area: kopf;
 font-size: x-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;
}

@media (min-width: 60em) { 
 body {
  font-family: monospace;
  font-size: 100%;
  display: grid;
/*  grid-template-columns: 1fr 18fr 1fr;*/
  grid-template-columns: 1fr 90ch 1fr;
  grid-template-areas: "kopf  kopf  kopf"
                       "lang  lang   lang"
                       "links mitte rechts"
                       "fuss  fuss  fuss";
 }

 header {
  text-align: left;
  font-size: 2em;
 }

 .tabdaten {
  font-family: "Courier New";
 }
}

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: xx-large;
 font-weight: bold;
}

h1 {
 font-size: x-large;
 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;
}