/* Main */

.chc-contentWrapper .descr {
  color: magenta;
  font-weight: 600;
}

section {
  padding-bottom: 100px;
}

.chc-contentWrapper {
  background-color: #003031;
  color: #fff;
}

/* Fonts */
.chc-contentWrapper h2 {
  text-transform: uppercase;
}

.chc-contentWrapper h1,
.chc-contentWrapper h3 {
  color: #ccd814;
}

.chc-contentWrapper h2 {
  color: #08bed5;
}

.chc-contentWrapper b {
  font-weight: 800;
}

.chc-contentWrapper .chc-links h3 {
  color: #fff;
}

/* Divider */
.chc-contentWrapper .chc-divider {
  width: 100%;
  height: 300px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.chc-contentWrapper .chc-divider.chc-divider-1 {
  background-image: url("../img/chc-divider-1.jpg");
}

.chc-contentWrapper .chc-divider.chc-divider-2 {
  background-image: url("../img/chc-divider-2.jpg");
  background-position: center 30%;
}

/* Hero */
.chc-contentWrapper .chc-heroWrapper {
  padding: 0 0 20px;
}
.chc-contentWrapper .chc-hero {
  background: linear-gradient(rgba(0, 48, 49, 0.7), rgba(0, 48, 49, 0.7)), url("../img/chc-hero-pattern.png"), url("../img/chc-bg-pattern-1-right.png");
  background-repeat: no-repeat;
  background-size: 100%, 110%, 35%;
  background-position: center center, 620% -0%, bottom right;
}

.chc-contentWrapper .chc-hero .chc-gc-logo {
  width: 30%;
  margin-top: 40px;
}

.chc-contentWrapper .chc-introWrapper {
  text-align: center;
  max-width: 1280px;
  display: block;
  margin: 0 auto;
}

/* Challenges */
.chc-contentWrapper .chc-challenges {
  background: linear-gradient(rgba(0, 48, 49, 0.7), rgba(0, 48, 49, 0.7)), url("../img/chc-bg-pattern-1-left.png"), url("../img/chc-bg-pattern-1-right.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 100%, 45%, 35%;
  background-position: center center, top left, bottom right;
}

.chc-contentWrapper .chc-challenges h2 {
  width: 70%;
  display: block;
  margin: 0 auto;
  padding: 30px 0 50px;
}

/* Dates */
.chc-contentWrapper .chc-dates {
  background: linear-gradient(rgba(0, 48, 49, 0.7), rgba(0, 48, 49, 0.7)), url("../img/chc-dates-pattern.png"), url("../img/chc-dates-pattern-2.png");
  background-repeat: no-repeat;
  background-size: 100%, 110%, 110%;
  background-position: center center, 650% 50%, -550% 100%;
}

/* Highlights */
.chc-contentWrapper .chc-highlights {
  text-align: center;
  margin: 100px 0;
}

.chc-contentWrapper .chc-highlights h3 {
  text-transform: uppercase;
  font-size: 28px;
}

/* Links */
.chc-contentWrapper .chc-links {
  width: 100%;
  height: 800px;
  background: linear-gradient(rgba(0, 48, 49, 0.8), rgba(0, 48, 49, 0.8)), url("../img/chc-links-bg.png");
  background-size: cover;
  background-position: bottom center;
}

/* Quote */
.chc-contentWrapper .chc-quoteWrapper {
  width: 80%;
  display: block;
  margin: 50px auto 0;
}

/* Contact */

section.chc-contact {
  padding-bottom: 0;
  padding-top: 150px;
}

.chc-contentWrapper .chc-contact {
  background: linear-gradient(rgba(0, 48, 49, 0.6), rgba(0, 48, 49, 0.6)), url("../img/chc-contact-bg.jpg");
  background-size: cover;
  background-position: center center;
}

.chc-contentWrapper .chc-contactWrapper {
  text-align: center;
  background-color: #003031dd;
  padding: 10px 0;
}

.chc-contentWrapper .chc-contactWrapper h3 {
  font-size: 42px;
}
.chc-contentWrapper .chc-contactWrapper p {
  font-size: 32px;
}

/* Page Network */

.chc-contentWrapper .subheadNetwork {
  background-image: url("../img/subhead-Network.jpg");
  background-position: center center;
  padding: 300px 0 !important;
  background-repeat: no-repeat;
  background-size: cover;
}

.chc-contentWrapper .submenu {
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.chc-contentWrapper .submenu a:hover {
  text-decoration: none;
}

.chc-contentWrapper .submenu li {
  padding: 20px 50px;
  font-size: 40px;
}

.chc-contentWrapper .submenu li.first {
  background: #ccd814;
  color: #333;
}

.chc-contentWrapper .submenu li.second {
  background: #08bed5;
  color: #ffffff99;
}

.chc-contentWrapper .submenu li.third {
  background: #005758;
  color: #ffffff99;
}
.chc-contentWrapper .submenu li.second.active,
.chc-contentWrapper .submenu li.third.active {
  color: #fff;
}

.chc-contentWrapper .productCard {
  background-color: #005758;
  height: 95%;
  padding: 15px;
}

.chc-contentWrapper .productCard .link-col {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: space-between;
}

.chc-contentWrapper .productCard .product-img-small {
  height: 165px;
  width: auto;
  max-width: 100%;
}

.chc-contentWrapper .productButton {
  background: #08bed5;
  color: #fff;
  display: block;
  margin-bottom: 10px;
}

.chc-contentWrapper .productButton.productButtonPrime {
  background: #ccd814;
}

.chc-contentWrapper .buttonSpecial {
  background: #ccd814;
  display: inline;
  color: #fff;
  padding: 10px 60px;
  margin: 0 50px;
}

.chc-contentWrapper .network-divider-1 {
  background-image: url("../img/network-divider-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 150px 0;
}
.chc-contentWrapper .network-divider-2 {
  background-image: url("../img/network-divider-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 200px 0;
}

.chc-contentWrapper .iconBox img {
  display: block;
  margin: 0 auto;
  height: 100px;
}

.chc-contentWrapper .linkButtons {
  margin: 0;
  padding: 0 0 10px 0;
}

.chc-contentWrapper .linkButton {
  background-color: #08bed5;
  color: #fff;
  display: block;
  font-size: 28px;
  padding: 20px 0px;
}

.chc-contentWrapper .sectionLogo {
  margin: 30px 0;
}

.chc-contentWrapper .sectionHeading {
  font-size: 36px;
  margin: 30px 0 20px 0;
}

.chc-contentWrapper .subheadNetworkSecurity {
  background-image: url("../img/netzwerk-security-header.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 200px 0;
}

.chc-contentWrapper .networkSecurity-divider-1 {
  background-image: url("../img/network-security-divider-1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 150px 0;
}

.chc-contentWrapper .networkSecurity-divider-2 {
  background-image: url("../img/network-security-divider-2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 150px 0;
}

.chc-contentWrapper .subheadHBfullstack {
  background-image: url("../img/hb-fullstack-header.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 200px 0;
}

.chc-contentWrapper .bundleCard {
  background: #005758;
}

.chc-contentWrapper .bundleCardHead {
  background: #e2e2e2;
}

.chc-contentWrapper .bundleCardHead,
.chc-contentWrapper .bundleCardBody {
  padding: 20px;
}

.chc-contentWrapper .bundleCardHead img:first-child {
  width: 70px;
}

.chc-contentWrapper .bundleCardHead img {
  width: 200px;
}

.chc-contentWrapper .bundleCard .logoWrapper {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 50px;
}

.chc-contentWrapper .bundleCardHead h3 {
  font-weight: 600;
  color: #003031;
  text-transform: uppercase;
  font-size: 48px;
  margin-top: 20px;
}

.chc-contentWrapper .bundleCardHead h3 + h4 {
  font-weight: 400;
  color: #003031;
  font-size: 26px;
  margin-top: 0;
}

.chc-contentWrapper .bundleCardBody {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: space-between;
}

.chc-contentWrapper .bundleCard .price {
  font-size: 32px;
}

.chc-contentWrapper .bundleCard .priceAdd {
  font-size: 12px;
}

.chc-contentWrapper .subheadHBnetzwerk {
  background-image: url("../img/hb-netzwerk-header.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 200px 0;
}

.chc-contentWrapper h2 {
  color: #ccd814;
  font-size: 40px;
  margin-bottom: 0;
}

.chc-contentWrapper h2 + h3 {
  margin-top: 10px;
}

.chc-contentWrapper .subheadHPSecurity {
  background-image: url("../img/hb-security-header.png");
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 200px 0;
}

.chc-contentWrapper .ranking {
  padding: 30px;
  margin-top: 20px;
}

.chc-contentWrapper .ranking h2 {
  color: #fff;
}

.chc-contentWrapper .bronze {
  background-image: url("../img/bg-bronze.png");
}
.chc-contentWrapper .silber {
  background-image: url("../img/bg-silber.png");
}
.chc-contentWrapper .gold {
  background-image: url("../img/bg-gold.png");
}

.chc-contentWrapper .subheadHPCollaboration {
  background-image: url("../img/hb-collaboration-header.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 200px 0;
}

.chc-contentWrapper .hbc-img {
  width: 340px !important;
  display: block;
  margin: 0 auto;
}

.chc-contentWrapper .subheadITSec {
  background-image: url("../img/it-sec-header.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 200px 0;
}

.chc-contentWrapper .it-sec-divider-1 {
  background-image: url("../img/it-sec-divider-1.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 150px 0 150px;
}

.chc-contentWrapper .itSecGrid {
  align-items: center;
}

.chc-contentWrapper .it-sec-divider-2 {
  background-image: url("../img/it-sec-divider-2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0px 0 350px;
}

.chc-contentWrapper .bg-pattern-right-1 {
  background: linear-gradient(rgba(0, 48, 49, 0.6), rgba(0, 48, 49, 0.6)), url("../img/bg-pattern-right-1.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 40%;
}

.chc-contentWrapper .bg-pattern-left-1 {
  background-image: linear-gradient(rgba(0, 48, 49, 0.6), rgba(0, 48, 49, 0.6)), url("../img/bg-pattern-left-1.png");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 45%;
  padding-bottom: 50px;
}

.chc-contentWrapper .bg-pattern-right-2 {
  background-image: linear-gradient(rgba(0, 48, 49, 0.6), rgba(0, 48, 49, 0.6)), url("../img/bg-pattern-right-2.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 40%;
}

.chc-contentWrapper .bg-pattern-full-1 {
  background-image: linear-gradient(rgba(0, 48, 49, 0.6), rgba(0, 48, 49, 0.6)), url("../img/bg-pattern-full-1.png");
  background-position: 30% 40%;
  background-repeat: no-repeat;
  background-size: -110%;
}

.chc-contentWrapper .bg-pattern-full-2 {
  background-image: linear-gradient(rgba(0, 48, 49, 0.6), rgba(0, 48, 49, 0.6)), url("../img/bg-pattern-full-1.png");
  background-position: 40% 30%;
  background-repeat: no-repeat;
  background-size: 150%;
}

.chc-contentWrapper .bg-pattern-full-3 {
  background-image: linear-gradient(rgba(0, 48, 49, 0.6), rgba(0, 48, 49, 0.6)), url("../img/bg-pattern-full-1.png");
  background-position: 20% 30%;
  background-repeat: no-repeat;
  background-size: 130%;
}

.chc-contentWrapper .bg-pattern-full-4 {
  background-image: linear-gradient(rgba(0, 48, 49, 0.6), rgba(0, 48, 49, 0.6)), url("../img/bg-pattern-full-4.png");
  background-position: 20% 30%;
  background-repeat: no-repeat;
  background-size: -130%;
}

.chc-contentWrapper .chc-Headline {
  color: #003031;
  font-size: 80px;
}

.submenu li:not(.active) {
  opacity: 0.4;
}

ul.specialList {
  list-style: none;
  padding-left: 0;
}
ul.specialList li {
  margin-bottom: 5px;
}

ul.specialList li::before {
  content: url("../img/list-marker.png");
  display: inline-block;
  /* width: 15px;
  height: 15px; */
  overflow: hidden;
  vertical-align: middle;
  padding-right: 5px;
}

.chc-contentWrapper .chc-menu {
  padding: 15px 0;
}
.chc-contentWrapper .chc-menu li.active {
  font-weight: bold;
}

.chc-contentWrapper .chc-menu a {
  color: #fff;
}
.chc-contentWrapper .chc-menu a:hover {
  text-decoration: none;
  color: #ccd814;
}

.chc-contentWrapper .chc-menu > div > ul {
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.chc-contentWrapper .chc-menu div[uk-dropdown] {
  background: #003031;
  border: none;
  box-shadow: none;
  padding: 10px;
}

.chc-contentWrapper .chc-menu div[uk-dropdown] ul {
  padding: 0;
  list-style: none;
  color: #fff;
  margin: 0;
}

.chc-contentWrapper .iconBoxWrapper {
  background-color: #005758;
  padding: 20px;
}

.chc-contentWrapper .iconBoxWrapper img {
  display: block;
  margin: 0 auto 20px;
}

.chc-contentWrapper .index-divider-2 {
  background-image: url("../img/chc-index-divier-2.png");
  background-position: center center;
  background-size: contain;
  background-repeat: repeat-x;
  padding: 300px 0;
}

.chc-contentWrapper .navCard {
  border: 1px solid #ccd814;
  padding: 40px 0 20px;
}

.chc-contentWrapper .navCard h3 {
  text-transform: uppercase;
}

.chc-contentWrapper .navCard-netzwerk {
  background-image: linear-gradient(rgba(0, 48, 49, 0.6), rgba(0, 48, 49, 0.6)), url("../img/bg-index-netzwerk.png");
  background-size: cover;
  background-position: center center;
}
.chc-contentWrapper .navCard-it-sec {
  background-image: linear-gradient(rgba(0, 48, 49, 0.6), rgba(0, 48, 49, 0.6)), url("../img/bg-index-it-sec.png");
  background-size: cover;
  background-position: center center;
}
.chc-contentWrapper .navCard-hb {
  background-image: linear-gradient(rgba(0, 48, 49, 0.6), rgba(0, 48, 49, 0.6)), url("../img/bg-index-hb.png");
  background-size: cover;
  background-position: center center;
}

.chc-contentWrapper .chc-dates a:hover {
  text-decoration: none;
}