body{font-family: Arial, Helvetica, Tahoma, sans-serif; background-color: white; 
  line-height: 1.8em; counter-reset: sectioncount subsectioncount reasoncount;
  margin: 2em;}

h1{margin-bottom: 1em; line-height: 1.5em; background-color: lightblue; display: inline}
h2{margin-top: 1.8em; margin-bottom: 1.8em; line-height: 1.5em;
   padding: 0.5em; padding: 0.5em; display: flow-root; 
   border-style: dotted; border-radius: 1em; border-width: medium; border-color: gray;}
h3{margin-bottom: 2em; text-decoration: underline overline; font-size: x-large; line-height: 1.5em;}

.image{float: right; margin-left: 4em; margin-bottom: 2em;}

ul{class: index; line-height: 1.8em; margin-top: 0.5em; margin-bottom: 2em;}
li + li{margin-top: 0.8em;}
li ul{list-style-type: square;}


details{margin-bottom: 2em;}
summary{cursor: pointer; background-color: lightyellow; font-weight: bold; font-size: x-large; 
        margin-bottom: 1em; width: fit-content; line-height: 1.8em}
summary::after{content: " [" /*"⇐" required as 6-digit hex code */ "\0021D0" " hier klicken]"; font-size: smaller; font-weight: bold; font-style: italic; font-variant: small-caps; color: SelectedItem;}
summary:hover{text-decoration: underline;}
summary::marker{color: LinkText;}
summary.section::before{counter-increment: sectioncount; content: counter(sectioncount) ". ";}
summary.subsection::before{counter-increment: subsectioncount; content: counter(sectioncount) "." counter(subsectioncount) " ";}
summary.subsection{font-size: x-large; background-color: bisque; margin-bottom: -0.5em;}
summary.reasonsection::before{counter-increment: reasoncount; content: "Zum " counter(reasoncount) ". ";}
summary.reasonsection{background-color: bisque;}
summary.citationstart{background-color: lightyellow; font-weight: normal; font-size: large; margin-bottom: 0em;}
.citation{font-style: italic;}

li details{margin-top: 1em;}
li summary{font-weight: normal; font-size: medium;}

blockquote{background-color: lightgray; font-style: italic; display: inline-block;}
blockquote + p{text-indent: 0em;}
blockquote summary{background-color: lightgray; font-weight: normal; font-size: medium;}
p + blockquote{margin-top: -0.5em;}
p + p{text-indent: 0em;}

.result{margin: 1em; padding-top: 1em; padding-bottom: 1em; padding-right: 1em;
        border-style: dotted; border-radius: 1em; border-width: medium; border-color: gray;}
.conclusion{background-color: bisque; margin: 1em; padding-top: 1em; padding-bottom: 1em; 
            border-style: solid; border-radius: 1em; border-width: medium; border-color: gray;}
.question{background-color: lightpink; font-size: medium; width: fit-content; margin-bottom: 1em; 
          border-style: dotted; border-radius: 1em; border-width: medium; border-color: gray;}
.smallmargin{margin-left: 0.5em; margin-right: 0.5em; margin-top: 0.5em; margin-bottom: 1em;}
.extratopmargin{margin-top: 1.5em;}
.largefont{font-size: large;}
.backgroundhighlight{background-color: lightyellow; display: inline-block;}
.paragraphframe{border-style: dashed; border-radius: 1em; border-width: medium; padding: 0.2em;}
.clickhere{font-size: smaller; font-weight: bold; font-style: italic; font-variant: small-caps; color: SelectedItem;}

.Rntext{font-weight: bold; font-size: medium;}
.tooltipRn{position: relative; display: inline-block; border-bottom: dotted black;}
.tooltipRntext{visibility: hidden; width: max-content; max-width: 80vw;
               background-color: lightgray; color: black; font-size: medium; font-style: italic;
               line-height: 1.3em; text-align: left; padding: 0.5em; border-radius: 0.5em;
              position: absolute; z-index: 1; bottom: 2em; left: -1em;}
.tooltipRn:hover .tooltipRntext{visibility: visible;}