@font-face {
  font-family: Typefesse Claire Obscure;
  src: url('./../fonts/typefesse_claire-obscure.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Typefesse Pleine;
  src: url('./../fonts/typefesse_pleine.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinet Grotesk;
  src: url('./../fonts/cabinetgrotesk-variable.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #0a1327;
  --grpurple: #b23386;
  --plum: #cf9eeb;
  --light-goldenrod-yellow: #e9f2c0;
  --khaki: #fdef7b;
  --grpink: #fd90e8;
  --black-2: black;
  --azure: #daeef5;
  --transparent: #fff0;
  --section-bg-light-blue: #f8f5ff;
  --gryellow: #fac900;
  --sky-blue: #3ecded;
  --lyellow: #f0f332;
  --white: #fff;
  --grgreen: #22a094;
  --violet: #ff79e0;
  --red: #e24330;
  --purple: #90a8ed;
  --g: var(--black-2);
}

.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;
}

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

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

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

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

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

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

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

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  color: var(--black);
  font-family: Typefesse Claire Obscure, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  color: var(--grpurple);
  letter-spacing: .03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Typefesse Claire Obscure, sans-serif;
  font-size: 5.625rem;
  font-weight: 400;
  line-height: .9;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Typefesse Claire Obscure, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Typefesse Claire Obscure, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: #000;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
  font-family: Cabinet Grotesk, sans-serif;
}

li {
  margin-bottom: .25rem;
}

img {
  object-fit: contain;
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 700;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.utility-page_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-page_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 20rem;
  display: flex;
}

.utility-page_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_image {
  margin-left: auto;
  margin-right: auto;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.margin-custom2 {
  margin: 2.5rem;
}

.padding-xlarge {
  padding: 4rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xsmall {
  margin: .5rem;
}

.padding-xhuge {
  padding: 8rem;
}

.margin-custom1 {
  margin: 1.5rem;
}

.padding-0 {
  padding: 0;
}

.padding-xxhuge {
  padding: 12rem;
}

.padding-huge {
  padding: 6rem;
}

.margin-large {
  margin: 3rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.padding-custom3 {
  padding: 3.5rem;
}

.padding-large {
  padding: 3rem;
}

.margin-tiny {
  margin: .125rem;
}

.padding-small {
  padding: 1rem;
}

.padding-custom2 {
  padding: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.margin-huge {
  margin: 6rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-xsmall {
  padding: .5rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.padding-xxsmall {
  padding: .25rem;
}

.margin-xhuge {
  margin: 8rem;
}

.padding-tiny {
  padding: .125rem;
}

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

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

.padding-horizontal {
  padding: 0 2.5rem;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

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

.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;
}

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

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #0073e61a, #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;
}

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

.overflow-auto {
  overflow: auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

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

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

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

.text-weight-semibold {
  font-weight: 600;
}

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

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

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

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

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.fs-styleguide_heading-large {
  font-size: 6rem;
}

.primary-bg {
  background-color: var(--plum);
  color: #f5f5f5;
}

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

.text-color-black {
  color: #000;
}

.text-color-grey {
  color: gray;
}

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

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.form_message-success {
  padding: 1.25rem;
}

.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;
}

.heading-style-h3 {
  font-size: 3rem;
}

.text-rich-text h1, .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-family: Cabinet Grotesk, sans-serif;
}

.text-rich-text h5 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  font-family: Cabinet Grotesk, sans-serif;
}

.text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text ul, .text-rich-text ol {
  margin-bottom: 1.5rem;
}

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

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

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

.heading-style-h1 {
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.21;
}

.padding-global {
  border-bottom: 0 #000;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.padding-global.vw {
  font-size: 1vw;
}

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

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

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

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

.text-style-italic {
  font-style: italic;
}

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

.overflow-hidden {
  overflow: hidden;
}

.fs-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%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.text-size-tiny {
  font-size: .875rem;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

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

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #0073e61a;
  border: 1px dashed #0073e6;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.text-weight-light {
  font-weight: 300;
}

.fs-styleguide_heading-medium {
  font-size: 4rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

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

.text-weight-xbold {
  font-weight: 800;
}

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

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

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.fs-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;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.tertiary-bg {
  background-color: var(--light-goldenrod-yellow);
}

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

.text-size-small {
  font-size: .875rem;
}

.heading-style-h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.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;
}

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

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

.secondary-bg {
  background-color: var(--khaki);
}

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

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.heading-style-h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.padding-section-large {
  padding-top: 8.5rem;
  padding-bottom: 8.5rem;
}

.padding-section-large.padding-global {
  -webkit-text-stroke-color: var(--black);
}

.padding-section-large.extra-height {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.fs-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;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.text-style-link {
  color: #000;
  text-decoration: underline;
}

.text-size-large {
  font-size: 1.5rem;
}

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

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.page-wrapper.overflow-hidden.is--yellow {
  background-color: #feef7b;
}

.fs-styleguide_label {
  color: #fff;
  background-color: #0073e6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: #be4aa5;
}

.fs-styleguide_label.is-hex {
  color: #000;
  background-color: #f5f5f5;
}

.fs-styleguide_version {
  z-index: 5;
  color: #000;
  font-weight: 500;
  text-decoration: none;
}

.heading-style-h5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

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

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

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

.overflow-scroll {
  overflow: scroll;
}

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

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

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

.form_component {
  margin-bottom: 0;
}

.main-wrapper {
  overflow: hidden;
}

.main-wrapper.overflow-desktop, .main-wrapper.overflow-visible {
  overflow: visible;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

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

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.align-center.text-align-center.margin-bottom {
  color: #fff;
  text-align: left;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  text-shadow: 4px 4px 1px #000;
  margin-bottom: 2rem;
  margin-left: 0;
  font-family: Typefesse Pleine, sans-serif;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #000;
  padding: 1rem 1.5rem;
  font-weight: 600;
  transition: background-color .2s;
}

.button:hover {
  background-color: #5d8eff;
}

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.button.is-large {
  padding: 1rem 2rem;
}

.button.is-secondary {
  color: #000;
  background-color: #0000;
  border: 2px solid #000;
  border-bottom-width: .125rem;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .5rem 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

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

.text-size-medium {
  font-size: 1.25rem;
}

.text-size-medium.text-weight-medium {
  z-index: 5;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: 2.12916rem;
  font-weight: 700;
  position: relative;
}

.fs-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;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hide {
  display: none;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.container-medium {
  text-align: center;
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

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

.fs-styleguide_spacing-all {
  display: none;
}

.fs-styleguide_color.is-1 {
  background-color: #000;
}

.fs-styleguide_color.is-2 {
  background-color: #f5f5f5;
}

.fs-styleguide_color.is-3 {
  background-color: #fff;
}

.navbar_logo {
  width: 100%;
}

.navbar_logo-wrapper {
  border-bottom: 2px solid #000;
  padding: 1rem 2.5rem;
}

.navbar_logo-wrapper.is-small {
  opacity: 0;
  border-bottom-style: none;
  align-items: center;
  width: 0;
  padding: 0;
  display: flex;
}

.navbar {
  z-index: 999;
  background-color: var(--khaki);
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-radius: 0 0 .875rem .875rem;
  width: 100%;
  position: fixed;
  top: 0;
  overflow: hidden;
}

.navbar_main {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 2.5rem;
  display: flex;
  overflow: hidden;
}

.navbar_button-wrapper {
  justify-content: flex-end;
  width: 33%;
  display: flex;
}

.navbar_button-wrapper.hide-tablet {
  width: auto;
}

.navbar_link-list {
  grid-column-gap: 2rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: .25rem;
  padding-bottom: .25rem;
  display: flex;
  position: static;
}

.navbar_button {
  background-color: var(--plum);
  text-align: center;
  white-space: nowrap;
  border: 1px solid #000;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.5rem;
  font-family: Cabinet Grotesk, sans-serif;
  transition: background-color .4s;
  display: flex;
}

.navbar_button:hover {
  background-color: var(--grpink);
}

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

.sections {
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10rem;
  position: relative;
}

.sections.tertiary-bg.no-padding.set-bg {
  background-image: url('./../images/css-pattern-by-magicpattern-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.sections.no-padding {
  padding-bottom: 0;
}

.sections.no-padding.is--blue {
  background-color: #f8f5ff;
  border-top: 3px #000;
  border-radius: 0;
}

.sections.no-padding.is--blue.is--bg-set {
  background-image: url('./../images/inspiration-geometry.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
}

.intro_component {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 2px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.intro_component.padding-to-nav {
  display: block;
}

.story_item {
  text-align: center;
  border-right: 2px solid #000;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
}

.story_item.is-small {
  box-shadow: 4px 4px 0 0 var(--black);
  cursor: pointer;
  background-color: #fffdf4;
  border: 1px solid #000;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem 1rem 2rem;
  transition: all .4s;
}

.story_item.is-small:hover {
  background-color: var(--azure);
  transform: translate(0, -2rem);
}

.story_item.is-small.primary-bg {
  background-color: var(--plum);
  flex-direction: column;
}

.story_item.is-small.secondary-bg {
  background-color: var(--khaki);
  flex-direction: column;
}

.story_item.is-small.secondary-bg.border-bottom {
  border-bottom: 1px solid #000;
  flex-direction: column;
}

.story_item.is-small.secondary-bg.border-bottom.is--gender-card-item {
  background-color: var(--transparent);
  box-shadow: none;
  border: 1px #000;
  border-radius: 0;
}

.story_item.is-small.tertiary-bg {
  background-color: var(--azure);
}

.story_item.is-small.tertiary-bg.border-bottom {
  border-bottom: 1px solid #000;
  flex-direction: column;
}

.intro_row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 2px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.intro_row.is-xlarge {
  grid-template-columns: 1fr;
  padding-top: 9.5rem;
  padding-bottom: 7rem;
}

.intro_row.is-xlarge.no-border-top {
  border-top-style: none;
}

.intro_row.is-xlarge.no-border-top.small-padding {
  padding-top: 0;
}

.game-title-wrapper {
  color: var(--black);
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 400;
  display: flex;
  position: static;
  inset: -4.6rem auto auto;
}

.story_image {
  width: 100%;
  max-width: 15rem;
}

.parralax_icon {
  position: absolute;
  inset: auto auto -2rem 0%;
}

.parralax_icon.is-tv {
  width: 11em;
  inset: -7.9rem -3.6rem 2px auto;
}

.parralax_icon.is-tv.negative-z-index {
  z-index: 0;
}

.parralax_icon.is-heart {
  z-index: 3;
  width: 11em;
  max-height: 11rem;
  inset: 2.8rem auto auto -3.3rem;
}

.parralax_icon.is-heart.negative-z-index {
  z-index: 0;
}

.parralax_icon.is-heart.is--second {
  z-index: 0;
  left: -8.2rem;
}

.parralax_icon.is-genderbread {
  z-index: -1;
  opacity: 1;
  width: 14rem;
  inset: 7.3rem 6.5rem 0 auto;
}

.parralax_icon.is-green-hand {
  z-index: -1;
  width: 12rem;
  inset: auto 2em 4rem auto;
}

.parralax_icon.is-blue-hand {
  z-index: -1;
  width: 12rem;
  bottom: 15rem;
  left: 1.4rem;
}

.parralax_icon.is-smiley {
  z-index: 0;
  width: 11em;
  bottom: -30.9rem;
  left: 8.9em;
}

.parralax_icon.is-smiley.negative-z-index {
  z-index: 0;
}

.parralax_icon.floating-heart {
  width: 13em;
  max-height: 11rem;
  inset: 7.4rem -13.8rem auto auto;
  transform: rotate(-30deg);
}

.parralax_icon.heart {
  width: 8em;
  max-height: 11rem;
  inset: -2rem auto auto -2rem;
  transform: rotate(-21deg);
}

.parralax_icon.other-icon {
  width: 8em;
  max-height: 11rem;
  inset: -6.6rem auto auto -10.2rem;
}

.parralax_icon.is-coins {
  width: 7.41656rem;
}

.parralax_icon.is-brush {
  width: 4.8rem;
  inset: -11.9rem -1rem auto auto;
}

.parralax_icon.is-tag2 {
  inset: auto -2rem 6rem auto;
}

.parralax_icon.is-hand {
  bottom: -2.7rem;
  left: 0;
}

.parralax_icon.is--eyes {
  width: 7.41656rem;
  inset: 0% auto auto 0%;
}

.parralax_icon.is--headphones {
  width: 12rem;
  bottom: -18.7rem;
}

.parralax_icon.is--hair-1 {
  width: 9rem;
  bottom: 6.1rem;
  left: 0;
}

.parralax_icon.is--accessoire {
  width: 9rem;
  bottom: -10.2rem;
  left: 6.3rem;
}

.parralax_icon.is--top-1 {
  width: 9rem;
  bottom: -.8rem;
  left: 3.7rem;
}

.parralax_icon.is--bottom-1 {
  width: 12.3rem;
  bottom: -15.3rem;
  left: 17rem;
}

.parralax_icon.is-heart-small {
  z-index: 3;
  width: 6.9em;
  max-height: 6.9rem;
  inset: 2.8rem auto auto -3.3rem;
}

.parralax_icon.is-heart-small.negative-z-index {
  z-index: 0;
}

.parralax_icon.is-heart-small.is--second {
  left: -9.9rem;
}

.parralax_icon.is--rose {
  width: 4.8rem;
  inset: -1.4rem 3.9rem auto auto;
}

.parralax_icon.is--paws {
  z-index: 5;
  width: 12rem;
  margin-left: auto;
  margin-right: auto;
  inset: 23.4rem auto auto;
}

.parralax_icon.is--lionhead {
  z-index: 5;
  margin-left: auto;
  margin-right: auto;
  bottom: 20.6rem;
  left: auto;
}

.parralax_icon.is--stars {
  z-index: 1;
  width: 11em;
  inset: 12rem 5rem auto auto;
}

.parralax_icon.is--stars.negative-z-index {
  z-index: 0;
}

.parralax_icon.is--stars-second {
  z-index: 1;
  width: 11em;
  inset: auto auto 12rem 5rem;
}

.parralax_icon.is--stars-second.negative-z-index {
  z-index: 0;
}

.parralax_icon.is-smiley {
  width: 8rem;
  inset: 0% 0% auto auto;
}

.parralax_icon.is-paomi-smiley {
  z-index: 0;
  width: 11em;
  bottom: -9.7rem;
  left: 8.9em;
}

.parralax_icon.is-paomi-smiley.negative-z-index {
  z-index: 0;
}

.parralax_icon.is--shoe {
  z-index: 0;
  width: 11em;
  bottom: -6.9rem;
  left: 8.9em;
}

.parralax_icon.is--shoe.negative-z-index {
  z-index: 0;
}

.testimonial_component {
  grid-column-gap: 8rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .7fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.testimonial_image-wrapper {
  align-items: stretch;
  position: relative;
}

.testimonial_image-wrapper.hide-mobile {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

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

.text-size-xxlarge {
  color: var(--black);
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}

.text-size-xxlarge.is--rte {
  font-variation-settings: "wght" 700;
  font-size: 3rem;
  font-weight: 600;
}

.text-size-xxlarge.is--rte p {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}

.text-size-xxlarge.is--rte.up {
  max-width: 35rem;
  margin-bottom: auto;
}

.background-color-pink {
  background-color: var(--grpink);
}

.card_tags-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  padding-top: .5rem;
  display: flex;
}

.card-button {
  color: #000;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 2rem;
  padding: .3rem 1rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: .875rem;
}

.button-container {
  background-color: var(--black-2);
  border-radius: 2.1rem;
}

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

.footer_grid {
  grid-column-gap: 3rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer_top-left {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  display: flex;
}

.text-size-huge {
  font-size: 2.25rem;
  line-height: 1.2;
}

.text-size-huge.is--footer {
  font-size: 1.125rem;
  font-weight: 500;
}

.footer_input {
  display: flex;
}

.footer_input-field {
  border-top-left-radius: .4rem;
  border-bottom-left-radius: .4rem;
  flex: 0 auto;
  height: 4.3rem;
  margin-bottom: 0;
}

.footer_input-field::placeholder {
  color: #000;
  font-family: Mabrypro;
  font-size: 1rem;
}

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

.footer-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.footer_list-item {
  color: var(--black);
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 500;
}

.footer_list-item:hover {
  color: var(--grpink);
}

.footer_bottom-left {
  grid-column-gap: 1rem;
  align-items: center;
  display: flex;
}

.footer_text {
  font-family: Cabinet Grotesk, sans-serif;
}

.footer_icon-container {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.footer_logo-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.footer_social-icon {
  height: 2rem;
  margin-left: .5rem;
  margin-right: .5rem;
}

.logo-small {
  width: 5rem;
}

.footer_input-button {
  border-left: 2px solid #000;
  border-top-right-radius: .4rem;
  border-bottom-right-radius: .4rem;
  padding: 1.4rem 1.8rem;
}

.footer_input-button.background-color-pink {
  cursor: pointer;
}

.arrow_icon {
  width: 1.5rem;
}

.section_hint {
  background-color: var(--section-bg-light-blue);
  background-image: linear-gradient(#f8f5ff33, #f8f5ff33), url('./../images/inspiration-geometry.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  border-top: 2px #000;
  border-bottom: 2px #000;
  position: relative;
}

.section_hint.quaternary-bg {
  background-color: var(--gryellow);
}

.section_hint.quaternary-bg.vw {
  font-size: 1vw;
}

.section_hint.white-bg {
  z-index: 5;
  background-color: var(--section-bg-light-blue);
  background-image: linear-gradient(#f8f5ff33, #f8f5ff33);
  min-height: 57rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section_hint.white-bg.delete-bg {
  background-color: #f8f5ff00;
  background-image: linear-gradient(#f8f5ff33, #f8f5ff33);
}

.section_hint.white-bg.no-min-height {
  min-height: 0;
}

.story_image-wrapper {
  background-color: var(--azure);
  border: 1px solid #000;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 22.5rem;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  display: flex;
  position: relative;
}

.story_image-wrapper.min-height {
  min-height: 13.5rem;
}

.story_image-wrapper.is--first {
  background-color: var(--light-goldenrod-yellow);
}

.story_image-wrapper.is--second {
  background-color: var(--khaki);
}

.story_image-wrapper.is--third {
  background-color: var(--plum);
}

.sell_image-wrapper {
  align-items: stretch;
  position: relative;
}

.sell_content-right {
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 5rem;
  display: flex;
}

.sell_content-right.border-right-desktop {
  border-right: 2px solid #000;
}

.section_hinweis {
  border-bottom: 2px none var(--black);
}

.section_hinweis.border-bottom {
  border-bottom: 1px solid #000;
}

.sell_component {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.sell_component.is--vertical-mobile.reverse-order-mobile.is--min-height {
  min-height: 45rem;
}

.sell_content-left {
  background-color: var(--khaki);
  text-align: center;
  border-right: 2px solid #000;
  justify-content: center;
  align-items: center;
  padding: 5rem 5rem 5rem 2.5rem;
  display: flex;
}

.section-heading {
  color: var(--black);
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 4.5rem;
  font-weight: 700;
}

.section-heading.align-center.text-align-center.margin-bottom.is--headline {
  color: #fffdf4;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--black);
  text-transform: uppercase;
  text-shadow: 4px 4px 1px #000;
  margin-bottom: 2.5rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 5.5rem;
  font-weight: 700;
}

.section-heading.break {
  word-break: break-all;
}

.section-heading.text-align-center.margin-bottom-m {
  margin-bottom: 2rem;
}

.section-heading.is--small {
  font-size: 2rem;
}

.intro_text {
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8.4375rem;
  display: flex;
}

.intro-container {
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.intro-container.left-aligned {
  align-items: flex-start;
  max-width: none;
}

.underline {
  background-color: var(--black);
  width: 0%;
  height: 2px;
  position: absolute;
  inset: auto 0% 0%;
}

.underline.is-small {
  height: 1px;
}

.navbar_link {
  font-variation-settings: "wght" 600;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.navbar_link.inactive {
  color: #0003;
  text-decoration: line-through;
}

.button-text {
  font-family: Cabinet Grotesk, sans-serif;
  line-height: 1;
}

.navbar_menu {
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.navbar1_menu-button {
  padding: 0;
}

.navbar_logo-link {
  opacity: 0;
  transform-origin: 0%;
  width: 0;
}

.navbar_logo-link.hide-tablet {
  opacity: 1;
  width: 3.9rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
  margin-right: auto;
}

.navbar_logo-link.hide-tablet.w--current {
  width: auto;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 800;
}

.shape-2 {
  background-color: #f7cffc;
  border-radius: 999em;
  width: 43em;
  height: 60em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -20em;
  left: -27.4em;
  right: 0;
}

.main-shapes-wrapper {
  filter: blur(120px);
}

.blending-group-wrapper {
  z-index: 1;
  filter: blur(120px);
  mix-blend-mode: overlay;
}

.shape-4 {
  background-color: var(--grpink);
  border-radius: 999em;
  width: 65em;
  height: 40em;
  margin-left: auto;
  position: absolute;
  top: -11.3em;
  left: 0;
  transform: rotate(40deg);
}

.ultra-gradient-wrapper {
  z-index: -1;
  background-color: #a55eb0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  font-size: 1vw;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.ultra-gradient-wrapper.is--yellow {
  background-color: var(--light-goldenrod-yellow);
  display: none;
}

.shape-1 {
  background-color: var(--khaki);
  border-radius: 999em;
  width: 40em;
  height: 40em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -24.7em;
  left: 0;
  right: 0;
}

.shape-8 {
  background-color: var(--khaki);
  border-radius: 999em;
  width: 47em;
  height: 119em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -17.1em;
  left: 26.7em;
  right: 0;
  transform: rotate(29deg);
}

.shape-9 {
  background-color: var(--khaki);
  border-radius: 999em;
  width: 30em;
  height: 119em;
  position: absolute;
  top: -5.3em;
  right: 1.2em;
  transform: rotate(39deg);
}

.shape-7 {
  background-color: var(--khaki);
  border-radius: 999em;
  width: 20em;
  height: 13em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -4.1em;
  left: 0;
  right: -23.9em;
  transform: rotate(40deg);
}

.shape-5 {
  background-color: #ac62b7;
  border-radius: 999em;
  width: 30em;
  height: 30em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -21.7em;
  left: 0;
  right: 0;
}

.shape-3 {
  background-color: #cf9eeb;
  border-radius: 999em;
  width: 63em;
  height: 100em;
  position: absolute;
  top: -19.8em;
  left: -26em;
  right: 0;
  transform: rotate(-28deg);
}

.letter-variant-1 {
  font-family: Typefesse Pleine, sans-serif;
}

.letter-variant-2 {
  text-transform: uppercase;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 800;
}

.heading-hero {
  color: var(--black-2);
  text-align: left;
  font-size: 4.5rem;
}

.heading-hero.text-align-center {
  color: #fffdf4;
  text-align: center;
  letter-spacing: .08em;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  text-shadow: 4px 4px #151036;
  font-family: Typefesse Pleine, sans-serif;
  font-size: 9.2rem;
  line-height: .75;
}

.padding-to-nav {
  padding-top: 3.4375rem;
  position: relative;
}

.quaternary-bg {
  background-color: #8d85f7;
}

.img-bubble {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 1rem 0% 0%;
}

.parallax-trigger {
  z-index: -1;
  width: 100%;
  max-width: 90rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.genderbread-img {
  z-index: 1;
  width: 22rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.paragraph-medium {
  font-size: 1.32rem;
  font-weight: 500;
}

.glossary-list {
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.util-h2 {
  margin-bottom: 100px;
}

.glossary-hidden-letter {
  display: none;
}

.glossary-hidden-letter.glossary-letter {
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 800;
  display: flex;
}

.empty-state {
  background-color: #0000;
}

.container {
  z-index: 2;
  width: 100%;
  max-width: 90rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}

.term-link {
  border: 1px solid #000;
  padding: 2px 10px;
  font-family: Cabinet Grotesk, sans-serif;
  text-decoration: none;
  display: inline-block;
}

.term-link:hover {
  color: #f0f0f0;
  background-color: #111606;
}

.glossary-letter {
  color: #fff;
  text-align: center;
  background-color: #111606;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 6px 16px;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 800;
  display: flex;
  position: absolute;
  inset: -80px auto auto 0;
}

.section {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
}

.glossary-term {
  box-shadow: 6px 6px 0 0 var(--black);
  border: 2px solid #000;
  border-radius: .875rem;
  flex: 0 auto;
  width: 42.5%;
  margin-bottom: 2.5rem;
  margin-left: 1%;
  margin-right: 1%;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  transform: translate(-3px, -3px);
}

.glossary-term:hover {
  box-shadow: none;
  transform: translate(0);
}

.glossary-links-wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 85%;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Cabinet Grotesk, sans-serif;
  display: flex;
}

.spacer {
  flex: none;
  width: 100%;
  margin-top: 80px;
}

.util-wrap {
  position: relative;
}

.letter_anchor {
  z-index: -1;
  opacity: 0;
  height: 0;
  position: relative;
  top: -60px;
}

.glossary-inner {
  flex-direction: column;
  padding: 2.5rem;
  text-decoration: none;
  transition: box-shadow .6s;
  display: flex;
  position: relative;
  box-shadow: 0 0 #0000;
}

.glossary-inner:hover {
  box-shadow: 0 0 30px #0000001a;
}

.glossary-h2 {
  color: #fff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--black);
  margin-bottom: 16px;
  font-family: Open Sans, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}

.container-glossar-cards {
  z-index: 2;
  width: 100%;
  max-width: 73.75rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.glossar-card-text {
  letter-spacing: .02em;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 500;
}

.glossar-card-text p {
  font-size: 1rem;
}

.features_speech-2 {
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 1.5rem;
  padding: 2rem;
  position: absolute;
  inset: -2rem auto auto -2rem;
}

.bended-circle {
  z-index: 0;
  box-shadow: 6px 6px 0 0 var(--black);
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 6rem;
  width: 100%;
  padding: 2rem;
  position: absolute;
  inset: 0%;
}

.big-sticker-wrapper {
  align-items: center;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
  position: relative;
}

.big-sticker-wrapper.margin-top-3rem {
  max-width: 48rem;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
}

.story_row-2x {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 2px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.story_image-xs {
  object-fit: contain;
  width: 100%;
  max-width: 10rem;
  max-height: 8.5rem;
}

.tooltip-content---brix {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.tooltip-content---brix._1 {
  top: 1rem;
  left: -4.5rem;
}

.heading-2 {
  color: #25138b;
  font-size: 1rem;
  font-weight: 500;
}

.heading-2.margin-bottom {
  color: #000;
  letter-spacing: .05em;
  margin-bottom: 1em;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 600;
}

.random {
  background-color: #ffffff80;
  border-radius: 100vw;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.64em;
  height: 2.64em;
  margin-left: 1.11em;
  transition: all .2s cubic-bezier(.39, .575, .565, 1);
  display: flex;
}

.random:hover {
  background-color: #f88cd4;
}

.random:active {
  transform: scale(.8);
}

.character {
  background-color: #0d0628;
  padding-top: 12.57em;
  position: relative;
}

.character.is--char1 {
  background-color: #0000;
  width: auto;
  display: flex;
}

.character__acess-img {
  opacity: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}

.character__acess-img.is--show {
  opacity: 1;
}

.text-50 {
  color: #170f49;
  font-size: 14px;
  line-height: 16px;
}

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

.text-50.bold.mg-bottom-8px {
  margin-bottom: 8px;
}

.ui__links {
  justify-content: flex-start;
  align-items: center;
  padding-top: 1.22em;
  display: flex;
}

.tooltip-v3 {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 432px;
  max-width: 432px;
  padding: 24px 32px;
  display: flex;
  box-shadow: 4px 4px 14px #080f340a, 1px 1px 1px #170f490a, 0 0 1px #170f4908;
}

.paragraph-small {
  margin-bottom: 0;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.paragraph-small.mg-bottom-12px {
  opacity: 1;
  color: #000;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.4;
}

.paragraph-small.margin-bottom {
  margin-bottom: 2em;
}

.character__shoes-img {
  opacity: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}

.character__shoes-img.is--show {
  opacity: 1;
  max-width: none;
  height: auto;
  max-height: 100%;
}

.field-label {
  color: var(--black);
  letter-spacing: -.02em;
  margin-bottom: 32px;
  margin-right: 10px;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
}

.ui__box {
  padding-bottom: 1em;
}

.ui__box.is--last {
  padding-bottom: 0;
}

.sub-btn {
  text-transform: uppercase;
  cursor: pointer;
  background-color: #000;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 0 30px;
  font-weight: 700;
  line-height: 15px;
  display: flex;
}

.sub-btn.hide {
  display: none;
}

.tooltip-float-v3 {
  z-index: 1;
  min-width: 432px;
  min-height: 190px;
  margin-top: auto;
  margin-bottom: auto;
  display: none;
  position: absolute;
}

.tooltip-float-v3.left {
  z-index: 1000;
  display: none;
  inset: 0% 115% 50% auto;
}

.letter-plain {
  color: #fff;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 800;
}

.letter-plain.has-stroke {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
}

.input-label-wrap {
  margin-bottom: 0;
}

.character__hairs {
  z-index: 4;
  width: 12.64em;
  height: 12.085em;
  margin-top: 7.2em;
  margin-left: 2.4em;
  position: absolute;
  inset: 0% auto auto;
}

.character__head-img {
  opacity: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.character__head-img.is-egg, .character__head-img.is-star {
  max-width: none;
}

.character__head-img.is--show {
  opacity: 1;
}

.character__head-img.purple-filter {
  filter: brightness(200%);
}

.character__tops {
  z-index: 10;
  width: 18.82em;
  height: 20.14em;
  margin-left: -.45em;
  position: absolute;
  inset: auto 0% 7.1em;
}

.ui__right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 35%;
  margin-left: 0;
  display: flex;
}

.input-label-flex {
  justify-content: space-between;
  display: flex;
}

.character__access {
  z-index: 4;
  width: 9.655em;
  height: 2.36em;
  margin-top: .2em;
  margin-left: 4em;
  position: absolute;
  inset: auto;
  transform: rotate(-7deg);
}

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

.spectrum-label {
  color: #000;
  letter-spacing: -.02em;
  margin-bottom: 8px;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.form-block {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.concept-header-wrapper {
  padding-top: 4rem;
  padding-bottom: 6rem;
}

.tooltip-arrow {
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 34% auto auto -8px;
}

.tooltip-arrow.v3 {
  inset: 0% auto 0% -8px;
}

.tooltip-arrow.v3.right {
  display: none;
  inset: 0% -16px 0% auto;
}

.ui__field {
  margin-bottom: 0;
}

.character__hat-img {
  opacity: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}

.character__hat-img.is--show {
  opacity: 1;
}

.character__hat-img.is--hat-adjustment {
  width: 11.18em;
  margin-top: -1.525em;
  margin-left: .95em;
}

.character__hat-img.is--white-hat {
  width: 12.18em;
  margin-top: -1.525em;
  margin-left: -.1em;
}

.form-field {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0003;
  border: 1px solid #fff;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 65px;
  margin-bottom: 10px;
  padding: 0 15px;
  font-weight: 700;
  transition: all .5s;
  display: flex;
}

.form-field:focus {
  background-color: #00000080;
}

.form-field::placeholder {
  color: #ffffff80;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
}

.form-field.slider {
  z-index: 10;
  color: #0000;
  background-color: #0000;
  border: 0 #0000;
  flex: 0 auto;
  width: 100%;
  margin-bottom: 60px;
  transition-property: none;
  position: relative;
}

.is-h2-big {
  color: #fff;
  font-size: 3em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}

.is-h2-big.is-txt-align-center {
  color: #1d222f;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.38;
}

.is-h2-big.is-txt-align-center.is-white-font-color {
  color: #da9bb7;
  text-align: center;
  font-family: Typefesse Pleine, sans-serif;
  font-size: 4rem;
}

.is-h2-big.is-txt-align-center.is-white-font-color.alternate {
  font-family: Typefesse Claire Obscure, sans-serif;
  font-size: 4rem;
}

.is-h2-big.is-txt-align-center.is-white-font-color.alternate.stroke {
  color: #fd4939;
  -webkit-text-stroke-width: 0px;
  font-family: Typefesse Claire Obscure, sans-serif;
  font-size: 5rem;
}

.is-h2-big.is-txt-align-center.is-white-font-color.alternate.stroke.is-blue {
  color: #fff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  text-shadow: 4px 4px #000;
  font-family: Typefesse Pleine, sans-serif;
}

.wizard-name {
  border-style: solid;
  border-width: 0 0 2.28px;
  border-color: black black var(--black);
  color: #000;
  letter-spacing: -.001em;
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  height: 1.9em;
  padding-left: 0;
  padding-right: 0;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 2.3em;
  font-weight: 500;
}

.wizard-name.is--hidden {
  display: none;
}

.character__head {
  width: 10.485em;
  height: 10.21em;
  margin-top: 9.4em;
  margin-left: 3.8em;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(-6deg);
}

.spektrum-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 4em 4rem 0;
}

.headline-center-wrap {
  justify-content: flex-start;
  display: flex;
}

.character__body {
  z-index: 1;
  width: 18.68em;
}

.character__body.purple-filter {
  filter: brightness(200%);
}

.character__body.grey-filter {
  filter: brightness(200%) hue-rotate(270deg);
}

.slider-container {
  width: 80%;
  margin-bottom: 60px;
}

.ui__link {
  justify-content: center;
  align-items: center;
  width: 3.75em;
  height: 3.75em;
  margin-right: 1.3em;
  transition: all .2s;
  display: flex;
}

.ui__link:active {
  transform: scale(.9);
}

.ui__link.is--access {
  background-color: #ffffff2e;
  border-radius: 1.04em;
}

.ui__link.is--color {
  border: 1.5px solid #fff0;
  border-radius: 100vw;
  width: 2.75rem;
  height: 2.75rem;
}

.ui__link.is--color.is--selected {
  border-color: #db9bb7;
  width: 2.75rem;
  height: 2.75rem;
  padding: .7em;
  transition: all .3s cubic-bezier(.39, .575, .565, 1);
}

.ui__link.is--access {
  background-color: #def14133;
  border: 1px dashed #0006;
  border-radius: 1.04em;
  width: 2.75rem;
  height: 2.75rem;
}

.ui__link.is--access:hover {
  background-color: #ffffff42;
}

.ui__link.is--access.is--selected {
  background-color: #def141;
  border-style: solid;
  width: 3.75rem;
  height: 3.75rem;
}

.ui__link.is--shoes {
  background-color: #def14133;
  border: 1px dashed #0006;
  border-radius: 1.04em;
  width: 2.75rem;
  height: 2.75rem;
}

.ui__link.is--shoes:hover {
  background-color: #fe7caf66;
}

.ui__link.is--shoes.is--selected {
  background-color: #def141;
  border: 1px solid #000;
  width: 3.75rem;
  height: 3.75rem;
}

.ui__link.is--hairs {
  background-color: #def14133;
  border: 1px dashed #0006;
  border-radius: 1.04em;
  width: 2.75rem;
  height: 2.75rem;
}

.ui__link.is--hairs:hover {
  background-color: #fe7caf66;
}

.ui__link.is--hairs.is--selected {
  color: #fe7caf;
  background-color: #def141;
  border: 1px solid #000;
  width: 3.75rem;
  height: 3.75rem;
}

.ui__link.is--shape {
  background-color: #def14133;
  border: 1px dashed #0006;
  border-radius: 1.04em;
  width: 2.75rem;
  height: 2.75rem;
}

.ui__link.is--shape:hover {
  background-color: #fe7caf66;
}

.ui__link.is--shape.is--selected {
  background-color: #def141;
  border: 1px solid #000;
  width: 3.75rem;
  height: 3.75rem;
}

.ui__link.is--tops {
  background-color: #def14133;
  border: 1px dashed #0006;
  border-radius: 1.04em;
  width: 2.75rem;
  height: 2.75rem;
}

.ui__link.is--tops:hover {
  background-color: #fe7caf66;
}

.ui__link.is--tops.is--selected {
  color: #fe7caf;
  background-color: #def141;
  border: 1px solid #000;
  width: 3.75rem;
  height: 3.75rem;
}

.ui__link.is--bottom {
  background-color: #def14133;
  border: 1px dashed #0006;
  border-radius: 1.04em;
  width: 2.75rem;
  height: 2.75rem;
}

.ui__link.is--bottom:hover {
  background-color: #fe7caf66;
}

.ui__link.is--bottom.is--selected {
  background-color: #def141;
  border: 1px solid #000;
  width: 3.75rem;
  height: 3.75rem;
}

.ui__link.is--tattoo {
  background-color: #def14133;
  border: 1px dashed #0006;
  border-radius: 1.04em;
  width: 2.75rem;
  height: 2.75rem;
}

.ui__link.is--tattoo:hover {
  background-color: #fe7caf66;
}

.ui__link.is--tattoo.is--selected {
  background-color: #def141;
  border: 1px solid #000;
  width: 3.75rem;
  height: 3.75rem;
}

.button-wrap {
  display: flex;
}

.form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: flex-start center;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.button-tooltip {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #4a3aff;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s, background-color .3s;
  display: flex;
  box-shadow: 0 3px 12px #4a3aff1f;
}

.button-tooltip:hover {
  background-color: #3527d8;
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px #4a3aff26;
}

.button-tooltip.extra-small {
  color: #0d0628;
  background-color: #f88cd4;
  border: 1px solid #f88cd4;
  flex-direction: row;
  width: 100%;
  min-width: 130px;
  padding: 10px 16px;
  font-size: 12px;
  line-height: 14px;
}

.button-tooltip.extra-small.is-secondary {
  background-color: #0000;
}

.hinweis-span {
  color: #000;
  text-transform: none;
  font-weight: 500;
}

.ui__left {
  width: 40%;
  max-width: 20.7em;
}

.genderbread-section.is--ui-section {
  z-index: 700;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  position: relative;
  inset: 0% 0% auto;
  overflow: visible;
}

.ui__icon {
  object-fit: contain;
  width: 80%;
  height: 80%;
}

.ui__icon.is-hat {
  width: 150%;
  height: 150%;
  margin-top: 50%;
}

.ui__icon.is-shoe {
  object-fit: contain;
  width: 80%;
  height: 80%;
}

.ui__icon.is-glasses {
  object-fit: contain;
  width: 200%;
  max-width: none;
  height: 200%;
}

.ui__icon.is-empty {
  object-fit: contain;
  width: 60%;
  height: 60%;
}

.random__icon {
  width: 50%;
}

.text-200 {
  color: #170f49;
  font-size: 18px;
  line-height: 20px;
}

.text-200.bold {
  color: #fd4939;
  cursor: pointer;
  background-color: #fff;
  border-width: 2px;
  border-color: #fd4939;
  width: 25px;
  height: 25px;
  padding-top: 1px;
  font-weight: 700;
  display: none;
  position: relative;
}

.letter-mix {
  font-weight: 500;
}

.download {
  color: #fff;
  text-align: center;
  background-color: #bd6408;
  border: 2px solid #fff;
  border-radius: 1.39em;
  max-width: 12rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.81em 2.71em;
  font-size: 1vw;
  font-weight: 700;
  transition: padding .3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.download:hover {
  padding-top: 2.1em;
  padding-bottom: 2.1em;
}

.download.hide {
  display: none;
}

.close-btn {
  color: #170f49;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  padding-top: 1px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  position: absolute;
  inset: 10px 10px auto auto;
}

.genderbread-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 4.31em;
  display: block;
}

.genderbread-container.is--ui {
  flex-direction: row;
  justify-content: space-between;
  padding-top: 4.31em;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.overflow {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  overflow: hidden;
}

.character__hairs-img {
  opacity: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}

.character__hairs-img.is--show {
  opacity: 1;
}

.ui__color-circle {
  background-color: #cc740b;
  border-radius: 100vw;
  width: 100%;
  height: 100%;
}

.ui__color-circle:hover {
  background-image: linear-gradient(#ffffff45, #ffffff45);
}

.ui__color-circle.is--purple {
  background-color: #f55866;
}

.ui__color-circle.is--grey {
  background-color: #9a60e5;
}

.ui__color-circle.is--blue {
  background-color: #237fda;
}

.character__hat {
  z-index: 6;
  width: 12.535em;
  height: 12.535em;
  margin-top: 4.3em;
  margin-left: 2.3em;
  position: absolute;
  inset: 0% auto auto;
}

.start-button {
  grid-column-gap: .5rem;
  background-color: var(--plum);
  box-shadow: 4px 4px 0 0 var(--black);
  color: #000;
  text-align: center;
  border: .0625rem solid #000;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem 1.5rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 400;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  transform: translate(-3px, -3px);
}

.start-button:hover {
  box-shadow: none;
  transform: translate(0);
}

.start-button.is--left {
  margin-left: 0;
}

.overflow-video {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.play {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 12em;
  height: 12em;
  display: flex;
}

.link-video {
  z-index: 2;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 8em 2em 3em;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.link-video.is--hero {
  z-index: 2;
  background-image: linear-gradient(#0000 49%, #000000b0 73%);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  display: flex;
  position: relative;
  inset: 0%;
}

.link-video.is--playing {
  opacity: 0;
}

.section-video.is--hero {
  background-color: var(--gryellow);
  justify-content: center;
  align-items: center;
  height: 100vh;
  transition: height .2s;
  display: flex;
  position: relative;
}

.card_video {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.btn-activate {
  z-index: 2;
  background-color: var(--plum);
  box-shadow: 4px 4px 0 0 var(--black);
  color: #000;
  border: 1px solid #000;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: .5rem 1rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1rem;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: auto 2rem 2rem auto;
  transform: translate(-3px, -3px);
}

.btn-activate:hover {
  box-shadow: none;
  transform: translate(0);
}

.card_media {
  z-index: 1;
  width: 100%;
  min-height: 100%;
  padding-top: 42%;
  transition: all .8s;
  position: absolute;
}

.card_media.is--playing {
  width: 90%;
  min-height: 0%;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.play_button {
  z-index: 3;
  background-color: var(--plum);
  opacity: 0;
  background-image: url('./../images/play.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100vw;
  width: 12em;
  height: 12em;
  font-size: .5em;
  transition: all .2s;
}

.play_button.is--open {
  opacity: 1;
}

.play_button.is--open.is--playing {
  opacity: 0;
  background-image: url('./../images/pause.svg');
}

.play_button.is--open.is--playing:hover {
  opacity: 1;
}

.play_contain {
  z-index: 700;
  padding: 1.2em;
  position: absolute;
}

.card_photo {
  z-index: 2;
  filter: hue-rotate() saturate(200%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  position: absolute;
  inset: 0%;
}

.card {
  z-index: 1;
  white-space: nowrap;
  cursor: pointer;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 33.3333%;
  height: 100%;
  transition: height .6s, width .6s;
  display: flex;
  position: relative;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.card.is--closed {
  width: 0%;
}

.card.is--center {
  top: auto;
  bottom: auto;
  left: auto;
}

.card.is--right {
  inset: 0% 0% 0% auto;
}

.card.is--open {
  z-index: 2;
  width: 100%;
}

.capture-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.camera-frame {
  height: 100vh;
}

.facecam-component {
  z-index: 999;
  background-color: var(--lyellow);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0%;
  transform: translate(0, 100vh);
}

.facecam-component.is--in-view {
  transform: translate(0);
}

.facecam-component.is--opened-up {
  transform: none;
}

.close-button {
  z-index: 9999999;
  color: #000;
  background-color: #22a094;
  border: 1px solid #000;
  border-radius: .625rem;
  padding: .5rem 1.5rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  transition: all .2s;
  position: absolute;
  inset: 5rem 2.5rem auto auto;
  transform: translate(-3px, -3px);
  box-shadow: 4px 4px #000;
}

.close-button:hover {
  box-shadow: none;
  transform: translate(0);
}

.start-recording {
  z-index: 800;
  color: #0d0628;
  background-color: #cf9eeb;
  border: 1px solid #0d0628;
  border-radius: .625rem;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem 1.5rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 400;
  transition: all .2s;
  position: absolute;
  inset: auto;
  transform: translate(-3px, -3px);
  box-shadow: 4px 4px #000;
}

.start-recording:hover {
  box-shadow: none;
  transform: translate(0);
}

.start-recording.is--next {
  background-color: var(--white);
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.start-recording.is--next.auto-left {
  margin-left: auto;
}

.section-glossary {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
}

.section-glossary.border-bottom {
  border: 1px solid #000;
  border-top-style: none;
}

.container-3 {
  width: 100%;
  max-width: 1140px;
}

.container-3.is-bright {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.tabs__link {
  color: #fff6;
  cursor: pointer;
  background-color: #1d222f;
  border-radius: 12px;
  width: 100%;
  min-width: 380px;
  margin-bottom: 1.67em;
  padding: 24px 40px;
  transition: background-color .2s;
  display: block;
}

.tabs__link.w--current {
  color: #fff;
  background-color: #1d222f;
  border: 1.5px solid #5158ff;
  border-radius: 12px;
  width: 100%;
  min-width: 380px;
  margin-bottom: 1.67em;
  padding-left: 40px;
  padding-right: 40px;
  transition: border-color .2s, border-width .2s, background-color .2s;
}

.tabs__link.is-bright {
  background-color: var(--azure);
  box-shadow: 4px 4px 0 0 var(--black);
  color: #292e3db3;
}

.tabs__link.is-bright.w--current {
  border-width: 3px;
  border-color: var(--black);
}

.tabs__pane {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.tabs__link-body {
  width: 100%;
  overflow: hidden;
}

.css {
  display: none;
}

.tabs__menu {
  width: 50%;
  min-width: 400px;
}

.tab-heading {
  color: var(--black);
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1.85rem;
  font-weight: 700;
  line-height: 1.4;
}

.tabs__content {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.tabs-link__title {
  align-items: flex-start;
  width: 100%;
}

.tab-paragraph {
  color: #ffffffbf;
  letter-spacing: .02em;
  white-space: pre-wrap;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
}

.tab-paragraph.is-txt-black-85 {
  color: var(--black);
  font-size: 1.15rem;
  font-weight: 500;
}

.slider-container-col-12 {
  width: 100%;
  max-width: 1440px;
  padding: 8.33em;
}

.slider-container-col-12.is-bright {
  min-height: 61.11em;
  padding-top: 5.56em;
  padding-bottom: 5.56em;
  position: relative;
}

.slider-container-col-12.is-bright.is-padding-t120-b80 {
  padding-top: 8.33em;
}

.slider-container-col-12.is-bright.is-padding-t120-b80.is-100vh {
  max-width: none;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}

.tabs {
  grid-column-gap: 2.78em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  max-width: none;
  max-height: none;
  display: flex;
}

.paomi-img {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.paomi-img.is--big {
  width: 100%;
}

.btn-text {
  font-size: .875rem;
}

.menu-btn {
  z-index: 9999;
  perspective-origin: 100%;
  transform-origin: 100%;
  background-color: #ce9eeb;
  border: 1px solid #000;
  border-radius: 2.5em;
  justify-content: center;
  align-items: center;
  width: 6.67em;
  height: 3.33em;
  display: flex;
  position: relative;
  bottom: auto;
  left: auto;
  overflow: hidden;
}

.tabs-content-wrapper {
  width: 100vw;
}

.tab-img {
  width: 1.875em;
}

.list-image-view {
  opacity: 1;
  width: 1.875em;
  height: 1.125em;
  display: none;
  position: absolute;
}

.tabs-switch {
  flex-direction: column;
  align-items: stretch;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.gebaerde-icon {
  opacity: 1;
  width: 1.875em;
  display: none;
  position: absolute;
}

.tabs-nav-item-underline {
  grid-column-gap: .5em;
  color: #ffffff80;
  text-align: center;
  background-color: #0000;
  border-radius: 999em;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: .9em 2em;
  transition: all .3s;
  display: flex;
  position: relative;
}

.tabs-nav-item-underline:hover {
  color: #fff;
  background-color: #0000;
}

.tabs-nav-item-underline.w--current {
  color: #fff;
  background-color: #0000;
  font-weight: 500;
}

.tabs-nav-item-underline._01 {
  opacity: .5;
  filter: grayscale();
  color: var(--black);
  flex: 0 auto;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Cabinet Grotesk, sans-serif;
}

.tabs-nav-item-underline._01.w--current {
  opacity: 1;
  filter: none;
  color: var(--black);
  justify-content: flex-start;
  align-self: auto;
  margin-right: 0;
  padding: .9em 0;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 800;
  position: static;
}

.grid-link {
  grid-column-gap: .83em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 33.47em;
  position: relative;
}

.btn-fixed-wrapper {
  z-index: 999;
  position: fixed;
  top: 64px;
  right: 5em;
}

.btn-fixed-wrapper.is-home {
  z-index: 9999;
  top: auto;
  bottom: auto;
  right: 2.5rem;
}

.content-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}

.content-wrapper.is--second {
  background-color: var(--grgreen);
}

.initial-view {
  opacity: 1;
  width: 1.875em;
  display: block;
  position: absolute;
}

.text-version-icon {
  opacity: 1;
  width: 1.875em;
  display: none;
  position: absolute;
}

.table-row {
  color: #000;
  border-bottom: 1px solid #000;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2.2em;
  padding-bottom: 2.2em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.tab-content-item {
  width: 100%;
}

.menu-image {
  width: 1.875em;
  height: 1.125em;
  position: absolute;
}

.menu-image.is-close_img {
  opacity: 0;
}

.tabs-nav-text {
  z-index: 1;
  text-align: left;
  letter-spacing: .05em;
  text-transform: none;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: .29em;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1rem;
  line-height: 1.22;
  position: relative;
}

.tabs-menu-underline-wrapper {
  z-index: 999;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  perspective-origin: 100%;
  transform-origin: 100%;
  background-color: #feef7b;
  border: 1px solid #000;
  border-radius: .625em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 18.5em;
  margin-right: 0;
  padding-left: 2.5em;
  padding-right: 2.5em;
  display: flex;
  position: fixed;
  inset: 5rem 2.5rem auto auto;
  overflow: hidden;
}

.tabs-nav-icon-wrapper {
  flex: none;
  margin-top: auto;
  margin-bottom: auto;
}

.instagram-feed---image {
  object-fit: cover;
  width: 100%;
}

.insta-card {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 2px 7px #14142b0f;
}

.insta-card.instagram-feed-link-card {
  border-radius: 20px;
  padding: 24px;
  text-decoration: none;
  box-shadow: 0 13px 13px #dad9ef26;
}

.insta-card.instagram-feed-link-card.bg-1 {
  border-color: var(--black);
  background-color: var(--khaki);
  border-radius: .625rem;
  padding: 28px 22px;
  position: relative;
}

.insta-card.instagram-feed-link-card.bg-2 {
  border-color: var(--black);
  background-color: var(--light-goldenrod-yellow);
  border-radius: .625rem;
  padding: 28px 22px;
  position: relative;
}

.insta-card.instagram-feed-link-card.bg-3 {
  border-color: var(--black);
  background-color: var(--azure);
  background-color: #daeef5;
  border-color: #0a1327;
  border-radius: .625rem;
  padding: 28px 22px;
  position: relative;
}

.insta-card.instagram-feed-link-card.bg-1 {
  background-color: #fdef7b;
  border-color: #0a1327;
  border-radius: .625rem;
  width: 100%;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 22px;
  position: relative;
}

.insta-card.instagram-feed-link-card.bg-2 {
  background-color: #e9f2c0;
  border-color: #0a1327;
  border-radius: .625rem;
  padding: 28px 22px;
  position: relative;
}

.flex {
  display: flex;
}

.flex.align-center {
  align-items: center;
}

.flex.align-center.gap-column-6px {
  grid-column-gap: 0px;
  justify-content: space-between;
  width: 1000%;
  margin-left: 0;
}

.flex.align-center.gap-column-8px {
  text-align: left;
  justify-content: flex-start;
}

.mg-bottom-24px {
  margin-bottom: 24px;
}

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

.grid-3-columns._2-col-mbl.gap-32px {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-columns: 1fr;
}

.instagram-feed---image-wrapper {
  z-index: 1;
  border-radius: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.instagram-feed---image-wrapper.mg-bottom-48px {
  border: 1px solid #000;
  border-radius: .625em;
  align-self: stretch;
}

.instagram-feed---image-overlay {
  z-index: 1;
  transform-origin: 0%;
  background-color: #000000a6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
  position: absolute;
  inset: 0%;
}

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

.grid-1-column.gap-row-32px.gap-row-16px-mbp {
  grid-row-gap: 1rem;
  align-items: start;
}

.heading-h5-size {
  color: #211f54;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.heading-h5-size.instagram-link-title.hover-color-accent-1 {
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3;
}

.container-default {
  max-width: 1218px;
  padding: 10rem 24px 10em;
}

.modal-component {
  z-index: 90;
  margin-left: auto;
  margin-right: 0;
  position: relative;
  inset: auto;
}

.button-modal {
  background-color: var(--violet);
  border-radius: .625em;
  margin-top: 1.5rem;
  padding: 16px 24px;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition-property: none;
}

.button-modal.modal-open_btn {
  background-color: #0000;
  background-image: url('./../images/zeichensprache.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5rem;
  height: 5em;
  display: block;
}

.button-modal.border {
  color: var(--black);
  border: 1px solid #000;
}

.modal-wrapper {
  z-index: 2147483647;
  background-color: #141414cc;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-container {
  z-index: 2147483647;
  background-color: #fff;
  width: 90%;
  max-width: none;
  min-height: 40px;
  margin: 6.5rem auto auto;
  padding: 40px;
  display: block;
  position: relative;
  overflow: scroll;
}

.modal-close_btn {
  z-index: 10;
  color: #000;
  padding: 12px 16px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: .7;
  text-decoration: none;
  transition: opacity .2s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.modal-close_btn:hover {
  color: #444;
}

.sr-only {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.modal-close_area {
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0;
}

.inner-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-2 {
  font-size: 1.2rem;
}

.pop-up_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.pop-up_card {
  height: 100%;
}

.big-cats_empty {
  display: none;
}

.pop-up_modal-close {
  z-index: 999;
  background-color: var(--lyellow);
  cursor: pointer;
  object-fit: contain;
  border: 1px solid #000;
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  padding: 11px;
  font-size: 3rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.pop-up_property {
  grid-column-gap: .5rem;
  display: flex;
}

.pop-up_modal-content {
  box-shadow: 11px 11px 0 0 var(--black);
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 2.25rem;
  flex: none;
  width: 50rem;
  height: 30rem;
  padding: 4rem;
  position: relative;
  overflow: hidden;
}

.pop-up_modal-content.is-small {
  width: 90%;
  height: auto;
}

.pop-up_modal-content.scroll {
  height: 32.5rem;
  overflow: scroll;
}

.pop-up_modal {
  z-index: 99;
  -webkit-backdrop-filter: blur(.25rem);
  backdrop-filter: blur(.25rem);
  background-color: #fdef7b;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-up_modal.is--fixed {
  z-index: 9999999;
  background-color: #fdef7b;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-up_modal.is--fixed.show {
  display: flex;
}

.pop-up_modal.is--fixed._1 {
  z-index: 600;
}

.pop-up_modal-video {
  object-fit: cover;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  position: static;
  top: 0;
  left: 22.5rem;
}

.pop-up_card-content {
  flex-direction: column;
  display: flex;
  position: static;
}

.pop-up_card-content.margin-top {
  margin-top: 1.5rem;
}

.pop-up-button {
  color: var(--black);
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 2rem;
  padding: .75rem 1.5rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 600;
  transition: transform .2s;
}

.pop-up-button:hover {
  transform: rotate(1deg)scale(1.03);
}

.pop-up-button.display-inlineflex {
  background-color: var(--light-goldenrod-yellow);
  box-shadow: 4px 4px 0 0 var(--black);
  letter-spacing: .03em;
  text-transform: none;
  cursor: pointer;
  border-width: 1.5px;
  border-radius: 100vw;
  flex: none;
  align-self: flex-start;
  align-items: center;
  min-width: 14.5rem;
  margin-bottom: 2.5rem;
  padding: .5625rem 1.125rem;
}

.pop-up-button.display-inlineflex.is--centered {
  margin-left: auto;
  margin-right: auto;
}

.pop-up-button.display-inlineflex.opacity-0 {
  opacity: 0;
}

.pop-up-button.display-inlineflex.mini {
  justify-content: center;
  width: 100%;
  min-width: 0;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: .85rem;
  display: flex;
}

.pop-up-button.display-inlineflex.is--glossar {
  margin-bottom: 0;
  font-size: 1rem;
}

.pop-up-button.display-inlineflex.margin-bottom-0 {
  margin-bottom: 0;
}

.rte p {
  letter-spacing: .03em;
  margin-bottom: 1.5rem;
  font-size: 1.32rem;
  font-weight: 500;
  line-height: 1.6;
}

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

.rte.left-aligned._2-col {
  column-count: 2;
  column-rule: 2px dotted #0000004d;
  column-gap: 6.5rem;
}

.rte.left-aligned.margin-top {
  margin-top: .75rem;
}

.rte.is--left-aligned {
  text-align: left;
}

.rte.is--left-aligned.has--max-width {
  max-width: 43rem;
  margin-left: 0;
  margin-right: auto;
  font-weight: 400;
}

.rte.is--left-aligned.has--max-width h1 {
  color: var(--black);
  margin-bottom: 1rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 500;
}

.rte.is--left-aligned.has--max-width h2, .rte.is--left-aligned.has--max-width h3, .rte.is--left-aligned.has--max-width h4, .rte.is--left-aligned.has--max-width h5 {
  margin-bottom: 1rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 500;
}

.rte.is--left-aligned.has--max-width strong {
  font-weight: 800;
}

.rte a {
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1em;
  font-weight: 700;
}

.rte.wt {
  color: var(--white);
}

.genderbread-kategorien-erkl-rt {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.four-categories-component {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .7fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.btn-activate-2 {
  z-index: 2;
  color: #000;
  background-color: #cf9eeb;
  border: 1px solid #000;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: .5rem 1rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1rem;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: auto 2rem 2rem auto;
  transform: translate(-3px, -3px);
  box-shadow: 4px 4px #0a1327;
}

.btn-activate-2:hover {
  box-shadow: none;
  transform: translate(0);
}

.card_photo-2 {
  z-index: 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  position: absolute;
  inset: 0%;
}

.play_button-2 {
  z-index: 3;
  opacity: 0;
  background-color: #cf9eeb;
  background-image: url('./../images/play.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100vw;
  width: 7em;
  height: 7em;
  font-size: .5em;
  transition: all .2s;
}

.play_button-2.is--open {
  opacity: 1;
  border: 3px solid #000;
  font-size: 1em;
}

.play_button-2.is--open:hover {
  transform: scale(.9);
}

.link_heading-2 {
  color: #fff;
  letter-spacing: .03em;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 6.5em;
  font-weight: 900;
  transition: all .6s;
}

.link_heading-2.is--open {
  font-size: 14em;
}

.intro-component {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: block;
  position: static;
}

.section_introduction {
  border-bottom: 2px none var(--black);
  background-color: #fffdf4;
  padding-left: 5rem;
  padding-right: 5rem;
  position: relative;
}

.section_introduction.bg-set {
  background-image: url('./../images/inspiration-geometry.png');
  background-position: 0 0;
  background-size: auto;
  background-attachment: fixed;
}

.intro-heading-wrapper {
  align-self: flex-start;
}

.header_image {
  width: 100%;
  max-width: none;
  max-height: 40rem;
}

.header_content-right {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 4rem 3.5rem 2rem;
  display: flex;
}

.header_content-right.is--transparent {
  background-color: #fffdf400;
}

.header_content-right.is--transparent.no-padding-vertical {
  padding-top: 0;
  padding-bottom: 0;
}

.section_two-col {
  position: relative;
}

.section_two-col.gradient-bg {
  background-image: url('./../images/css-pattern-by-magicpattern-1.png');
  background-position: 50%;
  background-size: contain;
}

.section_two-col.gradient-bg.border-bottom {
  border-bottom: 2px solid #000;
}

.section_two-col.gradient-bg.remove-bg {
  background-image: none;
}

.section_two-col.border-botttom {
  border-bottom: 2px solid #000;
  border-radius: 0;
}

.header_component {
  grid-column-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: flex;
}

.header_component.is--sources {
  grid-template-columns: 1.25fr .75fr;
  display: flex;
}

.header_component.is--flex {
  flex-direction: column;
  display: flex;
}

.header_component.is--horizontal {
  flex-direction: row;
  justify-content: center;
}

.header_content-left {
  grid-row-gap: 2.25rem;
  border-right: 2px #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: flex;
}

.header_content-left.no-border-right {
  border-right-style: none;
}

.header_content-left.is--transparent {
  background-color: #fff0;
}

.header_content-left.padding-top-and-bottomm {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.header_content-left.is--50 {
  width: 50%;
}

.workshop_image-wrapper {
  z-index: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  min-height: 36.5rem;
  display: flex;
  position: relative;
}

.loop_component {
  grid-row-gap: 4rem;
  flex-direction: column;
  padding-left: 8rem;
  padding-right: 8rem;
  display: flex;
}

.section_loop {
  background-color: #fffdf4;
  border-top: 2px solid #000;
  position: relative;
}

.section-game-selection {
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7.5rem;
  padding-bottom: 11.25rem;
  position: relative;
}

.genderhero_content {
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.genderhero_component {
  grid-column-gap: 8rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .7fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.sign-language-icon {
  width: 1.5rem;
  margin-left: .75rem;
  font-size: 1rem;
}

.video {
  border: 3px solid #000;
  border-radius: 40px;
  overflow: hidden;
}

.aufteilung-text {
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  max-width: 48rem;
  margin-left: 0;
  margin-right: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.context-box {
  z-index: 800;
  box-shadow: 4px 4px 0 0 var(--black);
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 25rem;
  padding: 1rem 1.5rem 0;
  font-family: Cabinet Grotesk, sans-serif;
  display: none;
  position: absolute;
  inset: auto auto 1.5em 1.5em;
}

.context-text {
  white-space: normal;
  margin-bottom: 0;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  display: inline-block;
}

.play-text {
  text-transform: uppercase;
  white-space: normal;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

.start_button {
  z-index: 3;
  background-color: var(--gryellow);
  opacity: 1;
  cursor: pointer;
  background-image: none;
  border-radius: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12em;
  height: 12em;
  margin-left: auto;
  margin-right: auto;
  font-size: .5em;
  transition: all .2s;
  display: flex;
}

.section_hero {
  z-index: 5;
  border-bottom: 3px #000;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 57rem;
  padding-top: 25vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ths13-social-links-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
  overflow: hidden;
}

.menu-icon-wrapper {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-right: 0;
  display: flex;
  box-shadow: 4px 4px #000;
}

.nav.is--on-top {
  z-index: 2147483647;
  position: fixed;
}

.ths13-menu-footer {
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.ths13-menu-link-hover-text {
  position: absolute;
}

.ths13-menu-contact-info-inner-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.ths13-menu-contact-link {
  color: #f2f2f2a6;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  transition: color .2s ease-in-out;
}

.ths13-menu-contact-link:hover {
  color: #f2f2f2;
}

.ths13-menu-contact-link.ths13-no-margin-bottom {
  margin-bottom: 0;
}

.menu-nav-link {
  color: #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 125px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ths13-menu-link-text {
  color: #000;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 800;
}

.ths13-menu-icon-bar-bottom {
  background-color: #000;
  width: 18px;
  height: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.nav-menu-text {
  color: #000;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.3;
}

.ths13-contact-address {
  color: #f2f2f2;
  text-align: right;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.home-button, .home-button.w--current {
  margin-left: auto;
  margin-right: auto;
}

.menu-link-wrapper {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  display: flex;
  position: relative;
}

.ths13-social-link {
  opacity: .65;
  margin-right: 45px;
  transition: opacity .2s ease-in-out;
}

.ths13-social-link:hover {
  opacity: 1;
}

.ths13-social-icon {
  width: 22px;
}

.ths13-menu-link-text-wrapper {
  color: #f2f2f2;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.ths13-nav-link {
  color: #f2f2f2;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.menu-content {
  z-index: 995;
  background-color: var(--azure);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8rem 60px 2rem;
  display: flex;
  position: fixed;
  bottom: 100%;
  left: 0%;
  right: 0%;
  overflow: scroll;
}

.menu-content.is--open {
  justify-content: flex-start;
  top: 0%;
  overflow: scroll;
}

.ths13-nav-link-hover-text {
  color: #000;
  font-family: Cabinet Grotesk, sans-serif;
  position: absolute;
}

.ths13-logo {
  filter: hue-rotate(270deg);
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 100%;
  padding: 1rem;
  box-shadow: 4px 4px #000;
}

.ths13-nav-link-text {
  color: #000;
  font-family: Cabinet Grotesk, sans-serif;
}

.ths13-menu-contact-info {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  overflow: hidden;
}

.ths13-menu-icon-bar-top {
  background-color: #000;
  width: 18px;
  height: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.menu-container {
  z-index: 999;
  justify-content: space-between;
  align-items: center;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.ths13-social-links-divider {
  color: #ffc000;
  font-size: 20px;
  font-weight: 700;
  transform: rotate(20deg);
}

.menu-buger {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.heading-image-wrapper {
  z-index: 5;
  justify-content: center;
  display: flex;
  position: relative;
}

.welcome-img {
  z-index: 10;
  width: 70rem;
  position: absolute;
  inset: auto auto -47.4rem;
}

.pop-up-text {
  letter-spacing: .03em;
  text-transform: none;
  font-size: 1rem;
  font-weight: 500;
}

.span-1 {
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 900;
}

.text-span {
  -webkit-text-stroke-width: 1px;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 800;
}

.video-mask {
  border: 3px solid #000;
  border-radius: 1.25rem;
  overflow: hidden;
}

.background-video {
  z-index: 1;
  border: 3px solid #000;
  border-radius: 100% 100% 200% 0%;
  width: 23rem;
  height: 23rem;
  display: flex;
  overflow: hidden;
  box-shadow: 4px 4px #000;
}

.background-video.is--second {
  z-index: 10;
  margin-right: -2rem;
}

.background-video.is--absolute {
  position: absolute;
}

.background-video.is--absolute.is--xs {
  width: 8rem;
  height: 8rem;
  inset: -5.5rem 2% auto auto;
}

.background-video.is--xs {
  width: 8rem;
  height: 8rem;
}

.background-video.is--xs.m-t1-b1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.background-video.is--sonder {
  object-position: 100% 50%;
  border: 3px solid #000;
  border-radius: 10px;
  width: 23rem;
  height: auto;
  padding-top: 52.25%;
  box-shadow: 4px 4px #000;
}

.genderspektrum-header-wrapper {
  padding-bottom: 4rem;
}

.blue-filter {
  filter: brightness(200%) hue-rotate(225deg);
}

.grey-filter {
  filter: hue-rotate(270deg) brightness(200%);
}

.character__tops-img {
  opacity: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}

.character__tops-img.is--show {
  opacity: 1;
  max-width: none;
  height: auto;
  max-height: 100%;
}

.character__bottoms {
  z-index: 7;
  width: 13.96em;
  height: 12.29em;
  margin-left: 2.3em;
  position: absolute;
  inset: auto 0% 1.2em;
}

.character__bottoms-img {
  opacity: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}

.character__bottoms-img.is--show {
  opacity: 1;
  max-width: none;
  height: auto;
  max-height: 100%;
}

.character__shoes {
  z-index: 6;
  width: 20.835em;
  height: 7.43em;
  margin-left: -1.15em;
  position: absolute;
  inset: auto 0% -1.5em;
}

.character__tattoos {
  z-index: 3;
  width: 13.96em;
  height: 12.29em;
  margin-left: 2.3em;
  position: absolute;
  inset: auto 0% 8.7em;
}

.character__tattoos-img {
  opacity: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}

.character__tattoos-img.is--show {
  opacity: 1;
  max-width: none;
  height: auto;
  max-height: 100%;
}

.character__tattoos-img.is--heart-tattoo {
  width: 4.03em;
  height: 2.915em;
  inset: 1.6em 3.4em auto auto;
}

.character__tattoos-img.is--heart-tattoo.is--show {
  opacity: 1;
}

.character__tattoos-img.is--rose-tattoo {
  opacity: 0;
  width: 2.845em;
  height: 5.555em;
  top: .8em;
  right: 3.6em;
}

.character__tattoos-img.is--rose-tattoo.is--show {
  opacity: 1;
}

.character__tattoos-img.is--paws {
  opacity: 0;
  width: 7.36em;
  height: 2.95em;
  top: 1.3em;
  right: 3.4em;
}

.character__tattoos-img.is--paws.is--show {
  opacity: 1;
}

.character__tattoos-img.is--tiger {
  opacity: 0;
  width: 7.22em;
  height: 5.175em;
  top: 1.3em;
  right: 3.4em;
}

.character__tattoos-img.is--tiger.is--show {
  opacity: 1;
}

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

.bike__heading {
  text-align: left;
  letter-spacing: .1em;
  padding: 1rem;
  font-size: 1em;
  display: inline-block;
}

.bike__heading.is-block {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 20px;
  box-shadow: 4px 4px #000;
}

.bike__line-wide {
  filter: invert();
  object-fit: cover;
  width: 6em;
  height: 2px;
  margin-top: .6em;
  margin-left: -7em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bike__line-wide.under {
  width: 11em;
  margin-top: -6.2em;
  margin-left: -5.4em;
  transform: rotate(-90deg);
}

.bike__line-wide.center {
  width: .9em;
  margin-top: -.8em;
  margin-left: 1.8em;
  transform: rotate(-90deg);
}

.bike__line-wide.left {
  margin-left: 7.4em;
}

.bike__dots {
  margin-top: 28.7em;
  margin-left: 2.4em;
  transition: opacity .2s;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bike__dots.is--1 {
  margin-top: 7.5em;
  margin-left: 47.7em;
  padding-top: 0;
}

.bike__dots.is--5 {
  margin-top: 26.4em;
  margin-left: 33.5em;
}

.bike__dots.is--4 {
  margin-top: 22.6em;
  margin-left: 44.9em;
}

.bike__dots.is--2 {
  margin-top: 1.6em;
  margin-left: 20.6em;
}

.bike__dots.is--3 {
  z-index: 20;
  max-width: 30em;
  margin-top: -6.6em;
  margin-left: 6.9em;
  padding: 1.5em;
}

.bike__dots.is--hoden, .bike__dots.is--vorhaut {
  margin-top: 19.7em;
  margin-left: 44.3em;
  padding-top: 0;
}

.bike__dots.is--vagina {
  margin-top: 7.9em;
  margin-left: 37.3em;
  padding-top: 0;
}

.hero__button-t-contain {
  border: 1px solid #eeedf2;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.hero__card-fill {
  z-index: 4;
  background-color: #ffffff17;
  border: 1px solid #ffffff1f;
  border-radius: 1em;
  justify-content: space-between;
  align-items: center;
  width: 50em;
  padding: 2.1em 5em;
  display: flex;
  position: relative;
}

.hero__button-arrow {
  width: 2.6em;
  margin-left: 2.9em;
  margin-right: 2.9em;
}

.hero__h-contain {
  padding-bottom: 1.3em;
  position: relative;
}

.hero__button-text {
  color: #f88cd4;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  height: 1.2em;
  margin-left: 2em;
  margin-right: 2em;
  font-size: 1.1em;
  font-weight: 700;
}

.bike__p {
  opacity: 0;
  text-shadow: 1px 1px 12px #0d0628;
  width: 20em;
  margin-top: 2em;
  font-size: .9em;
  transition: all .2s;
}

.hero__button {
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 3em;
  display: flex;
  overflow: hidden;
}

.hero__p-contain {
  overflow: hidden;
}

.plus {
  background-color: #000;
  width: 2px;
  height: 1.4em;
  transition: opacity .1s;
}

.hero__gradient {
  z-index: 4;
  opacity: .22;
  background-image: radial-gradient(circle, #5c31ff, #5c31ff00 69%);
  width: 200em;
  height: 200em;
  margin-bottom: -133.1em;
  margin-right: -135.7em;
  position: fixed;
  inset: auto 0% 0% auto;
}

.hero__gradient.is--other {
  opacity: .4;
  background-image: radial-gradient(circle, #f88cd4, #f88cd400 69%);
  width: 160em;
  height: 160em;
  margin-bottom: -133.7em;
  margin-right: -40.6em;
}

.bike__dots-contain {
  z-index: 4;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero__button-icon {
  background-color: #eeedf2;
  border: 1px solid #eeedf2;
  justify-content: center;
  align-items: center;
  height: 4.3em;
  display: flex;
}

.hero__icon {
  width: 4.4em;
  max-width: none;
  margin-top: .5em;
  margin-left: -.3em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bike__text {
  margin-top: .5em;
  margin-left: 10.3em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bike__text.under {
  margin-top: 15.1em;
  margin-left: 1.2em;
}

.bike__text.left {
  margin-top: .9em;
  margin-left: -14.1em;
}

.bike__text.center {
  margin-top: 4.1em;
  margin-left: -1em;
}

.bike__text.center.is-relative {
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 20px;
  padding: 1.5em;
  position: relative;
}

.minus {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 1.4em;
  height: 2px;
  display: flex;
}

._3-container {
  width: 1440px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 5em;
}

._3-container.is--hero {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 8.9em;
  padding-bottom: 5.1em;
  font-size: 1vw;
  display: flex;
  position: relative;
}

.hero__circle {
  z-index: 2;
  background-image: linear-gradient(318deg, #d832a1 27%, #fdc6eb);
  border-radius: 50%;
  width: 5em;
  height: 5em;
  margin-top: -2em;
  margin-left: -2em;
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
  position: absolute;
  inset: 0% auto auto 0%;
}

.hero__circle._2 {
  width: 7em;
  height: 7em;
  margin: 0 -2em -2em 0;
  inset: auto 0% 0% auto;
}

.is--sub-head {
  font-size: 1.4em;
}

.hero__card {
  z-index: 10;
  margin-bottom: 5em;
  margin-right: 5em;
  padding: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.hero__left {
  z-index: 20;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.hero__right {
  z-index: 5;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.is--sub-text {
  opacity: .49;
  font-size: 1em;
}

.bike__dot {
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  display: flex;
}

.bike__dot.opacity {
  opacity: 0;
}

.bike__img {
  z-index: 3;
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  background-image: url('./../images/bildschirmfoto_2023-08-30_um_08.33.44-removebg-preview.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 27.71em;
  height: 43.4em;
  margin-left: auto;
  margin-right: auto;
  transition: all .4s cubic-bezier(.445, .05, .55, .95);
  position: relative;
  top: 0;
  left: auto;
}

.bike__img.po1 {
  filter: saturate(200%);
  background-image: url('./../images/eichel.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1.24);
}

.bike__img.po3 {
  top: 9.2em;
  left: -5.8em;
  transform: scale(1.5);
}

.bike__img.po2 {
  top: 10.2em;
  transform: scale(1.5);
}

.bike__img.uterus {
  background-image: url('./../images/uterus_1.png');
  width: 54em;
  height: 46em;
  top: -2.9em;
}

.bike__img.penis {
  background-image: url('./../images/penis.png');
  background-size: cover;
  width: 50em;
}

.bike__img.is--vv {
  background-image: url('./../images/vv_geschloen-removebg-preview.png');
  width: 50em;
}

.bike__img.is--vv-open {
  background-image: url('./../images/vv-offen-removebg-preview.png');
  width: 50em;
}

.bike__img.is--vagina {
  background-image: url('./../images/vagina.png');
  width: 70em;
}

.fade-up {
  overflow: hidden;
}

.fade-up.tricks.first {
  margin-left: .8em;
}

.zum-3d-model {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 9px;
  font-family: Cabinet Grotesk, sans-serif;
}

.spline-scene {
  width: 100%;
  min-height: 100vh;
}

.menu_link-bg {
  z-index: 1;
  opacity: 0;
  background-color: #db86df;
  border: 1px solid #000;
  border-radius: 100vw;
  position: absolute;
  inset: 0%;
}

.menu_wrap {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 100vw;
  max-width: 100%;
  padding: .3em;
  box-shadow: 4px 4px #000;
}

.menu_link {
  z-index: 2;
  color: #fff;
  mix-blend-mode: normal;
  padding: 1.2em 1.7em;
  position: relative;
}

.menu_link.w--current {
  mix-blend-mode: normal;
}

.menu_link-text {
  z-index: 2;
  mix-blend-mode: normal;
  width: 2rem;
  font-size: 1.3em;
  line-height: 1;
  position: relative;
}

.menu_shape {
  z-index: 1;
  opacity: 0;
  justify-content: flex-start;
  width: 7em;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: translate(0);
}

.menu {
  position: relative;
}

.container-switch {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1%;
}

.container-switch.is-menu {
  z-index: 1000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 0%;
  display: flex;
}

.menu_shape-bg {
  background-color: #000;
  border-radius: 100vw;
  flex: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.overlay {
  z-index: 2;
  opacity: 0;
  background-color: #22a094;
  position: fixed;
  inset: 0%;
}

.button-modal-2 {
  background-color: #ff79e0;
  border-radius: .625em;
  margin-top: 1.5rem;
  padding: 16px 24px;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition-property: none;
}

.button-modal-2.border {
  color: #0a1327;
  border: 1px solid #000;
}

.button-modal-2.modal-open_btn {
  background-color: #0000;
  background-image: url('./../images/zeichensprache.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3rem;
  height: 3em;
  margin-top: 0;
  margin-left: auto;
  margin-right: 0;
  display: block;
}

.tab-content {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4rem;
}

.tab-content.is--second {
  background-color: #22a094;
}

.icon {
  margin-right: 0;
}

.dropdown-toggle {
  padding-left: 100px;
  padding-right: 100px;
}

.dropdown-list {
  display: flex;
}

.dropdown-list.w--open {
  background-color: #ddd0;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  display: flex;
  position: relative;
}

.dropdown-link {
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 700;
}

.subpages-link {
  color: #0009;
  justify-content: space-around;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  display: flex;
}

.sort-letter {
  display: none;
}

.loader_progress {
  z-index: 1;
  background-color: #000;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.trigger {
  width: 0;
  height: 0;
  padding: 0;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.loader_number {
  padding-bottom: .14em;
  font-size: 20.42em;
  font-weight: 500;
  line-height: .55;
}

.loader_p {
  text-transform: uppercase;
  font-size: 1.82em;
  line-height: 1;
}

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

.loader_top {
  color: #eb412b;
  border-bottom: 2px solid #000;
  position: relative;
}

.container-5 {
  z-index: 2;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.3em;
  position: relative;
}

.container-5.is-loader-bottom {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.container-5.is-loader-top {
  mix-blend-mode: difference;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.loader {
  z-index: 1000;
  color: #000;
  background-color: #eb412b;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.pop-text-wrapper {
  color: #fff9;
  flex-direction: column;
  align-items: center;
  height: 30px;
  margin-top: 40px;
  display: flex;
  overflow: hidden;
}

.progress-bar__static-container {
  border: 7px solid #178df7;
  border-radius: 50%;
  width: 300px;
  height: 300px;
}

.progress-bar__image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 60px;
  display: flex;
}

.content-wrapper-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.progress-bar__mask {
  border: 7px solid #404040;
  width: 150px;
  height: 300px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.progress-bar__mask.cc-left-mask {
  transform-origin: 100%;
  border-right-color: #40404000;
  border-top-left-radius: 150px;
  border-bottom-left-radius: 150px;
  inset: 0% 150px 0% 0%;
  transform: rotate(0);
}

.progress-bar__mask.cc-right-mask {
  transform-origin: 0%;
  border-left-color: #40404000;
  border-top-right-radius: 150px;
  border-bottom-right-radius: 150px;
  inset: 0% 0% 0% 150px;
  transform: rotate(0);
}

.progress-bar__mask.cc-right-mask.cc-blue-border {
  border-top-color: #178df7;
  border-bottom-color: #178df7;
  border-right-color: #178df7;
  width: 150px;
  height: 300px;
  display: none;
  transform: rotate(0);
}

.popup-text {
  padding-top: 10px;
  padding-bottom: 10px;
  transform: translate(0, 100%);
}

.popup-text.cc-first {
  margin-top: -5px;
}

.load-screen {
  z-index: 9999999;
  background-color: #1e1e1e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.load-screen.hide {
  display: none;
}

.u-opacity-50 {
  opacity: .5;
  cursor: pointer;
}

.progress-bar {
  width: 300px;
  height: 300px;
  display: flex;
  position: relative;
}

.main-container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.mirror-frame {
  background-image: url('./../images/kisspng-picture-frame-clip-art-mirror-5a7d46e628fa76.0356476715181595901679-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 80vh;
  height: 80vh;
  margin: auto;
  padding: 9vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.uebung-2-text {
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
}

.info-head {
  max-width: 42.5rem;
}

.spline-scene-2 {
  width: 100%;
  min-height: 100vh;
}

.tabs-model {
  padding-top: 2rem;
  padding-left: 2rem;
}

.tab-link {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 1.25rem;
  margin-left: 10px;
  margin-right: 0;
  transition: all .3s;
  transform: translate(-3px, -3px);
  box-shadow: 4px 4px #000;
}

.tab-link.w--current {
  background-color: var(--grpink);
  box-shadow: none;
  transform: none;
}

.tab-link.is-model {
  margin-top: 10px;
  margin-bottom: 10px;
}

.close-icon-video {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 100%;
  width: 5rem;
  height: 5rem;
  margin-top: 4.5rem;
  margin-right: 2.25rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.back-to-overview {
  z-index: 999999999;
  color: #0d0628;
  background-color: #cf9eeb;
  border: 1px solid #0d0628;
  border-radius: .625rem;
  margin-left: auto;
  margin-right: 0;
  padding: .5rem 1.5rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 400;
  transition: all .2s;
  position: fixed;
  inset: 1rem 1rem auto auto;
  transform: translate(-3px, -3px);
  box-shadow: 4px 4px #000;
}

.back-to-overview:hover {
  box-shadow: none;
  transform: translate(0);
}

.back-button {
  background-color: var(--gryellow);
  filter: hue-rotate(270deg);
  border: 1px solid #000;
  border-radius: 50%;
  padding: 1rem;
  box-shadow: 4px 4px #000;
}

.model__heading {
  background-color: var(--light-goldenrod-yellow);
  letter-spacing: .1em;
  border: 2px solid #000;
  border-radius: 20rem;
  padding: .6rem 1.2em;
  font-size: 1.9em;
  font-weight: 600;
  display: inline;
}

.model__heading.white {
  white-space: nowrap;
  background-color: #fff;
  border-width: 1px;
  font-weight: 400;
  display: inline;
}

.model__line-wide {
  z-index: -1;
  filter: brightness(200%) invert();
  object-fit: cover;
  width: 6em;
  height: 2px;
  margin-top: .6em;
  margin-left: -7em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.model__line-wide.under {
  width: 11em;
  margin-top: -6.2em;
  margin-left: -5.4em;
  transform: rotate(-90deg);
}

.model__line-wide.center {
  width: .9em;
  margin-top: -1.9em;
  margin-left: 1.8em;
  transform: rotate(-90deg);
}

.model__line-wide.left {
  z-index: -1;
  margin-top: 1.3em;
  margin-left: 12.4em;
}

.model__line-wide.left.variant {
  margin-left: 18.5em;
}

.model__line-wide.left.variant.invert {
  filter: invert() brightness(200%) invert();
}

.model__line-wide.left.variant.invert.is--schwellkoerper {
  margin-left: 27.3em;
}

.model__line-wide.left.variant.invert.is--eingang-vagina {
  margin-left: 20.5em;
}

.model__line-wide.left.is--penis {
  margin-left: 11.3em;
}

.model__line-wide.left.is--inter {
  margin-left: 19.9em;
}

.model__line-wide.left.invert.is-eichel {
  margin-left: 15.6em;
}

.model__line-wide.invert {
  filter: invert() brightness(200%) invert();
  border: 1px dashed #fff;
}

.model__line-wide.invert.is--harnr-hre {
  margin-top: 2.3em;
}

.model__line-wide.is--klitoris {
  margin-top: 1.2em;
  margin-left: -6.2em;
}

.model__line-wide.is--klitoriseichel {
  margin-top: 1.3em;
  margin-left: -6.3em;
}

.model__dot {
  z-index: 300;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  display: flex;
  position: relative;
}

.plus-2 {
  background-color: #f88cd4;
  width: 2px;
  height: 1.4em;
  transition: opacity .1s;
}

.model__dots {
  margin-top: 28.7em;
  margin-left: 2.4em;
  transition: opacity .2s;
  position: absolute;
  inset: 0% auto auto 0%;
}

.model__dots.is--1 {
  margin-top: 10.9em;
}

.model__dots.is--5 {
  margin-top: 34em;
  margin-left: 33.5em;
}

.model__dots.is--4 {
  margin-top: 22.6em;
  margin-left: 44.9em;
}

.model__dots.is--2 {
  margin-top: 1.6em;
  margin-left: 20.6em;
}

.model__dots.is--3 {
  margin-top: 1.6em;
  margin-left: 33.5em;
}

.model__dots.is--uterus {
  margin-top: 19.6em;
  margin-left: 32.8em;
}

.model__dots.is--hodensack {
  margin-top: 30.4em;
  margin-left: 33.1em;
}

.model__dots.is--vorhaut {
  margin-top: 40.2em;
  margin-left: 18.5em;
}

.model__dots.is--eileiter {
  margin-top: 16.5em;
  margin-left: 50.7em;
}

.model__dots.is--vulva {
  margin-top: 3.6em;
  margin-left: 33.5em;
}

.model__dots.aeussere-lippen {
  margin-top: 33.6em;
  margin-left: 35.9em;
  padding-bottom: 0;
}

.model__dots.is--eierstoecke {
  margin-top: 24.2em;
  margin-left: 17.6em;
}

.model__dots.is--klitoris {
  margin-top: 3.3em;
  margin-left: 34.2em;
  padding-top: 2px;
}

.model__dots.is--klitorisschaft {
  margin-top: 10.2em;
  margin-left: 35em;
}

.model__dots.is--schwellkoerper {
  margin-top: 42.2em;
  margin-left: 30.1em;
}

.model__dots.is--schenkel {
  margin-top: 39.8em;
  margin-left: 41.9em;
}

.model__dots.is--po {
  margin-top: 36.1em;
  margin-left: 36.1em;
}

.model__dots.is--po._2 {
  margin-top: 44.1em;
  margin-left: 29.6em;
}

.model__dots.is--klitoriseichel {
  margin-top: 12.6em;
  margin-left: 37.6em;
}

.model__dots.is--inter-variation {
  margin-top: 3.2em;
  margin-left: 34.4em;
}

.model__dots.is--penis {
  margin-top: 3.9em;
  margin-left: 35em;
}

.model__dots.is--vagina {
  margin-top: 24.2em;
  margin-left: 29.1em;
}

.model__dots.is--eingang-vagina {
  margin-top: 30em;
  margin-left: 40.2em;
}

.model__dots.is--harnr-hre {
  margin-top: 26.2em;
  margin-left: 38em;
}

.model__dots.is--klitoris-eichel {
  margin-top: 20.6em;
  margin-left: 43.9em;
}

.model__dots.is--aeussere-innere-lippen {
  margin-top: 39.1em;
  margin-left: 29.6em;
}

.model__dots.is-poloch {
  margin-top: 34em;
  margin-left: 20.8em;
}

.model__dots.is--penis-eichel {
  margin-top: 45.5em;
  margin-left: 14.8em;
}

.model__dots.is--polocch {
  margin-top: 9.9em;
  margin-left: 38.4em;
}

.model__text {
  margin-top: .5em;
  margin-left: 10.3em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.model__text.under {
  margin-top: 15.1em;
  margin-left: 1.2em;
}

.model__text.left {
  margin-top: .4em;
  margin-left: -18.9em;
}

.model__text.left.is--schaft {
  margin-left: -22.6em;
}

.model__text.left.is--center {
  margin-left: -25.8em;
}

.model__text.left.is--schwellkoerper, .model__text.left.is--eingang-vagina {
  white-space: nowrap;
  margin-left: -32em;
}

.model__text.center {
  margin-top: 6.2em;
  margin-left: -1em;
}

.model__text.is--wide {
  min-width: 35em;
}

.tooltip__p {
  z-index: 400;
  opacity: 0;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 1.6rem;
  min-width: 50em;
  margin-top: 5em;
  padding: 1rem;
  font-size: .9em;
  transition: all .2s;
  display: none;
  position: relative;
}

.tooltip__p.is--thin {
  z-index: 400;
  min-width: 0;
}

.tooltip__p.is--lips {
  opacity: 1;
  min-width: 41em;
}

.tooltip__p.show-p {
  opacity: 1;
  margin-top: 2em;
  display: block;
}

.tooltip__p.is--medium {
  z-index: 400;
  opacity: 0;
  min-width: 35em;
  display: none;
}

.tooltip__p.is--medium.show-p {
  opacity: 1;
  display: block;
}

.tooltip__p.is--wide {
  opacity: 0;
  min-width: 110em;
  margin-top: 2.7em;
  margin-left: -21.9em;
  display: none;
}

.tooltip__p.is--wide.show-p {
  opacity: 1;
  display: block;
}

.tooltip__p.is--medium-inter {
  z-index: 400;
  opacity: 0;
  min-width: 45em;
  max-width: 45em;
  display: none;
}

.tooltip__p.is--medium-inter.show-p {
  opacity: 1;
  min-width: 70em;
  max-width: 70em;
  display: block;
}

.minus-2 {
  background-color: #f88cd4;
  justify-content: center;
  align-items: center;
  width: 1.4em;
  height: 2px;
  display: flex;
}

.model__img {
  z-index: 3;
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  background-image: url('./../images/uterus.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  border: 2px solid #000;
  border-radius: 1.25rem;
  width: 115%;
  padding-top: 100%;
  transition: all .4s cubic-bezier(.445, .05, .55, .95);
  position: relative;
  top: 0;
  left: 0;
}

.model__img.po4 {
  top: -1.8em;
  left: -11.1em;
  transform: scale(1.5);
}

.model__img.po-uterus {
  filter: contrast(200%);
  top: 2.9em;
  left: .1em;
  transform: scale(1.5);
}

.model__img.po3 {
  top: 9.2em;
  left: -5.8em;
  transform: scale(1.5);
}

.model__img.po2 {
  top: 10.2em;
  transform: scale(1.5);
}

.model__img.is--penis {
  background-image: url('./../images/penis.png');
}

.model__img.is--vulva, .model__img.is--vagina {
  background-image: url('./../images/bildschirmfoto-2023-10-24-um-14.19.24.png');
}

.model__img.is--klitoris {
  filter: saturate(154%) brightness(200%);
  background-image: url('./../images/bildschirmfoto-2023-10-24-um-14.47.51.png');
}

.model__img.is--po {
  background-image: url('./../images/bildschirmfoto-2023-10-27-um-11.44.21.jpg');
  background-size: cover;
  width: 100%;
}

.model__img.is--po._2 {
  background-image: url('./../images/poloch3.jpg');
}

.model__img.is--po._3 {
  background-image: url('./../images/bildschirmfoto-2023-12-09-um-10.46.23.png');
}

.model__img.is--inter {
  background-image: url('./../images/bildschirmfoto-2023-10-27-um-11.44.37.jpg');
  background-size: cover;
  width: 100%;
  padding-top: 100%;
}

.model__img.is--inter._2 {
  background-image: url('./../images/bildschirmfoto-2023-12-09-um-10.46.23.png');
}

.model__img.is--inter._3 {
  background-image: url('./../images/bildschirmfoto-2023-12-09-um-10.48.23.png');
}

.model__img.is--vagina-vulva {
  background-image: url('./../images/bildschirmfoto-2023-10-27-um-15.39.45.jpg');
}

.model__img.is--slider {
  background-image: none;
  min-height: 49.3rem;
  padding-top: 0%;
}

.model__dots-contain {
  z-index: 4;
  justify-content: center;
  width: 115%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero__right-2 {
  z-index: 5;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 53%;
  display: flex;
  position: relative;
}

.model-wrapper {
  z-index: 5;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 62.5em;
  padding: 5em 5em 5em 5rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.model-section {
  background-color: var(--khaki);
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15em;
  padding-bottom: 15em;
  font-size: 1vw;
  display: flex;
  position: relative;
}

.model-section.quaternary-bg {
  background-color: var(--gryellow);
}

.model-section.quaternary-bg.vw {
  font-size: 1vw;
}

.model-section.white-bg {
  background-color: #fffdf4;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

._3d-btn {
  color: #000;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 1.25rem;
  margin-top: 1rem;
}

._3d-btn.is--up {
  background-color: var(--gryellow);
  margin-top: -2rem;
  font-size: 1.2rem;
  position: absolute;
  inset: -1rem auto auto;
  box-shadow: 4px 4px #000;
}

._3d-btn.is--up.is-relative {
  position: relative;
}

._3d-btn-flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: relative;
}

._3d-btn-flex-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #000;
  margin-top: 1rem;
  display: flex;
  position: absolute;
}

._3d-btn-flex-wrapper.is--up {
  background-color: var(--gryellow);
  margin-top: -2rem;
  font-size: 1.2rem;
  position: absolute;
  inset: -1rem auto auto;
  box-shadow: 4px 4px #000;
}

.center-i {
  text-align: center;
  border: 1px solid #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.slider-2 {
  width: 50rem;
  min-height: 49.5rem;
}

.tab-menu-vertical {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 10rem auto 0% -10rem;
}

.cat-text {
  margin-bottom: 1.5rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
}

.tabs-content {
  overflow: visible;
}

.paragraph-bubble-flex {
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: visible;
}

.paragraph-bubble-flex.margin-top {
  margin-top: 1.5rem;
}

.spiegel-info {
  z-index: 800;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 25rem;
  padding: 1rem 1rem 0;
  font-family: Cabinet Grotesk, sans-serif;
  display: flex;
  position: absolute;
  top: 1rem;
  left: 1em;
  right: auto;
}

.heading-section {
  color: #fffdf4;
  text-align: center;
  letter-spacing: .05em;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--black);
  text-transform: none;
  text-shadow: 4px 4px 1px #000;
  margin: 0;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 5.625rem;
  font-weight: 800;
}

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

.heading-section.margin-bottom-m {
  margin-bottom: 3rem;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 800;
}

.heading-section.is--secondary {
  font-size: 3.47651rem;
}

.heading-section.margin-bottom-l {
  margin-bottom: 5rem;
}

.heading-3 {
  margin-bottom: 1rem;
  font-weight: 500;
}

.cardigan-img {
  width: 24rem;
}

.section-reveal {
  position: relative;
}

.section_welcome {
  background-color: var(--section-bg-light-blue);
  background-image: linear-gradient(#f8f5ff33, #f8f5ff33), url('./../images/inspiration-geometry.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  border-top: 2px #000;
  border-bottom: 2px #000;
}

.section_welcome.quaternary-bg {
  background-color: var(--gryellow);
}

.section_welcome.quaternary-bg.vw {
  font-size: 1vw;
}

.section_welcome.white-bg {
  background-color: var(--section-bg-light-blue);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.play-indicator-wrapper {
  display: flex;
}

.play-indicator-wrapper.align-right {
  justify-content: flex-end;
  margin-left: auto;
  text-decoration: none;
}

.play-indicator-text {
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1.32rem;
  font-weight: 500;
}

.play-indicator-text.underscore {
  text-decoration: underline;
}

.play-icon {
  margin-left: 1rem;
}

.gender-cards {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  display: flex;
  position: relative;
}

.gender-cards.min-height {
  min-height: 13.5rem;
}

.gender-cards.is--first {
  background-color: var(--light-goldenrod-yellow);
}

.gender-cards.is--second {
  background-color: var(--khaki);
}

.gender-cards.is--third {
  background-color: var(--plum);
}

.gender-bread-card {
  text-align: center;
  border-right: 2px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.gender-bread-card.is-small {
  box-shadow: 4px 4px 0 0 var(--black);
  border: 1px solid #000;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem 1rem 2rem;
}

.gender-bread-card.is-small.primary-bg {
  background-color: var(--plum);
  flex-direction: column;
}

.gender-bread-card.is-small.secondary-bg {
  background-color: var(--khaki);
  flex-direction: column;
}

.gender-bread-card.is-small.secondary-bg.border-bottom {
  border-bottom: 1px solid #000;
  flex-direction: column;
}

.gender-bread-card.is-small.secondary-bg.border-bottom.is--gender-card-item {
  background-color: var(--transparent);
  box-shadow: none;
  border: 1px #000;
  border-radius: 0;
}

.gender-bread-card.is-small.tertiary-bg {
  background-color: var(--azure);
}

.gender-bread-card.is-small.tertiary-bg.border-bottom {
  border-bottom: 1px solid #000;
  flex-direction: column;
}

.gender-bread-card.is--first {
  border-bottom: 2px solid #000;
  border-right-style: solid;
}

.gender-bread-card.is--second {
  border-bottom: 2px solid #000;
}

.section_genderbread-hint {
  background-color: var(--section-bg-light-blue);
  background-image: linear-gradient(#f8f5ff33, #f8f5ff33), url('./../images/inspiration-geometry.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  border-top: 2px #000;
  border-bottom: 2px #000;
  position: relative;
}

.section_genderbread-hint.quaternary-bg {
  background-color: var(--gryellow);
}

.section_genderbread-hint.quaternary-bg.vw {
  font-size: 1vw;
}

.section_genderbread-hint.white-bg {
  z-index: 5;
  background-color: var(--section-bg-light-blue);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.kontakt-button {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 9.375rem;
  margin-left: auto;
  margin-right: 0;
  padding: 1rem;
  display: flex;
  box-shadow: 4px 4px #0a1327;
}

.kontakt-button.w--current {
  margin-left: auto;
  margin-right: 0;
}

.menu-link-text {
  color: #000;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 1.32rem;
  font-weight: 600;
  line-height: 1;
}

.submenu-link {
  border-left: 1px solid #60696c;
  border-right: 1px solid #60696c;
  padding-left: .5rem;
  padding-right: .5rem;
}

.hinweis {
  display: none;
}

.paomi-headline {
  font-family: Typefesse Claire Obscure, sans-serif;
}

.menu-content-2 {
  z-index: 995;
  background-color: #daeef5;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8rem 60px 2rem;
  display: flex;
  position: fixed;
  inset: -100% 0% 0%;
  overflow: scroll;
}

.menu-nav-links {
  color: #f2f2f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 125px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-menu-text-2 {
  color: #000;
  font-family: Cabinet Grotesk, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.3;
}

.subpages-links {
  color: #0009;
  justify-content: space-around;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  display: flex;
}

.subpage-link-bg {
  border-left: 1px solid #60696c;
  border-right: 1px solid #60696c;
  padding-left: .5rem;
  padding-right: .5rem;
}

.paragraph-3 {
  font-size: 1.32rem;
}

.datenschutz-text {
  width: 100%;
  margin-top: 4rem;
}

.column-5.is--centered {
  border-left: 2px solid #000;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.paragrap-p2m {
  color: #6e8398;
  letter-spacing: .01em;
  font-size: 8em;
  font-weight: 400;
}

.paragrap-p2m.b2-data {
  color: #000;
  letter-spacing: normal;
  font-size: 1.32rem;
  line-height: 1.5;
}

.zw-head {
  color: #000;
  font-size: 1.32rem;
  font-weight: 700;
  line-height: 1.5;
}

.columns {
  width: 100%;
}

.data-privacy-heading {
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.textarea {
  color: var(--black);
  border: 1px solid #000;
  border-radius: 5px;
  min-height: 15rem;
  margin-top: 2rem;
  font-family: Cabinet Grotesk, sans-serif;
  box-shadow: 4px 4px #000;
}

.textarea::placeholder {
  color: var(--black);
}

.text-field {
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 4px 4px #000;
}

.form-contact {
  min-width: 400px;
}

.send-button {
  background-color: var(--lyellow);
  color: var(--black);
  border: 1px solid #000;
  border-radius: 5px;
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 800;
  box-shadow: 4px 4px #000;
}

.padding-genderbread {
  padding-top: 15rem;
}

.pop-up_modal-close-2 {
  z-index: 999;
  cursor: pointer;
  object-fit: contain;
  background-color: #f0f332;
  border: 1px solid #000;
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  padding: 11px;
  font-size: 3rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.pop-up_modal-2 {
  z-index: 99;
  -webkit-backdrop-filter: blur(.25rem);
  backdrop-filter: blur(.25rem);
  background-color: #fdef7b;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.pop-up_modal-2.is--fixed {
  z-index: 901;
  background-color: #fdef7b;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-up-button-2 {
  color: #0a1327;
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 2rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
  transition: transform .2s;
}

.pop-up-button-2:hover {
  transform: rotate(1deg)scale(1.03);
}

.pop-up-button-2.display-inlineflex {
  letter-spacing: .03em;
  text-transform: none;
  cursor: pointer;
  background-color: #fddd2c;
  border-radius: 1rem;
  flex: none;
  align-self: flex-start;
  align-items: center;
  min-width: 14.5rem;
  margin-bottom: 3rem;
  padding: .5625rem 1.125rem;
  font-size: 1vw;
  display: flex;
  box-shadow: 4px 4px #0a1327;
}

.close-x {
  font-size: 2.5rem;
}

.close {
  z-index: 999;
  background-color: var(--white);
  cursor: pointer;
  border: 4px solid #f0f0f0;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 5.5rem;
  height: 5.5rem;
  font-family: Cabinet Grotesk, sans-serif;
  display: flex;
  position: absolute;
  inset: 2rem 2rem auto auto;
}

.pop-up_modal-content-2 {
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 2.25rem;
  flex: none;
  width: 50rem;
  height: 30rem;
  padding: 4rem;
  position: relative;
  overflow: hidden;
  box-shadow: 11px 11px #0a1327;
}

.sign-language-icon-2 {
  width: 1.5rem;
  margin-left: .75rem;
  font-size: 1rem;
}

.rte-2 {
  letter-spacing: .03px;
  max-width: 46.5rem;
  font-size: 1.25rem;
}

.overlay-help {
  z-index: 999;
  background-color: #fdef7be6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.overlay-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
  overflow: scroll;
}

.nav-help.is--on-top {
  z-index: 2147483647;
  position: fixed;
}

.help-btn {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 16rem;
  margin-left: auto;
  margin-right: 0;
  padding: 1rem;
  display: flex;
  box-shadow: 4px 4px #0a1327;
}

.help-btn.w--current {
  margin-left: auto;
  margin-right: 0;
}

.underlined {
  color: var(--grpurple);
  text-decoration: underline;
}

@media screen and (max-width: 991px) {
  label {
    font-family: Cabinet Grotesk, sans-serif;
    font-weight: 700;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

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

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-tablet {
    display: none;
  }

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

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

  .padding-global {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

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

  .padding-section-large {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .padding-section-large.padding-global {
    padding: 3.75rem 1.875rem;
  }

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

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

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .navbar_logo-wrapper {
    display: none;
  }

  .navbar {
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    width: 100%;
    position: fixed;
    overflow: visible;
  }

  .navbar_main {
    align-items: center;
    max-width: none;
    min-height: 4rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: sticky;
    overflow: visible;
  }

  .navbar_button-wrapper {
    order: -1;
  }

  .navbar_link-list {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    max-width: none;
    padding-left: 0;
  }

  .intro_component {
    grid-template-columns: 1fr;
  }

  .story_item {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .story_item.is-small {
    width: 45%;
    margin: 2rem auto;
  }

  .intro_row {
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr;
    display: flex;
  }

  .intro_row.is-xlarge.no-border-top {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .game-title-wrapper {
    right: auto;
  }

  .story_image {
    max-width: 20.6rem;
  }

  .parralax_icon.is-tv {
    top: -3.5rem;
  }

  .parralax_icon.is-genderbread {
    top: 8.5em;
    right: .6em;
  }

  .parralax_icon.is-green-hand {
    width: 12rem;
    bottom: 1rem;
    right: 11.6em;
  }

  .parralax_icon.is-blue-hand {
    width: 5.1rem;
    inset: 4.6rem auto auto 1.4rem;
  }

  .parralax_icon.is-smiley {
    bottom: -3.5rem;
  }

  .parralax_icon.floating-heart {
    top: -7rem;
    right: -4.8rem;
  }

  .parralax_icon.other-icon {
    top: -7.9rem;
    left: -1.4rem;
  }

  .parralax_icon.is-smiley {
    inset: 0% 0% 0% auto;
  }

  .parralax_icon.is-paomi-smiley, .parralax_icon.is--shoe {
    bottom: -3.5rem;
  }

  .testimonial_component {
    grid-row-gap: 4rem;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .testimonial_component.reverse-order-mobile {
    flex-direction: column;
  }

  .testimonial_image-wrapper {
    max-width: 40rem;
  }

  .testimonial_image-wrapper.hide-mobile {
    display: none;
  }

  .testimonial_content {
    text-align: center;
  }

  .text-size-xxlarge {
    font-size: 1.75rem;
  }

  .text-size-xxlarge.is--rte p {
    text-align: left;
    font-size: 1.75rem;
  }

  .footer_grid {
    flex-direction: column;
    display: flex;
  }

  .logo-small {
    width: 5rem;
  }

  .sell_content-right {
    padding: 2rem 2.5rem;
  }

  .sell_component {
    grid-template-columns: .75fr 1fr;
  }

  .sell_component.is--vertical-mobile {
    flex-direction: column;
    display: flex;
  }

  .sell_component.is--vertical-mobile.reverse-order-mobile {
    flex-direction: column-reverse;
  }

  .sell_content-left {
    padding: 4rem 1.5rem;
  }

  .sell_content-left.padding-top-mobile {
    padding-top: 8rem;
  }

  .section-heading {
    font-size: 3.75rem;
  }

  .intro_text {
    padding-top: 4.2375rem;
  }

  .navbar_link {
    color: var(--black);
    font-size: 1.25rem;
  }

  .menu-icon1_line-middle {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar_menu {
    background-color: var(--sky-blue);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border: 2px solid #000;
    border-top: 0 #000;
    border-radius: .875rem;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 5% 2rem;
    position: absolute;
    inset: auto 0% auto auto;
    overflow: auto;
  }

  .menu-icon1_line-bottom {
    background-color: var(--black);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

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

  .menu-icon1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon1_line-top {
    background-color: var(--black);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_logo-link {
    opacity: 1;
    align-items: center;
    width: 5rem;
    display: flex;
  }

  .blending-group-wrapper {
    margin-left: -4em;
  }

  .shape-4 {
    top: 22em;
  }

  .ultra-gradient-wrapper {
    font-size: 1.3vh;
  }

  .shape-3 {
    width: 44em;
    height: 57em;
    position: absolute;
    inset: 23.2em -9.5em 0 auto;
  }

  .heading-hero.text-align-center {
    font-size: 7.25rem;
  }

  .padding-to-nav, .padding-to-nav.tertiary-bg {
    padding-top: 4.2375rem;
  }

  .paragraph-medium {
    font-size: 1.32rem;
  }

  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .term-link {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .glossary-term {
    width: 48%;
  }

  .glossary-links-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: 0;
    display: grid;
  }

  .container-glossar-cards {
    max-width: none;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .bended-circle {
    border-radius: 0;
  }

  .story_row-2x {
    grid-template-columns: 1fr 1fr;
  }

  .story_image-xs {
    max-width: 20.6rem;
  }

  .character.is--char1 {
    width: auto;
  }

  .paragraph-small.margin-bottom {
    margin-bottom: 2em;
  }

  .tooltip-float-v3.left {
    inset: 158% 0% auto auto;
  }

  .ui__right {
    width: 80%;
  }

  .tooltip-arrow.v3 {
    inset: -8px auto auto 20px;
    transform: rotate(90deg);
  }

  .tooltip-arrow.v3.right {
    inset: -8px 20px auto auto;
    transform: rotate(90deg);
  }

  .is-h2-big.is-txt-align-center {
    font-size: 38px;
  }

  .is-h2-big.is-txt-align-center.is-white-font-color {
    font-size: 40px;
  }

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

  .genderbread-container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .genderbread-container.is--ui {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
  }

  .link-video {
    padding-left: 3em;
    padding-right: 3em;
  }

  .tabs__link, .tabs__link.w--current {
    min-width: 330px;
    margin-bottom: 1.67em;
    padding-left: 30px;
    padding-right: 30px;
  }

  .tabs__menu {
    min-width: 330px;
  }

  .tab-heading {
    font-size: 20px;
  }

  .tabs__content {
    min-width: 350px;
  }

  .tab-paragraph {
    font-size: 16px;
  }

  .slider-container-col-12 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .slider-container-col-12.is-bright {
    min-height: auto;
  }

  .tabs {
    justify-content: center;
  }

  .tabs-nav-item-underline._01 {
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-nav-item-underline._01.w--current {
    padding: .9em 0;
  }

  .grid-link {
    height: 60em;
    font-size: 1vw;
  }

  .btn-fixed-wrapper {
    right: 1.375em;
  }

  .tabs-nav-text {
    font-size: 1em;
  }

  .grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .instagram-feed---image-wrapper {
    border-radius: 10px;
  }

  .pop-up_modal-content {
    width: 90%;
    height: auto;
  }

  .rte {
    text-align: left;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
  }

  .rte.is--left-aligned, .rte.is--left-aligned.has--max-width {
    max-width: 50rem;
  }

  .genderbread-kategorien-erkl-rt {
    grid-template-columns: 1fr;
  }

  .four-categories-component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .intro-component {
    grid-template-columns: .75fr 1fr;
  }

  .header_component {
    grid-row-gap: 0px;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .header_component.reverse-order {
    flex-direction: column;
  }

  .header_component.is--horizontal.is--vertical-tablet {
    flex-direction: column-reverse;
  }

  .header_content-left {
    grid-row-gap: 0rem;
    text-align: center;
    border-bottom: 2px #000;
    border-right-width: 0;
    align-items: center;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .header_content-left.is--50.is--full-width-tablet {
    width: 100%;
  }

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

  .genderhero_content {
    text-align: center;
  }

  .genderhero_component {
    grid-row-gap: 4rem;
    text-align: left;
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: center;
    display: flex;
  }

  .aufteilung-text {
    padding-top: 4.2375rem;
  }

  .section_hero {
    min-height: 50rem;
  }

  .home-button.w--current {
    margin-left: auto;
    margin-right: auto;
  }

  .menu-container {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .welcome-img {
    width: 100%;
    max-width: none;
    bottom: -38.6rem;
  }

  .pop-up-text {
    font-size: 1rem;
  }

  .background-video.is--absolute.is--xs {
    right: 8%;
  }

  .menu_wrap {
    font-size: 12px;
  }

  .container-switch {
    padding: 2%;
  }

  .container-switch.is-menu {
    padding-bottom: 6.5em;
  }

  .loader_top {
    border-top: 2px solid #000;
    position: absolute;
    inset: 0% 0% auto;
  }

  .container-5 {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .loader {
    justify-content: center;
    align-items: center;
  }

  .model__dots.is--uterus {
    margin-top: 27.1em;
    margin-left: 43.3em;
  }

  .model__dots.is--hodensack {
    margin-top: 40.8em;
    margin-left: 47.6em;
  }

  .model__dots.is--vorhaut {
    margin-top: 55.1em;
    margin-left: 25.8em;
  }

  .model__dots.is--eileiter {
    margin-top: 22.6em;
    margin-left: 66.9em;
  }

  .model__dots.is--vulva {
    margin-top: 3.5em;
    margin-left: 44.2em;
  }

  .model__dots.aeussere-lippen {
    margin-top: 35.3em;
    margin-left: 46.5em;
  }

  .model__dots.is--eierstoecke {
    margin-top: 27.1em;
    margin-left: 27.2em;
  }

  .model__dots.is--klitoris {
    margin-top: 3.3em;
    margin-left: 42.5em;
  }

  .model__dots.is--klitorisschaft {
    margin-top: 13.6em;
    margin-left: 45.5em;
  }

  .model__dots.is--schwellkoerper {
    margin-top: 57.2em;
    margin-left: 37.7em;
  }

  .model__dots.is--schenkel {
    margin-top: 54.6em;
    margin-left: 56.9em;
  }

  .model__dots.is--po {
    margin-top: 45.7em;
    margin-left: 51.5em;
  }

  .model__dots.is--po._2 {
    margin-top: 66.4em;
    margin-left: 40.6em;
  }

  .model__dots.is--klitoriseichel {
    margin-top: 15.9em;
    margin-left: 48.7em;
  }

  .model__dots.is--inter-variation {
    margin-top: 4.7em;
    margin-left: 44.9em;
  }

  .model__dots.is--penis {
    margin-top: 2.9em;
    margin-left: 42.5em;
    margin-right: auto;
  }

  .model__dots.is--vagina {
    margin-top: 30.7em;
    margin-left: 35.3em;
  }

  .model__dots.is--eingang-vagina {
    margin-top: 42.1em;
    margin-left: 50.8em;
  }

  .model__dots.is--harnr-hre, .model__dots.is--klitoris-eichel {
    margin-top: 29.4em;
    margin-left: 60.2em;
  }

  .model__dots.is--aeussere-innere-lippen {
    margin-top: 55.7em;
    margin-left: 39.3em;
  }

  .model__dots.is-poloch {
    margin-top: 29.4em;
    margin-left: 60.2em;
  }

  .model__dots.is--penis-eichel {
    margin-top: 64em;
  }

  .model__dots.is--polocch {
    margin-top: 11.5em;
    margin-left: 50.9em;
  }

  .tooltip__p {
    z-index: 100;
    opacity: 0;
    position: relative;
  }

  .tooltip__p.is--medium-inter.show-p {
    min-width: 80em;
    max-width: 80em;
  }

  .model__img {
    width: 100%;
  }

  .model__img.is--po._2 {
    background-image: url('./../images/po-loch-inter-kl.-Aufbau.jpg');
  }

  .model__dots-contain {
    width: 100%;
  }

  .model-wrapper {
    width: 88.7em;
  }

  .tab-menu-vertical {
    flex-direction: row;
    justify-content: center;
    margin-bottom: 10rem;
    position: relative;
    left: 0;
  }

  .heading-section {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 5rem;
  }

  .heading-section.text-align-left.align-center-mobile {
    text-align: center;
  }

  .heading-section.margin-bottom-m {
    margin-bottom: 5rem;
  }

  .gender-bread-card {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .kontakt-button.w--current {
    margin-left: auto;
    margin-right: auto;
  }

  .is--nav-distance {
    padding-top: 5rem;
  }

  .hinweis {
    display: none;
  }

  .paragrap-p2m {
    font-size: 11.75em;
  }

  .columns.is--vertica-tablet {
    display: flex;
  }

  .data-privacy-heading {
    text-align: center;
    display: block;
  }

  .textarea {
    box-shadow: 4px 4px 0 0 var(--black-2);
    border: 1px solid #000;
    border-radius: 5px;
    min-height: 15rem;
    margin-top: 2rem;
    font-family: Cabinet Grotesk, sans-serif;
  }

  .textarea::placeholder {
    color: var(--black);
  }

  .text-field {
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 4px 4px #000;
  }

  .form-contact {
    z-index: 10;
    min-width: 400px;
    position: relative;
  }

  .send-button {
    background-color: var(--khaki);
    color: var(--black);
    border: 1px solid #000;
    border-radius: 5px;
    font-family: Cabinet Grotesk, sans-serif;
    font-weight: 800;
    box-shadow: 4px 4px #000;
  }

  .padding-genderbread {
    padding-top: 8.5rem;
    padding-bottom: 6rem;
  }

  .pop-up_modal-content-2 {
    width: 90%;
    height: auto;
  }

  .help-btn.w--current {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 3.5rem;
  }

  h2, h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1rem;
  }

  p {
    font-size: 1.25rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

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

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

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

  .fs-styleguide_heading-large {
    font-size: 3rem;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

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

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

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

  .heading-style-h4 {
    font-size: 1rem;
  }

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

  .heading-style-h6 {
    font-size: .75rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .fs-styleguide_version, .heading-style-h5 {
    font-size: .875rem;
  }

  .main-wrapper {
    display: none;
  }

  .text-size-medium.text-weight-medium {
    font-size: 1.65rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .navbar_main {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .intro_component {
    display: block;
  }

  .story_item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .game-title-wrapper {
    border-radius: .5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    left: -.5rem;
  }

  .parralax_icon.is-coins, .parralax_icon.is-brush, .parralax_icon.is--eyes, .parralax_icon.is--rose, .parralax_icon.is--paws {
    max-height: 8rem;
  }

  .parralax_icon.is--stars, .parralax_icon.is--stars-second {
    width: 7.5em;
  }

  .parralax_icon.is-smiley {
    max-height: 8rem;
  }

  .testimonial_image-wrapper {
    max-width: 28rem;
  }

  .footer_grid {
    grid-row-gap: 3rem;
    grid-template-columns: 1.5fr;
  }

  .footer_top-right {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .sell_component {
    grid-template-columns: 1fr;
  }

  .intro_text, .intro-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .main-shapes-wrapper, .blending-group-wrapper {
    filter: blur(80px);
  }

  .shape-3 {
    width: 30em;
    height: 100em;
  }

  .heading-hero.text-align-center {
    font-size: 4.75rem;
  }

  .genderbread-img {
    max-width: 16.5rem;
  }

  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section.small-padding {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .glossary-term {
    width: 100%;
    margin-right: 0%;
  }

  .glossary-links-wrap {
    width: 100%;
  }

  .glossary-inner {
    flex-direction: column;
  }

  .glossary-h2 {
    text-align: left;
    max-width: 100%;
  }

  .container-glossar-cards {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .features_speech-2 {
    border-radius: .5rem;
    padding: 1rem;
    left: -.5rem;
  }

  .bended-circle {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .character.is--char1 {
    width: 100%;
    margin-top: 7.3em;
    margin-bottom: 7.3em;
  }

  .tooltip-float-v3.left {
    display: none;
    inset: 62% auto auto -1103%;
  }

  .ui__right {
    width: 100%;
    font-size: 1.4em;
  }

  .tooltip-arrow.v3 {
    inset: -8px auto auto 15px;
    transform: rotate(90deg);
  }

  .form-field {
    width: 50%;
    height: 50px;
    margin-bottom: 10px;
  }

  .form-field.slider {
    width: 100%;
    margin-bottom: 0;
  }

  .is-h2-big {
    font-size: 2.5rem;
  }

  .is-h2-big.is-txt-align-center, .is-h2-big.is-txt-align-center.is-white-font-color {
    font-size: 7.47em;
    line-height: 1.43;
  }

  .slider-container {
    width: 100%;
    padding-top: 0;
  }

  .button-tooltip {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .ui__left {
    width: 100%;
    font-size: 1.4em;
  }

  .genderbread-section.is--ui-section {
    height: auto;
  }

  .genderbread-container.is--ui {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 14.01em 11vw 8px;
    font-size: 11px;
    overflow: visible;
  }

  .overflow-video.hide-mobile {
    display: none;
  }

  .section-video.is--hero {
    flex-direction: column;
  }

  .play_contain {
    font-size: 16px;
  }

  .card {
    width: 100%;
    height: 33.3333%;
    transition-duration: .4s, .4s;
  }

  .card.is--closed {
    width: 100%;
    height: 0%;
  }

  .card.is--open {
    height: 100%;
  }

  .section-glossary {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .tab-heading {
    color: #fff;
    font-size: 5.33em;
  }

  .tabs-link__title {
    margin-bottom: 4.27em;
  }

  .tab-paragraph {
    margin-top: 0;
    font-size: 4.27em;
    font-weight: 400;
  }

  .slider-container-col-12 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .slider-container-col-12.is-bright {
    min-height: 7em;
    padding: 17.33em 6.4em;
  }

  .slider-container-col-12.is-bright.is-padding-t120-b80 {
    display: none;
  }

  .tabs-nav-item-underline._01.w--current {
    margin-right: 0;
  }

  .btn-fixed-wrapper {
    top: 8.1em;
    bottom: auto;
  }

  .btn-fixed-wrapper.is-home {
    top: auto;
    bottom: 3.625em;
  }

  .table-row {
    flex-direction: column;
    align-items: flex-start;
    min-height: 30em;
  }

  .tabs-menu-underline-wrapper {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .insta-card.instagram-feed-link-card {
    border-radius: 12px;
    padding: 16px;
  }

  .insta-card.instagram-feed-link-card.bg-1, .insta-card.instagram-feed-link-card.bg-2, .insta-card.instagram-feed-link-card.bg-3, .insta-card.instagram-feed-link-card.bg-3, .insta-card.instagram-feed-link-card.bg-1, .insta-card.instagram-feed-link-card.bg-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .grid-3-columns._2-col-mbl {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns._2-col-mbl.gap-32px {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .grid-1-column.gap-row-32px.gap-row-16px-mbp {
    grid-row-gap: 24px;
  }

  .heading-h5-size {
    font-size: 16px;
    line-height: 22px;
  }

  .heading-h5-size.instagram-link-title {
    font-size: 14px;
  }

  .modal-close_btn {
    font-size: 1.8rem;
  }

  .pop-up_modal-content {
    width: 90%;
    height: auto;
  }

  .rte {
    text-align: left;
  }

  .genderbread-kategorien-erkl-rt {
    grid-template-columns: 1fr;
  }

  .link_heading-2 {
    transition-duration: .4s;
  }

  .link_heading-2.is--open {
    font-size: 12em;
  }

  .intro-component {
    grid-template-columns: 1fr;
  }

  .header_content-right, .header_content-left {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .workshop_image-wrapper {
    width: 24.584rem;
    height: 25.55rem;
  }

  .loop_component {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
  }

  .aufteilung-text {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section_hero {
    min-height: 35.85rem;
    padding-top: 12.5rem;
  }

  .menu-icon-wrapper {
    border-radius: 1rem;
    width: 9.375rem;
    margin-right: auto;
  }

  .menu-nav-link {
    text-align: center;
  }

  .nav-menu-text {
    font-size: 4.5rem;
  }

  .menu-container {
    flex-direction: row;
    justify-content: space-between;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .menu-buger {
    padding: 1rem;
  }

  .welcome-img {
    bottom: -24.8rem;
  }

  .pop-up-text {
    font-size: 1rem;
    font-weight: 700;
  }

  .hero__card-fill {
    width: 100%;
  }

  ._3-container.is--hero {
    flex-direction: column;
    height: auto;
    min-height: auto;
    max-height: none;
    padding-top: 12.3em;
  }

  .hero__card {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
    position: relative;
  }

  .hero__right {
    width: 42em;
    margin-top: 7.2em;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .progress-bar__static-container {
    width: 200px;
    height: 200px;
  }

  .progress-bar__image-wrapper {
    padding: 40px;
  }

  .progress-bar__mask.cc-left-mask {
    width: 100px;
    height: 200px;
    right: 100px;
  }

  .progress-bar__mask.cc-right-mask, .progress-bar__mask.cc-right-mask.cc-blue-border {
    width: 100px;
    height: 200px;
    left: 100px;
  }

  .popup-text {
    font-size: 15px;
  }

  .progress-bar {
    width: 200px;
    height: 200px;
  }

  .hero__right-2, .model-wrapper {
    width: 42em;
    margin-top: 7.2em;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .heading-section {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 4rem;
  }

  .gender-bread-card {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .is--nav-distance {
    padding-top: 5.5rem;
  }

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

  .hinweis-text {
    text-align: center;
    max-width: 480px;
    font-family: Cabinet Grotesk, sans-serif;
    font-size: 3rem;
  }

  .menu-nav-links {
    text-align: center;
  }

  .nav-menu-text-2 {
    font-size: 4.5rem;
  }

  .paragrap-p2m {
    font-size: 15.15em;
  }

  .pop-up_modal-content-2 {
    width: 90%;
    height: auto;
  }

  .rte-2 {
    max-width: 26.5rem;
    font-size: 1rem;
  }
}

@media screen and (max-width: 479px) {
  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

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

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

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

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

  .padding-section-large {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .padding-section-large.padding-global {
    padding: 2rem 1.25rem;
  }

  .text-size-medium.text-weight-medium {
    font-size: .875rem;
  }

  .padding-section-medium {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .story_item.is-small {
    width: 100%;
    max-width: 320px;
  }

  .intro_row {
    flex-direction: column;
    display: flex;
  }

  .intro_row.is-xlarge {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .game-title-wrapper {
    left: auto;
  }

  .story_image {
    max-width: 100%;
    position: relative;
  }

  .parralax_icon.is-tv {
    max-height: 8rem;
    right: -2rem;
  }

  .parralax_icon.is-heart {
    max-height: 6rem;
    left: -1rem;
  }

  .parralax_icon.is-genderbread {
    width: 6rem;
    top: -1rem;
    right: -.4em;
  }

  .parralax_icon.is-green-hand {
    width: 8.1rem;
    inset: auto 1rem 1rem auto;
  }

  .parralax_icon.is-blue-hand {
    margin-left: auto;
    margin-right: auto;
    inset: auto auto .5rem 1rem;
  }

  .parralax_icon.is-smiley {
    width: 8.7em;
    left: 6.6em;
  }

  .parralax_icon.floating-heart {
    z-index: 6;
    max-height: 6rem;
    inset: auto -2.25rem 23.9rem auto;
  }

  .parralax_icon.heart {
    max-height: 6rem;
    top: -5.5rem;
    left: -1rem;
  }

  .parralax_icon.other-icon {
    z-index: 0;
    max-height: 6rem;
    left: -1.1rem;
  }

  .parralax_icon.is-coins {
    bottom: 4.2rem;
    left: auto;
    right: 3rem;
  }

  .parralax_icon.is-brush {
    max-height: 6rem;
    top: 3rem;
  }

  .parralax_icon.is-tag2 {
    bottom: 2rem;
    right: -1rem;
  }

  .parralax_icon.is-hand, .parralax_icon.is--hair-1, .parralax_icon.is--accessoire {
    max-height: 8rem;
  }

  .parralax_icon.is-heart-small {
    max-height: 6rem;
    left: -1rem;
  }

  .parralax_icon.is--rose, .parralax_icon.is--paws {
    max-height: 6rem;
    top: 3rem;
  }

  .parralax_icon.is--lionhead {
    max-height: 8rem;
  }

  .parralax_icon.is--stars {
    max-height: 8rem;
    right: 1.1rem;
  }

  .parralax_icon.is--stars-second {
    max-height: 8rem;
    bottom: 6.8rem;
    left: 1.8rem;
    right: auto;
  }

  .parralax_icon.is-smiley {
    max-height: 6rem;
    top: 3rem;
  }

  .parralax_icon.is-paomi-smiley, .parralax_icon.is--shoe {
    width: 8.7em;
    left: 6.6em;
  }

  .testimonial_component {
    flex-direction: column;
    display: flex;
  }

  .testimonial_content {
    display: block;
  }

  .text-size-xxlarge.is--rte p {
    text-align: center;
  }

  .story_image-wrapper {
    padding: 0;
  }

  .sell_content-right {
    width: 100%;
    padding: 3rem 1.25rem;
  }

  .sell_component {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .sell_content-left {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section-heading {
    font-size: 2.75rem;
  }

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

  .shape-4 {
    top: 30.7em;
  }

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

  .heading-hero.text-align-center {
    font-size: 2.95rem;
    line-height: .9;
  }

  .heading-hero.text-align-center.has-max-width-mobile {
    max-width: 21.5rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 4rem;
  }

  .img-bubble {
    width: 14rem;
    height: auto;
    top: .1rem;
  }

  .glossary-list {
    flex-direction: column;
    justify-content: flex-start;
  }

  .section.small-padding {
    padding-top: 1.5rem;
  }

  .glossary-links-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: 0;
    display: grid;
  }

  .glossary-inner {
    padding: 1.65rem;
  }

  .glossary-h2 {
    text-align: left;
    max-width: none;
  }

  .story_row-2x {
    flex-direction: column;
    display: flex;
  }

  .story_image-xs {
    max-width: 100%;
    position: relative;
  }

  .tooltip-v3 {
    min-width: 300px;
    max-width: 300px;
  }

  .tooltip-float-v3 {
    min-width: 300px;
  }

  .tooltip-float-v3.left {
    left: -825%;
  }

  .tooltip-arrow.v3.right {
    inset: -8px auto auto 20px;
  }

  .form-field {
    border-bottom-style: solid;
    border-bottom-color: #ffffff80;
    width: 50%;
    height: 40px;
    font-size: 12px;
  }

  .form-field::placeholder {
    font-size: 12px;
  }

  .form-field.slider {
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .button-tooltip {
    padding: 15px 34px 16px;
  }

  .genderbread-section.is--ui-section {
    height: auto;
  }

  .genderbread-container.is--ui {
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: 2.2vw;
  }

  .section-glossary {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .list-image-view {
    width: 6.25em;
    height: 3.75em;
  }

  .tabs-nav-item-underline {
    grid-row-gap: .5em;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  .tabs-nav-item-underline.w--current {
    flex-direction: row;
    width: 100%;
  }

  .tabs-nav-item-underline._01 {
    justify-content: flex-start;
  }

  .btn-fixed-wrapper {
    top: 18.5em;
    bottom: auto;
    right: 5.94em;
  }

  .tabs-menu-underline-wrapper {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .mg-bottom-24px {
    margin-bottom: 16px;
  }

  .grid-3-columns, .grid-3-columns._2-col-mbl {
    grid-template-columns: 1fr;
  }

  .grid-3-columns._2-col-mbl.gap-32px {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .grid-1-column.gap-row-32px.gap-row-16px-mbp {
    grid-row-gap: 16px;
  }

  .heading-h5-size.instagram-link-title {
    font-size: 16px;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-modal.modal-open_btn:focus {
    border: 2px solid #ff9500;
  }

  .pop-up_modal-content {
    padding: 5rem 1rem;
  }

  .pop-up-button.display-inlineflex {
    justify-content: center;
    align-self: flex-start;
    min-width: 0;
  }

  .rte p {
    font-size: 1rem;
  }

  .rte.is--left-aligned.has--max-width {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .genderbread-kategorien-erkl-rt {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .four-categories-component {
    flex-direction: column;
    display: flex;
  }

  .link_heading-2 {
    font-size: 3em;
  }

  .link_heading-2.is--open {
    font-size: 9em;
  }

  .intro-component {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .header_content-right.no-padding-bottom-mobile {
    padding-bottom: 0;
  }

  .workshop_image-wrapper {
    width: 19.6672rem;
    height: 20.44rem;
  }

  .section-game-selection {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sign-language-icon {
    margin-left: 0;
  }

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

  .section_hero {
    height: 34rem;
    min-height: 0;
    padding-top: 0;
  }

  .menu-icon-wrapper {
    width: 4.8875rem;
  }

  .nav-menu-text {
    font-size: 2rem;
    text-decoration: underline;
  }

  .menu-content {
    justify-content: flex-start;
  }

  .menu-content.is--open {
    padding-left: 20px;
    padding-right: 30px;
  }

  .menu-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-image-wrapper {
    flex-direction: column;
  }

  .heading-image-wrapper.is--hero {
    padding-top: 6rem;
  }

  .welcome-img {
    margin-top: 2rem;
    position: relative;
    inset: auto 0% 3.3rem;
  }

  .pop-up-text {
    font-size: .9rem;
    line-height: 1;
    display: none;
  }

  .background-video {
    width: 14.21rem;
    height: 14.21rem;
  }

  .background-video.is--second {
    width: 14.2151rem;
    height: 14.2151rem;
  }

  .bike__line-wide {
    width: 3em;
    margin-left: -3.5em;
  }

  .bike__line-wide.under {
    width: 4em;
    margin-top: -2.4em;
    margin-left: 1.8em;
  }

  .bike__line-wide.center {
    margin-left: 11.4em;
  }

  .bike__line-wide.left {
    width: 9em;
  }

  .bike__dots.is--4 {
    margin-top: 19.5em;
    margin-left: 42.8em;
  }

  .hero__card-fill {
    padding: 2.8em 3.5em;
  }

  .bike__p {
    opacity: 0;
  }

  .hero__button {
    font-size: 1.4em;
  }

  .hero__icon {
    width: 4.5em;
    margin-top: -.3em;
    margin-left: -.6em;
  }

  .bike__text {
    margin-left: 6.2em;
    font-size: 1.8em;
  }

  .bike__text.under {
    margin-top: 6.9em;
    margin-left: -2.6em;
  }

  .bike__text.left {
    margin-left: -16.9em;
  }

  .bike__text.center {
    text-align: right;
    margin-left: -10.6em;
  }

  .hero__column {
    font-size: 1.5em;
  }

  ._3-container.is--hero {
    padding-top: 15.4em;
  }

  .hero__card {
    margin-top: 5.5em;
  }

  .hero__left {
    width: 91%;
  }

  .hero__right {
    width: 100%;
    margin-top: 8.4em;
  }

  .bike__dot {
    font-size: 1.8em;
  }

  .menu_wrap {
    font-size: 3vw;
  }

  .container-switch {
    padding: 3%;
  }

  .container-switch.is-menu {
    padding-bottom: 8%;
  }

  .button-modal-2.modal-open_btn:focus {
    border: 2px solid #ff9500;
  }

  .subpages-link {
    flex-direction: column;
    align-items: center;
  }

  .loader_number {
    font-size: 40vw;
  }

  .pop-text-wrapper {
    margin-top: 20px;
  }

  .popup-text {
    font-size: 14px;
  }

  .model__line-wide {
    width: 3em;
    margin-left: -3.5em;
  }

  .model__line-wide.under {
    width: 4em;
    margin-top: -2.4em;
    margin-left: 1.8em;
  }

  .model__line-wide.center {
    margin-left: 11.4em;
  }

  .model__line-wide.left {
    width: 9em;
  }

  .model__dot {
    font-size: 1.8em;
  }

  .model__dots.is--4 {
    margin-top: 19.5em;
    margin-left: 42.8em;
  }

  .model__text {
    margin-left: 6.2em;
    font-size: 1.8em;
  }

  .model__text.under {
    margin-top: 6.9em;
    margin-left: -2.6em;
  }

  .model__text.left {
    margin-left: -16.9em;
  }

  .model__text.center {
    text-align: right;
    margin-left: -10.6em;
  }

  .tooltip__p {
    opacity: 0;
  }

  .hero__right-2, .model-wrapper {
    width: 100%;
    margin-top: 8.4em;
  }

  .heading-section {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 2.75rem;
  }

  .heading-section.margin-bottom-m {
    margin-bottom: 2rem;
  }

  .heading-section.is--secondary.text-align-left.align-center-mobile {
    font-size: 2.75rem;
  }

  .heading-section.margin-bottom-l {
    margin-bottom: 3rem;
  }

  .gender-cards {
    padding: 0;
  }

  .kontakt-button {
    width: 4.8875rem;
  }

  .menu-link-text {
    font-size: 1rem;
  }

  .submenu-link {
    margin-bottom: .5rem;
    font-size: .9rem;
  }

  .is--nav-distance {
    padding-top: 5.5rem;
  }

  .hinweis-text {
    max-width: 320px;
    font-size: 2rem;
  }

  .menu-content-2 {
    justify-content: flex-start;
  }

  .nav-menu-text-2 {
    font-size: 2rem;
    text-decoration: underline;
  }

  .subpages-links {
    flex-direction: column;
    align-items: center;
  }

  .subpage-link-bg {
    margin-bottom: .5rem;
    font-size: .9rem;
  }

  .datenschutz-text {
    overflow: hidden;
  }

  .column-5 {
    position: static;
  }

  .paragrap-p2m {
    letter-spacing: normal;
    font-size: 31em;
  }

  .pop-up_modal-content-2 {
    padding: 5rem 1rem;
  }

  .rte-2 {
    max-width: 18.75rem;
    font-size: .9rem;
    font-weight: 500;
  }

  .overlay-help {
    background-color: #f0f0f0;
  }

  .help-btn {
    width: 4.8875rem;
  }
}

#w-node-a5152453-7dd6-a705-d848-c3965d2f42dd-41084bb1 {
  place-self: center;
}

#w-node-ed5136ab-90ae-b427-95f1-65889a15b27f-41084bb1, #w-node-ed5136ab-90ae-b427-95f1-65889a15b26e-41084bb1 {
  align-self: stretch;
}

#w-node-ed5136ab-90ae-b427-95f1-65889a15b2a1-41084bb1 {
  place-self: auto center;
}

#w-node-ed5136ab-90ae-b427-95f1-65889a15b2a2-41084bb1 {
  place-self: stretch stretch;
}

#w-node-_237d24fe-bc97-617c-0f37-f10d197936ae-41084bb1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-ed5136ab-90ae-b427-95f1-65889a15b2c2-41084bb1, #w-node-cac6fbc4-531c-55f1-83cd-82cd1e15c2cc-1e15c2c6, #w-node-cac6fbc4-531c-55f1-83cd-82cd1e15c2da-1e15c2c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1b02624c-4084-bab3-6913-ec35f03225cd-1e15c2c6, #w-node-d50a23c5-88d5-9526-0008-cd86583a8ddb-1e15c2c6, #w-node-_1fbfd470-81a2-63c0-a219-568bca01c571-1e15c2c6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cac6fbc4-531c-55f1-83cd-82cd1e15c2fb-1e15c2c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-cac6fbc4-531c-55f1-83cd-82cd1e15c301-1e15c2c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-41084bb4 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-41084bb4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-41084bb4 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-41084bb4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-41084bb4 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-41084bb4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-41084bb4 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8a-41084bb4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8b-41084bb4 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8d-41084bb4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc90-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc95-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc9a-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccaf-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb4-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb9-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccbe-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc3-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc8-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd2-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd7-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccdc-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce1-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce6-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cceb-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf0-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf5-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccfa-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccff-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd04-41084bb4 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd08-41084bb4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd09-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd0e-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd13-41084bb4, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd18-41084bb4 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-41084bb4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-41084bb4 {
  justify-self: start;
}

#w-node-_865797c6-cc13-1b40-cf1b-590e08778383-419b1cd0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-_865797c6-cc13-1b40-cf1b-590e08778384-419b1cd0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_19e15383-612b-1d4a-5b51-147d8e8a3f48-419b1cd0 {
  align-self: stretch;
}

#w-node-fdf28653-e31c-3d32-cb66-3cfb9eb6f6f7-7b5dca23 {
  place-self: stretch start;
}

#w-node-fdf28653-e31c-3d32-cb66-3cfb9eb6f70c-7b5dca23, #w-node-fdf28653-e31c-3d32-cb66-3cfb9eb6f755-7b5dca23, #w-node-f3b276c4-1386-10b3-e322-ac5b8d974836-c8005f8b, #w-node-f3b276c4-1386-10b3-e322-ac5b8d974825-c8005f8b {
  align-self: stretch;
}

#w-node-f3b276c4-1386-10b3-e322-ac5b8d974852-c8005f8b {
  place-self: stretch stretch;
}

#w-node-f3b276c4-1386-10b3-e322-ac5b8d974858-c8005f8b {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-be978542-b873-a612-ed1d-5b4835ffa841-c8005f8b {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#identitaet.w-node-be978542-b873-a612-ed1d-5b4835ffa842-c8005f8b, #geschlechtsausdruck.w-node-be978542-b873-a612-ed1d-5b4835ffa89a-c8005f8b, #biologisches-gender.w-node-be978542-b873-a612-ed1d-5b4835ffa8e4-c8005f8b, #orientierung.w-node-be978542-b873-a612-ed1d-5b4835ffa906-c8005f8b {
  justify-self: stretch;
}

#w-node-f3b276c4-1386-10b3-e322-ac5b8d97486b-c8005f8b {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-ebe87721-9230-b5ee-e8b2-dcb37096f6bb-91d7f90e {
  place-self: stretch stretch;
}

#w-node-ebe87721-9230-b5ee-e8b2-dcb37096f6be-91d7f90e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_24d93a4e-af9d-f0f2-d003-75b0c2428db5-91d7f90e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_51aeb67d-7b54-d68c-fb49-5b3c3557afde-91d7f90e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67b9b140-5357-b926-a900-040c56d5b522-91d7f90e, #w-node-_51aeb67d-7b54-d68c-fb49-5b3c3557afdf-91d7f90e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_51aeb67d-7b54-d68c-fb49-5b3c3557afdb-91d7f90e {
  place-self: stretch stretch;
}

#w-node-fea663a5-2a3b-5661-946e-47e66b40fa3b-2cdc3520, #w-node-_77cf396a-e8d6-a912-b00a-a93c487d96b2-2cdc3520 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77cf396a-e8d6-a912-b00a-a93c487d96bf-2cdc3520 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_77cf396a-e8d6-a912-b00a-a93c487d96d4-2cdc3520 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-f3b276c4-1386-10b3-e322-ac5b8d974825-b71ab552, #w-node-f3b276c4-1386-10b3-e322-ac5b8d974836-b71ab552 {
  align-self: stretch;
}

#w-node-f3b276c4-1386-10b3-e322-ac5b8d974852-b71ab552 {
  place-self: stretch stretch;
}

#w-node-f3b276c4-1386-10b3-e322-ac5b8d974858-b71ab552 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f3b276c4-1386-10b3-e322-ac5b8d97486b-b71ab552, #w-node-f3b276c4-1386-10b3-e322-ac5b8d974899-b71ab552 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-_4edf3430-0204-88ac-7b5e-db73adda4ad7-22c9de13 {
  align-self: stretch;
}

#w-node-f56fd135-e23c-e7c5-095f-4beeaed976e1-9752d2d6 {
  place-self: stretch start;
}

#w-node-f56fd135-e23c-e7c5-095f-4beeaed976f6-9752d2d6, #w-node-f56fd135-e23c-e7c5-095f-4beeaed9773f-9752d2d6 {
  align-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-a5152453-7dd6-a705-d848-c3965d2f42dd-41084bb1 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-ed5136ab-90ae-b427-95f1-65889a15b290-41084bb1 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-cbf4202d-50d8-db01-9829-debe3eb3cadd-41084bb1, #w-node-ed5136ab-90ae-b427-95f1-65889a15b2a1-41084bb1 {
    justify-self: center;
  }

  #w-node-_237d24fe-bc97-617c-0f37-f10d197936ae-41084bb1 {
    grid-column: span 1 / span 1;
  }

  #w-node-ed5136ab-90ae-b427-95f1-65889a15b2d3-41084bb1 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_865797c6-cc13-1b40-cf1b-590e08778383-419b1cd0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: stretch;
  }

  #w-node-_6fb27fb9-f78d-7fe8-5650-5712e319274a-419b1cd0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_6fb27fb9-f78d-7fe8-5650-5712e319275b-419b1cd0 {
    justify-self: center;
  }

  #w-node-_58b326d1-f895-6998-61a7-4c808a20a8b0-c8005f8b {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_58b326d1-f895-6998-61a7-4c808a20a8c1-c8005f8b {
    justify-self: center;
  }

  #w-node-f3b276c4-1386-10b3-e322-ac5b8d974840-c8005f8b {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-f3b276c4-1386-10b3-e322-ac5b8d974851-c8005f8b {
    justify-self: center;
  }

  #w-node-f3b276c4-1386-10b3-e322-ac5b8d974858-c8005f8b, #w-node-be978542-b873-a612-ed1d-5b4835ffa841-c8005f8b {
    grid-column: span 1 / span 1;
  }

  #w-node-_2df89f95-dbd6-2d9f-cbd6-113b9c9878e8-c8005f8b {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_2df89f95-dbd6-2d9f-cbd6-113b9c987933-c8005f8b {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_4d93d26a-c3ac-6daf-e26b-093a7fc75f2e-c8005f8b {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ebe87721-9230-b5ee-e8b2-dcb37096f6be-91d7f90e, #w-node-_51aeb67d-7b54-d68c-fb49-5b3c3557afde-91d7f90e {
    grid-column: span 1 / span 1;
  }

  #w-node-_58b326d1-f895-6998-61a7-4c808a20a8b0-b71ab552 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_58b326d1-f895-6998-61a7-4c808a20a8c1-b71ab552 {
    justify-self: center;
  }

  #w-node-f3b276c4-1386-10b3-e322-ac5b8d974840-b71ab552 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-f3b276c4-1386-10b3-e322-ac5b8d974851-b71ab552 {
    justify-self: center;
  }

  #w-node-f3b276c4-1386-10b3-e322-ac5b8d974858-b71ab552, #w-node-f3b276c4-1386-10b3-e322-ac5b8d974899-b71ab552 {
    grid-column: span 1 / span 1;
  }

  #w-node-f3b276c4-1386-10b3-e322-ac5b8d9748d9-b71ab552 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_58b326d1-f895-6998-61a7-4c808a20a8b0-6ba0a751 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_58b326d1-f895-6998-61a7-4c808a20a8c1-6ba0a751 {
    justify-self: center;
  }

  #w-node-_58b326d1-f895-6998-61a7-4c808a20a8b0-3c42bb7a {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_58b326d1-f895-6998-61a7-4c808a20a8c1-3c42bb7a {
    justify-self: center;
  }

  #w-node-_58b326d1-f895-6998-61a7-4c808a20a8b0-22c9de13 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_58b326d1-f895-6998-61a7-4c808a20a8c1-22c9de13 {
    justify-self: center;
  }

  #w-node-_58b326d1-f895-6998-61a7-4c808a20a8b0-07f4eb7b {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_58b326d1-f895-6998-61a7-4c808a20a8c1-07f4eb7b {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-cac6fbc4-531c-55f1-83cd-82cd1e15c2fb-1e15c2c6 {
    grid-area: 5 / 1 / 6 / 2;
  }
}


@font-face {
  font-family: 'Typefesse Claire Obscure';
  src: url('./../fonts/typefesse_claire-obscure.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Typefesse Pleine';
  src: url('./../fonts/typefesse_pleine.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('./../fonts/cabinetgrotesk-variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}