/* Grid */
body { font-family: OpenSans, Arial Helvetica, sans-serif; margin: 0; padding: 0; color:#2c2c2c; background-color:#efede4; }
body:not(.start) .container .col-xs-12.col-lg-8 { background-color: #fff; padding: 20px; }
.container>.col-xs-12.col-lg-8 { margin-bottom: 40px; }

/* Header */
header:not(.opener-item){ border-bottom:12px solid #465056; margin-bottom:30px; }

/* Artikel versenden */
.container.overlay { padding: 20px; }

/* Top-Icons */
.top-icons { margin-top:12px; height: 34px; }
.top-icons a::before { font-weight: 900; font-size: 24px; color: #465056; }
.top-icons a.twitter-icon::before { font-weight: 100;}
.top-icons a:hover::before { color:#c20069; }

/* Nav Toggle */
.navbar-toggle { margin-top:23px; padding:0; }
.navbar-toggle .icon-bar { background-color:#0069b4; height: 6px !important; margin: 5px; width: 35px !important; padding: 2px 0; border-radius: 1px; }

/* Suchfeld */
[class^='search'] .btn:after { content: "\f138"; font-family: var(--fontAwesome); font-weight:900; }
.search-desktop .btn { padding: 6px 12px 5px 12px; }

/* Formulare */
.container-fluid:not(footer) form.rwform.form-horizontal { background-color: #f8f8f8; overflow:hidden; padding:30px 0 0 15px; }

/* Breadcrumb */
.breadcrumb { font: 18px "BlueHighway", Arial, Helvetica, sans-serif; color:#818181; }
.breadcrumb li+li:before { font-size: 21px; padding: 0 15px; }

/* Footer */
footer { background-color:#3d3d3d; color:#fff; font: 1.2em "BlueHighway", Arial, Helvetica, sans-serif; padding:30px 15px; }
footer a { color:#fff; }
footer h5 { font: 1.25em "BlueHighway", Arial, Helvetica, sans-serif; margin-bottom:19px; color: #fff;}
footer ul.sitemap li { margin-bottom: 49px; }
footer ul.sitemap li a { display:block; margin-bottom: 10px; }
footer ul.sitemap li a:before { font-weight:300; padding-right: 10px;  }
footer .footer-com { text-align:center; }
footer .footer-com ul { margin-top:30px; }
footer .footer-com ul li { display: inline-block; }
footer .footer-com ul li+li:before {content: '|'; margin: 0 10px; }



@media (min-width: 768px){

    /* Top-Icons */
    .top-icons a.facebook-icon:before { content: '\f09a'; }
    a.home-icon, a.phone-icon, a.email-icon, a.sitemap-icon { display:none; }

    /* Nav 1 */
    nav { clear: right; float:right; font: 1.17em "BlueHighway", Arial, Helvetica, sans-serif; width: 100%; }
    nav>ul { text-align: right; }
    nav>ul>li+li { margin-left: 4.6%; }
    nav>ul>li>a { display: block; padding-bottom: 8px; }
    nav a.current, nav a:hover { color: #465056; }

    /* Nav 2 */
    nav ul.dropdown-menu { z-index: 4; }
    nav ul.dropdown-menu li a { width: 180px; font-size: .89em; background-color: rgba(255,255,255,.95) ; border-bottom: 1px solid #c9c9c9; text-align: center; padding: 14px 6px; }
    nav>ul>li:nth-last-of-type(2) ul.dropdown-menu { margin-left: -66px;}

    /* Nav affix */
    nav.affix { position:fixed; top:0; right: 20px; z-index:4; background-color:#f8f7f1; width:100%; padding:15px 0; margin: 0; border-bottom:12px solid #465056 }
    nav.affix ul { margin-right: 20px; }
    .fixed-navigation a.logo { position: fixed; top: 8px; left: 15px; transition: position, 250ms; z-index: 5; margin:0; width: 90px; height: 43px; }

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

    /* Nav Marginalspalte */
    .nav-pills {font: 1em Share-Regular, Arial, Helvetica, sans-serif; }
    .nav-pills li.active a, .nav-pills li a:hover { background-color: #0069b4; color: #fff;}

}

@media (min-width: 992px) {
    /* Grid */
    .container .col-lg-8 { width: 69.105%; }
    .container aside { width: 30.895%; padding-left: 30px; font-size: .9em;}

    /* Nav 1 */
    nav { margin-top: 30px; font-size: 1.27em; width: auto; }
    nav>ul>li+li { margin-left: 42px; }

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

    /* Footer */
    footer { padding:44px 15px 39px 15px; }
    footer ul.sitemap li { float:left; width:31%; margin:0 1% 49px 1%; }
    footer ul.sitemap li:nth-child(4) { clear:both; }

}

@media (min-width: 1200px) {
    /* Grid */
    .container { width: 100%; padding: 0 15px; }
    .container aside { font-size: 1em;}

    /* Nav 1 */
    nav { margin-top:38px; font-size: 1.313em; }
    nav>ul>li+li { margin-left: 54px; }

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

    /* Footer */
    footer ul.sitemap li a { margin-bottom: 5px; }

}

@media (min-width: 1230px) {
    /* Grid */
    .container { width: 1230px; padding: 0;}

}

@supports (display: grid) {
}