/*Fonts*/
/* nunito-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/nunito-v32-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/nunito-v32-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* nunito-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/nunito-v32-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/nunito-v32-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/*Theme*/
:root {
    --bs-body-font-family: Nunito, Helvetica, sans-serif;

    --bs-primary: #ff6e39;
    --bs-primary-rgb: 255, 110, 57;
    --bs-primary-bg-subtle: #ff6e39;
    --bs-primary-text-emphasis: #ff6e39;

    /*--bs-emphasis-color: #ff6e39;*/
    /*--bs-emphasis-color-rgb: 255, 110, 57;*/

    --bs-secondary: #f8da56;
    --bs-secondary-rgb: 248, 218, 86;
    --bs-secondary-bg-subtle: #fdedb6;
    --bs-secondary-text-emphasis: #f8da56;

    --bs-tertiary-bg: #f4f2ed;

    --bs-accent-1: #909a67;
    --bs-text-bg-accent-1: #fff;
    --bs-accent-2: #cbd8fd;
    --bs-text-bg-accent-2: initial;
    --bs-accent-3: #fdedb6;
    --bs-text-bg-accent-3: initial;
    --bs-accent-4: #f4f2ed;
    --bs-text-bg-accent-4: initial;

    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-hover-color: #ff8e66;
    --bs-link-hover-color-rgb: 255, 142, 102;

    --bs-font-sns-serif: var(--bs-body-font-family);
    --bs-body-font-size: 1rem;

    --bs-border-radius: 24px;
    --bs-border-width: unset;
}

.bi {
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    fill: currentcolor;
}

.bg-accent-1 {
    background: var(--bs-accent-1);
    color: var(--bs-text-bg-accent-1);
}

.text-accent-1 {
    color: var(--bs-accent-1);
}

.bg-accent-2 {
    background: var(--bs-accent-2);
    color: var(--bs-text-bg-accent-2);
}

.text-accent-2 {
    color: var(--bs-accent-2);
}

.bg-accent-3 {
    background: var(--bs-accent-3);
    color: var(--bs-text-bg-accent-3);
}

.text-accent-3 {
    color: var(--bs-accent-3);
}

.bg-accent-4 {
    background: var(--bs-accent-4);
    color: var(--bs-text-bg-accent-4);
}

.text-accent-4 {
    color: var(--bs-accent-4);
}

.table {
    --bs-table-bg: none;
    --bs-table-color: var(--bs-body-color);
}


/* GENERAL */
@media (min-width: 576px) {
    .container-small {
        max-width: 400px;
    }
}

@media (min-width: 768px) {
    .container-small {
        max-width: 560px;
    }
}

@media (min-width: 992px) {
    .container-small {
        max-width: 780px;
    }
}

@media (min-width: 1200px) {
    .container-small {
        max-width: 940px;
    }
}

@media (min-width: 1400px) {
    .container-small {
        max-width: 1100px;
    }
}

section {
    padding: 2.5rem 0;

    /*prevent scrolling in x direction caused by e.g. long words in headlines*/
    overflow-x: hidden;
}

h1, .h1 {
    font-size: 3em;
}

h2, .h2 {
    font-size: 2.5em;
}

h3, .h3 {
    font-size: 2em;
}

h4, .h4 {
    font-size: 1.5em;
}

h5, .h5 {
    font-size: 1.2em;
}

h6, .h6 {
    font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Times, serif;
}

.font-serif {
    font-family: Times, serif;
}

.font-sans-serif {
    font-family: var(--bs-body-font-family);
}

.small, small {
    /*font-size: 14px;*/
}

@media (max-width: 767.98px) {
    h1, .h1 {
        font-size: 2em;
    }

    h2, .h2 {
        font-size: 1.5em;
    }

    h3, .h3 {
        font-size: 1.2em;
    }

    h4, .h4 {
        font-size: 1.1em;
    }

    h5, .h5 {
        font-size: 1em;
    }

    h6, .h6 {
        font-size: 1em;
    }
}

/* NAVIGATION */
.navbar-nav {
    --bs-navbar-active-color: var(--bs-primary);
    --bs-nav-link-hover-color: var(--bs-primary);
    --bs-nav-link-font-weight: 600;
}

.nav-item {
    text-wrap: nowrap;
}

.language-link+.language-link:before {
    /*content: "| ";*/
}


/* BUTTON */
.btn {
    font-weight: 600;
    text-transform: uppercase;

    --bs-btn-font-size: .875em;
    --bs-btn-padding-x: 1.375em;
    --bs-btn-padding-y: .75em;
    min-height: 3em;
    min-width: 11em;

}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: #de5a2a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff8256;
    --bs-btn-hover-border-color: #ef6839;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c44f26;
    --bs-btn-active-border-color: #a9411d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #985c47;
    --bs-btn-disabled-border-color: #6c3e2f;
}

.btn-secondary {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: #dec146;
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: #f3d13d;
    --bs-btn-hover-border-color: #f5d54f;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: #a9943b;
    --bs-btn-active-border-color: #94812f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-bg: #8c8151;
    --bs-btn-disabled-border-color: #73693e;
}

/* NAVBAR */
.dropdown-menu {
    --bs-dropdown-border-radius: unset;
    --bs-dropdown-bg: var(--bs-accent-4);
    --bs-dropdown-link-active-bg: var(--bs-primary);
    --bs-dropdown-link-hover-color: var(--bs-primary);
}

/* FORMS */
.form-control {
    background-color: var(--bs-tertiary-bg);
    font-size: .875em;
    min-height: 3em;
    padding-left: 1.375em;
    padding-right: 1.375em;
}

.form-check-input {
    --bs-form-check-bg: var(--bs-tertiary-bg);
}

form.bg-accent-4 .form-control {
    background-color: #fff;
}

form.bg-accent-4 .form-control:disabled,
form.bg-accent-4 .form-control:read-only {
    background-color: var(--bs-secondary-bg);
}

form.bg-accent-4 .form-check-input {
    background-color: #fff;
}

form.bg-accent-4 .form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* CAROUSEL */
.carousel-control-prev .btn, .carousel-control-next .btn {
    width: 3em;
    min-width: unset;
    height: 3em;
    padding: 0;

    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-control-prev-icon {
    background-image: url('../images/chevron-left.svg');
}

.carousel-control-next-icon {
    background-image: url('../images/chevron-right.svg');
}

/* ACCORDION */
.accordion {
    --bs-accordion-border-radius: 0;
    --bs-accordion-active-color: var(--bs-dark);
    --bs-accordion-active-bg: var(--bs-accent-2);
    --bs-accordion-btn-bg: var(--bs-accent-2);
    --bs-accordion-bg: transparent;
}

.accordion-header {
    font-family: var(--bs-body-font-family), sans-serif;
}

.accordion-collapse {
    background-color: transparent;
}

/* Gallery */
.gallery-item img {
    max-width: 100%
}

/* BUBBLE CONTAINER */
.bubble-container {
    position: relative;
}

.bubble-container > .bubble-item {
    aspect-ratio: 1/1;
    position: absolute;
    border-radius: 50%;
}

.bubble-container .bubble-item.bubble {
    border: solid var(--bs-secondary) 2px;
}


/* FOOTER */
footer a,
footer a.nav-link {
    color: white;
}

footer a.nav-link:focus, footer a.nav-link:hover {
    color: white;
    text-decoration: underline;
}