:root {
    --cdPink: #c40075;
}

/* Grid */
.container { padding:0;}
.col-xs-12.col-dbb, aside {padding: 0 10px;}

/* Header */
header .container {display: flex; flex-direction: column;padding: 15px 10px;}
header .container a { display: inline-block; }

/* TopIcons */
.top-icons {order: -1; padding-right: 7px; }
.top-icons a:before {font-weight: 900; }

/* Social-Icons Mobil */
.social-icons { margin: 10px 0 30px;  }

/* Service Nav */
header .serv-nav { display: none; }

/* Nav 1 */
nav {display: none;}

/* Nav Toggle */
.navbar-header { display: flex; justify-content: flex-end; order: -1; }
.navbar-toggle {float: none; clear: none; top:  30px; }

/* Suchebox Head */
header .search {display:none; margin: 15px 0 10px 0;  }
header .search .btn { font-family: var(--fontAwesome); }
header .search .btn:after { content: "\f138"; font-weight:900; }
.search input[type="text"] { color: #b3b3b3; }

/* Linie unter Header */
.opener.default { min-height: 10px; background-color: #C20069; margin-bottom: 37px; }

/* Breadcrumb */
.breadcrumb { font: 15px "Share-Regular", Arial, Helvetica, sans-serif; }
.breadcrumb>.active, .breadcrumb>li a:hover { color:#002d5b; }

/* Formular */
.rwform input[type="checkbox"] { margin: -2px 0 0 -30px; }

/* Footer */
footer { background-color: #eef2f5; padding:10px 15px; }
footer .container { padding-bottom: 30px; color: #6e6e6e; }
footer .container { padding-bottom: 30px; color: #6e6e6e; }
footer .container a { display: block; color: #6e6e6e; }

footer ul.sitemap li { font-size: 18px; }
footer ul.sitemap li a { margin-bottom: 8px}
footer ul.sitemap li h5 a { font: 20px "OpenSans", Arial, Helvetica, sans-serif;  color: #c20069; margin: 20px 0 7px 0; }

footer .footer-com { clear: both; text-align: center; }
footer .footer-com a { display: inline; }
footer .footer-com ul li { text-align: center; display: inline-block;  }
footer .footer-com ul li+li, footer .footer-com ul li+li a { margin-left: 4px; }
footer .footer-com ul li+li:before { content: '|'; }

footer .container p { clear:both; text-align:center; padding:30px 0 0 0; }
footer .container p a { width: 210px; height: 49px; display: inline-block; margin: 10px 0; }
footer a.verlag, footer a.vorteil, footer a.akademie, footer a.vorsorge, footer a.dbb { background-image: url('../images/logos-footer.png'); }
footer a.vorteil { background-position: -250px 0; }
footer a.verlag { background-position: -500px 0; }
footer a.akademie { background-position: -750px 0; }
footer a.vorsorge { background-position: 0 0; }
/* footer a.dbb { background-position: -1000px 0; } */

@media (min-width:768px) {

    /* Grid */
    .col-md-8.col-dbb { padding: 0 12px; }
    aside {padding: 0 12px 0 6px;}

    /* Header */
    header .container {display: block; padding: 15px 15px 0 15px;}

    /* Top-Icons */
    .top-icons a.home-icon, .top-icons a.phone-icon, .top-icons a.email-icon, .top-icons a.sitemap-icon, .top-icons a.share-icon, .top-icons a.search-icon, .top-icons a.newsletter-icon { display: none; }

    .social-icons { display:none; }

    /* Service Nav */
    header .serv-nav { display: block; margin-right: 6px; text-align: right;  }
    header .serv-nav a {font-size: 13px; color: #b3b3b3; padding: 9px 0 0 22px; }
    header .serv-nav a:hover {color: #555; }

    /* Nav 1 */
    nav {display: block; float: left; width:100%; }
    nav>ul {margin-top: 19px; }
    nav>ul>li { font: 17px "Share-Regular", Arial, Helvetica, sans-serif; }
    nav>ul>li+li {margin-left: 5%;}
    nav>ul>li>a { padding-bottom: 8px; }
    nav>ul>li>a>span { display:none; }

    /* Nav 2 */
    nav ul.dropdown-menu {border: 1px solid rgba(0,0,0,.15); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
    nav ul.dropdown-menu li a { width: 158px; height: 45px;  font-size: 14px; background-color: rgba(255,255,255,.95); border-bottom: 1px solid #c9c9c9; text-align: center; padding: 14px 0 0 0;}
    nav ul.dropdown-menu li a:hover, ul.navbar-nav li ul li a.current {background-color: rgba(255,255,255,1); }


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

    /* Suchebox Head */
    header .search {   float: right; width: 238px; display: block; margin: 3px 0 0 15px;}
    header .search .btn:after { content: "\f002"; }
    header .search input[type="text"] {font-size: 13px }

    /* Fix Nav */
    nav.affix {background-color: #fff; border-bottom: 10px solid #C20069; padding-left: 15px;}
    nav.affix>ul {margin: 11px 0;}


    /* 2. Nav Marginalspalte */
    .nav-pills li a { font: 15px Share-Regular, Arial, Helvetica, sans-serif; color: #6c717d; }
    .nav-pills li.active a, .nav-pills li a:hover { background-color: #C20069; color: #fff;}

    /* Footer */
    footer { margin-top: 20px; }
    footer ul.sitemap li { font-size: 14px; width: 33.3333%; display: inline-table; }
    footer ul.sitemap li h5 a { font-size: 17px; }
    }

@media (min-width: 992px) {

    /* Header */
    header .container {padding: 20px 20px 0 15px;}

    /* Nav 1 */
    nav>ul>li { font-size: 20px }
    nav>ul>li+li {margin-left: 5%;}

    /* Nav 2 */
    nav ul.dropdown-menu li a { width: 200px; font-size: 15px; }

    /* Service Nav */
    header .serv-nav a {font-size: 14px; }
    header .serv-nav a+a:before {margin-right: 22px;}

    /* Suchebox Head */
    header .search { margin-left: 20px; }
    header .search input[type="text"] { width: 204px; font-size: 14px; }

    /* Fix Nav */
    nav.affix {text-align: center; padding-left: 0;}

    /* Footer */
    footer ul.sitemap { text-align: center; }
    footer ul.sitemap li {  width: auto; text-align: left;}
    footer ul.sitemap li+li { margin-left: 6%; }
    footer ul.sitemap li h5 a { font-size: 15px; }

}

@media (min-width: 1080px) {

    /* Grid */
    .container { width: 1050px; margin: 0 auto; }

    nav.affix>ul {margin: 11px auto; width: 1050px; }
}

@media (min-width: 1200px) {
    /* Grid */
    .col-md-8.col-dbb { padding: 0 20px 0 0; }
    aside {padding: 0 0 0 16px;}

    /* Nav 1 */
    nav>ul>li { font-size: 22px; }

    /* Nav 2 */
    nav ul.dropdown-menu li a { width: 240px; }

    /* Header */
    header .container {padding-top: 24px;}

    /* Footer */
    footer { padding:10px 0 }
    footer ul.sitemap li a { margin-bottom: 4px}
    footer ul.sitemap li h5 a { font-size: 17px; }

}