body {
    color: #e1dec0;
    font-size: 1em;
    font-family: sans-serif;
    background: url('bg_luft.png') fixed repeat;
}
header, .container, footer {
    max-width: 800px;
    margin: auto;
}
.logo_game {
    width: 359px;
    height: 67px;
    margin: -8px 20px 2px -7px;
}
.logo_site {
    float: right;
    width: auto;
    filter: drop-shadow(0 0 3px #000000);
    height: 67px;
    margin: 0;
}
.message {
    color: #11355c;
    text-shadow: #e1dec0 0 0 5px;
    background: url('bg_erde.png') fixed repeat;
    padding: 5px;
}
.container, .download {
    font-weight: bold;
    text-shadow: #000000 3px 3px 5px;
    box-shadow: 0px 0px 5px 0px #000000;
}
.container {
    background: url('bg_wand.png') scroll repeat;
    padding: 0.1em 1.2em;
    border-radius: 10px;
}
h1 {
    margin-block: 0.5em;
}
h2 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin-block: 0.5em 0.25em;
}
p {
    display: block;
    margin-block-start: 0.75em;
    margin-block-end: 0.75em;
}
table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}
th, td {
    text-align: center;
}
th {
    font-size: 1.25em;
    padding: 0.45em;
}
td {
    color: #11355c;
    text-shadow: #e1dec0 0 0 5px;
    background: url('bg_erde.png') fixed repeat;
    padding: 0.35em;
}
tr:hover td, .highlight td, .message:hover {
    color: #e1dec0;
    text-shadow: #11355c 0 0 5px;
    background: url('bg_luft.png') fixed repeat;
}
a {
    color: #e1dec0;
    text-decoration: none;
}
a:hover {
    color: #e1dec0;
    text-decoration: underline;
}
footer {
    text-align: center;
    margin-top: 30px;
}
.download {
  appearance: button;
  font-size: 1.1em;
  background: url('bg_busch.png');
  padding: 0.75em 1.75em;
  border-radius: 100vmax;
}
