@charset "UTF-8";
@import url("https://static.b-ite.com/css/templates/columns/2.0.0.css");
body {
  font-family: Arial, sans-serif;
}

.__bjp-cnt {
  color: #52555d;
  /*Template-Main-Styles*/
  --bite-template-text-font-size: 16px;
  --bite-template-text-line-height: 1.4;
  --bite-template-text-print-font-size: 15px;
  --bite-template-text-color: #52555d;
  --bite-template-min-width: 300px;
  --bite-template-max-width: 940px;
  --bite-template-box-shadow: 0 0 5px #999;
  --bite-template-margin: 1rem auto 12rem;
  --bite-template-padding: 0;
  --bite-template-overflow: hidden;
  /*Block von 5% to 100% Styles */
  /*Header Styles*/
  --bite-template-header-padding: 0;
  --bite-template-header-margin: 0 auto;
  --bite-template-header-overflow: hidden;
  --bite-template-header-position: relative;
  --bite-template-header-z-index: 0;
  /*Content Styles*/
  --bite-template-content-padding: 0;
  --bite-template-content-margin: 0;
  --bite-template-content-overflow: hidden;
  --bite-template-content-position: relative;
  --bite-template-content-z-index: 0;
  /*Footer Styles*/
  --bite-template-footer-padding: 4% 0 1rem;
  --bite-template-footer-margin: 0 auto;
  --bite-template-footer-overflow: hidden;
  --bite-template-footer-position: relative;
  --bite-template-footer-z-index: 0;
  /*Banner Img*/
  --bite-template-banner-img-padding: 0;
  --bite-template-banner-img-margin: 0;
  --bite-template-banner-img-width: 100%;
  --bite-template-banner-img-display: block;
  --bite-template-banner-img-position: relative;
  --bite-template-banner-img-z-index: 0;
  --bite-template-banner-img-top: 0;
  --bite-template-banner-img-right: 0;
  --bite-template-banner-img-bottom: 0;
  --bite-template-banner-img-left: 0;
  /*Logo Img*/
  --bite-template-logo-img-padding: 0;
  --bite-template-logo-img-margin: 0 0 0 auto;
  --bite-template-logo-img-width: 9%;
  --bite-template-logo-img-display: block;
  --bite-template-logo-img-position: absolute;
  --bite-template-logo-img-top: 3%;
  --bite-template-logo-img-left: 7%;
  --bite-template-logo-img-z-index: 2;
  /*Ul List Styles*/
  --bite-ul-list-arrow-type: "●";
  --bite-ul-list-padding: 0;
  --bite-ul-list-font-size: 17px;
  --bite-ul-list-item-margin: 10px 0 0;
  --bite-ul-list-margin: 0 0 0 5px;
  --bite-ul-list-item-padding: 0 0 0 0.5rem;
  /*Headline1 Styles*/
  --bite-template-h1-font-size: 32px;
  --bite-template-h1-tablet-font-size: 25px;
  --bite-template-h1-mobile-font-size: 22px;
  --bite-template-h1-print-font-size: 25px;
  --bite-template-h1-padding: 0;
  --bite-template-h1-margin: 0 0 1rem;
  /*Headline2 Styles*/
  --bite-template-h2-font-size: 23px;
  --bite-template-h2-tablet-font-size: 20px;
  --bite-template-h2-mobile-font-size: 18px;
  --bite-template-h2-print-font-size: 20px;
  --bite-template-h2-padding: 0;
  --bite-template-h2-margin: 0;
  /*Headline3 Styles*/
  --bite-template-h3-font-size: 22px;
  --bite-template-h3-tablet-font-size: 19px;
  --bite-template-h3-mobile-font-size: 16px;
  --bite-template-h3-print-font-size: 19px;
  --bite-template-h3-padding: 0;
  --bite-template-h3-margin: 0;
  --bite-template-h3-color: #ffffff;
}
.__bjp-cnt * {
  word-break: break-word;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
}
.__bjp-cnt * a, .__bjp-cnt * a:visited, .__bjp-cnt * a:hover {
  color: #565655;
  text-decoration: none;
}
.__bjp-cnt * h2 span {
  font-weight: 300;
}
.__bjp-cnt--header--img {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.__bjp-cnt--header--headline {
  position: absolute;
  left: 7%;
  bottom: 0;
}
.__bjp-cnt--header--headline h3 {
  line-height: normal;
  text-shadow: -1px -1px 0 #52555d, 1px -1px 0 #52555d, -1px 1px 0 #52555d, 1px 1px 0 #52555d;
}
.__bjp-cnt--header:after {
  content: "";
  background-image: url("https://cs-assets.b-ite.com/heckler-und-koch/templates/web-v2/images/header-bottom-img.png");
  position: absolute;
  bottom: 0;
  right: 0;
  height: 20%;
  width: 10%;
  background-size: cover;
}
.__bjp-cnt h1 {
  background-image: url("https://cs-assets.b-ite.com/heckler-und-koch/templates/web-v2/images/headline-background.png");
  background-size: 100% 100%;
  padding: 10px 5%;
}
.__bjp-cnt--intro {
  font-size: 17px;
  font-weight: bold;
  padding: 0 7%;
}
.__bjp-cnt--offer {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin-top: 1rem;
}
.__bjp-cnt--offer--block {
  width: 24%;
  text-align: center;
  margin-bottom: 1rem;
}
.__bjp-cnt--offer--img {
  display: block;
  width: 50px;
  margin: 0 auto 8px;
}
.__bjp-cnt--in {
  padding: 0 7%;
}
.__bjp-cnt--footer {
  background: url("https://cs-assets.b-ite.com/heckler-und-koch/templates/web-v2/images/bottom-img.svg") no-repeat;
  background-size: cover;
  color: #ffffff;
}
.__bjp-cnt--footer--in {
  padding: 2rem 4% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.__bjp-cnt--footer--logo {
  display: block;
  width: 9%;
  min-width: 50px;
}
.__bjp-cnt--footer--qr {
  display: block;
  width: 50px;
}
.__bjp-cnt--ul-custom ul {
  counter-reset: list-bullet-points-circle;
  padding: 0;
  margin: 0;
}
.__bjp-cnt--ul-custom ul li {
  list-style-type: none;
  margin: 0.5rem 0;
  padding-left: 1rem;
  position: relative;
  overflow: hidden;
  line-height: normal;
}
.__bjp-cnt--ul-custom ul li:before {
  content: "▀";
  font-size: 12px;
  position: absolute;
  margin-top: 0;
  color: #ff0000;
  top: 5px;
  left: 0;
  counter-increment: list-bullet-points-circle;
}

/*buttons*/
.button_controls {
  --bite-template-btn-text-color: #fff;
  --bite-template-btn-bg-color: #52555d;
  --bite-template-btn-border-color: #52555d;
  --bite-template-btn-text-hover-color: #ffffff;
  --bite-template-btn-bg-hover-color: #52555d;
  --bite-template-btn-border-hover-color: #52555d;
}

@media screen and (max-width: 768px) {
  .__bjp-cnt--offer {
    width: 100%;
  }
  .__bjp-cnt--footer--in {
    background-image: unset;
    background-color: #52555d;
  }
}
@media screen and (max-width: 568px) {
  .__bjp-cnt--offer {
    width: 100%;
  }
  .__bjp-cnt--offer--block {
    width: 50%;
  }
  .__bjp-cnt h3 {
    margin: 0;
  }
}
@media print {
  .__bjp-cnt--offer {
    font-size: 12px;
  }
}