@charset "UTF-8";
@font-face {
    font-family: 'meriendaregular';
    src: url('https://www.leterg.de/merienda-regular-webfont.eot');
    src: url('https://www.leterg.de/merienda-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.leterg.de/merienda-regular-webfont.woff2') format('woff2'),
         url('https://www.leterg.de/merienda-regular-webfont.woff') format('woff'),
         url('https://www.leterg.de/merienda-regular-webfont.ttf') format('truetype'),
         url('https://www.leterg.de/merienda-regular-webfont.svg#meriendaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Kurale Regular';
    src: url('https://www.leterg.de/Kurale Regular.eot');
    src: url('https://www.leterg.de/Kurale Regular.eot?#iefix') format('embedded-opentype'),
    url('https://www.leterg.de/Kurale Regular.woff2') format('woff2'),
    url('https://www.leterg.de/Kurale Regular.woff') format('woff'),
    url('https://www.leterg.de/Kurale Regular.ttf') format('truetype'),
    url('https://www.leterg.de/Kurale Regular.svg#Kurale Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*, *::before, *::after {
    box-sizing: border-box;
}
body {
    background-image: url('https://www.leterg.de/Galaxie.png');
    background-color: #000000;
    background-size: 25%;
    margin: 0;
    padding: 0; 
    font-size: 1.15em;
    font-family: Garamond, serif;
    color: #fbf9ea;
    text-align: left;
    line-height: 1.3;
    font-size: calc(0.875em + 0.33 * (100vw - 80em) / 40);
    font-size: -webkit-calc(87.5% + 0.33 * (100vw - 8000%) / 40);
    font-size: -moz-calc(87.5% + 0.33 * (100vw - 8000%) / 40);
}
p { 
    -webkit-hyphens: auto; 
    hyphens: auto; 
}
sub, sup {
    font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
main {
    padding: 2em 2em 2em 2em;
    margin-left: 8%;
    margin-right: 8%;
}
.note {
    color: #000000;
    padding: 1em;
    border: red 12px ridge;
    background-color: #fbf9ea;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.main a {
    font-weight: bold;
    color: #9bbec9; 
    text-decoration: underline thin;
}
.main a:hover {
    color: #000000;
    background-color: #9bbec9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.main h1 {
    font-size: 2em;
    font-weight: bold;
    font-family: Verdana, sans-serif;
    font-variant: small-caps;
    letter-spacing: 0.05em;
}
.main h2 {
    margin-top: 1.25em;
    margin-bottom: 0.5em;
    font-family: 'Kurale Regular', serif;
    font-size: 1.7em;
    letter-spacing: 0.03em;
}
.center {
    text-align: center;
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: bold;
}
.form {
    text-align: left;
    font-size: 1.2em;
    font-family: Garamond, serif;
}
label {
    min-width: 10em;
    display: block;
    text-align: left;
    line-height: 1.7em;
    margin-top: 1em;
}
input {
    width: 20em;
    padding: 0.3em;
    font-family: Arial;
    font-size: 0.8em;
    color: black;
    border-radius: 5px;
}
input[type="checkbox"], input[type="radio"] {
    width: auto;
}
input[type="submit"], input[type="reset"] {
    background-color: #fbf9ea;
    color: #020216;
    border-radius: 5px;
}
input[type="submit"]:hover, input[type="reset"]:hover {
    background: #020216;
    color: #fbf9ea;
}
    
footer {
    text-align: left;
    margin: 0;
    padding: 1em 5% 1em 5%;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    color: #f4f4f1;
}
.footer p {
    line-height: 2;
    float: right;
    color: #fdf9ea;
}
.footer a {
    font-weight: bold;
    color: #fdf9ea; 
    text-decoration: underline thin;
}
.footer a:hover:not(:has(img)) {
    color: #000000;
    background-color: #fdf9ea;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}