/* change root colors here */
:root {
    --primary-color: #0b7085 !important;
    --secondary-color: #23899d !important;
    --hover-color: #23899d !important;
    --special-color: #23899d !important;
    --special-hover-color: #23899d !important;
    --link-hover-color: #23899d !important;
}

.v2-btn.v2-btn-primary {
    background: var(--primary-color) !important;
}

.v2-gradient {
    background: linear-gradient(to right, #23899d, #0b7085) !important;
}

@font-face {
    font-family: 'Season Sans';
    src: url('SeasonSans-visavis-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html {
    font-family: 'Season Sans', Arial, sans-serif !important;
}

body {
    font-family: 'Season Sans', Arial, sans-serif !important;
    background: white !important;
}

button, a, p, body, .row {
    font-family: 'Season Sans', Arial, sans-serif !important;
}

h2, h3, h4 {
    font-family: 'Season Sans', Arial, sans-serif !important;
    font-weight: bold !important;
}

h2 {
    font-size: 40px !important;
}

h3 {
    font-size: 32px !important;
}

h5 {
    font-family: 'Nova', Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 18px !important;
}

a:hover {
    color: var(--link-hover-color) !important;
}

ol.v2-stepper li {
    font-family: 'Season Sans', Arial, sans-serif !important;
}

.v2-logo:lang(de) {
    background-image: url('logo.svg') !important;
}

.v2-logo:lang(fr) {
    background-image: url('logo.svg') !important;
}

.v2-logo:lang(it) {
    background-image: url('logo.svg') !important;
}

.v2-logo:lang(en) {
    background-image: url('logo.svg') !important;
}