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

body {
  color: #818181;
  background-color: #818181;
  font-family: DorfkaiserLight, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
}

h1 {
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-family: DorfkaiserLight, sans-serif;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1;
}

h2 {
  letter-spacing: -.0125em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-family: DorfkaiserBold, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

h3 {
  letter-spacing: -.0125em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-family: DorfkaiserBold, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-family: DorfkaiserExtraLight, sans-serif;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1;
}

h5 {
  width: 50%;
  color: #000;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-size: 3em;
  font-style: italic;
  font-weight: 200;
  line-height: 1;
}

h6 {
  color: #fff;
  letter-spacing: -.05em;
  text-transform: uppercase;
  text-shadow: 0 10px 30px rgba(0, 0, 0, .1), 0 2px 10px rgba(0, 0, 0, .05);
  margin-top: 0;
  margin-bottom: 0;
  font-family: DorfkaiserBlackItalic, sans-serif;
  font-size: 10em;
  font-style: italic;
  font-weight: 900;
  line-height: 1;
}

p {
  margin-bottom: 0;
  padding-bottom: 1.5rem;
  font-family: DorfkaiserLight, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  position: static;
}

a {
  color: #818181;
  border-bottom: .125rem solid #818181;
  font-family: DorfkaiserBold, sans-serif;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

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

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

strong {
  font-family: DorfkaiserBold, sans-serif;
  font-weight: 700;
}

blockquote {
  background-image: url('../images/quote_black_italic_818181.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 6rem;
  border-left: 0 #000;
  margin-bottom: 0;
  padding: 4rem 0 .25rem;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 200;
  line-height: 1.25;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.logo-icon-small {
  z-index: 2;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.kjhvwdlkhb {
  height: 100%;
  position: absolute;
  top: 0;
}

.chapter-1-hero {
  min-height: 100vh;
  background-color: #141414;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -47vh;
  display: flex;
}

.nav-bar-section {
  z-index: 10;
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 0 solid #000;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.chapter-3-content-1 {
  background-color: #f5f5f5;
}

.logo-icon-big {
  z-index: 2;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.nav-background {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, .75);
  position: absolute;
  box-shadow: 0 0 25px rgba(0, 0, 0, .15);
}

.nav-icon-animation {
  width: 40px;
  height: 40px;
}

.nav-icons-container {
  z-index: 3;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.burger-button {
  height: 100%;
  align-items: center;
  margin-left: -5px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.nav-icons-text {
  color: #000;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding-top: .15em;
  padding-left: .8em;
  padding-right: .8em;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: block;
  position: relative;
}

.contact-button {
  height: 100%;
  justify-content: flex-end;
  align-items: center;
  margin-right: -5px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.nav-bar-shrink-trigger {
  z-index: 1;
  height: 1px;
  border: 0 dotted red;
  position: absolute;
  top: 20vh;
  bottom: auto;
  left: 0;
  right: 0;
}

.nav-menu-section {
  z-index: 9;
  width: 100vw;
  height: 100vh;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, .85);
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.menu-container {
  height: 75vh;
  clear: none;
  text-align: left;
  flex-flow: column wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5vh;
  display: flex;
  position: relative;
}

.menu-vertical-spacer {
  height: 50px;
  position: relative;
}

.menu-button-level-one {
  float: left;
  clear: left;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 0;
  margin-left: 0;
  padding: .25em;
  font-family: DorfkaiserBold, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  display: inline-block;
  position: relative;
  left: -.25em;
}

.menu-button-level-one:hover {
  color: #000;
  background-color: #fff;
}

.bold {
  font-family: DorfkaiserBold, sans-serif;
  font-weight: 700;
}

.chapter-1-content-2 {
  background-color: #141414;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.vertical-spacer-block {
  height: 3rem;
}

.vertical-spacer-block.client-logos-seperator-difference {
  height: 1.75rem;
}

.nav-chapter-marker-block {
  z-index: 200;
  height: 70vh;
  mix-blend-mode: difference;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  margin-top: 15vh;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.footer-section {
  min-height: 80vh;
  background-color: #818181;
  border: 1px #000;
  border-top: .25rem solid #fff;
}

.nav-chapter-marker-bullet-block {
  width: 1em;
  height: 1em;
  background-color: rgba(0, 0, 0, 0);
  border: 0 dotted #00aeff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  display: flex;
}

.nav-chapter-marker-button {
  width: auto;
  height: 1em;
  background-color: rgba(0, 0, 0, 0);
  border: 0 dotted #000;
  border-radius: 0;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav-chapter-marker-button.invisible {
  display: none;
}

.footer-logo-block {
  width: 50%;
  height: 3rem;
  max-width: 50%;
  float: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-social-logos {
  width: 100%;
  float: left;
  text-align: right;
}

.link-block {
  width: 3rem;
  height: 3rem;
  border: 1px #000;
}

.footer-heading {
  color: #fff;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  font-family: DorfkaiserBold, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

.footer-paragraph {
  color: #fff;
  padding-bottom: 1.5rem;
  font-size: .75rem;
  line-height: 1.5;
}

.footer-paragraph-bold {
  font-family: DorfkaiserBold, sans-serif;
  font-weight: 700;
}

.footer-text-link {
  color: #fff;
  border-bottom: 1px #000;
  border-left: 1px #000;
  border-right: 1px #000;
  font-family: DorfkaiserLight, sans-serif;
  font-weight: 300;
  text-decoration: underline;
}

.footer-text-link:hover {
  color: #bebebe;
}

.footer-text-link:active {
  color: #464646;
}

.cta-standard-on-black {
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  padding: .5rem;
  font-family: DorfkaiserBold, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
}

.cta-standard-on-black:hover {
  background-color: #bebebe;
}

.cta-standard-on-black:active {
  background-color: #818181;
}

.menu-button-level-one-description {
  color: #666;
  text-transform: uppercase;
  margin-bottom: 2em;
  font-size: .75em;
}

.nav-chapter-marker-bullet-top {
  width: .25em;
  height: .25em;
  background-color: #818181;
  border-radius: 100%;
}

.nav-chapter-marker-text-top {
  color: #818181;
  text-transform: uppercase;
  align-self: auto;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: 0;
}

.nav-chapter-marker-bullet-1 {
  width: .25em;
  height: .25em;
  background-color: #818181;
  border-radius: 100%;
}

.nav-chapter-marker-text-1 {
  color: #818181;
  text-transform: uppercase;
  align-self: auto;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: 0;
}

.nav-chapter-marker-bullet-2 {
  width: .25em;
  height: .25em;
  background-color: #818181;
  border-radius: 100%;
}

.nav-chapter-marker-text-2 {
  color: #818181;
  text-transform: uppercase;
  align-self: auto;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: 0;
}

.nav-chapter-marker-bullet-3 {
  width: .25em;
  height: .255em;
  background-color: #818181;
  border-radius: 100%;
}

.nav-chapter-marker-text-3 {
  color: #818181;
  text-transform: uppercase;
  align-self: auto;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: 0;
}

.nav-chapter-marker-bullet-4 {
  width: .25em;
  height: .25em;
  background-color: #818181;
  border-radius: 100%;
}

.nav-chapter-marker-text-4 {
  color: #818181;
  text-transform: uppercase;
  align-self: auto;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: 0;
}

.nav-chapter-marker-bullet-5 {
  width: .25em;
  height: .25em;
  background-color: #818181;
  border-radius: 100%;
}

.nav-chapter-marker-text-5 {
  color: #818181;
  text-transform: uppercase;
  align-self: auto;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: 0;
}

.nav-chapter-marker-bullet-footer {
  width: .25em;
  height: .255em;
  background-color: #818181;
  border-radius: 100%;
}

.nav-chapter-marker-text-footer {
  color: #818181;
  text-transform: uppercase;
  align-self: auto;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: 0;
}

.nav-chapter-marker-bullet-6 {
  width: .25em;
  height: .25em;
  background-color: #818181;
  border-radius: 100%;
}

.nav-chapter-marker-text-6 {
  color: #818181;
  text-transform: uppercase;
  align-self: auto;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: 0;
}

.nav-chapter-marker-bullet-7 {
  width: .25em;
  height: .25em;
  background-color: #818181;
  border-radius: 100%;
}

.nav-chapter-marker-text-7 {
  color: #818181;
  text-transform: uppercase;
  align-self: auto;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: 0;
}

.nav-chapter-marker-bullet-8 {
  width: .25em;
  height: .25em;
  background-color: #818181;
  border-radius: 100%;
}

.nav-chapter-marker-text-8 {
  color: #818181;
  text-transform: uppercase;
  align-self: auto;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: 0;
}

.nav-chapter-marker-bullet-9 {
  width: .25em;
  height: .25em;
  background-color: #818181;
  border-radius: 100%;
}

.nav-chapter-marker-text-9 {
  color: #818181;
  text-transform: uppercase;
  align-self: auto;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: 0;
}

.chapter-2-content-2 {
  background-color: #f5f5f5;
}

.chapter-2-content-1 {
  background-color: #141414;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.on-black {
  color: #fff;
}

.on-black.scrolly-bottom {
  padding-bottom: 2.25rem;
}

.hero-headline-black {
  font-family: DorfkaiserBlackItalic, sans-serif;
  font-weight: 900;
}

.hero-headline-bold {
  font-family: DorfkaiserRegularItalic, sans-serif;
  font-weight: 400;
}

.hero-headline-regular {
  color: #fff;
  letter-spacing: -.05rem;
  text-transform: uppercase;
  align-items: flex-start;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-size: 3rem;
  font-style: italic;
  font-weight: 200;
  line-height: 1;
  display: block;
}

.hero-headline-regular.inverted {
  color: #000;
  margin-right: -2rem;
}

.hero-headline-regular.divider-line-right {
  border-right: 2px solid #fff;
  padding-right: 2rem;
}

.hero-headline-regular.divider-line-right.inv {
  color: #000;
  border: 1px #000;
  border-right: 2px solid #000;
}

.hero-headline-regular.inv {
  min-height: 10px;
  color: #000;
}

.logo-section {
  z-index: 2001;
  mix-blend-mode: difference;
  display: block;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.logo-icon {
  height: 100%;
}

.logo-type {
  height: 100%;
  align-self: auto;
  display: block;
}

.hero-content-left {
  width: 50%;
  border: 1px red;
  flex-direction: column;
  justify-content: center;
  padding-right: 1rem;
  display: flex;
  position: static;
  top: 50vh;
}

.hero-headline-text {
  color: #fff;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.hero-headline-text.inverted {
  color: #000;
}

.hero-headline-text.inverted.no-cta {
  padding-bottom: 0;
}

.hero-headline-text.z-lift {
  z-index: 1;
  position: relative;
}

.cta-description-on-black {
  color: #fff;
  padding-top: .75rem;
  font-family: DorfkaiserLightItalic, sans-serif;
  font-size: .75rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
}

.alternative-cta-text {
  height: 1rem;
  color: #fff;
  text-align: center;
  align-self: auto;
  padding-bottom: 0;
  font-family: DorfkaiserLightItalic, sans-serif;
  font-size: .75rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1rem;
  position: static;
}

.alternative-cta-text.inverted {
  color: #000;
}

.lottie-animation {
  text-align: left;
  display: block;
}

.lottie-animation.inverted {
  filter: invert();
}

.alternative-cta-animation {
  width: 4.5rem;
  height: 4.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.logo-link-block-widescreen {
  mix-blend-mode: difference;
  border: 1px #000;
  align-self: center;
  align-items: center;
  display: flex;
}

.logo-link-block-widescreen.w--current {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.logo-widescreen {
  flex-direction: row;
  align-self: center;
  align-items: flex-end;
  padding: 1.5rem 2.5rem;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.hero-headline-subheadline {
  color: #818181;
  letter-spacing: .05rem;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 1.5rem;
  font-family: DorfkaiserLight, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1;
}

.cta-block-on-white.invisible {
  display: none;
}

.cta-standard-on-white {
  color: #fff;
  text-transform: uppercase;
  background-color: #000;
  padding: .5rem;
  font-family: DorfkaiserBold, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
}

.cta-standard-on-white:hover {
  background-color: #464646;
}

.cta-standard-on-white:active {
  background-color: #818181;
}

.cta-description-on-white {
  color: #000;
  padding-top: .75rem;
  font-family: DorfkaiserLightItalic, sans-serif;
  font-size: .75rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
}

.scrolly-content-right {
  width: 50%;
  padding-left: 2rem;
}

.scrolly-content-spacer-top {
  height: 2.5rem;
}

.h2-look-headline {
  color: #000;
  letter-spacing: -.05rem;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 1.5rem;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 200;
  line-height: 1;
}

.h2-look-headline.inverted {
  color: #fff;
}

.headline-black {
  font-family: DorfkaiserBlackItalic, sans-serif;
  font-weight: 900;
}

.headline-bold {
  font-family: DorfkaiserRegularItalic, sans-serif;
  font-weight: 400;
}

.sticky-content-left {
  width: 50%;
  border: 1px red;
  border-right: 2px #000;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2.5rem;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 39vh;
}

.list-container {
  width: 100%;
  color: #000;
  font-family: DorfkaiserBold, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

.list-container.inverted {
  filter: invert();
}

.list-item {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  display: flex;
}

.list-item-bullet {
  width: 1.5rem;
  height: 1.5rem;
  flex-direction: row;
  flex: none;
  align-self: auto;
  align-items: center;
  margin-right: .75rem;
  display: flex;
}

.list-item-text {
  padding-bottom: 0;
  font-family: DorfkaiserBold, sans-serif;
  font-weight: 700;
}

.list-headline {
  color: #000;
  letter-spacing: -.05rem;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: .5em;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 200;
  line-height: 2rem;
}

.horizontal-seperator {
  height: 2px;
  background-color: #000;
  margin-bottom: 1em;
}

.p-grid.scrolly-bottom {
  margin-bottom: .75rem;
}

.chapter-2-hero {
  min-height: 100vh;
  background-color: #f5f5f5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -47vh;
  display: flex;
}

.hero-headline-quote {
  z-index: 3000;
  color: #fff;
  letter-spacing: -.05rem;
  text-transform: none;
  align-items: flex-start;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-size: 3rem;
  font-style: italic;
  font-weight: 200;
  line-height: 1;
  display: block;
}

.hero-headline-quote.z-lift {
  z-index: 1;
  position: relative;
}

.hero-headline-quote.inv {
  color: #000;
}

.chapter-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
}

.chapter-grid.footer {
  grid-column-gap: 4rem;
  grid-row-gap: 1rem;
}

.p-list {
  color: #000;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
}

.p-list.sublist {
  padding-bottom: 0;
}

.p-list-block {
  height: 100%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.p-list-block.scrolly-bottom {
  margin-bottom: .75rem;
}

.chapter-3-content-2 {
  background-color: #141414;
}

.lottie-fullscreen-section {
  flex-flow: column wrap;
  align-content: center;
  align-items: center;
  display: block;
}

.lottie-fullscreen-playhead-trigger-2 {
  z-index: 100;
  width: .75rem;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  position: static;
  top: 0;
  left: 0;
}

.lottie-fullscreen-block {
  z-index: -10;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.lottie-fullscreen-animation-1 {
  width: 207vw;
}

.lottie-fullscreen-container {
  z-index: -10;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.footer-logo-icon-block {
  height: 4.66667rem;
  display: none;
}

.footer-logo-icon {
  height: 100%;
  padding-right: 1rem;
}

.footer-logo-type-block {
  height: 1rem;
}

.footer-logo-type {
  height: 100%;
}

.footer-border-block {
  height: 2rem;
  filter: invert();
  background-image: url('../images/stripes.svg');
  background-position: 0 0;
  background-size: 50px;
}

.scrolly-content-spacer {
  height: 1.5rem;
}

.lottie-fullscreen-animation-2 {
  width: 207vw;
}

.lottie-fullscreen-playhead-trigger-1 {
  z-index: 100;
  width: .75rem;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  position: static;
  top: 0;
  left: 0;
}

.chapter-1-content-1 {
  background-color: #f5f5f5;
}

.hero-content-right {
  width: 50%;
  border: 1px red;
  flex-direction: column;
  justify-content: center;
  padding-left: 1rem;
  display: flex;
  position: static;
  top: 50vh;
}

.hero-content-top-spacer {
  height: 5rem;
}

.badge-workshopper {
  width: 40%;
}

.badge-levelc {
  width: 60%;
  padding-left: 30px;
}

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

.badges-block {
  align-items: flex-start;
  display: flex;
}

.badges-spacer-top {
  width: 100%;
  height: 5rem;
}

.hero-headline-quote-source {
  color: #fff;
  padding-top: 1.5rem;
  padding-bottom: 0;
}

.hero-headline-quote-source.z-lift {
  z-index: 1;
  position: relative;
}

.lottie-fullscreen-playhead-trigger-3 {
  z-index: 100;
  width: .75rem;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  position: static;
  top: 0;
  left: 0;
}

.lottie-fullscreen-animation-3 {
  width: 207vw;
}

.expert-content {
  min-height: 100vh;
  background-color: #141414;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -47vh;
  display: flex;
}

.lottie-fullscreen-playhead-trigger-4 {
  z-index: 100;
  width: .75rem;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  position: static;
  top: 0;
  left: 0;
}

.lottie-fullscreen-animation-4 {
  width: 207vw;
}

.offer-hero {
  background-color: #f5f5f5;
  margin-top: -47vh;
}

.offer-content-1 {
  background-color: #141414;
}

.offer-content-2 {
  background-color: #f5f5f5;
}

.nav-chapter-marker-text-10, .nav-chapter-marker-text-11, .nav-chapter-marker-text-12 {
  color: #818181;
  text-transform: uppercase;
  align-self: auto;
  font-family: DorfkaiserBold, sans-serif;
  font-size: .6em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  left: 0;
}

.nav-chapter-marker-bullet-12, .nav-chapter-marker-bullet-11, .nav-chapter-marker-bullet-10 {
  width: .25em;
  height: .25em;
  background-color: #818181;
  border-radius: 100%;
}

.offer-hero-content-left {
  width: 50%;
  border: 1px red;
  border-right: 2px #000;
  flex-direction: column;
  justify-content: center;
  display: block;
  position: static;
  top: 39vh;
}

.p-list-sublist-item {
  list-style-type: none;
}

.score-card-line {
  height: 2rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.score-card-line-bullets-block {
  display: block;
}

.score-card-bullet {
  height: 1.25rem;
  padding-left: .5rem;
}

.score-card-line-text {
  color: #fff;
  padding-bottom: 0;
  font-family: DorfkaiserBold, sans-serif;
  font-weight: 700;
}

.score-card {
  padding-bottom: 1.5rem;
}

.headline-description {
  color: #818181;
  letter-spacing: 0;
  text-transform: none;
  font-family: DorfkaiserLightItalic, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.client-logos-section {
  background-color: #141414;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.client-logos {
  width: 100%;
  height: 4rem;
  justify-content: space-around;
  display: flex;
}

.client {
  width: auto;
  height: auto;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: .25rem;
  padding-bottom: .25rem;
  display: flex;
}

.client-logo-image {
  height: 100%;
  object-fit: contain;
  display: block;
}

.client-logos-description {
  color: #fff;
  font-family: DorfkaiserLightItalic, sans-serif;
  font-size: .75rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
}

.client-logos-seperator-top {
  width: 100%;
  height: 1.25rem;
}

.client-logos-seperator-bottom {
  width: 100%;
  height: 1.25rem;
  background-color: #f5f5f5;
}

.description {
  font-family: DorfkaiserLightItalic, sans-serif;
  font-size: .75rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
}

.hero-visual-right {
  width: 115%;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: 50%;
}

.hero-visual-right.blog {
  width: 90%;
}

.hero-visual-left {
  width: 115%;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
  right: 50%;
}

.expert-hero-visual-right {
  width: 50%;
  align-self: flex-end;
  align-items: center;
  display: flex;
}

.hero-content-mask {
  width: 100%;
  flex: 1;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.expert-quote-container-left {
  width: 50%;
  border: 1px red;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.expert-quote-container-left-wide {
  width: 100%;
  border: 1px red;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: static;
  top: 50vh;
}

.offer-hero-visual-right {
  width: 75%;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: 50%;
}

.lib-header {
  background-color: #141414;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.lib-logo-icon-block {
  width: 90px;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}

.lib-logo-typo {
  width: 100%;
}

.lib-logo-typo-block {
  width: 212px;
  margin-bottom: 1.5rem;
}

.lib-sub-header {
  background-color: #141414;
}

.lib-social-logos {
  text-align: right;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lib-highlights-section {
  background-color: #141414;
}

.lib-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.lib-grid-content-block {
  border: .25rem solid #818181;
}

.lib-links-section {
  background-color: #f5f5f5;
}

.lib-section-seperator {
  width: 100%;
  height: 4rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lib-section-line {
  height: 2px;
  background-color: #fff;
  flex: 1;
}

.lib-section-line.inverted {
  background-color: #000;
}

.lib-section-description {
  color: #fff;
  margin-left: 1rem;
  margin-right: 1rem;
  font-size: .75rem;
  line-height: 1;
}

.lib-section-description.inverted {
  color: #000;
}

.lib-image-widescreen {
  width: 100%;
  height: 100%;
  background-image: url('../images/lib_online-kurs_breitbild.png');
  background-position: 50%;
  background-size: cover;
}

.hero-visual-right_portrait {
  width: 65%;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: 50%;
}

.blog-h2-look-headline {
  letter-spacing: -.05rem;
  text-transform: uppercase;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 200;
  line-height: 1;
}

.blog-h2-look-headline.on-white {
  color: #000;
}

.blog-h2-look-headline.on-black {
  color: #fff;
}

.blog-cta-section-on-black {
  background-color: #141414;
}

.blog-vertical-spacer-block {
  height: 3rem;
}

.blog-vertical-spacer-block.minus-1rem {
  height: 2rem;
}

.blog-bottom-spacer-section-on-white {
  background-color: #f5f5f5;
}

.blog-cta-description-on-black {
  color: #fff;
  padding-top: .75rem;
  font-family: DorfkaiserLightItalic, sans-serif;
  font-size: .75rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
}

.blog-cta-standard-on-black {
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  padding: .5rem;
  font-family: DorfkaiserBold, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
}

.blog-cta-standard-on-black:hover {
  background-color: #bebebe;
}

.blog-cta-standard-on-black:active {
  background-color: #818181;
}

.blog-cta-section-on-white {
  background-color: #f5f5f5;
}

.blog-cta-description-on-white {
  color: #000;
  padding-top: .75rem;
  font-family: DorfkaiserLightItalic, sans-serif;
  font-size: .75rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
}

.blog-cta-standard-on-white {
  color: #fff;
  text-transform: uppercase;
  background-color: #000;
  padding: .5rem;
  font-family: DorfkaiserBold, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
}

.blog-cta-standard-on-white:hover {
  background-color: #464646;
}

.blog-cta-standard-on-white:active {
  background-color: #818181;
}

.blog-rich-text-element-on-black h2 {
  color: #fff;
  letter-spacing: -.05em;
  text-transform: uppercase;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-style: italic;
  font-weight: 200;
}

.blog-rich-text-element-on-black h3 {
  color: #fff;
  text-transform: uppercase;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-style: italic;
  font-weight: 200;
}

.blog-rich-text-element-on-black h4 {
  color: #fff;
  font-family: DorfkaiserBold, sans-serif;
  font-weight: 700;
}

.blog-rich-text-element-on-black ul {
  color: #fff;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  font-size: 1rem;
  line-height: 1.5;
}

.blog-rich-text-element-on-black ol {
  color: #fff;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
}

.blog-rich-text-element-on-black img {
  border: .25rem solid #818181;
  margin-top: 1.5rem;
  display: inline-block;
}

.blog-rich-text-element-on-black figcaption {
  color: #818181;
  margin-top: 0;
  padding-top: .5rem;
  padding-bottom: 1.5rem;
  font-family: DorfkaiserLightItalic, sans-serif;
  font-size: .75rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
}

.blog-rich-text-element-on-black p {
  color: #fff;
}

.blog-rich-text-element-on-black h1 {
  color: #fff;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-style: italic;
  font-weight: 200;
}

.blog-rich-text-element-on-white h2 {
  color: #000;
  letter-spacing: -.05em;
  text-transform: uppercase;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-style: italic;
  font-weight: 200;
}

.blog-rich-text-element-on-white h3 {
  color: #000;
  text-transform: uppercase;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-style: italic;
  font-weight: 200;
}

.blog-rich-text-element-on-white h4 {
  color: #000;
  font-family: DorfkaiserBold, sans-serif;
  font-weight: 700;
}

.blog-rich-text-element-on-white ul {
  color: #000;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  font-size: 1rem;
  line-height: 1.5;
}

.blog-rich-text-element-on-white ol {
  color: #000;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
}

.blog-rich-text-element-on-white img {
  border: .25rem solid #818181;
  margin-top: 1.5rem;
  display: inline-block;
}

.blog-rich-text-element-on-white figcaption {
  color: #818181;
  margin-top: 0;
  padding-top: .5rem;
  padding-bottom: 1.5rem;
  font-family: DorfkaiserLightItalic, sans-serif;
  font-size: .75rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
}

.blog-rich-text-element-on-white p {
  color: #000;
}

.blog-rich-text-element-on-white h1 {
  color: #000;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-style: italic;
  font-weight: 200;
}

.blog-article-body-section-on-black {
  background-color: #141414;
  padding-top: 2rem;
}

.blog-article-body-section-on-white {
  background-color: #f5f5f5;
  padding-top: 2rem;
}

.blog-author-and-date-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-author-avatar-block {
  width: 4rem;
  height: 4rem;
  justify-content: center;
  align-items: center;
  margin-right: .75rem;
  display: flex;
  position: relative;
}

.blog-author-name {
  padding-bottom: 0;
  font-family: DorfkaiserBold, sans-serif;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.blog-date {
  padding-bottom: 0;
  font-family: DorfkaiserLightItalic, sans-serif;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
}

.blog-author-avatar-frame {
  width: 100%;
  height: 100%;
  background-image: url('../images/hexagon_background_818181.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.blog-author-avatar {
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
}

.blog-author-block {
  align-items: center;
  display: flex;
}

.blog-author-block.invisible {
  display: none;
}

.cta-secondary-on-black {
  color: #fff;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: .125rem solid #fff;
  padding: .375rem;
  font-family: DorfkaiserBold, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
}

.cta-secondary-on-black:hover {
  color: #bebebe;
  background-color: rgba(0, 0, 0, 0);
  border-color: #bebebe;
}

.cta-secondary-on-black:active {
  color: #818181;
  background-color: rgba(0, 0, 0, 0);
  border-color: #818181;
}

.nav-block {
  z-index: 3000;
  height: 4.66667rem;
  mix-blend-mode: difference;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding-right: 2.5rem;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.nav-block.invisible {
  display: none;
}

.cta-secondary-on-white {
  color: #000;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: .125rem solid #000;
  padding: .375rem;
  font-family: DorfkaiserBold, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
}

.cta-secondary-on-white:hover {
  color: #464646;
  background-color: rgba(0, 0, 0, 0);
  border-color: #464646;
}

.cta-secondary-on-white:active {
  color: #818181;
  background-color: rgba(0, 0, 0, 0);
  border-color: #818181;
}

.nav-button {
  color: #fff;
  text-transform: uppercase;
  mix-blend-mode: difference;
  background-color: rgba(0, 0, 0, 0);
  border: .125rem #fff;
  padding: .5rem;
  font-family: DorfkaiserBold, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
}

.nav-button:hover {
  color: #bebebe;
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  border-color: #bebebe;
}

.nav-button:active {
  color: #818181;
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  border-color: #818181;
}

.cta-collection-on-black, .cta-collection-on-white {
  z-index: 3000;
  width: 100%;
  height: 10rem;
  mix-blend-mode: normal;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

.blog-archive {
  background-color: #141414;
}

.archive-collection-list-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.archive-grid-block {
  width: 100%;
  height: 100%;
  border: .25rem solid #818181;
}

.blog-bottom-spacer-section-on-black {
  background-color: #141414;
}

.blog-featured {
  background-color: #f5f5f5;
}

.featured-collection-item {
  padding-bottom: 1rem;
}

.featured-collection-list-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.blog-featured-headline {
  letter-spacing: -.05rem;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 200;
  line-height: 1;
}

.newest-item-on-white {
  min-height: 100vh;
  background-color: #f5f5f5;
  align-items: center;
  display: flex;
}

.on-white {
  color: #000;
}

.newest-item-on-black {
  min-height: 100vh;
  background-color: #141414;
}

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

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

.breakpoint-indicator {
  z-index: 55555;
  width: 100%;
  height: 5vh;
  background-color: #818181;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: fixed;
}

.breakpoint-indicator.invisible {
  display: none;
}

.breakpoint {
  color: #000;
  padding: 15px 25px;
  font-size: 10px;
}

.breakpoint.bp2 {
  background-color: #0f0;
}

.container-xl {
  width: 60vw;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}

.container-xl.logo-container {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.hero-content-block-left {
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
  position: relative;
  overflow: visible;
}

.hero-content-block-right {
  width: 100%;
  justify-content: flex-end;
  display: flex;
  position: relative;
  overflow: visible;
}

.expert-hero-content-block-left {
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.expert-hero-content-block-left.invisible {
  display: none;
}

.sticky-content-block {
  align-items: flex-start;
  display: flex;
}

.lib-vertical-spacer-black {
  height: 2rem;
}

.newest-author-and-date-block {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5rem;
  display: flex;
}

.blog-featured-teaser-text {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
}

.blog-featured-teaser-text.on-white, .blog-featured-teaser-text.on-black {
  display: none;
}

.blog-featured-teaser-content {
  width: 50%;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 1.5rem;
  display: flex;
}

.blog-featured-author-cta {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-featured-image-block {
  width: 50%;
  border: 1px #000;
}

.blog-featured-item-on-white {
  background-color: #f5f5f5;
  border: .25rem solid #818181;
  flex-direction: row-reverse;
  display: flex;
}

.blog-featured-item-on-black {
  background-color: #141414;
  border: .25rem solid #818181;
  flex-direction: row-reverse;
  display: flex;
}

.offer-hero-content-block-left {
  align-items: center;
  display: flex;
  position: relative;
}

.scrolly-list {
  color: #000;
  padding-bottom: 2.25rem;
}

.logo-desktop {
  height: 4.66667rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.logo-link-block-icon-desktop {
  mix-blend-mode: difference;
  border: 1px #000;
  align-self: center;
  align-items: center;
  margin-left: -5.1rem;
  display: flex;
  position: fixed;
}

.logo-link-block-icon-desktop.w--current {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.logo-link-block-type-desktop {
  mix-blend-mode: difference;
  border: 1px #000;
  align-self: center;
  align-items: center;
  display: flex;
}

.logo-link-block-type-desktop.w--current {
  border-bottom-style: none;
  border-bottom-width: 0;
  position: relative;
}

.icon-block-widescreen {
  height: 4.66667rem;
  padding-right: 1rem;
}

.type-block-widescreen {
  height: 1rem;
}

.icon-block-desktop {
  height: 4.66667rem;
  padding-right: 1rem;
}

.type-block-desktop {
  height: 1rem;
}

.logo-mobile {
  width: 200px;
  height: 50px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: none;
  position: relative;
}

.logo-link-block-icon-mobile {
  mix-blend-mode: difference;
  border: 1px #000;
  align-self: center;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: fixed;
}

.logo-link-block-icon-mobile.w--current {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.icon-block-mobile {
  height: 50px;
  padding-right: 10px;
}

.logo-link-block-type-mobile {
  mix-blend-mode: difference;
  border: 1px #000;
  align-self: center;
  align-items: center;
  display: flex;
}

.logo-link-block-type-mobile.w--current {
  border-bottom-style: none;
  border-bottom-width: 0;
  position: relative;
}

.type-block-mobile {
  height: 10px;
  padding-left: 54px;
  position: static;
}

.alternative-cta-block {
  height: 5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  display: flex;
  position: relative;
}

.alternative-cta-block.invisible {
  display: none;
}

.chapter-3-hero {
  min-height: 100vh;
  background-color: #141414;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -47vh;
  display: flex;
}

.hero-wrapper {
  width: 100%;
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-hero {
  min-height: 100vh;
  background-color: #f5f5f5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-article-hero-on-black {
  min-height: 100vh;
  background-color: #141414;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-article-hero-on-white {
  min-height: 100vh;
  background-color: #f5f5f5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.badges-spacer-bottom {
  width: 100%;
  height: 0;
}

.lottie-fullscreen-playhead-trigger-home {
  z-index: 100;
  width: .75rem;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  position: static;
  top: 0;
  left: 0;
}

.lottie-fullscreen-animation-home {
  width: 207vw;
}

.superhero {
  z-index: 201;
  min-height: 100vh;
  background-color: #f5f5f5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.superhero-headline-regular {
  color: #000;
  letter-spacing: -.05rem;
  text-transform: uppercase;
  align-items: flex-start;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-family: DorfkaiserExtraLightItalic, sans-serif;
  font-size: 3rem;
  font-style: italic;
  font-weight: 200;
  line-height: 1;
  display: block;
}

.superhero-headline-regular.inv {
  color: #fff;
}

.superhero-content {
  width: 66%;
  border: 1px red;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 1rem;
  display: flex;
  position: absolute;
  left: 50%;
}

.superhero-content-block {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.nav-chapter {
  color: #818181;
  text-transform: uppercase;
  mix-blend-mode: difference;
  background-color: rgba(0, 0, 0, 0);
  border-top: 1px #000;
  border-left: 1px #000;
  border-right: 1px #000;
  padding: 2em 0 .5em .5em;
  font-family: DorfkaiserLightItalic, sans-serif;
  font-size: .8em;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
}

.anchor-block {
  width: 100%;
  height: 0;
}

.nav-chapter-number, .nav-chapter-divider-black {
  font-family: DorfkaiserBlackItalic, sans-serif;
  font-weight: 900;
}

.superhero-headline-text {
  width: 90%;
  color: #fff;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.superhero-headline-text.inverted {
  color: #000;
}

.superhero-headline-subheadline {
  color: #818181;
  letter-spacing: .05rem;
  font-family: DorfkaiserLight, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 4rem;
}

.superhero-visual {
  width: 125%;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
  right: 25%;
}

.blog-cta-text {
  color: #fff;
  padding-top: 0;
  padding-bottom: 1.5rem;
}

.blog-cta-text.inverted {
  color: #000;
}

.blog-cta-text.inverted.no-cta {
  padding-bottom: 0;
}

.blog-cta-text.z-lift {
  z-index: 1;
  position: relative;
}

.superhero-landingpage {
  z-index: 201;
  min-height: 100vh;
  background-color: #141414;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-1-landingpage {
  background-color: #141414;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.section-1-landingpage.invisible {
  display: none;
}

.section-2-landingpage {
  background-color: #f5f5f5;
}

.extended-content-landingpage {
  min-height: 100vh;
  background-color: #141414;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-landingpage {
  min-height: 100vh;
  background-color: #f5f5f5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-photographs {
  border: .25rem solid #818181;
}

.about-me-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-auto-flow: row dense;
  align-content: start;
  align-items: start;
  justify-items: stretch;
}

.about-me-grid.footer {
  grid-column-gap: 4rem;
  grid-row-gap: 1rem;
}

.about-me-grid-image-block {
  flex-direction: column;
  align-items: flex-start;
  display: block;
}

.div-block {
  height: 1.5rem;
}

.about-me-grid-spacer-block {
  height: 4.5rem;
}

.image-caption {
  width: 100%;
  text-align: center;
  align-self: auto;
  padding-top: .5rem;
  padding-bottom: 1.5rem;
  font-family: DorfkaiserLightItalic, sans-serif;
  font-size: .75rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
}

.footer-section-us {
  min-height: 80vh;
  background-color: #818181;
  border: 1px #000;
  border-top: .25rem solid #fff;
}

.about-me-grid-filler-block {
  height: 100%;
  background-color: #992f2f;
}

@media screen and (min-width: 1920px) {
  .logo-widescreen {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .lottie-fullscreen-animation-1, .lottie-fullscreen-animation-2, .lottie-fullscreen-animation-3, .lottie-fullscreen-animation-4 {
    width: 4000px;
  }

  .breakpoint.bp1 {
    background-color: #0f0;
  }

  .breakpoint.bp2 {
    background-color: rgba(0, 0, 0, 0);
  }

  .logo-desktop, .logo-mobile {
    display: none;
  }

  .lottie-fullscreen-animation-home {
    width: 4000px;
  }
}

@media screen and (max-width: 991px) {
  .lottie-fullscreen-animation-1, .lottie-fullscreen-animation-2, .lottie-fullscreen-animation-3, .lottie-fullscreen-animation-4 {
    width: 260vw;
  }

  .breakpoint.bp2 {
    background-color: rgba(0, 0, 0, 0);
  }

  .breakpoint.bp3 {
    background-color: #0f0;
  }

  .container-xl {
    width: 75vw;
  }

  .lottie-fullscreen-animation-home {
    width: 260vw;
  }
}

@media screen and (max-width: 767px) {
  .chapter-1-hero {
    margin-top: -44vh;
  }

  .vertical-spacer-block.hero-top-mobile {
    height: 0;
  }

  .vertical-spacer-block.page-top-mobile {
    height: 5rem;
  }

  .footer-social-logos {
    text-align: left;
    margin-bottom: .75rem;
    margin-left: -.6rem;
  }

  .nav-chapter-marker-text-top, .nav-chapter-marker-text-1, .nav-chapter-marker-text-2, .nav-chapter-marker-text-3, .nav-chapter-marker-text-4, .nav-chapter-marker-text-5, .nav-chapter-marker-text-footer, .nav-chapter-marker-text-6, .nav-chapter-marker-text-7, .nav-chapter-marker-text-8, .nav-chapter-marker-text-9 {
    display: none;
  }

  .hero-headline-regular.divider-line-right {
    border: 1px #000;
  }

  .hero-headline-regular.divider-line-right.inv {
    border-style: none;
    border-width: 1px;
  }

  .hero-content-left {
    width: 100%;
    padding-right: 0;
  }

  .scrolly-content-right {
    width: 100%;
    padding-left: 0;
  }

  .scrolly-content-spacer-top {
    height: 3rem;
  }

  .sticky-content-left {
    width: 100%;
    margin-bottom: 1.5rem;
    position: static;
    overflow: hidden;
  }

  .chapter-2-hero {
    margin-top: -44vh;
  }

  .chapter-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .chapter-grid.footer {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .p-list._2-columns-list {
    padding-bottom: 0;
  }

  .lottie-fullscreen-animation-1, .lottie-fullscreen-animation-2 {
    width: 304vw;
  }

  .hero-content-right {
    width: 100%;
    padding-left: 0;
  }

  .hero-content-top-spacer {
    height: 1rem;
  }

  .badges-spacer-top {
    height: 0;
  }

  .lottie-fullscreen-animation-3 {
    width: 304vw;
  }

  .expert-content {
    margin-top: -44vh;
  }

  .lottie-fullscreen-animation-4 {
    width: 304vw;
  }

  .offer-hero {
    margin-top: -44vh;
  }

  .nav-chapter-marker-text-10, .nav-chapter-marker-text-11, .nav-chapter-marker-text-12 {
    display: none;
  }

  .offer-hero-content-left {
    width: 100%;
    margin-top: 0;
  }

  .project-block {
    padding-top: 1.5rem;
  }

  .project-block.first {
    padding-top: 0;
  }

  .package-block {
    padding-top: 1.5rem;
  }

  .package-block.first {
    padding-top: 0;
  }

  .hero-visual-right {
    width: 150%;
    align-self: flex-start;
    align-items: flex-end;
    padding-bottom: 3rem;
    position: static;
  }

  .hero-visual-right.blog {
    width: 115%;
    align-self: center;
  }

  .hero-visual-left {
    width: 150%;
    align-self: flex-end;
    align-items: flex-end;
    padding-bottom: 3rem;
    position: static;
  }

  .expert-hero-visual-right {
    width: 100%;
  }

  .expert-quote-container-left {
    width: 100%;
    padding-top: 1.5rem;
  }

  .offer-hero-visual-right {
    width: 90%;
    padding-bottom: 3rem;
    position: static;
  }

  .hero-visual-right_portrait {
    width: 100%;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 0;
    position: static;
  }

  .nav-block {
    height: 50px;
    padding-right: 6vw;
  }

  .breakpoint.bp3 {
    background-color: rgba(0, 0, 0, 0);
  }

  .breakpoint.bp4 {
    background-color: #0f0;
  }

  .container-xl {
    width: 88vw;
  }

  .hero-content-block-left {
    flex-direction: column;
    align-items: center;
  }

  .hero-content-block-right {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .expert-hero-content-block-left, .sticky-content-block, .offer-hero-content-block-left {
    flex-direction: column;
  }

  .logo-desktop {
    display: none;
  }

  .logo-mobile {
    display: flex;
  }

  .chapter-3-hero {
    margin-top: -44vh;
  }

  .badges-spacer-bottom {
    height: 1.5rem;
  }

  .clientsprojects-block {
    padding-top: 1.5rem;
  }

  .clientsprojects-block.first {
    padding-top: 0;
  }

  .grid-block {
    padding-top: 1.5rem;
  }

  .grid-block.first {
    padding-top: 0;
  }

  .lottie-fullscreen-animation-home {
    width: 304vw;
  }

  .superhero-content {
    width: 100%;
    padding-left: 0;
    position: static;
  }

  .superhero-content-block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .nav-chapter {
    padding-left: 0;
  }

  .nav-chapter-divider-black, .nav-chapter-divider-extralight, .nav-chapter-text {
    display: none;
  }

  .superhero-visual {
    width: 160%;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-bottom: 1rem;
    position: static;
  }

  .extended-content-landingpage, .hero-landingpage {
    margin-top: -44vh;
  }

  .about-me-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .about-me-grid.footer {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .about-me-grid-image-block {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .about-me-grid-image-block.no-caption-spacer {
    margin-bottom: 3rem;
  }

  .about-me-grid-text-block, .about-me-grid-text-block.first {
    padding-top: 0;
  }

  .about-me-grid-spacer-block {
    height: 0;
  }
}

@media screen and (max-width: 479px) {
  .nav-icons-text {
    display: none;
    top: -5000px;
  }

  .nav-chapter-marker-block {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .nav-chapter-marker-text-top, .nav-chapter-marker-text-1, .nav-chapter-marker-text-2, .nav-chapter-marker-text-3, .nav-chapter-marker-text-4, .nav-chapter-marker-text-5, .nav-chapter-marker-text-footer, .nav-chapter-marker-text-6, .nav-chapter-marker-text-7, .nav-chapter-marker-text-8, .nav-chapter-marker-text-9 {
    display: none;
  }

  .hero-headline-regular.inverted {
    margin-right: 0;
  }

  .logo-link-block-widescreen.w--current {
    height: 2rem;
  }

  .lottie-fullscreen-animation-1, .lottie-fullscreen-animation-2, .lottie-fullscreen-animation-3, .lottie-fullscreen-animation-4 {
    width: 292vw;
  }

  .nav-chapter-marker-text-10, .nav-chapter-marker-text-11, .nav-chapter-marker-text-12 {
    display: none;
  }

  .breakpoint.bp4 {
    background-color: rgba(0, 0, 0, 0);
  }

  .breakpoint.bp5 {
    background-color: #0f0;
  }

  .container-xl {
    width: 85vw;
  }

  .blog-featured-teaser-content, .blog-featured-image-block {
    width: 100%;
  }

  .blog-featured-item-on-white, .blog-featured-item-on-black, .offer-hero-content-block-left {
    flex-direction: column;
  }

  .logo-link-block-icon-desktop.w--current, .logo-link-block-type-desktop.w--current, .logo-link-block-icon-mobile.w--current, .logo-link-block-type-mobile.w--current {
    height: 2rem;
  }

  .lottie-fullscreen-animation-home {
    width: 292vw;
  }
}

#w-node-f3a93a53-c375-d0af-b092-ca2a0acfd1c1-ca100b39, #w-node-c3db8712-7525-a1e6-432d-a0301d6a602d-ca100b39, #w-node-b09750e8-516f-9461-0f62-f04cf33e7a41-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b09750e8-516f-9461-0f62-f04cf33e7a4c-ca100b39, #w-node-b09750e8-516f-9461-0f62-f04cf33e7a62-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_0e728fe5-c904-ae16-5b8e-1de10f6d58c7-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dad0d88d-c6a3-eb38-88ce-63387697673a-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_7211ae71-a381-6c12-401b-4349954606d0-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_55d36dd6-8ea6-181a-e65c-0de7d980f9ab-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_02c095a7-c680-4115-769e-f5c88f286867-ca100b39, #w-node-a28e66dd-d46a-38ed-7ffe-cf5ffb17b35b-ca100b39, #w-node-_02c095a7-c680-4115-769e-f5c88f286880-ca100b39, #w-node-_02c095a7-c680-4115-769e-f5c88f28688d-ca100b39, #w-node-_4ecb80e9-0832-7928-57f0-bff7fba069e9-ca100b39, #w-node-_4ecb80e9-0832-7928-57f0-bff7fba06a07-ca100b39, #w-node-_4ecb80e9-0832-7928-57f0-bff7fba06a0e-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ecb80e9-0832-7928-57f0-bff7fba06a15-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: start;
}

#w-node-fbd2bed5-08e2-2f18-cd2d-902ea72d9556-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fbd2bed5-08e2-2f18-cd2d-902ea72d956e-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: start;
}

#w-node-fbd2bed5-08e2-2f18-cd2d-902ea72d957e-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fbd2bed5-08e2-2f18-cd2d-902ea72d9592-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: start;
}

#w-node-e75e4ce6-c1dd-c82d-15c5-3179090c79de-ca100b39, #w-node-e75e4ce6-c1dd-c82d-15c5-3179090c7a14-ca100b39, #w-node-e75e4ce6-c1dd-c82d-15c5-3179090c7a4a-ca100b39, #w-node-e75e4ce6-c1dd-c82d-15c5-3179090c7a80-ca100b39, #w-node-e75e4ce6-c1dd-c82d-15c5-3179090c7ab8-ca100b39, #w-node-_8b5b72d2-2dc6-3382-17b5-9275752a5c7e-ca100b39, #w-node-_41746863-c649-9958-90e1-f452bd9bdf3b-ca100b39, #w-node-_16fe946e-3146-6fa5-049f-a7f02296ba3d-ca100b39, #w-node-e7882ce0-6a47-50e1-dd7f-b2cc2e93fb13-ca100b39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_631cf975-016b-f93e-4add-493fce552fb1-ca100b39, #w-node-d9b7aeff-068c-547f-1c15-9757a72cd5c4-ca100b39 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_19f06c02-df8b-bc1a-acd8-69c355bcc862-ca100b39, #w-node-_19f06c02-df8b-bc1a-acd8-69c355bcc868-ca100b39, #w-node-_3ec9f22d-6b68-ff36-9709-44d2441e6eac-ca100b39, #w-node-_3ec9f22d-6b68-ff36-9709-44d2441e6eb2-ca100b39, #w-node-dbb92d49-dad8-1d76-5cdd-ce6f0906ba6c-ca100b39, #w-node-dbb92d49-dad8-1d76-5cdd-ce6f0906ba72-ca100b39, #w-node-_4e222823-2bb4-0bda-abdd-7bc7d1ee85f5-ca100b39, #w-node-_4e222823-2bb4-0bda-abdd-7bc7d1ee85fb-ca100b39, #w-node-_44fcfd5b-3904-1301-9a1f-b2cad8268878-dfc7b844, #w-node-d0e9326c-a916-5ef6-6454-f438b33b4a3e-dfc7b844, #w-node-_44fcfd5b-3904-1301-9a1f-b2cad8268891-dfc7b844, #w-node-_0740f19c-d1b8-3d17-495f-511a543e5cf3-dfc7b844 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4c01617f-f2e8-6b6d-87e2-4dfcff8d2f08-dfc7b844, #w-node-_2a456371-bdee-3d51-7d49-c12b3a589a10-80100b46 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e267d7e5-06a0-15cf-93b4-b659752be9f8-80100b46 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6ea099c3-a127-8de4-dd06-8cbca9e79e0b-41100b47 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_54aafe7a-bc29-24fc-71aa-0d0a84d5db13-41100b47, #w-node-b170646f-a794-ef1d-bd6c-56e26f701a61-41100b47, #w-node-e79f5664-a980-5557-2865-1537dbdf7a6f-41100b47, #w-node-_2e7810cc-779d-7cf4-2787-d21db4fbaf6b-41100b47, #w-node-_2e7810cc-779d-7cf4-2787-d21db4fbaf6d-41100b47, #w-node-b694d9d6-6d9a-d43f-549d-7adc37fb8fa5-1bf3f966, #w-node-b694d9d6-6d9a-d43f-549d-7adc37fb8fc5-1bf3f966 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e74bc99-7209-9b05-e39d-dd2a26f5cd85-1bf3f966 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b694d9d6-6d9a-d43f-549d-7adc37fb8fcd-1bf3f966 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b694d9d6-6d9a-d43f-549d-7adc37fb8fd6-1bf3f966 {
  grid-area: 3 / 1 / 4 / 2;
  align-self: start;
  justify-self: start;
}

#w-node-f3ddf4e8-ebde-29c9-9285-4e0fc9d6e792-1bf3f966 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2f4ea0f8-e2e8-81ca-015c-c7c9392481ae-1bf3f966 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_121cba0b-ff8a-7362-0849-6e958465f2bd-1bf3f966 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_973ef3b3-3d16-acd4-f969-11d16023b253-1bf3f966, #w-node-_8f146cda-9f2f-c33a-6e6e-493a204e9f11-1bf3f966 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b09750e8-516f-9461-0f62-f04cf33e7a41-1bf3f966, #w-node-_1d4f3e92-477a-0919-fbc6-374c4ee43490-4ee4348b, #w-node-_1d4f3e92-477a-0919-fbc6-374c4ee43496-4ee4348b, #w-node-_1d4f3e92-477a-0919-fbc6-374c4ee434a2-4ee4348b, #w-node-_1d4f3e92-477a-0919-fbc6-374c4ee434d3-4ee4348b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d4f3e92-477a-0919-fbc6-374c4ee434d4-4ee4348b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 767px) {
  #w-node-fbd2bed5-08e2-2f18-cd2d-902ea72d957e-ca100b39, #w-node-_631cf975-016b-f93e-4add-493fce552fb1-ca100b39, #w-node-d9b7aeff-068c-547f-1c15-9757a72cd5c4-ca100b39 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4c01617f-f2e8-6b6d-87e2-4dfcff8d2f08-dfc7b844 {
    grid-column: span 1 / span 1;
  }

  #w-node-b694d9d6-6d9a-d43f-549d-7adc37fb8fc5-1bf3f966, #w-node-_7e74bc99-7209-9b05-e39d-dd2a26f5cd85-1bf3f966, #w-node-b694d9d6-6d9a-d43f-549d-7adc37fb8fcd-1bf3f966, #w-node-b694d9d6-6d9a-d43f-549d-7adc37fb8fd6-1bf3f966 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f3ddf4e8-ebde-29c9-9285-4e0fc9d6e792-1bf3f966 {
    grid-column: span 1 / span 1;
  }

  #w-node-_121cba0b-ff8a-7362-0849-6e958465f2bd-1bf3f966 {
    grid-row: span 1 / span 1;
  }

  #w-node-_973ef3b3-3d16-acd4-f969-11d16023b253-1bf3f966 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8f146cda-9f2f-c33a-6e6e-493a204e9f11-1bf3f966, #w-node-_1d4f3e92-477a-0919-fbc6-374c4ee434d4-4ee4348b {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b694d9d6-6d9a-d43f-549d-7adc37fb8fc5-1bf3f966 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-b694d9d6-6d9a-d43f-549d-7adc37fb8fd6-1bf3f966 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: center;
    justify-self: start;
  }
}


@font-face {
  font-family: 'DorfkaiserLightItalic';
  src: url('../fonts/dorfkaiserlightitalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'DorfkaiserExtraLight';
  src: url('../fonts/dorfkaiserextralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DorfkaiserBold';
  src: url('../fonts/dorfkaiserbold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DorfkaiserLight';
  src: url('../fonts/dorfkaiserlight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DorfkaiserBlackItalic';
  src: url('../fonts/dorfkaiserblackitalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'DorfkaiserExtraLightItalic';
  src: url('../fonts/dorfkaiserextralightitalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'DorfkaiserBlack';
  src: url('../fonts/dorfkaiserblack.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DorfkaiserBoldItalic';
  src: url('../fonts/dorfkaiserbolditalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'DorfkaiserRegular';
  src: url('../fonts/10.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DorfkaiserRegularItalic';
  src: url('../fonts/09.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}