/*
Gelb: eeca43 9d3828
Blau: 309ac4 302e27
Grün: 2f874c 276239
Rot : e43e39 a93a34
*/

:root {
    --yellow-dark : #eeca43;
    --yellow-mid  : #ffea63;
    --yellow-light: #ffff83;
}

@font-face {
  font-display: swap;
  font-family: "Aleo";
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/aleo-v15-latin-regular.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Courier Prime";
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/courier-prime-v10-latin-regular.woff2") format("woff2");
}

body {
    margin: 0;
    color: #505050;
    background-color: white;
    font-family: 'Aleo', serif;
    font-size: 105%;
}

main {
    line-height: 135%;
}

h1 {
    font-size: 160%;
}

h2 {
    font-size: 130%;
}

h3 {
    font-size: 110%;
}

h1, h2, h3 {
    line-height: 120%;
}

a {
    text-decoration: none;
    color: #e43e39;
}

p, table {
    margin-left: 1em;
    margin-right: 1em;
}

hr {
    color: transparent;
    border-top: 1px solid #2f874c;
}

table.booktab {
    margin-left: 2em;
    margin-right: 2em;
    border-spacing: 0px;
}

table.booktab thead {
    font-weight: bold;
}

table.booktab td {
    padding: 0.3em 0.6em;
}

table.booktab tbody td {
    border-top: 1px solid #505050;
}

table.booktab tr.noline td {
    border-top: none;
}

p.center {
    text-align: center;
}

span.likea {
    cursor: pointer;
    color: #e43e39;
}

a[href^="http"] {
    color: #a93a34;
}

a[href^="http"]:after {
    content: "\00A0↗";
}

ul {
    margin: -0.4em 1em 0.8em 0;
}

pre, kbd, code {
    font-family: 'Courier Prime', monospace;
}

pre, code {
    background-color: #F0F0F0;
}

pre {
    margin: 0.5em 1em 0.5em;
    padding: 0.7em;
    border: 1px solid #D0D0D0;
    border-radius: 0.3em;
}

code {
    padding: 0.1em 0.3em;
}

header {
    text-align: center;
    background-color: #2f874c;
    border-bottom: 5px solid #309ac4;
}

header a {
    text-decoration: none;
}

main li {
    margin-bottom: 0.3em;
}

img.center,
video.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
}

footer {
    clear: both;
    background-color: #309ac4;
    color: white;
    padding: 0.5em;
    text-align: center;
}

footer a {
    color: white;
}

footer a[href^="http"] {
    color: white;
    font-weight: bold;
}

footer a[href^="http"]:after {
    content: "";
}

footer span {
    font-weight: bold;
}

.border {
    border: 1px solid #C0C0C0;
}

.break_all {
    word-break: break-all;
}