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

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

:root {
  --white: white;
  --_fonts---font-family--inter: Inter, sans-serif;
  --black: black;
  --_fonts---font-size--s: 14px;
  --_fonts---line-height--l: 136%;
  --_fonts---font-weight--semibold: 600;
  --_fonts---letter-spacing--none: 0em;
  --_fonts---font-size--h1: 48px;
  --_fonts---line-height--xs: 116%;
  --_fonts---letter-spacing--s: -.03em;
  --_fonts---font-size--h2-l: 44px;
  --_fonts---letter-spacing--m: -.02em;
  --_fonts---font-size--h3: 24px;
  --_fonts---line-height--s: 120%;
  --_sizes---radius--xxl: 32px;
  --grey: #f7f7f7;
  --_sizes---radius--circle: 50%;
  --green: #35c759;
  --black-opacity--50: #00000080;
  --_sizes---radius--l: 24px;
  --_fonts---font-size--l: 40px;
  --transparent-white: #fff0;
  --black-opacity--7: #00000012;
  --_sizes---radius--xl: 28px;
  --black-opacity--4: #0000000a;
  --_sizes---radius--m: 18px;
  --black-opacity--35: #00000059;
  --jc-green: #5df0b6;
  --jc-counter-green-font: #256048;
  --black-opacity--15: #00000026;
  --accent: #1e6ef4;
  --_sizes---radius--xxxs: 8px;
  --_fonts---font-weight--medium: 500;
  --jc-counter-gray-font: #626262;
  --_fonts---font-size--h2-s: 36px;
  --_fonts---font-size--xs: 12px;
  --_fonts---letter-spacing--l: .02em;
  --_sizes---radius--xs: 12px;
  --_fonts---font-family--dm-mono: "DM Mono", Arial, sans-serif;
  --_fonts---line-height--xl: 144%;
  --transparent-grey: #f7f7f700;
  --_sizes---radius--max: 1000px;
  --accent-dark: #1a5ecf;
  --_sizes---radius--s: 16px;
  --_sizes---radius--xxs: 10px;
  --jc-coutner-gray-bg: #f2f2f2;
  --_fonts---font-size--xl: 64px;
  --_fonts---font-size--m: 24px;
  --_fonts---line-height--m: 128%;
  --jc-counter-red-bg: #fde2d5;
  --jc-counter-green-bg: #eefdf7;
  --jc-counter-red: #854040;
  --jc-status-gray: grey;
  --transparent-black: #0000;
  --white-opacity--20: #fff3;
}

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

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

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

body {
  background-color: var(--white);
  font-family: var(--_fonts---font-family--inter);
  color: var(--black);
  font-size: var(--_fonts---font-size--s);
  line-height: var(--_fonts---line-height--l);
  font-weight: var(--_fonts---font-weight--semibold);
  letter-spacing: var(--_fonts---letter-spacing--none);
}

h1 {
  width: 100%;
  font-size: var(--_fonts---font-size--h1);
  line-height: var(--_fonts---line-height--xs);
  font-weight: var(--_fonts---font-weight--semibold);
  letter-spacing: var(--_fonts---letter-spacing--s);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  width: 100%;
  font-size: var(--_fonts---font-size--h2-l);
  line-height: var(--_fonts---line-height--xs);
  font-weight: var(--_fonts---font-weight--semibold);
  letter-spacing: var(--_fonts---letter-spacing--m);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  width: 100%;
  font-size: var(--_fonts---font-size--h3);
  line-height: var(--_fonts---line-height--s);
  font-weight: var(--_fonts---font-weight--semibold);
  letter-spacing: var(--_fonts---letter-spacing--s);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  width: 100%;
  margin-bottom: 0;
}

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

img {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  max-width: 100%;
  display: inline-block;
}

.hero {
  flex-flow: column;
  padding-top: 112px;
  display: flex;
}

.hero._404-hero {
  justify-content: center;
  height: 100vh;
  min-height: 720px;
  padding-top: 0;
  padding-bottom: 112px;
}

.hero-content {
  grid-column-gap: 112px;
  grid-row-gap: 112px;
  font-family: var(--_fonts---font-family--inter);
  flex-flow: column;
  display: flex;
  position: relative;
}

.container {
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.hero-offer {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.emoji-block {
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.emoji-block-image {
  aspect-ratio: 1;
  flex: none;
  width: 104px;
  height: auto;
  display: block;
}

.emoji-block-image:where(.w-variant-de7e91fb-e432-c5ea-c429-0ff71c2b63f5) {
  width: 56px;
}

.emoji-block-status {
  border-radius: var(--_sizes---radius--circle);
  background-color: var(--white);
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 3px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.emoji-block-status-content {
  border-radius: var(--_sizes---radius--circle);
  background-color: var(--green);
  flex: none;
  width: 12px;
  height: 12px;
}

.h1 {
  max-width: 500px;
}

.grey-text {
  color: var(--black-opacity--50);
  text-align: left;
}

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

.ticker {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ticker-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ticker-item.ticker-move-right {
  justify-content: flex-end;
  align-items: center;
}

.ticker-line {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ticker-line.move-right-line {
  justify-content: flex-end;
  align-items: center;
}

.emoji-pill {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top-left-radius: var(--_sizes---radius--l);
  border-top-right-radius: var(--_sizes---radius--l);
  border-bottom-left-radius: var(--_sizes---radius--l);
  border-bottom-right-radius: var(--_sizes---radius--l);
  color: #845200;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff0c6;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 16px 24px 16px 20px;
  display: flex;
}

.emoji-pill.warm-beige {
  color: #71391e;
  background-color: #fde2d5;
}

.emoji-pill.cloud-blue {
  color: #5a6570;
  background-color: #e4edf6;
}

.emoji-pill.mint-green {
  color: #33683c;
  background-color: #d8f0dc;
}

.emoji-pill.silver-fog {
  color: #5e5e5f;
  background-color: #e9e9ea;
}

.emoji-pill.light-orchid {
  color: #65326c;
  background-color: #f2ddf5;
}

.emoji-pill.icy-indigo {
  color: #425088;
  background-color: #e1e6fb;
}

.emoji-pill.sage-green {
  color: #406733;
  background-color: #dff0d9;
}

.emoji-pill.blush-pink {
  color: #854040;
  background-color: #f6e0e0;
}

.emoji-pill-image {
  aspect-ratio: 1;
  flex: none;
  width: 40px;
  height: auto;
  margin-bottom: 4px;
  display: block;
}

.body-l {
  font-size: var(--_fonts---font-size--l);
  line-height: var(--_fonts---line-height--xs);
  letter-spacing: var(--_fonts---letter-spacing--s);
}

.body-l.quote-text {
  max-width: 600px;
}

.body-l.quote-text.custom {
  text-align: center;
}

.ticker-overlay {
  z-index: 1;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  width: 400px;
  height: 100%;
  position: absolute;
}

.ticker-overlay.left-overlay {
  background-image: linear-gradient(90deg, var(--white), var(--transparent-white));
  inset: 0% auto 0% 0%;
}

.ticker-overlay.right-overlay {
  background-image: linear-gradient(270deg, var(--white), var(--transparent-white));
  inset: 0% 0% 0% auto;
}

.nav {
  z-index: 100;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border: 1px solid var(--black-opacity--7);
  border-radius: var(--_sizes---radius--xl);
  background-color: var(--grey);
  box-shadow: 0 32px 24px -12px var(--black-opacity--4);
  justify-content: center;
  align-items: stretch;
  padding: 10px;
  display: flex;
  position: fixed;
  inset: auto auto 20px 50%;
  transform: translate(-50%);
}

.nav-items {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-item {
  border: 1px solid var(--black-opacity--7);
  border-radius: var(--_sizes---radius--m);
  background-color: var(--white);
  color: var(--black-opacity--35);
  text-align: center;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 20px;
  transition: background-color .35s, opacity .2s, color .35s;
  display: flex;
  position: relative;
}

.nav-item:where(.w-variant-aecf675b-12e1-f6e4-6ccb-6d93885d1d3c) {
  background-color: var(--jc-green);
}

.nav-item:hover {
  color: var(--black-opacity--50);
}

.nav-item:hover:where(.w-variant-aecf675b-12e1-f6e4-6ccb-6d93885d1d3c) {
  background-color: var(--jc-counter-green-font);
}

.nav-item:active {
  background-color: var(--black-opacity--15);
}

.nav-item:focus {
  color: var(--black-opacity--50);
}

.nav-item:focus:where(.w-variant-aecf675b-12e1-f6e4-6ccb-6d93885d1d3c) {
  background-color: var(--jc-counter-green-font);
}

.nav-item.w--current {
  color: var(--accent);
  overflow: visible;
}

.nav-item-icon {
  flex: none;
  width: 24px;
  height: 24px;
  display: block;
}

.nav-item-icon.secondary-icon {
  opacity: .35;
  filter: brightness(0%);
}

.nav-item-icon.secondary-icon:where(.w-variant-33741c2e-0c0e-53be-52c9-e882707d5263) {
  opacity: 1;
  filter: none;
  display: none;
}

.nav-item-icon.secondary-icon:where(.w-variant-aecf675b-12e1-f6e4-6ccb-6d93885d1d3c) {
  display: none;
}

.nav-item-icon.primary-icon {
  opacity: 1;
  filter: none;
  display: none;
}

.nav-item-icon.primary-icon:where(.w-variant-aecf675b-12e1-f6e4-6ccb-6d93885d1d3c), .nav-item-icon.primary-icon:where(.w-variant-33741c2e-0c0e-53be-52c9-e882707d5263) {
  display: block;
}

.nav-item-shape {
  border-radius: var(--_sizes---radius--circle);
  background-color: var(--black);
  flex: none;
  width: 3px;
  height: 3px;
  display: none;
  position: absolute;
  bottom: -6px;
}

.nav-item-shape:where(.w-variant-33741c2e-0c0e-53be-52c9-e882707d5263) {
  display: block;
}

.nav-item-tooltip {
  border: 1px solid var(--black-opacity--7);
  border-radius: var(--_sizes---radius--xxxs);
  background-color: var(--grey);
  color: var(--black-opacity--50);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: none;
  position: absolute;
  top: -52px;
}

.body-s.testimonial-block-text {
  max-width: 224px;
}

.body-s.work-block-button-text {
  z-index: 1;
  position: relative;
}

.body-s.grey-text.hero-description {
  max-width: 560px;
}

.body-s.grey-text._500 {
  font-weight: var(--_fonts---font-weight--medium);
}

.body-s.grey-text.big {
  text-transform: uppercase;
}

.body-s.grey-text.center {
  text-align: center;
}

.body-s.footer-text-content {
  max-width: 160px;
}

.body-s.dark-gray-text-zertifikat {
  color: var(--jc-counter-gray-font);
}

.body-s.interaction-trigger {
  cursor: pointer;
}

.nav-divider {
  background-color: var(--black-opacity--7);
  width: 1px;
}

.sections-list {
  grid-column-gap: 240px;
  grid-row-gap: 240px;
  flex-flow: column;
  padding-top: 240px;
  padding-bottom: 80px;
  display: flex;
}

.sections-list.works-sections-list {
  padding-top: 112px;
}

.sections-list.work-sections-list {
  padding-top: 144px;
}

.sections-list.about-sections-list {
  padding-top: 20px;
}

.sections-list.utility-sections-list {
  grid-column-gap: 112px;
  grid-row-gap: 112px;
  padding-top: 112px;
}

.about-cards {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: 1fr 1fr auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.intro-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex-flow: column;
  padding: 28px 32px;
  display: flex;
}

.h2.h2-small.intro-card-heading {
  max-width: 320px;
}

.h2.section-heading-text {
  max-width: 320px;
}

.h2.h2-small {
  font-size: 36px;
}

.h2.h2-small.intro-heading {
  max-width: 680px;
}

.intro-card-memoji-wrapper {
  justify-content: center;
  align-items: center;
  padding: 48px;
  display: flex;
}

.intro-card-memoji {
  aspect-ratio: 1;
  width: 100%;
  max-width: 200px;
  height: auto;
  display: block;
}

.location-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex-flow: column;
  justify-content: space-between;
  padding-top: 28px;
  padding-bottom: 48px;
  display: flex;
}

.location-card-content {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.body-xs {
  font-size: var(--_fonts---font-size--xs);
  line-height: var(--_fonts---line-height--l);
}

.body-xs.uppercase {
  letter-spacing: var(--_fonts---letter-spacing--l);
  text-transform: uppercase;
}

.body-xs.work-block-description {
  max-width: 248px;
  color: var(--black-opacity--50);
}

.h3.focus-card-heading, .h3.growth-card-heading {
  max-width: 224px;
}

.location-card-icons {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  overflow: hidden;
}

.location-icon {
  flex: none;
  width: 64px;
  height: 64px;
  display: block;
}

.location-icon.big-icon {
  width: 112px;
  height: 112px;
}

.code-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex-flow: column;
  padding-top: 28px;
  display: flex;
}

.code-card-content {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.code-card-interface {
  flex-flow: column;
  flex: 1;
  max-height: 176px;
  padding-left: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.interface-block {
  border-top: 1px solid var(--black-opacity--7);
  border-left: 1px solid var(--black-opacity--7);
  border-top-left-radius: var(--_sizes---radius--xs);
  background-color: var(--white);
  flex-flow: column;
  flex: 1;
  display: flex;
}

.interface-block-circles {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-bottom: 1px solid var(--black-opacity--7);
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px 10px;
  display: flex;
}

.interface-block-circle {
  border-radius: var(--_sizes---radius--circle);
  background-color: var(--black-opacity--7);
  flex: none;
  width: 8px;
  height: 8px;
}

.interface-block-circle.first-circle {
  background-color: var(--black-opacity--35);
}

.interface-block-content {
  color: var(--black-opacity--50);
  flex-flow: column;
  flex: 1;
  padding: 10px 16px;
  display: flex;
}

.interface-block-text {
  width: 100%;
  font-family: var(--_fonts---font-family--dm-mono);
  font-size: var(--_fonts---font-size--s);
  line-height: var(--_fonts---line-height--xl);
  font-weight: var(--_fonts---font-weight--medium);
  letter-spacing: var(--_fonts---letter-spacing--s);
}

.code-card-interface-overlay {
  z-index: 1;
  background-image: linear-gradient(90deg, var(--transparent-grey), var(--grey));
  width: 136px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.focus-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  aspect-ratio: 1;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 28px 32px;
  display: flex;
}

.pill {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-top-left-radius: var(--_sizes---radius--max);
  border-top-right-radius: var(--_sizes---radius--max);
  border-bottom-left-radius: var(--_sizes---radius--max);
  border-bottom-right-radius: var(--_sizes---radius--max);
  background-color: var(--white);
  color: var(--black-opacity--50);
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  padding: 8px 12px 7px;
  display: flex;
}

.pill-shape {
  border-radius: var(--_sizes---radius--circle);
  background-color: var(--green);
  flex: none;
  width: 4px;
  height: 4px;
}

.growth-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex-flow: row;
  padding-top: 28px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.growth-card-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 32px;
  display: flex;
}

.growth-card-memoji {
  aspect-ratio: 1;
  width: auto;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.growth-card-memoji-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.section-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.section-heading {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.section-heading:where(.w-variant-9243a328-2d8f-baab-68ec-ec27439a2765) {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.section-heading.center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.section-heading.center-5, .section-heading.center-9, .section-heading.center-16, .section-heading.center-20 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.section-heading-content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.section-heading-content:where(.w-variant-9243a328-2d8f-baab-68ec-ec27439a2765), .section-heading-content.center-2, .section-heading-content.center-6, .section-heading-content.center-10, .section-heading-content.center-17, .section-heading-content.center-21 {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.section-heading-content.flex-with-btn {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.button {
  border-top-left-radius: var(--_sizes---radius--max);
  border-top-right-radius: var(--_sizes---radius--max);
  border-bottom-left-radius: var(--_sizes---radius--max);
  border-bottom-right-radius: var(--_sizes---radius--max);
  background-color: var(--accent);
  color: var(--white);
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  transition-property: background-color;
  transition-duration: .35s;
  transition-timing-function: ease;
  display: flex;
}

.button:hover, .button:focus {
  background-color: var(--accent-dark);
}

.button.green {
  background-color: var(--jc-green);
  color: var(--black);
}

.works-slider {
  background-color: var(--white);
  flex-flow: column;
  height: auto;
  display: flex;
}

.works-slider-mask {
  border-radius: var(--_sizes---radius--xxl);
}

.works-slider-mask.overflow-visible {
  overflow: visible;
}

.works-slider-arrow {
  display: none;
}

.works-slider-nav {
  justify-content: center;
  align-items: flex-start;
  height: 8px;
  padding-top: 0;
  font-size: 8px;
  display: flex;
  inset: auto 0% -32px;
}

.works-slider-nav.jc-custom {
  margin-top: 30px;
  position: static;
}

.works-slider-slide {
  vertical-align: baseline;
  margin-left: 8px;
  margin-right: 8px;
}

.works-list-wrapper {
  flex-flow: column;
  display: flex;
}

.works-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.empty-state {
  border-radius: var(--_sizes---radius--l);
  background-color: var(--grey);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 560px;
  padding: 24px 32px;
  display: flex;
}

.work-item {
  flex-flow: column;
  display: flex;
}

.work-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top-left-radius: var(--_sizes---radius--xxl);
  border-top-right-radius: var(--_sizes---radius--xxl);
  border-bottom-left-radius: var(--_sizes---radius--xxl);
  border-bottom-right-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  -webkit-user-select: none;
  user-select: none;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 3fr 5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 560px;
  margin-bottom: 20px;
  padding-top: 32px;
  padding-left: 32px;
  display: grid;
  overflow: hidden;
}

.work-block-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-end;
  padding-bottom: 32px;
  display: flex;
}

.testimonial-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--black-opacity--7);
  border-radius: var(--_sizes---radius--s);
  background-color: var(--white);
  flex-flow: column;
  padding: 20px;
  display: flex;
}

.testimonial-block-attribution {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--black-opacity--50);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-block-image {
  aspect-ratio: 1;
  border: 1px solid var(--black-opacity--7);
  border-radius: var(--_sizes---radius--circle);
  object-fit: cover;
  flex: none;
  width: 24px;
  height: auto;
  display: block;
}

.work-block-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.work-block-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.work-block-button {
  border-top-left-radius: var(--_sizes---radius--max);
  border-top-right-radius: var(--_sizes---radius--max);
  border-bottom-left-radius: var(--_sizes---radius--max);
  border-bottom-right-radius: var(--_sizes---radius--max);
  background-color: var(--accent);
  color: var(--white);
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  transition-property: background-color;
  transition-duration: .35s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-block-button:hover, .work-block-button:focus {
  background-color: var(--accent-dark);
}

.work-block-button-overlay {
  z-index: 0;
  background-color: var(--black-opacity--15);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.work-block-image {
  aspect-ratio: 1440 / 900;
  border-top: 1px solid var(--black-opacity--7);
  border-left: 1px solid var(--black-opacity--7);
  border-top-left-radius: var(--_sizes---radius--s);
  object-fit: cover;
  object-position: 0% 0%;
  flex: none;
  width: auto;
  height: 100%;
  display: block;
}

.tech-stack {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 32px;
  padding-right: 32px;
  display: grid;
}

.stack-info {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.stack-blocks {
  flex-flow: column;
  display: flex;
}

.stack-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--black-opacity--7);
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.stack-block.bt-none {
  border-top-style: none;
  border-top-width: 0;
}

.stack-block-image {
  aspect-ratio: 1;
  border-radius: var(--_sizes---radius--xxs);
  object-fit: cover;
  width: 40px;
  height: auto;
  display: block;
}

.stack-block-image.custom {
  border-radius: var(--_sizes---radius--s);
  background-color: var(--jc-coutner-gray-bg);
  object-fit: contain;
  padding: 8px;
}

.stack-block-content {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.achievement-blocks {
  flex-flow: column;
  display: flex;
}

.achievement-blocks.gap-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.achievement-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  width: 100%;
  height: 296px;
  padding-top: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  overflow: hidden;
}

.achievement-block:where(.w-variant-e15af664-31b8-8471-77f1-2e3bc00c1ef8), .achievement-block.left-6 {
  flex-flow: row-reverse;
}

.achievement-block-memoji {
  aspect-ratio: 1;
  object-fit: cover;
  width: auto;
  height: 100%;
  display: block;
}

.achievement-block-memoji.contain {
  object-fit: contain;
}

.achievement-block-content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  padding-bottom: 32px;
  display: flex;
}

.body-xl {
  font-size: var(--_fonts---font-size--xl);
  line-height: var(--_fonts---line-height--xs);
  letter-spacing: var(--_fonts---letter-spacing--s);
}

.body-xl.left {
  align-self: center;
}

.body-m {
  font-size: var(--_fonts---font-size--m);
  line-height: var(--_fonts---line-height--m);
  letter-spacing: var(--_fonts---letter-spacing--s);
}

.body-m.grey-text {
  text-align: center;
  align-self: center;
}

.body-m.grey-text.hero-description {
  max-width: 464px;
}

.body-m.grey-text.f-center {
  text-align: center;
}

.body-m.changelog-block-text {
  max-width: 600px;
}

.footer-content {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.footer-blocks {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.contact-blocks {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-top-left-radius: var(--_sizes---radius--l);
  border-top-right-radius: var(--_sizes---radius--l);
  border-bottom-left-radius: var(--_sizes---radius--l);
  border-bottom-right-radius: var(--_sizes---radius--l);
  background-color: var(--grey);
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  flex-flow: column;
  justify-content: center;
  padding: 32px;
  transition-property: color, background-color;
  transition-duration: .35s, .35s;
  transition-timing-function: ease, ease;
  display: flex;
}

.contact-block:hover, .contact-block:focus {
  background-color: var(--black-opacity--7);
  color: var(--accent);
}

.footer-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-text {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-radius: var(--_sizes---radius--l);
  background-color: var(--grey);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 32px;
  display: flex;
  overflow: hidden;
}

.footer-text-memoji {
  aspect-ratio: 1;
  width: 100%;
  max-width: 160px;
  height: auto;
  display: block;
}

.footer-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_sizes---radius--l);
  background-color: var(--grey);
  flex-flow: column;
  justify-content: space-between;
  padding: 32px;
  display: flex;
}

.footer-menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-menu-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.footer-menu-item {
  -webkit-user-select: none;
  user-select: none;
  padding-top: 2px;
  padding-bottom: 2px;
  transition-property: color;
  transition-duration: .35s;
  transition-timing-function: ease;
}

.footer-menu-item:hover, .footer-menu-item:focus {
  color: var(--black-opacity--50);
}

.footer-legal {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-legal-link {
  color: var(--black-opacity--50);
  padding-top: 2px;
  padding-bottom: 2px;
  transition: color .35s;
}

.footer-legal-link:hover, .footer-legal-link:focus {
  color: var(--black);
}

.emoji-block-image-wrapper {
  padding: 8px;
  overflow: hidden;
}

.emoji-block-image-wrapper:where(.w-variant-de7e91fb-e432-c5ea-c429-0ff71c2b63f5) {
  padding: 32px;
}

.hero-icon {
  aspect-ratio: 1;
  border-radius: var(--_sizes---radius--xxl);
  object-fit: cover;
  flex: none;
  width: 120px;
  height: auto;
  display: block;
}

.hero-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-image {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.hero-cover {
  aspect-ratio: 1440 / 900;
  border: 1px solid var(--black-opacity--7);
  border-radius: var(--_sizes---radius--s);
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.hero-image-line {
  border-bottom-left-radius: var(--_sizes---radius--s);
  border-bottom-right-radius: var(--_sizes---radius--s);
  background-color: var(--black-opacity--7);
  height: 18px;
  position: absolute;
  inset: auto 32px -18px;
}

.close-button {
  border: 1px solid var(--black-opacity--7);
  border-radius: var(--_sizes---radius--circle);
  background-color: var(--grey);
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 14px;
  transition: background-color .35s;
  display: flex;
  position: absolute;
  inset: -72px 0% auto auto;
}

.close-button:hover, .close-button:focus {
  background-color: var(--black-opacity--7);
}

.close-button-icon {
  opacity: .35;
  flex: none;
  width: 20px;
  height: 20px;
  display: block;
}

.work-content {
  grid-column-gap: 144px;
  grid-row-gap: 144px;
  flex-flow: column;
  display: flex;
}

.work-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  padding-left: 32px;
  padding-right: 32px;
  display: grid;
}

.info-blocks {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.info-block {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.work-description {
  width: 100%;
  max-width: 560px;
}

.work-description p {
  font-size: var(--_fonts---font-size--m);
  line-height: var(--_fonts---line-height--m);
  letter-spacing: var(--_fonts---letter-spacing--s);
}

.work-image {
  width: 100%;
  height: auto;
  filter: drop-shadow(0px 24px 32px var(--black-opacity--15));
  display: block;
}

.quote-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 64px 32px;
  display: flex;
}

.quote-block-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.quote-block-attribution {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--black-opacity--50);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.quote-block-image {
  aspect-ratio: 1;
  border: 1px solid var(--black-opacity--7);
  border-radius: var(--_sizes---radius--circle);
  object-fit: cover;
  object-position: 50% 20%;
  flex: none;
  width: 32px;
  height: auto;
  display: block;
}

.intro-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.intro-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.skill-blocks {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.skill-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.skill-items {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  display: flex;
}

.skill-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.skill-item-emoji {
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 4px;
  display: block;
}

.experience-blocks {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.experience-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_sizes---radius--l);
  background-color: var(--grey);
  justify-content: flex-start;
  align-items: center;
  padding: 32px;
  display: flex;
}

.experience-block-logo {
  opacity: .35;
  width: 100%;
  max-width: 80px;
  height: auto;
  display: block;
}

.experience-block-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.experience-block-info {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.experience-block-details {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--black-opacity--50);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.experience-block-divider {
  border-radius: var(--_sizes---radius--circle);
  background-color: var(--black-opacity--15);
  flex: none;
  width: 3px;
  height: 3px;
}

.experience-image-wrapper {
  border-radius: var(--_sizes---radius--l);
  background-color: var(--grey);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 64px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  overflow: hidden;
}

.experience-image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  max-width: 360px;
  height: auto;
  display: block;
}

.value-blocks {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--black-opacity--7);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.value-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.value-block:where(.w-variant-7aa7de46-91b5-2edf-6e14-490f459a4b30) {
  padding-left: 32px;
  padding-right: 32px;
}

.value-block-emoji {
  width: 40px;
  height: 40px;
  display: block;
}

.value-block-content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex-flow: column;
  width: 100%;
  max-width: 360px;
  display: flex;
}

.value-block-content:where(.w-variant-7aa7de46-91b5-2edf-6e14-490f459a4b30) {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.changelog-blocks {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.changelog-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_sizes---radius--l);
  background-color: var(--grey);
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
  grid-auto-columns: 1fr;
  padding: 32px;
  display: grid;
}

.mb-5 {
  margin-bottom: 5px;
}

.headings-in-card-interface {
  flex-flow: column;
  flex: 1;
  padding-left: 32px;
  display: flex;
}

.project-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex-flow: column;
  width: 100%;
  padding: 32px;
  display: flex;
  overflow: hidden;
}

.project-block:where(.w-variant-e15af664-31b8-8471-77f1-2e3bc00c1ef8) {
  flex-flow: row-reverse;
}

.projects-blocks {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-block-content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
}

.counter-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--jc-counter-red-bg);
  border-radius: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 12px;
  padding-right: 12px;
  display: inline-block;
}

.counter-content.green {
  background-color: var(--jc-counter-green-bg);
}

.counter-content.gray {
  background-color: var(--jc-coutner-gray-bg);
}

.project-counter {
  color: var(--jc-counter-red);
  -webkit-text-stroke-color: var(--accent);
}

.project-counter.green {
  color: var(--jc-counter-green-font);
}

.project-counter.gray {
  color: var(--jc-counter-gray-font);
}

.spacer {
  margin-bottom: 20px;
}

.spac {
  margin-right: -2px;
}

.spacer-20 {
  height: 20px;
}

.home-gemeinsam {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.value-blocks-2 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #00000012;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.body-xs-2 {
  font-size: 12px;
  line-height: 136%;
}

.body-xs-2.uppercase {
  letter-spacing: .02em;
  text-transform: uppercase;
}

.footer-block-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #f7f7f7;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  padding: 32px;
  display: flex;
}

.value-block-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.value-block-content-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex-flow: column;
  width: 100%;
  max-width: 360px;
  display: flex;
}

.footer-text-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  background-color: #f7f7f7;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 32px;
  display: flex;
  overflow: hidden;
}

.grey-text-2 {
  color: #00000080;
}

.button-2 {
  color: #fff;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  background-color: #1e6ef4;
  border-radius: 1000px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  transition-property: background-color;
  transition-duration: .35s;
  transition-timing-function: ease;
  display: flex;
}

.button-2:hover, .button-2:focus {
  background-color: #1a5ecf;
}

.button-2.green {
  color: #000;
  background-color: #5df0b6;
}

.contact-block-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  background-color: #f7f7f7;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  padding: 32px;
  transition-property: color, background-color;
  transition-duration: .35s, .35s;
  transition-timing-function: ease, ease;
  display: flex;
}

.contact-block-2:hover, .contact-block-2:focus {
  color: #1e6ef4;
  background-color: #00000012;
}

.footer-menu-item-2 {
  -webkit-user-select: none;
  user-select: none;
  padding-top: 2px;
  padding-bottom: 2px;
  transition-property: color;
  transition-duration: .35s;
  transition-timing-function: ease;
}

.footer-menu-item-2:hover, .footer-menu-item-2:focus {
  color: #00000080;
}

.experience-block-details-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #00000080;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.experience-image-wrapper-2 {
  background-color: #f7f7f7;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 64px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  overflow: hidden;
}

.body-m-2 {
  letter-spacing: -.03em;
  font-size: 24px;
  line-height: 128%;
}

.experience-block-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #f7f7f7;
  border-radius: 24px;
  justify-content: flex-start;
  align-items: center;
  padding: 32px;
  display: flex;
}

.footer-legal-link-2 {
  color: #00000080;
  padding-top: 2px;
  padding-bottom: 2px;
  transition: color .35s;
}

.footer-legal-link-2:hover, .footer-legal-link-2:focus {
  color: #000;
}

.section-heading-content-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.section-heading-content-2.center-10 {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.experience-block-divider-2 {
  background-color: #00000026;
  border-radius: 50%;
  flex: none;
  width: 3px;
  height: 3px;
}

.achievement-block-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #f7f7f7;
  border-radius: 32px;
  width: 100%;
  height: 296px;
  padding-top: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  overflow: hidden;
}

.achievement-block-2.left {
  flex-flow: row-reverse;
}

.section-heading-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.section-heading-2.center-9 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.skill-block-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f7f7f7;
  border-radius: 32px;
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.body-xl-2 {
  letter-spacing: -.03em;
  font-size: 64px;
  line-height: 116%;
}

.left {
  text-align: left;
}

.umsetzung-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  width: 100%;
  height: 296px;
  padding: 32px;
  display: flex;
  overflow: hidden;
}

.umsetzung-block:where(.w-variant-e15af664-31b8-8471-77f1-2e3bc00c1ef8) {
  flex-flow: row-reverse;
}

.umsetzung-block.reverse {
  flex-flow: row-reverse;
  display: flex;
}

.umsetzung-block.reverse.mobil {
  display: none;
}

.umsetzung-block-image {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 32px;
  width: auto;
  height: 100%;
  display: block;
}

.umsetzung-block-image.cstm-img-pos1 {
  aspect-ratio: 1;
  object-position: 80% 50%;
}

.umsetzung-block-content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

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

.impact-block {
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

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

.impact-content-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 32px;
  display: flex;
}

.spacer-60 {
  height: 60px;
}

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

.image {
  opacity: .5;
  max-height: 80%;
}

.kunden-logo-block {
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

.spacer-80 {
  height: 80px;
}

.slider-blocks {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: ". Area"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.work-slider-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_sizes---radius--l);
  background-color: var(--grey);
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px;
  display: flex;
}

.work-slider-block:lang(en) {
  display: block;
}

.slider-work-block-info {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.slider-work-block-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.spacer-10 {
  height: 10px;
}

.availability-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex-flow: column;
  padding: 28px 32px;
  display: flex;
}

.learning-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex-flow: row;
  padding: 28px 32px;
  display: flex;
}

.status-content {
  border-radius: var(--_fonts---font-size--m);
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  display: inline-flex;
}

.green-bubble {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--green);
  border-radius: 100px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 6px;
  height: 6px;
  margin-top: 2px;
}

.status-text {
  color: var(--jc-status-gray);
  margin-left: 8px;
}

.learning-card-content-left {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.availability-card-content {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.learning-card-memoji-wrapper-copy {
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}

.learning-block-memoji {
  aspect-ratio: 1;
  object-fit: cover;
  width: auto;
  height: 100%;
  display: block;
}

.learning-block-memoji.contain {
  object-fit: contain;
}

.zertifikat-image-block {
  width: 50px;
  height: 50px;
}

.zertifikat-image-content {
  background-color: var(--jc-coutner-gray-bg);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 8px;
  display: flex;
}

.zertifikate-image-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  flex-flow: column;
  justify-content: space-between;
  padding-top: 28px;
  padding-bottom: 48px;
  display: flex;
}

.faq-item-tile {
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.faq-item-tile.interaction-trigger {
  cursor: pointer;
}

.faq-item {
  background-color: var(--jc-coutner-gray-bg);
  border-radius: 32px;
  margin-bottom: 16px;
  padding-left: 32px;
  padding-right: 32px;
}

.faq-item-tile-icon {
  width: 22px;
  max-height: 2rem;
}

.faq-item-body {
  overflow: hidden;
}

.faq-item-body-inner {
  padding-bottom: 32px;
}

.kontakt-form-2-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.kontakt-input {
  border-radius: 8px;
  padding-top: 22px;
  padding-bottom: 22px;
}

.kontakt-input.textarea {
  min-height: 120px;
}

.spacer-40 {
  height: 40px;
}

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

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

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

.porjekt-starter-image {
  border-radius: var(--_sizes---radius--xxl);
  background-color: var(--grey);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  padding: 0;
  display: flex;
  position: relative;
}

.porjekt-starter-image.mazumo {
  background-image: url('../images/f6c7fc736ad5fe5c869dcc47bdbde411b10b472c.png');
  background-size: contain;
}

.p-projekte-gird {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .33fr .66fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.projekts-slider-content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-top-left-radius: var(--_sizes---radius--l);
  border-top-right-radius: var(--_sizes---radius--l);
  border-bottom-left-radius: var(--_sizes---radius--l);
  border-bottom-right-radius: var(--_sizes---radius--l);
  background-color: var(--grey);
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  flex-flow: column;
  justify-content: center;
  padding: 32px;
  transition-property: color, background-color;
  transition-duration: .35s, .35s;
  transition-timing-function: ease, ease;
  display: flex;
}

.projekts-slider-content:hover, .projekts-slider-content:focus {
  background-color: var(--black-opacity--7);
  color: var(--accent);
}

.projekts-slider-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.swiper {
  display: flex;
}

.swiper-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.swiper-slide {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.quote-block-icon-wrapper {
  aspect-ratio: auto;
  object-fit: cover;
  flex: none;
  width: 50px;
  height: auto;
  display: block;
}

.empty-state-2 {
  margin-left: auto;
  margin-right: auto;
}

.collection-list-wrapper {
  flex-flow: row;
}

.projekt-skills-heading-wrapper {
  flex-flow: column;
  display: flex;
}

.projekt-skilsl-heading {
  margin-top: 0;
}

.projekt-slider-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_sizes---radius--l);
  background-color: var(--grey);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: flex;
}

.slider-blocks-projekt {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.projekts-slider-mask {
  border-radius: var(--_sizes---radius--xxl);
}

.projekts-slider {
  background-color: var(--white);
  flex-flow: column;
  height: auto;
  display: flex;
}

.quote-block-image-icon {
  opacity: .5;
}

.projekt-bersicht-attribution {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--black-opacity--50);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pill-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.projekt-bersicht-icon-wrapper {
  aspect-ratio: auto;
  object-fit: cover;
  flex: none;
  width: 40px;
  height: auto;
  display: block;
}

.p-relative {
  position: relative;
}

.p-relative.slider {
  height: 150px;
}

.slider-preview-wrapper {
  transform-origin: 50% 0;
  width: 130%;
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.overlap-slider-holder {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

.stack-blocks-more {
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.dynamic-stack-info-heading {
  justify-content: space-between;
  display: flex;
}

.dynamic-stack-info-heading.interaction-trigger {
  cursor: pointer;
}

.stack-item-tile-icon {
  opacity: .5;
  width: 18px;
  max-height: 2rem;
}

.more-stack-wrapper {
  overflow: hidden;
}

.success-message {
  background-color: var(--jc-green);
  border-radius: 32px;
}

.text-block-form-error {
  justify-content: center;
  align-items: center;
  display: flex;
}

.error-message {
  border-radius: 32px;
}

.paragraph, .list {
  text-align: left;
}

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

.code-embed:lang(en) {
  text-align: left;
}

@media screen and (max-width: 991px) {
  body {
    --_fonts---font-family--inter: Inter, sans-serif;
    --_fonts---font-size--s: 14px;
    --_fonts---line-height--l: 136%;
    --_fonts---font-weight--semibold: 600;
    --_fonts---letter-spacing--none: 0em;
    --_fonts---font-size--h1: 48px;
    --_fonts---line-height--xs: 116%;
    --_fonts---letter-spacing--s: -.03em;
    --_fonts---font-size--h2-l: 44px;
    --_fonts---letter-spacing--m: -.02em;
    --_fonts---font-size--h3: 24px;
    --_fonts---line-height--s: 120%;
    --_fonts---font-size--l: 40px;
    --_fonts---font-weight--medium: 500;
    --_fonts---font-size--h2-s: 32px;
    --_fonts---font-size--xs: 12px;
    --_fonts---letter-spacing--l: .02em;
    --_fonts---font-family--dm-mono: "DM Mono", Arial, sans-serif;
    --_fonts---line-height--xl: 144%;
    --_fonts---font-size--xl: 64px;
    --_fonts---font-size--m: 24px;
    --_fonts---line-height--m: 128%;
  }

  .hero.home-hero {
    justify-content: center;
    height: 100vh;
    min-height: 800px;
    padding-top: 0;
  }

  .ticker-overlay {
    width: 240px;
  }

  .sections-list {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
    padding-top: 200px;
    padding-bottom: 40px;
  }

  .sections-list.home-sections-list {
    padding-top: 80px;
  }

  .about-cards {
    grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
  }

  .h2.h2-small.intro-card-heading {
    max-width: 288px;
  }

  .h2.h2-small.intro-card-heading.wordwrap {
    overflow-wrap: anywhere;
    white-space: normal;
    word-break: break-word;
  }

  .h2.h2-small.intro-heading {
    max-width: 600px;
  }

  .code-card-interface {
    max-height: 166px;
  }

  .growth-card {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-right: 0;
  }

  .growth-card-memoji {
    width: 100%;
    height: auto;
  }

  .works-slider {
    height: auto;
  }

  .work-block {
    flex-flow: column;
    height: auto;
    padding-right: 32px;
    display: flex;
  }

  .work-block-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 0;
    display: grid;
  }

  .work-block-info {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .work-block-image {
    border-right: 1px solid var(--black-opacity--7);
    border-top-right-radius: var(--_sizes---radius--s);
    width: 100%;
    height: auto;
  }

  .work-info {
    grid-template-columns: 2fr 3fr;
  }

  .headings-in-card-interface {
    max-height: 166px;
  }

  .grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .impact-block {
    min-width: 0;
  }

  .impact-heading {
    word-break: normal;
    white-space: normal;
    overflow-wrap: normal;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .impact-content-block {
    min-width: 0;
  }

  .projekts-slider {
    height: auto;
  }

  .p-relative.slider {
    height: 300px;
  }

  .overlap-slider-holder {
    max-width: 648px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_fonts---font-family--inter: Inter, sans-serif;
    --_fonts---font-size--s: 14px;
    --_fonts---line-height--l: 136%;
    --_fonts---font-weight--semibold: 600;
    --_fonts---letter-spacing--none: 0em;
    --_fonts---font-size--h1: 32px;
    --_fonts---line-height--xs: 116%;
    --_fonts---letter-spacing--s: -.03em;
    --_fonts---font-size--h2-l: 28px;
    --_fonts---letter-spacing--m: -.02em;
    --_fonts---font-size--h3: 21px;
    --_fonts---line-height--s: 120%;
    --_fonts---font-size--l: 28px;
    --_fonts---font-weight--medium: 500;
    --_fonts---font-size--h2-s: 24px;
    --_fonts---font-size--xs: 12px;
    --_fonts---letter-spacing--l: .02em;
    --_fonts---font-family--dm-mono: "DM Mono", Arial, sans-serif;
    --_fonts---line-height--xl: 144%;
    --_fonts---font-size--xl: 48px;
    --_fonts---font-size--m: 21px;
    --_fonts---line-height--m: 128%;
    --_sizes---radius--xxl: 24px;
    --_sizes---radius--circle: 50%;
    --_sizes---radius--l: 16px;
    --_sizes---radius--xl: 20px;
    --_sizes---radius--m: 14px;
    --_sizes---radius--xxxs: 8px;
    --_sizes---radius--xs: 12px;
    --_sizes---radius--max: 1000px;
    --_sizes---radius--s: 16px;
    --_sizes---radius--xxs: 10px;
  }

  .hero.home-hero, .hero._404-hero {
    min-height: 600px;
  }

  .hero-content {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-offer {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .emoji-block-image {
    width: 80px;
  }

  .emoji-block-image:where(.w-variant-de7e91fb-e432-c5ea-c429-0ff71c2b63f5) {
    width: 40px;
  }

  .emoji-block-status-content {
    width: 8px;
    height: 8px;
  }

  .h1 {
    max-width: 320px;
  }

  .ticker, .ticker-item, .ticker-line {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .emoji-pill {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 14px 20px 14px 18px;
  }

  .emoji-pill-image {
    width: 28px;
  }

  .body-l.quote-text {
    max-width: 420px;
  }

  .ticker-overlay {
    width: 88px;
  }

  .nav {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 8px;
  }

  .nav-items {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .nav-item {
    padding: 18px;
  }

  .nav-item-icon {
    width: 20px;
    height: 20px;
  }

  .sections-list {
    grid-column-gap: 144px;
    grid-row-gap: 144px;
    padding-top: 144px;
    padding-bottom: 24px;
  }

  .sections-list.home-sections-list {
    padding-top: 64px;
  }

  .sections-list.work-sections-list {
    padding-top: 112px;
  }

  .intro-card {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .h2.h2-small.intro-card-heading {
    max-width: 216px;
  }

  .h2.h2-small.intro-card-heading.wordwrap {
    max-width: 470px;
  }

  .h2.section-heading-text {
    max-width: 208px;
  }

  .h2.h2-small.intro-heading {
    max-width: 456px;
  }

  .intro-card-memoji-wrapper {
    flex: 1;
    padding: 24px;
  }

  .intro-card-memoji {
    max-width: 160px;
  }

  .location-card {
    padding-bottom: 40px;
  }

  .location-card-content {
    padding-left: 28px;
    padding-right: 28px;
  }

  .h3.focus-card-heading, .h3.growth-card-heading {
    max-width: 196px;
  }

  .location-icon.big-icon {
    width: 80px;
    height: 80px;
  }

  .location-icon.small-icon {
    width: 48px;
    height: 48px;
  }

  .code-card-content {
    padding-left: 28px;
    padding-right: 28px;
  }

  .code-card-interface {
    max-height: 120px;
    padding-left: 28px;
  }

  .focus-card {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    aspect-ratio: auto;
    justify-content: flex-start;
    padding-left: 28px;
    padding-right: 28px;
  }

  .growth-card {
    padding-left: 28px;
  }

  .growth-card-memoji-wrapper {
    aspect-ratio: 1;
    max-width: 240px;
    height: 100%;
  }

  .section-heading {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .section-heading:where(.w-variant-9243a328-2d8f-baab-68ec-ec27439a2765), .section-heading.center, .section-heading.center-5, .section-heading.center-9, .section-heading.center-16, .section-heading.center-20 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section-heading-content.flex-with-btn {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .empty-state {
    padding-left: 28px;
    padding-right: 28px;
  }

  .work-block {
    padding-top: 28px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .work-block-content {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-flow: column;
    display: flex;
  }

  .wrapper.testimonial-wrapper {
    display: none;
  }

  .tech-stack {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-left: 28px;
    padding-right: 28px;
    display: flex;
  }

  .stack-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .achievement-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 28px;
    padding-right: 28px;
  }

  .achievement-block-memoji {
    width: 100%;
    max-width: 240px;
    height: auto;
  }

  .achievement-block-content {
    width: 100%;
    padding-bottom: 0;
  }

  .body-m.grey-text.hero-description {
    max-width: 420px;
  }

  .body-m.changelog-block-text {
    max-width: 536px;
  }

  .footer-content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .contact-blocks {
    grid-template-columns: 1fr;
  }

  .contact-block {
    padding-left: 28px;
    padding-right: 28px;
  }

  .footer-info {
    flex-flow: column;
    display: flex;
  }

  .footer-text {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row-reverse;
    justify-content: center;
    align-items: center;
    padding: 28px;
  }

  .footer-text-memoji {
    max-width: 96px;
  }

  .footer-block {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: flex-start;
    padding-left: 28px;
    padding-right: 28px;
  }

  .footer-legal {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .emoji-block-image-wrapper:where(.w-variant-de7e91fb-e432-c5ea-c429-0ff71c2b63f5) {
    padding: 28px;
  }

  .hero-icon {
    width: 96px;
  }

  .hero-cover {
    border-radius: var(--_sizes---radius--xxxs);
  }

  .hero-image-line {
    border-bottom-left-radius: var(--_sizes---radius--xxxs);
    border-bottom-right-radius: var(--_sizes---radius--xxxs);
    height: 10px;
    bottom: -10px;
    left: 24px;
    right: 24px;
  }

  .work-content {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .work-info {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    padding-left: 28px;
    padding-right: 28px;
    display: flex;
  }

  .info-blocks {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .work-description {
    max-width: 504px;
  }

  .quote-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 48px 28px;
  }

  .intro-text {
    padding-left: 28px;
    padding-right: 28px;
  }

  .skill-blocks {
    grid-template-columns: 1fr;
  }

  .skill-block.first-block {
    padding-left: 28px;
    padding-right: 28px;
  }

  .skill-item-emoji {
    width: 20px;
    height: 20px;
    margin-top: 3px;
  }

  .experience-blocks {
    grid-template-columns: 1fr;
  }

  .experience-block {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .experience-image-wrapper {
    padding-top: 32px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .experience-image {
    max-width: 256px;
  }

  .value-block {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .value-block:where(.w-variant-7aa7de46-91b5-2edf-6e14-490f459a4b30) {
    padding: 32px 28px;
  }

  .changelog-block {
    padding-left: 28px;
    padding-right: 28px;
  }

  .headings-in-card-interface {
    max-height: 120px;
    padding-left: 28px;
  }

  .project-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding: 32px 28px;
  }

  .projects-blocks {
    grid-template-columns: 1fr;
  }

  .project-block-content {
    width: 100%;
    padding-bottom: 0;
  }

  .home-gemeinsam {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .footer-block-2 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: flex-start;
    padding-left: 28px;
    padding-right: 28px;
  }

  .value-block-2 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .footer-text-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row-reverse;
    justify-content: center;
    align-items: center;
    padding: 28px;
  }

  .contact-block-2 {
    padding-left: 28px;
    padding-right: 28px;
  }

  .experience-image-wrapper-2 {
    padding-top: 32px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .experience-block-2 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .achievement-block-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 28px;
    padding-right: 28px;
  }

  .section-heading-2 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .section-heading-2.center-9 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .skill-block-2.first-block {
    padding-left: 28px;
    padding-right: 28px;
  }

  .umsetzung-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 28px;
    padding-right: 28px;
  }

  .umsetzung-block.reverse {
    flex-flow: column;
  }

  .umsetzung-block.reverse.mobil {
    display: flex;
  }

  .umsetzung-block.reverse.desktop {
    display: none;
  }

  .umsetzung-block-image {
    width: 100%;
    max-width: 240px;
    height: auto;
  }

  .umsetzung-block-content {
    width: 100%;
    padding-bottom: 0;
  }

  .grid-3, .slider-blocks {
    grid-template-columns: 1fr;
  }

  .work-slider-block {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .availability-card, .learning-card {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .status-content {
    margin-bottom: 12px;
  }

  .learning-card-memoji-wrapper-copy {
    flex: 1;
    padding: 24px;
  }

  .learning-block-memoji {
    width: 100%;
    max-width: 240px;
    height: auto;
  }

  .zertifikate-image-card {
    padding-bottom: 40px;
  }

  .p-projekte-gird {
    flex-flow: column-reverse wrap-reverse;
    grid-template-columns: .33fr;
    grid-auto-flow: row dense;
    display: flex;
  }

  .projekts-slider-content {
    padding-left: 28px;
    padding-right: 28px;
  }

  .projekts-slider-block {
    grid-template-columns: 1fr;
  }

  .projekt-slider-block {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .slider-blocks-projekt {
    grid-template-columns: 1fr;
  }

  .p-relative.slider {
    height: 400px;
  }

  .slider-preview-wrapper {
    width: 100%;
  }

  .testimonials-btn-wrapper {
    margin-top: 20px;
  }
}

@media screen and (max-width: 479px) {
  .hero.home-hero {
    height: 75vh;
  }

  .about-cards {
    flex-flow: column;
    display: flex;
  }

  .location-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
  }

  .location-icon.big-icon {
    width: 96px;
    height: 96px;
  }

  .location-icon.small-icon {
    width: 64px;
    height: 64px;
  }

  .code-card {
    padding-bottom: 20px;
  }

  .code-card-interface {
    max-height: none;
  }

  .growth-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-right: 28px;
  }

  .growth-card-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 0;
  }

  .growth-card-memoji-wrapper {
    width: 100%;
    max-width: 200px;
  }

  .section-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .section-heading-content {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .section-heading-content:where(.w-variant-9243a328-2d8f-baab-68ec-ec27439a2765), .section-heading-content.center-2, .section-heading-content.center-6, .section-heading-content.center-10, .section-heading-content.center-17, .section-heading-content.center-21 {
    justify-content: flex-start;
  }

  .testimonial-block.m-d-none {
    display: none;
  }

  .work-block-info {
    align-items: stretch;
  }

  .work-block-image {
    border-top-left-radius: var(--_sizes---radius--xxxs);
    border-top-right-radius: var(--_sizes---radius--xxxs);
  }

  .achievement-block.left-6.jc-m-vertical {
    flex-flow: column-reverse wrap;
  }

  .achievement-block.left-6.reverse-wrap {
    flex-flow: column;
  }

  .achievement-block-memoji {
    max-width: 200px;
  }

  .footer-text-memoji {
    max-width: 88px;
  }

  .footer-block {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .footer-menu {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .footer-menu-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .info-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .info-block-name {
    padding-top: 4px;
  }

  .experience-block {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .experience-block-logo {
    max-width: 48px;
  }

  .experience-block-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .experience-block-details {
    grid-row-gap: 2px;
    flex-flow: wrap;
  }

  .value-blocks {
    border-top: 1px solid var(--black-opacity--7);
    border-bottom: 1px solid var(--black-opacity--7);
    grid-template-columns: 1fr;
  }

  .value-block-emoji {
    width: 32px;
    height: 32px;
  }

  .changelog-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
  }

  .headings-in-card-interface {
    max-height: none;
  }

  .value-blocks-2 {
    border-top: 1px solid #00000012;
    border-bottom: 1px solid #00000012;
    grid-template-columns: 1fr;
  }

  .footer-block-2 {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .experience-block-details-2 {
    grid-row-gap: 2px;
    flex-flow: wrap;
  }

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

  .section-heading-content-2 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .section-heading-content-2.center-10 {
    justify-content: flex-start;
  }

  .section-heading-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .umsetzung-block-image {
    max-width: 200px;
  }

  .slider-blocks {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
    display: flex;
  }

  .work-slider-block {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .slider-work-block-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .learning-block-memoji {
    max-width: 200px;
  }

  .zertifikate-image-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
  }

  .kontakt-form-2-grid {
    grid-template-columns: 1fr;
  }

  .p-projekte-gird {
    grid-template-columns: .33fr;
  }

  .projekt-slider-block {
    justify-content: center;
    align-items: center;
  }

  .pill-wrapper {
    flex-flow: column;
  }

  .p-relative.slider {
    height: 620px;
  }

  .testimonials-btn-wrapper {
    width: 100%;
  }

  .d-inline-flex {
    width: auto;
    display: inline-flex;
  }
}

#w-node-a9e4cb64-c248-82e7-3ca6-00a467439455-7ec6f75b {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_32ad256e-fa26-196c-522c-1d36269ce0aa-7ec6f75b, #w-node-_28f08f86-7dd8-4747-e32e-14b8db4a06b4-7ec6f75b {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5a89e10a-53a9-99da-5d43-0716f4155246-777bbe4a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a194a13e-8ecf-5e79-c765-91dba6d6fff6-777bbe4a {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-a194a13e-8ecf-5e79-c765-91dba6d6fffd-777bbe4a, #w-node-a194a13e-8ecf-5e79-c765-91dba6d7000b-777bbe4a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ce57f16c-a353-5f4d-7f6b-abeaccf1bcd6-777bbe4a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_50c61399-0f37-059f-9a95-513023d2ac79-777bbe4a {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

@media screen and (max-width: 991px) {
  #w-node-a9e4cb64-c248-82e7-3ca6-00a467439455-7ec6f75b {
    grid-area: span 2 / span 5 / span 2 / span 5;
  }

  #w-node-_32ad256e-fa26-196c-522c-1d36269ce0aa-7ec6f75b, #w-node-_28f08f86-7dd8-4747-e32e-14b8db4a06b4-7ec6f75b {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-a194a13e-8ecf-5e79-c765-91dba6d6fff6-777bbe4a {
    grid-area: span 2 / span 5 / span 2 / span 5;
  }

  #w-node-a194a13e-8ecf-5e79-c765-91dba6d6fffd-777bbe4a, #w-node-a194a13e-8ecf-5e79-c765-91dba6d7000b-777bbe4a {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-ce57f16c-a353-5f4d-7f6b-abeaccf1bcd6-777bbe4a, #w-node-_50c61399-0f37-059f-9a95-513023d2ac79-777bbe4a {
    grid-column: span 10 / span 10;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a9e4cb64-c248-82e7-3ca6-00a467439455-7ec6f75b {
    grid-area: span 2 / span 10 / span 2 / span 10;
  }

  #w-node-_32ad256e-fa26-196c-522c-1d36269ce0aa-7ec6f75b {
    grid-column: span 10 / span 10;
  }

  #w-node-_28f08f86-7dd8-4747-e32e-14b8db4a06b4-7ec6f75b {
    grid-area: span 4 / span 10 / span 4 / span 10;
  }

  #w-node-_5a89e10a-53a9-99da-5d43-0716f4155246-777bbe4a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a194a13e-8ecf-5e79-c765-91dba6d6fff6-777bbe4a {
    grid-area: span 2 / span 10 / span 2 / span 10;
  }

  #w-node-a194a13e-8ecf-5e79-c765-91dba6d6fffd-777bbe4a {
    grid-column: span 10 / span 10;
  }

  #w-node-a194a13e-8ecf-5e79-c765-91dba6d7000b-777bbe4a {
    grid-area: span 3 / span 10 / span 3 / span 10;
  }
}


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