@charset "utf-8";
/* getestete Google-Fonts: Merriweather, Noto+Serif, Tinos, Libre+Baskerville, _PT+Serif_, Cardo, Trirong, Literata 
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700&display=swap&subset=latin-ext');*/
body {
   position:relative;
   font-family: Cambria, Georgia, 'Times New Roman', Times, serif;
   /* font-family: 'PT Serif', serif; */
   /* font-family:Tahoma,Arial,Helvetica,sans-serif; width:800px; */
   /* 1.0em entspricht 16px */
   font-size:80%; 
   font-weight:normal;
   color:black; background-color:#efefef;
   margin:0px; border:0px; padding:0px;}
#corner {
   /* position: incl. padding, border and(!) margin, standard font 1em = 16x16px; */
   /* old setting: width:140px; height:70px; */
   position:fixed;
   top:0; left:0;
   color:black; background-color:#EFEFEF;
   width:8em; height:5em;
   padding:0;
   /* border-right:0.3em solid #EFEFEF; border-bottom:0.3em solid #EFEFEF; */
   margin:0;}
#header {
   position:absolute; top:0; left:0;
   color:black; background-color:#CFCFCF; 
   height:5em; max-width:41.4em;
   vertical-align:middle;
   white-space:nowrap; 
   margin-left:8.4em; padding-left:0.5em; padding-right:0.5em;}
#navigation {
   position:fixed; top:5.3em; left:0;
   color:black; background-color:#CFCFCF;
   width:7.4em; height:12000px;
   margin:0px; border:0px;
   padding-left:0.3em; padding-right:0.3em;
   line-height:2em;} /* mit smartphone leichter anzutippen */
#content {
   color: black; background-color:#EFEFEF;
   max-width:41.4em;
   padding-top:5.2em; padding-left:8.6em; padding-right:0.5em;}
#topBtn {
   display: none; /* Hidden by default */
   /*   display: block; Is shown by default */
   font-size: 1.5em;
   position: fixed;
   bottom: 0.5em;
   left: 3.8em;
   z-index: 99; /* Make sure it does not overlap */
   border-radius: 10px; /* Rounded corners */
   border: 1px solid black;
   outline: none; /* Remove outline, wie margin */
   background-color: #EFEFEF;
   color: #0033AA;
   cursor: pointer; /* Add a mouse pointer on hover */
   /*   padding: 10px; Some padding */}
#topBtn:hover {
   color: red;}
   /* Farbe für Links und Überschriften war vorher 003399, jetzt mit 0033AA geringfügig heller */
a:link {
   color:#0033AA;
   text-decoration:none;}
a:visited {
   color:#0033AA;
   text-decoration:none;}
a:hover {
   color:#0000FF;
   text-decoration:underline;}
a:active {
   color:#0000FF;
   text-decoration:underline;}
p {
   text-align:justify;
   margin:0;
   padding-top:0.5em;}
sup { 
   vertical-align: top; font-size: 0.7em; }
sub { 
   vertical-align: bottom; font-size: 0.7em; }
h1 {
   font-size:1.7em;
   font-weight:bold;
   color:#0033AA;
   margin:0; border:0;
   padding-top:0.3em;}
h2 {
   font-size:1.4em;
   font-weight:bold;
   color:#0033AA;
   margin:0; border:0;
   padding-top:0.5em;}
h3 {
   font-size:1.2em;
   font-weight:bold;
   color:#0033AA;
   margin:0; border:0;;
   padding-top:0.5em;}
h4 {
   font-size:1.0em;
   font-weight:bold;
   color:#0033AA;
   margin:0; border:0; padding-top:0.5em;}
hr { 
   width: 100%; 
   height: 0.2em; 
   color: black; background:#cfcfcf;}
table {
   width:100%;
   border-spacing: 0.2em;}
th, td {
   color: black;
   font-weight: normal;
   padding: 0.2em 0.5em;
   border-radius: 0.1em;}
/* th, td, .dummy {...} gilt für alle aufgeführten tags und classes */
th {
   font-size:1em;
   background-color:#cfcfcf;}
td {
   font-size: 1em;
   text-align: left;
   /* box-shadow: inset 1px 3px 5px -3px #a0a0a0; */}
table.zebra tr:nth-child(even) {
   background-color: #dfdfdf;}
table.zebra tr:hover {
   background-color: #f8f8f8;}
img.maxw{max-width:100%; height:auto;}
img.partw{max-width:100%; height:auto;}
.navi1{
   font-size:1.2em;
   font-weight:bold;
   color:#0033AA;
   margin-top:0.5em;
   margin-bottom:0.5em;
   padding-left:2pt;
   padding-right:2pt;}
.navi2{
   font-size:1.0em;
   color:#0033AA;
   text-align:right;
   margin-top:0.2em;
   margin-bottom:0.2em;
   padding-left:2pt;
   padding-right:2pt;}
.sel {
   background-color:#DFDFDF;
   border:1px solid gray;}
.imprint {
   position: fixed; 
   bottom: 1em; left: 0.5em; 
   font-size: 0.7em; line-height: 1em;}
.indt {
   padding-top:0;
   padding-left:20pt;}
.indt-hdr {
   padding-left:20pt;}
.dummy{
   color:#909090;}
.overline {
   text-decoration: overline;}
@media (min-width: 820px) {
   body{font-size:100%;} 
   #navigation {line-height:1.5em;} 
   /* bei Smartphone höher, leichter mit Finger anzutippen */
   #header {width:41.4em; padding-right:0;}}
@media (min-width: 980px) {
   body{font-size:130%;} 
   #navigation {line-height:1.5em;} img.partw{width:62%; margin-right:1em; float:left;}
   /* wegen Google-Beschwerde: anklickbare Elemente liegen auch hier zu nahe zusammen */
   #header {width:41.4em; padding-right:0;}}
q {quotes:"\201E" "\201C" "\201A" "\2018";}
q:before {content:open-quote;}
q:after {content:close-quote;}