@font-face {
                font-family: 'main-font';
                font-style: normal;
                src: url('https://recht-vielseitig.com/wp-content/uploads/fonts/REM-Regular.woff') format('woff');
                font-weight: 400;
                font-display: swap;
            }@font-face {
                font-family: 'main-font';
                font-style: normal;
                src: url('https://recht-vielseitig.com/wp-content/uploads/fonts/REM-Bold.woff') format('woff');
                font-weight: 600;
                font-display: swap;
            }:root {--main-color: #009e86;--sub-color: #c01d85;--bg-color: #f4f8f8;--color-1: #e5f5f3;--color-2: #ccece7;--color-3: #99d8ce;--color-4: #f9e8f3;--color-5: #e6a4ce;
    --color-w: #fff;
    --color-b: #000;
    --maxwidth: 1380px;
    --width: 86%;
    --spacing: 100px;
    --el-spacing: 30px;
    --header-height: 100px;
    --header-spacing: 15px;
    --font-family: main-font;
    --font-size: 18px;
    --line-height: 1.5em;
    --font-weight: 300;
    --font-color: var(--color-b);
}
@media all and (max-width: 980px) {
	:root {
		--spacing: 75px;
        --header-height: 75px;
        --header-spacing: 11.25px;
        --font-size: 16px;
	}
}
    h1, .style-h1 {
        font-family: 'main-font';
        font-size: 65px;
        font-weight: 600;
        color: var(--color-b);
        line-height: 1.2em;
        margin:0 0 10px;
    }
    @media (max-width: 768px) {
        h1, .style-h1 {
            font-size: 30px;
        }
    }

    h2, .style-h2 {
        font-family: 'main-font';
        font-size: 38px;
        font-weight: 600;
        color: var(--color-b);
        line-height: 1.2em;
        margin:0 0 10px;
    }
    @media (max-width: 768px) {
        h2, .style-h2 {
            font-size: 26px;
        }
    }

    h3, .style-h3 {
        font-family: 'main-font';
        font-size: 20px;
        font-weight: 600;
        color: var(--color-b);
        line-height: 1.3em;
        margin:0 0 10px;
    }
    @media (max-width: 768px) {
        h3, .style-h3 {
            font-size: 18px;
        }
    }

    h4, .style-h4 {
        font-family: 'main-font';
        font-size: 16px;
        font-weight: 300;
        color: var(--color-b);
        line-height: 1.2em;
        margin:0 0 10px;
    }
    @media (max-width: 768px) {
        h4, .style-h4 {
            font-size: 14px;
        }
    }

    h5, .style-h5 {
        font-family: 'main-font';
        font-size: 18px;
        font-weight: 600;
        color: var(--color-b);
        line-height: 1.4em;
        margin:0 0 10px;
    }
    @media (max-width: 768px) {
        h5, .style-h5 {
            font-size: 16px;
        }
    }