@media (prefers-color-scheme: dark) {
 :root {font-weight:300;
  --back-color: #111;
  --link-color: #3bf;
  --text-color: #eee;
 }
 img[src*=".svg"].monochrome {filter:invert(1);}
}
@media (prefers-color-scheme: light) {
 :root {
  --back-color: #fff;
  --link-color: #03f;
  --text-color: #333;
 }
}
body {color:var(--text-color);background-color:var(--back-color);max-width:768px;
font-family:-apple-system,sans-serif;line-height:166%;font-size:120%;
font-variant-numeric: tabular-nums;
margin:auto;margin-top:2%;margin-bottom:2%;
padding-left:2%;padding-right:2%;position:relative}
body:after{content:"© André Loh-Kliesch, 1998–2024";text-align:center;display:block;font-size:smaller}
.js {display:none}
img {border:none}
a {color: var(--link-color)}  /*339 */
a.fn {text-decoration:none} /* Fußnote */
a[href^="http"] {color:var(--link-color);padding-right:1.5em;
 background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' style='fill:%23c00'%3E%3Cpolygon points='2,2 5,2 5,3 3,3 3,9 9,9 9,7 10,7 10,10 2,10'/%3E%3Cpolygon points='6.2,2 10,2 10,5.8 8.6,4.4 6.5,6.5 5.5,5.5 7.6,3.4'/%3E%3C/svg%3E") no-repeat right;}
a[href*="#"] {color: var(--text-color)}
a[href="#top"] {position:fixed;bottom:0.2em;right:0.2em;
 text-decoration:none; cursor:pointer;
 font-size:2.2em;width:1em;height:1em;display:block;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='14' cx='16' cy='16' fill='white' fill-opacity='0.5' stroke='%2303f' stroke-width='1'/%3E%3Cpath d='M10,19 l6,-6 l6,6 M9,9 l14,0 M16,13 l0,14' fill='none' stroke='%2303f' stroke-width='2'/%3E%3C/svg%3E");}
a.lit {color:#060} /* Literatur-Angabe */
a.fn {color:var(--link-color)}
acronym {text-decoration:none;border-bottom: 1px dotted;cursor:help}
span.a {font-style:italic}
span.n strong {color:#03f}
b.n {color:var(--text-color)}
blockquote {quotes: "»" "«";margin-left:2em;hanging-punctuation:first;}
blockquote::before{content:"»";}
blockquote::after{content:"«";}
dfn {font-weight:bold;font-style:normal}
div.n {position:absolute;top:1%;font-size:0.8em;line-height:130%}
.rahmenlinks {float:left;margin-right:1em;margin-left:0;
 margin-bottom:10px;padding:5px;border:1px solid #ddf;
 font-size:85%;text-align:center}
.rahmenrechts {float:right;margin-left:1em;margin-right:0;
 margin-bottom:10px;padding:5px;border:1px solid #ddf;
 font-size:85%;text-align:center}
figure{margin-top:0}
h1 {font-size:1.25em;margin:0px;padding:0px;padding-bottom:0.5em;
    padding-top:2em;border-bottom: 2px solid #f96;}
h2 {font-size:1em;clear:both;
    margin:0px;padding:0px;padding-top:1em}
h2 + figure {margin-top:1.5em}
h2 + ul>li {font-size:smaller}
h3 {font-size:1em;clear:both;
    margin:0px;padding:0px;padding-top:1em}
hr {color:var(--text-color)}
html {-webkit-text-size-adjust:100%;
color-scheme:light dark;scroll-behavior:smooth;}
q {quotes: "»" "«";}
sup {font-size:70%;line-height:0} 
sub {font-size:x-small}
table {border-color:var(--text-color); padding:5px;}
table.band {border-spacing:0px;border-collapse:collapse;line-height:32px;text-align:left}
table.band tr {border:0px;padding:0px;margin:0px;height:32px;line-height:32px;}
table.band td {border:0px;padding:0px 5px;height:32px;border-spacing:0px}
table.band td img {border:0px;padding:0px;margin:0px;height:32px;display:block;width:32px}
td {vertical-align:top; border-color:var(--text-color); color:var(--text-color);background-color:var(--back-color)}
td.a {vertical-align:middle; color:var(--text-color)}
th {background-color:var(--back-color); color:var(--text-color); text-align:left; font-weight:normal}
/*thead {background-color:#ffc; color:#000}
tbody {background-color:#fff; color:#000}
tfoot {background-color:#ffc; color:#000} */
img.ss {width:32px;height:32px}
img.li {width:16px;height:16px;border:1px solid #999;vertical-align:bottom}
ul {margin-left:20px; padding-left:0px; margin-top:0.5em; margin-bottom:1.5em;list-style-type:disc}
li {margin-bottom: 0.5em;}
div.cz {clear:both;margin:1em 0em;padding:3px 0px;line-height:3em;border-top:1px solid #999}
div.f {clear:both;border-top: 1px solid #666;margin:0px;padding:0px;padding-top:0.5em;margin-top:2.5em}
div.l {float:left;width:40%}
div.m {float:left;width:19%;text-align:center}
div.r {float:right;width:40%;text-align:right}
div.b {float:left;width:15%}
div.q {float:right;width:80%;padding-left:2%}
div.z {clear:both;margin:3px 0px}
.hide {position:absolute;top:-10em;left:-10em;width:0px;height:0px;
overflow:hidden;display:inline}
.fuss {line-height:200%;margin:1em 0px;padding:0px;padding-top:.5em;
 border-top:2px solid #f96;text-align:center;clear:both;}
.fuss ul {margin:0px;padding:0px;white-space:nowrap;list-style:none}
.fuss li {margin:0px;padding:0px;display:inline}
.nobr {white-space:nowrap;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none}
span.ft {font-weight:bolder;background-color:#fff;color:#009;padding-right:1em}
span.fs {font-style:italic;font-family:sans-serif;font-size:99%}
fieldset {padding:10px;padding-top:0px;border:1px solid #333}
legend {margin:0px;border:1px solid #333;padding-left:5px;padding-right:5px} 
ul.zeitleiste {margin:0px;padding:0px;padding-top:5px;list-style-type:none;}
.zeitleiste li {margin:0px;padding:0px;padding-left:15px}
.zeitleiste li.a {background-color:#fffff9;color:#00f;cursor:default;
                  background-image:url(gif/pm.gif);background-repeat:no-repeat}
.zeitleiste li.n {background-image:url(gif/pu.gif);background-repeat:no-repeat}
.zeitleiste li.v {background-image:url(gif/ph.gif);background-repeat:no-repeat}
#breadcrumb {font-size:0.8em}
#breadcrumb a:link {color:var(--link-color);border:none}
#breadcrumb a:visited {color:var(--link-color);border:none}
#breadcrumb a:hover {color:var(--link-color);border:none}
#breadcrumb:before {content:"╩ ";font-family: monospace;}
nav {font-size:0.8em}
nav:before {content:"╩ ";font-family:monospace;}
#weblinks img {width:16px;height:16px}
@media screen and (max-width:400px) {
 body {margin-left:2%;margin-right:2%;font-size:90%;line-height:125%} 
 .rahmenlinks {float:none;margin:auto}
 .rahmenrechts {float:none;margin:auto}
 #register li {margin-left:1.5em}
 #register p {margin-left:0em; text-indent:0em; margin-top:0.7em; margin-bottom:0.7em}
}
@media print {
 body {line-height:125%;font-size:120%;margin:0px;background-color:#fff} 
 #breadcrumb {display:none}
 .fuss {display:none}
 #fuss {display:none}
 a {color:#000;border:none}
 nav{display:none}
}
@font-face {
 font-family:PlayfairSC;
 src: url("PlayfairDisplaySC-Regular.ttf");
}
@font-face {
 font-family:Strassennamen;
 src: url("OxfordStreet.ttf");
 font-display:swap;
}
@font-face {
  font-family:Fraktur;
  src: url("UnifrakturMaguntia.woff"),
  url("UnifrakturMaguntia.ttf"),
  url("UnifrakturMaguntia.svg#UnifrakturMaguntia");
}