@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-display: swap;
    src: url('https://public.finanz-werkzeuge.de/brokers/bonnfinanz/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Italic';
    font-style: normal;
    font-display: swap;
    src: url('https://public.finanz-werkzeuge.de/brokers/bonnfinanz/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
}

:root {
    /*Update*/
    --bs-font-family: 'OpenSans';
    --bs-box-shadow: 0px 0px 15px rgba(158, 158, 158, 0.3);
    --bs-calculator-box-shadow: none;
    --bs-border-radius: 0%;

    --bs-font-main-color: #38393A;
    --bs-font-text-headers-main-color: var(--bs-font-main-color);
    --bs-font-main-color-light: #fff;
    --bs-color-text-inverted: #fff;
    --bs-color-light-background: #fff;

    --bs-link-color: var(--bs-font-main-color);
    --bs-link-text-decoration: underline;
    --bs-link-hover-color: var(--bs-link-color);

    --bs-footer-background: #394C6E;
    --bs-footer-color: #9ab3d9;
    --bs-footer-links-color: #fff;
    --bs-footer-link-hover-color: var(--bs-footer-links-color);
    --bs-footer-copyright-section-color: #9ab3d9;
    --bs-footer-links-text-decoration: none;

    --bs-header-background: #fff;
    --bs-header-color: var(--bs-font-main-color);
    --bs-header-links-color: var(--bs-font-main-color);
    --bs-header-links-text-decoration: none;
    --bs-header-box-shadow: none;

    --bs-button-background: #D3B671;
    --bs-button-hover-background: #b5a379;
    --bs-button-color: #fff;
    --bs-button-hover-color: #fff;
    --bs-button-border-radius: 0%;
    --bs-button-border-width: 0;
    --bs-button-border-color: inherit;
    --bs-button-border: none;
    --bs-button-box-shadow: none;

    --bs-separation-header-mobil-background: #EDEDED;
    --bs-header-mobil-menu-button-background: #D3B671;

    --bs-swiper-background: transparent;
    --bs-button-disabled-background: #9E9E9E;
    --bs-color-main-selected: #D3B671;
    --bs-swiper-button-color: #D3B671;
    --bs-swiper-highlight-color: #D3B671;
    --bs-swiper-highlight-color-2: #E7CF98;
    --bs-swiper-basic-color: var(--bs-font-main-color);
    --bs-swiper-background-odd: var(--bs-swiper-background);
    --bs-swiper-background-even: var(--bs-swiper-background);

    --bs-criteria-background: #4A6186;
    --bs-criteria-color: #fff;
    --bs-benefits-background: #D3B671;
    --bs-benefits-color: #fff;

    --bs-cta-background: #4A6186;
    --bs-cta-hover-background: #394C6E;

    --bs-onboarding-box-background: #fff;
    --bs-section-background: #fff;
    --bs-section-calculator-background: transparent;
    --bs-page-background: #fff;

    --bs-hero-margin-top: 9em;
    --logo-width: 12em;
    --logo-width-mobile: 12em;
}