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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
  --text-color--text-color-midnight-blue: var(--midnight-blue);
  --midnight-blue: #080a41;
  --white: white;
  --dark: #1f1f1f;
  --light-blue: #9bd1dc;
  --slate-grey: #557587;
  --salmon: #ed7362;
  --gold: #ffcd00;
  --almost-black: #2b2b2e;
  --border--border-color-header: #c2c3e0;
  --magenta: #f02b87;
  --grey: #7b7b7b;
  --text-color--text-color-white: var(--white);
  --border--border-color-white: var(--white);
  --text-color--text-color-grey: var(--grey-portfolio-page);
  --background--background-color-midnight-blue: var(--midnight-blue);
  --vision-link-padding: 100px;
  --background--background-color-white: var(--white);
  --vision-link-text-size: 5.5svw;
  --lavender: #afb1ff;
  --background--background-color-lavender: var(--lavender);
  --background--background-color-spotify: #6f00ff;
  --background--background-color-magenta: var(--magenta);
  --border--border-color-lavender: var(--lavender);
  --mobile-menu-border-radius-bottom-left: 27px;
  --lime: #bae50d;
  --border-width: 1px;
  --grey-portfolio-page: #aaabc6;
  --background--background-color-lime: var(--lime);
  --skill-orange: #d6ab93;
  --skill-blue: #a1b5cd;
  --skill-green: #bccfb1;
  --skill-purple: #af8cca;
  --cms-card-padding: 0px;
  --menu-shape-color: #f02b87;
  --background--background-color-almost-black: var(--almost-black);
  --background--background-color-skill-blue: var(--skill-blue);
  --background--background-color-skill-orange: var(--skill-orange);
  --background--background-color-sill-purple: var(--skill-purple);
  --border--border-color-midnight-blue: var(--midnight-blue);
}

.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-formrecaptcha {
  margin-bottom: 8px;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

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

h1 {
  color: var(--text-color--text-color-midnight-blue);
  letter-spacing: -2.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 5.5svw;
  font-weight: 400;
  line-height: 1.2em;
}

h2 {
  color: var(--midnight-blue);
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 5.5svw;
  font-weight: 400;
  line-height: 1.2em;
}

h3 {
  color: var(--text-color--text-color-midnight-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 2.2svw;
  font-weight: 400;
  line-height: 1.1em;
}

h4 {
  color: var(--text-color--text-color-midnight-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 1.86svw;
  font-weight: 400;
  line-height: 1.2em;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 1.73svw;
  font-weight: 400;
  line-height: 1.45em;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

p {
  color: var(--text-color--text-color-midnight-blue);
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.51svw;
  line-height: 1.4em;
}

a {
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  color: var(--text-color--text-color-midnight-blue);
  font-family: Inter, sans-serif;
  font-size: 1.51svw;
  line-height: 1.4em;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.c-section {
  z-index: 3;
  padding-top: 139px;
  padding-bottom: 80px;
  position: relative;
}

.c-section.cc-images {
  z-index: 5;
  background-color: var(--white);
  background-image: url('../images/Frame-31-2_min.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  overflow: hidden;
}

.c-section.cc-hero1 {
  height: 100vh;
  min-height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.c-section.cc-hero2 {
  height: 140vh;
}

.c-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 7%;
  padding-right: 7%;
}

.c-text-1 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 33px;
  font-weight: 700;
  line-height: 43px;
}

.c-text-1.cc-allcaps {
  text-transform: uppercase;
}

.c-text-1.cc-underline {
  text-decoration: underline;
}

.c-text-1.cc-dark {
  color: var(--dark);
}

.c-title-1 {
  color: var(--white);
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 120px;
}

.c-title-1.cc-text-align-center {
  text-align: center;
  font-size: 75px;
}

.c-title-2 {
  width: 50vw;
  color: var(--white);
  text-align: justify;
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 100;
  line-height: 30px;
}

.c-title-2.cc-centered {
  text-align: center;
}

.c-title-2.cc-hero3-top-text {
  text-align: justify;
  width: auto;
  max-width: 850px;
  font-size: 30px;
  line-height: 35px;
}

.c-text-2 {
  color: var(--white);
  font-family: Rocksalt, sans-serif;
  font-size: 33px;
  line-height: 43px;
}

.c-text-2.cc-dark {
  color: var(--dark);
}

.c-title-4 {
  color: var(--dark);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  line-height: 42px;
}

.c-title-4.cc-centered {
  text-align: center;
}

.c-text-3 {
  color: #fff;
  letter-spacing: -1px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.c-text-3.c-text-align-center {
  text-align: justify;
}

.c-text-3.cc-slide {
  color: var(--dark);
  font-weight: 700;
  line-height: 43px;
}

.c-text-3.cc-slide.cc-alt {
  font-family: Rock Salt;
  font-weight: 400;
}

.c-text-3.cc-slide.cc-light {
  color: var(--white);
}

.c-submit-button {
  width: 346px;
  color: var(--dark);
  background-color: #fed300;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: block;
}

.c-text-link {
  color: var(--dark);
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  display: none;
}

.c-text-link.cc-blue {
  color: #2360d4;
}

.c-text-link.cc-karriere {
  color: var(--white);
  font-size: 14px;
}

.c-body {
  height: 100vh;
}

.c-head_bg {
  z-index: 1;
  filter: blur(3px);
  width: 150vw;
  height: 150vh;
  transform-style: preserve-3d;
  background-image: linear-gradient(#0003, #0003), url('../images/62cc4cd372640f946da34a6c_SDL_6182-opt-min.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  display: flex;
  position: static;
  inset: 0 0% 0%;
  transform: rotateX(.001deg)rotateY(0)rotateZ(0);
}

.c-selection {
  z-index: 4;
  background-image: url('../images/crumple.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 900px;
  padding-top: 245px;
  padding-bottom: 235px;
  display: none;
  position: relative;
}

.c-selection.cc-last {
  background-image: url('../images/crumple_min.jpeg');
  display: none;
  overflow: hidden;
}

.c-selection_wrapper {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.c-selection_item {
  z-index: 3;
  color: #000;
  text-transform: uppercase;
  background-color: #fdf1f0;
  border: 10px solid #ef8071;
  border-radius: 300px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 360px;
  max-width: 420px;
  height: 360px;
  max-height: 420px;
  padding-bottom: 64px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.c-selection_item.cc-pragmatic {
  background-color: #ebf5fc;
  border-color: #a0d3dd;
}

.c-selection_item.cc-unleashed {
  background-color: #fdf1e3;
  border-color: #fed300;
}

.c-selection_item.cc-mobile {
  display: none;
}

.c-selection_img {
  width: 112px;
  margin-bottom: 12px;
  position: absolute;
  inset: 50px 0% auto 119px;
}

.c-vials {
  flex-wrap: nowrap;
  flex: none;
  align-items: center;
  display: flex;
  position: absolute;
  top: 54px;
}

.c-vials.cc-badge {
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
  top: 35px;
}

.c-vials_left {
  width: 72px;
  margin-top: -27px;
  margin-right: -18px;
}

.c-vials_left.cc-badge {
  width: 67px;
}

.c-vials_right {
  width: 72px;
  margin-left: -8px;
}

.c-vials_right.cc-badge {
  width: 67px;
}

.c-parachute {
  width: 200px;
  margin-top: -48px;
  position: absolute;
  top: 61px;
  left: 95.5px;
}

.c-title-wrapper {
  margin-bottom: 72px;
}

.c-title-wrapper.cc-small {
  margin-bottom: 24px;
}

.c-authentisch {
  color: #ef8071;
  font-weight: 700;
}

.c-pragmatisch {
  color: #a0d3dd;
  font-weight: 700;
}

.c-losgelost {
  color: #fed300;
  font-weight: 700;
}

.c-authentic {
  z-index: 3;
  background-image: linear-gradient(#ef8071d9 91%, #a0d3dd 100%, #83c5d280), url('../images/paper_texture_min.jpeg');
  background-position: 0 0, 50% 0;
  flex-direction: column;
  height: auto;
  padding-top: 95px;
  display: block;
  position: relative;
  overflow: hidden;
}

.c-pragmatic {
  z-index: 3;
  background-image: linear-gradient(to bottom, var(--light-blue), #a0d3dd 0%, #83c5d2b8 94%, #efd324 98%, #fed300), url('../images/paper_texture_min.jpeg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 4255px;
  display: block;
  position: relative;
  overflow: hidden;
}

.c-unleashed {
  z-index: 3;
  background-color: var(--white);
  background-image: linear-gradient(#fed300, #fed300d6 22%, #fed300cc), url('../images/paper_texture_min.jpeg');
  background-position: 0 0, 50% 0;
  height: auto;
  margin-top: -2px;
  padding-top: 100px;
  position: relative;
  overflow: hidden;
}

.c-contact {
  z-index: 3;
  background-image: url('../images/Hintergrund-Lin-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.c-links {
  z-index: 3;
  background-color: var(--white);
  height: auto;
  padding-top: 129px;
  padding-bottom: 139px;
  position: relative;
}

.c-footer {
  z-index: 3;
  background-color: #a0d3dd;
  padding-top: 66px;
  padding-bottom: 39px;
  position: relative;
}

.c-authentic_badge {
  z-index: 3;
  border: 10px solid var(--white);
  width: 303px;
  height: 303px;
  color: var(--white);
  text-transform: uppercase;
  border-radius: 300px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: 23px;
  padding-bottom: 49px;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 49px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.c-authentic_badge-img {
  width: 104px;
  height: 152.047px;
  margin-bottom: 12px;
  position: absolute;
  inset: 32px 0% auto 93px;
}

.c-authentic_wrapper {
  flex-direction: column;
  align-items: baseline;
  display: flex;
  position: relative;
}

.c-authentic_giraffe {
  background-image: url('../images/200157aa37a51005c6e2fe7a1b320f58-depositphotos-bgremover-3-min.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 539px;
  height: 482px;
  position: relative;
  left: 377px;
}

.c-giraffe_bpaper {
  position: absolute;
  inset: auto 0% 86px 194px;
}

.c-giraffe_ypaper {
  z-index: 1;
  position: absolute;
  inset: auto 246px 116px;
}

.c-pragmatic_badge {
  z-index: 3;
  border: 10px solid var(--white);
  width: 303px;
  height: 303px;
  color: var(--white);
  text-transform: uppercase;
  border-radius: 300px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: 23px;
  padding-bottom: 49px;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 49px;
  text-decoration: none;
  display: flex;
  position: relative;
  top: -172px;
  left: -484px;
}

.c-authentic_elipse-1 {
  z-index: 0;
  mix-blend-mode: normal;
  position: absolute;
  inset: -4% -28% auto auto;
}

.c-authentic_text-1 {
  text-align: center;
  justify-content: space-between;
  width: 422px;
  margin-top: 154px;
  margin-left: 243px;
  display: flex;
  transform: rotate(10deg);
}

.c-authentic_flowers {
  margin-top: -439px;
  position: relative;
  left: 608px;
}

.c-images_wrapper {
  height: 640px;
  margin-top: 120px;
  position: relative;
}

.c-authentic_line {
  height: 6565.99px;
  display: none;
  position: absolute;
  top: 519px;
}

.c-flower_ypaper {
  z-index: 1;
  transform-style: preserve-3d;
  position: absolute;
  inset: auto 246px 16px 320px;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.c-flower_bpaper {
  transform-style: preserve-3d;
  position: absolute;
  inset: auto auto 84px 402px;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.c-flower_text-block {
  color: var(--white);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 33px;
  font-weight: 700;
  line-height: 43px;
  position: absolute;
  bottom: 104px;
  left: 256px;
}

.c-authentic_clothes {
  position: relative;
  top: -145px;
  left: 88px;
}

.c-clothes_ypaper {
  z-index: 1;
  transform-style: preserve-3d;
  position: absolute;
  inset: auto -220px 249px auto;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.c-clothes_text {
  z-index: 1;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 64px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 262px 685px;
  transform: rotate(10deg);
}

.c-authentic_elipse-2 {
  position: absolute;
  top: 996px;
  left: -191px;
}

.c-authentic_image-1 {
  position: relative;
  bottom: 178px;
  left: 689px;
}

.c-tape1 {
  z-index: 10;
  position: absolute;
  left: 170px;
}

.c-tape1_bpaper {
  z-index: 10;
  transform-style: preserve-3d;
  position: absolute;
  top: -29px;
  right: 49px;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.c-authentic_elipse-3 {
  position: absolute;
  top: 1893px;
  left: 1133px;
}

.c-auhentic_logo {
  z-index: 10;
  position: absolute;
  inset: auto -57px 115px auto;
}

.c-head_load-bg {
  z-index: 6;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.c-sidemenu {
  z-index: 500;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 60vh;
  padding-right: 21px;
  display: flex;
  position: fixed;
  inset: 25% 0% 0% auto;
}

.c-sidemenu_wrapper {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.c-sidemenu_item {
  color: var(--dark);
  letter-spacing: 1px;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.c-sidemenu_dot {
  background-color: var(--white);
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  width: 12px;
  height: 12px;
  color: var(--white);
  border-radius: 30px;
  margin-left: 4px;
}

.c-sidemenu_text {
  opacity: 1;
  color: var(--white);
  text-shadow: 2px 2px 6px #000;
  white-space: nowrap;
  display: block;
}

.c-authentic_artboard {
  position: relative;
  top: -328px;
  left: 53px;
}

.c-authentic_splat-1 {
  position: absolute;
  inset: auto auto 191px 44px;
}

.c-authentic_splat-2 {
  z-index: -1;
  position: absolute;
  inset: 0% 0% auto 18px;
}

.c-authentic_splat-3 {
  position: absolute;
  inset: 168px 0% auto 34px;
}

.c-authentic_image-2 {
  position: relative;
  top: -675px;
  left: 1025px;
}

.c-authentic_spaghetti {
  position: relative;
  top: -866px;
  left: 406px;
}

.c-authentic_text-3 {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 272px;
  margin-top: 64px;
  margin-left: 243px;
  display: flex;
  position: relative;
  top: -567px;
  left: 368px;
  transform: rotate(10deg);
}

.c-authentic_parrot {
  flex: none;
  width: 353px;
  height: 343.659px;
  position: absolute;
  inset: -339px 0% 0% 225px;
}

.c-authentic_elipse-4 {
  z-index: -1;
  display: block;
  position: absolute;
  inset: 2392px auto auto -600px;
}

.c-authentic_globe {
  position: relative;
  top: -750px;
  left: -27px;
}

.c-authentic_image-3 {
  flex: none;
  width: 409px;
  position: absolute;
  top: 50px;
  left: 380px;
  transform: rotate(-10deg);
}

.c-tape2 {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 148px;
}

.c-authentic_elipse-5 {
  z-index: -1;
  position: absolute;
  top: -91px;
  left: 275px;
}

.c-authentic_elipse-6 {
  z-index: -1;
  position: absolute;
  top: -255px;
  left: -70px;
}

.c-authentic_text-4 {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 386px;
  margin-top: 108px;
  margin-left: 243px;
  display: flex;
  position: relative;
  top: -539px;
  left: -143px;
  right: -129px;
  transform: rotate(10deg);
}

.c-text4_ypaper {
  position: absolute;
  top: -170px;
  left: 89px;
}

.c-text4_bpaper {
  z-index: -1;
  transform-style: preserve-3d;
  position: absolute;
  left: -22px;
  transform: scale(1.4)rotateX(0)rotateY(180deg)rotateZ(11deg);
}

.c-authentic_shell {
  position: relative;
  top: -359px;
  left: 567px;
}

.c-authentic_image-4 {
  z-index: -1;
  position: absolute;
  inset: -66px auto 0% -154px;
  transform: translate(-14px, -29px)scale(1.3);
}

.c-authentic_image-5 {
  position: absolute;
  inset: auto 107px 1027px auto;
}

.c-authentic_image-6 {
  position: absolute;
  inset: auto -145px -177px auto;
}

.c-authentic_image-5-ypaper {
  position: absolute;
  inset: auto auto -13px 120px;
}

.c-authentic_image-5-bpaper {
  transform-style: preserve-3d;
  position: absolute;
  inset: auto auto -39px 139px;
  transform: scale(.7)rotateX(0)rotateY(-180deg)rotateZ(0);
}

.c-authentic_rocket {
  position: relative;
  top: -240px;
  left: 237px;
}

.c-authentic_elipse-7 {
  position: absolute;
  inset: auto auto 514px -170px;
}

.c-rocket_text {
  z-index: 1;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 329px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: -171px auto 0% -198px;
  transform: rotate(-10deg);
}

.c-pragmatic_wrapper {
  flex-direction: column;
  align-items: baseline;
  display: flex;
  position: relative;
}

.c-pragmatic_line {
  z-index: 1;
  height: 8399px;
  display: none;
  position: absolute;
  top: -1228px;
  left: 250px;
}

.c-pragmatic_chess {
  align-self: flex-end;
  position: relative;
  top: 180px;
}

.c-pragmatic_circle {
  z-index: 4;
  height: 0;
  position: relative;
}

.c-pragmatic_coffee {
  position: relative;
  bottom: 128px;
}

.c-coffee_pot {
  position: absolute;
  top: 122px;
  left: 543px;
}

.c-coffee_image {
  position: absolute;
  top: 286px;
  left: 487px;
}

.c-coffee_tape {
  position: absolute;
  top: 299px;
  left: 533px;
}

.c-coffee_text {
  text-align: center;
  justify-content: space-between;
  width: 483px;
  display: flex;
  position: absolute;
  top: 450px;
  left: 90px;
  right: 90px;
}

.c-pragmatic_cappuccino {
  position: relative;
  top: -162px;
  left: 924px;
}

.c-pragmatic_rollerblade {
  z-index: 1;
  align-self: center;
  position: relative;
  top: -40px;
  left: -40px;
  right: -28px;
}

.c-pragmatic_megaphone {
  z-index: 2;
  width: 442px;
  position: relative;
  top: 152px;
}

.c-pragmatic_boxer {
  align-self: flex-end;
  position: relative;
  top: -208px;
  bottom: -128px;
  left: -9px;
}

.c-coffee_paper {
  display: none;
  position: absolute;
  inset: auto 116px -61px;
}

.c-coffee_beans {
  z-index: -1;
  position: absolute;
}

.c-coffee_bean-1 {
  position: absolute;
  top: 133px;
  left: 208px;
}

.c-coffee_bean-2 {
  position: absolute;
  top: -12px;
  left: 83px;
  right: 83px;
}

.c-coffee_bean-3 {
  position: absolute;
  top: 162px;
  left: 121px;
  right: 97px;
}

.c-coffee_bean-4 {
  position: absolute;
  inset: 133px 97px 133px 18px;
}

.c-coffee_bean-5 {
  position: absolute;
  top: 80px;
  left: 76px;
  right: 97px;
}

.c-coffee_bean-6 {
  position: absolute;
  top: 102px;
  left: 151px;
  right: 97px;
}

.c-coffee_bean-7 {
  position: absolute;
  top: 55px;
  left: 122px;
  right: 97px;
}

.c-coffee_bean-8 {
  position: absolute;
  inset: -33px 184px -12px;
}

.c-coffee_bean-9 {
  position: absolute;
  top: 31px;
  left: 77px;
}

.c-coffee_bean-10 {
  position: relative;
  top: 58px;
  left: 7px;
  transform: scale(1.3);
}

.c-coffee_bean-11 {
  position: relative;
  left: -15px;
}

.c-pragmatic_elipse-1 {
  z-index: -2;
  position: absolute;
  top: 388px;
  bottom: 388px;
  left: -156px;
}

.c-cappuccino_beans {
  z-index: 0;
  position: absolute;
  inset: auto 0% -124px 155px;
  transform: scale(1);
}

.c-cappuccino_image {
  position: absolute;
  inset: 271px auto 0% -57px;
}

.c-cappuccino_tape {
  position: absolute;
  inset: 262px auto 0% -27px;
}

.c-pragmatic_elipse-2 {
  position: absolute;
  top: 1161px;
  left: 219px;
}

.c-megaphone_image {
  z-index: -1;
  display: block;
  position: absolute;
  top: -270px;
  right: -34px;
}

.c-pragmatic_elipse-3 {
  position: absolute;
  inset: 1283px -226px 1328px auto;
}

.c-boxer_image {
  position: absolute;
  inset: auto auto -84px -100px;
}

.c-boxer_tape {
  position: absolute;
  inset: 387px auto 0% 28px;
}

.c-boxer_logo {
  position: absolute;
  inset: auto auto -61px -131px;
}

.c-pragmatic_text-1 {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 432px;
  display: flex;
  position: relative;
  bottom: 164px;
  left: 122px;
}

.c-pragmatic_rpaper {
  z-index: -1;
  position: absolute;
  inset: -9px 0% 0% auto;
}

.c-pragmatic_ypaper {
  position: absolute;
  inset: 110px 96px 0% auto;
}

.c-megaphone_tape {
  position: absolute;
  inset: -256px auto auto 182px;
}

.c-pragmatic_telescope {
  z-index: 1;
  align-self: flex-end;
  position: relative;
  top: -144px;
  left: -108px;
}

.c-pragmatic_laptop {
  position: relative;
  bottom: 118px;
  left: -16px;
}

.c-laptop {
  width: auto;
  height: 320px;
  position: relative;
  top: -158px;
  left: 156px;
}

.c-pragmatic_elipse-4 {
  z-index: -2;
  position: absolute;
  top: 1824px;
  left: -538px;
}

.c-head_load-logo {
  z-index: 7;
  opacity: 0;
  justify-content: center;
  align-items: center;
  height: 460px;
  display: none;
  position: static;
  inset: 0%;
}

.c-pragmatic_text-2 {
  z-index: 1;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 613px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: relative;
  bottom: 202px;
  left: 715px;
  transform: rotate(-10deg);
}

.c-pragmatic_image {
  z-index: 1;
  align-self: flex-end;
  position: relative;
  top: -149px;
}

.c-pragmatic_rocks {
  z-index: 1;
  position: relative;
  top: -539px;
  left: 110px;
}

.c-pragmatic_elipse-5 {
  z-index: -1;
  position: absolute;
  inset: 151px -24px 0% auto;
}

.c-pragmatic_papers {
  position: absolute;
  inset: auto -40px -60px auto;
}

.c-pragmatic_papers-1 {
  margin-top: 58px;
  margin-left: -50px;
}

.c-pragmatic_rocks-text {
  z-index: 1;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 407px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  top: 547px;
  left: 60px;
  transform: rotate(-10deg);
}

.c-pragmatic_text-3 {
  z-index: 10;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 460px;
  margin-top: 298px;
  margin-left: 243px;
  display: flex;
  position: relative;
  top: -412px;
  left: 178px;
  transform: rotate(-23deg);
}

.c-pragmatic_magnify {
  position: absolute;
  inset: -310px -407px 0% auto;
  transform: rotate(26deg);
}

.c-unleashed_bg {
  mix-blend-mode: color-burn;
  background-image: url('../images/bg-texture-3-1.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.c-unleashed_wrapper {
  flex-direction: column;
  align-items: baseline;
  display: flex;
  position: relative;
}

.c-pragmatic_bpaper {
  z-index: -1;
  position: absolute;
  inset: -48px 0% 0% auto;
}

.c-unleashed_badge {
  z-index: 3;
  border: 10px solid var(--white);
  width: 303px;
  height: 303px;
  color: var(--white);
  text-transform: uppercase;
  border-radius: 300px;
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: 23px;
  padding-bottom: 49px;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 49px;
  text-decoration: none;
  display: flex;
  position: relative;
  bottom: -153px;
  left: 0;
}

.c-unleashed_badge-img {
  width: 191px;
  position: relative;
  left: 20px;
}

.c-unleashed_line {
  height: 8333.99px;
  display: none;
  position: absolute;
  top: -1502px;
  left: 94px;
}

.c-unleashed_air {
  position: relative;
  top: 420px;
  left: 84px;
}

.c-unleashed_lego {
  align-self: flex-end;
  position: relative;
  top: 249px;
  left: -33px;
}

.c-unleashed_image-1 {
  flex: none;
  align-self: flex-end;
  width: 608.796px;
  position: relative;
  top: 283px;
  left: 20px;
}

.c-unleashed_image-2 {
  position: absolute;
  inset: -61px auto auto -66px;
}

.c-unleashed_text-1 {
  z-index: 1;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 260px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  top: 449px;
  left: 287px;
  transform: rotate(10deg);
}

.c-lego-1 {
  position: absolute;
  inset: -20px auto auto 165px;
}

.c-lego-2 {
  position: absolute;
  inset: 50px auto auto 39px;
}

.c-lego-3 {
  position: absolute;
  inset: 43px 86px auto auto;
}

.c-lego-4 {
  position: absolute;
  inset: auto 168px 31px auto;
}

.c-unleashed_leopard {
  position: relative;
  top: -6px;
  left: 224px;
}

.c-unleashed_elipse-1 {
  z-index: -1;
  position: absolute;
  top: 475px;
  left: -155px;
}

.c-unleashed_shoes {
  align-self: center;
  position: relative;
  top: -99px;
  left: 290px;
}

.c-unleashed_image-3 {
  position: absolute;
  inset: auto auto 120px -140px;
}

.c-unleashed_elipse-2 {
  z-index: -1;
  position: absolute;
  inset: 1324px -200px auto auto;
}

.c-unleashed_vr {
  position: relative;
  top: -263px;
  left: 71px;
}

.c-unleashed_rpaper-1 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.c-unleashed_bpaper-1 {
  position: absolute;
  inset: 23px auto auto 32px;
}

.c-unleashed_image-4 {
  align-self: flex-end;
  position: relative;
  top: -233px;
  left: -29px;
}

.c-unleashed_clock {
  position: absolute;
  inset: auto 0% 0% auto;
}

.c-unleashed_text-2 {
  z-index: 1;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 260px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  top: 532px;
  left: -358px;
  transform: rotate(-10deg);
}

.c-unleashed_camera {
  align-self: flex-end;
  position: relative;
  top: -8px;
  bottom: -193px;
  left: -62px;
}

.c-unleashed_canon {
  position: absolute;
  inset: auto -56px -78px auto;
}

.c-unleashed_film-1 {
  position: absolute;
  inset: 159px auto auto 54px;
}

.c-unleashed_film-2 {
  position: absolute;
  inset: auto auto -15px 97px;
}

.c-unleashed_elipse-3 {
  z-index: -1;
  position: absolute;
  top: 1801px;
  left: -595px;
}

.c-unleashed_elipse-4 {
  z-index: -1;
  position: absolute;
  inset: 271px 0% 0% 131px;
}

.c-unleashed_text-3 {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 386px;
  margin-top: 147px;
  margin-left: 243px;
  display: flex;
  position: absolute;
  inset: -116px -45px auto auto;
  transform: rotate(10deg);
}

.c-unleashed_elipse-5 {
  z-index: -1;
  position: absolute;
  top: -82.5px;
  left: 266px;
}

.c-unleashed_image-5 {
  position: relative;
  top: -186px;
  left: 88px;
}

.c-unleashed_paper-1 {
  position: absolute;
  inset: -148px auto auto 130px;
}

.c-unleashed_paper-2 {
  position: absolute;
  inset: -284px auto auto 85px;
}

.c-unleashed_paper-3 {
  position: absolute;
  inset: -174px auto auto 20px;
}

.c-unleashed_gloves {
  position: absolute;
  inset: auto -216px -28px auto;
}

.c-unleashed_palette {
  position: absolute;
  inset: auto -781px -200px auto;
}

.c-unleashed_splat-1 {
  z-index: -1;
  position: absolute;
  inset: auto 0% 60px auto;
}

.c-unleashed_splat-2 {
  z-index: -1;
  position: absolute;
  inset: 41px 0% auto 160px;
}

.c-unleashed_splat-3 {
  z-index: -1;
  position: absolute;
  inset: 0% 0% auto auto;
}

.c-unleashed_box {
  position: relative;
  top: -80px;
  left: 246px;
}

.c-unleashed_tape-1 {
  position: absolute;
  inset: -46px 38px auto auto;
}

.c-unleashed_tape-2 {
  position: absolute;
  inset: auto auto -33px 34px;
}

.c-unleashed_text-4 {
  z-index: 1;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  top: -120px;
  bottom: 0%;
  right: 72px;
  transform: rotate(-10deg);
}

.c-unleashed_image-6 {
  position: absolute;
  inset: auto -46px -61px auto;
}

.c-unleashed_elipse-6 {
  z-index: -1;
  position: absolute;
  inset: -151px auto auto -391px;
}

.c-unleashed_image-7 {
  align-self: flex-end;
  position: relative;
  top: -277px;
  left: 23px;
}

.c-unleashed_quill {
  position: absolute;
  inset: auto auto -83px -196px;
}

.c-unleashed_elipse-7 {
  z-index: -1;
  position: absolute;
  inset: auto -200px -290px auto;
}

.c-unleashed_graduate {
  position: relative;
  top: 103px;
}

.c-unleashed_letters {
  z-index: -1;
  position: absolute;
  inset: 24px -20px auto auto;
}

.c-unleashed_text-5 {
  z-index: 1;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 403px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: -77px -342px auto auto;
  transform: rotate(-10deg);
}

.c-unleashed_stroke {
  z-index: -1;
  position: absolute;
  inset: auto 80px -20px auto;
  transform: rotate(11deg);
}

.c-unleashed_books {
  align-self: flex-end;
  position: absolute;
  inset: -65px -880px 0% auto;
}

.c-unleashed_image-8 {
  align-self: center;
  position: relative;
  top: 118px;
  left: 209px;
}

.c-unleashed_elipse-8 {
  z-index: -1;
  position: absolute;
  inset: auto auto -126px -464px;
}

.c-unleashed_notes-1 {
  position: absolute;
  top: 387px;
  right: -37px;
}

.c-unleashed_notes-2 {
  position: absolute;
  inset: auto -216px 100px auto;
}

.c-unleashed_notes-3 {
  position: absolute;
  inset: 136px auto auto -100px;
}

.c-unleashed_notes-4 {
  position: absolute;
  inset: 64px 0% auto auto;
}

.c-unleashed_notes-5 {
  position: absolute;
  inset: -118px auto auto 120px;
}

.c-unleashed_text-6 {
  z-index: 1;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 378px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: 350px auto auto -310px;
  transform: rotate(-10deg);
}

.c-unleashed_lightbulb {
  position: absolute;
  inset: auto -261px 68px auto;
}

.c-unleashed_elipse-9 {
  align-self: flex-end;
  margin-top: -32px;
  position: relative;
  top: 15px;
}

.c-unleashed_tape-3 {
  position: absolute;
  inset: 102px auto auto 41px;
}

.c-unleashed_tape-4 {
  position: absolute;
  inset: auto 30px 107px auto;
}

.c-unleashed_rpaper-2 {
  z-index: -1;
  position: absolute;
  inset: auto 3px 44px auto;
}

.c-unleashed_bpaper-2 {
  position: absolute;
  inset: auto -73px -61px auto;
  transform: rotate(-37deg);
}

.c-images_flowers {
  z-index: 2;
  position: absolute;
  inset: -76px auto auto -210px;
}

.c-images_leo {
  z-index: 2;
  position: absolute;
  inset: 90px auto auto 147px;
}

.c-images_globe {
  position: absolute;
  inset: 0% auto auto 252px;
}

.c-images_chess {
  position: absolute;
  inset: 325px auto auto 554px;
}

.c-images_books {
  z-index: -1;
  position: absolute;
  inset: 156px auto auto 570px;
}

.c-images_boxer {
  position: absolute;
  inset: 121px 200px auto auto;
}

.c-images_photo {
  position: absolute;
  inset: 0% 147px auto auto;
}

.c-images_camera {
  position: absolute;
  inset: 50px -121px auto auto;
}

.c-images_lightbulb {
  z-index: -1;
  position: absolute;
  inset: 70px -20px auto auto;
}

.c-phone {
  position: absolute;
  top: 68px;
  left: 69px;
}

.c-tree-logo {
  position: absolute;
  top: 55px;
  left: 60.5px;
}

.c-typewriter {
  position: absolute;
  top: 50px;
}

.c-yellow-tape {
  position: absolute;
  inset: -66px auto auto -20px;
}

.c-yellow-tape.cc-selection {
  z-index: -1;
  inset: 307px auto auto 191px;
}

.c-red-tape {
  position: absolute;
  inset: auto -52px -121px auto;
}

.c-red-tape.cc-selection {
  inset: auto 196px 188px auto;
}

.c-blue-tape {
  position: absolute;
  inset: -116px -63px auto auto;
}

.c-blue-tape.cc-selection {
  inset: -97px 0% auto 173px;
}

.c-text-wrapper.cc-max-width {
  max-width: 697px;
  margin-left: auto;
  margin-right: auto;
}

.c-text-wrapper.cc-medium {
  margin-bottom: 0;
}

.c-text-wrapper.cc-zindex {
  z-index: 1;
  position: relative;
}

.c-text-wrapper.cc-small {
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
}

.c-form-block {
  z-index: 1;
  background-color: var(--white);
  border: 10px solid #a0d3dd;
  border-radius: 8px;
  max-width: 851px;
  height: 422px;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 56px;
  position: relative;
}

.c-form_data {
  display: flex;
}

.c-field {
  height: 52px;
  color: var(--dark);
  background-color: #f9fafd;
  border: 1px solid #b0b8c2;
  border-radius: 4px;
  margin-right: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.5px;
}

.c-field.cc-last {
  margin-right: 0;
}

.c-textarea {
  background-color: #f9fafd;
  border: 1px solid #b0b8c2;
  border-radius: 4px;
  max-width: 719px;
  min-height: 182px;
  max-height: 200px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.5px;
}

.c-contact_rectangle {
  z-index: 0;
  background-color: #ef8071;
  background-image: linear-gradient(#ed7362d6, #ed7362d6), url('../images/paper_texture_min.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  height: 341px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.c-links_title {
  text-align: center;
  margin-bottom: 135px;
  position: relative;
}

.c-links_title-text {
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
}

.c-links_title-subtitle {
  z-index: 1;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 428px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: auto 143px -89px auto;
}

.c-extra-bold {
  font-weight: 800;
}

.c-footer_wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.c-footer_right {
  align-items: center;
}

.c-footer_link {
  color: var(--dark);
  margin-right: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
}

.c-footer_social-link {
  align-items: center;
  margin-right: 29px;
  padding-right: 0;
}

.c-footer_social-link.cc-last {
  margin-right: 0;
  padding-right: 0;
}

.c-footer_social-link.cc-hide {
  display: none;
}

.c-links_wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.c-links_item {
  border: 10px solid #000;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 236px;
  height: 236px;
  margin-right: 40px;
  display: flex;
}

.c-links_item.cc-link-1 {
  border-color: #557587;
}

.c-links_item.cc-link-5 {
  border-color: #458fbe;
  margin-right: 0;
}

.c-links_item.cc-link-2 {
  border-color: #b3d6e0;
}

.c-links_item.cc-link-3 {
  border-color: #f7d449;
}

.c-links_item.cc-link-5 {
  border-color: #1b99d9;
}

.c-links_item.cc-link-4 {
  border-color: var(--salmon);
}

.c-element-hover {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.c-element-hover.cc-element2 {
  z-index: 11;
  opacity: 0;
  transform: translate(39px, -11px)scale(1.3);
}

.c-element-hover.cc-element3 {
  top: 54px;
}

.c-element-hover.cc-element4 {
  opacity: 0;
  transform: translate(-100px, -24px)scale(1.8);
}

.c-element-hover.cc-element5 {
  opacity: 0;
  display: none;
  transform: translate(10px, -5px);
}

.c-element-hover.cc-element6 {
  opacity: 0;
  transform: scale(.9)translate(-14px, 24px);
}

.c-element-hover.cc-element7 {
  opacity: 0;
  inset: 0%;
  transform: translate(-62px, 57px)scale(1.1);
}

.c-element-hover.cc-element8 {
  opacity: 0;
  min-width: 767px;
  inset: auto -20px -120px auto;
  transform: scale(1);
}

.c-element-hover.cc-element9 {
  opacity: 0;
  transform: translate(157px, -157px)scale(1.2);
}

.c-element-hover.cc-element10 {
  opacity: 0;
  transform: translate(-5px, -33px);
}

.c-element-hover.cc-element11 {
  opacity: 0;
  transform: translate(-105px, 157px)scale(1.5);
}

.c-element-hover.cc-element12 {
  z-index: 5;
  opacity: 0;
  transform: scale(1.1)translate(52px, 76px);
}

.c-element-hover.cc-element13 {
  opacity: 0;
  transform: translate(-48px, 157px)scale(1.7);
}

.c-element-hover.cc-element14 {
  opacity: 0;
  transform: scale(1.1)translate(19px, -19px);
}

.c-pragmatic_chess-queen {
  position: relative;
  top: 42px;
  left: -26px;
}

.c-hero-4 {
  z-index: 3;
  background-image: url('../images/crumple_min.jpeg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  display: block;
  position: relative;
  overflow: hidden;
}

.c-red_line {
  position: absolute;
  top: 612px;
  left: 18px;
}

.c-teal_line {
  position: absolute;
  inset: -5620px 0% auto;
}

.c-yellow_line {
  position: absolute;
  top: -8957px;
  left: 98px;
}

.c-unleashed-badge {
  z-index: 4;
  height: 0;
  position: relative;
  overflow: visible;
}

.c-hero-3_text_top {
  text-align: center;
  justify-content: center;
  max-width: 1200px;
  display: flex;
}

.c-hero-3_wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.c-logo_img {
  opacity: 1;
}

.c-scroll-down {
  z-index: 55;
  opacity: .6;
  width: 200px;
  color: var(--white);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
  position: sticky;
  bottom: 0;
  left: 0%;
  right: 0%;
}

.c-scroll-down_text {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
}

.c-scroll-down_arrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.c-popup {
  z-index: 700;
  opacity: 1;
  background-color: #1f1f1f99;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.c-popup.cc-easel {
  opacity: 1;
  display: none;
}

.c-popup.cc-shell {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.c-popup.cc-chess, .c-popup.cc-coffee, .c-popup.cc-dog, .c-popup.cc-computer {
  opacity: 1;
  display: none;
}

.c-popup.cc-lego {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.c-popup.cc-sneakers, .c-popup.cc-camera, .c-popup.cc-fountain-pen, .c-popup.cc-graduate-hat {
  opacity: 1;
  display: none;
}

.c-popup.cc-career {
  display: none;
}

.c-popup_wrapper {
  z-index: 6;
  background-color: var(--white);
  width: 1260px;
  height: 712px;
  padding: 44px 0 44px 90px;
  position: relative;
}

.c-popup_slider {
  background-color: #0000;
  height: 100%;
}

.left-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
  left: -84px;
}

.left-arrow.cc-about {
  left: 0;
}

.right-arrow {
  z-index: 40;
  justify-content: center;
  align-items: center;
  height: 80%;
  display: flex;
  right: 0;
}

.c-slide_wrapper {
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.c-slide_image {
  width: 46%;
  position: relative;
}

.c-slide_image.cc-shell_1 {
  background-image: url('../images/shell_image.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-slide_image.cc-shell_2 {
  background-image: url('../images/shell_image_2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-slide_image.cc-chess {
  background-image: url('../images/chess_img.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-slide_image.cc-coffee {
  background-image: url('../images/coffee_img.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-slide_image.cc-chess_1 {
  background-image: url('../images/chess-img-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-slide_image.cc-coffee_2 {
  background-image: url('../images/coffee-img-2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-slide_image.cc-dog_1 {
  background-image: url('../images/dog-img-1.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-slide_image.cc-computer_1 {
  background-image: url('../images/computer-img-1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46%;
}

.c-slide_image.cc-lego_1 {
  background-image: url('../images/GMN4AGjnPS3dHqG8zhRE3oQqH3yiL4XVhMldUZm7-1.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46%;
}

.c-slide_image.cc-lego_2 {
  background-image: url('../images/QjTdPi2NZJvXvwL09F3Fi9vwr2GHCJt2Yrjs9CBe-1.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46%;
}

.c-slide_image.cc-lego_3 {
  background-image: url('../images/AMF5lcrbPRuVN53jQ2B3t5H8WLwOhjRx4Hvk6j5F-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46%;
}

.c-slide_image.cc-sneakers_1 {
  background-image: url('../images/wsllYNegtilvipWesOnF94KWJjnKSAjUG0BpuvPa-1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46%;
}

.c-slide_image.cc-sneakers_2 {
  background-image: url('../images/YtxLkUPTac8QPYs2XastrcKMkObV1WSRtKCTi8CR-1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46%;
}

.c-slide_image.cc-camera_1 {
  background-image: url('../images/9WVPvcJmdsS4KsuxgRRVfZBTeMO4fkOYnPrJDhNC-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 46%;
  display: flex;
}

.c-slide_image.cc-camera_2 {
  background-image: url('../images/VHDhdmPjMXXZkPELjJ21MRHqgemAWYJZzYuJ9cbQ-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-slide_image.cc-fountain-pen_1 {
  background-image: url('../images/AskQo2EDWeaD4FbW9EXjxw5n0k37D831NveJTRph-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46%;
}

.c-slide_image.cc-fountain-pen_2 {
  background-image: url('../images/BvxeZz5YycHKlfXvdJ5sg1TdZCU1kJQ9MChXGUKM-1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46%;
}

.c-slide_image.cc-graduate-hat_1 {
  background-image: url('../images/fH4BnabqBepARYG3FTgf6rTszkFOgtLLGNlc66gQ-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46%;
}

.c-slide_image.cc-graduate-hat_2 {
  background-image: url('../images/pcRHV5CeNCzdozn1AFRqLCG57xXgxVfhI4jgiwgc-1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46%;
}

.c-slide_image.cc-camera_3 {
  background-image: url('../images/bw_1_min.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-slide_image.cc-graduate-hat_3 {
  background-image: url('../images/K_Venture_Logo_Bunt-01.svg');
  background-position: 50% 25%;
  background-repeat: no-repeat;
  background-size: auto;
}

.c-slide_image.cc-graduate-hat_4 {
  background-image: url('../images/howard-bouchevereau-RSCirJ70NDM-unsplash-1.jpg');
  background-position: 50% 25%;
  background-repeat: no-repeat;
  background-size: auto;
}

.c-slide_image.cc-dog_2 {
  background-image: url('../images/dog-popup2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-slide_image.cc-computer_2 {
  background-image: url('../images/computer-popup2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 46%;
}

.c-slide_text {
  flex-direction: column;
  align-items: flex-start;
  width: 54%;
  padding: 68px 72px 22px 48px;
  display: flex;
  position: relative;
  overflow: scroll;
}

.c-slide_nav {
  z-index: 2;
  padding-left: 40%;
}

.c-slide_image-file {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.c-slide_text-head {
  background-color: #f7d0ce4d;
  align-items: center;
  margin-bottom: 24px;
  padding: 16px 24px;
  display: flex;
}

.c-slide_text-head.cc-yellow {
  background-color: #fed3004d;
}

.c-slide_text-head.cc-yellow.cc-camera {
  position: absolute;
  inset: auto 42px 20px auto;
}

.c-slide_text-head.cc-yellow.cc-fountain-pen_2 {
  position: absolute;
  inset: auto auto 24px 42px;
}

.c-slide_text-head.cc-yellow.cc-graduate-hat_2 {
  position: absolute;
  inset: 42px 42px auto auto;
}

.c-slide_text-head.cc-yellow.cc-graduate-hat_3 {
  text-align: center;
  width: 390px;
  position: absolute;
  inset: auto 42px 32px auto;
}

.c-slide_text-head.cc-fountain-pen_1 {
  background-color: #fed3004d;
  position: absolute;
  inset: auto 42px 24px auto;
}

.c-slide_text-head.cc-graduate-hat_1 {
  background-color: #fed3004d;
  position: absolute;
  inset: 42px 42px auto auto;
}

.c-slide_decor {
  width: 32px;
}

.c-slide_decor.cc-popup {
  width: 24px;
}

.c-text-4 {
  color: #1f1f1f;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 27px;
  display: block;
}

.c-text-4.cc-mb-4 {
  margin-bottom: 4px;
}

.c-text-4.cc-mb-8 {
  margin-bottom: 8px;
}

.c-text-4.cc-font-weight_700 {
  font-weight: 700;
}

.c-text-4.cc-font-weight_700.cc-color_white {
  color: var(--white);
}

.c-slide_image-frame {
  border: 2px solid #ef8071;
  margin: 27px 24px;
  display: block;
  position: absolute;
  inset: 0%;
}

.c-slide_image-frame.cc-blue {
  border-color: #83c5d2;
}

.c-slide_image-frame.cc-yellow {
  border-color: #fed300;
}

.c-slide_close {
  z-index: 2;
  margin-top: auto;
  margin-right: auto;
  position: absolute;
  inset: 48px 32px auto auto;
}

.c-slide_close.cc-team {
  z-index: 50;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-right: 0;
  inset: 24px 32px auto auto;
}

.popups {
  z-index: 998;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.c-popup_outer {
  z-index: 5;
  position: fixed;
  inset: 0%;
}

.c-easel_text {
  margin-top: 10%;
  margin-left: 10%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.c-ringe-black {
  position: absolute;
  inset: auto 42px 12px auto;
}

.c-authentic_mobile-line-1 {
  display: none;
}

.c-logo-mobile {
  z-index: 1;
  justify-content: center;
  height: 460px;
  margin-top: 320px;
  display: none;
  position: fixed;
  inset: 0%;
}

.c-selection_text, .c-red-mobile {
  display: none;
}

.c-popup_button.cc-giraffe {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: -42px auto auto -42px;
}

.c-popup_button.cc-team {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: auto auto -100px -42px;
}

.c-popup_button.cc-easel {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: auto -132px -77px auto;
}

.c-popup_button.cc-shell {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: auto -100px -86px auto;
}

.c-popup_button.cc-chess {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: auto -80px -77px auto;
}

.c-popup_button.cc-coffee {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: auto auto -145px -152px;
}

.c-popup_button.cc-dog {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: auto -11px -77px auto;
}

.c-popup_button.cc-laptop {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: auto 71px 0%;
}

.c-popup_button.cc-lego {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: auto -100px -86px auto;
}

.c-popup_button.cc-shoes {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: auto 132px 24px auto;
}

.c-popup_button.cc-camera {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: auto auto 88px -50px;
}

.c-popup_button.cc-graduation {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: -68px auto auto 59px;
}

.c-popup_button.cc-quill {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: auto -100px -86px auto;
}

.c-popup_button.cc-employees {
  width: 184px;
  color: var(--white);
  font-family: Rock Salt;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  inset: -42px auto auto -42px;
}

.text-block {
  font-family: Rocksalt, sans-serif;
}

.c-section_text-block {
  background-color: #f7d0ce4d;
  align-items: center;
  margin-bottom: 24px;
  padding: 16px 24px;
  display: flex;
}

.c-images_mobile, .c-teal-mobile, .c-yellow-mobile {
  display: none;
}

.c-yellow {
  color: #fed300;
  font-weight: 700;
}

.c-popup_arrow, .c-popup_arrow.cc-computer {
  transform-style: preserve-3d;
}

.c-popup_arrow.cc-giraffe {
  width: 120px;
  transform-style: preserve-3d;
  transform: rotateX(-180deg)rotateY(0)rotateZ(0);
}

.c-popup_arrow.cc-team {
  width: 120px;
  transform: rotate(0);
}

.c-popup_arrow.cc-easel {
  width: 120px;
  transform: rotate(-90deg);
}

.c-popup_arrow.cc-shell {
  width: 120px;
  transform-style: preserve-3d;
  transform: rotateX(-180deg)rotateY(0)rotateZ(40deg);
}

.c-popup_arrow.cc-chess {
  width: 120px;
  transform-style: preserve-3d;
  transform: rotateX(-180deg)rotateY(0)rotateZ(171deg);
}

.c-popup_arrow.cc-coffee {
  width: 120px;
  transform: rotate(-11deg);
}

.c-popup_arrow.cc-dog {
  width: 120px;
  transform-style: preserve-3d;
  transform: rotateX(6deg)rotateY(0)rotateZ(-86deg);
}

.c-popup_arrow.cc-laptop {
  width: 120px;
  transform: rotate(-140deg);
}

.c-popup_arrow.cc-shoes {
  width: 120px;
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(-26deg);
}

.c-popup_arrow.cc-camera {
  width: 120px;
  transform: rotate(-20deg);
}

.c-popup_arrow.cc-graduation {
  width: 120px;
  transform-style: preserve-3d;
  transform: rotateX(-180deg)rotateY(0)rotateZ(-31deg);
}

.c-popup_arrow.cc-quill {
  width: 120px;
  transform-style: preserve-3d;
  transform: rotateX(-180deg)rotateY(0)rotateZ(40deg);
}

.c-popup_arrow.cc-giraffe-mobile, .c-popup_arrow.cc-employees_mobile {
  width: 120px;
  transform-style: preserve-3d;
  transform: rotateX(-180deg)rotateY(0)rotateZ(0);
}

.selectionpopups {
  z-index: 7;
  justify-content: center;
  align-items: center;
  display: block;
  position: static;
  inset: 0%;
}

.c-selection_popups-red {
  z-index: 508;
  opacity: 1;
  text-align: center;
  background-color: #fdf1f0;
  border: 10px solid #ef8071;
  border-radius: 500px;
  width: 700px;
  height: 700px;
  padding: 92px 20px;
  display: block;
  position: absolute;
}

.c-title-6 {
  color: var(--dark);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.c-text-5 {
  color: #1f1f1f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.c-text-5.cc-semibold {
  font-weight: 600;
}

.c-colored-text {
  color: #1f1f1f;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
}

.c-colored-text.cc-red {
  color: #f36c5a;
}

.c-selection_popups-blue {
  z-index: 508;
  opacity: 1;
  text-align: center;
  background-color: #ebf5fc;
  border: 10px solid #a0d3dd;
  border-radius: 500px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 700px;
  height: 700px;
  padding-top: 32px;
  padding-left: 138px;
  padding-right: 138px;
  display: flex;
  position: absolute;
}

.c-bold {
  font-weight: 600;
}

.c-selection_popups-yellow {
  z-index: 508;
  opacity: 1;
  text-align: center;
  background-color: #fdf1e3;
  border: 10px solid #fed300;
  border-radius: 500px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 700px;
  height: 700px;
  padding-top: 54px;
  padding-left: 138px;
  padding-right: 138px;
  display: flex;
  position: absolute;
}

.c-selection_popups-outer {
  z-index: 507;
  background-color: #1f1f1f80;
  display: block;
  position: fixed;
  inset: 0%;
}

.c-about-popup {
  z-index: 6;
  opacity: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.c-about-popup.cc-team {
  z-index: 700;
  opacity: 1;
  display: none;
}

.c-about_popups-outer {
  z-index: -1;
  background-color: #1f1f1fcc;
  display: block;
  position: fixed;
  inset: 0%;
}

.c-about_popups-team {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 72px;
  display: flex;
  position: relative;
}

.c-team_left {
  z-index: 1;
  flex: 0 auto;
  position: relative;
}

.c-team_right {
  align-items: center;
  max-width: 450px;
  padding-left: 26px;
  display: flex;
  position: relative;
}

.c-team_right-elipse {
  z-index: 0;
  background-color: var(--salmon);
  border-radius: 400px;
  width: 700px;
  height: 700px;
  position: absolute;
  left: -127px;
}

.c-turtle-1 {
  z-index: 2;
  position: absolute;
  inset: auto 361px -216px auto;
}

.c-turtle-2 {
  z-index: 2;
  position: absolute;
  inset: auto 320px -220px auto;
}

.c-team_left-headline {
  background-color: var(--white);
  color: var(--salmon);
  text-align: center;
  padding: 24px 32px;
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 46px;
  position: absolute;
  bottom: -78px;
  left: 24px;
}

.c-about_popups-people {
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  height: 100%;
  padding-top: 42px;
  padding-bottom: 42px;
  padding-left: 12px;
  display: grid;
  position: relative;
}

.c-person.cc-red {
  margin-left: 0;
  margin-right: 42px;
}

.c-person.cc-blue {
  margin-left: -42px;
}

.c-person.cc-yellow {
  justify-content: flex-start;
}

.c-person_name {
  background-color: var(--white);
  color: var(--dark);
  text-align: center;
  margin-top: 4px;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.c-person_name.cc-red {
  color: var(--salmon);
}

.c-person_name.cc-blue {
  color: #517184;
}

.c-person_name.cc-yellow {
  color: #f7d448;
}

.c-person_name.cc-lightblue {
  color: var(--light-blue);
}

.c-person_about {
  display: flex;
  position: relative;
}

.c-person_about-position {
  background-color: var(--salmon);
  border-radius: 400px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 290px;
  height: 290px;
  padding-left: 84px;
  display: flex;
}

.c-person_about-position.cc-blue {
  background-color: #517184;
  padding-left: 84px;
  padding-right: 28px;
  position: relative;
}

.c-person_about-position.cc-yellow {
  background-color: #f7d448;
  padding-left: 54px;
  padding-right: 72px;
}

.c-person_about-position.cc-lightblue {
  background-color: #abd2dc;
  padding-left: 54px;
  padding-right: 76px;
  position: relative;
}

.c-person_about-image {
  z-index: 2;
  margin-right: -74px;
  position: relative;
}

.c-person_about-image.cc-right {
  margin-left: -74px;
  margin-right: 0;
}

.c-skill {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}

.c-person_elipse1 {
  background-color: var(--salmon);
  border-radius: 100px;
  width: 31px;
  height: 31px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.c-person_elipse2 {
  background-color: #517184;
  border-radius: 100px;
  width: 82px;
  height: 82px;
  position: absolute;
  inset: auto -55px 27px auto;
}

.c-person_elipse3 {
  background-color: #f7d448;
  border-radius: 100px;
  width: 82px;
  height: 82px;
  position: absolute;
  inset: 0 auto auto -60px;
}

.c-person_elipse4 {
  background-color: #abd2dc;
  border-radius: 100px;
  width: 31px;
  height: 31px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.c-team-slider {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.c-team-slider_item {
  width: 100%;
  overflow: scroll;
}

.c-team-slider_nav {
  opacity: 0;
}

.c-yellow-cross {
  position: absolute;
  inset: auto 292px -32px auto;
}

.c-about-popup_bg {
  background-image: url('../images/crumple.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 1440px;
  height: 90vh;
  display: flex;
  position: relative;
}

.c-team_left-image {
  max-width: 576px;
}

.c-elipse_1 {
  z-index: -1;
  position: absolute;
  top: 41px;
  left: 262.5px;
}

.c-elipse_2 {
  z-index: -1;
  position: absolute;
  top: 274px;
  left: -200.5px;
}

.c-elipse_3 {
  z-index: -1;
  position: absolute;
  inset: auto 284px 4px auto;
}

.c-elipse_4 {
  z-index: -1;
  position: absolute;
  inset: 0 20px auto auto;
}

.c-back {
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.c-impressum h2 {
  font-size: 19px;
  line-height: 28px;
}

.c-impressum sub {
  color: var(--dark);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.c-impressum p {
  color: var(--dark);
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.c-impressum h4 {
  color: var(--dark);
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  line-height: 26px;
}

.c-wrapper {
  padding-bottom: 32px;
  padding-left: 24px;
  padding-right: 24px;
}

.c-datenschutzerklarung h1 {
  color: var(--dark);
  font-size: 42px;
  font-weight: 500;
  line-height: 48px;
}

.c-datenschutzerklarung h2 {
  color: #1f1f1fcc;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
}

.c-datenschutzerklarung p {
  color: var(--dark);
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.c-datenschutzerklarung h3 {
  color: var(--dark);
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.c-datenschutzerklarung li {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.c-datenschutzerklarung h4 {
  font-family: Montserrat, sans-serif;
}

.c-ninja {
  background-color: var(--white);
  background-image: url('../images/ninjaturtle.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 4px solid #517184;
  width: 290px;
  height: 290px;
}

.c-ninja.cc-yellow {
  border-color: #f7d448;
}

.c-ninja.cc-lightblue {
  border-color: #abd2dc;
}

.c-hero-mobile {
  z-index: 2;
  height: 100vh;
  display: block;
  position: relative;
}

.c-hero-mobile.cc-mobile, .c-nav, .customcode {
  display: none;
}

.c-contact_rectangle-elipse {
  display: none;
  position: absolute;
  inset: 0% -16% auto auto;
}

.c-unleashed_gameboy {
  position: absolute;
  inset: auto 55px -377px auto;
}

.c-unleashed_cassette {
  position: absolute;
  inset: auto auto -139px -94px;
}

.c-overlay {
  z-index: 2;
  background-color: #0009;
  position: fixed;
  inset: 0%;
}

.c-whitek {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.c-rings {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0 0% 0%;
}

.c-logo_file {
  opacity: 1;
}

.c-logo-rings {
  opacity: 0;
  margin-top: 0;
  display: flex;
  position: relative;
  top: 0;
}

.c-karriere {
  height: 80vh;
  padding-bottom: 32px;
  padding-left: 24px;
  padding-right: 24px;
}

.c-authentic_team {
  background-image: url('../images/200157aa37a51005c6e2fe7a1b320f58-depositphotos-bgremover-3-min.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 539px;
  height: 482px;
  position: relative;
  left: 377px;
}

.c-container-selection {
  justify-content: center;
  align-items: center;
  max-width: 1340px;
  min-height: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.c-backgnd-section {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  min-width: 110vw;
  min-height: 110vh;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.lottie-animation {
  z-index: 9999;
  background-color: #000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.c-form_success {
  background-color: #a0d3dd;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.c-footer_copy {
  color: #1f1f1fcc;
  margin-top: 12px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.c-person_about-mobile.cc-red, .c-person_about-mobile.cc-blue, .c-person_about-mobile.cc-yellow, .c-person_about-mobile.cc-lightblue {
  display: none;
}

.c-scroll-down-wrapper {
  z-index: 50;
  justify-content: center;
  align-items: flex-end;
  min-height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
}

.down-to-text {
  z-index: 50;
  display: block;
  position: absolute;
  inset: 0%;
}

.c-contacts-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.c-red-contact-info {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.c-text-4-red-info {
  color: #1f1f1f;
  max-width: 404px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 27px;
}

.c-selection-popup-red-wrapper, .c-selection-popup-blue-wrapper, .c-selection-popup-yellow-wrapper {
  z-index: 506;
  opacity: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-in-frame-popup {
  max-width: 80%;
}

.c-team_mob {
  display: none;
}

.c-container-all-stuff {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
}

.c-footer-popup {
  z-index: 700;
  background-color: var(--white);
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.c-footer-popup.cc-impressum, .c-footer-popup.cc-privacy, .c-footer-popup.cc-karriere {
  display: none;
}

.c-section-text {
  z-index: 3;
  padding-top: 139px;
  padding-bottom: 80px;
  position: relative;
}

.c-section-text.cc-hero3 {
  height: 100vh;
}

.c-hero-top {
  display: block;
}

.checkbox-label {
  font-family: Montserrat, sans-serif;
}

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

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

.pagewrapper {
  overflow: hidden;
}

.hero {
  height: 200vh;
}

.hero_cam {
  z-index: 1;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.hero_overlay {
  z-index: 2;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(to top, #1f1f1f00, #1f1f1fa6 48%, #0000);
  background-clip: border-box;
  height: 100vh;
  margin-top: 100vh;
  position: absolute;
  inset: 0%;
}

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

.overlay_text-wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.overlay_text {
  width: 30em;
  color: var(--white);
  text-align: center;
  letter-spacing: normal;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.5em;
}

.path {
  position: relative;
}

.path._2 {
  background-color: #80c8d6;
  background-image: none;
}

.path._3 {
  background-color: #f2d25a;
  background-image: none;
}

.lottie_wrapper {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.step_image {
  z-index: 3;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.step-text {
  color: var(--white);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 1.9vw;
  font-weight: 700;
  line-height: 1.3;
}

.step_text-wrp {
  z-index: 3;
  flex-direction: column;
  width: 25vw;
  display: flex;
  position: absolute;
  top: 0%;
  left: 0%;
  overflow: hidden;
}

.step_text-wrp._2 {
  width: 20vw;
  height: 10vw;
  top: -4%;
  left: -24%;
}

.step_text-wrp._3 {
  top: 110%;
  left: 37%;
}

.step_text-wrp._4 {
  top: -8%;
  left: 30%;
}

.step_text-wrp._5 {
  top: 83%;
  left: -45%;
}

.step_text-wrp._6 {
  width: 20vw;
  height: 10vw;
  top: -9%;
  left: 34%;
}

.step_text-wrp._7 {
  width: 25vw;
  height: 10vw;
  top: 83%;
  left: 55%;
}

.step_text-wrp._8 {
  width: 38vw;
  height: 10vw;
  top: 14%;
  left: 55%;
}

.step_text-wrp._9 {
  width: 27vw;
  height: 10vw;
  top: 88%;
  left: 24%;
}

.step_text-wrp._10 {
  width: 27vw;
  height: 10vw;
  top: 44%;
  left: 75%;
}

.step_text-wrp._12 {
  width: 20vw;
  top: 77%;
  left: 63%;
}

.step_text-wrp._13 {
  width: 26vw;
  top: 54%;
  left: 76%;
}

.step_text-wrp._14 {
  width: 26vw;
  top: 43%;
  left: -78%;
}

.step_text-wrp._15 {
  width: 26vw;
  top: 60%;
  left: 66%;
}

.step_text-wrp._16 {
  width: 26vw;
  top: 35%;
  left: 48%;
}

.popup_text-wrapper {
  z-index: 799;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 13%;
  display: flex;
}

.popup_header {
  color: var(--dark);
  margin-bottom: 1em;
  font-size: 1.6em;
  line-height: 1.3;
}

.popup_text {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 1em;
  line-height: 1.6;
  display: block;
}

.modal-image {
  object-fit: cover;
  width: 22.5em;
  height: 30em;
  margin: 2.7em auto;
  position: relative;
}

.steps {
  display: flex;
}

.red2 {
  z-index: 1;
  width: 31vw;
  position: absolute;
  top: 37%;
  left: 66%;
}

.step_text-container {
  overflow: hidden;
}

.step {
  z-index: 6;
  flex-direction: column;
  position: absolute;
}

.step.giraffe {
  top: 47%;
  left: 5%;
}

.step._3 {
  top: 50%;
  left: 59%;
}

.step._4 {
  top: 78%;
  left: 12%;
}

.step._5 {
  top: 76%;
  left: 61%;
}

.step._6 {
  top: 5%;
  left: 60%;
}

.step._7 {
  top: 15%;
  left: 1%;
}

.step._8 {
  top: 33%;
  left: 41%;
}

.step._9 {
  top: 51%;
  left: 59%;
}

.step._10 {
  top: 58%;
  left: 0%;
}

.step._12 {
  top: 2.5%;
  left: 57%;
}

.step._13 {
  top: 8%;
  left: 4%;
}

.step._14 {
  top: 22%;
  left: 54%;
}

.step._15 {
  top: 28%;
  left: 0%;
}

.step._16 {
  top: 39%;
  left: 58%;
}

.background-dots {
  z-index: 18;
}

.team_wrapper {
  z-index: 9;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  inset: 0%;
}

.member {
  z-index: 10;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 10vw;
  height: 13vw;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 6px 6px #0000004d;
}

.member:hover {
  box-shadow: 4px 4px 6px #000;
}

.member_text-wrapper {
  flex-direction: column;
  margin: 10px 20px 20px;
  display: none;
  transform: translate(0);
}

.team_image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 0% 5% 25%;
}

.member_name {
  text-align: center;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.member_position {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.member_description {
  text-align: center;
}

.hero_logo {
  z-index: 5;
  opacity: 0;
  width: 36vw;
  max-width: 50em;
  position: absolute;
}

.member_image-wrapper {
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}

.step_iimage-frame {
  z-index: 3;
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.image-wrp {
  z-index: 7;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: 30vw;
  display: flex;
  position: relative;
}

.image-wrp._15 {
  width: 26vw;
}

.image-wrp._14 {
  width: 38vw;
  height: 38vw;
}

.step_header {
  position: absolute;
}

.step_header._2 {
  top: -2%;
  left: 36%;
}

.step_header._1 {
  top: 40%;
  left: 36%;
}

.step_header._3 {
  top: .5%;
  left: 35%;
}

.modal-parent {
  z-index: 15;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ed7362b3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  margin: 0% auto;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.modal-parent._1-giraffe, .modal-parent._2-team, .modal-parent._3, .modal-parent._4, .modal-parent._5-lego, .modal-parent._6-teams-call, .modal-parent._7-buch, .modal-parent._8-lernen {
  display: none;
}

.modal-parent._9-auszeichnung {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.modal-parent._11-verantwortung, .modal-parent._12-unleashed, .modal-parent._13-k-venture, .modal-parent._14-mudmaster, .modal-parent._15-inspiration {
  display: none;
}

.devider {
  position: absolute;
  inset: 25% 0% auto;
}

.wall-background {
  width: 100%;
  height: 100vw;
  margin-top: 200vh;
  position: absolute;
  inset: 0% 0% auto;
}

.devider-blue {
  z-index: 0;
  position: absolute;
  inset: -16% 0% auto;
}

.line1, .line3 {
  z-index: 2;
  position: relative;
}

.devider-yellow {
  position: absolute;
  inset: -11% 0% auto;
}

.big-step {
  height: 42vw;
  position: absolute;
  inset: auto 0% 23%;
}

.corner_wrp {
  width: 18vw;
  position: relative;
  inset: 0% auto auto 5%;
}

.corner_wrp._1 {
  position: absolute;
  inset: 0% auto auto 14%;
}

.corner_wrp._2 {
  position: absolute;
  inset: 0% 14% auto auto;
}

.corner_wrp._3 {
  position: absolute;
  inset: auto auto 0% 14%;
}

.corner_wrp._4 {
  position: absolute;
  inset: auto 14% 0% auto;
}

.corner_wrp.middle {
  width: 24vw;
  position: absolute;
  inset: 23% 0% 0% 36%;
}

.corner_img {
  z-index: 3;
  position: relative;
}

.click-info {
  position: absolute;
  top: 12%;
  left: 83%;
}

.click_arrow {
  width: 8vw;
  transform: rotate(-187deg);
}

.click_text {
  color: var(--white);
  font-family: Rocksalt, sans-serif;
  font-size: 1vw;
  line-height: 1.2;
}

.einleitung {
  z-index: 11;
  justify-content: center;
  align-items: center;
  width: 41vw;
  height: 23vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 8% 0% auto;
}

.text-block-4 {
  z-index: 2;
  color: var(--white);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4%;
  padding-right: 4%;
  font-family: Montserrat, sans-serif;
  font-size: 1.4vw;
  font-weight: 600;
  line-height: 1.3;
  position: relative;
}

.red-span {
  color: var(--salmon);
  font-size: 1.5vw;
}

.red-span-copy {
  color: var(--light-blue);
  font-size: 1.5vw;
}

.yellow-span {
  color: var(--gold);
  font-size: 1.5vw;
}

.green-span {
  color: var(--light-blue);
}

.green-span.link {
  text-decoration: underline;
  transition: color .3s ease-in;
}

.green-span.link:hover {
  color: #fff;
}

.link {
  text-decoration: none;
}

.yellow-span-overlay {
  color: var(--gold);
  text-decoration: none;
}

.yellow-span-overlay.link {
  text-decoration: underline;
  transition: color .3s ease-in;
}

.yellow-span-overlay.link:hover {
  color: #fff;
}

.red-span-overlay {
  color: var(--salmon);
}

.red-span-overlay.link {
  text-decoration: underline;
  transition: color .3s ease-in;
}

.red-span-overlay.link:hover {
  color: #fff;
}

.link-2, .link-3 {
  text-decoration: none;
}

.green-span-overlay {
  color: #96cfda;
}

.green-span-overlay.link {
  text-decoration: underline;
  transition: color .3s ease-in;
}

.green-span-overlay.link:hover {
  color: #fff;
}

.link-4 {
  text-decoration: none;
}

.red3 {
  z-index: 1;
  width: 17vw;
  position: absolute;
  top: 23%;
  left: 53%;
}

.red1 {
  z-index: 1;
  width: 12vw;
  position: absolute;
  top: 22%;
  left: 15%;
}

.red4 {
  z-index: 1;
  width: 12vw;
  position: absolute;
  top: 34%;
  left: -5%;
}

.red5 {
  z-index: 1;
  width: 19vw;
  position: absolute;
  top: 58%;
  left: 17%;
}

.red6 {
  z-index: 1;
  width: 13vw;
  position: absolute;
  top: 60%;
  left: 60%;
}

.red7 {
  z-index: 1;
  width: 8vw;
  position: absolute;
  top: 78%;
  left: 37%;
}

.cta-section {
  background-color: #9fdc9b;
  background-image: linear-gradient(#e7c440, #a2ddb7);
  margin-top: -10%;
  position: relative;
}

.cta_heading {
  color: #fff;
  text-align: center;
  margin-bottom: .5em;
  font-family: Montserrat, sans-serif;
  font-size: 6vw;
  line-height: 1;
}

.cta-wrp {
  z-index: 2;
  width: 45em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.form-block {
  border: 5px solid var(--light-blue);
  background-color: #fff;
  border-radius: 4.1em;
  padding: 2.6em;
}

.text-field {
  z-index: 1;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  border-color: black var(--white) var(--white);
  min-height: 45px;
  color: var(--white);
  letter-spacing: -.25px;
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 15px;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.25em;
  transition: color .2s;
  display: inline-block;
  position: relative;
}

.text-field:hover {
  color: var(--almost-black);
}

.text-field:focus {
  border-top-style: none;
  border-right-color: var(--white);
  border-bottom-color: var(--white);
  border-left-color: var(--white);
  background-color: var(--white);
  color: var(--almost-black);
}

.text-field::placeholder {
  color: var(--white);
}

.text-field.large {
  height: 12em;
}

.text-field.firma {
  border-left-style: none;
  border-left-width: 0;
  width: 100%;
  margin-bottom: 0;
  display: inline-block;
}

.text-field.phone {
  border-left-style: none;
  border-left-width: 0;
}

.form-graid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 5px;
  display: grid;
}

.submit-button {
  background-color: var(--gold);
  color: var(--dark);
  border-radius: 2.6em;
  margin-top: 1.7em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4vw;
  padding-right: 4vw;
  font-size: 1vw;
}

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

.yelllow-bot-devider {
  position: absolute;
  inset: 0% 0% auto;
  transform: rotate(180deg);
}

.cta_read {
  flex-direction: column;
  align-items: center;
  max-width: 45em;
  margin-top: 10em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10em;
  display: flex;
}

.footer-dark {
  background-color: #a0d3dd;
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 15px;
  display: none;
  position: relative;
}

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

.footer-link {
  color: #1a1b1f;
  margin-top: 12px;
  margin-bottom: 6px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.footer-link:hover {
  color: #1a1b1fbf;
}

.footer-social-block {
  justify-content: flex-end;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.footer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.hero-logo-wrp {
  z-index: 6;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pin {
  width: 6vw;
  position: absolute;
  inset: -5% 0% auto auto;
}

.pin._1 {
  right: 40%;
}

.pin._4 {
  right: 59%;
}

.pin._9 {
  right: 54%;
}

.pin._10 {
  right: 59%;
}

.pin._12 {
  right: 44%;
}

.pin._15 {
  right: -17%;
}

.pin._17 {
  right: 50%;
}

.row1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 95%;
  height: 88%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 5% 0% auto;
}

.image-7 {
  z-index: 1;
  width: 100%;
  display: block;
  position: absolute;
  top: -10%;
}

.nicolas {
  transform: rotate(10deg);
}

.modal-centering {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.modal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: auto;
  max-width: 70em;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.modal-bg {
  position: absolute;
  inset: 0%;
}

.close {
  z-index: 999;
  color: #000;
  cursor: default;
  padding: 13px;
  font-size: 4rem;
  font-weight: 400;
  position: absolute;
  inset: 3% 3% auto auto;
  transform: rotate(45deg);
}

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

.step-3popups {
  display: block;
}

.popup-link {
  color: var(--salmon);
  text-decoration: none;
}

.blue1 {
  z-index: 1;
  filter: brightness(93%);
  width: 29vw;
  position: absolute;
  top: 21%;
  left: 21%;
}

.blue2 {
  z-index: 1;
  filter: brightness(93%);
  width: 22vw;
  position: absolute;
  top: -15%;
  left: 55%;
}

.blue3 {
  z-index: 1;
  filter: brightness(93%);
  width: 15vw;
  position: absolute;
  top: 19%;
  left: 65%;
}

.blue4 {
  z-index: 1;
  filter: brightness(93%);
  width: 10vw;
  position: absolute;
  top: 56%;
  left: 64%;
}

.blue5 {
  z-index: 1;
  filter: brightness(93%);
  width: 10vw;
  position: absolute;
  top: 59%;
  left: 8%;
}

.blue6 {
  z-index: 1;
  filter: brightness(93%);
  width: 21vw;
  position: absolute;
  top: 71%;
  left: 79%;
}

.blue7 {
  z-index: 1;
  width: 12vw;
  position: absolute;
  top: 74%;
  left: 3%;
}

.blue8 {
  z-index: 1;
  width: 12vw;
  position: absolute;
  top: 61%;
  left: 47%;
}

.blue9 {
  z-index: 1;
  width: 12vw;
  position: absolute;
  top: 83%;
  left: 40%;
}

.red8 {
  z-index: 1;
  width: 39vw;
  position: absolute;
  top: 67%;
  left: 80%;
}

.red9 {
  z-index: 1;
  width: 11vw;
  position: absolute;
  top: 100%;
  left: 6%;
}

.yellow1 {
  z-index: 1;
  width: 31vw;
  position: absolute;
  top: 7%;
  left: -3%;
}

.yellow2 {
  z-index: 1;
  width: 46vw;
  position: absolute;
  top: 11%;
  left: 43%;
}

.yellow3 {
  z-index: 1;
  width: 20vw;
  position: absolute;
  top: 29%;
  left: 0%;
}

.yellow4 {
  z-index: 1;
  width: 12vw;
  position: absolute;
  top: 44%;
  left: 57%;
}

.corner-bg {
  z-index: 2;
  width: 80%;
  position: absolute;
  inset: 0%;
}

.corner-bg.change-color {
  filter: contrast(0%);
}

.amelie {
  transform: rotate(-6deg);
}

.amelie.landing {
  margin-left: 8vw;
  transform: rotate(6deg);
}

.irina, .max {
  transform: rotate(9deg);
}

.member3 {
  transform: rotate(-7deg);
}

.nick {
  transform: rotate(9deg);
}

.julia {
  transform: rotate(-3deg);
}

.anna {
  transform: rotate(9deg);
}

.lisann {
  transform: rotate(-4deg);
}

.iryna {
  transform: rotate(9deg);
}

.david {
  object-fit: fill;
  margin-left: 0;
  position: static;
  transform: rotate(-4deg);
}

.david.move {
  margin-left: 0;
  padding-left: 0%;
}

.moritz {
  transform: rotate(9deg);
}

.julius {
  transform: rotate(2deg);
}

.jonas {
  transform: rotate(-3deg);
}

.christian {
  transform: rotate(10deg);
}

.malte {
  transform: rotate(-5deg);
}

.tim {
  transform: rotate(10deg);
}

.member18 {
  display: none;
  transform: rotate(10deg);
}

.hero-popups {
  z-index: 15;
  width: 100vw;
  height: 100vh;
  display: inline;
  position: fixed;
  inset: 0%;
}

.member-popup {
  z-index: 15;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  margin: 0% auto;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.member-popup.p-tim {
  display: none;
}

.member-popup.p-max {
  display: inline;
}

.member-popup.p-du, .member-popup.p-nick, .member-popup.p-julia, .member-popup.p-anna, .member-popup.p-lisann, .member-popup.p-iryna, .member-popup.p-david, .member-popup.p-moritz, .member-popup.p-amelie, .member-popup.p-julius, .member-popup.p-nicolas, .member-popup.p-jonas, .member-popup.p-christian {
  display: none;
}

.member-popup.p-irina {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.member-popup.p-du-2 {
  display: none;
}

.modal-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 30em;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 47px;
  padding-bottom: 47px;
  display: grid;
  position: relative;
}

.modal-image-copy {
  object-fit: cover;
  width: auto;
  height: 20em;
  position: relative;
}

.popup_text-wrapper-copy {
  z-index: 799;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.member_skills {
  color: #000;
  text-align: center;
  margin-top: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 1em;
  line-height: 1.6;
}

.member_header {
  color: var(--dark);
  text-align: center;
  margin-bottom: 0;
  font-size: 1.6em;
  line-height: 1.3;
}

.member_pos {
  color: var(--dark);
  margin-top: 6px;
  margin-bottom: 5px;
  font-size: 1.2em;
  line-height: 1.3;
}

.modal-bg-copy {
  background-color: #646464b3;
  position: absolute;
  inset: 0%;
}

.yellow-cta1 {
  z-index: 1;
  width: 30vw;
  position: absolute;
  top: 84%;
  left: 75%;
}

.yellow-cta3 {
  z-index: 1;
  width: 20vw;
  position: absolute;
  top: 83%;
  left: 35%;
}

.yellow-cta2 {
  z-index: 1;
  width: 30vw;
  position: absolute;
  top: 89%;
  left: 4%;
}

.html-embed {
  width: 100%;
  height: 100%;
}

.section {
  display: none;
}

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

.sm-icon {
  width: 3vw;
}

.form_link {
  color: var(--salmon);
  text-decoration: none;
}

.checkbox-field {
  margin-top: 4px;
  margin-bottom: 4px;
}

.text-block-5 {
  color: #33333380;
  margin-bottom: 20px;
}

.link-5 {
  text-decoration: none;
}

.new-row1 {
  z-index: 14;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 64vw;
  display: block;
  position: absolute;
  top: -2%;
}

.success-message {
  background-color: #0000;
}

.row1-new {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 95%;
  height: 88%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: absolute;
  inset: 5% 0% auto;
}

.background-bubbles {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.bubble-1 {
  width: 12vw;
  position: absolute;
  top: 2%;
  left: 5%;
}

.bubble-2 {
  width: 16vw;
  position: absolute;
  top: 15%;
  left: -2%;
}

.bubble-3 {
  width: 16vw;
  position: absolute;
  top: 72%;
  left: -2%;
}

.bubble-4 {
  width: 11vw;
  position: absolute;
  top: 72%;
  left: 8%;
}

.bubble-5 {
  width: 9vw;
  position: absolute;
  top: 8%;
  left: 73%;
}

.bubble-6 {
  width: 9vw;
  position: absolute;
  top: 31%;
  left: 90%;
}

.bubble-7 {
  width: 21vw;
  position: absolute;
  top: 0%;
  left: 79%;
}

.bubble-8 {
  width: 17vw;
  position: absolute;
  top: 78%;
  left: 82%;
}

.member11, .member11-mobil {
  transform: rotate(-7deg);
}

.header-img {
  width: 21vw;
}

.blur-layer {
  z-index: 1;
  background-image: linear-gradient(to top, #00000003 1%, #00000080 48%, #0000 99% 100%, #0000 100%, #0000);
  display: none;
  position: absolute;
  inset: 0%;
}

.bubble-9 {
  width: 17vw;
  position: absolute;
  top: 85%;
  left: 43%;
}

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

.main-wrapper {
  position: relative;
}

.lp-section_home-hero {
  background-image: url('../images/kariere1.webp');
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lp-padding-global {
  height: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.lp-padding-global.full-width {
  padding-left: 0;
  padding-right: 0;
}

.container-large {
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container-large.full-width {
  max-width: none;
}

.container-large.relative {
  width: 100%;
  max-width: 1440px;
  position: relative;
}

.container-large.no-max {
  width: 100%;
  max-width: none;
}

.container-large.border-bottom {
  border-bottom: 1px solid var(--border--border-color-header);
}

.home-hero_wrapper {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 5vw;
  display: flex;
}

.hero-titles_wrapper {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.title_wrapper {
  overflow: hidden;
}

.title_wrapper.preloader {
  position: relative;
}

.heading-h1-regular {
  color: var(--white);
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 5svw;
  font-weight: 400;
  line-height: 1.2em;
}

.heading-h1-regular.preloader {
  position: relative;
}

.heading-h1-light {
  color: var(--white);
  letter-spacing: -4px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 5svw;
  font-weight: 300;
  line-height: 1.2em;
}

.heading-h1-light.preloader {
  position: relative;
}

.heading-h1-bold {
  color: var(--white);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 5svw;
  font-weight: 700;
  line-height: 1.2em;
}

.heading-h1-bold.preloader {
  position: relative;
}

.hero-banner_wrapper {
  grid-column-gap: .6svw;
  grid-row-gap: .6svw;
  align-items: center;
  display: flex;
}

.banner_icon {
  background-color: var(--magenta);
  border-top-left-radius: .5vw;
  border-top-right-radius: .5vw;
  border-bottom-left-radius: .5vw;
  width: 1.5vw;
  min-width: 16px;
  height: 1.5vw;
  min-height: 16px;
}

.banner_text {
  color: var(--white);
  letter-spacing: -.5px;
  font-family: Inter, sans-serif;
  font-size: 1.75svw;
  font-weight: 300;
  line-height: 1.25em;
}

.banner_text.is-first, .banner_text.is-second {
  letter-spacing: -.5px;
  font-size: 1.75svw;
}

.lp-section_home-digitalisierung {
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
}

.digitalisierung_wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 7vw;
  padding-bottom: 6vw;
  display: flex;
}

.heading-h2-regular {
  color: var(--almost-black);
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 5.6svw;
  font-weight: 400;
  line-height: 1.2em;
}

.heading-h2-regular.is-centered {
  text-align: center;
}

.heading-h2-regular.is-centered.mobile {
  display: none;
}

.heading-h2-regular.is-left-aligned {
  text-align: right;
}

.heading-h2-regular.is-left-aligned.mobil, .heading-h2-regular.mobil {
  display: none;
}

.heading-h2-regular.is-bold {
  letter-spacing: -1px;
  font-weight: 700;
}

.digitalisierung-shape_wrapper {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 2fr 1fr 3fr 3fr 1fr 1fr 3fr 1fr 3fr 3fr;
  grid-auto-columns: 1fr;
  height: 25vw;
  margin-top: -12%;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.digitalisierung-shape_wrapper.mobil {
  display: none;
}

.shape_white {
  z-index: 1;
  background-color: var(--white);
  width: 100%;
  height: 100%;
  position: relative;
}

.shape_transparent {
  background-color: #0000;
  flex: 1;
  height: 100%;
  position: relative;
}

.shape_transparent.tl-tr {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex: 1;
  height: 100%;
  position: relative;
  box-shadow: 0 -10px #fff;
}

.shape_transparent.tr {
  border-top-left-radius: 0;
  border-top-right-radius: 10px;
  box-shadow: 0 -10px #fff;
}

.shape_transparent.bl {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  box-shadow: 0 10px #fff;
}

.shape_transparent.tr-bl-br {
  box-shadow: 0 10px 0 0 var(--white), 0 -10px 0 0 #fff;
  border-radius: 0 10px 10px;
}

.shape_transparent.bl-br {
  box-shadow: 0 10px 0 0 var(--white);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.shape_transparent.tr-bl {
  border-top-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: 0 10px #fff, 0 -10px #fff;
}

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

.text-large {
  letter-spacing: -.25px;
  font-family: Inter, sans-serif;
  font-size: 1.5svw;
  font-weight: 300;
  line-height: 1.4em;
}

.text-large.is-white, .text-large.is-white.show-mobil {
  color: var(--white);
}

.text-large.mobil {
  display: none;
}

.text-large.show-mobil {
  color: var(--almost-black);
  font-weight: 300;
}

.text-large.show-mobil.is-magenta {
  color: var(--magenta);
}

.text-large.show-mobil.is-magenta.is-bold {
  font-weight: 700;
}

.text-large.desktop {
  color: var(--almost-black);
}

.text-large.mobil {
  color: var(--almost-black);
  font-weight: 300;
}

.lp-nav_wrapper {
  z-index: 9998;
  justify-content: space-between;
  align-items: stretch;
  height: 80px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  transition: all .3s;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.lp-nav_wrapper.dark {
  background-color: #000;
  align-items: center;
}

.lp-nav_brand {
  align-items: center;
}

.lp-nav_brand.w--current {
  align-items: center;
  display: flex;
}

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

.nav_logo.dark {
  z-index: 0;
  position: absolute;
}

.nav_logo.new {
  flex: 1;
  max-width: 50px;
  max-height: 50px;
}

.lp-nav_menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.hero_animation {
  width: 73.7svw;
  margin-right: -2px;
  position: absolute;
  inset: auto -17.5svw -.5svw auto;
}

.home-hero_lottie {
  position: relative;
}

.lp-section_home-about {
  background-color: var(--midnight-blue);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
}

.about-content_wrapper {
  grid-column-gap: 3svw;
  grid-row-gap: 3svw;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 10svw;
  padding-bottom: 6svw;
  padding-right: 0;
  display: flex;
}

.category-text {
  color: var(--white);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 1.13svw;
  font-weight: 300;
  line-height: 1em;
}

.category-text.footer {
  font-size: 14px;
}

.about-title_wrapper {
  grid-column-gap: 1.5svw;
  grid-row-gap: 1.5svw;
  align-self: flex-start;
  align-items: flex-end;
  display: flex;
}

.about-title_wrapper.second {
  align-self: center;
}

.about-title_wrapper.third {
  align-self: flex-end;
}

.about-title_subtext {
  align-items: flex-start;
  max-width: 46svw;
  margin-bottom: .8svw;
  padding-top: 1.5svw;
  padding-left: 2svw;
  display: flex;
  position: relative;
}

.icon_small {
  background-color: var(--white);
  border-top-left-radius: .5svw;
  border-top-right-radius: .5svw;
  border-bottom-left-radius: .5svw;
  width: 1.5svw;
  min-width: 16px;
  height: 1.5svw;
  min-height: 16px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.icon_small.is-magenta {
  background-color: var(--magenta);
}

.about-shapes_wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.about_left-shape {
  background-color: var(--white);
  transform-origin: 50% 0;
  border-bottom-right-radius: 10px;
  width: 5svw;
  min-width: 50px;
  max-width: 72px;
  height: 5svw;
  min-height: 50px;
  max-height: 72px;
}

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

.about-right_top {
  background-color: var(--white);
  transform-origin: 50% 0;
  width: 5svw;
  min-width: 50px;
  max-width: 72px;
  height: 5svw;
  min-height: 50px;
  max-height: 72px;
}

.about-right_bottom {
  background-color: var(--white);
  transform-origin: 100%;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 5svw;
  min-width: 50px;
  max-width: 72px;
  height: 5svw;
  min-height: 50px;
  max-height: 72px;
}

.portfolio-content_wrapper {
  aspect-ratio: 16 / 9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-height: 100vh;
  display: flex;
  position: relative;
}

.lp-section_home-portfolio {
  background-color: var(--midnight-blue);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
}

.portfolio_top {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.category_wrapper {
  border-right: 1px solid var(--white);
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 2.5rem;
}

.portfolio-top_grid-element {
  border-right: 1px none var(--white);
}

.portfolio-top_grid-element.second {
  border-left: 1px solid var(--white);
}

.portfolio_grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--white);
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.portfolio_grid.tablet-mobile {
  display: none;
}

.portfolio-grid_column.first {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.portfolio-grid_column.second, .portfolio-grid_column.third {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.portfolio-grid-column_top {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  transform-origin: 50% 0;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  width: 100%;
  height: 16%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.portfolio-grid-top_filler {
  background-color: var(--midnight-blue);
  border-bottom-left-radius: 10px;
  height: 100%;
}

.portfolio-grid-top_filler._1 {
  flex: none;
  align-self: stretch;
  width: 5%;
}

.portfolio-grid-top_filler._2 {
  flex: none;
  align-self: stretch;
  width: 19%;
}

.portfolio-grid-top_filler._3 {
  flex: none;
  align-self: stretch;
  width: 56.5%;
}

.portfolio-grid-top_filler.auto {
  flex: none;
  align-self: stretch;
  width: 19.5%;
}

.portfolio-column-content_wrapper {
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  background-color: var(--midnight-blue);
  transform-origin: 50% 0;
  border-top-right-radius: 10px;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
  height: 47%;
  padding: 3vw 2vw 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-h3 {
  color: var(--white);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2.5svw;
  font-weight: 400;
  line-height: 1.2em;
}

.heading-h3.is-light {
  font-weight: 300;
}

.portfolio-grid-column_bottom {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-bottom: 1px solid var(--white);
  transform-origin: 50% 100%;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  width: 100%;
  height: 37%;
  display: flex;
  position: relative;
}

.portfolio-grid-bottom-filler_wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 1px;
  flex-direction: column;
  flex: none;
  align-self: stretch;
  width: 50%;
  height: 100%;
  display: flex;
}

.portfolio-grid-bottom_filler {
  background-color: var(--midnight-blue);
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
}

.portfolio-grid-bottom_filler.auto {
  flex: 1;
  align-self: stretch;
  width: auto;
}

.portfolio-grid-bottom_filler._6 {
  flex: none;
  align-self: stretch;
  width: 33%;
}

.portfolio-grid-bottom_filler._4 {
  background-color: var(--magenta);
  flex: none;
  align-self: stretch;
  height: 57%;
}

.portfolio-grid-bottom_filler._5 {
  flex: 1;
  align-self: stretch;
  width: 100%;
}

.portfolio-grid-bottom_filler._1-2 {
  flex: none;
  align-self: stretch;
  width: 46%;
}

.portfolio-grid-bottom_filler._2-2 {
  background-color: var(--magenta);
  flex: none;
  align-self: stretch;
  height: 36%;
}

.text-small {
  color: var(--white);
  letter-spacing: -.25px;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.25em;
  text-decoration: none;
}

.text-small.portfolio {
  letter-spacing: -.25px;
  font-size: 1.2svw;
  line-height: 1.4em;
}

.text-small.is-right-aligned {
  text-align: right;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
}

.text-small.footer {
  background-color: #0000;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.text-small.header {
  background-color: #0000;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}

.portfolio-text-btn_wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  margin-top: 6svw;
  display: flex;
  position: absolute;
  inset: 115px 2vw auto;
  transform: translate(0, 30vw);
}

.button-primary {
  background-color: var(--midnight-blue);
  min-width: 150px;
  height: 50px;
  color: var(--white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding: 0 25px;
  font-family: Montserrat, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  transition: all .3s cubic-bezier(.5, 0, .15, 1);
  display: flex;
}

.button-primary:hover {
  background-color: var(--magenta);
  color: var(--white);
}

.button-primary.align-bottom {
  align-self: flex-end;
}

.custom-code {
  opacity: 0;
  position: fixed;
  inset: 0%;
}

.lp-section_home-wirsindmehr {
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  overflow: hidden;
}

.wirsindmehr_wrapper {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 7vw;
  padding-bottom: 5vw;
  padding-right: 0;
  display: flex;
  position: relative;
}

.section_titles {
  grid-column-gap: 1em;
  grid-row-gap: 0svw;
  flex-flow: wrap;
  align-content: flex-start;
  align-items: flex-start;
  width: 41svw;
  padding-top: .75svw;
  padding-left: 1.75svw;
  display: flex;
  position: relative;
}

.section_titles.be-part {
  width: 77svw;
}

.wirsindmehr_text {
  max-width: 75svw;
  margin-top: 5vw;
  margin-bottom: 5vw;
  padding-left: 2svw;
}

.wirsindmehr_items {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.wirsindmehr-item_wrapper {
  aspect-ratio: 3 / 2;
  border-radius: 10px 10px 10px 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 1.5svw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wirsindmehr-item_background {
  z-index: 0;
  background-image: linear-gradient(#00000080, #00000080), url('../images/au1_1_11zon.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.wirsindmehr-item_background.is-second {
  background-image: linear-gradient(#00000080, #00000080), url('../images/h2_2_11zon.webp');
  background-position: 0 0, 50%;
}

.wirsindmehr-item_background.is-third {
  background-image: linear-gradient(#00000080, #00000080), url('../images/h3_3_11zon.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.wirsindmehr-item_title {
  align-items: flex-start;
  padding-top: 1.25svw;
  padding-left: 1.75svw;
  display: flex;
  position: relative;
}

.heading-h4 {
  color: var(--white);
  letter-spacing: -.9px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2.5svw;
  font-weight: 600;
  line-height: 1.2em;
}

.button-secondary {
  border: 1px solid var(--magenta);
  background-color: var(--magenta);
  min-width: 150px;
  color: var(--white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding: 14px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1.35svw;
  font-weight: 400;
  line-height: 1em;
  display: flex;
  position: relative;
}

.button-secondary:hover {
  border: 1px solid var(--almost-black);
  background-color: var(--white);
  color: var(--almost-black);
}

.button-secondary.easing {
  transition: all .3s;
}

.button-secondary.easing.blue-hover:hover {
  background-color: var(--midnight-blue);
  color: var(--white);
}

.button-secondary.easing.blue-hover.max-width-600 {
  max-width: none;
}

.button-secondary.no-border {
  border-style: none;
  border-width: 0;
}

.button-secondary.no-border:hover {
  border: 0px none var(--white);
}

.wirsindmehr-item_hover-overlay {
  background-color: var(--magenta);
  border-bottom-right-radius: 200px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: -100% auto auto -100%;
}

.lp-section_home-karriere {
  z-index: 1;
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
}

.karriere_wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 5vw;
  padding-bottom: 5vw;
  padding-right: 0;
  display: block;
  position: relative;
}

.karriere_content {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 5vw;
  padding-left: 2svw;
  display: flex;
}

.spacing-200 {
  min-height: 200px;
}

.karriere_bottom {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-wrap: wrap;
  align-content: flex-start;
  padding-bottom: 0;
  padding-left: 1.75svw;
  display: flex;
}

.karriere_bottom.mobil {
  display: none;
}

.karriere-bottom_item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.karriere-bottom_text {
  color: var(--almost-black);
  letter-spacing: -1.4px;
  font-family: Montserrat, sans-serif;
  font-size: 2.05svw;
  font-weight: 300;
  line-height: 1.2em;
}

.karriere-bottom_text.is-bold {
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-weight: 700;
}

.karriere_graphics {
  position: absolute;
  inset: auto 0% 0% auto;
}

.karriere-shapes_bl {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  width: 216px;
  height: 144px;
  display: grid;
  position: absolute;
  inset: auto auto 0% 0%;
}

.karriere-shape-tr {
  background-color: var(--white);
  transform-origin: 0%;
  border-top-right-radius: 10px;
  width: 100%;
  height: 100%;
}

.karriere-shape-tr.upper-origin {
  transform-origin: 50% 0;
}

.karriere-shapes_tr {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 144px;
  height: 144px;
  display: grid;
  position: absolute;
  inset: 0% 0% auto auto;
}

.karriere-shape-bl {
  background-color: var(--white);
  transform-origin: 0%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  width: 100%;
  height: 100%;
}

.karriere-shape-bl.upper-origin {
  transform-origin: 50% 0;
}

.karriere-shapes_br {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 144px;
  height: 216px;
  display: grid;
  position: absolute;
  inset: auto 0% -144px auto;
}

.karriere-shape-tl {
  background-color: var(--white);
  transform-origin: 50% 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
  height: 100%;
}

.lp-section_home-kontakt {
  z-index: 0;
  background-color: var(--midnight-blue);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
  min-height: 1080px;
  position: relative;
}

.kontakt_wrapper {
  grid-column-gap: 10vh;
  grid-row-gap: 10vh;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-right: 0;
  display: flex;
  position: relative;
}

.textarea {
  z-index: 1;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  border-color: black var(--white) var(--white);
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  color: var(--white);
  letter-spacing: -.25px;
  background-color: #0000;
  margin-bottom: 0;
  padding: 15px;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.25em;
  transition: opacity .2s;
  position: relative;
}

.textarea:hover {
  color: var(--almost-black);
}

.textarea:focus {
  background-color: var(--white);
  color: var(--almost-black);
}

.textarea::placeholder {
  color: var(--white);
}

.kontakt-form_btn {
  background-color: var(--white);
  height: 50px;
  color: var(--almost-black);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 0 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
  transition: all .3s cubic-bezier(.5, 0, .15, 1);
}

.kontakt-form_btn:hover {
  background-color: var(--magenta);
  color: var(--white);
}

.kontakt-form {
  text-align: right;
  flex-flow: column;
  place-content: flex-start space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.field_wrapper {
  width: 50%;
  margin-bottom: 10vh;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.field_wrapper.for-textarea {
  width: 100%;
}

.field-hover_overlay {
  z-index: 0;
  background-color: var(--white);
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate(0, 100%);
}

.footer {
  z-index: 0;
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
}

.footer.background-color-almostblack {
  align-self: stretch;
}

.footer_wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 70vh;
  min-height: 750px;
  padding-top: 100px;
  padding-right: 0;
  display: flex;
  position: relative;
}

.footer_bottom {
  padding: 25px 2.5rem;
}

.footer_row {
  border-bottom: 1px solid var(--grey);
  flex-direction: row;
  display: flex;
}

.footer-column_first {
  border-right: 1px solid var(--grey);
  justify-content: space-between;
  align-items: flex-end;
  width: 42.5%;
  padding: 25px 25px 25px 2.5rem;
  display: flex;
}

.footer-column_second {
  border-right: 1px solid var(--white);
  justify-content: space-between;
  align-items: flex-end;
  width: 33%;
  padding: 25px;
  display: flex;
}

.footer-column_second.vertical {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border-right-color: var(--grey);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.footer-column_second.socials {
  border-right-color: var(--grey);
}

.social-icons_wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  align-items: flex-end;
  display: flex;
}

.social-media_item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
  position: relative;
}

.social-media_item.linkedin {
  margin-bottom: 1px;
}

.footer-column_third {
  border-right: 0px none var(--white);
  justify-content: space-between;
  align-items: flex-end;
  width: 33%;
  min-width: 330px;
  padding: 25px;
  display: flex;
}

.footer-column_third.vertical {
  flex-direction: column;
  align-items: flex-start;
}

.heading-footer {
  color: var(--white);
  letter-spacing: -2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 3.65svw;
  font-weight: 300;
  line-height: 1em;
  text-decoration: none;
}

.footer_legals {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.button-footer {
  border: 1px solid var(--white);
  background-color: var(--white);
  min-width: 150px;
  height: 50px;
  color: var(--almost-black);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding: 0 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em;
  display: flex;
  position: relative;
}

.button-footer:hover {
  border: 1px solid var(--magenta);
  background-color: var(--magenta);
  color: var(--white);
}

.button-footer.easing {
  transition: all .3s;
}

.wirsindmehr_animation {
  z-index: 1;
  width: 67svw;
  position: absolute;
  inset: 7vw -13.6svw auto auto;
}

.wirsindmehr_animation.mobil {
  max-width: 1100px;
  display: none;
}

.digitalisierung_background {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 2fr 1fr 3fr 3fr 1fr 1fr 3fr 1fr 3fr 3fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  min-width: 100vw;
  display: block;
  position: absolute;
  inset: -80% 0% auto;
}

.digitalisierung_animation {
  width: 10svw;
  min-width: 100px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.footer-logo {
  text-decoration: none;
}

.kontakt-mobil_shapes {
  display: none;
}

.footer-column_mobile {
  border-right: 0px none var(--white);
  justify-content: space-between;
  align-items: flex-end;
  width: 33%;
  min-width: 330px;
  padding: 25px;
  display: none;
}

.portfolio-grid-column-2_top {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  transform-origin: 50% 0;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  width: 100%;
  height: 25%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.portfolio-grid-column-2_bottom {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-bottom: 1px solid var(--white);
  transform-origin: 50% 100%;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  width: 100%;
  height: 28%;
  display: flex;
  position: relative;
}

.portfolio-grid-bottom-filler_wrapper-2nd {
  grid-column-gap: 0px;
  grid-row-gap: 1px;
  flex-direction: column;
  flex: none;
  align-self: stretch;
  width: 12%;
  height: 100%;
  display: flex;
}

.portfolio-column-2-filler-1 {
  background-color: var(--midnight-blue);
  border-bottom-left-radius: 10px;
  flex: none;
  width: 40%;
  height: 100%;
}

.portfolio-column-2-filler-2 {
  background-color: var(--midnight-blue);
  border-bottom-left-radius: 10px;
  width: 60%;
  height: 100%;
}

.shape_bordered {
  background-color: var(--white);
  width: 100%;
  position: relative;
}

.shape_border {
  border: 1px solid var(--magenta);
  transform-origin: 0%;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 100%;
  height: 100%;
  position: relative;
}

.shape_border.plus {
  border-top-right-radius: 10px;
}

.portfolio-grid-column-3_top {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  transform-origin: 50% 0;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  width: 100%;
  height: 38%;
  display: flex;
  position: relative;
}

.portfolio-grid-column-3_bottom {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-bottom: 1px solid var(--white);
  transform-origin: 50% 100%;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  width: 100%;
  height: 15%;
  display: flex;
  position: relative;
}

.portfolio-column-3-filler-1 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  width: 25%;
  height: 100%;
  display: flex;
}

.portfolio-column-3-filler-2 {
  background-color: var(--midnight-blue);
  border-bottom-left-radius: 10px;
  width: 25%;
  height: 100%;
}

.portfolio-column-3-filler-1-1 {
  background-color: var(--midnight-blue);
  border-bottom-left-radius: 10px;
  width: 100%;
  height: 66%;
}

.portfolio-column-3-filler-1-2 {
  background-color: var(--magenta);
  border-bottom-left-radius: 10%;
  width: 100%;
  height: 34%;
}

.portfolio-column-3-filler-3 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  flex: 1;
  width: auto;
  height: 100%;
  display: flex;
}

.portfolio-column-3-filler-3-1 {
  background-color: var(--midnight-blue);
  border-bottom-left-radius: 10px;
  width: 100%;
  height: 42%;
}

.portfolio-column-3-filler-3-2 {
  background-color: var(--midnight-blue);
  border-bottom-left-radius: 10px;
  width: 100%;
  height: 58%;
}

.portfolio-column-3-filler-4 {
  background-color: var(--midnight-blue);
  border-top-right-radius: 10px;
  width: 65%;
  height: 100%;
}

.portfolio-column-3-filler-5 {
  background-color: var(--midnight-blue);
  border-top-right-radius: 10px;
  flex: 1;
  width: auto;
  height: 100%;
}

.portfolio-text-btn_wrapper-3 {
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  margin-top: 6svw;
  display: flex;
  position: absolute;
  inset: 115px 2vw auto;
  transform: translate(0, 33vw);
}

.legal_wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
}

.legal-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--almost-black);
  flex-flow: column;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  display: flex;
}

.legal-text p {
  font-family: Inter, sans-serif;
}

.bullet-point_mask {
  position: relative;
  overflow: hidden;
}

.text-link, .text-link:hover {
  color: var(--almost-black);
}

.shape-transparent_wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.shape-transparent_after {
  background-color: var(--white);
  flex: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.banner_item {
  grid-column-gap: .4svw;
  grid-row-gap: .4svw;
  display: flex;
}

.footer_link {
  flex-direction: row;
  padding: 0;
  transition: color .3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.footer_link.inline {
  display: inline-block;
}

.footer-link_underline {
  background-color: var(--white);
  height: 1px;
  display: block;
  transform: translate(-101%);
}

.footer-link_underline.is-dark {
  background-color: var(--dark);
}

.social-media-svg {
  color: var(--white);
}

.footer-adress_wrapper {
  color: var(--white);
  flex-direction: column;
  align-self: auto;
  align-items: flex-end;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.digitalisierung-content-3 {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  margin-top: 7vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.div-block {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-direction: column;
  display: flex;
}

.digitalisierung-point_wrapper-2 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  align-items: flex-start;
  display: flex;
}

.bullet-point_icon-2 {
  background-color: #f02b87;
  border-top-left-radius: .5vw;
  border-top-right-radius: .5vw;
  border-bottom-left-radius: .5vw;
  width: 2vw;
  min-width: 16px;
  height: 2vw;
  min-height: 16px;
}

.bullet-point_text-2 {
  flex: 1;
  padding-top: .3vw;
}

.banner_text-2 {
  color: #fff;
  letter-spacing: -.5px;
  font-family: Inter, sans-serif;
  font-size: 1.75svw;
  font-weight: 300;
  line-height: 1.25em;
}

.banner_text-2.is-dark {
  color: #2b2b2e;
  width: 32vw;
}

.menu_anchor {
  height: 100vh;
  position: absolute;
  inset: auto 0% 0%;
}

.pageloader {
  z-index: 9999;
  text-align: right;
  background-color: #0000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.pageloader-titles_wrapper {
  z-index: 0;
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2.1875svw;
  display: flex;
  position: fixed;
  bottom: 10vw;
  left: 2.5rem;
}

.pageload_blue {
  z-index: 2;
  background-color: var(--midnight-blue);
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  overflow: hidden;
}

.pageload_magenta {
  z-index: 3;
  background-color: var(--magenta);
  flex: 1;
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0%;
  right: auto;
}

.legal-paragraph {
  line-height: 1.4em;
}

.body {
  line-height: 24px;
}

.fs-styleguide_label {
  color: #fff;
  background-color: #2d62ff;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

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

.heading-style-h2 {
  color: var(--text-color--text-color-midnight-blue);
  font-size: 5.5svw;
  font-weight: 400;
  line-height: 1.2em;
}

.heading-style-h2.margin-bottom {
  margin-bottom: -7px;
}

.heading-style-h2.mobil {
  display: none;
}

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

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

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

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

.heading-style-h1 {
  color: var(--text-color--text-color-midnight-blue);
  letter-spacing: -2.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 5.5svw;
  font-weight: 400;
  line-height: 1.2em;
}

.heading-style-h4 {
  color: var(--text-color--text-color-midnight-blue);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 1.86svw;
  line-height: 1.2em;
}

.heading-style-h4.text-color-white.books-titel {
  font-size: 1.7svw;
}

.heading-style-h3 {
  color: var(--text-color--text-color-midnight-blue);
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 2.2svw;
  font-weight: 400;
  line-height: 1.1em;
}

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

.heading-style-h5 {
  letter-spacing: 0;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 1.73svw;
  line-height: 1.45em;
}

.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_headings {
  padding-top: 80px;
}

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

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

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

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

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

.background-color-secondary {
  background-color: #2d62ff;
}

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

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

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

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

.text-color-secondary {
  color: #222;
}

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

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

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

.background-color-tertiary {
  background-color: #dd23bb;
}

.background-color-primary {
  color: #fff;
  background-color: #000;
}

.overflow-visible {
  overflow: visible;
}

.overflow-hidden {
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.hide {
  display: none;
}

.overflow-scroll {
  overflow: scroll;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

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

.hide-mobile-landscape {
  color: var(--text-color--text-color-midnight-blue);
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.overflow-auto {
  overflow: auto;
}

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

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

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

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

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

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

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

.portfolio_wrapper {
  min-height: 86svh;
  margin-top: 6.875rem;
}

.page-padding {
  background-color: #0000;
  width: 100%;
  padding: 0 5.6svw;
}

.page-padding.header {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.portfolio-hero-firstrow {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.portfolio-hero_title-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  flex-flow: column;
  width: 65%;
  max-width: 335px;
  display: flex;
}

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

.portfolio_hero-tab {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 33.3333%;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 25px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.portfolio-tab_title_wrapper {
  z-index: 5;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.cards-title {
  z-index: 5;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 2.2svw;
  font-weight: 600;
  line-height: 1.1em;
  position: relative;
}

.cards-title.news {
  white-space: break-spaces;
  flex: none;
  font-weight: 500;
  overflow: hidden;
}

.portfolio-tab-secondtitle {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
}

.page-code {
  display: block;
}

.portfolio_tab-content {
  position: relative;
}

.category {
  color: var(--text-color--text-color-midnight-blue);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: .875rem;
}

.category.text-color-white {
  font-size: 14px;
}

.section_portfolio_effizienzaudit {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
  position: static;
  inset: 0%;
}

.header_wrapper {
  border-top: 1px solid #c2c3e0;
  justify-content: space-between;
  align-items: center;
  padding-top: 25px;
  display: flex;
}

.header_wrapper.mtd-25-mtt-15 {
  border-top-style: none;
  border-top-width: 0;
  margin-top: 25px;
  position: relative;
}

.header_wrapper.join-us {
  border-top: 0px none var(--border--border-color-white);
  margin-top: 2.5rem;
  position: relative;
}

.header_wrapper.no-border-desktop {
  border-top-style: none;
  border-top-width: 0;
  position: relative;
}

.header_wrapper.hide-mobile-landscape {
  border-top-style: none;
  position: relative;
  overflow: hidden;
}

.header_wrapper.noborder {
  border-top-style: none;
  border-top-width: 0;
  position: relative;
}

.header_wrapper.dmb-15 {
  margin-bottom: 15px;
}

.section_portfolio_unsere {
  margin-top: 80px;
  position: relative;
  inset: 0%;
}

.desktop-unsere_content {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

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

.unsere_item {
  background-color: var(--slate-grey);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 35svw;
  min-height: 400px;
  max-height: 600px;
  padding: 25px;
  display: flex;
  position: relative;
  bottom: 0;
  overflow: hidden;
}

.unsere_item.is-first {
  background-image: url('../images/Unsere-image1_1.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.unsere_item.is-first._100 {
  background-image: url('../images/66682172b215f278b87059e0_Restrukturierungs-19_1.webp');
  width: 100%;
}

.unsere_item.is-second {
  background-image: url('../images/unsere-image2_1.webp');
  background-position: 50%;
  background-size: cover;
}

.unsere_item.is-second._100 {
  background-image: url('../images/Strategische-Systemanalyse.webp');
  width: 100%;
}

.unsere_item.is-fourth {
  background-image: url('../images/unsere-image3_1.webp');
  background-position: 50%;
  background-size: cover;
}

.unsere_item.is-fourth._100 {
  background-image: none;
  width: 100%;
}

.section_portfolio_usecases {
  margin-top: 80px;
  position: static;
  inset: 0%;
}

.border-square_absolute-top-left {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: -40px auto auto -40px;
}

.border-square_absolute-top-left.hide-tablet {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 1.6svw;
  height: 1.6svw;
  top: -1.6svw;
  left: -1.6svw;
}

.text-color-grey {
  color: var(--text-color--text-color-grey);
}

.cmscard_tag {
  background-color: var(--background--background-color-midnight-blue);
  color: var(--text-color--text-color-white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px 15px;
  font-family: Inter, sans-serif;
  display: flex;
}

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

.section_portfolio_termin {
  margin-top: 2.5rem;
  margin-bottom: 5rem;
  position: static;
  inset: 0%;
}

.termin_wrapper {
  grid-column-gap: 2.9svw;
  grid-row-gap: 2.9svw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 2.9svw;
  display: flex;
}

.tagline {
  color: var(--midnight-blue);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.945svw;
  font-weight: 300;
  line-height: 2.25rem;
}

.tagline.text-color-white {
  color: var(--text-color--text-color-white);
}

.tagline.text-color-white.mobil, .tagline.hide-desktop-tablet {
  display: none;
}

.background-color-almostblack {
  background-color: var(--almost-black);
}

.section_aboutus-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .98fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  min-height: 100svh;
  position: relative;
  overflow: hidden;
}

.slogan_wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--midnight-blue);
  display: flex;
}

.paragraph-80 {
  width: 95%;
  max-width: 485px;
}

.section_aboutus-vision {
  flex-flow: column;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.vision_buttons-wrapper {
  z-index: 999;
  width: 100%;
  padding-top: var(--vision-link-padding);
  background-color: var(--background--background-color-white);
  position: sticky;
  top: 0;
}

.vision-link {
  transform-origin: 0 100%;
  color: var(--text-color--text-color-midnight-blue);
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: var(--vision-link-text-size);
  padding-bottom: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  line-height: 1.1em;
  text-decoration: none;
  transition: all .3s cubic-bezier(.3, 0, .2, 1);
}

.vision-link.w--current {
  border-bottom: 8px none var(--lavender);
  box-shadow: inset 0 -8px 0 0 var(--background--background-color-lavender);
  font-size: 5.5svw;
}

.vision_image_wrap {
  width: 65vw;
  min-width: 550px;
  max-width: 950px;
  position: relative;
}

.mission_content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 55% 45%;
  grid-auto-columns: 1fr;
  margin-top: 4.5rem;
  display: block;
  position: relative;
}

.mission_image_wrap {
  width: 65vw;
  min-width: 550px;
  max-width: 950px;
  position: relative;
  overflow: visible;
}

.passion_content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 45% 55%;
  grid-auto-columns: 1fr;
  margin-top: 4.5rem;
  display: block;
  position: relative;
}

.section_aboutus-team {
  padding-top: 2.5rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.desktop-team-collection-list-wrapper {
  margin-top: 3rem;
}

.team-collection-list {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-collection-item {
  height: 24.4vw;
  max-height: 350px;
  position: relative;
  overflow: hidden;
  transform: translate(0, -2.5em);
}

.team-image {
  object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.team-image:hover {
  background-image: linear-gradient(#0000, #00000080);
}

.team-content_wrapper {
  z-index: 2;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  margin-bottom: -15px;
  display: flex;
  position: absolute;
  inset: auto 15px 15px;
  transform: translate(0, 100%);
}

.flowing-text {
  font-family: Inter, sans-serif;
  font-size: 1.51svw;
  line-height: 1.43em;
}

.flowing-text.text-color-white.team-subtitle {
  opacity: 0;
}

.team-skils_wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: 0;
  flex-flow: wrap;
  display: flex;
  overflow: hidden;
}

.team-skils_wrapper.absolute {
  opacity: 0;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  bottom: 15px;
}

.skill1 {
  color: var(--text-color--text-color-white);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px;
}

.skill2, .skill3 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px;
}

.section_aboutus-teamdiversity {
  padding-top: 10rem;
  padding-bottom: 2.5rem;
  position: relative;
  overflow: hidden;
}

.paragraph-deskt-85 {
  width: 85%;
}

.teamdiversity_layout {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 55% 45%;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start start;
  max-width: 100%;
  display: block;
  position: relative;
  overflow: visible;
}

.teamdiversity-image {
  width: 75vw;
  max-width: 1070px;
  height: auto;
  margin-top: -10rem;
  margin-left: 5rem;
  display: block;
  position: absolute;
  inset: 0% 0% 0% 50%;
}

.teamdiversity-image.hide-mobile-landscape {
  width: 50vw;
}

.teamdiversity-image.hide-desktop {
  display: none;
}

.vision_content-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 45% 55%;
  grid-auto-columns: 1fr;
  padding-top: 5rem;
  display: block;
  position: relative;
  overflow: visible;
}

.passion_img_wrap {
  width: 65vw;
  min-width: 550px;
  max-width: 950px;
  position: relative;
  overflow: visible;
}

.section_aboutus-awards {
  min-height: auto;
  margin-bottom: 11.875rem;
  position: relative;
}

.awards-title_wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 5rem;
  display: flex;
  position: relative;
}

.award-image {
  width: 100%;
  max-width: 100%;
}

.awards-title {
  flex-flow: column;
  align-self: flex-end;
  display: flex;
}

.awards-graphic-image {
  width: 63%;
}

.section_aboutus-haltung {
  min-height: auto;
  position: relative;
}

.haltung_wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.haltung-title-image {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  width: 25%;
  display: flex;
}

.haltung-image {
  width: auto;
  max-width: none;
  min-height: auto;
}

.haltung-content_wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 51%;
  display: flex;
}

.container-gap120 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5.6svw;
  padding-right: 5.6svw;
}

.container-gap120.hide-desktop {
  display: none;
}

.vision_layout {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  justify-content: stretch;
  display: grid;
  position: relative;
  overflow: visible;
}

.teamdiversity_column1 {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 1px;
  display: flex;
}

.section_newsletter {
  align-self: stretch;
  min-height: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}

.newsletter_wrapper {
  grid-column-gap: 4.2svw;
  grid-row-gap: 4.2svw;
  background-color: var(--background--background-color-midnight-blue);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 400px;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.newsletter-image {
  width: 33%;
  max-height: 335px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.section_publikationen-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url('../images/Union-publikationen_1.webp');
  background-position: 100% 100%;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr .9fr;
  grid-auto-columns: 1fr;
  align-content: center;
  height: 100vh;
  min-height: 55svw;
  margin-bottom: 5rem;
  display: none;
  position: relative;
  overflow: hidden;
}

.section_publikationes-whitepaper, .section_publikationes-unleashed {
  padding-bottom: 5rem;
}

.unleashed_wrapper {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  padding-top: 5rem;
  display: flex;
  position: relative;
}

.unleashed_title-column2 {
  border-left: 1px solid var(--border--border-color-header);
  padding-left: 2.5rem;
}

.unleashed_title-column1 {
  color: var(--text-color--text-color-midnight-blue);
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 2.5rem;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-weight: 400;
  line-height: 1.2em;
}

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

.unleashed-spotify_wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--background--background-color-midnight-blue);
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.unleashed_spotify-column1 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border-radius: 10px;
  flex-flow: column;
  min-width: 260px;
  padding: 35px 25px;
  display: flex;
}

.text-color-white.tmd-10 {
  margin-top: 10px;
}

.line {
  background-color: var(--border--border-color-header);
  height: 1px;
}

.unleashed_spotify-column2 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: var(--background--background-color-spotify);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 632px;
  padding: 50px 40px;
  display: flex;
}

.section_publikationes-text-buchbeitrage {
  position: relative;
}

.buchbeitrage-text_wrapper {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  padding-top: 30px;
  padding-bottom: 15px;
  display: flex;
  position: relative;
}

.section_publikationes-books-buchbeitrage {
  padding-bottom: 5rem;
  overflow: hidden;
}

.splide__arrows {
  grid-column-gap: 8px;
  justify-content: flex-start;
  display: flex;
}

.splide__arrow {
  color: #023460;
  background-color: #0000;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.splide__arrow:hover {
  color: #f8fbfe;
}

.splide__arrow.splide__arrow--prev {
  background-color: #0000;
  width: 24px;
  height: 26px;
  padding: 0;
}

.splide__arrow.splide__arrow--prev:hover {
  color: var(--text-color--text-color-midnight-blue);
}

.splide__arrow.splide__arrow--next {
  width: 24px;
  height: 26px;
  padding: 0;
}

.splide__arrow.splide__arrow--next:hover {
  color: var(--text-color--text-color-midnight-blue);
}

.splide_arrows-holder {
  margin-top: 40px;
}

.splide_arrows-holder.no-padding {
  margin-top: 0;
}

.books-buchbeitrage_wrapper {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 2.5rem;
  display: flex;
}

.splide {
  position: relative;
}

.splide__list {
  display: flex;
}

.book_wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center;
  min-height: 625px;
  display: flex;
}

.book-content_wrapper {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: var(--background--background-color-midnight-blue);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 35.5svw;
  max-height: 350px;
  padding: 25px 15px;
  display: flex;
  position: relative;
}

.book-image {
  object-fit: cover;
  height: 320px;
  max-height: 320px;
}

.book-title-date_wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.book-authors-wrapper, .book-pages-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.button_books-card {
  background-color: var(--white);
  height: 50px;
  color: var(--almost-black);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  padding: 0 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
  transition: all .3s cubic-bezier(.5, 0, .15, 1);
  display: flex;
  position: absolute;
  inset: auto 15px 25px auto;
}

.button_books-card:hover {
  background-color: var(--magenta);
  color: var(--white);
}

.section_publikationes-text-news {
  padding-top: 5rem;
  overflow: hidden;
}

.section_publikationes-slider-news {
  margin-top: 1.5625rem;
  overflow: hidden;
}

.slider-news_wrapper {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  padding-top: 2.5rem;
  display: flex;
}

.grow-card {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 25px;
  position: relative;
  overflow: hidden;
}

.full-width-image {
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.full-width-image.cover-left {
  object-position: 50% 10%;
  width: 115%;
  max-width: 115%;
}

.full-width-image.event-auto {
  pointer-events: auto;
}

.grow-card_content {
  z-index: 5;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grow-card_hover-text {
  z-index: 10;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  min-width: 650px;
  display: flex;
  position: absolute;
  inset: auto 0% -90%;
}

.link-nofill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--text-color--text-color-midnight-blue);
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 1.51svw;
  line-height: 1.4em;
  text-decoration: none;
  display: flex;
}

.link-nofill.text-color-white {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--text-color--text-color-white);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

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

.svg-align-center.hide-desktop {
  display: none;
}

.svg-align-center.karriere_linkedin {
  margin-bottom: 3px;
}

.section_responsibility-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url('../images/responsibilities-tablet-hero_1.webp');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 60%;
  grid-template-rows: auto;
  grid-template-columns: 53% 47%;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  min-height: 750px;
  display: none;
  position: relative;
  overflow: hidden;
}

.responsibility_hero_first-row {
  z-index: 2;
  flex-flow: column;
  display: flex;
  position: relative;
}

.panel_svg {
  width: 100.2%;
  color: var(--background--background-color-white);
  flex: none;
  margin-bottom: -2px;
  display: flex;
}

.hero-text_wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 900px;
  padding-left: 5.6svw;
  padding-right: 5.6svw;
  display: flex;
}

.hero-text_wrapper.tablet-spacing-25px {
  position: relative;
  top: 7svw;
}

.richtext-white p {
  color: var(--white);
}

.richtext-white.partnerschaften {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.section_responsibility-soziales {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.responsibility-2columns_wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 45% 55%;
  grid-auto-columns: 1fr;
  align-self: center;
  max-width: 1365px;
  min-height: 500px;
  padding-left: 42.5px;
  padding-right: 42.5px;
  display: flex;
}

.layout-gap120 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  padding-left: 42.5px;
  padding-right: 42.5px;
  display: grid;
  position: relative;
}

.layout-gap120.sponsorings {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  justify-content: center;
}

.soziales_colection-list-wrapper {
  justify-content: center;
  align-items: flex-start;
  margin-top: 80px;
  display: flex;
}

.soziales_collection-list {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: column;
  flex: 0 auto;
  display: flex;
}

.soziales_collection-item {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
}

.soziales_collection-item:nth-child(2n) {
  justify-content: center;
  align-items: center;
}

.vds25_wrapper {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  flex-flow: column;
  display: flex;
}

.magenta-box_wrapper {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  border: 1px solid var(--magenta);
  color: var(--text-color--text-color-midnight-blue);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-flow: column;
  padding: 25px;
  display: flex;
  position: relative;
}

.desktop-responsibility-image {
  object-position: 100% 100%;
  width: 48svw;
  max-width: 695px;
  position: relative;
  left: 0;
  overflow: visible;
}

.section_responsibility-sponsorings {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2.1875rem;
  padding-bottom: 5rem;
  display: flex;
  overflow: hidden;
}

.paragraph {
  color: var(--midnight-blue);
  font-family: Inter, sans-serif;
  font-size: 1.51svw;
  line-height: 1.4em;
}

.paragraph.insights {
  padding-top: 19px;
}

.background-color-magenta {
  background-color: var(--background--background-color-magenta);
}

.section_responsibility-partnerschaften {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  padding-bottom: 5rem;
}

.partnerschaften_tab-link {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 33.4%;
  padding: 25px 40px;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 1.65svw;
  line-height: 1.2em;
  transition: all .3s cubic-bezier(.3, 0, .2, 1);
  display: flex;
}

.partnerschaften_tab-link:hover {
  background-color: #afb1ff40;
}

.partnerschaften_tab-link.w--current {
  background-color: var(--background--background-color-lavender);
  color: var(--text-color--text-color-white);
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 1.65svw;
}

.partnerschaften_tab-image {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  max-width: 200px;
  max-height: 200px;
  margin-top: auto;
  margin-bottom: auto;
}

.partnerschaften_tab-menu {
  border-top: 1px solid var(--border--border-color-header);
  border-right: 1px solid var(--border--border-color-header);
  border-left: 1px solid var(--border--border-color-header);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.partnerschaften_tab-title {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.desktop-partnerschaften-tabs_wrapper {
  margin-top: 5rem;
  position: relative;
}

.partnerschaften_tab-content {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.partnerschaften_tab-pane {
  background-color: var(--background--background-color-lavender);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 3.75rem 1.5625rem 1.5625rem;
}

.ds40_wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  font-size: 20px;
  display: flex;
}

.vertical-line {
  background-color: var(--border--border-color-header);
  justify-content: flex-start;
  align-items: center;
  width: 1px;
  height: 83%;
  margin-top: 25px;
  display: block;
  position: absolute;
  inset: 0% auto 0% -1px;
}

.section_karriere-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url('../images/_DSC7381.jpg');
  background-size: auto;
  grid-template-rows: auto;
  grid-template-columns: 55% 45%;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.karriere-hero_content {
  z-index: 2;
  grid-column-gap: 5.5svw;
  grid-row-gap: 5.5svw;
  flex-flow: column;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.ds-20-tm-10 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
}

.section_karriere-haltung {
  background-color: var(--background--background-color-lavender);
  padding-top: 5rem;
  padding-bottom: 10rem;
  position: relative;
}

.karriere-haltung_wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.karriere-haltung_column1 {
  grid-column-gap: 15rem;
  grid-row-gap: 15rem;
  flex-flow: column;
  display: flex;
}

.karriere-haltung_column2 {
  grid-column-gap: 240px;
  grid-row-gap: 240px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.karriere-haltung_image-bottom {
  z-index: 0;
  width: 70%;
  max-width: 1008px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.section_karriere-arbeiten {
  padding-top: 10rem;
  position: relative;
  overflow: hidden;
}

.arbeiten_wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5rem;
  display: grid;
}

.arbeitein_card {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border: 1px solid var(--border--border-color-lavender);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex-flow: column;
  padding: 25px;
  display: flex;
}

.arbeiten_card-title {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.arbeiten-icon {
  width: 38px;
}

.section_karriere-jobs {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.jobs_wrapper {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  border-bottom: 1px solid var(--border--border-color-header);
  flex-flow: column;
  display: flex;
  position: relative;
}

.jobs-details_wrapper {
  z-index: 2;
  grid-column-gap: 1.5625rem;
  grid-row-gap: 1.5625rem;
  display: flex;
  position: relative;
}

.jobs_collection-item {
  overflow: hidden;
}

.jobs_collection-item:first-child {
  border-top: 1px solid var(--border--border-color-header);
}

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

.text-color-magenta {
  color: var(--magenta);
}

.vsd-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-decoration: none;
  display: flex;
}

.prd-40 {
  padding-right: 2.5rem;
}

.pld-40 {
  padding-left: 2.5rem;
}

.section_karriere-joinus {
  z-index: 3;
  background-image: linear-gradient(#afb1ff, #f02b87);
  padding-top: 5rem;
  padding-bottom: 14rem;
  position: relative;
}

.joinus_wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 100px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1.1fr auto 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: start stretch;
  margin-top: 6.25rem;
  display: flex;
}

.hsd-25-hsm-15 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hsd-25-hsm-15.hide-desktopandtablet {
  display: none;
}

.joinus-image {
  object-fit: cover;
  width: 110%;
  max-width: 110%;
  height: 100%;
}

.joinus-image.hide-mobile {
  object-fit: cover;
  position: static;
  inset: 0%;
}

.vsd-50-vsm-40 {
  flex-flow: column;
  flex: none;
  width: 50%;
  max-width: 500px;
  display: flex;
}

.joinus_cta-wrapper {
  background-color: var(--background--background-color-midnight-blue);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 35px;
  position: relative;
}

.joinus_cta-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2.5rem;
  display: grid;
}

.cta-grid_column1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding-right: 3.125rem;
  display: flex;
}

.text-color-lime {
  color: #dfeb51;
  align-self: flex-end;
  line-height: 1em;
}

.cta-grid_column2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-left: 1px solid var(--border--border-color-white);
  flex-flow: column;
  padding-left: 3.125rem;
  display: flex;
}

.section_karriere-faqs {
  z-index: 2;
  padding-top: 5rem;
  position: relative;
}

.section_karriere-joinus-cta {
  z-index: 3;
  margin-top: -7rem;
  position: relative;
}

.faq_item {
  border-bottom: 1px solid var(--border--border-color-header);
}

.faq_title {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-right: 25px;
  display: flex;
}

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

.faq_answer-content {
  flex-flow: column;
  padding-top: 15px;
  padding-bottom: 35px;
  display: flex;
  position: relative;
}

.faq_wrapper {
  margin-top: 2.5rem;
}

.faq-image {
  width: 100%;
}

.faq-image.is-mobile {
  display: none;
}

.nav_wrapper {
  background-color: var(--white);
  border-radius: 50px 10px 10px 50px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 20px #0000001a;
}

.nav_menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.nav_brand {
  width: 170px;
}

.nav_brand.new {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar {
  background-color: #ddd0;
  width: 100%;
  position: fixed;
  top: 20px;
}

.header-icon-black {
  justify-content: center;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  margin-top: -25px;
  margin-left: 5px;
  margin-right: -3px;
  display: flex;
}

.nav_link {
  color: #000;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-family: Montserrat Variablefont Weight, sans-serif;
  display: flex;
}

.nav_link.w--current, .nav_link.is-last {
  color: #000;
}

.header-icon-magenta, .header-icon-lime {
  justify-content: center;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  margin-top: -25px;
  margin-left: 5px;
  margin-right: -3px;
  display: flex;
}

.header-icon-grey {
  justify-content: center;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  margin-top: -24px;
  margin-left: 5px;
  margin-right: -3px;
  display: flex;
}

.header-icon-lavender {
  justify-content: center;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  margin-top: -25px;
  margin-left: 5px;
  margin-right: -3px;
  display: flex;
}

.usecase_wrapper {
  flex-flow: column;
  margin-top: 40px;
  display: flex;
}

.horizontal-tags_wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  display: flex;
}

.usecase_grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5rem;
  display: grid;
}

.usecase_grid.row2 {
  margin-top: 2.5rem;
}

.vsd-25-vsm-15 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  display: flex;
}

.hsd-20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.rectangle-left-bg-magenta {
  background-color: var(--background--background-color-magenta);
  width: 40px;
  height: 40px;
  color: var(--text-color--text-color-white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  justify-content: center;
  align-items: center;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 1.86svw;
  line-height: 1.2em;
  display: flex;
}

.usecases-number {
  color: var(--lime);
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 4.45svw;
  font-weight: 600;
  line-height: 1.1em;
}

.usecases-number.opacity-0 {
  opacity: 0;
}

.overlay-magenta25 {
  z-index: 3;
  opacity: .25;
  background-color: #f02b87;
  position: absolute;
  inset: 0%;
}

.overlay-magenta {
  z-index: 2;
  mix-blend-mode: overlay;
  background-color: #f02b87;
  position: absolute;
  inset: 0%;
}

.overlay-magenta.news {
  opacity: .71;
  mix-blend-mode: overlay;
}

.overlay-black {
  z-index: 1;
  color: #333;
  mix-blend-mode: saturation;
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.overlay-black.news {
  mix-blend-mode: normal;
  background-color: #0009;
}

.overlays {
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: all .2s;
  position: absolute;
  inset: 0%;
}

.cards-text {
  z-index: 5;
  width: 95%;
  color: var(--text-color--text-color-white);
  position: relative;
  inset: auto auto -90%;
}

.cards-text.is-first {
  position: relative;
}

.cards-text.is-first-2tab, .cards-text.is-second-2tab {
  bottom: -100%;
}

.cards-text.is-third-2tab {
  bottom: -93%;
}

.overlays-b-and-w {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: all .2s;
  display: block;
  position: absolute;
  inset: 0%;
}

.overlays-b-and-w.hide {
  display: none;
}

.overlay-black-50 {
  z-index: 2;
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.full-width-image-overlays {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.full-width-image-overlays.is-first {
  vertical-align: baseline;
  object-position: 50% 0%;
}

.portfolio-tabs-menu {
  width: 100vw;
  height: 70svh;
  display: flex;
}

.portfolio-tab-link {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 25px 40px 40px;
  display: flex;
}

.portfolio-tab-link.w--current {
  min-height: auto;
}

.portfolio-tab-pane {
  padding-top: 125px;
}

.effizienzaudi_wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.desktop_maxwidth550 {
  width: 38vw;
  max-width: 550px;
  color: var(--text-color--text-color-midnight-blue);
  font-size: 1.385svw;
  line-height: 1.4em;
}

.desktop-ffizienzaudi-image {
  aspect-ratio: 630 / 626;
  width: 47vw;
  max-width: 675px;
  max-height: none;
  margin-left: 7svw;
  padding-top: 76px;
  position: absolute;
  inset: 0% 0% 0% 50%;
}

.cmscard_expand-content-row {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  color: var(--midnight-blue);
  flex-flow: column;
  margin-bottom: 5px;
  display: flex;
}

.karriere-haltung_image-top {
  z-index: 0;
  width: 70%;
  max-width: 1008px;
  position: absolute;
  inset: -.2% 0% auto auto;
}

.karriere-haltung_image-top.show-mobile {
  display: none;
}

.job-heading {
  z-index: 2;
  color: var(--text-color--text-color-midnight-blue);
  position: relative;
}

.jobs-bg_wrapper {
  z-index: 0;
  background-color: var(--background--background-color-midnight-blue);
  flex: 1;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bigtext {
  width: 65vw;
  max-width: 1440px;
  color: var(--midnight-blue);
  line-height: 1.1em;
}

.bigtext.hide-mobile-landscape {
  width: 70svw;
}

.bigtext.hide-mobile-landscape.tab2 {
  width: 80svw;
}

.bigtext.auto {
  width: auto;
}

.bigtext.tab3 {
  width: 75vw;
}

.bigtext.mobil {
  display: none;
}

.pagination_wrapper {
  display: flex;
  position: absolute;
}

.use-cases-title_wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.anchor {
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.anchor.passion {
  margin-top: -20.5rem;
  margin-bottom: 10.5rem;
}

.anchor.vision {
  margin-top: -12rem;
  margin-bottom: 10.5rem;
}

.anchor.tab-portfolio {
  margin-top: 70svh;
  inset: 0%;
}

.aboutus-tablet_image {
  display: none;
}

.navbar_bg {
  position: absolute;
  inset: 0%;
}

.splide-props {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -65px 0% auto auto;
}

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

.jobs-content_wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
  overflow: visible;
}

.rectangle-45-leftbottom-bg-blue {
  background-color: var(--background--background-color-midnight-blue);
  width: 45px;
  height: 45px;
  color: var(--text-color--text-color-white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  justify-content: center;
  align-items: center;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 24px;
  display: flex;
  position: relative;
}

.rectangle-45-leftbottom-bg-blue._60-width {
  width: 5vw;
  max-width: 60px;
  height: 5vw;
  max-height: 60px;
}

.rectangle-20-rightup-bg-blue {
  background-color: var(--background--background-color-midnight-blue);
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 1.5vw;
  max-width: 20px;
  height: 1.5vw;
  max-height: 20px;
}

.rec-number {
  color: var(--text-color--text-color-white);
}

.jobs-contact_column2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-left: 1px solid var(--border--border-color-header);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 2.5rem;
  display: flex;
}

.vds80-vts-25_wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

.vds80-vts-25_wrapper.padding-border-bottom {
  width: 100%;
}

.mobile-responsibility-image_wrap {
  width: 100%;
  max-width: none;
  display: none;
  overflow: visible;
}

.mobile-partnerschaften-tabs_wrapper {
  margin-top: 5rem;
  display: none;
  position: relative;
}

.rich-text {
  color: var(--midnight-blue);
}

.rich-text.faq {
  width: 59%;
}

.accordion_item {
  border-bottom: 1px solid var(--border--border-color-header);
}

.contract-sign {
  display: none;
}

.hero-heading1.negative-margin-left {
  margin-left: -5px;
}

.hero-paragraph {
  color: var(--text-color--text-color-midnight-blue);
  font-weight: 400;
}

.about-us_subsection-wrapper {
  max-width: 575px;
  margin-left: 0;
  margin-right: auto;
}

.diversity_text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 50%;
  display: block;
}

.diversity_spacing {
  height: 8vw;
}

.awards_content-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.awards-collection-list {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.awards-collection-item {
  text-align: center;
  width: 13.5%;
}

.guides {
  z-index: -1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.page-padding-2 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5.6svw;
  padding-right: 5.6svw;
}

.page-padding-2.is-guides {
  z-index: 10;
  outline-color: var(--magenta);
  outline-offset: 0px;
  outline-width: 1.5px;
  outline-style: solid;
  justify-content: flex-start;
  align-items: stretch;
  max-width: none;
  display: flex;
  position: relative;
}

.container-2 {
  grid-column-gap: 0em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: grid;
}

.container-2.is-guides {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.container-2.is-guides.gap-40 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.guides_lines {
  outline-offset: 0px;
  outline: 1.5px solid #fffb02;
  height: 100%;
}

.guides_lines.is-2 {
  outline-color: #fffb02;
}

.container-soziales {
  width: 100%;
  max-width: 475px;
}

.is-pad-right-0 {
  margin-left: auto;
  padding-left: 5.6svw;
  padding-right: 0;
}

.is-pad-left-0 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 5.6svw;
}

.about-us-hero-text_wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #fff;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  padding-top: 8rem;
  padding-left: 5.6svw;
  padding-right: 5.6svw;
  display: flex;
  position: relative;
}

.hero-heading-style-h3 {
  color: var(--text-color--text-color-midnight-blue);
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 2.2svw;
  font-weight: 400;
  line-height: 1.1em;
}

.portfolio-line {
  background-color: var(--text-color--text-color-grey);
  transform-origin: 0%;
  width: 75%;
  height: 1px;
  color: var(--grey-portfolio-page);
  align-self: center;
  margin-bottom: 5%;
  padding-left: 10px;
  padding-right: 25px;
}

.portfolio-hero_wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: space-between;
  align-items: center;
  height: 16svh;
  display: flex;
}

.paragraph-desk-40 {
  width: 40%;
  color: var(--text-color--text-color-midnight-blue);
}

.mobile-team-collection-list-wrapper {
  margin-top: 2.5rem;
  display: none;
}

.unsere_staerken-styling {
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.category-turns-white {
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 1.17svw;
}

.link-tab1 {
  display: none;
}

.link-tab1.w--current {
  display: block;
}

.link-tab2 {
  display: none;
}

.link-tab2.w--current {
  display: block;
}

.link-tab3 {
  display: none;
}

.link-tab3.w--current {
  display: block;
}

.portfolio-tabs_wrapper {
  margin-top: 1.875rem;
  position: relative;
}

.card-interaction-styling {
  mix-blend-mode: normal;
  background-color: #0000;
  display: none;
}

.authors_wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  align-self: auto;
  display: flex;
}

.mobile-ffizienzaudi-image {
  width: 40vw;
  max-width: 650px;
  max-height: none;
  padding-top: 200px;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.effizienzaudit-mobile-title_wrapper {
  display: none;
}

.overlay-black-35 {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.overlay-black-35.hide-desktop-tablet, .mobile-tablet-awards_cms {
  display: none;
}

.publikation-hero_firstcolumn {
  height: 100%;
}

.panel-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.social-media_wrapper {
  display: none;
}

.book-content {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: var(--background--background-color-midnight-blue);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.cmscard-interaction-styling {
  display: block;
}

.responsibility_hero-background {
  width: 62%;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.partnerschaft_link {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.books-date {
  color: var(--white);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: .875rem;
}

.books-date.text-color-grey {
  color: var(--grey-portfolio-page);
  line-height: 1.2;
}

.books-author {
  color: var(--white);
  font-family: Inter, sans-serif;
  font-size: 1.39svw;
  line-height: 1.4em;
}

.spotify_embed {
  align-self: stretch;
}

.social_engagement-text {
  color: var(--text-color--text-color-midnight-blue);
}

.team-hover-overlay {
  opacity: 0;
  background-image: linear-gradient(#0000, #00000080);
  position: absolute;
  inset: 0%;
}

.collection-list {
  border-top: 1px solid var(--border--border-color-header);
}

.tabs-styling {
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.team-titles_wrapper {
  transform: translate(0, -2.5em);
}

.filler-content {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: 0;
  flex-flow: wrap;
  align-items: flex-start;
  margin-bottom: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.jobs-content-expanded {
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: auto;
  padding-bottom: 25px;
  display: flex;
  overflow: hidden;
}

.jobs-description {
  width: 45%;
}

.jobs-header {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  cursor: pointer;
  flex-flow: column;
  padding: 25px 25px 0 5px;
  display: flex;
  position: relative;
}

.jobs-styling {
  position: fixed;
  inset: 0% auto auto 0%;
}

.jobs-header_filler {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.nav_logo_text {
  color: #000;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-weight: 400;
}

.nav_shape-wrapper, .menu_dropdown-wrapper {
  display: none;
}

.newsletter-styling {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.newsletter-embed {
  display: block;
}

.newsletter_content {
  grid-column-gap: 4.2svw;
  grid-row-gap: 4.2svw;
  flex-flow: column;
  width: 62%;
  display: flex;
}

.newsletter-tagline {
  color: var(--white);
  font-family: Inter, sans-serif;
  font-size: 1.95svw;
  font-weight: 300;
  line-height: 1.3em;
}

.category_line {
  transform-origin: 0%;
  background-color: #c2c3e0;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.category_line.is-white {
  background-color: var(--white);
}

.category_line.is-bottom {
  inset: auto 0% 0%;
}

.category_line.is-bottom.cms-soziales {
  display: none;
}

.category_mask {
  position: relative;
  overflow: hidden;
}

.animated-line {
  transform-origin: 0%;
  background-color: #b9b9b9;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.animated-line.bottom {
  inset: auto 0% 0%;
}

.text-mask {
  padding-bottom: .5em;
  position: relative;
  overflow: hidden;
}

.text-mask.hidden, .text-mask.hide-desktop {
  display: none;
}

.image-mask {
  border-radius: 10px;
  align-self: flex-end;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.step-wrapper {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  overflow: hidden;
}

.empty-state {
  background-color: var(--white);
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 1.3em;
}

.step-mask {
  padding-top: 10px;
  overflow: hidden;
}

.desktop-aboutus-hero_image {
  pointer-events: none;
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.container-large-home {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.step-spacer-1 {
  width: 1.5vw;
  max-width: 20px;
}

.step-row {
  display: flex;
}

.career-image-master {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35vw;
  max-height: 540px;
  display: flex;
  position: relative;
}

.career-spacer {
  width: 12vw;
  max-width: 100px;
}

.career-text-spacer {
  height: 4vw;
  max-height: 50px;
}

.join-us-row {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 35vw;
  max-height: 540px;
  display: flex;
}

.publikationen-hero-img {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url('../images/ian-dooley-TevqnfbI0Zc-unsplash-copy.webp');
  background-position: 50% 85%;
  background-size: cover;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.publikationen-hero-img.desktop {
  background-image: url('../images/publ1_11zon.webp');
  background-size: cover;
  margin-bottom: 5rem;
}

.publikationen-hero-img.mobile {
  display: none;
}

.publikationen-hero-svg {
  width: 100.1%;
  margin-top: -1px;
  margin-bottom: -1px;
  font-size: 0;
  line-height: 0;
}

.fill-block {
  background-color: var(--white);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.fill-block.empty {
  background-color: #fff0;
}

.fill-block.responsibility {
  border-top-right-radius: 2vw;
  width: 54.25%;
}

.publikationen-hero-column {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  height: 100vh;
  display: flex;
}

.publikationen-hero-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
}

.responsibility-hero-img {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url('../images/respo2_11zon.webp');
  background-size: cover;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.responsibility-hero-img.mobile {
  display: none;
}

.responsibility-hero-column {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  height: 100vh;
  display: flex;
}

.responsibility-hero-column.left {
  width: 29%;
  position: relative;
}

.responsibility-hero-column.right {
  justify-content: flex-start;
  align-items: flex-start;
  width: 77%;
}

.div-block-7 {
  width: 100%;
  height: 100%;
  display: flex;
}

.fill-block-2 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.fill-block-2.responsibility {
  border-top-right-radius: 2vw;
  width: 54.25%;
}

.fill-block-2.empty {
  background-color: #fff0;
}

.dts_h3 {
  margin-top: 50px;
}

.dts_h4 {
  margin-top: 25px;
}

.swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-wrapper {
  display: flex;
}

.swiper-slide.books {
  flex: none;
  min-width: 19.1875rem;
  max-width: 25.625rem;
}

.swiper-slide.news {
  cursor: pointer;
  width: 410px;
  height: 525px;
  display: flex;
}

.swiper-slide.filter {
  opacity: 0;
}

.whitepaper-text-filed_form {
  border-style: solid;
  border-width: 0 1px 1px;
  border-color: black black var(--border--border-color-header);
  background-color: #fff0;
  border-bottom-right-radius: 10px;
  padding-left: 12px;
}

.whitepaper-text-filed_form::placeholder {
  color: var(--text-color--text-color-midnight-blue);
  font-family: Inter, sans-serif;
  font-size: 1rem;
}

.checkbox {
  border-color: var(--text-color--text-color-midnight-blue);
  border-radius: 1px;
  flex: none;
  width: 16px;
  height: 16px;
}

.checkbox.w--redirected-checked {
  background-color: var(--background--background-color-lime);
}

.link-nostyle {
  text-decoration: none;
}

.whitepaper-checkboxfield_form {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 15px;
  padding-left: 0;
  display: flex;
}

.whitepaper_form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.whitepaper_formblock {
  max-width: 600px;
  margin-bottom: 0;
}

.cmscard_form {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.whitepaper-collection-wrapper {
  margin-top: 5rem;
}

.whitepaper-collection-list {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.whitepaper-collection-item {
  border: 1px solid #000;
  border-radius: 0 10px 10px;
  padding-bottom: 0;
  position: relative;
}

.plus-vertical {
  background-color: #fff;
  width: 9px;
  height: 48px;
  position: absolute;
}

.desktop-card-plus_wrapper {
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
  position: absolute;
}

.cms-border-square_absolute-top-left {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: none;
  position: absolute;
  inset: -40px auto auto -40px;
  overflow: hidden;
}

.cms-border-square_absolute-top-left.hide-tablet {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 2.8svw;
  height: 2.8svw;
  display: none;
  top: -2.8svw;
  left: -2.8svw;
}

.cmscard_content {
  z-index: 5;
  grid-column-gap: 25px;
  grid-row-gap: 0px;
  color: #080a41;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  overflow: visible;
}

.hsd-15 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.hsd-15.align-bottom {
  justify-content: flex-start;
  align-items: flex-start;
}

.mobile-symbol_wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 68px;
  height: 68px;
  margin-top: 20px;
  margin-right: 25px;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.popup_content {
  z-index: 20;
  position: relative;
}

.cmscard_authors-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.desktop-cmscard-image {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cmscard_expand {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #080a41;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-left: 25px;
  padding-right: 25px;
  display: grid;
  overflow: hidden;
}

.cmscard-title_wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.desktop-card-minus_wrapper {
  background-color: #fff;
  width: 48px;
  height: 9px;
  position: absolute;
}

.cmscard_expand-content-row-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #080a41;
  flex-flow: column;
  display: flex;
}

.heading-style-h3-2 {
  color: #080a41;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 2.2svw;
  font-weight: 400;
  line-height: 1.1em;
}

.cmscard_wrapper {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.cmscard-insights_grid {
  grid-column-gap: 50px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.desktop-tablet-symbol_wrapper {
  transform-origin: 100% 0;
  justify-content: flex-end;
  align-items: center;
  width: 68px;
  height: 68px;
  margin-top: 20px;
  margin-right: 25px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.cmscard_expand-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #080a41;
  flex-flow: column;
  padding-top: 40px;
  padding-bottom: 25px;
  display: flex;
}

.download-popup {
  z-index: 999;
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px 20px 35px;
  position: relative;
  box-shadow: 4px 4px 20px #0000001a;
}

.cms-card_bg {
  z-index: 0;
  opacity: 0;
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.mobile-cmscard-image {
  object-fit: cover;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}

.cmscard_hover-content {
  grid-column-gap: 25px;
  grid-row-gap: 0px;
  color: #080a41;
  border-radius: 0 10px 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
  position: relative;
  overflow: visible;
}

.popup-close {
  width: 23px;
  margin-top: 20px;
  margin-right: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.category-2 {
  color: #080a41;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: .875rem;
}

.paragraph-2 {
  color: #080a41;
  font-family: Inter, sans-serif;
  font-size: 1.51svw;
  line-height: 1.4em;
}

.paragraph-2.insights {
  padding-top: 19px;
}

.tags_wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.cmscard-collection-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.plus-horizontal {
  background-color: #fff;
  width: 48px;
  height: 9px;
}

.rectangle-right-bg-magenta {
  color: #fff;
  background-color: #f02b87;
  border-radius: 10px 10px 0;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 24px;
  display: flex;
}

.cmscard-topcontent {
  color: #080a41;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 25px;
  padding-left: 25px;
  display: flex;
}

.button-whitepaper {
  color: #fff;
  background-color: #080a41;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  min-width: 150px;
  height: 50px;
  padding: 0 25px;
  font-family: Montserrat, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  transition: all .3s cubic-bezier(.5, 0, .15, 1);
  display: flex;
  position: static;
  inset: auto auto 25px 25px;
}

.button-whitepaper:hover {
  color: #fff;
  background-color: #f02b87;
}

.popup_wrapper {
  z-index: 999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.cmscard_tag-2 {
  color: #fff;
  background-color: #080a41;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px 15px;
  font-family: Inter, sans-serif;
  display: flex;
}

.category-3 {
  color: #080a41;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: .875rem;
}

.category-3.text-color-white {
  font-size: 14px;
}

.category-3.text-color-white.category-turns-blue {
  color: #fff;
}

.cmscard_hover-content-copy, .cmscard-content_wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 0px;
  color: #080a41;
  border-radius: 0 10px 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
  position: relative;
  overflow: visible;
}

.cms-item, .file-url, .file-content {
  display: none;
}

.swiper-arrow_wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  display: flex;
  position: absolute;
  inset: 20px 0% auto auto;
}

.swiper-arrow-left, .swiper-arrow-right {
  cursor: pointer;
  width: 12px;
}

.download_component {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 100svh;
  display: flex;
}

.download_button {
  border: 1px solid var(--magenta);
  background-color: var(--magenta);
  color: var(--white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 1rem 2rem;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-size: 1.125rem;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

.download_button:hover {
  border: 1px solid var(--dark);
  background-color: var(--white);
  color: var(--dark);
}

.download_redirect {
  display: none;
}

.section_download {
  position: relative;
}

.download_background {
  z-index: -1;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.download_image1 {
  width: 35%;
  margin-bottom: 8rem;
}

.download_image2 {
  align-self: flex-end;
  width: 35%;
  margin-bottom: 8rem;
}

.download_image-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.download_image3 {
  width: 35%;
  margin-top: 8rem;
  display: none;
}

.whitepaper_form-submit-button {
  border: 1px solid var(--magenta);
  background-color: var(--magenta);
  cursor: pointer;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 1rem 2rem;
  font-size: 1rem;
  line-height: 1;
  transition: background-color .2s, color .2s;
}

.whitepaper_form-submit-button:hover {
  border-color: var(--dark);
  background-color: var(--white);
  color: var(--dark);
}

.section_portfolio_logos {
  margin-top: 80px;
  position: static;
  inset: 0%;
}

.logos_col_wrapper {
  flex-flow: column;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.proof-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 7.5rem), 1fr));
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.logo-img {
  aspect-ratio: 1;
  width: 100%;
  max-width: 100%;
}

.proof-item {
  aspect-ratio: 1;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 7.5rem;
  padding: 0 .5rem;
  display: flex;
}

.collection-list-wrapper {
  width: 100%;
}

.desktop_logos_wrap {
  z-index: 2;
  width: 100%;
}

.mobile_logos_wrap {
  width: 100%;
  display: none;
}

.load_more_btn {
  background-color: #080a41;
  border-style: none;
  border-radius: 10px 10px 10px 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.italic-text {
  vertical-align: baseline;
}

.cover-item {
  z-index: 10;
  background-color: #fff;
  height: 1rem;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.recaptcha {
  margin-bottom: 0;
}

.recaptcha-2 {
  z-index: 50;
  position: absolute;
  inset: auto auto 0% 0%;
}

.new-heading {
  display: none;
}

.card_cta-wrap {
  z-index: 50;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.cover_image {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cards-title_rich-text {
  z-index: 5;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat Variablefont Weight, sans-serif;
  font-weight: 600;
  position: relative;
}

.cards-title_rich-text.news {
  white-space: break-spaces;
  flex: none;
  font-weight: 500;
  overflow: hidden;
}

.shape_img {
  z-index: 1;
  aspect-ratio: 630 / 626;
  pointer-events: none;
  width: 100%;
  position: relative;
}

.top_img {
  z-index: 5;
  width: 68%;
  position: absolute;
  top: 5.8rem;
  left: -3%;
}

.clip_img {
  z-index: 5;
  aspect-ratio: 471 / 471;
  object-fit: cover;
  width: 75%;
  position: absolute;
  top: 5.6rem;
  left: -6%;
}

.svg {
  position: absolute;
  inset: 0% auto auto 0%;
}

.clip_img_2, .clip_img_3, .clip_img_4 {
  z-index: 5;
  aspect-ratio: 471 / 471;
  object-fit: cover;
  width: 75%;
  position: absolute;
  top: 5.6rem;
  left: -6%;
}

.vision_bg {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  position: relative;
}

.vision_image {
  z-index: 5;
  aspect-ratio: 392 / 262;
  border-radius: 20px;
  width: 56%;
  position: absolute;
  inset: 6% auto auto 3%;
}

.mission_bg {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  position: relative;
}

.mission_img {
  z-index: 5;
  aspect-ratio: 392 / 262;
  border-radius: 20px;
  width: 55%;
  position: absolute;
  inset: 7% 3% auto auto;
}

.passion_img {
  z-index: 5;
  aspect-ratio: 392 / 262;
  border-radius: 20px;
  width: 56%;
  position: absolute;
  inset: 4% auto auto 3%;
}

.passion_bg {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  position: relative;
}

.resp_bg {
  z-index: 1;
  width: 100%;
  position: relative;
}

.desktop_resp, .mobile_resp {
  z-index: 5;
  position: absolute;
}

.resp_bg_2 {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  position: relative;
}

.resp_bg_desk {
  z-index: 1;
  width: 100%;
  display: block;
  position: relative;
}

.resp_foreground {
  z-index: 5;
  width: 74%;
  position: absolute;
  top: .7rem;
  left: -5%;
}

.mobile-responsibility-image {
  width: 100%;
  max-width: none;
  display: none;
  overflow: visible;
}

.responsibility_bg {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  position: relative;
}

.responsibility_image {
  z-index: 5;
  aspect-ratio: 431 / 471;
  object-fit: cover;
  width: 74%;
  transform-style: preserve-3d;
  position: absolute;
  top: .8rem;
  right: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

@media screen and (max-width: 991px) {
  h1 {
    letter-spacing: -2px;
    font-size: 2.5rem;
    line-height: 3rem;
  }

  h2 {
    letter-spacing: -1px;
    font-size: 1.75rem;
    line-height: 2.375rem;
  }

  h3 {
    letter-spacing: -1px;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  h4 {
    font-size: 1rem;
    line-height: 1.375rem;
  }

  h5 {
    font-size: .9375rem;
    line-height: 1.25rem;
  }

  p {
    font-size: .875rem;
    line-height: 1.125rem;
  }

  a {
    font-family: Inter, sans-serif;
    line-height: 1.125rem;
  }

  li {
    font-size: .875rem;
    line-height: 1.125rem;
  }

  .c-container {
    max-width: 928px;
  }

  .c-text-1 {
    font-size: 24px;
    line-height: 32px;
  }

  .c-title-2.cc-centered.cc-dark {
    color: var(--dark);
  }

  .c-text-3.cc-slide {
    font-size: 21px;
    line-height: 27px;
  }

  .c-body {
    padding-top: 1px;
  }

  .c-head_bg {
    display: none;
  }

  .c-selection.cc-last {
    background-image: url('../images/crumple_min_vert.jpeg');
    background-position: 50% 0;
    background-repeat: repeat-y;
    background-size: contain;
    height: auto;
  }

  .c-selection_wrapper {
    flex-direction: column;
    align-items: center;
  }

  .c-selection_item {
    margin-bottom: 42px;
    display: none;
  }

  .c-selection_item.cc-mobile, .c-selection_item.cc-contact {
    display: flex;
  }

  .c-authentic {
    padding-top: 24px;
    display: none;
  }

  .c-pragmatic, .c-unleashed {
    display: none;
  }

  .c-contact {
    padding-left: 42px;
    padding-right: 42px;
  }

  .c-links {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-footer {
    padding-bottom: 12px;
    display: block;
  }

  .c-authentic_badge {
    width: 303px;
  }

  .c-authentic_giraffe {
    background-image: url('../images/1-249715-min.png');
    height: 420px;
    left: 0;
  }

  .c-giraffe_bpaper {
    bottom: -35px;
    left: 91px;
  }

  .c-giraffe_ypaper {
    max-width: 100%;
    bottom: -7px;
    left: 124px;
  }

  .c-authentic_text-1 {
    width: 320px;
    margin-top: 147px;
    margin-left: 192px;
  }

  .c-authentic_flowers {
    width: 420px;
    margin-top: -4px;
    top: -115px;
    left: 392px;
  }

  .c-images_wrapper {
    display: none;
  }

  .c-authentic_line {
    flex: none;
    display: block;
    top: -173px;
  }

  .c-flower_ypaper {
    max-width: 100%;
    bottom: -39px;
    left: 108px;
    right: 230px;
  }

  .c-flower_bpaper {
    bottom: -9px;
    left: 130px;
  }

  .c-flower_text-block {
    width: 220px;
    bottom: 36px;
    left: 136px;
  }

  .c-authentic_clothes {
    top: -310px;
    left: -18px;
    right: -18px;
    transform: scale(.7);
  }

  .c-clothes_ypaper {
    bottom: 163px;
    right: -152px;
  }

  .c-clothes_text {
    bottom: 157px;
    left: 624px;
  }

  .c-authentic_image-1 {
    bottom: 468px;
    left: 299px;
    transform: scale(.7);
  }

  .c-sidemenu {
    display: none;
  }

  .c-authentic_artboard {
    width: 320px;
    top: 0;
    left: 0;
  }

  .c-authentic_spaghetti {
    top: -1524px;
    left: 198px;
    transform: scale(.8);
  }

  .c-authentic_shell {
    width: 540px;
    top: 0;
    left: 0;
  }

  .c-pragmatic_chess {
    align-self: auto;
    width: 320px;
    top: 0;
  }

  .c-pragmatic_circle {
    display: none;
  }

  .c-pragmatic_cappuccino {
    align-self: auto;
    width: 540px;
    top: 0;
    left: 0;
  }

  .c-pragmatic_boxer {
    align-self: auto;
    width: 540px;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .c-cappuccino_beans {
    z-index: 0;
    bottom: -35px;
  }

  .c-pragmatic_laptop {
    width: 640px;
    bottom: 0;
    left: 0;
  }

  .c-unleashed_lego {
    align-self: auto;
    width: 80%;
    top: 0;
    left: 0;
  }

  .c-unleashed_shoes {
    width: auto;
    top: 0;
    left: 0;
  }

  .c-unleashed_camera {
    align-self: auto;
    width: 80%;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .c-unleashed_text-3 {
    width: auto;
    top: -160px;
    right: 60px;
  }

  .c-unleashed_palette {
    width: 320px;
    inset: -75px 120px auto auto;
  }

  .c-unleashed_box {
    width: 364px;
    position: absolute;
    top: -189px;
    left: 104px;
  }

  .c-unleashed_quill {
    width: 80%;
    position: relative;
    bottom: 0;
    left: 0;
  }

  .c-unleashed_graduate {
    width: 80%;
    top: 0;
  }

  .c-unleashed_text-5 {
    width: auto;
    right: -17px;
  }

  .c-images_flowers {
    left: -256px;
    transform: scale(.8);
  }

  .c-images_leo {
    left: 64px;
    transform: scale(.8);
  }

  .c-images_globe {
    left: 124px;
    transform: scale(.8);
  }

  .c-images_chess {
    transform: scale(.8);
  }

  .c-images_books {
    top: 251px;
    transform: scale(.8);
  }

  .c-images_boxer {
    right: 298px;
    transform: scale(.8);
  }

  .c-images_photo, .c-images_camera, .c-images_lightbulb {
    transform: scale(.8);
  }

  .c-text-wrapper.cc-zindex {
    margin-top: 1.5rem;
  }

  .c-form_data {
    flex-direction: column;
  }

  .c-textarea {
    min-height: 142px;
  }

  .c-contact_rectangle {
    overflow: hidden;
  }

  .c-links_title-subtitle {
    right: 67px;
  }

  .c-footer_wrapper {
    flex-direction: column;
  }

  .c-footer_left {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
  }

  .c-footer_link {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .c-links_wrapper {
    flex-direction: column;
  }

  .c-links_item {
    margin-bottom: 48px;
    margin-right: 0;
  }

  .c-links_item.cc-link-1 {
    border-color: var(--slate-grey);
  }

  .c-hero-4 {
    background-image: url('../images/crumple_min_vert.jpeg');
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: contain;
    height: auto;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .c-unleashed-badge {
    display: none;
  }

  .c-hero-3_text_top {
    padding-left: 32px;
    padding-right: 32px;
  }

  .c-scroll-down {
    display: none;
  }

  .c-popup {
    opacity: 1;
    display: flex;
    overflow: visible;
  }

  .c-popup.cc-easel, .c-popup.cc-shell, .c-popup.cc-chess, .c-popup.cc-coffee, .c-popup.cc-dog, .c-popup.cc-computer, .c-popup.cc-lego, .c-popup.cc-sneakers, .c-popup.cc-camera, .c-popup.cc-fountain-pen, .c-popup.cc-graduate-hat {
    display: none;
  }

  .c-popup_wrapper {
    width: 84%;
    height: 94%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    overflow: visible;
  }

  .left-arrow {
    left: -24px;
  }

  .right-arrow {
    right: -24px;
  }

  .c-slide_wrapper {
    flex-direction: column;
  }

  .c-slide_image {
    width: 100%;
    height: 40%;
  }

  .c-slide_image.cc-shell_1 {
    background-position: 50% 5%;
    background-size: cover;
  }

  .c-slide_image.cc-chess_1 {
    background-position: 50% 70%;
  }

  .c-slide_image.cc-computer_1, .c-slide_image.cc-lego_1, .c-slide_image.cc-lego_2, .c-slide_image.cc-lego_3, .c-slide_image.cc-sneakers_1 {
    width: 100%;
  }

  .c-slide_image.cc-sneakers_2 {
    background-position: 50% 70%;
    width: 100%;
  }

  .c-slide_image.cc-camera_1, .c-slide_image.cc-fountain-pen_1, .c-slide_image.cc-fountain-pen_2, .c-slide_image.cc-graduate-hat_1, .c-slide_image.cc-graduate-hat_2 {
    width: 100%;
  }

  .c-slide_image.cc-camera_3 {
    background-position: 50% 43%;
  }

  .c-slide_image.cc-computer_2 {
    width: 100%;
  }

  .c-slide_text {
    text-align: center;
    align-items: center;
    width: 100%;
    height: 60%;
    padding: 84px 24px 64px;
    position: relative;
    overflow: scroll;
  }

  .c-slide_nav {
    background-image: linear-gradient(to top, #0006, #fff);
    padding-left: 0%;
  }

  .c-slide_decor {
    width: 24px;
  }

  .c-text-4 {
    font-size: 16px;
    line-height: 24px;
  }

  .c-slide_close {
    position: absolute;
    inset: 0 0 auto auto;
  }

  .c-slide_close.cc-team {
    position: absolute;
    top: 0;
    right: 0;
  }

  .c-authentic_mobile-line-1 {
    position: absolute;
    top: 439px;
    left: 163px;
  }

  .c-logo-mobile {
    height: 384px;
    margin-top: 0;
    display: flex;
    position: relative;
  }

  .c-selection_text {
    margin-bottom: 80px;
    padding-left: 42px;
    padding-right: 42px;
    display: block;
  }

  .c-red-mobile {
    z-index: 1;
    background-image: linear-gradient(to bottom, var(--salmon), #ed7362db 20%, #ed7362db 84%, var(--light-blue)), url('../images/bg-texture-1_cutted_short.png');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, repeat-y;
    background-size: auto, auto;
    display: block;
    position: relative;
  }

  .c-red {
    position: static;
    inset: 0% auto auto 0%;
  }

  .c-red_giraffe {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .c-popup_button {
    z-index: 3;
    width: 184px;
    height: 64px;
    color: var(--white);
    text-align: center;
    background-color: #0000;
    border-radius: 200px;
    justify-content: center;
    align-items: center;
    padding: 21px;
    font-family: Rock Salt;
    font-size: 21px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .c-popup_button.cc-coffee {
    inset: auto auto -140px 46px;
  }

  .c-popup_button.cc-dog {
    inset: auto 32px 12px auto;
  }

  .c-popup_button.cc-computer {
    inset: auto 42px -160px auto;
  }

  .c-popup_button.cc-lego {
    inset: auto 23px -89px auto;
  }

  .c-popup_button.cc-easel {
    inset: auto -61px -57px auto;
  }

  .c-popup_button.cc-shell {
    inset: -12px 12px auto auto;
  }

  .c-popup_button.cc-chess {
    inset: auto -68px -70px auto;
  }

  .c-popup_button.cc-sneakers {
    inset: auto auto -42px 240px;
  }

  .c-popup_button.cc-camera {
    inset: auto auto -42px 0%;
  }

  .c-popup_button.cc-fountainpen {
    inset: auto 64px -106px auto;
  }

  .c-popup_button.cc-graduation {
    inset: auto 37px -104px auto;
  }

  .c-popup_button.cc-giraffe {
    top: -42px;
  }

  .c-popup_button.cc-team, .c-popup_button.cc-easel, .c-popup_button.cc-shell, .c-popup_button.cc-chess, .c-popup_button.cc-coffee, .c-popup_button.cc-dog, .c-popup_button.cc-laptop, .c-popup_button.cc-lego, .c-popup_button.cc-shoes, .c-popup_button.cc-camera, .c-popup_button.cc-graduation, .c-popup_button.cc-quill {
    display: none;
    top: -42px;
  }

  .c-popup_button.cc-employees {
    inset: -64px 0% auto auto;
  }

  .c-popup_button.cc-easel-mobile {
    inset: auto -61px -57px auto;
  }

  .c-popup_button.cc-shell-mobile {
    inset: -12px 12px auto auto;
  }

  .c-popup_button.cc-chess-_mobile {
    inset: auto -68px -70px auto;
  }

  .c-popup_button.cc-coffee_mobile {
    inset: auto auto -140px 46px;
  }

  .c-popup_button.cc-dog_mobile {
    inset: auto 32px -42px auto;
  }

  .c-popup_button.cc-lego_mobile {
    inset: auto 23px -89px auto;
  }

  .c-popup_button.cc-camera_mobile {
    inset: auto auto -42px 0%;
  }

  .c-popup_button.cc-graduation_mobile {
    inset: auto 6px -2px auto;
  }

  .text-block {
    z-index: 2;
  }

  .c-section_text-block {
    z-index: 2;
    width: 420px;
    color: var(--white);
    text-align: center;
    margin-top: 64px;
    margin-bottom: 0;
    padding-top: 32px;
    padding-bottom: 32px;
    font-family: Montserrat, sans-serif;
    font-size: 24px;
    line-height: 32px;
    position: relative;
  }

  .c-section_text-block.cc-alt {
    font-family: Rock Salt;
  }

  .c-section_text-block.cc-coffee {
    background-color: #ffffff4d;
    position: absolute;
    inset: 0% 64px auto auto;
  }

  .c-section_text-block.cc-dog {
    text-transform: uppercase;
    width: auto;
    position: absolute;
    inset: 0% auto auto 42px;
  }

  .c-section_text-block.cc-computer {
    width: auto;
    font-family: Rock Salt;
    position: absolute;
    inset: 0% 42px auto auto;
  }

  .c-rotate {
    align-items: center;
    display: flex;
    transform: rotate(6deg);
  }

  .c-rotate.cc-alt {
    transform: rotate(-6deg);
  }

  .c-rotate.cc-none {
    transform: none;
  }

  .c-images_mobile {
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

  .c-images_mobile-file {
    object-position: 50% 50%;
    max-width: 100%;
    transform: translate(-30px)scale(1.25);
  }

  .c-red_easel {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .c-spaghetti {
    width: 284px;
    position: absolute;
    inset: auto auto 32px 42px;
  }

  .c-red_shell {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .c-rocket {
    width: 320px;
    position: absolute;
    inset: auto 12px 84px auto;
  }

  .c-flowers {
    width: 320px;
    display: block;
    position: absolute;
    inset: auto 0% -52px auto;
  }

  .c-teal-mobile {
    z-index: 2;
    background-image: linear-gradient(to bottom, var(--light-blue), #add9e2d6 16%, #b5d8ccdb 90%, var(--gold)), linear-gradient(to bottom, #9bd1dcd6, #9bd1dcd6), url('../images/bg-texture-1_cutted_short.png');
    background-position: 0 0, 0 0, 50% 0;
    background-repeat: repeat, repeat, repeat-y;
    background-size: auto, auto, auto;
    display: block;
    position: relative;
  }

  .c-teal {
    position: static;
    inset: 0% auto auto 0%;
  }

  .c-teal_chess {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80vh;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .c-teal_chess-shape {
    width: 420px;
    position: absolute;
    inset: 7px -100px auto auto;
  }

  .c-red_giraffe-shape {
    width: 420px;
    position: absolute;
    inset: -80px auto auto -100px;
  }

  .c-red_easel-shape {
    width: 420px;
    position: absolute;
    inset: 120px -100px auto auto;
  }

  .c-red_shell-shape {
    width: 420px;
    position: absolute;
    inset: 0% -140px auto auto;
  }

  .c-red_easel-shape-2 {
    width: 220px;
    position: absolute;
    inset: 12px auto auto -64px;
  }

  .c-teal_coffee {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .c-teal_coffee-shape {
    z-index: -1;
    width: 420px;
    position: absolute;
    inset: 100px auto auto -200px;
  }

  .c-teal_dog, .c-teal_computer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .c-teal_dog-shape {
    width: 320px;
    position: absolute;
    inset: auto -112px 42px auto;
  }

  .c-teal_computer-shape {
    z-index: -1;
    width: 420px;
    position: absolute;
    inset: auto auto 159px -148px;
  }

  .c-yellow-mobile {
    z-index: 1;
    background-image: linear-gradient(to bottom, var(--gold), #ffdd4fdb 10%, #ffd72fdb 90%, var(--gold)), linear-gradient(to bottom, #ffcd00d6, #ffcd00d6), url('../images/bg-texture-1_cutted_short.png');
    background-position: 0 0, 0 0, 50% 0;
    background-repeat: repeat, repeat, repeat-y;
    background-size: auto, auto, cover;
    display: block;
    position: relative;
  }

  .c-yellow_lego {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: relative;
  }

  .c-onair {
    width: 320px;
    position: absolute;
    inset: 120px 42px auto auto;
  }

  .c-yellow_sneakers, .c-yellow_camera, .c-yellow_fountainpen, .c-yellow_graduation {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: relative;
  }

  .c-yellow_lego-shape {
    z-index: -1;
    width: 320px;
    position: absolute;
    inset: auto 252px -7px auto;
  }

  .c-leopard {
    max-width: 50%;
    position: absolute;
    inset: -206px auto auto 24px;
  }

  .c-yellow_camera-shape {
    z-index: -1;
    width: 320px;
    display: none;
    position: absolute;
    inset: -241px auto auto 120px;
  }

  .c-vr {
    max-width: 50%;
    position: absolute;
    inset: auto 120px -120px auto;
  }

  .c-yellow_lego-shape-2 {
    width: 294px;
    position: absolute;
    inset: 57px auto auto -94px;
  }

  .c-yellow_graduation-shape {
    width: 320px;
    position: absolute;
    inset: auto auto -45px 42px;
  }

  .c-yellow_fountainpen-shape {
    position: absolute;
    inset: auto 42px 120px auto;
  }

  .c-yellow_sneakers-shape {
    z-index: -1;
    width: 320px;
    position: absolute;
    inset: 314px 42px auto auto;
  }

  .c-rollerblade {
    width: 284px;
    display: none;
    position: absolute;
    inset: auto 42px -42px auto;
  }

  .c-popup_arrow {
    width: 80%;
    position: absolute;
    top: -124px;
    left: 31px;
    transform: rotateX(0)rotateY(-180deg)rotateZ(-23deg);
  }

  .c-popup_arrow.cc-shell {
    inset: auto auto -116px -24px;
    transform: rotate(-180deg);
  }

  .c-popup_arrow.cc-computer {
    transform: rotateX(0)rotateY(180deg)rotateZ(-149deg);
  }

  .c-popup_arrow.cc-sneakers {
    transform: rotate(180deg);
  }

  .c-popup_arrow.cc-camera {
    transform: rotate(-23deg);
  }

  .c-popup_arrow.cc-graduation {
    transform: rotate(-45deg);
  }

  .c-popup_arrow.cc-giraffe, .c-popup_arrow.cc-team, .c-popup_arrow.cc-easel, .c-popup_arrow.cc-shell, .c-popup_arrow.cc-chess, .c-popup_arrow.cc-coffee, .c-popup_arrow.cc-dog, .c-popup_arrow.cc-laptop, .c-popup_arrow.cc-shoes, .c-popup_arrow.cc-camera, .c-popup_arrow.cc-graduation, .c-popup_arrow.cc-quill, .c-popup_arrow.cc-giraffe-mobile {
    inset: auto auto -132px 12px;
    transform: none;
  }

  .c-popup_arrow.cc-shell-mobile {
    inset: auto auto -116px -24px;
    transform: rotate(-180deg);
  }

  .c-popup_arrow.cc-camera_mobile {
    transform: rotate(-23deg);
  }

  .c-popup_arrow.cc-graduation_mobile {
    transform: rotate(-45deg);
  }

  .c-popup_arrow.cc-employees_mobile {
    inset: auto auto -132px 12px;
    transform: rotate(163deg);
  }

  .c-text-5.cc-height-24 {
    line-height: 24px;
  }

  .c-about-popup {
    padding-top: 478px;
    overflow: scroll;
  }

  .c-about-popup.cc-team {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    display: none;
  }

  .c-about_popups-team {
    flex-direction: column;
    justify-content: flex-start;
  }

  .c-team_left {
    flex-direction: column;
    display: none;
    position: static;
    top: 45px;
    left: 0;
    right: 0;
  }

  .c-team_right {
    max-width: none;
    padding-top: 12px;
    padding-left: 12px;
    display: none;
  }

  .c-team_right-elipse {
    width: 700px;
    display: none;
  }

  .c-turtle-1, .c-turtle-2 {
    display: none;
  }

  .c-team_left-headline {
    min-width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
  }

  .c-about_popups-people {
    grid-template-columns: 1fr;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-person.cc-red {
    margin-right: 0;
  }

  .c-person.cc-blue {
    margin-left: 0;
  }

  .c-team-slider_item {
    padding-top: 24px;
    overflow: scroll;
  }

  .c-team-slider_nav {
    display: none;
  }

  .c-yellow-cross {
    display: none;
    right: 11px;
  }

  .c-about-popup_bg {
    background-image: url('../images/crumple_min.jpeg');
    background-size: cover;
    width: 90%;
    height: 80%;
    position: relative;
  }

  .c-team_left-image {
    max-width: 500px;
  }

  .c-hero-mobile.cc-mobile {
    background-image: url('../images/Picture-2-min_2.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .c-nav {
    z-index: 5;
    background-color: #0000;
    display: block;
    position: fixed;
    inset: 0 0% auto;
  }

  .c-nav_button {
    -webkit-backdrop-filter: blur(120px);
    backdrop-filter: blur(120px);
    background-color: #f1f1f180;
    border-radius: 300px;
    margin-top: 24px;
    margin-right: 24px;
  }

  .c-nav_button.w--open {
    z-index: 2;
    background-color: var(--white);
    margin-top: 24px;
  }

  .c-nav_menu {
    background-color: #fff;
    margin-top: 0;
    padding-top: 54px;
    padding-bottom: 54px;
    position: fixed;
    inset: 0%;
  }

  .c-nav_link {
    color: var(--dark);
    letter-spacing: 1px;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    font-family: Montserrat, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    display: flex;
  }

  .c-nav_link.w--current {
    color: var(--slate-grey);
  }

  .c-red_team {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .c-authentic_team {
    background-image: url('../images/photo_1_min.png');
    height: 420px;
    top: -64px;
    left: 0;
  }

  .c-clothes {
    width: 220px;
    display: block;
    position: absolute;
    inset: auto 24px -24px auto;
  }

  .c-red_team-shape {
    width: 420px;
    position: absolute;
    inset: 17px auto auto -100px;
  }

  .c-container-selection {
    max-width: 928px;
  }

  .c-backgnd-section {
    min-width: 100vw;
    min-height: 100vh;
  }

  .c-footer_copy {
    justify-content: center;
    margin-top: 24px;
    display: flex;
  }

  .c-scroll-down-wrapper {
    display: none;
  }

  .c-text-4-red-info {
    font-size: 16px;
    line-height: 24px;
  }

  .c-selection-popup-red-wrapper, .c-selection-popup-blue-wrapper, .c-selection-popup-yellow-wrapper {
    display: none;
  }

  .c-team_mob {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 640px;
    display: flex;
  }

  .c-container-all-stuff {
    max-width: 928px;
  }

  .c-footer-popup.cc-privacy {
    display: none;
  }

  .c-absprung {
    background-image: url('../images/Vector-25-min.png'), url('../images/Vector-24-min.png');
    background-position: 50%, 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
  }

  .c-section-text.cc-hero3, .c-hero-top {
    display: none;
  }

  .text-block-2, .text-block-3 {
    font-family: Rocksalt, sans-serif;
  }

  .overlay_text {
    width: 90%;
    font-size: 1.6em;
  }

  .popup_header {
    font-size: 1.8em;
  }

  .popup_text {
    font-size: .9em;
  }

  .member {
    width: 13vw;
    height: 20vw;
  }

  .wall-background {
    height: 300vw;
  }

  .click-info {
    background-color: #0000;
    border-radius: 200px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }

  .click_text {
    z-index: 2;
  }

  .einleitung {
    width: 70vw;
    height: 33vw;
    top: 2%;
  }

  .text-block-4 {
    font-size: 2.3vw;
    top: 27%;
  }

  .red-span, .red-span-copy, .yellow-span {
    font-size: 2.3vw;
  }

  .submit-button {
    font-size: 2vw;
  }

  .footer-container {
    max-width: 728px;
  }

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

  .image-7 {
    top: 10%;
  }

  .modal {
    max-width: 90%;
  }

  .member_skills {
    font-size: .9em;
  }

  .member_header, .member_pos {
    font-size: 1.8em;
  }

  .sm-icon {
    width: 4vw;
  }

  .new-row1 {
    display: none;
  }

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

  .hero-banner_wrapper {
    flex-wrap: wrap;
  }

  .banner_icon {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 16px;
    height: 16px;
  }

  .banner_text.is-first, .banner_text.is-second {
    font-size: 24px;
  }

  .text-large.is-white.show-mobil {
    color: var(--white);
    font-size: 18px;
  }

  .text-large.show-mobil.is-magenta, .text-large.show-mobil.wir-sind-mehr, .text-large.desktop {
    font-size: 18px;
  }

  .nav_logo.new {
    flex: 0 auto;
    align-self: center;
    width: 35px;
    height: 35px;
  }

  .lp-nav_menu {
    display: none;
  }

  .hero_animation {
    bottom: 12svw;
  }

  .about-content_wrapper {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .category-text {
    font-size: 16px;
  }

  .about-title_wrapper.second, .about-title_wrapper.third {
    align-self: flex-start;
  }

  .about-title_subtext {
    max-width: none;
    padding-top: 17px;
    padding-left: 23px;
  }

  .icon_small.is-magenta, .icon_small.about-us {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 16px;
    height: 16px;
  }

  .portfolio-content_wrapper {
    height: auto;
    max-height: none;
  }

  .portfolio_grid {
    display: none;
  }

  .portfolio_grid.tablet-mobile {
    flex-direction: column;
    flex: none;
    display: block;
  }

  .portfolio-grid_column.first {
    display: block;
  }

  .portfolio-grid_column.first.hide-tablet {
    display: none;
  }

  .portfolio-grid-column_top {
    height: 56px;
  }

  .portfolio-column-content_wrapper {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    height: auto;
    padding-top: 35px;
    padding-bottom: 0;
    display: block;
    position: static;
  }

  .heading-h3 {
    font-size: 24px;
  }

  .portfolio-grid-column_bottom {
    height: 56px;
  }

  .portfolio-grid-bottom_filler._4, .portfolio-grid-bottom_filler._2-2 {
    display: none;
  }

  .text-small.portfolio {
    padding-bottom: 35px;
    font-size: 18px;
    line-height: 1.25em;
    position: relative;
  }

  .text-small.is-right-aligned {
    text-align: left;
  }

  .text-small.accordion-open {
    display: none;
  }

  .button-primary {
    height: 41px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: .875rem;
  }

  .section_titles {
    grid-column-gap: .65em;
    padding-top: 15px;
    padding-left: 20px;
  }

  .section_titles.be-part {
    padding-top: 15px;
    padding-left: 20px;
  }

  .wirsindmehr-item_title {
    padding-top: 15px;
  }

  .button-secondary {
    font-size: .875rem;
  }

  .button-secondary.no-border {
    font-size: 1rem;
  }

  .button-secondary.is-white {
    border-color: var(--white);
    background-color: var(--white);
    color: var(--almost-black);
  }

  .button-secondary.is-white:hover {
    border-color: var(--magenta);
    background-color: var(--magenta);
    color: var(--white);
  }

  .spacing-200 {
    min-height: 150px;
  }

  .karriere_bottom {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
  }

  .karriere-shapes_bl {
    width: 180px;
    height: 120px;
  }

  .karriere-shapes_tr {
    width: 120px;
    height: 120px;
  }

  .karriere-shapes_br {
    width: 120px;
    height: 180px;
    bottom: -120px;
  }

  .lp-section_home-kontakt {
    height: auto;
    min-height: auto;
  }

  .kontakt_wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .textarea, .field_wrapper.for-textarea {
    border-radius: 0;
  }

  .footer_wrapper {
    height: 650px;
    min-height: 750px;
    padding-top: 50px;
  }

  .footer-column_first.adress {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-column_second.socials, .footer-column_third.mail {
    flex-direction: column;
    align-items: flex-start;
  }

  .heading-footer {
    letter-spacing: 0;
    font-size: 22px;
  }

  .button-footer.easing {
    font-size: 1rem;
  }

  .wirsindmehr_animation {
    width: 67svw;
  }

  .digitalisierung_background {
    top: -80%;
  }

  .karriere_image {
    width: 400px;
  }

  .portfolio-item-tablet-mobile_bottom {
    justify-content: space-between;
    margin-top: 10svw;
    margin-bottom: 5svw;
    display: flex;
  }

  .portfolio-accordion_btn {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .accordion_toggle {
    width: 20px;
    height: 20px;
    position: relative;
  }

  .accordion_icon._1 {
    transform-origin: 50% 100%;
    margin-top: 0;
    position: absolute;
  }

  .accordion_icon._2 {
    transform-origin: 50% 100%;
    position: absolute;
  }

  .portfolio-item_text-2, .portfolio-item_text-3 {
    height: 0%;
    position: static;
    overflow: hidden;
  }

  .portfolio-grid-column-2_top, .portfolio-grid-column-2_bottom, .portfolio-grid-column-3_top, .portfolio-grid-column-3_bottom {
    height: 56px;
  }

  .text-link, .text-link:hover {
    color: var(--almost-black);
  }

  .portfolio-top-filler-tablet-3-1 {
    background-color: var(--midnight-blue);
    border-bottom-left-radius: 10px;
    width: 25%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .portfolio-top-filler-tablet-3-2 {
    background-color: var(--midnight-blue);
    border-bottom-left-radius: 10px;
    width: 50%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .portfolio-bottom-filler-tablet-3-1 {
    background-color: var(--midnight-blue);
    border-top-right-radius: 10px;
    width: 60%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .portfolio-top-filler-tablet-3-3 {
    background-color: var(--midnight-blue);
    border-bottom-left-radius: 10px;
    flex: 1;
    width: auto;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .portfolio-bottom-filler-tablet-3-2 {
    background-color: var(--midnight-blue);
    border-top-right-radius: 10px;
    flex: 1;
    width: auto;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .porfolio-top-filler-tablet-2-1 {
    background-color: var(--midnight-blue);
    border-bottom-left-radius: 10px;
    width: 40%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .porfolio-top-filler-tablet-2-2 {
    background-color: var(--midnight-blue);
    border-bottom-left-radius: 10px;
    flex: 1;
    width: auto;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .portfolio-bottom-filler-tablet-2-1 {
    background-color: var(--midnight-blue);
    border-top-right-radius: 10px;
    width: 50%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .portfolio-bottom-filler-tablet-2-2 {
    background-color: var(--midnight-blue);
    border-top-right-radius: 10px;
    width: 10%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .portfolio-bottom-filler-tablet-2-3 {
    background-color: var(--midnight-blue);
    border-top-right-radius: 10px;
    flex: 1;
    width: auto;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .banner_item {
    grid-column-gap: .4em;
    grid-row-gap: .4em;
  }

  .banner_item.second {
    margin-left: 31px;
  }

  .portfolio-top-filler-tablet-1-1 {
    background-color: var(--midnight-blue);
    border-bottom-left-radius: 10px;
    width: 5%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .portfolio-top-filler-tablet-1-2 {
    background-color: var(--midnight-blue);
    border-bottom-left-radius: 10px;
    width: 22%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .portfolio-top-filler-tablet-1-3 {
    background-color: var(--midnight-blue);
    border-bottom-left-radius: 10px;
    width: 50%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .portfolio-top-filler-tablet-1-4 {
    background-color: var(--midnight-blue);
    border-bottom-left-radius: 10px;
    flex: 1;
    width: auto;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .portfolio-bottom-filler-tablet-1-1 {
    background-color: var(--midnight-blue);
    border-top-right-radius: 10px;
    width: 50%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .portfolio-bottom-filler-tablet-1-2 {
    background-color: var(--midnight-blue);
    border-top-right-radius: 10px;
    width: 30%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .portfolio-bottom-filler-tablet-1-3 {
    background-color: var(--midnight-blue);
    border-top-right-radius: 10px;
    flex: 1;
    width: auto;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .portfolio-tablet-text-1 {
    height: 0%;
    overflow: hidden;
  }

  .footer-adress_wrapper {
    align-items: flex-start;
  }

  .bullet-point_icon-2 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
  }

  .bullet-point_text-2 {
    padding-top: .5em;
  }

  .banner_text-2.is-dark {
    font-size: 24px;
  }

  .pageloader {
    display: none;
  }

  .pageloader-titles_wrapper {
    margin-bottom: 8.5svw;
  }

  .heading-style-h2 {
    letter-spacing: -1px;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 2.25rem;
  }

  .heading-style-h2.mobil {
    display: block;
  }

  .heading-style-h2.desktop {
    display: none;
  }

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

  .heading-style-h1 {
    color: var(--text-color--text-color-midnight-blue);
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 3rem;
  }

  .heading-style-h4 {
    font-size: 1rem;
    line-height: 1.375rem;
  }

  .heading-style-h4.text-color-white.books-titel {
    font-size: 16px;
  }

  .heading-style-h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

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

  .heading-style-h5 {
    font-size: .9375rem;
    line-height: 1.25rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

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

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

  .hide-tablet {
    display: none;
  }

  .portfolio_wrapper {
    margin-top: 8.125rem;
  }

  .page-padding, .page-padding.header {
    padding-left: 15px;
    padding-right: 15px;
  }

  .portfolio-hero-firstrow {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
  }

  .portfolio-hero_title-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex: 1;
    width: 300px;
    max-width: none;
  }

  .cards-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .cards-title.news {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4rem;
  }

  .category {
    color: var(--text-color--text-color-midnight-blue);
    font-size: .625rem;
    line-height: 1.2;
  }

  .category.text-color-white {
    color: var(--text-color--text-color-white);
  }

  .category.text-color-white.is-smaller, .category.text-size-10 {
    font-size: 10px;
  }

  .section_portfolio_effizienzaudit {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .header_wrapper {
    padding-top: 12px;
  }

  .header_wrapper.mtd-25-mtt-15 {
    margin-top: .9375rem;
  }

  .section_portfolio_unsere {
    margin-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }

  .desktop-unsere_content {
    grid-column-gap: .9375rem;
    grid-row-gap: .9375rem;
    display: block;
  }

  .unsere_item {
    flex: none;
    height: 36vw;
    min-height: auto;
    padding: 20px;
  }

  .unsere_item.is-first {
    flex: none;
  }

  .unsere_item.is-second {
    background-image: url('../images/unsere-image2_1.webp');
    flex: none;
  }

  .unsere_item.is-fourth {
    flex: none;
  }

  .section_portfolio_usecases {
    margin-top: 0;
    padding-top: 1.5625rem;
  }

  .cmscard_tag {
    padding: 10px 12px;
    font-family: Inter, sans-serif;
  }

  .section_portfolio_termin {
    margin-top: 2.5rem;
    margin-bottom: 40px;
  }

  .termin_wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    margin-top: 25px;
  }

  .tagline {
    font-size: .9375rem;
    line-height: 1.25rem;
  }

  .tagline.text-color-white {
    font-size: 17.5px;
  }

  .section_aboutus-hero {
    background-image: none;
  }

  .section_aboutus-vision {
    padding-bottom: 3.125rem;
  }

  .vision_buttons-wrapper {
    padding-top: 4.375rem;
    top: 50px;
  }

  .vision-link, .vision-link.w--current {
    font-size: 1.75rem;
  }

  .vision_image_wrap {
    width: 65vw;
    min-width: 490px;
    max-width: 490px;
  }

  .mission_content-wrapper {
    min-height: auto;
    max-height: 300px;
    margin-top: 100px;
  }

  .mission_image_wrap {
    width: 60vw;
    min-width: 460px;
    max-width: 460px;
  }

  .passion_content-wrapper {
    min-height: auto;
    max-height: 300px;
    margin-top: 6.25rem;
  }

  .section_aboutus-team {
    padding-top: 1.5625rem;
    padding-bottom: 3.125rem;
  }

  .team-collection-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .flowing-text {
    font-size: .875rem;
    line-height: 18px;
  }

  .section_aboutus-teamdiversity {
    padding-top: 5rem;
    padding-bottom: 2.5rem;
    overflow: hidden;
  }

  .paragraph-deskt-85 {
    width: auto;
  }

  .teamdiversity-image {
    margin-top: 0;
    margin-left: 1.2rem;
  }

  .teamdiversity-image.hide-mobile-landscape {
    margin-top: -4.9rem;
  }

  .vision_content-wrapper {
    min-height: auto;
    max-height: 325px;
    padding-top: 3.125rem;
  }

  .passion_img_wrap {
    min-width: 490px;
    max-width: 490px;
  }

  .section_aboutus-awards {
    margin-bottom: 11.875rem;
  }

  .awards-title_wrapper {
    padding-top: 3.125rem;
  }

  .award-image {
    width: 187px;
  }

  .haltung_wrapper {
    padding-top: 3.125rem;
    padding-bottom: 2.5rem;
  }

  .haltung-title-image {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
  }

  .haltung-content_wrapper {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
  }

  .container-gap120 {
    width: auto;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

  .vision_layout {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: minmax(375px, 1fr) minmax(0, 1fr);
  }

  .vision_layout.mission {
    grid-template-columns: minmax(0, 1fr) minmax(375px, 1fr);
  }

  .section_newsletter {
    margin-bottom: 0;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }

  .newsletter_wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    min-height: auto;
    padding: 25px;
  }

  .newsletter-image {
    display: none;
  }

  .section_publikationen-hero {
    background-image: url('../images/tablet-hero-image.webp');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 130%;
    align-content: start;
    height: auto;
    min-height: 81svw;
    margin-bottom: 0;
    padding-top: 27svw;
  }

  .section_publikationes-whitepaper {
    padding-top: 3.125rem;
    padding-bottom: 2.1875rem;
  }

  .section_publikationes-unleashed {
    margin-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }

  .unleashed_wrapper {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
    padding-top: 3.125rem;
  }

  .unleashed_title-column1 {
    color: var(--text-color--text-color-midnight-blue);
  }

  .unleashed-title_wrapper {
    grid-template-columns: .5fr 1.5fr;
  }

  .unleashed-spotify_wrapper {
    grid-template-columns: 1fr;
  }

  .unleashed_spotify-column1 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 15px;
  }

  .unleashed_spotify-column2 {
    min-width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .buchbeitrage-text_wrapper {
    max-width: 600px;
    padding-top: 40px;
    padding-bottom: .9375rem;
  }

  .section_publikationes-books-buchbeitrage {
    padding-bottom: 1.5625rem;
  }

  .splide_arrows-holder {
    margin-top: 32px;
  }

  .splide_arrows-holder.no-padding {
    margin-top: 10px;
  }

  .books-buchbeitrage_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-top: 2.5rem;
  }

  .book_wrapper {
    flex: 1;
    height: auto;
    min-height: 450px;
  }

  .book-content_wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    min-height: 280px;
    padding: 15px 10px;
  }

  .book-image {
    height: 125px;
    min-height: 125px;
  }

  .book-title-date_wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .button_books-card {
    align-self: flex-start;
    position: static;
    bottom: 15px;
    left: 10px;
    right: auto;
  }

  .section_publikationes-text-news {
    padding-top: 1.5625rem;
  }

  .section_publikationes-slider-news {
    margin-top: .9375rem;
  }

  .slider-news_wrapper {
    padding-top: 3.125rem;
  }

  .grow-card {
    padding: 15px;
  }

  .full-width-image.cover-left {
    object-position: 30% 50%;
  }

  .grow-card_content {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
  }

  .grow-card_hover-text {
    min-width: 54vw;
  }

  .link-nofill {
    font-size: .875rem;
  }

  .svg-align-center.hide-desktop {
    display: flex;
  }

  .svg-align-center.karriere_linkedin {
    margin-bottom: 1px;
  }

  .section_responsibility-hero {
    height: auto;
    min-height: 75vw;
    margin-bottom: 0;
  }

  .panel_svg {
    margin-bottom: 0;
  }

  .hero-text_wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

  .hero-text_wrapper.tablet-spacing-25px {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .richtext-white {
    font-family: Inter, sans-serif;
  }

  .section_responsibility-soziales {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    margin-top: 0;
    padding-top: 1.5625rem;
    padding-left: 0;
    padding-right: 0;
  }

  .responsibility-2columns_wrapper {
    min-height: auto;
  }

  .layout-gap120 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    place-items: stretch stretch;
    max-width: none;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .layout-gap120.sponsorings {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  }

  .soziales_colection-list-wrapper {
    margin-top: 50px;
  }

  .soziales_collection-list {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .magenta-box_wrapper {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
    padding: 15px;
  }

  .desktop-responsibility-image {
    object-fit: cover;
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .section_responsibility-sponsorings {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    flex-flow: column;
    margin-top: 1.5625rem;
    padding-bottom: 3.125rem;
    display: flex;
  }

  .paragraph {
    font-size: .875rem;
  }

  .section_responsibility-partnerschaften {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
    padding-bottom: 1.5625rem;
  }

  .partnerschaften_tab-link {
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 25px;
  }

  .partnerschaften_tab-link.w--current {
    padding-left: 25px;
  }

  .partnerschaften_tab-menu {
    transition: opacity .3s cubic-bezier(.3, 0, .2, 1);
  }

  .partnerschaften_tab-title {
    font-size: 1rem;
    line-height: 1.375rem;
  }

  .partnerschaften_tab-pane {
    padding-top: 2.5rem;
  }

  .ds40_wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .karriere-hero_content {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    padding-bottom: 0;
    position: absolute;
    bottom: 35px;
  }

  .ds-20-tm-10 {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
  }

  .section_karriere-haltung {
    padding-top: 3.125rem;
    padding-bottom: 5rem;
  }

  .karriere-haltung_wrapper {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .karriere-haltung_column1 {
    grid-column-gap: 11.25rem;
    grid-row-gap: 11.25rem;
  }

  .section_karriere-arbeiten {
    padding-top: 6.25rem;
  }

  .arbeiten_wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 2.1875rem;
  }

  .arbeitein_card {
    padding: 15px;
  }

  .arbeiten_card-title {
    grid-column-gap: .9375rem;
    grid-row-gap: .9375rem;
  }

  .arbeiten-icon {
    width: 22px;
  }

  .section_karriere-jobs {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }

  .jobs_wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .jobs-cta_wrapper {
    grid-row-gap: 2.5rem;
  }

  .section_karriere-joinus {
    padding-top: 2.1875rem;
    padding-bottom: 7.5rem;
  }

  .joinus_wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 3.125rem;
    place-items: start stretch;
    margin-top: 3.125rem;
    margin-bottom: 35px;
  }

  .joinus-image.hide-mobile {
    border-radius: 5px;
    height: auto;
  }

  .joinus_cta-wrapper {
    padding: 20px 25px 25px;
  }

  .cta-grid_column2 {
    padding-left: 35px;
  }

  .section_karriere-faqs {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }

  .section_karriere-joinus-cta {
    margin-top: -5rem;
  }

  .faq_item {
    padding-right: .9375rem;
  }

  .faq_title {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .faq_answer {
    width: 100%;
    padding-bottom: 0;
  }

  .faq_answer-content {
    padding-top: 0;
    padding-bottom: 25px;
  }

  .faq_wrapper {
    margin-top: 2.1875rem;
  }

  .faq-image.is-mobile {
    display: none;
  }

  .nav_wrapper {
    z-index: 2;
    border-top-left-radius: 27px;
    border-bottom-left-radius: var(--mobile-menu-border-radius-bottom-left);
    flex-flow: wrap;
    padding-left: 0;
    position: relative;
    overflow: visible;
  }

  .nav_menu {
    background-color: var(--background--background-color-white);
    height: 100svh;
    padding-top: 50px;
  }

  .nav_brand.new {
    flex: 0 auto;
    align-self: center;
    width: 170px;
    padding-left: 12px;
  }

  .navbar {
    padding-top: 15px;
    top: 0;
  }

  .header-icon-black {
    display: none;
  }

  .nav_link {
    border-bottom: 1px solid var(--border--border-color-header);
    color: #000;
    padding: 25px 15px;
    font-size: 1.25rem;
  }

  .nav_link.is-last {
    border-bottom-width: 0;
  }

  .header-icon-magenta, .header-icon-lime, .header-icon-grey, .header-icon-lavender {
    display: none;
  }

  .usecase_wrapper {
    margin-top: 25px;
  }

  .usecase_grid {
    grid-column-gap: 40px;
    grid-row-gap: 25px;
    margin-top: 2.5rem;
  }

  .rectangle-left-bg-magenta {
    font-size: 1rem;
  }

  .usecases-number {
    font-size: 1.75rem;
  }

  .cards-text {
    bottom: 0%;
  }

  .cards-text.is-first {
    bottom: -90%;
  }

  .cards-text.is-second, .cards-text.is-third {
    bottom: -100%;
  }

  .portfolio-tab-link {
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .effizienzaudi_wrapper {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .desktop_maxwidth550 {
    width: 50%;
    max-width: none;
    padding-right: 25px;
    font-size: 14px;
  }

  .desktop-ffizienzaudi-image {
    width: 431px;
    margin-left: 25px;
    padding-top: 64px;
  }

  .jobs-bg_wrapper {
    pointer-events: none;
    display: none;
  }

  .bigtext {
    width: 50vw;
    font-size: 1.75rem;
    line-height: 2.25rem;
  }

  .bigtext.desktop {
    display: none;
  }

  .bigtext.mobil {
    display: block;
  }

  .pagination_wrapper {
    margin-top: 10px;
  }

  .use-cases-title_wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .anchor.tab-portfolio {
    margin-top: 800px;
  }

  .aboutus-tablet_image {
    z-index: 2;
    pointer-events: none;
    object-fit: cover;
    object-position: 56% 50%;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .navbar_bg {
    z-index: 0;
    background-color: var(--background--background-color-white);
    position: absolute;
    inset: 0%;
  }

  .splide-props {
    top: -76px;
  }

  .jobs-content_wrapper {
    grid-column-gap: 2.1875rem;
    grid-row-gap: 2.1875rem;
  }

  .rectangle-45-leftbottom-bg-blue._60-width {
    width: 45px;
    height: 45px;
  }

  .rec-number {
    font-size: 1.5rem;
  }

  .vds80-vts-25_wrapper {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
  }

  .vds80-vts-25_wrapper.padding-border-bottom {
    width: 100%;
  }

  .mobile-responsibility-image_wrap {
    width: 100%;
    min-width: auto;
  }

  .rich-text.faq {
    width: 90%;
  }

  .accordion_item {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    padding-right: .9375rem;
  }

  .hero-heading1.negative-margin-left {
    margin-left: -3px;
  }

  .about-us_subsection-wrapper {
    width: 375px;
    padding-left: 0;
    padding-right: 0;
  }

  .diversity_text-wrapper {
    width: 375px;
  }

  .awards-collection-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .awards-collection-item {
    width: auto;
  }

  .page-padding-2 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .page-padding-2.is-guides {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

  .container-2 {
    grid-template-columns: 100%;
  }

  .container-2.is-guides {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
  }

  .guides_lines.is-2 {
    display: block;
  }

  .container-soziales {
    width: auto;
    max-width: 440px;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

  .is-pad-right-0 {
    padding-left: 1.5625rem;
  }

  .is-pad-left-0 {
    padding-right: 1.5625rem;
  }

  .about-us-hero-text_wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

  .is-half-width-gap40 {
    max-width: 700px;
  }

  .hero-heading-style-h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .portfolio-line {
    align-self: flex-end;
    width: 68%;
    margin-left: -24px;
    padding-right: 0;
    position: absolute;
    inset: 25px 0% auto auto;
  }

  .portfolio-hero_wrapper {
    align-items: flex-end;
    height: auto;
  }

  .paragraph-desk-40 {
    width: 50%;
  }

  .category-turns-white {
    font-size: .625rem;
  }

  .card-interaction-styling {
    display: block;
  }

  .authors_wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    align-items: center;
  }

  .mobile-ffizienzaudi-image {
    width: 50vw;
    padding-top: 71px;
  }

  .panel-wrap {
    width: 55%;
  }

  .magenta-menu {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
  }

  .lime-menu, .black-menu, .grey-menu, .lavender-menu {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .social-media_wrapper {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
    margin-top: 3.125rem;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .instagram-icon {
    width: 21px;
    height: 21px;
  }

  .youtube-icon {
    width: 29px;
    height: 21px;
  }

  .linkedin-icon {
    width: 21.47px;
    height: 21.43px;
  }

  .book-content {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex: 1;
  }

  .heading {
    font-size: 28px;
    font-weight: 400;
  }

  .responsibility_hero-background {
    width: 80%;
  }

  .partnerschaft_link {
    font-size: 14px;
  }

  .books-date {
    font-size: 10px;
  }

  .books-date.text-color-grey {
    font-size: .625rem;
    line-height: 1.2;
  }

  .books-author {
    font-size: 14px;
  }

  .jobs-content-expanded {
    padding-bottom: 20px;
  }

  .jobs-header {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 20px;
  }

  .nav_logo_text {
    font-size: 10px;
  }

  .nav_shape-wrapper {
    align-self: center;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    display: block;
    position: relative;
  }

  .menu_dropdown-wrapper {
    flex-flow: column;
    width: 100%;
    height: auto;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    overflow: hidden;
  }

  .dropdown_link {
    border-top: 1px solid var(--grey-portfolio-page);
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 12px;
    text-decoration: none;
  }

  .dropdown_link.is-first {
    border-top-style: none;
    margin-top: 50px;
  }

  .dropdown_link-text {
    color: #000;
    letter-spacing: -1px;
    font-family: Montserrat Variablefont Weight, sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
  }

  .dropdown-socials_wrapper {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 60px;
    padding: 15px 0 5px 12px;
    display: flex;
  }

  .socials_icon {
    height: 21px;
  }

  .menu_lottie {
    align-self: center;
  }

  .newsletter_content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    width: 100%;
  }

  .newsletter-tagline {
    max-width: 66%;
    font-size: 15px;
  }

  .text-mask.hide-desktop {
    display: block;
  }

  .empty-state {
    font-size: 16px;
  }

  .desktop-aboutus-hero_image {
    display: none;
  }

  .publikationen-hero-img.desktop {
    margin-bottom: 1.5625rem;
  }

  .responsibility-hero-img.mobile {
    background-position: 50%;
  }

  .swiper-slide.books {
    min-height: auto;
    display: flex;
  }

  .swiper-slide.news {
    flex: none;
    width: 230px;
    height: 315px;
  }

  .whitepaper-collection-wrapper {
    margin-top: 2.1875rem;
  }

  .whitepaper-collection-list {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
  }

  .tablet-mobile-card-plus_wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .cmscard_content {
    min-height: auto;
  }

  .hsd-15.align-bottom {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .mobile-symbol_wrapper {
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 19px;
    margin-top: 0;
    margin-right: 0;
    display: none;
    position: static;
  }

  .tablet-mobile-card-minus_wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .heading-style-h3-2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .desktop-tablet-symbol_wrapper {
    display: flex;
  }

  .mobile-cmscard-image {
    display: none;
  }

  .cmscard_hover-content {
    min-height: auto;
  }

  .category-2 {
    color: #080a41;
    font-size: .625rem;
    line-height: 1.2;
  }

  .category-2.text-color-grey {
    color: #aaabc6;
  }

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

  .paragraph-2.insights {
    padding-top: 25px;
  }

  .cmscard-topcontent {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 25px 15px 20px;
  }

  .button-whitepaper {
    height: 41px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: .875rem;
  }

  .cmscard_tag-2 {
    padding: 10px 12px;
    font-family: Inter, sans-serif;
  }

  .category-3 {
    color: #080a41;
    font-size: .625rem;
    line-height: 1.2;
  }

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

  .category-3.text-color-white.category-turns-blue {
    font-size: 10px;
  }

  .cmscard_hover-content-copy, .cmscard-content_wrapper {
    min-height: auto;
  }

  .swiper-arrow_wrapper {
    top: 8px;
  }

  .swiper-arrow-left, .swiper-arrow-right {
    width: 8px;
  }

  .download_component {
    height: 70svh;
  }

  .download_button:hover, .whitepaper_form-submit-button:hover {
    border-color: var(--magenta);
    background-color: var(--magenta);
    color: var(--white);
  }

  .social-link {
    align-items: flex-end;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
  }

  .social-icon {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .social-icon.is-li {
    padding-bottom: 2px;
  }

  .section_portfolio_logos {
    margin-top: 0;
    padding-top: 3rem;
  }

  .logos_col_wrapper {
    margin-top: 25px;
  }

  .proof-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 5.5rem), 1fr));
  }

  .proof-item {
    width: 5.5rem;
  }

  .recaptcha-2 {
    position: absolute;
  }

  .cards-title_rich-text.news {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4rem;
  }

  .clip_img_2, .clip_img_3 {
    top: 4.6rem;
  }

  .vision_bg {
    width: 65vw;
    min-width: 490px;
    max-width: 490px;
  }

  .mobile-responsibility-image {
    width: 100%;
    min-width: auto;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    line-height: 2.25rem;
  }

  p {
    color: var(--midnight-blue);
  }

  .c-section.cc-images {
    padding-top: 80px;
  }

  .c-text-1 {
    font-size: 15px;
    line-height: 21px;
  }

  .c-title-1.cc-text-align-center {
    font-size: 64px;
    line-height: 72px;
  }

  .c-title-2 {
    font-size: 42px;
    line-height: 48px;
  }

  .c-title-2.cc-centered.cc-dark {
    font-size: 32px;
    line-height: 38px;
  }

  .c-title-2.cc-centered.cc-dark.cc-weight-200 {
    font-weight: 200;
  }

  .c-title-4.cc-centered {
    font-size: 28px;
    line-height: 32px;
  }

  .c-submit-button {
    width: 100%;
  }

  .c-body {
    padding-top: 1px;
  }

  .c-selection.cc-last {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .c-selection_item {
    width: 320px;
    height: 320px;
    padding-bottom: 42px;
    font-size: 24px;
    line-height: 32px;
  }

  .c-selection_img {
    width: 112px;
    left: 99px;
  }

  .c-vials {
    width: auto;
    height: 164px;
    display: flex;
  }

  .c-parachute {
    width: 184px;
    top: 59px;
    left: 82.5px;
  }

  .c-contact, .c-links {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .c-authentic_giraffe {
    width: 320px;
    height: 320px;
    left: 0;
  }

  .c-authentic_text-1 {
    align-items: center;
    width: 220px;
    margin-top: 85px;
    margin-left: 130px;
  }

  .c-authentic_line {
    display: none;
    top: -1151px;
  }

  .c-authentic_shell, .c-pragmatic_cappuccino, .c-pragmatic_boxer, .c-pragmatic_laptop {
    width: 80%;
  }

  .c-unleashed_elipse-4 {
    width: 220px;
  }

  .c-unleashed_elipse-5 {
    left: 99px;
  }

  .c-unleashed_box {
    width: 264px;
    top: -139px;
    left: 68px;
  }

  .c-unleashed_stroke {
    right: 21px;
  }

  .c-phone {
    width: 142px;
  }

  .c-tree-logo {
    width: 164px;
    top: 65px;
    left: 73.5px;
  }

  .c-typewriter {
    width: 172px;
    top: 61px;
  }

  .c-yellow-tape {
    width: 50%;
    top: -41px;
  }

  .c-yellow-tape.cc-selection {
    display: none;
  }

  .c-red-tape {
    width: 50%;
    bottom: 14px;
  }

  .c-red-tape.cc-selection {
    display: none;
  }

  .c-blue-tape {
    width: 50%;
    top: -12px;
  }

  .c-blue-tape.cc-selection {
    display: none;
  }

  .c-text-wrapper.cc-medium {
    margin-bottom: 12px;
  }

  .c-text-wrapper.cc-zindex {
    margin-bottom: 0;
  }

  .c-text-wrapper.cc-small {
    margin-bottom: 16px;
  }

  .c-links_title-subtitle {
    width: auto;
  }

  .c-hero-4 {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .c-red_line {
    display: none;
  }

  .c-popup {
    display: flex;
  }

  .c-popup.cc-easel, .c-popup.cc-shell, .c-popup.cc-chess, .c-popup.cc-coffee, .c-popup.cc-dog, .c-popup.cc-computer, .c-popup.cc-lego, .c-popup.cc-sneakers, .c-popup.cc-camera, .c-popup.cc-fountain-pen, .c-popup.cc-graduate-hat {
    display: none;
  }

  .left-arrow {
    display: none;
    left: -64px;
  }

  .left-arrow.cc-about {
    display: none;
  }

  .right-arrow {
    display: none;
    right: -64px;
  }

  .c-slide_image.cc-camera_3 {
    background-position: 50% 100%;
  }

  .c-slide_nav {
    background-image: linear-gradient(to top, #0006, #fff);
    justify-content: center;
    display: flex;
  }

  .c-slide_close.cc-team {
    margin-top: 0;
    margin-right: 0;
    position: absolute;
  }

  .c-authentic_mobile-line-1 {
    display: block;
  }

  .c-popup_button.cc-dog {
    bottom: -84px;
  }

  .c-popup_button.cc-lego {
    bottom: -143px;
  }

  .c-popup_button.cc-easel {
    display: block;
  }

  .c-popup_button.cc-sneakers {
    bottom: -100px;
  }

  .c-popup_button.cc-camera {
    bottom: -88px;
  }

  .c-popup_button.cc-fountainpen {
    bottom: -152px;
  }

  .c-popup_button.cc-graduation {
    bottom: -145px;
    right: 17px;
  }

  .c-popup_button.cc-giraffe, .c-popup_button.cc-team, .c-popup_button.cc-easel, .c-popup_button.cc-shell, .c-popup_button.cc-chess, .c-popup_button.cc-coffee, .c-popup_button.cc-dog, .c-popup_button.cc-laptop, .c-popup_button.cc-lego, .c-popup_button.cc-shoes, .c-popup_button.cc-camera, .c-popup_button.cc-graduation, .c-popup_button.cc-quill {
    top: -111px;
    right: -42px;
  }

  .c-popup_button.cc-employees {
    top: -111px;
    right: -76px;
  }

  .c-popup_button.cc-easel-mobile {
    display: block;
  }

  .c-popup_button.cc-dog_mobile {
    bottom: -84px;
  }

  .c-popup_button.cc-lego_mobile {
    bottom: -143px;
  }

  .c-popup_button.cc-camera_mobile {
    bottom: -88px;
  }

  .c-popup_button.cc-graduation_mobile {
    bottom: -58px;
    right: -23px;
  }

  .c-section_text-block.cc-coffee {
    right: 49px;
  }

  .c-section_text-block.cc-computer {
    left: 16px;
  }

  .c-images_mobile-file {
    transform: translate(-23px)scale(1.25);
  }

  .c-yellow_lego-shape-2 {
    z-index: -1;
  }

  .c-popup_arrow.cc-giraffe-mobile {
    bottom: -101px;
    left: 3px;
    transform: rotateX(180deg)rotateY(0)rotateZ(-11deg);
  }

  .c-selection_popups-red {
    border-radius: 0;
    width: 500px;
    height: auto;
    padding: 44px 48px 52px;
  }

  .c-text-5.cc-height-24 {
    margin-bottom: 48px;
    margin-left: 48px;
    margin-right: 48px;
  }

  .c-selection_popups-blue, .c-selection_popups-yellow {
    border-radius: 0;
    width: 500px;
    height: auto;
    padding: 74px 48px 92px;
  }

  .c-about-popup.cc-team {
    z-index: 8;
    display: none;
  }

  .c-about_popups-team {
    justify-content: flex-start;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .c-team_left {
    align-items: center;
  }

  .c-team_left-headline {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 24px;
    line-height: 32px;
  }

  .c-about_popups-people {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .c-person.cc-lightblue {
    padding-bottom: 48px;
  }

  .c-person_about-position, .c-person_about-position.cc-blue {
    display: none;
  }

  .c-person_about-image {
    width: 15rem;
    margin-right: 0;
  }

  .c-person_about-image.cc-right {
    margin-left: 0;
  }

  .c-team-slider_item {
    padding-top: 0;
  }

  .c-team-slider_nav {
    opacity: 1;
    background-image: linear-gradient(to top, #0006, #fff);
  }

  .c-yellow-cross {
    right: 131px;
  }

  .c-about-popup_bg {
    height: 80%;
    position: relative;
  }

  .c-team_left-image {
    object-position: 50% 50%;
    max-width: 100%;
    transform: scale(.85);
  }

  .c-ninja {
    width: 15rem;
  }

  .c-authentic_team {
    width: 320px;
    height: 320px;
    left: 0;
  }

  .c-person_about-mobile {
    padding: 12px;
  }

  .c-person_about-mobile.cc-red {
    background-color: var(--salmon);
    display: block;
  }

  .c-person_about-mobile.cc-blue {
    background-color: #517184;
    display: block;
  }

  .c-person_about-mobile.cc-yellow {
    background-color: #f7d448;
    display: block;
  }

  .c-person_about-mobile.cc-lightblue {
    background-color: #abd2dc;
    display: block;
  }

  .c-contacts-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .c-selection-popup-red-wrapper, .c-selection-popup-blue-wrapper, .c-selection-popup-yellow-wrapper {
    opacity: 1;
    display: none;
  }

  .c-section-text.cc-hero3 {
    display: none;
  }

  .overlay_text {
    width: 80%;
    font-size: 1.3em;
  }

  .popup_text-wrapper {
    padding-top: 0%;
    padding-bottom: 5%;
  }

  .modal-image {
    width: 20em;
    height: 25em;
  }

  .step_header._2 {
    top: -3%;
  }

  .einleitung {
    width: 80vw;
    top: 3%;
  }

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

  .red-span, .red-span-copy, .yellow-span {
    font-size: 3vw;
  }

  .cta-wrp {
    width: 85%;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .image-7 {
    top: 1%;
  }

  .modal, .modal-copy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    top: 5%;
  }

  .sm-icon {
    width: 6vw;
  }

  .lp-padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .banner_text.is-first, .banner_text.is-second {
    font-size: 20px;
  }

  .lp-nav_menu {
    display: none;
  }

  .category-text {
    padding-bottom: 30px;
  }

  .portfolio-column-content_wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .button-primary.align-bottom {
    align-self: flex-start;
  }

  .section_titles {
    max-width: 45svw;
  }

  .section_titles.be-part {
    max-width: 77svw;
  }

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

  .wirsindmehr-item_wrapper {
    aspect-ratio: auto;
    height: 250px;
    padding: 20px;
  }

  .wirsindmehr-item_title {
    padding-left: 20px;
  }

  .heading-h4 {
    font-size: 20px;
  }

  .button-secondary, .button-secondary.easing {
    height: 41px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: .875rem;
  }

  .spacing-200 {
    min-height: 180px;
  }

  .karriere-bottom_text {
    font-size: 20px;
  }

  .karriere-shapes_bl {
    width: 120px;
    height: 80px;
  }

  .karriere-shapes_tr {
    width: 80px;
    height: 80px;
  }

  .karriere-shapes_br {
    width: 80px;
    height: 120px;
    bottom: -80px;
  }

  .kontakt_wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-bottom: 50px;
  }

  .footer_wrapper {
    height: auto;
    max-height: none;
  }

  .footer_bottom {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .footer_row {
    border-bottom-style: none;
    flex-direction: column;
  }

  .footer-column_first {
    border-bottom: 1px solid var(--grey);
    border-right-style: none;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .footer-column_second.vertical, .footer-column_second.socials, .footer-column_third.vertical, .footer-column_third.mail {
    display: none;
  }

  .footer_legals {
    width: 50%;
    padding-left: 1.25rem;
  }

  .wirsindmehr_animation {
    top: 5vw;
    right: -20svw;
  }

  .digitalisierung_background {
    display: none;
  }

  .karriere_image {
    width: 300px;
  }

  .digitalisierung-shape_mobil.hidden {
    display: none;
  }

  .footer-column_mobile {
    border-bottom: 1px solid var(--grey);
    align-items: flex-start;
    width: 100%;
    min-width: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
  }

  .footer-mobile_links {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    display: flex;
  }

  .portfolio-item_text-2, .portfolio-item_text-3 {
    height: 0%;
    max-height: none;
  }

  .digitalisierung-content-3 {
    grid-row-gap: 50px;
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .digitalisierung-point_wrapper-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    max-width: none;
  }

  .banner_text-2.is-dark {
    width: auto;
    font-size: 20px;
  }

  .pageloader-titles_wrapper {
    left: 1.25rem;
  }

  .heading-style-h2 {
    font-size: 1.75rem;
  }

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

  .heading-style-h6 {
    font-size: .75rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

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

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

  .heading-style-h5 {
    font-size: .875rem;
  }

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

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

  .portfolio_wrapper {
    margin-top: 6.25rem;
  }

  .portfolio-hero_title-wrapper {
    width: 350px;
  }

  .portfolio-tab_title_wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .cards-title {
    z-index: 5;
  }

  .header_wrapper {
    padding-top: 12px;
  }

  .header_wrapper.no-border-desktop {
    border-top-width: 1px;
  }

  .header_wrapper.noborder {
    border-top-width: 0;
  }

  .section_portfolio_unsere {
    margin-top: 25px;
    padding-bottom: 25px;
  }

  .unsere_item {
    background-color: #55758700;
    width: 100%;
    min-width: auto;
    height: 40vw;
    min-height: auto;
    padding: 20px 15px;
  }

  .unsere_item.is-first._100, .unsere_item.is-second._100, .unsere_item.is-fourth._100 {
    width: auto;
  }

  .section_portfolio_usecases {
    padding-top: 10px;
  }

  .section_portfolio_termin {
    margin-top: 40px;
    margin-bottom: .9375rem;
  }

  .tagline.text-color-white.mobil {
    display: block;
  }

  .tagline.text-color-white.desktop, .tagline.hide-desktop-tablet {
    display: none;
  }

  .section_aboutus-hero {
    background-image: url('../images/kariere1.webp');
    background-position: 100%;
    background-size: cover;
  }

  .paragraph-80 {
    color: var(--text-color--text-color-white);
  }

  .vision-link {
    padding-bottom: 1.25rem;
    padding-left: .625rem;
    padding-right: .625rem;
    font-size: 1.25rem;
  }

  .vision-link.w--current {
    font-size: 1.25rem;
  }

  .mission_content-wrapper {
    height: auto;
    max-height: none;
    margin-top: 2.5rem;
  }

  .passion_content-wrapper {
    max-height: none;
    margin-top: 2.5rem;
  }

  .section_aboutus-team {
    padding-bottom: 3.125rem;
  }

  .desktop-team-collection-list-wrapper {
    margin-top: 1.5625rem;
    display: none;
  }

  .team-collection-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .team-collection-item {
    max-height: none;
  }

  .section_aboutus-teamdiversity {
    padding-top: 0;
    padding-bottom: 1.5625rem;
  }

  .teamdiversity-image.hide-desktop {
    width: 100%;
    max-width: none;
    margin-left: -1.2rem;
    display: block;
    position: absolute;
  }

  .vision_content-wrapper {
    max-height: none;
    padding-top: 2.5rem;
  }

  .section_aboutus-awards {
    margin-bottom: 8.125rem;
  }

  .awards-title_wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column-reverse wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .awards-title {
    align-self: flex-start;
  }

  .awards-graphic-image {
    width: 100%;
  }

  .haltung_wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .haltung-title-image {
    width: 100%;
  }

  .haltung-image {
    max-width: 178.31px;
  }

  .haltung-content_wrapper, .container-gap120 {
    width: 100%;
  }

  .container-gap120.hide-desktop {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .vision_layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .teamdiversity_column1 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .newsletter-image {
    display: none;
  }

  .section_publikationen-hero {
    background-image: url('../images/mobile-hero-publikationen_1.webp');
    background-position: 50%;
    background-size: cover;
    align-content: center;
    min-height: 100vh;
    padding-top: 0;
  }

  .section_publikationes-whitepaper {
    padding-bottom: 1.5625rem;
  }

  .unleashed_title-column2 {
    border-left-width: 0;
    padding-left: 0;
  }

  .unleashed_title-column1 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }

  .unleashed-title_wrapper {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr;
  }

  .unleashed_spotify-column1 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .unleashed_spotify-column2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .buchbeitrage-text_wrapper {
    padding-top: 15px;
  }

  .splide_arrows-holder {
    margin-top: 32px;
  }

  .splide.awards {
    padding-top: 3.125rem;
  }

  .splide__list.awards {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .book_wrapper {
    flex-flow: column;
    grid-template-rows: minmax(auto, 150px) auto;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    min-height: 525px;
    display: flex;
  }

  .book-content_wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    height: 60%;
    padding: 15px 10px;
    position: relative;
  }

  .book-image {
    height: 40%;
  }

  .button_books-card {
    position: absolute;
  }

  .slider-news_wrapper {
    padding-top: 1.5625rem;
  }

  .grow-card {
    height: 100%;
  }

  .full-width-image.cover-left {
    display: none;
  }

  .grow-card_hover-text {
    min-width: auto;
    bottom: -100%;
  }

  .section_responsibility-hero {
    background-image: url('../images/responsibilities-mobile-hero_1.webp');
    background-position: 50%;
    background-size: cover;
    display: none;
  }

  .panel_svg {
    display: none;
  }

  .panel_svg.is-about {
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
    transform: rotate(180deg);
  }

  .hero-text_wrapper.tablet-spacing-25px {
    max-width: 100%;
  }

  .responsibility-2columns_wrapper {
    max-width: none;
  }

  .layout-gap120 {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    grid-template-columns: minmax(0, 1fr) 1fr;
  }

  .layout-gap120.sponsorings {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .soziales_collection-list {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
  }

  .desktop-responsibility-image {
    display: none;
  }

  .section_responsibility-sponsorings {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: .625rem;
    padding-bottom: .9375rem;
  }

  .section_responsibility-partnerschaften {
    padding-top: .9375rem;
  }

  .partnerschaften_tab-link {
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .partnerschaften_tab-link.w--current {
    padding-left: 15px;
  }

  .partnerschaften_tab-image {
    max-width: 112px;
  }

  .partnerschaften_tab-title {
    font-size: 1rem;
  }

  .desktop-partnerschaften-tabs_wrapper {
    margin-top: 1.5625rem;
  }

  .partnerschaften_tab-pane {
    padding: 1.5625rem .9375rem .9375rem;
  }

  .ds40_wrapper {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
  }

  .karriere-hero_content {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
  }

  .karriere-haltung_wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .karriere-haltung_column1 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .joinus_wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .hsd-25-hsm-15.hide-desktopandtablet {
    display: flex;
  }

  .vsd-50-vsm-40 {
    width: 100%;
    max-width: none;
  }

  .section_karriere-joinus-cta {
    margin-top: -7rem;
  }

  .faq_title {
    grid-column-gap: .9375rem;
    grid-row-gap: .9375rem;
  }

  .faq-image {
    display: none;
  }

  .faq-image.is-mobile {
    display: block;
  }

  .nav_menu {
    padding-top: 0;
  }

  .nav_brand.new {
    padding-left: 12px;
  }

  .usecase_wrapper {
    margin-top: 40px;
  }

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

  .vsd-25-vsm-15 {
    grid-column-gap: .9375rem;
    grid-row-gap: .9375rem;
  }

  .rectangle-left-bg-magenta {
    width: 30px;
    height: 35px;
  }

  .cards-text.is-first, .cards-text.is-second, .cards-text.is-third, .cards-text.is-first-2tab, .cards-text.is-second-2tab, .cards-text.is-third-2tab {
    bottom: 0%;
  }

  .full-width-image-overlays.is-first {
    object-position: 50% 50%;
  }

  .portfolio-tabs-menu {
    flex-flow: column;
  }

  .portfolio-tab-link {
    width: 100%;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .portfolio-tab-link.w--current {
    width: 100%;
  }

  .portfolio-tab-pane {
    padding-top: 50px;
  }

  .effizienzaudi_wrapper {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
    flex-flow: column;
    margin-top: 35px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .desktop_maxwidth550 {
    width: auto;
  }

  .desktop-ffizienzaudi-image {
    display: none;
  }

  .bigtext {
    width: auto;
  }

  .pagination_wrapper {
    position: absolute;
  }

  .use-cases-title_wrapper {
    grid-column-gap: .9375rem;
    grid-row-gap: .9375rem;
  }

  .anchor.tab-portfolio {
    margin-top: 0;
    inset: 500px 0% 0%;
  }

  .aboutus-tablet_image {
    display: none;
  }

  .splide-props.awards {
    inset: 0% auto auto 0%;
  }

  .splide-pagination_wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .vds80-vts-25_wrapper.padding-border-bottom {
    border-bottom: 0px solid var(--border--border-color-header);
    padding-bottom: 1.5625rem;
  }

  .mobile-responsibility-image_wrap {
    width: 100%;
    display: block;
    position: relative;
  }

  .mobile-partnerschaften-tabs_wrapper {
    margin-top: 1.5625rem;
  }

  .accordion_item {
    border: 1px solid var(--border--border-color-header);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .accordion_title {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    padding: 25px 15px 15px;
    display: flex;
  }

  .accordion_expand-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    display: flex;
  }

  .accordion_expand-content {
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero-heading1, .hero-paragraph {
    color: var(--text-color--text-color-white);
  }

  .about-us_subsection-wrapper, .diversity_text-wrapper {
    width: 100%;
  }

  .diversity_spacing {
    height: 1vw;
    display: block;
  }

  .awards_content-wrapper {
    grid-column-gap: 1.5625rem;
    grid-row-gap: 1.5625rem;
  }

  .container-soziales {
    width: 100%;
    max-width: none;
  }

  .about-us-hero-text_wrapper {
    background-color: #fff0;
  }

  .hero-heading-style-h3 {
    color: var(--text-color--text-color-white);
    font-size: 1.5rem;
  }

  .button {
    width: 50px;
    height: 50px;
    color: var(--text-color--text-color-white);
    background-color: #000;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 1.5625rem;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-family: Montserrat Variablefont Weight, sans-serif;
    font-size: 2rem;
    text-decoration: none;
    display: flex;
  }

  .portfolio-line {
    margin-left: 0;
  }

  .portfolio-hero_wrapper {
    height: auto;
  }

  .mobile-team-collection-list-wrapper {
    margin-top: 3rem;
    display: block;
  }

  .category-turns-white.margin-top-mobile--15 {
    margin-top: -15px;
  }

  .link-tab1.w--current, .link-tab2.w--current, .link-tab3.w--current {
    display: none;
  }

  .portfolio-tabs_wrapper {
    margin-top: 30px;
  }

  .mobile-ffizienzaudi-image {
    width: 100%;
    max-width: none;
    padding-top: 0;
    display: block;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .effizienzaudit-mobile-title_wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .overlay-black-35 {
    background-color: #00000059;
    position: absolute;
    inset: 0%;
  }

  .overlay-black-35.hide-desktop-tablet {
    pointer-events: none;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .desktop-tablet-awards_cms {
    display: none;
  }

  .mobile-tablet-awards_cms {
    margin-top: 0;
    display: block;
  }

  .panel-wrap {
    width: 100%;
  }

  .social-media_wrapper {
    margin-top: 10px;
  }

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

  .responsibility_hero-background {
    display: none;
  }

  .jobs-content-expanded {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .jobs-description {
    width: 100%;
  }

  .newsletter_content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
  }

  .newsletter-tagline {
    max-width: none;
  }

  .desktop-aboutus-hero_image {
    display: none;
  }

  .career-image-master {
    height: 350px;
  }

  .career-text-spacer {
    height: 35px;
  }

  .join-us-row {
    flex-flow: column;
    height: auto;
    max-height: none;
  }

  .publikationen-hero-img.desktop {
    display: none;
  }

  .publikationen-hero-img.mobile {
    background-image: url('../images/publmobile.webp');
    flex-flow: column;
    display: flex;
  }

  .responsibility-hero-img {
    display: none;
  }

  .responsibility-hero-img.mobile {
    flex-flow: column;
    display: flex;
  }

  .responsibility-hero-column.left {
    z-index: 1;
    width: 100%;
  }

  .responsibility-hero-column.right {
    z-index: 1;
    width: 100%;
    height: auto;
    position: relative;
  }

  .mobile-overlay {
    background-color: #0000003b;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .swiper-slide.news {
    height: 345px;
  }

  .whitepaper-collection-wrapper {
    margin-top: 3.125rem;
  }

  .whitepaper-collection-item {
    border-width: 0;
  }

  .mobile-symbol_wrapper {
    display: flex;
  }

  .desktop-cmscard-image {
    display: none;
  }

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

  .cmscard-title_wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

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

  .desktop-tablet-symbol_wrapper {
    display: none;
  }

  .cmscard_expand-content {
    padding-top: 0;
  }

  .mobile-cmscard-image {
    border-radius: 10px;
    display: block;
  }

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

  .cmscard-topcontent {
    border-bottom: 1px solid #c2c3e0;
    padding: 0 0 15px;
  }

  .button-whitepaper {
    left: 0;
  }

  .cmscard_hover-content-copy, .cmscard-content_wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .swiper-arrow_wrapper {
    top: 8px;
  }

  .swiper-arrow-left, .swiper-arrow-right {
    width: 8px;
  }

  .download_component {
    height: 100svh;
  }

  .download_image1 {
    align-self: flex-start;
    width: 60%;
    margin-top: 2rem;
    margin-bottom: 0;
    margin-left: -2rem;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .download_image2 {
    align-self: flex-end;
    width: 60%;
    margin-top: 0;
    display: none;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .download_image-wrapper {
    flex-flow: column;
  }

  .download_image3 {
    align-self: flex-end;
    width: 60%;
    margin-top: 0;
    margin-bottom: 2rem;
    display: block;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .section_portfolio_logos {
    padding-top: 35px;
  }

  .logos_col_wrapper {
    margin-top: 40px;
  }

  .proof-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 0rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 4.3rem), 1fr));
  }

  .proof-item {
    width: 4.3rem;
  }

  .desktop_logos_wrap {
    display: none;
  }

  .mobile_logos_wrap {
    display: block;
  }

  .load-more-plus {
    display: flex;
  }

  .load_more_btn {
    background-color: #080a41;
    border-style: none;
    border-radius: 10px 10px 10px 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
  }

  .load-more-pag {
    margin-top: 25px;
  }

  .new-heading {
    width: 100%;
    display: block;
  }

  .cards-title_rich-text {
    z-index: 5;
  }

  .clip_img_3 {
    width: 73%;
    top: 1.3rem;
    left: -4%;
  }

  .clip_img_4 {
    top: .6rem;
    left: -5%;
  }

  .mobile_resp_bg {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    inset: 0%;
  }

  .resp_bg_2 {
    display: block;
  }

  .mobile-responsibility-image {
    z-index: 5;
    border-radius: 10px;
    width: 100%;
    display: block;
    position: relative;
    top: .7rem;
    left: 5%;
    overflow: hidden;
  }

  .responsibility_bg {
    pointer-events: none;
  }

  .mobile_resp_bg_img {
    z-index: 1;
    pointer-events: none;
    position: relative;
    inset: 0%;
  }

  .mobile_resp_image {
    z-index: 5;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 10px;
    position: absolute;
    inset: 6% 0% 0% -6%;
  }
}

@media screen and (max-width: 479px) {
  .c-title-2.cc-centered.cc-dark {
    width: auto;
    font-size: 28px;
    font-weight: 200;
    line-height: 32px;
  }

  .c-title-4.cc-centered {
    font-size: 24px;
    line-height: 28px;
  }

  .c-body {
    height: auto;
  }

  .c-selection.cc-last {
    min-height: auto;
    position: static;
  }

  .c-selection_item {
    width: 300px;
    height: 300px;
  }

  .c-selection_img {
    top: 27px;
    left: 84px;
  }

  .c-vials {
    top: 42px;
  }

  .c-vials_left {
    width: 64px;
  }

  .c-vials_right {
    width: 64px;
    margin-left: -1px;
  }

  .c-parachute {
    left: 72.5px;
  }

  .c-pragmatic {
    display: none;
  }

  .c-contact {
    height: auto;
    min-height: auto;
    position: static;
  }

  .c-links {
    height: auto;
    min-height: auto;
    padding-bottom: 0;
    position: static;
    overflow: hidden;
  }

  .c-footer {
    height: auto;
    display: block;
    position: static;
  }

  .c-authentic_wrapper {
    display: none;
  }

  .c-authentic_artboard {
    width: 50%;
    top: 72px;
  }

  .c-authentic_shell {
    width: 92%;
    top: -20px;
  }

  .c-pragmatic_wrapper {
    display: none;
  }

  .c-pragmatic_cappuccino, .c-pragmatic_boxer, .c-pragmatic_laptop {
    width: 92%;
  }

  .c-unleashed_wrapper {
    display: none;
  }

  .c-unleashed_lego {
    width: 92%;
  }

  .c-unleashed_shoes {
    top: -227px;
  }

  .c-unleashed_camera {
    width: 92%;
  }

  .c-unleashed_elipse-4 {
    width: 164px;
  }

  .c-unleashed_text-3 {
    top: -228px;
    right: 104px;
  }

  .c-unleashed_elipse-5 {
    z-index: -1;
    top: -94.5px;
  }

  .c-unleashed_box {
    width: 220px;
    top: -60px;
    left: 47px;
  }

  .c-unleashed_quill, .c-unleashed_graduate {
    width: 92%;
  }

  .c-unleashed_text-5 {
    right: 5px;
  }

  .c-phone {
    top: 53px;
    left: 61px;
  }

  .c-tree-logo {
    left: 61.5px;
  }

  .c-red-tape {
    bottom: -11px;
    right: -29px;
  }

  .c-blue-tape {
    top: 211px;
    right: 146px;
  }

  .c-text-wrapper.cc-zindex {
    margin-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    position: static;
  }

  .c-form-block {
    padding: 24px 21px;
  }

  .c-hero-4 {
    background-size: contain;
    min-height: auto;
  }

  .page-wrapper {
    height: auto;
  }

  .c-popup {
    z-index: 9;
    display: flex;
  }

  .c-popup.cc-easel, .c-popup.cc-shell, .c-popup.cc-computer, .c-popup.cc-graduate-hat, .left-arrow, .right-arrow {
    display: none;
  }

  .c-text-4 {
    font-size: 12px;
  }

  .c-text-4.cc-mb-4, .c-text-4.cc-mb-8 {
    font-size: 10px;
  }

  .c-slide_close {
    top: 0;
  }

  .c-slide_close.cc-team {
    margin-top: 0;
    top: 0;
    right: 0;
  }

  .c-logo-mobile {
    height: 80%;
  }

  .c-selection_text {
    margin-bottom: 42px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .c-red-mobile {
    background-image: linear-gradient(#ed7362db 86%, #9bd1dc), linear-gradient(#ed7362db, #ed7362db), url('../images/bg-texture-1_cutted_short.png');
    background-position: 0 0, 0 0, 50% 0;
    background-repeat: repeat, repeat, repeat-y;
    background-size: auto, auto, auto;
    height: auto;
    min-height: auto;
  }

  .c-popup_button {
    left: 179px;
  }

  .c-popup_button.cc-coffee {
    bottom: -182px;
  }

  .c-popup_button.cc-dog {
    bottom: -138px;
  }

  .c-popup_button.cc-lego {
    bottom: -173px;
  }

  .c-popup_button.cc-easel {
    bottom: -112px;
    right: -63px;
  }

  .c-popup_button.cc-shell {
    top: -96px;
    right: -21px;
  }

  .c-popup_button.cc-chess {
    bottom: -133px;
    right: -26px;
  }

  .c-popup_button.cc-sneakers {
    bottom: -117px;
    left: 131px;
  }

  .c-popup_button.cc-camera {
    bottom: -126px;
  }

  .c-popup_button.cc-graduation {
    bottom: -178px;
    right: 42px;
  }

  .c-popup_button.cc-giraffe, .c-popup_button.cc-team, .c-popup_button.cc-easel, .c-popup_button.cc-shell, .c-popup_button.cc-chess, .c-popup_button.cc-coffee, .c-popup_button.cc-dog, .c-popup_button.cc-laptop, .c-popup_button.cc-lego, .c-popup_button.cc-shoes, .c-popup_button.cc-camera, .c-popup_button.cc-graduation, .c-popup_button.cc-quill, .c-popup_button.cc-employees {
    width: 184px;
    font-size: 21px;
    top: -120px;
    left: 145px;
    right: 0;
  }

  .c-popup_button.cc-easel-mobile {
    bottom: -112px;
    right: -63px;
  }

  .c-popup_button.cc-shell-mobile {
    top: -96px;
    right: -21px;
  }

  .c-popup_button.cc-chess-_mobile {
    bottom: -133px;
    right: -26px;
  }

  .c-popup_button.cc-coffee_mobile {
    bottom: -182px;
  }

  .c-popup_button.cc-dog_mobile {
    bottom: -138px;
  }

  .c-popup_button.cc-lego_mobile {
    bottom: -173px;
  }

  .c-popup_button.cc-camera_mobile {
    bottom: -126px;
  }

  .c-popup_button.cc-graduation_mobile {
    bottom: -140px;
    right: -10px;
  }

  .c-section_text-block {
    width: 320px;
  }

  .c-section_text-block.cc-alt {
    top: -64px;
  }

  .c-images_mobile-file {
    transform: translate(-18px)scale(1.25);
  }

  .c-spaghetti {
    inset: 0% auto auto 0%;
  }

  .c-rocket {
    bottom: 0;
  }

  .c-teal-mobile {
    background-image: linear-gradient(to bottom, var(--light-blue), #9bd1dcd6 8%, #9bd1dcd6 95%, var(--gold)), linear-gradient(to bottom, #9bd1dcd6, #9bd1dcd6), url('../images/bg-texture-1_cutted_short.png');
    background-position: 0 0, 0 0, 50% 0;
    background-repeat: repeat, repeat, repeat-y;
    background-size: auto, auto, auto;
    height: auto;
    min-height: auto;
  }

  .c-teal_chess {
    overflow: hidden;
  }

  .c-teal_chess-shape {
    top: 4px;
    overflow: visible;
  }

  .c-red_easel-shape {
    z-index: -1;
    top: 282px;
  }

  .c-red_easel-shape-2 {
    z-index: -1;
  }

  .c-yellow-mobile {
    height: auto;
    min-height: auto;
  }

  .c-yellow_camera-shape {
    width: 220px;
    left: 61px;
  }

  .c-vr {
    max-width: 80%;
    right: 52px;
  }

  .c-yellow_graduation-shape {
    width: 220px;
  }

  .c-popup_arrow.cc-graduation {
    transform: rotate(-14deg);
  }

  .c-popup_arrow.cc-giraffe, .c-popup_arrow.cc-team, .c-popup_arrow.cc-easel, .c-popup_arrow.cc-shell, .c-popup_arrow.cc-chess, .c-popup_arrow.cc-coffee, .c-popup_arrow.cc-dog, .c-popup_arrow.cc-laptop, .c-popup_arrow.cc-shoes, .c-popup_arrow.cc-camera, .c-popup_arrow.cc-graduation, .c-popup_arrow.cc-quill, .c-popup_arrow.cc-giraffe-mobile {
    transform: rotate(157deg);
  }

  .c-popup_arrow.cc-graduation_mobile {
    transform: rotate(-14deg);
  }

  .c-popup_arrow.cc-employees_mobile {
    bottom: -106px;
    left: 73px;
    transform: rotate(157deg);
  }

  .c-selection_popups-red {
    width: auto;
    min-width: 320px;
    max-width: 400px;
    padding: 24px 24px 42px;
    inset: 0%;
    transform: scale(.8);
  }

  .c-title-6 {
    font-size: 10px;
  }

  .c-text-5, .c-text-5.cc-semibold {
    font-size: 14px;
  }

  .c-text-5.cc-height-24 {
    margin-bottom: 48px;
    margin-left: 0;
    margin-right: 0;
  }

  .c-colored-text.cc-red {
    font-size: 20px;
  }

  .c-selection_popups-blue {
    border-radius: 0;
    width: auto;
    min-width: 320px;
    max-width: 400px;
    height: auto;
    padding-top: 24px;
    padding-bottom: 42px;
    inset: 0%;
    transform: scale(.8);
  }

  .c-selection_popups-yellow {
    border-radius: 0;
    justify-content: space-around;
    width: auto;
    min-width: 320px;
    max-width: 400px;
    height: auto;
    padding: 24px 24px 42px;
    inset: 0%;
    transform: scale(.8);
  }

  .c-about-popup.cc-team {
    display: none;
    overflow: hidden;
  }

  .c-about_popups-team {
    padding-bottom: 24px;
    position: static;
  }

  .c-team_left {
    height: auto;
    position: static;
  }

  .c-team_right {
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
    position: static;
  }

  .c-team_right-elipse {
    border-radius: 0;
    width: 700px;
    left: 0;
  }

  .c-turtle-1, .c-turtle-2 {
    display: none;
  }

  .c-team_left-headline {
    font-size: 28px;
    line-height: 32px;
    position: static;
  }

  .c-about_popups-people {
    padding-top: 42px;
  }

  .c-person {
    margin-bottom: 42px;
  }

  .c-person.cc-red {
    margin-bottom: -42px;
  }

  .c-person_name {
    margin-top: 0;
    margin-bottom: 0;
  }

  .c-person_name.cc-red {
    margin-top: 0;
  }

  .c-person_about {
    flex-direction: column;
  }

  .c-person_about-position {
    padding-top: 24px;
    padding-left: 64px;
  }

  .c-person_about-position.cc-blue {
    padding-left: 72px;
  }

  .c-person_about-position.cc-yellow, .c-person_about-position.cc-lightblue {
    padding-top: 0;
  }

  .c-person_about-image {
    margin-bottom: 0;
    margin-right: 0;
  }

  .c-person_about-image.cc-right {
    margin-top: -85px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .c-person_elipse2 {
    display: none;
  }

  .c-team-slider_nav {
    display: block;
  }

  .c-about-popup_bg {
    background-image: url('../images/crumple_min_vert.jpeg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    height: 80%;
    display: flex;
  }

  .c-team_left-image {
    height: 100%;
    margin-left: 16px;
    margin-right: 16px;
    transform: none;
  }

  .c-nav {
    z-index: 5;
  }

  .c-backgnd-section {
    display: none;
  }

  .c-text-4-red-info {
    font-size: 14px;
  }

  .c-selection-popup-red-wrapper, .c-selection-popup-blue-wrapper, .c-selection-popup-yellow-wrapper {
    display: none;
  }

  .c-container-all-stuff {
    display: block;
  }

  .hero_overlay {
    width: 100%;
  }

  .hero_bg-image {
    height: 100vh;
  }

  .overlay_text {
    font-size: 1.1em;
  }

  .step-text {
    font-size: 3vw;
  }

  .step_text-wrp._2 {
    top: -20%;
    left: -14%;
  }

  .step_text-wrp._3 {
    width: 39vw;
    top: -11%;
    left: 0%;
  }

  .step_text-wrp._4 {
    top: -1%;
    left: 55%;
  }

  .step_text-wrp._5 {
    width: 33vw;
    top: -15%;
    left: 31%;
  }

  .step_text-wrp._6 {
    top: -3%;
  }

  .step_text-wrp._7 {
    width: 42vw;
    top: -33%;
    left: 3%;
  }

  .step_text-wrp._8 {
    width: 29vw;
    top: 23%;
    left: 94%;
  }

  .step_text-wrp._9 {
    top: 74%;
    left: -33%;
  }

  .step_text-wrp._10 {
    width: 36vw;
    top: 101%;
    left: 13%;
  }

  .step_text-wrp._12 {
    width: 31vw;
    top: 81%;
    left: 21%;
  }

  .step_text-wrp._13 {
    width: 40vw;
    top: 99%;
    left: -5%;
  }

  .step_text-wrp._14 {
    width: 33vw;
    top: 84%;
    left: -32%;
  }

  .step_text-wrp._15 {
    top: 71%;
    left: 45%;
  }

  .step_text-wrp._16 {
    top: 31%;
    left: 64%;
  }

  .popup_text-wrapper {
    padding-top: 0%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .popup_header {
    font-size: 1.5em;
  }

  .popup_text {
    font-size: .8em;
  }

  .modal-image {
    width: 10em;
    height: 12.5em;
  }

  .step._4.modal-button {
    top: 77%;
    left: 8%;
  }

  .step._5.modal-button {
    top: 77%;
    left: 58%;
  }

  .step._6.modal-button {
    top: 3%;
  }

  .step._7.modal-button {
    top: 14%;
  }

  .step._8.modal-button {
    top: 28%;
    left: 41%;
  }

  .step._9.modal-button {
    top: 52%;
    left: 61%;
  }

  .step._10.modal-button {
    top: 60%;
    left: 2%;
  }

  .step._12.modal-button {
    top: 2%;
    left: 62%;
  }

  .step._13.modal-button {
    top: 8%;
    left: 2%;
  }

  .step._14.modal-button {
    top: 20%;
    left: 54%;
  }

  .step._15.modal-button {
    top: 31%;
    left: 3%;
  }

  .step._16.modal-button {
    top: 40%;
    left: 59%;
  }

  .member {
    width: 18vw;
    height: 27vw;
  }

  .step_header._2 {
    top: -4%;
  }

  .step_header._1 {
    top: 39%;
  }

  .step_header._3 {
    top: -1%;
  }

  .modal-parent {
    height: auto;
  }

  .wall-background {
    height: 435vw;
  }

  .click-info {
    top: 2%;
    left: 95px;
  }

  .click-info._1 {
    top: 9%;
    left: 109px;
  }

  .click-info._2 {
    top: -38%;
    left: 54px;
  }

  .click_text {
    font-size: 3vw;
  }

  .einleitung {
    height: 40vw;
  }

  .text-block-4 {
    font-size: 2.6vw;
    top: 20%;
  }

  .red-span, .red-span-copy, .yellow-span {
    font-size: 3.5vw;
  }

  .cta_heading {
    font-size: 8vw;
  }

  .form-block {
    border-radius: 2.5em;
    padding: 1.2em;
  }

  .text-field {
    letter-spacing: -.35px;
    font-size: 14px;
  }

  .text-field.firma, .text-field.phone {
    border-left-style: solid;
    border-left-width: 1px;
  }

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

  .submit-button {
    border-radius: 1.1em;
    margin-left: auto;
    margin-right: auto;
    font-size: 1em;
  }

  .footer-container {
    max-width: none;
  }

  .row1 {
    width: 90%;
    overflow: visible;
  }

  .image-7 {
    top: 9%;
  }

  .modal {
    flex-direction: column;
    width: 94%;
    padding-left: 4%;
    padding-right: 4%;
  }

  .close {
    padding: 0;
  }

  .modal-copy {
    flex-direction: column;
    width: 80%;
  }

  .modal-image-copy {
    height: 10em;
  }

  .popup_text-wrapper-copy {
    padding-left: 0%;
    padding-right: 0%;
  }

  .member_skills {
    font-size: .8em;
  }

  .member_header {
    font-size: 1.4em;
  }

  .member_pos {
    font-size: 1.1em;
  }

  .sm-icon {
    width: 9vw;
  }

  .checkbox-field {
    font-size: 12px;
  }

  .text-block-5 {
    font-size: 11px;
  }

  .row1-new {
    width: 90%;
    overflow: visible;
  }

  .lp-padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .home-hero_wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-bottom: 50svw;
  }

  .hero-titles_wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .heading-h1-regular {
    letter-spacing: -1px;
    font-size: 40px;
  }

  .heading-h1-regular.about-us {
    letter-spacing: -.8px;
    font-size: 32px;
  }

  .heading-h1-light {
    letter-spacing: -2px;
    font-size: 40px;
  }

  .heading-h1-light.about-us {
    letter-spacing: -1.6px;
    font-size: 32px;
  }

  .heading-h1-bold {
    letter-spacing: -.4px;
    font-size: 40px;
  }

  .heading-h1-bold.about-us {
    letter-spacing: -.32px;
    font-size: 32px;
  }

  .hero-banner_wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 2px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    padding-left: 30px;
    position: relative;
  }

  .banner_icon {
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    position: absolute;
    left: 0;
  }

  .banner_text.is-first, .banner_text.is-second {
    letter-spacing: -.375px;
    font-size: 15px;
  }

  .digitalisierung_wrapper {
    padding-top: 50px;
    padding-bottom: 75px;
  }

  .heading-h2-regular {
    letter-spacing: -.6px;
    font-size: 24px;
    display: block;
  }

  .heading-h2-regular.is-centered {
    display: none;
  }

  .heading-h2-regular.is-centered.mobile {
    text-align: left;
    display: block;
  }

  .heading-h2-regular.is-left-aligned {
    display: none;
  }

  .heading-h2-regular.is-left-aligned.mobil {
    text-align: left;
    display: block;
  }

  .heading-h2-regular.mobil {
    display: block;
  }

  .heading-h2-regular.is-bold {
    letter-spacing: -.6px;
  }

  .digitalisierung-shape_wrapper {
    display: none;
  }

  .digitalisierung-shape_wrapper.mobil {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 2fr 1fr 3fr 3fr 1fr;
    grid-auto-columns: 1fr;
    width: 100vw;
    height: 57svw;
    margin-top: 25px;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    display: block;
  }

  .text-large {
    font-size: 14px;
    display: none;
  }

  .text-large.is-white.show-mobil {
    color: var(--white);
    font-size: 14px;
  }

  .text-large.mobil {
    display: block;
  }

  .text-large.show-mobil {
    color: var(--almost-black);
    letter-spacing: -.35px;
    line-height: 1.25em;
    display: block;
  }

  .text-large.show-mobil.is-magenta {
    font-size: 14px;
    display: inline-block;
  }

  .text-large.show-mobil.wir-sind-mehr {
    font-size: 14px;
  }

  .text-large.desktop {
    color: var(--almost-black);
    letter-spacing: -.35px;
    line-height: 1.25em;
    display: none;
  }

  .text-large.mobil {
    color: var(--almost-black);
    letter-spacing: -.35px;
    line-height: 1.25em;
    display: block;
  }

  .lp-nav_wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lp-nav_menu {
    display: none;
  }

  .hero_animation {
    width: 145svw;
    inset: auto 0% -23.8svw;
  }

  .about-content_wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .category-text {
    padding-bottom: 0;
    font-size: 14px;
  }

  .about-title_wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .about-title_subtext {
    padding-top: 0;
    padding-left: 0;
  }

  .icon_small.about-us {
    display: none;
  }

  .about_left-shape, .about-right_top, .about-right_bottom {
    min-width: 40px;
    min-height: 40px;
  }

  .portfolio_top {
    grid-template-columns: 1fr;
  }

  .category_wrapper {
    padding-left: 1.25rem;
  }

  .portfolio-top_grid-element {
    display: none;
  }

  .portfolio-column-content_wrapper {
    padding-top: 25px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .heading-h3 {
    letter-spacing: -.6px;
    font-weight: 600;
  }

  .heading-h3.is-light {
    font-weight: 300;
  }

  .text-small {
    font-size: 14px;
  }

  .text-small.portfolio {
    letter-spacing: -.35px;
    padding-bottom: 25px;
    font-size: 14px;
  }

  .text-small.is-right-aligned, .text-small.footer, .text-small.header {
    font-size: 14px;
  }

  .wirsindmehr_wrapper {
    padding-top: 64svw;
  }

  .section_titles {
    grid-column-gap: .4em;
    width: 230px;
    max-width: none;
    padding-top: 30px;
    padding-left: 0;
  }

  .section_titles.be-part {
    width: 87svw;
    max-width: 360px;
    padding-top: 30px;
    padding-left: 0;
  }

  .wirsindmehr_text {
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 0;
  }

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

  .wirsindmehr-item_wrapper {
    height: 199px;
    padding: 15px;
  }

  .heading-h4 {
    letter-spacing: -.6px;
    font-size: 24px;
  }

  .button-secondary {
    height: 45px;
    font-size: 14px;
  }

  .button-secondary.easing {
    font-size: 14px;
  }

  .button-secondary.no-border, .button-secondary.is-white {
    height: 45px;
    font-size: 14px;
  }

  .karriere_wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .karriere_content {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    margin-top: 0;
    padding-top: 20px;
    padding-left: 0;
  }

  .spacing-200, .karriere_bottom {
    display: none;
  }

  .karriere_bottom.mobil {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 40px;
    margin-bottom: 50px;
    padding-left: 0;
    display: flex;
  }

  .karriere-bottom_text {
    letter-spacing: -1.2px;
    font-size: 24px;
  }

  .karriere_graphics {
    position: relative;
  }

  .karriere-shapes_bl {
    width: 120px;
    height: 80px;
    bottom: -1px;
    left: -1.25rem;
  }

  .karriere-shapes_tr {
    width: 80px;
    height: 80px;
    right: -1.25rem;
  }

  .karriere-shapes_br {
    width: 80px;
    height: 120px;
    bottom: -81px;
    right: -1.25rem;
  }

  .kontakt_wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-top: 75px;
    padding-bottom: 50px;
  }

  .textarea {
    letter-spacing: -.35px;
    border-radius: 0;
    min-height: 150px;
    font-size: 14px;
  }

  .kontakt-form_btn {
    height: 45px;
    font-size: 14px;
  }

  .field_wrapper {
    width: 100%;
    margin-bottom: 25px;
  }

  .field_wrapper.for-textarea {
    border-radius: 0;
  }

  .footer.background-color-almostblack {
    overflow: hidden;
  }

  .footer_wrapper {
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .footer_bottom {
    padding-bottom: 100px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .footer_row {
    flex-direction: column;
  }

  .footer-column_first {
    border-bottom: 1px solid var(--grey);
    border-right-style: none;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .footer-column_second.vertical {
    width: 100%;
    display: none;
  }

  .footer-column_second.socials {
    display: none;
  }

  .social-icons_wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-column_third.vertical {
    width: 50%;
    min-width: auto;
    display: none;
  }

  .footer-column_third.mail {
    display: none;
  }

  .heading-footer {
    letter-spacing: -1.2px;
    font-size: 24px;
  }

  .footer_legals {
    width: 50%;
    padding-left: 1.25rem;
  }

  .footer_legals.mail {
    padding-left: 1.25rem;
  }

  .wirsindmehr_animation {
    display: none;
  }

  .wirsindmehr_animation.mobil {
    width: 145svw;
    display: block;
    inset: 25px 0% auto;
  }

  .digitalisierung_background {
    display: none;
    top: auto;
    left: auto;
    right: auto;
    transform: scale(1.3);
  }

  .digitalisierung_animation {
    display: none;
  }

  .karriere_image {
    width: 100vw;
    max-width: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    position: relative;
  }

  .digitalisierung-shape_mobil {
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  }

  .digitalisierung-shape_mobil.hidden {
    display: none;
  }

  .kontakt-mobil_shapes {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 40px 40px;
    grid-template-columns: 40px 40px;
    grid-auto-columns: 1fr;
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .kontakt_shape {
    background-color: var(--white);
    transform-origin: 50% 0;
    border-bottom-left-radius: 5px;
    width: 40px;
    height: 40px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .kontakt_shape._2 {
    transform-origin: 0%;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .footer-column_mobile {
    border-bottom: 1px solid var(--grey);
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-width: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
  }

  .footer-mobile_links {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    display: flex;
  }

  .footer-mobile_links.socials {
    width: 50%;
  }

  .portfolio-item-tablet-mobile_bottom {
    margin-top: 60px;
  }

  .banner_item {
    grid-column-gap: .4em;
    flex-wrap: wrap;
  }

  .banner_item.second {
    margin-left: 0;
  }

  .digitalisierung-content-3 {
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 50px;
  }

  .div-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .digitalisierung-point_wrapper-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    align-items: center;
    max-width: none;
  }

  .bullet-point_icon-2 {
    width: 32px;
    height: 32px;
  }

  .bullet-point_text-2 {
    padding-top: 0%;
  }

  .banner_text-2.is-dark {
    letter-spacing: -.35px;
    font-size: 14px;
  }

  .pageloader {
    top: 0%;
    bottom: auto;
    right: auto;
  }

  .pageloader-titles_wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 30px;
    position: absolute;
    bottom: 60vw;
  }

  .pageload_blue {
    position: static;
    top: 0%;
    bottom: auto;
    right: auto;
  }

  .pageload_magenta {
    width: 100%;
    height: 0%;
    top: auto;
    bottom: 0%;
    left: auto;
  }

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

  .page-padding, .page-padding.header {
    padding-left: 15px;
    padding-right: 15px;
  }

  .portfolio-hero-firstrow {
    width: 100%;
  }

  .header_wrapper {
    padding-top: 15px;
  }

  .desktop-unsere_content {
    display: block;
  }

  .unsere_item {
    height: 105vw;
  }

  .tagline.hide-desktop-tablet {
    display: block;
  }

  .section_aboutus-hero {
    background-image: url('../images/kariere1.webp');
    min-height: auto;
    overflow: hidden;
  }

  .slogan_wrapper {
    grid-column-gap: 13px;
    grid-row-gap: 0px;
    flex-flow: wrap;
  }

  .vision-link {
    width: 33%;
    padding-bottom: 1.25rem;
    padding-left: .625rem;
    padding-right: .625rem;
  }

  .vision-link.w--current, .vision-link.is-second {
    width: 33%;
  }

  .team-collection-item {
    height: 60vw;
    max-height: 200px;
  }

  .team-content_wrapper {
    margin-bottom: -2px;
    bottom: 15px;
  }

  .team-skils_wrapper.absolute {
    opacity: 0;
  }

  .teamdiversity-image.hide-desktop {
    width: 180%;
    margin-top: 1rem;
    left: 15%;
  }

  .passion_img_wrap {
    width: 55vw;
  }

  .section_aboutus-awards {
    overflow: hidden;
  }

  .awards-title_wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 4rem;
  }

  .award-image {
    width: 187px;
  }

  .awards-graphic-image {
    perspective-origin: 0%;
    transform-origin: 0%;
    align-self: flex-start;
    width: 100%;
    position: relative;
    transform: scale(1.35);
  }

  .container-gap120.hide-desktop {
    display: block;
  }

  .vision_layout.mission {
    grid-template-columns: minmax(0, 1fr) repeat(auto-fit, minmax(0, 1fr));
  }

  .section_newsletter {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
  }

  .newsletter_wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding: 25px 15px;
  }

  .section_publikationen-hero {
    grid-template-columns: minmax(200px, 100%);
  }

  .section_publikationes-whitepaper {
    max-width: 100svw;
    overflow: clip;
  }

  .unleashed_wrapper {
    border-top-style: none;
  }

  .text-color-white {
    position: relative;
  }

  .unleashed_spotify-column2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .buchbeitrage-text_wrapper {
    padding-top: 10px;
  }

  .splide__list.awards {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: center;
  }

  .book_wrapper {
    height: auto;
    min-height: auto;
  }

  .book-content_wrapper {
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    align-items: stretch;
    height: 60%;
  }

  .book-image {
    height: 145px;
  }

  .button_books-card {
    align-self: flex-start;
    height: 45px;
    font-size: 14px;
    position: relative;
    bottom: 0;
    left: 0;
  }

  .grow-card {
    height: 345px;
    min-height: 345px;
  }

  .full-width-image.news {
    filter: saturate(0%);
  }

  .grow-card_content {
    justify-content: space-between;
    align-items: flex-start;
  }

  .grow-card_hover-text {
    grid-column-gap: 22.5px;
    grid-row-gap: 22.5px;
    min-width: auto;
    position: static;
  }

  .link-nofill {
    font-size: .875rem;
  }

  .section_responsibility-hero {
    background-image: url('../images/responsibilities-mobile-hero_1.webp');
    background-position: 50%;
    background-size: cover;
    grid-template-columns: 53%;
    min-height: 100vh;
  }

  .hero-text_wrapper.tablet-spacing-25px {
    justify-content: center;
    align-items: flex-start;
  }

  .responsibility-2columns_wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .layout-gap120, .layout-gap120.sponsorings {
    grid-template-columns: minmax(0, 1fr);
  }

  .soziales_collection-item {
    position: relative;
  }

  .vds25_wrapper, .magenta-box_wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .partnerschaften_tab-link.w--current {
    width: 100%;
  }

  .partnerschaften_tab-menu {
    flex-flow: column;
    display: none;
  }

  .partnerschaften_tab-title {
    color: var(--text-color--text-color-midnight-blue);
    font-family: Montserrat Variablefont Weight, sans-serif;
    font-size: 1rem;
  }

  .desktop-partnerschaften-tabs_wrapper {
    display: none;
  }

  .section_karriere-haltung {
    overflow: visible;
  }

  .karriere-haltung_wrapper {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    grid-template-rows: auto auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .karriere-haltung_column1 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .karriere-haltung_image-bottom {
    z-index: 1;
    width: auto;
    max-width: none;
    height: 45px;
    display: none;
    inset: auto auto 0% -62px;
  }

  .section_karriere-arbeiten {
    z-index: 1;
    padding-top: 5.625rem;
    overflow: visible;
  }

  .arbeiten_wrapper {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 2.1875rem;
  }

  .jobs_wrapper {
    padding-bottom: 15px;
  }

  .jobs-cta_wrapper {
    grid-row-gap: 1.5625rem;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .prd-40 {
    padding-right: 0;
  }

  .pld-40 {
    padding-left: 0;
  }

  .pld-40.topb-margin {
    margin-top: -20px;
  }

  .section_karriere-joinus {
    padding-bottom: 6rem;
    overflow: hidden;
  }

  .joinus_wrapper {
    grid-column-gap: 0rem;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1.1fr;
    margin-bottom: 50px;
  }

  .hsd-25-hsm-15 {
    grid-column-gap: .9375rem;
    grid-row-gap: .9375rem;
  }

  .joinus-image {
    width: 100%;
    max-width: 100%;
  }

  .joinus_cta-wrapper {
    padding-top: 25px;
  }

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

  .cta-grid_column1 {
    padding-bottom: 1.5625rem;
    padding-right: 0;
  }

  .cta-grid_column2 {
    border-top: 1px solid var(--border--border-color-white);
    border-left-width: 0;
    padding-top: 1.5625rem;
    padding-left: 0;
  }

  .section_karriere-joinus-cta {
    margin-top: -8rem;
  }

  .faq_title {
    padding-right: 0;
  }

  .nav_wrapper {
    justify-content: space-between;
  }

  .nav_menu.new {
    display: none;
  }

  .nav_brand.new {
    justify-content: flex-start;
    align-items: center;
  }

  .rectangle-left-bg-magenta {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 25px;
    height: 25px;
  }

  .overlay-black.news {
    z-index: 1;
    opacity: .81;
    mix-blend-mode: normal;
  }

  .overlays.news {
    opacity: 1;
    display: block;
  }

  .overlays-b-and-w {
    display: block;
  }

  .overlays-b-and-w.news {
    z-index: 3;
    opacity: 0;
  }

  .overlay-black-50.news {
    opacity: .1;
  }

  .full-width-image-overlays.is-first {
    object-position: 50% 70%;
  }

  .portfolio-tabs-menu {
    height: 63svh;
  }

  .desktop_maxwidth550.is-mobile {
    margin-bottom: -54px;
  }

  .desktop_maxwidth550.is-mobile-tab {
    margin-bottom: -75px;
  }

  .cmscard_expand-content-row {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .karriere-haltung_image-top {
    z-index: 1;
    width: auto;
    max-width: none;
    height: 135px;
    display: none;
    inset: -1px auto auto -63px;
  }

  .karriere-haltung_image-top.show-mobile {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    inset: -13svw 0% auto;
  }

  .anchor.tab-portfolio {
    margin-top: 0;
    inset: 400px 0% auto;
  }

  .splide-props.awards {
    inset: 0% auto auto 0%;
  }

  .jobs-contact_column2 {
    border-top: 1px solid var(--border--border-color-header);
    border-left-width: 0;
    padding-top: 1.5625rem;
    padding-left: 0;
  }

  .mobile-partnerschaften-tabs_wrapper {
    display: block;
  }

  .rich-text.faq {
    width: 100%;
  }

  .accordion_item {
    position: relative;
  }

  .accordion_item.is-second, .accordion_item.is-first, .accordion_item.is-third {
    border-top-width: 0;
    border-bottom-width: var(--border-width);
    border-radius: 0;
  }

  .accordion_title, .accordion_expand-wrapper {
    z-index: 2;
    position: relative;
  }

  .accordion_expand-content {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    display: flex;
  }

  .accordion-bg {
    z-index: 0;
    pointer-events: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    inset: 0%;
  }

  .hero-heading1 {
    color: var(--text-color--text-color-white);
  }

  .hero-paragraph {
    color: var(--white);
  }

  .diversity_spacing {
    height: 1vw;
  }

  .container-soziales {
    padding-left: 0;
    padding-right: 0;
  }

  .is-pad-right-0, .is-pad-left-0 {
    display: block;
  }

  .about-us-hero-text_wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 60vw;
  }

  .hero-heading-style-h3 {
    font-size: 20px;
    font-weight: 400;
  }

  .button {
    border-style: none;
    border-width: 0;
  }

  .portfolio-line {
    display: none;
  }

  .portfolio-hero_wrapper {
    grid-column-gap: .9375rem;
    grid-row-gap: .9375rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .paragraph-desk-40 {
    width: 100%;
  }

  .link-tab1.w--current, .link-tab2.w--current {
    display: none;
  }

  .card-interaction-styling {
    display: block;
  }

  .mobile-ffizienzaudi-image {
    align-self: flex-start;
    width: 133svw;
    margin-bottom: 0;
    right: -3%;
  }

  .overlay-black-35 {
    pointer-events: none;
  }

  .overlay-black-35.hide-desktop-tablet {
    display: block;
  }

  .publikation-hero_firstcolumn {
    width: 100%;
  }

  .panel-wrap {
    min-height: 175vw;
  }

  .book-content {
    flex: 1;
    justify-content: space-between;
  }

  .cmscard-interaction-styling {
    display: block;
  }

  .heading {
    font-size: 40px;
    font-weight: 300;
  }

  .responsibility_hero-background {
    display: none;
  }

  .team-titles_wrapper {
    flex-flow: column;
  }

  .jobs-content-expanded {
    height: auto;
    padding-bottom: 0;
  }

  .jobs-header {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 15px;
    padding-right: 15px;
  }

  .nav_logo_text {
    opacity: 0;
    font-size: 12px;
  }

  .dropdown_link {
    padding-left: 15px;
  }

  .dropdown_link.is-first {
    margin-top: 0;
  }

  .dropdown-socials_wrapper {
    margin-top: 0;
    padding-left: 15px;
  }

  .newsletter_content {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .category_line.is-bottom.cms-soziales {
    margin-top: 1.5625rem;
    display: none;
  }

  .text-mask {
    flex: none;
    overflow: hidden;
  }

  .empty-state {
    font-size: 14px;
  }

  .career-image-master {
    height: 235px;
    max-height: none;
  }

  .responsibility-hero-img.mobile {
    background-position: 73%;
  }

  .swiper-slide.filter {
    display: none;
  }

  .whitepaper-collection-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hsd-15.align-bottom {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cmscard_expand-content-row-2 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .cmscard-insights_grid {
    grid-row-gap: 25px;
    grid-template-rows: auto;
  }

  .cmscard_expand-content {
    border-bottom: 1px solid #aaabc6;
  }

  .cmscard_hover-content {
    place-items: start stretch;
  }

  .paragraph-2.insights {
    padding-top: 10px;
  }

  .rectangle-right-bg-magenta {
    width: 25px;
    height: 25px;
  }

  .button-whitepaper {
    justify-content: center;
    align-items: center;
    left: 0;
  }

  .category-3.text-color-white.category-turns-blue {
    font-size: 12px;
  }

  .cmscard_hover-content-copy, .cmscard-content_wrapper {
    place-items: start stretch;
  }

  .swiper-arrow_wrapper {
    top: 11px;
  }

  .section_download {
    max-width: 100svw;
    overflow: clip;
  }

  .download_image1 {
    width: 70%;
  }

  .download_image3 {
    width: 80%;
  }

  .whitepaper_form-submit-button {
    padding-left: 0;
    padding-right: 0;
  }

  .proof-grid {
    grid-row-gap: 0rem;
  }

  .recaptcha-2 {
    margin-bottom: 25px;
    position: relative;
  }

  .heading-2 {
    width: 100%;
  }

  .mobile_resp_image {
    top: 4%;
    left: -2%;
  }
}

#w-node-_88094da8-6cf5-6e5a-6dd9-849201f9f4cf-18930053 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_88094da8-6cf5-6e5a-6dd9-849201f9f4e4-18930053 {
  justify-self: start;
}

#w-node-_88094da8-6cf5-6e5a-6dd9-849201f9f4f6-18930053 {
  justify-self: end;
}

#w-node-_88094da8-6cf5-6e5a-6dd9-849201f9f50b-18930053 {
  justify-self: start;
}

#w-node-e32430a8-7adb-ab10-97a6-178500527dba-18930053 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-e32430a8-7adb-ab10-97a6-178500527dcf-18930053 {
  justify-self: start;
}

#w-node-e32430a8-7adb-ab10-97a6-178500527de1-18930053 {
  justify-self: end;
}

#w-node-e32430a8-7adb-ab10-97a6-178500527df6-18930053 {
  justify-self: start;
}

#w-node-_7c4d2873-e3ad-9d70-3617-4b1b5a33c057-18930053 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_7c4d2873-e3ad-9d70-3617-4b1b5a33c06c-18930053 {
  justify-self: start;
}

#w-node-_7c4d2873-e3ad-9d70-3617-4b1b5a33c07e-18930053 {
  justify-self: end;
}

#w-node-_7c4d2873-e3ad-9d70-3617-4b1b5a33c090-18930053 {
  justify-self: start;
}

#w-node-_5a397963-0c80-ad4c-9c1e-0e623a982944-18930053 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_5a397963-0c80-ad4c-9c1e-0e623a982959-18930053 {
  justify-self: start;
}

#w-node-_5a397963-0c80-ad4c-9c1e-0e623a98296b-18930053 {
  justify-self: end;
}

#w-node-_5a397963-0c80-ad4c-9c1e-0e623a98297d-18930053 {
  justify-self: start;
}

#w-node-a0c99faa-2997-d655-1436-741159485e71-18930053 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-a0c99faa-2997-d655-1436-741159485e86-18930053 {
  justify-self: start;
}

#w-node-a0c99faa-2997-d655-1436-741159485e9b-18930053 {
  justify-self: end;
}

#w-node-a0c99faa-2997-d655-1436-741159485eb2-18930053 {
  justify-self: start;
}

#w-node-_5c10f876-102c-1e38-31b1-5d71b2df7ab9-6193004e {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_2928c6de-69ef-54d6-de8e-21858e299c20-6193004e {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_550d4901-7e2b-1782-0e82-d87c30333b48-6193004e {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_4b9d19c4-add8-abb1-0271-f0c43d183660-6193004e {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-f72641b7-4af8-eacd-67df-d8c1d38e7bde-6193004e {
  grid-area: 1 / 5 / 2 / 6;
  align-self: center;
}

#w-node-_648364ce-9cd0-866a-7dc4-e82baa609fe7-6193004e {
  grid-area: 1 / 6 / 2 / 7;
  align-self: center;
}

#w-node-_48dbb251-f49d-db3f-9a65-2d813100b9c8-6193004e {
  grid-area: 1 / 7 / 2 / 8;
  align-self: center;
}

#w-node-_0dd043e2-5c46-95ae-770f-a73434430e9e-6193004e {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
}

#w-node-_0176f920-5a96-d26f-6678-e6248822d760-6193004e {
  grid-area: 2 / 2 / 3 / 3;
  align-self: center;
}

#w-node-_5644b352-d842-53cb-97c4-be1fa8210192-6193004e {
  grid-area: 2 / 5 / 3 / 7;
  align-self: center;
}

#w-node-_063fc31c-a79b-6a47-7587-bb175bb2089e-6193004e {
  grid-area: 2 / 6 / 3 / 8;
  align-self: center;
}

#w-node-_597de865-7289-8f3d-2c2d-51a252b9ae41-6193004e {
  grid-area: 1 / 1 / 1 / 4;
  align-self: center;
}

#w-node-_86f53859-69fe-522e-e1b7-96f19b4348a8-6193004e {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-b4b00837-29c8-ccaa-b625-423b5cf21ee2-6193004e {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-f17205ab-a55d-d113-8e0d-5063bad19962-6193004e {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_03408493-de1a-0227-ce7f-40071f0f4f38-6193004e {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_4f5e60c5-a0cc-df2d-d062-39a2faad0143-6193004e {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-c5e0b211-ed1c-b2da-7d6d-14da3e1b344e-6193004e {
  grid-area: 3 / 6 / 4 / 8;
}

#w-node-_05750708-f739-f96e-173d-de7300bd8870-6193004e {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-aba31708-87ff-bd47-b456-17539ef053bc-6193004e, #w-node-_5621518a-35f7-cabf-6558-869aedb01b25-6193004e, #w-node-_9cc20ee4-1a67-c81e-5b5b-f7575d098e5c-6193004e, #w-node-_557fa607-f9de-568f-c3d1-35003217f4fc-6193004e, #w-node-c923e92f-4ef3-a1d0-e08d-22012fd21364-6193004e, #w-node-a2fa8175-21b1-d9c1-2715-9f2efe1590ca-6193004e, #w-node-bd280680-b674-4141-3d87-8ce4d81d9dd9-6193004e, #w-node-_2e666793-ef5f-317d-4614-af06573f227a-6193004e, #w-node-b2e16c97-247f-f1e3-2661-18700ccee7bf-6193004e, #w-node-_86ea630d-c379-991e-4ea5-f150f7bdc90d-6193004e, #w-node-_1bc8009d-6cab-1f65-1b5e-7a6e98294c0f-6193004e, #w-node-badfc938-6f95-eb0a-38f1-5237c4f74999-6193004e, #w-node-a12162eb-cf80-2568-d343-6358b8ca1336-6193004e, #w-node-_360ca990-31a5-61f2-4ca5-837afe860acf-6193004e, #w-node-_24d8e7f8-d24f-e47d-7e02-01df73b46afb-6193004e, #w-node-_394e94c1-dde5-ce98-cfb4-1c98fc0b5833-6193004e, #w-node-e83b7f55-4ff0-e650-576f-b6d3d5110105-6193004e, #w-node-b015d711-9b62-2ec4-babf-09db22587bca-6193004e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed70a-6193004e {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed70f-6193004e {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed714-6193004e {
  grid-area: 1 / 3 / 2 / 4;
  align-self: center;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed719-6193004e {
  grid-area: 1 / 4 / 2 / 5;
  align-self: center;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed71e-6193004e {
  grid-area: 1 / 5 / 2 / 6;
  align-self: center;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed723-6193004e {
  grid-area: 1 / 6 / 2 / 7;
  align-self: center;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed728-6193004e {
  grid-area: 1 / 7 / 2 / 8;
  align-self: center;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed72d-6193004e {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed732-6193004e {
  grid-area: 2 / 1 / 3 / 3;
  place-self: center end;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed737-6193004e {
  grid-area: 4 / 7 / 5 / 7;
  align-self: center;
}

#w-node-_826f4787-c917-7124-5aeb-92dc8e2a9a81-6193004e {
  grid-area: 2 / 5 / 2 / 8;
  align-self: center;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed73c-6193004e {
  grid-area: 2 / 6 / 3 / 8;
  align-self: center;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed741-6193004e {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed74f-6193004e {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed75d-6193004e {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed76b-6193004e {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed779-6193004e {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed787-6193004e {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_27e38c72-9992-55fa-efef-e4d31f4ed795-6193004e {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_7f4887e8-03df-20f4-bf78-65447e9131a4-6193004e, #w-node-e4d78836-7a1e-e7fb-76df-8fb6e99fe37d-6193004e, #w-node-_731861e6-6036-5dc8-b9e9-494f56df7d4b-6193004e, #w-node-_96fbf7d9-0216-9646-bd4f-42dd57a096fc-6193004e, #w-node-c03c2313-2fce-54fc-15ca-042974fde87f-6193004e, #w-node-b7899062-8867-7dbf-7191-e0d316f3bf72-6193004e, #w-node-c530beda-de69-5b52-9d90-c30db61d1682-6193004e, #w-node-_60ef42f1-fb97-306c-3fd9-fda2ea324766-6193004e, #w-node-fcc7a7a3-4736-0292-bc47-0231d6a1571d-6193004e, #w-node-f578d1b5-bdb9-af25-2f24-c1b08d57e7f2-6193004e, #w-node-a68029a8-a7bc-e2f5-4664-4ce6932dd50f-6193004e, #w-node-_6b9d21ea-77ad-e02a-658e-93810330b6ac-6193004e, #w-node-_465856b7-34bb-38f1-f430-5905c57da3e7-6193004e, #w-node-_5a6c8481-4e2f-8f57-9f65-e62abaf5a455-6193004e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#email.w-node-a7342220-1be7-c281-5c8c-6fc3b7becd4c-6193004e {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_398bcdf0-f041-15d7-1111-10b9f45992e0-6193004e, #w-node-_8808bd04-ae4d-36c9-c328-c7a380131273-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_54d64ade-d126-1de5-e54d-ffe837c09634-c15909dc {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ce8ce79d-656b-7012-141a-b552383e9a8e-c15909dc {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-_1e7d6fad-4425-0a29-64dd-a530d3818287-c15909dc {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-c077d11d-3286-131e-c218-66dfa4c476b2-c15909dc {
  grid-area: 2 / 4 / 3 / 11;
}

#w-node-bde78af5-9ab8-f3e1-ea60-be1b924fae64-c15909dc {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-c27c0218-d2c9-c9fe-8937-befabf5b9e7f-c15909dc {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-a667a44f-b506-8bed-f271-ae47d4c6a629-c15909dc {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-c5fa3327-9ef1-25b4-a10b-c07fdd835651-c15909dc {
  grid-area: 3 / 7 / 4 / 11;
}

#w-node-_768ce8df-c38b-719c-e234-65a776d343e4-c15909dc {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_0a2b8086-b586-39f6-f3c6-3996291b2d8d-c15909dc {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_2c7c85e4-37db-47cd-88ad-17d9ebff0af6-c15909dc {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_5e0efdd1-d735-123b-1490-d62accabe02e-c15909dc {
  grid-area: 4 / 8 / 5 / 9;
}

#w-node-_27769858-68d8-4231-591c-cbbb8421a12c-c15909dc {
  grid-area: 4 / 10 / 5 / 11;
}

#w-node-_22a77789-e99d-fe2d-c613-c57fc83de886-c15909dc {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_1b5c7b89-aab9-3955-27ca-efbbd9e0426e-c15909dc {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-f118cf55-0ffa-2329-0fdf-9e2db3214868-c15909dc {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-dd9a6352-d004-3047-f590-62ddec61f022-c15909dc {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-b1a7d22e-4c45-ad33-6b51-dcba8d3438c5-c15909dc {
  grid-area: 5 / 9 / 6 / 10;
}

#w-node-_5cf9c49a-fe4c-a569-d6f9-f402a2ce41d7-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7634f4ce-a88e-fe0e-a41d-228454cb0b35-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f9c1368b-79e1-810c-bd19-65ff25b38883-c15909dc, #w-node-dbd6a78e-56bb-f946-251a-ec5b0faa849d-c15909dc, #w-node-dbd6a78e-56bb-f946-251a-ec5b0faa849f-c15909dc, #w-node-e91bc47e-b7be-1a04-f582-949c978bd172-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e91bc47e-b7be-1a04-f582-949c978bd173-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e91bc47e-b7be-1a04-f582-949c978bd174-c15909dc, #w-node-_4836bacd-b38a-ee26-0150-464741f8ae4b-c15909dc, #w-node-_4836bacd-b38a-ee26-0150-464741f8ae4d-c15909dc, #w-node-ecf8ada6-0e7a-413d-f322-6fa6d3e408d6-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ecf8ada6-0e7a-413d-f322-6fa6d3e408d7-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ecf8ada6-0e7a-413d-f322-6fa6d3e408d8-c15909dc, #w-node-_37c47bcc-fb5c-a5cc-9f2c-db54e2763c14-c15909dc, #w-node-_37c47bcc-fb5c-a5cc-9f2c-db54e2763c16-c15909dc, #w-node-abab2428-47dc-fc0e-79da-e72b1bfdd2ce-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-abab2428-47dc-fc0e-79da-e72b1bfdd2cf-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-abab2428-47dc-fc0e-79da-e72b1bfdd2d0-c15909dc, #w-node-da7fe249-cd8c-6755-5f26-f412ef1c91c5-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da7fe249-cd8c-6755-5f26-f412ef1c91c6-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-da7fe249-cd8c-6755-5f26-f412ef1c91c7-c15909dc, #w-node-_8096cade-3181-2d53-61a5-9b2fac812166-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8096cade-3181-2d53-61a5-9b2fac812167-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8096cade-3181-2d53-61a5-9b2fac812168-c15909dc, #w-node-_831221b2-bfe1-2300-f201-67093d8fce8a-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_831221b2-bfe1-2300-f201-67093d8fce8b-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_831221b2-bfe1-2300-f201-67093d8fce8c-c15909dc, #w-node-_08d1598d-7c85-9fb8-b2eb-20d219f5e4f2-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_08d1598d-7c85-9fb8-b2eb-20d219f5e4f3-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_08d1598d-7c85-9fb8-b2eb-20d219f5e4f4-c15909dc, #w-node-bec12e6a-ca0c-c8d6-2350-719a6ee090bd-c15909dc, #w-node-_059728c7-f216-13eb-0c1f-b08a7a489151-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_059728c7-f216-13eb-0c1f-b08a7a489152-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_059728c7-f216-13eb-0c1f-b08a7a489153-c15909dc, #w-node-_33c2ec84-0d7e-9ee4-d54d-b131537b30d9-c15909dc, #w-node-_5a52a2ec-ba1a-4ea1-463d-af184346c94e-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a52a2ec-ba1a-4ea1-463d-af184346c94f-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5a52a2ec-ba1a-4ea1-463d-af184346c950-c15909dc, #w-node-_35ec4436-9200-1d37-502f-4606b5669e79-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_35ec4436-9200-1d37-502f-4606b5669e7a-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_35ec4436-9200-1d37-502f-4606b5669e7b-c15909dc, #w-node-a8e963a4-0c4a-e3b6-b0d7-f92f6c73b44b-c15909dc, #w-node-_976f3d8d-b271-9d7a-4a01-15957f12cb07-c15909dc, #w-node-_976f3d8d-b271-9d7a-4a01-15957f12cb08-c15909dc, #w-node-_976f3d8d-b271-9d7a-4a01-15957f12cb0d-c15909dc, #w-node-_976f3d8d-b271-9d7a-4a01-15957f12cb0e-c15909dc, #w-node-_976f3d8d-b271-9d7a-4a01-15957f12cb16-c15909dc, #w-node-_976f3d8d-b271-9d7a-4a01-15957f12cb17-c15909dc, #w-node-_976f3d8d-b271-9d7a-4a01-15957f12cb1c-c15909dc, #w-node-_976f3d8d-b271-9d7a-4a01-15957f12cb1d-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fac9517c-49a4-67d0-229d-35b1f6e3ce76-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_13bd9ce5-cf94-e881-ec56-867ed6e91286-c15909dc {
  grid-area: 2 / 1 / 3 / 2;
  align-self: auto;
}

#w-node-_07a3cb24-0253-2602-bffd-9e914095a110-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_38839287-bcb6-4eee-edfd-3266907045ea-c15909dc, #w-node-_3b3ac1bd-0159-c4b4-f991-a5fe6e4c66be-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a5d04d83-4992-0eb3-930f-d4d7186bb2c4-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_3e5c107b-87e3-a072-876f-39ae1524d961-c15909dc, #w-node-_3e5c107b-87e3-a072-876f-39ae1524d962-c15909dc, #w-node-_3e5c107b-87e3-a072-876f-39ae1524d963-c15909dc, #w-node-ba62c2d7-4d76-56b5-b95c-5ecde6a09082-c15909dc, #w-node-_9710e9d9-d898-a180-327b-54deceeab281-c15909dc, #w-node-_685ec1a6-47b9-3854-4582-a2ca9528b4bb-c15909dc, #w-node-_1e1720ec-f2d2-143d-7ba2-838ed932c827-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5ac48c21-1b7d-3186-08fd-13667b5f0bd2-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_5ac48c21-1b7d-3186-08fd-13667b5f0bd5-c15909dc, #w-node-_5ac48c21-1b7d-3186-08fd-13667b5f0bd8-c15909dc, #w-node-_5ac48c21-1b7d-3186-08fd-13667b5f0be6-c15909dc, #w-node-_5ac48c21-1b7d-3186-08fd-13667b5f0be4-c15909dc, #w-node-_5ac48c21-1b7d-3186-08fd-13667b5f0be5-c15909dc, #w-node-_5ac48c21-1b7d-3186-08fd-13667b5f0be7-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b2629a59-6e18-f853-fc66-b142aeec9843-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-b2629a59-6e18-f853-fc66-b142aeec9849-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2afb1b58-71a8-a648-e7ad-fc70f340edf3-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_2afb1b58-71a8-a648-e7ad-fc70f340edf9-c15909dc, #w-node-_210af183-ca15-8a22-6825-1d7374acf7e8-c15909dc, #w-node-f251f38a-d1ad-86aa-2148-91692deb95b3-c15909dc, #w-node-_08514757-64f8-598d-4b53-5125e2c0073e-c15909dc, #w-node-_3d1ecb6e-d6bf-bf19-2fbe-cabea526aeed-c15909dc, #w-node-e5413948-5c5e-c9f0-fca6-0fc261c11685-c15909dc, #w-node-a2b2111d-1bf4-7217-27d9-f20c96a23095-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_10705c1d-7920-f554-4963-e6598f1be4a1-c15909dc {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_68248b92-cc87-0f7b-67bf-2cd707540fba-c15909dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_68248b92-cc87-0f7b-67bf-2cd707540fbb-c15909dc {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_85bab7f1-a99d-917c-514f-68cef504282a-c15909dc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1810bfb0-9cd3-135f-5218-39501abb40e3-c15909dc {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_85bab7f1-a99d-917c-514f-68cef504282b-c15909dc {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-c6694458-b776-a9fb-db77-84c6ddb4cf62-35bde302, #w-node-c6694458-b776-a9fb-db77-84c6ddb4cf6c-35bde302, #w-node-c6694458-b776-a9fb-db77-84c6ddb4cf6d-35bde302, #w-node-_9e93ac3e-6c84-6a32-3929-89d3f40d8f5c-35bde302, #w-node-_9e93ac3e-6c84-6a32-3929-89d3f40d8f89-35bde302, #w-node-aa58845b-f422-9ec1-4a43-152962a2be2c-2748c5a0, #w-node-aa58845b-f422-9ec1-4a43-152962a2be2d-2748c5a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_662b90ae-fa8e-c281-5bf9-1abdfb34a5bd-2748c5a0 {
  justify-self: end;
}

#w-node-e9ced19b-6e17-44cf-71f6-645b4ececdae-40190d8d, #w-node-_270e44ee-06f0-5f5b-8a4c-04977898b262-40190d8d {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_87a0d02f-683d-f270-d170-31b087515c93-40190d8d, #w-node-_4cf9b0ae-3af7-e533-4487-9bb3ab03d87e-40190d8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_87a0d02f-683d-f270-d170-31b087515c94-40190d8d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_87a0d02f-683d-f270-d170-31b087515cba-40190d8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-efb915a4-1e7d-d276-87b2-7684e1fe2961-40190d8d {
  align-self: start;
}

#w-node-ac188d4d-5a72-85bc-3ad0-9529107a92b7-107a92b4, #w-node-ac188d4d-5a72-85bc-3ad0-9529107a92b8-107a92b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf885d31-7409-b879-1507-f9b89135c122-49bc7dfe {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-a11aabe3-e28a-2853-a3ce-fc16de1ba673-49bc7dfe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1e15d506-8b8f-b172-0482-73a3a071b827-49bc7dfe, #w-node-_228c4003-61d1-6559-a52d-49d175ddc24e-49bc7dfe {
  justify-self: end;
}

#w-node-_30d48ba0-a5c2-03c5-b81e-050e835cbcd9-5b19b6e3 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_80b1469e-d496-87ea-48ad-34454bae5191-5b19b6e3 {
  align-self: end;
}

#w-node-_22e30870-3c01-d566-b152-fc49ae1b99d3-5b19b6e3 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_2f901b30-b292-518b-78cc-6e6f6b54aa2f-5b19b6e3 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_6b66a539-7940-6dd4-2db0-90ebde50abb3-5b19b6e3 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-_04f9e4c0-07fa-ed6d-9bcf-5f6f13374e4f-5b19b6e3 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_04f9e4c0-07fa-ed6d-9bcf-5f6f13374e53-5b19b6e3, #w-node-fa6b4629-8245-b928-f819-96afde146656-5b19b6e3 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-fa6b4629-8245-b928-f819-96afde146652-5b19b6e3 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_8f063f7c-a12b-fdd1-1983-72bc017212c0-5b19b6e3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-aee788ea-2b14-0fe0-69ba-7099cbca6e5a-4e18a071 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_42fd69f0-15ff-9499-5310-34330113fe3f-4e18a071, #w-node-f17fa8e4-4851-852f-6069-3315e4d9dfae-4e18a071 {
  justify-self: center;
}

#w-node-_4267fc80-a613-baad-18ce-9ae56ec91089-4e18a071 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_517786c2-aefa-fa16-d614-e3aca56a8cf6-4e18a071, #w-node-_517786c2-aefa-fa16-d614-e3aca56a8cfd-4e18a071 {
  justify-self: center;
}

#w-node-a15b20e4-712c-7fed-8ac6-c997e61f547d-4e18a071 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_68d06e18-1a96-9a82-0aca-b85145ade520-4e18a071, #w-node-_579dd9b8-865c-5df8-b116-797d62075426-4e18a071 {
  justify-self: center;
}

#w-node-_42dcb902-d40a-ae6f-5bab-35b5097b9bff-da3e5195, #w-node-_647e856b-620f-fa3c-8ba2-963281ec2a92-da3e5195, #w-node-_7484cc6b-915d-f761-a076-6602ed38f24e-da3e5195 {
  grid-area: 2 / 1 / 3 / 3;
}

@media screen and (max-width: 991px) {
  #w-node-_88094da8-6cf5-6e5a-6dd9-849201f9f4cf-18930053, #w-node-_88094da8-6cf5-6e5a-6dd9-849201f9f4e4-18930053, #w-node-_88094da8-6cf5-6e5a-6dd9-849201f9f4f6-18930053, #w-node-_88094da8-6cf5-6e5a-6dd9-849201f9f50b-18930053, #w-node-e32430a8-7adb-ab10-97a6-178500527dba-18930053, #w-node-e32430a8-7adb-ab10-97a6-178500527dcf-18930053, #w-node-e32430a8-7adb-ab10-97a6-178500527de1-18930053, #w-node-e32430a8-7adb-ab10-97a6-178500527df6-18930053, #w-node-_7c4d2873-e3ad-9d70-3617-4b1b5a33c057-18930053, #w-node-_7c4d2873-e3ad-9d70-3617-4b1b5a33c06c-18930053, #w-node-_7c4d2873-e3ad-9d70-3617-4b1b5a33c07e-18930053, #w-node-_7c4d2873-e3ad-9d70-3617-4b1b5a33c090-18930053, #w-node-_5a397963-0c80-ad4c-9c1e-0e623a982944-18930053, #w-node-_5a397963-0c80-ad4c-9c1e-0e623a982959-18930053, #w-node-_5a397963-0c80-ad4c-9c1e-0e623a98296b-18930053, #w-node-_5a397963-0c80-ad4c-9c1e-0e623a98297d-18930053, #w-node-a0c99faa-2997-d655-1436-741159485e71-18930053, #w-node-a0c99faa-2997-d655-1436-741159485e86-18930053, #w-node-a0c99faa-2997-d655-1436-741159485e9b-18930053, #w-node-a0c99faa-2997-d655-1436-741159485eb2-18930053 {
    justify-self: center;
  }

  #w-node-f72641b7-4af8-eacd-67df-d8c1d38e7bde-6193004e {
    grid-area: 5 / 4 / 6 / 5;
  }

  #w-node-_648364ce-9cd0-866a-7dc4-e82baa609fe7-6193004e {
    grid-area: 5 / 2 / 6 / 3;
  }

  #w-node-_48dbb251-f49d-db3f-9a65-2d813100b9c8-6193004e {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_5644b352-d842-53cb-97c4-be1fa8210192-6193004e {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_063fc31c-a79b-6a47-7587-bb175bb2089e-6193004e {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_597de865-7289-8f3d-2c2d-51a252b9ae41-6193004e {
    grid-area: 5 / 4 / 2 / 4;
  }

  #w-node-b4b00837-29c8-ccaa-b625-423b5cf21ee2-6193004e {
    grid-area: 2 / 4 / 3 / 5;
  }

  #w-node-f17205ab-a55d-d113-8e0d-5063bad19962-6193004e {
    grid-row: 4 / 5;
  }

  #w-node-_03408493-de1a-0227-ce7f-40071f0f4f38-6193004e {
    grid-row-start: 1;
    grid-column-start: 2;
  }

  #w-node-_4f5e60c5-a0cc-df2d-d062-39a2faad0143-6193004e {
    grid-area: 5 / 3 / 6 / 4;
  }

  #w-node-c5e0b211-ed1c-b2da-7d6d-14da3e1b344e-6193004e {
    grid-area: 4 / 4 / 5 / 5;
  }

  #w-node-_27e38c72-9992-55fa-efef-e4d31f4ed71e-6193004e {
    grid-area: 5 / 4 / 6 / 5;
  }

  #w-node-_27e38c72-9992-55fa-efef-e4d31f4ed723-6193004e {
    grid-area: 5 / 2 / 6 / 3;
  }

  #w-node-_27e38c72-9992-55fa-efef-e4d31f4ed728-6193004e {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_27e38c72-9992-55fa-efef-e4d31f4ed737-6193004e {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_27e38c72-9992-55fa-efef-e4d31f4ed73c-6193004e {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_27e38c72-9992-55fa-efef-e4d31f4ed74f-6193004e {
    grid-area: 2 / 3 / 3 / 5;
  }

  #w-node-_27e38c72-9992-55fa-efef-e4d31f4ed75d-6193004e {
    grid-row: 4 / 5;
  }

  #w-node-_27e38c72-9992-55fa-efef-e4d31f4ed779-6193004e {
    grid-area: 5 / 3 / 6 / 4;
  }

  #w-node-_27e38c72-9992-55fa-efef-e4d31f4ed787-6193004e {
    grid-area: 4 / 4 / 5 / 5;
  }

  #w-node-_1e15d506-8b8f-b172-0482-73a3a071b827-49bc7dfe, #w-node-_0e4b266d-0daa-856c-840b-2e84da5ac9e1-49bc7dfe {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_228c4003-61d1-6559-a52d-49d175ddc24e-49bc7dfe, #w-node-_42e3f99b-8f88-fdfa-1fae-e1a5c21b7e1b-49bc7dfe {
    justify-self: end;
  }

  #w-node-_30d48ba0-a5c2-03c5-b81e-050e835cbcd9-5b19b6e3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_42fd69f0-15ff-9499-5310-34330113fe3f-4e18a071, #w-node-f17fa8e4-4851-852f-6069-3315e4d9dfae-4e18a071, #w-node-_517786c2-aefa-fa16-d614-e3aca56a8cf6-4e18a071, #w-node-_517786c2-aefa-fa16-d614-e3aca56a8cfd-4e18a071, #w-node-_68d06e18-1a96-9a82-0aca-b85145ade520-4e18a071, #w-node-_579dd9b8-865c-5df8-b116-797d62075426-4e18a071 {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e32430a8-7adb-ab10-97a6-178500527dba-18930053, #w-node-e32430a8-7adb-ab10-97a6-178500527dcf-18930053, #w-node-e32430a8-7adb-ab10-97a6-178500527de1-18930053, #w-node-e32430a8-7adb-ab10-97a6-178500527df6-18930053, #w-node-_7c4d2873-e3ad-9d70-3617-4b1b5a33c057-18930053, #w-node-_7c4d2873-e3ad-9d70-3617-4b1b5a33c06c-18930053, #w-node-_7c4d2873-e3ad-9d70-3617-4b1b5a33c07e-18930053, #w-node-_7c4d2873-e3ad-9d70-3617-4b1b5a33c090-18930053, #w-node-_5a397963-0c80-ad4c-9c1e-0e623a982944-18930053, #w-node-_5a397963-0c80-ad4c-9c1e-0e623a982959-18930053, #w-node-_5a397963-0c80-ad4c-9c1e-0e623a98296b-18930053, #w-node-_5a397963-0c80-ad4c-9c1e-0e623a98297d-18930053, #w-node-a0c99faa-2997-d655-1436-741159485e71-18930053, #w-node-a0c99faa-2997-d655-1436-741159485e86-18930053, #w-node-a0c99faa-2997-d655-1436-741159485e9b-18930053, #w-node-a0c99faa-2997-d655-1436-741159485eb2-18930053 {
    justify-self: center;
  }

  #w-node-_662b90ae-fa8e-c281-5bf9-1abdfb34a5bd-2748c5a0 {
    grid-area: 2 / 1 / 3 / 3;
    justify-self: end;
  }

  #w-node-fdcf6c6e-5ea8-d597-94bd-3337da1a67a9-2748c5a0, #w-node-_17632253-e5a0-52f8-254f-f9f89171bf6a-40190d8d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_87a0d02f-683d-f270-d170-31b087515c94-40190d8d {
    grid-column: span 2 / span 2;
  }

  #w-node-_87a0d02f-683d-f270-d170-31b087515c98-40190d8d {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-efb915a4-1e7d-d276-87b2-7684e1fe2961-40190d8d, #w-node-b4c42abc-fece-4af6-9639-cf01b7472e9e-40190d8d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-aee788ea-2b14-0fe0-69ba-7099cbca6e3e-4e18a071, #w-node-aee788ea-2b14-0fe0-69ba-7099cbca6e47-4e18a071, #w-node-aee788ea-2b14-0fe0-69ba-7099cbca6e50-4e18a071, #w-node-aee788ea-2b14-0fe0-69ba-7099cbca6e5c-4e18a071, #w-node-aee788ea-2b14-0fe0-69ba-7099cbca6e61-4e18a071, #w-node-aee788ea-2b14-0fe0-69ba-7099cbca6e66-4e18a071, #w-node-_4267fc80-a613-baad-18ce-9ae56ec9106d-4e18a071, #w-node-_4267fc80-a613-baad-18ce-9ae56ec91076-4e18a071, #w-node-_4267fc80-a613-baad-18ce-9ae56ec9107f-4e18a071, #w-node-_4267fc80-a613-baad-18ce-9ae56ec9108b-4e18a071, #w-node-_4267fc80-a613-baad-18ce-9ae56ec91090-4e18a071, #w-node-_4267fc80-a613-baad-18ce-9ae56ec91095-4e18a071, #w-node-a15b20e4-712c-7fed-8ac6-c997e61f5461-4e18a071, #w-node-a15b20e4-712c-7fed-8ac6-c997e61f546a-4e18a071, #w-node-a15b20e4-712c-7fed-8ac6-c997e61f5473-4e18a071, #w-node-a15b20e4-712c-7fed-8ac6-c997e61f547f-4e18a071, #w-node-a15b20e4-712c-7fed-8ac6-c997e61f5484-4e18a071, #w-node-a15b20e4-712c-7fed-8ac6-c997e61f5489-4e18a071 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_0dd043e2-5c46-95ae-770f-a73434430e9e-6193004e, #w-node-_27e38c72-9992-55fa-efef-e4d31f4ed72d-6193004e {
    grid-column: 1 / 2;
  }

  #email.w-node-a7342220-1be7-c281-5c8c-6fc3b7becd4c-6193004e {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_976f3d8d-b271-9d7a-4a01-15957f12cb08-c15909dc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7f17f3e9-2830-aeae-5301-ae25155988be-c15909dc {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch stretch;
  }

  #w-node-_77e1564f-2f8f-9249-c069-b618abb84ca2-40190d8d {
    justify-self: stretch;
  }

  #w-node-_87a0d02f-683d-f270-d170-31b087515cc6-40190d8d, #w-node-_87a0d02f-683d-f270-d170-31b087515cc9-40190d8d, #w-node-_87a0d02f-683d-f270-d170-31b087515ccc-40190d8d, #w-node-_87a0d02f-683d-f270-d170-31b087515ccf-40190d8d, #w-node-_87a0d02f-683d-f270-d170-31b087515cd2-40190d8d, #w-node-_87a0d02f-683d-f270-d170-31b087515cd5-40190d8d, #w-node-cc5f6033-80c1-82e5-4265-06e90400a058-49bc7dfe {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_30d48ba0-a5c2-03c5-b81e-050e835cbcd9-5b19b6e3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_22e30870-3c01-d566-b152-fc49ae1b99d3-5b19b6e3, #w-node-_2f901b30-b292-518b-78cc-6e6f6b54aa2f-5b19b6e3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_6b66a539-7940-6dd4-2db0-90ebde50abb3-5b19b6e3 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_04f9e4c0-07fa-ed6d-9bcf-5f6f13374e4f-5b19b6e3, #w-node-_04f9e4c0-07fa-ed6d-9bcf-5f6f13374e53-5b19b6e3, #w-node-fa6b4629-8245-b928-f819-96afde146656-5b19b6e3, #w-node-fa6b4629-8245-b928-f819-96afde146652-5b19b6e3 {
    grid-area: 2 / 1 / 3 / 2;
  }
}


@font-face {
  font-family: 'Rocksalt';
  src: url('../fonts/RockSalt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Variablefont Weight';
  src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}