/* Topicons */
.top-icons { align-self: flex-end; display: flex; height: 35px; align-items: center; gap: 14px; }
.top-icons a::before { font-weight: 300; color: #fff; }
.top-icons a.lock-icon::before { font-weight:400; content: "\f30d"; }

/* Icons */
a.pdf::before, a.external-link::before { font-weight: 200; }

/* Nav Toggle*/
.navbar-toggle { margin: 10px 0 14px; }
.navbar-toggle .icon-bar { background-color: #fff; }

/* Breadcrumb */
.breadcrumb {display: flex; flex-wrap: wrap; margin-bottom: 18px;}
.breadcrumb li { margin-bottom: 15px; font: .86em var(--bdrHeadline); color: #82898f;  }
.breadcrumb li+li::before { content:'|'; padding:0 10px;  }
.breadcrumb .home::before { font-weight: 900;}

/* Marginalspalte Nav 2 */
ul.nav-pills { display: none; }

/* Footer */
footer { background-color: #404040; color:#fff; padding: 30px 0; box-sizing: border-box;}
footer .container { flex-direction: column;}
footer a { display: block; color: #fff; }
footer ul.sitemap { margin-bottom: 20px; justify-content: space-between; }
footer ul.sitemap li h5 {  font-size: 1.01em; margin: 42px 0 26px; text-transform: uppercase; }
footer ul.sitemap li>a { font-size: .95em; margin-bottom: 18px; }
footer ul.sitemap li a::before { content: '\f054'; font-family: var(--fontAwesome); padding-right: 6px;}
footer .footer-com {text-align: center; font-size: .86em; }
footer .footer-com>a { display: inline-block; }
footer .footer-com ul { display: flex; justify-content: center; margin-bottom: 8px; }
footer .footer-com ul li { display: flex; align-items: center; }
footer .footer-com ul li a { padding: 7px 10px;}
footer .footer-com ul li+li::before {content: '|'; }

a.page-top { background-color: var(--linkColor); }

@media (min-width: 768px) {

    /* Topicons */
    .top-icons a::before {font-size: 1.25em; }
    .top-icons a.home-icon, a.phone-icon, a.email-icon {display: none;}

    /* Nav Toggle */
    .navbar-toggle { display:none; }

    /* Nav 1 */
    nav {}
    nav a {font-family: Share-Regular, Arial Helvetica, sans-serif; display: block; color: var(--navLinkColor); }
    nav>ul>li:first-child>a>span+span { display:none; }
    nav .home::before { font-weight: 900; font-size: .97em; line-height: .5em; }
    nav>ul { display:flex; justify-content: flex-end; align-items: flex-end; margin-top: 8px;}
    nav>ul>li>a {  padding: 9px 1.1em 0; font-size: .92em; height: 2.24em; }
    nav>ul>li:first-child>a {  padding: 9px 1em 0; }

    nav>ul>li.has-sub a span.arrow::after {content: "\f078"; display: inline-block; font-family: var(--fontAwesome);font-weight: 400; line-height: .5em; transition: transform .35s ease-in-out, color .5s ; margin-left: .8em; }
    nav>ul>li.has-sub:hover a span.arrow::after { transform:rotate(-180deg);}
    nav ul li.selected>a, nav ul li:hover>a /*, nav li.has-sub:hover span.arrow:after, nav>ul>li:hover>ul>li.selected a */ {color: var(--navSelectedColor); background-color: var(--bdrBlue);}

    /* Nav 2 */
    ul.dropdown-menu {background-color: var(--bdrBlue); border-radius: 0 0 6px 6px; padding: 4px 30px 20px; font-size: .88em; }
    ul.dropdown-menu li a { padding: 10px 0 4px 0; margin-bottom: 6px; color:#fff; font-size: .89em; }

    /* Nav Affix */
    .fixed-navigation nav {background-color:var(--bdrBlue);  margin: 0; box-shadow: 0 6px 12px rgba(0,0,0,.175); width: 100%; height: 64px; display: flex; flex-direction: column; justify-content: flex-end; }

    /* Breadcrumb */
    .breadcrumb {font-size: 1.06em; }
    .breadcrumb li+li::before { color: #64696f; padding:0 18px;}
    .breadcrumb .home::before {content: '\f015'; font-family: var(--fontAwesome);}

    /* Marginalspalte Nav 2 */
    ul.nav-pills { margin-bottom:40px; display: flex; flex-direction: column; gap: 6px;}
    ul.nav-pills li a {background-color: var(--linkColor); color: #fff;  font-family: var(--bdrHeadline); padding: 12px 15px; }
    ul.nav-pills li a:hover, ul.nav-pills li.active a, .nav-pills li.active a:hover { background-color: #fff; color: var(--linkColor); transition: background-color, color, 380ms; }

}

@media (min-width: 992px) {



    /* Nav 1 */
    nav ul { font-size: 1.08em;}
    nav>ul>li.has-sub a span.arrow::after { margin-left: 13px; }

    /* Nav Affix */
    .fixed-navigation a.logo {display: block; position: fixed; left: 10px; margin: 0 0 0 0; z-index: 6; transition: position, 250ms; width: 150px; height: 49px; top: 12px;}

    /* Marginalspalte Nav 2 */
    ul.nav-pills { margin-bottom:50px; }

    /* Footer */
    footer ul.sitemap { display: flex; }
    footer ul.sitemap li a::before { display: none;}

}

@media (min-width: 1280px) {

    /* Nav 1 */
    nav ul { font-size: 1.15em;}
    nav ul>li>a {  padding: 9px 1.5em 12px; }

    /* Nav Affix */
    .fixed-navigation nav>ul { width: 1280px; margin: 0 auto;}


}