/*Standard-----------------------------------------------------------------------------------*/
/*Standard-----------------------------------------------------------------------------------*/
/*Standard-----------------------------------------------------------------------------------*/
body {
  background-color: #f1edea;
  font-family: "onest";
}
:root {
  --text-head: 40px;
  --text-sm: 14px;

  --color-headline: #2d1a5b;
}
.section {
  position: relative;
  z-index: 100;
}

/*Navbar-------------------------------------------------------------------------------------*/
/*Navbar-------------------------------------------------------------------------------------*/
/*Navbar-------------------------------------------------------------------------------------*/
.navbar_mobmenu {
  overflow: hidden;
  width: 100%;
  background-color: #f1edea;
  height: 0px;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  z-index: 1000000;
  transition: all 0.4s linear;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}
.navbar_mob_link {
  color: #6a3dc4;
  text-decoration: none;
}
.navbar_mob_link:hover {
  text-decoration: underline;
}
.ind_decopicture_left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -100;
}
.ind_decopicture_right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -100;
}
.navbar {
  justify-content: space-between;
}
.navbar_button_mobbox {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  gap: 16px;
}
.hamstripe {
  background-color: #6a3dc4 !important;
}
.section_header {
  height: 104px;
  position: relative;
  z-index: 10000000;
}
.navbar_logo {
  width: 118px;
}
.navbar_link_wrapper {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  gap: 24px;
}
.navbar_link {
  font-size: var(--text-sm);
  text-decoration: none;
  color: #6a3dc4;
}
.navbar_link:hover {
  text-decoration: underline;
}
.navbar_link:visited {
  color: #6a3dc4;
  text-decoration: none;
}
.navbar_but {
  width: 172px;
  height: 44px;
  font-size: var(--text-sm);
  gap: 10px;
}
.navbar_but_text {
  font-size: var(--text-sm);
}
.navbar_hamwrapper {
  position: relative;
  width: 35px;
  height: 25px;
  display: none;
  justify-content: space-between;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  transition: all 0.4s linear;
  overflow: hidden;
}

/*Mobile Menu*/
.hamstripe {
  position: relative;
  height: 5px;
  width: 100%;
  border-radius: 5px;
  background-color: #3a296d;
  transition: all 0.4s linear;
}

@media only screen and (max-width: 1000px) {
  .navbar_hamwrapper {
    display: flex;
  }
}
/*HERO Section--------------------------------------------------------------------------*/
/*HERO Section--------------------------------------------------------------------------*/
/*HERO Section--------------------------------------------------------------------------*/
.section_hero {
  overflow: hidden;
  padding-bottom: 6rem;
}
.sec_ind_hero {
  justify-content: space-between;
}
.ind_heroleft {
  width: 464px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 28px;
}
.ind_herohead {
  font-size: var(--text-head);
  font-weight: 300;
  color: var(--color-headline);
  margin: 0;
}
.ind_herobutton {
  width: auto;
}
.ind_heroright {
  width: 655px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.inde_heroframe {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.ind_hero_mainpicwrapper {
  position: relative;
  width: 302px;
  height: 316px;
  background-image: url(../bilder/index/ole-und-fiona-hero.jpg);
  background-size: cover;
  background-position: center;
  border-radius: 21px;
  transform: translateX(20%);
  z-index: 110;
}
.ind_hero_blurframe {
  position: absolute;
  padding: 24px;
  box-sizing: border-box;
  background-color: #ffffff44;
  border-radius: 10px;
  backdrop-filter: blur(6px);
  border: 0.5px solid rgba(255, 255, 255, 0.64);
  border-image-source: linear-gradient(137.26deg, #e9e9e9 -0.08%, #e4e4e4 100%),
    linear-gradient(110.65deg, #ffffff 1.16%, rgba(255, 255, 255, 0.23) 100%);
}
.ind_frame_watch {
  top: 0;
  left: 0;
  transform: translate(-60%, 35%) rotate(-3deg);
}
.ind_frame_img {
  width: 50px;
}
.ind_hero_bluracent {
  position: absolute;
  padding: 2px 8px;
  background-color: #ecfdf3;
  border: 1px solid #a8f2c6;
  color: #085d3a;
  white-space: nowrap;
  font-size: 9px;
  border-radius: 4px;
}
.ind_acent_watch {
  top: 0;
  transform: translate(0%, -50%) rotate(3deg);
}
.ind_frame_tooth {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%) rotate(-2deg);
}
.ind_acent_tooth {
  top: 0;
  transform: translate(0%, -50%) rotate(2deg);
}
.ind_hero_toothstripe {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-90%, 45%);
}
.ind_frame_curl {
  bottom: 0;
  right: 0;
  transform: translate(55%, 20%) rotate(-2deg);
  padding: 36px;
}
.ind_frame_img_curl {
  width: 70px;
}
.ind_acent_curl {
  bottom: 0;
  right: 0;
  transform: translate(-20%, 50%) rotate(3deg);
}
.ind_hero_curlstripe {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(90%, -50%);
}
.ind_hero_secpicwrapper {
  position: relative;
  width: 278px;
  height: 292px;
  background-image: url(../bilder/index/heropic_right.jpg);
  background-size: cover;
  background-position: center;
  border-radius: 21px;
  transform: translateY(-15%) rotate(4deg);
}
.ind_hero_dhdl {
  width: 218px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(30%, -30%) rotate(-4deg);
}
/*Bekannt aus Section-----------------------------------------------------------------------*/
/*Bekannt aus Section-----------------------------------------------------------------------*/
/*Bekannt aus Section-----------------------------------------------------------------------*/
.ind_ba_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 10px;
  filter: grayscale(100%);
}

.ind_ba_link {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ind_ba_link_logo {
  max-width: 80%;
  height: auto;
  object-fit: contain;
}
/*Infobox Section--------------------------------------------------------------------------*/
/*Infobox Section--------------------------------------------------------------------------*/
/*Infobox Section--------------------------------------------------------------------------*/
.sec_ib {
  flex-direction: column;
  gap: 28px;
}
.ind_ib_header {
  font-size: 32px;
  color: var(--color-headline);
  text-align: center;
  margin: 0;
  font-weight: 600;
}
.ind_ib_conwrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}
.ind_ib_toprow {
  width: 100%;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: stretch;
  gap: 12px;
}
.ind_ib_con {
  width: 100%;
  background-color: #f8f5f4;
  border-radius: 15px;
  border: 1px solid white;
  box-sizing: border-box;
  padding: 32px 24px;
  display: flex;
  justify-content: flex-start;
  justify-items: center;
  align-items: center;
  flex-direction: column;
}
.ind_ib_conpic {
  width: 80px;
}
.ind_ib_contextbox {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}
.ind_ib_boxheader {
  margin: 0;
  font-size: 24px;
  color: #2d1a5b;
  text-align: center;
}
.ind_ib_boxtext {
  margin: 0;
  font-size: 16px;
  color: #474a73;
  text-align: center;
}
.ind_ib_botrow {
  width: 100%;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: stretch;
  gap: 12px;
}
/*Krankenkassen Logos--------------------------------------------------------------------*/
/*Krankenkassen Logos--------------------------------------------------------------------*/
/*Krankenkassen Logos--------------------------------------------------------------------*/
.ind_ba_wrapper_kk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 10px;
}
/*Facts abschnitt------------------------------------------------------------------------*/
/*Facts abschnitt------------------------------------------------------------------------*/
/*Facts abschnitt------------------------------------------------------------------------*/
.section_facts {
  position: relative;
  background: linear-gradient(
    45deg,
    rgba(74, 43, 135, 0.8) 10%,
    rgba(127, 86, 217, 0.8) 100%
  );
  padding-top: 150px;
  padding-bottom: 150px;
  box-sizing: border-box;
}
.ind_facts_topline {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 50px;
  border-radius: 0px 0px 24px 24px;
  background-color: #f1edea;
}
.ind_facts_botline {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  border-radius: 24px 24px 0px 0px;
  background-color: #f1edea;
}
.sec_facts {
}
.ind_facts_wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
.ind_facts_dhdl {
  position: absolute;
  top: 0;
  right: 0;
  width: 125px;
  transform: translate(30%, -10%);
}
.ind_facts_header {
  color: white;
  font-weight: 600;
  margin: 0;
  font-size: 40px;
  text-align: center;
}
.ind_facts_row {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  gap: 10px;
}
.ind_facts_con {
  width: 355px;
  height: 218px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #c6bef4;
  border-radius: 15px;
  padding: 8px;
  box-sizing: border-box;
}
.ind_facts_con_bg {
  background-image: url(../bilder/index/facts_con_bg.png);
  background-size: cover;
  background-position: center;
}
.ind_facts_conpic {
  width: 104px;
}
.ind_facts_conpic_trans {
  opacity: 0;
  pointer-events: none;
}
.ind_facts_contextbox {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}
.ind_facts_conhead {
  color: #474a73;
  margin: 0;
  font-size: 16px;
}
.ind_facts_context {
  color: #2d1a5b;
  margin: 0;
  font-size: 32px;
  font-weight: 600;
}
/*Video Section----------------------------------------------------------------------------*/
/*Video Section----------------------------------------------------------------------------*/
/*Video Section----------------------------------------------------------------------------*/
.section_vid {
  position: relative;
  padding-top: 56px;
}
.ind_decopicture_left {
}
.ind_decopicture_right {
}
.sec_vid {
  position: relative;
  z-index: 100;
  flex-direction: column;
  gap: 32px;
}
.ind_vid_headbox {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.ind_vid_head {
  margin: 0;
  color: #2d1a5b;
  font-size: 40px;
  font-weight: 400;
}
.ind_vid_acent {
  font-weight: 500;
}
.ind_vid_underliner {
  margin: 0;
  color: #474a73;
  font-size: 20px;
  font-weight: 300;
}
.ind_vid_pic {
  width: min(944px, 100%);
  cursor: pointer;
  height: 550px;
}
@media only screen and (max-width: 900px) {
  .ind_vid_pic {
    height: 400px;
  }
}
@media only screen and (max-width: 750px) {
  .ind_vid_pic {
    height: 320px;
  }
}
@media only screen and (max-width: 550px) {
  .ind_vid_pic {
    height: 270px;
  }
}
@media only screen and (max-width: 460px) {
  .ind_vid_pic {
    height: 220px;
  }
}
/*Welche Krankenkasse Section---------------------------------------------------------------*/
/*Welche Krankenkasse Section---------------------------------------------------------------*/
/*Welche Krankenkasse Section---------------------------------------------------------------*/
.section_wk {
}
.sec_wk {
  flex-direction: column;
  gap: 28px;
}
.ind_wk_head {
  font-size: 32px;
  color: #2d1a5b;
  margin: 0;
  text-align: center;
  font-weight: 600;
}
.ind_wk_row {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  gap: 16px;
}
.ind_wk_con {
  width: 368px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  background-color: white;
  border-radius: 15px;
  padding: 24px;
  box-sizing: border-box;
  gap: 24px;
}
.ind_wk_conpicwrapper {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.ind_wk_colorcon {
  position: relative;
  width: 93px;
  height: 93px;
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  transform: translateX(9%);
  background-color: white;
  border: 1px solid white;
}
.ind_wk_colorconaccent {
  position: absolute;
  top: 0;
  margin: 0;
  font-weight: 600;
  white-space: nowrap;
  font-size: 10px;
  color: #085d3a;
  background-color: #ecfdf3;
  border: 1px solid #a8f2c6;
  padding: 2px 8px;
  border-radius: 4px;
  transform: translateY(-30%);
}
.ind_wk_colorframeleft {
  width: 100%;
  height: 100%;
  background-image: url(../bilder/index/container_left.png);
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.ind_wk_colorframepic {
  width: 84px;
}
.ind_wk_colorconsec {
  position: relative;
  width: 82px;
  height: 82px;
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  background-color: white;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  transform: translate(-9%, 20%) rotate(2deg);
}
.ind_wk_colorconaccentsec {
  transform: translateY(-40%) rotate(2deg);
}
.ind_wk_colorconaccentsectwo {
  transform: translate(-50%, -60%);
}
.ind_wk_colorframeright {
  width: 100%;
  height: 100%;
  background-image: url(../bilder/index/container_right.png);
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.ind_wk_colorframepicsec {
  width: 60px;
}
.ind_wk_colorpic {
  width: 80%;
}
.ind_wk_contextwrapper {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}
.ind_wk_acent {
  margin: 0;
  font-size: 14px;
  color: #085d3a;
  border-radius: 5px;
  background-color: #ecfdf3;
  border: 1px solid #a8f2c6;
  padding: 2px 8px;
}
.ind_wk_acent_blue {
  color: #175cd3;
  background-color: #eff8ff;
  border: 1px solid #b2ddff;
}
.ind_wk_conhead {
  margin: 0;
  font-size: 20px;
  color: #2d1a5b;
  font-weight: 600;
}
.ind_wk_context {
  margin: 0;
  color: #474a73;
  text-align: center;
  font-weight: 300;
}
/*Schritte Section Step---------------------------------------------------------------------*/
/*Schritte Section Step---------------------------------------------------------------------*/
/*Schritte Section Step---------------------------------------------------------------------*/
.section_step {
}
.sec_step {
  flex-direction: column;
  gap: 28px;
}
.ind_steps_head {
  margin: 0;
  color: #2d1a5b;
  font-size: 32px;
  font-weight: 600;
}
.ind_steps_row {
  width: 100%;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: stretch;
  gap: 12px;
}
.ind_steps_con {
  width: 242px;
  padding: 24px;
  display: flex;
  justify-content: flex-start;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  background-color: #f8f5f4;
  border-radius: 15px;
  border: 1px solid white;
}
.ind_stepsconpic {
  width: 80px;
}
.ind_step_contextbox {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}
.ind_step_conhead {
  margin: 0;
  color: #2d1a5b;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.ind_step_context {
  font-size: 16px;
  color: #474a73;
  margin: 0;
  text-align: center;
}
/*zitat Section-------------------------------------------------------------------------*/
/*zitat Section-------------------------------------------------------------------------*/
/*zitat Section-------------------------------------------------------------------------*/
.section_zit {
  position: relative;
  background: linear-gradient(
    45deg,
    rgba(74, 43, 135, 0.8) 10%,
    rgba(127, 86, 217, 0.8) 100%
  );
  padding-top: 150px;
  padding-bottom: 150px;
  box-sizing: border-box;
}
.ind_zit_topline {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 50px;
  border-radius: 0px 0px 24px 24px;
  background-color: #f1edea;
}
.ind_zit_botline {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  border-radius: 24px 24px 0px 0px;
  background-color: #f1edea;
}
.sec_zit {
  justify-content: space-between;
}
.ind_zit_left {
  width: 48%;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.ind_zit_showwrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.ind_zit_logopos {
  position: absolute;
  top: 0;
  right: 12%;
  width: 125px;
  transform: translateY(-30%);
}
.ind_zit_mainpic {
  position: relative;
  width: 233px;
  height: 245px;
  background-image: url(../bilder/index/ole-und-fiona-hero.jpg);
  background-position: center;
  background-size: cover;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  /* Schatten nach oben links mit Blur */
  box-shadow: -20px -20px 40px 0px rgba(255, 255, 255, 0.18);
  /* Optional: für weicheren Blur-Effekt */
  /* filter: drop-shadow(-20px -20px 40px rgba(74, 43, 135, 0.18)); */
}
.ind_zit_frameacent {
  position: absolute;
  background-color: #fff3e6;
  font-size: 10px;
  color: #7e52a9;
  border-radius: 3px;
  padding: 8px 8px;
  width: auto;
  border: 1px solid #71489a;
  margin: 0;
}
.zit_nameacent {
  bottom: 0;
  transform: translateY(50%) rotate(-6deg);
}
.ind_zit_blurframe {
  position: absolute;
  padding: 18px;
  box-sizing: border-box;
  background-color: #ffffff44;
  border-radius: 10px;
  backdrop-filter: blur(6px);
  border: 0.5px solid rgba(255, 255, 255, 0.64);
  border-image-source: linear-gradient(137.26deg, #e9e9e9 -0.08%, #e4e4e4 100%),
    linear-gradient(110.65deg, #ffffff 1.16%, rgba(255, 255, 255, 0.23) 100%);
}
.zit_blueheart_frame {
  left: 0;
  top: 0;
  transform: translate(-60%, 20%) rotate(-5deg);
}
.ind_zit_framepic {
  width: 44px;
}
.zit_blueheartacent {
  left: 50%;
  transform: translate(-50%, 30%) rotate(5deg);
}
.zit_stars_frame {
  padding: 30px;
  right: 0;
  bottom: 0;
  transform: translate(74%, -40%) rotate(-1deg);
}
.zit_starpic {
  width: 48px;
}
.int_zit_frameacent {
}
.zit_staracent {
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%) rotate(-4deg);
}
.ind_zit_right {
  width: 48%;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 14px;
}
.ind_zit_text {
  margin: 0;
  font-size: 24px;
  color: white;
  font-weight: 300;
}
.zit_text_bold {
  font-weight: 500;
}
.ind_zit_names {
  margin: 0;
  font-size: 16px;
  color: white;
  font-weight: 300;
  width: 100%;
  text-align: left;
}
/*Rating Section-------------------------------------------------------------------------*/
/*Rating Section-------------------------------------------------------------------------*/
/*Rating Section-------------------------------------------------------------------------*/
.review-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.slider-track {
  display: flex;
  transition: transform 0.4s ease;
}

.review-box {
  flex: 0 0 calc(33.3333% - 20px);
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
  background: #f9f9f9;
  border-radius: 12px;
  margin: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}

/* Tablet (2 Bewertungen) */
@media (max-width: 900px) {
  .review-box {
    flex: 0 0 calc(50% - 20px);
  }
}

/* Handy (1 Bewertung) */
@media (max-width: 600px) {
  .review-box {
    flex: 0 0 calc(100% - 20px);
  }
}

.prev:hover,
.next:hover {
  background-color: #6a3dc422;
}
.sec_rating {
  flex-direction: column;
  gap: 24px;
}
.ind_rating_arrowbox {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  gap: 16px;
}
.prev,
.next {
  padding: 10px;
  background: none;
  border: 1px solid #6a3dc4;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.6s linear;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.left_arrow_but,
.right_arrow_but {
  width: 17px;
}
.right_arrow_but {
  transform: rotate(180deg);
}

.ind_rate_toprow {
  width: 100%;
  display: flex;
  justify-content: space-between;
  justify-items: center;
  align-items: center;
}
.ind_rate_topleftcon {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  gap: 6px;
}
.ind_rate_letcirc {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  background-color: #3a296d;
  color: white;
  font-size: 18px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  font-weight: bold;
}
.ind_rate_ratename {
  font-size: 16px;
  color: black;
  font-weight: 600;
  margin: 0;
}
.ind_rate_gpic {
  width: 20px;
}
.ind_rate_midcon {
  margin-top: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
}
.ind_rate_midtoprow {
  display: flex;
  justify-content: flex-start;
  justify-items: center;
  align-items: center;
  gap: 6px;
}
.ind_rate_midtopstars {
  width: 80px;
}
.ind_rate_midtopvery {
  width: 16px;
}
.ind_rate_midratetext {
  color: #1d2433;
  margin: 0;
  text-align: left;
  font-size: 14px;
  margin-bottom: 12px;
}
.ind_rate_readmore {
  cursor: pointer;
  text-align: left;
  color: #1d2433;
  font-size: 14px;
  margin-top: auto;
  margin-bottom: 0;
}
.ind_rate_headtag {
  margin: 0;
  color: #474a73;
  background-color: #f3f4f8;
  padding: 2px 8px;
  border: 1px solid #c5c9dc;
  border-radius: 5px;
}
.ind_rate_head {
  margin: 0;
  color: #2d1a5b;
  font-size: 32px;
  font-weight: 500;
}
.ind_rate_text {
  font-size: 16px;
  margin: 0;
  color: #474a73;
  text-align: center;
}
/*FAQ Section----------------------------------------------------------------------------*/
/*FAQ Section----------------------------------------------------------------------------*/
/*FAQ Section----------------------------------------------------------------------------*/
.section_faq {
  padding-top: 20px;
  padding-bottom: 0px;
}
.sec_faq {
  flex-direction: column;
  gap: 40px;
}
.ind_faq_head {
  margin: 0;
  color: #2d1a5b;
  font-size: 32px;
  font-weight: 500;
}
.ind_faq_wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}
.ind_acordwrapper {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #c5c9dc;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 15px;
  cursor: pointer;
}
.ind_faq_toprow {
  width: 100%;
  display: flex;
  justify-content: space-between;
  justify-items: center;
  align-items: center;
}
.ind_faq_quest {
  margin: 0;
  font-size: 18px;
  color: #2d1a5b;
  font-weight: 500;
}
.ind_faq_questpic {
  width: 24px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}
.ind_faq_text {
  height: 0;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  color: var(--color-text-primary);
}
.bnv_trustadvanbox {
  width: min(640px, 90vw);
}
.bnv_trustratebox {
  width: min(640px, 90vw);
}
/*Footer Section------------------------------------------------------------*/
/*Footer Section------------------------------------------------------------*/
/*Footer Section------------------------------------------------------------*/
.ind_foot_wrapper {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 32px;
  position: relative;
  background: linear-gradient(
    45deg,
    rgba(74, 43, 135, 0.8) 10%,
    rgba(127, 86, 217, 0.8) 100%
  );
  padding-top: 150px;
  box-sizing: border-box;
}
.ind_foot_topline {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 50px;
  border-radius: 0px 0px 24px 24px;
  background-color: #f1edea;
}
.ind_foot_logo {
  filter: brightness(0) invert(100%);
  width: 126px;
}
.ind_foot_text {
  margin: 0;
  color: white;
  font-size: 24px;
  width: min(752px, 85vw);
  text-align: center;
  font-weight: 300;
}
.ind_foot_text_highlite {
  font-weight: 500;
}
.ind_foot_but {
  background: white;
  width: auto;
}
.ind_foot_but:hover {
  background: #dddddd;
}
.ind_foot_butlabel {
  white-space: nowrap;
  color: #6a3dc4;
}
.ind_foot_linkwrap {
  width: min(944px, 90vw);
  display: flex;
  flex-wrap: wrap; /* Zeilenumbruch aktivieren */
  justify-content: center; /* Zentrierte Ausrichtung */
  gap: 30px;
}
.ind_foot_link {
  color: white;
  text-decoration: none;
}
.ind_foot_link:hover {
  text-decoration: underline;
}
.ind_foot_konbox {
  display: flex;
  justify-content: space-between;
  justify-items: center;
  align-items: center;
  gap: 36px;
}
.ind_foot_concon {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  gap: 10px;
}
.ind_foot_conconpic {
  width: 20px;
}
.ind_footconcontext {
  margin: 0;
  color: white;
}
.ind_foot_legalrow {
  width: min(1400px, 90vw);
  display: flex;
  justify-content: space-between;
  justify-items: center;
  align-items: center;
  margin-bottom: 46px;
}
.ind_foot_legalbox {
  width: 500px;
  display: flex;
  justify-content: flex-start;
  justify-items: center;
  align-items: center;
  gap: 8px;
}
.ind_foot_leagllink {
  color: white;
  text-decoration: none;
}
.ind_foot_legallink:hover {
  color: white;
  text-decoration: underline;
}
.ind_foot_socialbox {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  gap: 24px;
}
.ind_foot_socialpic {
  width: 32px;
  cursor: pointer;
}
.ind_foot_address {
  width: 500px;
  text-align: right;
  color: white;
  font-size: 14px;
  margin: 0;
}
.ind_foot_text_break {
  display: none;
}
/*Media Querry---------------------------------------------------------------------------------------*/
/*Media Querry---------------------------------------------------------------------------------------*/
/*Media Querry---------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
  .sec_ind_hero {
    flex-direction: column-reverse;
    gap: 80px;
  }
  .ind_heroleft {
    align-items: center;
  }
  .ind_herohead {
    text-align: center;
  }
}
@media only screen and (max-width: 1000px) {
  .navbar_link_wrapper {
    display: none;
  }
  .ind_ba_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px 0px;
  }
  .ind_ba_link {
    width: 100px;
    flex: initial;
  }
  .section_hero {
    padding-bottom: 20px;
  }
  .ind_ba_ard {
  }
  .ind_ba_ndr {
  }
  .ind_ba_handelbla {
  }
  .ind_ba_faz {
    width: 200px;
  }
  .ind_ba_rtl {
  }
  .ind_ba_hama {
    width: 200px;
  }
  .ind_ba_hk {
  }

  .ind_ba_wrapper_kk {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px 0px;
  }
  .ind_ba_link {
    width: 100px;
    flex: initial;
  }
  .ind_kk_logolink {
    width: 120px;
  }
  .ind_foot_legalrow {
    flex-direction: column-reverse;
    gap: 30px;
  }
  .ind_foot_legalbox {
    width: 100%;
    justify-content: center;
  }
  .ind_foot_address {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 900px) {
  .ind_ib_toprow {
    flex-direction: column;
  }
  .ind_ib_botrow {
    flex-direction: column;
  }
  .ind_ib_header {
    font-size: 24px;
  }
  .ind_ib_boxheader {
    font-size: 20px;
  }
  .ind_facts_header {
    font-size: 32px;
  }
  .ind_facts_context {
    font-size: 20px;
  }
  .ind_vid_head {
    font-size: 32px;
    text-align: center;
  }
  .ind_vid_underliner {
    font-size: 18px;
    text-align: center;
  }
  .ind_wk_head {
    font-size: 24px;
    text-align: center;
  }
  .ind_wk_row {
    flex-direction: column;
  }
  .ind_wk_con {
    width: 100%;
  }
  .ind_steps_head {
    font-size: 24px;
    text-align: center;
  }
  .ind_steps_row {
    flex-direction: column;
  }
  .ind_steps_con {
    box-sizing: border-box;
    width: 100%;
  }
  .sec_zit {
    flex-direction: column;
    gap: 30px;
  }
  .ind_zit_right {
    width: 100%;
  }
  .ind_zit_text {
    text-align: center;
  }
  .ind_zit_names {
    text-align: center;
  }
  .ind_zit_left {
    width: 100%;
  }
  .ind_zit_showwrapper {
    width: 530px;
  }
  .zit_stars_frame {
    padding: 25px 30px;
  }
  .ind_rate_head {
    font-size: 24px;
    text-align: center;
  }
  .ind_rate_headtag {
    font-size: 14px;
  }
  .ind_rate_break {
    display: none;
  }
  .ind_faq_head {
    font-size: 24px;
  }
  .ind_faq_quest {
    font-size: 16px;
  }
  .bnv_trustheader {
    font-size: 24px;
  }
  .ind_foot_text {
    font-size: 20px;
  }
}
@media only screen and (max-width: 850px) {
  .ind_facts_con {
    width: 270px;
  }
  .ind_facts_dhdl {
    transform: translate(20%, 48%);
  }
}
@media only screen and (max-width: 750px) {
  .ind_hero_curlstripe {
    display: none;
  }
  .ind_hero_toothstripe {
    display: none;
  }
  .ind_hero_mainpicwrapper {
    width: 230px;
    height: 240px;
  }
  .ind_hero_secpicwrapper {
    width: 200px;
    height: 215px;
  }
  .ind_hero_dhdl {
    width: 150px;
    transform: translate(33%, -38%) rotate(-4deg);
  }
  .ind_frame_curl {
    padding: 8px;
  }
  .ind_frame_img_curl {
    width: 90px;
  }
  .ind_frame_tooth {
    padding: 8px;
  }
  .ind_frame_toothimg {
    width: 80px;
  }
  .ind_frame_watch {
    padding: 8px;
    transform: translate(-75%, 20%) rotate(-3deg);
  }
  .ind_frame_watchimg {
    width: 70px;
  }
  .ind_hero_bluracent {
    font-size: 12px;
  }
  .section_ba_logos {
    padding-bottom: 20px;
  }
  .section_kk_logos {
    padding-top: 20px;
  }
  .section_wk {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 700px) {
  .section_hero {
    padding-top: 60px;
  }
  .section_header {
    position: relative;
    z-index: 1000;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 650px) {
  .ind_decopicture_left,
  .ind_decopicture_right {
    display: none;
  }
  .ind_facts_con {
    width: 226px;
    height: 194px;
  }
  .ind_facts_conpic {
    width: 80px;
  }
  .ind_facts_dhdl {
    width: 98px;
    transform: translate(20%, 50%);
  }
  .ind_facts_conhead {
    font-size: 12px;
  }
  .ind_foot_text_break {
    display: block;
  }
}
@media only screen and (max-width: 550px) {
  .ind_zit_showwrapper {
    width: 450px;
  }
  .ind_foot_konbox {
    flex-direction: column;
  }
  .ind_foot_linkwrap {
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .ind_foot_legalbox {
    width: 90%;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 530px) {
  .ind_decopicture_left,
  .ind_decopicture_right {
    display: none;
  }
  .ind_facts_con {
    width: 166px;
    height: 154px;
  }
  .ind_facts_conpic {
    width: 80px;
  }
  .ind_facts_dhdl {
    width: 76px;
    transform: translate(20%, 80%);
  }
  .ind_facts_conhead {
    font-size: 12px;
  }
  .ind_hero_mainpicwrapper {
    width: 175px;
    height: 183px;
  }
  .ind_hero_secpicwrapper {
    width: 163px;
    height: 170px;
  }
  .ind_hero_dhdl {
    width: 113px;
    transform: translate(25%, -38%) rotate(-4deg);
  }
  .ind_frame_curl {
    padding: 0px;
  }
  .ind_frame_img_curl {
    width: 70px;
  }
  .ind_frame_tooth {
    padding: 4px 8px;
  }
  .ind_frame_toothimg {
    width: 53px;
  }
  .ind_frame_watch {
    padding: 5px;
    transform: translate(-75%, 20%) rotate(-3deg);
  }
  .ind_frame_watchimg {
    width: 48px;
  }
  .ind_hero_bluracent {
    font-size: 9px;
  }
  .ind_herohead {
    font-size: 26px;
  }
  .ind_heroleft {
    width: 100%;
  }
  .ind_facts_con_bg {
    background-size: cover;
  }
}
@media only screen and (max-width: 480px) {
  .bnv_funnelprimary {
    width: 90% !important;
  }
}
@media only screen and (max-width: 480px) {
  .ind_zit_logopos {
    width: 104px;
    transform: translate(30%, -30%);
  }
  .ind_zit_showwrapper {
    width: 350px;
  }
}
@media only screen and (max-width: 420px) {
  .zit_stars_frame {
    padding: 12px 18px;
  }
}
@media only screen and (max-width: 410px) {
  .ind_facts_dhdl {
    transform: translate(5%, 80%);
  }
}
@media only screen and (max-width: 400px) {
  .ind_hero_mainpicwrapper {
    width: 155px;
    height: 163px;
  }
  .ind_hero_secpicwrapper {
    width: 143px;
    height: 150px;
  }
  .ind_hero_dhdl {
    width: 113px;
    transform: translate(33%, -38%) rotate(-4deg);
  }
  .ind_frame_curl {
    padding: 0px;
  }
  .ind_frame_img_curl {
    width: 70px;
  }
  .ind_frame_tooth {
    padding: 4px 8px;
  }
  .ind_frame_toothimg {
    width: 53px;
  }
  .ind_frame_watch {
    padding: 5px;
    transform: translate(-75%, 20%) rotate(-3deg);
  }
  .ind_frame_watchimg {
    width: 48px;
  }
  .ind_hero_bluracent {
    font-size: 9px;
  }
  .ind_facts_break {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .navbar_logo {
    width: 90px;
  }
}