/* TopIcons */
header .top-icons {display: flex; justify-content: space-between; align-items: center; padding:0 30px; height: 60px; background-color: #dadada; order: 1;}

.top-icons.mobile a:where(.direct:not(.icon-phone):not(.icon-email):not(.icon-sitemap),.icon-search,.icon-contact, .icon-newsletter, .icon-share ) { display:none; }
.top-icons.mobile a.icon-newsletter.direct, .top-icons.mobile a.icon-share.direct { display: block;}

.top-icons>a::before { font-size: 19px; display: flex; justify-content: center; align-items: center; color:var(--contentBlue); height:25px; width:25px; padding: 0;}
footer .top-icons>a::before { color:#fff; border: 1px solid; font-size: .81em; width: 1.8em; height: 1.8em;  }
footer .top-icons>a:hover::before { color:var(--contentBlue); background-color: #fff; transition: background-color, color, 350ms }
.top-icons a.icon-contact::before { content: '\f075';}
.top-icons a.icon-search::before { content: '\f002'; }
.top-icons a.icon-newsletter::before { content: '\f1d8'; }
.top-icons a.icon-facebook::before { content: '\f39e'; }
.top-icons a.icon-twitter::before { content: '\e61b'; }
.top-icons a.icon-instagram::before { content: '\f16d'; }
.top-icons a.icon-linkedin::before { content: '\f0e1'; }
.top-icons a.icon-phone::before { content: '\f095'; font-size: 18px; }
.top-icons a.icon-email::before { content: '\f0e0'; font-size:19px; }
.top-icons a.icon-sitemap::before { content: '\f0e8'; font-size: 17px; }
.top-icons a.icon-share::before { content: '\f1e0'; }
.top-icons a.icon-youtube::before { content: '\f167'; }
.top-icons a.current::before { background-color: #637780 !important; transition: background-color 350ms; }

footer .top-icons { display: flex; gap: 1em; order:-1; align-self: center; margin-bottom: 2em; }

/* Alax Boxes */

header .top-icons-ajax-content { display: none; }
/* Social Media Site mobil */
body.social-media nav.sub-nav { display: none; }

/* Suchergebnisse Ajax und Content */
.search-results { scrollbar-width: thin; scrollbar-face-color: var(--cdPink); overflow:auto; margin-top: 18px; padding-right: 15px; overflow-y: scroll;}
.search-results::-webkit-scrollbar-thumb {background-color: var(--cdPink);}
.search-results::-webkit-scrollbar {width: 9px; box-shadow: inset 0 0 2px #3d3d3d; }
.search-results .select-items { display: flex; justify-content: space-between; }
.search-results select { width: 200px; margin-bottom: 30px; }
.search-results #kesearch_num_results {margin: 0 4px 20px 4px;}
.result-list-item { overflow: hidden; margin-bottom: 40px}
.result-list-item .head-items { display: flex; column-gap: 10px; margin-bottom: 10px; }
.result-list-item .add-info {margin-left: auto;}
.result-list-item .result-title a { text-indent: -25px; margin-left: 25px; display: inline-block;}
.result-list-item .add-info { color: #676d86; }
.result-list-item .add-info i {display: none;}
.result-list-item  .result-teaser .hit {color: #4d7f2c; font-weight: bold;}
.result-list-item .teaser_icon img {float: left; margin-right: 8px; }


/* Pagebrowser Ajax und Content */
#kesearch_pagebrowser_top { border-bottom: 1px dashed var(--contentTextGrey); }
#kesearch_pagebrowser_bottom { border-top: 1px dashed var(--contentTextGrey); }
[id^=kesearch_pagebrowser_] {text-align: center; color:var(--contentTextGrey); margin-bottom: 40px; }
[id^=kesearch_pagebrowser_] .pages_total {padding-top: 20px;}
[id^=kesearch_pagebrowser_] div.result_txt{ font-size: 1.1em; margin-bottom: 8px; }
[id^=kesearch_pagebrowser_] .kesearch_pagebrowser { margin: 0 auto 0; }
.kesearch_pagebrowser ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; font-size: .85em; }
.kesearch_pagebrowser ul li a { display: block; border: 1px solid; padding: 4px 11px; }
.kesearch_pagebrowser ul li a.current, .kesearch_pagebrowser ul li a:hover { color:#5e6c72; }
.kesearch_pagebrowser ul li a.prev::before {  content: '\f060'; font-family: var(--fontAwesome); padding-right: 3px;}
.kesearch_pagebrowser ul li a.next::after {  content: '\f061'; font-family: var(--fontAwesome); padding-left: 4px;  }
.search-results .kesearch_pagebrowser ul li a.current, .search-results .kesearch_pagebrowser ul li a:hover { background-color: #fff;  }

@media (min-width: 768px) {

    /* Top-Icons */
    header .top-icons { position: fixed; top: 136px; right: 0; z-index: 1; display: block; background-color: transparent; padding:0; }
    header .top-icons>a:not(.direct) { display: block }
    header .top-icons>a::before { color:#fff; background-color: var(--contentBlue); margin-bottom: 4px; width: 36px; height: 36px; font-size: 16px;}
    header .top-icons a.icon-phone,header .top-icons a.icon-email,header .top-icons a.icon-sitemap,header .top-icons a.direct { display: none; }
    header .top-icons a.icon-facebook::before { background-color: #3b5998; }
    header .top-icons a.icon-linkedin::before { background-color: #0e76a8; }
    header .top-icons a.icon-youtube::before { background-color: #c4302b; }

    footer .top-icons { grid-area: 1/2/2/3; margin: 0 0 0 2.6em; order: unset; align-self: unset;}

    /* TopIcons Box */
    header .top-icons.desktop>div {width: 460px; background-color: #dbdbdb; text-align: left; height: 100vh; padding: 30px .6em 40px 30px; margin: -400px 0 0 36px; opacity:0; z-index:4;}
    header .top-icons.desktop .close::before {content: '\f00d'; font: 400 30px var(--fontAwesome); cursor: pointer; display: block; }
    header .top-icons.desktop a.icon-facebook-direct {display: none; }

    /* Top-Icon-Content */
    header .top-icons-ajax-content { height:100vh; margin-top: 18px; border-width: 20px 20px 20px 0; border-style: solid; border-color: #dbdbdb;  padding: 0 15px 15px 30px}
    header .top-icons-ajax-content::-webkit-scrollbar-thumb {background-color: var(--cdPink); }
    header .top-icons-ajax-content::-webkit-scrollbar { width: 8px; box-shadow: inset 0 0 2px #3d3d3d;  }
    header .top-icons-ajax-content h1 { text-align: center; font-size: 30px; margin: 34px 0 0;}
    header .top-icons-ajax-content>iframe { width: 370px;}
    header .top-icons-ajax-content b { color: var(--contentBlue); font: normal 1.1em var(--fontHeadline);}
    header .top-icons-ajax-content { overflow:auto; padding-right: .6em;}
    header .top-icons-ajax-content[data-click-index="8"] h1 { margin-bottom: 8px;}

    header .top-icons-ajax-content .search { display:block; }
    header .top-icons-ajax-content .search form {text-align: center; margin-top: 30px; }
    header .top-icons-ajax-content .search .input-group { display: flex; }
    header .top-icons-ajax-content .search .input-group .form-control { width: 310px; display: inline-block; font-size: 23px; padding: 14px 6px 14px 17px;  }
    header .top-icons-ajax-content .search .input-group-btn { display: inline-flex;}
    header .top-icons-ajax-content .search button.btn { cursor: pointer; padding: 0; display: flex; width: 67px; height: 67px; justify-content: center; align-items: center; }
    header .top-icons-ajax-content .search button.btn::after { content: "\f002";  font: 300 26px var(--fontAwesome);  }

    .contact-box { margin: 15px  10px 15px 0; float: left;}

}

@media (min-width: 992px) {

    /* Pagebrowser */
    .col-content [id^=kesearch_pagebrowser_] { margin-bottom: 0; }
    .kesearch_pagebrowser ul { justify-content: space-between; gap: 0; }

}

@media (min-width: 1200px) {

    header .top-icons.desktop>div { margin: -450px 0 0 44px;}
    header .top-icons a::before { width: 44px; height: 44px; font-size: 19px; }

    /* Pagebrowser */
    .kesearch_pagebrowser ul { justify-content: center; gap: 10px; font-size: 1em; }

}