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

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

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

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

:root {
  --black-2: black;
  --tomato: #ff6a5b;
  --pale-turquoise: #a8f5ff;
  --black: #333;
  --medium-blue: #2a24b3;
  --cornflower-blue: #3d80ff;
  --white: white;
  --white-smoke: #f0f0f0;
  --gainsboro: #e2e2e2;
  --f0f0f0: #f0f0f0;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #333;
  font-family: Circularstd, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  color: var(--black-2);
  text-decoration: none;
}

.navbar {
  background-color: var(--tomato);
  height: 12vh;
}

.navbar.black {
  background-color: var(--black-2);
  color: #fff;
}

.navbar.lightblue {
  background-color: var(--pale-turquoise);
}

.html-embed {
  width: 100px;
  margin-top: 1vw;
  margin-bottom: 1vw;
  transition: filter .4s cubic-bezier(.165, .84, .44, 1);
}

.html-embed:hover {
  filter: invert();
}

.heading {
  color: #000;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 0;
  font-family: Circularstd, sans-serif;
  font-size: 4.1em;
  font-weight: 500;
  line-height: 1em;
}

.typo_red {
  color: var(--tomato);
  font-size: 1rem;
}

.text-block-3 {
  color: var(--black);
  font-family: Circularstd, sans-serif;
  font-size: 1em;
  line-height: 1.3em;
}

.button {
  border: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.button.hide {
  display: none;
}

.text-block-4 {
  color: var(--black-2);
  letter-spacing: 3px;
  text-transform: uppercase;
}

.text-wrapper {
  flex-direction: column;
  align-items: flex-start;
  max-width: 540px;
  padding: 60px;
  display: flex;
}

.darkblue {
  background-color: var(--medium-blue);
}

._1-g {
  width: 100%;
  height: 100%;
  display: flex;
}

._1-g.red {
  background-color: var(--tomato);
}

._1-g.teal {
  background-color: var(--pale-turquoise);
}

._1-g.lightblue {
  background-color: var(--cornflower-blue);
}

._1-g.circlewrapper.black {
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

._1-g.white {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

._2-g {
  width: 100%;
  height: 100%;
  position: relative;
}

._2-g.darkblue {
  width: 100%;
}

._2-g.darkblue.darkmode {
  background-color: var(--tomato);
}

._2-g.darkblue.fix {
  width: 101%;
}

._2-g.red {
  background-color: var(--tomato);
  width: 100%;
}

._2-g.red.mobi-hide {
  position: relative;
}

._2-g.red.fix {
  width: 101%;
}

._2-g.center-right {
  justify-content: center;
  align-items: center;
  display: flex;
}

._2-g.center-right.grey {
  position: relative;
}

._2-g.lightblue {
  background-color: var(--cornflower-blue);
}

._2-g.lightblue.mobi-hide.fix {
  width: 105%;
}

._2-g-img {
  position: relative;
}

._2-g-img.red {
  background-color: var(--tomato);
}

.soundmachine-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.card-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

._5g {
  grid-column-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.section-5 {
  background-color: #f3f2f3;
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.section-5.dark-grey {
  background-color: var(--gainsboro);
}

.section-2 {
  width: 100vw;
}

.page-wrapper {
  overflow: hidden;
}

.typo-cyan {
  color: var(--pale-turquoise);
  font-size: 1rem;
}

.typo-blue {
  color: var(--cornflower-blue);
  font-size: 1rem;
}

.form-wrapper {
  width: 100%;
  height: 100%;
  padding: 5vw;
  display: block;
}

.text-field {
  margin-bottom: 0;
}

.text-field.form {
  border: 1px solid #000;
  border-bottom-color: #fff;
  padding: 20px 20px 20px 10px;
  font-size: 1.4em;
  position: relative;
}

.text-field.form.ende {
  border-bottom-color: var(--black-2);
  height: 100%;
}

.footer {
  width: 100%;
  overflow: hidden;
}

.footer.lightblue {
  background-color: var(--pale-turquoise);
}

.footer.red {
  background-color: var(--tomato);
}

.footer.black {
  background-color: var(--black-2);
}

.footer-g {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 5vw 5vw 5vw 5vw 5vw;
  grid-template-columns: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
}

.footer-g.red {
  grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
}

.footer-g.red.darkmode {
  color: #000;
}

.typo-white {
  color: var(--white);
  font-weight: 900;
}

.typo-white.typo-light {
  font-weight: 500;
}

.typo-white.darkmode {
  color: #000;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 30px;
}

.image-3 {
  width: 32px;
}

.f-socialbar {
  padding-left: 0;
  padding-right: 5px;
}

.text-block-6 {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 20px;
}

.image-4 {
  width: 30px;
  padding-bottom: 7px;
  transition: filter .4s cubic-bezier(.215, .61, .355, 1);
}

.image-4:hover {
  filter: invert();
}

.as-grid-1-img {
  background-image: url('../images/soundtrap-7pAguituFGo-unsplash-Groß.jpg');
  background-position: 60% 14%;
  background-repeat: no-repeat;
  background-size: 100vw;
}

.as-grid-1-tile.white {
  background-color: var(--white);
}

.as-grid-1-tile.red {
  background-color: var(--tomato);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.as-grid-2-kreis {
  color: #fff;
}

.image-5 {
  width: 100%;
  height: 100%;
}

.team-wrapper {
  justify-content: center;
  align-items: center;
  margin: 8vw 0 8vw 0;
  display: flex;
}

.slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.slide-nav {
  justify-content: center;
  padding-top: 38px;
  display: flex;
}

.ex-button {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.portfolio-heading {
  color: #000;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Circularstd, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 61px;
}

.portfolio-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 600px;
  padding-bottom: 0;
  padding-left: 2vw;
  padding-right: 2vw;
  font-family: Circularstd, sans-serif;
  display: flex;
}

.portfolio-image {
  background-image: url('/images/webflow-background-image.svg');
  background-position: 50%;
  background-size: cover;
}

.portfolio-image.white {
  background-color: var(--white);
}

.html-embed-6 {
  display: none;
}

.div-block-14 {
  color: var(--tomato);
  justify-content: space-between;
  display: flex;
  overflow: visible;
}

.div-block-15 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.div-block-16 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  display: block;
}

.collection-list-2 {
  grid-column-gap: 1.25vw;
  grid-row-gap: 1.25vw;
  grid-template-rows: 15vw;
  grid-template-columns: 100%;
  grid-auto-rows: 15vw;
  grid-auto-columns: 100%;
  grid-auto-flow: row;
  display: grid;
}

.image-8 {
  object-fit: cover;
}

.scroll-effect_wrapper {
  grid-column-gap: 1.25vw;
  grid-row-gap: 1.25vw;
  grid-template-rows: auto;
  grid-template-columns: 15vw;
  grid-auto-columns: 15vw;
  grid-auto-flow: column;
  justify-content: center;
  place-items: center;
  height: 50vw;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  overflow: hidden;
}

.konturwrapper {
  border: 1px solid #000;
  border-right-style: none;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width: 100%;
  height: 30vw;
  position: absolute;
  inset: 10vw 0% 10vw auto;
  overflow: visible;
}

.aufheller {
  background-image: linear-gradient(#fff, #ffffffbf);
  height: 10vw;
  position: absolute;
  inset: 0% 0% auto;
}

.aufheller.unten {
  background-image: linear-gradient(to top, #fff, #ffffffbf);
  inset: auto 0% 0%;
}

.nav-menu {
  align-items: center;
  height: 100%;
  min-height: 100%;
  margin-right: 5vw;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.brand {
  align-items: center;
  margin-left: 5vw;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.card-img-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 170px;
  height: 170px;
  display: flex;
}

.card-text-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.star-embed {
  color: #f3c03e;
  width: 15px;
}

.stars-wrapper {
  padding-top: 14px;
  display: flex;
}

.rev-text {
  font-family: Librebaskerville, sans-serif;
  font-size: 1vw;
  font-weight: 700;
}

.rev-author {
  padding-left: 12px;
  font-family: Librebaskerville, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
}

.heading-4 {
  color: var(--black);
  margin-top: 0;
  font-size: 1.3vw;
  line-height: 1.2vw;
}

.slider-2 {
  background-color: #fff0;
  align-items: center;
  width: 100%;
  display: flex;
}

.collection-list-wrapper {
  flex-direction: row;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.div-block-18 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 20px;
  display: flex;
}

.collection-item-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.collection-list-4 {
  grid-column-gap: 13px;
  grid-row-gap: 16px;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  height: 100%;
  display: grid;
}

.text-block-7 {
  padding-top: 0;
  font-family: Circularstd, sans-serif;
  font-size: .8em;
  font-weight: 500;
}

.stars-wrapper-links {
  padding-top: 10px;
  display: flex;
}

.slide-nav-2 {
  display: none;
}

.image-11 {
  opacity: .59;
  filter: saturate(0%);
  width: 170px;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
}

.image-11:hover {
  filter: none;
}

.right-arrow {
  display: none;
}

.blog-grid-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  grid-template-columns: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
}

.blog-sec-1 {
  background-color: var(--white-smoke);
}

.blog-sec-2 {
  background-color: var(--white);
  padding: 2vw 20vw 1vw;
}

.collection-list-9 {
  margin-right: 0;
  display: flex;
}

.text-block-8 {
  color: var(--tomato);
  justify-content: space-between;
  align-items: flex-start;
  margin-right: 10px;
  display: block;
}

.collection-item-6 {
  white-space: nowrap;
  padding-left: 0;
  position: static;
}

.heading-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 20px;
}

.heading-5.h1-about {
  font-size: 1.8em;
  line-height: 1em;
}

.body-3 {
  font-family: Circularstd, sans-serif;
}

.blog-g-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  grid-template-columns: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
}

.blog-feat-img {
  border-radius: 500px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 30vw;
  height: 30vw;
  display: flex;
  overflow: hidden;
}

.div-block-21 {
  background-image: url('/images/webflow-background-image.svg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.collection-item-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-feat-h1 {
  color: var(--black-2);
  font-size: 28px;
  line-height: 34px;
}

.blog-info {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.lesen-button {
  border: 1px solid var(--black-2);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  margin-top: 7px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.blog-feat-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 5vw;
  display: flex;
}

.basic-card-container {
  background-color: var(--white-smoke);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5vw;
  display: flex;
}

.blogbild {
  background-image: url('../images/CA_Podcast_Cover_3000x3000_final_sw.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: row;
  place-content: flex-start center;
  align-items: center;
  width: 24.8vw;
  height: 24.8vw;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.collection-list-10 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.html-embed-9 {
  color: #d61b08;
  width: 25px;
  height: 15px;
  margin-right: 21px;
  display: flex;
}

.text-block-9 {
  color: var(--black);
  font-family: Circularstd, sans-serif;
  font-size: 12px;
  font-style: italic;
  display: flex;
}

.tag-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-25 {
  margin-bottom: 26px;
  display: flex;
}

.text-block-10 {
  font-size: 12px;
  font-style: italic;
}

.collist-blog {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  grid-template-rows: auto;
  grid-template-columns: 25vw 25vw 25vw;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper-7 {
  display: flex;
}

.div-block-26 {
  justify-content: center;
  width: 100%;
  display: flex;
}

.img-block-about-kreis {
  flex-direction: column;
  justify-content: space-between;
  width: 30vw;
  height: 30vw;
  display: flex;
  position: relative;
}

.about-text-02 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 40vw;
  height: 15vw;
  margin-top: 30px;
  padding: 0 0 2vw;
  display: flex;
}

.about-h2 {
  color: var(--black-2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 20px;
}

.about-h3 {
  color: var(--black-2);
  margin-top: 10px;
  font-size: 19px;
}

.button-about {
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-top: 19px;
  margin-bottom: 0;
  padding: 20px;
  display: flex;
}

.blog-card-wrapper-box {
  z-index: 0;
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 32vw;
  margin-top: -12.5vw;
  padding: 14vw 2vw 2vw;
  display: flex;
  position: relative;
}

.titel-team-card-sub {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5vw;
}

.heading-6 {
  margin-bottom: 57px;
  padding-bottom: 0;
}

.arrow-wrapper-portfolio {
  color: var(--tomato);
  justify-content: flex-end;
  display: flex;
  overflow: visible;
}

.image-14 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.div-block-27 {
  background-color: var(--white-smoke);
  margin-left: 19px;
  padding: 13px 16px;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
}

.div-block-27:hover {
  color: var(--white-smoke);
  background-color: #000;
}

.main-container-1280 {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2vw;
  padding-right: 2vw;
}

.grid-17 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-template: "Area-2 Area-2 . Area Area"
  / 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 50px;
}

.heading-7 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.2vw;
}

.div-block-28 {
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-29 {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-19 {
  width: 100%;
}

.grid-18 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.image-20 {
  filter: contrast(0%) grayscale();
  object-fit: contain;
  width: auto;
  height: 50px;
  transition: filter .475s;
}

.image-20:hover {
  filter: none;
}

.image-20.xxl {
  height: 50px;
}

.nav-link {
  transition: color .4s;
}

.nav-link:hover {
  color: var(--white-smoke);
}

.nav-link.style-1.darkmode:hover, .nav-link.style-1.darkmode.w--current, .nav-link.style-2.darkmode:hover, .nav-link.style-2.darkmode.w--current {
  color: var(--pale-turquoise);
}

.nav-link.darkmode {
  color: var(--white-smoke);
}

.nav-link.darkmode:hover {
  color: var(--pale-turquoise);
}

.image-11-copy {
  opacity: .57;
  filter: saturate(0%);
  width: 100px;
  transition: all .4s cubic-bezier(.215, .61, .355, 1);
}

.image-11-copy:hover {
  filter: none;
}

.image-22 {
  width: 280px;
  height: 280px;
}

.div-block-31 {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-32 {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 280px;
  padding: 20px;
  display: flex;
}

.heading-8 {
  margin-top: 0;
  font-size: 1.2vw;
  line-height: 1em;
}

.grid-17-copy {
  grid-column-gap: 30px;
  grid-row-gap: 80px;
  grid-template: "Area-2 . Area"
  / 1fr 1fr 1fr 1fr;
  margin-bottom: 0;
}

.heading-9 {
  color: #868686;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  padding-bottom: 0;
  font-size: 1.8em;
  line-height: 20px;
}

.image-19-copy {
  opacity: .57;
  filter: saturate(0%);
  width: 190px;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
}

.image-19-copy:hover {
  opacity: 1;
  filter: none;
}

.rich-text-block {
  max-width: 600px;
}

.form-2 {
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}

.form-block {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.margin-bottom.margin-small {
  margin-bottom: 15px;
}

.div-block-37 {
  justify-content: center;
  display: flex;
}

.blog-tag-1 {
  color: var(--tomato);
  font-size: 20px;
}

.blog-tag-2 {
  color: var(--pale-turquoise);
  font-size: 20px;
}

.blog-tag-3 {
  color: var(--cornflower-blue);
  font-size: 20px;
}

.about-card-wrapper-box {
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-end;
  width: 25vw;
  height: 25vw;
  margin-top: -12.5vw;
  padding: 2vw;
  display: flex;
}

.portfolio-card-wrapper-box {
  background-color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 200px;
  padding: 2vw;
  display: flex;
}

.background-video, .background-video-2, .background-video-3, .background-video-5 {
  z-index: 9;
  width: 100%;
  height: 100%;
}

.grid-50vw {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 50vw;
  grid-template-columns: 50vw 50vw;
}

.grid-5vw {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  grid-template-columns: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  grid-auto-columns: 5vw;
  width: 50vw;
}

.grid-5vw.abozut {
  grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  width: 50vw;
}

.grid-23 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 5vw;
  grid-template-columns: 50vw 50vw;
}

.grid-24 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 50vw;
  grid-template-columns: 50vw 50vw;
}

.video {
  z-index: 9;
  width: 100%;
  height: 100%;
}

.image-24 {
  width: 25px;
  margin-top: 0;
}

.left-arrow-2 {
  display: none;
}

.margin-top.margin-m {
  margin-top: 2.5vw;
}

.intro-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  grid-template-columns: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  grid-auto-rows: 5vw;
  grid-auto-columns: 5vw;
}

.grid-26 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  grid-template-columns: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  grid-auto-rows: 5vw;
  grid-auto-columns: 5vw;
}

.as-grid-1-kreis {
  background-color: var(--tomato);
  border-radius: 100px;
}

.grid-45vw-abnout {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 45vw;
  grid-template-columns: 50vw 50vw;
  width: 100vw;
}

.grid-24-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 70vw;
  grid-template-columns: 50vw 50vw;
}

.grid-27 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
  grid-template-columns: 25vw 25vw;
}

.div-block-40 {
  background-color: var(--pale-turquoise);
}

.grid-45vw-portfolio {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 50vw;
  grid-template-columns: 50vw 50vw;
}

.div-block-41 {
  background-image: url('/images/webflow-background-image.svg');
  background-position: 0 0;
  background-size: cover;
}

.rich-text {
  max-width: 600px;
}

.shapewrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25vw;
  height: 25vw;
  display: flex;
  position: relative;
}

.footer-text {
  color: var(--white);
  font-weight: 900;
}

.footer-text.darkmode {
  color: #000;
}

.footertext {
  color: #fff;
}

.footertext.darkmode {
  color: #000;
}

.html-embed-10 {
  margin-top: 30px;
}

.darkmodelink {
  color: var(--white);
}

.formbutton {
  background-color: var(--black-2);
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: auto;
  padding: 20px 26px;
  font-size: 1.5rem;
  line-height: 1rem;
  display: flex;
}

.success-message {
  height: 100%;
  margin-bottom: auto;
  font-size: 1.5rem;
  line-height: 1.75rem;
}

.blogbild-copy {
  background-image: url('../images/CA_Podcast_Cover_3000x3000_final_sw.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}

.background-video-7 {
  z-index: 9;
  width: 100%;
  height: 100%;
}

.hidden-alt-link {
  display: none;
}

.html-embed-11 {
  color: #000;
  width: 12vh;
  transition: all .3s;
}

.html-embed-11:hover {
  color: #fff;
}

.html-embed-11.about:hover {
  color: var(--medium-blue);
}

.html-embed-11.portfolio {
  color: #fff;
}

.html-embed-11.portfolio:hover {
  color: var(--tomato);
}

.link {
  color: var(--white);
}

.div-block-42 {
  width: 50vw;
}

.link-block-4, .collection-item-9 {
  width: 25vw;
}

.clip-element-hex, .clip-element-kreis, .clip-element-quad {
  z-index: 3;
  width: 25vw;
  height: 25vw;
  position: relative;
}

.img-block-about-hex, .img-block-about-quad {
  flex-direction: column;
  justify-content: space-between;
  width: 30vw;
  height: 30vw;
  display: flex;
  position: relative;
}

.div-block-47 {
  background-image: url('/images/webflow-background-image.svg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.html-embed-13 {
  width: 25px;
  height: 15px;
  margin-right: 17px;
}

.arrow-subpage {
  width: 29px;
  height: 17px;
  color: var(--black-2);
  margin-right: 0;
  transition: all .2s ease-out;
}

.arrow-subpage:hover {
  color: var(--tomato);
  transform: translate(-5px);
}

.itunes {
  width: 28px;
  height: 28px;
  color: var(--black);
  margin-right: 5px;
  transition: all .2s;
}

.itunes:hover {
  color: var(--tomato);
}

.spotify {
  width: 28px;
  height: 28px;
  color: var(--black);
  margin-right: 5px;
  transition: all .2s;
}

.spotify:hover {
  color: var(--tomato);
}

.audible {
  width: 28px;
  height: 28px;
  color: var(--black);
  margin-right: 5px;
  transition: all .2s;
}

.audible:hover {
  color: var(--tomato);
}

.div-block-48 {
  width: 50vw;
}

.html-embed-14.mobi {
  display: none;
}

.grimme_wrapper {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 280px;
  padding: 20px;
  display: flex;
}

@media screen and (min-width: 1440px) {
  .html-embed-6 {
    display: flex;
  }

  .rev-text {
    font-size: 1rem;
  }

  .heading-4 {
    font-size: 1.3rem;
    line-height: 1.2rem;
  }

  .heading-7 {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .heading-8 {
    font-size: 1.2rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 1920px) {
  a {
    color: var(--black-2);
  }

  .html-embed {
    width: 150px;
  }

  .heading {
    margin-bottom: 40px;
  }

  .typo_red {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .text-block-3 {
    font-size: 1.75em;
  }

  .button {
    margin-top: 40px;
  }

  .text-block-4 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .text-wrapper {
    max-width: 75%;
  }

  .typo-cyan, .typo-blue {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .text-field.form {
    padding: 35px;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .text-field.form.ende {
    font-size: 1.5em;
    line-height: 2rem;
  }

  .text-block-6 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .portfolio-text-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-16 {
    margin-top: 20px;
  }

  .stars-wrapper {
    margin-bottom: 10px;
    padding-top: 15px;
  }

  .rev-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .heading-4 {
    margin-bottom: 20px;
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .heading-5 {
    margin-bottom: 25px;
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .heading-5.h1-about {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .blog-feat-img {
    width: 20vw;
    height: 20vw;
  }

  .div-block-21 {
    background-position: 50%;
    background-repeat: no-repeat;
  }

  .blog-feat-h1 {
    max-width: 30ch;
    margin-bottom: 25px;
  }

  .blog-info {
    margin-top: 30px;
  }

  .blogbild {
    background-position: 50%;
    width: auto;
    height: auto;
    position: absolute;
    inset: 1px;
  }

  .text-block-9 {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .collist-blog {
    grid-column-gap: 5vw;
  }

  .about-h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .about-h3, .titel-team-card-sub {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .heading-6 {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .image-14 {
    padding: 1px;
  }

  .div-block-27.nav-link {
    padding: 20px 25px;
  }

  .main-container-1280 {
    max-width: 1600px;
  }

  .nav-link, .rich-text-block {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .blog-tag-1 {
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .blog-tag-2, .blog-tag-3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .portfolio-card-wrapper-box {
    height: 300px;
  }

  .video {
    background-color: var(--white-smoke);
    border: 1px #000;
    padding: 9px;
  }

  .text-block-13 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .collection-list-11 {
    grid-row-gap: 7.5vw;
  }

  .rich-text {
    max-width: none;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .shapewrapper {
    width: 25vw;
    height: 25vw;
    position: relative;
  }

  .footertext.darkmode {
    color: #000;
    text-decoration: none;
  }

  .left-arrow-3, .right-arrow-3 {
    display: none;
  }

  .darkmodelink {
    color: var(--white);
  }

  .formbutton {
    margin-top: 40px;
  }

  .blogbild-copy {
    background-position: 50%;
    width: auto;
    height: auto;
    position: absolute;
    inset: 1px;
  }
}

@media screen and (max-width: 991px) {
  .heading {
    max-width: 15ch;
    margin-top: 10px;
    margin-bottom: 11px;
    font-size: 50px;
    line-height: 50px;
  }

  .typo_red {
    font-size: 1.2rem;
  }

  .text-block-3 {
    font-size: 15px;
    line-height: 15px;
  }

  .button {
    margin-top: 20px;
  }

  .text-wrapper {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    padding: 10vw;
  }

  .text-wrapper.portfolio {
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
  }

  ._1-g {
    position: relative;
  }

  ._1-g.red {
    width: 100%;
  }

  ._1-g.lightblue {
    background-color: var(--cornflower-blue);
  }

  ._2-g.darkblue.lightblue-mobi {
    background-color: var(--cornflower-blue);
    position: relative;
  }

  ._2-g.red.mobi-hide {
    display: none;
  }

  ._2-g.grey {
    background-color: var(--white-smoke);
  }

  ._2-g.center-right {
    flex-direction: row;
    justify-content: flex-start;
  }

  ._2-g.lightblue.mobi-hide {
    display: none;
  }

  ._2-g-img {
    flex-direction: row;
    align-items: stretch;
    height: 100%;
    display: flex;
  }

  ._2-g-img.red {
    justify-content: center;
  }

  .card-1 {
    padding: 20px 63px;
  }

  ._5g {
    grid-column-gap: 0vw;
    grid-row-gap: 2vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .section-5 {
    padding-top: 0;
  }

  .typo-cyan, .typo-blue {
    font-size: 1.2rem;
  }

  .section-9 {
    height: auto;
  }

  .text-block-6 {
    padding-bottom: 5px;
    line-height: 15px;
  }

  .image-4 {
    width: 25px;
  }

  .as-grid-1-img {
    background-size: 150vw;
  }

  .slide-nav {
    margin-bottom: -34px;
    padding-bottom: 0;
  }

  .portfolio-heading {
    font-size: 20px;
    line-height: 30px;
  }

  .portfolio-text-wrapper {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .div-block-16 {
    width: auto;
    height: auto;
    padding-top: 0;
  }

  .collection-list-2 {
    grid-template-rows: 30vw;
    grid-template-columns: 30vw;
    grid-auto-rows: 30vw;
  }

  .scroll-effect_wrapper {
    grid-template-columns: 30vw;
    grid-auto-columns: 30vw;
    width: 100%;
    height: 100vw;
  }

  .konturwrapper {
    height: 80vw;
  }

  .nav-menu {
    text-align: right;
    height: auto;
    min-height: auto;
    margin-right: 0;
    inset: 0% 0% auto auto;
  }

  .card-img-wrapper {
    align-items: flex-start;
    width: 100%;
  }

  .rev-text {
    font-size: 1em;
  }

  .heading-4 {
    padding-top: 12px;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 30px;
  }

  .collection-list-4 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .image-11 {
    width: 120px;
  }

  .blog-sec-2 {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .heading-5 {
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
  }

  .blog-sec-1-1 {
    display: flex;
  }

  .blog-g-1 {
    grid-template-rows: 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw;
    grid-template-columns: 50vw 50vw;
    grid-auto-rows: 20vw;
    grid-auto-columns: 20vw;
  }

  .blog-feat-img {
    width: 70vw;
    height: 70vw;
  }

  .blog-feat-h1 {
    font-size: 1em;
  }

  .basic-card-container {
    padding: 4vw 1vw;
  }

  .blogbild {
    width: 40vw;
    height: 40vw;
  }

  .collist-blog {
    grid-template-columns: 1fr 1fr;
  }

  .img-block-about-kreis {
    width: 60vw;
    height: 60vw;
  }

  .about-text-02 {
    width: 60vw;
  }

  .about-h2 {
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
  }

  .blog-card-wrapper-box {
    width: 40vw;
    height: 50vw;
    margin-top: -20vw;
    padding-top: 26vw;
  }

  .titel-team-card-sub {
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
  }

  .div-block-27.nav-link {
    background-color: var(--gainsboro);
    width: 100%;
    margin-left: 0;
  }

  .main-container-1280 {
    padding: 10vw;
  }

  .main-container-1280.tablet {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .grid-17 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template: "."
                   "."
                   / 1fr 1fr;
    margin-bottom: 0;
  }

  .heading-7 {
    font-size: 1em;
    line-height: 1.2em;
  }

  .image-19 {
    width: 50%;
    display: block;
  }

  .image-20 {
    height: 20px;
  }

  .image-20.xl {
    height: 30px;
  }

  .nav-link {
    background-color: var(--pale-turquoise);
    text-align: center;
    padding: 5vw;
  }

  .nav-link.style-1 {
    background-color: var(--cornflower-blue);
  }

  .nav-link.style-2 {
    background-color: var(--tomato);
  }

  .image-11-copy {
    width: 70px;
  }

  .heading-8 {
    font-size: 1.6em;
  }

  .heading-9 {
    padding-top: 18px;
  }

  .image-19-copy {
    width: 140px;
  }

  .rich-text-block {
    max-width: 50vw;
    font-size: 11px;
    line-height: 14px;
  }

  .blog-tag-1, .blog-tag-2, .blog-tag-3 {
    font-size: 20px;
  }

  .about-card-wrapper-box {
    width: 40vw;
    height: 40vw;
    margin-top: -20vw;
  }

  .portfolio-card-wrapper-box {
    width: 40vw;
    height: 20vw;
  }

  .grid-50vw {
    grid-template-rows: 100vw 100vw;
    grid-template-columns: 100vw;
  }

  .grid-50vw.extra-small {
    grid-template-rows: 60vw 100vw;
  }

  .grid-5vw {
    grid-template-rows: 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
    grid-template-columns: 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
    width: auto;
  }

  .grid-5vw.extra-small {
    grid-template-rows: 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
  }

  .grid-5vw.abozut {
    grid-template-rows: 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
  }

  .grid-24 {
    grid-template-rows: 100vw 100vw;
    grid-template-columns: 100vw;
  }

  .intro-grid {
    grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  }

  .grid-26 {
    grid-template-rows: 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
    grid-template-columns: 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
  }

  .grid-45vw-abnout {
    grid-template-rows: 90vw 90vw;
    grid-template-columns: 100vw;
  }

  .grid-24-copy {
    grid-template-rows: 120vw 100vw;
    grid-template-columns: 100vw;
  }

  .grid-27 {
    grid-template-rows: 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
    grid-template-columns: 25vw 25vw 25vw 25vw;
  }

  .grid-45vw-portfolio {
    grid-template-rows: 90vw 100vw;
    grid-template-columns: 100vw;
  }

  .menu-button {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100%;
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .icon {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .icon.darkmode {
    color: #fff;
  }

  .rich-text {
    max-width: 50vw;
    font-size: 11px;
    line-height: 14px;
  }

  .shapewrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40vw;
    display: flex;
  }

  .formbutton {
    margin-top: 20px;
  }

  .blogbild-copy {
    width: 40vw;
    height: 40vw;
  }

  .div-block-42 {
    width: 100vw;
  }

  .collection-item-9 {
    width: 40vw;
  }

  .clip-element-hex, .clip-element-kreis, .clip-element-quad {
    width: 40vw;
    height: 40vw;
  }

  .img-block-about-hex, .img-block-about-quad {
    width: 60vw;
    height: 60vw;
  }

  .html-embed-14 {
    padding-top: 18px;
    padding-bottom: 26px;
  }

  .html-embed-14.mobi {
    display: none;
  }

  .grimme_wrapper {
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .text-wrapper {
    max-width: 100vw;
    padding-top: 5vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  ._2-g.darkblue.fix {
    width: 100%;
  }

  ._2-g.red.mobi-hide {
    display: none;
  }

  ._2-g.red.fix {
    width: 100%;
  }

  .card-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-g.red {
    grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  }

  .typo-white {
    font-size: 10px;
  }

  .as-grid-1-tile.red {
    position: relative;
  }

  .team-wrapper {
    height: 100vw;
  }

  .portfolio-text-wrapper {
    position: relative;
  }

  .html-embed-6 {
    width: 50px;
  }

  .card-img-wrapper {
    align-items: center;
  }

  .blog-grid-1 {
    grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  }

  .about-text-02 {
    width: 100%;
  }

  .blog-card-wrapper-box {
    height: 61vw;
  }

  .image-19 {
    width: 80%;
  }

  .grid-18 {
    grid-column-gap: 19px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .blog-tag-1, .blog-tag-2, .blog-tag-3 {
    font-size: 17px;
  }

  .grid-50vw.extra-small {
    grid-template-rows: 100vw 100vw;
  }

  .grid-24-copy {
    grid-template-rows: 120vw 140vw;
  }

  .footer-text {
    font-size: 10px;
  }

  .html-embed-14.mobi {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  a {
    width: 100%;
  }

  .html-embed {
    align-items: flex-end;
    width: 80px;
    display: flex;
  }

  .heading {
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.2em;
  }

  .typo_red {
    font-size: 1rem;
  }

  .text-block-3 {
    font-size: 13px;
    line-height: 14px;
  }

  .text-wrapper {
    max-width: 100vw;
    padding: 10vw;
  }

  .red {
    background-color: var(--tomato);
  }

  .card-1 {
    padding-left: 0;
    padding-right: 0;
  }

  ._5g {
    grid-row-gap: 0vw;
    grid-template-rows: auto auto auto;
    grid-template-columns: 100%;
    width: 100%;
  }

  .typo-cyan, .typo-blue {
    font-size: 1rem;
  }

  .form-wrapper {
    padding: 10vw;
  }

  .footer-g.red {
    grid-template-rows: 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
  }

  .typo-white {
    font-size: 10px;
    line-height: 11px;
  }

  .heading-3 {
    font-size: 2em;
    line-height: 1em;
  }

  .image-3 {
    width: 25px;
  }

  .f-socialbar {
    width: auto;
    padding-left: 0;
  }

  .text-block-6 {
    max-width: 9ch;
    font-size: 10px;
    line-height: 10px;
  }

  .image-4 {
    width: 10px;
  }

  .as-grid-1-tile.white, .as-grid-1-tile.darkblue {
    width: 100%;
    height: 100%;
  }

  .team-wrapper {
    height: 130vw;
  }

  .card-text-wrapper {
    width: 100%;
  }

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

  .slider-2 {
    height: 100%;
  }

  .slide {
    height: auto;
  }

  .collection-list-4 {
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
  }

  .image-11 {
    width: 100%;
  }

  .blog-grid-1 {
    grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  }

  .blog-sec-1-1 {
    display: flex;
  }

  .blog-g-1 {
    grid-template-rows: 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
  }

  .blog-feat-img {
    width: 80vw;
    height: 80vw;
  }

  .blog-feat-h1 {
    line-height: 1em;
  }

  .blogbild {
    width: 90vw;
    height: 90vw;
  }

  .collist-blog {
    grid-template-columns: 100vw;
  }

  .img-block-about-kreis {
    width: 70vw;
    height: 70vw;
  }

  .about-text-02 {
    width: 100%;
  }

  .button-about {
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .blog-card-wrapper-box {
    width: 80vw;
    height: 90vw;
    margin-top: -40vw;
    padding-top: 36vw;
  }

  .main-container-1280 {
    padding: 10vw;
  }

  .grid-17 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .grid-18 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .image-11-copy {
    width: 100%;
  }

  .image-22 {
    width: 100%;
    height: 100%;
  }

  .div-block-31 {
    flex-direction: column;
  }

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

  .grid-17-copy {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    grid-template: "."
                   "."
                   / 1fr 1fr;
  }

  .image-19-copy {
    width: 100%;
  }

  .blog-tag-1 {
    padding-top: 20px;
    font-size: 16px;
  }

  .blog-tag-2 {
    padding-top: 20px;
    font-size: 17px;
  }

  .blog-tag-3 {
    padding-top: 20px;
    font-size: 16px;
  }

  .about-card-wrapper-box {
    width: 80vw;
    height: 70vw;
    margin-top: -40vw;
    margin-bottom: 40px;
    padding-bottom: 0;
  }

  .portfolio-card-wrapper-box {
    width: 90vw;
    height: 60vw;
  }

  .grid-50vw, .grid-50vw.extra-small {
    grid-template-rows: auto 100vw;
  }

  .grid-5vw {
    grid-template-rows: 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
    grid-auto-flow: row dense;
  }

  .grid-5vw.extra-small {
    grid-template-rows: 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
  }

  .grid-5vw.abozut {
    grid-template-rows: 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
  }

  .grid-24 {
    grid-template-rows: 100vw 120vw;
  }

  .brand-2 {
    align-items: flex-end;
    display: flex;
  }

  .intro-grid {
    grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
  }

  .logocontainer.padding-all {
    padding: 20px;
  }

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

  .grid-45vw-abnout {
    grid-template-rows: auto auto;
  }

  .grid-24-copy {
    grid-template-rows: auto 180vw;
  }

  .grid-45vw-portfolio {
    grid-template-rows: auto 100vw;
    grid-auto-columns: 100vw;
  }

  .link-block-2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .shapewrapper {
    justify-content: center;
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .footer-text {
    font-size: 10px;
    line-height: 11px;
  }

  .footertext.darkmode {
    font-size: 13px;
  }

  .blogbild-copy {
    width: 90vw;
    height: 90vw;
  }

  .div-block-42 {
    width: 100vw;
  }

  .collection-item-9 {
    width: 80vw;
  }

  .clip-element-hex, .clip-element-kreis, .clip-element-quad {
    width: 80vw;
    height: 80vw;
  }

  .img-block-about-hex, .img-block-about-quad {
    width: 70vw;
    height: 70vw;
  }

  .html-embed-14.mobi {
    display: flex;
  }

  .html-embed-14.dektop {
    display: none;
  }

  .grimme_wrapper {
    width: 100%;
  }
}

#w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f74376b-c6564f1d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f74376c-c6564f1d {
  grid-area: 9 / 1 / 10 / 6;
}

#w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f74376d-c6564f1d {
  grid-area: 1 / 1 / 9 / 11;
}

#w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f743779-c6564f1d {
  grid-area: 9 / 6 / 10 / 11;
}

#w-node-_0fbb2b79-d4c6-1f0d-4123-8ba0f04e8621-c6564f1d {
  grid-area: 1 / 1 / 10 / 11;
}

#w-node-e3701af3-3412-b507-4dcc-4a11559e9bb7-c6564f1d {
  grid-area: 1 / 10 / 2 / 11;
}

#w-node-ebdd1b8a-4180-5bd9-5616-62429b7ea064-c6564f1d {
  grid-area: 2 / 9 / 3 / 10;
}

#w-node-_7cdc3937-834c-4864-ed2c-17da23812d5e-c6564f1d {
  grid-area: 3 / 10 / 4 / 11;
}

#w-node-cc73845f-b80f-92bd-d350-7c82cd11ebe7-c6564f1d {
  grid-area: 4 / 9 / 5 / 10;
}

#w-node-_38b3561a-c56c-82da-be1b-8516b09d7fe9-c6564f1d {
  grid-area: 4 / 1 / 6 / 3;
}

#w-node-_087200da-bb3d-a844-391a-5bd755eeec29-c6564f1d {
  grid-area: 7 / 9 / 9 / 11;
}

#w-node-_027bd247-f89c-cf8a-5dd2-a562c5ef763a-c6564f1d {
  grid-area: 8 / 4 / 10 / 6;
}

#w-node-_96762c20-0ec7-ae56-6879-aa9a63feaba1-c6564f1d {
  grid-area: span 5 / span 2 / span 5 / span 2;
}

#w-node-b129f2f5-1f4a-3a0a-155f-6f86722e40c1-c6564f1d {
  grid-area: 6 / 1 / 8 / 2;
}

#w-node-_5e10a425-66b7-07d3-ebe0-3bb10ed62439-c6564f1d {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_5a8e1ec0-b221-57e2-d28a-d8498732ec73-c6564f1d {
  grid-area: 6 / 2 / 8 / 3;
}

#w-node-_1c69be54-2d08-91c8-8356-0cdafe325a27-c6564f1d {
  grid-area: 1 / 2 / 3 / 7;
  align-self: center;
}

#w-node-_1c69be54-2d08-91c8-8356-0cdafe325a2a-c6564f1d {
  grid-area: 4 / 2 / 6 / 6;
}

#w-node-_1c69be54-2d08-91c8-8356-0cdafe325a37-c6564f1d {
  grid-area: 6 / 2 / 7 / 11;
  align-self: center;
}

#w-node-_1c69be54-2d08-91c8-8356-0cdafe325a3a-c6564f1d {
  grid-area: 6 / 10 / 7 / 20;
  place-self: center end;
}

#w-node-_1c69be54-2d08-91c8-8356-0cdafe325a41-c6564f1d {
  grid-area: 4 / 6 / 6 / 10;
}

#w-node-_1c69be54-2d08-91c8-8356-0cdafe325a4b-c6564f1d {
  grid-area: 4 / 10 / 6 / 14;
}

#w-node-_1c69be54-2d08-91c8-8356-0cdafe325a55-c6564f1d {
  grid-area: 1 / 11 / 3 / 21;
}

#w-node-_0b78e196-ec25-6650-b60e-315fd653469b-0d564f26 {
  grid-area: 1 / 1 / 9 / 11;
}

#w-node-_0b78e196-ec25-6650-b60e-315fd65346a5-0d564f26 {
  grid-area: 7 / 9 / 9 / 11;
}

#w-node-_0b78e196-ec25-6650-b60e-315fd653469a-0d564f26 {
  grid-area: span 2 / span 10 / span 2 / span 10;
}

#w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d2e1-0c29d2df {
  grid-area: 1 / 2 / 3 / 7;
  align-self: center;
}

#w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d2e6-0c29d2df {
  grid-area: 4 / 2 / 6 / 6;
}

#w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d2f4-0c29d2df {
  grid-area: 6 / 2 / 7 / 11;
  align-self: center;
}

#w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d2f7-0c29d2df {
  grid-area: 6 / 10 / 7 / 20;
  place-self: center end;
}

#w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d2fc-0c29d2df {
  grid-area: 4 / 6 / 6 / 10;
}

#w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d306-0c29d2df {
  grid-area: 4 / 10 / 6 / 14;
}

#w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d310-0c29d2df {
  grid-area: 1 / 11 / 3 / 21;
}

#w-node-a7fc0707-4777-f7ec-54e3-614a6c34b89e-dc564f1e {
  grid-area: 1 / 1 / 10 / 11;
}

#w-node-_809e4fce-b954-31c0-3771-b273d1d9e854-dc564f1e {
  grid-area: 10 / 1 / 11 / 6;
}

#w-node-_7b79050a-9054-3892-8cf2-e14d55315a35-dc564f1e {
  grid-area: 11 / 1 / 12 / 6;
}

#w-node-_87769160-5f90-d20f-35e6-a37056f862f7-dc564f1e {
  grid-area: 10 / 6 / 12 / 11;
}

#w-node-a7fc0707-4777-f7ec-54e3-614a6c34b8c0-dc564f1e {
  grid-area: 1 / 11 / 12 / 21;
}

#w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd78-6444bd76 {
  grid-area: 1 / 2 / 3 / 7;
  align-self: center;
}

#w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd7d-6444bd76 {
  grid-area: 4 / 2 / 6 / 6;
}

#w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd88-6444bd76 {
  grid-area: 6 / 2 / 7 / 11;
  align-self: center;
}

#w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd8b-6444bd76 {
  grid-area: 6 / 10 / 7 / 20;
  place-self: center end;
}

#w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd91-6444bd76 {
  grid-area: 4 / 6 / 6 / 10;
}

#w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd9b-6444bd76 {
  grid-area: 4 / 10 / 6 / 14;
}

#w-node-_17314454-e4df-7f2f-e25b-f8bd6444bda5-6444bd76 {
  grid-area: 1 / 11 / 3 / 21;
}

#w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c08-8a564f20 {
  grid-area: 1 / 1 / 9 / 11;
}

#w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c12-8a564f20 {
  grid-area: 7 / 9 / 9 / 11;
}

#w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c13-8a564f20 {
  grid-area: span 2 / span 10 / span 2 / span 10;
}

#w-node-e319c2e4-19f9-c467-8478-d719d2ad574f-e4564f24 {
  grid-area: 1 / 2 / 3 / 7;
  align-self: center;
}

#w-node-e319c2e4-19f9-c467-8478-d719d2ad5752-e4564f24 {
  grid-area: 4 / 2 / 6 / 6;
}

#w-node-e319c2e4-19f9-c467-8478-d719d2ad575f-e4564f24 {
  grid-area: 6 / 2 / 7 / 11;
  align-self: center;
}

#w-node-e319c2e4-19f9-c467-8478-d719d2ad5762-e4564f24 {
  grid-area: 6 / 10 / 7 / 20;
  place-self: center end;
}

#w-node-e319c2e4-19f9-c467-8478-d719d2ad5769-e4564f24 {
  grid-area: 4 / 6 / 6 / 10;
}

#w-node-e319c2e4-19f9-c467-8478-d719d2ad5773-e4564f24 {
  grid-area: 4 / 10 / 6 / 14;
}

#w-node-e319c2e4-19f9-c467-8478-d719d2ad577d-e4564f24 {
  grid-area: 1 / 11 / 3 / 21;
}

#w-node-f427549f-5f5a-29e7-8a51-6883597029d0-48564f18 {
  grid-area: 1 / 1 / 11 / 11;
}

#w-node-e4ce5c59-6912-8d48-0176-9671dcafe6c3-48564f18 {
  grid-area: 1 / 11 / 8 / 21;
}

#w-node-_88c4f02b-7a78-80c2-b9b9-2dacaa6e2fe7-48564f18 {
  grid-area: 1 / 20 / 2 / 21;
}

#w-node-bafca129-811f-8818-64e0-976cc7703020-48564f18 {
  grid-area: 2 / 19 / 3 / 20;
}

#w-node-_27e2a695-10e9-6f68-f2fd-9f08545cb6ff-48564f18 {
  grid-area: 3 / 20 / 4 / 21;
}

#w-node-_32d5c325-3f38-8dac-f1b3-c739f2c43683-48564f18 {
  grid-area: 4 / 19 / 5 / 20;
}

#w-node-_32ec2cb4-26a2-6b75-1f2c-3ebf6106f105-48564f18 {
  grid-area: 5 / 11 / 8 / 19;
}

#w-node-_047b1d1a-09f8-c1c2-cb8b-878cd12596c4-48564f18 {
  grid-area: 5 / 11 / 8 / 14;
}

#w-node-_976a88c6-b717-a634-dfea-ab7609617122-48564f18 {
  grid-area: 8 / 11 / 11 / 21;
}

#w-node-d528f5ef-21a5-6af6-7176-39fdee76a8fe-48564f18 {
  grid-area: 10 / 1 / 11 / 6;
}

#w-node-d530d6c7-7f27-abcc-bdd2-aefe66ef7ef4-48564f18 {
  grid-area: 1 / 1 / 10 / 11;
}

#w-node-c07e35ff-5e07-1bb4-3dbc-266ec55bb9fa-48564f18 {
  grid-area: 10 / 6 / 11 / 11;
}

#w-node-_48b1fd4e-0492-44a3-1319-df42a2c619ce-48564f18, #w-node-b09afe89-c42c-07ed-c6ec-84f41f77b6b7-48564f18, #w-node-a221dd5d-c28d-3f4f-6096-212a2fa81be6-48564f18, #w-node-d57b1cb5-87a1-03b2-a76f-3d0cd2f3d7fa-48564f18, #w-node-aedab393-8e21-e83a-2ea2-f7313c12a2f8-48564f18, #w-node-_48f5b2c1-eb5c-29ae-beca-d1deb12b2278-48564f18 {
  place-self: center;
}

#w-node-_16747169-04bc-e0bb-eb81-dab50629593c-48564f18 {
  grid-area: 1 / 1 / 11 / 11;
}

#w-node-_18710dc3-e83d-6b03-808f-91f3d992e231-48564f18, #w-node-_18710dc3-e83d-6b03-808f-91f3d992e238-48564f18, #w-node-_18710dc3-e83d-6b03-808f-91f3d992e23f-48564f18 {
  align-self: start;
}

#w-node-ba236837-6fac-3162-8e47-8f17d98340ff-48564f18 {
  place-self: stretch center;
}

#w-node-d5250878-9588-71a8-f39b-b0a602583214-48564f18, #w-node-_5defc4ba-d0ec-0c4c-1582-dfb4604926dc-48564f18, #w-node-_3ce4f1e0-e721-cedc-da17-5e402639e63f-48564f18 {
  justify-self: center;
}

#w-node-_126503b7-15ae-692d-0660-35bea681b2ef-48564f18 {
  grid-area: 10 / 1 / 11 / 11;
}

#w-node-_4803ef16-4b82-cb5c-0cc0-04224522c0de-48564f18 {
  grid-area: 1 / 6 / 3 / 11;
}

#w-node-_75468f8d-a96a-8f43-6f2c-7725dd9fb581-48564f18 {
  grid-area: 2 / 1 / 3 / 6;
}

#w-node-_0d28ba89-6762-2283-d91a-3f5ea8a0318f-48564f18 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-_126503b7-15ae-692d-0660-35bea681b2f0-48564f18 {
  grid-area: 3 / 1 / 10 / 11;
}

#w-node-ba7a25cd-3fa6-97d9-4f99-8fa60d4119e9-48564f18 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: start center;
}

#w-node-_59e5d2fc-62d3-3c60-e72c-098e2644671a-48564f18 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-c91c3be1-9a7e-8fe7-34a8-911806b7f951-48564f18, #w-node-c4adec1c-7cc8-7b49-a068-5a6e78fa6b75-48564f18, #w-node-c4adec1c-7cc8-7b49-a068-5a6e78fa6b77-48564f18, #w-node-c4adec1c-7cc8-7b49-a068-5a6e78fa6b79-48564f18, #w-node-c4adec1c-7cc8-7b49-a068-5a6e78fa6b73-48564f18 {
  place-self: center;
}

#w-node-bfe0f751-317d-e06e-63f3-911cc9a81f5b-48564f18 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_39f6171d-d061-3c62-31e4-5ec606850d5e-48564f18 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8806ae9b-d86a-9492-278c-96c92066121a-48564f18 {
  grid-area: 10 / 1 / 11 / 6;
}

#w-node-_8806ae9b-d86a-9492-278c-96c92066121b-48564f18 {
  grid-area: 1 / 1 / 10 / 11;
}

#w-node-_8806ae9b-d86a-9492-278c-96c920661227-48564f18 {
  grid-area: 10 / 6 / 11 / 11;
}

#w-node-f6b2e207-6f60-8a6b-6299-a4979d24f60a-9d24f608 {
  grid-area: 1 / 2 / 3 / 7;
  align-self: center;
}

#w-node-f6b2e207-6f60-8a6b-6299-a4979d24f60d-9d24f608 {
  grid-area: 4 / 2 / 6 / 6;
}

#w-node-f6b2e207-6f60-8a6b-6299-a4979d24f61a-9d24f608 {
  grid-area: 6 / 2 / 7 / 11;
  align-self: center;
}

#w-node-f6b2e207-6f60-8a6b-6299-a4979d24f61d-9d24f608 {
  grid-area: 6 / 10 / 7 / 20;
  place-self: center end;
}

#w-node-f6b2e207-6f60-8a6b-6299-a4979d24f624-9d24f608 {
  grid-area: 4 / 6 / 6 / 10;
}

#w-node-f6b2e207-6f60-8a6b-6299-a4979d24f62e-9d24f608 {
  grid-area: 4 / 10 / 6 / 14;
}

#w-node-f6b2e207-6f60-8a6b-6299-a4979d24f638-9d24f608 {
  grid-area: 1 / 11 / 3 / 21;
}

#w-node-_68312280-9be0-2cf2-886f-e6012e7dc315-ab564f25 {
  grid-area: 1 / 2 / 3 / 7;
  align-self: center;
}

#w-node-_68312280-9be0-2cf2-886f-e6012e7dc318-ab564f25 {
  grid-area: 4 / 2 / 6 / 6;
}

#w-node-_68312280-9be0-2cf2-886f-e6012e7dc325-ab564f25 {
  grid-area: 6 / 2 / 7 / 11;
  align-self: center;
}

#w-node-_68312280-9be0-2cf2-886f-e6012e7dc328-ab564f25 {
  grid-area: 6 / 10 / 7 / 20;
  place-self: center end;
}

#w-node-_68312280-9be0-2cf2-886f-e6012e7dc32f-ab564f25 {
  grid-area: 4 / 6 / 6 / 10;
}

#w-node-_68312280-9be0-2cf2-886f-e6012e7dc339-ab564f25 {
  grid-area: 4 / 10 / 6 / 14;
}

#w-node-_68312280-9be0-2cf2-886f-e6012e7dc343-ab564f25 {
  grid-area: 1 / 11 / 3 / 21;
}

#w-node-c33b7ef5-330a-3c99-bc90-c37b4ceb6a65-48564f1f {
  grid-area: 1 / 1 / 9 / 11;
  place-self: center;
}

#w-node-c33b7ef5-330a-3c99-bc90-c37b4ceb6a71-48564f1f {
  grid-area: 1 / 11 / 10 / 21;
}

#w-node-c33b7ef5-330a-3c99-bc90-c37b4ceb6a72-48564f1f {
  grid-area: 9 / 1 / 10 / 11;
}

#w-node-c33b7ef5-330a-3c99-bc90-c37b4ceb6a73-48564f1f {
  grid-area: 7 / 9 / 9 / 11;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9eaa-5acff2f2 {
  grid-area: 1 / 1 / 11 / 11;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9ead-5acff2f2 {
  grid-area: 1 / 11 / 8 / 21;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9eae-5acff2f2 {
  grid-area: 1 / 20 / 2 / 21;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9eaf-5acff2f2 {
  grid-area: 2 / 19 / 3 / 20;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb0-5acff2f2 {
  grid-area: 3 / 20 / 4 / 21;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb1-5acff2f2 {
  grid-area: 4 / 19 / 5 / 20;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb2-5acff2f2 {
  grid-area: 5 / 11 / 8 / 19;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb3-5acff2f2 {
  grid-area: 5 / 11 / 8 / 14;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb8-5acff2f2 {
  grid-area: 8 / 11 / 11 / 21;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9ebc-5acff2f2 {
  grid-area: 10 / 1 / 11 / 6;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9ebd-5acff2f2 {
  grid-area: 1 / 1 / 10 / 11;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9ec9-5acff2f2 {
  grid-area: 10 / 6 / 11 / 11;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9ed2-5acff2f2, #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ed4-5acff2f2, #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ed6-5acff2f2, #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ed8-5acff2f2, #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eda-5acff2f2 {
  place-self: center;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9edf-5acff2f2 {
  grid-area: 1 / 1 / 11 / 11;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9ef2-5acff2f2, #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ef9-5acff2f2, #w-node-bb97b051-4b26-16c1-8d88-556c15ab9f00-5acff2f2 {
  align-self: start;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9f0d-5acff2f2 {
  place-self: stretch center;
}

#w-node-bb97b051-4b26-16c1-8d88-556c15ab9f16-5acff2f2, #w-node-bb97b051-4b26-16c1-8d88-556c15ab9f1f-5acff2f2, #w-node-bb97b051-4b26-16c1-8d88-556c15ab9f2a-5acff2f2 {
  justify-self: center;
}

@media screen and (min-width: 1920px) {
  #w-node-_87769160-5f90-d20f-35e6-a37056f862f7-dc564f1e {
    grid-area: 10 / 6 / 12 / 21;
  }

  #w-node-a7fc0707-4777-f7ec-54e3-614a6c34b8c0-dc564f1e {
    grid-area: 1 / 11 / 10 / 21;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f74376c-c6564f1d {
    grid-area: 1 / 9 / 10 / 11;
  }

  #w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f74376d-c6564f1d {
    grid-area: 1 / 1 / 10 / 9;
  }

  #w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f743779-c6564f1d {
    grid-area: 5 / 9 / 10 / 11;
  }

  #w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f74377a-c6564f1d {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0fbb2b79-d4c6-1f0d-4123-8ba0f04e8621-c6564f1d {
    grid-area: 1 / 1 / 10 / 11;
  }

  #w-node-_96762c20-0ec7-ae56-6879-aa9a63feaba1-c6564f1d {
    grid-area: span 10 / span 4 / span 10 / span 4;
  }

  #w-node-b129f2f5-1f4a-3a0a-155f-6f86722e40c1-c6564f1d {
    grid-area: 11 / 1 / 13 / 3;
  }

  #w-node-_5e10a425-66b7-07d3-ebe0-3bb10ed62439-c6564f1d {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-_5a8e1ec0-b221-57e2-d28a-d8498732ec73-c6564f1d {
    grid-area: 12 / 3 / 13 / 5;
  }

  #w-node-_0b78e196-ec25-6650-b60e-315fd653469b-0d564f26 {
    grid-area: 1 / 1 / 10 / 11;
  }

  #w-node-_0b78e196-ec25-6650-b60e-315fd65346a5-0d564f26 {
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-_0b78e196-ec25-6650-b60e-315fd653469a-0d564f26 {
    grid-area: 4 / 9 / 10 / 11;
  }

  #w-node-_0b78e196-ec25-6650-b60e-315fd65346a6-0d564f26 {
    grid-area: 2 / 1 / 2 / 2;
  }

  #w-node-a7fc0707-4777-f7ec-54e3-614a6c34b89e-dc564f1e {
    grid-area: 6 / 1 / 11 / 3;
  }

  #w-node-_809e4fce-b954-31c0-3771-b273d1d9e854-dc564f1e {
    grid-area: 12 / 1 / 13 / 2;
  }

  #w-node-_7b79050a-9054-3892-8cf2-e14d55315a35-dc564f1e {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_87769160-5f90-d20f-35e6-a37056f862f7-dc564f1e {
    grid-area: 11 / 2 / 13 / 3;
  }

  #w-node-a7fc0707-4777-f7ec-54e3-614a6c34b8c0-dc564f1e {
    grid-area: 1 / 1 / 6 / 3;
  }

  #w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c08-8a564f20 {
    grid-area: 1 / 1 / 10 / 11;
  }

  #w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c12-8a564f20 {
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c13-8a564f20 {
    grid-area: 4 / 9 / 10 / 11;
  }

  #w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c14-8a564f20 {
    grid-area: 2 / 1 / 2 / 2;
  }

  #w-node-f427549f-5f5a-29e7-8a51-6883597029d0-48564f18 {
    grid-area: 1 / 1 / 17 / 17;
  }

  #w-node-e4ce5c59-6912-8d48-0176-9671dcafe6c3-48564f18 {
    grid-area: 1 / 17 / 11 / 21;
  }

  #w-node-_88c4f02b-7a78-80c2-b9b9-2dacaa6e2fe7-48564f18 {
    grid-area: 10 / 20 / 11 / 21;
  }

  #w-node-bafca129-811f-8818-64e0-976cc7703020-48564f18 {
    grid-area: 9 / 19 / 10 / 20;
  }

  #w-node-_27e2a695-10e9-6f68-f2fd-9f08545cb6ff-48564f18 {
    grid-area: 10 / 18 / 11 / 19;
  }

  #w-node-_32d5c325-3f38-8dac-f1b3-c739f2c43683-48564f18 {
    grid-area: 9 / 17 / 10 / 18;
  }

  #w-node-_32ec2cb4-26a2-6b75-1f2c-3ebf6106f105-48564f18 {
    grid-area: 11 / 17 / 17 / 21;
  }

  #w-node-_047b1d1a-09f8-c1c2-cb8b-878cd12596c4-48564f18 {
    grid-area: 17 / 17 / 21 / 21;
  }

  #w-node-_976a88c6-b717-a634-dfea-ab7609617122-48564f18 {
    grid-area: 17 / 1 / 21 / 17;
  }

  #w-node-d528f5ef-21a5-6af6-7176-39fdee76a8fe-48564f18 {
    grid-area: 9 / 1 / 11 / 6;
  }

  #w-node-d530d6c7-7f27-abcc-bdd2-aefe66ef7ef4-48564f18 {
    grid-area: 1 / 1 / 9 / 11;
  }

  #w-node-c07e35ff-5e07-1bb4-3dbc-266ec55bb9fa-48564f18 {
    grid-area: 9 / 6 / 11 / 11;
  }

  #w-node-_16747169-04bc-e0bb-eb81-dab50629593a-48564f18 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_16747169-04bc-e0bb-eb81-dab50629593c-48564f18 {
    grid-area: 1 / 1 / 8 / 11;
  }

  #w-node-_18710dc3-e83d-6b03-808f-91f3d992e22f-48564f18 {
    align-self: center;
  }

  #w-node-_126503b7-15ae-692d-0660-35bea681b2ef-48564f18, #w-node-_4803ef16-4b82-cb5c-0cc0-04224522c0de-48564f18 {
    grid-area: 1 / 1 / 3 / 6;
  }

  #w-node-_75468f8d-a96a-8f43-6f2c-7725dd9fb581-48564f18 {
    grid-area: 2 / 6 / 3 / 11;
  }

  #w-node-_0d28ba89-6762-2283-d91a-3f5ea8a0318f-48564f18 {
    grid-area: 1 / 1 / 3 / 6;
  }

  #w-node-_126503b7-15ae-692d-0660-35bea681b2f0-48564f18 {
    grid-area: 3 / 1 / 11 / 11;
  }

  #w-node-ecc534a3-32fe-2106-eba8-5df3be17728c-48564f18 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: center;
  }

  #w-node-bfe0f751-317d-e06e-63f3-911cc9a81f5b-48564f18 {
    grid-area: 1 / 1 / 3 / 10;
  }

  #w-node-_39f6171d-d061-3c62-31e4-5ec606850d5e-48564f18 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_8806ae9b-d86a-9492-278c-96c92066121a-48564f18 {
    grid-area: 1 / 1 / 3 / 12;
  }

  #w-node-_8806ae9b-d86a-9492-278c-96c92066121b-48564f18 {
    grid-area: 1 / 1 / 11 / 11;
  }

  #w-node-_8806ae9b-d86a-9492-278c-96c920661227-48564f18 {
    grid-area: 5 / 1 / 7 / 10;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eaa-5acff2f2 {
    grid-area: 1 / 1 / 17 / 17;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ead-5acff2f2 {
    grid-area: 1 / 17 / 11 / 21;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eae-5acff2f2 {
    grid-area: 10 / 20 / 11 / 21;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eaf-5acff2f2 {
    grid-area: 9 / 19 / 10 / 20;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb0-5acff2f2 {
    grid-area: 10 / 18 / 11 / 19;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb1-5acff2f2 {
    grid-area: 9 / 17 / 10 / 18;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb2-5acff2f2 {
    grid-area: 11 / 17 / 17 / 21;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb3-5acff2f2 {
    grid-area: 17 / 17 / 21 / 21;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb8-5acff2f2 {
    grid-area: 17 / 1 / 21 / 17;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ebc-5acff2f2 {
    grid-area: 9 / 1 / 11 / 6;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ebd-5acff2f2 {
    grid-area: 1 / 1 / 9 / 11;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ec9-5acff2f2 {
    grid-area: 9 / 6 / 11 / 11;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ede-5acff2f2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9edf-5acff2f2 {
    grid-area: 1 / 1 / 8 / 11;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ef0-5acff2f2 {
    align-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f74376c-c6564f1d {
    grid-area: 1 / 9 / 10 / 11;
  }

  #w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f74376d-c6564f1d {
    grid-area: 1 / 1 / 10 / 9;
  }

  #w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f743779-c6564f1d {
    grid-area: 9 / 1 / 11 / 6;
  }

  #w-node-_5e10a425-66b7-07d3-ebe0-3bb10ed62439-c6564f1d {
    grid-area: 1 / 1 / 3 / 6;
  }

  #w-node-_5a8e1ec0-b221-57e2-d28a-d8498732ec73-c6564f1d {
    grid-area: 11 / 3 / 13 / 5;
  }

  #w-node-_1c69be54-2d08-91c8-8356-0cdafe325a37-c6564f1d {
    grid-area: 8 / 2 / 9 / 11;
    align-self: center;
  }

  #w-node-_0b78e196-ec25-6650-b60e-315fd653469b-0d564f26 {
    grid-area: 1 / 1 / 10 / 11;
  }

  #w-node-_0b78e196-ec25-6650-b60e-315fd65346a5-0d564f26 {
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-_0b78e196-ec25-6650-b60e-315fd653469a-0d564f26 {
    grid-area: 4 / 9 / 10 / 11;
  }

  #w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d2f4-0c29d2df, #w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd88-6444bd76 {
    grid-area: 8 / 2 / 9 / 11;
    align-self: center;
  }

  #w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c08-8a564f20 {
    grid-area: 1 / 1 / 10 / 11;
  }

  #w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c12-8a564f20 {
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c13-8a564f20 {
    grid-area: 4 / 9 / 10 / 11;
  }

  #w-node-e319c2e4-19f9-c467-8478-d719d2ad575f-e4564f24 {
    grid-area: 8 / 2 / 9 / 11;
    align-self: center;
  }

  #w-node-d528f5ef-21a5-6af6-7176-39fdee76a8fe-48564f18 {
    grid-area: 9 / 6 / 11 / 11;
  }

  #w-node-d530d6c7-7f27-abcc-bdd2-aefe66ef7ef4-48564f18 {
    grid-area: 1 / 1 / 9 / 11;
  }

  #w-node-c07e35ff-5e07-1bb4-3dbc-266ec55bb9fa-48564f18 {
    grid-area: 9 / 1 / 11 / 6;
  }

  #w-node-_16747169-04bc-e0bb-eb81-dab50629593c-48564f18 {
    grid-area: 1 / 1 / 9 / 11;
  }

  #w-node-_126503b7-15ae-692d-0660-35bea681b2ef-48564f18 {
    grid-area: 3 / 6 / 7 / 11;
  }

  #w-node-_4803ef16-4b82-cb5c-0cc0-04224522c0de-48564f18 {
    grid-area: 1 / 1 / 3 / 6;
  }

  #w-node-_75468f8d-a96a-8f43-6f2c-7725dd9fb581-48564f18 {
    grid-area: 2 / 6 / 3 / 11;
  }

  #w-node-_0d28ba89-6762-2283-d91a-3f5ea8a0318f-48564f18 {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-_126503b7-15ae-692d-0660-35bea681b2f0-48564f18 {
    grid-area: 3 / 1 / 11 / 11;
  }

  #w-node-bfe0f751-317d-e06e-63f3-911cc9a81f5b-48564f18 {
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-_39f6171d-d061-3c62-31e4-5ec606850d5e-48564f18 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_8806ae9b-d86a-9492-278c-96c92066121a-48564f18 {
    grid-area: 1 / 1 / 3 / 12;
  }

  #w-node-_8806ae9b-d86a-9492-278c-96c92066121b-48564f18 {
    grid-area: 1 / 1 / 11 / 11;
  }

  #w-node-_8806ae9b-d86a-9492-278c-96c920661227-48564f18 {
    grid-area: 1 / 1 / 3 / 10;
  }

  #w-node-f6b2e207-6f60-8a6b-6299-a4979d24f61a-9d24f608, #w-node-_68312280-9be0-2cf2-886f-e6012e7dc325-ab564f25 {
    grid-area: 8 / 2 / 9 / 11;
    align-self: center;
  }

  #w-node-c33b7ef5-330a-3c99-bc90-c37b4ceb6a65-48564f1f {
    grid-area: 1 / 1 / 9 / 21;
    place-self: center;
  }

  #w-node-c33b7ef5-330a-3c99-bc90-c37b4ceb6a71-48564f1f {
    grid-area: 11 / 1 / 20 / 21;
  }

  #w-node-c33b7ef5-330a-3c99-bc90-c37b4ceb6a72-48564f1f {
    grid-area: 9 / 1 / 11 / 21;
  }

  #w-node-c33b7ef5-330a-3c99-bc90-c37b4ceb6a73-48564f1f {
    grid-area: 7 / 19 / 9 / 21;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ebc-5acff2f2 {
    grid-area: 9 / 6 / 11 / 11;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ebd-5acff2f2 {
    grid-area: 1 / 1 / 9 / 11;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ec9-5acff2f2 {
    grid-area: 9 / 1 / 11 / 6;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9edf-5acff2f2 {
    grid-area: 1 / 1 / 9 / 11;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f74376b-c6564f1d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f74376c-c6564f1d {
    grid-area: 6 / 6 / 8 / 11;
  }

  #w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f74376d-c6564f1d {
    grid-area: 1 / 1 / 12 / 11;
  }

  #w-node-_4abd7dbf-3cfc-8342-eb7f-fa570f743779-c6564f1d {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_5bbef2f2-703d-7d93-8a94-8b6e8d61da5f-c6564f1d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_96762c20-0ec7-ae56-6879-aa9a63feaba1-c6564f1d {
    grid-area: span 10 / span 4 / span 10 / span 4;
  }

  #w-node-_5e10a425-66b7-07d3-ebe0-3bb10ed62439-c6564f1d {
    grid-area: 1 / 1 / 3 / 6;
  }

  #w-node-_5a8e1ec0-b221-57e2-d28a-d8498732ec73-c6564f1d {
    grid-area: 12 / 3 / 13 / 5;
  }

  #w-node-a124e3f1-891d-db95-248a-9826c2757644-c6564f1d {
    justify-self: center;
  }

  #w-node-_1c69be54-2d08-91c8-8356-0cdafe325a27-c6564f1d {
    grid-area: 1 / 2 / 3 / 7;
    align-self: end;
  }

  #w-node-_1c69be54-2d08-91c8-8356-0cdafe325a2a-c6564f1d {
    grid-area: 6 / 2 / 9 / 6;
  }

  #w-node-_1c69be54-2d08-91c8-8356-0cdafe325a37-c6564f1d {
    grid-area: 9 / 2 / 10 / 20;
    align-self: center;
  }

  #w-node-_1c69be54-2d08-91c8-8356-0cdafe325a3a-c6564f1d {
    grid-area: 4 / 2 / 5 / 14;
    place-self: center start;
  }

  #w-node-_1c69be54-2d08-91c8-8356-0cdafe325a41-c6564f1d {
    grid-area: 6 / 7 / 9 / 13;
  }

  #w-node-_1c69be54-2d08-91c8-8356-0cdafe325a4b-c6564f1d {
    grid-area: 6 / 14 / 9 / 20;
  }

  #w-node-_0b78e196-ec25-6650-b60e-315fd6534699-0d564f26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0b78e196-ec25-6650-b60e-315fd653469b-0d564f26 {
    grid-area: 1 / 1 / 15 / 11;
  }

  #w-node-_0b78e196-ec25-6650-b60e-315fd65346a5-0d564f26 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0b78e196-ec25-6650-b60e-315fd653469a-0d564f26 {
    grid-area: 1 / 9 / 6 / 11;
  }

  #w-node-_0b78e196-ec25-6650-b60e-315fd65346a6-0d564f26 {
    grid-area: 2 / 1 / 2 / 2;
  }

  #w-node-_61f96313-1b9f-2efe-cd35-7da517c0d0af-0d564f26 {
    justify-self: center;
  }

  #w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d2e1-0c29d2df {
    grid-area: 1 / 2 / 3 / 7;
    align-self: end;
  }

  #w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d2e6-0c29d2df {
    grid-area: 6 / 2 / 9 / 6;
  }

  #w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d2f4-0c29d2df {
    grid-area: 9 / 2 / 10 / 20;
    align-self: center;
  }

  #w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d2f7-0c29d2df {
    grid-area: 4 / 2 / 5 / 14;
    place-self: center start;
  }

  #w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d2fc-0c29d2df {
    grid-area: 6 / 7 / 9 / 13;
  }

  #w-node-bf2cbfe3-1c72-faa2-bdb5-4d920c29d306-0c29d2df {
    grid-area: 6 / 14 / 9 / 20;
  }

  #w-node-a7fc0707-4777-f7ec-54e3-614a6c34b89e-dc564f1e {
    grid-area: 15 / 1 / 25 / 3;
  }

  #w-node-_809e4fce-b954-31c0-3771-b273d1d9e854-dc564f1e {
    grid-area: 26 / 1 / 27 / 2;
  }

  #w-node-_87769160-5f90-d20f-35e6-a37056f862f7-dc564f1e {
    grid-area: 25 / 2 / 27 / 3;
  }

  #w-node-a7fc0707-4777-f7ec-54e3-614a6c34b8c0-dc564f1e {
    grid-area: 1 / 1 / 15 / 3;
  }

  #w-node-_8753907c-96da-f79b-bae2-9bfad62b8aee-dc564f1e {
    justify-self: center;
  }

  #w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd78-6444bd76 {
    grid-area: 1 / 2 / 3 / 7;
    align-self: end;
  }

  #w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd7d-6444bd76 {
    grid-area: 6 / 2 / 9 / 6;
  }

  #w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd88-6444bd76 {
    grid-area: 9 / 2 / 10 / 20;
    align-self: center;
  }

  #w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd8b-6444bd76 {
    grid-area: 4 / 2 / 5 / 14;
    place-self: center start;
  }

  #w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd91-6444bd76 {
    grid-area: 6 / 7 / 9 / 13;
  }

  #w-node-_17314454-e4df-7f2f-e25b-f8bd6444bd9b-6444bd76 {
    grid-area: 6 / 14 / 9 / 20;
  }

  #w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c07-8a564f20 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c08-8a564f20 {
    grid-area: 1 / 1 / 15 / 11;
  }

  #w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c12-8a564f20 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-fdd35b6e-5138-ebf0-2acd-7dfeddbd6c14-8a564f20 {
    grid-area: 2 / 1 / 2 / 2;
  }

  #w-node-a7809a99-5494-0d36-3c42-3417f22831ce-8a564f20 {
    justify-self: center;
  }

  #w-node-e319c2e4-19f9-c467-8478-d719d2ad574f-e4564f24 {
    grid-area: 1 / 2 / 3 / 7;
    align-self: end;
  }

  #w-node-e319c2e4-19f9-c467-8478-d719d2ad5752-e4564f24 {
    grid-area: 6 / 2 / 9 / 6;
  }

  #w-node-e319c2e4-19f9-c467-8478-d719d2ad575f-e4564f24 {
    grid-area: 9 / 2 / 10 / 11;
  }

  #w-node-e319c2e4-19f9-c467-8478-d719d2ad5762-e4564f24 {
    grid-area: 4 / 2 / 5 / 14;
    place-self: center start;
  }

  #w-node-e319c2e4-19f9-c467-8478-d719d2ad5769-e4564f24 {
    grid-area: 6 / 7 / 9 / 13;
  }

  #w-node-e319c2e4-19f9-c467-8478-d719d2ad5773-e4564f24 {
    grid-area: 6 / 14 / 9 / 20;
  }

  #w-node-f427549f-5f5a-29e7-8a51-6883597029d0-48564f18 {
    grid-area: 1 / 1 / 19 / 17;
  }

  #w-node-_32ec2cb4-26a2-6b75-1f2c-3ebf6106f105-48564f18 {
    grid-area: 11 / 17 / 19 / 21;
  }

  #w-node-_047b1d1a-09f8-c1c2-cb8b-878cd12596c4-48564f18 {
    grid-area: 19 / 17 / 23 / 21;
  }

  #w-node-_976a88c6-b717-a634-dfea-ab7609617122-48564f18 {
    grid-area: 19 / 1 / 23 / 17;
  }

  #w-node-d528f5ef-21a5-6af6-7176-39fdee76a8fe-48564f18 {
    grid-area: 13 / 6 / 15 / 11;
  }

  #w-node-d530d6c7-7f27-abcc-bdd2-aefe66ef7ef4-48564f18 {
    grid-area: 1 / 1 / 13 / 11;
  }

  #w-node-c07e35ff-5e07-1bb4-3dbc-266ec55bb9fa-48564f18 {
    grid-area: 13 / 1 / 15 / 6;
  }

  #w-node-_16747169-04bc-e0bb-eb81-dab50629593c-48564f18 {
    grid-area: 1 / 1 / 13 / 11;
  }

  #w-node-_126503b7-15ae-692d-0660-35bea681b2f0-48564f18 {
    grid-area: 3 / 1 / 15 / 11;
  }

  #w-node-_8806ae9b-d86a-9492-278c-96c92066121b-48564f18 {
    grid-area: 1 / 1 / 15 / 11;
  }

  #w-node-f6b2e207-6f60-8a6b-6299-a4979d24f60a-9d24f608 {
    grid-area: 1 / 2 / 3 / 7;
    align-self: end;
  }

  #w-node-f6b2e207-6f60-8a6b-6299-a4979d24f60d-9d24f608 {
    grid-area: 6 / 2 / 9 / 6;
  }

  #w-node-f6b2e207-6f60-8a6b-6299-a4979d24f61a-9d24f608 {
    grid-area: 9 / 2 / 10 / 20;
    align-self: center;
  }

  #w-node-f6b2e207-6f60-8a6b-6299-a4979d24f61d-9d24f608 {
    grid-area: 4 / 2 / 5 / 14;
    place-self: center start;
  }

  #w-node-f6b2e207-6f60-8a6b-6299-a4979d24f624-9d24f608 {
    grid-area: 6 / 7 / 9 / 13;
  }

  #w-node-f6b2e207-6f60-8a6b-6299-a4979d24f62e-9d24f608 {
    grid-area: 6 / 14 / 9 / 20;
  }

  #w-node-_68312280-9be0-2cf2-886f-e6012e7dc315-ab564f25 {
    grid-area: 1 / 2 / 3 / 7;
    align-self: end;
  }

  #w-node-_68312280-9be0-2cf2-886f-e6012e7dc318-ab564f25 {
    grid-area: 6 / 2 / 9 / 6;
  }

  #w-node-_68312280-9be0-2cf2-886f-e6012e7dc325-ab564f25 {
    grid-area: 9 / 2 / 10 / 11;
  }

  #w-node-_68312280-9be0-2cf2-886f-e6012e7dc328-ab564f25 {
    grid-area: 4 / 2 / 5 / 14;
    place-self: center start;
  }

  #w-node-_68312280-9be0-2cf2-886f-e6012e7dc32f-ab564f25 {
    grid-area: 6 / 7 / 9 / 13;
  }

  #w-node-_68312280-9be0-2cf2-886f-e6012e7dc339-ab564f25 {
    grid-area: 6 / 14 / 9 / 20;
  }

  #w-node-c33b7ef5-330a-3c99-bc90-c37b4ceb6a71-48564f1f {
    grid-area: 11 / 1 / 29 / 21;
  }

  #w-node-_6b5bdf19-9100-b56b-ac6f-65d0bb7995f7-48564f1f {
    justify-self: center;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eaa-5acff2f2 {
    grid-area: 1 / 1 / 19 / 17;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb2-5acff2f2 {
    grid-area: 11 / 17 / 19 / 21;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb3-5acff2f2 {
    grid-area: 19 / 17 / 23 / 21;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9eb8-5acff2f2 {
    grid-area: 19 / 1 / 23 / 17;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ebc-5acff2f2 {
    grid-area: 13 / 6 / 15 / 11;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ebd-5acff2f2 {
    grid-area: 1 / 1 / 13 / 11;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9ec9-5acff2f2 {
    grid-area: 13 / 1 / 15 / 6;
  }

  #w-node-bb97b051-4b26-16c1-8d88-556c15ab9edf-5acff2f2 {
    grid-area: 1 / 1 / 13 / 11;
  }
}


@font-face {
  font-family: 'Circularstd';
  src: url('../fonts/CircularStd-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circularstd';
  src: url('../fonts/CircularStd-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Librebaskerville';
  src: url('../fonts/LibreBaskerville-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circularstd';
  src: url('../fonts/CircularStd-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Static contact replacement: no form backend required. */
.opw-mail-contact {
  justify-content: center;
  gap: 2.25rem;
  min-height: 100%;
}

.opw-mail-contact__label {
  color: var(--black-2);
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 700;
}

.opw-mail-contact__link {
  color: var(--black-2);
  border-top: 1px solid var(--black-2);
  border-bottom: 1px solid var(--black-2);
  grid-template-columns: 1fr auto;
  gap: .6rem 1.5rem;
  width: 100%;
  padding: 1.6rem 0;
  text-decoration: none;
  display: grid;
}

.opw-mail-contact__prompt {
  font-size: 1.35rem;
  line-height: 1.2;
}

.opw-mail-contact__email {
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
  font-size: clamp(1.55rem, 2.4vw, 3rem);
  font-weight: 900;
  line-height: 1.05;
}

.opw-mail-contact__arrow {
  grid-area: 1 / 2 / 3 / 3;
  align-self: center;
  font-size: clamp(1.75rem, 3vw, 3.5rem);
  line-height: 1;
  transition: transform .2s ease;
}

@media screen and (min-width: 768px) {
  .opw-mail-contact__email {
    white-space: nowrap;
  }
}

.opw-mail-contact__link:hover .opw-mail-contact__arrow,
.opw-mail-contact__link:focus-visible .opw-mail-contact__arrow {
  transform: translateX(.3rem);
}

.opw-mail-contact__link:focus-visible {
  outline: 3px solid var(--black-2);
  outline-offset: 6px;
}

@media screen and (max-width: 767px) {
  .opw-mail-contact {
    gap: 1.5rem;
    padding: 2rem 0;
  }

  .opw-mail-contact__link {
    gap: .75rem;
    padding: 1.25rem 0;
  }

  .opw-mail-contact__prompt {
    font-size: 1.1rem;
  }
}