/* Grid */
body>.container { margin-bottom: 40px; }
body.start>.container { padding: 0 10px;}

/* Head */
header { width: 100%; height: auto; background-color: #fff; padding: 15px 0 8px 0; margin-bottom: 40px; border-bottom: 12px solid #606060; }
header.container-fluid.no-border { border: none; margin-bottom: 0; }
header .head-row { padding-right: 12px; width: 100%; text-align: right;  }

/* Artikel versenden */
.container.overlay { padding-top: 40px; background-color: #f5f3ef }


/* Top- Social-Icons */
.head-top {float: right; margin: 0 10px 0; }
.top-icons { float: left;}
.top-icons a::before {font-weight: 900; position: relative; top: -2px; }
a.instagram-icon::before { background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); font-size: 21px; font-weight: 300; border-radius: .2em; color: #fff; padding: 0 2px; top: 0;}
.top-icons a.facebook-icon, .top-icons a.twitter-icon, .top-icons a.youtube-icon, .top-icons a.contact-icon, .top-icons a.instagram-icon { display:none; }
a.contact-icon::before { color: #164194; }
a.twitter-icon::before { color: #164194; font-weight: 100;}
a.facebook-icon::before { color: #3b5998; }
a.youtube-icon::before { color: #ff0000; content: '\f431'; }
a.lock-icon::before { color: #b0b9be;  }


/*  Social-Icons */
.social-icons { margin-top: 30px; }
.social-icons a { display: inline-block !important; margin: 0 15px;  }
.social-icons a::before { font: 36px var(--fontAwesome); }
.social-icons a.instagram-icon::before { font-size: 29px; padding: 1px 3px 0 3px; top:-2px;}

/* Suche */
header .search { width: 100%; margin-top: 15px; float: left; }
header .search input {height: 30px;}
header .search button.btn {border-left: none; padding: 4px 12px; height: 100%;}
header .search input.form-control { color: #b0b9bd; }
header .search .btn { font-family: var(--fontAwesome); }
header .search .btn::after { content: "\f138"; font-weight:900; }

/* Nav Toggle */
button.navbar-toggle { margin: 8px -8px 0; }
button.navbar-toggle span.icon-bar { background-color: #164194; height: 5px;}
nav .home:before {display: none;}

/* Breadcrumb */
ol.breadcrumb { font: 13px Share-Regular, Arial, Helvetica, sans-serif; }


/* Nach-oben-Button Seite */
a.page-top { background-color: #164294; }


/* Footer */
footer { background-color:#3d3d3d; color:#fff; font-size: 18px; padding:30px 15px; }
footer .container { margin-top: 44px; }
footer a { color:#fff !important; }
footer h5 { margin: 0 0 19px 0; font-size: 22px; color: #fff; }
footer ul.sitemap { margin-bottom: 64px; }
footer ul.sitemap a::before { content: '\f054'; font-family: var(--fontAwesome); padding: 0 6px; }
footer ul.sitemap li { margin-bottom: 49px; }
footer ul.sitemap li a { display: block; line-height: 21px; margin-bottom: 8px; }
.footer-logos {text-align: center;}
.footer-logos a { display: block; height: 36px; width: 144px; margin-bottom: 45px; }
.footer-logos a:hover {background-position-x: -190px !important; }
.footer-logos a.dbb-logo { background-position: 0 -369px; }
.footer-logos a.dbb-verlag { background-position: 0 -405px; }
.footer-logos a.dbb-vorsorgewerk { background-position: 0 -441px; }
.footer-logos a.dbb-vorteilswelt { background-position: 0 -477px; }
.footer-logos a.dbb-akademie { background-position: 0 -513px; }
footer .footer-com { text-align:center; clear: both; margin-bottom: 25px; }
footer .footer-com ul { margin-top:30px; }
footer .footer-com ul li { text-align: center; display: inline-block; }
footer .footer-com ul li+li:before {content: '|';  margin: 0 12px;}

@media (min-width:768px) {
    /* Grid */
    body:not(.start) article { background-color: #fff; padding: 15px;}
    aside { padding-left: 2%;}

    /* Suche */
    header .search { margin: 3px 0 45px; }

    /* Nav 2 in Marginalspalte */
    .nav-pills li a {font: 15px Share-Regular, Arial, sans-serif; }
    .nav-pills li a:hover, .nav-pills li a.current { background-color: #164294; color: #fff; transition: background-color, 300ms;  }

    /* Breadcrumb */
    ol.breadcrumb { font-size: 15px }
}

@media (min-width:992px) {

    /* Head */
    header {  padding-bottom: 0; }

    /* Top- Social-Icons */
    .head-top {margin-right: 0; }
    .top-icons {margin: 3px 22px 0;}
    .top-icons a.home-icon, .top-icons a.phone-icon, .top-icons a.email-icon, .top-icons a.share-icon, .top-icons a.sitemap-icon, .top-icons a.search-icon { display: none; }
    .top-icons a.facebook-icon, .top-icons a.twitter-icon, .top-icons a.youtube-icon, .top-icons a.contact-icon, .top-icons a.instagram-icon { display:block; }
    .social-icons { display: none;  }

    /* Suche */
    header .search { background-color: #fff; width: 238px; display: inline-block; margin: 0;  }
    header .search, header .search form {  }
    header .search input[type="text"] {  }
    header .search .btn { font-family: var(--fontAwesome); }
    header .search .btn::after { content: "\f002"; font-weight:900; }

    /* Nav 1 */
    nav { display: block; clear: right; float: right; margin-top: 50px; font-family: "Share-Regular", Arial, Helvetica, sans-serif; }
    nav a { color:#727373; font-size: 17px; display: inline-block;}
    nav>ul>li:first-child { display: none; }
    nav>ul>li>a {padding-bottom: 8px;}
    nav>ul>li+li { margin-left: 35px; }
    nav ul a:hover, nav ul a.current  { color: #164294; }

    /* Nav 2 */
    nav ul.dropdown-menu { z-index: 4;  }
    nav ul.dropdown-menu li a { font-size: 14px; width: 260px; height: 48px; background-color: rgba(234,236,239,.92); border-bottom: 1px solid #c9c9c9;  text-align: center; padding-top: 14px; }
    nav ul.dropdown-menu li a:hover, nav ul.dropdown-menu li a.current {background-color: #164294; color: #fff;transition: background-color, 400ms;}
    nav>ul>li:nth-last-of-type(2) ul.dropdown-menu  {margin-left: -120px;}

    /* Nav 2 in Marginalspalte */
    .nav-pills li a {font-size: 16px; }

    /* Nav Affix */
    header nav.affix { z-index:4; background-color:#fff;  border-bottom: 12px solid #606060; width: 100%; margin:0;}
    header nav.affix>ul { display: flex; justify-content: flex-end; margin: 22px 15px 11px; }
    header.fixed-navigation a.logo { position: fixed; left: 20px; top: 4px; z-index: 5; margin:0; width: 154px; height: 50px; transition: position, 250ms;}

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

    /* Socialicons */
    .container.social-icons { display: none;  }

    /* Footer */
    footer { padding:44px 15px 39px 15px; font-size: 15px; }
    footer h5 { font-size: 17px; }
    footer ul.sitemap { display: flex; flex-wrap: wrap;}
    footer ul.sitemap li { width: 33.33333%; }
    footer ul.sitemap li a { margin-bottom: 6px; }
    footer .footer-logos a { display: block; float: right; }
    footer .footer-logos a+a { margin-left: 15px;}

}

@media (min-width:1200px) {
    /* Grid */
    body.start>.container { padding: 0;}
    aside { padding-left: 3.334%;}

    /* Nav 1 */
    nav a { font-size: 19px}
    nav>ul>li+li { margin-left: 40px; }

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

    /* Nav 2 in Marginalspalte */
    .nav-pills li a {font-size: 17px; }

    /* Nav Affix */
    header nav.affix>ul { margin: 22px auto 11px auto; width: 1200px; }

    /* Footer */
    footer section[class^=col-] {padding: 0;}
    footer h5 { font-size: 22px; }
    footer ul.sitemap li a { margin-bottom: 0 ; }
    footer ul.sitemap a::before { content: normal; }

}

@media (min-width:1460px) {
    
    nav>ul>li:nth-last-of-type(2) ul.dropdown-menu  {margin-left: 0;}
}