@font-face{font-family:Afacad;src:url('../fonts/afacad.woff') format('woff');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Great Vibes';src:url('../fonts/great-vibes.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Alex Brush';src:url('../fonts/alex-brush.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
/* ===== Grundstil ===== */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;scroll-behavior:smooth}
body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
a{background-color:transparent;color:inherit}
a:active,a:hover{outline:0}
b,strong{font-weight:bold}
img{max-width:100%;vertical-align:middle;display:inline-block;border:0}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button,html input[type=button],input[type=reset]{-webkit-appearance:button;cursor:pointer}
input[type=submit]{-webkit-appearance:button;cursor:pointer}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
textarea{overflow:auto}
[hidden]{display:none}
h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}
h1{font-size:38px;line-height:44px;margin-top:20px}
h2{font-size:32px;line-height:36px;margin-top:20px}
h3{font-size:24px;line-height:30px;margin-top:20px}
p{margin-top:0;margin-bottom:10px}
label{display:block;font-weight:bold;margin-bottom:5px}
.w-inline-block{max-width:100%;display:inline-block}
.w-button{display:inline-block;padding:9px 15px;background-color:#3898ec;color:#fff;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}
input.w-button{-webkit-appearance:button}
.w-form{margin:0 0 15px}
.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333;vertical-align:middle;background-color:#fff;border:1px solid #ccc}
.w-input::placeholder{color:#999}
.w-input:focus{border-color:#3898ec;outline:0}
textarea.w-input{height:auto}
.w-form-label{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0}
.w-container{margin-left:auto;margin-right:auto;max-width:940px}
.w-container:before,.w-container:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}
.w-container:after{clear:both}

/* ===== Seiten-Design ===== */
.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.div-block {
  -webkit-text-fill-color: inherit;
  background-color: #3b548d33;
  background-clip: border-box;
  border-radius: 20px;
  width: .15vw;
  height: 3vw;
  margin-left: 2vw;
  margin-right: 2vw;
}

.navbar_section {
  z-index: 8;
  opacity: 1;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffff9c;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5vw;
  margin-left: 0;
  margin-right: 0;
  padding-left: 8vw;
  padding-right: 8vw;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.nav_telefon_icon {
  width: 1.2vw;
  max-width: 1.2vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.nav_telefon_button {
  border: .3vw solid #596fa2;
  border-radius: 100%;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 2.8vw;
  height: 2.8vw;
  margin-left: 0;
  display: flex;
}

.primarybtn {
  background-color: #596fa2;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 2.8vw;
  margin-top: 0;
  margin-left: 1.5vw;
  padding-left: 2vw;
  padding-right: 2vw;
  font-family: Afacad, sans-serif;
  font-size: 1vw;
  font-weight: 700;
  line-height: 1.1vw;
  display: flex;
  position: static;
}

.primarybtn:hover {
  background-color: #7388b8;
}

.primarybtn:active {
  background-color: #293c68;
}

.primarybtn.btnmain {
  width: 16vw;
  height: 4vw;
  margin-bottom: 4vw;
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.5vw;
}

.primarybtn.btnmain:hover {
  background-color: #7388b8;
}

.primarybtn.btnmain:active {
  background-color: #293c68;
}

.primarybtn.btnmain:lang(en) {
  width: auto;
}

.primarybtn.btnleistungen {
  width: 12vw;
  margin-top: 6vw;
  margin-left: 0;
}

.primarybtn.leistungen_btn {
  z-index: 2;
  width: auto;
  height: 4vw;
  margin-top: 0;
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.5vw;
  position: relative;
}

.primarybtn.leistungen_btn:hover {
  background-color: #7388b8;
}

.primarybtn.leistungen_btn:active {
  background-color: #293c68;
}

.primarybtn.menu_btn {
  width: 18%;
  height: 5vw;
  font-size: 1.5vw;
}

.nav_logo {
  vertical-align: baseline;
  width: 3vw;
  max-width: 3vw;
  height: auto;
  margin-top: 8px;
  display: inline-block;
}

.nav_logo_container {
  z-index: 5;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: fixed;
}

.nav_btn_container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: -20px;
  display: flex;
  position: relative;
}

.socials_icons {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  width: auto;
  max-width: 14vw;
  transform-style: preserve-3d;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.socials_icons.footer_icons {
  grid-column-gap: 15vw;
  grid-row-gap: 15vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 8vw;
  margin-right: 0;
}

.start_section {
  z-index: 2;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-image: url('../images/bg.webp'), linear-gradient(#fff, #fff);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  background-attachment: scroll, scroll;
  background-clip: border-box;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  padding-left: 8vw;
  padding-right: 8vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav_menu_icon {
  width: 7vw;
  max-width: 7vw;
  height: 12vw;
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.nav_container_btns {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  justify-content: flex-end;
  align-items: center;
  margin-right: 0;
  display: flex;
  position: relative;
}

.snownails_logo_text {
  width: 12vw;
  max-width: 12vw;
  height: auto;
  margin-left: 20px;
}

.insta_icon {
  width: 5vw;
  min-width: 5vw;
  max-width: 5vw;
  transform-style: preserve-3d;
  margin-left: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.container-5 {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 6vw;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.main_container_img {
  z-index: 2;
  order: 0;
  justify-content: flex-end;
  align-items: center;
  margin-top: 4vw;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.main_img_frau {
  border-radius: 5vw;
  width: 30vw;
  margin-top: 4vw;
  margin-bottom: 4vw;
}

.heading2_text {
  letter-spacing: 1px;
  width: auto;
  margin-top: 1vw;
  margin-bottom: 1vw;
  font-family: Afacad, sans-serif;
  font-size: 2.6vw;
  font-style: normal;
  font-weight: 700;
  line-height: 3.6vw;
}

.text_middle {
  letter-spacing: -1px;
  width: 45vw;
  margin-top: 0;
  margin-bottom: 4vw;
  font-family: Afacad, sans-serif;
  font-size: 1.7vw;
  font-weight: 400;
  line-height: 2.5vw;
}

.text_middle.text_leistungen {
  text-align: center;
  width: auto;
  margin-top: 2vw;
  margin-bottom: 1vw;
  font-family: Afacad, sans-serif;
  font-weight: 600;
}

.text_middle.text_cta {
  text-align: center;
  width: 40vw;
}

.text_middle.info_text {
  color: #fff;
  text-align: center;
  width: 50vw;
  margin-bottom: 0;
}

.dienstleistungen_section {
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 8vw;
  padding-right: 8vw;
  display: flex;
  overflow: hidden;
}

.container-7 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  display: flex;
}

.headng_mark {
  width: auto;
}

.headng_mark.headaboutme {
  margin-top: 0;
}

.heading_mark {
  background-color: #3bbdee4f;
  width: auto;
  height: 1.5vw;
  margin-top: -2.2vw;
  position: static;
}

.heading_mark.div {
  width: 190px;
  margin-top: 19px;
  margin-bottom: 0;
  position: absolute;
}

.heading-4 {
  aspect-ratio: auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 2vw;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 2.8vw;
  display: flex;
}

.container-8 {
  z-index: 2;
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
  flex-flow: wrap;
  order: 0;
  grid-template: "Area Area-2 Area-3"
                 "Area-4 Area-5 Area-6"
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-self: auto;
  place-items: start stretch;
  width: 100%;
  max-width: 100%;
  margin-bottom: 3vw;
  margin-left: 0;
  margin-right: 0;
  display: grid;
  position: relative;
}

.heading_wrapper {
  z-index: 2;
  width: auto;
  max-width: none;
  height: auto;
  margin-top: 14vw;
  margin-bottom: 8vw;
  position: relative;
}

.heading_wrapper._1st-wrapper {
  z-index: 2;
  margin-top: 12vw;
  position: relative;
}

.image-8 {
  width: 100%;
  min-width: 100%;
}

.bermich_heading_wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 24vw;
  margin-bottom: 10vw;
  display: flex;
}

.ber_mich_wrapper {
  z-index: 2;
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  width: 75vw;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: grid;
  position: relative;
}

.aboutme_section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 8vw;
  padding-right: 8vw;
  display: flex;
  overflow: hidden;
}

.cta_paragraph {
  text-align: left;
  width: 40vw;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 1.5vw;
  line-height: 3vw;
}

.paragraph-2 {
  margin-bottom: 1vw;
  font-family: Afacad, sans-serif;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 3vw;
}

.image-9 {
  width: 20vw;
  height: auto;
  margin-top: -9vw;
  margin-left: 15vw;
  margin-right: 2px;
  position: static;
}

.section-7 {
  position: relative;
}

.testimonial_section {
  z-index: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.heading-3-copy {
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 54px;
  position: relative;
}

.heading-3-copy.headaboutme-copy {
  margin-top: 0;
}

.div-block-2-copy {
  background-color: #3bbdee4f;
  width: 318px;
  height: 24px;
  margin-top: -27px;
  position: absolute;
}

.div-block-2-copy.div-copy {
  width: 485px;
  margin-top: 20px;
  margin-bottom: 6px;
}

.div-block-2-copy.mark_meinstudio {
  width: 230px;
  margin-top: 20px;
  margin-bottom: 6px;
}

.div-block-2-copy.mark_gutschein {
  width: 220px;
  margin-top: 20px;
  margin-bottom: 6px;
}

.div-block-2-copy.mark_referenzen {
  width: 490px;
  margin-top: 20px;
  margin-bottom: 6px;
}

.section-9 {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.mask-3 {
  align-self: auto;
  width: 320px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: visible;
}

.slider-3 {
  background-color: #ddd0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 960px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.left-arrow-3 {
  color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  inset: 0% auto 0% 0%;
}

.slide-2 {
  width: 100%;
  height: 330px;
  margin-right: 20px;
}

.right-arrow-3 {
  color: #000;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.div-block-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f2f2f2;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 32px;
  display: flex;
  position: absolute;
}

.div-block-3.custom {
  width: 100%;
  margin-left: -25.5vw;
  margin-right: 0;
  position: absolute;
}

.div-block-3.customr {
  width: 200%;
  margin-right: -660px;
  position: absolute;
}

.div-block-3.custom-end {
  margin-right: -330px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-3.slide_right {
  margin-left: 26vw;
  position: absolute;
  inset: 0%;
}

.paragraph-3 {
  text-align: center;
  align-self: auto;
  font-family: Afacad, sans-serif;
  font-size: 1.1vw;
  line-height: 1.6vw;
}

.paragraph-4 {
  text-align: center;
  font-family: Afacad, sans-serif;
  font-size: 1.3vw;
  line-height: 1.3vw;
}

.slide-nav-3 {
  position: static;
}

.div-block-4 {
  width: 100%;
}

.container-10 {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 330px;
  margin-top: 100px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
}

.image-10 {
  width: 30px;
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.div-block-5 {
  background-color: #5f5f5f00;
  border-radius: 0;
  width: auto;
  height: auto;
  transform: rotate(0);
}

.div-block-5.next-button {
  margin-left: 5vw;
  margin-right: 5vw;
  transform: none;
}

.div-block-5.next-button:active {
  background-color: #fff;
  border-radius: 100%;
  padding-left: 0;
}

.div-block-5.back-button {
  margin-left: 5vw;
  margin-right: 5vw;
}

.image-10-copy {
  width: 30px;
  height: auto;
}

.container-11 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 320px;
  display: flex;
}

.slider-4 {
  background-color: #ddd0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30vw;
  padding-left: 1vw;
  padding-right: 1vw;
  display: flex;
  overflow: hidden;
}

.mask-4 {
  width: 33%;
  height: 100%;
  overflow: visible;
}

.slide-3 {
  width: 100%;
  height: 26vw;
  margin-left: .5vw;
  margin-right: .5vw;
}

.slide-4 {
  width: 22vw;
  height: 25vw;
  margin-right: 10px;
}

.slide-5 {
  width: 100%;
  height: 25vw;
  margin-left: .5vw;
  margin-right: 0;
}

.slider-arrow-right {
  width: 0%;
  height: 0%;
}

.hide {
  width: 0%;
  height: 0%;
  margin-right: 0;
}

._w-slider-arrow-right {
  width: 0%;
  height: 0%;
}

.slide-nav-4 {
  z-index: 10;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: absolute;
  overflow: visible;
}

.heading-3-copy-copy {
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 54px;
  position: relative;
}

.heading-3-copy-copy.headaboutme-copy {
  margin-top: 0;
}

.heading_meinstudio {
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 54px;
  position: relative;
}

.heading_meinstudio.headaboutme-copy {
  margin-top: 0;
}

.meinstudio_wrapper {
  z-index: 2;
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: center;
  align-items: center;
  width: 75vw;
  height: 40vw;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.section-11 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100%;
  display: flex;
}

.code-embed {
  border-radius: 25px;
  width: 60%;
  height: 100%;
  overflow: hidden;
}

.image_mystudio {
  width: 100%;
  height: auto;
  margin-top: -18px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.image_mystudio.img_1 {
  width: 100%;
  margin-top: -37px;
}

.picture_section {
  border-radius: 20px;
  width: 100%;
  height: 33.33%;
  overflow: hidden;
}

.karte_embed {
  border-radius: 25px;
  width: 100%;
  height: 100%;
}

.mystudio_section {
  z-index: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  padding-left: 8vw;
  padding-right: 8vw;
  display: flex;
  position: static;
  overflow: hidden;
}

.gutschein_section {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 16vw;
  padding-right: 16vw;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gutschein_heading {
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 54px;
  position: relative;
}

.gutschein_heading.headaboutme-copy {
  margin-top: 0;
}

.gutschein_wrapper {
  z-index: 2;
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.form {
  width: 100%;
}

.section-14 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 30vw;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.text-field {
  border: 1px solid #d7d7d7;
  border-radius: 4vw;
  height: 4vw;
  margin-top: 2vw;
  font-family: Afacad, sans-serif;
  font-size: 1vw;
  line-height: 2vw;
}

.text-field-2 {
  border: 1px solid #d7d7d7;
  border-radius: 4vw;
  height: 4vw;
  font-family: Afacad, sans-serif;
  font-size: 1vw;
  line-height: 2vw;
}

.nachricht_feld {
  border: 1px solid #d7d7d7;
  border-radius: 2vw;
  width: 100%;
  height: 100%;
  padding-bottom: 100px;
  font-family: Afacad, sans-serif;
  font-size: 1vw;
  line-height: 2vw;
}

.submit-button {
  background-color: #596fa2;
  border-radius: 50px;
  width: 14vw;
  height: 4vw;
  font-family: Afacad, sans-serif;
  font-size: 1.5vw;
  font-weight: 600;
  line-height: 1.1vw;
}

.submit-button:hover {
  background-color: #7388b8;
}

.submit-button:active {
  background-color: #293c68;
}

.form-block {
  height: 56.3418%;
}

.section-15 {
  border-radius: 4vw;
  justify-content: flex-end;
  align-items: center;
  width: 35vw;
  height: 50vw;
  display: flex;
  overflow: hidden;
}

.image-11 {
  width: 70vw;
  max-width: none;
  height: 100%;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  overflow: visible;
}

.paragraph-5 {
  font-family: Afacad, sans-serif;
}

.text_small {
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 1.1vw;
  line-height: 1.4vw;
  position: static;
}

.text_small.berschrift_gutschein {
  margin-top: 0;
  margin-bottom: 1vw;
  font-family: Afacad, sans-serif;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 2vw;
}

.text_small.berschrift2_gutschein {
  margin-top: 3vw;
  margin-bottom: 1vw;
  font-family: Afacad, sans-serif;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 2vw;
}

.text_small.text_testimonials {
  text-align: center;
  line-height: 1.8vw;
}

.text_small.text_aboutme {
  font-size: 1.3vw;
  line-height: 2.4vw;
}

.text_small.text_aboutme2 {
  margin-bottom: 2vw;
  font-size: 1.3vw;
  font-weight: 700;
  line-height: 2.4vw;
}

.text_small.text_footer1 {
  color: #fff;
  text-align: center;
  font-size: 1.3vw;
  font-weight: 400;
}

.text_small.text_footer2 {
  color: #fff;
  text-align: center;
  margin-bottom: 1vw;
  font-size: 1.3vw;
  font-weight: 500;
}

.text_small.text_footer2:lang(en) {
  text-align: center;
}

.text_small.dsgvo_text {
  letter-spacing: -.8px;
  text-indent: 0;
  margin-left: 7px;
}

.text_small.text_partner {
  color: #fff;
  text-align: left;
  margin-bottom: 2vw;
  font-size: 2vw;
  font-weight: 500;
}

.text_small.text_socials {
  color: #fff;
  text-align: left;
  margin-top: 4vw;
  margin-bottom: 2vw;
  font-size: 2vw;
  font-weight: 500;
}

.text_small.text2_leistungen {
  text-align: center;
  margin-top: 0;
  font-weight: 400;
}

.text_gutschein_sektion {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1vw;
  display: flex;
}

.haken_gutschein {
  width: 15px;
}

.success-message {
  overflow: visible;
}

.slogan_fotos {
  z-index: 2;
  text-align: center;
  font-family: Alex Brush, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 3vw;
  position: relative;
}

.referenz_wrapper {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 105vw;
  display: flex;
  position: static;
  overflow: visible;
  transform: rotate(0);
}

.referenz_slider {
  border-radius: 1vw;
  width: auto;
  max-width: none;
  height: 100%;
  margin-left: 0;
  margin-right: 5px;
  position: static;
  overflow: hidden;
}

.referenz_slider.in_slider {
  width: 24.5vw;
}

.image_slider {
  width: 300px;
  max-width: 300px;
  height: 250px;
  margin-right: 0;
  overflow: visible;
}

.slider-wrapper {
  box-sizing: border-box;
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  object-fit: fill;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: 0;
  display: flex;
  overflow: visible;
}

.referenz_wrapper-2 {
  width: 200vw;
  height: 25svw;
  transform-style: preserve-3d;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5vw;
  margin-left: 0;
  display: flex;
  position: static;
  overflow: visible;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.referenz_wrapper2 {
  grid-column-gap: .25vw;
  grid-row-gap: .25vw;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: .5vw;
  margin-left: -100vw;
  display: flex;
  position: static;
  overflow: visible;
}

.slider-5 {
  background-color: #ddd0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mask-5 {
  width: 100%;
  overflow: hidden;
}

.slide-6, .slide-7, .slide-8, .slide-9 {
  width: 25vw;
}

.section-16 {
  z-index: 2;
  background-image: url('../images/bg_cta_m.webp'), linear-gradient(#fff, #fff);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 35vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-17 {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta_heading {
  z-index: 2;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 54px;
  position: relative;
}

.cta_heading.headaboutme-copy {
  margin-top: 0;
}

.secondary_btn {
  background-color: #596fa2;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 4.5vw;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 2px;
  font-family: Afacad, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 66px;
  display: flex;
  position: static;
}

.secondary_btn:hover {
  background-color: #7388b8;
}

.secondary_btn:active {
  background-color: #293c68;
}

.secondary_btn.btnmain {
  width: 270px;
  height: 60px;
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.secondary_btn.btnleistungen {
  margin-top: 100px;
  margin-left: 0;
}

.secondary_btn_text {
  color: #fff;
  background-color: #b5b5b500;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 3vw;
  padding-right: 3vw;
  font-family: Afacad, sans-serif;
  font-size: 1.4vw;
  font-weight: 700;
  line-height: 2vw;
  display: flex;
  position: static;
}

.secondary_btn_text.btnmain {
  width: 270px;
  height: 60px;
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.secondary_btn_text.btnleistungen {
  margin-top: 100px;
  margin-left: 0;
}

.div-block-6 {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4.2vw;
  height: 4.2vw;
  display: flex;
}

.image-12 {
  background-color: #0000;
  width: 1.2vw;
  max-width: 1.2vw;
  height: auto;
  margin-left: 6px;
}

.footer_section {
  z-index: 2;
  background-color: #1f2c4c;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon {
  transform-style: preserve-3d;
  margin-left: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.facebookicon {
  width: 4vw;
  max-width: 4vw;
  transform-style: preserve-3d;
  margin-left: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.icon-copy {
  transform-style: preserve-3d;
  margin-left: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.icon_whatsapp {
  width: 4vw;
  max-width: 4vw;
  transform-style: preserve-3d;
  margin-left: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.section-18 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100%;
  margin-top: 0;
  margin-bottom: 1vw;
  padding-top: 2vw;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.section-19 {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  width: 100%;
  margin-top: 3vw;
  display: grid;
}

.section-20 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 4vw;
  display: flex;
}

.image-13 {
  width: 2vw;
  max-width: 2vw;
}

.footer_info_paragraph {
  color: #fff;
  text-align: left;
  width: auto;
  height: auto;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 2vw;
  line-height: 3vw;
}

.paragraph-6 {
  color: #fff;
  text-align: center;
  margin-bottom: 1vw;
  font-family: Afacad, sans-serif;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 1.8vw;
}

.paragraph-7 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 1.8vw;
}

.jannsen_bild {
  text-align: center;
  border-radius: 10%;
  width: 20vw;
}

.section-21 {
  background-color: #2d3e66;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  margin-top: 5vw;
  padding: 1vw 10vw;
  display: flex;
}

.section-22 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-8, .paragraph-9 {
  color: #fff;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 1.5vw;
}

.section-23 {
  justify-content: space-between;
  align-items: center;
  width: 80%;
  font-size: 1.5vw;
  line-height: 2vw;
  display: flex;
}

.nav_insta_icon {
  width: 2vw;
  max-width: 2vw;
  transform-style: preserve-3d;
  margin-left: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.nav_insta-icon {
  width: 2vw;
  max-width: 2vw;
  transform-style: preserve-3d;
  margin-left: 1vw;
  margin-right: 1vw;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.nav_facebook {
  width: 5vw;
  max-width: 5vw;
  transform-style: preserve-3d;
  margin-left: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.nav_facebook_icon {
  width: 2vw;
  max-width: 2vw;
  transform-style: preserve-3d;
  margin-left: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-15 {
  width: auto;
  height: 30vw;
}

.image-16 {
  width: 4vw;
  min-width: 4vw;
  max-width: 4vw;
  margin-left: 0;
  margin-right: 0;
}

.image-16:active {
  opacity: 1;
  background-color: #fff;
  background-position: 0 0;
  background-size: auto;
  width: 4vw;
  min-width: 4vw;
}

.gutschein_heading_section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 24vw;
  margin-bottom: 10vw;
  display: flex;
}

.cta_text {
  text-align: center;
  width: 42vw;
  height: auto;
  margin-bottom: 3vw;
  font-family: Afacad, sans-serif;
  font-size: 1.8vw;
  line-height: 3vw;
}

.cta_maintext {
  z-index: 2;
  text-align: left;
  height: auto;
  margin-top: 0;
  margin-bottom: .5vw;
  font-family: Afacad, sans-serif;
  font-size: 3vw;
  font-weight: 500;
  line-height: 4vw;
  position: relative;
}

.cta_maintext.headaboutme-copy {
  margin-top: 0;
}

.bold-text {
  font-size: 1.4vw;
  line-height: 1.8vw;
}

.heading1_text {
  width: 100%;
  font-family: Afacad, sans-serif;
  font-size: 2.4vw;
  line-height: 3vw;
}

.heading1_text.menu_text {
  text-align: center;
  font-weight: 400;
  text-decoration: none;
}

.heading1_text.cta {
  text-align: center;
}

.image-17, .image-18, .image-19, .image-20, .image-21 {
  width: 100%;
}

.section-24 {
  height: auto;
}

.image-22 {
  width: 10vw;
  max-width: 20vw;
  height: auto;
}

.image-23 {
  width: 3vw;
  max-width: 3vw;
  height: auto;
}

.link_group {
  justify-content: center;
  align-items: center;
  height: 5vw;
  margin-left: 2vw;
  display: flex;
  position: static;
}

.left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f2f2f2;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: -24vw;
  margin-right: 0;
  padding: 32px;
  display: flex;
  position: absolute;
}

.left.custom {
  width: 100%;
  margin-left: -25.5vw;
  margin-right: 0;
  position: absolute;
}

.left.customr {
  width: 200%;
  margin-right: -660px;
  position: absolute;
}

.left.custom-end {
  margin-right: -330px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.left.slide_right {
  margin-left: 26vw;
  position: absolute;
  inset: 0%;
}

.right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f2f2f2;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 24vw;
  margin-right: 0;
  padding: 32px;
  display: flex;
  position: absolute;
}

.right.custom {
  width: 100%;
  margin-left: -25.5vw;
  margin-right: 0;
  position: absolute;
}

.right.customr {
  width: 200%;
  margin-right: -660px;
  position: absolute;
}

.right.custom-end {
  margin-right: -330px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.right.slide_right {
  margin-left: 26vw;
  position: absolute;
  inset: 0%;
}

.insta {
  width: 4vw;
  max-width: 4vw;
}

.left_arrow {
  width: 4vw;
  min-width: 4vw;
  max-width: 4vw;
  transform-style: preserve-3d;
  margin-left: 0;
  margin-right: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.referenz_wrapper-copy {
  grid-column-gap: .25vw;
  grid-row-gap: .25vw;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: .5vw;
  margin-left: 228vw;
  display: flex;
  position: static;
  overflow: visible;
  transform: rotate(0);
}

.referenz_wrapper_2 {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 5px;
  margin-left: -100.8vw;
  display: flex;
  position: static;
  overflow: visible;
  transform: rotate(0);
}

.lottie-animation {
  width: 200vw;
  height: auto;
  transform-style: preserve-3d;
  position: absolute;
  transform: rotate(90deg);
}

.section-26 {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
}

.section-27 {
  z-index: 5;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding-top: 5vw;
  position: fixed;
}

.menu_wrapper_text {
  border-top: .1vw solid #d1d1d1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-left: 8vw;
  padding-right: 8vw;
  display: flex;
}

.btn_wrapper_menu {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 4vw;
  display: flex;
}

.link_menu, .link-block-3, .link-block-4, .link-block-5, .link-block-6 {
  color: #333;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.checkbox {
  border: 1px solid #d7d7d7;
  border-radius: 100%;
  width: 50px;
  height: 30px;
}

.checkbox:lang(en) {
  width: 40px;
}

.checkbox-field {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 1vw;
  display: flex;
}

.section-28 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  height: 90vw;
  padding-top: 12vw;
  display: flex;
}

.link-block-7, .link-block-8, .link-block-9, .link-block-10, .link-block-11, .link-block-12 {
  text-decoration: none;
}

.impressum {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12vw;
  display: flex;
}

.section-29 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.impressum_wrapper, .datenschutz_wrapper {
  width: 80%;
}

.datenschutz {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12vw;
  display: flex;
}

.janssen-logo {
  text-align: center;
  border-radius: 0%;
  width: 20vw;
}

.jannsen_bild2 {
  text-align: center;
  border-radius: 10%;
  width: 20vw;
  margin-right: -3vw;
}

.map, .code-embed-2 {
  width: 100%;
  height: 100%;
}

.link-block-13 {
  text-decoration: none;
}

.right_arrow {
  width: 4vw;
  min-width: 4vw;
  max-width: 4vw;
  margin-left: 0;
  margin-right: 0;
}

.bold-text-5 {
  font-family: Great Vibes, cursive;
  font-size: 2.2vw;
}

.section-37 {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-38 {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7 {
  aspect-ratio: auto;
  background-color: #596fa2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: flex;
  position: sticky;
}

.section-39 {
  margin-left: auto;
  margin-right: auto;
  position: sticky;
}

.container-12 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  background-color: #c51f1f;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 3vw;
  margin-left: 0;
  padding: .4vw 0;
  display: flex;
}

.image-33 {
  width: 2vw;
  height: 2vw;
}

.text-block {
  color: #fff;
  font-family: Afacad, sans-serif;
  font-size: 1.3vw;
  display: block;
  position: static;
}

.div-block-8 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  background-color: #596fa1;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 9px;
  margin-left: 8vw;
  margin-right: 8vw;
  padding: 3px 6px;
  display: flex;
}

.image-34 {
  width: 2vw;
  height: 2vw;
}

.text-block-2 {
  color: #fff;
  font-family: Afacad, sans-serif;
  font-size: 1.5vw;
  font-weight: 700;
}

.div-block-9 {
  text-align: center;
}

.teb {
  color: #fff;
  font-family: Afacad, sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
}

.teb-copy {
  color: #fff;
  font-family: Afacad, sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
  text-decoration: none;
}

.linkie {
  color: #fff;
  font-family: Afacad, sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
  text-decoration: underline;
}

@media screen and (max-width: 991px) {
  .div-block {
    height: 5vw;
  }

  .navbar_section {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    height: 12vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .nav_telefon_icon {
    width: 3vw;
    max-width: 3vw;
  }

  .nav_telefon_button {
    border-width: .6vw;
    justify-content: center;
    align-items: center;
    width: 6vw;
    height: 6vw;
  }

  .primarybtn {
    height: 6vw;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 2vw;
    line-height: 2vw;
  }

  .primarybtn:hover {
    background-color: #7388b8;
  }

  .primarybtn.btnmain {
    width: auto;
    height: 6vw;
    padding-top: 10px;
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: 2vw;
  }

  .primarybtn.leistungen_btn {
    width: auto;
    height: 6vw;
    padding-left: 6vw;
    padding-right: 6vw;
    font-size: 2vw;
  }

  .primarybtn.menu_btn {
    width: 28%;
    height: 7vw;
    font-size: 2vw;
  }

  .nav_logo {
    width: 5vw;
    max-width: 5vw;
  }

  .socials_icons {
    max-width: 100%;
  }

  .socials_icons.footer_icons {
    justify-content: center;
    align-items: center;
    margin-top: 2vw;
    margin-bottom: 8vw;
  }

  .start_section {
    margin-top: 0;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .nav_menu_icon {
    width: 80px;
    max-width: 80px;
    height: 18vw;
    margin-left: 2vw;
  }

  .snownails_logo_text {
    width: 22vw;
    max-width: 20vw;
  }

  .insta_icon {
    width: 8vw;
    min-width: 8vw;
    max-width: 8vw;
  }

  .container-5 {
    margin-top: 14vw;
  }

  .main_img_frau {
    width: 45vw;
    margin-top: 12vw;
    margin-bottom: 6vw;
  }

  .heading2_text {
    margin-top: 0;
    margin-bottom: 2vw;
    font-size: 4vw;
    font-weight: 700;
    line-height: 5.5vw;
  }

  .text_middle {
    width: 50vw;
    font-size: 2.3vw;
    line-height: 3.2vw;
  }

  .dienstleistungen_section {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .container-7 {
    max-width: 100%;
  }

  .heading_mark {
    margin-top: -3vw;
  }

  .heading-4 {
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .container-8 {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    grid-template: "Area Area-2"
                   "Area-4 Area-5"
                   "Area-7 Area-8"
                   / 1fr 1fr;
    grid-auto-flow: row;
    margin-bottom: 6vw;
  }

  .heading_wrapper {
    margin-top: 18vw;
  }

  .ber_mich_wrapper {
    grid-column-gap: 22vw;
    grid-row-gap: 22vw;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .aboutme_section {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .cta_paragraph {
    align-self: auto;
    width: 60vw;
    font-size: 3vw;
    line-height: 5vw;
  }

  .paragraph-2 {
    text-align: left;
    width: 60vw;
    font-size: 3vw;
    line-height: 5vw;
  }

  .image-9 {
    width: 40vw;
    margin-top: 50vw;
    margin-left: 36vw;
    margin-right: 0;
    position: absolute;
  }

  .section-7 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-9 {
    justify-content: space-around;
    align-items: center;
  }

  .div-block-3 {
    width: 100%;
    height: 100%;
    padding: 20px;
    position: static;
  }

  .paragraph-3 {
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .paragraph-4 {
    font-size: 2vw;
    line-height: 3vw;
  }

  .div-block-5.next-button {
    margin-left: 1vw;
    margin-right: 10vw;
  }

  .div-block-5.back-button {
    margin-left: 10vw;
    margin-right: 1vw;
  }

  .slider-4 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 60vw;
    overflow: hidden;
  }

  .mask-4 {
    width: 65%;
    height: 55vw;
    overflow: hidden;
  }

  .slide-3 {
    width: auto;
    height: 100%;
    position: relative;
  }

  .slide-4, .slide-5 {
    width: 100%;
    height: 100%;
  }

  .meinstudio_wrapper {
    flex-flow: column;
    width: 80vw;
    height: auto;
  }

  .code-embed {
    width: 100%;
    height: 75vw;
  }

  .image_mystudio {
    width: 80vw;
    height: auto;
  }

  .picture_section {
    justify-content: center;
    align-items: flex-end;
    width: 80vw;
    height: 35vw;
    display: flex;
  }

  .mystudio_section {
    z-index: 0;
    position: static;
  }

  .gutschein_section {
    z-index: 2;
  }

  .gutschein_wrapper {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: wrap-reverse;
    order: 0;
  }

  .section-14 {
    width: 75vw;
  }

  .text-field {
    border-radius: 3vw;
    height: 8vw;
    margin-top: 4vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .text-field-2 {
    border-radius: 3vw;
    height: 8vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .nachricht_feld {
    border-radius: 3vw;
    padding-bottom: 18vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .submit-button {
    width: 22vw;
    height: 6vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .section-15 {
    width: auto;
    height: 40vw;
  }

  .image-11 {
    width: 75vw;
    max-width: none;
    height: 100%;
    margin-right: 0;
  }

  .text_small {
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .text_small.berschrift_gutschein, .text_small.berschrift2_gutschein {
    font-size: 3vw;
    line-height: 4vw;
  }

  .text_small.text_testimonials {
    line-height: 3vw;
  }

  .text_small.text_aboutme {
    font-size: 2.5vw;
    line-height: 4.5vw;
  }

  .text_small.text_aboutme2 {
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .text_small.text_footer1, .text_small.text_footer2 {
    text-align: center;
    font-size: 2.5vw;
  }

  .text_small.text_partner {
    font-size: 3vw;
  }

  .text_small.text_socials {
    margin-top: 8vw;
    margin-bottom: 0;
    font-size: 3vw;
  }

  .text_small.text2_leistungen {
    font-size: 1.8vw;
    line-height: 3.2vw;
  }

  .slogan_fotos {
    font-size: 3vw;
  }

  .referenz_wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: auto;
    margin-top: 0;
    margin-left: -420px;
  }

  .referenz_slider {
    justify-content: flex-end;
    align-items: center;
    width: auto;
    max-width: none;
    height: auto;
    margin-right: 5px;
    display: flex;
  }

  .image_slider {
    width: 300px;
    max-width: 300px;
    height: 250px;
  }

  .slider-wrapper {
    width: auto;
    height: auto;
    margin-left: 0;
  }

  .referenz_wrapper2 {
    height: 30vw;
  }

  .section-16 {
    height: 50vw;
  }

  .secondary_btn {
    height: 6.5vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .secondary_btn:hover {
    background-color: #7388b8;
  }

  .secondary_btn_text {
    font-size: 2vw;
    line-height: 2vw;
  }

  .div-block-6 {
    width: 6vw;
    height: 6vw;
  }

  .image-12 {
    width: 1.5vw;
    max-width: 1.5vw;
  }

  .facebookicon, .icon_whatsapp {
    width: 6vw;
    max-width: 6vw;
  }

  .section-18 {
    margin-top: 8vw;
    margin-bottom: 2vw;
    padding-top: 4vw;
  }

  .section-19 {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .section-20 {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    justify-content: center;
    align-items: center;
  }

  .image-13 {
    width: 3vw;
    max-width: 3vw;
  }

  .footer_info_paragraph {
    font-size: 3vw;
    line-height: 4vw;
  }

  .paragraph-6 {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .paragraph-7 {
    font-size: 2vw;
    line-height: 3vw;
  }

  .jannsen_bild {
    width: 22vw;
  }

  .section-21 {
    background-color: #596fa2;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    height: 30vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .paragraph-8, .paragraph-9 {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .nav_insta_icon {
    width: 4vw;
    max-width: 4.5vw;
  }

  .nav_insta-icon, .nav_facebook_icon {
    width: 4vw;
    max-width: 4vw;
  }

  .image-15 {
    height: 55vw;
    margin-right: 0;
  }

  .image-16 {
    width: 6vw;
    min-width: 6vw;
    max-width: 6vw;
  }

  .cta_text {
    width: 60vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .cta_maintext {
    font-size: 4vw;
  }

  .bold-text {
    font-size: 2vw;
  }

  .heading1_text {
    font-size: 3vw;
    line-height: 3vw;
  }

  .heading1_text.cta {
    text-align: center;
  }

  .image-22 {
    width: 25vw;
    max-width: 25vw;
    margin-bottom: 2vw;
  }

  .image-23 {
    width: 6vw;
    max-width: 6vw;
    height: auto;
  }

  .image-24, .image-25, .image-26, .image-27, .image-28, .image-29 {
    width: 10vw;
  }

  .image-30 {
    width: 15vw;
  }

  .image-31, .image-32 {
    width: 10vw;
  }

  .link_group {
    order: 0;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 5vw;
    margin-left: 0;
    display: flex;
  }

  .section-25 {
    flex-flow: column;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    height: auto;
    margin-left: 0;
    display: flex;
  }

  .left, .right {
    padding: 20px;
  }

  .insta {
    width: 6vw;
    max-width: 6vw;
  }

  .left_arrow {
    width: 6vw;
    min-width: 6vw;
    max-width: 6vw;
  }

  .referenz_wrapper-copy {
    height: 30vw;
  }

  .referenz_wrapper_2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: auto;
    margin-top: 5px;
    margin-left: 487px;
  }

  .lottie-animation {
    width: 200vw;
    height: auto;
    position: static;
  }

  .section-27 {
    padding-top: 12vw;
  }

  .menu_wrapper_text {
    margin-top: 0;
    margin-bottom: 2vw;
  }

  .section-30 {
    width: 100%;
    height: 100%;
  }

  .section-31, .section-32, .section-33, .section-34 {
    width: 35vw;
  }

  .section-35 {
    width: 100%;
  }

  .janssen-logo {
    width: 18vw;
  }

  .jannsen_bild2 {
    width: 22vw;
  }

  .right_arrow {
    width: 6vw;
    min-width: 6vw;
    max-width: 6vw;
  }

  .bold-text-5 {
    font-size: 3vw;
  }

  .container-12 {
    justify-content: center;
    align-items: center;
    margin-top: 12vw;
    display: flex;
  }

  .image-34 {
    font-size: 1vw;
    line-height: 1vw;
  }

  .text-block-2, .teb, .teb-copy, .linkie {
    font-size: 2vw;
  }
}

@media screen and (max-width: 767px) {
  .div-block {
    width: .3vw;
    height: 10vw;
    margin-left: 4vw;
    margin-right: 4vw;
    padding-left: 0;
  }

  .navbar_section {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #ffffff03;
    flex-flow: wrap-reverse;
    justify-content: center;
    align-items: flex-end;
    height: 35vw;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .nav_telefon_icon {
    width: 5vw;
    max-width: 5vw;
  }

  .nav_telefon_button {
    border-width: .8vw;
    border-radius: 100%;
    width: 10vw;
    height: 10vw;
  }

  .primarybtn {
    order: 0;
    align-self: auto;
    height: 10vw;
    padding-left: 3vw;
    padding-right: 3vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .primarybtn.btnmain {
    height: 12vw;
    padding-left: 10vw;
    padding-right: 10vw;
    font-size: 4vw;
  }

  .primarybtn.leistungen_btn {
    width: auto;
    height: 12vw;
    margin-top: 8vw;
    padding-left: 10vw;
    padding-right: 10vw;
    font-size: 4vw;
  }

  .primarybtn.menu_btn {
    width: 60%;
    height: 14vw;
    font-size: 4vw;
  }

  .nav_logo {
    vertical-align: baseline;
    width: 10vw;
    max-width: 10vw;
    display: inline-block;
  }

  .nav_logo_container {
    height: auto;
    margin-top: 20vw;
    position: absolute;
  }

  .socials_icons.footer_icons {
    margin-top: 2vw;
    margin-bottom: 16vw;
  }

  .start_section {
    background-image: url('../images/bg.webp'), linear-gradient(#fff, #fff);
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    background-attachment: scroll, scroll;
    flex-flow: column;
    margin-top: 0;
  }

  .nav_menu_icon {
    width: 16vw;
    max-width: 16vw;
    height: 25vw;
    margin-left: 0;
  }

  .nav_container_btns {
    z-index: 100;
    grid-column-gap: 1.2vw;
    grid-row-gap: 1.2vw;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: #ffffff9c;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 17vw;
    margin-left: 0;
    display: flex;
    position: fixed;
  }

  .snownails_logo_text {
    width: 44vw;
    max-width: 44vw;
    margin-top: 0;
  }

  .insta_icon {
    width: 10vw;
    min-width: 10vw;
    max-width: 10vw;
  }

  .main_img_frau {
    border-radius: 10vw;
    width: 75vw;
  }

  .heading2_text {
    width: auto;
    margin-top: 2vw;
    font-size: 8vw;
    font-weight: 700;
    line-height: 10vw;
  }

  .text_middle {
    width: auto;
    font-size: 5vw;
    line-height: 6.3vw;
  }

  .text_middle.text_leistungen {
    font-size: 4vw;
  }

  .text_middle.text_cta {
    width: auto;
    margin-bottom: 8vw;
  }

  .text_middle.info_text {
    text-align: center;
    width: auto;
  }

  .dienstleistungen_section {
    background-color: #fff;
  }

  .container-7 {
    width: 40vw;
  }

  .heading_mark {
    height: 3vw;
    margin-top: -7vw;
  }

  .heading-4 {
    font-size: 4.5vw;
    line-height: 4vw;
  }

  .container-8 {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    width: 70%;
    display: flex;
  }

  .heading_wrapper {
    margin-top: 30vw;
  }

  .aboutme_section {
    background-color: #fff;
  }

  .cta_paragraph, .paragraph-2 {
    width: 70vw;
    font-size: 4.5vw;
    line-height: 7vw;
  }

  .image-9 {
    width: 40vw;
    margin-top: 70vw;
  }

  .testimonial_section {
    z-index: 2;
    background-color: #fff;
  }

  .section-9 {
    z-index: 2;
    position: relative;
  }

  .paragraph-3 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .paragraph-4 {
    font-size: 4vw;
  }

  .div-block-5.next-button {
    margin-left: 2vw;
    margin-right: 7vw;
  }

  .div-block-5.back-button {
    margin-left: 7vw;
    margin-right: 2vw;
  }

  .slider-4 {
    height: 88vw;
  }

  .mask-4 {
    width: 60vw;
    height: 80vw;
  }

  .mystudio_section {
    z-index: 0;
    background-color: #fff;
    position: static;
  }

  .gutschein_section {
    z-index: 2;
    background-color: #fff;
    position: static;
  }

  .form {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-field, .text-field-2 {
    border-radius: 4vw;
    height: 12vw;
    font-size: 3vw;
  }

  .nachricht_feld {
    border-radius: 4vw;
    padding-bottom: 30vw;
    font-size: 3vw;
  }

  .submit-button {
    width: 100%;
    height: 12vw;
    font-size: 4vw;
    line-height: 3vw;
  }

  .text_small {
    font-size: 3.5vw;
    line-height: 6vw;
  }

  .text_small.berschrift_gutschein, .text_small.berschrift2_gutschein {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .text_small.text_testimonials {
    line-height: 5vw;
  }

  .text_small.text_aboutme, .text_small.text_aboutme2 {
    font-size: 4vw;
    line-height: 7vw;
  }

  .text_small.text_footer1, .text_small.text_footer2 {
    font-size: 3.5vw;
  }

  .text_small.text_partner, .text_small.text_socials {
    text-align: center;
    font-size: 4vw;
  }

  .text_small.text2_leistungen {
    font-size: 3vw;
  }

  .text_gutschein_sektion {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    justify-content: flex-start;
    align-items: center;
  }

  .haken_gutschein {
    width: 4vw;
    margin-bottom: 32px;
  }

  .slogan_fotos {
    font-size: 4vw;
    line-height: 4vw;
  }

  .referenz_wrapper {
    z-index: 2;
    width: auto;
    height: auto;
    margin-left: 301vw;
    position: relative;
  }

  .referenz_slider {
    width: auto;
    max-width: none;
  }

  .slider-wrapper {
    width: auto;
  }

  .referenz_wrapper2 {
    width: 400vw;
    height: 40vw;
    margin-left: -300vw;
  }

  .section-16 {
    background-color: #fff;
    height: 75vw;
  }

  .section-17 {
    background-color: #fff;
    position: static;
  }

  .secondary_btn {
    height: 10.5vw;
  }

  .secondary_btn_text {
    padding-left: 6vw;
    padding-right: 6vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .div-block-6 {
    width: 10vw;
    height: 10vw;
  }

  .image-12 {
    width: 3vw;
    max-width: 3vw;
  }

  .facebookicon, .icon_whatsapp {
    width: 8vw;
    max-width: 8vw;
  }

  .section-18 {
    margin-top: 14vw;
  }

  .section-19 {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    place-items: start stretch;
    margin-top: 8vw;
    display: grid;
  }

  .section-20 {
    justify-content: flex-start;
    align-items: center;
  }

  .image-13 {
    width: 4vw;
    max-width: 4vw;
  }

  .footer_info_paragraph {
    font-size: 4.5vw;
    line-height: 4vw;
  }

  .paragraph-6, .paragraph-7 {
    font-size: 3vw;
  }

  .jannsen_bild {
    width: 35vw;
  }

  .section-21 {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    flex-flow: column;
    height: auto;
    padding: 4vw 0;
  }

  .paragraph-8, .paragraph-9 {
    font-size: 4vw;
    line-height: 4vw;
  }

  .nav_insta_icon {
    width: 7vw;
    max-width: 7vw;
  }

  .nav_insta-icon {
    width: 7vw;
    max-width: 7vw;
    margin-left: 2vw;
    margin-right: 2vw;
  }

  .nav_facebook_icon {
    width: 7vw;
    max-width: 7vw;
  }

  .image-15 {
    height: 80vw;
  }

  .image-16 {
    width: 10vw;
    min-width: 10vw;
    max-width: 10vw;
  }

  .cta_text {
    width: 70vw;
    margin-bottom: 6vw;
    font-size: 4vw;
  }

  .cta_maintext {
    margin-bottom: 4vw;
    font-size: 6vw;
    line-height: 6vw;
  }

  .bold-text {
    font-size: 3vw;
    line-height: 3vw;
  }

  .heading1_text {
    margin-bottom: 4vw;
    font-size: 6vw;
    line-height: 6vw;
    text-decoration: none;
  }

  .image-22 {
    width: 30vw;
    max-width: 30vw;
  }

  .image-23 {
    width: 10vw;
    max-width: 10vw;
  }

  .image-30 {
    width: 20vw;
  }

  .section-25 {
    margin-left: 4vw;
  }

  .bold-text-2, .bold-text-3 {
    font-size: 3vw;
  }

  .insta {
    width: 8vw;
    max-width: 8vw;
  }

  .left_arrow {
    width: 10vw;
    min-width: 10vw;
    max-width: 10vw;
  }

  .referenz_wrapper-copy {
    width: 400vw;
    height: 40vw;
    margin-left: 301vw;
  }

  .referenz_wrapper_2 {
    z-index: 2;
    width: auto;
    height: auto;
    margin-left: -473vw;
    position: relative;
  }

  .lottie-animation {
    width: 400vw;
    height: auto;
  }

  .section-27 {
    height: 100%;
    margin-top: -35vw;
    padding-top: 20vw;
  }

  .menu_wrapper_text {
    margin-bottom: 0;
  }

  .btn_wrapper_menu {
    margin-top: 0;
  }

  .checkbox {
    width: 70px;
    height: 30px;
  }

  .janssen-logo {
    width: 28vw;
  }

  .jannsen_bild2 {
    width: 35vw;
  }

  .right_arrow {
    width: 10vw;
    min-width: 10vw;
    max-width: 10vw;
  }

  .bold-text-5 {
    font-size: 6vw;
  }

  .section-37, .section-38 {
    flex-flow: column;
  }

  .container-12 {
    margin-top: 4vw;
    margin-left: 0;
  }

  .image-33 {
    width: 2.4vw;
    height: 2.4vw;
  }

  .text-block {
    font-size: 2.4vw;
  }

  .div-block-8 {
    padding: 5px 8px;
  }

  .image-34 {
    width: 3vw;
    height: 3vw;
  }

  .text-block-2, .teb, .teb-copy, .linkie {
    font-size: 3vw;
  }
}

@media screen and (max-width: 479px) {
  .navbar_section {
    background-color: #fff;
  }

  .primarybtn {
    flex-flow: row;
    order: 0;
    align-self: flex-start;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .primarybtn.btnmain {
    height: 14vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .primarybtn.leistungen_btn {
    align-self: center;
    height: 16vw;
    padding-left: 12vw;
    padding-right: 12vw;
    font-size: 6vw;
    line-height: 6vw;
  }

  .primarybtn.menu_btn {
    width: 100%;
    margin-top: 4vw;
    margin-left: 0;
    font-size: 6vw;
  }

  .nav_logo {
    width: 12vw;
    max-width: 12vw;
  }

  .nav_logo_container {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    margin-right: 10vw;
  }

  .socials_icons.footer_icons {
    grid-column-gap: 20vw;
    grid-row-gap: 20vw;
    margin-bottom: 20vw;
  }

  .start_section {
    margin-top: 2vw;
  }

  .nav_menu_icon {
    width: 20vw;
    max-width: 20vw;
    height: 32vw;
    margin-left: 0;
    margin-right: 0;
  }

  .nav_container_btns {
    z-index: 100;
    grid-column-gap: 1.2vw;
    grid-row-gap: 1.2vw;
  }

  .snownails_logo_text {
    margin-left: 0;
  }

  .insta_icon {
    width: 20vw;
    min-width: 20vw;
    max-width: 20vw;
  }

  .container-5 {
    justify-content: flex-start;
    align-items: center;
  }

  .main_container_img, .main_img_frau {
    margin-top: 0;
  }

  .heading2_text {
    text-align: center;
    letter-spacing: 0;
    margin-top: 6vw;
    margin-bottom: 4vw;
    font-size: 8vw;
    font-weight: 700;
    line-height: 12vw;
  }

  .text_middle {
    text-align: center;
    margin-bottom: 8vw;
    font-size: 6vw;
    line-height: 8.6vw;
  }

  .text_middle.text_leistungen {
    margin-bottom: 3vw;
    font-size: 7vw;
  }

  .container-7 {
    width: 70vw;
  }

  .heading_mark {
    height: 4vw;
    margin-top: -8vw;
  }

  .heading-4 {
    font-size: 6vw;
    line-height: 6vw;
  }

  .container-8 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    display: flex;
  }

  .heading_wrapper {
    margin-top: 48vw;
    margin-bottom: 20vw;
  }

  .ber_mich_wrapper {
    grid-column-gap: 46vw;
    grid-row-gap: 46vw;
  }

  .cta_paragraph, .paragraph-2 {
    width: 80vw;
    font-size: 6vw;
    line-height: 8vw;
  }

  .image-9 {
    width: 60vw;
    margin-top: 89vw;
  }

  .testimonial_section {
    z-index: 2;
  }

  .paragraph-3 {
    font-size: 5.5vw;
    line-height: 6vw;
  }

  .paragraph-4 {
    font-size: 6vw;
    line-height: 6vw;
  }

  .div-block-5.next-button {
    margin-right: 2vw;
  }

  .div-block-5.back-button {
    margin-left: 2vw;
  }

  .slider-4 {
    height: 130vw;
  }

  .mask-4 {
    width: 100vw;
    height: 110vw;
  }

  .meinstudio_wrapper {
    width: 100vw;
  }

  .section-11 {
    width: 100%;
  }

  .code-embed {
    height: 150vw;
  }

  .image_mystudio {
    width: 100vw;
  }

  .picture_section {
    width: 100vw;
    height: 50vw;
  }

  .mystudio_section {
    position: static;
  }

  .gutschein_section {
    z-index: 2;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .form {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-14 {
    width: 90vw;
  }

  .text-field, .text-field-2 {
    height: 16vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .nachricht_feld {
    padding-bottom: 50vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .submit-button {
    width: 100%;
    height: 16vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .section-15 {
    height: auto;
  }

  .image-11 {
    width: 140vw;
    max-width: 140vw;
    height: 100vw;
    margin-right: 73px;
  }

  .text_small {
    margin-bottom: 3vw;
    font-size: 6vw;
    line-height: 6vw;
  }

  .text_small.berschrift_gutschein, .text_small.berschrift2_gutschein {
    font-size: 6vw;
    line-height: 7vw;
  }

  .text_small.text_testimonials {
    font-size: 5vw;
    line-height: 6vw;
  }

  .text_small.text_aboutme, .text_small.text_aboutme2 {
    font-size: 5vw;
    line-height: 9vw;
  }

  .text_small.text_footer1 {
    width: auto;
    font-size: 6vw;
  }

  .text_small.text_footer2 {
    font-size: 6vw;
  }

  .text_small.text_partner {
    font-size: 7vw;
  }

  .text_small.text_socials {
    margin-top: 16vw;
    margin-bottom: 4vw;
    font-size: 7vw;
    font-weight: 400;
  }

  .text_small.text2_leistungen {
    font-size: 5vw;
    line-height: 6vw;
  }

  .haken_gutschein {
    margin-bottom: 24px;
  }

  .slogan_fotos {
    margin-top: -15vw;
    margin-bottom: 20vw;
    font-size: 6vw;
    line-height: 6vw;
  }

  .referenz_wrapper {
    z-index: 2;
    width: auto;
    height: auto;
    margin-left: 501vw;
    position: relative;
  }

  .referenz_slider {
    width: auto;
    max-width: none;
  }

  .slider-wrapper {
    width: auto;
  }

  .referenz_wrapper2 {
    width: 600vw;
    height: 70vw;
    margin-left: -499vw;
  }

  .section-16 {
    height: 120vw;
    position: relative;
  }

  .section-17 {
    position: relative;
  }

  .secondary_btn {
    height: 17vw;
  }

  .secondary_btn_text {
    padding-left: 10vw;
    padding-right: 10vw;
    font-size: 6vw;
    line-height: 6vw;
  }

  .div-block-6 {
    width: 16vw;
    height: 16vw;
  }

  .image-12 {
    width: 5vw;
    max-width: 6vw;
  }

  .footer_section {
    padding-left: 0;
    padding-right: 0;
  }

  .facebookicon, .icon_whatsapp {
    width: 12vw;
    max-width: 12vw;
  }

  .section-18 {
    grid-column-gap: 14vw;
    grid-row-gap: 14vw;
    margin: 20vw 0 6vw;
    padding-top: 8vw;
    padding-left: 0;
    padding-right: 0;
  }

  .section-19 {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-20 {
    flex-flow: column;
    width: 90%;
  }

  .image-13 {
    width: 5vw;
    max-width: 5vw;
  }

  .footer_info_paragraph {
    font-size: 6vw;
  }

  .paragraph-6 {
    font-size: 6vw;
    line-height: 5vw;
  }

  .paragraph-7 {
    font-size: 5vw;
    line-height: 5vw;
  }

  .jannsen_bild {
    width: 70vw;
  }

  .section-21 {
    grid-column-gap: 20vw;
    grid-row-gap: 20vw;
    margin-bottom: 0;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .paragraph-8, .paragraph-9 {
    font-size: 5vw;
    line-height: 5vw;
  }

  .section-23 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 90%;
  }

  .image-15 {
    height: 100vw;
  }

  .image-16 {
    width: 10vw;
    min-width: 10vw;
    max-width: 10vw;
  }

  .cta_text {
    width: 80vw;
    margin-bottom: 12vw;
    font-size: 5.5vw;
    line-height: 6vw;
  }

  .cta_maintext {
    margin-bottom: 8vw;
    font-size: 7vw;
    line-height: 7vw;
  }

  .bold-text {
    font-size: 5vw;
    line-height: 5vw;
  }

  .heading1_text {
    text-align: center;
    font-size: 9vw;
    line-height: 9vw;
  }

  .section-24 {
    width: 100%;
    margin-top: 4vw;
  }

  .image-22 {
    width: 50vw;
    max-width: 50vw;
  }

  .image-23 {
    width: 20vw;
    max-width: 20vw;
  }

  .image-30 {
    width: 30vw;
  }

  .link_group {
    width: auto;
    height: 6vw;
    margin-left: 2vw;
    margin-right: -6vw;
  }

  .section-25 {
    margin-left: -3vw;
  }

  .bold-text-2, .bold-text-3 {
    font-size: 5vw;
  }

  .bold-text-4 {
    font-size: 5vw;
    line-height: 5vw;
  }

  .insta {
    width: 12vw;
    max-width: 12vw;
  }

  .left_arrow {
    width: 10vw;
    min-width: 10vw;
    max-width: 10vw;
  }

  .referenz_wrapper-copy {
    width: 600vw;
    height: 70vw;
    margin-left: 500vw;
  }

  .referenz_wrapper_2 {
    z-index: 2;
    width: auto;
    height: auto;
    margin-left: -624vw;
    position: relative;
  }

  .lottie-animation {
    width: 500vw;
    height: 100%;
    margin-left: 0;
    position: absolute;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .section-26 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  .section-27 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .btn_wrapper_menu {
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: auto;
    height: 100%;
    margin-top: 0;
    padding-bottom: 8vw;
  }

  .checkbox {
    width: 100px;
  }

  .section-31, .section-32, .section-33 {
    width: 75vw;
  }

  .section-34 {
    width: auto;
  }

  .janssen-logo {
    width: 50vw;
  }

  .jannsen_bild2 {
    width: 70vw;
    margin-bottom: -10vw;
    margin-right: 0;
  }

  .section-36 {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-flow: column;
    display: flex;
  }

  .right_arrow {
    width: 10vw;
    min-width: 10vw;
    max-width: 10vw;
  }

  .bold-text-5 {
    font-size: 6vw;
  }

  .container-12 {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    background-color: #c51f1f;
    border-radius: 20px;
    margin-top: 0;
    margin-left: auto;
    padding: 1vw;
  }

  .image-33 {
    width: 4vw;
    height: 4vw;
  }

  .text-block {
    color: #fff;
    font-family: Afacad, sans-serif;
    font-size: 4vw;
  }

  .image-34 {
    width: 5vw;
    height: 5vw;
  }

  .text-block-2 {
    font-size: 4vw;
  }

  .teb {
    border-radius: 20px;
    font-size: 4vw;
  }

  .dropdown-toggle {
    background-color: #596fa1;
    border-radius: 20px;
    margin-top: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .dropdown-toggle.w--open {
    border-radius: 0;
  }

  .dropdown {
    border-radius: 20px;
  }

  .dropdown-list.w--open {
    background-color: #596fa1;
    border-radius: 5px;
  }

  .icon-2 {
    background-color: #596fa1;
  }

  .teb-copy, .linkie {
    border-radius: 20px;
    font-size: 4vw;
  }
}

#w-node-edf202f6-93c3-9ced-1333-9faecdb4e6a6-c6c04fdb {
  grid-area: Area;
}

#w-node-_7144860d-76e8-2b80-c063-4072455023de-c6c04fdb, #w-node-_13be4dfd-33a1-d6cf-baa1-897059a94d52-c6c04fdb, #w-node-_121785a8-96c9-89ea-79ba-fceac367272d-c6c04fdb, #w-node-_1ef4ce19-7d97-e2f0-e9c9-1732fc503786-c6c04fdb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1070cc43-84a6-a5cf-aa38-42061d8091f1-c6c04fdb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-_7144860d-76e8-2b80-c063-4072455023de-c6c04fdb {
    grid-area: Area-8;
  }

  #w-node-_13be4dfd-33a1-d6cf-baa1-897059a94d52-c6c04fdb {
    grid-area: Area-4;
  }

  #w-node-_121785a8-96c9-89ea-79ba-fceac367272d-c6c04fdb {
    grid-area: Area-5;
  }

  #w-node-_1ef4ce19-7d97-e2f0-e9c9-1732fc503786-c6c04fdb {
    grid-area: Area-7;
  }
}



/* ===== Ergaenzungen ===== */
@media(min-width:992px){.section-16{background-image:url('../images/bg_cta.webp'),linear-gradient(#fff,#fff)}}
.code-embed-2{position:relative}
#snMapFrame{display:block;width:100%;height:100%;border:0;border-radius:inherit}
.sn-map-ph{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:linear-gradient(160deg,#f6f8fc,#e8eef8);border-radius:inherit;font-family:Afacad,sans-serif;color:#1f2c4c}
.sn-map-ph p{margin:0;font-size:max(15px,1.3vw);line-height:1.4;max-width:34ch}
.sn-map-link{font-size:max(14px,1.1vw);color:#596fa2;text-decoration:underline}
@media(max-width:767px){.sn-map-ph p{font-size:4vw}.sn-map-link{font-size:3.6vw}}
#dienstleistungen,#ueber-mich,#bewertungen,#mein-studio,#gutscheine,#fotos,#kontakt{scroll-margin-top:6vw}
@media(max-width:991px){#dienstleistungen,#ueber-mich,#bewertungen,#mein-studio,#gutscheine,#fotos,#kontakt{scroll-margin-top:14vw}}
@media(max-width:767px){#dienstleistungen,#ueber-mich,#bewertungen,#mein-studio,#gutscheine,#fotos,#kontakt{scroll-margin-top:20vw}
.nav_container_btns{gap:0}
.nav_container_btns .primarybtn{display:flex;flex:0 1 auto;max-width:29vw;height:10vw;min-height:10vw;padding:0 2.2vw;margin-left:1vw;text-align:center;align-items:center;justify-content:center;white-space:normal;text-wrap:balance;font-size:2.7vw;line-height:1.2}
.nav_container_btns .nav_telefon_button{flex:0 0 10vw;width:10vw;height:10vw;border-width:.8vw}
.nav_container_btns .nav_telefon_icon{width:5vw;max-width:5vw}
.nav_container_btns .link_group{flex:none;width:auto;height:10vw;margin-left:1vw;margin-right:0}
.nav_container_btns .nav_menu_icon{width:10vw;max-width:10vw;height:10vw;margin-left:0}}
.sn-ic{display:block;height:auto;color:#596fa2;flex:none;overflow:visible}
.sn-wa{box-sizing:border-box;padding:6%}
.icon_whatsapp.sn-ic,.insta.sn-ic,.facebookicon.sn-ic,.image-13.sn-ic{color:#fff}
.image-30.sn-ic{margin-left:auto;margin-right:auto}
.primarybtn,.secondary_btn,.submit-button{background-image:linear-gradient(135deg,#6a82b8,#596fa2);background-color:#596fa2;border:0;box-shadow:0 8px 20px #596fa24d;letter-spacing:.2px;text-decoration:none;cursor:pointer;transition:box-shadow .25s ease,background-color .25s ease,filter .25s ease}
.primarybtn:hover,.secondary_btn:hover,.submit-button:hover{background-image:linear-gradient(135deg,#7a92c8,#6a82b8);box-shadow:0 12px 28px #596fa266}
.primarybtn:active,.secondary_btn:active,.submit-button:active{background-image:none;background-color:#293c68;box-shadow:0 4px 10px #293c6866}
.primarybtn:focus-visible,.secondary_btn:focus-visible,.submit-button:focus-visible{outline:3px solid #3bbdee80;outline-offset:3px}
.submit-button:disabled{opacity:.6;cursor:wait}
.nav_telefon_button{flex:0 0 auto;aspect-ratio:1/1;box-sizing:border-box;border-radius:50%;transition:background-color .25s,box-shadow .25s}
.nav_telefon_button .nav_telefon_icon{flex:0 0 auto}
.nav_telefon_button:hover{background-color:#596fa21a;box-shadow:0 6px 16px #596fa240}
.nav_insta-icon,.nav_facebook_icon,.nav_insta_icon,.insta,.icon_whatsapp,.facebookicon{transition:opacity .25s}
.nav_insta-icon:hover,.nav_facebook_icon:hover,.nav_insta_icon:hover,.insta:hover,.icon_whatsapp:hover,.facebookicon:hover{opacity:.75}
.text-field,.text-field-2,.nachricht_feld{transition:border-color .25s,box-shadow .25s}
.text-field:focus,.text-field-2:focus,.nachricht_feld:focus{border-color:#596fa2;box-shadow:0 0 0 4px #596fa22e;outline:0}
.sn-form-msg{display:none;margin-top:1.2vw;padding:14px 18px;border-radius:16px;font-family:Afacad,sans-serif;font-size:max(15px,1.2vw);line-height:1.4}
.sn-form-msg.ok{display:block;background:#e9f6ee;color:#1d5c37;border:1px solid #bfe3cc}
.sn-form-msg.err{display:block;background:#fdeceb;color:#8a2a24;border:1px solid #f3c4c0}
@media(max-width:767px){.sn-form-msg{font-size:4vw;margin-top:4vw}}
.nav_menu_icon{display:flex;align-items:center;justify-content:center;color:#596fa2;overflow:hidden}
.sn-burger{width:2.2vw;min-width:22px;height:auto;display:block}
@media(max-width:991px){.sn-burger{width:5vw;min-width:22px}}@media(max-width:767px){.sn-burger{width:5.5vw;min-width:20px}}
.sn-hide{opacity:0;translate:0 28px;transition:opacity .9s ease,translate .9s ease}
.sn-hide.sn-in{opacity:1;translate:0 0}
.section-17 .referenz_wrapper,.section-17 .referenz_wrapper_2{margin-left:0;width:max-content;flex:none;align-self:flex-start}
.section-17 .referenz_wrapper{animation:snL 70s linear infinite}
.section-17 .referenz_wrapper_2{animation:snR 70s linear infinite}
@keyframes snL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes snR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.image_slider{object-fit:cover}
.section-26{overflow:hidden;pointer-events:none;inset:0}
.sn-flake{--m:1;position:absolute;left:0;top:0;width:calc(var(--s)*var(--m));aspect-ratio:152/161;background:url(../images/snowflake.svg) center/contain no-repeat;will-change:transform;animation:snFly var(--d) linear infinite;animation-delay:var(--dl)}
@keyframes snFly{from{transform:translate(var(--x0),var(--y0)) rotate(0deg)}to{transform:translate(var(--x1),var(--y1)) rotate(var(--r))}}
.sn-flake.f1{--s:24vw;--d:150s;--dl:-38s;--x0:-50vw;--y0:14vh;--x1:115vw;--y1:52vh;--r:200deg}
.sn-flake.f2{--s:18vw;--d:190s;--dl:-104s;--x0:115vw;--y0:78vh;--x1:-50vw;--y1:34vh;--r:-240deg}
.sn-flake.f3{--s:30vw;--d:170s;--dl:-136s;--x0:-50vw;--y0:46vh;--x1:115vw;--y1:86vh;--r:160deg}
@media(max-width:767px){.section-26{height:100%}.sn-flake{--m:1.55}}
@media(prefers-reduced-motion:reduce){.sn-flake,.section-17 .referenz_wrapper,.section-17 .referenz_wrapper_2{animation:none}.sn-flake{transform:translate(30vw,30vh)}.sn-hide{transition:none}}
.section-9{align-items:center;justify-content:center;gap:1vw}
.sn-rv-view{width:64vw;flex:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:12px 0 20px;-webkit-overflow-scrolling:touch}
.sn-rv-view::-webkit-scrollbar{display:none}
.sn-rv-track{display:flex;gap:1.5vw;width:max-content}
.sn-rv-card{box-sizing:border-box;flex:none;scroll-snap-align:start;width:calc((64vw - 3vw)/3);background:#f4f4f4;border:1px solid #e4e4e4;border-radius:20px;padding:2vw 1.8vw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;opacity:.6;transform:scale(.97);transition:opacity .5s ease,transform .5s ease,box-shadow .5s;color:#333}
.sn-rv-card.on{opacity:1;transform:none;box-shadow:0 10px 26px #0000001a}
.sn-rv-card .image-30{width:7vw;max-width:100%;margin-bottom:1.2vw}
.sn-rv-card .text_testimonials{margin:0 0 1.2vw}
.sn-rv-name{margin:0;font-weight:700;color:#222}
.left_arrow,.right_arrow{transition:opacity .25s;cursor:pointer}
.div-block-5{cursor:pointer}.div-block-5:hover svg{opacity:.7}
@media(max-width:991px){.sn-rv-view{width:70vw}.sn-rv-card{width:calc((70vw - 1.5vw)/2)}.sn-rv-card .image-30{width:12vw}}
@media(max-width:767px){.sn-rv-view{width:68vw}.sn-rv-card{width:68vw;padding:5vw 5vw}.sn-rv-track{gap:3vw}.sn-rv-card .image-30{width:26vw;margin-bottom:3vw}}
@media(prefers-reduced-motion:reduce){.sn-rv-card{transition:none}}
.sn-ov{position:fixed;inset:0;z-index:99998;background:#1f2c4c66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.sn-ov.open{opacity:1;visibility:visible}
.sn-modal{position:fixed;z-index:99999;left:50%;top:50%;width:min(860px,92vw);max-height:86vh;display:flex;flex-direction:column;background:#fff;border-radius:28px;box-shadow:0 30px 80px #1f2c4c55;font-family:Afacad,sans-serif;color:#222;transform:translate(-50%,-46%) scale(.97);opacity:0;visibility:hidden;transition:transform .35s,opacity .3s,visibility .3s;overflow:hidden}
.sn-modal.open{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}
.sn-mh{display:flex;align-items:center;justify-content:space-between;padding:28px 36px 18px;border-bottom:1px solid #e6e9f2;background:linear-gradient(#f6f8fc,#fff)}
.sn-mh h2{margin:0;font-size:34px;line-height:40px;font-weight:600;position:relative;z-index:0}
.sn-mh h2:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:14px;background:#3bbdee4f;z-index:-1}
.sn-x{width:44px;height:44px;border-radius:50%;border:0;background:#596fa2;color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .2s}
.sn-x:hover{background:#7388b8}.sn-x:active{background:#293c68}
.sn-mb{padding:24px 36px 8px;overflow-y:auto;font-size:18px;line-height:28px}
.sn-mb h3{font-size:24px;line-height:30px;font-weight:700;margin:34px 0 8px;color:#1f2c4c;padding-bottom:6px;border-bottom:1px solid #e6e9f2}
.sn-mb h4{font-size:19px;line-height:26px;font-weight:700;margin:22px 0 4px;color:#1f2c4c}
.sn-mb h3:first-child{margin-top:0}.sn-mb p{margin:0 0 12px}
.sn-mb ul{margin:0 0 12px;padding-left:22px}.sn-mb li{margin-bottom:6px}
.sn-mb a{color:#596fa2;text-decoration:underline;word-break:break-word}
.sn-caps{font-size:16px;line-height:24px}
.sn-src{font-size:15px;color:#6b7690;margin-top:22px}
.sn-mf{padding:16px 36px 26px;display:flex;justify-content:flex-end}
.sn-btn{background:#596fa2;color:#fff;border:0;border-radius:40px;height:48px;padding:0 32px;font:700 18px Afacad,sans-serif;cursor:pointer}
.sn-btn:hover{background:#7388b8}.sn-btn:active{background:#293c68}
.sn-dr{position:fixed;top:0;right:0;bottom:0;z-index:99999;width:min(420px,88vw);background:#fff;box-shadow:-20px 0 60px #1f2c4c40;transform:translateX(105%);transition:transform .4s cubic-bezier(.22,.8,.3,1);display:flex;flex-direction:column;font-family:Afacad,sans-serif;visibility:hidden}
.sn-dr.open{transform:none;visibility:visible}
.sn-dh{display:flex;justify-content:flex-end;padding:22px 24px}
.sn-dn{display:flex;flex-direction:column;padding:0 40px;overflow-y:auto}
.sn-dn a{display:block;padding:18px 0;font-size:28px;font-weight:500;color:#1f2c4c;text-decoration:none;transition:color .2s,padding .2s}
.sn-dn a+a{border-top:1px solid #d9deea}
.sn-dn a:hover{color:#596fa2;padding-left:8px}
.sn-df{padding:0 40px 34px}.sn-df .sn-sep{border-top:1px solid #d9deea;margin-bottom:24px}
.sn-df a{display:flex;align-items:center;justify-content:center;background:#596fa2;color:#fff;border-radius:40px;height:52px;font-weight:700;font-size:18px;text-decoration:none}
.sn-df a:hover{background:#7388b8}
body.sn-lock{overflow:hidden}
@media(max-width:600px){.sn-mh{padding:20px 20px 14px}.sn-mh h2{font-size:26px}.sn-mb{padding:18px 20px 4px;font-size:16px;line-height:25px}.sn-mb h3{font-size:21px}.sn-mb h4{font-size:17px}.sn-caps{font-size:14px;line-height:21px}.sn-mf{padding:12px 20px 20px}.sn-dn a{font-size:24px}}