/* === grundlegende Formatierungseinstellungen im Dokument ___ Start === */
body {
font-family:"Arial";
font-style:normal;
font-weight:normal;
font-size:10.0pt;

/*counter-reset: caption;*/
counter-reset: section;
}
/* === grundlegende Formatierungseinstellungen im Dokument ___ Ende === */





/* === Formatierung Inlineelemente (Zeichenformate) ___ Start === */
em {
font-style:italic;
}
/* === Formatierung Inlineelemente (Zeichenformate) ___ Ende === */





/* === Formatierung Absätze ___ Start === */
p { /* allgemeine Absatzdefinitionen */
}

/* spezifische Absatzdefinitionen ___ Start*/
p.listintro ~ ul { /* Absatz der unmittelbar vor einer Liste steht in der Funktion einer Listeneinleitung (besitzt die Klasse listintro) */
margin-top: -1em;
padding-left: 1em;
}

p.infobox {
border: 1px solid black;
background-color: #E3CEF6;
padding-top: 0.5em;
padding-bottom: 1em;
padding-left: 0.5em;
padding-right: 0.5em;
}

p.infobox:before { /* Absatz als Infobox */
/*content: url('iconmonstr-light-bulb-18.svg') ;*/
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 19h-4c-.276 0-.5.224-.5.5s.224.5.5.5h4c.276 0 .5-.224.5-.5s-.224-.5-.5-.5zm0 2h-4c-.276 0-.5.224-.5.5s.224.5.5.5h4c.276 0 .5-.224.5-.5s-.224-.5-.5-.5zm.25 2h-4.5l1.188.782c.154.138.38.218.615.218h.895c.234 0 .461-.08.615-.218l1.187-.782zm3.75-13.799c0 3.569-3.214 5.983-3.214 8.799h-1.989c-.003-1.858.87-3.389 1.721-4.867.761-1.325 1.482-2.577 1.482-3.932 0-2.592-2.075-3.772-4.003-3.772-1.925 0-3.997 1.18-3.997 3.772 0 1.355.721 2.607 1.482 3.932.851 1.478 1.725 3.009 1.72 4.867h-1.988c0-2.816-3.214-5.23-3.214-8.799 0-3.723 2.998-5.772 5.997-5.772 3.001 0 6.003 2.051 6.003 5.772zm4-.691v1.372h-2.538c.02-.223.038-.448.038-.681 0-.237-.017-.464-.035-.69h2.535zm-10.648-6.553v-1.957h1.371v1.964c-.242-.022-.484-.035-.726-.035-.215 0-.43.01-.645.028zm-3.743 1.294l-1.04-1.94 1.208-.648 1.037 1.933c-.418.181-.822.401-1.205.655zm10.586 1.735l1.942-1.394.799 1.115-2.054 1.473c-.191-.43-.423-.827-.687-1.194zm-3.01-2.389l1.038-1.934 1.208.648-1.041 1.941c-.382-.254-.786-.473-1.205-.655zm-10.068 3.583l-2.054-1.472.799-1.115 1.942 1.393c-.264.366-.495.763-.687 1.194zm13.707 6.223l2.354.954-.514 1.271-2.425-.982c.21-.397.408-.812.585-1.243zm-13.108 1.155l-2.356 1.06-.562-1.251 2.34-1.052c.173.433.371.845.578 1.243zm-1.178-3.676h-2.538v-1.372h2.535c-.018.226-.035.454-.035.691 0 .233.018.458.038.681z"/></svg>');
display: block;
width: 3em;
height: 3em;
float: left;
}

/* spezifische Absatzdefinitionen ___ Ende*/
/* === Formatierung Absätze ___ Ende === */





/* === Formatierung Überschriften ___ Start === */

section > h1 + section > h1 { /* Überschrift 1. Stufe */
margin-top: 1em;
color:#5F04B4;
}

section > h1 { /* Überschrift 1. Stufe */
font-weight:bold;
font-size:18.0pt;
color: #9A2EFE;
}

section > section > h1 {  /* Überschrift 2. Stufe */
font-weight:bold;
font-size:14.0pt;
margin-top: 2em;
margin-bottom: 0em;
color:#5F04B4;
}

section > section > section > h1 {  /* Überschrift 3. Stufe */
font-size:12.0pt;
color:#5F04B4;
}
/* === Formatierung Überschriften ___ Ende === */






/* === Titelnummerierung ___ start === */

body > section {
/*counter-reset: section;*/
counter-reset: caption;
counter-reset: captionEquation;
}

body > section > h1 {
counter-reset: subsection;
}

body > section > section > h1 {
counter-reset: subsubsection;
}

xsection > h1::before {
counter-increment: section;
content: counter(section) " ";
}

xsection > section > h1::before  {
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}

xsection > section > section > h1::before  {
counter-increment: subsubsection;
content: counter(section) "." counter(subsection) "." counter(subsubsection) " "
}
/* === Titelnummerierung ___ ende ===*/





/* === Formatierung Listen ___ Start === */
li { /* allgemeine Definitionen eines Listenpunkts */
}

li > ul { /* Liste 1. Stufe */
list-style: initial
}

li > ul > li { /* Liste 2. Stufe */
list-style: square
}

li > ul > li > ul > li { /* Liste 3. Stufe */
list-style: circle
}


/* Start Beispiel: andere als die eingebauten Aufzählungszeichen nutzen
ul {
list-style-type: none;
}

ul > li:before {
content: "–"; 
position: absolute;
margin-left: -1.1em; 
}

li > ul > li:before {
content: "*"; 
position: absolute;
margin-left: -1.1em; 
}

li li > ul > li:before {
content: "A"; 
position: absolute;
margin-left: -1.1em; 
}
Ende Beispiel: andere als die eingebauten Aufzählungszeichen nutzen */ 


ul, ol { /* sicherstellen, dass die Aufzählungszeichen jeweils mit dem gleichen Einzug beginnen wie der Text der vorangegangenen Stufe */
padding-left: 1em;
}
/* === Formatierung Listen ___ Ende === */





/* === Formatierung Bilder ___ Start === */
figure {
/*border: 1px solid red;*/
margin-left: 0px;
counter-increment: caption;
}

figcaption:before {
content: "Abbildung " counter(section) "-" counter(caption) ": ";
font-weight:bold;
}
figcaption {
font-style:italic;
}
/* === Formatierung Bilder ___ Ende === */





/* === Formatierung Navigationsbereich ___ Start === */
nav {
border: 1px solid black;
padding: 10px;
}
/* === Formatierung Navigationsbereich ___ Ende === */





/* === Formatierung Tabellen ___ Start === */
table {
border-collapse: separate;
border-spacing: 0.2em;
}

th,
td {
padding: 0.2em 0.5em;
border-radius: 0.1em;
}

thead th {
background-color: #ffebe6;
color: #c32e04;
}

td {
font-style: italic;
text-align: right;
box-shadow: inset 1px 3px 5px -3px rgba(0, 0, 0, 0.5);
}

td:empty {
box-shadow: none;
}
/* === Formatierung Tabellen ___ Ende === */





/* === Responsive Design Beispiele (medienspezifische Formatierung) ___ Start === */
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}

@media print {
p {
color: orange;
}
}
/* === Responsive Design Beispiele (medienspezifische Formatierung) ___ Start === */

-->