main {
  counter-reset: paragraph;        
  padding: 2rem;
  line-height: 1.55;
  margin: 15rem 4rem;
  background-color: white;
  box-shadow: -5px 6px 30px 5px rgba(0,0,0,0.15);
}

main > h1 {
  width: 100%;
  text-align: center;
  color: var(--orange);
  line-height: 3rem;
  font-size: var(--xx-large);
}

.stand {
  text-align: center;
  margin-block: 1rem 2rem;
  font-size: var(--text-size);
}

@counter-style doppelbuchstabe {
  system: fixed;
  symbols: "aa" "bb" "cc" "dd" "ee" "ff" "gg" "hh" "ii" "jj";
  suffix: ") ";
}

.paragraph {
  counter-increment: paragraph;    
  counter-reset: abschnitt;        
  margin-block: 2rem;
  
}

.paragraph > h2 {
  font-size: var(--x-large);
  color: var(--orange);
}

.paragraph > h2::before {
  content: "§ " counter(paragraph) "\00a0\00a0";
  font-weight: 700;
}


.paragraph > p {
  font-size: var(--text-size);
}

.abschnitt {
  counter-increment: abschnitt;
  margin-block: 1.25rem;
}

.abschnitt > h3 {
  font-size: var(--large);
  color: var(--orange);
}

.abschnitt > h3::before {
  content: "Abschnitt " counter(abschnitt) " – ";
}

ol.absaetze {
  list-style: none;
  counter-reset: absatz;           
  margin: 0;
  padding: 0;
  text-align:justify;
}

ol.absaetze > li {
  counter-increment: absatz;
  position: relative;
  padding-left: 3em;
  margin-block: 0.6em;
  font-size: var(--text-size);
}

ol.absaetze > li::before {
  content: "(" counter(absatz) ")";
  position: absolute;
  left: 0;
  top: 0;
  width: 2.6em;
  font-weight: 600;
}

ul.definitionen {
  list-style: disc;
  margin: 0.5em 0 0.5em 1.5em;
  padding: 0;
}

ul.definitionen > li {
  margin-block: 0.4em;
}

ol.buchstaben {
  list-style: none;
  counter-reset: buchstabe;
  margin: 0.5em 0;
  padding: 0;
}

ol.buchstaben > li {
  counter-increment: buchstabe;
  position: relative;
  padding-left: 2.2em;
  margin-block: 0.5em;
}

ol.buchstaben > li::before {
  content: counter(buchstabe, lower-alpha) ")";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.8em;
  font-weight: 600;
}

ol.unterbuchstaben {
  list-style: none;
  counter-reset: unterbuchstabe;
  margin: 0.5em 0;
  padding: 0;
}

ol.unterbuchstaben > li {
  counter-increment: unterbuchstabe;
  position: relative;
  padding-left: 2.6em;
  margin-block: 0.4em;
}

ol.unterbuchstaben > li::before {
  content: counter(unterbuchstabe, doppelbuchstabe);
  position: absolute;
  left: 0;
  top: 0;
  width: 2.2em;
  font-weight: 600;
}
ol {
  border-bottom: 1px solid var(--grey);
}