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

.w-embed-youtubevideo {
  width: 100%;
  position: relative;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-size: cover;
  background-position: 50% 50%;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

body {
  font-family: 'Gothamrnd book', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Gothamrnd, sans-serif;
  font-size: 38px;
  line-height: 44px;
  font-weight: 500;
}

p {
  margin-bottom: 0px;
  font-family: 'Gothamrnd book', sans-serif;
  font-size: 1rem;
  line-height: 134%;
  font-weight: 500;
}

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

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

li {
  margin-bottom: 10px;
}

strong {
  font-family: Gothamrnd, sans-serif;
  font-weight: 500;
}

.dashboard {
  position: relative;
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: #fffbfb;
}

.db-grid {
  display: -ms-grid;
  display: grid;
  width: 90%;
  max-width: 1200px;
  grid-auto-columns: 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.db-content {
  position: relative;
  left: -12px;
  top: -12px;
  display: flex;
  width: 100%;
  height: 500px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border: 2px solid #5c2684;
  background-color: #fff;
  box-shadow: 8px 8px 0 0 #5c2684;
  transition: all 400ms ease;
  color: #5c2684;
  text-align: center;
  cursor: not-allowed;
}

.db-content:hover {
  box-shadow: none;
  transform: translate(12px, 12px);
}

.db-content._2 {
  border-color: #00a3e2;
  box-shadow: 8px 8px 0 0 #00a3e2;
  opacity: 0.4;
  color: #00a3e2;
}

.db-content._2:hover {
  box-shadow: none;
}

.db-content._3 {
  border-color: #ffd600;
  box-shadow: 8px 8px 0 0 #ffd600;
  opacity: 0.4;
  color: #ffd600;
}

.db-content._3:hover {
  box-shadow: none;
}

.grid {
  width: 90%;
  margin-bottom: auto;
  justify-items: center;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto auto;
  grid-template-rows: auto auto auto auto;
}

.icon-wrapper {
  width: 50px;
  height: 50px;
  border: 2px solid #5c2684;
  border-radius: 100%;
}

.icon-wrapper._2 {
  border-color: #00a3e2;
}

.icon-wrapper._3 {
  border-color: #ffd600;
}

.icon-wrapper.k3 {
  border-color: #ffd600;
}

.heading {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Gothamrnd, sans-serif;
  font-size: 28px;
  line-height: 120%;
  font-weight: 700;
  text-transform: uppercase;
}

.text-block {
  width: 90%;
  margin-bottom: auto;
  font-family: Gothamrnd, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.icon {
  width: 100%;
  height: 100%;
  margin-top: -2px;
  transform: scale(1.3);
  -o-object-fit: contain;
     object-fit: contain;
}

.icon.clap {
  margin-top: -7px;
  transform: scale(1.4);
}

.icon.clap-gross {
  margin-top: -30px;
  transform: scale(1.4);
}

.link {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  display: block;
}

.link.k2-link {
  cursor: pointer;
}

.link.k3-link {
  cursor: pointer;
}

.vorschau-container {
  display: flex;
  min-height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
  justify-content: center;
  align-items: center;
  background-color: #fcfaff;
}

.vorschau-wrappper {
  position: relative;
  z-index: 1;
  display: flex;
  width: 90%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #5c2684;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
}

.button {
  position: relative;
  color: #5c2684;
  font-size: 14px;
  text-decoration: none;
}

.button-inner {
  position: relative;
  z-index: 2;
  display: flex;
  height: 48px;
  min-width: 200px;
  padding: 26px;
  justify-content: center;
  align-items: center;
  border: 2px solid #5c2684;
  border-radius: 40px;
  background-color: #fff;
  transition: all 200ms ease;
  font-family: Gothamrnd, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}

.button-inner:hover {
  transform: translate(6px, 6px);
}

.button-inner.blue {
  border-color: #00a3e2;
  color: #00a3e2;
}

.button-inner.k3 {
  border-color: #fcb500;
  color: #fcb500;
}

.button-shadow {
  position: absolute;
  left: 6px;
  top: 6px;
  right: auto;
  bottom: auto;
  display: flex;
  width: 100%;
  height: 48px;
  min-width: 200px;
  padding: 26px;
  justify-content: center;
  align-items: center;
  border: 1px solid #5c2684;
  border-radius: 40px;
  background-color: #5c2684;
  text-transform: uppercase;
}

.button-shadow.blue {
  border-color: #00a3e2;
  background-color: #00a3e2;
}

.button-shadow.k3 {
  border-color: #fcb500;
  background-color: #fcb500;
}

.logo {
  position: fixed;
  left: 20px;
  top: 30px;
  right: auto;
  bottom: auto;
  z-index: 10099;
  width: 120px;
  height: 50px;
}

.q1-bg {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  overflow: hidden;
  height: 100vh;
}

.landscape {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0%;
     object-position: 50% 0%;
}

.main {
  position: relative;
  z-index: 3;
  transition: opacity 400ms ease;
}

.s1 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: flex-start;
}

.s1-text {
  position: relative;
  display: flex;
  width: 90%;
  max-width: 600px;
  margin-top: 45vh;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 28px;
}

.s1-p {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 600px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 22px;
  font-weight: 400;
}

.s1-wrap {
  height: 200vh;
}

.div-block {
  position: relative;
  display: -ms-grid;
  display: grid;
  max-width: 600px;
  grid-auto-columns: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
}

.s3 {
  position: relative;
  top: 0px;
  z-index: 8;
  display: flex;
  overflow: hidden;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.hand {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 2;
  width: 550px;
  height: 650px;
  max-width: 550px;
  margin-left: auto;
  transform: perspective(902px) translate(0px, 0px);
}

.hand-wrapper {
  position: relative;
  z-index: 7;
  margin-top: auto;
  perspective: 2000px;
}

.hand-wrapper.k2 {
  margin-left: -8vw;
}

.handy {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  overflow: hidden;
  width: 240px;
  height: 440px;
  margin-bottom: 220px;
  border-style: solid;
  border-width: 6px;
  border-color: #e2001a;
  border-radius: 20px;
  background-color: #fff;
}

.fragen-container {
  position: relative;
  z-index: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.fragen-container.k2 {
  z-index: 1;
  display: -ms-grid;
  display: grid;
  width: 100%;
  flex-direction: row;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.handy-inner {
  position: relative;
  overflow: scroll;
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.handy-inner.k2 {
  overflow: scroll;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.handy-inner.k1 {
  padding: 0px 8px;
}

.frage-wrapper {
  position: relative;
  z-index: 12;
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  align-items: flex-start;
  color: #5c2684;
  text-decoration: none;
  cursor: pointer;
}

.frage-wrapper.beitrag {
  margin-bottom: 0px;
  flex-direction: column;
}

.count {
  position: relative;
  display: flex;
  width: 70px;
  height: 70px;
  min-height: 70px;
  min-width: 70px;
  justify-content: center;
  align-items: center;
  border: 2px solid #5c2684;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 3px 3px 0 0 #5c2684;
  transition: all 400ms ease;
  color: #5c2684;
  font-size: 26px;
  line-height: 26px;
  cursor: pointer;
}

.count:hover {
  box-shadow: 0 0 0 0 #5c2684;
}

.count.k2 {
  z-index: 6;
  border-color: #00a3e2;
  box-shadow: 4px 4px 0 0 #00a3e2;
  font-family: Gothamrnd, sans-serif;
  color: #00a3e2;
  font-weight: 500;
}

.count.footer {
  position: relative;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 6;
  width: 40px;
  height: 40px;
  min-height: 40px;
  min-width: 40px;
  border-color: #00a3e2;
  box-shadow: 3px 3px 0 0 #00a3e2;
  font-family: Gothamrnd, sans-serif;
  color: #00a3e2;
  font-size: 20px;
  font-weight: 500;
}

.count.k3 {
  z-index: 6;
  border-color: #fcb500;
  box-shadow: 4px 4px 0 0 #fcb500;
  font-family: Gothamrnd, sans-serif;
  color: #fcb500;
  font-weight: 500;
}

.frage {
  margin-left: 20px;
  padding: 20px;
  border: 2px solid #5c2684;
  border-radius: 20px 20px 0px;
  background-color: #fff;
  box-shadow: 4px 4px 0 0 #5c2684;
  transition: all 400ms ease;
  cursor: pointer;
}

.frage.k2 {
  border-color: #00a3e2;
  border-radius: 0px;
  box-shadow: 4px 4px 0 0 #00a3e2;
  color: #00a3e2;
}

.frage.k3 {
  width: 100%;
  border-color: #fcb500;
  border-radius: 0px;
  box-shadow: 4px 4px 0 0 #fcb500;
  color: #000;
}

.handy-header {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0px;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 40px;
  min-width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2001a;
  background-color: #fff;
  font-size: 10px;
}

.handy-header.k2 {
  padding-right: 0px;
  padding-left: 0px;
  border-bottom-style: none;
  border-bottom-width: 0px;
}

.frage-handy {
  position: relative;
  width: 100%;
  max-width: 85%;
  margin-bottom: 6px;
  padding: 10px;
  border-radius: 12px 12px 12px 0px;
  background-color: #5dc5ed;
  color: #000;
}

.frage-handy.f1 {
  margin-left: auto;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 0px;
  background-color: #5c2684;
  color: #fff;
}

.frage-handy.f2 {
  margin-left: auto;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 0px;
  background-color: #5c2684;
  color: #fff;
}

.frage-handy.f3 {
  margin-left: auto;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 0px;
  background-color: #5c2684;
  color: #fff;
}

.frage-handy.smiley {
  width: 55px;
  max-width: none;
}

.frage-handy._1 {
  margin-top: 10px;
}

.paragraph {
  font-size: 11px;
}

.paragraph.bb {
  font-size: 0.8rem;
}

.bubble {
  position: absolute;
  left: auto;
  top: auto;
  right: -5px;
  bottom: -2px;
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #ffd600;
  background-image: url('../images/profilbild-2.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.bubble.green {
  background-color: #8ec152;
  background-image: url('../images/profilbild-4.svg');
}

.bubble.red {
  right: 0px;
  background-color: #e2001a;
  background-image: url('../images/profilbild-1.svg');
}

.bubble.blue {
  background-image: url('../images/profilbild-5.svg');
}

.bubble.red {
  left: -10px;
  right: auto;
  background-image: url('../images/profilbild-1.svg');
}

.bubble.p {
  background-color: #e2001a;
  background-image: url('../images/profilbild-3.svg');
}

.konfetti {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
}

.yeas {
  position: absolute;
  z-index: 0;
  width: 500px;
  height: 500px;
  margin-right: auto;
  margin-left: auto;
}

.yeah-seaction {
  position: relative;
  z-index: 6;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.yeah-seaction.k2 {
  flex-direction: column;
}

.a1-content {
  position: relative;
  z-index: 10;
  display: flex;
  padding: 25px;
  align-items: center;
}

.a1-content.q3 {
  padding: 0px;
  flex-direction: column;
  text-align: center;
}

.outline-h {
  width: 100%;
  margin-top: 0px;
  font-family: Gothamrnd, sans-serif;
  font-size: 40px;
  line-height: 120%;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.success-wrapper {
  max-width: 420px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.success-wrapper.k3 {
  width: 90%;
  max-width: 550px;
}

.heading-3 {
  margin-top: 0px;
  margin-bottom: 40px;
  color: #5c2684;
}

.s1-p2 {
  position: absolute;
  display: flex;
  width: 100%;
  max-width: 600px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 22px;
  font-weight: 400;
}

.profilbild {
  width: 100%;
  margin-bottom: 10px;
}

.backbutton {
  position: fixed;
  left: auto;
  top: 20px;
  right: 20px;
  bottom: auto;
  z-index: 10099;
  padding: 12px 26px;
  border-style: solid;
  border-width: 2px;
  border-color: #e2001a;
  background-color: #fff;
  box-shadow: 4px 4px 0 0 #e2001a;
  transition: all 400ms ease;
  font-family: Gothamrnd, sans-serif;
  color: #e2001a;
  font-weight: 500;
  text-align: center;
  text-transform: none;
}

.backbutton:hover {
  box-shadow: 0 0 0 0 #e2001a;
  transform: translate(6px, 6px);
}

.vorwort-p {
  position: relative;
  z-index: 2;
  max-width: 620px;
  color: #000;
  font-size: 20px;
}

.vorwort-p._2 {
  margin-top: 20px;
  margin-bottom: 40px;
}

.vorwort-p.inn {
  width: 90%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.vorwort-p.k1-intro {
  max-width: 650px;
}

.head-p {
  font-family: Gothamrnd, sans-serif;
  text-transform: uppercase;
}

.p-smiley {
  font-size: 30px;
  line-height: 100%;
}

.a2-content {
  position: relative;
  z-index: 10;
  display: flex;
  padding: 25px;
  align-items: center;
}

.ergebnis-p {
  font-size: 22px;
  font-weight: 400;
}

.nextbutton {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 40px;
  z-index: 11;
  max-width: 320px;
  margin-right: auto;
  margin-left: auto;
  padding: 12px 26px;
  border: 2px solid #5c2684;
  border-radius: 60px;
  background-color: #fff;
  box-shadow: 4px 4px 0 0 #5c2684;
  transition: all 200ms ease;
  font-family: Gothamrnd, sans-serif;
  color: #5c2684;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}

.nextbutton:hover {
  box-shadow: none;
  transform: translate(6px, 6px);
}

.nextbutton.red {
  border-color: #e2001a;
  box-shadow: 4px 4px 0 0 #e2001a;
  font-family: Gothamrnd, sans-serif;
  color: #e2001a;
  font-weight: 500;
}

.nextbutton.red:hover {
  box-shadow: 0 0 0 0 #e2001a;
}

.nextbutton.f4 {
  position: relative;
  bottom: 0px;
}

.nextbutton.k2 {
  border-color: #00a3e2;
  box-shadow: 4px 4px 0 0 #00a3e2;
  color: #00a3e2;
}

.nextbutton.k2:hover {
  box-shadow: 0 0 0 0 #00a3e2;
}

.nextbutton.k2-small {
  max-width: 180px;
  border-color: #00a3e2;
  box-shadow: 4px 4px 0 0 #00a3e2;
  color: #00a3e2;
}

.nextbutton.k2-small:hover {
  box-shadow: 0 0 0 0 #00a3e2;
}

.nextbutton.k2-small.center {
  position: absolute;
  left: 0%;
  right: 0%;
  bottom: 150px;
}

.nextbutton.message {
  position: relative;
  bottom: 0px;
}

.nextbutton.k3 {
  max-width: 220px;
  border-color: #fcb500;
  box-shadow: 4px 4px 0 0 #fcb500;
  color: #fcb500;
}

.nextbutton.k3:hover {
  box-shadow: 0 0 0 0 #fcb500;
}

.nextbutton.k3-last {
  max-width: 260px;
  border-color: #fcb500;
  box-shadow: 4px 4px 0 0 #fcb500;
  color: #fcb500;
}

.nextbutton.k3-last:hover {
  box-shadow: 0 0 0 0 #fcb500;
}

.nextbutton.intro {
  position: fixed;
  bottom: 60px;
  z-index: 130;
  border-color: #e2001a;
  box-shadow: 4px 4px 0 0 #e2001a;
  color: #e2001a;
}

.nextbutton.intro:hover {
  box-shadow: 0 0 0 0 #e2001a;
}

.nextbutton.db-outro {
  position: fixed;
  display: none;
  border-color: #e2001a;
  box-shadow: 4px 4px 0 0 #e2001a;
  color: #e2001a;
}

.nextbutton.db-outro:hover {
  box-shadow: 0 0 0 0 #e2001a;
}

.nextbutton.final {
  position: fixed;
  border-color: #e2001a;
  box-shadow: 4px 4px 0 0 #e2001a;
  transition: box-shadow 200ms ease, transform 200ms ease;
  color: #e2001a;
}

.nextbutton.final:hover {
  box-shadow: 0 0 0 0 #e2001a;
}

.a3-content {
  position: relative;
  z-index: 10;
  display: flex;
  max-width: 480px;
  min-width: 400px;
  padding: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.a3-content-inner {
  display: flex;
  width: 100%;
  min-height: 200px;
  margin-top: 20px;
  padding-top: 20px;
  flex-direction: column;
  align-items: center;
}

.tulpe {
  position: absolute;
  z-index: 0;
  width: 500px;
  height: 500px;
  margin-right: auto;
  margin-left: auto;
}

.tulpe._2 {
  left: 100px;
}

.sprechblase {
  position: absolute;
  right: 100px;
  z-index: 0;
  width: 500px;
  height: 500px;
  margin-right: auto;
  margin-left: auto;
}

.scroll-section {
  position: relative;
  z-index: 2;
  background-color: #5c2684;
}

.scroll-section.k2 {
  width: 100%;
  background-color: #00a3e2;
}

.scroll-section.k3 {
  width: 100%;
  background-color: #ffd600;
}

.scroll-section.intro2 {
  width: 100%;
  background-color: #fffbfb;
  background-image: url('../images/bg-start.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
}

.scroll-s {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: flex;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.scroll-s._2 {
  top: 10px;
}

.scroll-s._3 {
  top: 20px;
}

.scroll-s._4 {
  top: 30px;
}

.scroll-s.vert {
  flex-direction: column;
}

.scroll-s._4 {
  top: 80px;
}

.scroll-s._4.off {
  display: none;
}

.scroll-s._1-4 {
  top: 30px;
}

.scroll-inner {
  position: relative;
  display: flex;
  width: 90%;
  height: 340px;
  max-width: 650px;
  padding: 40px;
  justify-content: flex-start;
  align-items: center;
  border: 2px solid #fff;
  background-color: #5c2684;
  color: #fff;
  font-size: 18px;
  line-height: 120%;
}

.scroll-inner._2 {
  margin-left: 20px;
}

.scroll-inner._3 {
  margin-left: 40px;
}

.scroll-inner._3.intro2 {
  margin-left: 60px;
  border-color: #e2001a;
  background-color: #fff;
  color: #000;
  text-align: center;
}

.scroll-inner._4 {
  margin-left: 60px;
}

.scroll-inner.outro2 {
  margin-left: 20px;
  flex-direction: column;
  justify-content: center;
}

.scroll-inner.k2 {
  background-color: #00a3e2;
}

.scroll-inner.pu-2 {
  left: 10px;
  top: 10px;
  flex-direction: column;
  justify-content: center;
  background-color: #00a3e2;
}

.scroll-inner.k3 {
  background-color: #ffd600;
  color: #000;
  text-align: center;
}

.scroll-inner.intro {
  justify-content: center;
  border-color: #e2001a;
  background-color: #fff;
  color: #000;
  text-align: center;
}

.scroll-inner._1-4 {
  margin-left: 80px;
}

.scroll-p {
  font-size: 22px;
  font-weight: 400;
}

.scroll-end {
  position: relative;
  z-index: 3;
  display: flex;
  width: 500px;
  margin-right: auto;
  margin-left: auto;
  justify-content: flex-end;
}

.sanduhr {
  position: absolute;
  left: -60px;
  top: -40px;
  right: auto;
  bottom: auto;
  width: 400px;
  margin-right: auto;
}

.scroll-inner-last {
  position: relative;
  display: flex;
  width: 90%;
  height: 340px;
  max-width: 650px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0px;
  justify-content: center;
  align-items: center;
  border: 2px solid #fff;
  background-color: #5c2684;
  color: #fff;
  font-size: 18px;
  line-height: 120%;
}

.scroll-inner-last.last {
  left: 30px;
}

._5min {
  position: relative;
  z-index: 4;
  display: flex;
  width: 300px;
  margin-right: 40px;
  margin-left: auto;
  padding: 40px;
  justify-content: center;
  align-items: center;
  background-color: #e2001a;
  color: #fff;
  font-size: 26px;
  line-height: 120%;
  text-align: center;
}

.nachlesen {
  position: absolute;
  left: auto;
  top: -75px;
  right: -75px;
  bottom: auto;
  display: flex;
  width: 150px;
  height: 150px;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #e2001a;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 4px 4px 0 0 #e2001a;
  transition: all 200ms ease;
  font-family: Gothamrnd, sans-serif;
  color: #e2001a;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.nachlesen:hover {
  box-shadow: 0 0 0 0 #e2001a;
  transform: translate(6px, 6px);
}

.openbubble {
  position: fixed;
  left: auto;
  top: auto;
  right: 40px;
  bottom: 30px;
  z-index: 100099;
  display: flex;
  width: 90px;
  height: 90px;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 100%;
  background-color: #5c2684;
  transition: all 200ms ease;
  font-family: Gothamrnd, sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
}

.openbubble._2 {
  z-index: 100099;
  background-color: #00a3e2;
}

.openbubble._3 {
  background-color: #fcb500;
}

.slash {
  margin-right: 4px;
  margin-left: 4px;
}

.popup {
  position: fixed;
  left: auto;
  top: auto;
  right: 140px;
  bottom: 36px;
  z-index: 1001;
  display: none;
  justify-content: center;
  align-items: center;
}

.popup-inner {
  position: relative;
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #5c2684;
}

.scroll-sstart {
  position: relative;
  top: 0px;
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.outro-p {
  color: #fff;
  font-size: 22px;
}

.scroll-slider {
  position: relative;
  top: 0px;
  z-index: 80;
  justify-content: center;
  align-items: center;
  background-color: #5c2684;
  color: #fff;
}

.scroll-slider.k2 {
  background-color: #00a3e2;
}

.scroll-slider.k3 {
  background-color: #ffd600;
}

.chat-button {
  position: relative;
  z-index: 0;
  display: block;
  width: 90%;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding: 6px 12px;
  border-style: solid;
  border-width: 2px;
  border-color: #e2001a;
  border-radius: 60px;
  background-color: #fff;
  box-shadow: 4px 4px 0 0 #e2001a;
  transition: all 200ms ease;
  font-family: Gothamrnd, sans-serif;
  color: #e2001a;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
}

.chat-button:hover {
  box-shadow: 0 0 0 0 #e2001a;
  transform: translate(6px, 6px);
}

.chat-button.k2-ende {
  position: relative;
  width: auto;
  min-width: 200px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 14px 26px;
  border-color: #006ab4;
  border-radius: 60px;
  box-shadow: 4px 4px 0 0 #006ab4;
  color: #006ab4;
  font-size: 14px;
  text-align: center;
}

.chat-button.k2-ende:hover {
  box-shadow: 0 0 0 0 #00a3e2;
}

.chat-button.popup-komm {
  position: fixed;
  left: auto;
  top: auto;
  right: auto;
  bottom: 20px;
  z-index: 5;
  width: auto;
  max-width: 300px;
  min-width: 200px;
  margin-top: auto;
  margin-right: 0px;
  margin-left: 0px;
  padding: 14px 26px;
  border-color: #006ab4;
  border-radius: 60px;
  box-shadow: 4px 4px 0 0 #006ab4;
  opacity: 0;
  color: #006ab4;
  font-size: 14px;
  text-align: center;
}

.chat-button.popup-komm:hover {
  box-shadow: 0 0 0 0 #00a3e2;
}

.chat-button.k3 {
  z-index: 4;
  max-width: 200px;
  border-color: #fcb500;
  box-shadow: 4px 4px 0 0 #fcb500;
  color: #fcb500;
}

.chat-button.k3:hover {
  box-shadow: 0 0 0 0 #fcb500;
}

.chat-button.k3-ende {
  position: relative;
  width: auto;
  min-width: 200px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 14px 26px;
  border-color: #fcb500;
  border-radius: 60px;
  box-shadow: 4px 4px 0 0 #fcb500;
  color: #fcb500;
  font-size: 14px;
  text-align: center;
}

.chat-button.k3-ende:hover {
  box-shadow: 0 0 0 0 #00a3e2;
}

.chat-button.k2 {
  width: 80%;
  margin-right: auto;
  margin-left: 90px;
  padding-top: 13px;
  padding-bottom: 13px;
  border-color: #00a3e2;
  box-shadow: 4px 4px 0 0 #00a3e2;
  color: #00a3e2;
  font-size: 14px;
}

.chat-button.k2:hover {
  box-shadow: 0 0 0 0 #00a3e2;
}

.chat-button._404 {
  max-width: 249px;
  margin-top: 0px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 14px;
}

.chat-button.informierdich {
  width: 100%;
  margin-right: auto;
  margin-left: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-color: #00a3e2;
  box-shadow: 4px 4px 0 0 #00a3e2;
  color: #00a3e2;
  font-size: 12px;
}

.chat-button.informierdich:hover {
  box-shadow: 0 0 0 0 #00a3e2;
}

.repeatbutton {
  margin-top: 20px;
  padding: 12px 26px;
  border: 1px solid #5c2684;
  border-radius: 60px;
  background-color: #fff;
  box-shadow: 4px 4px 0 0 #5c2684;
  transition: all 200ms ease;
  font-family: Gothamrnd, sans-serif;
  color: #5c2684;
  font-weight: 500;
  text-transform: uppercase;
}

.repeatbutton:hover {
  box-shadow: none;
  transform: translate(6px, 6px);
}

.repeatbutton.k2 {
  border-color: #00a3e2;
  box-shadow: 4px 4px 0 0 #00a3e2;
  color: #00a3e2;
}

.repeatbutton.k2:hover {
  box-shadow: 0 0 0 0 #00a3e2;
}

.repeatbutton.k3 {
  border-color: #fcb500;
  box-shadow: 4px 4px 0 0 #fcb500;
  color: #fcb500;
}

.repeatbutton.k3:hover {
  box-shadow: 0 0 0 0 #fcb500;
}

.chatpopup-section {
  position: relative;
  z-index: 0;
  height: 160vh;
}

.chat-grid {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 5;
  display: -ms-grid;
  display: grid;
  width: 90%;
  height: 100vh;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 60px;
  justify-items: center;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto auto auto auto;
  grid-template-rows: auto auto auto auto auto auto;
}

.frage-chat {
  position: relative;
  max-width: 250px;
  margin-bottom: 6px;
  padding: 10px;
  border-radius: 12px 12px 12px 0px;
  background-color: #5dc5ed;
  color: #000;
}

.frage-chat._1 {
  font-size: 0.8rem;
  line-height: 120%;
}

.scroll-slider-inner {
  position: relative;
  top: 0px;
  display: flex;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.fr-out {
  position: relative;
  display: flex;
  width: 420px;
  max-width: 450px;
  margin-left: 100px;
  justify-content: center;
  align-items: center;
}

.fr-out.k2 {
  width: 100%;
  max-width: 680px;
  margin-right: 14vw;
  margin-left: 60px;
  flex-direction: column;
}

.fr-out.k2-small {
  width: 100%;
  max-width: 450px;
  min-width: 400px;
  margin-right: 10vw;
  flex-direction: column;
}

.fr-out.k3 {
  position: absolute;
  left: auto;
  top: 10%;
  right: 8%;
  bottom: auto;
  z-index: 4;
  display: flex;
  width: 100%;
  max-width: 520px;
  flex-direction: column;
  text-align: left;
}

.fr-out.k3-small {
  position: absolute;
  left: auto;
  top: 25%;
  right: 12%;
  bottom: auto;
  z-index: 4;
  display: flex;
  width: 100%;
  max-width: 520px;
  flex-direction: column;
  text-align: left;
}

.collected-grid {
  width: 90%;
  max-width: 1200px;
  margin-top: 100px;
  margin-bottom: 140px;
  justify-items: center;
  align-items: center;
  grid-column-gap: 20px;
  grid-row-gap: 100px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto auto auto;
  grid-template-rows: auto auto auto auto auto;
}

.collected-icon {
  width: 200px;
  height: 200px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 100%;
}

.button-purple {
  position: relative;
  display: block;
  width: 220px;
  margin-right: auto;
  margin-left: auto;
  padding: 12px 14px;
  border-style: solid;
  border-width: 2px;
  border-color: #e2001a;
  background-color: #fff;
  box-shadow: 4px 4px 0 0 #e2001a;
  transition: all 200ms ease;
  font-family: Gothamrnd, sans-serif;
  color: #e2001a;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}

.button-purple:hover {
  box-shadow: 0 0 0 0 #e2001a;
  transform: translate(6px, 6px);
}

.button-purple.outro {
  border-radius: 60px;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
}

.vorwort-h-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  color: #fff;
}

.outline-vorwort {
  position: relative;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 80px;
  line-height: 120%;
  text-transform: uppercase;
}

.outline-vorwort._2 {
  position: absolute;
  left: 4px;
  top: -4px;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: block;
  text-align: center;
}

.outline-vorwort._3 {
  position: absolute;
  left: 8px;
  top: -8px;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: block;
  font-weight: 700;
}

.logo-img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 100;
  width: 120px;
}

.logo-img.white {
  z-index: 99;
}

.collected-banner {
  position: absolute;
  left: -16px;
  top: -18px;
  right: 0%;
  bottom: auto;
  z-index: 2;
  width: 110px;
  min-width: 120px;
}

.collected-banner.white {
  z-index: 1;
}

.tom-nachricht-section {
  position: relative;
  z-index: 5;
  display: flex;
  height: 80vh;
  padding-top: 80px;
  padding-bottom: 80px;
  justify-content: center;
  align-items: flex-end;
}

.tom-message {
  position: fixed;
  left: auto;
  top: auto;
  right: 20%;
  bottom: 40%;
  width: 280px;
  margin-left: auto;
  padding: 20px;
  border-radius: 6px 6px 6px 0px;
  background-color: #5c2684;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.indikator {
  position: absolute;
  left: auto;
  top: -10px;
  right: -10px;
  bottom: auto;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #e2001a;
}

.text-block-2 {
  margin-top: 6px;
  color: hsla(0, 0%, 100%, 0.6);
  font-size: 22px;
}

.name-chat {
  position: absolute;
  left: 21px;
  top: 6px;
  right: auto;
  bottom: auto;
  font-size: 10px;
  line-height: 10px;
}

.collected {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.chat-linie {
  position: relative;
  width: 100%;
  height: 10px;
  margin-top: 40px;
  margin-bottom: 10px;
}

.chat-linie.k3 {
  margin-top: 20px;
}

.fragen-inner {
  overflow: scroll;
  margin-bottom: 0px;
  padding: 12px;
}

.fail-wrapper {
  max-width: 620px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

.k2-bus-wrap {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 4;
  overflow: visible;
  width: 100%;
  height: 100vh;
  align-items: center;
}

.k2-bg {
  position: relative;
  width: 100%;
}

.bus-content {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1;
  display: flex;
  width: 100%;
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #eaf8fc;
}

.bluebg {
  background-color: #f8fdff;
}

.bus {
  position: relative;
  width: 64vw;
  max-width: 1200px;
  margin-top: auto;
}

.bus-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.bus-p {
  max-width: 600px;
  margin: auto auto 40px;
  color: #000;
  font-size: 20px;
  text-align: center;
}

.bus-last {
  position: fixed;
  left: 0%;
  top: 0vh;
  right: auto;
  bottom: auto;
  z-index: 5;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.k2-bg-wrap {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 0;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.k2-bg-wrap._2 {
  position: fixed;
}

.image {
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  margin-left: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 100% 50%;
     object-position: 100% 50%;
}

.bus-fenster {
  position: relative;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 3;
  height: 100vh;
  -o-object-position: 100% 50%;
     object-position: 100% 50%;
}

.div-block-2 {
  position: relative;
  z-index: 4;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 100vh;
  justify-content: space-between;
  align-items: center;
  background-color: #eaf8fc;
}

.k2-inner-bg {
  position: relative;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 7;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  min-width: 70vw;
  margin-right: -5vw;
  background-color: #eaf8fc;
}

.k2-inner-bg.big {
  width: 100%;
}

.k2-q1-h {
  margin-bottom: 20px;
  font-family: Gothamrnd, sans-serif;
  font-size: 20px;
  line-height: 120%;
  font-weight: 500;
}

.k2-post-img-wrapper {
  position: relative;
  width: 100%;
  height: 220px;
}

.k2-post-img-wrapper.beitrag {
  height: 200px;
}

.k2-post-img-wrapper.f2 {
  width: 90%;
  padding: 9px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.k2-post-img-wrapper.big {
  height: 100%;
  min-height: 420px;
}

.k2-post-cover {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.k2-post {
  width: 100%;
  padding-bottom: 20px;
  flex-direction: column;
}

.k2-post.q3 {
  position: relative;
  z-index: 1;
  width: 220px;
  padding: 10px;
  border: 2px solid #00a3e2;
  border-radius: 8px;
  background-color: #fff;
  transition: all 400ms ease;
  color: #000;
  font-size: 14px;
}

.k2-post.f2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.k2-post.f3 {
  width: 230px;
}

.k2-post.f3 {
  display: flex;
  height: 400px;
  justify-content: center;
  align-items: center;
}

.k2-post.f1 {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 400px;
  min-height: 400px;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  align-items: center;
}

.k2-header {
  display: flex;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 0px;
  justify-content: flex-start;
  align-items: center;
  font-family: Gothamrnd, sans-serif;
  color: #000;
  font-weight: 500;
}

.ks2-posthead-img {
  width: 35px;
  margin-right: 10px;
}

.ks-post-comment {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  font-size: 0.75rem;
  font-weight: 400;
}

.ks-post-comment.q3 {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  font-size: 0.82rem;
}

.k2-kommentare {
  padding: 8px;
}

.k2-kommentare-inner {
  display: flex;
  padding-top: 6px;
  padding-bottom: 6px;
  align-items: flex-start;
  font-size: 12px;
  line-height: 134%;
}

.k2-kom-handle {
  position: relative;
  width: 30px;
  height: 30px;
  min-height: 30px;
  min-width: 30px;
  margin-right: 10px;
  border-radius: 100%;
  background-color: #ff8a8a;
}

.k2-handle-h {
  font-family: Gothamrnd, sans-serif;
  font-weight: 500;
}

.handle-cover {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.header-inner {
  width: 100%;
  padding-top: 5px;
}

.header-inner.story {
  position: absolute;
  z-index: 2;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #fff;
}

.k2-f3-beitrag {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 250px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background-color: #eaf8fc;
  font-family: Gothamrnd, sans-serif;
  color: #00a3e2;
  font-size: 14px;
  line-height: 134%;
  font-weight: 500;
}

.add-button {
  position: relative;
  display: flex;
  width: 70px;
  height: 70px;
  min-height: 70px;
  min-width: 70px;
  margin-top: 10px;
  padding-top: 4px;
  justify-content: center;
  align-items: center;
  border: 2px solid #00a3e2;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 3px 3px 0 0 #00a3e2;
  transition: all 400ms ease;
  color: #00a3e2;
  font-size: 60px;
  line-height: 100%;
  font-weight: 300;
  cursor: pointer;
}

.add-button:hover {
  box-shadow: 0 0 0 0 #00a3e2;
  transform: translate(4px, 4px);
}

.add-p {
  position: absolute;
  left: 80px;
  top: auto;
  right: -80px;
  bottom: auto;
  z-index: 0;
  width: 100%;
  max-width: 600px;
  font-family: 'Gothamrnd book', sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.add-p.stick {
  left: auto;
  right: auto;
  z-index: 1;
  display: block;
  max-width: 650px;
}

.add-p.stick2 {
  left: auto;
  right: auto;
  z-index: 2;
  display: block;
  max-width: 650px;
}

.add-p.stick3 {
  left: auto;
  right: auto;
  z-index: 3;
  display: block;
  max-width: 650px;
}

.dm-wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 100;
  width: 90%;
  height: 100px;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.k2-body {
  background-color: #eaf8fc;
}

.k2-intro {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10098;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #eaf8fc;
  color: #00a3e2;
  text-align: center;
}

.intro-text {
  margin-top: 40px;
  color: #000;
  font-size: 20px;
  line-height: 120%;
}

.div-block-3 {
  display: flex;
  align-items: center;
}

.video-o-inner {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: 10;
  display: block;
  width: 86%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.x {
  position: absolute;
  left: auto;
  top: 40px;
  right: 40px;
  bottom: auto;
  width: 45px;
  cursor: pointer;
}

.video {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.abschluss-wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 100;
  display: flex;
  width: 90%;
  height: 120px;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 10px;
  justify-content: space-between;
  align-items: center;
}

.k2-message-section {
  position: relative;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 4;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 90vh;
  justify-content: center;
  align-items: center;
}

.k2-q3-like {
  position: absolute;
  z-index: 100;
  display: none;
}

._143 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
}

._186 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
}

.slider {
  width: 100%;
  height: 100%;
}

.mask {
  width: 100%;
  height: 100%;
}

.slide {
  width: 100%;
  height: 100%;
}

.right-slide {
  display: flex;
  width: 40px;
  justify-content: center;
  align-items: center;
}

.left-slide {
  display: flex;
  width: 40px;
  justify-content: center;
  align-items: center;
}

.dots {
  height: 20px;
  padding-top: 0px;
}

.arrow {
  width: 15px;
}

.post-footer {
  display: flex;
  width: 100%;
  height: 100px;
  margin-top: -10px;
  padding-top: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 2px solid #00a3e2;
  border-radius: 6px;
  background-color: #f8fdff;
  color: #00a3e2;
  text-decoration: none;
}

.icon-out {
  width: 250px;
  height: 250px;
  margin-right: 40px;
}

.icon-out.ver {
  margin-right: 0px;
  margin-bottom: 20px;
}

.icon-inner {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.div-block-6 {
  display: -ms-grid;
  display: grid;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.vid {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 12;
  display: none;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.q1-popup {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10098;
  display: none;
  overflow: scroll;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: flex-start;
  background-color: #00a3e2;
}

.div-block-7 {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 250vh;
}

.message-lotti {
  width: 100%;
  min-height: 300px;
}

.k3-body {
  background-color: #fffef7;
}

.k2-vorwort-s1 {
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.k3-vorwort-s2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 180vh;
  margin-top: -30vh;
  padding-top: 20vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.k3-vorwort-s2-img {
  position: absolute;
  left: auto;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  min-width: 1400px;
}

.k3-vorwort-s3 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 6;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.cover {
  position: absolute;
  left: auto;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  min-width: 1600px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.cover.zommed {
  transform: translate(59vw, -26vh) scale(2.4);
}

.button-con {
  width: 90%;
  max-width: 1200px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}

.laptop {
  position: relative;
  right: 10px;
  bottom: 7.6vh;
  z-index: 2;
  width: 70%;
  max-width: 940px;
  min-width: 880px;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
}

.q1-laptop-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.laptop-inner {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  padding: 32px 82px 40px;
}

.laptop-interface {
  position: relative;
  overflow: scroll;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.laptop-comments {
  width: 100%;
  min-height: 500px;
  padding: 40px 40px 0px;
}

.line {
  width: 100%;
  height: 2px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #e2001a;
}

.laptop-comment {
  display: flex;
  margin-bottom: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.icon-laptop {
  width: 40px;
  margin-right: 10px;
}

.text-block-3 {
  font-family: Gothamrnd, sans-serif;
  font-weight: 500;
}

.scrolldown {
  position: absolute;
  left: auto;
  top: 90vh;
  right: auto;
  bottom: auto;
  z-index: 120;
  width: 50px;
  height: 50px;
  cursor: auto;
}

.scrolldown.q1-1 {
  left: auto;
  top: 87vh;
  right: auto;
  bottom: 0px;
  transition: transform 200ms ease;
}

.scrolldown-icon {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.external-scroll_y {
  position: absolute;
  left: auto;
  top: 45px;
  right: 0px;
  bottom: auto;
  z-index: 4;
  overflow: hidden;
  width: 6px;
  height: 370px;
  min-width: 6px;
}

.external-scroll_y.blue {
  top: 32px;
  margin-left: 0px;
}

.external-scroll_y.yellow {
  position: absolute;
  left: auto;
  top: 32px;
  right: 78px;
  bottom: 32px;
  width: 10px;
  height: 500px;
  min-width: 10px;
}

.external-scroll_y.outro {
  left: auto;
  top: 0%;
  right: 10px;
  bottom: auto;
  height: 600px;
  background-image: none;
}

.scroll-element_outer {
  position: relative;
  width: 100%;
  height: 100%;
}

.scroll-bar {
  position: relative;
  z-index: 5;
  width: 6px;
  height: 40px;
  background-color: #5c2684;
  cursor: -webkit-grab;
  cursor: grab;
}

.scroll-bar.blue {
  background-color: #00a3e2;
}

.scroll-bar.yellow {
  background-color: #fcb500;
}

.scroll-bar.red {
  background-color: #e2001a;
}

.scroll-element_track {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
}

.scroll-element_size {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
}

.laptop-vorhang {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #fef6cb;
  transform: scale3d(1, 0, 1);
  transform-origin: 50% 0%;
  transform-style: preserve-3d;
}

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

.utility-page-content {
  display: flex;
  width: 90%;
  flex-direction: column;
  font-size: 20px;
  text-align: center;
}

.heading-4 {
  font-family: Gothamrnd, sans-serif;
  color: #e2001a;
  font-size: 220px;
  line-height: 100%;
  font-weight: 700;
}

.text-block-4 {
  margin-bottom: 40px;
}

.utility-page-form {
  display: flex;
  width: 90%;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
  flex-direction: column;
  align-items: stretch;
  color: #e2001a;
}

.input {
  max-width: 300px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding-top: 28px;
  padding-bottom: 28px;
  border-style: solid;
  border-width: 1px;
  border-color: #e2001a;
  color: #000;
  text-align: center;
}

.input:focus {
  border-width: 2px;
}

.heading-5 {
  color: #e2001a;
}

.pw {
  width: 120px;
  margin-right: auto;
  margin-left: auto;
}

.k2-k2-text {
  position: absolute;
  max-width: 600px;
  font-size: 22px;
  text-align: center;
}

.k3-s2-wrap {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 300vh;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

.k3-s2-wrap._2 {
  height: 200vh;
}

.div-block-8 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.k3-s3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 8;
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.p-k3-q3 {
  position: absolute;
  z-index: 2;
  max-width: 620px;
  color: #000;
  font-size: 20px;
}

.p-k3-q3 {
  z-index: 3;
}

.p-k3-1 {
  position: absolute;
  z-index: 1;
  max-width: 620px;
  color: #000;
  font-size: 20px;
}

.chat-bild {
  width: 70%;
  margin-top: 10px;
}

.q3-bg {
  width: 200%;
  min-width: 200%;
}

.q3-bg._2 {
  transform: translate(0px, 25vh) scale(0.6);
}

.k3-bg {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.p-k3-2 {
  position: absolute;
  z-index: 2;
  display: block;
  max-width: 620px;
  color: #000;
  font-size: 20px;
}

.p-k3-4 {
  position: absolute;
  z-index: 6;
  max-width: 620px;
  color: #000;
  font-size: 20px;
}

.k3-q5 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 8;
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.n-senden {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 10px;
  z-index: 5;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.q1-s2 {
  position: absolute;
  display: flex;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.k2-q4 {
  position: relative;
  top: 0px;
  z-index: 8;
  display: flex;
  overflow: visible;
  height: 250vh;
  justify-content: center;
  align-items: flex-start;
}

.s3-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 8;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.sticky-text {
  position: fixed;
  top: 0px;
  z-index: 8;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.start-wrap {
  position: relative;
  width: 100%;
  height: 450vh;
  background-color: #fffbfb;
}

.start-con {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  align-items: center;
  background-image: url('../images/bg-start.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.start-s1 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 10;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: #fffbfb;
  background-image: url('../images/bg-start.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-lottie {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  transform: scale(1.2);
}

.start-s2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.form-block {
  display: none;
  margin-top: 40px;
  margin-bottom: 0px;
}

.text-field {
  width: 220px;
  height: 48px;
  margin-bottom: 0px;
  padding: 18px;
  border-style: solid;
  border-width: 1px;
  border-color: #e2001a;
  border-radius: 60px;
  color: #e2001a;
  text-align: center;
}

.text-field::-moz-placeholder {
  color: #e2001a;
}

.text-field::-ms-input-placeholder {
  color: #e2001a;
}

.text-field::placeholder {
  color: #e2001a;
}

.start-con1 {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.06);
  text-align: center;
}

.start-img {
  width: 200px;
  margin-bottom: 20px;
}

.title {
  margin-bottom: 10px;
  font-size: 16px;
}

.title._2 {
  margin-top: 10px;
  margin-bottom: 0px;
}

.answer-container {
  font-family: Gothamrnd, sans-serif;
  color: #e2001a;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
}

.start-s3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 3;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: #fffbfb;
  background-image: url('../images/bg-start.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.start-s4 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 4;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.start-p {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 600px;
  font-family: 'Gothamrnd book', sans-serif;
  font-size: 22px;
  font-weight: 400;
  text-align: center;
}

.text-span {
  color: #e2001a;
}

.start-s5 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 5;
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fffbfb;
  background-image: url('../images/bg-start.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.start-h {
  margin-top: 0px;
  color: #e2001a;
  font-size: 38px;
  line-height: 120%;
}

.start-s6 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 6;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.start-s7 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 7;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.start-s8 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 8;
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.intro-preloader {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 100;
  background-color: #fef6f6;
  transform: scale3d(1, 0, 1);
  transform-origin: 50% 0%;
  transform-style: preserve-3d;
}

.html-embed {
  position: relative;
  z-index: 5;
  margin-top: 40px;
}

.intro-vid {
  width: 90%;
  max-width: 1000px;
  box-shadow: 8px 8px 0 0 #e2001a;
}

.youtube {
  border-style: solid;
  border-width: 2px;
  border-color: #e2001a;
}

.levi-heaader {
  width: 20px;
}

.outro-wrap {
  position: relative;
  display: flex;
  width: 100%;
  height: 100vh;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.outro-con {
  position: relative;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: flex;
  width: 50%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.outro-con2 {
  position: relative;
  top: 0px;
  z-index: 3;
  display: flex;
  width: 50%;
  height: 100vh;
  margin-left: auto;
  padding: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #e2001a;
}

.block-wf {
  position: relative;
  width: 530px;
  height: 660px;
  padding: 40px 60px 60px;
}

.block-content {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: -ms-grid;
  display: grid;
  width: 100%;
  height: 100%;
  padding: 70px 70px 90px 100px;
  grid-auto-columns: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 20px auto 20px auto 20px auto;
  grid-template-rows: 20px auto 20px auto 20px auto;
}

.dropzone {
  position: relative;
  width: 100%;
  padding: 0px;
  border-style: dashed;
  border-width: 1px;
  border-color: #e2001a;
  line-height: 160%;
  cursor: -webkit-grab;
  cursor: grab;
}

.block-outside {
  position: relative;
  width: 440px;
  height: 570px;
  padding: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 5px;
  border-color: #e2001a;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  background-color: #fff;
}

.klammer-grid {
  position: absolute;
  left: -20px;
  top: 0%;
  right: auto;
  bottom: auto;
  display: flex;
  width: 40px;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.klammer {
  position: relative;
  width: 100%;
  height: 6px;
  min-height: 6px;
  margin-bottom: 18px;
  background-color: #e2001a;
}

.answer-wrapper {
  position: relative;
  overflow: hidden;
  width: 90%;
  height: 600px;
  max-width: 600px;
  padding-right: 40px;
}

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

.answer-outro {
  position: relative;
  overflow: scroll;
  height: 600px;
  font-family: Gothamrnd, sans-serif;
  color: #e2001a;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
}

.draggable {
  position: relative;
  z-index: 3;
  display: flex;
  min-height: 50px;
  padding: 8px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  background-color: #ffd7d7;
  background-image: url('../images/abriss_600x50.svg');
  background-position: 50% 50%;
  background-size: cover;
  font-family: 'Gothamrnd book', sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 120%;
  font-weight: 400;
  text-align: center;
}

.draggable._2 {
  background-image: url('../images/abriss_600x50_4.svg');
}

.draggable._3 {
  background-image: url('../images/abriss_600x50_2.svg');
}

.draggable._4 {
  background-image: url('../images/abriss_600x50_1.svg');
}

.draggable._5 {
  background-image: url('../images/abriss_600x50_3.svg');
}

.snapshot-button {
  position: absolute;
  left: 10px;
  top: 10px;
  right: auto;
  bottom: auto;
  z-index: 99;
  display: flex;
  width: 100%;
  height: 48px;
  max-width: 200px;
  min-width: 120px;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #e2001a;
  background-color: #fff;
  transition: all 200ms ease;
  color: #e2001a;
  text-align: center;
  cursor: pointer;
}

.snapshot-button:hover {
  background-color: #e2001a;
  color: #fff;
}

.snapshot-button._2 {
  max-width: 320px;
  border-style: none;
  background-color: rgba(226, 0, 26, 0);
}

.output {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 100;
  display: none;
  width: 100%;
  height: 100%;
  padding: 0px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.6);
}

.snapshot-button-dw {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  display: flex;
  width: 100%;
  height: 48px;
  justify-content: center;
  align-items: center;
  opacity: 0;
  text-align: center;
}

.headlines {
  position: relative;
  z-index: 5;
  font-family: Gothamrnd, sans-serif;
  color: #e2001a;
  font-weight: 500;
  text-align: center;
}

.zone {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 130px;
  min-height: 130px;
}

.lines-grid {
  display: -ms-grid;
  display: grid;
  width: 100%;
  height: 100%;
  padding: 40px 50px 40px 60px;
  grid-auto-columns: 1fr;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
}

.linie-block {
  width: 100%;
  height: 1px;
  background-color: rgba(226, 0, 26, 0.3);
}

.outro {
  background-image: url('../images/background-desk-red_Zeichenfläche-1-Kopie-5.svg');
  background-position: 40% 40%;
  background-size: 160%;
}

.output-action {
  position: relative;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: flex;
  width: 40%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.reload-page {
  position: relative;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0px;
  z-index: 11;
  max-width: 320px;
  margin-top: 20px;
  margin-right: auto;
  padding: 12px 26px;
  border-style: solid;
  border-width: 2px;
  border-color: #e2001a;
  border-radius: 60px;
  background-color: #fff;
  box-shadow: 4px 4px 0 0 #e2001a;
  transition: all 200ms ease;
  font-family: Gothamrnd, sans-serif;
  color: #e2001a;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}

.reload-page:hover {
  box-shadow: 0 0 0 0 #e2001a;
  transform: translate(6px, 6px);
}

.screenshot-button {
  position: relative;
  display: flex;
  width: 240px;
  height: 48px;
  justify-content: center;
  align-items: center;
  border-radius: 80px;
  background-color: #e2001a;
  cursor: pointer;
}

.kamera-icon {
  height: 60%;
}

.output-inner {
  display: flex;
  width: 60%;
  height: 100vh;
  padding: 60px;
  justify-content: center;
  align-items: center;
}

.final-wrap {
  display: flex;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

.lottie-animation {
  position: absolute;
  z-index: 2;
  width: 100%;
  max-width: 600px;
}

.konfetti-final {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.paragraph-2 {
  position: relative;
  z-index: 11;
  width: 90%;
  max-width: 700px;
  font-size: 22px;
  text-align: center;
}

.div-block-9 {
  position: relative;
}

.kapitel-nummer {
  width: 90%;
  margin-top: auto;
  margin-bottom: 0px;
  font-family: Gothamrnd, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.vorschau-k3 {
  position: relative;
  width: 100%;
  height: 200vh;
}

.k3-vorwort-s1 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 0;
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.vorschau-k3-inner {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  width: 100%;
  height: 100vh;
}

.p-k3-3 {
  position: absolute;
  z-index: 2;
  display: block;
  max-width: 620px;
  color: #000;
  font-size: 20px;
}

.minus {
  position: relative;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 999;
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  background-color: #e2001a;
  transition: background-color 200ms ease;
  font-family: Gothamrnd, sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  cursor: pointer;
}

.minus:hover {
  background-color: #5c2684;
}

.plus {
  position: relative;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 999;
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  background-color: #e2001a;
  transition: background-color 200ms ease;
  font-family: Gothamrnd, sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  cursor: pointer;
}

.plus:hover {
  background-color: #5c2684;
}

.zoom {
  position: fixed;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 99999;
  display: flex;
  width: 60px;
  height: 30px;
  justify-content: space-between;
  align-items: center;
}

.text-block-5 {
  position: relative;
  margin-bottom: 40px;
  color: #e2001a;
  font-size: 22px;
  line-height: 22px;
  text-align: center;
}

.calc {
  width: 300px;
  margin-top: -50px;
  margin-bottom: -100px;
  opacity: 0;
}

.popup-scroll-trigger {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 0px;
  height: 100%;
}

.k1-lottie {
  position: absolute;
  left: 0%;
  top: -50%;
  right: auto;
  bottom: auto;
  width: 100%;
}

.scrolldown-hinweis {
  display: none;
  max-width: 360px;
  margin-right: -100px;
  margin-left: 140px;
  font-family: Gothamrnd, sans-serif;
  color: #5c2684;
  font-size: 18px;
  line-height: 140%;
}

.scrolldown-hinweis._2 {
  position: absolute;
  z-index: 10;
  display: none;
  margin-right: -320px;
  margin-left: 320px;
  color: #00a3e2;
  text-align: left;
}

.scrolldown-hinweis._3 {
  position: absolute;
  left: 0%;
  top: 10vh;
  right: 0%;
  bottom: auto;
  z-index: 10;
  display: none;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  color: #333;
  text-align: center;
}

@media screen and (max-width: 991px) {
  p {
    font-size: 14px;
  }

  .dashboard {
    height: auto;
    min-height: 100vh;
    padding-top: 100px;
    align-items: flex-start;
  }

  .db-grid {
    max-width: 500px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .grid {
    justify-items: center;
  }

  .logo {
    top: 25px;
    width: 100px;
    height: 40px;
  }

  .main {
    min-height: 100vh;
  }

  .hand {
    width: 380px;
    height: 460px;
    max-width: 380px;
  }

  .hand-wrapper {
    margin-bottom: -50px;
    margin-left: -70px;
  }

  .handy {
    width: 200px;
    height: 380px;
  }

  .fragen-container {
    width: 400px;
    padding-left: 10px;
  }

  .fragen-container.k2 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .count {
    width: 60px;
    height: 60px;
    min-height: 60px;
    min-width: 60px;
  }

  .frage {
    padding: 12px;
  }

  .paragraph {
    font-size: 10px;
    line-height: 134%;
  }

  .outline-h {
    font-size: 32px;
  }

  .backbutton {
    top: 15px;
    padding: 8px 18px;
    font-size: 12px;
  }

  .p-smiley {
    font-size: 10px;
    line-height: 134%;
  }

  .ergebnis-p {
    font-size: 18px;
  }

  .a3-content {
    min-width: 320px;
  }

  .tulpe._2 {
    left: 40px;
    width: 450px;
    height: 450px;
  }

  .sprechblase {
    right: 40px;
    width: 450px;
    height: 450px;
  }

  .scroll-inner {
    height: auto;
    min-height: 340px;
  }

  .openbubble {
    width: 75px;
    height: 75px;
  }

  .popup {
    right: 106px;
  }

  .chat-button {
    font-size: 9px;
  }

  .chat-button.k2 {
    width: 60%;
    margin-top: 4px;
    padding: 8px;
  }

  .chat-button.informierdich {
    width: 60%;
    margin-top: 4px;
    padding: 8px;
  }

  .fr-out {
    max-width: 340px;
    margin-left: 20px;
  }

  .fr-out.k2 {
    max-width: 620px;
  }

  .fr-out.k2-small {
    margin-right: 6vw;
    margin-left: 10px;
  }

  .fr-out.k3 {
    top: 15%;
  }

  .fr-out.k3-small {
    top: 15%;
  }

  .collected-icon {
    width: 120px;
    height: 120px;
  }

  .outline-vorwort {
    font-size: 60px;
  }

  .collected-banner {
    left: -15px;
    top: -16px;
    width: 100px;
    min-width: 100px;
  }

  .tom-nachricht-section {
    overflow: hidden;
  }

  .collected {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .k2-post.q3 {
    width: 200px;
  }

  .ks-post-comment {
    font-size: 0.65rem;
  }

  .ks-post-comment.q3 {
    font-size: 0.75rem;
  }

  .add-button {
    width: 60px;
    height: 60px;
    min-height: 60px;
    min-width: 60px;
  }

  .icon-out {
    width: 200px;
    height: 200px;
  }

  .laptop {
    min-width: 760px;
  }

  .laptop-inner {
    padding-top: 25px;
    padding-right: 66px;
    padding-left: 66px;
  }

  .external-scroll_y {
    left: auto;
    top: 45px;
    right: 0%;
    bottom: auto;
    height: 310px;
  }

  .external-scroll_y.yellow {
    right: 62px;
    height: 400px;
  }

  .bg-lottie {
    transform: scale(1.6);
  }

  .block-wf {
    width: 477px;
    height: 594px;
  }

  .block-outside {
    width: 396px;
    height: 513px;
  }

  .klammer-grid {
    padding-top: 30px;
  }

  .klammer {
    height: 4px;
    min-height: 4px;
  }

  .answer-wrapper {
    padding-right: 19px;
  }

  .k1-lottie {
    left: -20%;
    top: -15%;
    width: 140%;
  }
}

@media screen and (max-width: 767px) {
  .db-content {
    left: 0px;
    top: 0px;
  }

  .heading-4 {
    font-size: 160px;
  }
}

@media screen and (max-width: 479px) {
  .utility-page-content {
    width: 90%;
  }

  .heading-4 {
    font-size: 100px;
  }

  .text-block-4 {
    font-size: 15px;
  }
}

#w-node-e8ca1fdd-bb48-2b51-fd59-ee16aece67ca-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_9a338456-97bc-26bb-f922-798501eeaf8e-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_6638945f-f263-401d-ae12-33522936c1b6-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-ac6c2b92-62d8-7c93-cf13-023fa8a9cb48-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-cba8707d-6c50-6ec0-8ed4-c7f3d6ffaf24-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_8cd1fc84-4e41-f0f5-e847-26e78d390243-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_7292432d-39e2-f005-86b6-ef6061c8994b-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_7c89f1b8-c9aa-09bd-eb7c-3a1ef80d180e-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-_4d96699a-e415-2bc5-81b0-67ae50d515fa-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-ead5b85b-e734-7c0d-18ab-a1d2abc7fa8c-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_363e9c6b-dbfd-6715-4a78-e451c922bd37-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_363e9c6b-dbfd-6715-4a78-e451c922bd39-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_363e9c6b-dbfd-6715-4a78-e451c922bd3b-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-_363e9c6b-dbfd-6715-4a78-e451c922bd3d-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-_363e9c6b-dbfd-6715-4a78-e451c922bd3f-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_363e9c6b-dbfd-6715-4a78-e451c922bd41-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_363e9c6b-dbfd-6715-4a78-e451c922bd43-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_363e9c6b-dbfd-6715-4a78-e451c922bd45-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-_363e9c6b-dbfd-6715-4a78-e451c922bd47-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-_363e9c6b-dbfd-6715-4a78-e451c922bd49-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-caca6f99-3932-cdd8-8c25-11423b17bed4-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-caca6f99-3932-cdd8-8c25-11423b17bed6-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-caca6f99-3932-cdd8-8c25-11423b17bed8-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-caca6f99-3932-cdd8-8c25-11423b17beda-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-caca6f99-3932-cdd8-8c25-11423b17bedc-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-caca6f99-3932-cdd8-8c25-11423b17bede-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-caca6f99-3932-cdd8-8c25-11423b17bee0-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-caca6f99-3932-cdd8-8c25-11423b17bee2-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-caca6f99-3932-cdd8-8c25-11423b17bee4-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-caca6f99-3932-cdd8-8c25-11423b17bee6-4a024708 {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_457fa3b1-d059-eac2-7717-08ba0e42d9d0-ac02470e {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_30940d2a-286a-f6df-4c18-cd95bb447162-ac02470e {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-abbf6f59-de30-8768-5b2f-d40b88ce663d-ac02470e {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_7be7666a-c59b-ae53-d31e-c0358242805e-ac02470e {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-_53763c10-74e1-5f37-c996-f3e25beec5a9-ac02470e {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-eed62ae0-c040-4378-352a-f8916376a4e4-ac02470e {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_84c0ecdf-5bb1-5db8-ab6a-6a6813abec01-ac02470e {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
  -ms-grid-row: 5;
      grid-row-start: 5;
}

#w-node-f24115fe-45e4-e8dc-0ed1-65ac47f48416-ac02470e {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-b74fb3ca-9e21-0695-23e0-e2bbb05a2dad-ac02470e {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-_2cb1d57b-fa6c-dae4-4d78-b0afced1c2e5-ac02470e {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
  -ms-grid-row: 5;
      grid-row-start: 5;
}

#w-node-_457fa3b1-d059-eac2-7717-08ba0e42d9d0-f002470f {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_30940d2a-286a-f6df-4c18-cd95bb447162-f002470f {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-abbf6f59-de30-8768-5b2f-d40b88ce663d-f002470f {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_7be7666a-c59b-ae53-d31e-c0358242805e-f002470f {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-_53763c10-74e1-5f37-c996-f3e25beec5a9-f002470f {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-eed62ae0-c040-4378-352a-f8916376a4e4-f002470f {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_84c0ecdf-5bb1-5db8-ab6a-6a6813abec01-f002470f {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
  -ms-grid-row: 5;
      grid-row-start: 5;
}

#w-node-f24115fe-45e4-e8dc-0ed1-65ac47f48416-f002470f {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-b74fb3ca-9e21-0695-23e0-e2bbb05a2dad-f002470f {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-_2cb1d57b-fa6c-dae4-4d78-b0afced1c2e5-f002470f {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
  -ms-grid-row: 5;
      grid-row-start: 5;
}

#w-node-_457fa3b1-d059-eac2-7717-08ba0e42d9d0-ae024710 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_30940d2a-286a-f6df-4c18-cd95bb447162-ae024710 {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-abbf6f59-de30-8768-5b2f-d40b88ce663d-ae024710 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_7be7666a-c59b-ae53-d31e-c0358242805e-ae024710 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-_53763c10-74e1-5f37-c996-f3e25beec5a9-ae024710 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-eed62ae0-c040-4378-352a-f8916376a4e4-ae024710 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_84c0ecdf-5bb1-5db8-ab6a-6a6813abec01-ae024710 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
  -ms-grid-row: 5;
      grid-row-start: 5;
}

#w-node-f24115fe-45e4-e8dc-0ed1-65ac47f48416-ae024710 {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-b74fb3ca-9e21-0695-23e0-e2bbb05a2dad-ae024710 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-_2cb1d57b-fa6c-dae4-4d78-b0afced1c2e5-ae024710 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
  -ms-grid-row: 5;
      grid-row-start: 5;
}

#w-node-e5c6ca0b-e958-ded2-d833-dc2885c28da0-85c28d9d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-e5c6ca0b-e958-ded2-d833-dc2885c28da2-85c28d9d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-e5c6ca0b-e958-ded2-d833-dc2885c28da4-85c28d9d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-e5c6ca0b-e958-ded2-d833-dc2885c28da6-85c28d9d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-e5c6ca0b-e958-ded2-d833-dc2885c28da8-85c28d9d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-e5c6ca0b-e958-ded2-d833-dc2885c28daa-85c28d9d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-e5c6ca0b-e958-ded2-d833-dc2885c28dac-85c28d9d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-e5c6ca0b-e958-ded2-d833-dc2885c28dae-85c28d9d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-e5c6ca0b-e958-ded2-d833-dc2885c28db0-85c28d9d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-e5c6ca0b-e958-ded2-d833-dc2885c28db2-85c28d9d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-b82c7922-818f-f7e0-0064-8b09ff8f7e94-355ea75a {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-b82c7922-818f-f7e0-0064-8b09ff8f7e8c-355ea75a {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-b82c7922-818f-f7e0-0064-8b09ff8f7e8a-355ea75a {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-b82c7922-818f-f7e0-0064-8b09ff8f7e86-355ea75a {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-b82c7922-818f-f7e0-0064-8b09ff8f7e88-355ea75a {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-b82c7922-818f-f7e0-0064-8b09ff8f7e84-355ea75a {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-b82c7922-818f-f7e0-0064-8b09ff8f7e82-355ea75a {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-b82c7922-818f-f7e0-0064-8b09ff8f7e8e-355ea75a {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-b82c7922-818f-f7e0-0064-8b09ff8f7e90-355ea75a {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-b82c7922-818f-f7e0-0064-8b09ff8f7e92-355ea75a {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-_8ca7d53e-1921-0b48-39a2-d414263b3070-263b306d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-_8ca7d53e-1921-0b48-39a2-d414263b3072-263b306d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-_8ca7d53e-1921-0b48-39a2-d414263b3074-263b306d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-_8ca7d53e-1921-0b48-39a2-d414263b3076-263b306d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-_8ca7d53e-1921-0b48-39a2-d414263b3078-263b306d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-_8ca7d53e-1921-0b48-39a2-d414263b307a-263b306d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-_8ca7d53e-1921-0b48-39a2-d414263b307c-263b306d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-_8ca7d53e-1921-0b48-39a2-d414263b307e-263b306d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-_8ca7d53e-1921-0b48-39a2-d414263b3080-263b306d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-_8ca7d53e-1921-0b48-39a2-d414263b3082-263b306d {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
}

#w-node-_4bcbb58a-4b6a-4d6e-441a-4265f85b4513-0c0247a3 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-_734d1c22-5567-4806-921f-b4b54d476ab9-0c0247a3 {
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_3e917eb2-c5ed-f0e5-74d9-6248d35b8d50-0c0247a3 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
  -ms-grid-row: 5;
      grid-row-start: 5;
}

#w-node-fa6bc1af-fa28-3cea-5376-a1d80a6ba9f4-0c0247a3 {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_29af6aed-bd3f-3c1f-1cab-75a1bab610d2-0c0247a3 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#s1.w-node-_9434da5d-57f4-765c-d649-fffdc45867a4-0c0247a3 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-_90ecf8a0-8774-a907-ed33-0599fad31fa5-700247a6 {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-_90ecf8a0-8774-a907-ed33-0599fad31fab-700247a6 {
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_90ecf8a0-8774-a907-ed33-0599fad31fb2-700247a6 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
  -ms-grid-row: 5;
      grid-row-start: 5;
}

#w-node-_90ecf8a0-8774-a907-ed33-0599fad31fb8-700247a6 {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_90ecf8a0-8774-a907-ed33-0599fad31fbe-700247a6 {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_90ecf8a0-8774-a907-ed33-0599fad31fc5-700247a6 {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

#w-node-_3e21616f-f4b1-fb17-2788-d731e1385e06-0c0247aa {
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

#w-node-_3e21616f-f4b1-fb17-2788-d731e1385e0c-0c0247aa {
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_3e21616f-f4b1-fb17-2788-d731e1385e13-0c0247aa {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
  -ms-grid-row: 5;
      grid-row-start: 5;
}

#w-node-_3e21616f-f4b1-fb17-2788-d731e1385e19-0c0247aa {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

#w-node-_3e21616f-f4b1-fb17-2788-d731e1385e1f-0c0247aa {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  -ms-grid-row: 3;
      grid-row-start: 3;
}

#w-node-_3e21616f-f4b1-fb17-2788-d731e1385e26-0c0247aa {
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
}

@font-face {
  font-family: 'Gothamrnd';
  src: url('../fonts/GothamRnd-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamrnd';
  src: url('../fonts/GothamRnd-Light.otf') format('opentype'), url('../fonts/GothamRnd-LightItal.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamrnd';
  src: url('../fonts/GothamRnd-Bold.otf') format('opentype'), url('../fonts/GothamRnd-BoldItal.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamrnd book';
  src: url('../fonts/GothamRnd-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamrnd medital';
  src: url('../fonts/GothamRnd-MedItal.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gothamrnd bookital';
  src: url('../fonts/GothamRnd-BookItal.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}