body {
    background: #faf6ee;
    color: #342d2c;
}

/*
    TYPOGRAPHY
*/
.section-heading {
    border-bottom: 0;
    position: relative;
    padding: 0 0 0.5rem 0;
    text-transform: uppercase;
}

.section-heading::after {
    background: #342d2c;
    content: "";
    display: block;
    width: 100px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.text-muted {
    color: #342d2c;
}

.highlighted-text {
    color: #016747!important;
}

header .navbar .nav-item, header .navigation-dropdown .dropdown-item {
    color: #006747;
    font-family: 'FuturaBold', sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
}

header .navbar .nav-item:hover, header .navbar .nav-item.active, header .navigation-dropdown .dropdown-item:hover {
    color: #006747 !important;
}

header .navbar .nav-item::before, header .navigation-dropdown .dropdown-item::before {
    background-color: #006747;
}

.dropdown-menu {
    border-radius: 0;
}

.menu-wrap .hamburger > div {
    background: #342d2c;
}

/*
    BUTTONS
*/

.btn {
    border-radius: 0;
    color: #342d2c;
    position: relative;
    padding: 0.75rem 1rem;
    text-transform: uppercase;
}

.btn:hover, .btn:active {
    color: #016747;
}

.btn:focus {
    box-shadow: none !important;
}

.whole-screen-overlay-caption-inner .btn {
    background: #342d2c;
    border-color: #342d2c;
    color: #fff;
}

.whole-screen-overlay-caption-inner .btn:hover {
    background: #342d2c;
    border-color: #342d2c;
    color: #fff;
}

.btn-label {
    position: relative;
}

.btn .btn-label::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 1px;
    bottom: -4px;
    -webkit-transition: width .2s ease-in-out;
    -o-transition: .2s ease-in-out width;
    transition: width .2s ease-in-out;
    background-color: #fff;
}

.btn:hover .btn-label::after {
    width: 100%;
}

.btn-primary {
    background: #016747;
    border-color: #016747;
    color: #fff;
}

.btn-primary:hover, .btn-primary:active {
    background: #016747 !important;
    border-color: #016747 !important;
    color: #fff !important;
}

.btn-primary:focus {
    box-shadow: none;
}

.btn-secondary, .btn-tertiary {
    background: rgba(1, 103, 71, 0.1);
    border-color: rgba(1, 103, 71, 0.1);
    color: #016747;
}

.btn-secondary:hover, .btn-secondary:active, .btn-tertiary:hover, .btn-tertiary:active {
    background: rgba(1, 103, 71, 0.1) !important;
    border-color: rgba(1, 103, 71, 0.1) !important;
    color: #016747 !important;
}

.btn-secondary .btn-label::after, .btn-tertiary .btn-label::after {
    background-color: #016747;
}

.btn-secondary:focus, .btn-tertiary:focus {
    box-shadow: none;
}

.standard-link, .parsed-text a {
    color: #006747;
    text-decoration: underline;
}

.standard-link:hover, .parsed-text a:hover {
    color: #003c28;
    text-decoration: underline;
}

.parsed-text table {
    display: block;
    width: auto;

}

.parsed-text td {
    border: 1px solid #dee2e6;
    padding: 0.75rem 0.2rem;
}

.parsed-text th {
    border: 1px solid #dee2e6;
    font-family: 'FuturaMedium', sans-serif;
    font-size: 1.1rem;
    padding: 0.75rem 0.2rem;
}

.parsed-text th:first-child, .parsed-text td:first-child {
    padding-left: 0.75rem;
}

.parsed-text th:last-child, .parsed-text td:last-child {
    padding-right: 0.75rem;
}

.card-button-container .btn {
    border-radius: 0px;
}

.carousel-indicators li {
    background-color: #faf6ee;
}

.horizontal-card-list .default-horizontal-image-card .card-title {
    margin-bottom: 0.25rem;
}

.horizontal-card-list .default-horizontal-image-card .card-title::after {
    height: 0;
}

.horizontal-card-list .default-horizontal-image-card .card-text {
    color: #3C3C4399;
}

.horizontal-image-card .card-title::after {
    background: #342d2c;
}

.horizontal-image-card .card {
    border: 0;
    background: #89B391;
    color: #fff;
}

.horizontal-image-card .card-title::after {
    background: #fff;
}

/*
    CARDS
*/
.card {
    background: #faf6ee;
    border-radius: 0;
}

.teaser-card-container .teaser-card .card, .single-teaser-card-container .teaser-card .card {
    background: #89B391 !important;
    color: #fff;
}

.vertical-card-list {
    border: 1px solid #0000001A;
}

.vertical-card {
    background: #eeefe4;
}

.vertical-card .card-title {
    color: #016747;
    font-family: 'FuturaBold', sans-serif;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    text-transform: none;
    font-size: 1.1rem;
}

.vertical-card .card-title::after {
    content: none;
}

@media (min-width: 768px) {
    .vertical-card .card-title {
        font-size: 1.3rem;
    }
}

.vertical-card.reference-link-card .card-title {
    font-family: 'FuturaMedium', sans-serif;
    font-weight: 400;
    font-size: 1rem !important;
}

.vertical-card .flex-1 {
    align-items: center;
    display: flex;
}

.search-vertical-list .vertical-card .flex-1 {
    align-items: flex-start;
}

.vertical-card:hover .card-title {
    color: #003c28;
}

.horizontal-grid-card .card {
    background: rgba(204, 75, 106, 0.1);
}

.icon-teaser-card img {
    background: #CC4B6A;
}

.icon-teaser-card .card-text {
    color: #3C3C4399;
}

.horizontal-text .card {
    background: rgba(1, 103, 71, 0.1);
    color: #016747;
}

.horizontal-text .card .card-title::after {
    background: #016747;
}

.card .card-img-empty, .vertical-img-card .card-img-empty, .img-empty {
    background: #8dbac3;
    color: #fff;
}

.inline-card-cover {
    background: #8dbac3;
}

.horizontal-grid-card .card-text {
    color: #707070;
}

/*
    EVENTS
*/

.event-title {
    color: #016747;
}

.vertical-calendar-event-left-inner {
    background: #00000029;
    color: #fff;
}

.vertical-calendar-event-left-inner.is-today {
    background: #CC4B6A;
    color: #fff;
}

.vertical-calendar-event-right {
    border-bottom: 1px solid #0000004D;
}

.event-description {
    color: #3C3C4399;
}

.vertical-calendar-event .event-arrow {
    color: #AFAFAF;
}

.vertical-calendar-event-card-list {
    border: 1px solid #0000001A;
}

li {
    list-style: none;
    margin-bottom: 1rem;
    position: relative
}

li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: -28px;
    height: 8px;
    width: 8px;
    background: #016747;
}

.menu li::before {
    content: none;
}

.page-description-text li::before {
    top: 13px;
}

/*
    FOOTER
*/

.footer {
    border-top: 5px solid #fff;
    background: #fff;
    color: #342d2c;
}

.footer .text-muted {
    color: #342d2c !important;
}

.icon-primary {
    color: #016747;
    font-size: 1.25rem;
}

.icon-warning {
    color: #D9755E;
    font-size: 1.25rem;
}

.example-container {
    background: #8dbac3;
    color: #fff;
    padding: 2rem;
}

.text-primary {
    color: #016747 !important;
}

.vertical-card-icon::before {
    content: "\f0da";
    color: #016747;
}

@media (min-width: 1201px) {
    .vertical-card-icon::before  {
        content: "\f30b";
    }
}

.vertical-card .card-arrow {
    align-items: center;
    display: flex;
    margin: 0 0.5rem 0 0;
}

#parseAsHtml .body-content.do-parse-html {
    background: #eeefe4;
    padding: 1rem;
}

#parseAsHtml .body-content.do-parse-html > .page-title {
    padding-top: 1rem;
}

#parseAsHtml .body-content.do-parse-html.is-closed > .page-title {
    margin-bottom: 1rem;
}

#parseAsHtml .body-content.do-parse-html .regulation-container, #parseAsHtml .body-content.do-parse-html .icon-component-container-parent {
    padding-left: 0;
    padding-right: 0;
}

#parseAsHtml .vertical-list .row > div:not(:last-child) {
    margin-bottom: 0.5rem;
}

#parseAsHtml .vertical-list .link-list-title.mb-3 {
    margin-bottom: 0.5rem !important;
}

#parseAsHtml .page-title-text {
    color: #016747;
    font-size: 1.1rem;
    padding-bottom: 0;
}

#parseAsHtml .page-title-text::after {
    content: none;
}

#parseAsHtml .page-title-text:hover {
    color: #003c28;
}

/* #parseAsHtml .do-parse-html .vertical-card.reference-link-card {
    background: #faf6ee;
} */

#parseAsHtml .do-parse-html .vertical-card .card-body {
    padding: 0 !important;
}

#parseAsHtml .do-parse-html .vertical-card .card-arrow {
    display: none !important;
}

#parseAsHtml .do-parse-html .vertical-card .card-title {
    text-transform: none !important;
}

#parseAsHtml .page-title-text {
    text-transform: none;
}

@media (min-width: 768px) {
    #parseAsHtml .page-title-text {
        font-size: 1.3rem;
    }
}

#parseAsHtml .body-content > .body-content .page-title {
    display: none;
}

#parseAsHtml .icon-component-container .icon-component:last-child {
    margin-bottom: 2rem;
}

.breadcrumb-nav {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}

.breadcrumb-list {
    background: #faf6ee;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb-list-item {
    align-items: center;
    display: flex;
    margin-bottom: 0.5rem;
    max-width: 100%;
}

@media (min-width: 768px) {
    .breadcrumb-list {
        flex-wrap: nowrap;
    }

    .breadcrumb-list-item {
        max-width: 19%;
    }

    .breadcrumb-list-item.mw-1 {
        max-width: 100%;
    }

    .breadcrumb-list-item.mw-2 {
        max-width: 50%;
    }

    .breadcrumb-list-item.mw-3 {
        max-width: 33%;
    }

    .breadcrumb-list-item.mw-4 {
        max-width: 24%;
    }

    .breadcrumb-list-item.mw-5 {
        max-width: 19%;
    }

    .breadcrumb-list-item.mw-last {
        flex-grow: 1;
        max-width: inherit;
        min-width: 0;
    }
}

.breadcrumb-list-item::before {
    content: none;
}

.breadcrumb-list-item a {
    color: #006747;
    font-size: 1rem;
    text-align: left;
    text-decoration: underline;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.breadcrumb-list-item a.active-parent-breadcrumb {
    color: #003c28;
    text-decoration: underline !important;
}

.breadcrumb-list-item a.active-breadcrumb {
    color: #342d2c !important;
    text-decoration: none !important;
}

.breadcrumb-list-item a.active-breadcrumb:hover, .breadcrumb-list-item a.active-breadcrumb:focus, .breadcrumb-list-item a.active-breadcrumb:active {
    color: #342d2c !important;
    cursor: default !important;
}

.breadcrumb-list-item button {
    background: transparent;
    border: 0;
    color: #006747;
    font-size: 1rem;
    padding: 0;
    text-align: left;
    text-decoration: underline;
}

.breadcrumb-list-item button:hover, .breadcrumb-list-item button:focus, .breadcrumb-list-item button:active, .breadcrumb-list-item a:hover, .breadcrumb-list-item a:focus, .breadcrumb-list-item a:active {
    color: #003c28;
    outline: 0;
}

.breadcrumb-list-item .dropdown-menu {
    max-height: calc(100vh - 120px - 20px);
    max-width: 200px;
    overflow-y: auto;
}

body.body-mt-1 .breadcrumb-list-item .dropdown-menu {
    max-height: calc(100vh - 150px - 20px);
}

body.body-mt-2 .breadcrumb-list-item .dropdown-menu {
    max-height: calc(100vh - 175px - 20px);
}

body.body-mt-3 .breadcrumb-list-item .dropdown-menu {
    max-height: calc(100vh - 200px - 20px);
}

body.body-mt-4 .breadcrumb-list-item .dropdown-menu {
    max-height: calc(100vh - 225px - 20px);
}

body.body-mt-5 .breadcrumb-list-item .dropdown-menu {
    max-height: calc(100vh - 250px - 20px);
}

@media (min-width: 300px) {
    body.body-mt-2 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 150px - 20px);
    }
    
    body.body-mt-3 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 180px - 20px);
    }
    
    body.body-mt-4 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 190px - 20px);
    }
    
    body.body-mt-5 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 200px - 20px);
    }
}

@media (min-width: 400px) {
    body.body-mt-4 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 180px - 20px);
    }

    body.body-mt-5 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 190px - 20px);
    }
}

@media (min-width: 568px) {
    body.body-mt-1 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 150px - 20px);
    }

    body.body-mt-2 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 150px - 20px);
    }
    
    body.body-mt-3 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 150px - 20px);
    }
    
    body.body-mt-4 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 150px - 20px);
    }
    
    body.body-mt-5 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 150px - 20px);
    }
}

@media (min-width: 768px) {
    body.body-mt-1 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 150px - 20px);
    }

    body.body-mt-2 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 150px - 20px);
    }
    
    body.body-mt-3 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 150px - 20px);
    }
    
    body.body-mt-4 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 150px - 20px);
    }
    
    body.body-mt-5 .breadcrumb-list-item .dropdown-menu {
        max-height: calc(100vh - 150px - 20px);
    }
}

@media (min-width: 300px) {
    .breadcrumb-list-item .dropdown-menu {
        max-width: 300px;
    }
}

@media (min-width: 400px) {
    .breadcrumb-list-item .dropdown-menu {
        max-width: 400px;
    }
}

@media (min-width: 500px) {
    .breadcrumb-list-item .dropdown-menu {
        max-width: 500px;
    }
}

.breadcrumb-list-item .dropdown-menu a {
    white-space: normal;
}

.breadcrumb-list-item-separator {
    color: #342d2c;
    /* padding: 0 0.5rem; */
}

.breadcrumb-list-item .dropdown-menu a {
    text-decoration: none;
    white-space: nowrap;
}

.breadcrumb-list-item .dropdown-menu a:hover, .breadcrumb-list-item .dropdown-menu a:focus, .breadcrumb-list-item .dropdown-menu a:active {
    background: transparent;
    color: #003c28;
    text-decoration: underline;
}

.btn-group-toggle>.btn:hover {
    cursor: pointer;
}

.btn-group-toggle>.btn input[type=checkbox] {
    position: initial;
}

.btn-group-toggle>.btn input[type=checkbox]:focus {
    outline: 0;
}

.btn.focus {
    outline: 0;
    box-shadow: none;
}

.search input:not(.form-check-input) {
    border: 0;
    border-radius: 0;
    color: #342d2c;
    padding: 22px 30px 22px 55px;
    height: inherit;
    width: 100%;
}

.search label:not(.form-check-label) {
    font-family: 'FuturaBold', sans-serif;
}

.search input:focus {
    border: 0;
    box-shadow: none;
    color: #342d2c;
}

.search .form-check-input {
    margin-top: .2rem;
}

.search-submit-button {
    display: block;
    color: #006747;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background: transparent;
    margin-top: 1px;
    padding: 0;
}

.search-submit-button:focus {
    outline: 0;
}

.search .dropdown-menu {
    border: 0;
    margin-top: 0;
}


.search .btn-secondary {
    border: 0;
    padding: 22px 30px 22px 30px;
    text-align: start;
    text-transform: none;
}

.search .show > .btn-secondary.dropdown-toggle, .search .show > .btn-secondary.dropdown-toggle:hover {
    background: #fff !important;
    border: 0 !important;
    color: #342d2c !important;
}

.search-autocomplete-result {
    color: #006747;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    text-decoration: none;
}

.search-autocomplete-result:hover {
    color: #003c28;
    text-decoration: none;
}

/*
    COOKITECONSENT
*/
.cc-window {
    background: #016747;
    color: #fff;
    font-family: 'FuturaMedium', sans-serif !important;
    text-align: center;
}

.cc-window.cc-banner {
    text-align: left;
}

.cc-btn {
    background: #016747 !important;
    border: 1px solid #fff !important;
    border-radius: 0;
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    padding: 0.5rem 1rem !important;
    text-transform: uppercase;
}

.cc-btn:hover {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #016747 !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    text-decoration: none;
}

.cc-message a {
    color: #fff;
    font-size: 1rem;
    text-decoration: underline;
}

.cc-message a:hover {
    color: #fff;
}

.cc-btn:active, .cc-btn:focus {
    outline: 0;
}

.txt-btn {
    border: none;
    color: #006747;
    text-decoration: underline;
    background: none;
}