:root {
  --snow: #f9f9fb;
  --gerl-blau: #183146;
  --gerl-wassermelone: #ff8c9b;
  --white: white;
  --gray: #555;
}

body {
  background-color: var(--snow);
  color: var(--gerl-blau);
  font-family: Barlow, sans-serif;
  font-size: 1em;
  line-height: 1.5;
}

h1 {
  color: var(--gerl-wassermelone);
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1.3;
}

.navbar {
  border-bottom: 1px solid var(--snow);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #f9f9fbcc;
  position: fixed;
  inset: 0% 0% auto;
}

.brand {
  width: 105px;
  margin-right: auto;
}

.navbar-container {
  justify-content: space-between;
  align-items: center;
  width: 95%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.nav-link {
  padding: 10px;
}

.nav-link.w--current {
  color: var(--gerl-wassermelone);
  font-weight: 600;
}

.start-hero-banner-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 90px;
  display: flex;
}

.start-hero-banner {
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
  width: 95%;
  max-width: 1600px;
  height: 700px;
  overflow: hidden;
}

.start-hero-text-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.start-hero-text {
  text-align: center;
  width: 95%;
  max-width: 1600px;
}

.subline {
  margin-bottom: 40px;
  font-size: 1.5em;
}

.text {
  color: #555;
}

.troublemaker-start {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 600px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.nav {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.troublemaker-content {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  max-width: 1440px;
  height: 100%;
  display: flex;
  position: relative;
}

.troublemaker-content.tc--flipped {
  justify-content: flex-start;
  align-items: center;
}

.troublemaker-conent--text-box {
  color: var(--white);
  text-align: right;
}

.troublemaker-conent--text-box.tcttb--right {
  text-align: right;
}

.troublemaker-conent--text-box.tcttb-flipped {
  text-align: left;
}

.eyebrow {
  color: var(--gerl-wassermelone);
  font-weight: 600;
}

.button {
  background-color: var(--gerl-wassermelone);
  border-radius: 40px;
  padding: 13px 30px;
}

.troublemaker-bg.tbg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-full {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-full.if-contain {
  object-fit: contain;
}

.image-full.if-contain.if-claim {
  max-height: 500px;
}

.troublemake-overlay {
  z-index: 1;
  background-image: linear-gradient(90deg, #18314600, #09131bb3);
  position: absolute;
  inset: 0%;
}

.troublemake-overlay.to-flipped {
  background-image: linear-gradient(270deg, #18314600, #09131bb3);
}

.troublemake-heading {
  color: var(--white);
  margin-top: 5px;
  margin-bottom: 40px;
  font-size: 56px;
  font-weight: 800;
  line-height: 1.1;
}

.troublemaker-wrapper {
  padding-bottom: 50px;
}

.download-section-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--gerl-blau);
  color: var(--white);
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.download-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--white);
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 50px;
  font-size: 1.5em;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.download-block:hover {
  opacity: .75;
}

.download-block.db-left {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 50px;
}

.download-separator {
  background-color: var(--white);
  width: 1px;
}

.footer {
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.footer-container {
  text-align: right;
  width: 90%;
  max-width: 1440px;
}

.header-subpage {
  height: 85vh;
  position: relative;
}

.header-subpage--background {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.header-subpage--overlay {
  z-index: 1;
  color: var(--white);
  background-image: linear-gradient(90deg, #000000b3, #0000);
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.header-subpage--overlay--textblock {
  width: 90%;
  max-width: 1440px;
}

.textblock.tb600 {
  max-width: 600px;
}

.column-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  overflow: hidden;
}

.column-image--container {
  border-radius: 0 48px;
  width: 90%;
  margin-top: 20px;
  overflow: hidden;
}

.column-image--container.cic-no-corner {
  border-radius: 0;
}

.column-text--container {
  width: 90%;
  padding-top: 32px;
}

.column-heading {
  color: var(--gerl-wassermelone);
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 80px;
  line-height: 1.1;
}

.column-heading.ch-white {
  color: var(--white);
}

.column-subline {
  color: var(--gerl-blau);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.1;
}

.column-subline.cs--lower {
  color: var(--white);
  text-transform: none;
}

.column-textblock {
  color: var(--gray);
}

.column-textblock.ct-white {
  color: var(--white);
}

.heading-thin {
  font-weight: 400;
}

.section-full {
  background-color: var(--gerl-blau);
}

.section-full-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
}

.indicator-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.indicator {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.indicator-bubble {
  border: 1px solid var(--white);
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.indicator-bubble.ib-melon {
  background-color: var(--gerl-wassermelone);
}

.indicator-bubble.ib-gray {
  background-color: #748390;
}

.claim-container {
  position: relative;
}

.list {
  color: var(--gerl-wassermelone);
}

.list-item {
  margin-bottom: 5px;
}

.gray {
  color: var(--gray);
}

.h3 {
  color: var(--gerl-blau);
  font-weight: 600;
}

.section-block {
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
}

.section-block-container {
  z-index: 1;
  color: var(--white);
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-block-container.sbc--flipped {
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.section-bg {
  z-index: 0;
  background-color: var(--gerl-blau);
  background-image: linear-gradient(90deg, #0009, #0000), url('../images/Mask-Group-22.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-top-right-radius: 64px;
  position: absolute;
  inset: 0% 5% 0% 0%;
}

.section-bg.sbg-flipped {
  background-image: linear-gradient(270deg, #0009, #0000), url('../images/Mask-Group-22.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-top-right-radius: 0;
  border-bottom-left-radius: 64px;
  left: 5%;
  right: 0%;
}

.section-bg.sbg-flipped.sbg-tg {
  background-image: linear-gradient(270deg, #0009, #0000), url('../images/tg.jpg');
}

.section-bg.sbg-flipped.sbg-csr {
  background-image: linear-gradient(270deg, #0009, #0000), url('../images/csr.jpg');
}

.section-bg.sbg--we {
  background-image: linear-gradient(90deg, #0009, #0000), url('../images/we.jpg');
}

.claim-container-bg {
  z-index: -1;
  background-color: var(--gerl-wassermelone);
  height: 70%;
  position: absolute;
  inset: 0% 0% auto;
}

.start-hero--video {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .start-hero-banner-wrapper {
    padding-top: 100px;
  }

  .start-hero-banner {
    height: 380px;
  }

  .start-hero-text-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .troublemaker-start {
    height: auto;
    margin-bottom: 10px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .troublemaker-content {
    width: 90%;
  }

  .image-full {
    display: block;
  }

  .troublemake-heading {
    font-size: 39px;
  }

  .troublemaker-wrapper {
    padding-bottom: 25px;
  }

  .download-section-wrapper {
    flex-flow: column;
  }

  .download-block, .download-block.db-left {
    justify-content: flex-start;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 1.25em;
  }

  .download-separator {
    width: 100%;
    height: 1px;
  }

  .footer {
    padding-top: 50px;
    padding-bottom: 50px;
  }

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

  .header-subpage {
    height: 600px;
  }

  .column-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .column-text--container {
    padding-top: 0;
  }

  .column-heading {
    margin-bottom: 1.5rem;
    font-size: 2.5em;
  }

  .column-subline {
    margin-bottom: 2rem;
    font-size: 1.25em;
  }

  .section-full-columns {
    grid-template-columns: 1fr;
  }

  .indicator-wrapper {
    justify-content: center;
    align-items: center;
  }

  .indicator-label {
    font-size: .75em;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5em;
  }

  .navbar-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .start-hero-banner-wrapper {
    padding-top: 70px;
  }

  .start-hero-banner {
    border-top-right-radius: 32px;
    border-bottom-left-radius: 32px;
    height: 270px;
  }

  .subline {
    font-size: 1.25em;
  }

  .troublemaker-start {
    margin-bottom: 5px;
  }

  .button {
    padding: 8px 25px;
  }

  .download-block, .download-block.db-left {
    font-size: 1em;
  }

  .column-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  .eyebrow {
    font-size: .825em;
  }

  .troublemake-heading {
    margin-bottom: 2rem;
    font-size: 2em;
  }

  .column-heading {
    font-size: 2em;
  }

  .indicator-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 12px;
    flex-flow: wrap;
  }
}

#w-node-ee80fab5-9f32-5c6c-8016-33726b315e90-2069fdc8, #w-node-_11765779-dace-a3c8-6127-4e8fa63ad2ca-2069fdc8, #w-node-_21d07443-75b1-dced-468f-7976386b7bf8-2069fdc8, #w-node-_21d07443-75b1-dced-468f-7976386b7bf6-2069fdc8 {
  place-self: start center;
}

#w-node-_5be4ec0e-b4d6-75f1-4e6e-ab1f920c937d-2069fdc8, #w-node-be97681e-24c4-d4c1-1798-16cc3749a0e7-2069fdc8 {
  place-self: center;
}

#w-node-_1054f9f7-c319-ac3a-114d-41fd7e146780-2069fdc8, #w-node-_1054f9f7-c319-ac3a-114d-41fd7e146782-2069fdc8, #w-node-_8d4a9ec9-6161-5d90-30e7-62512a6b0734-2069fdc8, #w-node-_8d4a9ec9-6161-5d90-30e7-62512a6b073e-2069fdc8, #w-node-c6544cf2-5d9b-211b-5302-53619c86e901-2069fdc8, #w-node-c6544cf2-5d9b-211b-5302-53619c86e903-2069fdc8, #w-node-_6c33065e-e826-5203-77fe-b401fa8a1aa7-2069fdc8, #w-node-_6c33065e-e826-5203-77fe-b401fa8a1aae-2069fdc8, #w-node-_53294613-9a32-1068-7beb-e0d13ef8594e-2069fdc8, #w-node-_53294613-9a32-1068-7beb-e0d13ef85950-2069fdc8 {
  place-self: start center;
}

#w-node-_08649181-b747-7e8e-9e10-70afb7b76991-2069fdc8 {
  place-self: center;
}

#w-node-_08649181-b747-7e8e-9e10-70afb7b7698f-2069fdc8, #w-node-ee80fab5-9f32-5c6c-8016-33726b315e90-11e2d773, #w-node-_11765779-dace-a3c8-6127-4e8fa63ad2ca-11e2d773, #w-node-_21d07443-75b1-dced-468f-7976386b7bf8-11e2d773, #w-node-_21d07443-75b1-dced-468f-7976386b7bf6-11e2d773, #w-node-_1054f9f7-c319-ac3a-114d-41fd7e146780-11e2d773, #w-node-_1054f9f7-c319-ac3a-114d-41fd7e146782-11e2d773, #w-node-_8d4a9ec9-6161-5d90-30e7-62512a6b0734-11e2d773, #w-node-_8d4a9ec9-6161-5d90-30e7-62512a6b073e-11e2d773, #w-node-c6544cf2-5d9b-211b-5302-53619c86e901-11e2d773, #w-node-c6544cf2-5d9b-211b-5302-53619c86e903-11e2d773, #w-node-ee80fab5-9f32-5c6c-8016-33726b315e90-df68ee37 {
  place-self: start center;
}

#w-node-_11765779-dace-a3c8-6127-4e8fa63ad2ca-df68ee37 {
  place-self: center;
}

#w-node-_21d07443-75b1-dced-468f-7976386b7bf8-df68ee37, #w-node-_21d07443-75b1-dced-468f-7976386b7bf6-df68ee37, #w-node-_8d4a9ec9-6161-5d90-30e7-62512a6b073e-df68ee37, #w-node-_8d4a9ec9-6161-5d90-30e7-62512a6b0734-df68ee37, #w-node-c6544cf2-5d9b-211b-5302-53619c86e901-df68ee37, #w-node-c6544cf2-5d9b-211b-5302-53619c86e903-df68ee37, #w-node-f562c972-dfc2-3a52-8576-0a6b6daf79a3-df68ee37, #w-node-_6517a307-2590-df06-2e8b-d5496a3ab604-df68ee37, #w-node-_41293b18-4e8d-a30d-df68-1f45720c16d4-df68ee37, #w-node-_41293b18-4e8d-a30d-df68-1f45720c16e3-df68ee37, #w-node-f75c0938-6cac-3a21-614d-7097ad28ea58-df68ee37, #w-node-f75c0938-6cac-3a21-614d-7097ad28ea5a-df68ee37, #w-node-_268f9534-8ed7-259d-1b37-004da69251f8-df68ee37, #w-node-_268f9534-8ed7-259d-1b37-004da6925208-df68ee37, #w-node-_3d90c30e-3fce-0fe4-04bd-9c6545314297-df68ee37, #w-node-_3d90c30e-3fce-0fe4-04bd-9c6545314299-df68ee37, #w-node-_77b3263c-a668-e0e0-2789-f3bfc8126863-df68ee37, #w-node-_77b3263c-a668-e0e0-2789-f3bfc8126873-df68ee37, #w-node-ee80fab5-9f32-5c6c-8016-33726b315e90-d1efbb11, #w-node-_11765779-dace-a3c8-6127-4e8fa63ad2ca-d1efbb11, #w-node-_21d07443-75b1-dced-468f-7976386b7bf8-d1efbb11, #w-node-_21d07443-75b1-dced-468f-7976386b7bf6-d1efbb11, #w-node-_1054f9f7-c319-ac3a-114d-41fd7e146780-d1efbb11, #w-node-_1054f9f7-c319-ac3a-114d-41fd7e146782-d1efbb11, #w-node-_8d4a9ec9-6161-5d90-30e7-62512a6b0734-d1efbb11, #w-node-_8d4a9ec9-6161-5d90-30e7-62512a6b073e-d1efbb11, #w-node-c6544cf2-5d9b-211b-5302-53619c86e901-d1efbb11, #w-node-c6544cf2-5d9b-211b-5302-53619c86e903-d1efbb11 {
  place-self: start center;
}

@media screen and (max-width: 991px) {
  #w-node-_964bf34c-38f9-be31-18df-717d9ca3ceb5-2069fdc8 {
    justify-self: center;
  }
}