@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');

:root {
    --unit-feinregler: 25px;
    --unit: calc(var(--unit-feinregler) / 10);
    --quadrat: calc(var(--unit) * 8);
    --unit-margin: calc(var(--unit) * 0);
    --unit-padding: calc(var(--unit) * 1);
    --unit-global-textindent-left: calc(var(--unit-padding) * 2);
    --unit-global-textindent-right: calc(var(--unit-padding) * 10);

    --fokus: 10;

    /*
    --anzahl-reiter: 7;
    --quadrat: calc(vw / var((anzahl-reiter * 2) + 1);
*/
    --zab-2: calc(var(--unit) * 2);
    --zab-3: calc(var(--unit) * 3);
    --zab-4: calc(var(--unit) * 4);
    --zab-5: calc(var(--unit) * 5);
    --zab-6: calc(var(--unit) * 6);
    --zab-7: calc(var(--unit) * 7);
    --zab-8: calc(var(--unit) * 8);
    --zab-10: calc(var(--unit) * 10);


    --font-size-2: calc(var(--unit) * 2);
    --font-size-3: calc(var(--unit) * 3);
    --font-size-4: calc(var(--unit) * 4);
    --font-size-5: calc(var(--unit) * 5);
    --font-size-6: calc(var(--unit) * 6);
    --font-size-7: calc(var(--unit) * 7.1);
    --font-size-8: calc(var(--unit) * 8.5);
    --font-size-10: calc(var(--unit) * 10.8);

}

/*Schriftgrössen*/
.zab-2 {
    line-height: var(--zab-2);
    font-size: var(--font-size-2);
}

.zab-3 {
    line-height: var(--zab-3);
    font-size: var(--font-size-3);
}

.zab-4 {
    line-height: var(--zab-4);
    font-size: var(--font-size-4);
}

.zab-5 {
    line-height: var(--zab-5);
    font-size: var(--font-size-5);
}

.zab-6 {
    line-height: var(--zab-6);
    font-size: var(--font-size-6);
}





.zab-2 {
    line-height: var(--zab-2);
    font-size: var(--font-size-2);
}

.zab-3 {
    line-height: var(--zab-3);
    font-size: var(--font-size-3);
}

.zab-4 {
    line-height: var(--zab-4);
    font-size: var(--font-size-4);
}

.zab-5 {
    line-height: var(--zab-5);
    font-size: var(--font-size-5);
}

.zab-6 {
    line-height: var(--zab-6);
    font-size: var(--font-size-6);
}


.zab-7 {
    line-height: var(--zab-7);
    font-size: var(--font-size-7);
}

.zab-10 {
    line-height: var(--zab-8);
    font-size: var(--font-size-8);
    width: 92%;
}

.zab-8 {
    line-height: var(--zab-7);
    font-size: var(--font-size-7);
    max-width: 98%;
}

.zab-2, .zab-3, .zab-4, .zab-5, .zab-6, .zab-7, .zab-8, .zab-10 {
    padding-left: var(--unit-global-textindent-left);
    padding-right: var(--unit-global-textindent-right);
}

.two-cols .zab-8, .two-cols .zab-2, .two-cols .zab-3, .two-cols .zab-4, .two-cols .zab-5, .two-cols .zab-6, .two-cols .zab-7, .two-cols .zab-10 {
    padding-right: 0;
}