body {
  margin: auto 5%;
  margin-top: 30px;
  line-height: normal;
  border: solid 1px #3F5257;
  border-radius: 40px 40px 40px 40px;
}


.steps {
  display: none;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 62.25px);
  width: 150px;
  height: 30px;
  font-size: var(--font-size-base);
  color: var(--color-white);
}

.popup-overlay {
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
}

.menu-hg30 {
  border-radius: 40px 40px 0px 0px;
}

.menu-hg8 {
  border-radius: 40px 40px 0px 0px;
}

.menu-hg7 {
  border-radius: 40px 40px 0px 0px;
}


.menu-hg16 {
  border-radius: 40px 40px 0px 0px;
}

.menu-hg19 {
  border-radius: 40px 40px 0px 0px;
}

.menu-hg2 {
  border-radius: 40px 40px 0px 0px;
}

.erklarung {
  text-align: left;
}

.strzen3 .sich-verlaufen6 {
  border: 1px solid;
  background-color: transparent;
  border-radius: 20%;
  padding: 10%;
  cursor: pointer;
}

.datenschutz-impressum-icon2 {
  background-color: #3f5257;
  border-radius: 0px 0px 40px 40px;
}

.datenschutz-impressum-icon17 {
  background-color: #3f5257;
  border-radius: 0px 0px 40px 40px;
}


.datenschutz-impressum-icon20 {
  background-color: #3f5257;
  border-radius: 0px 0px 40px 40px;
}

.datenschutz-impressum-icon {
  background-color: #3f5257;
  border-radius: 0px 0px 40px 40px;
}

.datenschutz-impressum-icon32 {
  background-color: #3f5257;
  border-radius: 0px 0px 40px 40px;
}

.datenschutz-impressum-icon31 {
  background-color: #3f5257;
  border-radius: 0px 0px 40px 40px;
}

.datenschutz-impressum-icon8 {
  background-color: #3f5257;
  border-radius: 0px 0px 40px 40px;
}

.datenschutz-impressum-icon9 {
  background-color: #3f5257;
  border-radius: 0px 0px 40px 40px;
}

.mein-technik-finder-20248 {
  letter-spacing: 0px;
  white-space: nowrap;
}


.mein-technik-finder-20249 {
  letter-spacing: 0px;
  white-space: nowrap;
}


.button-frage-22 {
  border: 1px solid;

}

.button-frage-28 {
  border: 1px solid;
}

:root {
  /* fonts */
  --font-inter: Inter;
  --font-inter-tight: "Inter Tight";

  /* font sizes */
  --font-size-base: 16px;
  --font-size-sm: 14px;
  --font-size-lg: 18px;
  --font-size-15xl: 34px;
  --font-size-2xs: 11px;
  --font-size-4xs: 9px;
  --font-size-8xl: 27px;
  --font-size-5xl: 24px;

  /* Colors */
  --color-whitesmoke-100: #f3f6f3;
  --color-whitesmoke-200: #e9efeb;
  --color-white: #fff;
  --color-darkslategray-100: #3f5257;
  --color-darkslategray-200: #2e4536;
  --color-khaki: #fff579;
  --color-black: #000;
  --color-gray: #85868a;
  --color-mediumseagreen: #29ba67;
  --color-honeydew: #d3f0e0;
  --color-dimgray: #707070;
  --color-beige: #fdfbe5;
  --color-seagreen: #3b9b5f;
  --color-mintcream: #eff6ef;
  --color-mediumaquamarine: #93ddb3;

  /* Gaps */
  --gap-3xs: 10px;
  --gap-46xl: 65px;
  --gap-5xl: 24px;
  --gap-xl: 20px;
  --gap-xs: 12px;
  --gap-base: 16px;
  --gap-25xl: 44px;
  --gap-14xl: 33px;
  --gap-smi: 13px;
  --gap-8xs: 5px;
  --gap-11xl: 30px;
  --gap-4xl: 23px;
  --gap-13xl: 32px;
  --gap-9xl: 28px;
  --gap-12xs: 1px;
  --gap-sm: 14px;
  --gap-41xl: 60px;
  --gap-19xl: 38px;
  --gap-23xl: 42px;
  --gap-34xl: 53px;

  /* Paddings */
  --padding-5xl: 24px;
  --padding-9xs: 4px;
  --padding-66xl: 85px;
  --padding-5xs: 8px;
  --padding-10xs: 3px;
  --padding-41xl: 60px;
  --padding-xs: 12px;
  --padding-mini: 15px;
  --padding-mid: 17px;
  --padding-smi: 13px;
  --padding-base: 16px;
  --padding-8xs: 5px;
  --padding-sm: 14px;
  --padding-xl: 20px;
  --padding-12xl: 31px;
  --padding-2xl: 21px;
  --padding-257xl: 276px;
  --padding-7xl: 26px;
  --padding-256xl: 275px;
  --padding-67xl: 86px;
  --padding-11xl: 30px;
  --padding-21xl: 40px;
  --padding-9xl: 28px;

  /* Border radiuses */
  --br-6xl: 25px;
  --br-8xs: 5px;
  --br-xl: 20px;
  --br-mini: 15px;
  --br-24xl: 43px;
  --br-4xl: 23px;
  --br-3xs: 10px;
  --br-base: 16px;
  --br-11xl: 30px;
  --br-21xl: 40px;
  --br-2xl: 21px;
}

/* .erklarung{
  hyphens: auto;
  word-wrap: break-word;
} */

@media screen and (max-width: 700px) {
  body {
    position: relative;
    margin: 10px 10px 10px 10px;
    padding: 0;
    line-height: normal;
    border: solid 1px #3F5257;
    border-radius: 0px 0px 0px 0px;
    overflow-x: hidden;
  }

  .menu-hg30 {
    border-radius: 0px 0px 0px 0px;
  }

  .menu-hg8 {
    border-radius: 0px 0px 0px 0px;
  }

  .menu-hg7 {
    border-radius: 0px 0px 0px 0px;
  }


  .menu-hg16 {
    border-radius: 0px 0px 0px 0px;
  }

  .menu-hg19 {
    border-radius: 0px 0px 0px 0px;
  }

  .menu-hg2 {
    border-radius: 0px 0px 0px 0px;
  }
  .datenschutz-impressum-icon2 {
    border-radius: 0px 0px 0px 0px;
  }

  .datenschutz-impressum-icon17 {
    border-radius: 0px 0px 0px 0px;
  }


  .datenschutz-impressum-icon20 {
    border-radius: 0px 0px 0px 0px;
  }

  .datenschutz-impressum-icon {
    border-radius: 0px 0px 0px 0px;
  }

  .datenschutz-impressum-icon32 {
    border-radius: 0px 0px 0px 0px;
  }

  .datenschutz-impressum-icon31 {
    border-radius: 0px 0px 0px 0px;
  }

  .datenschutz-impressum-icon8 {
    border-radius: 0px 0px 0px 0px;
  }

  .datenschutz-impressum-icon9 {
    border-radius: 0px 0px 0px 0px;
  }


}