html {
    font-size: 0.625rem;
}

body {
    font-size: 1rem;
}

#menu .mm-search, #menu h1, #menu li .mm-subopen, #togglenav {
    background-color: #AE130F
}

#navPrimary .menu-box {
    top: 45px
}

#navPrimary .menu-box ul {
    padding: 0;
    border: 0;
}

#navPrimary .menu-box ul li {
    border-bottom: 1px solid #AE130F;
}

#navPrimary .menu-box ul li a, #navPrimary .menu-box ul li strong {
    padding: 8px 10px;
    margin: 0;
    transition: color .3s ease, background-color .3s ease
}

#navPrimary .menu-box ul li a:active, #navPrimary .menu-box ul li a:focus, #navPrimary .menu-box ul li a:hover, #navPrimary .menu-box ul li strong:active, #navPrimary .menu-box ul li strong:focus, #navPrimary .menu-box ul li strong:hover {
    background-color: #AE130F
}

@media screen and (min-width: 64em) {
#navServiceMeta > ul {
        float: left
    }

#navServiceMeta > ul li {
        width: 150px;
        float: left
    }

#search, #topservice-links {
        float: right
    }
}

#sitewrapper {
    z-index: 1
}


@media screen and (min-width: 64em) {
#content {
    // float: right;
        padding: 13px
    }

#content h1 {
    // margin-left: - 37 px
    }
}

@media screen and (min-width: 64em) {
#supplement {
        padding: 69px 25px 10px 25px
    }
}

.gsb-accordion {
    padding-left: 0 !important
}

.gsb-accordion li.accordion-item {
    list-style: none;
    margin-bottom: 2px !important
}

.gsb-accordion li.accordion-item a.accordion-item-trigger {
    background-color: #eee;
    margin: 0;
    display: block;
    padding: 10px 60px 10px 20px;
    position: relative
}

.gsb-accordion li.accordion-item a.accordion-item-trigger:after {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    top: 8px;
    right: 20px;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    transform: rotate(135deg)
}

.gsb-accordion li.accordion-item div.accordion-item-content {
    background-color: #fafafa;
    margin: 0;
    display: block;
    padding: 10px 20px
}

.gsb-accordion li.accordion-item div.accordion-item-content .picture {
    max-width: 100% !important
}

.gsb-accordion li.accordion-item.open a.accordion-item-trigger:after {
    top: 18px;
    transform: rotate(315deg)
}

/* SMALL */
#navPrimary .menu-box ul li strong:hover {
    color: white;
}

.mm-listview {
    font-size: 1.4rem;
}

.mm-list a.mm-subopen + span {
    color: white;
}

.mm-list a.mm-subopen.mm-fullsubopen {
    width: 40px;
}

.mm-list > li > span > strong {
    color: white;
}

#menu li.mm-opened {
    color: white;
}

.mm-list > li li > span > strong {
    color: white;
}

#menu li.mm-opened > a.mm-subopen:after,
#menu li.mm-opened > a.mm-subclose:before {
    border-color: white;
}

#togglenav .navServiceGS a:hover, #togglenav .navServiceGS a:focus, #togglenav .navServiceGS a:active, #togglenav .navServiceGS strong {
    background-position: 10px -433px;
}

/* MEDIUM */
@media only screen and (min-width: 37.563em) {
}

/* LARGE */
@media only screen and (min-width: 64em) {
#search, #topservice-links {
        float: none;
    }
}

/* BITV */
.dekoBorder {
    display: none;
}

@media only screen and (min-width: 64em) {
#navPrimary > ul > li > div > span.navBox a + button.sibling-focused {
        color: #ad2231;
        width: 100%;
        position: absolute;
        height: 15px;
        bottom: -16px;
        background: #fff;
    }

#navPrimary .menu-box ul {
        padding-top: 10px;
    }

#navPrimary > ul > li > div > span.navBox a + button:active, #navPrimary > ul > li > div > span.navBox a + button:hover, #navPrimary > ul > li > div > span.navBox a + button:focus {
        outline: 0;
    }

    a.button:not(.mfp-arrow,.navButton):active, a.button:not(.mfp-arrow,.navButton):focus, a.button:not(.mfp-arrow,.navButton):hover, button:not(.mfp-arrow,.navButton):active, button:not(.mfp-arrow,.navButton):focus, button:not(.mfp-arrow,.navButton):hover {
        color: #fff;
        border-color: #ad2231;
    }

#navPrimary > ul > li > div > span.navBox a + button.sibling-focused::after {
        content: '';
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 10px;
        background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal) no-repeat 0 -5740px;
        -webkit-transform: translate(-7px, -40%);
        -ms-transform: translate(-7px, -40%);
        transform: translate(-7px, -40%);
        bottom: -6px;
    }

#navPrimary > ul > li:first-child .menu-box > ul > li > a:focus, #navPrimary > ul > li span.navBox > a:focus {
        text-decoration: underline;
    }

#navPrimary > ul > li > div > span.navBox {
        padding: 10px 13px 10px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 1;
    }

    /* Primary Nav */
#navPrimary > ul > li > div > span.navBox {
        display: flex;
        padding-top: 10px;
        padding-bottom: 10px;
    }

#navPrimary > ul > li > div > span.navBox.hasChildren {
        padding-right: 0;
    }

#navPrimary > ul > li > div > span.navBox.hasChildren button {
        background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal);
        background-position-x: calc(100% - -46px);
        background-position-y: -5522px;
        background-repeat: no-repeat;
        padding-right: 15px;
    }

#navPrimary > ul > li > div > span.navBox.hasChildren.current button,
#navPrimary > ul > li > div > span.navBox.hasChildren.current button {
        background: url(/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal);
        background-position-x: calc(100% - -46px);
        background-position-y: -5728px;
        background-repeat: no-repeat;
        padding-right: 15px;
    }

#navPrimary > ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

#navPrimary > ul li {
        display: flex;
    }

#navPrimary .menu-box ul li a,
#navPrimary .menu-box ul li strong {
        width: 100%;
    }

    /* Primary Nav */
}

/*Fokus*/
.formField input:focus, .formField textarea:focus {
    outline: black solid 1px;
}

#header a:focus {
    text-decoration: underline;
}

#header .logo a:focus {
    outline: thin dotted;
}

a:focus {
    outline: auto;
}

a.RichTextIntLink:focus {
    text-decoration: underline;
}

#togglenav #navMobileSearch a:focus,
#togglenav #navMobileMenu button:focus,
#togglenav a:focus {
    outline: 2px solid #fff;
    text-decoration: underline;
}

#header a:hover {
    text-decoration: underline;
}

/* Readspeaker*/
.rs_addtools, .rsbtn {
    float: right;
}

.rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist, .rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist {
    padding-left: 0px;
}

.rsbtn.rsexpanded .rsbtn_exp {
    display: block;
    float: right;
}

.rs_addtools, .rsbtn {
    text-align: right;
}

.rs_addtools .rsbtn_play, .rsbtn .rsbtn_play {
    float: none;
}

/* Mobiles Menü*/
.mm-vertical > li > span > strong {
    background: #fff;
    color: #000;
    display: block;
    margin: -10px -10px -10px -30px;
    padding: 10px 10px 10px 30px
}

.mm-vertical > li li > span > strong {
    background: #fff;
    color: #000;
    display: block;
    margin: -10px -10px -10px -30px;
    padding: 10px 10px 10px 40px
}

.mm-vertical > li li > span > strong {
    background: #fff;
    color: #000;
    display: block;
    margin: -10px -10px -10px -50px;
    padding: 10px 10px 10px 50px
}

.mm-listview > li:not(.mm-divider):after {
    left: 0;
}

.mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after {
    border-color: rgba(0, 0, 0, 1);
}

.mm-navbar > * {
    display: block;
    padding: 0;
}

.mm-hasnavbar-top-1 .mm-panels {
    top: 109px;
}

.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel {
    padding: 0;
}

.mm-search {
    background: inherit;
    width: 100%;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#menu h1 {
    text-align: left;
    padding: 0;
    padding-right: 10px;
}

#menu h1 button {
    text-transform: uppercase;
    color: #fff;
    font-size: 1.4rem;
    width: 100%;
    text-align: left;
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/close-w.png?__blob=normal&v=2) no-repeat 100% 50%;
    padding: 8px 40px 10px 10px;
    margin-right: 10px;
}

#menu .mm-search {
    padding-bottom: 48px;
}

#menu .mm-search input:focus {
    outline: -webkit-focus-ring-color auto 1px;
    background-color: #fff;
}

.mm-listview a:focus {
    text-decoration: underline;
}

.mm-listview .mm-next:focus {
    background-color: #fff;
    outline: 2px solid #000;
}

/* Downloadlink nicht bei Links auf Downloadseiten */
a.Publication {
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=2) no-repeat 5px -3191px;
    padding-left: 17px;
    text-decoration: underline;
    display: inline-block;
    margin-right: 5px;
}

a.Publication:hover, a.Publication:focus, a.Publication:active {
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=2) no-repeat 5px -2773px;
}

/*Kontrast und Schriftgröße Mobile */
#togglenav .font-switch a, #togglenav .font-switch strong, #togglenav .design-contrast a, #togglenav .design-contrast strong {
    padding-left: 30px;
    display: block;
    width: 30px;
    height: 40px;
    text-indent: -9999px;
}

#togglenav .design-contrast a {
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/icon-kontrast-mobile.png?__blob=normal&v=2) no-repeat 50% 50%;
}

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
    color: rgba(0, 0, 0, 1);
}

#menu .searchAutoSuggestBox [role=option] {
    border-top: 1px dotted #AE130F;
    color: inherit;
    text-decoration: none;
    display: block !important;
    font-size: 1.4rem;
    text-align: left;
}

#menu .searchAutoSuggestBox [role=option]:hover, #menu .searchAutoSuggestBox [role=option]:active, #menu .searchAutoSuggestBox [role=option]:focus, #menu .searchAutoSuggestBox [role=option].active {
    background-color: #AE130F;
    color: #fff;
    font-weight: bold;
}

#menu .searchAutoSuggestBox [role=option]:first-child {
    border-top: 0;
}

#menu .searchAutoSuggestBox {
    padding: 0;
    border: 1px solid black;
    border-top: 0;
}

#menu .searchAutoSuggestBox {
    position: absolute;
}

/* Themen Teaser */
.newsTable {
    display: flex;
    flex-flow: row wrap;
    margin-left: -1rem;
    margin-right: -1rem;
}

.themenBox {
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
}

@media only screen and (min-width: 37.563em) {
    .themenBox {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media only screen and (min-width: 64em) {
#navPrimary > ul > li a em, #navPrimary > ul > li button em {
        color: #ae130f;
        font-style: normal;
        text-decoration: underline;
    }

#navPrimary > ul > li a:hover em, #navPrimary > ul > li a:focus em {
        color: #FFF;
    }

    .themenBox {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

.thementeaser {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    background: #e3e3e3;
    display: flex;
    height: 100%;
    margin-bottom: 20px;
}

.thementeaser .imageContainer {
    min-height: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.newsTable .all {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.thementeaser .more {
    text-align: left;
    margin-left: 0;
}

.thementeaser p {
    font-size: 1.6rem;
}

.thementeaser .thementeaser_date {
    font-size: 1.4rem;
    margin-bottom: 10px;
}

.thementeaser_date {
    order: -1;
}

.newsTable .all a {
    margin-left: 0;
}

#main .thementeaser .imageContainer img {
    margin: 0;
    padding: 0;
    width: 100%;
}

.thementeaser .textContainer {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    height: 100%;
}

.thementeaser .more a {
    background: #fff url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=2) no-repeat 5px -3187px;
    padding: 5px 10px 5px 15px;
    border: 1px solid #046158;
}

.thementeaser .more a:hover,
.thementeaser .more a:focus,
.thementeaser .more a:active {
    background: #fff url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=2) no-repeat 5px -2769px;
    border-color: #000;
}

#readableContent {
    clear: both;
}

/* Footer*/
#footer .SpotifyLink {
    padding-left: 30px;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/spotify.svg?__blob=normal&v=3) no-repeat 50% 50%;
    position: relative;
    top: 3px;
}

#footer .LinkedInLink {
    padding-left: 30px;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/linkedIn.png?__blob=normal&v=3) no-repeat 50% 50%;
    position: relative;
    top: 3px;
}

#footer .MastodonLink {
    padding-left: 30px;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/mastodon.png?__blob=normal&v=2) no-repeat 50% 50%;
    position: relative;
    top: 3px;
}

#footer {
    padding-top: 5px;
    padding-bottom: 12px;
}

@media only screen and (min-width: 64em) {
    .socialLink {
        float: right;
    }
}

/* Stage */
@media only screen and (min-width: 37.563em) {
    .js-on #stage .slick-dots li button {
        padding: 5px 10px;
    }
}

#stage.docs1 .slick-dots {
    display: none;
}

.stage-wrapper span.more {
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=2) no-repeat 41px -3195px;
    padding-right: 20px;
}

/* Überschriften */
h2 {
    font-size: 3.4rem;
    line-height: 4.6rem;
    color: #000;
    hyphens: auto;
}

h3 {
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: #ae130f;
    hyphens: auto;
}

@media only screen and (min-width: 64em) {
    /* #stage .textContainer {
        min-height: 365px;
        width: 40%;
        position: absolute;
        right: 0;
    }*/
#navPrimary > ul > li strong {
        text-decoration: underline;
    }

#header img {
        margin-top: 0;
    }

    .Logo {
        margin-top: 5px;
    }

#content h2 {
    // margin-left: - 37 px;
    }

#content.medium-6 h2 {
        margin-left: 0;
    }

#content fieldset h2 {
        margin-left: initial;
    }
}

#header .logo a:focus {
    display: block;
}

@media only screen and (min-width: 37.563em) {
    .js-on #stage .slick-dots li button:hover, .js-on #stage .slick-dots li button:focus, .js-on #stage .slick-dots li button:active {
        outline: 1px solid #000;
    }
}

#footer .navFunctionsWrapper a {
    padding: 5px 15px;
}

.js-on #stage .slick-dots button {
    border: 1px solid #000;
}

.js-on #stage .slick-dots .slick-active button {
    background-color: #000;
}

.js-on #stage .slick-dots {
    margin-top: 20px;
}

/* .slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
    background: #fff;
    outline: 2px solid black;
}*/
/*Placeholder*/
input::-webkit-input-placeholder {
    color: #000 !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #000 !important;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: #000 !important;
}

input:-ms-input-placeholder {
    color: #000 !important;
}

#navBreadcrumbs li.first a {
    margin: 1px;
}

#navBreadcrumbs li.first a:focus {
    outline: 1px solid #000;
}

#navBreadcrumbs li {
    padding: 3px;
}

.gsb abbr, .gsb dfn {
    border-color: inherit;
    text-decoration: none;
}

.gsb a:hover abbr, .gsb a:hover dfn,
.gsb a:hover .has-tip {
    color: inherit;
}

a .has-tip {
    color: inherit;
}

.has-tip:hover, .has-tip:focus {
    color: inherit;
    border-bottom-style: solid;
}

@media only screen and (max-width: 37.563em) {
#stage .textContainer {
        float: right;
        width: 100%;
    }

    .Logo {
        margin: 20px 0 20px -5px;
    }
}

#content {
    padding-top: 10px;
}

.rsbtn {
    margin-bottom: 20px;
}

@media only screen and (max-width: 63.9em) {
    .navSkip a.showLargeMenu:focus {
        display: none;
    }

    .Logo {
        margin: 20px 0 20px -5px;
    }

#togglenav .right a, #togglenav .right strong {
        margin-left: 0;
    }

#togglenav a, #togglenav strong, #togglenav button {
        margin-right: 0;
    }
}

#togglenav .navServiceGS a,
#togglenav .navServiceGS strong,
#togglenav .navServiceLS a,
#togglenav .navServiceLS strong,
#togglenav .font-switch a,
#togglenav .font-switch strong,
#togglenav .design-contrast a,
#togglenav .design-contrast strong {
    padding-left: 27px;
}

.hash-toggle .heading button {
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/sprite-right.png?__blob=normal&v=2) no-repeat -5px -202px;
    padding-right: 35px;
    padding-left: 30px;
    text-align: left;
}

.hash-toggle .heading button:hover {
    text-decoration: underline;
    color: #000;
}

.hash-toggle .heading button:active,
.hash-toggle .heading button:focus {
    color: #000;
}

.hash-toggle .heading {
    margin-top: 20px;
}

.hash-toggle .heading:first-child {
    margin-top: 0;
}

.hash-toggle .answer {
    padding-left: 30px;
}

.more a {
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=2) no-repeat 46px -3191px;
}

.more a:hover,
.more a:focus {
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=2) no-repeat 46px -2773px;
}

.js-on.zoom #stage .slick-dots {
    position: sticky;
}

#togglenav #navMobileMenu button {
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/sprite-mobile.png?__blob=normal&v=2) no-repeat 0 -1768px;
    padding-left: 35px;
}

#togglenav button {
    font-size: 160%;
    color: white;
    font-weight: normal;
    display: block;
    margin-right: 10px;
    padding: 11px 10px 10px;
}

#togglenav .right button {
    margin-right: 0;
    margin-left: 10px;
}

.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
    border-color: #fff;
}

#navPrimary > ul > li span.navBox {
    font-size: 1.8rem;
}

#navPrimary > ul > li .navButton {
    line-height: 2.7rem;
}

#menu .navServiceLS > a.mm-next {
    background: url(none);
}

#menu .navServiceLS > a, #menu .navServiceLS span {
    background-position: 20px -1320px;
}

#menu .navServiceGS > a, #menu .navServiceGS span {
    background-position: 20px -652px;
}

.newsTable.teasers .more {
    margin-left: 0em;
}

.newsTable.teasers .more a {
    padding-left: 12px;
}

.newsTable.teasers .more a {
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=2) no-repeat 0px -3191px;
}

.newsTable.teasers .more a:hover,
.newsTable.teasers .more a:focus {
    background: url(https://www.bfit-bund.de/SiteGlobals/Frontend/Images/icons/sprite.png?__blob=normal&v=2) no-repeat 0px -2773px;
}

#footer .a11yreport__link {
    background: #fff;
    color: #AE130F;
    font-weight: 700;
    padding: 8px !important;
    margin-left: 5px;
    text-decoration: none;
}

#footer .a11yreport__icon {
    background: #AE130F;
    border-radius: 55%;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    margin-left: .25em;
    padding: 4px;
    text-align: center;
    line-height: 1;
    height: 1.6em;
    width: 1.6em;
}

#footer .a11yreport__link:hover,
#footer .a11yreport__link:focus,
#footer .a11yreport__link:focus-visible,
#footer .a11yreport__link:active {
    outline: 2px solid #AE130F;
    outline-offset: -3px;
    color: #AE130F;
}

/* Optional */
@media screen and (prefers-color-scheme: dark) {
#footer .a11yreport__link {
        background: #AE130F;
        color: #fff;
    }

#footer .a11yreport__icon {
        background: #fff;
        color: #AE130F;
    }

#footer .a11yreport__link:hover,
#footer .a11yreport__link:focus,
#footer .a11yreport__link:focus-visible,
#footer .a11yreport__link:active {
        outline-color: #fff;
        color: #fff;
    }
}

@media (prefers-contrast: more) {
#menu .navServiceLS > a, #menu .navServiceLS span {
        background-position: 20px -1096px;
    }

#menu .navServiceGS > a, #menu .navServiceGS span {
        background-position: 20px -432px;
    }
}

/* Kontrastmodus */
@media screen and (-ms-high-contrast: active) {
#footer .a11yreport__link {
        background: window;
        color: windowText;
    }

#footer .a11yreport__icon {
        background: windowText;
        color: window;
    }

#footer .a11yreport__link:hover,
#footer .a11yreport__link:focus,
#footer .a11yreport__link:focus-visible,
#footer .a11yreport__link:active {
        outline-color: windowText;
        color: windowText;
    }
}

#content .searchAutoSuggestBox [role=option] {
    font-size: initial;
}


/* Umbruch für Menü-Einträge (BITV) */
#menu .navServiceGS a,
#menu .navServiceGS span,
#menu .navServiceLS a,
#menu .navServiceLS span,
#menu .navRSSFeed a,
#menu .navRSSFeed span,
#menu .navFlickr a,
#menu .navFlickr span,
#menu .navFacebook a,
#menu .navFacebook span,
#menu .navYouTube a,
#menu .navYouTube span,
#menu .navGoogle a,
#menu .navGoogle span {
    white-space: normal;
    text-overflow: unset;
}

/* usercentrics styles */
.uc-embed {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-left: -1rem;
    margin-right: -1rem;
}


/* Extraplatz für Cookie-Schaltfläche unter dem Footer (BITV) */
.mm-page.mm-slideout {
    padding-bottom: 90px;
}

@media only screen and (min-width: 704px) {
    .mm-page.mm-slideout {
        padding-bottom: 120px;
    }
}

@media only screen and (min-width: 769px) {
    .mm-page.mm-slideout {
        padding-bottom: 140px;
    }
}

@media only screen and (min-width: 1160px) {
    .mm-page.mm-slideout {
        padding-bottom: 0;
    }
}


/* Footer-Grundlayout */
#footer {
// background: #AE130F;
    padding: 1rem 2rem;
    font-size: 0.95rem;
}

#footer .row {
    max-width: 97rem;
    margin: 0 auto;
}

/* Layout-Wrapper */
.footer-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    font-size: 1.1em;
}

/* Linkliste – horizontale Darstellung */
.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0 10px;
}

/* Social-Links rechts (Desktop) */
.social-links {
    display: flex;
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}


/* Fokus-Styles für Barrierefreiheit */
.footer-links a,
.social-links a {
    text-decoration: none;
}

#footer .footer-links a.external {
    background-position: 0px -1900px;
    filter: brightness(0) invert(1);
    padding-left: 12px;
}

.footer-links a:focus-visible,
.social-links a:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}

/* Branding-Bereich */
.footer-branding {
    flex-basis: 100%;
    text-align: right;
    margin-top: 1rem;
}

.footer-branding img {
    height: 32px;
    vertical-align: middle;
    margin-right: 0.5rem;
}

/* Responsive: mobile */
@media (max-width: 768px) {
    .footer-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-branding {
        text-align: left;
    }
}