/*
 * SPDX-FileCopyrightText: 2024 Bundesrepublik Deutschland, vertreten durch das BMI/ITZBund
 *
 * SPDX-License-Identifier: GPL-3.0-or-later
 */

.main-container .ce-bodytext ol {
    list-style: decimal;
}

.ce-bodytext a:not(.btn,.teaser-link) {
    text-decoration: underline;
}

.ce-bodytext p, .ce-bodytext li, .ce-bodytext dt, .ce-bodytext dd, .ce-bodytext a,
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    hyphens: none;
}

.teaser .teaser-content h1,
.teaser .teaser-content h1 a,
.teaser .teaser-content .h1,
.teaser .teaser-content .h1 a,
.teaser .teaser-content h2,
.teaser .teaser-content h2 a,
.teaser .teaser-content .h2,
.teaser .teaser-content .h2 a,
.teaser .teaser-content h3,
.teaser .teaser-content h3 a,
.teaser .teaser-content .h3,
.teaser .teaser-content .h3 a,
.teaser .teaser-content h4,
.teaser .teaser-content h4 a,
.teaser .teaser-content .h4,
.teaser .teaser-content .h4 a,
.teaser .teaser-content h5,
.teaser .teaser-content h5 a,
.teaser .teaser-content .h5,
.teaser .teaser-content .h5 a,
.teaser .teaser-content h6,
.teaser .teaser-content h6 a,
.teaser .teaser-content .h6,
.teaser .teaser-content .h6 a {
    hyphens: manual!important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: var(--bs-secondary);
}
.grid-light h1, .grid-light .h1, .grid-light h2, .grid-light .h2, .grid-light h3, .grid-light .h3,
.grid-light h4, .grid-light .h4, .grid-light h5, .grid-light .h5, .grid-light h6, .grid-light .h6,
.grid-light .header-content__pretitle {
    color: white;
}

@media (max-width: 768px) {
    .frame-type-audio p, .frame-type-audio li, .frame-type-video p, .frame-type-video li, .ce-bodytext p, .ce-bodytext li, .ce-uploads p, .ce-uploads li {
        font-size: 1.25rem;
    }
}

.main-container .ce-bodytext ul li,
.main-container .ce-bodytext ol li {
    margin-bottom: 0.5rem;
}

h1,.h1, h2,.h2,
.override-single-teaser-override-header-style.h1,
h1.override-single-teaser-override-header-style,
h2.override-single-teaser-override-header-style,
.override-single-teaser-override-header-style.h2 {
    line-height: 1.2;
    font-weight: 500;
}

h1.override-single-teaser-override-header-style,
.override-single-teaser-override-header-style.h1 {
    font-size: calc(1.4rem + 1.8vw)!important;
}

h2.override-single-teaser-override-header-style,
.override-single-teaser-override-header-style.h2 {
    font-size: calc(1.325rem + 0.9vw)!important;
}

@media (min-width: 1200px) {
    h1.override-single-teaser-override-header-style,
    .override-single-teaser-override-header-style.h1 {
        font-size: 2.75rem!important;
    }

    h2.override-single-teaser-override-header-style,
    .override-single-teaser-override-header-style.h2 {
        font-size: 2rem!important;
    }
}


h3, .h3,
.teaser .teaser-content h3.override-single-teaser-override-header-style {
    font-size: 1.65rem;
}

.override-single-teaser-override-header-style.h3 {
    font-size: 1.65rem!important;
}

h4, .h4,
h6, .h6,
.teaser .teaser-content h4.override-single-teaser-override-header-style,
.teaser .teaser-content h6.override-single-teaser-override-header-style {
    font-size: 1.375rem;
}

.teaser .teaser-content h5.override-single-teaser-override-header-style {
    font-size: 1.25rem;
}

.override-single-teaser-override-header-style.h5 {
    font-size: 1.25rem!important;
}

.teaser .teaser-content h6.override-single-teaser-override-header-style {
    font-size: 1.375rem;
}

.override-single-teaser-override-header-style.h4,
.override-single-teaser-override-header-style.h6 {
    font-size: 1.375rem!important;
}

.header-content__pretitle {
    font-size: 1.375rem;
    font-weight: 500;
    color: var(--bs-body-color);
}

@media screen and (min-width: 992px) {
    .header-content__pretitle {
        font-size: 1.8rem;
    }
}

.teaser-content__pretitle {
    font-weight: 500;
    color: var(--bs-body-color);
    font-size: 1.2rem;
}

.ce-headline-center .header-content__pretitle {
    text-align: center;
}

.ce-headline-right .header-content__pretitle {
    text-align: right;
}

h5 .header-content__pretitle, .h5 .header-content__pretitle,
h6 .header-content__pretitle, .h6 .header-content__pretitle,
.teaser h1 .header-content__pretitle, .teaser .h1 .header-content__pretitle,
.teaser h2 .header-content__pretitle, .teaser .h2 .header-content__pretitle,
.teaser h3 .header-content__pretitle, .teaser .h3 .header-content__pretitle,
.teaser h4 .header-content__pretitle, .teaser .h4 .header-content__pretitle {
    font-size: 1.2rem;
}

.dropdown-menu.show .main-nav-wrapper {
    padding-bottom: 1rem;
}

.meta-desktop .sign-language-page > span,
.meta-desktop .simple-language-page > span,
.btn-search-nav > span {
    display: none;
}

.sign-language-page,
.metanav .simple-language-page,
.dropdown-menu.show .meta-item li > a {
    padding-top: 20px;
    padding-bottom: 20px;
}

.dropdown-menu.show .metanav .nav-link {
    padding-left: 0;
}
.dropdown-menu.show .metanav .nav-link.sign-language-page,
.dropdown-menu.show .metanav .nav-link.simple-language-page {
    padding-left: 2rem;
}
.dropdown-menu.show .metanav .nav-link.sign-language-page::after,
.dropdown-menu.show .metanav .nav-link.simple-language-page::after {
    content: "";
    left: 0;
    mask-position: 0 0.9rem;
}

.dropdown-menu.show .metanav .nav-link.simple-language-page::after {
    mask-position: 0 0.999rem;
}

.mainnav-desktop {
    padding: 1rem 0.4rem 0;
}

.mainnav-desktop .first-nav {
    text-transform: none;
    font-size: 1.65rem;
    font-weight: 500;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0;
}

.dropdown-menu .main-menu .first-child {
    text-transform: none;
}

@media screen and (min-width: 992px) {
    .item-search .btn-search-nav {
        padding-top: 20px;
        padding-bottom: 20px;
        width: 40px;
        height: 47px;
    }

    .btn-search-nav::before {
        right: unset;
        top: 1rem;
    }
}

.result-content {
    margin-top: 0.5rem;
}

.teaser-content .header-content h3,
.dotted-span-metas-list,
.search-result .results-topic {
    margin-bottom: 0!important;
}

.dotted-span-metas-list > span:not(:last-child)::after {
    content: "•";
    display: inline;
    padding-left: 0.25em;
}

.multi-column-navigation .mainnav-children {
    column-count: 2;
    column-gap: 2rem;
    min-width: var(--min-list-width, auto);
}

.multi-column-navigation .mainnav-children > li {
    break-inside: avoid;
    width: auto!important;
}

.multi-column-navigation .mainnav-children a.dropdown-item span {
    white-space: nowrap;
}

.mainnav-desktop .multi-column-navigation .main-menu-desktop a::before {
    border-bottom: 0;
}
.mainnav-desktop .multi-column-navigation .main-menu-desktop a:not(.act)::after {
    border-bottom: 0.125rem solid var(--bs-secondary);
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    opacity: .1;
    position: absolute;
    width: 100%;
}

.multi-column-navigation .main-menu-desktop.show .mainnav-children .subnav-children {
    z-index: 100;
    background-color: white;
    top: -4px;
}

h1 a:hover span, h1 a:focus span, h1 a:active span, .h1 a:hover span, .h1 a:focus span, .h1 a:active span, h2 a:hover span, h2 a:focus span, h2 a:active span, .h2 a:hover span, .h2 a:focus span, .h2 a:active span, h3 a:hover span, h3 a:focus span, h3 a:active span, .h3 a:hover span, .h3 a:focus span, .h3 a:active span, h4 a:hover span, h4 a:focus span, h4 a:active span, .h4 a:hover span, .h4 a:focus span, .h4 a:active span, h5 a:hover span, h5 a:focus span, h5 a:active span, .h5 a:hover span, .h5 a:focus span, .h5 a:active span, h6 a:hover span, h6 a:focus span, h6 a:active span, .h6 a:hover span, .h6 a:focus span, .h6 a:active span,
.teaser-active h1 span, .teaser-active .h1 span, .teaser-active h2 span, .teaser-active .h2 span, .teaser-active h3 span, .teaser-active .h3 span, .teaser-active h4 span, .teaser-active .h4 span, .teaser-active h5 span, .teaser-active .h5 span, .teaser-active h6 span, .teaser-active .h6 span {
    background-size: 0!important;
}

.figure-img.img-fluid.outline {
    border-color: var(--bs-secondary);
    border-style: solid;
    border-width: 0.125rem;
}

/*header start*/
.logo-complete-big {
    height: 5.6rem;
    max-height: 5.6rem;
}

.logo-complete-small {
    height: 2.5rem;
    max-height: 2.5rem;
    width: auto;
}

.flex-child-shrink {
    flex: 0 1 auto;
}

.align-justify {
    justify-content: space-between;
}

.sticky .mainnav-desktop-item {
    margin-top: -0.1875rem;
}
@media (max-width: 991.98px) {
    .navbar-toggler {
        margin-top: 0.1rem;
    }
}

.header-wrapper-bg {
    padding-bottom: 1rem;
}

.logo {
    align-content: end;
}

/*header end*/

.grid-bgimage .swiper-pagination-bullet {
    background: white;
}

.grid-fullsize .teaser, .frame-type-ce_grid .teaser, .swiper .teaser {
    height: auto!important;
}