.page-header {
    background-color: transparent;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.page-header--cloudy {
    background-color: #eeeeee;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* sanfter Schatten */
}

.layout-full .page-header {
    box-shadow: 0 0 3px #bbb;
}

@media (min-width: 412px) {
    h1 {
        font-size: 1.35em;
    }

    #content .container {
        h2, h4 {
            font-size: 1.15em;
        }
    }
}

@media (min-width: 912px) {
    h1 {
        font-size: 1.65em;
    }

    #content .container {
        h2, h4 {
            font-size: 1.25em;
        }
    }
}

@media (min-width: 1200px) {
    h1 {
        font-size: 1.75em;
    }

    #content .container {
        h2, h4 {
            font-size: 1.35em;
        }
    }
}

@media (min-width: 2000px) {
    h1 {
        font-size: 2em;
    }

    #content .container {
        h2, h4 {
            font-size: 1.5em;
        }
    }
}

.navbar-meta a.nav-link {
    color: #825B17;
}

.navbar-meta a.nav-link:hover {
    color: #6e4d14;
}

.navbar-main a.nav-link {
    font-family: 'Merriweather', serif;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase
}

#content .container {
    background: #FFFFFF;
    padding-top: 15px;
    margin-bottom: 1rem;
    -webkit-box-shadow: 1px 1px 3px #8b817c;
    box-shadow: 1px 1px 3px #8b817c;
}

#c1314 .container {
    height: 115px;
    background-color: #BD8A35;
}

.bg-yellow, .bg-green, .bg-teal {
    background-color: transparent;
}

#c1571 .container, #c1507 .container, #c1441 .container, #c1497 .container, #c1312 .container, #c1311 .container, #c1482 .container {
    height: 65px;
    background-color: #BD8A35;
}

#content .bg-teal .container {
    height: 65px;
    background-color: #567e99;
}

#content .bg-green .container {
    height: 65px;
    background-color: #65745f;
}

#content {
    padding-top: 1rem !important;
    padding-bottom: 1.5rem !important
}

h1, .h1, h3, .h3, h6, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    /*font-weight: 500;*/
    line-height: 1.2;
    font-family: 'Merriweather', serif;
}

h1 {
    color: #ffffff;
}

h2 {
    font-size: 1.5em;
}

body {
    background: #f0f0f0;
    background-image: url(/fileadmin/images/body-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
}

.btn-primary {
    color: #fff;
    background-color: #BD8A35;
    border-color: #6e4d14;
}

.page-footer a {
    color: #825B17;
    --bs-nav-link-color: #825B17;
    --bs-nav-link-hover-color: #6e4d14;
}

.page-content a {
    color: #6e4d14;
    --bs-link-color: #825B17;
    --bs-link-hover-color: #6e4d14;
}