/* FONTS */
@pv-font-icons: 'prijsvrij-icons-2022';
@pv-font-icons-name:'Prijsvrij Icons';
@pv-font-icons-version: '7';

@pv-fonts:
{
    @font-face {
        font-family: '@{pv-font-icons-name}';
        src: url('Fonts/@{pv-font-icons}.eot?v=@{pv-font-icons-version}');
        src: url('Fonts/@{pv-font-icons}.eot?#iefix&v=@{@pv-font-icons-version}') format('embedded-opentype'), url('Fonts/@{pv-font-icons}.svg?v=@{pv-font-icons-version}#tga_bold') format('svg'), url('Fonts/@{pv-font-icons}.woff?v=@{pv-font-icons-version}') format('woff'), url('Fonts/@{pv-font-icons}.ttf?v=@{pv-font-icons-version}') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: block;
        -webkit-font-smoothing: antialiased;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 600;
        src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(Fonts/OpenSans-SemiBoldItalic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 700;
        src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(Fonts/OpenSans-BoldItalic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 400;
        src: local('Open Sans Italic'), local('OpenSans-Italic'), url(Fonts/OpenSans-Italic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 800;
        src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(Fonts/OpenSans-ExtraBoldItalic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 300;
        src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(Fonts/OpenSans-LightItalic.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        src: local('Open Sans Light'), local('OpenSans-Light'), url(Fonts/OpenSans-Light.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: local('Open Sans Regular'), local('OpenSans-Regular'), url(Fonts/OpenSans-Regular.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(Fonts/OpenSans-SemiBold.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        src: local('Open Sans Bold'), local('OpenSans-Bold'), url(Fonts/OpenSans-Bold.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 800;
        src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(Fonts/OpenSans-ExtraBold.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }


    @font-face {
        font-family: 'Hermes Maia T8';
        font-style: normal;
        font-weight: normal;
        src: local('Hermes Maia T8'), url(Fonts/hermes_maia_t8_regular-webfont.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Hermes Maia T8';
        font-style: italic;
        font-weight: normal;
        src: local('Hermes Maia T8 Italic'), url(Fonts/hermes_maia_t8_italic-webfont.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }


    @font-face {
        font-family: 'Hermes Maia T4';
        font-style: normal;
        font-weight: normal;
        src: local('Hermes Maia T4'), url(Fonts/hermes_maia_t4_regular-webfont.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Hermes Maia T4';
        font-style: italic;
        font-weight: normal;
        src: local('Hermes Maia T4 Italic'), url(Fonts/hermes_maia_t4_italic-webfont.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Hermes Maia T4';
        font-style: normal;
        font-weight: bold;
        src: local('Hermes Maia T4 Bold'), url(Fonts/hermes_maia_t4_bold-webfont.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: 'Hermes Maia T4';
        font-style: italic;
        font-weight: bold;
        src: local('Hermes Maia T4 Bold Italic'), url(Fonts/hermes_maia_t4_bold_italic-webfont.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }
}
;


@text-small: {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-rendering: optimizeLegibility;
}
;

@text-small-default: {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-rendering: optimizeLegibility;
}
;

@text-default: {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-rendering: optimizeLegibility;
}
;

@text-large: {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-rendering: optimizeLegibility;
}
;

@text-xlarge: {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 32px;
    text-rendering: optimizeLegibility;
}
;


@header-xsmall: {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    text-rendering: optimizeLegibility;
}
;
@header-small: {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    text-rendering: optimizeLegibility;
}
;
@header-default: {
    font-family: Hermes Maia T4;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-rendering: optimizeLegibility;
}
;
@header-large: {
    font-family: Hermes Maia T4;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
    text-rendering: optimizeLegibility;
}
;
@header-large-lite: {
    font-family: Hermes Maia T4;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    text-rendering: optimizeLegibility;
}
;
@header-xlarge: {
    font-family: Hermes Maia T8;
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: -0.02em;
    text-rendering: optimizeLegibility;
}
;
@header-xxlarge: {
    font-family: Hermes Maia T8;
    font-style: normal;
    font-weight: 800;
    font-size: 56px;
    line-height: 64px;
    letter-spacing: -0.02em;
    text-rendering: optimizeLegibility;
}
;
@header-xsmall-caps: {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
}
;
@header-small-caps: {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    @fontSize: 12px;
    @lineHeight: 16px;
    text-rendering: optimizeLegibility;
}
;
@header-default-caps: {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
}
;

@color-primary: #0092F2;
@color-primary-dark-50:#004979;
@color-primary-dark-25:#006DB5;
@color-primary-light-25:#40ADF5;
@color-primary-light-50:#80C8F8;
@color-primary-light-75:#EFF8FE;
@color-primary-travelparty:#c8e8fd;

@color-secondary:#FDE92F;
@color-secondary-dark-50:#7F7518;
@color-secondary-dark-25:#BEAF23;
@color-secondary-light-25:#FEEF63;
@color-secondary-light-50:#FEF497;
@color-secondary-light-75:#FFFACB;
@color-secondary-bg:#FFBF2B;

@color-cta:#339900;
@color-cta-dark-50:#1A4D00;
@color-cta-dark-25:#267300;
@color-cta-light-25:#66B340;
@color-cta-light-50:#99CC80;
@color-cta-light-75:#CCE5BF;
@color-cta-review:#73CF11;

@color-purchase:#D90000;
@color-purchase-dark-50:#4d0000;
@color-purchase-dark-25:#730000;
@color-purchase-light-25:#b34040;
@color-purchase-light-50:#99CC80;
@color-purchase-light-75:#cc8080;
@color-purchase-review:#cf1111;

@color-text-body:#004979;
@color-text-primary:#0092F2;
@color-text-subtle:#A8A8A8;
@color-text-accent:#D90000;
@color-text-cta:#339900;
@color-text-black:#000;
@color-text-white:#FFF;

@color-dark:#333;
@color-dark-dark-50:#1A1A1A;
@color-dark-dark-25:#262626;
@color-dark-light-25:#666;
@color-dark-light-50:#999;
@color-dark-light-75:#CCC;

@color-light:#E0E0E0;
@color-light-dark-50:#707070;
@color-light-dark-25:#A8A8A8;
@color-light-light-25:#E8E8E8;
@color-light-light-50:#EFEFEF;
@color-light-light-75:#F7F7F7;

@color-black:#000;
@color-white:#FFF;

@color-action-success:#66B340;
@color-action-warning:#EEAC2C;
@color-action-alert:#B34040;