/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * bastiann.ch (monthly pageviews: <50K)
 *
 */

/* complete */






:root {
    --unit-feinregler: 28px;
    --unit: calc(var(--unit-feinregler) / 10);
    --unit-body-margin: calc(var(--unit) * 8);
    --nav-col-width: 300px;

    --variable-border: 1px;
    --variable-border-radius: 6px;

    --square-36: calc(var(--unit) * 12);
    --square-72: calc(var(--unit) * 24);
    --square-96: calc(var(--unit) * 32);




    /*slide-show*/
    --variable-max-width: 1200px;


    --sticky-pos-1: calc(var(--zab-6) +
    var(--unit-padding-top-bottom) * 2 +
    var(--unit-body-margin) +
    var(--variable-border) * 2);

    --sticky-pos-2: calc(var(--zab-6) * 2 +
    var(--unit-padding-top-bottom) * 4 +
    var(--unit-body-margin) +
    var(--variable-border) * 4);

    --sticky-pos-3: calc(var(--zab-6) * 3 +
    var(--unit-padding-top-bottom) * 6 +
    var(--unit-body-margin) +
    var(--variable-border) * 6);

   



    --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.1);
    --zab-7: calc(var(--unit) * 7);
    --zab-8: calc(var(--unit) * 8.1);
    --zab-9: calc(var(--unit) * 9);
    --zab-10: calc(var(--unit) * 10.2);
    --zab-12: calc(var(--unit) * 12);
    --zab-20: calc(var(--unit) * 20);





    --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) * 4.4);
    --font-size-6: calc(var(--unit) * 5.2);
    --font-size-7: calc(var(--unit) * 6.2);
    --font-size-8: calc(var(--unit) * 7.0);
    --font-size-9: calc(var(--unit) * 8.2);
    --font-size-10: calc(var(--unit) * 8.8);
    --font-size-12: calc(var(--unit) * 13);

    --font-size-20: calc(var(--unit) * 24);


}

.sticky-pos-0 {
    position: sticky;
    top: var(--unit-body-margin);
}


.sticky-pos-1 {
    position: sticky;
    top: var(--sticky-pos-1);
}

.sticky-pos-2 {
    position: sticky;
    top: var(--sticky-pos-2);
}


.sticky-pos-3 {
    position: sticky;
    top: var(--sticky-pos-3)
}

/*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-7 {
    line-height: var(--zab-7);
    font-size: var(--font-size-7);
}

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


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

.zab-12 {
    line-height: var(--zab-12);
    font-size: var(--font-size-12);
    width: 95%;
}

.zab-20 {
    line-height: var(--zab-20);
    font-size: var(--font-size-20);
    width: 95%;
}