/* Topicons */
.top-icons {  display: flex; gap: 15px; }
.top-icons .contact-icon {display: none;}
.top-icons a::before {font-size: 1.2em; }

/* Nav Toggle */
.navbar-toggle { position: relative;top: 28px;}

/* Breadcrumb */
.head-border {display: flex; align-items: center;  margin-bottom: 10.5%; background-color: var(--cdColor); min-height: 46px; font-size: .8em; }
.breadcrumb { display: flex; flex-wrap:wrap; row-gap: 5px;background-color: var(--cdColor); padding-left: 10px ; font-family: Titillium-Regular, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff;}
.breadcrumb li+li::before { content: '\f105'; font-family: var(--fontAwesome); font-weight: 300; padding: 0 6px; }
.breadcrumb li a { color: #e3ebda; }
.breadcrumb li a:hover { color: #fff; }
.breadcrumb li.article-title { display: none; }
.breadcrumb .home::before { font-size: 1.3em; font-weight: 900;}


/* NachOben-Button */
a.page-top {background-color: var(--cdColor); }

/* Nav in Marginalspalte */
.nav-pills { flex: 0 0 50%; font-size: 1.04em;}
.nav-pills li a {padding: 10px 15px; border: 1px solid #e7e7e7;border-radius: 4px;}

/* Footer */
footer { background-color: #eeeded; margin-top: 10%; }
footer .container { flex-direction: column;}
footer>img { width: 100%; vertical-align: top; }
footer ul.service { display: flex; flex-wrap: wrap; }
footer ul.service li { margin: 20px 0; flex: 1;}
footer ul.service a {display: block; background: url("../images/dbb_service_sprite.png") no-repeat ; width: 190px; height: 47px; transform: scale(.7);}
footer ul.service a:hover { background-position-y: -47px; }
footer ul.service a.verlag { background-position-x: -190px; }
footer ul.service a.vorsorge { background-position-x: -380px; }
footer ul.service a.vorteil { background-position-x: -570px; }

footer ul.sitemap { font-family: PTSans-Narrow, Arial, Helvetica, sans-serif; margin-top: 30px; }
footer ul.sitemap li { margin-bottom: 40px; line-height: 24px;  }
footer ul.sitemap a { display: block; color: #7a7979; }
footer ul.sitemap h5 { font-size: 1.3em; margin:0 0 8px 0; }

footer .footer-com { text-align: center; margin: 24px 0 36px 0; font: .9em Titillium-Regular, Arial, Helvetica, sans-serif; }
footer .footer-com ul li { display: inline-block; margin-bottom: 8px; }
footer .footer-com ul li a { color: #7a7979; }
footer .footer-com ul li+li:before {content: '|'; padding: 0 10px; }

@media (min-width: 768px) {

    /* Topicons */
    .top-icons {height: 40px;}
    .top-icons a::before {font-size: 1.6em; }
    .top-icons .contact-icon {display: block;}
    .top-icons a.phone-icon, .top-icons a.email-icon { display: none; }

    /* Breadcrumb */
    .head-border { padding: 0; height: 60px; margin-bottom: 4.5%; font-size: .9em; }
    .breadcrumb li.article-title { display: block; }
    .breadcrumb li+li::before { padding: 0 16px; }

    /* Nav Toggle */
    .navbar-toggle {top: 11px;}

    /* Nav in Marginalspalte */
    .nav-pills li a:hover, .nav-pills li a.current { background-color: #4168c1; color: #fff; }

    /* Footer */
    footer {  margin-top: 7.5%; }
    footer ul.service { justify-content: space-between; }
    footer ul.service li { margin: 34px 0;}
    footer ul.sitemap { display: flex; flex-wrap: wrap; justify-content: center; gap: 4.6%;  }
    footer .footer-com ul li+li:before { padding: 0 20px; }

}

@media (min-width: 992px) {
    /* Topicons */
    .top-icons a.sitemap-icon { display: none; }

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

    /* Nav 1 */
    nav ul { display: flex;}
    nav ul a {color: #7a7979; font: 14px Titillium-Regular, Arial, Helvetica, sans-serif; position: relative; z-index: 4;}
    nav ul li a:hover, nav.navbar ul li.Selected > a, nav.navbar ul a.current { color: var(--cdColor) }
    nav>ul {gap: 31px}
    nav>ul>li>a { display: block; text-transform: uppercase; }
    nav>ul>li.has-sub {padding-bottom: 20px;}

    /* Nav 2 */
    nav ul>li.has-sub:hover:after {content: ''; display: block; position: absolute; z-index: 3; border-style: solid; border-width: 0 20px 16px 20px; border-color: transparent transparent #efedee transparent; }
    nav ul li .nav-sec { position: absolute; left: -9999px; z-index: 5; background-color: #efedee; padding-top: 50px; height: 172px; margin-top: 16px; border-bottom: 1px solid #e8e4e6; width: 100%; }
    nav ul li:hover .nav-sec { left:0; }
    nav ul.dropdown-menu {position: relative; left: 0; margin: auto; padding-left: 30px; flex-wrap:wrap; gap: 4.7%;  }
    nav ul.dropdown-menu li { display: inline-block; margin-bottom: 28px;}
    nav ul.dropdown-menu li a { font-size: 16px; }

    /* Nav Affix */
    nav.affix { background-color: rgba(255,255,255,.9); margin:0; padding-top: 20px; width: 100%; box-shadow: 0 0 5px rgba(0,0,0,.6); }
    nav.affix>ul {width: 1200px; margin: 0 auto; justify-content: flex-end; }
    .fixed-navigation a.logo {position: fixed; left: 10px; width: 140px; transition: position, 250ms; margin-top:4px; z-index: 6; }

    /* Breadcrumb */
    .head-border { height: 70px; }

    /* Nav in Marginalspalte */
    .nav-pills { flex: 0 0 100%;}

    /* Footer */
    footer ul.service a { transform: scale(1); }

}

@media (min-width: 1200px) {
    /* Nav 2 */
    nav ul.dropdown-menu { width: 1200px;}

    /* Breadcrumb */
    .head-border { margin-bottom: 50px; }
    #breadcrumb { width: 1200px; margin: 0 auto; }
    .breadcrumb  { padding-left: 0;}

    /* Footer */
    footer { margin-top: 80px; font-size: 1.08em; }

}