/* Counter zurücksetzen */
body {
    counter-reset: h4-counter;
}

/* H4 Counter */
h4 {
    counter-reset: h5-counter;
    counter-increment: h4-counter;
}

h4::before {
    content: counter(h4-counter) ". ";
    font-weight: bold;
    display: inline-block;
    width: 80px;
    text-align: left;
}

/* H5 Counter */
h5 {
    counter-reset: h6-counter;
    counter-increment: h5-counter;
}

h5::before {
    content: counter(h4-counter) "." counter(h5-counter) ". ";
    font-weight: bold;
    display: inline-block;
    width: 80px;
    text-align: left;
}

/* H6 Counter */
h6 {
    counter-increment: h6-counter;
}

h6::before {
    content: counter(h4-counter) "." counter(h5-counter) "." counter(h6-counter) ". ";
    font-weight: bold;
    display: inline-block;
    width: 80px;
    text-align: left;
}