/* ********************* */
/* A N P A S S U N G E N */
h1 {
  font-size: 42px;
  font-weight: @font-weight-bold;
  line-height: 1.2;
}

h1.color-hwk-green-dark, h2.color-hwk-green-dark, h3.color-hwk-green-dark, h4.color-hwk-green-dark, h5.color-hwk-green-dark, h6.color-hwk-green-dark, p.color-hwk-green-dark, span.color-hwk-green-dark, a.color-hwk-green-dark, li.color-hwk-green-dark, input.color-hwk-green-dark, label.color-hwk-green-dark, textarea.color-hwk-green-dark, caption.color-hwk-green-dark, blockquote.color-hwk-green-dark, font.color-hwk-green-dark, code.color-hwk-green-dark {
  color: #000 !important;
}

.lead {
  color: @gray-dark;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  padding: 0px 0px 12px;
  margin-bottom: 20px;
}

.content p:last-child {
  margin-bottom: 0;
}

h5 {
  color: @gray-darker;
  font-size: 24px;
  font-weight: @font-weight-bold;
  line-height: 30px;
  padding: 0px 0px 12px;
}

p + h5 {
  padding: 20px 0px 12px;
}

h6 {
  color: @hwk-blue-light;
  font-size: 16px;
  font-weight: @font-weight-bold;
}

body {
  background-color: @body-bg;
}


/* Neue Icons  */
.glyphicon-whatsapp:before {
  content: "\E201"
}

.glyphicon-snapchat:before {
  content: "\E202"
}

.glyphicon-tictoc:before {
  content: "\E203"
}

.glyphicon-instagram:before {
  content: "\E204"
}

.glyphicon-triangle-right:before {
  content: "\E072";
}


/* Anpassungen Sekundärmenü */
header .header-menu > li > a {
  color: @hwk-blue-dark;
}

header .header-menu > li.divider {
  color: @hwk-blue-dark;
}

header .header-menu > li.open > a:hover, header .header-menu > li > a:hover, header .header-menu > li.open > a:active, header .header-menu > li > a:active, header .header-menu > li.open > a:focus, header .header-menu > li > a:focus {
  color: @hwk-blue-dark;
}


/* Suchergebnisse*/
article.searchhit {
  background-color: #fff;
  box-shadow: 1px 1px 6px rgba(127, 127, 127, 0.3);

}

.searchhit-content {
  margin: 0 20px;
}

.searchhit-content p {
  font-size: 16px;
  line-height: 1.4;
}

.content .searchhit-content p.note, figcaption {
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 12px;
}

.content .searchhit-content p.note {
  font-size: 10px;
}

.figure_copyright {
  font-size: 12px;
  color: @gray;
}

.searchhit-content a {
  color: @gray-darker;
}

.searchhit-header {
  padding-top: 15px;
}

.content .searchhit-icon {
  height: 50px;
  padding-top: 15px;
}

.searchhit-content-map p.light,
.searchhit-content p.light {
  color: inherit;
  padding-bottom: 0;
}

.content .searchhit-recommended {
  padding: 0;
}

/* Anpassungen Menü*/
@media (min-width: @screen-sm-min) {
  .dropdown-menu > li > a {
    padding: 13px 20px;
    border-bottom: 1px solid @hwk-blue-light-25;
  }

  .dropdown-menu li {
    margin-bottom: 0px;
  }

  .dropdown-menu {
    padding: 0;
  }
}


/* Anpassungen Footer */
#footer-content p {
  font-size: 14px;
}

footer #footer-bottom {
  background: @hwk-blue-dark;
}

footer #footer-bottom {
  p, ul li {
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    padding-bottom: 12px;
  }
}

footer #footer-bottom #footer-menu {

}

footer #footer-bottom #footer-menu li a, footer #footer-bottom a {
  color: #fff;
}

footer #footer-bottom #footer-menu li {
  padding-bottom: 10px;
}

footer #footer-bottom #footer-menu li a:hover, footer #footer-bottom #footer-menu li.active a, footer #footer-bottom a:hover {
  color: #fff;
  text-decoration: underline;
}

footer div.footer-topline::before {
  content: "";
  display: block;
  border-top: 1px solid #fff;
  padding-top: 10px;
}


.breadcrumb > li + li::before {
  content: ">";
  color: #fff;
}

.breadcrumb li > a {
  color: #fff !important;
}

.breadcrumb li > a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.breadcrumb li.active {
  color: #fff !important;
}

#footer-bottom-menu li {
  float: right;
  height: 34px;
  line-height: 34px;
  padding-left: 10px;
}

/* Vergrößerung Spaltenabstand */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: @container-xl) {
  .container {
    width: @container-xl;
  }

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: @grid-gutter-width-half-xl;
    padding-right: @grid-gutter-width-half-xl;
  }
}

body {
  font-synthesis: none;
  -moz-font-feature-settings: 'kern';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}


/*Mobile Optimierung*/
@media (max-width: 767px) {

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: @grid-gutter-width-half-xs;
    padding-right: @grid-gutter-width-half-xs;
  }

  .content p.lead {
    font-size: 17px;
  }

  #content {
    margin-top: 20px;
  }

  .navbar {
    margin-bottom: 0px;
  }

  .content h1 {
    font-size: 24px;
  }

  .content h2, .content h2 {
    font-size: 20px;
  }

  .content p {
    font-size: 18px;

  }
}


// ---------------------------------------------------------------------------------------
//  Klaus CSS file
//

/* TYPOGRAFIE */
/* ARTIKELSEITE: Zeile für Datum und Autor eingefügt */
.article-info {
  color: @gray;
  padding-bottom: 30px;
}

/* MEDIATHEK + VIDEO*/
p.teaser-image-info .glyphicon {
  top: 1px;
  width: 26px;
  text-align: left;
}

.header-videoplayer {
  margin-top: -40px;
}

/*Mobile*/
@media (max-width: 767px) {
  .header-videoplayer {
    //margin-top: -20px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .content {
    font-size: 18px;
  }

  body .content .h3, body .content h3, body .h3, body h3 {
    font-size: 20px;
  }

  body .content .h4, body .content h4, body .h4, body h4 {
    font-size: 18px;
  }

  /*Topline*/
  //body .content .h1 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .content .h2 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .content .h3 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .content .h4 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .content .h5 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .content .h6 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .content h1 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .content h2 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .content h3 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .content h4 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .content h5 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .content h6 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .h1 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .h2 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .h3 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .h4 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .h5 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body .h6 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body h1 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body h2 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body h3 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body h4 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body h5 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon), body h6 span:not(.slider-text-h1-deco):not(.slider-text-h1-text):not(.glyphicon) {
  //  font-size: 14px;
  //}

  .lead {
    margin-bottom: 10px;
  }

  .col.top-blog-image {
    padding-left: 15px;
    padding-right: 15px;
  }

  .listgroup-intro .h3, .listgroup-intro .h4, .listgroup-intro h3, .listgroup-intro h4 {
    font-size: 18px !important;
  }

  .listgroup-intro {
    margin-top: 0px;
  }

  .list-group {
    font-size: 16px;
  }

  .article-info {
    font-size: 14px;
  }

  .col > figure {
    margin: 0 -10px;
    figcaption {
      margin-left: 10px;
      margin-right: 10px;
    }
  }
  
  footer #footer-bottom p {
    margin-bottom: 0px;
  }

  footer .copyright {
    margin-bottom: 0px;
  }

  #footer-bottom .row.border-top::before {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - (15px * 2));
  }
}

/* ENDE MOBILE */
.content p + h3, .content ul + h3 {
  padding-top: 20px;
}

.content p + h4, .content ul + h4 {
  padding-top: 10px;
}


/* Formular: Next Steps Navi  */
.nav-white-box {
  background-color: #fff;
  box-shadow: 1px 1px 6px rgba(127, 127, 127, .3);
}

#content .nav-white-box > li > a {
  color: #073070;
  padding: 13px 20px;
  border-top: 1px solid #D0E3F9;
}

#content .nav-white-box li.static {
  padding: 8px 20px;
  color: #000;
  font-weight: 700;
}

#footer-bottom ul#footer-menu li::before {
  width: 14px;
  display: inline-block;
  text-align: center;
}

/* Aufzählungszeichen: Häkchen Position korrigieren */
body .content ul:not(.nav-tabs):not(.pagination) li.list-icon-check::before, body .content ul:not(.nav-tabs):not(.pagination).list-icon-check li::before {
  left: -25px;
}