/* ------------------- PAGINATION RELATED ARTICLES ------------------- */
#relatedArticles .pagination-wrap,
#relatedArticles .pagination-wrap a {
  font-size: .875rem
}

#relatedArticles .pagination-wrap .pagination li,
#relatedArticles .pagination-wrap .pagination li a,
#relatedArticles .pagination-wrap .pagination li span {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  line-height: 1.375rem;
}

#relatedArticles .pagination-wrap .pagination li.prev,
#relatedArticles .pagination-wrap .pagination li.prev a,
#relatedArticles .pagination-wrap .pagination li.next,
#relatedArticles .pagination-wrap .pagination li.next a {
  font-family: A1iconfont, sans-serif;
}


/* ------------------------ AUTOCOMPLETE ------------------------ */
a.autocomplete_active {
  color: #da291c !important;
}

a.autocomplete_active span.highlight {
  color: #990000 !important;
}


/* ------------------------ AJAX LOADER ------------------------ */
.no-js .ajax-loader {
  display: none;
}


/* -------------------- START PAGE EXPANDER -------------------- */
.hk-start .hk-toplinks-expander-hl a {
  display: block;
  color: #000;
}

.hk-start .hk-toplinks-expander-row .hk-toplinks-expander-content.open {
  height: auto;
  min-height: 350px;
}


/* ----------------------- SEARCH RESULTS ---------------------- */
.search-results .search-result-list ul b {
  color: #000;
  font-weight: 400;
}


/* ----------- WDS OVERLAY (JS)  & EXPANDER (No-JS) ------------ */
.oc-overlay .oc-overlay-content .oc-header p {
  margin-bottom: 0;
}

.oc-overlay .oc-overlay-content .oc-header h2 {
  max-width: 95%;
}

.oc-expander .oc-overlay-content ul li.device,
.oc-overlay .oc-overlay-content ul li.device {
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-block;
  height: 14.5em;
  margin: 5px 17px 10px;
  padding: 10px 0 0;
  vertical-align: top;
  width: 10em;
}

.oc-expander .oc-overlay-content ul li.device {
  margin-left: 0;
  margin-right: 0;
}

@media all and (max-width: 340px) {
  .oc-overlay .oc-overlay-content ul li.device {
    line-height: 1.3;
    height: 14em;
    width: 9em;
  }
}

.oc-expander .oc-overlay-content ul .device img,
.oc-overlay .oc-overlay-content ul .device img {
  margin: 0;
}

.oc-expander .oc-overlay-content .device:hover,
.oc-overlay .oc-overlay-content .device:hover {
  box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.3);
}

.oc-expander .oc-overlay-content .device a,
.oc-overlay .oc-overlay-content .device a {
  color: #000000;
  display: block;
  font-weight: normal;
  text-align: center;
}

.oc-expander .oc-overlay-content .device:hover a,
.oc-overlay .oc-overlay-content .device:hover a {
  color: #da291c;
  text-decoration: none;
}

.oc-expander .oc-overlay-content .device .deviceName,
.oc-overlay .oc-overlay-content .device .deviceName {
  padding: 5px 5px 0;
}

.search-results .search-result-list .oc-expander ul li.accordion-navigation {
  padding: 0;
}

.search-results .search-result-list .oc-expander ul li .text p {
  margin-bottom: 1.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.oc-expander .accordion .accordion-navigation > .content .text {
  padding-bottom: 0.5rem;
}

@media all and (max-width: 745px) {
  .search-results .search-result-list .oc-expander ul li .text p {
    margin-left: 0;
    margin-right: 1rem;
  }
}

@media all and (min-width: 746px) and (max-width: 767px) {
  .search-results .search-result-list .oc-expander ul li .text p {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

/* ------------------------ SMALL SEARCH ----------------------- */

@media all and (max-width: 1460px) {
  .hk-search-small .in-front {
    z-index: 45;
  }
}

/* ------------------------- SOCIAL FIX ------------------------ */

#social-clips .clip-content .contact img.icon-image {
  margin-right: 1rem;
}

/* ------------------------ KARRIERE UL ------------------------ */

.checkmarks li:before {
  display: inline-block;
  font-family: A1iconfont;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\e610";
  color: #da291c;
  margin-right: 1.125rem;
  margin-left: -2rem;
  float: left;
  position: relative;
  top: 4px;
}

ul.checkmarks {
  margin-left: 1.1rem;
}

/*****************************************
  warning box style
*****************************************/
.hk-warnings{
  margin-bottom: 0px;
}

.hk-warnings .panel.callout.hint{
  border-color: #da291c;
  background-color: white;
  margin-top: 1rem;
}

.hk-warnings a{
  display: block;
  margin-top: 0.5rem;
}

.hk-warnings .hint .hint-icon{
  width: 2rem;
}