@font-face {
  font-family: Relationship Of Mclodrame;
  src: url('../fonts/Relationship-of-mÇlodrame.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway Variablefont Wght;
  src: url('../fonts/Raleway-VariableFont_wght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway Variablefont Wght;
  src: url('../fonts/Raleway-Italic-VariableFont_wght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-ExtraBoldItalic.ttf') format("truetype"), url('../fonts/Raleway-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Bold.ttf') format("truetype"), url('../fonts/Raleway-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Bold.otf') format("opentype"), url('../fonts/Satoshi-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Italic.otf') format("opentype"), url('../fonts/Satoshi-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Light.otf') format("opentype"), url('../fonts/Satoshi-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Medium.otf') format("opentype"), url('../fonts/Satoshi-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Black.otf') format("opentype"), url('../fonts/Satoshi-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --new: 200;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

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

.spline-scene {
  background-color: #000;
}

.image-10 {
  border-radius: 6%;
}

.illus, .illus_afi {
  overflow: hidden;
}

.berschrift_webdesign {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.bild_yoga {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: url('../images/Yoga.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 4rem 2rem;
  display: flex;
  overflow: visible;
}

.text-weight-semibold {
  text-align: left;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 600;
}

.div-block-6-copy-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.div-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 35%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.video_yoga {
  z-index: 0;
  aspect-ratio: 16 / 9;
  object-fit: fill;
  border-radius: .5rem;
  width: auto;
  height: 15rem;
  position: relative;
  overflow: hidden;
}

.container_large {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.image-8 {
  overflow: hidden;
}

.video_skar2-copy {
  z-index: 0;
  aspect-ratio: 16 / 9;
  object-fit: fill;
  border-radius: .5rem;
  width: auto;
  height: 20rem;
  position: relative;
  overflow: hidden;
}

.insta-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: auto;
  padding: 0;
  display: flex;
  overflow: visible;
}

.board_skar {
  width: auto;
  height: 15rem;
  position: relative;
  overflow: visible;
}

.background-video-8-copy {
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 9px;
  width: 19rem;
  max-width: none;
  height: 34rem;
  position: relative;
  overflow: hidden;
}

.background-video-8 {
  aspect-ratio: auto;
  object-fit: fill;
  border-radius: 9px;
  width: 19rem;
  max-width: none;
  height: 34rem;
  position: relative;
  overflow: hidden;
}

.button {
  color: #333030;
  text-align: center;
  letter-spacing: .02rem;
  background-color: #0000;
  border-radius: 999rem;
  padding: .5rem 1rem;
  font-family: Satoshi, Georgia, sans-serif;
  font-weight: 600;
}

.button.is-secondary {
  color: #232325;
  background-color: #0000;
  border: .5px solid #333030;
  padding: .6rem 1rem;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 600;
}

.button.is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.is-small {
  padding: .8rem 1rem;
  font-size: .9rem;
}

.button.is-large {
  padding: 1.5rem 2.5rem;
  font-size: 1.2rem;
}

.button.is-disabled {
  opacity: .25;
  background-image: linear-gradient(#757575, #757575);
}

.insta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: url('../images/Bildschirmfoto-2026-04-08-um-18.22.35.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 35rem;
  padding: 4rem 2rem;
  display: flex;
  overflow: visible;
}

.heading-style-h3 {
  color: #c8ffd0;
  letter-spacing: -.005em;
  text-transform: none;
  font-family: Raleway, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1;
}

.div-block-21 {
  display: none;
}

.nummer-adresse {
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  max-width: 100rem;
  margin: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.spacer-md-start {
  padding-top: 4.5rem;
  display: block;
}

.text-block {
  text-align: right;
  padding-left: 0;
  padding-right: 0;
}

.text-block.text-style-italic {
  color: #333030;
  font-family: Raleway, Arial, sans-serif;
}

.div-block-19 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 41px;
  display: flex;
}

.header {
  flex-flow: column;
  width: 100%;
  max-width: 100rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7rem;
  display: flex;
}

.tisch {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bild_citrus {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-6.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 4rem 2rem;
  display: flex;
  overflow: visible;
}

.image-9-copy {
  border-radius: 13px;
  max-width: 100%;
  overflow: hidden;
}

.icons1 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bild_immo-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-7.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 4rem 2rem;
  display: flex;
  overflow: visible;
}

.spacer-xxs-start {
  padding-top: .5rem;
}

.div-block-8-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-9.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 4rem 2rem;
  display: flex;
  overflow: visible;
}

.div-block-6 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.image-8-copy-copy {
  overflow: hidden;
}

.text-block-copy {
  text-align: right;
  padding-left: .5rem;
  padding-right: .5rem;
  font-weight: 600;
}

.handy_citrus {
  object-fit: scale-down;
  width: auto;
  max-width: 100%;
  height: 15rem;
  position: relative;
  overflow: visible;
}

.div-block-3 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  display: flex;
}

.image7-copy {
  width: auto;
  height: 15rem;
  position: relative;
  overflow: visible;
}

.background-video-9 {
  border-radius: 8px;
  width: 29.5rem;
  height: 18rem;
}

.bild_skar {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-4.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 4rem 2rem;
  display: flex;
  overflow: visible;
}

.video_fee2 {
  z-index: 0;
  aspect-ratio: 16 / 9;
  object-fit: fill;
  border-radius: .5rem;
  width: auto;
  height: 20rem;
  position: relative;
  overflow: hidden;
}

.video_iimmo {
  z-index: 0;
  aspect-ratio: 16 / 9;
  object-fit: fill;
  border-radius: .5rem;
  width: auto;
  height: 15rem;
  position: relative;
  overflow: hidden;
}

.orange-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bild_achitektur {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-8.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 4rem 2rem;
  display: flex;
  overflow: visible;
}

.div-block-4 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 8.3rem;
  padding-bottom: 0;
  display: flex;
}

.fee1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-29.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 4rem 2rem;
  display: flex;
  overflow: visible;
}

.heading-style-h1 {
  color: #c8ffd0;
  text-align: center;
  letter-spacing: .2rem;
  text-transform: none;
  font-family: Relationship Of Mclodrame, Georgia, sans-serif;
  font-size: 10rem;
  font-weight: 400;
  line-height: 1;
}

.div-block-7-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.icons1-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.spacer-xs-start {
  padding-top: .8rem;
}

.b-cher1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.berschrift_socialmedia {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.illus_afi-copy-copy {
  border-radius: 13px;
  overflow: hidden;
}

.berschrift_foto {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.portraits {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 0;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  align-items: flex-start;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.illus_afi-copy {
  border-radius: 13px;
  overflow: hidden;
}

.text-style-italic {
  font-family: Raleway, Arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.berschrift_iconsammlung {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.div-block-5 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  display: flex;
  position: static;
}

.video_fee1 {
  z-index: 0;
  aspect-ratio: 16 / 9;
  object-fit: fill;
  border-radius: .5rem;
  width: auto;
  height: 20rem;
  position: relative;
  overflow: hidden;
}

.wandbild {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.background-video-5 {
  z-index: 0;
  aspect-ratio: 16 / 9;
  object-fit: fill;
  border-radius: .5rem;
  width: auto;
  height: 15rem;
  position: relative;
  overflow: hidden;
}

.handy_skar {
  object-fit: scale-down;
  width: auto;
  max-width: 100%;
  height: 15rem;
  position: relative;
  overflow: visible;
}

.swfoto {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-20 {
  display: none;
}

.handy_yoga, .image-4-copy {
  object-fit: scale-down;
  width: auto;
  max-width: 100%;
  height: 15rem;
  position: relative;
  overflow: visible;
}

.div-block-13-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.div-block-7 {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  font-family: Satoshi, Georgia, sans-serif;
  display: flex;
}

.page-padding {
  height: auto;
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  position: static;
}

.handy {
  display: flex;
}

.board_immo, .board_yoga {
  width: auto;
  height: 15rem;
  position: relative;
  overflow: visible;
}

.video_architektur {
  z-index: 0;
  aspect-ratio: 16 / 9;
  object-fit: fill;
  border-radius: .5rem;
  width: auto;
  height: 15rem;
  position: relative;
  overflow: hidden;
}

.image-8-copy {
  overflow: hidden;
}

.div-block-14 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.texte {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.bold-skar2-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-31.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 4rem 2rem;
  display: flex;
  overflow: visible;
}

.heading-style-h2 {
  color: #333030;
  letter-spacing: -.01em;
  text-transform: none;
  font-family: Relationship Of Mclodrame, Georgia, sans-serif;
  font-size: 3.8rem;
  font-weight: 400;
  line-height: 1;
}

.ilmpark {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.spacer-xs-end {
  border-top: 1px solid #333030;
  padding-bottom: .8rem;
}

.saftkutsche {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tischgestellschaft {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 0;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  height: auto;
  padding: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.swfoto1, .krankheit_illus-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 0;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.krankheit_illus {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 0;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.div-block-6-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.video_skar {
  z-index: 0;
  aspect-ratio: 16 / 9;
  object-fit: fill;
  border-radius: .5rem;
  width: auto;
  height: 15rem;
  position: relative;
  overflow: hidden;
}

.afi2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-17 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.fee2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-30.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 4rem 2rem;
  display: flex;
  overflow: visible;
}

.neulink {
  color: #333030;
  text-transform: none;
  padding-right: 0;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.neulink:hover {
  color: #c8ffd0;
}

.div-block-18 {
  display: none;
}

.board_architektur {
  width: auto;
  height: 15rem;
  position: relative;
  overflow: visible;
}

.body {
  background-image: url('../images/Bildschirmfoto-2026-04-12-um-22.53.14.png');
  background-position: 0 0;
  background-size: contain;
  background-attachment: fixed;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.heading-style-h5 {
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.05;
}

.text-align-right {
  text-align: right;
}

.background-color-light-1 {
  background-color: #f0efe9;
}

.heading {
  color: #c8ffd0;
  letter-spacing: .2rem;
  text-indent: 0;
  font-size: 10rem;
  font-weight: 400;
}

.text-style-nowrap {
  white-space: nowrap;
}

.form-input {
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form-input.is-text-area {
  min-height: 8rem;
}

.styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.container-tiny {
  width: 100%;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
}

.container-tiny.align-left {
  margin-left: 0;
}

.spacer-xl-start {
  padding-top: 10rem;
  display: block;
}

.text-color-black {
  color: #232325;
  -webkit-text-stroke-color: #c8ffd0;
  border: 1px solid #333030;
}

.heading-2 {
  color: #333030;
  font-size: 3.8rem;
  font-weight: 400;
}

.styleguide-sections {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.copy-tiny {
  color: #333030;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

.text-color-grey {
  color: #757575;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.text-align-left {
  text-align: left;
}

.hide {
  display: none;
}

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

.styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: flex;
  position: relative;
}

.styleguide_item.is-stretch {
  flex-flow: column;
  justify-items: stretch;
}

.copy-medium {
  color: #333030;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.icon-height-small {
  height: 1rem;
}

.container-small {
  width: 100%;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small.align-left {
  margin-left: 0;
}

.form_message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.icon-height-medium {
  height: 2rem;
}

.styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.spacer-xxs-end {
  border-bottom: 1px solid #333030;
  padding-bottom: .5rem;
}

.overflow-hidden {
  overflow: hidden;
}

.styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.styleguide-heading {
  font-size: 2rem;
}

.container-medium {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.background-color-white {
  background-color: #fff;
}

.copy-small {
  color: #333030;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.4;
}

.spacer-sm-start {
  padding-top: 2.2rem;
}

.form_component {
  margin-bottom: 0;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.form_message-success {
  padding: 1.25rem;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.text-color-bright {
  color: #fffdf3;
}

.form_radio, .form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.spacer-xl-end {
  padding-bottom: 10rem;
}

.hide-desktop-only {
  display: none;
}

.spacer-sm-end {
  padding-bottom: 2.2rem;
}

.text-weight-regular {
  font-weight: 400;
}

.styleguide_item-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #0000001a;
  align-items: center;
  width: 100%;
  padding-bottom: 2rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.background-color-dark-1 {
  color: #f5f5f5;
  background-color: #151515;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.text-weight-bold {
  font-weight: 700;
}

.text-weight-medium {
  font-weight: 500;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.text-style-muted {
  opacity: .6;
}

.copy-large {
  color: #333030;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

.icon-height-large {
  height: 3rem;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.heading-4 {
  color: #333030;
  font-size: 1.5rem;
}

.styleguide_rich-text {
  -webkit-text-decoration: none;
  text-decoration: none;
}

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

.styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 3rem;
  padding-bottom: 2.25rem;
  line-height: 1.4;
  display: flex;
}

.styleguide_label {
  color: #757575;
  background-color: #ececec;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .3rem .5rem;
}

.text-weight-light {
  font-family: Raleway, Arial, sans-serif;
  font-weight: 300;
}

.text-weight-light.text-style-italic {
  font-weight: 400;
}

.overflow-auto {
  overflow: auto;
}

.spacer-md-end {
  padding-bottom: 4.5rem;
}

.link {
  text-decoration: none;
}

.heading-style-h6 {
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.1;
}

.styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.heading-3 {
  color: #c8ffd0;
  -webkit-text-stroke-color: #c8ffd0;
  flex-flow: column;
  font-family: Raleway Variablefont Wght, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  display: flex;
}

.heading-style-h4 {
  color: #333030;
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.5rem;
  line-height: 1.2;
}

.heading-5 {
  color: #333030;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.background-color-dark-2 {
  color: #f5f5f5;
  background-color: #303030;
}

.styleguide_header {
  background-color: #0000000d;
}

.div-block-14-copy {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.heading-style-h1-copy {
  color: #343030;
  text-align: center;
  letter-spacing: .2rem;
  -webkit-text-stroke-color: #6b6bc7;
  text-transform: none;
  padding-left: 2rem;
  padding-right: 0;
  font-family: Relationship Of Mclodrame, Georgia, sans-serif;
  font-size: 10rem;
  font-weight: 400;
  line-height: 1;
}

.body-2 {
  background-image: url('../images/Bildschirmfoto-2026-04-12-um-22.53.14.png');
  background-size: contain;
  background-attachment: fixed;
}

.text-block-2 {
  width: 100%;
  font-family: Raleway Variablefont Wght, Arial, sans-serif;
  font-weight: 600;
  display: block;
}

.div-block-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding: 0 1rem 1rem;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-22 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  object-fit: fill;
  flex-flow: column;
  width: 60%;
  margin-left: 0;
  padding-top: 0;
  display: flex;
  position: static;
}

.fakt1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-bottom: 5%;
  display: grid;
}

.div-block-24 {
  flex-flow: column;
  display: flex;
}

.div-block-copy {
  background-image: url('../images/Bildschirmfoto-2026-03-30-um-23.18.51.png');
  background-size: auto;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.text-block-2-copy {
  text-align: right;
  width: auto;
  padding-right: 0;
  font-family: Raleway Variablefont Wght, Arial, sans-serif;
  font-weight: 600;
  line-height: 100%;
  display: block;
  position: static;
}

.div-block-25 {
  background-image: url('../images/Portfolio_Pia_Blasius-1.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 5%;
  width: 60%;
  height: 17rem;
  margin-bottom: 1rem;
  padding-bottom: 0;
}

.div-block-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 35%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-26 {
  position: fixed;
}

.div-block-copy-copy {
  background-image: url('../images/Bildschirmfoto-2026-04-12-um-22.53.14.png');
  background-size: cover;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: fixed;
}

.name {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 35%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
}

.neuesmen {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 0;
  display: flex;
  position: static;
  inset: 0% 0% auto auto;
}

.headerinhalt {
  background-image: url('../images/DES-IGN.png');
  background-position: 50% 100%;
  background-size: cover;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  height: 100vh;
  margin-top: -55px;
  margin-left: -1.1rem;
  margin-right: -1.1rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
  position: static;
}

.headerneu {
  flex-flow: column;
  width: 100%;
  max-width: 100rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
}

.nummer-adresse-copy {
  flex-flow: row;
  justify-content: flex-end;
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.name-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 35%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 0;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
}

.text-block-2-copy-copy {
  text-align: right;
  width: auto;
  padding-bottom: 1rem;
  padding-right: 0;
  font-family: Raleway Variablefont Wght, Arial, sans-serif;
  font-weight: 800;
  line-height: 100%;
  display: block;
  position: static;
}

.image-11 {
  border-radius: 6%;
}

.div-block-2-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.div-block-27 {
  flex-flow: column;
  display: flex;
}

.div-block-28 {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  background-color: #333;
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding: .5rem .3rem;
  display: flex;
  position: fixed;
  inset: 10% auto auto 0%;
  overflow: hidden;
}

.text-style-link-copy {
  color: #c8ffd0;
  text-transform: none;
  padding-right: 0;
  font-family: Raleway, Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
}

.text-style-link-copy:hover {
  color: #fff;
}

.video {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.youtube {
  border-radius: 1.1rem;
  overflow: hidden;
}

.hnadynummer, .men-_arbeiten {
  display: flex;
}

.neulink-copy {
  color: #333030;
  text-transform: none;
  padding-right: 0;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.neulink-copy:hover {
  color: #c8ffd0;
}

.div-block-19-copy {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-17-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.background-video-9-copy {
  aspect-ratio: 16 / 9;
  object-fit: fill;
  border-radius: 8px;
  width: 50%;
  height: 100%;
}

.div-block-13-copy-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.background-video-8-copy-copy, .background-video-8-copy {
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 9px;
  width: 19rem;
  max-width: none;
  height: 34rem;
  position: relative;
  overflow: hidden;
}

.background-video-8-copy-copy-copy {
  aspect-ratio: auto;
  object-fit: cover;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 9px;
  width: 100%;
  max-width: none;
  height: 34rem;
  position: relative;
  overflow: hidden;
}

.background-video-8-copy-copy {
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 9px;
  width: 19rem;
  max-width: none;
  height: 34rem;
  position: relative;
  overflow: hidden;
}

.background-video-8-copy-copy-copy {
  box-sizing: border-box;
  aspect-ratio: 2 / 3;
  object-fit: fill;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 9px;
  flex-flow: row;
  width: 19rem;
  max-width: none;
  height: 34rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-29 {
  z-index: 2;
  box-sizing: border-box;
  aspect-ratio: 2;
  opacity: 1;
  background-image: url('../images/DES-IGN.png');
  background-position: 50% 100%;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  position: fixed;
  overflow: visible;
}

.page-padding-copy {
  height: 300vh;
  padding-left: 1.1rem;
  padding-right: 1.1rem;
}

.background-video-9-copy-copy, .background-video-9-copy-copy-copy {
  border-radius: 8px;
  width: 50%;
  height: 18rem;
}

.background-video-9-copy-copy {
  aspect-ratio: 16 / 9;
  object-fit: fill;
  border-radius: 8px;
  width: 50%;
  height: 100%;
}

.saftkutsche-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 1280px) {
  .div-block-20 {
    display: none;
  }

  .heading-style-h1-copy {
    padding-left: 2rem;
    padding-right: 0;
  }

  .headerinhalt {
    margin-left: -1.9rem;
    margin-right: -1.1rem;
  }
}

@media screen and (min-width: 1440px) {
  .heading-style-h1-copy {
    padding-left: 2rem;
    padding-right: 0;
  }

  .headerinhalt {
    margin-left: -1.1rem;
    margin-right: -1.1rem;
  }
}

@media screen and (min-width: 1920px) {
  .icons1 {
    overflow: hidden;
  }

  .image-8-copy-copy {
    object-fit: fill;
  }

  .icons1-copy {
    max-width: 100%;
  }

  .headerinhalt {
    height: 100vh;
    margin-left: -10.2rem;
    margin-right: -10.2rem;
  }
}

@media screen and (max-width: 991px) {
  .bild_yoga {
    background-image: url('../images/Yoga.png');
    height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .text-weight-semibold {
    text-align: left;
  }

  .video_yoga {
    border: 0 solid #000;
    border-radius: .5rem;
    height: 11rem;
    display: block;
    overflow: hidden;
  }

  .video_skar2-copy {
    border: 0 solid #000;
    border-radius: .5rem;
    height: 15rem;
    display: block;
    overflow: hidden;
  }

  .insta-copy {
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .board_skar {
    height: 11rem;
  }

  .background-video-8 {
    width: 15rem;
    height: 26.8rem;
  }

  .insta {
    background-image: url('../images/Bildschirmfoto-2026-04-08-um-18.22.35.png');
    height: 20rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .tisch {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .bild_citrus {
    background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-6.png');
    height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .icons1 {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .bild_immo-copy {
    background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-4.png');
    height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .div-block-8-copy {
    background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-9.png');
    height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .handy_citrus {
    width: auto;
    height: 11rem;
  }

  .image7-copy {
    height: 11rem;
  }

  .bild_skar {
    background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-4.png');
    height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .video_fee2 {
    border: 0 solid #000;
    border-radius: .5rem;
    height: 15rem;
    display: block;
    overflow: hidden;
  }

  .video_iimmo {
    border: 0 solid #000;
    border-radius: .5rem;
    height: 11rem;
    display: block;
    overflow: hidden;
  }

  .orange-copy {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .bild_achitektur {
    background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-8.png');
    height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .fee1 {
    background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-29.png');
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .icons1-copy, .b-cher1 {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .portraits {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .video_fee1 {
    border: 0 solid #000;
    border-radius: .5rem;
    height: 15rem;
    display: block;
    overflow: hidden;
  }

  .wandbild {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .background-video-5 {
    border: 0 solid #000;
    border-radius: .5rem;
    height: 11rem;
    display: block;
    overflow: hidden;
  }

  .handy_skar {
    width: auto;
    height: 11rem;
  }

  .swfoto {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .handy_yoga, .image-4-copy {
    width: auto;
    height: 11rem;
  }

  .div-block-13-copy {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    place-content: center;
    place-items: center;
    display: flex;
  }

  .page-padding {
    background-size: auto;
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }

  .board_immo, .board_yoga {
    height: 11rem;
  }

  .video_architektur {
    border: 0 solid #000;
    border-radius: .5rem;
    height: 11rem;
    display: block;
    overflow: hidden;
  }

  .bold-skar2-copy {
    background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-31.png');
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .ilmpark, .saftkutsche, .tischgestellschaft, .swfoto1, .krankheit_illus-copy, .krankheit_illus {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .video_skar {
    border: 0 solid #000;
    border-radius: .5rem;
    height: 11rem;
    display: block;
    overflow: hidden;
  }

  .afi2 {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .fee2 {
    background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-30.png');
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .board_architektur {
    height: 11rem;
  }

  .styleguide-heading {
    font-size: 3rem;
  }

  .hide-tablet {
    display: none;
  }

  .hide-desktop-only {
    display: block;
  }

  .styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .full-width-tablet {
    width: 100%;
    max-width: none;
  }

  .div-block-25 {
    height: 12rem;
  }

  .headerinhalt {
    border-radius: 0;
    margin-left: -1.9rem;
    margin-right: -2.4%;
  }

  .video {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-13-copy-copy {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    place-content: center;
    place-items: center;
    display: flex;
  }

  .background-video-8-copy {
    width: 15rem;
    height: 26.8rem;
  }

  .background-video-8-copy-copy, .background-video-8-copy-copy-copy {
    width: 15rem;
    height: 26.8rem;
  }

  .background-video-8-copy-copy-copy {
    width: 15rem;
    height: 26.9rem;
  }

  .page-padding-copy {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }

  .saftkutsche-copy {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .bild_yoga {
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-weight-semibold {
    text-align: left;
  }

  .div-block-6-copy-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .video_yoga {
    border-radius: .3rem;
    max-width: 48.8346%;
    height: 7rem;
  }

  .video_skar2-copy {
    border-radius: .3rem;
    max-width: 48.8346%;
    height: 10rem;
  }

  .insta-copy {
    height: auto;
    padding: 1rem;
  }

  .board_skar {
    height: 7rem;
  }

  .background-video-8-copy, .background-video-8 {
    width: 9rem;
    height: 16rem;
  }

  .insta {
    height: 20rem;
    padding: 1rem;
  }

  .tisch {
    height: auto;
    padding: 0;
  }

  .bild_citrus {
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .icons1 {
    height: auto;
    padding: 0;
  }

  .bild_immo-copy, .div-block-8-copy {
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-block-6 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .handy_citrus, .image7-copy {
    height: 7rem;
  }

  .bild_skar {
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .video_fee2 {
    border-radius: .3rem;
    max-width: 48.8346%;
    height: 10rem;
  }

  .video_iimmo {
    border-radius: .3rem;
    max-width: 48.8346%;
    height: 7rem;
  }

  .orange-copy {
    height: auto;
    padding: 0;
  }

  .bild_achitektur {
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .fee1 {
    height: auto;
    padding: 1rem;
  }

  .heading-style-h1 {
    ---mode--collection-fe111a9b-451f-c5ba-16ae-7e7bd140432e: mode-99bbf63a-09da-3877-3fac-27ddba9a873e;
  }

  .div-block-7-copy {
    flex-flow: column;
  }

  .icons1-copy {
    height: auto;
    padding: 0;
  }

  .b-cher1 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    height: auto;
    padding: 0;
  }

  .portraits {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr 1fr;
    height: auto;
    padding: 0;
    display: flex;
  }

  .video_fee1 {
    border-radius: .3rem;
    max-width: 48.8346%;
    height: 10rem;
  }

  .wandbild {
    height: auto;
    padding: 0;
  }

  .background-video-5 {
    border-radius: .3rem;
    max-width: 48.8346%;
    height: 7rem;
  }

  .handy_skar {
    height: 7rem;
  }

  .swfoto {
    height: auto;
    padding: 0;
  }

  .handy_yoga, .image-4-copy {
    height: 7rem;
  }

  .div-block-13-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
  }

  .div-block-7 {
    flex-flow: column;
  }

  .board_immo, .board_yoga {
    height: 7rem;
  }

  .video_architektur {
    border-radius: .3rem;
    max-width: 48.8346%;
    height: 7rem;
  }

  .texte {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .bold-skar2-copy {
    height: auto;
    padding: 1rem;
  }

  .ilmpark {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    height: auto;
    padding: 0;
  }

  .saftkutsche {
    height: auto;
    padding: 0;
  }

  .tischgestellschaft, .swfoto1, .krankheit_illus-copy, .krankheit_illus {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr 1fr;
    height: auto;
    padding: 0;
  }

  .div-block-6-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .video_skar {
    border-radius: .3rem;
    max-width: 48.8346%;
    height: 7rem;
  }

  .afi2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    height: auto;
    padding: 0;
  }

  .fee2 {
    height: auto;
    padding: 1rem;
  }

  .board_architektur {
    height: 7rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .full-width-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .styleguide-heading {
    font-size: 2rem;
  }

  .styleguide_section-header {
    font-size: .875rem;
  }

  .heading-style-h1-copy {
    ---mode--collection-fe111a9b-451f-c5ba-16ae-7e7bd140432e: mode-99bbf63a-09da-3877-3fac-27ddba9a873e;
  }

  .div-block-25 {
    height: 9rem;
    margin-bottom: .5rem;
  }

  .headerinhalt {
    margin-top: -78px;
    margin-left: -1.9rem;
    margin-right: -4%;
  }

  .text-block-2-copy-copy {
    padding-bottom: .5rem;
  }

  .div-block-2-copy {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .video {
    height: auto;
    padding: 0;
  }

  .div-block-13-copy-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
  }

  .background-video-8-copy-copy, .background-video-8-copy, .background-video-8-copy-copy-copy, .background-video-8-copy-copy-copy, .background-video-8-copy-copy, .background-video-8-copy-copy-copy, .background-video-8-copy-copy-copy {
    width: 9rem;
    height: 16rem;
  }

  .saftkutsche-copy {
    height: auto;
    padding: 0;
  }
}

@media screen and (max-width: 479px) {
  .bild_yoga {
    height: auto;
    margin-bottom: 0;
    padding: 1rem;
  }

  .text-weight-semibold {
    font-size: .8rem;
    line-height: 13px;
  }

  .div-block {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 0;
    padding-right: 0;
    position: static;
  }

  .video_yoga, .video_skar2-copy {
    width: 16rem;
    max-width: 100%;
    height: auto;
  }

  .insta-copy {
    background-image: none;
    height: auto;
    margin-bottom: 0;
    padding: 0 1rem 1rem;
  }

  .board_skar {
    width: 16rem;
    max-width: 100%;
    height: auto;
  }

  .background-video-8-copy {
    width: 15rem;
    height: 26.5rem;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .background-video-8 {
    width: 15rem;
    max-width: 100%;
    height: 26.5rem;
  }

  .button {
    padding-top: 0;
    font-family: Raleway, Arial, sans-serif;
    font-size: .8rem;
  }

  .button.is-secondary {
    padding: .2rem .5rem;
    font-size: .8rem;
  }

  .insta {
    height: 15rem;
    margin-bottom: 0;
    padding: 1rem;
  }

  .spacer-md-start {
    padding-top: 2.2rem;
  }

  .text-block.text-style-italic {
    text-align: left;
  }

  .div-block-19 {
    padding-top: 19px;
  }

  .header {
    padding-top: 2rem;
  }

  .tisch {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .bild_citrus {
    height: auto;
    margin-bottom: 0;
    padding: 1rem;
  }

  .image-9-copy {
    max-width: 100%;
  }

  .icons1 {
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .bild_immo-copy {
    background-image: url('../images/Bildschirmfoto-2026-03-24-um-13.25.17-7.png');
    height: auto;
    margin-bottom: 0;
    padding: 1rem;
  }

  .div-block-8-copy {
    height: auto;
    margin-bottom: 0;
    padding: 1rem;
  }

  .handy_citrus {
    clear: none;
    vertical-align: baseline;
    ---mode--collection-fe111a9b-451f-c5ba-16ae-7e7bd140432e: mode-864cf782-4ce1-7970-296e-7443e43bb7c3;
    order: 0;
    width: 16rem;
    max-width: 100%;
    height: auto;
    display: none;
    overflow: hidden;
  }

  .image7-copy {
    width: 16rem;
    max-width: 100%;
    height: auto;
  }

  .background-video-9 {
    width: 15rem;
    height: 9rem;
  }

  .bild_skar {
    height: auto;
    margin-bottom: 0;
    padding: 1rem;
  }

  .video_fee2, .video_iimmo {
    width: 16rem;
    max-width: 100%;
    height: auto;
  }

  .orange-copy {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .bild_achitektur {
    height: auto;
    margin-bottom: 0;
    padding: 1rem;
  }

  .div-block-4 {
    padding-top: 8.8rem;
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .fee1 {
    height: auto;
    margin-bottom: 0;
    padding: 1rem;
  }

  .heading-style-h1 {
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: Relationship Of Mclodrame, Georgia, sans-serif;
    font-weight: 200;
    position: static;
  }

  .div-block-7-copy {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: column;
  }

  .icons1-copy {
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .spacer-xs-start {
    padding-top: .5rem;
  }

  .b-cher1 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .background-video-8-copy-copy {
    width: 15rem;
    height: 26.8rem;
    display: none;
  }

  .portraits {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .text-style-italic {
    font-size: .8rem;
    line-height: 13px;
  }

  .video_fee1 {
    width: 16rem;
    max-width: 100%;
    height: auto;
  }

  .wandbild {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .background-video-5 {
    width: 16rem;
    max-width: 100%;
    height: auto;
  }

  .handy_skar {
    clear: none;
    vertical-align: baseline;
    ---mode--collection-fe111a9b-451f-c5ba-16ae-7e7bd140432e: mode-864cf782-4ce1-7970-296e-7443e43bb7c3;
    order: 0;
    width: 16rem;
    max-width: 100%;
    height: auto;
    display: none;
    overflow: hidden;
  }

  .swfoto {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .handy_yoga, .image-4-copy {
    clear: none;
    vertical-align: baseline;
    ---mode--collection-fe111a9b-451f-c5ba-16ae-7e7bd140432e: mode-864cf782-4ce1-7970-296e-7443e43bb7c3;
    order: 0;
    width: 16rem;
    max-width: 100%;
    height: auto;
    display: none;
    overflow: hidden;
  }

  .div-block-13-copy {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .div-block-7 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: column;
  }

  .page-padding {
    background-position: 50% 0;
    background-size: cover;
    background-attachment: fixed;
  }

  .board_immo, .board_yoga, .video_architektur {
    width: 16rem;
    max-width: 100%;
    height: auto;
  }

  .div-block-14 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .bold-skar2-copy {
    height: auto;
    margin-bottom: 0;
    padding: 1rem;
  }

  .heading-style-h2 {
    line-height: .9;
  }

  .ilmpark {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .saftkutsche {
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .tischgestellschaft, .swfoto1, .krankheit_illus-copy, .krankheit_illus {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .video_skar {
    width: 16rem;
    max-width: 100%;
    height: auto;
  }

  .afi2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .div-block-17 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .fee2 {
    height: auto;
    margin-bottom: 0;
    padding: 1rem;
  }

  .neulink {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .board_architektur {
    width: 16rem;
    max-width: 100%;
    height: auto;
  }

  .body {
    background-size: cover;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .full-width-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .heading-style-h1-copy {
    padding-left: 1rem;
    padding-right: 0;
    font-family: Relationship Of Mclodrame, Georgia, sans-serif;
    font-size: 7rem;
    font-weight: 200;
    position: static;
  }

  .body-2 {
    background-size: cover;
    background-attachment: fixed;
  }

  .div-block-copy {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    padding-right: 1rem;
  }

  .div-block-22 {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
  }

  .text-block-2-copy {
    text-align: left;
  }

  .div-block-25 {
    background-image: url('../images/Portfolio_Pia_Blasius-1.png');
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
    width: 50%;
    height: 15rem;
    padding-bottom: 0;
  }

  .div-block-copy {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .div-block-copy-copy {
    background-size: cover;
    background-attachment: fixed;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .name {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }

  .neuesmen {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .headerinhalt {
    margin-top: -91px;
    margin-left: -1.1rem;
    margin-right: -1.3rem;
  }

  .nummer-adresse-copy {
    flex-flow: column;
  }

  .name-copy {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }

  .text-block-2-copy-copy {
    text-align: left;
    width: 100%;
  }

  .image-11 {
    background-image: url('../images/Portfolio_Pia_Blasius-1.png');
    background-position: 0 0;
    background-size: auto;
  }

  .div-block-2-copy {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-28 {
    top: 74%;
  }

  .text-style-link-copy {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .video {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  .hnadynummer {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .neulink-copy {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .div-block-17-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .background-video-9-copy {
    width: 100%;
    height: 12rem;
  }

  .div-block-13-copy-copy {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .background-video-8-copy-copy {
    width: 15rem;
    height: 26.5rem;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .background-video-8-copy {
    width: 15rem;
    max-width: 100%;
    height: 26.5rem;
  }

  .background-video-8-copy-copy-copy {
    width: 15rem;
    height: 26.8rem;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .background-video-8-copy-copy, .background-video-8-copy-copy-copy {
    width: 15rem;
    max-width: 100%;
    height: 26.5rem;
  }

  .background-video-8-copy-copy-copy {
    width: 15rem;
    height: 26.8rem;
    display: block;
  }

  .background-video-9-copy-copy, .background-video-9-copy-copy-copy {
    width: 15rem;
    height: 9rem;
  }

  .background-video-9-copy-copy {
    width: 100%;
    height: 12rem;
  }

  .saftkutsche-copy {
    height: auto;
    margin-bottom: 0;
    padding: 0;
  }

  #w-node-_293ea3af-1f5c-adcf-e9f0-b32d0ab20622-b3700fc7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_293ea3af-1f5c-adcf-e9f0-b32d0ab20623-b3700fc7 {
    order: 1;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Relationship Of Mclodrame';
  src: url('../fonts/Relationship-of-mÇlodrame.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Variablefont Wght';
  src: url('../fonts/Raleway-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Variablefont Wght';
  src: url('../fonts/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/Raleway-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Bold.ttf') format('truetype'), url('../fonts/Raleway-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.otf') format('opentype'), url('../fonts/Satoshi-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Italic.otf') format('opentype'), url('../fonts/Satoshi-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.otf') format('opentype'), url('../fonts/Satoshi-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.otf') format('opentype'), url('../fonts/Satoshi-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.otf') format('opentype'), url('../fonts/Satoshi-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}