html             { font-size: 62.5%; scroll-behavior: smooth; }
body             { top:0; bottom:0; left:0; right:0; }
h1, h2, h3, p, a { font-weight: 500; text-decoration: none; color: black; font-family: "Times New Roman",Times,serif; }
*                { border:0; margin:0; padding:0; }
/* ----------------------- border: 1px solid black-------------------------------------*/
div.content      { top:0; bottom:0; left:0; right:0; margin:auto; width: 100%; max-width: 70rem; }

h1               { font-size: 2.5rem; line-height: 3.5rem; padding: 1rem   3% 1rem   3%; font-variant: small-caps; text-align: center; }
h2               { font-size: 3.0rem; line-height: 4.0rem; padding: 1rem   3% 2rem   6%; font-variant: small-caps; }
h3               { font-size: 2.6rem; line-height: 4.0rem; padding: 1rem   3% 2rem   6%; }
p                { font-size: 1.8rem; line-height: 2.7rem; padding: 0      3% 0      6%; clear: both; }
p.unter          { font-size: 1.4rem; line-height: 2.0rem; padding: 0.6rem 3% 4.5rem 3%; text-align: center; }
p.anhang         { font-size: 1.6rem; line-height: 2.2rem; padding: 0      3% 1.2rem 6%; }
p.lnk            { text-align: center; }
span.kursiv      { font-style: italic; }
sup.quelle       { font-size: 1.1rem; line-height:0; }

a                { transition: .3s ease; } 	a:hover { color: #aaa; }
a.nav_bwd        { padding: 1rem 0 1rem 3rem; }
a.nav_fwd        { padding: 1rem 3rem 1rem 0; }
a.nav_top        { padding: 1rem 0 1rem 0; }

img.intro        { width: 100%; box-shadow: 0 0 6px #666; }
img.ende         { width: 100%;  margin: 0.8rem 0 1.0rem 0; }
img.std          { width: 50%; float: right;  margin: 0.8rem calc(-3% - 2px) 1.0rem 1.4rem; border: 1px solid #333; }
span.img_box     { width: 50%; float: right;  margin: 0      calc(-3% - 2px) 0.5rem 1.4rem; text-align: right; }
img.box          { width: 100%; float: right; margin: 0.8rem 0               0.5rem 0;      border: 1px solid #333; }
span.img_title   { display: block; font-size:1.4rem; line-height: 1.8rem;  margin:0 1rem 0.5rem 0; }


@media screen and (max-width: 520px)  and (orientation: portrait) {
      span.img_box, img.std { width: 100%; text-align: left; clear: both; margin: 0 0 1.4rem 0; } }

dl               { padding: 0 3% 0 6%; }
dt.inhalt        { font-size: 1.8rem; line-height: 3.1rem; float: left; }
dd.inhalt        { font-size: 2.0rem; line-height: 2.3rem; margin-left: 3rem; padding: 0.4rem 0 0.3rem 0; font-variant: small-caps; }
dd.inhalt2       { font-size: 1.8rem; line-height: 2.7rem; margin-left: 5rem; }
dt.quelle        { font-size: 1.2rem; float: left; }
dd.quelle        { font-size: 1.6rem; line-height: 2.2rem; margin-left: 2rem; padding: 0 0 1rem 0; }