/* Grid */
.col-xs-12.col-lg-8 { background-color: #fff; padding: 24px 15px;}

/* Header */
header {margin-bottom: 32px;}
body:not(.start) header {position: relative; background-color: #fff;}

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

/* Topicons */
.top-icons {position: absolute; width: 91%; z-index: 2; top: 15px; }

/* Searchbox */
.search { display:none; margin: 55px 0 15px 0; }
div[class^='search'] .btn { font-family: var(--fontAwesome); }
.search .btn:after { content: "\f138"; font-weight:900; }
.search input.form-control, .search button.btn {height: 40px; }

/* Nav Toggle*/
.navbar-toggle {position: absolute; margin-top: 46%; z-index: 1; right: 1%;}
body:not(.start) .navbar-toggle {margin-top: 94px; }
.navbar-toggle span.icon-bar { background-color: #233588; height: 5px; margin:6px; }
.navbar-toggle span.icon-bar:nth-of-type(4) {width: 27px;}

/* Nav mm-menu */
.slick-track { margin:0;}

/* Breadcrumb */


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


a.page-top { background-color: #233588; box-shadow: 0 0 5px #fff; padding: 13px 16px; bottom: 30px;}
a.page-top:hover { color: #fff;}

/* Footer */
footer { background-color: #233588; color:#fff; padding-bottom: 22px; }
footer a { display: block; color: #fff; }
footer a:hover { color: #fff; text-decoration: underline;}
footer ul { }
footer ul.sitemap { margin-bottom: 25px; }
footer ul.sitemap li h5 {  font-size: 20px; margin: 42px 0 26px 0; text-transform: uppercase; }
footer ul.sitemap li a { margin-bottom: 18px; }
footer ul.sitemap li a:before { padding-right: 6px;}
footer .footer-com { clear: both; text-align: center; font-size: 13px; }
footer .footer-com a { display: inline; }
footer .footer-com ul li { text-align: center; display: inline-block;  }
footer .footer-com ul li a { padding: 7px 10px;}
footer .footer-com ul li+li:before {content: '|'; }

@media (min-width: 768px) {

    /* Grid */
    .col-xs-12.col-lg-8 { padding: 34px 40px;}
    .start .col-xs-12 .col-md-6:last-child {padding-left: 30px; }
    .start .col-xs-12 .col-md-6:nth-child(2) {padding-right: 30px; }
    aside {margin-top: 40px; }

    /* Top-Icons */
    .top-icons {position: fixed; top: 0; right: 0; width: auto; margin: 180px 0 0 0; height:100%; }
    .top-icons>a {float: none; background-color: #233588 ; width: 50px; height: 50px; margin-bottom: 4px; }
    .top-icons a.contact-icon, .top-icons a.search-icon, .top-icons a.facebook-icon {display: block; }
    .top-icons a:before { color:#fff;  font-weight: 300; padding: 10px 11px 0 0; margin:0; }
    .top-icons a:hover:before { color:#d9d9d9; }
    .top-icons a.search-icon:before {padding-right: 11px; }
    .top-icons a.facebook-icon:before { content: "\f39e"; padding-right: 15px; }
    .top-icons a.phone-icon, .top-icons a.email-icon, .top-icons a.home-icon, .top-icons a.sitemap-icon { display: none; }

    /* TopIcons Box */
    .top-icons>div {width: 460px; height: 100%; background-color: #e4e4e4; text-align: left; padding: 30px; margin: 0 0 0 51px; display:none; opacity:0; z-index: 2;}
    .top-icons .close:before {content: '\f00d'; font: 400 30px var(--fontAwesome); cursor: pointer; display: block; }
    .top-icons .close { display:block; margin-bottom:20px; }
    .top-icons .top-icons-ajax-content a:hover { color: #233588; }
    .top-icons .top-icons-ajax-content a:before { font-size:18px; }

    /* Suchformular Ajax */
    .search-desktop { width: 400px; margin-left: 0; }

    /* Suche */
    .search-desktop form {text-align: center; }
    .search-desktop .input-group .form-control {float: none; width: 310px; display: inline-block; height: 63px; font-size: 23px; padding: 15px 6px 14px 17px;  }
    .search-desktop .input-group-btn { display: inline-block; width: auto;}
    .search-desktop .btn {line-height: inherit; padding: 0 16px 0 16px; height: 63px; margin-top: -10px; }
    .search-desktop .btn:after { content: "\f002"; font-weight:300; font-size: 26px;}
    .search-results { scrollbar-width: thin; scrollbar-face-color: #233588; overflow:auto; margin-top: 18px; }
    .search-results #kesearch_num_results {margin: 0 4px 20px 4px;}
    .search-results select { width: 48%; float: left; margin: 0 10px 30px 0; }
    .search-results select:first-of-type { margin-right: 2%}
    .search-results select:nth-of-type(2) { margin-left: 2%}
    .search-results .kesearch_pagebrowser { margin-bottom:30px; }
    .search-results .kesearch_pagebrowser ul { list-style: none; margin: 0; padding: 0; }
    .search-results .kesearch_pagebrowser ul li {display: inline-block; margin-top: 15px; }
    .search-results .kesearch_pagebrowser ul li+li {margin-left: 15px; }
    .search-results .kesearch_pagebrowser ul li a { display: block; padding: 3px 8px; border: 1px solid currentColor;}
    .search-results .kesearch_pagebrowser ul li a.current, .search-results .kesearch_pagebrowser ul li a:hover { background-color: #233588; color: #fff; }
    .search-results .result-list-item {margin: 0 10px 30px 0;}
    .search-results span.hit {color: #049f00;}
    .search-results::-webkit-scrollbar-thumb {background-color: #233588; }
    .search-results::-webkit-scrollbar { width: 8px; box-shadow: inset 0 0 2px #3d3d3d;  }
    .input-group-btn:last-child>.btn { margin-left: -6px; }

    /* Nav Toggle */
    header .navbar-toggle {margin-top: 8%; right: 20%;}
    body:not(.start) header .navbar-toggle { display:none; }


    /* Nav 1+2 Startseite */
    .overlay-menu { display:none; position:absolute; left:0; top:0; background-color: rgba(255,255,255,.7); width:100%; height:auto; z-index:2; padding-bottom: 40px; }
    .overlay-menu ul {  list-style-type: none; height:auto; padding:0; margin:0; width: 382px; }
    .overlay-menu > ul { float:left; margin-top: 20%; position: relative; left: 46%; transform: translateX(-50%); }
    .overlay-menu ul li { text-align:left; text-transform: uppercase; }
    .overlay-menu ul li a { color: #233588;}
    .overlay-menu ul li a:hover {color: #c20069; }
    .overlay-menu ul li a:hover span span {color: #233588;}
    .overlay-menu>ul>li  { float:left; width:100%;}
    .overlay-menu>ul>li:first-child {display: none; }
    .overlay-menu>ul>li a>span { display: inline-block; font: 24px Titillium-Semibold, Arial, sans-serif;  width: 100%;  padding-top: 12px;}
    .overlay-menu>ul>li:nth-child(1n + 3) a>span {border-top: 2px solid #233588; }
    .overlay-menu>ul>li:last-of-type { border-bottom: 2px solid #233588;}
    .overlay-menu ul li ul {margin-bottom: 30px;}
    .overlay-menu ul li ul li a {font: 20px Titillium-Regular, Arial, sans-serif;}

    .overlay-menu li.has-sub > ul { display: none; }
    .overlay-menu li.has-sub span.arrow:after { content: "\f107"; display: inline-block; font: 400 46px var(--fontAwesome);  transition: transform .35s ease-in-out, color .5s ; margin: 0 0 -10px 10px; position: relative; float: right; top: -5px;}
    .overlay-menu li.has-sub span.arrow.open:after { transform:rotate(-180deg); }
    .overlay-menu li.has-sub span.arrow:hover:after {color: #c20069;}
    .overlay-menu .overlay-menu-close:after { content: "\f00d"; font: 400 40px var(--fontAwesome); cursor: pointer; display: inline-block; position: absolute; right:20.4%; margin-top:8%; color:#164194; background-color: #fff; padding: 2px 18px; }

    /* Nav 1 */
    body:not(.start) header nav { text-align: right; margin-top: 12px; float: left; width: 100%; }
    .start header nav {display: none !important; position: absolute; z-index: 1; margin-top: 8%; background-color: rgba(255,255,255,.7) }
    nav>ul>li>a {font-size: 18px; text-transform: uppercase; color: #8a8989; padding-bottom: 8px; display: inline-block;}
    nav>ul>li:first-child a span {display: none;}
    nav>ul>li:nth-child(1n+3) {margin-left: 3%;}
    nav li.has-sub span.arrow:after {content: "\f078"; display: inline-block; font: 400 20px var(--fontAwesome);  transition: transform .35s ease-in-out, color .5s ; margin-left: 10px;  position: relative; }
    nav ul li.selected a, nav ul li a:hover, nav li.has-sub:hover span.arrow:after { color: #233588; }
    nav li.has-sub:hover span.arrow:after { transform:rotate(-180deg);}

    /* Nav 2 */
    nav ul.dropdown-menu {border: 1px solid #c9c9c9;}
    nav>ul>li:last-child ul.dropdown-menu {margin-left: -43px;}
    nav ul.dropdown-menu li a { font-size: 17px; width: 212px; height: 50px; background-color: rgba(255,255,255,.9);color: #8a8989; border-bottom: 1px solid #c9c9c9; text-align: center; padding-top: 15px;}
    nav ul.dropdown-menu li a:hover, nav ul.dropdown-menu li.selected a { color: #233588; }
    nav ul.dropdown-menu li:last-child a { border:none; }

    /* Nav Affix */
    nav.affix {position: absolute;}

    /* Nav Marginalspalte */
    .nav-pills li+li { margin-top: 4px; }
    .nav-pills li a {background-color: #233588; color: #fff; border: none; border-radius: 0; padding: 18px 18px 18px 40px; font-size: 16px; text-transform: uppercase; }
    .nav-pills li a:hover, .nav-pills li.active a { background-color: #fff;  color: #8a8989; transition-property: background-color, color; transition-duration: 500ms; }


    /* Breadcrumb */


    /* Marginalspalte Nav 2 */

    /* Footer */
    footer a:before {display: none; }
    footer ul.sitemap li {display: inline-block; vertical-align: top; font-size: 15px; }
    footer ul.sitemap li+li {margin-left: 5%;}
    footer ul.sitemap li h5 {  font-size: 17px;}
}


@media (min-width: 992px) {

    /* Grid */
    aside {padding-left: 4%; margin-top: 0;}

    /* Header */
    header {margin-bottom: 50px;}

    /* Nav 1+2 Startseite */
    .overlay-menu>ul>li a>span {  font-size: 26px;}
    .overlay-menu ul li ul li a {font-size: 21px; }

    .overlay-menu li.has-sub span.arrow:after {  font-size: 48px; }

    /* Nav 1 */
    body:not(.start) header nav {margin-top: 67px; float: none; width: auto; }


        /* Nav 2 */


    /* Nav Affix */

    /* Footer */
    footer ul.sitemap li { font-size: 16px; }
    footer ul.sitemap li+li { margin-left: 10%;}
    footer ul.sitemap li h5 {  font-size: 18px;}


}

@media (min-width: 1200px) {
    /* Grid */
    .start .col-xs-12 .col-xl-4:first-child {padding-right: 20px; }
    .start .col-xs-12 .col-xl-4:nth-child(2) {padding: 0 10px; }
    .start .col-xs-12 .col-xl-4:last-child {padding-left: 20px; }
    aside {padding-left: 6.667%;}

    /* Header */
    header {margin-bottom: 70px;}

    /* Topicons */

    /* Nav 1+2 Startseite */
    .overlay-menu > ul { margin-top: 18%; }
    .overlay-menu>ul>li a>span {  font-size: 32px; padding-top: 20px; }
    .overlay-menu ul li ul li a {font-size: 24px; }

    .overlay-menu li.has-sub span.arrow:after {  font-size: 54px;  top: -2px;}

    /* Nav 1 */
    body:not(.start) header nav {margin-top: 37px; }


    /* Nav 2 */


    /* Nav Affix */

    /* Footer */
    footer ul.sitemap li+li {margin-left: 12%;}
    footer ul.sitemap li h5 {  font-size: 20px;}


 }