html {
    height: 100%;
    /*font-size:                var(--font-size);*/
    line-height: var(--line-height);
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-company-main);
    font-weight: var(--font-weight-text);
    /*font-size:      var(--font-size);*/
    line-height: var(--line-heigth);
    color: var(--color-text);
    background: var(--color-page-background);
    font-size: clamp(14px, 2vw, 18px);
}


/** Layout **/
#wrapper {
    width: 100%;
}

.wrapper-inside {
    width: 100%;
    max-width: var(--max-width);
    margin: 1% auto;
}


#main {
    width: 100%;
}

#main .inside {

}

/* Anpassen Boxmodel */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Main */
/* sonstige Abstände und Elemente */
p,
ul,
ol,
pre,
table,
blockquote {
    margin-top: 0em;
    margin-bottom: 1.5em;
}

ul ul,
ol ol,
ul ol,
ol ul {
    margin-top: 0em;
    margin-bottom: 0em;
}

ul {
    list-style: square;
}

ol {
    list-style: decimal;
}

li {
    margin-left: 2em;
}

hr {
    border: 1px solid var(--border-regular);
    margin: -1px 0;
}