/* alegreya-500 - latin */
@font-face {
    font-display: swap;
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 500;
    src: url('../Fonts/alegreya-v39-latin-500.woff2') format('woff2');
}

/* roboto-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/roboto-v51-latin-regular.woff2') format('woff2');
}

/* playfair-display-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Playfair';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/playfair-display-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




:root,
[data-bs-theme=light] {
    /*--bs-body-font-size: 1.35rem;*/
    --bs-body-font-size: 1rem;
    --bs-body-line-height: 1.45;
    --bs-primary: #928765; /* hellbraun / beige */
    --bs-secondary: #484134; /* dunkelgrün */
    --bs-info: #c2a45f; /* gelb / gold: */
    --bs-light:#fff;
    --bs-warning: #303033; /* dunkelgrau */

    --bs-primary-rgb: 146, 135, 101;
    --bs-secondary-rgb: 72, 65, 52;
    --bs-info-rgb: 194, 164, 95;
    --bs-light-rgb: 255, 255, 255;
    --bs-warning-rgb: 48,48,51;

    --bs-link-color: #303033;
    --bs-link-color-rgb: 48,48,51;
    --bs-link-hover-color: #c2a45f;
    --bs-link-hover-color-rgb: 194, 164, 95;

    --bs-font-sans-serif: 'Roboto';
    --bs-nav-link-font-size:1.15rem;

    --bs-bg-dunkel: #3D3D3D;
    --bs-bg-hell:#D1D1CE;
}


:target {
    scroll-margin-top: 120px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Playfair';
}

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

/*
h2 {
    font-size:5rem;
}

h3 {
    font-size:2.25rem;
}
*/
.small, small {
    font-size: .875em;
}

.lead {
    font-size:1.5rem;
}

.bg-grau {
    background-color:var(--bs-bg-dunkel);
}

@media (min-width: 992px) {
    .w-md-50 {
        width:50%!important
    }
    .w-md-75 {
        width:75%!important
    }
}

/*.card, .accordion-body {
    font-size: 1.0625rem;
    line-height:1.7271rem;
} */

.accordion-button:not(.collapsed) {
    --bs-accordion-active-color: var(--bs-body-color);
}

.accordion-button {
    font-size:1.5rem;
    font-family: 'Playfair';
}

.btn {
    --bs-btn-font-size:1.25rem;
}

.bg-primary a {
    color:#fff;
}

.btn-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
    --bs-btn-bg: var(--bs-primary);
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);
    --bs-gradient: none;
    --bs-btn-bg: var(--bs-secondary);
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-info);
    --bs-btn-hover-border-color: var(--bs-info);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-info);
    --bs-btn-active-border-color: var(--bs-info);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-info);
    --bs-gradient: none;
    --bs-btn-bg: var(--bs-info);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
}

.btn:disabled {
    opacity:0.35;
}

.weiss {
    color:#fff;
}

.ce-div {
    color:var(--bs-secondary)!important;
    opacity:1;
}

/* Navigation */

.navbar-nav {
    font-family: 'Alegreya';
    font-size:1.0625rem;
    letter-spacing:2px;
}

@media (min-width: 992px) {
    .navbar .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

.offcanvas button {
    font-size: 1.25rem;
    display: inline-block;
    width: 1em;
    text-align: center;
}

.offcanvas button[aria-expanded="false"]::after {
    content: "+";
}

.offcanvas button[aria-expanded="true"]::after {
    content: "-";
}

/* Formular */
textarea {
    min-height:250px!important;
}


/* Table */

.ce-table tr td:first-child {
    font-weight:bold;
}
.ce-table th {
    border-top:0px;
}

/* Ratgeber */

.ratgebersticky {
    position: sticky;
    top: 20px;
}

/* Rating */

.bi-star-fill,
.bi-star-half {
    color:#ffc83d;
}

/* Textbox */
@media (min-width: 992px) {
    .textbox ul {
        margin-left:2rem;
        margin-right:2rem;
    }
}

/* Hero */
.mb-6 {
    margin-bottom: 2.5rem !important;
}

.mt-8 {
    margin-top: 3.5rem !important;
}

.ls-md {
    letter-spacing: .1em !important;
    color:var(--bs-info);
}


@media (min-width: 768px) {
    .px-md-8 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }
}