:root {
    --color-text: #000000;
    --color-accent: #0f87ff;
    --color-primary: #d62424;
    --color-surface: #ededed;
    --color-secondary: #585656;
    --color-background: #ffffff;
}


:root {
    --color-header: var(--color-background);
    --color-bodytext: var(--color-text);
    --color-cardbackground: var(--color-surface);
    --color-cardtext: var(--color-text);
    --color-buttontext: var(--color-background);
    --color-dropdownbg: var(--color-background);
    --color-dropdowntext: var(--color-text);
    --color-gluecksradpopupbg: var(--color-background);
    --color-gluecksradpopuptext: var(--color-text);
    --color-default: color-mix(in srgb, var(--color-text) 50%, var(--color-background));
    --color-sekundare: var(--color-secondary);
    --gradient-primary: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-primary) 100%);
}


:root {
    --color-footer: #3f3f3f;
    --color-headertext: #174367;
    --color-buttontexthover: #ff0000;
    --color-buttonbackground: #1303ab;
    --color-headermenubutton: #174367;
}


:root {
    --font-heading: 'Open Sans', sans-serif;
    --font-body: 'Open Sans', sans-serif;
    --font-size-base: 16px;
    --body-line-height: 1.6;

    /* Per-heading tokens */
    --h1-size: 56px;
    --h1-weight: 700;
    --h1-line-height: 1.2;
    --h1-color: var(--color-text);
    --h2-size: 45px;
    --h2-weight: 700;
    --h2-line-height: 1.2;
    --h2-color: var(--color-text);
    --h3-size: 35px;
    --h3-weight: 700;
    --h3-line-height: 1.2;
    --h3-color: var(--color-text);
    --h4-size: 28px;
    --h4-weight: 700;
    --h4-line-height: 1.3;
    --h4-color: var(--color-text);
    --h5-size: 24px;
    --h5-weight: 600;
    --h5-line-height: 1.3;
    --h5-color: var(--color-text);
    --h6-size: 20px;
    --h6-weight: 600;
    --h6-line-height: 1.4;
    --h6-color: var(--color-text);

    /* Paragraph tokens */
    --p-size: 16px;
    --p-weight: 400;
    --p-line-height: 1.6;
    --p-color: var(--color-text);

    /* Link tokens */
    --link-color: var(--color-background);
    --link-hover-color: var(--color-background);
    --link-underline: none;
    --link-hover-underline: underline;
}


:root {
    /* Button Tokens */
    --button-bg: var(--color-primary);
    --button-text: var(--color-background);
    --button-hover-text: var(--color-background);
    --button-border-width: 0px;
    --button-border-color: var(--color-primary);
    --button-radius: 20px;
    --button-padding-x: 24px;
    --button-padding-y: 8px;

    /* Card Tokens */
    --card-bg: var(--color-surface);
    --card-text: var(--color-text);
    --card-border-width: 0px;
    --card-border-color: var(--color-surface);
    --card-radius: 4px;
    --card-shadow: 0 25px 30px 0 rgba(0,0,0,0.15);
    --card-padding: 32px;

    /* Header Tokens */
    --header-bg: var(--color-background);
    --header-text: var(--color-text);
    --header-menu-btn: var(--color-primary);
    --header-shadow: 0 25px 30px 0 rgba(0,0,0,0.15);
    --header-padding-y: 24px;

    /* Footer Tokens */
    --footer-bg: var(--color-text);
    --footer-text: var(--color-background);
    --footer-padding-y: 30px;
}


body {
    background-color: var(--color-background);
    font-family: var(--font-body);
    font-size: var(--font-size-base);
    line-height: var(--body-line-height);
    color: var(--p-color, var(--color-text));
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}
h1 { font-size: var(--h1-size); font-weight: var(--h1-weight); line-height: var(--h1-line-height); color: var(--h1-color); }
h2 { font-size: var(--h2-size); font-weight: var(--h2-weight); line-height: var(--h2-line-height); color: var(--h2-color); }
h3 { font-size: var(--h3-size); font-weight: var(--h3-weight); line-height: var(--h3-line-height); color: var(--h3-color); }
h4 { font-size: var(--h4-size); font-weight: var(--h4-weight); line-height: var(--h4-line-height); color: var(--h4-color); }
h5 { font-size: var(--h5-size); font-weight: var(--h5-weight); line-height: var(--h5-line-height); color: var(--h5-color); }
h6 { font-size: var(--h6-size); font-weight: var(--h6-weight); line-height: var(--h6-line-height); color: var(--h6-color); }
p { font-size: var(--p-size); font-weight: var(--p-weight); line-height: var(--p-line-height); color: var(--p-color); }


.pb-text a,
.mc-block-wrapper a,
.wp-block-paragraph a,
.wp-block-list a {
    color: var(--link-color, var(--color-primary));
    text-decoration: var(--link-underline, underline);
}
.pb-text a:hover,
.mc-block-wrapper a:hover,
.wp-block-paragraph a:hover,
.wp-block-list a:hover {
    color: var(--link-hover-color, var(--color-accent));
    text-decoration: var(--link-hover-underline, underline);
}


:root {
    --color-header-alpha: #ffffffF2;
}


    .color-text {
        color: var(--color-text);
    }
    .has-text-color {
        color: var(--color-text);
    }
    .has-text-background-color {
        background-color: var(--color-text);
    }
    .wp-block-cover.has-text-background-color {
        background-color: var(--color-text);
    }
    .color-accent {
        color: var(--color-accent);
    }
    .has-accent-color {
        color: var(--color-accent);
    }
    .has-accent-background-color {
        background-color: var(--color-accent);
    }
    .wp-block-cover.has-accent-background-color {
        background-color: var(--color-accent);
    }
    .color-primary {
        color: var(--color-primary);
    }
    .has-primary-color {
        color: var(--color-primary);
    }
    .has-primary-background-color {
        background-color: var(--color-primary);
    }
    .wp-block-cover.has-primary-background-color {
        background-color: var(--color-primary);
    }
    .color-surface {
        color: var(--color-surface);
    }
    .has-surface-color {
        color: var(--color-surface);
    }
    .has-surface-background-color {
        background-color: var(--color-surface);
    }
    .wp-block-cover.has-surface-background-color {
        background-color: var(--color-surface);
    }
    .color-secondary {
        color: var(--color-secondary);
    }
    .has-secondary-color {
        color: var(--color-secondary);
    }
    .has-secondary-background-color {
        background-color: var(--color-secondary);
    }
    .wp-block-cover.has-secondary-background-color {
        background-color: var(--color-secondary);
    }
    .color-background {
        color: var(--color-background);
    }
    .has-background-color {
        color: var(--color-background);
    }
    .has-background-background-color {
        background-color: var(--color-background);
    }
    .wp-block-cover.has-background-background-color {
        background-color: var(--color-background);
    }
    .color-header {
        color: var(--color-header);
    }
    .has-header-color {
        color: var(--color-header);
    }
    .has-header-background-color {
        background-color: var(--color-header);
    }
    .wp-block-cover.has-header-background-color {
        background-color: var(--color-header);
    }
    .color-headertext {
        color: var(--color-headertext);
    }
    .has-headertext-color {
        color: var(--color-headertext);
    }
    .has-headertext-background-color {
        background-color: var(--color-headertext);
    }
    .wp-block-cover.has-headertext-background-color {
        background-color: var(--color-headertext);
    }
    .color-headermenubutton {
        color: var(--color-headermenubutton);
    }
    .has-headermenubutton-color {
        color: var(--color-headermenubutton);
    }
    .has-headermenubutton-background-color {
        background-color: var(--color-headermenubutton);
    }
    .wp-block-cover.has-headermenubutton-background-color {
        background-color: var(--color-headermenubutton);
    }
    .color-bodytext {
        color: var(--color-bodytext);
    }
    .has-bodytext-color {
        color: var(--color-bodytext);
    }
    .has-bodytext-background-color {
        background-color: var(--color-bodytext);
    }
    .wp-block-cover.has-bodytext-background-color {
        background-color: var(--color-bodytext);
    }
    .color-footer {
        color: var(--color-footer);
    }
    .has-footer-color {
        color: var(--color-footer);
    }
    .has-footer-background-color {
        background-color: var(--color-footer);
    }
    .wp-block-cover.has-footer-background-color {
        background-color: var(--color-footer);
    }
    .color-cardbackground {
        color: var(--color-cardbackground);
    }
    .has-cardbackground-color {
        color: var(--color-cardbackground);
    }
    .has-cardbackground-background-color {
        background-color: var(--color-cardbackground);
    }
    .wp-block-cover.has-cardbackground-background-color {
        background-color: var(--color-cardbackground);
    }
    .color-cardtext {
        color: var(--color-cardtext);
    }
    .has-cardtext-color {
        color: var(--color-cardtext);
    }
    .has-cardtext-background-color {
        background-color: var(--color-cardtext);
    }
    .wp-block-cover.has-cardtext-background-color {
        background-color: var(--color-cardtext);
    }
    .color-buttonbackground {
        color: var(--color-buttonbackground);
    }
    .has-buttonbackground-color {
        color: var(--color-buttonbackground);
    }
    .has-buttonbackground-background-color {
        background-color: var(--color-buttonbackground);
    }
    .wp-block-cover.has-buttonbackground-background-color {
        background-color: var(--color-buttonbackground);
    }
    .color-buttontext {
        color: var(--color-buttontext);
    }
    .has-buttontext-color {
        color: var(--color-buttontext);
    }
    .has-buttontext-background-color {
        background-color: var(--color-buttontext);
    }
    .wp-block-cover.has-buttontext-background-color {
        background-color: var(--color-buttontext);
    }
    .color-buttontexthover {
        color: var(--color-buttontexthover);
    }
    .has-buttontexthover-color {
        color: var(--color-buttontexthover);
    }
    .has-buttontexthover-background-color {
        background-color: var(--color-buttontexthover);
    }
    .wp-block-cover.has-buttontexthover-background-color {
        background-color: var(--color-buttontexthover);
    }
    .color-dropdownbg {
        color: var(--color-dropdownbg);
    }
    .has-dropdownbg-color {
        color: var(--color-dropdownbg);
    }
    .has-dropdownbg-background-color {
        background-color: var(--color-dropdownbg);
    }
    .wp-block-cover.has-dropdownbg-background-color {
        background-color: var(--color-dropdownbg);
    }
    .color-dropdowntext {
        color: var(--color-dropdowntext);
    }
    .has-dropdowntext-color {
        color: var(--color-dropdowntext);
    }
    .has-dropdowntext-background-color {
        background-color: var(--color-dropdowntext);
    }
    .wp-block-cover.has-dropdowntext-background-color {
        background-color: var(--color-dropdowntext);
    }
    .color-gluecksradpopupbg {
        color: var(--color-gluecksradpopupbg);
    }
    .has-gluecksradpopupbg-color {
        color: var(--color-gluecksradpopupbg);
    }
    .has-gluecksradpopupbg-background-color {
        background-color: var(--color-gluecksradpopupbg);
    }
    .wp-block-cover.has-gluecksradpopupbg-background-color {
        background-color: var(--color-gluecksradpopupbg);
    }
    .color-gluecksradpopuptext {
        color: var(--color-gluecksradpopuptext);
    }
    .has-gluecksradpopuptext-color {
        color: var(--color-gluecksradpopuptext);
    }
    .has-gluecksradpopuptext-background-color {
        background-color: var(--color-gluecksradpopuptext);
    }
    .wp-block-cover.has-gluecksradpopuptext-background-color {
        background-color: var(--color-gluecksradpopuptext);
    }
    .color-default {
        color: var(--color-default);
    }
    .has-default-color {
        color: var(--color-default);
    }
    .has-default-background-color {
        background-color: var(--color-default);
    }
    .wp-block-cover.has-default-background-color {
        background-color: var(--color-default);
    }
    .has-primary-gradient-background {
        background: var(--gradient-primary);
    }