/* Fonts */

/* nunito-sans-200 - latin-ext */
@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 Sans';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/nunito-sans-v15-latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-200italic - latin-ext */
@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 Sans';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/nunito-sans-v15-latin-ext-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-300 - latin-ext */
@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 Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/nunito-sans-v15-latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-300italic - latin-ext */
@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 Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/nunito-sans-v15-latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-regular - latin-ext */
@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 Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/nunito-sans-v15-latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-italic - latin-ext */
@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 Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/nunito-sans-v15-latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-500 - latin-ext */
@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 Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/nunito-sans-v15-latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-500italic - latin-ext */
@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 Sans';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/nunito-sans-v15-latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-600 - latin-ext */
@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 Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/nunito-sans-v15-latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-600italic - latin-ext */
@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 Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/nunito-sans-v15-latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-700 - latin-ext */
@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 Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/nunito-sans-v15-latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-700italic - latin-ext */
@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 Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/nunito-sans-v15-latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-800 - latin-ext */
@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 Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/nunito-sans-v15-latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-800italic - latin-ext */
@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 Sans';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/nunito-sans-v15-latin-ext-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-900 - latin-ext */
@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 Sans';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/nunito-sans-v15-latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-900italic - latin-ext */
@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 Sans';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/nunito-sans-v15-latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --bs-enable-negative-margins: true;
    --bs-body-font-family: Nunito Sans, sans-serif;
    --bs-link-color: #90967a;
    --bs-link-color-rgb: 118, 125, 91;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #83896a;
    --bs-link-hover-color-rgb: 86, 91, 65;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #90967a;
	--bs-btn-border-color: #0d6efd;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #767d5b;
	--bs-btn-hover-border-color: #0a58ca;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a58ca;
	--bs-btn-active-border-color: #0a53be;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0d6efd;
	--bs-btn-disabled-border-color: #0d6efd;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-border-color: #fff;
}

.table th, table td {
    font-weight: bold;
    color: #90967a !important;
}

a {
    text-underline-offset: 0.25em !important;
    text-decoration-style: dotted;
    text-decoration-thickness: from-font;
}

address {
    font-weight: bolder;
}

.bg-top {
    background: #e1e2d9 url('/img/herzliche-mentale-verbindung-zweier-seelen.svg') 47% 0.5rem no-repeat;
    background-size: 127%;
    background-position: 47% 0.5rem;
}

.page-default {
    background-color: #e1e2d9;
    min-height: calc(100vh - 3.5rem);
}

.navbar-brand img,
.offcanvas-title img {
    height: 2em;
    opacity: 0.8;
}

.navbar-brand img:hover {
    opacity: 1;
}

.large-heading {
    text-transform: uppercase;
}

h3 .large-heading-main {
    display: inline-block;
    font-size: calc(4.125rem + 3vw);
    color: #000;
}

h4 .large-heading-main {
    display: inline-block;
    margin-bottom: -0.25rem;
    font-size: 4.125rem;
    color: #000;
}

h3 .large-heading-sub {
    display:inline-block;
    margin-top:-4rem;
    font-size: calc(2.5rem + 1.8vw);
    color: #767d5b;
}

h4 .large-heading-sub {
    display:inline-block;
    margin-top:-1rem;
    font-size: 2.5rem;
    color: #767d5b;
}

.h1-bs-default-size {
    font-size: calc(1.375rem + 1.5vw);
    
}

.h2-bs-default-size {
    font-size: calc(1.325rem + .9vw);
}

h1, .h1 {
    color: #000;
    font-size: 2rem;
}

h2, .h2 {
    color: #90967a;
    font-size: 1.5rem;
}

h3:not(.large-heading,.h1,.h2,.h4,.h5,.h6), .h3 {
    color: #90967a;
    font-size: 1.25rem;
}

h4:not(.large-heading,.h1,.h2,.h3,.h5,.h6), .h4 {
    font-size: 1rem;
}

.middle-image {
    margin-left: -3.75rem;
}

.middle-image img {
    width: calc(100% + 6.75rem);
}

.w-xs-38 {
    width: 38% !important;
}

.w-xs-100 {
    width: 100% !important;
}

@media (min-width: 576px) {
    .w-sm-38 {
        width: 38% !important;
    }
    .w-sm-100 {
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    .w-md-38 {
        width: 38% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .middle-image img {
        width: calc(100% + 3.75rem);
    }
}

@media (min-width: 992px) {
    .w-lg-38 {
        width: 38% !important;
    }
    .w-lg-100 {
        width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-38 {
        width: 38% !important;
    }
    .w-xl-100 {
        width: 100% !important;
    }
    h3 .large-heading-main {
        font-size: 103px;
    }
    h3 .large-heading-sub {
        font-size: 62px;
    }
    .h1-bs-default-size {
        font-size:2.5rem;
    }
    .h2-bs-default-size {
        font-size:2rem;
    }
}

@media (max-width: 379.98px) {
    .bg-top {
        background-size: 250%;
        background-position: 47.5% 5.5rem;
    }
}

@media (min-width: 380px) and (max-width: 399.98px) {
    .bg-top {
        background-size: 250%;
        background-position: 47.5% 5rem;
    }
}

@media (min-width: 400px) and (max-width: 419.98px) {
    .bg-top {
        background-size: 250%;
        background-position: 48.5% 4rem;
    }
}

@media (min-width: 420px) and (max-width: 479.98px) {
    .bg-top {
        background-size: 250%;
        background-position: 48.5% 2.5rem;
    }
}

@media (min-width: 480px) and (max-width: 519.98px) {
    .bg-top {
        background-size: 220%;
        background-position: 48.5% 3rem;
    }
}

@media (min-width: 520px) and (max-width: 575.98px) {
    .bg-top {
        background-size: 205%;
        background-position: 48.5% 2.75rem;
    }
}

@media (max-width: 767.98px) {
    .offcanvas.offcanvas-start {
        background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0.8) 100%);
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .bg-top {
        background-size: 205%;
        background-position: 48.5% 3rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .bg-top {
        background-size: 172%;
        background-position: 47% 3rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .bg-top {
        background-size: 145%;
        background-position: 46% 3.5rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .bg-top {
        background-size: 140%;
        background-position: 47% 1.5rem;
    }
}

@media (min-width: 1400px) {
    .bg-top {
        background-size: 127%;
        background-position: 47% 0.5rem;
    }
}