@charset "UTF-8";
@font-face {
  font-family: 'meriendaregular';
  src: url('https://www.leterg.de/merienda-regular-webfont.eot'); /* IE9 Compat Modes */
  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/SeelenTuerSchluessel/Galaxie2.png');
    background-size: 25%;
    background-color: #020216;
    margin: 0;
    padding: 0; 
    font-size: 1.15em;
    font-family: Garamond, serif;
    color: #fbf9ea;
    text-align: center;
    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: 80%; line-height: 0; position: relative; vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
nav {
    text-align: center;
    font-weight: bold;
    color: #fbf9ea;
    letter-spacing: 0.02em;
    display: flex;
    justify-content: center;
    margin-left: 10%;
    margin-right: 10%;
}
.nav figcaption {
    font-family: Verdana, sans-serif;
    color: #2d3275;
    background-color: #fbf9ea;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.nav a:hover:not(:has(img)) {
    color: #fbf9ea;
    background-color: #000000;
}
.nav a:hover figcaption {
    text-decoration: none;
    color: #fbf9ea;
    background-color: #000000;
}
.float-left {
    float: left;
    width: 30%;
    margin-right: 1.5em;
}
.float-right {
    float: right;
    width: 20%;
    margin-left: 3em;
    margin-right: 1em;
}
main {
    padding: 2em 2em 2em 2em;
    margin-left: 10%;
    margin-right: 10%;
    color: #fbf9ea;
    background-color: #020216;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    border-left: silver 1.6em ridge;
    border-right: silver 1.6em ridge;
    border-radius: 0.8em;
}
.psmall {
    font-size: 80%;
}
.mySkills {
    font-variant: small-caps;
    font-weight: bold;
    font-size: 125%;
    margin: 0 1em 0 1em;
}
.main h1 {
    font-size: 2em;
    font-weight: bold;
    font-family: Verdana, sans-serif;
    font-variant: small-caps;
    letter-spacing: 0.05em;
}
.main figcaption {
    font-family: Verdana, sans-serif;
    color: #2d3275;
    background-color: #fbf9ea;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.hermetics {
    font-family: 'meriendaregular', serif;    
    word-spacing: 2.5em;
    line-height: 2;
    margin: 0 1em 0 1em;
}
.content {
    text-align: left;
    vertical-align: top;
}
.content ul {
    list-style: outside url('mysun.png');
    line-height: 1.5;
}
.content h2 {
    margin: 0.9em 0 0.7em 1em;
    font-family: 'Kurale Regular', serif;
    font-size: 1.8em;
    letter-spacing: 0.03em;
}
.content h3 {
    margin: 1em 0 0.5em 1.3em;
    font-family: 'Kurale Regular', serif;
    font-size: 1.5em;
    letter-spacing: 0.02em;
}
.content p, ul, dl {
    margin: 0.5em 1em 0.8em 1.7em;
}
.content a {
    font-weight: bold;
    color: #000000; 
    text-decoration: underline thin;
    background-color: #fbf9ea;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.content a:hover {
    color: #fbf9ea;
    background-color: #000000;
    text-decoration: underline thin;
}
.content ol {
    list-style-type: upper-roman;
    margin-top: 1em;
    margin-left: 1em;
    line-height: 1.25em;
}
.sidebar {
    display: table-cell;
    padding: 2em;
}
.sidebar h2 {
    margin-top: 0.7em;
    margin-bottom: 0.5em;
    font-family: 'Kurale Regular', serif;
    font-size: 1.7em;
    letter-spacing: 0.03em;
}
.sidebar a {
    font-weight: bold;
    color: #946e97; 
    text-decoration: underline thin;
}
.image {
	max-width: 100%;
	height: auto;
    color: #fbf9ea;
} 
footer {
    text-align: left;
    margin: 0;
    padding: 1em 5% 1em 5%;
    font-family: Verdana, sans-serif;
    font-weight: bolder;
    color: #fbf9ea;
}
.footer p {
    line-height: 2;
    float: right;
    color: #fbf9ea;
    font-size: 1em;
}
.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;
}