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

.top-icons>a:not(.direct) { display:none; }

.top-icons>a::before { font-size: 19px; display: flex; justify-content: center; align-items: center; color:var(--contentBlueDark); height:25px; width:25px; padding: 0;}
.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-youtube::before { content: '\f167'; }
.top-icons a.current::before { background-color: var(--cdPink) !important; transition: background-color 350ms; }
.top-icons>a.icon-twitter.direct, .top-icons>a.icon-newsletter.direct { display:block; }

/* Alax Boxes */
.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 #666; }
#kesearch_pagebrowser_bottom { border-top: 1px dashed #666; }
[id^=kesearch_pagebrowser_] {text-align: center; color:#666; 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 */
    .top-icons { position: fixed; top: 288px; right: 0; z-index: 1; display: block; background-color: transparent; padding:0; }
    .top-icons>a:not(.direct) { display: block }
    .top-icons>a::before { color:#fff; background-color: var(--contentBlueDark); margin-bottom: 4px; width: 36px; height: 36px; font-size: 16px;}

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

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

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

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

    /* Topicon Suche */
    .top-icons .search-results select.form-control { padding: .8em; color: var(--headlineColor); border: 1px solid var(--contentBlueDark); font-size: .9em; letter-spacing: .06em; text-transform: uppercase;   }


    /* Topicon Twitter */
    .timeline { margin-top: 40px; }
    .timeline p { font-size: 1.2em; }
    .timeline a.twitter { font-size: 1em; letter-spacing: .06em; margin: 1.5em 0; display: block; text-align: center; padding: 1.1em; background-color: #fff; border: 1px solid var(--contentBlueDark); color: var(--headlineColor);  text-transform: uppercase;  }
    .timeline a.twitter:hover { background-color: var(--headlineColor); color: #fff; transition: background-color, 450ms; }


}

@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) {

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

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

}