/* Automatisch generiert von TP Page Builder - nicht manuell bearbeiten */

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/cormorant-garamond--300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/cormorant-garamond--300italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/cormorant-garamond--400.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/cormorant-garamond--400italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/cormorant-garamond--500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/cormorant-garamond--500italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/cormorant-garamond--600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/cormorant-garamond--600italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/cormorant-garamond--700.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/cormorant-garamond--700italic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DM Mono';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/dm-mono--300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Mono';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/dm-mono--300italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DM Mono';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/dm-mono--400.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Mono';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/dm-mono--400italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DM Mono';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/dm-mono--500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Mono';
    src: url('https://thorstenpreuss.de/wp-content/plugins/tp-page-builder/assets/fonts/tp-page-builder/dm-mono--500italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

:root {
    --tppb-heading-font: 'Cormorant Garamond', sans-serif;
    --tppb-body-font: 'DM Mono', sans-serif;
    --tppb-accent-font: 'DM Mono', sans-serif;
    --bs-body-font-size: 0.875rem;
}

h1, h2, h3, h4, h5, h6,
.editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3,
.editor-styles-wrapper h4, .editor-styles-wrapper h5, .editor-styles-wrapper h6 {
    font-family: var(--tppb-heading-font);
}

body,
.editor-styles-wrapper {
    font-family: var(--tppb-body-font);
}

.tppb-font-accent,
.editor-styles-wrapper .tppb-font-accent {
    font-family: var(--tppb-accent-font);
}

.tppb-body-font-size,
.editor-styles-wrapper .tppb-body-font-size {
    font-size: var(--bs-body-font-size) !important;
}

.tppb-accent-custom-size,
.editor-styles-wrapper .tppb-accent-custom-size {
    font-size: 12px;
}

h1,
:where(.editor-styles-wrapper) h1 {
    font-size: clamp(40px, 8vw, 120px);
    color: rgba(var(--bs-primary-rgb), 1);
    font-weight: 300;
}

h2,
:where(.editor-styles-wrapper) h2 {
    font-size: clamp(32px, 8vw, 64px);
    color: rgba(var(--bs-white-rgb), 1);
    font-weight: 300;
}

p,
.editor-styles-wrapper p {
    color: rgba(var(--bs-body-color-rgb), 1) !important;
}