
/* grid */
.container-fluid.bg-1 { background-color: #706f75; padding-top:15px; }
.container-fluid.border-bottom { border-bottom:10px solid #727271; margin-bottom:28px; }
.container-fluid.bgcolor-1 { background-color: #f1f0f0; padding: 15px 0 5px 0; }
.col-xs-12 .col-inner-wrap { background-color:#fff; border-radius:10px; padding:15px; margin-bottom:25px }

/* Head */
header .container { margin-bottom: 9px; }

/* Artikel versenden */
.container.overlay { padding: 20px; background-color: #fff; }

/* TopIcons */
.top-icons {margin-top: 10px}
.top-icons a:before {font-weight: 900;}
.top-icons-desktop {display: none;}

/* Nav Toggle*/
.navbar-toggle { top:30px;  }
.navbar-toggle .icon-bar { background-color: #383a66; }

/* Search */
header .search form { padding: 20px 0; }
header div[class^='search'] .btn:after { font-family: var(--fontAwesome) }
header .search .btn:after { content: "\f138"; font-weight:900; }

/* BildIcons*/
ul.news-img li a:hover .media-icon:before, .ce-gallery figure:hover .media-icon:before{ color:#c20069; }
ul.news-img li a:hover .media-icon.video, .ce-gallery figure:hover .media-icon.video {border-color: #c20069;}
ul.news-img li a:hover .media-icon.video:before, .ce-gallery figure:hover .media-icon.video:before { border-color: transparent transparent transparent #c20069 ; }


/* Suchergebnisseite */
.col-xs-12 .search input[type="text"], .col-xs-12 .search select { width: 300px; color: #2c2c2c !important; }

/* Footer */
footer.container-fluid { font-family: "OpenSans", Arial Helvetica, sans-serif; color:#706f75; border-top: 20px solid #706f75;}
footer .container { padding:25px 15px; }
footer ul.sitemap { margin: 0 0 25px 20px; float: left; font-family: Share-Regular, Arial, Helvetica, sans-serif; }
footer ul.sitemap li h5 {font-size: 21px; margin: 25px 0 15px 0; }
footer ul.sitemap li>a { margin-bottom: 12px; font-size: 18px; }
footer ul.sitemap li a:before {padding-right: 5px;}
footer .footer-com ul li+li:before {content: '|'; }

@media (min-width: 768px) {
    /* grid */
    .container-fluid.bg-1 .container { padding: 0 8px; }
    .container-fluid.bg-1 .container aside,div[class^='col-'] {padding: 0 8px; }
    .col-xs-12 .col-inner-wrap { padding: 22px 40px; width: 100%; min-height: 300px; margin-bottom:0  }

    /* Head */
    header .container { padding-top: 11px; margin-bottom: 0;}
    header .top-icons {display: flex;}


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

    /* Search */
    header .search-desktop form {position: relative; top: -4px;}
    header .search-desktop .btn:after { content: "\f002"; font-weight:900; }

    /* Nav 1 */
    nav {text-align: right; margin-top: 59px; }
    nav>ul>li { font: 22px "Share-Regular", Arial, Helvetica, sans-serif; display: inline-block; margin-left: 24px; }
    nav>ul>li:first-child { margin-left: 0;}
    nav>ul>li:first-child i { font-family: var(--fontAwesome); font-style: normal; }
    nav>ul>li:first-child .home:before { font-size:25px; }
    nav ul li a.current, nav ul li a:hover { text-decoration: none; color: #383a66; }
    nav ul > li > a { display: block; color: #465056; padding-bottom: 10px; }
    nav ul li span { display:none; }

    /* Nav 2*/
    ul.dropdown-menu { border: 1px solid rgba(0,0,0,.15); box-shadow: 0 6px 12px rgba(0,0,0,.175); margin-top: -2px;}
    ul.dropdown-menu>li>a { width: 220px; height: 45px; background-color: #fff; border-bottom: 1px solid #c9c9c9; text-align: center; padding: 14px 0 0 0; font: 17px "Share-Regular", Arial, Helvetica, sans-serif; color: #465056; opacity: 0.95; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; }
    ul.dropdown-menu>li>a:hover, nav ul li>ul.dropdown-menu>li>a.current { background:#fff; }

    /* Nav Affix */
    .fixed-navigation { padding: 0; width: 100%; }
    .fixed-navigation a.logo {position: fixed; top: 3px !important; left: 10px; z-index: 6; transition: position, 300ms; }
    nav.affix { margin: 0; background-color: #fff; height: 60px; box-shadow: 0 6px 12px rgba(0,0,0,.175); width: 100%; left:0; padding: 17px 0 0 40px; }
    nav.affix ul.dropdown-menu {top: 45px; }

    /* Marginalspalte Nav 2 */
    ul.nav-pills { margin: 0 0 40px 0; }
    ul.nav-pills li { margin-top: 4px;  }
    ul.nav-pills li a {font-family: Share-Regular, Arial, Helvetica, sans-serif; }
    ul.nav-pills li.active a, .nav-pills li.active a:hover { background-color: #383a66; border-color:#383a66; color: #fff; }

    /* Breadcrumb */
    .breadcrumb > li + li:before { font-size: 16px; color: #64696f; }
    .breadcrumb > li + li:nth-child(2):before { padding: 0 18px 0 18px; }

    /* Footer */
    footer ul.sitemap li { margin-left: 50px; display: inline-table; }
    footer ul.sitemap li:first-child { margin-left: 0; }
    footer ul.sitemap li h5 {  font-size: 18px; }
    footer ul.sitemap li>a { font-size: 15px; }
}

@media (min-width: 992px) {
    /* grid */
    .container-fluid.bg-1 .container { padding: 0 12px; }
    .container-fluid.bg-1 .container aside,div[class^='col-'] {padding: 0 12px; }
    .container-fluid.border-bottom { margin-bottom:28px; }
    .container-fluid.bg-1 { padding-top:50px; }
    aside { padding: 0 15px; }

    /* TopIcons */
    .top-icons-mobile {display: none;}
    .top-icons-desktop {display: block; }
    .top-icons { margin-top: 0;}
    .top-icons a.phone-icon, .top-icons a.email-icon { display: inline-block; }

    /* Nav 1 */
    nav {text-align: right; margin-top: 92px; }
    nav>ul>li { font-size: 23px; margin-left: 40px; }

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

    /* ___ Footer ___ */
    footer.container-fluid { border-width: 50px; }
    footer .container ul.sitemap { margin-left: 0; }
    footer .container ul.sitemap li {margin-left: 172px; }
    footer .container ul.sitemap li h5 { margin-top:0; }
}

@media (min-width: 1200px) {

    /* grid */
    .container-fluid.bg-1 .container { padding: 0}
    .container-fluid.bg-1 .container aside,div[class^='col-'] {padding: 0 20px; }
    aside { padding: 0 20px; }

    /* Nav 1 */
    nav>ul>li { font-size: 25px; margin-left: 50px;  }

    /* Nav Affix */
    nav.affix {padding: 0; }
    nav.affix>ul { width: 1200px; margin: 16px auto; }


    /* ___ Footer ___ */
    footer ul.sitemap li h5 { font-size: 18px; }

}
