/* Grid */
.container-fluid>.container {display: flex; flex-direction: column-reverse;}
.container article.col-xs-12.col-md-8 {background-color: rgba(255,255,255,0.8); float:left; padding: 30px 20px; }

#start>.container-fluid>.container>.col-xs-12.content-top { display: flex;  float: none; }
#start .container-fluid>.container>.col-xs-12.content-top>[class^=col-] { background-color: rgba(255,255,255,.8);}
#start .container-fluid>.container, header.container-fluid>.container, footer.container-fluid>.container { display: block;  }
#start .container>section .col-lg-4:nth-child(2), #start .container>section .col-lg-4:nth-child(3) { margin-top:20px; }
#start .container>section .col-lg-4 .mbox:first-of-type { margin-bottom: 20px; }
aside>.inner-wrap { background-color: rgba(255,255,255,0.8); }

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

/* TopIcons */
.top-icons { margin-top: 15px; }
.top-icons a:before {font-weight: 900; font-size: clamp(22px,2.8vw,25px);}

/* Nav Toggle */
button.navbar-toggle {top: 34px; left: 10px;}

/* Header */
header.container-fluid { background-color: #fff; padding-bottom: 20px; margin-bottom: 20px;}
#mm-1 .container-fluid:first-child .container {padding: 0; }
.search form { margin: 20px 0; }
header form .btn { font-family: var(--fontAwesome); }
.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:#6ab429; }
ul.news-img li a:hover .media-icon.video, .ce-gallery figure:hover .media-icon.video {border-color: #6ab429;}
ul.news-img li a:hover .media-icon.video:before, .ce-gallery figure:hover .media-icon.video:before { border-color: transparent transparent transparent #6ab429 ; }


/* Footer */
footer.container-fluid {background-color: rgba(0,11,42, 0.8); margin-top: 20px }
footer .container { color: #fff; padding-left: 30px; line-height: 22px; }
footer ul {list-style: none; margin:0 0 34px 0; padding: 0; display: flex; }
footer a { color: #fff;}
footer a:hover { color: #6ab429; }
footer h5 {margin: 36px 0 12px 0;  }
footer ul.sitemap {flex-flow: column;  margin-bottom: 30px; }
footer ul.sitemap li a {display: block; text-transform: uppercase; font-size: 14px; margin-bottom: 8px; }
footer .footer-com {text-align: center; }
footer .footer-com ul { justify-content: center; }
footer .footer-com ul li+li:before {content: '|'; margin: 0 15px; }

@media (min-width: 768px) {
    /* Grid */
    .container-fluid>.container { display: block; padding: 0 12px; }
    .container article.col-xs-12.col-md-8 { width: calc(66.6666666% - 6px); margin-left:6px;}
    #start .container>section>div[class^='col-'] { width: calc(33.3333333% - 14px) }
    #start .container>section .col-lg-4:nth-child(2) { margin: 0 21px; }
    #start .container>section .col-lg-4:nth-child(3) { margin-top: 0; }
    header.container-fluid {background-color: transparent; padding:0;  }
    aside {padding-right: 5px; }

    .container article.col-xs-12.col-md-8>p>a.popup-pdf-h::before { content:''; }

    /* TopIcones */
    .top-icons { margin-top: 20px; }
    /* Top-Icons */
    .top-icons a.home-icon, .top-icons a.phone-icon, .top-icons a.email-icon, .top-icons a.sitemap-icon{ display: none; }


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

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

    /* Nav 1 */
    nav { clear: left;  background-color: #283750;  }
    nav>ul {  margin:0 auto; padding-top: 11px; height: 50px; display: flex; justify-content: space-around;}
    nav>ul>li>a { color: #fff; display: inline-block; text-transform: uppercase; font-size: 15px; padding-bottom: 6px; }
    nav>ul>li>a i.fas.fa-home {font-size: 19px;}
    nav ul li a.current, nav ul li a:hover { color: #6ab429; }
    nav ul a span { display: none; }

    /* Nav 2 */
    ul.dropdown-menu { background: none; border: 1px solid rgba(0,0,0,.15); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
    nav>ul>li:last-child ul.dropdown-menu {margin-left: -2%;}
    ul.dropdown-menu li a { width: 168px; height: 45px; background-color: #fff; border-bottom: 1px solid #c9c9c9; text-align: center; padding: 14px 0 0 0; font-size: 14px; 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; }


    /* Fixed Nav */
    header nav.navbar.affix {width: 100%; }

    /* Marginalspalte Nav 2 */
    ul.nav-pills {display: flex; flex-direction: column; gap: 4px;}
    ul.nav-pills li {}
    ul.nav-pills li a { border: none; background-color: #6ab429; color: #fff; font-size: 19px;}
    ul.nav-pills li a:hover { color:#606060; transition: color, background-color, 400ms;}
    ul.nav-pills li.active a {background-color: #fff; color:#606060;}

    /* Footer */
    footer .container {padding: 20px; }
    footer h5 { margin: 20px 0 26px 0; }
    footer ul.sitemap { flex-flow: row; justify-content: space-between; }
    footer ul.sitemap li a { font-size: 11px;}
}

@media (min-width: 992px) {
    /* Grid */
    .container-fluid>.container {  padding: 0 15px; }
    .container article.col-xs-12.col-md-8 { padding: 30px 38px; }
    aside {padding-right: 14px; }

    /* Nav 1 */
    nav>ul {padding-top: 15px; height: 60px; width: 992px; }
    nav>ul>li>a { font-size: 20px }
    nav>ul>li>a i.fas.fa-home {font-size: 22px;}

    /* Nav 2 */
    nav>ul>li:last-child ul.dropdown-menu {margin-left: -1.3%;}
    ul.dropdown-menu li a {font-size: 16px; width: 216px; }

    /* Footer */
    footer.container-fluid .container { padding: 15px; }
    footer ul.sitemap li a { font-size: 12px; margin-bottom: 4px; }

}

@media (min-width: 1200px) {
    /* Grid */
    .container-fluid>.container {  padding: 0; }
    /* Nav 1 */
    nav>ul { width: 1200px;}
    nav>ul>li>a { font-size: 23px; padding-bottom: 8px; }
    nav>ul>li>a i.fas.fa-home {font-size: 24px;}

    /* Nav 2 */
    nav>ul>li:last-child ul.dropdown-menu {margin-left: 0;}
    ul.dropdown-menu li a {width: 239px;}

    /* Fixed Nav */
    header nav.navbar.affix>ul {width: 1200px; margin: 0 auto; }

    /* Footer */
    footer.container-fluid .container {padding: 36px 12px; }
    footer ul.sitemap li a {font-size: 14px;}

}