@charset "UTF-8";
/* wlstandard.css v15 für www.heineshof.de/wloesch */
@font-face {font-family: Charis; src: local("Charis SIL"), url(CharisSIL-R.woff)}
@font-face {font-family: NotoSans; src: local("Noto Sans"), url(NotoSans-Regular-webfont.woff); font-style: normal; font-weight: normal}
@font-face {font-family: NotoSans; src: local("Noto Sans Italic"), url(NotoSans-Italic-webfont.woff); font-style: italic; font-weight: normal}
@font-face {font-family: NotoSans; src: local("Noto Sans Bold"), url(NotoSans-Bold-webfont.woff); font-style: normal; font-weight: bold}
@font-face {font-family: Philosopher; src: local("Philosopher"), url(Philosopher-Regular-webfont.woff); font-style: normal; font-weight: normal}
@font-face {font-family: Philosopher; src: local("Philosopher Italic"), url(Philosopher-Italic-webfont.woff); font-style: italic; font-weight: normal}
@font-face {font-family: Philosopher; src: local("Philosopher Bold"), url(Philosopher-Bold-webfont.woff); font-style: normal; font-weight: bold}
@font-face {font-family: SpaceMono; src: local("Space Mono"), url(SpaceMono-Regular-webfont.woff); font-style: normal; font-weight: normal}
@font-face {font-family: SpaceMono; src: local("Space Mono Italic"), url(SpaceMono-Italic-webfont.woff); font-style: italic; font-weight: normal}
@font-face {font-family: SpaceMono; src: local("Space Mono Bold"), url(SpaceMono-Bold-webfont.woff); font-style: normal; font-weight: bold}

@media screen {

:lang(de) {quotes: "\201e" "\201c" "\201a" "\2018"}
:lang(en) {quotes: "\201c" "\201d" "\2018" "\2019"}
q::before {content: open-quote}
q::after {content: close-quote}

img, svg {cursor: crosshair}
p, td, th, li, dt, dd, label, input, textarea, h1, h2, h3, h4, h5, h6, form {cursor: text}
abbr {cursor: help}
a, a img, a abbr {cursor: pointer}

html, body {font-family: NotoSans, sans-serif; font-size: 12pt; font-style: normal; font-weight: normal}
iframe, form, table, input, textarea, math {font-family: NotoSans, sans-serif; font-size: 12pt; font-style: inherit; font-weight: inherit}
samp, code {font-family: SpaceMono, monospace; font-size: inherit; font-style: normal; font-weight: inherit}
.entertain {font-family: Philosopher, cursive; font-size: 14pt; font-style: normal; font-weight: normal}
.entertain cite {font-variant: small-caps}
/*Alternativen: Für Noto Sans: Roboto, Open Sans. Für Space Mono: Noto Mono. Für Charis: Noto Serif. Für Philosopher: Andika.*/

html, body {text-align: left; overflow: hidden; color: navy; background-color: transparent}
iframe, form, table, input, textarea {color: navy; background-color: inherit}
html, body {width: 100%; height: 100%}
html, body, iframe, form, table, dl, img {padding: 0; border: none; outline: none}
html, body, iframe, form, img {margin: 0}
table {empty-cells: show; border-collapse: separate; border-spacing: 0.2em}
h1, h2, h3, h4, h5, h6, p, table, dl, form {margin: 10pt}
figure {margin: 10pt 20pt 10pt 20pt}

hr {padding: 0; border: 1px solid gray; outline: none; height: 1px; margin: 3ex 10pt 3ex 10pt; clear: both; text-align: left}

h1 {margin-top: 4ex; margin-bottom: 3ex; font-size: 1.7em; text-shadow: gray 1.5pt 1.5pt 1.5pt}
main > h1:first-child {margin-top: 10pt}
h2 {margin-top: 3ex; font-size: 1.5em; text-shadow: gray 1pt 1pt 1pt}
h3 {font-size: 1.3em}
h4 {font-size: 1.2em}
h5  {font-size: 1.1em}
h6  {font-size: 1em}

header strong {font-size: 2em; text-shadow: lightgray 2pt 2pt 2pt}

header {overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: auto; height: 60pt; color: white; background-color: navy}
nav {overflow: auto; position: fixed; left: 0; right: auto; top: 60pt; bottom: 0; width: 20%; height: auto; color: white; background-color: navy}
main {overflow: auto; position: fixed; left: 20%; right: 0; top: 60pt; bottom: 0; width: auto; height: auto; color: navy; background-color: inherit; background-image: linear-gradient(to bottom right, white, gray)}

header, nav, main {padding: 0; margin: 0; border: none; outline: none}

header h1, header p {margin: 0; border: none; padding:  12pt 0 12pt 10pt}
header div {position: absolute; left: auto; right: 20pt; top: 30pt; bottom: auto; width: auto; height: auto; padding: 0; margin: 0; border: none; font-size: 80%}
header span {margin-left: 20pt}

nav ul, div.inhalt ul {margin: 0; border: none; padding: 10pt 0 10pt 10pt; list-style: none}
nav li, div.inhalt li {margin: 10pt 0 10pt 15pt}
/*nav li, div.inhalt li {text-indent: -15pt}*/
nav li ul, div.inhalt li ul {font-size: 80%; margin: 0; border: none; padding: 0 0 0 15pt; list-style: none}
nav li li, div.inhalt li li {margin: 5pt 0 5pt 0}

nav li>span, div.inhalt li>span {font-weight: bold}
nav li>span::before, div.inhalt li>span::before {content: "\25b8\00a0"}
nav li:focus>span::before, div.inhalt li:focus>span::before {content: "\25bf\00a0"}
nav li:hover>span::before, div.inhalt li:hover>span::before {content: "\25bf\00a0"}

/*Manuell aufklappbare Menüs*/
nav details>summary {border: none; outline: none; list-style: none; font-weight: bold; cursor: pointer; display: inline-block}
nav details summary::-webkit-details-marker {display: none} /*für Browser, bei denen list-style: none unwirksam ist*/
nav details>summary::before {content: "\25b8\00a0"}
nav details[open]>summary::before {content: "\25bf\00a0"}
nav details>summary:hover {color: rgb(0,0,83); background-color: rgb(84,142,186)}

/*Aternative für details summary (selbst auf und zuklappende Menüs)*/
/*nav li li ul {display: none}
nav li li:focus ul {display: block}
nav li li:hover ul {display: block}*/

header a {font-weight: bold; text-decoration: none}
header a::before {content: "\25b8\00a0"}
header a:link {color: inherit; background-color: inherit}
header a:visited  {color: darkgray; background-color: inherit}
header a:focus, header a:hover {color: rgb(0,0,83); background-color: rgb(84,142,186)}
header a:active {color: navy; background-color: rgb(86,86,192)}

nav a, div.inhalt a, p.inhalt a {font-weight: bold; text-decoration: none}
nav a::before, div.inhalt a::before  {content: "\25b8\00a0"}
nav a:link, div.inhalt a:link {color: inherit; background-color: inherit}
nav a:visited {color: silver; background-color: inherit}
nav a:focus, nav a:hover {color: rgb(0,0,83); background-color: rgb(84,142,186)}
nav a[rel="external"]:focus, nav a[rel="external"]:hover {color: rgb(0,0,83); background-color: rgb(130,85,190)}
nav a:active, div.inhalt a:active {color: navy; background-color: rgb(86,86,192)}
div.inhalt a:visited {color: slategray; background-color: inherit}
div.inhalt a:focus, div.inhalt a:hover {color: rgb(0,0,83); background-color: rgb(84,142,186)}

main a {font-weight: inherit; text-decoration: underline}
main a:link {color: inherit; background-color: inherit}
main a:visited {color: darkslategray; background-color: inherit}
main a:focus, main a:hover {color: rgb(0,0,83); background-color: rgb(84,142,186)}
main a[rel="external"]:focus, main a[rel="external"]:hover {color: rgb(0,0,83); background-color: rgb(130,85,190)}
main a:active {color: navy; background-color: rgb(86,86,192)}
div.fotos a:focus img, div.fotos a:hover img {opacity: 0.5}

div.links, p.links, form.links {clear: both; text-align: left}
div.rechts, p.rechts, form.rechts {clear: both; text-align: right}
figure.linksbox, img.linksbox {float: left; margin: 5pt 10pt 5pt 0}
figure.rechtsbox, img.rechtsbox {float: right; margin: 5pt 0 5pt 10pt}
.fussnote {font-size: 75%}
.fussnote a {text-decoration: none}

figure.skala, img.skala, video.skala {max-width: 80%; height: auto; display: block; margin-left: auto; margin-right: auto}
input[type="submit"], input[type="reset"], input[type="button"] {color: white; background-color: navy; cursor: pointer}

/*b {font-style: normal; font-weight: bold}*/
strong {font-style: normal; font-weight: bold}
.gross {font-size: 200%}
.halbgross {font-size: 150%}
small {font-size: 80%; font-style: italic}
/*small {font-size: 80%}*/
u {font-style: normal; color: purple; text-decoration: underline; text-decoration-color: purple}
i {font-style: italic; text-decoration: none}
th, td {vertical-align: middle; text-align: left; margin: 0; border: none; padding: 0.2em}
th {font-weight: bold; color: gainsboro; background-color: navy}
td {font-weight: normal; background-color: lightgray}
dt {margin-left: 0;  padding-left: 0; border-left: 0; font-weight: bold}
dd {margin-left: 0; padding-left: 2em; border-left: 0}
object {width: 100%; height: 100%}


/* American English */

main div#dichead {overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: auto; width: auto; height: 130pt}
main div#dicbody {overflow: auto; position: absolute; left: 0; right: 0; top: 130pt; bottom: 0; width: auto; height: auto}

/*phonetic {display: inline; margin: 0; padding: 0; border: none; outline: none}
phonetic {color: inherit; background: inherit; text-decoration: inherit}
phonetic {font-family: Charis, serif; font-size: inherit; font-style: normal; font-weight: inherit}*/
dl.einfach dt {font-weight: normal}

div#dichead h1 {margin-top: 7pt; margin-bottom: 0; padding: 0; height: 30pt; overflow: hidden}
div#dicbody p, .dicbsp p {margin-bottom: 0; padding-bottom: 0; padding-left: 5pt; background-color: white; font-size: 110%}
div#dicbody p.phrase, .dicbsp p.phrase {background-color: inherit}
div#dicbody dl, .dicbsp dl {margin-left: 6em}
div#dicbody dt, .dicbsp dt {display: inline; font-weight: normal; margin-left: -3em}
div#dicbody dd, .dicbsp dd {display: inline; color: steelblue; padding-left: 1em}
div#dicbody dd:after, .dicbsp dd:after {content:"\000a"; white-space: pre}
div#dicbody small, .dicbsp small {font-style: italic; color: slategray}
div#dicbody i, .dicbsp i {font-size: 90%}
div#dicbody sup, .dicbsp sup {font-size: 75%; font-weight: normal}
div#dicbody sub, .dicbsp sub {font-size: 75%; font-weight: normal; margin-left: -0.2em; margin-right: 0.2em; letter-spacing: -0.1em}
div#dicbody b, .dicbsp b, .dic b {font-family: Charis, serif; font-size: inherit; font-style: normal; font-weight: inherit}
div#dicbody b, .dicbsp b {color: slategray}
/*div#dicbody phonetic, .dicbsp phonetic {color: slategray}*/
div#dicbody abbr, .dicbsp abbr {outline: none; border: none; text-decoration: none}
/*div#dicbody span.haupt {position: relative; text-align: center}
div#dicbody span.neben {position: absolute; bottom: -1ex; left: 0px; width: 100%; text-align: center; font-size: 80%}*/

table.glyph img {margin-top: 1ex}
table.tabulator, table.dtabulator {width: 95%; max-width: 95%; empty-cells: hide}
table.tabulator, table.dtabulator {border: none; border-collapse: collapse; border-spacing: 0}
table.tabulator th, table.tabulator td {background-color: inherit; padding: 0; vertical-align: text-top}
table.dtabulator th, table.dtabulator td {background-color: inherit; padding: 0; vertical-align: text-top}
table.tabulator td:first-child, table.tabulator th:first-child  {width: 15%; padding-left: 2em}
table.dtabulator td:first-child, table.dtabulator th:first-child  {width: 10%; padding-left: 2em}
table.dtabulator td:nth-child(2), table.dtabulator th:nth-child(2)  {width: 12%; padding-left: 2em}
table.tabulator th, table.dtabulator th {color: navy; font-weight: bold}
table.zweispaltig {width: 98%; max-width: 100%; border: none; border-collapse: collapse; border-spacing: 0}
table.zweispaltig td {background-color: inherit; text-align: left; vertical-align: text-top; padding-left: 0; padding-right: 2em; width: 50%}

/* Lokale Netze */

mi {font-style: normal}
p.warnung {margin-top: -4ex; margin-bottom: 3ex}
table + p {margin-top: 6ex}
figure.abbildung, table.abbildung {font-size: 80%; margin-bottom: 4ex}
figure img {margin: 0; padding: 0; border: none}
table.schicht, table.feld, table.rahmen  {font-size: 80%; margin-bottom: 4ex; empty-cells: show; border-collapse: collapse; border-spacing: 0}
table.abbildung, table.schicht, table.feld, table.rahmen  {margin-left: 20pt; min-width: 50%}
table.schicht th, table.schicht td, table.feld th, table.feld td, table.rahmen th, table.rahmen td  {vertical-align: middle; text-align: center}
table.schicht th, table.schicht td, table.feld th, table.feld td, table.rahmen th, table.rahmen td  {border-width: 0.2em; border-style: solid; border-color: gray}
table.schicht td, table.feld td, table.rahmen td  {background-color: whitesmoke}
table th.trans, table td.trans {border: none; background-color: transparent}
th.schmal, td.schmal {max-width: 4em}
th.mittel, td.mittel {min-width: 4em; max-width: 8em}
th.weit, td.weit {min-width: 8em}
table.rahmen td.trans {text-align: left}
figcaption, caption {caption-side: top; text-decoration: underline; margin: 3ex; text-align: left}
table th.farbe1, table td.farbe2, table th.sw, table td.swu  {color: whitesmoke; background-color: dimgray}
table td.farbe1, table td.sw  {color: navy; background-color: gainsboro}
table th.swu, table th.farbe2  {color: rgb(0,0,83); background-color: darkgray}
span.farbe2, span.swu {color: whitesmoke; background-color: slategray}
span.farbe1, span.sw {color: midnightblue; background-color: lightslategray}
span.name {font-variant: small-caps}

/* Erläuterungen anzeigen bei Mouse-Over */

.zeigen {position: relative; display: inline-block}
.zeigoben, .zeigunten, .zeigrechts, .zeiglinks {position: absolute; z-index: 1; visibility: hidden; width: 14em}
.zeigoben, .zeigunten, .zeigrechts, .zeiglinks {font-family: NotoSans, sans-serif; font-size: 12pt; font-style: normal; font-weight: normal}
.zeigoben, .zeigunten, .zeigrechts, .zeiglinks {background-color: darkslategray; color: white; text-align: center; padding: 5px; border-radius: 5px}
.zeigoben {position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -4em}
.zeigunten {position: absolute; z-index: 1; top: 100%; left: 50%; margin-left: -4em}
.zeigrechts {position: absolute; z-index: 1; top: -5px; left: 105%}
.zeiglinks {position: absolute; z-index: 1; top: -5px; right: 105%}
.zeigen:hover {background-color: lightslategray; color: darkslategray}
.zeigen:hover .zeigoben, .zeigen:hover .zeigunten, .zeigen:hover .zeigrechts, .zeigen:hover .zeiglinks {visibility: visible}

/*LATEX logo*/

.latex {font-size: 1em}
.latex sub {font-size: 1em; vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em}
.latex sup {font-size: 0.85em; vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em}
}