section {
  break-before: page;
  color: var(--main-text-color);
  font-size: 10pt;
}

:root {
  --color-marginBox: transparent !important;
}

p {
  font-family: var(--main-text);
  font-size: 10pt;
}

/* textformatierung*/
h1 {
  font-family: var(--main-text);
  text-transform: uppercase;
  text-align: center;
  font-size: 12pt;
  string-set: category content(text);

  color: var(--main-text-color);
  /*color: transparent;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);*/
}
h2 {
  font-family: var(--main-header);
  font-size: 30pt;
  transform: rotate(var(--almendra-angle));
  margin-bottom: 2ch;
  color: var(--main-text-color);
  text-align: center;
  z-index: 2;
  color: var(--main-text-color);
  string-set: title content(text);
}

h3 {
  font-family: var(--text-kursive);
  font-size: 15pt;
  z-index: 2;
  color: var(--main-text-color);
}
h5 {
  font-family: var(--text-kursive);
  text-align: center;
  font-size: 10pt;
  letter-spacing: 0.02em;
  line-height: 2ch;
  margin: 10vh 1ch;
  transform: rotate(-5deg);
  color: var(--main-text-color);
}

h6 {
  font-family: var(--text-kursive);
  text-transform: uppercase;
  text-align: center;
  font-size: 30pt;
  line-height: 2ch;
  margin: 3ch 0ch 2ch 0ch;
  transform: rotate(var(--title-angle));
  line-height: 2.5ch;

  color: var(--main-text-color);
}

ul li {
  list-style: none;
  padding-left: 0;
  position: relative;
  padding-left: 0;
  line-height: 1.7ch;
}

ul li::before {
  content: "+";
  position: absolute;
  left: -2ch;
}

.number {
  font-family: var(--main-header);
  font-size: 10pt;
}
.name {
  font-family: var(--text-kursive);
  font-weight: bold;
  font-size: 10pt;
}
.cursive {
  font-family: var(--text-kursive);
}

code,
.design-rules {
  font-family: var(--main-mono);
  font-size: 10pt;
  color: var(--main-text-color);
  & > h3 {
    font-family: var(--main-mono);
    font-size: 10pt;
  }
}

.design-rules.large {
  font-size: 12pt;
}

@page {
  size: 105mm 148.5mm;
  margin-top: 2cm;
  margin-bottom: 1cm;
}

@page :right {
  margin-left: 1.5cm;
  margin-right: 1cm;
  @right-middle {
    content: counter(page);
    font-family: var(--main-header);
    font-size: 12pt;
    color: var(--dark-color);
  }
  @top-center {
    content: string(category, first-except);
    font-family: var(--text-kursive);
    font-size: 9pt;
    color: var(--dark-color);
  }
}

@page :left {
  margin-right: 1.5cm;
  margin-left: 1cm;
  @left-middle {
    content: counter(page);
    font-family: var(--main-header);
    font-size: 12pt;
    color: var(--dark-color);
  }
  @top-center {
    content: string(title);
    font-family: var(--text-kursive);
    font-size: 9pt;
    color: var(--dark-color);
  }
}