@charset "UTF-8";
@import "2.0.0.css";
@import "fonts.css";

.__bjp-cnt {
  color: #fff;
  background-color: #000;
  /*Template-Main-Styles*/
  --bite-template-text-font-size: 15px;
  --bite-template-text-line-height: 1.4;
  --bite-template-text-print-font-size: 15px;
  --bite-template-text-color: #fff;
  --bite-template-min-width: 300px;
  --bite-template-max-width: 960px;
  --bite-template-box-shadow: 0 0 5px #999;
  --bite-template-margin: 1rem auto 12rem;
  --bite-template-padding: 0;
  --bite-template-overflow: hidden;
  /*Columns Style*/
  --bite-template-columns-margin-between: 10px;
  --bite-template-columns-padding-inside: 0;
  /*Block von 5% to 100% Styles */
  --bite-template-block-margin: unset;
  --bite-template-block-padding: unset;
  /*Header Styles*/
  --bite-template-header-padding: 0;
  --bite-template-header-margin: 0;
  --bite-template-header-overflow: hidden;
  --bite-template-header-position: relative;
  --bite-template-header-z-index: 0;
  /*Content Styles*/
  --bite-template-content-padding: 2% 0;
  --bite-template-content-margin: 0;
  --bite-template-content-position: relative;
  --bite-template-content-z-index: 0;
  /*Footer Styles*/
  --bite-template-footer-padding: 2% 0;
  --bite-template-footer-margin: 0;
  --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;
  /*Logo Img*/
  --bite-template-logo-img-padding: 0;
  --bite-template-logo-img-margin: 0;
  --bite-template-logo-img-width: 200px;
  --bite-template-logo-img-display: block;
  --bite-template-logo-img-position: absolute;
  --bite-template-logo-img-z-index: 1;
  --bite-template-logo-img-top: 40px;
  --bite-template-logo-img-left: 40px;
  /*Ul List Styles*/
  --bite-ul-list-arrow-type: "•";
  --bite-ul-list-padding: 0;
  --bite-ul-list-font-size: 14px;
  --bite-ul-list-margin: 0 0 0 .4rem;
  --bite-ul-list-item-padding: 0 0 0 .5rem;
  --bite-ul-list-item-margin: 0 0 .4rem;
  /*HR Style*/
  --bite-template-hr-color: #fecb00;
  --bite-template-hr-border-width: 5px;
  /* Block Relativ with Child Absolute Styles*/
  --bite-template-absolute-block-top: 1rem;
  --bite-template-absolute-block-right: unset;
  --bite-template-absolute-block-bottom: unset;
  --bite-template-absolute-block-left: 1rem;
  --bite-template-absolute-block-width: 30%;
  --bite-template-absolute-block-padding: 0;
  /*Headline1 Styles*/
  --bite-template-h1-font-size: 36px;
  --bite-template-h1-tablet-font-size: 25px;
  --bite-template-h1-mobile-font-size: 20px;
  --bite-template-h1-print-font-size: 28px;
  --bite-template-h1-color: #000;
  --bite-template-h1-padding: 5px 15px;
  --bite-template-h1-margin: 1.25rem 0;
  --bite-template-h1-bg-color: #fecb00;
  --bite-template-h1-border: 1px solid #fecb00;
  /*Headline2 Styles*/
  --bite-template-h2-font-size: 20px;
  --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: 1rem 0 0;
  --bite-template-h2-color: #fff;
  /*Headline3 Styles*/
  --bite-template-h3-font-size: 20px;
  --bite-template-h3-tablet-font-size: 20px;
  --bite-template-h3-mobile-font-size: 18px;
  --bite-template-h3-print-font-size: 20px;
  --bite-template-h3-padding: 15px 25px;
  --bite-template-h3-margin: 0 -25px;
  --bite-template-h3-color: #000;
  --bite-template-h3-bg-color: #fecb00;
  /*Header Link Color*/
  --bite-template-link-header-color: #fecb00;
  --bite-template-link-header-hover-color: #fff;
  /*Content Link Color*/
  --bite-template-link-content-color: #fecb00;
  --bite-template-link-content-hover-color: #fff;
  /*Footer Link Color*/
  --bite-template-link-footer-color: #fecb00;
  --bite-template-link-footer-hover-color: #fff;
}

.__bjp-cnt * {
  word-break: break-word;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.__bjp-cnt * a,
.__bjp-cnt * a:visited,
.__bjp-cnt * a:hover {
  text-decoration: none;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

.__bjp-cnt--hr-solid.header {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
}

.__bjp-cnt--hr-solid.title {
  position: absolute;
  left: 0;
  margin: auto;
  top: 50%;
}

.__bjp-cnt--header {
  position: relative;
  height: 415px;
}

.__bjp-cnt--header--text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #000;
  position: absolute;
  bottom: 60px;
  left: 40px;
  z-index: 9;
}

.__bjp-cnt--header--word {
  color: #000;
  font-size: 25px;
  font-weight: bold;
  position: relative;
  margin-bottom: 1%;
}

.__bjp-cnt--header--word p {
  margin: 0.5px 0;
}

.__bjp-cnt--yellow-box {
  position: absolute;
  left: -9px;
  top: 10px;
  background-color: #fecb00;
  width: 17px;
  height: 24px;
  z-index: -1;
}

.__bjp-cnt--banner {
  max-height: 415px;
  min-height: 415px;
  -o-object-fit: cover;
  object-fit: cover;
}

.__bjp-cnt--block {
  padding: 0 5%;
  margin-bottom: 1.25rem;
  position: relative;
}

.__bjp-cnt--block.edit {
  margin: 0;
  color: black;
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  background-color: #fecb00;
  padding: 5px 10px;
  position: absolute;
  left: 5%;
  top: -16px;
}

.__bjp-cnt--block.edit p {
  margin: 0;
}

.__bjp-cnt--block.slogan {
  margin-top: 1.25rem;
}

.__bjp-cnt--block.title {
  position: relative;
}

.__bjp-cnt--block p {
  margin: 0;
}

.__bjp-cnt--columns {
  padding: 0 5%;
  margin-bottom: 1.25rem;
}

.__bjp-cnt--arrow-list {
  margin: 0 0 1.25rem;
}

.__bjp-cnt--arrow-list ul {
  counter-reset: list-bullet-points-circle;
  margin: 0;
  padding-left: 0;
}

.__bjp-cnt--arrow-list ul li {
  list-style-type: none;
  margin: 0.4rem 0;
  padding-left: 2rem;
  position: relative;
  overflow: hidden;
}

.__bjp-cnt--arrow-list ul li:before {
  content: "➔";
  font-size: 20px;
  color: #fecb00;
  position: absolute;
  margin-top: 0;
  top: -5px;
  left: 0;
  counter-increment: list-bullet-points-square;
}

.__bjp-cnt--arrow-list.text {
  color: #fecb00;
}

.__bjp-cnt h1 {
  line-height: 40px;
  position: relative;
  z-index: 1;
}

.__bjp-cnt h1 span {
  font-size: 20px;
}

.__bjp-cnt .bjb-iframe {
  width: 100%;
}

.__bjp-cnt h3 {
  display: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

.__bjp-cnt--dropdown {
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

.__bjp-cnt--contrastBtn {
  display: none;
  position: fixed;
  right: 0;
  bottom: 300px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.__bjp-cnt--contrastBtn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.__bjp-cnt.contrast {
  color: #000;
  background-color: #fff;
}

.__bjp-cnt.contrast .__bjp-cnt--slogan-img {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.__bjp-cnt.contrast .__bjp-cnt--groupTitle {
  color: #000;
}

.__bjp-cnt.contrast {
  --bite-template-link-header-hover-color: #000 !important;
  --bite-template-link-content-hover-color: #000 !important;
  --bite-template-link-footer-hover-color: #000 !important;
}

/*buttons*/
.button_controls {
  --bite-template-btn-text-color: #000;
  --bite-template-btn-bg-color: #fecc00;
  --bite-template-btn-border-color: #fecc00;
  --bite-template-btn-text-hover-color: #fecc00;
  --bite-template-btn-bg-hover-color: #000;
  --bite-template-btn-border-hover-color: #fecc00;
}

@media screen and (max-width: 768px) {

  .__bjp-cnt--block-45,
  .__bjp-cnt--block-40,
  .__bjp-cnt--block-55 {
    width: calc(100% - var(--bite-template-block-margin, 0px));
  }

  .__bjp-cnt--block-55 {
    margin-bottom: 1.25rem;
  }
}

@media screen and (max-width: 568px) {
  .__bjp-cnt {
    --bite-template-h2-padding: 15px 25px;
    --bite-template-h2-margin: 0 -25px;
    --bite-template-h2-color: #000;
    --bite-template-h2-bg-color: #fecc00;
  }

  .__bjp-cnt--block-45 {
    margin-bottom: 1.25rem;
  }

  .__bjp-cnt--columns {
    margin-bottom: 0;
  }

  .__bjp-cnt h3,
  .__bjp-cnt h2 {
    position: relative;
    display: block;
  }

  .__bjp-cnt h3:before,
  .__bjp-cnt h2:before {
    content: "";
    position: absolute;
    right: 30px;
    top: 35%;
    margin: auto;
    border: 3px solid #000;
    border-left: 0;
    border-top: 0;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .__bjp-cnt h3:hover,
  .__bjp-cnt h2:hover {
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .__bjp-cnt h3.active,
  .__bjp-cnt h2.active {
    background-color: #fff;
  }

  .__bjp-cnt h3.active:before,
  .__bjp-cnt h2.active:before {
    top: 45%;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }

  .__bjp-cnt--groupTitle.active {
    margin-bottom: 1.25rem;
  }

  .__bjp-cnt--dropdown {
    max-height: 0;
  }

  .__bjp-cnt.contrast .__bjp-cnt--groupTitle:hover {
    background-color: rgba(254, 203, 0, 0.2);
  }

  .__bjp-cnt.contrast .__bjp-cnt--groupTitle.active {
    background-color: #000;
    color: #fff;
  }

  .__bjp-cnt.contrast .__bjp-cnt--groupTitle.active:before {
    border-color: #fff;
  }
}

@media print {
  body {
    margin: 0;
    overflow: hidden;
  }

  .__bjp-cnt {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    margin: 1.25rem;
  }
}