/* grundlegende Formatierungseinstellungen im Dokument */
			/*
				* {
				margin: 0;
				padding: 0;
				}
				*/
			
			body {
			    font-family: "Arial";
			    font-style: normal;
			    font-weight: normal;
			    font-size: 10.0pt;
			}
			/* Einstellungen Wortrennung */
			/* Trennung einschalten */
			
			body {
			    /* hyphens */
			    -moz-hyphens: auto;
			    -o-hyphens: auto;
			    -webkit-hyphens: auto;
			    -ms-hyphens: auto;
			    hyphens: auto;
			}
			/* grundlegende Formatierungseinstellungen für Absätze */
			
			p {
			    margin-top: 0;
			    margin-bottom: 0;
			}
			/* grundlegende Formatierungseinstellungen für Überschriften */
			/* Überschriften Defaults */
			
			h1 {
			    border-width: thin;
			    border-style: solid;
			    text-align: center
			}
			
			h2,
			h3,
			h4,
			th {
			    font-family: Arial, Helvetica, sans-serif;
			}
			
			h2 {
			    border-width: thin;
			    border-bottom-style: solid;
			}
			/* Einstellungen Überschrift 1. Stufe */
			
			article>section>h2+section>h2 {
			    /* Überschrift 1. Stufe - Standard */
			    margin-top: 1em;
			    color: cornflowerblue;
			}
			
			article>section>h2 {
			    /* Überschrift 1. Stufe - Standard */
			    font-weight: bold;
			    font-size: 18.0pt;
			    color: cadetblue;
			}
			/* ********************************************************************** */
			/* Einstellungen Überschrift 2. Stufe */
			
			article>section>section>h3 {
			    /* Überschrift 2. Stufe */
			    font-weight: bold;
			    font-size: 14.0pt;
			    margin-top: 2em;
			    margin-bottom: 0em;
			    color: darkseagreen;
			}
			/* Einstellungen Überschrift 3. Stufe */
			
			article>section>section>section>h4 {
			    /* Überschrift 2. Stufe */
			    font-weight: bold;
			    font-size: 12.0pt;
			    margin-top: 1em;
			    margin-bottom: 0em;
			    color: dimgrey;
			}
			/* Nummerierung Überschriften */
			
			body {
			    counter-reset: section tables figures;
			}
			/* Initialisierung Zähler */
			/* Einstellungen für die Überschrift 1. Stufe: */
			
			article>section.numbered>h2 {
			    counter-reset: subsection tables figures;
			    /* Initialisierung Zähler Überschrift 2. Stufe und Tabellen-/Bildunterschriften */
			    counter-increment: section;
			    /* Zähler für die Überschrift 1. Stufe hochzählen*/
			}

			article>section>section.numbered>h3 {
			    counter-reset: subsubsection;
			    /* Initialisierung Zähler Überschrift 2. Stufe und Tabellen-/Bildunterschriften */
			    counter-increment: subsection;
			    /* Zähler für die Überschrift 1. Stufe hochzählen*/
			}
			/* Zählerstand des Zählers "section" als Präfix setzen für die Überschrift 1. Stufe: */
			
			article>section.numbered>h2::before {
			    content: counter(section) ". ";
			}
			/* Zählerstände der Zähler "section, subsection" als Präfix setzen für die Überschrift 2. Stufe: */
			
			article>section>section.numbered>h3::before {
			    content: counter(section) "." counter(subsection) " ";
			}

			/* Zählerstände der Zähler "section, subsection, subsubsection" als Präfix setzen für die Überschrift 3. Stufe: */
			
			article>section>section>section.numbered>h4::before {
			    content: counter(section) "." counter(subsection) "." counter(subsubsection) " ";
			}
			
			h2.notnumbered::before {}
			
			article>section>section.numbered>h3 {
			    /* Überschrift 2. Stufe */
			    counter-increment: subsection;
			}

			article>section>section>section.numbered>h4 {
			    /* Überschrift 3. Stufe */
			    counter-increment: subsubsection;
			}
			/* Formatierung Bilder */
			/* Bilder */
			
			p.imgbox {
			    display: grid;
			    width: 100%;
			}
			
			img.center-fit {
			    max-width: 100%;
			    max-height: 100vh;
			    margin: auto;
			}
			/* Einstellungen Wortrennung */
			/* Trennung einschalten */
			
			body {
			    /* hyphens */
			    -moz-hyphens: auto;
			    -o-hyphens: auto;
			    -webkit-hyphens: auto;
			    -ms-hyphens: auto;
			    hyphens: auto;
			}
			/* Einstellungen Glossar */
			/* Formatierung Glossarcontainer */
			
			section.glossary dl {
			    border-width: thin;
			    border-style: solid;
			    border-color: gainsboro;
			    background-color: whitesmoke;
			    color: dimgray;
			    padding: 1em;
			    margin-bottom: 1em;
			}
			/* Formatierung Glossarterm */
			
			section.glossary>dl>dt,
			#contents dt {
			    font-family: Arial, Helvetica, sans-serif;
			    font-weight: bold;
			}
			/* Formatierung Glossardefinition */
			
			section.glossary dd {
			    margin-bottom: 1em;
			}
			/* Bild und Tabellenunterschriften */
			/* Legende */
			
			figcaption dt {
			    font-weight: bold;
			}
			
			figcaption dl {
			    padding: 1em;
			    margin-bottom: 1em;
			}
			
			figcaption dd {
			    margin-bottom: 1em;
			}
			
			figcaption p {
			    font-size: 0.7em;
			}
			/* Formatierung Verzeichnisse */
			/* Inhaltsverzeichnis */
			
			section.toc {
			    border-width: thin;
			    border-style: solid;
			    border-color: gainsboro;
			    background-color: whitesmoke;
			    padding: 1em;
			    margin-bottom: 1em;
			    color: dimgray;
			}
			/* Formatierung Handlungsaweisung */
			/* Handlungsanweisung */
			
			section.task {
			    border-width: thin;
			    border-style: solid;
			    background-color: ivory;
			    border-color: beige;
			    padding: 1em;
			    margin-bottom: 1em;
			    color: dimgray;
			}
			/* Handlungsvoraussetzungen */
			
			section.taskprerequisites ul {
			    list-style: none;
			    padding-left: 0.5em;
			}
			
			section.taskprerequisites ul li:before {
			    content: "☑";
			    padding-right: 0.5em;
			}
			
			section.taskprerequisites ul p:first-child {
			    display: inline-block;
			}
			/* Formatierung Handlungsaweisung */
			
			section.taskprerequisites ul p:not(:first-child) {
			    margin-left: 1.5em;
			}
			
			section.taskprerequisites ul li {
			    margin: 0;
			}
			/* Handlungsanweisungen */
			
			section.procedure ol {
			    list-style: none;
			    counter-reset: li
			}
			
			section.procedure ol li {
			    counter-increment: li;
			    margin-top: 0.5em;
			}
			
			section.procedure ol li::before {
			    content: "." counter(li);
			    font-weight: bold;
			    display: inline-block;
			    width: 1em;
			    margin-left: -2em;
			    margin-right: 0.5em;
			    text-align: right;
			    direction: rtl;
			}
			
			section.procedure ol p:first-child {
			    display: inline-block;
			}
			
			section.procedure ol p:not(:first-child) {
			    margin-left: -0.5em;
			}
			
			p.stepresult::before {
			    content: "✓ ";
			    vertical-align: middle;
			}
			
			p.taskresult::before {
			    content: "✔ ";
			    vertical-align: middle;
			}
			/* Formatierung Hinweise */
			/* Hinweis allgemein*/
			
			p.note {
			    background-color: #ddffff;
			    border-left: 6px solid blue;
			    vertical-align: middle;
			    padding-left: 1.1em;
			    text-indent: -1.1em;
			    margin-top: 1.5em;
			    padding-top: 1.5em;
			    padding-bottom: 1.5em;
			    padding-right: 1.5em;
			}
			
			p.note::before {
			    content: "️💡 ";
			    font-size: 2em;
			    vertical-align: middle;
			    padding-left: 0.0em;
			    color: blue;
			}
			
			p.note:first-line {
			    line-height: 1em;
			}
			/* Hinweis Gefahr*/
			
			p.important {
			    background-color: pink;
			    border-left: 6px solid crimson;
			    vertical-align: middle;
			    padding-left: 1.1em;
			    text-indent: -1.1em;
			    margin-top: 0.5em;
			    padding-top: 0.5em;
			    padding-bottom: 0.5em;
			    padding-right: 0.5em;
			}
			
			p.important::before {
			    content: "⚠️ ";
			    font-size: 1.3em;
			    vertical-align: middle;
			    padding-left: 0.5em;
			    color: blue;
			    margin-left: -0.5em;
			}
			
			p.important:first-line {
			    line-height: 1em;
			}
			/* Formatierung Tabelle */
			/* Tabelle Standard */
			
			td,
			th {
			    border: 1px solid #ddd;
			    padding: 0.5em;
			}
			
			tr:nth-child(even) {
			    background-color: #f2f2f2;
			}
			
			tr:hover {
			    background-color: #ddd;
			}
			
			th {
			    text-align: left;
			    background-color: lightblue;
			    color: dimgray;
			}
			
			#messageBox {
			    border-right: 1px solid black;
			    position: absolute;
			    z-index: 1;
			    background-color: lightgrey;
			    border-style: solid;
			    border-width: 1px;
			    display: none;
			    padding: 0.2em;
			    width: 400px;
			}
			
			#contents {
			    width: auto;
			    height: auto;
			    z-index: 2;
			}
			
			nav#tocnavbar {
			    font-size: 0.91em;
			    float: left;
			    width: 22em;
			    margin-left: 0;
			    padding: 10px;
			    /* border: 1px dashed silver; */
			    display: none;
			    position: fixed;
			    overflow: auto;
			}
			
			main {
			    position: absolute;
			    overflow-y: scroll;
			    bottom: 0;
			    top: 70px;
			    width: 98%;
			}
			
			article {
			    margin-left: 00em;
			    padding: 0 0.5em;
			    margin-top: 0em;
			    /* border: 1px dashed silver; */
			    min-width: 16em;
			    /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
			}
			
			#hideshow {
			    z-index: 2;
			    position: fixed;
			    left: 00em;
			}
			/* Treeview */
			
			#list {
			    float: left;
			    height: 420px
			}
			
			ul {
			    list-style-type: none;
			    margin: 0;
			    padding: 1.5em;
			}
			
			ul ul {
			    list-style-type: none;
			    margin: 0 0 0 10px;
			    padding: 0;
			}
			/* CSS for the Expanding Nested List */
			
			.open {
			    display: block;
			}
			
			.closed {
			    display: none;
			}
			
			li {
			    list-style-type: none;
			    padding-top: 0.1em;
			    padding-bottom: 0.1em;
			}
			
			a:link {
			    text-decoration: none;
			}
			
			a:active {
			    text-decoration: none;
			}
			
			a:visited {
			    text-decoration: none;
			}
			
			a:hover {
			    text-decoration: none;
			}
			/*
.collapse { list-style-image: url(data:image/gif;base64,R0lGODlhEAAQAJECAP///wAAAP///wAAACH5BAEAAAIALAAAAAAQABAAAAIplI+py60BowwpgIsxRTbnfXTeBRriWArdRFaj5r5Aenq0PFfT5PS+UAAAOw==); }
.expand { list-style-image: url(data:image/gif;base64,R0lGODlhEAAQAJECAP///wAAAP///wAAACH5BAEAAAIALAAAAAAQABAAAAIplI+py60BowwpgIsxRTbnfXSXCIAGiVajNKra544w581hrVXT5PS+UAAAOw==" ); }
.leaf { list-style-image: url(data:image/gif;base64,R0lGODlhEAAQAJEAAP///wAAAP///wAAACH5BAEAAAAALAAAAAAQABAAAAInhI+py60BowwpiIsxRTbnfXTeBRriWALnWn1fO5JwnJ5ePU3OzgMFADs=" ); }
*/
			
			.collapse {
			    list-style-image: url(collapse.gif);
			}
			
			.expand {
			    list-style-image: url(expand.gif);
			}
			
			.leaf {
			    list-style-image: url(solid.gif);
			}