* {
  margin: 2;
  padding: 0;
  font-family: "Newsreader";
  font-variation-settings:
  "wght" 350,
  "wdth" 55;
  line-height: 150%;
}

a {
  text-decoration: none;
  color: blue
}

a:hover {
  background-color:aqua;
}

body {
  max-width: 60em;
  margin: 0em auto;
  padding: 0px;
  background-color: #DDDDDD;
  counter-reset: footnotes;
}

[role="doc-noteref"] {
  counter-increment: footnotes; 
}

[role="doc-noteref"]::after {
  content: counter(footnotes); 
  vertical-align:super; 
  line-height:0px;
  font-size: 75%; 
}

[role="doc-noteref"]:focus::after {
  outline: thin dotted;
  outline-offset: 2px;
}

details > summary {
  list-style-type: boxplussymbol;
}

details[open] > summary {
  list-style-type: boxminussymbol;
}

header {
  background-color: #222222;
  color: #ffffff;
  width: 100%; 
  position:fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  border-bottom:1px solid #DDDDDD;
  border-top:1px solid #DDDDDD;
  }
  
h1 {
  font-size: 300%;
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-size: 150%;
  margin-bottom: 0;
}

h3 {
  font-size: 125%;
  margin-bottom: 0;
}

summary {
  cursor: pointer;
}

sup, sub {
	line-height:0px;
  /* list-style-type: boxplussymbol;*/
}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 2%;
  padding-right: 2%;
}

.abbildungen {
  text-align: center;
  font-size: 75%
}

.audio {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  text-align: center;
}

.bildunterschrift {
  text-align: center;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 80%;
}

.bildbuch {
  margin: 0.5em;
  text-align: center;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 80%;
}

.bildrahmen {
  border-width: 1px;
  border-style: solid;
  border-color: black;
}

.boxtitel {
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 90%;
  background-color:#880000;
  color: #FFFFFF;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.faq-null {
  font-size: 125%;
  color:blue;
  margin-left: 1em;
  margin-right: 1em;
  background-color: #ffffff;
}

.faq-eins{
  margin-left: 1em;
  margin-right: 1em;
}

.faq-zwei{
  margin-left: 1em;
  margin-right: 1em;
}

.faq-drei{
  margin-left: 1em;
  margin-right: 1em;
}

.faq-text {
  font-size: 80%;
  color: black;
}

.flexibel {
  display: flex;
  margin: 0;
}

.flex-item-1 {
  margin-left: 0;
  margin-right: 2%;
  justify-content: flex-start;
  flex-basis: 22%;
}

.flex-item-2 {
  flex-basis: 80%;
  margin-left: 0;
  margin-right: 5%;
}

.flex-item-3 {
  margin-left: 0;
  margin-right: 2%;
  justify-content: flex-start;
  flex-basis: 5%;
  font-size: 500%;
}

.flex-item-4 {
  flex-basis: 85%;
  margin-left: 0;
  margin-right: 5%;
}

.fliesstext {
  margin-left: 5%;
  margin-right: 5%;
}

.fussnoten {
  font-size: 80%;
  color: #880000;
}

.impressum {
  padding: 15px;
  background-color: #ffffff;
  color: #777777;
  position: relative;
}

.kasten {
  width: 100%;
  background-color: #ffffff;
}

.kopfzeile{
  font-family: "Freeform";
  font-size: 130%;
  margin-left: calc(50% - 6em);
  margin-top: 7px;
  margin-bottom: 7px;
}

.kopflink {
  font-family: "Freeform";
  color: white;
}

.listenminus {
  margin-left: 1em;
  list-style-type: "- ";
}

.litfoto {
  width: 20%;
  max-height: auto;
}

.lit-verweis {
  width: 14%;
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 80%;
  text-align: center;
  /* border: 1px solid #dddddd; */
  background-color: #dddddd;
  /* color: #999999; */
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.lit-autor {
  margin-top: 10em;
  font-size: 120%;
}

.lit-titel {
  font-style: italic;
  font-weight: 600;
  font-size: 120%;
}

.lit-info{
  font-size: 100%;
}

.lit-verlag {
  font-size: 100%;
}

.lit-jahr{
  font-size: 100%;
}

.lit-isbn{
  font-family: 'Courier New', Courier, monospace;
  font-size: 80%;
}

.litright {
  display: inline-block;
  vertical-align: top;
  width: calc(80% - 35px);
  margin-left: 20px;
  margin-right: 15px;
  position: relative;
}

.tabelle-adern {
  font-size: 80%;
  margin-top: 12px;
}

.tabelle-galerie {
  margin: 0px;
}

.themenbild {
  width: 100%;
  background-color: #ffffff;
}

.titel {
  font-size: 200%;
}

@counter-style boxplussymbol {
  system: cyclic;
  symbols: "\229E";
  suffix: " ";
}

@counter-style boxminussymbol {
  system: cyclic;
  symbols: "\229F";
  suffix: " ";
}

@font-face {
  font-family: "Newsreader";
  src:url(Fonts/Newsreader/Newsreader-VariableFont_opsz\,wght.ttf) format("opentype");
}

@font-face {
  font-family: "Freeform";
  src:url(Fonts/Freeform/Freeform\ 710\ BT.ttf) format("opentype");
}

@font-face {
  font-family: "Abril";
  src:url(Fonts/Abril_Fatface/AbrilFatface-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Eboracum";
  src:url(Fonts/Eboracum/Eboracum.ttf) format("truetype");
}

@font-face {
  font-family: "Trykker";
  src:url(Fonts/Trykker/Trykker-Regular.ttf) format("truetype");
}