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

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

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

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

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

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

:root {
  --pai-gelb: #d88d0b;
  --pai-grün: #126200;
  --pai-fucsia: #d80b36;
  --pai-türkis: #43a4a4;
}

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

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

@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 {
  color: #333;
  cursor: none;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

a {
  cursor: none;
  text-decoration: underline;
}

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

.navbar {
  z-index: 10;
  background-color: #d80b3600;
  padding-top: 30px;
  padding-bottom: 30px;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar:where(.w-variant-a0fbd6c0-ac40-bf05-f12b-0a7a032b2343) {
  background-color: #43a4a4;
  position: sticky;
}

.navbar:where(.w-variant-94e1042b-0e67-4bf9-52b9-1ba78064bfa0) {
  background-color: #d80b3600;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar:where(.w-variant-e532689e-0b98-44bd-acf8-5d7b687526fc) {
  background-color: var(--pai-gelb);
  position: sticky;
}

.navbar:where(.w-variant-ef8bded0-f0d3-f4ba-a5a3-78c37df8ecce) {
  background-color: #d80b3600;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar:where(.w-variant-363fa0b8-8e78-ae9f-b430-c65894071810) {
  background-color: var(--pai-grün);
}

.navbar:where(.w-variant-f529e29a-22f5-c2db-1d08-45d99336e3ee) {
  background-color: var(--pai-fucsia);
  position: sticky;
}

.container {
  max-width: 1350px;
}

.content-section {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  overflow: clip;
}

.content-section.header-background {
  padding-top: 0;
  position: relative;
  overflow: clip;
}

.content-section.section-team {
  background-image: url('../images/Team_bg_lines_main_breakpoint.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.heading {
  color: var(--pai-fucsia);
  max-width: 800px;
  font-family: "Slabo 13 Px", Tahoma, sans-serif;
  font-size: 90px;
  line-height: 100px;
}

.main-text {
  max-width: 600px;
  font-family: Lexend, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

.content-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1210px;
  margin-top: 20px;
  display: block;
}

.content-container.works-image-container {
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.content-container.team-grid-wrapper {
  margin-bottom: 260px;
}

.works-links-wrapper {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 100px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.works-description-wrapper {
  position: relative;
}

.text-link-card {
  z-index: 1;
  color: #fff;
  font-family: "Slabo 13 Px", Tahoma, sans-serif;
  font-size: 48px;
  line-height: 40px;
  position: absolute;
  inset: auto 0% 5% 5%;
}

.nav-text-link {
  color: #fff;
  background-color: #ffffff59;
  border-radius: 30px;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: opacity .15s ease-in-out;
}

.nav-text-link:where(.w-variant-94e1042b-0e67-4bf9-52b9-1ba78064bfa0) {
  background-color: var(--pai-türkis);
  transition: color .15s ease-in-out, background-color .15s ease-in-out;
}

.nav-text-link:where(.w-variant-e532689e-0b98-44bd-acf8-5d7b687526fc) {
  background-color: #ffffff3d;
}

.nav-text-link:where(.w-variant-ef8bded0-f0d3-f4ba-a5a3-78c37df8ecce) {
  background-color: var(--pai-gelb);
  transition: color .15s ease-in-out, background-color .15s ease-in-out;
}

.nav-text-link:hover {
  outline-offset: 0px;
  background-color: #fff0;
  outline: 1.5px solid #fff;
}

.nav-text-link:hover:where(.w-variant-94e1042b-0e67-4bf9-52b9-1ba78064bfa0) {
  outline-offset: 0px;
  color: var(--pai-türkis);
  background-color: #fff;
  outline: 1.5px #fff;
}

.nav-text-link:hover:where(.w-variant-ef8bded0-f0d3-f4ba-a5a3-78c37df8ecce) {
  outline-offset: 0px;
  color: var(--pai-gelb);
  background-color: #fff;
  outline: 1.5px #fff;
}

.nav-text-link.w--current:where(.w-variant-a0fbd6c0-ac40-bf05-f12b-0a7a032b2343), .nav-text-link.w--current:where(.w-variant-e532689e-0b98-44bd-acf8-5d7b687526fc), .nav-text-link.w--current:where(.w-variant-363fa0b8-8e78-ae9f-b430-c65894071810) {
  color: #fff;
}

.nav-text-link-wrapper {
  margin-top: 25px;
}

.heading-2 {
  color: var(--pai-fucsia);
  margin-bottom: 0;
  font-family: "Slabo 13 Px", Tahoma, sans-serif;
  font-size: 50px;
  line-height: 40px;
}

.heading-2.heading-design, .heading-2.heading-impressum, .heading-2.heading-datenschutz {
  color: #fff;
}

.heading-3 {
  color: #fff;
  text-transform: lowercase;
  margin-bottom: 0;
  font-family: Lexend, sans-serif;
}

.heading-3.design-heading {
  color: var(--pai-türkis);
}

.heading-3.more-projects {
  color: #0000008a;
  font-weight: 400;
}

.heading-3.handwerk-heading {
  color: var(--pai-gelb);
}

.team-photo {
  border-radius: 20px;
  margin-bottom: 10px;
  padding-bottom: 0;
  position: relative;
}

.job-description {
  color: #fff;
  text-transform: lowercase;
  font-family: Lexend, sans-serif;
  font-size: 16px;
}

.team-member-wrapper {
  margin-top: 45px;
  padding-left: 20px;
  padding-right: 20px;
}

.team-member-wrapper.column-left {
  padding-left: 0;
}

.team-member-wrapper.column-right {
  padding-right: 0;
}

.section-footer {
  padding-top: 5px;
  padding-bottom: 0;
  position: relative;
  bottom: 0;
}

.footer-background-color {
  background-color: var(--pai-fucsia);
  max-width: 100%;
  height: 400px;
  margin-top: 140px;
  padding-top: 220px;
}

.instagram-icon {
  width: 50px;
}

.body {
  background-image: url('../images/Lines_homepage_bg.svg');
  background-position: 50%;
  background-size: cover;
  overflow: visible;
}

.section-works-header {
  background-color: var(--pai-türkis);
  height: 450px;
  position: relative;
}

.design-container {
  max-width: 1210px;
  margin-top: 0;
  position: absolute;
  inset: auto 0% 15%;
}

.works-section {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.works-section.design {
  background-image: url('../images/design_lines_bg.svg');
  background-position: 50%;
  background-size: cover;
}

.works-section.handwerk {
  background-image: url('../images/handwerk_lines_bg.svg');
  background-position: 50%;
  background-size: cover;
}

.section-3 {
  background-color: var(--pai-türkis);
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-3:where(.w-variant-7e26065e-98ed-b579-bc74-e18da1d4a7ad) {
  background-color: var(--pai-gelb);
}

.section-3:where(.w-variant-778e564d-6eb6-fef9-ea89-0279737dfe8e) {
  background-color: var(--pai-grün);
}

.section-3:where(.w-variant-7976fe79-ad09-1be5-bbd8-091f48644f39) {
  background-color: var(--pai-fucsia);
  position: relative;
  inset: auto 0% 0%;
}

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

.design-projects-link {
  cursor: none;
  background-image: url('../images/design_image.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 20px;
  max-width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.design-projects-link.more-profit-link {
  cursor: none;
  background-image: url('../images/more_profit_mockup.jpg');
  background-position: 50%;
  background-size: cover;
}

.design-projects-link._w-und-w-link {
  background-image: url('../images/w_und_w_mockup.jpg');
  background-position: 50% 40%;
}

.design-projects-link.stache-link {
  background-image: url('../images/stache_link_bg.png');
  background-position: 50%;
}

.design-projects-link.faro-link {
  background-image: url('../images/faro_link_bg.png');
  background-position: 50%;
}

.design-projects-link.sockel-link {
  background-image: url('../images/sockel_schluessel.jpg');
  background-position: 50% 35%;
}

.design-projects-link.car-wrapping-link {
  background-image: url('../images/car_wrapping_header.png');
  background-position: 50%;
  background-size: cover;
}

.design-projects-link.lichtwerbung-link {
  background-image: url('../images/Nusser.jpg');
  background-position: 50% 20%;
  background-size: 2000px;
}

.design-projects-link.montage-link {
  background-image: url('../images/Montage.png');
  background-position: 50%;
}

.design-projects-link.uv-druck-link {
  background-image: url('../images/Drucker.jpg');
  background-position: 50%;
}

.design-projects-link.textilien-link {
  background-image: url('../images/Textilien_Header.jpg');
  background-position: 50% 35%;
}

.section-image-heading {
  background-image: url('../images/more_profit_mockup.jpg');
  background-position: 50%;
  background-size: cover;
  max-width: 100%;
  height: 650px;
  position: relative;
}

.section-image-heading.faro-header {
  background-image: url('../images/faro_link_bg.png');
  background-size: cover;
}

.section-image-heading.wundw-header {
  background-image: url('../images/w_und_w_mockup.jpg');
  background-position: 50% 45%;
  background-size: 100vw;
  background-attachment: scroll;
}

.section-image-heading.stache-header {
  background-image: url('../images/stache_link_bg.png');
  background-position: 50% 35%;
}

.section-image-heading.sockel-header {
  background-image: url('../images/sockel_schluessel.jpg');
  background-position: 50% 40%;
}

.section-image-heading.illustration-header {
  background-image: url('../images/design_image.png');
  background-position: 50% 20%;
}

.section-image-heading.fahrzeug-header {
  background-image: url('../images/car_wrapping_header.png');
  background-position: 50%;
}

.section-image-heading.textilien-header {
  background-image: url('../images/Textilien_Header.jpg');
  background-position: 50%;
}

.section-image-heading.uv-header {
  background-image: url('../images/Drucker.jpg');
  background-position: 50% 90%;
}

.section-image-heading.fassade-header {
  background-image: url('../images/Nusser.jpg');
  background-position: 50% 15%;
  background-size: 180vw;
}

.section-image-heading.montage-header {
  background-image: url('../images/Montage.png');
  background-position: 50%;
}

.design-text {
  max-width: 600px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Lexend, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

.container-image-grid {
  flex-flow: column;
  max-width: 1210px;
  margin-top: 60px;
  display: flex;
}

.project-images-corners {
  background-image: url('../images/Apotheke.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
}

.project-images-corners.mp-logo {
  background-image: url('../images/more_profit_logo.png');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.project-images-corners.mp-bc {
  background-image: url('../images/more_profit_visitenkarten.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.project-images-corners.mp-tape {
  background-image: url('../images/more_profit_klebeband.jpg');
  background-position: 50%;
  background-size: cover;
}

.project-images-corners.mp-car {
  background-image: url('../images/more_profit_fahrzeug.jpg');
  background-position: 50%;
  background-size: cover;
  height: 600px;
}

.project-images-corners.mp-stationary {
  background-image: url('../images/more_profit_stationary.jpg');
  background-position: 50% 70%;
  background-size: cover;
  height: 700px;
}

.project-images-corners.mp-shirt {
  background-image: url('../images/more_profit_shirt.jpg');
  background-position: 50% 80%;
  background-size: cover;
  height: 700px;
}

.project-images-corners.mp-coaster {
  background-image: url('../images/more_profit_untersetzer.jpg');
  background-position: 50%;
  background-size: cover;
  height: 700px;
}

.project-images-corners.mp-symbol {
  background-image: url('../images/more_profit_bildmarke.png');
  background-position: 50%;
  background-size: cover;
}

.project-images-corners.mp-flyer {
  background-image: url('../images/more_profit_flyer.jpg');
  background-position: 50%;
  background-size: cover;
}

.project-images-corners.faro-logo {
  background-image: url('../images/faro_logo.png');
  background-position: 50%;
  background-size: cover;
  height: 600px;
}

.project-images-corners.faro-banner {
  background-image: url('../images/faro_banner.jpg');
  background-position: 50%;
  background-size: cover;
  height: 700px;
}

.project-images-corners.faro-poster {
  background-image: url('../images/faro_poster.jpg');
  background-position: 50%;
  background-size: cover;
  height: 800px;
}

.project-images-corners.faro-car {
  background-image: url('../images/faro_seat.jpg');
  background-position: 50% 60%;
  background-size: cover;
  height: 550px;
}

.project-images-corners.faro-symbol {
  background-image: url('../images/faro_logomarke.png');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.project-images-corners.faro-bc {
  background-image: url('../images/faro_visitenkarten.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.project-images-corners.faro-rollup {
  background-image: url('../images/faro_rollups_mit_theke.jpg');
  background-position: 50%;
  background-size: cover;
  height: 700px;
}

.project-images-corners.faro-flyer {
  background-image: url('../images/faro_flyer.jpg');
  background-position: 50%;
  background-size: cover;
  height: 800px;
}

.project-images-corners.ww-logo {
  background-image: url('../images/w_und_w_logo.png');
  background-position: 50%;
  background-size: cover;
  height: 500px;
}

.project-images-corners.ww-banner {
  background-image: url('../images/w_und_w_banner.jpg');
  background-position: 50%;
  background-size: cover;
  height: 800px;
}

.project-images-corners.ww-sticker {
  background-image: url('../images/w_und_w_aufkleber.jpg');
  height: 800px;
}

.project-images-corners.ww-block {
  background-image: url('../images/w_und_w_notizbloecke.jpg');
}

.project-images-corners.ww-shirt {
  background-image: url('../images/w_und_w_poloshirt.png');
  height: 820px;
}

.project-images-corners.ww-pattern {
  background-image: url('../images/w_und_w_muster.png');
  height: 500px;
}

.project-images-corners.ww-bc {
  background-image: url('../images/w_und_w_visitenkarten.jpg');
  height: 700px;
}

.project-images-corners.fs-car {
  background-image: url('../images/fs_audi.jpg');
  height: 500px;
}

.project-images-corners.fs-pen {
  background-image: url('../images/fs_kugelschreiber.jpg');
  height: 900px;
}

.project-images-corners.fs-shirt {
  background-image: url('../images/fs_poloshirt.jpg');
  height: 900px;
}

.project-images-corners.fs-folder {
  background-image: url('../images/fs_mappen.jpg');
  height: 700px;
}

.project-images-corners.sockel-logo {
  background-image: url('../images/sockel_logo.png');
  height: 500px;
}

.project-images-corners.sockel-bande {
  background-image: url('../images/sockel_bande.jpg');
  height: 400px;
}

.project-images-corners.sockel-logo-change {
  background-image: url('../images/sockel_logo_alt_neu.png');
  height: 900px;
}

.project-images-corners.sockel-lock {
  background-image: url('../images/sockel_schloss.png');
}

.project-images-corners.sockel-sign {
  background-image: url('../images/sockel_ausleger.png');
}

.project-images-corners.sockel-window {
  background-image: url('../images/sockel_scheibenbeklebung.jpg');
  height: 700px;
}

.project-images-corners.sockel-bc {
  background-image: url('../images/sockel_visitenkarten.jpg');
  height: 800px;
}

.project-images-corners.sockel-car {
  background-image: url('../images/sockel_ford.jpg');
  background-position: 50% 10%;
  height: 800px;
}

.project-images-corners.kreativ {
  background-image: url('../images/illustration_kreativ.jpg');
  height: 700px;
}

.project-images-corners.memory {
  background-image: url('../images/illustration_memory.jpg');
  height: 800px;
}

.project-images-corners.radsport {
  background-image: url('../images/Radsport.jpg');
  height: 600px;
}

.project-images-corners.ea {
  background-image: url('../images/EA_Classic.jpg');
  height: 900px;
}

.project-images-corners.cp {
  background-image: url('../images/Priebs_LKW.jpg');
  height: 500px;
}

.project-images-corners.ls {
  background-image: url('../images/LS_Lausitz.jpg');
  height: 800px;
}

.project-images-corners.slb {
  background-image: url('../images/SLB.jpg');
  height: 800px;
}

.project-images-corners.konzmann {
  background-image: url('../images/Konzmann.jpg');
  height: 800px;
}

.project-images-corners.werder {
  background-image: url('../images/Werder.jpg');
  height: 800px;
}

.project-images-corners.vw {
  background-image: url('../images/VW.jpg');
  height: 800px;
}

.project-images-corners.nashornhaut {
  background-image: url('../images/Nashornhaut.jpg');
  background-position: 50% 80%;
  height: 700px;
}

.project-images-corners.pt {
  background-image: url('../images/Tschotow_Kasten.jpg');
  height: 800px;
}

.project-images-corners.mp {
  background-image: url('../images/More_Profit.jpg');
  height: 800px;
}

.project-images-corners.pt-shirt {
  background-image: url('../images/Tschotow_Tshirt.jpg');
  height: 800px;
}

.project-images-corners.proft-sweater {
  background-image: url('../images/Proft.jpg');
  height: 800px;
}

.project-images-corners.berndt {
  background-image: url('../images/Poloshirt_Blumen_Berndt.jpg');
  height: 800px;
}

.project-images-corners.kita {
  background-image: url('../images/Kita_Rotstein.jpg');
  height: 700px;
}

.project-images-corners.jf {
  background-image: url('../images/Jugend_Feuerwehr.jpg');
  height: 650px;
}

.project-images-corners.werder-jacke {
  background-image: url('../images/Werder_Jacke.jpg');
  height: 900px;
}

.project-images-corners.pai-shirt {
  background-image: url('../images/Pai_Hoodie.jpg');
  height: 800px;
}

.project-images-corners.smileys {
  background-image: url('../images/Smileys.jpg');
  height: 700px;
}

.project-images-corners.coaster {
  background-image: url('../images/Untersetzer.jpg');
  height: 700px;
}

.project-images-corners.holzplatte {
  background-image: url('../images/Holzplatte.jpg');
  height: 900px;
}

.project-images-corners.zollstoecke {
  background-image: url('../images/Zollstöcke.jpg');
}

.project-images-corners.rallyschilder {
  background-image: url('../images/Rallyschilder.jpg');
  height: 700px;
}

.project-images-corners.nusser {
  background-image: url('../images/Nusser.jpg');
  height: 800px;
}

.project-images-corners.ls-schild {
  background-image: url('../images/LS_Lichtwerbung.jpg');
  height: 800px;
}

.project-images-corners.kessner {
  background-image: url('../images/Kessner.jpg');
  height: 600px;
}

.project-images-corners.wgl {
  background-image: url('../images/WGL.png');
  height: 800px;
}

.project-images-corners.pai-schild {
  background-image: url('../images/Pai_Schild.png');
}

.project-images-corners.herrnhut {
  background-image: url('../images/Bahnhof.png');
  background-position: 50% 10%;
  height: 500px;
}

.project-images-corners.roy {
  background-image: url('../images/Roy.png');
  height: 700px;
}

.project-images-corners.pai-closeup {
  background-image: url('../images/Pai_Closeup.png');
  height: 700px;
}

.project-images-corners.pt-schild {
  background-image: url('../images/Tschotow.jpg');
}

.project-images-corners.kletterpark-1 {
  background-image: url('../images/Kletterpark_1.jpg');
  height: 700px;
}

.project-images-corners.kletterpark-2 {
  background-image: url('../images/Kletterpark_2.jpg');
  height: 700px;
}

.project-images-corners.museum-1 {
  background-image: url('../images/Museum_1.jpg');
  height: 700px;
}

.project-images-corners.museum-2 {
  background-image: url('../images/Museum_2.jpg');
  height: 500px;
}

.project-images-corners.museum-3 {
  background-image: url('../images/Museum_3.jpg');
}

.project-images-corners.pt-1 {
  background-image: url('../images/PT_Halle_2.jpg');
  height: 700px;
}

.project-images-corners.pt-2 {
  background-image: url('../images/PT_2.png');
}

.project-images-corners.pt-3 {
  background-image: url('../images/PT_Halle.jpg');
  height: 700px;
}

.project-images-corners.drechsel-1 {
  background-image: url('../images/Drechsel_1.jpg');
  height: 500px;
}

.project-images-corners.drechsel-2 {
  background-image: url('../images/Drechsel_2.jpg');
}

.project-images-corners.schild-1 {
  background-image: url('../images/Schild_1.jpg');
  height: 700px;
}

.project-images-corners.schild-2 {
  background-image: url('../images/Schild_2.jpg');
}

.project-images-corners.schild-3 {
  background-image: url('../images/Schild_3.jpg');
  height: 800px;
}

.project-images-corners.eule {
  background-image: url('../images/illustration_eule.png');
  height: 500px;
}

.project-images-corners.kreativkopf {
  background-image: url('../images/Kreativkopf_Stift.png');
  height: 900px;
}

.project-images-corners.schuck-shirt {
  background-image: url('../images/Schuck_bau.jpg');
  background-position: 50% 80%;
  background-size: cover;
  height: 700px;
}

.project-images-corners.nashornhaut-shirt {
  background-image: url('../images/Nashornhaut_1.jpg');
  height: 700px;
}

.project-images-corners.polio-shirt {
  background-image: url('../images/Polio.jpg');
  height: 900px;
}

.project-images-corners.musikschule {
  background-image: url('../images/Musikschule_EGLZ.jpg');
  height: 800px;
}

.project-images-corners.pavillon {
  background-image: url('../images/Pavillon.jpg');
  height: 600px;
}

.project-images-corners.seniorenwohnung {
  background-image: url('../images/Seniorenwohnanlage.jpg');
  height: 700px;
}

.project-images-corners.fernfahrt-1 {
  background-image: url('../images/Fernfahrt_4.jpg');
  height: 900px;
}

.project-images-corners.fernfahrt-2 {
  background-image: url('../images/Fernfahrt_3.jpg');
}

.project-images-corners.fernfahrt-3 {
  background-image: url('../images/Fernfahrt_1.jpg');
  height: 700px;
}

.project-images-corners.fernfahrt-4 {
  background-image: url('../images/Fernfahrt_2.jpg');
  height: 700px;
}

.project-images-corners.feuerwehr {
  background-image: url('../images/Feuerwehr.jpg');
  height: 500px;
}

.project-images-corners.trommel {
  background-image: url('../images/Trommel.jpg');
  height: 600px;
}

.project-images-corners.linden_apotheke {
  background-image: url('../images/Linden_Apotheke.jpg');
  height: 650px;
}

.project-images-corners.weichaer_hof {
  background-image: url('../images/Weichaer_Hof.jpg');
  height: 600px;
}

.project-images-corners.trommel_2 {
  background-image: url('../images/Trommel-2-1.jpg');
  background-position: 50% 90%;
  height: 600px;
}

.grid-5 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: "Area-2 Area"
                 "Area-3 Area"
                 "Area-4 Area-4"
                 "Area-5 Area-5"
                 "Area-6 Area-6"
                 "Area-7 Area-8"
                 "Area-7 Area-9"
                 / 1fr .75fr;
}

.button-projects-next {
  background-color: var(--pai-türkis);
  cursor: none;
  border-radius: 20px;
  align-self: flex-end;
  margin-top: 60px;
  padding: 15px 30px;
  font-family: Lexend, sans-serif;
  font-size: 18px;
}

.button-projects-next.handwerk-next-button {
  background-color: var(--pai-gelb);
  transition: color .2s ease-in-out, border-width .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
}

.button-projects-next.handwerk-next-button:hover {
  border: 2px solid var(--pai-gelb);
  color: var(--pai-gelb);
  background-color: #fff;
}

.button-projects-next.design-next-button {
  transition: border-width .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out, color .2s ease-in-out;
}

.button-projects-next.design-next-button:hover {
  border: 2px solid var(--pai-türkis);
  color: var(--pai-türkis);
  background-color: #fff;
}

.other-projects-wrapper {
  justify-content: space-between;
  margin-top: 20px;
}

.other-project-link-image {
  object-fit: cover;
  border-radius: 20px;
  width: 350px;
  height: 350px;
  transition: transform .3s ease-in-out;
  position: relative;
}

.other-project-link-image:hover {
  transform: scale(1.2);
}

.faro-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: "Area Area"
                 "Area-2 Area-2"
                 "Area-3 Area-3"
                 "Area-4 Area-4"
                 "Area-5 Area-6"
                 "Area-7 Area-7"
                 "Area-8 Area-8"
                 / 2fr 2.25fr;
}

.wundw-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 Area-4"
                       "Area-5 Area-5"
                       "Area-6 Area-6"
                       "Area-7 Area-7";
}

.stache-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-3"
                       "Area-4 Area-4";
}

.sockel-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 Area-4"
                       "Area-3 Area-5"
                       "Area-6 Area-6"
                       "Area-7 Area-7"
                       "Area-8 Area-8";
}

.section-works-handwerk-header {
  background-color: var(--pai-gelb);
  height: 450px;
  position: relative;
}

.textilien-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-17 Area-17"
                       "Area-14 Area-14"
                       "Area-6 Area-6"
                       "Area-7 Area-7"
                       "Area-20 Area-20"
                       "Area-18 Area-19"
                       "Area-15 Area-15";
}

.druck-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 Area-4"
                       "Area-5 Area-5";
}

.aussenwerbung-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 Area-3"
                       "Area-4 Area-4"
                       "Area-5 Area-6"
                       "Area-7 Area-7"
                       "Area-8 Area-8"
                       "Area-9 Area-9"
                       "Area-10 Area-11"
                       "Area-12 Area-12"
                       "Area-13 Area-13"
                       "Area-14 Area-14";
}

.montage-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: "Area Area Area-2 Area-2"
                 "Area-3 Area-3 Area-3 Area-3"
                 "Area-4 Area-5 Area-5 Area-5"
                 "Area-6 Area-6 Area-7 Area-7"
                 "Area-8 Area-8 Area-8 Area-8"
                 "Area-9 Area-9 Area-9 Area-10"
                 "Area-11 Area-11 Area-12 Area-12"
                 "Area-13 Area-13 Area-13 Area-13"
                 / 1fr 1fr 1fr 1fr;
}

.project-overlay {
  background-color: #00000078;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.project-links-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 300px;
  display: flex;
}

.project-link-text {
  color: #fff;
  text-align: center;
  font-family: Lexend, sans-serif;
  font-size: 30px;
  line-height: 1;
}

.project-link-button {
  color: var(--pai-türkis);
  cursor: none;
  background-color: #fff;
  border-radius: 20px;
  padding: 10px 20px;
  font-family: Lexend, sans-serif;
  font-size: 20px;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.project-link-button:hover {
  background-color: var(--pai-türkis);
  color: #fff;
}

.project-link-button-orange {
  color: var(--pai-gelb);
  cursor: none;
  background-color: #fff;
  border-radius: 20px;
  padding: 10px 20px;
  font-family: Lexend, sans-serif;
  font-size: 20px;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.project-link-button-orange:hover {
  background-color: var(--pai-gelb);
  color: #fff;
}

.other-project-link {
  border-radius: 20px;
  width: 350px;
  height: 350px;
  position: relative;
  overflow: hidden;
}

.works-link-image-wrapper {
  border-radius: 20px;
  overflow: clip;
}

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

.team-text-wrapper {
  z-index: 0;
  position: relative;
}

.works-image-div {
  background-image: url('../images/design_image.png');
  background-position: 50%;
  background-size: cover;
  width: 1200px;
  max-width: 1800px;
  height: 700px;
}

.works-image-div.design {
  transition: transform .3s ease-in-out;
}

.works-image-div.design:hover {
  transform: scale(1.1);
}

.works-image-div.handwerk {
  background-image: url('../images/handwerk_image.jpg');
  transition: transform .3s ease-in-out;
}

.works-image-div.handwerk:hover {
  transform: scale(1.1);
}

.illustration-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 Area-3"
                       "Area-4 Area-4"
                       "Area-5 Area-6"
                       "Area-7 Area-7"
                       "Area-8 Area-8";
}

.car-wrapping-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 Area-3"
                       "Area-4 Area-4"
                       "Area-5 Area-5"
                       "Area-6 Area-6";
  margin-top: 40px;
}

.car-branding-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 Area-4"
                       "Area-5 Area-5"
                       "Area-6 Area-6"
                       "Area-7 Area-7"
                       "Area-8 Area-8"
                       "Area-9 Area-9";
}

.car-wrapping-text {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1210px;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.background-heading-video {
  z-index: 3;
  width: 70vw;
  height: 80vh;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.kreativkopf-rive {
  z-index: 0;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.footer-links-wrapper {
  z-index: 5;
  justify-content: space-between;
  align-items: center;
  max-width: 1210px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.text-link-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-text-link {
  color: #fff;
  text-transform: lowercase;
  font-family: Lexend, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.team-image-wrapper {
  z-index: 8;
  position: relative;
}

.team-illustration {
  z-index: 9;
  border-radius: 20px;
  position: absolute;
  inset: 0%;
}

.section-datenschutz, .section-impressum {
  background-color: var(--pai-fucsia);
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  overflow: clip;
}

.impressum-text {
  color: #fff;
  text-transform: lowercase;
  margin-top: 60px;
  margin-bottom: 40px;
  font-family: Lexend, sans-serif;
  text-decoration: none;
}

.haftausschluss-text {
  color: #fff;
  text-align: justify;
  text-transform: lowercase;
  margin-top: 10px;
  margin-bottom: 40px;
  font-family: Lexend, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.datenschutz-text {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 40px;
  font-family: Lexend, sans-serif;
  text-decoration: none;
}

.datenschutz-subheading {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Lexend, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.datenschutz-section-wrapper {
  text-transform: lowercase;
  margin-top: 60px;
}

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

.datenschutz-link {
  color: #fff;
}

.grid-team {
  grid-template-rows: auto auto auto;
  margin-top: 30px;
}

.body-impressum {
  background-color: var(--pai-fucsia);
}

.cursor-wrapper {
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.first-dot {
  z-index: 99;
  background-color: var(--pai-fucsia);
  border: 1.5px solid #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: relative;
}

.first-dot.design-first-dot {
  background-color: var(--pai-türkis);
}

.first-dot.handwerk-first-dot {
  background-color: var(--pai-gelb);
}

.second-dot {
  z-index: 98;
  background-color: #694996;
  border: 1.5px solid #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
}

.second-dot.design-second-dot {
  background-color: #443850;
}

.third-dot {
  z-index: 97;
  background-color: var(--pai-gelb);
  border: 1.5px solid #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
}

.third-dot.design-third-dot {
  background-color: #d8315b;
}

.third-dot.handwerk-third-dot {
  background-color: var(--pai-fucsia);
}

.div-block {
  background-image: url('../images/Header_background.svg');
  background-position: 50% 100%;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.rive-wrapper {
  justify-content: center;
  align-items: center;
  width: 700px;
  height: 700px;
  display: flex;
  position: absolute;
  inset: auto 0% 29% 52%;
}

@media screen and (max-width: 991px) {
  body, a {
    cursor: default;
  }

  .container {
    width: 600px;
  }

  .content-section {
    padding-top: 20px;
  }

  .content-section.header-background {
    padding-bottom: 10px;
  }

  .content-section.section-team {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading {
    font-size: 60px;
    line-height: 65px;
  }

  .main-text {
    width: 400px;
    font-size: 14px;
    line-height: 20px;
  }

  .content-container {
    width: 670px;
  }

  .content-container.team-grid-wrapper {
    margin-bottom: 200px;
  }

  .works-links-wrapper {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    margin-top: 20px;
  }

  .text-link-card {
    font-size: 40px;
  }

  .nav-text-link {
    text-align: right;
    background-color: #fff0;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-right: 74px;
    font-size: 14px;
    transition: none;
  }

  .nav-text-link:where(.w-variant-a0fbd6c0-ac40-bf05-f12b-0a7a032b2343) {
    padding-right: 60px;
  }

  .nav-text-link:hover {
    outline-offset: 0px;
    outline: 1.5px #fff;
  }

  .nav-text-link-wrapper {
    background-color: var(--pai-fucsia);
    margin-top: 10px;
  }

  .nav-text-link-wrapper:where(.w-variant-a0fbd6c0-ac40-bf05-f12b-0a7a032b2343) {
    background-color: var(--pai-türkis);
  }

  .nav-text-link-wrapper:where(.w-variant-e532689e-0b98-44bd-acf8-5d7b687526fc), .nav-text-link-wrapper:where(.w-variant-ef8bded0-f0d3-f4ba-a5a3-78c37df8ecce) {
    background-color: var(--pai-gelb);
  }

  .nav-text-link-wrapper:where(.w-variant-94e1042b-0e67-4bf9-52b9-1ba78064bfa0) {
    background-color: var(--pai-türkis);
  }

  .nav-text-link-wrapper:where(.w-variant-363fa0b8-8e78-ae9f-b430-c65894071810) {
    background-color: var(--pai-grün);
  }

  .heading-2 {
    margin-top: 0;
    font-size: 40px;
    line-height: 50px;
  }

  .heading-3 {
    margin-top: 0;
    font-size: 14px;
  }

  .heading-3.design-heading, .heading-3.handwerk-heading {
    font-size: 20px;
  }

  .team-photo {
    margin-top: 10px;
  }

  .job-description {
    font-size: 12px;
  }

  .team-member-wrapper {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-footer {
    padding-top: 0;
    overflow: visible;
  }

  .footer-background-color {
    margin-top: 60px;
  }

  .instagram-icon {
    width: 40px;
  }

  .body {
    background-size: auto;
  }

  .section-works-header {
    height: 400px;
  }

  .design-container {
    width: 670px;
  }

  .design-projects-link.stache-link {
    background-size: auto 400px;
  }

  .design-projects-link.sockel-link {
    background-position: 50% 40%;
    background-size: auto 750px;
  }

  .design-projects-link.lichtwerbung-link {
    background-position: 50% 0;
    background-size: 1600px;
  }

  .section-image-heading.mp-header, .section-image-heading.faro-header, .section-image-heading.wundw-header, .section-image-heading.stache-header {
    height: 400px;
  }

  .section-image-heading.sockel-header {
    background-size: auto 700px;
    height: 400px;
  }

  .section-image-heading.illustration-header, .section-image-heading.fahrzeug-header, .section-image-heading.textilien-header, .section-image-heading.uv-header, .section-image-heading.fassade-header, .section-image-heading.montage-header {
    height: 400px;
  }

  .design-text {
    width: 400px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .container-image-grid {
    width: 670px;
    margin-top: 40px;
  }

  .project-images-corners.mp-bc {
    height: 300px;
  }

  .project-images-corners.mp-tape {
    background-position: 50% 100%;
  }

  .project-images-corners.mp-car {
    height: 300px;
  }

  .project-images-corners.mp-stationary {
    height: 500px;
  }

  .project-images-corners.mp-shirt, .project-images-corners.mp-coaster {
    height: 400px;
  }

  .project-images-corners.mp-symbol, .project-images-corners.mp-flyer {
    height: 200px;
  }

  .project-images-corners.faro-logo {
    height: 400px;
  }

  .project-images-corners.faro-banner {
    height: 500px;
  }

  .project-images-corners.faro-symbol {
    height: 300px;
  }

  .project-images-corners.faro-bc {
    background-position: 50%;
    height: 300px;
  }

  .project-images-corners.faro-rollup, .project-images-corners.faro-flyer, .project-images-corners.ww-logo {
    height: 400px;
  }

  .project-images-corners.ww-banner {
    height: 450px;
  }

  .project-images-corners.ww-sticker {
    height: 500px;
  }

  .project-images-corners.ww-shirt {
    height: 400px;
  }

  .project-images-corners.ww-pattern {
    height: 300px;
  }

  .project-images-corners.ww-bc, .project-images-corners.fs-car, .project-images-corners.fs-pen, .project-images-corners.fs-shirt {
    height: 400px;
  }

  .project-images-corners.fs-folder {
    height: 500px;
  }

  .project-images-corners.sockel-logo {
    height: 300px;
  }

  .project-images-corners.sockel-bande {
    height: 200px;
  }

  .project-images-corners.sockel-logo-change, .project-images-corners.sockel-window {
    height: 500px;
  }

  .project-images-corners.sockel-bc, .project-images-corners.sockel-car {
    height: 400px;
  }

  .project-images-corners.kreativ {
    height: 300px;
  }

  .project-images-corners.memory {
    height: 400px;
  }

  .project-images-corners.radsport {
    height: 500px;
  }

  .project-images-corners.ea {
    height: 400px;
  }

  .project-images-corners.cp {
    height: 200px;
  }

  .project-images-corners.ls {
    height: 500px;
  }

  .project-images-corners.slb, .project-images-corners.konzmann, .project-images-corners.werder, .project-images-corners.vw, .project-images-corners.nashornhaut, .project-images-corners.pt, .project-images-corners.mp, .project-images-corners.pt-shirt, .project-images-corners.proft-sweater, .project-images-corners.berndt, .project-images-corners.kita, .project-images-corners.jf, .project-images-corners.werder-jacke, .project-images-corners.pai-shirt {
    height: 400px;
  }

  .project-images-corners.smileys, .project-images-corners.coaster {
    height: 500px;
  }

  .project-images-corners.holzplatte {
    height: 400px;
  }

  .project-images-corners.rallyschilder, .project-images-corners.nusser {
    height: 500px;
  }

  .project-images-corners.ls-schild {
    height: 400px;
  }

  .project-images-corners.kessner {
    height: 300px;
  }

  .project-images-corners.wgl, .project-images-corners.herrnhut {
    height: 400px;
  }

  .project-images-corners.roy {
    height: 300px;
  }

  .project-images-corners.pai-closeup, .project-images-corners.kletterpark-1, .project-images-corners.kletterpark-2, .project-images-corners.museum-1 {
    height: 400px;
  }

  .project-images-corners.museum-2 {
    height: 300px;
  }

  .project-images-corners.pt-1, .project-images-corners.pt-3, .project-images-corners.drechsel-1, .project-images-corners.schild-1, .project-images-corners.schild-3 {
    height: 400px;
  }

  .project-images-corners.eule {
    height: 200px;
  }

  .project-images-corners.kreativkopf {
    height: 500px;
  }

  .project-images-corners.schuck-shirt {
    height: 400px;
  }

  .project-images-corners.nashornhaut-shirt {
    height: 450px;
  }

  .project-images-corners.polio-shirt, .project-images-corners.musikschule {
    height: 400px;
  }

  .project-images-corners.pavillon, .project-images-corners.seniorenwohnung {
    height: 300px;
  }

  .project-images-corners.fernfahrt-1, .project-images-corners.fernfahrt-3 {
    height: 500px;
  }

  .project-images-corners.trommel {
    height: 300px;
  }

  .project-images-corners.linden_apotheke {
    height: 350px;
  }

  .project-images-corners.weichaer_hof {
    height: 450px;
  }

  .project-images-corners.trommel_2 {
    height: 300px;
  }

  .grid-5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-areas: "Area-2 Area-2"
                         "Area-3 Area"
                         "Area-4 Area-4"
                         "Area-5 Area-5"
                         "Area-6 Area-6"
                         "Area-7 Area-7"
                         "Area-8 Area-9";
  }

  .button-projects-next.handwerk-next-button, .button-projects-next.design-next-button {
    margin-top: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
  }

  .other-projects-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 10px;
  }

  .other-project-link-image {
    width: 200px;
    height: 200px;
  }

  .section-works-handwerk-header {
    height: 400px;
  }

  .icon {
    color: #fff;
  }

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

  .pai-logo {
    max-width: 80%;
  }

  .project-overlay {
    display: none;
  }

  .other-project-link {
    width: 200px;
    height: 200px;
  }

  .works-image-div.design {
    background-position: 50%;
    width: 650px;
    transition-property: none;
  }

  .works-image-div.design:hover {
    transform: none;
  }

  .works-image-div.handwerk {
    width: 650px;
    transition-property: none;
  }

  .works-image-div.handwerk:hover {
    transform: none;
  }

  .car-wrapping-text {
    width: 600px;
  }

  .background-heading-video {
    width: 100vw;
    height: 70vh;
  }

  .kreativkopf-rive {
    inset: 0%;
  }

  .footer-links-wrapper {
    width: 670px;
  }

  .footer-text-link {
    font-size: 16px;
  }

  .team-image-wrapper {
    position: relative;
    overflow: hidden;
  }

  .team-illustration {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .section-datenschutz, .section-impressum {
    padding-top: 20px;
  }

  .grid-team {
    margin-top: 10px;
  }

  .cursor-wrapper {
    display: none;
  }

  .div-block {
    height: 70vh;
  }

  .rive-wrapper {
    width: 500px;
    height: 500px;
    inset: auto 0% 41% 32%;
  }
}

@media screen and (max-width: 767px) {
  .container {
    width: 460px;
  }

  .content-section.section-team {
    background-position: 10% 30%;
  }

  .heading {
    font-size: 50px;
    line-height: 55px;
  }

  .main-text {
    width: 300px;
    font-size: 12px;
    line-height: 15px;
  }

  .content-container {
    width: 460px;
  }

  .content-container.team-grid-wrapper {
    margin-bottom: 140px;
  }

  .text-link-card {
    font-size: 30px;
  }

  .nav-text-link-wrapper:where(.w-variant-94e1042b-0e67-4bf9-52b9-1ba78064bfa0) {
    background-color: var(--pai-türkis);
  }

  .nav-text-link-wrapper:where(.w-variant-ef8bded0-f0d3-f4ba-a5a3-78c37df8ecce) {
    background-color: var(--pai-gelb);
  }

  .heading-2 {
    font-size: 30px;
  }

  .heading-2.heading-design {
    line-height: 1;
  }

  .heading-3.design-heading {
    font-size: 18px;
  }

  .footer-background-color {
    height: 300px;
    margin-top: 220px;
    padding-top: 140px;
  }

  .instagram-icon {
    width: 30px;
  }

  .body {
    background-size: 300%;
  }

  .section-works-header {
    height: 300px;
  }

  .design-container {
    width: 460px;
  }

  .works-section {
    padding-top: 40px;
  }

  .works-section.design, .works-section.handwerk {
    background-size: 300%;
  }

  .design-projects-link.more-profit-link, .design-projects-link._w-und-w-link {
    height: 300px;
  }

  .design-projects-link.stache-link {
    background-size: auto 280px;
    height: 300px;
  }

  .design-projects-link.faro-link {
    height: 300px;
  }

  .design-projects-link.sockel-link {
    background-size: auto 600px;
    height: 300px;
  }

  .design-projects-link.illustration-link, .design-projects-link.car-wrapping-link {
    height: 300px;
  }

  .design-projects-link.lichtwerbung-link {
    background-position: 50% 10%;
    background-size: 1200px;
    height: 300px;
  }

  .design-projects-link.montage-link, .design-projects-link.uv-druck-link, .design-projects-link.textilien-link {
    height: 300px;
  }

  .section-image-heading.mp-header, .section-image-heading.faro-header {
    height: 350px;
  }

  .section-image-heading.wundw-header {
    background-position: 50% 0;
    height: 350px;
  }

  .section-image-heading.stache-header {
    height: 350px;
  }

  .section-image-heading.sockel-header {
    background-size: auto 600px;
    height: 350px;
  }

  .section-image-heading.illustration-header, .section-image-heading.fahrzeug-header, .section-image-heading.textilien-header, .section-image-heading.uv-header, .section-image-heading.fassade-header, .section-image-heading.montage-header {
    height: 350px;
  }

  .design-text {
    width: 300px;
    font-size: 12px;
  }

  .container-image-grid {
    width: 460px;
    margin-top: 20px;
  }

  .project-images-corners.mp-logo {
    height: 300px;
  }

  .project-images-corners.mp-car {
    height: 200px;
  }

  .project-images-corners.mp-shirt, .project-images-corners.faro-logo, .project-images-corners.faro-banner {
    height: 300px;
  }

  .project-images-corners.faro-poster {
    height: 500px;
  }

  .project-images-corners.faro-car {
    height: 400px;
  }

  .project-images-corners.faro-symbol, .project-images-corners.faro-bc {
    height: 200px;
  }

  .project-images-corners.faro-rollup, .project-images-corners.faro-flyer, .project-images-corners.ww-banner, .project-images-corners.ww-sticker {
    height: 300px;
  }

  .project-images-corners.ww-shirt {
    height: 250px;
  }

  .project-images-corners.ww-pattern {
    height: 200px;
  }

  .project-images-corners.ww-bc {
    height: 300px;
  }

  .project-images-corners.fs-car {
    height: 250px;
  }

  .project-images-corners.fs-pen, .project-images-corners.fs-shirt {
    height: 300px;
  }

  .project-images-corners.fs-folder {
    height: 400px;
  }

  .project-images-corners.sockel-logo {
    height: 200px;
  }

  .project-images-corners.sockel-bande {
    height: 100px;
  }

  .project-images-corners.sockel-logo-change, .project-images-corners.sockel-window, .project-images-corners.sockel-bc, .project-images-corners.sockel-car {
    height: 300px;
  }

  .project-images-corners.kreativ {
    height: 200px;
  }

  .project-images-corners.memory, .project-images-corners.radsport, .project-images-corners.ea, .project-images-corners.ls, .project-images-corners.slb {
    height: 300px;
  }

  .project-images-corners.konzmann {
    height: 250px;
  }

  .project-images-corners.werder, .project-images-corners.vw, .project-images-corners.nashornhaut, .project-images-corners.pt, .project-images-corners.mp {
    height: 300px;
  }

  .project-images-corners.pt-shirt, .project-images-corners.proft-sweater, .project-images-corners.berndt {
    height: 250px;
  }

  .project-images-corners.werder-jacke {
    height: 300px;
  }

  .project-images-corners.pai-shirt {
    height: 250px;
  }

  .project-images-corners.smileys {
    height: 300px;
  }

  .project-images-corners.rallyschilder, .project-images-corners.nusser {
    height: 400px;
  }

  .project-images-corners.ls-schild {
    height: 300px;
  }

  .project-images-corners.kessner {
    height: 200px;
  }

  .project-images-corners.wgl, .project-images-corners.roy, .project-images-corners.pai-closeup, .project-images-corners.kletterpark-1, .project-images-corners.kletterpark-2, .project-images-corners.museum-1 {
    height: 250px;
  }

  .project-images-corners.museum-2 {
    height: 200px;
  }

  .project-images-corners.pt-1, .project-images-corners.pt-3, .project-images-corners.drechsel-1, .project-images-corners.schild-1, .project-images-corners.schild-3 {
    height: 250px;
  }

  .project-images-corners.eule {
    height: 150px;
  }

  .project-images-corners.kreativkopf, .project-images-corners.schuck-shirt, .project-images-corners.nashornhaut-shirt, .project-images-corners.polio-shirt, .project-images-corners.musikschule {
    height: 300px;
  }

  .project-images-corners.pavillon {
    height: 200px;
  }

  .project-images-corners.fernfahrt-1 {
    height: 350px;
  }

  .project-images-corners.fernfahrt-3, .project-images-corners.fernfahrt-4 {
    height: 400px;
  }

  .project-images-corners.trommel, .project-images-corners.linden_apotheke {
    height: 250px;
  }

  .project-images-corners.weichaer_hof {
    height: 300px;
  }

  .grid-5 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-areas: "Area-2 Area-2"
                         "Area-3 Area"
                         "Area-4 Area-4"
                         "Area-5 Area-5"
                         "Area-6 Area-6"
                         "Area-7 Area-7"
                         "Area-8 Area-9";
  }

  .other-projects-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .other-project-link-image {
    width: 120px;
    height: 120px;
  }

  .faro-grid, .wundw-grid, .stache-grid, .sockel-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .section-works-handwerk-header {
    height: 300px;
  }

  .textilien-grid, .druck-grid, .aussenwerbung-grid, .montage-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .other-project-link {
    width: 120px;
    height: 120px;
  }

  .works-image-div.design, .works-image-div.handwerk {
    height: 500px;
  }

  .illustration-grid, .car-branding-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .car-wrapping-text {
    width: 400px;
  }

  .background-heading-video {
    height: 70vh;
  }

  .kreativkopf-rive {
    inset: 0%;
  }

  .footer-links-wrapper {
    width: 460px;
  }

  .footer-text-link {
    font-size: 14px;
  }

  .impressum-text, .haftausschluss-text, .datenschutz-text, .datenschutz-subheading {
    font-size: 12px;
  }

  .div-block {
    height: 70vh;
  }

  .rive-wrapper {
    width: 450px;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
    inset: auto 0% 58% 12%;
  }
}

@media screen and (max-width: 479px) {
  .container {
    width: 320px;
  }

  .content-section {
    padding-top: 20px;
  }

  .heading {
    font-size: 40px;
    line-height: 50px;
  }

  .main-text {
    width: 300px;
    font-size: 12px;
    line-height: 16px;
  }

  .content-container {
    width: 320px;
    margin-top: 0;
  }

  .content-container.team-grid-wrapper {
    margin-bottom: 100px;
  }

  .works-links-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text-link-card {
    font-size: 20px;
  }

  .nav-text-link {
    background-color: #fff0;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-text-link:where(.w-variant-e532689e-0b98-44bd-acf8-5d7b687526fc) {
    padding-right: 20px;
  }

  .nav-text-link-wrapper {
    background-color: var(--pai-fucsia);
  }

  .nav-text-link-wrapper:where(.w-variant-a0fbd6c0-ac40-bf05-f12b-0a7a032b2343) {
    background-color: var(--pai-türkis);
  }

  .nav-text-link-wrapper:where(.w-variant-e532689e-0b98-44bd-acf8-5d7b687526fc), .nav-text-link-wrapper:where(.w-variant-ef8bded0-f0d3-f4ba-a5a3-78c37df8ecce) {
    background-color: var(--pai-gelb);
  }

  .nav-text-link-wrapper:where(.w-variant-94e1042b-0e67-4bf9-52b9-1ba78064bfa0) {
    background-color: var(--pai-türkis);
  }

  .nav-text-link-wrapper:where(.w-variant-363fa0b8-8e78-ae9f-b430-c65894071810) {
    background-color: var(--pai-grün);
  }

  .heading-2 {
    font-size: 23px;
    line-height: 25px;
  }

  .heading-2.heading-home {
    padding-left: 10px;
  }

  .heading-3 {
    font-size: 12px;
    line-height: 1;
  }

  .heading-3.more-projects {
    font-size: 14px;
  }

  .job-description {
    margin-top: 5px;
    font-size: 10px;
    line-height: 1;
  }

  .team-member-wrapper.column-left {
    padding-left: 10px;
  }

  .team-member-wrapper.column-right {
    padding-right: 10px;
  }

  .footer-background-color {
    z-index: -1;
    margin-top: 180px;
    padding-top: 40px;
    position: static;
  }

  .body {
    background-size: 500%;
  }

  .section-works-header {
    height: 200px;
  }

  .design-container {
    width: 320px;
  }

  .design-projects-link.stache-link {
    background-image: url('../images/stache_mobil.png');
    background-position: 50% 70%;
    background-size: auto 400px;
  }

  .design-projects-link.sockel-link {
    background-position: 53% 40%;
    background-size: auto 450px;
  }

  .design-projects-link.illustration-link {
    background-position: 60%;
    background-size: auto 300px;
  }

  .design-projects-link.lichtwerbung-link {
    background-position: 50% 0;
    background-size: 900px;
  }

  .section-image-heading.wundw-header {
    background-size: 170%;
  }

  .section-image-heading.stache-header {
    background-image: url('../images/stache_mobil.png');
    background-position: 50%;
    background-size: auto 480px;
  }

  .section-image-heading.sockel-header {
    background-position: 55% 40%;
    background-size: auto 430px;
  }

  .design-text {
    width: 250px;
  }

  .container-image-grid {
    width: 320px;
  }

  .project-images-corners.mp-car {
    height: 150px;
  }

  .project-images-corners.mp-stationary {
    height: 400px;
  }

  .project-images-corners.faro-rollup, .project-images-corners.faro-flyer {
    height: 250px;
  }

  .project-images-corners.ww-banner {
    height: 200px;
  }

  .project-images-corners.ww-sticker {
    height: 250px;
  }

  .project-images-corners.ww-shirt {
    height: 200px;
  }

  .project-images-corners.ww-pattern {
    height: 150px;
  }

  .project-images-corners.ww-bc {
    height: 250px;
  }

  .project-images-corners.fs-car {
    height: 200px;
  }

  .project-images-corners.fs-pen, .project-images-corners.fs-shirt {
    height: 250px;
  }

  .project-images-corners.fs-folder {
    height: 300px;
  }

  .project-images-corners.sockel-logo {
    height: 150px;
  }

  .project-images-corners.sockel-car, .project-images-corners.memory, .project-images-corners.ea {
    height: 200px;
  }

  .project-images-corners.slb {
    height: 250px;
  }

  .project-images-corners.konzmann {
    height: 230px;
  }

  .project-images-corners.werder {
    height: 200px;
  }

  .project-images-corners.nashornhaut, .project-images-corners.werder-jacke {
    height: 250px;
  }

  .project-images-corners.pai-shirt {
    height: 200px;
  }

  .project-images-corners.coaster {
    height: 400px;
  }

  .project-images-corners.ls-schild {
    height: 200px;
  }

  .project-images-corners.kessner {
    background-size: 200%;
  }

  .project-images-corners.herrnhut {
    height: 250px;
  }

  .project-images-corners.roy {
    height: 200px;
  }

  .project-images-corners.museum-2, .project-images-corners.drechsel-1 {
    height: 150px;
  }

  .project-images-corners.eule {
    height: 100px;
  }

  .project-images-corners.kreativkopf {
    height: 200px;
  }

  .project-images-corners.schuck-shirt, .project-images-corners.nashornhaut-shirt, .project-images-corners.polio-shirt, .project-images-corners.musikschule, .project-images-corners.seniorenwohnung {
    height: 250px;
  }

  .project-images-corners.fernfahrt-3, .project-images-corners.fernfahrt-4 {
    height: 300px;
  }

  .project-images-corners.feuerwehr {
    background-position: 50%;
    height: 200px;
  }

  .project-images-corners.trommel {
    height: 150px;
  }

  .project-images-corners.weichaer_hof {
    height: 200px;
  }

  .project-images-corners.trommel_2 {
    height: 150px;
  }

  .button-projects-next.handwerk-next-button, .button-projects-next.design-next-button {
    font-size: 12px;
  }

  .section-works-handwerk-header {
    height: 200px;
  }

  .icon {
    color: #fff;
  }

  .icon:where(.w-variant-94e1042b-0e67-4bf9-52b9-1ba78064bfa0) {
    color: var(--pai-türkis);
  }

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

  .works-image-div.design {
    background-position: 50%;
    height: 300px;
  }

  .works-image-div.handwerk {
    height: 300px;
  }

  .car-wrapping-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .background-heading-video {
    height: 50vh;
    margin-top: 10px;
  }

  .kreativkopf-rive {
    z-index: 0;
    inset: 0%;
  }

  .footer-links-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    width: 200px;
    margin-bottom: 35px;
    position: absolute;
    inset: auto 0% 15%;
  }

  .footer-links-wrapper.footer-componement {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    position: relative;
  }

  .text-link-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .section-datenschutz, .section-impressum {
    padding-top: 20px;
  }

  .grid-team {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .div-block {
    height: 50vh;
  }

  .rive-wrapper {
    width: 300px;
    height: 300px;
    inset: auto 0% 86% 0;
  }
}

#w-node-_994a2b9b-ceee-a6ab-40fd-06e2cf708724-6a0f9fdb {
  grid-area: Area;
}

#w-node-c2c80f64-b48c-109e-5aca-1dd277e60256-6a0f9fdb {
  grid-area: Area-2;
}

#w-node-a92a1a2d-2e19-2ee6-48b2-f26ffed1ca53-6a0f9fdb {
  grid-area: Area-9;
}

#w-node-e4863eab-9955-79d0-479b-1e7be39285d7-6a0f9fdb {
  grid-area: Area-8;
}

#w-node-f14b1d49-b8a6-56d1-7135-deac24ab9eae-6a0f9fdb {
  grid-area: Area-7;
}

#w-node-_92a82517-dcfa-8077-55b6-4f29dced3616-6a0f9fdb {
  grid-area: Area-6;
}

#w-node-_281e2c33-2bdc-f3e1-07e9-28b2b81ac66b-6a0f9fdb {
  grid-area: Area-5;
}

#w-node-_9b29a6a9-caeb-ad94-8fed-45e68ef5c6ba-6a0f9fdb {
  grid-area: Area-4;
}

#w-node-_2cdce4bb-ea68-7cea-a368-a8f0b1884d51-6a0f9fdb {
  grid-area: Area-3;
}

#w-node-ef2870a6-78af-5104-a95a-9bc55a5aba42-6a0f9fdc {
  grid-area: Area-8;
}

#w-node-_83954674-6fb4-2370-b023-7ccfdef1b05f-6a0f9fdc {
  grid-area: Area-7;
}

#w-node-b07649ba-1383-75fb-1436-b066198b0deb-6a0f9fdc {
  grid-area: Area-5;
}

#w-node-_87fca793-9827-df00-3867-b412659e5bb5-6a0f9fdc {
  grid-area: Area-4;
}

#w-node-eb2bf9c9-8825-6aab-adca-a985682b2dba-6a0f9fdc {
  grid-area: Area-6;
}

#w-node-_32d0ed5d-a385-b133-b4f1-09c1fb07c8a5-6a0f9fdc {
  grid-area: Area-3;
}

#w-node-_20f1934c-9a66-a08f-5a5f-682e38dd47cb-6a0f9fdc {
  grid-area: Area-2;
}

#w-node-_1e965800-a7ca-c3dc-3f08-c0ed643c22a6-6a0f9fdc {
  grid-area: Area;
}

#w-node-_6302a77a-256d-2e34-dc62-771df60c50eb-6a0f9fdd {
  grid-area: Area-4;
}

#w-node-_52a47b7f-4330-ee49-3e79-5bea9dc1abc7-6a0f9fdd {
  grid-area: Area-7;
}

#w-node-e659ffd5-ab6e-9bfc-4676-d2db9b3574e8-6a0f9fdd {
  grid-area: Area-6;
}

#w-node-_4f0b8910-736a-926b-c49e-155a793d6714-6a0f9fdd {
  grid-area: Area-5;
}

#w-node-_12e52793-73c5-ef8b-2b0b-b5c56ffea3d4-6a0f9fdd {
  grid-area: Area-3;
}

#w-node-_43cd2813-a25c-e962-7756-95610d558847-6a0f9fdd {
  grid-area: Area-2;
}

#w-node-_37d728a2-ffbe-9cb6-71fc-8bc900e03a41-6a0f9fdd {
  grid-area: Area;
}

#w-node-ba8aaf5c-99d4-7625-5b3a-c447b02cb0c6-6a0f9fde {
  grid-area: Area-2;
}

#w-node-ab7bf84d-2e87-debe-5dc1-dc4cf25ce72a-6a0f9fde {
  grid-area: Area;
}

#w-node-ede99552-450f-39f5-4569-a1ff2243bd1f-6a0f9fde {
  grid-area: Area-3;
}

#w-node-_367963d9-4a7c-3eb5-e4d2-a0726042bc37-6a0f9fde {
  grid-area: Area-4;
}

#w-node-df5bbe34-77e7-adf7-95b4-3e6ab920307f-6a0f9fdf {
  grid-area: Area-5;
}

#w-node-e322cc96-5930-1382-c680-a48e6c5f9501-6a0f9fdf {
  grid-area: Area-8;
}

#w-node-_6f48c8ae-82e8-f83a-0596-e9517f87c5d3-6a0f9fdf {
  grid-area: Area-7;
}

#w-node-_8f33e7af-f9ff-e74d-aee9-c7a314fb24b1-6a0f9fdf {
  grid-area: Area-6;
}

#w-node-e27b2891-736b-25e7-d2e5-1cf0701d6f31-6a0f9fdf {
  grid-area: Area-3;
}

#w-node-_700a71a4-6247-41dd-36f5-6c598db5f6fc-6a0f9fdf {
  grid-area: Area-2;
}

#w-node-a05896fe-f38e-8c55-9fbb-e32ef209d6ba-6a0f9fdf {
  grid-area: Area-4;
}

#w-node-e47c337e-4c99-5a5b-fedc-077588fb0026-6a0f9fdf {
  grid-area: Area;
}

#w-node-_0d611258-de31-1ac8-e3a7-94702eec136e-6a0f9fe0 {
  grid-area: Area-8;
}

#w-node-af0f80a4-70e7-5d8e-e5ac-1ad7b1741cc4-6a0f9fe0 {
  grid-area: Area-7;
}

#w-node-_15f51e40-81a5-f0ff-9098-a6710f0bf230-6a0f9fe0 {
  grid-area: Area-5;
}

#w-node-_33f32273-4a51-61de-983a-53867ab00530-6a0f9fe0 {
  grid-area: Area-6;
}

#w-node-ddceaf81-1278-9b9f-96f5-90bc47fd2a0e-6a0f9fe0 {
  grid-area: Area-4;
}

#w-node-_09fa80f4-de80-bfc5-0f49-88b732dc0ab7-6a0f9fe0 {
  grid-area: Area-3;
}

#w-node-_97c4a3fa-0d66-5ed3-bfc1-c7dee6be4380-6a0f9fe0 {
  grid-area: Area-2;
}

#w-node-f5a53a76-7388-0ab2-fe96-1dda81b70358-6a0f9fe0 {
  grid-area: Area;
}

#w-node-_016be5d6-de9c-1ce2-83fd-ed525b609ce7-6a0f9fe2 {
  grid-area: Area-9;
}

#w-node-e8f4842e-b779-207d-e511-a2ec3c7125fc-6a0f9fe2 {
  grid-area: Area-8;
}

#w-node-a8ce9850-237e-885b-62f5-21a2d7277be6-6a0f9fe2 {
  grid-area: Area-7;
}

#w-node-_0225ac14-c873-2b3a-17bf-98848ad2ec36-6a0f9fe2 {
  grid-area: Area-6;
}

#w-node-_4b814f37-58fb-0db7-a7e8-31d5ee9dc5f4-6a0f9fe2 {
  grid-area: Area-5;
}

#w-node-_40ac8642-05d7-54da-ff8f-6aa7575501f0-6a0f9fe2 {
  grid-area: Area-3;
}

#w-node-bc50c441-e4b0-d598-952f-2dcb3644dc6e-6a0f9fe2 {
  grid-area: Area-4;
}

#w-node-cf532bd6-ff63-241a-41f2-0fd571cebab9-6a0f9fe2 {
  grid-area: Area-2;
}

#w-node-ae3877d0-2f08-8fa6-e77e-63e42805e9c5-6a0f9fe2 {
  grid-area: Area;
}

#w-node-_61956488-f8e1-bbe8-14b3-d273485a15d4-6a0f9fe2 {
  grid-area: Area-6;
}

#w-node-e8bb3eeb-bf3d-5b87-c253-9bea873586f5-6a0f9fe2 {
  grid-area: Area-5;
}

#w-node-eb665911-436b-a997-4443-f42d57240070-6a0f9fe2 {
  grid-area: Area-4;
}

#w-node-f5cf6c41-2f1c-f29e-7720-917232f9f2e4-6a0f9fe2 {
  grid-area: Area-3;
}

#w-node-_0845a27a-5e81-f6b1-21c3-344ec69f321c-6a0f9fe2 {
  grid-area: Area-2;
}

#w-node-_4dc081cf-bf63-03ba-f38d-1cca4231d828-6a0f9fe2 {
  grid-area: Area;
}

#w-node-_5ee50305-d85e-1d44-9403-785fbd99d53e-6a0f9fe3 {
  grid-area: Area-18;
}

#w-node-ef3a4d1b-ffd5-7426-303c-6d8f3ba2a9fb-6a0f9fe3 {
  grid-area: Area-15;
}

#w-node-_6904cc92-7f17-67f4-a0fa-05521e636223-6a0f9fe3 {
  grid-area: Area-20;
}

#w-node-fa3638a9-0bd8-b313-f481-64d7f6f2e735-6a0f9fe3 {
  grid-area: Area-7;
}

#w-node-bd157d64-47f4-c5bd-1966-d22cbe829142-6a0f9fe3 {
  grid-area: Area-6;
}

#w-node-bc3868e5-2b81-17c9-e489-52e9474e6004-6a0f9fe3 {
  grid-area: Area-19;
}

#w-node-_87a437b8-e947-cd1f-d2fd-26fb29db7ec8-6a0f9fe3 {
  grid-area: Area-14;
}

#w-node-a495304c-2e36-70cc-aaa7-545045b3ffff-6a0f9fe3 {
  grid-area: Area-17;
}

#w-node-a20f478e-c5e5-b179-6a81-c213c73082bf-6a0f9fe3 {
  grid-area: Area-2;
}

#w-node-_30dbd212-e27a-f77d-cac1-e02615a9e2fd-6a0f9fe3 {
  grid-area: Area;
}

#w-node-bf58b535-2446-e695-f9d5-e71082d89208-6a0f9fe4 {
  grid-area: Area-4;
}

#w-node-de90cbba-acb2-a280-c308-fe3132824dcb-6a0f9fe4 {
  grid-area: Area-5;
}

#w-node-_2d3cadd5-a3a3-1d26-542c-57a8f9dccb12-6a0f9fe4 {
  grid-area: Area-3;
}

#w-node-_4c54a78c-517d-63db-d3e5-223317738c5b-6a0f9fe4 {
  grid-area: Area-2;
}

#w-node-_6fe98aa1-66fd-dbd5-ec66-35af1a0adb2d-6a0f9fe4 {
  grid-area: Area;
}

#w-node-_808bae58-ecb3-c99d-6df7-d8c36ce105e1-6a0f9fe5 {
  grid-area: Area-6;
}

#w-node-cfa27cf8-0463-2fd1-4a50-e5d090228a9a-6a0f9fe5 {
  grid-area: Area-14;
}

#w-node-f17d91b8-0874-bbdd-3baa-939718aeea94-6a0f9fe5 {
  grid-area: Area-13;
}

#w-node-_6fa2ed5d-4ff0-2e90-ccfd-22d580e913a0-6a0f9fe5 {
  grid-area: Area-12;
}

#w-node-a778ddb3-c7b2-1a45-3922-f17ee3121212-6a0f9fe5 {
  grid-area: Area-10;
}

#w-node-_8bb21a78-d25d-d552-19f0-496ce577d0d8-6a0f9fe5 {
  grid-area: Area-11;
}

#w-node-_0dbd1e86-5dd9-5169-5111-59820b536178-6a0f9fe5 {
  grid-area: Area-9;
}

#w-node-_1ed3757a-192d-fd03-0a91-092254c3e0be-6a0f9fe5 {
  grid-area: Area-8;
}

#w-node-_824e8b96-b06d-85d6-bf82-c5adc84c6672-6a0f9fe5 {
  grid-area: Area-7;
}

#w-node-_647a9e9e-e8d5-74aa-3b8e-96ecde129b28-6a0f9fe5 {
  grid-area: Area-5;
}

#w-node-_1d62f93f-d0f3-ea9f-e379-3f5423005683-6a0f9fe5 {
  grid-area: Area-4;
}

#w-node-_5b5df3c6-7388-ac4a-5169-4cfa7059c013-6a0f9fe5 {
  grid-area: Area-3;
}

#w-node-_15f378b7-a30e-758c-468b-1d80300d222e-6a0f9fe5 {
  grid-area: Area-2;
}

#w-node-_0ac55a45-12bf-f66c-3e95-000144c9997d-6a0f9fe5 {
  grid-area: Area;
}

#w-node-_450fbd09-7c1e-ac13-187e-5eec8a91af88-6a0f9fe6 {
  grid-area: Area-5;
}

#w-node-c65c80f4-b4fb-de01-c131-a8889a799499-6a0f9fe6 {
  grid-area: Area-7;
}

#w-node-_84307570-b737-e3b4-baf1-b89616b7f1bd-6a0f9fe6 {
  grid-area: Area-10;
}

#w-node-_5427d1ea-497f-4bf4-8a9a-2c3c967f1c28-6a0f9fe6 {
  grid-area: Area-8;
}

#w-node-b8db1a0c-2b7a-6ed6-b455-427548c0bc6b-6a0f9fe6 {
  grid-area: Area-12;
}

#w-node-a3f17edd-fad8-4bb1-cdff-9bb1171b44bf-6a0f9fe6 {
  grid-area: Area-9;
}

#w-node-_1e84d119-1812-ab8c-25a3-8933886bc284-6a0f9fe6 {
  grid-area: Area-6;
}

#w-node-fe26d45e-8615-aeea-37b7-9a6721385156-6a0f9fe6 {
  grid-area: Area-4;
}

#w-node-_89f1637b-690c-1455-801d-c6aaa0b82750-6a0f9fe6 {
  grid-area: Area-3;
}

#w-node-_0c6f3222-5274-85d3-d7bd-2aca38b2dc7c-6a0f9fe6 {
  grid-area: Area;
}

#w-node-b016923b-3554-bb66-48a8-ded63f9781d8-6a0f9fe6 {
  grid-area: Area-2;
}

#w-node-b4ecf5af-8f3f-d7ce-eafc-43f90822d635-6a0f9fe6 {
  grid-area: Area-11;
}

#w-node-dc992efb-93c8-b9eb-22b3-8697c8c0ba30-6a0f9fe6 {
  grid-area: Area-13;
}


@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Slabo 13 Px';
  src: url('../fonts/Slabo13px-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}