@font-face {
                font-family: 'main-font';
                font-style: normal;
                src: url('https://hochzeiten-nordhessen.de/wp-content/uploads/fonts/Roboto-Regular.woff') format('woff');
                font-weight: 400;
                font-display: swap;
            }@font-face {
                font-family: 'main-font';
                font-style: normal;
                src: url('https://hochzeiten-nordhessen.de/wp-content/uploads/fonts/Roboto-Bold.woff') format('woff');
                font-weight: 600;
                font-display: swap;
            }@font-face {
                font-family: 'sub-font';
                font-style: normal;
                src: url('https://hochzeiten-nordhessen.de/wp-content/uploads/fonts/PlayfairDisplay-Semibold.woff') format('woff');
                font-weight: 600;
                font-display: swap;
            }:root {--main-color: #bd5552;--sub-color: #93875c;--bg-color: #f1ddd9;--text-color: #4b4d4b;--color-1: #e3bbb4;--color-2: #e8e4db;--color-3: #cc6e6c;
    --color-w: #fff;
    --color-b: #000;
    --maxwidth: 1200px;
    --width: 86%;
    --spacing: 100px;
    --el-spacing: 30px;
    --header-height: 96px;
    --header-spacing: 14px;
    --font-family: main-font;
    --font-size: 18px;
    --line-height: 1.6em;
    --font-weight: 400;
    --font-color: var(--text-color);
}
@media all and (max-width: 980px) {
	:root {
		--spacing: 75px;
        --header-height: 72px;
        --header-spacing: 10.5px;
	}
}
    h1, .style-h1 {
        font-family: 'sub-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: 'sub-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: 'sub-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: 18px;
        font-weight: 300;
        color: var(--text-color);
        line-height: 1.3em;
        margin:0 0 10px;
    }
    @media (max-width: 768px) {
        h4, .style-h4 {
            font-size: 16px;
        }
    }

    h5, .style-h5 {
        font-family: 'main-font';
        font-size: 18px;
        font-weight: 600;
        color: var(--main-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;
}