.hex-grid-list {
  --amount: 3;
  position: relative;
  padding: 2rem;
  width: 100%;
  margin: 0 auto;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(var(--amount), 1fr 2fr) 1fr;
  grid-gap: 1rem 1.5rem;
  overflow: hidden;
}

.hex-grid-item {
  position: relative;
  grid-column: 1 / span 3;
  grid-row: calc(var(--counter) + var(--counter)) / span 2;
  -webkit-filter: drop-shadow(0 0 10px rgba(68, 68, 68, 0.08));
  filter: drop-shadow(0 0 10px rgba(68, 68, 68, 0.08));
  height: 0;
  padding-bottom: 90%;
  z-index: 1;
  overflow: hidden;
}

.hex-grid-content {
  position: absolute;
  height: 100%;
  width: 100%;
  font-size: 1.125rem;
  color: #111;
  background-color: #fff;
  -webkit-clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  padding: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 25%;
  text-decoration: none;
  text-align: center;
  transition: transform 0.24s ease-out;
  z-index: 1;
  overflow: hidden;
}

@media screen and (min-width: 1281px) and (max-width: 9000px) {
  .hex-grid-list {
    --amount: 3;
    --counter: 1;
    grid-gap: 1.5rem 3rem;
  }
  .hex-grid-item:nth-of-type(3n + 1) {
    grid-column: 1 / span 3;
  }
  .hex-grid-item:nth-of-type(3n + 2) {
    grid-column: 3 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 1) / span 2;
  }
  .hex-grid-item:nth-of-type(3n + 3) {
    grid-column: 5 / span 3;
  }
  .hex-grid-item:nth-of-type(n + 4) {
    --counter: 2;
  }
  .hex-grid-item:nth-of-type(n + 7) {
    --counter: 3;
  }
  .hex-grid-item:nth-of-type(n + 10) {
    --counter: 4;
  }
  .hex-grid-item:nth-of-type(n + 13) {
    --counter: 5;
  }
  .hex-grid-item:nth-of-type(n + 16) {
    --counter: 6;
  }
  .hex-grid-item:nth-of-type(n + 19) {
    --counter: 7;
  }
  .hex-grid-item:nth-of-type(n + 22) {
    --counter: 8;
  }
  .hex-grid-item:nth-of-type(n + 25) {
    --counter: 9;
  }
  .hex-grid-item:nth-of-type(n + 28) {
    --counter: 10;
  }
  .hex-grid-item:nth-of-type(n + 31) {
    --counter: 11;
  }
  .hex-grid-item:nth-of-type(n + 34) {
    --counter: 12;
  }
  .hex-grid-item:nth-of-type(n + 37) {
    --counter: 13;
  }
  .hex-grid-item:nth-of-type(n + 40) {
    --counter: 14;
  }
  .hex-grid-item:nth-of-type(n + 43) {
    --counter: 15;
  }
  .hex-grid-item:nth-of-type(n + 46) {
    --counter: 16;
  }
  .hex-grid-item:nth-of-type(n + 49) {
    --counter: 17;
  }
  .hex-grid-item:nth-of-type(n + 52) {
    --counter: 18;
  }
  .hex-grid-item:nth-of-type(n + 55) {
    --counter: 19;
  }
  .hex-grid-item:nth-of-type(n + 58) {
    --counter: 20;
  }
  .hex-grid-item:nth-of-type(n + 61) {
    --counter: 21;
  }
}

@media screen and (min-width: 980px) and (max-width: 1280px) {
  .hex-grid-list {
    --amount: 3;
    --counter: 1;
    grid-gap: 1.5rem 3rem;
  }
  .hex-grid-item:nth-of-type(3n + 1) {
    grid-column: 1 / span 3;
  }
  .hex-grid-item:nth-of-type(3n + 2) {
    grid-column: 3 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 1) / span 2;
  }
  .hex-grid-item:nth-of-type(3n + 3) {
    grid-column: 5 / span 3;
  }
  .hex-grid-item:nth-of-type(n + 4) {
    --counter: 2;
  }
  .hex-grid-item:nth-of-type(n + 7) {
    --counter: 3;
  }
  .hex-grid-item:nth-of-type(n + 10) {
    --counter: 4;
  }
  .hex-grid-item:nth-of-type(n + 13) {
    --counter: 5;
  }
  .hex-grid-item:nth-of-type(n + 16) {
    --counter: 6;
  }
  .hex-grid-item:nth-of-type(n + 19) {
    --counter: 7;
  }
  .hex-grid-item:nth-of-type(n + 22) {
    --counter: 8;
  }
  .hex-grid-item:nth-of-type(n + 25) {
    --counter: 9;
  }
  .hex-grid-item:nth-of-type(n + 28) {
    --counter: 10;
  }
  .hex-grid-item:nth-of-type(n + 31) {
    --counter: 11;
  }
  .hex-grid-item:nth-of-type(n + 34) {
    --counter: 12;
  }
  .hex-grid-item:nth-of-type(n + 37) {
    --counter: 13;
  }
  .hex-grid-item:nth-of-type(n + 40) {
    --counter: 14;
  }
  .hex-grid-item:nth-of-type(n + 43) {
    --counter: 15;
  }
  .hex-grid-item:nth-of-type(n + 46) {
    --counter: 16;
  }
  .hex-grid-item:nth-of-type(n + 49) {
    --counter: 17;
  }
  .hex-grid-item:nth-of-type(n + 52) {
    --counter: 18;
  }
  .hex-grid-item:nth-of-type(n + 55) {
    --counter: 19;
  }
  .hex-grid-item:nth-of-type(n + 58) {
    --counter: 20;
  }
  .hex-grid-item:nth-of-type(n + 61) {
    --counter: 21;
  }
}

@media screen and (min-width: 200px) and (max-width: 980px) {
  .hex-grid-list {
    --amount: 2;
    --counter: 1;
    grid-gap: 1.5rem 3rem;
  }
  .hex-grid-item:nth-of-type(odd) {
    grid-column: 1 / span 3;
  }
  .hex-grid-item:nth-of-type(2n + 2) {
    grid-column: 3 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 1) / span 2;
  }
  .hex-grid-item:nth-of-type(n + 3) {
    --counter: 2;
  }
  .hex-grid-item:nth-of-type(n + 5) {
    --counter: 3;
  }
  .hex-grid-item:nth-of-type(n + 7) {
    --counter: 4;
  }
  .hex-grid-item:nth-of-type(n + 9) {
    --counter: 5;
  }
  .hex-grid-item:nth-of-type(n + 11) {
    --counter: 6;
  }
  .hex-grid-item:nth-of-type(n + 13) {
    --counter: 7;
  }
  .hex-grid-item:nth-of-type(n + 15) {
    --counter: 8;
  }
  .hex-grid-item:nth-of-type(n + 17) {
    --counter: 9;
  }
  .hex-grid-item:nth-of-type(n + 19) {
    --counter: 10;
  }
  .hex-grid-item:nth-of-type(n + 21) {
    --counter: 11;
  }
  .hex-grid-item:nth-of-type(n + 23) {
    --counter: 12;
  }
  .hex-grid-item:nth-of-type(n + 25) {
    --counter: 13;
  }
  .hex-grid-item:nth-of-type(n + 27) {
    --counter: 14;
  }
  .hex-grid-item:nth-of-type(n + 29) {
    --counter: 15;
  }
  .hex-grid-item:nth-of-type(n + 31) {
    --counter: 16;
  }
  .hex-grid-item:nth-of-type(n + 33) {
    --counter: 17;
  }
  .hex-grid-item:nth-of-type(n + 35) {
    --counter: 18;
  }
  .hex-grid-item:nth-of-type(n + 37) {
    --counter: 19;
  }
  .hex-grid-item:nth-of-type(n + 39) {
    --counter: 20;
  }
  .hex-grid-item:nth-of-type(n + 41) {
    --counter: 21;
  }
}
/*
@media screen and (max-width:767px){.hex-grid-list{--amount:1;grid-gap:1.5rem 3rem;padding:2rem}}
*/

.hex-grid-content img {
  width: 32%;
  height: auto;
  position: absolute;
  z-index: 99;
  left: 7%;
  top: 26%;
}
.hex-grid-content {
  opacity: 0.8;
}
.hex-grid-content:hover {
  opacity: 1;
}
#hexname {
  position: absolute;
  left: 36%;
  top: 13%;
  font-size: 16px;
  font-weight: 600;
}
#hextext {
  position: absolute;
  left: 36%;
  top: 22%;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  max-width: 45%;
  line-height: 140%;
}
#hexlink {
  position: absolute;
  bottom: 9%;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  max-width: 99%;
  z-index: 98;
}
#hexlink a {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

@media screen and (min-width: 200px) and (max-width: 730px) {
  .hex-grid-content img {
    display: none;
  }
  #hexname {
    position: absolute;
    left: 20%;
    top: 11%;
    text-align: center;
    width: 60%;
  }
  #hextext {
    position: absolute;
    left: 20%;
    top: 23%;
    max-width: 60%;
    text-align: center;
  }
  #hexlink {
    position: absolute;
    bottom: 7%;
  }
  #hexlink a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
  }
  #arraycount {
    position: absolute;
    left: 65%;
  }
}
@media screen and (min-width: 200px) and (max-width: 580px) {
  .hex-grid-content img {
    display: none;
  }
  #hexname {
    position: absolute;
    left: 18%;
    top: 30%;
    text-align: center;
    width: 60%;
  }
  #hextext {
    position: absolute;
    left: 18%;
    top: 27%;
    max-width: 60%;
    text-align: center;
    display: none;
  }
  #hexlink {
    position: absolute;
    bottom: 3%;
  }
  #hexlink a {
    color: #fff;
    font-size: 14px !important;
    font-weight: 400;
  }
  .hex-grid-list {
    padding: 0.1rem;
  }
  #hexlink i {
    display: none;
  }
}
@media screen and (min-width: 200px) and (max-width: 400px) {
  #arraycount {
    position: absolute;
    left: 62%;
  }
}
#ratgeberinhalt {
  width: 90%;
  margin: 0 auto;
}
#ratgeberinhalt table th {
  background: #b9b9b9;
  color: #fff;
}
tr:nth-child(even) {
  background-color: #f1f1f1;
}
#inhaltsverzeichnis {
  width: 100%;
  background: rgb(255, 246, 200);
  background: linear-gradient(
    180deg,
    rgba(255, 246, 200, 1) 0%,
    rgba(255, 248, 232, 1) 23%,
    rgba(255, 248, 232, 1) 41%,
    rgba(255, 255, 255, 1) 96%
  );
  border: 1px solid #fab724;
  padding: 2%;
  padding-top: 1%;
  border-radius: 8px;
}
#inhaltsverzeichnis ul {
  list-style: none;
}
#inhaltsverzeichnis li {
  color: #565656;
}
#inhaltsverzeichnis li a {
  color: #000;
}
#inhaltsverzeichnis li a:hover {
  color: #fab724;
}
#inhaltsverzeichnis ul li::before {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 18px;
  margin-right: 12px;
  color: #fab724;
}
@media screen and (min-width: 200px) and (max-width: 640px) {
  #ratgeberinhalt {
    width: 96%;
    margin: 0;
  }
  #ratgeberinhalt td,
  ratgeberinhalt th {
    font-size: 13px !important;
  }
}
h3 {
  font-weight: 700 !important;
}
#empfehlunghead {
  background: #fab724;
  padding: 10px 0px;
}
#empfehlungbild {
  margin-top: -30px;
  height: 250px;
  overflow: hidden;
}
#empfehlunglink {
  margin-top: -30px;
}

.vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-orange:focus,
.vc_btn3.vc_btn3-color-orange:hover {
  color: #333;
  background-color: #fab724;
}
.vc_btn3.vc_btn3-color-orange,
.vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat {
  color: #333;
  background-color: #fab724;
}
.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md {
  font-size: 18px !important;
}

.wpb-js-composer
  .vc_tta-color-orange.vc_tta-style-classic
  .vc_tta-panel
  .vc_tta-panel-heading {
  border-color: #fab724 !important;
  background-color: #fab724 !important;
}
.vc_tta-panel {
  margin-bottom: 5px !important;
}

h2::before {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 22px;
  margin-right: 10px;
  margin-left: 2px;
  color: #fab724;
}
h2 {
  border-bottom: 2px solid #fab724;
}
.accordion {
  display: none;
}
.entry-footer,
.attachment-post-thumbnail {
  display: none;
}
/*
#statement {padding:1px 12px 12px 12px; border:2px solid #fab724; border-radius:12px; background:#f8f8f8; min-height:220px}
*/
#statement1 {
  margin: 1%;
  width: 30%;
  border: 2px solid #fab724;
  border-radius: 12px;
  background: #f8f8f8;
}
#statementid {
  height: 150px;
  width: 180px;
}
#statementid {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#erfolgicon {
  width: 50px;
}
#erfolgimage {
}
#erfolgimage img {
  margin-bottom: -70px;
}
#imgerfolgimage {
  margin-right: -70px;
}
#erfolgactive {
  max-width: 300px;
}
#kontform {
  padding-top: 70px !important;
  border-top: 1px solid #ccc;
  position: relative;
  float: left;
}

.mashexagonPro img {
  top: 18px !important;
  left: -9% !important;
}
#grau {
  background: #f1f1f1 !important;
  padding: 12px !important;
}
#statement2 {
  margin: 1%;
  width: 98%;
  border: 2px solid #fab724;
  border-radius: 12px;
  background: #f8f8f8;
}

#mobileimg {
  display: none;
}

#righthex3 {
  background: url("https://www.active-pro.de/right-hex-back-2.png") no-repeat;
  width: 240px;
  height: 240px;
  background-size: 90%;
}

@media screen and (min-width: 200px) and (max-width: 1270px) {
  #righthex1 {
    top: 20px;
    left: 15px;
  }
  #righthex2 {
    top: 120px;
    right: -100px;
  }
  #righthex3 {
    top: 215px;
    left: 20px;
  }
  .label {
    width: 320px !important;
    padding: 10px 30px;
    background: url("https://www.active-pro.de/wp-content/uploads/2020/05/tab-background.png")
      no-repeat;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    color: #7f7f7f;
    line-height: 290%;
    background-size: 100%;
    text-align: center;
    height: 50px;
  }
}
@media screen and (min-width: 200px) and (max-width: 1160px) {
  #righthex1 {
    top: 20px;
    left: 10px;
  }
  #righthex2 {
    top: 130px;
    right: -110px;
  }
  #righthex3 {
    top: 235px;
    left: 10px;
  }
}
@media screen and (min-width: 200px) and (max-width: 1023px) {
  #mobileimg {
    display: block;
  }
  #prbild {
    display: none;
  }
  #produkt {
    width: 100%;
    position: relative;
    float: left;
  }
  #rightbar {
    width: 100%;
    position: relative;
    float: right;
    min-height: 500px;
  }
  #righthex2 {
    top: 110px;
    left: 185px;
  }
  #righthex3 {
    top: 5px;
    left: 350px;
  }
  #statement1 {
    margin: 1%;
    width: 90%;
    border: 2px solid #fab724;
    border-radius: 12px;
    background: #f8f8f8;
    margin-left: 5%;
  }
  #statementid,
  #erfolgicon {
    display: none;
  }
  #erfolgimage {
    display: none;
  }
  #imgerfolgimage {
    position: relative;
  }
}
@media screen and (min-width: 200px) and (max-width: 680px) {
  .tabs {
    display: none !important;
  }
  .accordion {
    display: block;
  }
  #empf table td {
    display: block;
    width: 100% !important;
    padding: 5px !important;
    height: 32px !important;
  }
  #righthex3 {
    top: 228px;
    left: 12px;
  }
  #righthex2 {
    top: 110px;
    left: 190px;
  }
}
@media screen and (min-width: 200px) and (max-width: 440px) {
  #righthex1 {
    top: 0px;
    left: -10px;
  }
  #righthex2 {
    top: 110px;
    left: 160px;
  }
  #righthex3 {
    top: 207px;
    left: -10px;
  }
  #statement1 {
    margin: 1%;
    width: 80%;
    border: 2px solid #fab724;
    border-radius: 12px;
    background: #f8f8f8;
    margin-left: 7%;
  }
}
@media screen and (min-width: 200px) and (max-width: 400px) {
  #righthex1 {
    top: 0px;
    left: 0px;
  }
  #righthex2 {
    top: 195px;
    left: 0px;
  }
  #righthex3 {
    top: 390px;
    left: 2px;
  }
  #rightbar {
    width: 100%;
    position: relative;
    float: right;
    min-height: 670px;
    margin-top: -30px;
  }
}
#nav ul.sub-menu {
  text-indent: 0px !important;
  margin-left: 15px;
}

#post-1746 .mashexagonPro h1::before {
  display: none !important;
}

#post-1746 .mashexagonPro h1 {
  top: 29%;
  margin-left: 10%;
}
.vc_general.vc_cta3.vc_cta3-icons-right .vc_cta3_content-container {
  display: table-cell;
  padding-right: 1em;
  width: 99%;
}
.vc_general.vc_cta3.vc_cta3-icons-right .vc_cta3-icons {
  display: block;
  margin-top: -80px;
  margin-left: 450px;
}
.vc_icon_element-inner {
  background: none !important;
}

.footer-block-4 img {
  float: left;
  width: 140px;
  margin-left: 0px !important;
}

#farmwfoot {
  width: 40%;
  position: relative;
  float: left;
  margin-left: 8%;
}
#farmwfoot img {
  float: left;
  margin-left: 0px !important;
  margin-top: 30px;
}
#activefoot {
  width: 49%;
  position: relative;
  float: left;
}
#activefootimg {
  width: 100%;
  position: relative;
  float: left;
  margin-left: 0px !important;
  margin-top: -15px;
  margin-bottom: 10px;
}

@media all and (max-width: 980px) {
  #farmwfoot {
    width: 40%;
    position: relative;
    float: left;
    margin-left: 0%;
  }
}
@media all and (max-width: 600px) {
  #farmwfoot {
    width: 990%;
    position: relative;
    float: left;
    margin-left: 0%;
  }
  #activefoot {
    width: 99%;
    position: relative;
    float: left;
    margin-top: 35px;
  }
}
.ff-el-form-check label {
  color: #333 !important;
  font-family: Fira Sans !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
}
code,
kbd,
tt,
var {
  font-family: Fira Sans !important;
  font-size: 15px !important;
}

.wpb_posts_slider img {
  width: 250px;
  max-width: 25%;
  float: left;
}

.flex-caption {
  float: right;
  max-width: 75%;
}

.wpb_posts_slider .flex-caption,
.wpb_posts_slider .nivo-caption {
  background-color: #fff !important;
  opacity: 1;
  color: inherit;
  padding: 10px 15px;
  position: static;
  margin-top: 5%;
}
@media all and (max-width: 840px) {
  .wpb_posts_slider img {
    display: none !important;
  }
  .flex-caption {
    float: left;
    max-width: 99%;
  }
}