@font-face {
                font-family: 'main-font';
                font-style: normal;
                src: url('https://law-steuerberatung.de/wp-content/uploads/fonts/Raleway-Regular.woff') format('woff');
                font-weight: 400;
                font-display: swap;
            }@font-face {
                font-family: 'main-font';
                font-style: normal;
                src: url('https://law-steuerberatung.de/wp-content/uploads/fonts/Raleway-Bold.woff') format('woff');
                font-weight: 600;
                font-display: swap;
            }@font-face {
                font-family: 'sub-font';
                font-style: normal;
                src: url('https://law-steuerberatung.de/wp-content/uploads/fonts/Montserrat-Regular.woff') format('woff');
                font-weight: 400;
                font-display: swap;
            }@font-face {
                font-family: 'sub-font';
                font-style: normal;
                src: url('https://law-steuerberatung.de/wp-content/uploads/fonts/Montserrat-Bold.woff') format('woff');
                font-weight: 600;
                font-display: swap;
            }:root {--main-color: #1f6dea;--sub-color: #01091e;--bg-color: #e9ebf1;--text-color: #01091e;--color-1: #3db2f9;--color-2: #3ef3f7;
    --color-w: #fff;
    --color-b: #000;
    --maxwidth: 1360px;
    --width: 86%;
    --spacing: 100px;
    --el-spacing: 30px;
    --header-height: 85px;
    --header-spacing: 10px;
    --font-family: main-font;
    --font-size: 17px;
    --line-height: 1.5em;
    --font-weight: 400;
    --font-color: var(--text-color);
}
@media all and (max-width: 980px) {
	:root {
		--spacing: 75px;
        --header-height: 63.75px;
        --header-spacing: 7.5px;
	}
}
    h1, .style-h1 {
        font-family: 'main-font';
        font-size: 40px;
        font-weight: 600;
        color: var(--text-color);
        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: 32px;
        font-weight: 600;
        color: var(--text-color);
        line-height: 1.2em;
        margin:0 0 10px;
    }
    @media (max-width: 768px) {
        h2, .style-h2 {
            font-size: 24px;
        }
    }

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

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

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

.section > .row {
transition: transform 1s ease, opacity 1s ease !important;
opacity: 0 !important;
transform: translateY(15px) !important;
transition-delay: .25s !important;
}

.section > .row.animated {
opacity: 1 !important;
transform: translateY(0px) !important;
}