@font-face {
  font-family: Soehne mono dreiviertelfett;
  src: url('../fonts/soehne-mono-dreiviertelfett.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik web;
  src: url('../fonts/Graphik-Regular-Web.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druk web;
  src: url('../fonts/Druk-Bold-Web.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik web;
  src: url('../fonts/Graphik-Semibold-Web.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik web;
  src: url('../fonts/Graphik-Bold-Web.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #1d1d1d;
  --coral: #fb7649;
  --slate-blue: #5955f4;
  --grey: #777;
  --dark-slate-blue: #3a379f;
  --lavender: #eef;
  --seashell: #fff3ed;
  --ghost-white: #f4eff6;
  --white: white;
  --gainsboro: #e4e4e4;
}

.w-users-userformheader {
  text-align: center;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-userresetpasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('/images/custom-checkbox-checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-users-blockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-users-blockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 20px;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

body {
  color: #1d1d1d;
  font-family: Graphik web, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druk web, Impact, sans-serif;
  font-size: 7rem;
  font-weight: 700;
  line-height: 1;
}

h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druk web, Impact, sans-serif;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1;
}

h3 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druk web, Impact, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druk web, Impact, sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Graphik web, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
  font-size: 1.125rem;
}

a {
  min-width: 20px;
  height: 100%;
  color: var(--black);
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.25rem;
}

li {
  margin-bottom: .75rem;
}

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

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.form-message-success {
  padding: 1.25rem;
}

.z-2 {
  z-index: 2;
  position: relative;
}

.text-color-black {
  color: #000;
}

.fs-styleguide_row {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
}

.fs-styleguide_row.is-for-social-icons {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.fs-styleguide_3-col {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-weight-semibold {
  font-weight: 600;
}

.text-weight-light {
  font-weight: 300;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.show {
  display: block;
}

.fs-styleguide_color-sample {
  background-color: #f5f5f5;
  margin-top: .5rem;
  padding: 5rem;
}

.overflow-hidden {
  overflow: hidden;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.icon-1x1-small {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.button {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #5955f4;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .9rem;
  font-weight: 600;
  transition: background-color .2s;
}

.button:hover {
  background-color: var(--coral);
}

.button.is-grey {
  background-color: #8d8d8d;
}

.button.has-icon {
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .8rem;
}

.button.background-color-white {
  color: #000;
}

.button.is-full-width {
  width: 100%;
}

.button.is-full-width.is-external-link {
  background-image: url('../images/pop-out-white.svg');
  background-position: 90% 47%;
  background-repeat: no-repeat;
  background-size: .85rem;
  padding-left: .8rem;
  padding-right: 2rem;
}

.button.is-nav-signup {
  height: 3rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.button.is-nav-signup.is-mobile {
  display: flex;
}

.button.is-external-link {
  background-image: url('../images/pop-out-white.svg');
  background-position: 90% 47%;
  background-repeat: no-repeat;
  background-size: .85rem;
  padding-left: 1rem;
  padding-right: 2.5rem;
}

.button.media {
  min-width: 0;
  height: auto;
  color: var(--slate-blue);
  background-color: #fcfcfc;
  flex: none;
  padding: 0 2rem;
  font-size: .9rem;
}

.button.media:hover, .button.media.w--current {
  color: var(--coral);
}

.button.media.nav-bar {
  padding-left: 0;
  padding-right: 0;
}

.hide-tablet {
  display: block;
}

.heading-medium {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-large {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1;
}

.heading-large.is-lead-magnet {
  text-transform: none;
  font-family: Graphik web, sans-serif;
  font-size: 3rem;
  line-height: 1.2;
}

.text-weight-bold {
  font-weight: 700;
}

.text-size-large {
  font-size: 1.5rem;
}

.icon-medium {
  height: 3rem;
}

.text-size-regular {
  font-size: 1rem;
}

.text-weight-normal {
  font-weight: 400;
}

.fs-styleguide_section {
  grid-column-gap: 4rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

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

.z-1 {
  z-index: 1;
  position: relative;
}

.icon-small {
  height: 2rem;
}

.show-mobile-portrait {
  display: none;
}

.text-style-italic {
  font-style: italic;
}

.background-color-grey {
  background-color: #f9f9fb;
}

.hide {
  background-color: #fff;
  display: none;
}

.fs-styleguide_section-type {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #000;
  padding: 1.25rem;
  font-size: 1rem;
  font-weight: 600;
}

.text-size-medium {
  font-size: 1.25rem;
}

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

.text-weight-xbold {
  font-weight: 800;
}

.text-style-link {
  text-decoration: underline;
}

.text-style-link.card-link {
  font-size: 1.1rem;
}

.form-wrapper {
  margin-bottom: 0;
}

.text-style-muted {
  opacity: .6;
}

.text-size-small {
  font-size: 1rem;
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5 {
  margin-top: 1.25rem;
  margin-bottom: .75rem;
}

.text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: .5rem;
}

.text-rich-text p {
  margin-bottom: .75rem;
  font-size: 1.25rem;
}

.text-rich-text blockquote, .text-rich-text ul {
  margin-bottom: .75rem;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.icon-large {
  height: 4rem;
}

.max-width-medium {
  width: 100%;
  max-width: 30rem;
}

.form-radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.heading-xlarge {
  text-transform: uppercase;
  font-family: Druk web, Impact, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

.heading-xlarge.is-4-em {
  font-size: 4rem;
}

.heading-xlarge.is-article {
  text-transform: none;
  font-family: Graphik web, sans-serif;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.form-input {
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form-input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.page-wrapper.overflow-hidden {
  overflow: visible;
}

.text-size-tiny {
  font-size: .875rem;
}

.icon-1x1-medium {
  width: 3rem;
  height: 3rem;
}

.form-checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form-checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form-checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  min-height: 1rem;
  margin-left: auto;
  margin-right: auto;
}

.container-large.about-the-author-card {
  padding: 2rem 12rem 0;
}

.container-large.is-category-page {
  width: 100%;
  padding-left: 5rem;
  padding-right: 5rem;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.background-color-black {
  background-color: #000;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.fs-styleguide_classes {
  display: none;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.fs-styleguide_1-col {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs-styleguide_1-col.gap-medium {
  grid-row-gap: 2.5rem;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.page-padding {
  margin-top: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
  overflow: hidden;
}

.fs-styleguide_2-col {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: start;
  display: grid;
}

.text-align-right {
  text-align: right;
}

.show-tablet {
  display: none;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.text-color-grey {
  color: var(--grey);
  font-weight: 700;
}

.form-radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form-radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form-radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.show-mobile-landscape {
  display: none;
}

.background-color-white {
  background-color: #fff;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.icon-1x1-large {
  width: 4rem;
  height: 4rem;
}

.form-checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.form-message-error {
  color: #f55;
  margin-top: .75rem;
  padding: .75rem;
}

.utility_image {
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
}

.utility_image.is-centered {
  float: none;
  text-align: left;
  display: block;
  position: static;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  min-height: 1rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small {
  width: 100%;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}

.button-secondary {
  color: #1d1d1d;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: .1rem solid #bbb;
  justify-content: center;
  align-items: center;
  min-width: 10rem;
  padding: .9rem 1.5rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  transition: border-color .1s;
  display: flex;
}

.button-secondary:hover {
  border-color: var(--black);
}

.button-secondary.has-icon {
  background-image: url('../images/link-icon-black.svg');
  background-position: 30%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 3rem;
}

.button-secondary.is-full-width {
  width: 100%;
  display: flex;
}

.button-small {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .875rem;
  font-weight: 700;
}

.margin-tiny {
  margin: .125rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.margin-xsmall {
  margin: .5rem;
}

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-xhuge {
  margin: 8rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.padding-tiny {
  padding: .125rem;
}

.padding-xxsmall {
  padding: .25rem;
}

.padding-xsmall {
  padding: .5rem;
}

.padding-small {
  padding: 1rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xhuge {
  padding: 8rem;
}

.padding-xxhuge {
  padding: 12rem;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-medium.hide {
  display: none;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.margin-vertical.margin-xsmall.build-tool-title {
  text-transform: none;
  margin-top: 0;
  font-family: Graphik web, sans-serif;
  font-size: 1.25rem;
  line-height: 1.4;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-top.padding-xxlarge {
  padding-top: 9rem;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-left.padding-small.is-hidden {
  display: none;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-huge {
  padding-top: 3rem;
}

.padding-vertical.padding-huge.is-quiz {
  margin-top: 0;
  margin-bottom: auto;
  padding-bottom: 95vh;
}

.padding-vertical.padding-huge.is-stories {
  padding-top: 6rem;
}

.padding-vertical.padding-huge.is-tools {
  padding-top: 4rem;
}

.padding-vertical.padding-large {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-vertical.padding-large.is-stories {
  padding-top: 3rem;
}

.padding-vertical.padding-xhuge {
  padding-top: 12rem;
}

.padding-vertical.padding-custom4 {
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.fs-styleguide_background-spacer {
  height: 5rem;
}

.text-style-nowrap {
  white-space: nowrap;
}

.text-style-2lines {
  height: 100%;
}

.heading-small {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.heading-xsmall {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.5;
}

.text-weight-medium {
  font-weight: 500;
}

.fs-styleguide_version-details {
  z-index: 5;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}

.fs-styleguide_page-header {
  border-bottom: 2px solid #e6e6e6;
  margin-bottom: 2rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.nav_component {
  z-index: 9999;
  background-color: #fff;
  border-bottom: .1rem solid #e4e4e4;
  width: 100%;
  height: 4.5rem;
  margin-top: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: fixed;
  top: 0;
}

.nav_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav_container.is-relative {
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}

.nav_container.is-nav-search {
  align-items: stretch;
}

.nav_logo-wrapper {
  z-index: 1;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.nav_logo-wrapper.w--current {
  z-index: 2;
  align-self: auto;
  align-items: center;
  display: flex;
}

.section_home-hero {
  overflow: hidden;
}

.nav_dropdown-link {
  align-items: center;
  height: 100%;
  padding: 1rem;
  font-size: .875rem;
  font-weight: 600;
  transition: background-color .2s;
  display: flex;
}

.nav_dropdown-link:hover {
  background-color: #5955f40d;
}

.home-hero-slider {
  background-color: #ddd0;
  height: auto;
  overflow: visible;
}

.home-hero-slider-mask {
  width: 85%;
  overflow: visible;
}

.home-hero-slider-slide {
  height: 100%;
  margin-right: 2rem;
}

.home-hero-slider-slide-content {
  height: 100%;
  display: flex;
}

.home-hero-slider-slide-content-left {
  background-color: var(--slate-blue);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 40%;
  height: 24rem;
  padding: 2rem 2.5rem 3rem;
  display: flex;
}

.home-hero-slider-slide-content-left.is-grey {
  background-color: #f3f3f6;
}

.home-hero-slider-slide-content-left.is-orange {
  background-color: var(--coral);
}

.home-hero-slider-slide-content-right {
  width: 60%;
  height: auto;
  position: relative;
}

.button-underline {
  border-bottom: .15rem solid #fff;
  font-weight: 400;
  transition: color .2s, border-color .2s;
  display: inline-block;
}

.button-underline.is-black {
  color: #000;
  border-bottom-color: #000;
  font-weight: 400;
}

.button-underline.is-black:hover {
  border-bottom-color: var(--dark-slate-blue);
  color: var(--dark-slate-blue);
}

.button-underline.is-white {
  color: #fff;
}

.button-small-arrow {
  margin-left: .5rem;
}

.button-small-arrow.is-on-left {
  margin-left: 0;
  margin-right: .5rem;
}

.home-hero-slider-slide-content-right-image {
  object-fit: cover;
  object-position: 52% 50%;
  width: 100%;
  height: 100%;
}

.text-color-orange {
  color: #fb7649;
}

.title_component {
  grid-column-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.5rem;
  display: flex;
}

.title_component.is-margin-bottom-medium {
  margin-bottom: 2rem;
}

.title_component.is-margin-bottom0 {
  margin-bottom: 0;
}

.title_separator {
  background-color: #ddd;
  width: 100%;
  height: .1rem;
}

.title_separator.is-grow {
  flex: 1;
}

.title_column {
  grid-column-gap: .35rem;
  flex: none;
  display: flex;
}

.text-color-white {
  color: #fff;
}

.card-slider_arrow {
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  inset: auto 0% -4rem auto;
}

.card-slider_arrow.is-left {
  right: 2.5rem;
}

.card-slider_arrow-image {
  width: 1.25rem;
}

.card-slider_arrow-image.is-left {
  transform: rotate(-180deg);
}

.home-hero-slider-dots {
  align-items: center;
  display: flex;
  bottom: -4rem;
}

.stories-column-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.stories-column-wrapper.topic {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr .5fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: center;
  display: grid;
}

.stories-column {
  grid-column-gap: 2rem;
  flex-direction: row;
  justify-content: flex-start;
  width: 50%;
  display: flex;
}

.stories-column.is-4-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.stories-column.topic {
  width: 100%;
}

.card_image {
  object-fit: cover;
  width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
}

.card_image.is-small {
  height: auto;
}

.card_component {
  color: var(--black);
  text-decoration: none;
  position: relative;
}

.text-color-darkblue {
  color: #3a379f;
}

.text-color-darkblue.text-size-large.is-category-page {
  color: var(--black);
  text-transform: capitalize;
  font-family: Graphik web, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.card_subtitle-wrapper {
  margin-bottom: .5rem;
}

.stories-column-inner {
  grid-row-gap: 2.5rem;
  flex-direction: column;
  width: 50%;
  display: flex;
}

.stories-column-inner.topic {
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.stories-column-inner.is-full-width {
  width: 100%;
}

.home-academy-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-academy-grid-card {
  text-align: center;
  background-color: #eef;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5.5rem 3rem;
  display: flex;
  position: relative;
}

.home-academy-grid-card.is-card-2 {
  color: #fff;
  text-align: left;
  background-color: #5955f4;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.5rem 5rem 2.5rem 2.5rem;
  position: relative;
  overflow: hidden;
}

.home-academy-grid-card.is-smaller {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.home-academy-grid-card-icon-wrapper {
  margin-bottom: 1.5rem;
  position: relative;
}

.home-academy-grid-card-arrow {
  width: 3rem;
}

.newsletter_form-wrapper {
  margin-top: .5rem;
  margin-bottom: 0;
  display: block;
}

.newsletter_form-wrapper.wide {
  width: 40%;
  margin-right: 0;
  padding-left: 0;
}

.newsletter_form {
  border: .1rem solid #bbb;
  align-items: center;
  padding: .25rem;
  display: flex;
}

.newsletter_form.is-home-hero, .newsletter_form.is-footer, .newsletter_form.is-block {
  display: flex;
}

.newsletter_form.hidden {
  display: none;
}

.newsletter_form-input {
  background-color: #fff0;
  border: 1px #000;
  margin-bottom: 0;
  padding: .5rem 1rem;
}

.newsletter_form-input::placeholder {
  color: #1d1d1d;
}

.newsletter_form-input.is-in-footer {
  padding-left: .5rem;
}

.newsletter_form-button {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #5955f4;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  transition: background-color .15s;
}

.newsletter_form-button:hover {
  background-color: var(--coral);
}

.quote-content {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.quote-content-image {
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
}

.quote-content-text {
  text-align: center;
  max-width: 54rem;
  font-size: 2rem;
  font-weight: 700;
}

.section_home-guides {
  padding-top: 4rem;
  padding-bottom: 8rem;
}

.home-guides-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  display: flex;
}

.home-guides-grid-column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.home-guides-grid-column-paragraph {
  max-width: 90%;
}

.home-guides-grid-column-card-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
}

.card-slider_component {
  background-color: #fff;
  height: auto;
}

.card-slider_mask {
  width: 32%;
  overflow: visible;
}

.card-slider_slide {
  margin-right: 2rem;
}

.newsletter2_component {
  padding: 4.5rem 6rem 4.5rem 4.25rem;
  position: relative;
}

.newsletter2_text-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 40rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: grid;
}

.newsletter2_text-grid-item {
  display: flex;
}

.newsletter2_text-grid-item-tick {
  width: 1.5rem;
  margin-right: 1rem;
}

.footer_component {
  position: relative;
}

.footer_logo {
  width: auto;
}

.footer_logo-wrapper {
  height: auto;
  margin-bottom: 1.5rem;
}

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

.footer_grid-column {
  max-width: 20rem;
  display: block;
}

.footer_by-stacker-text {
  margin-right: 1rem;
  display: inline-block;
}

.footer_stacker-logo {
  width: 7.75rem;
}

.footer_social-icons-row {
  grid-column-gap: .5rem;
  align-items: center;
  margin-top: .5rem;
  display: flex;
}

.footer_link {
  height: auto;
  color: var(--black);
  margin-top: 1.5rem;
  font-size: 1.125rem;
  text-decoration: none;
  transition: padding .3s;
  display: block;
}

.footer_link:hover {
  padding-left: .25rem;
  text-decoration: underline;
}

.footer_separator {
  background-color: #e4e4e4;
  width: 100%;
  height: .1rem;
  margin-top: 5.625rem;
  margin-bottom: 2rem;
}

.footer_bottom-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section_build-hero {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.button-large {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #5955f4;
  background-image: url('../images/download-icon.svg');
  background-position: 11%;
  background-repeat: no-repeat;
  background-size: 1rem;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 2.5rem 1.5rem 4.25rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-weight: 400;
  display: flex;
}

.button-large.is-without-icon {
  background-image: none;
  padding-left: 2.5rem;
}

.button-large.is-without-icon.is-calendly {
  margin-left: 1rem;
}

.steps-title_component {
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
  display: flex;
}

.steps-title_line {
  background-color: #ddd;
  width: 50%;
  height: .1rem;
}

.steps-title_heading-wrapper {
  flex: none;
  margin-left: 1rem;
  margin-right: 1rem;
}

.max-width-medium-v2 {
  width: 100%;
  max-width: 36rem;
}

.build-steps-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.build-steps-grid.is-two-columns {
  grid-template-columns: 1fr 1fr;
}

.build-steps-grid-item {
  grid-row-gap: 2rem;
  border: .1rem solid #e4e4e4;
  flex-direction: column;
  padding: 2rem;
  display: flex;
}

.tool-card_component {
  display: flex;
}

.tool-card_component.is-article {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.tool-card_image {
  object-fit: cover;
  flex: none;
  width: auto;
  height: 8.5rem;
  margin-right: 1.5rem;
}

.tool-card_image.is-fixed-width {
  width: 16rem;
  height: auto;
}

.tool-card_content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tool-card_review-wrapper {
  align-items: center;
  margin-top: .75rem;
  display: flex;
}

.tool-card_review-stars-wrapper {
  flex: none;
  margin-right: .75rem;
}

.tool-card_review-stars-image {
  width: 7rem;
  margin-top: -.25rem;
}

.button-underline-v2 {
  color: var(--black);
  font-size: .875rem;
  font-weight: 600;
  text-decoration: underline;
  transition: color .15s, padding .3s;
}

.button-underline-v2:hover {
  color: var(--slate-blue);
  padding-left: .25rem;
  text-decoration: none;
}

.build-steps-grid-item-separator {
  background-color: #e4e4e4;
  width: 100%;
  height: .1rem;
}

.build-steps-inner-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bg-1-shape-6 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
  position: relative;
  top: -25%;
}

.bg-1-shape-7 {
  z-index: 1;
  background-color: #fff;
  border-radius: 100vh;
  width: 200%;
  height: 25%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.icon-3-shape-wrapper {
  width: 1.75rem;
  height: 1.75rem;
  position: absolute;
  inset: 1rem 0% auto auto;
}

.bg-2-shape-5 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 40%;
}

.bg-2-shape-11 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.icon-1-shape-3 {
  background-color: #a6a3f3;
  border-radius: 100vh;
  width: 1.4rem;
  height: 1.4rem;
}

.icon-2-strip-purple {
  transform-origin: 10% 60%;
  background-color: #c597e280;
  border-radius: .5rem;
  width: 4.5rem;
  height: 1.25rem;
  position: absolute;
  inset: auto auto 0% .25rem;
  overflow: hidden;
  transform: rotate(-50deg);
}

.icon-2-strip-red {
  transform-origin: 10% 60%;
  background-color: #fb764980;
  border-radius: .5rem;
  width: 4.5rem;
  height: 1.25rem;
  position: absolute;
  inset: auto auto 0% .5rem;
  overflow: hidden;
  transform: rotate(0);
}

.bg-2-grid-block {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.bg-2-shape-12 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-1-shape-18 {
  background-color: #fb7649;
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-1-shape-11 {
  z-index: 1;
  background-color: #fff;
  border-radius: 100vh;
  width: 200%;
  height: 25%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.icon-2-stripe-purple-shade-2 {
  background-color: #c597e2;
  border-radius: .5rem;
  width: 33.33%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.icon-1-shape-1 {
  background-color: #fff6;
  border-radius: .3rem;
  width: 1.4rem;
  height: 1.4rem;
}

.bg-1-shape-13 {
  background-color: #fb7649;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.bg-1-shape-16, .bg-1-shape-17 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-1-shape-8 {
  background-color: #5955f4;
  border-radius: 100vh;
  width: 50%;
  height: 100%;
}

.bg-2-shape-4 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-1-shape-5 {
  background-color: #fb7649;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.icon-1-circle-red {
  mix-blend-mode: darken;
  background-color: #fb7649;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 2.3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: .25rem 0% auto;
}

.icon-1-circle-blue {
  mix-blend-mode: darken;
  background-color: #5955f4;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 2.3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto auto .25rem 0%;
}

.icon-2-stripe-purple-shade-1 {
  background-color: #c597e280;
  border-radius: .5rem;
  width: 66.66%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.bg-2-shape-2 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.span-bold-blue {
  color: #3a379f;
  font-weight: 700;
}

.icon-2-strip-blue {
  transform-origin: 10% 60%;
  background-color: #5955f480;
  border-radius: .5rem;
  width: 4.5rem;
  height: 1.25rem;
  position: absolute;
  inset: auto auto 0% .35rem;
  overflow: hidden;
  transform: rotate(-25deg);
}

.newsletter_component {
  grid-row-gap: 1.75rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 4rem 6rem;
  position: relative;
  overflow: hidden;
}

.newsletter_component.is-inline-newsletter {
  padding: 3rem;
  display: none;
}

.bg-1-shape-19 {
  background-color: #fff;
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-1-shape-2 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 100%;
  height: 75%;
}

.bg-1-shape-blank {
  width: 100%;
  height: 4rem;
}

.bg-2-shape-8 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 40%;
}

.icon-2-stripe-blue-shade-2 {
  background-color: #5955f4;
  border-radius: .5rem;
  width: 33.33%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.section_tools-hero {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.icon-2-stripe-blue-shade-1 {
  background-color: #5955f480;
  border-radius: .5rem;
  width: 66.66%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.icon-1-circle-white {
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 2.3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% .25rem auto;
}

.bg-2-grid-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 16rem;
  height: 26rem;
  display: grid;
  position: absolute;
  inset: auto -2.5rem -2.5rem auto;
}

.icon-2-white-dot {
  background-color: #fff;
  border-radius: 100vh;
  width: .5rem;
  height: .5rem;
  position: absolute;
  inset: auto auto .25rem .75rem;
}

.bg-1-shape-3 {
  background-color: #fff;
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-1-shape-12 {
  background-color: #5955f4;
  border-radius: 100vh;
  width: 50%;
  height: 100%;
}

.bg-1-shape-10 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.bg-1-shape-4 {
  background-color: #5955f4;
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-1-shape-1 {
  background-color: #fff;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.icon-2-stripe-red-shade-1 {
  background-color: #fb764980;
  border-radius: .5rem;
  width: 66.66%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.icon-1-shape-2 {
  width: 1.4rem;
  height: 1.4rem;
  position: relative;
  top: .05rem;
}

.icon-3-shape-3a {
  background-color: #5955f466;
  border-radius: .25rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% .8rem;
}

.bg-1-shape-9 {
  background-color: #fff;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
  position: relative;
  top: -25%;
}

.bg-2-grid-1 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 16rem;
  height: 26rem;
  display: grid;
  position: absolute;
  inset: auto auto -2.5rem -2.5rem;
}

.icon-3-shape-2 {
  background-color: #fff;
  border-radius: .25rem;
  width: 3.25rem;
  height: 1.75rem;
  position: absolute;
  inset: auto auto 1.75rem 0%;
}

.hero_heading {
  font-size: 4.5rem;
}

.bg-2-shape-3 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 60%;
}

.bg-1-grid-block {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.bg-2-shape-7 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 40%;
}

.bg-2-shape-9 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-2-shape-14 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 60%;
}

.bg-1-grid-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 25rem;
  height: 20rem;
  display: grid;
  position: absolute;
  inset: auto -2.5rem -2.5rem auto;
}

.icon-2-stripe-red-shade-2 {
  background-color: #fb7649;
  border-radius: .5rem;
  width: 33.33%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.bg-2-shape-10 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 40%;
}

.bg-2-shape-13, .bg-2-shape-1 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-1-shape-14 {
  background-color: #5955f4;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.icon-3-shape-1 {
  background-color: #fb7649;
  border-radius: .25rem;
  width: 100%;
  height: 1.75rem;
  position: absolute;
  inset: auto 0% 0%;
}

.bg-1-shape-15 {
  background-color: #fff;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.bg-2-shape-6 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.icon-3-shape-3c {
  background-color: #5955f4;
  border-radius: .25rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.bg-1-grid-1 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 25rem;
  height: 20rem;
  display: grid;
  position: absolute;
  inset: auto auto -2.5rem -2.5rem;
}

.icon-3-shape-3b {
  background-color: #5955f499;
  border-radius: .25rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% .4rem;
}

.section_tool-month {
  overflow: hidden;
}

.tool-month-slider-slide-content-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 24rem;
  padding: 2rem 2rem 3rem;
  display: flex;
}

.tool-month-slider-slide-content-left.background-color-lavender {
  background-color: var(--lavender);
}

.tool-month-slider-slide-content-right {
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 60%;
  height: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  display: flex;
  position: relative;
}

.tool-month-slider-slide-content {
  display: flex;
}

.tool-month-slider-slide {
  margin-right: 6rem;
}

.tool-month-slider-mask {
  width: 85%;
  overflow: visible;
}

.tool-month-slider {
  background-color: #ddd0;
  height: auto;
}

.tool-month-slider-slide-thumbnail {
  height: auto;
}

.tool-month-review-content {
  grid-column-gap: 1rem;
  border-top: .1rem solid #ddd;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2rem;
  display: flex;
}

.tool-month-review-content-left {
  justify-content: space-between;
  width: 3.5rem;
  height: 3.5rem;
}

.tool-month-review-content-right {
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.review-stars-content {
  grid-column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.review-star-image {
  width: 1.5rem;
  height: 1.5rem;
}

.review-star-image.is-full-width {
  width: 100%;
}

.review-star-image.is-comparison {
  width: 6rem;
}

.review-stars-content-left, .review-stars-content-right {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tool-month-parargraph {
  font-size: 1rem;
}

.background-color-lavender {
  background-color: var(--lavender);
}

.background-color-seashell {
  background-color: var(--seashell);
}

.background-color-ghost {
  background-color: var(--ghost-white);
}

.tool-month-slider-wrapper {
  padding-bottom: 4rem;
  position: relative;
}

.tools-card-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tools-card-content._3-col {
  grid-template-columns: 1fr 1fr 1fr;
}

.tools-card {
  grid-row-gap: 1rem;
  background-color: var(--white);
  cursor: pointer;
  border: .1rem solid #ddd;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding: 1rem;
  display: flex;
}

.tools-card.no-spacing {
  grid-row-gap: 0rem;
}

.categories-content {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.categories-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  display: flex;
  position: relative;
}

.categories-card.is-horizontal {
  grid-column-gap: 2rem;
  flex-direction: row;
}

.categories-card.is-horizontal:hover {
  text-decoration: underline;
}

.categories-card-icon-content {
  grid-column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.categories-card-icon {
  background-color: #f3f3f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: .5rem;
  display: flex;
  overflow: hidden;
}

.card-button {
  text-align: center;
  text-transform: uppercase;
  border: .1rem solid #bbb;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .75rem 2rem;
  font-family: Soehne mono web halbfett;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.2;
  transition: border-color .15s;
  display: block;
}

.card-button:hover {
  border-color: var(--black);
}

.hero-content {
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-content.is-dark {
  justify-content: flex-start;
  margin-left: 8rem;
  margin-right: 8rem;
  padding-left: 0;
}

.hero-paragraph {
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.tools-card-image-wrapper {
  overflow: hidden;
}

.review-stars-text-link {
  color: #1d1d1d;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1;
  text-decoration: underline;
}

.section_tools-form-hero {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.tools-form-hero-content {
  grid-column-gap: 4rem;
  justify-content: space-between;
  position: relative;
}

.tools-form-hero-content-left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 52rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tools-form-hero-form {
  background-color: var(--white);
  border-top-left-radius: 2.5rem;
  width: 100%;
  max-width: 28rem;
  margin-bottom: 0;
  padding: 1.5rem 2rem 2rem;
  position: relative;
}

.tools-form-hero-content-right {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: none;
  position: relative;
}

.tools-form-hero-form-wrapper {
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tools-form-hero-form-paragraph {
  font-size: 1rem;
}

.select-field {
  background-color: var(--white);
  color: #777;
  background-image: url('../images/chevron-down-grey.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
  border: .1rem solid #bbbbbb80;
  height: 2.75rem;
  margin-bottom: 0;
  padding: .75rem;
}

.select-field:focus, .select-field:focus-visible, .select-field[data-wf-focus-visible] {
  border-color: #bbbbbb80;
}

.submit-button {
  background-color: var(--slate-blue);
  width: 100%;
  padding: .75rem 1rem;
  font-family: Testsöhnemono;
  font-size: .8rem;
  font-weight: 900;
}

.tools-form-hero-form-block {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.tools-form-hero-icon-wrapper {
  width: 5rem;
  height: 5rem;
  position: relative;
}

.bg-3-wrapper-1 {
  background-color: #cfcef8;
  border-radius: 100vh;
  flex-direction: row;
  justify-content: flex-start;
  width: 10rem;
  height: 5rem;
  display: flex;
  position: absolute;
  inset: auto 29.5rem 0% auto;
}

.bg-3-shape-1 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: 50%;
  height: 100%;
}

.bg-3-wrapper-2 {
  background-color: #cfcef8;
  border-radius: 100vh;
  flex-direction: column;
  justify-content: flex-end;
  width: 5rem;
  height: 10rem;
  display: flex;
  position: absolute;
  inset: auto 29.5rem 5rem auto;
}

.bg-3-shape-2 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-3-wrapper-4 {
  background-color: #cfcef8;
  border-radius: 100vh;
  flex-direction: column;
  justify-content: flex-start;
  width: 5rem;
  height: 10rem;
  display: flex;
  position: absolute;
  inset: -2.5rem -2.5rem auto auto;
}

.bg-3-shape-4 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-3-wrapper-3 {
  background-color: #cfcef8;
  border-radius: 100vh;
  flex-direction: row;
  justify-content: flex-start;
  width: 10rem;
  height: 5rem;
  display: flex;
  position: absolute;
  inset: -2.5rem -2.5rem auto auto;
}

.bg-3-shape-3 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 50%;
  height: 100%;
}

.bg-3-wrapper-5 {
  flex-direction: column;
  justify-content: flex-start;
  width: 5rem;
  height: 10rem;
  display: flex;
  position: absolute;
  inset: auto -2.5rem 5rem auto;
}

.bg-3-shape-5 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-3-shape-6 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-3-wrapper-6 {
  background-color: #cfcef8;
  border-radius: 100vh;
  flex-direction: row;
  justify-content: flex-end;
  width: 10rem;
  height: 5rem;
  display: flex;
  position: absolute;
  inset: auto -2.5rem -5rem auto;
}

.bg-3-shape-7 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: 50%;
  height: 100%;
}

.select-field-arrow-hide {
  display: none;
}

.academy-hero-content {
  text-align: center;
  max-width: 38rem;
  margin-left: auto;
  margin-right: auto;
}

.academy-hero-button-wrapper {
  grid-column-gap: 1rem;
  justify-content: center;
  align-items: stretch;
  margin-top: 2rem;
  display: flex;
}

.button-large-secondary {
  color: #1d1d1d;
  text-align: center;
  text-transform: uppercase;
  background-color: #3898ec00;
  border: .1rem solid #bbb;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 2.5rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-weight: 400;
}

.button-large-secondary.is-full-width {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  transition: border-color .2s;
  display: block;
}

.button-large-secondary.is-full-width:hover {
  border-color: #000;
}

.academy-hero-content-2-outer {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 4.5rem;
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
  display: flex;
  position: relative;
}

.academy-hero-content-2-bg-image {
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0% auto auto;
}

.academy-hero-content-2-inner {
  z-index: 1;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.academy-start-grid {
  grid-column-gap: 0rem;
  display: flex;
}

.academy-start-grid-column {
  grid-row-gap: .5rem;
  flex-direction: column;
  width: 45%;
  display: flex;
}

.academy-start-grid-column.is-right {
  grid-row-gap: 2rem;
  background-color: #eeeeff80;
  width: 55%;
  padding: 2rem;
}

.academy-start-grid-column-item {
  background-color: #fff;
  align-items: flex-start;
  padding: 2.25rem 3rem 2.25rem 2.25rem;
  transition: background-color .2s;
  display: flex;
}

.academy-start-grid-column-item:hover, .academy-start-grid-column-item.w--current {
  background-color: #eeeeff80;
}

.section_academy-courses {
  overflow: hidden;
}

.top-nocode-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.top-nocode-content-column {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border: .1rem solid #e4e4e4;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.top-nocode-card-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 1rem;
  display: grid;
}

.top-nocode-card-heading {
  text-transform: none;
  font-family: Graphik web, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.section_pop-use-cases {
  overflow: hidden;
}

.pop-use-cases-slider-wrapper {
  padding-bottom: 4rem;
  position: relative;
}

.pop-use-cases-slider {
  background-color: #ddd0;
  height: auto;
}

.pop-use-cases-slider-mask {
  width: 85%;
  overflow: visible;
}

.pop-use-cases-slider-slide {
  margin-right: 6rem;
}

.pop-use-cases-slider-slide-content {
  align-items: flex-start;
  display: flex;
}

.pop-use-cases-slider-slide-content-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 45%;
  display: flex;
}

.pop-use-cases-slider-slide-content-right {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 60%;
  height: auto;
  padding-left: 2rem;
  display: flex;
  position: relative;
}

.pop-use-cases-parargraph {
  font-size: 1rem;
}

.pop-use-cases-slider-slide-thumbnail {
  object-fit: cover;
  width: 100%;
}

.pop-use-cases-inset-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  border-top: .1rem solid #ddd;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 2rem;
  display: grid;
}

.pop-use-cases-slide-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hero-button {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #5955f4;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 2.5rem;
  font-family: Soehne mono web kraftig;
}

.card-button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-button-color {
  border: .1rem solid var(--slate-blue);
  background-color: var(--slate-blue);
  width: 100%;
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding: .75rem 2rem;
  font-family: Soehne mono web halbfett;
  font-size: .9rem;
  font-weight: 600;
  display: flex;
}

.categories-card-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.bg-4-shape-4 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.cta-form {
  width: 100%;
  margin-bottom: 0;
}

.cta1-content-right {
  justify-content: flex-end;
  align-items: center;
  min-width: 30rem;
  display: flex;
  position: relative;
}

.cta1-content-right.is-category-page {
  min-width: 10rem;
}

.cta-form-button {
  background-color: #5955f4;
  height: 100%;
  padding: .5rem 1.5rem;
  font-family: Soehne mono web kraftig;
  font-size: .8rem;
  font-weight: 800;
}

.cta-form-block {
  width: 100%;
}

.bg-4-shape-7 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.cta1-content-left {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.bg-4-shape-2 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.bg-4-grid-block {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.cta-form-wrapper {
  grid-column-gap: 1rem;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 4rem;
  display: flex;
}

.cta-select-field {
  background-color: var(--lavender);
  color: #3a379f;
  background-image: url('../images/chevron-down-blue.svg');
  background-position: 93%;
  background-repeat: no-repeat;
  background-size: auto;
  border: .1rem solid #a4a1f9;
  flex: 1;
  height: 100%;
  margin-bottom: 0;
  padding: .5rem 1.5rem;
  font-size: 1rem;
}

.cta-select-field:focus, .cta-select-field:focus-visible, .cta-select-field[data-wf-focus-visible] {
  border-color: #a4a1f9;
}

.bg-4-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  opacity: .5;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 20rem;
  height: 20rem;
  display: grid;
  position: absolute;
  inset: auto -2.5rem -2.5rem auto;
}

.cta1-content {
  grid-column-gap: 6rem;
  justify-content: space-between;
  align-items: center;
  height: 15rem;
  padding: 3rem 4rem 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta1-content.is-category-page {
  height: 2rem;
}

.cta1-content.is-category-page.background-color-grey {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: .1rem solid #ddd;
  padding: 2rem 1rem 2rem 2rem;
}

.bg-4-shape-1 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
  position: absolute;
  inset: auto 0% 0%;
}

.bg-4-shape-6 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.bg-4-shape-3 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.bg-4-shape-5 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.background-style-1 {
  background-color: var(--ghost-white);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.background-style-2 {
  background-color: var(--lavender);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.background-style-2.is-opacity-50 {
  opacity: .35;
}

.newsletter_content {
  grid-row-gap: 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.background-style-3 {
  position: absolute;
  inset: 0%;
}

.background-style-5 {
  background-color: var(--lavender);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.section_symbols {
  position: relative;
}

.symbol-wrapper-large {
  height: 30rem;
  margin-bottom: 6rem;
  position: relative;
}

.symbol-wrapper-small {
  height: 15rem;
  margin-bottom: 6rem;
  position: relative;
}

.custom-icon-1, .custom-icon-2, .custom-icon-3 {
  width: 5rem;
  height: 5rem;
  position: relative;
}

.symbol-wrapper-lavender {
  background-color: var(--lavender);
  margin-bottom: 6rem;
  padding: 2rem;
  position: relative;
}

.background-style-4 {
  background-color: var(--ghost-white);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-5-grid-1 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 20rem;
  height: 25rem;
  display: grid;
  position: absolute;
  inset: auto auto 0% -2.5rem;
}

.bg-5-grid-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 20rem;
  height: 25rem;
  display: grid;
  position: absolute;
  inset: auto -2.5rem 0% auto;
}

.bg-5-grid-block {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.bg-5-shape-1 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-5-shape-2 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 200%;
  height: 20%;
}

.bg-5-shape-4 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 100%;
  height: 60%;
}

.bg-5-shape-3 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: 50%;
  height: 100%;
}

.bg-5-shape-5 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-5-shape-6 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 200%;
  height: 20%;
}

.bg-5-shape-8 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 300%;
  height: 20%;
}

.bg-5-shape-7 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: 50%;
  height: 100%;
}

.bg-5-shape-9 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: 33.33%;
  height: 100%;
}

.bg-5-shape-10 {
  background-color: var(--white);
  border-radius: 100vh;
  justify-content: flex-end;
  width: 300%;
  height: 20%;
  display: flex;
}

.bg-5-shape-15 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-5-shape-11 {
  background-color: #cfcef8;
  border-radius: 100vh;
  justify-content: flex-end;
  width: 200%;
  height: 20%;
  display: flex;
  position: absolute;
  inset: auto 0% 20%;
}

.bg-5-shape-12 {
  background-color: #cfcef8;
  border-radius: 100vh;
  justify-content: flex-end;
  width: 200%;
  height: 20%;
  display: flex;
}

.bg-5-shape-16 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-5-shape-13 {
  background-color: #cfcef8;
  border-radius: 100vh;
  justify-content: flex-end;
  width: 100%;
  height: 20%;
  display: flex;
}

.bg-5-shape-14 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  justify-content: flex-end;
  width: 100%;
  height: 20%;
  display: flex;
}

.bg-5-shape-17 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-5-shape-18 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 100%;
  height: 60%;
}

.background-style-6 {
  background-color: var(--ghost-white);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-6-grid-1 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 20rem;
  height: 25rem;
  display: grid;
  position: absolute;
  inset: auto auto -2.5rem -2.5rem;
}

.bg-6-grid-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 20rem;
  height: 25rem;
  display: grid;
  position: absolute;
  inset: auto -2.5rem -2.5rem auto;
}

.bg-6-grid-block {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.bg-6-shape-1 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-6-shape-2 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-6-shape-3 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 100%;
  height: 60%;
}

.bg-6-shape-4 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-6-shape-5 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 100%;
  height: 40%;
}

.bg-6-shape-6 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-6-shape-8 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-6-shape-7 {
  background-color: #cfcef8;
  border-radius: 100vh;
  align-items: flex-end;
  width: 100%;
  height: 40%;
  display: flex;
}

.bg-6-shape-9 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-6-shape-10 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 200%;
  height: 20%;
}

.bg-6-shape-11 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-6-shape-12 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-6-shape-13 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-6-shape-14 {
  background-color: #cfcef8;
  border-radius: 100vh;
  align-items: flex-end;
  width: 100%;
  height: 40%;
  display: flex;
}

.bg-6-shape-15 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-6-shape-16 {
  background-color: #cfcef8;
  border-radius: 100vh;
  align-items: flex-start;
  width: 100%;
  height: 40%;
  display: flex;
}

.bg-6-shape-17 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-6-shape-18 {
  background-color: var(--white);
  border-radius: 100vh;
  align-items: flex-end;
  width: 100%;
  height: 40%;
  display: flex;
}

.background-style-7 {
  background-color: var(--slate-blue);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.background-style-8 {
  background-color: var(--lavender);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-8-grid-1 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 16rem;
  height: 26rem;
  display: grid;
  position: absolute;
  inset: auto 0% -2.5rem auto;
}

.bg-8-grid-block {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.bg-8-shape-1 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 40%;
}

.bg-8-shape-2 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-8-shape-3 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 40%;
}

.bg-8-shape-4 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 200%;
  height: 20%;
}

.bg-8-shape-5 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-8-shape-6 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 60%;
}

.newsletter2_content {
  position: relative;
}

.nav_dropdown {
  height: 100%;
  position: static;
}

.nav_dropdown-body-wrapper {
  background-color: #fff;
  border-top: .1rem solid #e4e4e4;
  min-width: 100%;
  display: none;
  top: 4.5rem;
  left: 0;
  overflow: hidden;
}

.nav_dropdown-body-wrapper.w--open {
  top: 4.4rem;
}

.nav_dropdown-link-text {
  display: inline-block;
}

.nav_dropdown-link-arrow {
  margin-left: .5rem;
}

.nav_dropdown-link-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: static;
}

.nav_dropdown-body {
  display: flex;
}

.nav_dropdown-body-column {
  width: 25%;
  padding-top: 3rem;
  padding-bottom: 4rem;
  padding-right: 3rem;
  position: relative;
}

.nav_dropdown-body-column.is-right {
  width: 75%;
  padding-left: 3rem;
  padding-right: 0;
}

.nav_dropdown-body-column.is-right.is-4-col {
  grid-column-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .65fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav_dropdown-body-column.is-right.is-horizontal {
  grid-column-gap: 2rem;
  display: flex;
}

.nav_dropdown-body-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav_dropdown-body-grid.is-3-col {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.nav_dropdown-body-grid.is-3-col.is-acamedy-grid {
  width: 75%;
}

.nav_dropdown-body-grid-item {
  position: relative;
}

.nav_dropdown-body-column-bg {
  background-color: #f3f3f6;
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.nav_dropdown-body-column-content {
  z-index: 1;
  position: relative;
}

.nav_dropdown-body-column-divider {
  background-color: #e4e4e4;
  width: 100%;
  height: .1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.nav_tools-item {
  color: var(--black);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nav_tools-item:hover {
  text-decoration: underline;
}

.nav_tools-item-logo {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
}

.nav_spacer {
  height: 7rem;
}

.nav-wrapper {
  z-index: 1000;
  background-color: #fff;
  display: block;
  position: sticky;
  top: 0;
  overflow: visible;
}

.nav_dropdown-body-link {
  color: var(--black);
  margin-bottom: .75rem;
  font-size: .875rem;
  text-decoration: none;
  transition: color .15s, padding .5s;
  display: block;
}

.nav_dropdown-body-link:hover {
  color: var(--slate-blue);
  padding-left: .25rem;
  text-decoration: underline;
}

.nav_dropdown-link-separator {
  background-color: #e4e4e4;
  width: .1rem;
  height: 1.5rem;
  margin-right: 1.25rem;
  position: relative;
}

.nav_search-wrapper {
  z-index: 1;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: .25rem;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.nav_search-wrapper:hover {
  background-color: #5955f40d;
}

.nav_search-icon {
  width: auto;
  min-width: 15px;
  height: auto;
}

.nav_search-input-wrapper {
  z-index: 9999;
  background-color: #f3f3f6;
  width: 100%;
  height: 0;
  margin-top: 6.1rem;
  padding: 0 12rem;
  position: fixed;
  top: 4.5rem;
  overflow: hidden;
}

.nav_search-input-form-wrapper {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.nav_search-input-form {
  align-items: center;
  height: 100%;
  display: flex;
}

.nav_search-input-form-input {
  background-color: #fff0;
  border: 1px #000;
  flex: 1;
  height: 100%;
  margin-bottom: 0;
  padding: .5rem 0;
}

.nav_search-input-form-input::placeholder {
  color: var(--black);
}

.nav_search-close-icon {
  opacity: 0;
  width: .9rem;
  height: 1rem;
  position: absolute;
}

.section_tutorials-hero {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.directory_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  align-items: flex-start;
  display: flex;
}

.directory_column {
  flex: none;
  width: 25%;
}

.directory_column.is-right {
  flex: 1;
  width: 75%;
  padding-top: 0;
}

.directory_filters-title {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: 600;
}

.directory_filters-title-wrapper {
  border-bottom: .1rem solid var(--gainsboro);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  height: 4rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
}

.directory_filters-list-fixed {
  height: 12rem;
  padding-bottom: 1.5rem;
  display: none;
  overflow: auto;
}

.directory_filters-checkbox-item {
  align-items: center;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
  display: flex;
  position: relative;
}

.directory_filters-checkbox {
  border-width: .1rem;
  border-color: #e4e4e4;
  border-radius: .25rem;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 .5rem 0 -1.25rem;
}

.directory_filters-checkbox.w--redirected-checked {
  background-color: var(--slate-blue);
  background-size: .75rem;
  border-style: none;
}

.directory_filters-checkbox.w--redirected-focus {
  box-shadow: none;
}

.directory_filters-checkbox-label {
  margin-bottom: 0;
  font-size: .9rem;
  line-height: 1.2;
}

.directory_filters-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  display: flex;
  position: relative;
}

.directory_filters-icon-minus {
  display: none;
}

.directory_filters-block {
  position: relative;
}

.directory_filter-row {
  z-index: 2;
  border-bottom: .1rem solid var(--gainsboro);
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  height: 4rem;
  margin-bottom: 3rem;
  display: flex;
  position: sticky;
  top: 4.4rem;
}

.filter-elements-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: right;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.directory_filter-search-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 16rem;
  display: flex;
}

.directory_filter-search-input {
  border: .1rem solid #fff0;
  flex: 1;
  height: 3rem;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 1rem;
}

.directory_filter-search-input:focus, .directory_filter-search-input:focus-visible, .directory_filter-search-input[data-wf-focus-visible] {
  border-color: #fff0;
}

.directory_filter-search-input::placeholder {
  color: var(--black);
}

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

.categories-card-duration-wrapper {
  display: flex;
}

.categories-card-duration-icon {
  flex: none;
  margin-right: .5rem;
}

.categories-card-duration-text {
  color: #777;
  font-weight: 400;
}

.categories-card-level-wrapper {
  display: flex;
}

.categories-card-level-icon {
  flex: none;
  margin-right: .5rem;
}

.categories-card-level-text {
  color: var(--dark-slate-blue);
  text-transform: uppercase;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.section_lesson-hero {
  background-color: #f9f9fb;
  padding-top: 0;
}

.breadcrumb_link {
  margin-right: 1rem;
  font-size: .875rem;
  font-weight: 600;
  display: inline-block;
}

.breadcrumb_link.is-current {
  color: #777;
}

.lesson-hero-breadcrumb-sidearrow {
  margin-right: 1rem;
}

.button-back {
  color: var(--dark-slate-blue);
}

.button-back-icon {
  width: .85rem;
  margin-top: -.1rem;
  margin-right: .5rem;
}

.button-back-text {
  display: inline-block;
}

.lesson_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.lesson_column {
  width: 65%;
}

.lesson_column.is-right {
  width: 35%;
}

.lesson_info-wrapper {
  grid-column-gap: 1rem;
  margin-top: 1.5rem;
  display: flex;
}

.lesson_info-column {
  align-items: center;
  display: block;
}

.lesson_info-label {
  margin-right: .5rem;
  font-size: .875rem;
  display: inline-block;
}

.lesson_info-difficulty-wrapper {
  display: inline-block;
}

.lesson_info-difficulty-icon {
  flex: none;
  margin-right: .5rem;
}

.lesson_info-difficulty-text {
  color: var(--dark-slate-blue);
  text-transform: uppercase;
  margin-right: .5rem;
  font-family: Graphik web, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  display: inline-block;
}

.lesson_info-tag {
  color: var(--dark-slate-blue);
  text-transform: uppercase;
  margin-right: .5rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  display: inline-block;
}

.lesson_info-tag.is-tool {
  margin-right: 0;
}

.lesson_info-tags-wrapper {
  display: inline-block;
}

.lesson_overview-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.lesson_progress-wrapper {
  background-color: #e4e4e4;
  border-radius: 2rem;
  width: 100%;
  height: .25rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.lesson_progress-bar {
  background-color: #5955f4;
  border-radius: 2rem;
  width: 100%;
  height: 100%;
}

.lesson_item {
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  align-items: flex-start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition: color .2s;
  display: flex;
}

.lesson_item:hover {
  color: var(--dark-slate-blue);
}

.lesson_item.w--current {
  background-color: #3a379f14;
}

.lesson_number-wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  margin-right: 1rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1;
  display: flex;
  position: relative;
  top: -.3rem;
}

.lesson_item-info-wrapper {
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.lesson_item-info-row {
  align-items: center;
  display: flex;
}

.lesson_item-info-row-icon-wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  margin-right: .5rem;
  display: flex;
  position: relative;
}

.lesson-details-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.lesson-details-content-column {
  width: 65%;
}

.lesson-details-content-column.is-right {
  width: 35%;
}

.lesson-details-content-row {
  grid-column-gap: 1rem;
  display: flex;
}

.web-app-card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: .1rem solid #ddd;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
}

.web-app-content-left {
  flex: 1;
}

.web-app-content-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 56%;
  display: flex;
}

.web-app-image {
  width: 100%;
  height: auto;
}

.web-app-header-wrapper {
  grid-column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.web-app-heading {
  font-size: 1.5rem;
}

.web-app-ratings-wrapper {
  grid-column-gap: 3rem;
  border-top: .1rem solid #ddd;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 1.5rem;
  padding-top: 2rem;
  display: flex;
}

.web-app-ratings-content {
  grid-row-gap: .25rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-block {
  font-weight: 700;
}

.web-app-ratings-stars-wrapper {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.review-star-image-small {
  width: 1rem;
  height: 1rem;
}

.web-app-button-wrapper {
  grid-column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-button1 {
  grid-column-gap: .5rem;
  text-align: center;
  text-transform: uppercase;
  border: .1rem solid #bbb;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  font-family: Soehne mono web halbfett;
  font-size: .9rem;
  font-weight: 600;
  transition: border-color .15s;
  display: flex;
}

.hero-button1:hover {
  border-color: var(--black);
}

.hero-button2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: .1rem solid var(--slate-blue);
  background-color: var(--slate-blue);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  font-family: Soehne mono web halbfett;
  font-size: .9rem;
  font-weight: 600;
  transition: border-color .15s, background-color .15s;
  display: flex;
}

.hero-button2:hover {
  border-color: var(--coral);
  background-color: var(--coral);
}

.web-app-wrapper {
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.cta2-content {
  grid-column-gap: 4rem;
  justify-content: space-between;
  align-items: center;
  height: 15rem;
  padding: 3rem 4rem 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta2-content-left {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.cta2-content-right {
  justify-content: flex-end;
  align-items: center;
  min-width: 24rem;
  display: flex;
  position: relative;
}

.cta2-button {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #5955f4;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 2.5rem;
  font-family: Soehne mono web kraftig;
}

.app-articles-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.app-articles-grid.is-3-col {
  grid-template-columns: 1fr 1fr 1fr;
}

.app-articles-grid.topic {
  grid-column-gap: 1.5rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card_tag-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.background-style-9 {
  background-color: var(--lavender);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-9-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  opacity: .5;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 20rem;
  height: 20rem;
  display: grid;
  position: absolute;
  inset: auto 0% -2.5rem auto;
}

.bg-9-grid-block {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.bg-border {
  border-left: .1rem solid #a4a1f9;
  width: .1rem;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% -.05rem;
}

.bg-9-shape-1 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
  position: absolute;
  inset: auto 0% 0%;
}

.bg-9-shape-3, .bg-9-shape-2 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.bg-9-shape-4, .bg-9-shape-5 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.bg-9-shape-6 {
  background-color: #cfcef8;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 75%;
}

.tool-profile-hero-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  display: flex;
}

.tool-profile-hero-content-left {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tool-profile-hero-content-right {
  flex: 1;
}

.tool-profile-hero-icon {
  width: 6rem;
  height: auto;
}

.tool-profile-hero-heading {
  text-transform: none;
  font-family: Graphik web, sans-serif;
  font-size: 2rem;
  font-weight: 700;
}

.hero-tabs-pane-wrapper {
  background-color: var(--lavender);
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
  display: flex;
}

.tool-profile-tags-content {
  grid-column-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tool-profile-tags-content.category {
  margin-top: -15px;
  padding-top: 0;
}

.tool-profile-tags-content.is-category {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
}

.tool-profile-tags-title {
  font-weight: 700;
  display: flex;
}

.tool-profile-tags-text {
  color: var(--dark-slate-blue);
  text-transform: uppercase;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  position: relative;
}

.hero-tags-wrapper {
  grid-row-gap: 1rem;
  border-top: .1rem solid #ddd;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
  padding-top: 2rem;
  display: flex;
}

.hero-tags-wrapper.is-less-space {
  grid-row-gap: .5rem;
  border: 0 solid #000;
  border-top: .1rem solid #ddd;
  margin-top: 0;
  padding-top: 1rem;
}

.hero-button-wrapper {
  grid-column-gap: 1rem;
  border-top: .1rem #ddd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
  padding-top: 0;
  display: flex;
}

.hero-tabs-pane-image {
  width: 65%;
  height: auto;
}

.section_tools-features {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 8rem;
  position: relative;
  overflow: hidden;
}

.section_tools-features.is-overflow-visible {
  padding-top: 0;
  padding-bottom: 2rem;
  overflow: visible;
}

.tools-about-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  display: flex;
}

.tools-about-content-left {
  flex: 1;
}

.tools-about-content-right {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.tool-about-dropdown-left {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tools-dropdown-toggle {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem;
  font-weight: 700;
  display: flex;
}

.tool-about-checkmark-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.tools-dropdown {
  background-color: #f9f9fb;
  border: .1rem solid #e4e4e4;
  width: 100%;
  position: relative;
}

.tools-dropdown-list {
  background-color: #0000;
  border: 0 solid #000;
  padding: 0 .5rem .5rem;
  position: relative;
}

.tools-dropdown-list:focus, .tools-dropdown-list:focus-visible, .tools-dropdown-list[data-wf-focus-visible] {
  border-width: 0;
}

.tools-dropdown-list.is-text {
  padding: 1rem 1.5rem 1.5rem;
}

.background-color-white-smoke {
  background-color: #f9f9fb;
}

.tools-dropdown-list-wrapper {
  justify-content: space-between;
  padding: 1.5rem;
  display: flex;
}

.tools-dropdown-list-content-left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tools-dropdown-list-content-right {
  grid-column-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.tools-dropdown-text {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1;
}

.tools-dropdown-list-icon {
  height: auto;
}

.tools-dropdown-stars-wrapper {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tools-dropdown-stars-wrapper.is-wider {
  width: 6.5rem;
}

.tools-dropdown-star-icon {
  width: 1rem;
}

.faq-wrapper {
  background-color: var(--white);
  padding: 1.5rem;
}

.tools-features-tabs {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.tools-features-tabs-menu {
  flex-direction: column;
  justify-content: flex-start;
  width: 30%;
  display: flex;
}

.tools-features-tabs-content {
  background-color: #f9f9fb;
  flex: 1;
  min-height: 43.75rem;
  padding: 2rem;
}

.tools-features-tab-link {
  grid-column-gap: 1rem;
  color: #b9b9b9;
  background-color: #0000;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
}

.tools-features-tab-link.w--current {
  color: var(--dark-slate-blue);
  background-color: #f9f9fb;
}

.tools-features-tab-pane-wrapper {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: center;
  padding: 2rem 2rem 3rem;
  display: flex;
}

.tools-features-tab-link-heading {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}

.pricing-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.pricing-card {
  grid-row-gap: .5rem;
  background-color: #f9f9fb;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  height: 100%;
  padding: 2rem;
  display: flex;
}

.pricing-icon {
  margin-bottom: .5rem;
}

.pricing-list-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 1.5rem;
  display: flex;
}

.pricing-list-item-wrapper {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pricing-list-item-wrapper.hide {
  display: none;
}

.cta3-content {
  grid-column-gap: 4rem;
  justify-content: space-between;
  align-items: center;
  height: 15rem;
  padding: 3rem 4rem 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section_cta3 {
  display: block;
}

.cta3-content-left {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.cta3-content-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.background-style-10 {
  background-color: var(--lavender);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-10-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  opacity: .5;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 15rem;
  height: 20rem;
  display: grid;
  position: absolute;
  inset: auto 0% -2.5rem auto;
}

.bg-10-grid-block {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.bg-10-shape-1, .bg-10-shape-3, .bg-10-shape-2, .bg-10-shape-4, .bg-10-shape-5, .bg-10-shape-6 {
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.lesson_item-info-row-icon-blue {
  opacity: 0;
  display: block;
  position: absolute;
}

.lesson-related-card-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.related-card_component {
  background-color: #f9f9fb;
  padding: 2rem;
}

.lessons-similar-card-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.story-hero-content {
  grid-column-gap: 8.75rem;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 4rem;
  display: flex;
}

.story-hero-content-column {
  width: 50%;
}

.story-hero-content-column.is-right {
  min-width: 40.25rem;
}

.story-hero-content-column.is-left {
  max-width: 33rem;
}

.story-hero-content-image {
  width: 100%;
}

.content-separator {
  background-color: #ddd;
  width: 100%;
  height: .1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.story-info-wrapper {
  grid-column-gap: 1rem;
  margin-top: 1.5rem;
  display: flex;
}

.story-info-column {
  align-items: center;
  display: block;
}

.story-info-label {
  margin-right: .5rem;
  font-size: .875rem;
  display: inline-block;
}

.story-info-tags-wrapper {
  display: inline-block;
}

.story-info-tag {
  color: var(--dark-slate-blue);
  text-transform: uppercase;
  margin-right: .5rem;
  font-family: Graphik web, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  display: inline-block;
}

.story-related-card-wrapper {
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.article-body-content {
  grid-column-gap: 9rem;
  display: flex;
}

.article-body-content-column {
  width: 63%;
}

.article-body-content-column.is-right {
  width: 37%;
}

.article-body-richtext {
  font-size: 1.125rem;
}

.article-body-richtext h1 {
  text-transform: none;
  font-family: Graphik;
  font-size: 2rem;
  line-height: 1.2;
}

.article-body-richtext h2 {
  text-transform: none;
  font-family: Graphik;
  font-size: 1.25rem;
}

.article-body-richtext figcaption {
  color: #777;
  text-align: left;
  margin-top: 1rem;
  font-size: .875rem;
}

.article-body-richtext figure {
  margin-top: 0;
}

.article-body-richtext ul {
  padding-left: 1rem;
}

.large-tool_component {
  grid-column-gap: 1.5rem;
  border: .1rem solid #e4e4e4;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.large-tool_image {
  flex: none;
  width: 19rem;
}

.large-tool_review-wrapper {
  align-items: center;
  margin-top: .75rem;
  display: flex;
}

.large-tool_review-stars-wrapper {
  flex: none;
  margin-right: .75rem;
}

.large-tool_review-stars-image {
  width: 9.5rem;
  margin-top: -.25rem;
}

.article-body-separator {
  background-color: #ddd;
  height: .1rem;
  margin-top: 7.5rem;
  margin-bottom: 4rem;
}

.comment_component {
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.comment_row {
  align-items: center;
  display: flex;
}

.comment_image {
  border-radius: 50%;
  flex: none;
  width: 3.25rem;
  height: 3.25rem;
  margin-right: 1rem;
}

.comment_text-input {
  border: .1rem solid #bbb;
  min-height: 10rem;
  margin-bottom: 1rem;
  padding: .75rem;
  font-size: .875rem;
}

.use-case-icon {
  width: 1.375rem;
  height: auto;
}

.use-case-body-grid-block-right {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.use-case-hero-wrapper {
  grid-column-gap: 8rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.breadcrumb_text {
  color: #bbb;
  margin-right: 1rem;
  font-size: .875rem;
  font-weight: 600;
  display: inline-block;
}

.use-case-tags-content {
  grid-column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.use-case-tags-wrapper {
  grid-row-gap: .75rem;
  border-top: .1rem solid #c2c2c2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 1.5rem;
  display: flex;
}

.use-case-hero-content-left {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.title-small_heading {
  font-size: 2rem;
}

.use-case-body-heading {
  text-transform: none;
  font-family: Graphik;
  font-size: 2rem;
}

.use-case-menu-wrapper {
  grid-row-gap: .75rem;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.use-case-tags-title {
  color: #bbb;
  font-weight: 700;
}

.use-case-body-grid {
  grid-column-gap: 6rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.use-case-button {
  grid-column-gap: .5rem;
  color: #fff;
  border: .1rem solid #fff;
  justify-content: center;
  align-items: center;
  padding: 1rem 3rem;
  font-family: Soehne mono web kraftig;
  display: flex;
}

.use-case-menu-content-left {
  flex: 1;
  font-size: .8rem;
  font-weight: 600;
}

.use-case-menu-icon {
  height: auto;
}

.title-small_component {
  grid-column-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.use-case-hero-content-right {
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
  display: flex;
}

.title-small_separator {
  border-top: .1rem solid #ddd;
  width: 100%;
  height: .1rem;
}

.title-small_column {
  flex: none;
}

.section_use-case-hero {
  grid-row-gap: 1.75rem;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 6rem;
  position: relative;
  overflow: hidden;
}

.use-case-body-grid-block-left {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.use-case-tags-text {
  color: #fff;
  text-transform: uppercase;
  font-family: Soehne mono web kraftig;
  font-size: .875rem;
}

.use-case-hero-heading {
  font-size: 4.5rem;
}

.use-case-menu-link {
  grid-column-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  transition: padding .15s, color .15s;
  display: flex;
}

.use-case-menu-link:hover {
  color: #5955f4;
  padding-left: .25rem;
  text-decoration: underline;
}

.nav_dropdown-bg {
  background-color: #fffc;
  display: none;
  position: fixed;
  inset: 0%;
}

.nav_dropdown-content {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: none;
  position: static;
}

.card-form_component {
  grid-row-gap: 1.5rem;
  background-color: var(--slate-blue);
  width: 100%;
  max-width: 22rem;
  color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.5rem 3rem 2rem 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-form_component.is-sticky {
  position: sticky;
  top: 8rem;
}

.card-form_heading {
  color: var(--white);
  text-align: left;
  line-height: 1;
}

.card-form_list {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.card-form_list-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.card-form_list-content {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-form_form {
  width: 100%;
  margin-top: .5rem;
  margin-bottom: 0;
  position: relative;
}

.card-form_form-block {
  border: .1rem solid #a4a1f9;
  align-items: center;
  padding: .25rem;
  display: flex;
}

.card-form_form-block:focus {
  border-width: .1rem;
  border-color: #a4a1f9;
}

.card-form_form-input {
  height: 100%;
  color: var(--white);
  background-color: #fff0;
  border: 0 solid #fff0;
  margin-bottom: 0;
  padding: .5rem 1rem;
}

.card-form_form-input:focus {
  color: var(--white);
  border-width: 0;
  border-color: #fff0;
}

.card-form_form-input::placeholder {
  color: #cfcef8;
}

.card-form_form-button {
  background-color: var(--white);
  color: var(--slate-blue);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .9rem;
  transition: color .15s, background-color .15s;
}

.card-form_form-button:hover {
  background-color: var(--coral);
  color: var(--white);
}

.card-form_shape-1 {
  background-color: #ffffff80;
  border-radius: 100vh;
  width: 5rem;
  height: 10rem;
  position: absolute;
  inset: 2.5rem -2.5rem auto auto;
}

.card-form_shape-2 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.card-form_shape-3 {
  background-color: #ffffff80;
  border-radius: 100vh;
  width: 5rem;
  height: 5rem;
  position: absolute;
  inset: -2.5rem 2.5rem auto auto;
}

.card-form_success {
  border: .1rem solid var(--white);
  background-color: #fff0;
  padding: 1rem;
}

.card-form_error {
  background-color: #fd5d5d;
  margin-top: .5rem;
  padding: 1rem;
}

.use-case-rich-text h2 {
  font-family: Graphik;
}

.use-case-rich-text p {
  margin-bottom: 2rem;
}

.use-case-rich-text h4 {
  margin-bottom: 1rem;
}

.use-case-rich-text h1 {
  margin-bottom: 2rem;
}

.use-case-rich-text h3 {
  text-transform: none;
  margin-bottom: 1.5rem;
  font-family: Graphik;
  font-size: 2rem;
  line-height: 1.2;
}

.use-case-rich-text h5 {
  margin-bottom: 1rem;
}

.use-case-rich-text h6 {
  margin-bottom: .5rem;
}

.use-case-rich-text ul {
  margin-bottom: 2rem;
  padding-left: .9rem;
  font-size: 1.125rem;
}

.use-case-rich-text li {
  margin-bottom: .5rem;
}

.use-case-rich-text a:hover {
  text-decoration: underline;
}

.use-case-dropdown {
  border: .1rem solid #e4e4e4;
  width: 100%;
  position: relative;
}

.use-case-dropdown-toggle {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem;
  font-weight: 700;
  display: flex;
}

.use-case-dropdown-list {
  background-color: #0000;
  border: 0 solid #000;
  padding: 0 .5rem .5rem;
  position: relative;
}

.use-case-dropdown-list:focus, .use-case-dropdown-list:focus-visible, .use-case-dropdown-list[data-wf-focus-visible] {
  border-width: 0;
}

.use-case-dropdown-list-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding: 1.5rem;
  display: grid;
}

.use-case-dropdown-list-content {
  grid-column-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.use-case-dropdown-icon {
  width: .75rem;
}

.use-case-dropdown-text {
  font-size: .75rem;
  font-weight: 700;
  line-height: 1;
}

.use-case-table {
  background-color: #0000;
  border: 0 solid #000;
  position: relative;
}

.use-case-table:focus, .use-case-table:focus-visible, .use-case-table[data-wf-focus-visible] {
  border-width: 0;
}

.inline-card {
  grid-column-gap: 1.5rem;
  border: .1rem solid #e4e4e4;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.inline-card-image {
  width: 40%;
}

.inline-card-content {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.inline-card-icon-wrapper {
  grid-column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.inline-card-icon {
  background-color: #f3f3f6;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.inline-card-icon-image {
  justify-content: center;
  align-items: center;
}

.screenshots-card {
  grid-column-gap: 1.5rem;
  border: .1rem solid #e4e4e4;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.screenshots-image-wrapper {
  flex: 1;
}

.nav_button-link {
  grid-column-gap: .5rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #5955f4;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-family: Testsöhnemono;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav_button-link.hide {
  display: none;
}

.symbol-wrapper-auto {
  margin-bottom: 6rem;
  position: relative;
}

.academy-card-shape-1 {
  background-color: #ffffff80;
  border-radius: 100vh;
  flex-direction: column;
  justify-content: flex-end;
  width: 6rem;
  height: 15rem;
  display: flex;
  position: absolute;
  inset: auto -3rem 9rem auto;
}

.academy-card-shape-2 {
  background-color: #ffffff80;
  border-radius: 100vh;
  width: 100%;
  height: 6rem;
}

.academy-card-shape-3 {
  background-color: #ffffff80;
  border-radius: 100vh;
  width: 6rem;
  height: 6rem;
  position: absolute;
  inset: auto -3rem 3rem auto;
}

.academy-card-shape-4 {
  background-color: #ffffff80;
  border-radius: 100vh;
  width: 6rem;
  height: 6rem;
  position: absolute;
  inset: auto 3rem -3rem auto;
}

.home-academy-grid-card-link {
  position: absolute;
  inset: auto auto 2.5rem 2.5rem;
}

.nav_dropdown-heading-link {
  height: auto;
  color: var(--black);
  text-decoration: none;
  transition: padding .3s;
}

.nav_dropdown-heading-link:hover {
  padding-left: .35rem;
  text-decoration: underline;
}

.footer-background {
  background-color: #f5f5f5;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.footer-bg-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 21rem;
  height: 21rem;
  display: grid;
  position: absolute;
  inset: -3.5rem -3.5rem auto auto;
}

.footer-grid-block {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.footer-bg-shape-1 {
  background-color: #0000;
  border: .1rem solid #d4d4d4;
  border-radius: 100vh;
  width: 100%;
  height: 33.33%;
}

.footer-bg-shape-2 {
  background-color: #ebebeb;
  border: .1rem solid #d4d4d4;
  border-radius: 100vh;
  width: 100%;
  height: 33.33%;
}

.footer-bg-shape-3 {
  background-color: #0000;
  border: .1rem solid #d4d4d4;
  border-radius: 100vh;
  width: 100%;
  height: 33.33%;
}

.footer-bg-shape-4 {
  background-color: #ebebeb;
  border: .1rem solid #d4d4d4;
  border-radius: 100vh;
  width: 100%;
  height: 33.33%;
}

.footer-bg-shape-5 {
  background-color: #ebebeb;
  border: .1rem solid #d4d4d4;
  border-radius: 100vh;
  width: 100%;
  height: 66.66%;
}

.footer_social-icons-wrapper {
  width: 1.5rem;
  height: 2.25rem;
  color: var(--black);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.icon-flex {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 200%;
  display: flex;
}

.icon-flex-block {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav_tools-item-logo-wrapper {
  background-color: var(--lavender);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 1rem;
  display: flex;
}

.card_image-wrapper {
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav_tuts-card {
  color: var(--black);
  text-decoration: none;
}

.nav_tuts-card:hover {
  text-decoration: underline;
}

.custom-icon-4 {
  width: 5rem;
  height: 5rem;
  position: relative;
}

.icon-4-shape-1 {
  background-color: #cfcef8;
  border-radius: 100vh;
  width: .65rem;
  height: .65rem;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% auto .5rem .35rem;
}

.icon-4-shape-2 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: .65rem;
  height: .65rem;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% .35rem 1rem auto;
}

.icon-4-shape-3 {
  width: 2.35rem;
  height: 2.35rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: .5rem 0% auto;
}

.icon-4-shape-4 {
  width: 2.35rem;
  height: 2.35rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto auto 0% 0%;
}

.icon-4-shape-5 {
  width: 2.35rem;
  height: 2.35rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 0% auto;
}

.loader_progress-wrapper {
  background-color: #fb764980;
  border-top-right-radius: 100vh;
  border-bottom-right-radius: 100vh;
  width: 6rem;
  height: .4rem;
}

.loader_component {
  background-color: #eef;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 12rem 6rem;
  display: flex;
  position: relative;
}

.loader_shape-2 {
  width: 100%;
  height: 2rem;
  position: absolute;
  inset: 0% 0% auto;
  transform: rotate(-45deg);
}

.loader_shape-3 {
  flex-direction: column;
  justify-content: flex-start;
  width: 2rem;
  height: 100%;
  display: flex;
  position: relative;
}

.loader_shape-2-bar {
  background-color: #5955f480;
  border-radius: 100vh;
  flex-direction: column;
  justify-content: space-between;
  width: 2rem;
  height: 7.65rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.loader_wrapper {
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.loader_shape-2-circle-1 {
  background-color: #5955f4;
  border-radius: 100%;
  width: 100%;
  height: 2rem;
  position: relative;
}

.loader_shapes-wrapper {
  justify-content: space-between;
  width: 6rem;
  height: 6rem;
  display: flex;
}

.loader_shape-2-circle-2 {
  background-color: #5955f4;
  border-radius: 100%;
  width: 100%;
  height: 2rem;
  position: relative;
}

.loader_progress {
  background-color: #fb7649;
  border-top-right-radius: 100vh;
  border-bottom-right-radius: 100vh;
  width: 0%;
  height: 100%;
  position: relative;
}

.loader_shape-3-square, .loader_shape-1-square {
  background-color: #5955f4;
  width: 100%;
  height: 2rem;
  position: relative;
}

.loader_shape-1 {
  background-color: #5955f480;
  border-top-left-radius: 100vh;
  border-top-right-radius: 100vh;
  flex-direction: column;
  justify-content: flex-end;
  width: 2rem;
  height: 100%;
  display: flex;
  position: relative;
}

.background-style-11 {
  background-color: var(--lavender);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-11-grid-1 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  opacity: .3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 21rem;
  height: 28rem;
  display: grid;
  position: absolute;
  inset: auto auto -3.5rem -4.5rem;
}

.bg-11-grid-block {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.bg-11-shape-1, .bg-11-shape-2 {
  border: .1rem solid var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.bg-11-shape-3 {
  border: .1rem solid var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-11-shape-4 {
  border: .1rem solid var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.bg-11-shape-5 {
  border: .1rem solid var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 25%;
  position: relative;
  top: -25%;
}

.bg-11-shape-6 {
  border: .1rem solid var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.bg-11-grid-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  opacity: .3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 21rem;
  height: 28rem;
  display: grid;
  position: absolute;
  inset: auto -4.5rem -3.5rem auto;
}

.bg-11-shape-7, .bg-11-shape-8 {
  border: .1rem solid var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.bg-11-shape-9 {
  border: .1rem solid var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.bg-11-shape-10, .bg-11-shape-11 {
  border: .1rem solid var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 25%;
}

.bg-11-shape-12 {
  border: .1rem solid var(--slate-blue);
  border-radius: 100vh;
  width: 100%;
  height: 50%;
}

.home-academy-grid-card-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.play-video-icon {
  object-fit: cover;
  width: .4rem;
  height: auto;
  margin-right: .5rem;
}

.section_login-hero {
  background-color: #f4eff6;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  padding-top: 6rem;
  padding-bottom: 10rem;
  display: flex;
}

.login_component {
  max-width: 32rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.login_input-field {
  background-color: #fff;
  height: 3rem;
  margin-bottom: 1rem;
  padding: 0 1rem;
}

.login_input-field.is-nav-signup {
  flex: 1;
  margin-bottom: 0;
}

.login_form-wrapper {
  z-index: 1;
  background-color: #fff;
  border-top-left-radius: 2.5rem;
  padding: 2rem 3rem 3rem;
  position: relative;
}

.login_form-wrapper.is-reset-password, .login_form-wrapper.is-update-password {
  flex-direction: column;
  justify-content: center;
  min-height: 26rem;
  display: flex;
}

.login_form-error-wrapper {
  z-index: 1;
  color: #000;
  background-color: #ffabab;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 1rem 1.5rem;
  top: 105%;
}

.login_form-error-wrapper.is-navbar-error {
  color: #ff5151;
  background-color: #ffe8e8;
  margin-top: .5rem;
  padding: .5rem;
  font-size: .85rem;
  font-weight: 600;
}

.login-hero-logo {
  width: 16rem;
  margin-bottom: 6rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.login_checkbox-label {
  font-size: .875rem;
  line-height: 1.25;
}

.login_checkbox-item {
  margin-top: 1.5px;
  margin-right: .35rem;
}

.login_success-wrapper {
  z-index: 1;
  background-color: #fff;
  border-top-left-radius: 2.5rem;
  height: 32rem;
  padding: 2rem 2.5rem;
  position: relative;
}

.login_success-wrapper.is-navbar-success {
  height: auto;
  color: var(--dark-slate-blue);
  text-align: left;
  background-color: #3a379f1a;
  border-radius: 0;
  padding: .5rem;
  font-size: .85rem;
  font-weight: 600;
  top: -.25rem;
}

.login_success-content {
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.login_redirect-block {
  border-bottom: .1rem solid #ddd;
  margin-top: 2rem;
  font-size: .875rem;
  font-weight: 500;
}

.login_verification-wrapper {
  z-index: 1;
  background-color: #fff;
  border-top-left-radius: 2.5rem;
  height: 32rem;
  padding: 2rem 2.5rem;
  position: relative;
}

.login_verification-content {
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.login_checkbox-wrapper {
  align-items: flex-start;
  display: flex;
}

.section_account-hero, .section_access-hero, .section_password-hero, .section_signup-hero {
  background-color: #f4eff6;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  padding-top: 6rem;
  padding-bottom: 10rem;
  display: flex;
}

.account-content-wrapper {
  background-color: #fff;
  border-top-left-radius: 2.5rem;
  max-width: 36rem;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem 3rem;
}

.account-content-header {
  border-style: none;
  padding: 0;
  display: block;
}

.account-content-body {
  border: 1px #000;
  margin-bottom: 1.5rem;
  padding: 1.5rem 0 0;
}

.account-content-checkbox-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: flex;
}

.account-content-checkbox-item {
  margin-top: 0;
  margin-right: .35rem;
}

.account-content-success-wrapper {
  background-color: #b3ec93;
  margin-top: 2rem;
  padding: 1rem 1rem 1rem 1.5rem;
}

.nav-signup-button {
  grid-column-gap: .5rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #5955f4;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: .75rem 1.5rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.nav-signup-button:hover {
  background-color: var(--coral);
}

.nav-signup-button.media {
  height: 60%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.nav-desktop-signup-trigger {
  max-width: 12rem;
  opacity: 1;
  overflow: hidden;
  transform: translateX(0);
  transition: max-width .35s ease, opacity .2s ease, transform .35s ease;
}

.nav-desktop-signup-trigger.is-hidden {
  max-width: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(.75rem);
}

.academy-start-grid-column-item-icon-wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: .25rem;
  margin-right: 1.25rem;
  display: flex;
  position: relative;
}

.hero-tabs {
  flex-direction: column-reverse;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.hero-tabs-menu {
  grid-column-gap: .5rem;
  justify-content: space-between;
  margin-top: .5rem;
  display: flex;
}

.hero-tabs-content {
  background-color: var(--lavender);
  flex: 0 auto;
}

.hero-tabs-link {
  background-color: var(--lavender);
  opacity: .75;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 7rem;
  padding: .5rem;
  display: flex;
}

.hero-tabs-link.w--current {
  background-color: var(--lavender);
  opacity: 1;
}

.hero-tabs-link-image {
  width: 70%;
  height: auto;
}

.about-rich-text h4 {
  text-transform: none;
  margin-bottom: 1rem;
  font-family: Graphik web, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.about-rich-text h3 {
  text-transform: none;
  margin-bottom: 1.5rem;
  font-family: Graphik web, sans-serif;
  font-size: 2rem;
  font-weight: 700;
}

.about-rich-text p {
  margin-bottom: 1.25rem;
}

.about-rich-text ul {
  margin-bottom: 1.5rem;
  padding-left: .9rem;
  font-size: 1.125rem;
}

.about-rich-text li {
  margin-bottom: .25rem;
}

.about-rich-text a:hover {
  text-decoration: underline;
}

.about-rich-text.padding-top.padding-medium {
  width: 50%;
}

.section_tools-comparison {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 8rem;
  position: relative;
  overflow: hidden;
}

.tool-table-row-title {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.4;
}

.tool-table-row-divider {
  border-bottom: .1rem solid #e4e4e4;
  width: 100%;
  height: .1rem;
  position: absolute;
  inset: auto 0% 0%;
}

.tool-table-row-grey {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #f9f9fb;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
  position: relative;
}

.tool-table-row-text {
  font-weight: 700;
  line-height: 1.4;
}

.tool-table-row-white {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
  position: relative;
}

.tool-table-logo-icon {
  width: 2rem;
}

.tool-table-row-header {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
  position: relative;
}

.tool-table-header-text {
  font-weight: 700;
  line-height: 1.4;
}

.tool-table-content {
  flex-direction: column;
  justify-content: flex-start;
}

.tool-table-row-content {
  grid-column-gap: .5rem;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.tool-table-row-content.justify-left {
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 700;
}

.tools-features-tab-link-content-1 {
  margin-top: -.15rem;
}

.tools-features-tab-link-icon {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.tools-features-tab-link-content-2 {
  grid-row-gap: 1rem;
  color: var(--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tools-features-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tools-features-stars-content {
  grid-column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.rtools-features-content-left, .tools-features-content-right {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tools-features-text-link {
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: underline;
}

.tools-features-star-image {
  width: 1.15rem;
}

.tool-features-tab-button {
  grid-column-gap: .5rem;
  text-transform: uppercase;
  border: .1rem solid #bbb;
  justify-content: center;
  align-items: center;
  padding: 1rem 4rem;
  font-family: Soehne mono web kraftig;
  transition: border-color .15s;
  display: flex;
}

.tool-features-tab-button:hover {
  border-color: var(--black);
}

.background-color-violet {
  background-color: #cfcef8;
}

.cta_button-wrapper {
  grid-column-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section_cta.hidden {
  display: none;
}

.cta_component {
  grid-row-gap: 1.75rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 6rem;
  position: relative;
  overflow: hidden;
}

.cta_content {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.cta_button1 {
  border: .1rem solid var(--slate-blue);
  background-color: var(--slate-blue);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .9rem;
  transition: border-color .15s, background-color .15s;
  display: flex;
}

.cta_button1:hover {
  border-color: var(--dark-slate-blue);
  background-color: var(--dark-slate-blue);
}

.cta_button2 {
  text-align: center;
  text-transform: uppercase;
  border: .1rem solid #bbb;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .9rem;
  transition: color .15s, border-color .15s;
  display: flex;
}

.cta_button2:hover {
  border-color: var(--slate-blue);
  color: var(--slate-blue);
}

.showcase-filter-form {
  z-index: 1;
  background-color: var(--white);
  margin-bottom: 3.5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: sticky;
  top: 4.4rem;
}

.showcase-filter-form-wrapper {
  justify-content: space-between;
  display: flex;
}

.showcase-filter-content-left {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.showcase-filter-content-right {
  grid-column-gap: 1rem;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.showcase-filter-text {
  margin-right: 1.5rem;
  font-family: Soehne mono web kraftig;
  font-size: .875rem;
  font-weight: 400;
}

.showcase-filter-search-field {
  color: #777;
  border: .1rem solid #0000;
  min-width: 16rem;
  height: 100%;
  margin-bottom: 0;
  padding: .5rem;
}

.showcase-filter-search-field:focus, .showcase-filter-search-field:focus-visible, .showcase-filter-search-field[data-wf-focus-visible] {
  border-color: #0000;
}

.showcase-filter-search-field::placeholder {
  color: #777;
}

.showcase-filter-search-wrapper {
  border: .1rem solid #bbb;
  justify-content: flex-end;
  align-items: stretch;
  height: 3rem;
  padding-left: 1rem;
  display: flex;
}

.showcase-filter-search-icon {
  width: 1rem;
}

.showcase-filter-select {
  color: #777;
  background-color: #0000;
  background-image: url('../images/chevron-down-grey.svg');
  background-position: 86%;
  background-repeat: no-repeat;
  background-size: auto;
  border: .1rem solid #bbb;
  min-width: 10rem;
  height: 3rem;
  margin-bottom: 0;
  padding: .5rem 1rem .5rem .75rem;
}

.showcase-filter-select:focus, .showcase-filter-select:focus-visible, .showcase-filter-select[data-wf-focus-visible] {
  border-color: #bbb;
}

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

.background-style-12 {
  background-color: #f4eff6;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-12-grid-1 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  opacity: .3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 15rem;
  height: 25rem;
  display: grid;
  position: absolute;
  inset: auto auto 0% -2.5rem;
}

.bg-12-grid-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  opacity: .3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 15rem;
  height: 25rem;
  display: grid;
  position: absolute;
  inset: auto -2.5rem 0% auto;
}

.bg-12-grid-block {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.bg-12-shape-1 {
  background-color: #cfcef8;
  border: .1rem solid #c597e2;
  border-radius: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.bg-12-shape-2 {
  background-color: #f4eff6;
  border: .1rem solid #c597e2;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-12-shape-3 {
  background-color: #cfcef8;
  border: .1rem solid #c597e2;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-12-shape-4 {
  background-color: #f4eff6;
  border: .1rem solid #c597e2;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-12-shape-5 {
  background-color: #cfcef8;
  border: .1rem solid #c597e2;
  border-radius: 100vh;
  width: 200%;
  height: 20%;
}

.bg-12-shape-6 {
  background-color: #cfcef8;
  border: .1rem solid #c597e2;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
  position: relative;
  top: -20%;
}

.bg-12-shape-7 {
  background-color: #f4eff6;
  border: .1rem solid #c597e2;
  border-radius: 100vh;
  width: 200%;
  height: 20%;
  position: relative;
}

.bg-12-shape-8 {
  background-color: #cfcef8;
  border: .1rem solid #c597e2;
  border-radius: 100vh;
  width: 200%;
  height: 20%;
  position: relative;
}

.bg-12-shape-9 {
  background-color: #cfcef8;
  border: .1rem solid #c597e2;
  border-radius: 100vh;
  width: 100%;
  height: 40%;
  position: relative;
  top: -40%;
}

.bg-12-shape-10 {
  background-color: #cfcef8;
  border: .1rem solid #c597e2;
  border-radius: 100vh;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.bg-12-shape-11 {
  background-color: #f4eff6;
  border: .1rem solid #c597e2;
  border-radius: 100vh;
  width: 5rem;
  height: 40%;
  position: absolute;
  inset: 0% 0% auto;
}

.bg-12-shape-12 {
  background-color: #f4eff6;
  border: .1rem solid #c597e2;
  border-radius: 100vh;
  width: 5.2rem;
  height: 5.2rem;
  position: absolute;
  inset: auto 0% -.1rem -.1rem;
}

.home-hero-slide-bg-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 24rem;
  height: 100%;
  display: grid;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.home-hero-slide-bg-grid-block {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.home-hero-bg-shape-1 {
  background-color: #ffffff4d;
  border-radius: 100vh;
  width: 100%;
  height: 33.33%;
}

.home-hero-bg-shape-2, .home-hero-bg-shape-3 {
  background-color: #ffffff4d;
  border-radius: 100vh;
  flex: 1;
  width: 100%;
}

.home-hero-bg-shape-4 {
  background-color: #ffffff4d;
  border-radius: 100vh;
  width: 100%;
  height: 33.33%;
}

.home-hero-bg-shape-5 {
  background-color: #ffffff4d;
  border-radius: 100vh;
  width: 100%;
  height: 100%;
}

.home-hero-bg-shape-6 {
  background-color: #ffffff4d;
  border-radius: 100vh;
  width: 100%;
  height: 33.33%;
}

.section_showcase-hero {
  grid-row-gap: 1.75rem;
  background-color: #f9f9fb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 6rem;
  position: relative;
  overflow: hidden;
}

.showcase-hero-content {
  grid-column-gap: 2rem;
  justify-content: space-between;
  margin-top: 4rem;
  display: flex;
}

.showcase-hero-content-left {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.showcase-hero-content-right {
  flex: 1;
}

.showcase-hero-button-wrapper {
  grid-column-gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.hero-tabs-pane-image-full {
  width: 100%;
  height: auto;
}

.showcase-hero-tabs-pane-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.showcasw-hero-tabs-content {
  background-color: var(--lavender);
}

.showcase-hero-tabs {
  flex-direction: column-reverse;
  justify-content: flex-end;
  height: 100%;
  display: flex;
}

.showcase-hero-tabs-link {
  opacity: .75;
  background-color: #acaaf9;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 6rem;
  padding: .5rem;
  display: flex;
}

.showcase-hero-tabs-link.w--current {
  opacity: 1;
  background-color: #acaaf9;
}

.section_about-project {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  padding-bottom: 4rem;
  position: relative;
  overflow: hidden;
}

.about-project-content {
  grid-column-gap: 8rem;
  justify-content: space-between;
  display: flex;
}

.about-project-content-left {
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.about-project-content-right {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  width: 30%;
  display: flex;
}

.about-project-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-project-grid-block {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.about-project-thumbnail-wrapper {
  padding: 2rem 3rem;
}

.about-project-thumbnail {
  width: 100%;
  height: auto;
}

.about-project-credit-text {
  color: #777;
  font-size: .875rem;
}

.background-color-eggshell {
  background-color: #f5f4e8;
}

.hero-slider-dots-code {
  display: none;
}

.section_wild-hero {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.wild-hero-content {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hero-subheading {
  color: var(--dark-slate-blue);
  text-transform: uppercase;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .875rem;
}

.hero-subheading.is-article {
  font-size: 14px;
  line-height: 20px;
  display: block;
}

.hero-subheading.is-article.is-static {
  color: #1d1d1d;
  margin-right: .2rem;
  font-size: 1.2rem;
  display: block;
}

.hero-subheading.is-article.is-static.is-byline {
  font-size: 14px;
  display: inline-block;
}

.hero-subheading.is-article.top {
  margin-bottom: 25px;
}

.hero-subheading.is-article.is-byline {
  display: inline-block;
}

.wild-hero-heading {
  text-transform: none;
  font-family: Graphik;
  font-size: 2.25rem;
  line-height: 1.2;
}

.wild-hero-tags-wrapper {
  grid-column-gap: 2rem;
  border-top: .1rem solid #ddd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 2rem;
  display: flex;
}

.wild-hero-content-top {
  grid-row-gap: 1rem;
  flex-direction: column;
  width: 50%;
  display: flex;
}

.section_body {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: visible;
}

.body-content {
  grid-column-gap: 3rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.body-content-center {
  grid-row-gap: 3rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-content-right {
  grid-row-gap: 3rem;
  flex-direction: column;
  flex: none;
  max-width: 22rem;
  display: flex;
}

.articles-body-rich-text {
  font-size: 1rem;
}

.articles-body-rich-text h2 {
  text-transform: none;
  margin-bottom: 2rem;
  font-family: Graphik web, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
}

.articles-body-rich-text h4 {
  text-transform: none;
  margin-bottom: 1rem;
  font-family: Graphik web, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 40px;
}

.articles-body-rich-text h3 {
  text-transform: none;
  margin-bottom: 1.5rem;
  font-family: Graphik web, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.articles-body-rich-text p {
  margin-bottom: 1.5rem;
  font-size: 18px;
  line-height: 32px;
}

.articles-body-rich-text ul {
  color: #3a379f;
  margin-bottom: 2rem;
  padding-left: 2rem;
  font-size: 18px;
}

.articles-body-rich-text li {
  color: #1d1d1d;
  margin-bottom: .25rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
}

.articles-body-rich-text img {
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.articles-body-rich-text blockquote {
  border-left-color: var(--slate-blue);
  background-image: url('../images/quote-blue.svg');
  background-position: 3.5% 1%;
  background-repeat: no-repeat;
  background-size: 2.5rem;
  padding-top: 4.5rem;
  font-size: 1.75rem;
  font-weight: 700;
}

.articles-body-rich-text a {
  color: var(--slate-blue);
  text-decoration: underline;
}

.articles-body-rich-text figcaption {
  color: #777;
  text-align: left;
  font-size: 14px;
  line-height: 24px;
}

.wild-image {
  width: 100%;
  height: auto;
}

.more_component {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.more_content {
  grid-column-gap: 1rem;
  justify-content: space-between;
  display: flex;
}

.more_content.is-centrally-aligned {
  flex-direction: row;
  align-items: center;
}

.more_content-left {
  width: 8rem;
}

.more_content-right {
  grid-row-gap: .5rem;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.more_thumbnail {
  object-fit: cover;
}

.more_thumbnail-wrapper {
  justify-content: center;
  align-items: center;
  position: relative;
}

.more_heading {
  font-size: 1rem;
  line-height: 1.3;
}

.more_subheading {
  color: var(--dark-slate-blue);
  text-transform: uppercase;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .75rem;
}

.tools-used_component {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.tools-used_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  display: flex;
}

.tools-used_content.is-centrally-aligned {
  align-items: center;
}

.tools-used_content-left {
  width: 50%;
}

.tools-used_content-right {
  grid-row-gap: .25rem;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.tools-used_text {
  font-size: .875rem;
}

.tools-used_heading {
  font-size: 1.15rem;
}

.similar_component {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.tools-used_link, .similar_link {
  grid-row-gap: 1.5rem;
  border: .1rem solid #ddd;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1rem;
  display: flex;
}

.similar_content {
  grid-column-gap: 1rem;
  justify-content: space-between;
  display: flex;
}

.similar_content-left {
  width: 8rem;
}

.similar_content-right {
  grid-row-gap: .25rem;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.play-video-wrapper {
  cursor: pointer;
  background-color: #fffc;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.play-video-wrapper.is-bigger {
  width: 4rem;
  height: 4rem;
}

.symbol-wrapper-narrow {
  width: 22rem;
  margin-bottom: 6rem;
  position: relative;
}

.section_events-hero {
  position: relative;
}

.events-hero-column-wrapper {
  grid-column-gap: 3rem;
  display: flex;
}

.events-hero-column {
  grid-column-gap: 2rem;
  width: 70%;
  display: flex;
}

.events-hero-column.is-right {
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
}

.events-archive-content {
  grid-row-gap: 2rem;
  flex-direction: column;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.event-card_component {
  grid-column-gap: 3rem;
  border: .1rem solid #e4e4e4;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
}

.event-card_content-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.section_event-template-hero {
  padding-top: 0;
}

.event-template-hero-content {
  grid-column-gap: 8.75rem;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 4rem;
  display: flex;
}

.event-template-hero-content-column {
  width: 50%;
}

.event-template-hero-content-column.is-left {
  width: 60%;
}

.events-related-card-wrapper {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.events-related-card {
  grid-column-gap: 1.5rem;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.events-related-card-image {
  flex: none;
  width: 9rem;
}

.section_contact-hero {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.section_contact-hero.background-color-ghost {
  padding-bottom: 8rem;
}

.section_contact-hero.background-color-ghost.is-lead-magnet {
  height: 100vh;
  padding-top: 3rem;
  padding-bottom: 8rem;
  overflow: visible;
}

.contact-hero-content {
  grid-column-gap: 4rem;
  justify-content: space-between;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.contact-hero-content-left {
  z-index: 1;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.contact-hero-content-left.is-case-study {
  align-items: center;
}

.contact-hero-content-right {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.contact-hero-form {
  background-color: var(--white);
  border-top-left-radius: 2.5rem;
  width: 100%;
  max-width: 32rem;
  margin-bottom: 0;
  padding: 1.5rem 2rem 2rem;
  position: relative;
}

.contact-hero-form.is-case-study {
  max-width: 100%;
}

.contact-hero-form.is-lead-magnet {
  height: 100%;
  padding: 3rem;
}

.contact-hero-form-block {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.contact-hero-form-icon-wrapper {
  width: 5rem;
  height: 5rem;
  position: relative;
}

.contact-hero-form-input-row {
  grid-column-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-hero-form-input-row.is-single-col {
  flex-direction: column;
  align-items: flex-start;
}

.contact-hero-form-input-column {
  width: 50%;
}

.contact-hero-form-input-column.is-wide {
  width: 100%;
}

.section_privacy-hero {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.access-hero-main-content {
  text-align: center;
  background-color: #fff;
  padding: 2rem;
}

.section_about-hero {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.section_about-text {
  position: relative;
  overflow: hidden;
}

.about-featured-content {
  grid-column-gap: 3rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
}

.about-featured-content-column {
  z-index: 1;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  height: auto;
  padding: 3rem;
  display: flex;
  position: relative;
}

.about-featured-content-column.is-right-column {
  background-color: var(--seashell);
}

.featured-content-media-outlets-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.featured-content-media-outlet-logo {
  width: 3rem;
  height: auto;
}

.about-featured-content-quote-text {
  text-align: left;
  max-width: 54rem;
  font-size: 1.75rem;
  font-weight: 700;
}

.about-text-content {
  z-index: 1;
  position: relative;
}

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

.team_card {
  grid-column-gap: 2rem;
  background-color: var(--seashell);
  align-items: flex-start;
  padding: 2rem;
  display: flex;
}

.team_card-image {
  object-fit: cover;
  border-radius: 50%;
  width: 9rem;
  height: 9rem;
}

.team_card-content {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.section_partner-hero {
  background-color: var(--seashell);
}

.partner-hero-content-row-1 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2.5rem;
  display: grid;
}

.partner-hero-content-row-2 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.partner-hero-content-image {
  object-fit: cover;
  width: 100%;
  height: auto;
}

.partner-hero-logo {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.partner-hero-logo.is-small {
  width: 40%;
}

.section_partner-points {
  background-color: var(--white);
}

.partner-points-content {
  grid-column-gap: 2rem;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 3rem;
  display: flex;
}

.partner-points-content-column {
  grid-row-gap: 1rem;
  flex-direction: column;
  width: 45%;
  display: flex;
}

.partner-points-content-column.is-right {
  grid-row-gap: 2rem;
  width: 50%;
}

.partner-points-content-column-item {
  border: .1rem solid #e7e7e7;
  align-items: flex-start;
  padding: 1.5rem;
  transition: background-color .2s;
  display: flex;
}

.partner-points-content-column-item:hover {
  background-color: #f9f9fb;
}

.partner-points-content-image {
  object-fit: cover;
  height: 100%;
}

.section_compare-hero {
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
}

.compare-hero-text-wrapper {
  grid-column-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.compare-hero-heading-text {
  display: inline-block;
}

.compare-hero-heading-text.is-smaller {
  font-size: 3rem;
}

.compare-ratings-content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  display: flex;
}

.compare-ratings-content-bottom-row {
  grid-column-gap: 1.5rem;
  background-color: #f9f9fb;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 1rem;
  display: flex;
}

.compare-ratings-stars {
  background-color: #0000;
  border: 0 solid #000;
  width: 80%;
  padding: .5rem;
  position: relative;
}

.compare-ratings-stars:focus, .compare-ratings-stars:focus-visible, .compare-ratings-stars[data-wf-focus-visible] {
  border-width: 0;
}

.compare-ratings-logo {
  width: 20%;
  height: auto;
  margin-top: .5rem;
  margin-left: .5rem;
}

.compare-ratings-content-column {
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.compare-ratings-content-top-row-inner-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.compare-analysis-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.compare-analysis-grid-item {
  grid-column-gap: 1rem;
  color: #b9b9b9;
  background-color: #f9f9fb;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.5rem 2.5rem 2rem;
  display: flex;
}

.compare-analysis-grid-item.w--current {
  color: var(--dark-slate-blue);
  background-color: #f9f9fb;
}

.compare-analysis-grid-item-content-2 {
  grid-row-gap: 1rem;
  color: var(--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.compare-analysis-grid-item-heading {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}

.compare-analysis-grid-item-logo {
  height: 3.5rem;
}

.compare-winner-content {
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
  position: relative;
}

.compare-winner-bg-wrapper {
  position: relative;
}

.compare-winner-logo {
  height: 6rem;
}

.compare-winner-name-wrapper {
  grid-row-gap: .25rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: .5rem;
  display: flex;
}

.compare-winner-stars-image {
  width: 8rem;
}

.compare-winner-info-wrapper {
  grid-column-gap: 2rem;
  align-items: center;
  display: flex;
}

.compare-conclusion-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.compare-conclusion-content-column {
  width: 50%;
  padding-top: 1rem;
}

.compare-conclusion-content-column.is-right-column {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 50%;
  padding-top: 0;
  display: grid;
}

.buyers-tags-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.buyers-hero-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  display: flex;
}

.buyers-hero-content-left {
  grid-row-gap: 1.5rem;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.buyers-hero-content-right {
  flex: 1;
}

.buyers-hero-heading {
  text-transform: none;
  font-family: Graphik;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.buyers-hero-image {
  width: 100%;
  height: auto;
}

.hero-ratings-wrapper {
  grid-column-gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.hero-ratings-content {
  grid-row-gap: .75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hero-ratings-text {
  font-size: 1.125rem;
}

.section_buyers-info {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 8rem;
  position: relative;
  overflow: hidden;
}

.buyers-info-content {
  grid-column-gap: 4rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.toc-wrapper {
  flex: none;
  width: 16rem;
  display: block;
  position: sticky;
  top: 8rem;
}

.buyers-info-content-right {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.toc-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.toc-text-link {
  text-align: left;
  margin-bottom: 1rem;
  padding-left: 5px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  display: inline-block;
}

.toc-text-link:hover {
  color: var(--slate-blue);
}

.toc-text-link.w--current {
  color: var(--slate-blue);
  font-weight: 600;
}

.section_definitive-info {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 8rem;
  position: relative;
}

.section_thought-hero.article {
  background-color: #f3f2ff;
  margin-bottom: 1rem;
}

.section_thought-info {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 8rem;
  position: relative;
  overflow: hidden;
}

.next-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.next-card {
  grid-column-gap: 1.5rem;
  border: .1rem solid #ddd;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.next-card-text-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.next-card-subheading {
  color: var(--dark-slate-blue);
  font-family: Soehne mono web kraftig;
  font-size: 1rem;
}

.next-card-button {
  border: .1rem solid var(--slate-blue);
  background-color: var(--slate-blue);
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding: .75rem 2rem;
  font-family: Soehne mono web kraftig;
  font-size: .9rem;
  transition: color .15s, background-color .15s, border-color .15s;
  display: flex;
}

.next-card-button:hover {
  border-color: var(--slate-blue);
  background-color: var(--white);
  color: var(--slate-blue);
}

.next-card-image-wrapper {
  flex: 1;
  position: relative;
}

.play-video-wrapper-large {
  cursor: pointer;
  background-color: #fffc;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.play-video-wrapper-large.hide {
  display: none;
}

.play-video-icon-large {
  width: 1rem;
}

.faqs_component {
  width: 100%;
}

.faqs_grid {
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.faqs_grid.is-2-column {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-columns: 1fr 1fr;
}

.faqs_grid-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.faqs_dropdown {
  font-size: 1.125rem;
  position: relative;
}

.faqs_dropdown-toggle {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #f8f8ff;
  border-top-left-radius: 2rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .1rem;
  padding: 1.5rem 2rem;
  font-weight: 700;
  display: flex;
}

.faqs_dropdown-list {
  background-color: #f8f8ff;
  border-bottom-right-radius: 2rem;
  padding: 2rem 6rem 2rem 2rem;
  display: block;
  position: relative;
}

.faqs_paragraph {
  position: relative;
}

.background-style-13 {
  background-color: #fff3ed;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-13-grid-1 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  opacity: .3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 18rem;
  height: 30rem;
  display: grid;
  position: absolute;
  inset: auto auto -3rem -3rem;
}

.bg-13-grid-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  opacity: .3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 18rem;
  height: 30rem;
  display: grid;
  position: absolute;
  inset: auto -3rem -3rem auto;
}

.bg-13-grid-block {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.bg-13-shape-1 {
  background-color: #ffe3d5;
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-13-shape-2 {
  background-color: #0000;
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-13-shape-3 {
  background-color: #ffe3d5;
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 60%;
}

.bg-13-shape-4 {
  background-color: #ffe3d5;
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-13-shape-5 {
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 40%;
}

.bg-13-shape-6 {
  background-color: #ffe3d5;
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-13-shape-7 {
  background-color: #ffe3d5;
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 40%;
}

.bg-13-shape-8, .bg-13-shape-9 {
  background-color: #ffe3d5;
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-13-shape-10 {
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-13-shape-11 {
  background-color: #ffe3d5;
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 40%;
}

.bg-13-shape-12 {
  background-color: #ffe3d5;
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-13-shape-13 {
  background-color: #0000;
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-13-shape-14 {
  background-color: #ffe3d5;
  border: .1rem solid #fc9f80;
  border-radius: 100vh;
  width: 100%;
  height: 60%;
}

.custom-icon-5 {
  width: 3.75rem;
  height: 5rem;
  position: relative;
}

.icon-5-shape-1 {
  transform-origin: 0 100%;
  position: absolute;
  inset: auto 0% 1.875rem auto;
  transform: rotate(-36deg);
}

.icon-5-shape-2 {
  position: absolute;
  inset: auto auto 0% 0%;
}

.icon-5-shape-3 {
  position: absolute;
  inset: auto 0% 0% auto;
}

.custom-icon-6 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: space-between;
  align-items: flex-end;
  width: 3.75rem;
  height: 5rem;
  display: flex;
  position: relative;
}

.icon-6-shape-1 {
  position: absolute;
  inset: .5rem .25rem auto auto;
  transform: rotate(-8deg);
}

.icon-6-shape-2 {
  background-color: var(--coral);
  border-radius: 100vh;
  flex: 1;
  height: 3rem;
}

.icon-6-shape-3 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  flex: 1;
  height: 2rem;
}

.icon-6-shape-4 {
  background-color: #cfcef8;
  border-radius: 100vh;
  flex: 1;
  height: 1rem;
}

.custom-icon-7 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: space-between;
  align-items: flex-end;
  width: 5rem;
  height: 5rem;
  display: flex;
  position: relative;
}

.icon-7-shape-1 {
  background-color: #fb5f2b80;
  border-radius: .5rem;
  width: 100%;
  height: 4rem;
  position: relative;
  overflow: hidden;
}

.icon-7-shape-2 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 1rem;
  height: 1rem;
  position: absolute;
  inset: .75rem auto auto .75rem;
}

.icon-7-shape-3 {
  position: absolute;
  inset: auto 1.75rem 0% auto;
}

.icon-7-shape-4 {
  position: absolute;
  inset: auto 0 0% auto;
}

.section_stories-hero {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  position: relative;
  overflow: hidden;
}

.card-underline-code {
  display: none;
}

.card_heading.text-style-3lines.is-smaller-heading {
  font-size: 1rem;
}

.section_upcoming-events.hidden {
  display: none;
}

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

.articles-grid-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  background-color: #f9f9fb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.section_industry-news {
  display: none;
}

.span-bold-orange {
  color: var(--coral);
  font-weight: 700;
}

.section_stories-definitive {
  display: none;
}

.stories-what-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stories-what-card {
  color: var(--black);
  text-decoration: none;
}

.section_stories-podcasts {
  display: none;
}

.custom-icon-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 5rem;
  display: flex;
  position: relative;
}

.icon-8-shape-2 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: .2rem;
  height: .75rem;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.icon-8-shape-3 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: .2rem;
  height: .75rem;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.icon-8-shape-4 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: .2rem;
  height: 2rem;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% auto 0% .55rem;
}

.icon-8-shape-5 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: .2rem;
  height: 2rem;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% .55rem 0% auto;
}

.icon-8-shape-6 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: .2rem;
  height: 3.5rem;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% auto 0% 1.05rem;
}

.icon-8-shape-7 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: .2rem;
  height: 3.5rem;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% 1.05rem 0% auto;
}

.icon-8-shape-8 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: .2rem;
  height: 3rem;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% auto 0% 1.55rem;
}

.icon-8-shape-9 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: .2rem;
  height: 3rem;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% 1.55rem 0% auto;
}

.icon-8-shape-10 {
  background-color: var(--coral);
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
}

.icon-8-shape-1 {
  background-color: var(--white);
  border-radius: 100vh;
  width: 1.2rem;
  height: 1.2rem;
}

.section_nocode-hero {
  position: relative;
}

.nocode-hero-content {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 39rem;
  padding-top: 2rem;
  display: flex;
}

.nocode-hero-bg-image {
  height: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.nocode-guides-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.nocode-guides-grid-column {
  grid-row-gap: 1.5rem;
  border: .1rem solid #e4e4e4;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  padding: 2rem;
  display: flex;
}

.categories-card-content {
  grid-row-gap: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.nocode-guides-grid-icon-wrapper {
  align-items: flex-end;
  height: 5rem;
  display: flex;
}

.nocode-guides-grid-row {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2rem;
  display: flex;
}

.nocode-revolution-content {
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4.5rem 12rem;
  display: flex;
  position: relative;
}

.nocode-revolution-bg-wrapper {
  position: relative;
}

.nocode-revolution-button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  margin-top: 1rem;
  display: flex;
}

.section_nocode-businesses {
  overflow: hidden;
}

.section_courses-hero {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.featured-courses-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.event-card_video-wrapper {
  width: 50%;
  position: relative;
}

.course-template-content {
  grid-column-gap: 2rem;
  justify-content: space-between;
  display: flex;
}

.course-template-content-left {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.course-template-content-right {
  flex: 1;
  position: relative;
}

.course-info-wrapper {
  grid-column-gap: 2rem;
  display: flex;
}

.section_discount-hero {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.discount-top-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.discount-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  background-color: var(--white);
  cursor: pointer;
  border: .1rem dashed #fb764952;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
}

.discount-card.is-vertical {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.generic-icon {
  justify-content: flex-start;
  align-items: center;
  width: 9rem;
  height: 7rem;
  display: flex;
  overflow: hidden;
}

.generic-icon.is-smaller {
  border: 1px #000;
  width: 6rem;
  height: 6rem;
  padding: 1rem;
}

.generic-icon.is-x_small {
  width: 5rem;
  height: 5rem;
  padding: 1rem;
}

.discount-card-button {
  background-color: var(--coral);
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: .5rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  transition: background-color .1s;
}

.discount-card-button:hover {
  background-color: var(--slate-blue);
}

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

.section_discount-template-hero {
  background-color: #f9f9fb;
}

.discount-template-hero-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
  display: flex;
  position: relative;
}

.discount-template-hero-bg-image {
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0% auto auto;
}

.discount-template-hero-text-wrapper {
  z-index: 1;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.discount-template-hero-logo {
  height: 6.5rem;
}

.section_discount-template-info {
  background-color: #f9f9fb;
}

.discount-template-info {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

.discount-template-info p {
  font-size: 1.25rem;
}

.discount-template-info h5 {
  font-size: 1.5rem;
}

.background-color-orange {
  background-color: var(--coral);
}

.discount-template-info-separator {
  border-bottom: .1rem dashed var(--coral);
  width: 100%;
  height: .1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.discount-template-info-content {
  grid-row-gap: 2rem;
  border: .1rem dashed var(--coral);
  flex-direction: column;
  align-items: center;
  padding: 3rem;
  display: flex;
}

.section_tutorial-template-hero {
  background-color: #f9f9fb;
  position: relative;
}

.section_get-started-hero {
  position: relative;
}

.section_get-started-tabs {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.get-started-tabs-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: .1rem solid #ddd;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4rem;
  font-family: Soehne mono web kraftig;
  display: flex;
}

.get-started-tabs-link {
  text-transform: uppercase;
  background-color: #0000;
  border-bottom: .1rem solid #0000;
  padding: .5rem 1rem;
  font-family: Soehne mono web halbfett;
  font-size: .875rem;
  font-weight: 600;
  top: .1rem;
}

.get-started-tabs-link.w--current {
  border-bottom-color: var(--slate-blue);
  color: var(--slate-blue);
  background-color: #0000;
}

.get-started-tab-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.get-started-tab-grid-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.get-started-tabs-image-wrapper {
  flex: 1;
  position: relative;
}

.get-started-tabs-heading-large {
  font-size: 2.25rem;
  line-height: 1.2;
}

.get-started-tabs-thumb-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.get-started-tabs-button-right {
  justify-content: flex-end;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.get-started-tab-thumb-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

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

.pathways-card-content-right {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.pathways-tags-wrapper {
  grid-row-gap: .5rem;
  border-top: .1rem solid #ddd;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 1rem;
  display: flex;
}

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

.continue-card {
  grid-row-gap: 1rem;
  background-color: #f9f9fb;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 3rem;
  display: flex;
  position: relative;
}

.continue-card-content {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.continue-card-heading {
  font-size: 1.5rem;
}

.section_cms-hero {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.cms-hero-content {
  grid-column-gap: 4rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.cms-hero-content-left {
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.cms-hero-content-right {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.cms-hero-tags-wrapper {
  grid-row-gap: 1rem;
  border-bottom: .1rem solid #ddd;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 1.25rem;
  display: flex;
}

.cms-hero-button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

.cms-hero-text-wrapper {
  grid-column-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cms-hero-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cms-hero-grid-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.cms-hero-icon {
  width: 6rem;
  height: auto;
}

.cms-hero-heading {
  text-transform: none;
  font-family: Graphik web, sans-serif;
  font-size: 2rem;
  font-weight: 700;
}

.cms-hero-grid-image {
  width: 100%;
  height: auto;
}

.cms-hero-grid-heading {
  font-size: 1.15rem;
}

.cms-hero-subheading {
  font-size: 1.5rem;
}

.section-future-hero {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
  overflow: hidden;
}

.future-hero-content {
  grid-column-gap: 4rem;
  justify-content: space-between;
  position: relative;
}

.future-hero-content-top {
  grid-row-gap: 3rem;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collections-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collections-card {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.collections-card-image {
  width: 100%;
  height: auto;
}

.collections-card-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.collections-card-slider-arrow-left {
  background-color: #fffc;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 1.5rem;
}

.collections-card-slider-arrow-right {
  background-color: #fffc;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: absolute;
  inset: 0% 1.5rem 0% auto;
}

.collections-card-slide-nav {
  display: none;
}

.collections-card-button {
  border: .1rem solid var(--slate-blue);
  background-color: var(--slate-blue);
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding: .75rem 2rem;
  font-family: Soehne mono web kraftig;
  font-size: .9rem;
  transition: color .15s, background-color .15s, border-color .15s;
  display: flex;
}

.collections-card-button:hover {
  border-color: var(--slate-blue);
  background-color: var(--white);
  color: var(--slate-blue);
}

.collections-tags-wrapper {
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.collections-card-heading {
  font-size: 1.5rem;
}

.stories-column-inner-card-list {
  grid-column-gap: 16px;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.showcase-filter-select-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.global-image-embed {
  justify-content: center;
  align-items: center;
}

.academy-start-grid-column-content {
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.app-type-icon {
  width: 2.5rem;
  height: 2.5rem;
}

.ytdefer-wrapper {
  border-radius: 8px;
  height: 25rem;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.ytdefer {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  display: block;
  position: absolute;
}

.nav-login-logout-button-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: .75rem auto auto 0%;
}

.nav-login-logout-button-wrapper-inner {
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  max-width: 80rem;
  height: 3rem;
  min-height: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.pricing-richtext h2 {
  font-family: Graphik;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.35;
}

.pricing-richtext ul {
  padding-left: 1rem;
}

.pricing-richtext li {
  margin-bottom: .25rem;
}

.pricing-richtext p {
  font-size: 1rem;
}

.faqs_collection {
  width: 100%;
}

.related-articles_wrapper {
  grid-row-gap: 3rem;
  flex-direction: column;
  flex: none;
  width: 22rem;
  display: flex;
}

.related-tools-wrapper {
  grid-row-gap: 3rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.similar-tutorials-wrapper {
  grid-row-gap: 3rem;
  flex-direction: column;
  width: 22rem;
  display: flex;
}

.tool-profile-card {
  grid-column-gap: 2rem;
  border: .1rem solid #ddd;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 1.5rem;
}

.tool-profile-card.w--current {
  text-decoration: none;
}

.tutorial-card, .author-card {
  grid-column-gap: 2rem;
  border: .1rem solid #ddd;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 1.5rem;
}

.author-card-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.author-card-image {
  object-fit: cover;
  border-radius: 100vh;
  width: 6rem;
  height: 6rem;
  margin-bottom: .5rem;
}

.ratings-box {
  grid-column-gap: 2rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 3rem;
  display: grid;
}

.ratings-box-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ratings-box-stars-wrapper {
  width: 100%;
  max-width: 9rem;
}

.ratings-box-stars-item {
  grid-column-gap: .25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.nav_heading-wrapper {
  margin-bottom: 2rem;
  padding-left: 0;
}

.nav_dropdown-body-inner-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav_dropdown-body-inner-column {
  flex: none;
}

.pricing-price-wrapper {
  grid-column-gap: .25rem;
  align-items: center;
  display: flex;
}

.buyers-guide-content-wrapper {
  background-color: #eeeeff80;
  overflow: hidden;
}

.buyers-guide-content-inner {
  background-color: #f9f9fb;
  border: .1rem solid #ddd;
  border-top-style: none;
  padding: 2rem;
}

.button-text {
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-weight: 400;
  display: inline;
}

.button-text.margin-right.margin-xsmall {
  font-weight: 400;
}

.read-guide-button-icon {
  width: .75rem;
  margin-left: .5rem;
}

.verdict-content-wrapper {
  overflow: hidden;
}

.categories-card-button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading-xxlarge {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1.1;
}

.heading-xxlarge.is-article {
  text-transform: uppercase;
  margin-top: 24px;
  margin-bottom: 24px;
  font-family: Druk web, Impact, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 72px;
}

.discount-template-hero-heading-wrapper {
  grid-column-gap: .75rem;
  display: flex;
}

.cms-hero-image {
  width: 7.5rem;
}

.featured-content-logo-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.buyers-filter-select-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.buyers-hero-button-wrapper {
  grid-column-gap: 1rem;
  border-top: .1rem solid #ddd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
  padding-top: 2rem;
  display: flex;
}

.tuts_column {
  width: 65%;
}

.tuts_column.is-right {
  width: 35%;
}

.tuts_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.tuts_info-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 1.5rem;
  display: flex;
}

.tool-table-horiz-scroll {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.courses-tags-content {
  grid-column-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.compare-ratings-stars-wrapper {
  flex-direction: column;
  width: 10rem;
  display: flex;
}

.tooltip-wrapper {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.tooltip_component {
  z-index: 2;
  color: #fff;
  text-align: center;
  background-color: #333333e6;
  border-radius: .5rem;
  width: 14rem;
  padding: 1rem;
  font-size: .8rem;
  display: none;
  position: absolute;
  inset: 1.5rem 0% auto auto;
}

.tooltip_component.is-categories-page {
  top: 2.75rem;
}

.compare-conclusion-content-column-right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.education-hero-content {
  grid-column-gap: 2rem;
  justify-content: space-between;
  display: flex;
}

.education-hero-content-left {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.education-hero-content-right {
  flex: 1;
  position: relative;
}

.education-hero-richtext ul {
  font-size: 1.1rem;
}

.education-hero-heading {
  font-size: 2.5rem;
  line-height: 1.25;
}

.section_education-highlight {
  position: relative;
}

.education-highlight-content {
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem 3rem;
  display: flex;
  position: relative;
}

.education-highlight-logo-grid {
  grid-column-gap: 2rem;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
}

.education-highlight-logo-separator {
  background-color: var(--dark-slate-blue);
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
}

.education-highlight-logo-image {
  height: 1.5rem;
}

.education-highlight-members-grid {
  grid-column-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.education-highlight-members-image {
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
}

.education-ideas-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.education-ideas-image {
  object-fit: cover;
  width: 48%;
}

.education-ideas-content-row-2 {
  grid-column-gap: 3rem;
  margin-top: 3rem;
  display: flex;
}

.education-ideas-content-card {
  background-color: var(--ghost-white);
  width: 50%;
  height: auto;
  padding: 3rem 5rem 3rem 3rem;
}

.checklist_item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.checklist_icon {
  flex: none;
  width: 1.25rem;
  margin-top: .15rem;
  margin-right: .65rem;
}

.checklist_component {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.section_education-process {
  position: relative;
}

.education-process-card-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  display: grid;
}

.education-process-card-item {
  background-color: #fff;
  padding: 3rem;
}

.section_education-quote {
  color: #fff;
  position: relative;
}

.education-quote-content {
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.education-quote-image {
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
}

.education-quote-richtext {
  max-width: 48rem;
}

.section_join-hero {
  grid-row-gap: 1.75rem;
  background-color: #f4eff6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.join-hero-content {
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.join-benefits-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.join-benefits-grid-card {
  grid-row-gap: 1.25rem;
  background-color: var(--seashell);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  display: flex;
}

.join-positions-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.join-positions-grid-card {
  background-color: #c5c5c51a;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.5rem;
  display: flex;
}

.courses-featured-grid-3-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.app-type-icon-container {
  outline-offset: 0px;
  border-radius: .5rem;
  outline: 1.5px solid #fff;
  transition: all .2s;
  position: relative;
}

.app-type-icon-container:hover {
  outline-offset: 0px;
  outline: 1.5px solid #e6e6e6;
}

.custom-icon-9 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
  position: relative;
}

.icon-9-shape-1 {
  background-color: #fb5f2b80;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-9-shape-3 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: .35rem;
  display: flex;
  position: relative;
}

.icon-9-shape-4 {
  border-top: .1rem solid var(--slate-blue);
  width: 100%;
  height: .1rem;
}

.icon-9-shape-5 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: .35rem;
  height: .35rem;
  position: absolute;
  inset: 0% auto 0% .25rem;
}

.icon-9-shape-2 {
  width: 1.25rem;
  height: auto;
  position: relative;
}

.icon-9-shape-6 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: 4rem;
  height: 4rem;
  position: absolute;
  inset: auto auto -2rem -.5rem;
}

.icon-9-shape-7 {
  background-color: var(--slate-blue);
  border-radius: 100vh;
  width: 3rem;
  height: 3rem;
  position: absolute;
  inset: auto -.5rem -1.5rem auto;
}

.icon-9-shape-8 {
  background-color: #ffffff80;
  border-radius: 100vh;
  width: .5rem;
  height: .5rem;
  position: absolute;
  inset: .5rem auto auto 1rem;
}

.icon-9-shape-9 {
  background-color: var(--coral);
  border-radius: 100vh;
  width: .75rem;
  height: .75rem;
  position: absolute;
  inset: 1rem .5rem auto auto;
}

.icon-9-shape-wrapper {
  position: absolute;
  inset: 0%;
}

.div-block-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: grid;
}

.collection-item-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #c5c5c5;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  height: 3rem;
  display: grid;
}

.div-block-5 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-6 {
  display: flex;
}

.collection-item-3 {
  border-bottom: 1px solid #d1d1d1;
  align-items: center;
  height: 3rem;
  display: flex;
}

.collection-list-wrapper-2 {
  width: 100%;
}

.collection-list-wrapper-3 {
  flex: none;
  width: 19%;
}

.login_form-footer {
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

.password-reset-tick {
  background-color: #5955f433;
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  margin-bottom: 2rem;
  padding: 2rem;
}

.absolute-link {
  position: absolute;
  inset: 0%;
}

.directory_filters-checkbox-logo-2 {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.filter-types-text, .directory_filters-list-auto {
  display: none;
}

.filter-search-icon {
  width: 1rem;
  height: auto;
}

.filter-heading-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: .1rem solid var(--gainsboro);
  justify-content: flex-start;
  align-items: center;
  height: 4rem;
  display: flex;
}

.filter-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.directory_sticky-filter {
  flex: none;
  width: 16rem;
  position: sticky;
  top: 4.4rem;
}

.filter-results-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  text-align: right;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.filter-tag-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 32rem;
  display: flex;
  overflow: hidden;
}

.filter-tag {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--slate-blue);
  color: var(--white);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: .5rem .75rem .5rem .85rem;
  font-size: .815rem;
  display: flex;
}

.filter-tag-text {
  white-space: nowrap;
}

.filter-card {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.filter-card-heading {
  font-size: 1.15rem;
}

.filter-card-level-wrapper {
  display: flex;
}

.filter-card-level-icon {
  flex: none;
  margin-right: .5rem;
}

.filter-card-level-text {
  color: var(--dark-slate-blue);
  text-transform: uppercase;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.filter-card-tools-collection-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.empty-state-wrapper {
  grid-column-gap: .25rem;
  background-color: var(--ghost-white);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1.15rem;
  font-weight: 400;
  display: flex;
}

.filter-card-content-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding-top: 1rem;
  display: flex;
}

.filter-card-thumbnail-wrapper {
  position: relative;
  overflow: hidden;
}

.card-thumbnail-overlay {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--slate-blue);
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.filter-card-link {
  display: none;
  position: absolute;
  inset: 0%;
}

.card-content-top {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.nav-log-button {
  grid-column-gap: .5rem;
  width: 3.75rem;
  color: var(--dark-slate-blue);
  text-align: center;
  text-transform: uppercase;
  background-color: #fb764900;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.nav-log-button:hover {
  color: var(--coral);
}

.nav-log-button.hide {
  display: none;
}

.card-thumbnail-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-content-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.card-content-wrapper.is-small-gap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.embedded-image {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.embedded-image.has-fixed-width {
  flex: none;
  width: 15rem;
}

.embedded-image.max-width-100 {
  object-fit: cover;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  width: 100%;
  min-width: auto;
  max-width: 100%;
  height: 100%;
  min-height: auto;
  max-height: 100%;
  display: block;
}

.tool-profile-tags-text-wrapper {
  color: var(--dark-slate-blue);
  text-transform: uppercase;
  margin-top: .5rem;
  margin-bottom: .5rem;
  margin-right: .5rem;
  font-family: Soehne mono web halbfett;
  font-size: .875rem;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.rating-box-stars-image {
  width: 100%;
  display: block;
}

.inline-rating-stars-image {
  width: 90%;
  display: block;
}

.top-nocode-content-inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.author-headshot {
  object-fit: cover;
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
}

.tool-profile-tag {
  font-family: Soehne mono dreiviertelfett, sans-serif;
}

.section_home-hero-new {
  margin-top: 0;
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}

.home-hero-new-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section_home-what {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

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

.what-grid-link-block {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border: .1rem solid #ddd;
  justify-content: space-between;
  padding: 2rem 2rem 2rem 1.5rem;
  display: flex;
}

.what-grid-icon-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.what-grid-text-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.what-button-wrapper {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.what-grid-heading {
  text-align: left;
  line-height: 1.2;
}

.icon8-icon {
  width: 5rem;
}

.hero-bg-overlay {
  opacity: .05;
  background-image: url('../images/nocode-hero-bg-black.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
  position: absolute;
  inset: 0%;
  transform: translate(0, -2.5rem);
}

.steps-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.steps-card-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav_empty-space {
  width: 11.25rem;
}

.academy-start-grid-content-inner {
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.lesson_item-info-icon-embed {
  justify-content: center;
  align-items: center;
  margin-top: -.15rem;
  display: flex;
}

.tools-dropdown-list-icon-wrapper {
  cursor: pointer;
  position: relative;
}

.background-style-14 {
  background-color: var(--white);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-14-grid-1 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 20rem;
  height: 25rem;
  display: grid;
  position: absolute;
  inset: auto auto 0 -2.5rem;
}

.bg-14-grid-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 20rem;
  height: 25rem;
  display: grid;
  position: absolute;
  inset: auto -2.5rem 0 auto;
}

.bg-14-shape-1, .bg-14-shape-2 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-14-shape-3 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 60%;
}

.bg-14-shape-4 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-14-shape-5 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 40%;
}

.bg-14-shape-6 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-14-shape-7 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  align-items: flex-end;
  width: 100%;
  height: 40%;
  display: flex;
}

.bg-14-shape-8 {
  background-color: #0000;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 5rem;
  height: 5rem;
  position: absolute;
  inset: auto 0% 0%;
}

.bg-14-shape-9 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-14-grid-block {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.bg-14-shape-10 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 200%;
  height: 20%;
}

.bg-14-shape-11 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-14-shape-12 {
  background-color: #0000;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-14-shape-13 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 100%;
  height: 20%;
}

.bg-14-shape-14 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  align-items: flex-end;
  width: 100%;
  height: 40%;
  display: flex;
}

.bg-14-shape-15 {
  background-color: #0000;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 5rem;
  height: 5rem;
  position: absolute;
  inset: auto 0% 0%;
}

.bg-14-shape-16 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  align-items: flex-start;
  width: 100%;
  height: 40%;
  display: flex;
}

.bg-14-shape-17 {
  background-color: #0000;
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  width: 5rem;
  height: 5rem;
  position: absolute;
  inset: 20% 0% auto;
}

.bg-14-shape-18 {
  background-color: var(--white);
  border: .1rem solid #a4a1f9;
  border-radius: 100vh;
  align-items: flex-end;
  width: 100%;
  height: 40%;
  display: flex;
}

.newsletter_error-message {
  color: #d63939;
  margin-top: .5rem;
  padding: 1rem;
  font-size: .875rem;
  font-weight: 500;
}

.verdict-richtext {
  background-color: #f7f7f7;
  padding: 1.45rem;
}

.verdict-richtext p {
  margin-bottom: 1.25rem;
}

.anchor-link {
  width: 0;
  height: 0;
  position: absolute;
  top: -4rem;
}

.nav_signup-form {
  z-index: 1;
  background-color: #fff;
  border-top-left-radius: 2.5rem;
  align-items: center;
  display: flex;
  position: relative;
}

.nav_signup-form-wrapper {
  max-width: 32rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.nav_signup {
  z-index: 1;
  background-color: #fff;
  flex: 0 auto;
  width: 20rem;
  height: 100%;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  bottom: auto;
  left: auto;
  right: 0;
  transform: translateX(.75rem);
  transition: max-width .35s ease, opacity .2s ease, transform .35s ease, margin-left .35s ease;
  visibility: hidden;
}

.nav_signup.is-open {
  margin-left: .75rem;
  max-width: 20rem;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  visibility: visible;
}

.nocode-how-grid {
  display: flex;
}

.nocode-how-grid-left {
  grid-row-gap: 1rem;
  background-color: var(--slate-blue);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: auto;
  padding: 3.5rem 3rem;
  display: flex;
}

.nocode-how-grid-left.is-grey {
  background-color: #f3f3f6;
}

.nocode-how-grid-right {
  width: 50%;
  height: auto;
  position: relative;
}

.text-block-2 {
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-weight: 400;
}

.text-block-3, .text-block-4 {
  font-weight: 400;
}

.text-block-5, .text-block-6, .lesson_item-number {
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-weight: 400;
}

.lesson_overview-number {
  font-weight: 700;
  display: inline-block;
}

.text-block-8 {
  font-family: Graphik web, sans-serif;
}

.text-block-10 {
  font-family: Soehne mono dreiviertelfett, sans-serif;
}

.text-block-11 {
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-weight: 400;
}

.text-block-12 {
  font-family: Soehne mono dreiviertelfett, sans-serif;
}

.text-block-13 {
  font-weight: 700;
}

.jetboost-results-wrapper {
  z-index: 999;
  background-color: #fff;
  width: 100%;
  max-height: 80vh;
  margin-bottom: 3rem;
  padding: 2rem;
  display: none;
  position: static;
  inset: 4rem auto auto 0%;
  overflow: auto;
}

.jetboost-result-text {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: .5rem;
  padding-bottom: .5rem;
  font-size: .9rem;
}

.jetboost-result-link {
  display: block;
}

.jetboost-result-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.nav-logout-button-wrapper, .nav-login-button-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-login-button-wrapper.hide {
  display: none;
}

.error-message-login {
  z-index: 999;
  background-color: #ff9c9c;
  justify-content: center;
  width: 80%;
  padding: .9rem;
  display: none;
  position: fixed;
  bottom: 10vh;
  left: 10%;
}

.form-success-message {
  color: var(--slate-blue);
  background-color: #dfdffe;
  margin-top: 1rem;
  padding: 1.5rem;
  font-family: Graphik web, sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
}

.form-success-message.is-footer-message {
  padding: 1rem;
  font-size: 1.05rem;
  line-height: 1.35;
}

.form-success-icon {
  flex: none;
  width: 2rem;
  margin-right: 1.5rem;
}

.form-success-icon.is-footer-message {
  width: 1.25rem;
  margin-top: .35rem;
  margin-right: 1rem;
}

.form-success-icon.is-event-form {
  width: 3.5rem;
  margin-bottom: 1.5rem;
}

.form-success-icon.is-tool-form {
  width: 3.5rem;
  margin-bottom: 1.5rem;
  margin-right: 0;
}

.form-success-content {
  text-align: left;
  display: flex;
}

.form-success-content.is-footer-message {
  grid-row-gap: 1rem;
  flex-direction: column;
}

.pop-use-cases-button-wrapper {
  display: flex;
}

.events-time-text {
  margin-right: .5rem;
  font-weight: 600;
  display: inline-block;
}

.events-time-text.is-small {
  font-size: 1rem;
}

.popup_component {
  z-index: 999;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup_component.is-inline {
  height: 100%;
  display: none;
  position: absolute;
}

.popup_component.is-exit-survey {
  display: none;
}

.popup_content {
  z-index: 2;
  background-color: #fff;
  width: 70%;
  max-width: 100%;
  max-height: 50%;
  padding: 3rem;
  display: block;
  position: relative;
}

.popup_content.is-discounts-page {
  min-width: 32rem;
}

.popup_content.is-event-template {
  max-width: none;
  max-height: 100%;
}

.popup_content.is-inline-popup {
  min-width: 32rem;
}

.popup_content.is-calendly {
  background-color: #0000;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 70%;
  max-width: 100%;
  height: 85%;
  max-height: 100%;
  margin-top: 120px;
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.popup_form-wrapper {
  min-width: 40rem;
  margin-bottom: 0;
}

.popup_form-close {
  cursor: pointer;
  width: 1.75rem;
  height: 1.75rem;
  padding: .5rem;
  transition: background-color .2s;
  position: absolute;
  inset: 2rem 2.5rem auto auto;
}

.popup_form-close:hover {
  background-color: #5955f414;
}

.popup_background {
  position: absolute;
  inset: 0%;
}

.contact-form-success {
  color: var(--slate-blue);
  text-align: center;
  background-color: #dfdffe;
  border-top-left-radius: 1rem;
  margin-top: 1rem;
  padding: 4rem 2rem;
  font-family: Graphik web, sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
}

.contact-form-success.is-event-form {
  border-top-left-radius: 2rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.contact-form-tick {
  width: 3rem;
  margin-bottom: 2rem;
}

.text-inline {
  display: inline-block;
}

.tool-rating-image {
  width: 7.5rem;
  display: block;
}

.directory_filters-list-fadeout {
  background-image: linear-gradient(#fff0, #fff 69%);
  width: 92%;
  height: 3rem;
  position: absolute;
  inset: auto auto 0 0%;
}

.events-hero-content {
  z-index: 1;
  position: relative;
}

.nav_search-button {
  background-color: var(--coral);
}

.empty-state-wrapper-clear {
  color: var(--dark-slate-blue);
  text-transform: uppercase;
  background-color: #0000;
  padding: 0;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .875rem;
  line-height: 1;
}

.search-results_section {
  padding-top: 10rem;
  padding-bottom: 6rem;
}

.search-results-wrapper {
  justify-content: space-between;
  align-items: stretch;
  height: 3.5rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: flex;
}

.search-results-input {
  border: .1rem solid var(--gainsboro);
  height: 100%;
  margin-bottom: 0;
  padding: .5rem 1rem;
  font-size: 1rem;
  line-height: 1.2;
}

.search-results-input:focus, .search-results-input:focus-visible, .search-results-input[data-wf-focus-visible] {
  border-color: var(--coral);
}

.search-results-input::placeholder {
  font-size: 1rem;
}

.search-results-button {
  background-color: var(--coral);
  text-transform: uppercase;
  height: 100%;
  padding: .5rem 1.5rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
}

.search-result-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--seashell);
  flex-direction: column;
  padding: 1.5rem;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.search-result-item:hover {
  background-color: #ffeadf;
}

.search-result-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.search-results-link {
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: underline;
}

.search-results-heading {
  font-size: 5rem;
}

.login_text-link {
  font-weight: 400;
  text-decoration: underline;
}

.custom-lightbox {
  z-index: 9999;
  background-color: #fffffff2;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.custom-lightbox-wrapper {
  width: 100%;
  max-width: 80rem;
  position: relative;
}

.custom-lightbox-close-wrapper {
  background-color: var(--slate-blue);
  width: 3rem;
  height: 3rem;
  color: var(--white);
  cursor: pointer;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: -1.5rem 0% auto;
}

.custom-lightbox-close-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav_member-button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.nav_member-icon {
  width: 1.75rem;
}

.nav_member-content {
  grid-row-gap: 1rem;
  background-color: #fff;
  border-radius: .5rem;
  flex-direction: column;
  align-items: flex-start;
  width: 10rem;
  padding: .5rem 1.5rem;
  display: none;
  position: absolute;
  inset: 100% 0% auto auto;
  box-shadow: 0 0 8px #00000026;
}

.nav_member-link {
  width: 100%;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: 0;
  display: block;
}

.nav_member-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.nav_member-text {
  display: none;
}

.popup_content-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.nav_member-dropdown {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.nav_member-dropdown.hide {
  display: none;
}

.video-container {
  width: auto;
  height: auto;
  position: relative;
}

.video-container.is-50-percent {
  width: 50%;
  height: 50%;
}

.text-style-no-decoration {
  color: #1d1d1d;
  text-decoration: none;
}

.ph-block {
  padding-left: 0;
}

.vertical-align-center {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.home-hero-max-width-large {
  width: 100%;
  max-width: 48rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.home-hero-max-width-large.larger {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 18px;
  line-height: 32px;
}

.landing-page-body {
  line-height: 2.5rem;
}

.banner_component {
  z-index: 9999;
  color: #fff;
  letter-spacing: .25px;
  background-color: #5955f4;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-size: .95rem;
  display: flex;
  position: relative;
}

.max-width-larger {
  flex: 1;
  width: 50%;
  max-width: 55rem;
  min-height: 150px;
  max-height: 180px;
  margin-bottom: 1rem;
  padding-bottom: 0;
}

.popup {
  display: none;
}

.html-embed-4 {
  padding: 1rem 1.5rem 1rem 0;
}

.collection-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.collection-list.topic {
  grid-template-columns: 1fr;
}

.tools-profile-tags-title {
  display: flex;
}

.card-link {
  display: block;
}

.card-link.padding-top.padding-small {
  font-size: 1.1rem;
  font-weight: 600;
}

.about-the-author-content {
  border: .1rem solid #ddd;
  padding: 2rem;
}

.about-the-author-card-image {
  text-align: left;
  border-radius: 100px;
  max-width: 15%;
  display: block;
}

.div-block-11 {
  justify-content: center;
  display: flex;
}

.build-card-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.above-tool-tag {
  background-color: #f9f9fb;
  border: .1rem solid #ddd;
  border-radius: 20px;
  justify-content: center;
  padding: .2rem .8rem;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  display: flex;
}

.above-tool-tag.text-size-xsmall {
  background-color: #f9f9fb;
  font-size: .7rem;
}

.text-style-accordion-header {
  text-transform: none;
  font-family: Graphik web, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.topic-html-embed {
  width: 500px;
}

.media_nav {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative;
  top: 0;
}

.upper_nav {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 4em;
  padding: 30px 12rem;
  display: flex;
}

.temp {
  background-color: red;
}

.lower_nav {
  grid-column-gap: 4rem;
  background-color: #fcfcfc;
  border-bottom: 1px #ddd;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  padding: 5px 12rem;
  line-height: 0;
  display: flex;
}

.upper_nav_right {
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.temp2 {
  background-color: #fff;
}

.media_icon {
  width: 23px;
  height: auto;
  display: inline-block;
}

.wg-selector-text-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
}

.wg-flag-ico {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.wg-dd-1-list {
  background-color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  box-shadow: 0 -13px 50px 3px #11179c12;
}

.wg-dd-1-list.wg-dropdown-link-flag {
  z-index: 1000000;
}

.wg-dd-1-togle {
  z-index: 1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex-direction: column;
  width: 100%;
  padding: 10px 15px;
  position: relative;
}

.wg-element-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.wg-element-wrapper.sw6 {
  z-index: 10000;
  margin-right: 1.25em;
}

.wg-flag {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 16px;
  margin-right: 10px;
  display: flex;
}

.wg-dropdown-1 {
  text-transform: uppercase;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  font-weight: 700;
}

.wg-dropdown-1-link {
  color: #000;
  background-color: #fff;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .1s;
}

.wg-dropdown-1-link:hover {
  color: #fff;
  background-color: #4049ff;
}

.navbar_scroller {
  background-color: #ddf1f6;
  display: none;
  overflow: visible;
}

.marquee-horizontal {
  z-index: 200;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.track-horizontal {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-text {
  color: #000;
  text-transform: uppercase;
  flex: none;
  margin-right: 8vw;
  font-size: .8rem;
}

.marquee-text:hover {
  color: #5955f4;
}

.link-block {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 0;
  height: 0%;
  padding: .5rem 1rem;
  display: flex;
}

.link-block.home-icon.w--current {
  padding-left: 0;
  padding-right: 0;
}

.media_nav_link {
  color: #fff;
  text-transform: uppercase;
  background-color: #5955f4;
  font-family: Soehne mono dreiviertelfett, sans-serif;
  font-size: .8rem;
  line-height: 1;
}

.navbar {
  background-color: #ddd;
}

.brand {
  background-color: #5955f4;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
}

.nav-menu {
  flex-direction: row;
  align-items: center;
  height: 50px;
  display: block;
}

.container {
  height: 100%;
}

.collection-item-4 {
  font-weight: 600;
}

.link-block-2, .link-block-3, .link-block-4, .link-block-5 {
  height: auto;
}

.article-main-image {
  width: 100%;
  min-width: 600px;
  max-width: 600px;
}

.byline-block {
  flex-direction: row;
  margin-bottom: 2rem;
  display: flex;
}

.article-summary-paragraph {
  font-family: Graphik web, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.5;
}

.div-block-12 {
  flex: 0 auto;
  padding-right: 1rem;
}

.list {
  padding-left: 0;
}

.image {
  background-image: url('/images/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.navbar-2 {
  z-index: 1000;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: sticky;
  top: 0;
}

.div-block-13 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .nav_container.is-nav-search {
    max-width: 100%;
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .nav_search-input-wrapper {
    margin-top: 5.5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .media_nav {
    z-index: 999;
  }
}

@media screen and (min-width: 1440px) {
  .page-padding {
    position: relative;
  }

  .nav_container.is-nav-search {
    max-width: 100%;
  }

  .section_tools-form-hero {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .nav_search-input-wrapper {
    margin-top: 5.1rem;
    overflow: hidden;
  }

  .upper_nav {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .navbar-2 {
    padding-left: 0;
  }
}

@media screen and (min-width: 1920px) {
  .heading-large.is-lead-magnet {
    font-size: 4rem;
  }

  .page-padding.padding-top.padding-xhuge {
    height: 100%;
  }

  .nav_container.is-nav-search {
    padding-left: 25rem;
    padding-right: 25rem;
  }

  .tool-card_component.is-article {
    grid-template-columns: 1fr 1fr;
  }

  .newsletter_component.is-inline-newsletter {
    display: none;
  }

  .nav_search-input-wrapper {
    overflow: hidden;
  }

  .section_contact-hero.background-color-ghost.is-lead-magnet {
    height: 120vh;
    padding-top: 6rem;
    padding-bottom: 8rem;
  }

  .contact-hero-form.is-lead-magnet {
    height: 100%;
  }

  .contact-hero-form-block.is-lead-magnet {
    justify-content: space-around;
    align-items: stretch;
    height: 100%;
  }

  .section_home-hero-new {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section_home-what {
    padding-top: 8rem;
  }

  .bg-14-grid-1 {
    width: 30rem;
    height: 37.5rem;
    left: -3.5rem;
  }

  .bg-14-grid-2 {
    width: 30rem;
    height: 37.5rem;
    right: -3.5rem;
  }

  .bg-14-shape-8, .bg-14-shape-15, .bg-14-shape-17 {
    width: 7.5rem;
    height: 7.5rem;
  }

  .popup_content.is-calendly {
    display: block;
  }

  .max-width-larger {
    min-height: auto;
    max-height: 100%;
  }

  .upper_nav, .lower_nav {
    padding-left: 25rem;
    padding-right: 25rem;
  }

  .navbar-2 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 5.5rem;
  }

  h5 {
    font-size: 1.15rem;
  }

  .hide-tablet {
    display: none;
  }

  .heading-medium {
    font-size: 1.5rem;
  }

  .heading-large {
    font-size: 5rem;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .heading-xlarge {
    font-size: 2.5rem;
  }

  .page-wrapper {
    display: block;
  }

  .container-large.about-the-author-card, .container-large.is-category-page {
    padding-left: 0;
    padding-right: 0;
  }

  .spacing-clean {
    margin: 0;
    padding: 0;
  }

  .page-padding.tablet-padding-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .show-tablet {
    display: block;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-huge.is-tools {
    padding-top: 3rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section_home-hero {
    padding-bottom: 2.5rem;
  }

  .nav_dropdown-link {
    background-color: #ffffff0d;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-size: 1rem;
  }

  .nav_dropdown-link:hover {
    background-color: #ffffff0d;
  }

  .home-hero-slider-slide-content {
    flex-direction: column-reverse;
  }

  .home-hero-slider-slide-content-left {
    grid-row-gap: 4rem;
    width: 100%;
    height: auto;
  }

  .home-hero-slider-slide-content-right {
    width: 100%;
  }

  .home-hero-slider-slide-content-right-image {
    height: 18rem;
  }

  .stories-column-wrapper {
    flex-direction: column;
  }

  .stories-column {
    width: 100%;
  }

  .text-color-darkblue.text-size-large.is-category-page {
    text-align: left;
    flex: 0 auto;
    align-self: flex-start;
    width: 120%;
    margin-top: -.3rem;
    padding-top: 0;
    font-size: 1.1rem;
    line-height: 1.2;
  }

  .stories-column-inner {
    grid-row-gap: 2rem;
    width: 100%;
  }

  .home-academy-grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-academy-grid-card-arrow {
    width: 2rem;
  }

  .newsletter_form-wrapper.wide {
    width: 60%;
    padding-left: 2.5rem;
  }

  .newsletter_form.is-nav {
    display: flex;
  }

  .quote-content-text {
    font-size: 1.75rem;
  }

  .section_home-guides {
    padding-bottom: 6rem;
  }

  .home-guides-grid {
    flex-direction: column;
  }

  .card-slider_mask {
    width: 45%;
  }

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

  .build-steps-grid, .build-steps-grid.is-two-columns {
    grid-template-columns: 1fr;
  }

  .bg-2-grid-2 {
    width: 9rem;
    height: 15rem;
    bottom: -1.5rem;
    right: -1.5rem;
  }

  .bg-2-grid-1 {
    width: 9rem;
    height: 15rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  .bg-1-grid-2 {
    width: 16rem;
    height: 12rem;
    bottom: -1.5rem;
    right: -1.5rem;
  }

  .bg-1-grid-1 {
    width: 16rem;
    height: 12rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  .tool-month-review-content {
    align-items: flex-start;
  }

  .review-stars-content {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .tools-card-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .tools-card-content._3-col {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .categories-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .hero-content.is-dark {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .review-stars-text-link {
    font-size: .875rem;
  }

  .bg-3-wrapper-1, .bg-3-wrapper-2 {
    right: 18rem;
  }

  .academy-hero-content-2-outer {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .academy-start-grid {
    flex-direction: column;
  }

  .academy-start-grid-column {
    flex-flow: wrap;
    width: 100%;
  }

  .academy-start-grid-column.is-right {
    width: 100%;
  }

  .academy-start-grid-column-item {
    width: 50%;
    padding: 1.5rem;
  }

  .top-nocode-content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .pop-use-cases-slider-mask {
    width: 100%;
    max-width: 42.5rem;
  }

  .pop-use-cases-slider-slide-content {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .pop-use-cases-slider-slide-content-left {
    width: 100%;
  }

  .pop-use-cases-slider-slide-content-right {
    width: 100%;
    padding-left: 0;
  }

  .card-button-wrapper {
    flex-direction: column;
  }

  .cta1-content-right {
    justify-content: flex-start;
  }

  .cta1-content-right.is-category-page {
    justify-content: flex-end;
    min-width: 10rem;
  }

  .cta1-content-left {
    width: 50%;
  }

  .cta1-content {
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }

  .cta1-content.is-category-page.background-color-grey {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-wrap: wrap;
    align-items: center;
    height: 0;
    padding: 1rem 0 3.2rem;
  }

  .bg-5-grid-1 {
    width: 12rem;
    height: 15rem;
    left: -1.5rem;
  }

  .bg-5-grid-2 {
    width: 12rem;
    height: 15rem;
    right: -1.5rem;
  }

  .bg-6-grid-1 {
    width: 12rem;
    height: 15rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  .bg-6-grid-2 {
    width: 12rem;
    height: 15rem;
    bottom: -1.5rem;
    right: -1.5rem;
  }

  .bg-8-grid-1 {
    width: 9rem;
    height: 15rem;
    bottom: -1.5rem;
  }

  .nav_dropdown {
    width: 100%;
    margin-left: 0;
  }

  .nav_dropdown-body-wrapper {
    border-top-style: none;
    position: static;
    top: 0;
    overflow: visible;
  }

  .nav_dropdown-link-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-bottom: 2rem;
  }

  .nav_dropdown-body {
    flex-direction: column;
    align-items: flex-start;
  }

  .nav_dropdown-body-column {
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 0;
  }

  .nav_dropdown-body-column.is-right {
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 0;
  }

  .nav_dropdown-body-column.is-right.is-4-col, .nav_dropdown-body-column.is-right.is-horizontal {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .nav_dropdown-body-grid {
    grid-template-rows: auto;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .nav_dropdown-body-column-content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .nav_dropdown-body-column-divider {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .nav-wrapper {
    z-index: 10000;
    display: block;
  }

  .nav_dropdown-link-separator, .nav_search-wrapper {
    display: none;
  }

  .directory_component {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
  }

  .directory_column, .directory_column.is-right {
    width: 100%;
  }

  .directory_filters-list-fixed {
    height: 10rem;
  }

  .directory_filters-checkbox-item {
    margin-bottom: 0;
  }

  .directory_filter-row {
    position: relative;
    top: 0;
  }

  .filter-collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .breadcrumb_component.margin-vertical.margin-large.hide-mobile-portrait {
    margin-top: 4rem;
  }

  .lesson_component {
    flex-direction: column;
  }

  .lesson_column, .lesson_column.is-right {
    width: 100%;
  }

  .lesson-details-content {
    flex-direction: column;
  }

  .lesson-details-content-column, .lesson-details-content-column.is-right {
    width: 100%;
  }

  .web-app-card {
    flex-direction: column;
  }

  .web-app-content-right {
    width: 100%;
  }

  .web-app-ratings-wrapper {
    grid-column-gap: 1.5rem;
  }

  .cta2-content {
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }

  .cta2-content-right {
    justify-content: flex-start;
  }

  .app-articles-grid {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .app-articles-grid.is-3-col {
    grid-template-columns: 1fr 1fr;
  }

  .tool-profile-hero-content {
    flex-direction: column;
  }

  .tool-profile-tags-content {
    flex-wrap: wrap;
    justify-content: center;
  }

  .tool-profile-tags-content.is-category {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
  }

  .section_tools-features {
    padding-top: 0;
    padding-bottom: 4rem;
  }

  .tools-about-content {
    flex-direction: column-reverse;
  }

  .tools-features-tabs {
    align-items: flex-start;
  }

  .tools-features-tab-link {
    grid-row-gap: 1rem;
    flex-direction: column;
    padding: 1rem;
  }

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

  .cta3-content {
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }

  .lessons-similar-card-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .story-hero-content {
    grid-column-gap: 0rem;
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .story-hero-content-column.is-right {
    width: 100%;
    min-width: 100%;
  }

  .story-hero-content-column.is-left {
    width: 100%;
    max-width: 100%;
  }

  .article-body-content {
    grid-column-gap: 0rem;
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .article-body-content-column, .article-body-content-column.is-right {
    width: 100%;
  }

  .article-body-separator {
    margin-top: 4rem;
  }

  .use-case-hero-wrapper {
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .use-case-hero-content-left {
    border-bottom: .1rem solid #ddd;
    width: 100%;
    padding-bottom: 1.5rem;
  }

  .use-case-body-grid {
    grid-row-gap: 4rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .use-case-hero-content-right {
    width: 100%;
  }

  .nav_dropdown-content {
    text-align: left;
    background-color: #fff;
    width: 100%;
    height: auto;
    padding: 1rem 0 2rem;
    display: block;
    position: absolute;
  }

  .home-academy-grid-card-link {
    inset: auto 2.5rem 2.5rem auto;
  }

  .footer-bg-grid {
    width: 16rem;
    height: 16rem;
    top: -2.5rem;
    right: -2.5rem;
  }

  .card_image-wrapper {
    height: auto;
  }

  .bg-11-grid-1 {
    width: 12rem;
    height: 16rem;
    bottom: -2rem;
    left: -2rem;
  }

  .bg-11-grid-2 {
    width: 12rem;
    height: 16rem;
    bottom: -2rem;
    right: -2rem;
  }

  .login_input-field.is-nav-signup {
    display: none;
  }

  .hero-tabs-link {
    height: 9rem;
  }

  .about-rich-text.padding-top.padding-medium {
    width: 100%;
  }

  .tools-features-grid {
    grid-template-columns: 1fr;
  }

  .tools-features-grid.is-tabs-content {
    grid-template-columns: 1fr 1fr;
  }

  .showcase-filter-form-wrapper, .showcase-filter-content-left {
    grid-row-gap: .5rem;
    flex-direction: column;
  }

  .showcase-filter-content-right {
    justify-content: space-between;
  }

  .showcase-filter-search-wrapper {
    width: 100%;
  }

  .showcase-filter-select {
    background-position: 97%;
  }

  .bg-12-grid-1 {
    width: 9rem;
    height: 15rem;
    left: -1.5rem;
  }

  .bg-12-grid-2 {
    width: 9rem;
    height: 15rem;
    right: -1.5rem;
  }

  .bg-12-shape-11 {
    width: 3rem;
  }

  .bg-12-shape-12 {
    width: 3.2rem;
    height: 3.2rem;
  }

  .home-hero-slide-bg-grid {
    width: 18rem;
    height: 18rem;
    inset: auto auto 0% 0%;
  }

  .showcase-hero-content {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .about-project-content {
    grid-row-gap: 4rem;
    flex-direction: column;
  }

  .about-project-content-right, .wild-hero-content-top {
    width: 100%;
  }

  .body-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .body-content-right {
    width: 100%;
  }

  .tools-used_content-left {
    width: 40%;
  }

  .events-hero-column-wrapper {
    grid-column-gap: 2rem;
  }

  .event-template-hero-content {
    grid-row-gap: 2rem;
    flex-direction: column-reverse;
  }

  .event-template-hero-content-column.is-left {
    width: 100%;
  }

  .section_contact-hero.background-color-ghost.is-lead-magnet {
    height: 100%;
    overflow: visible;
  }

  .contact-hero-content {
    grid-column-gap: 2rem;
  }

  .contact-hero-content.is-lead-magnet {
    grid-column-gap: 2rem;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: 2rem;
    padding-left: 6rem;
    padding-right: 6rem;
    display: grid;
  }

  .contact-hero-content-right.is-lead-magnet {
    justify-content: center;
  }

  .contact-hero-content-right.is-lead-magnet.padding-top.padding-medium {
    justify-content: flex-start;
  }

  .contact-hero-form-input-row {
    flex-direction: column;
    align-items: stretch;
  }

  .contact-hero-form-input-column {
    width: 100%;
  }

  .about-featured-content {
    flex-direction: column;
    padding-top: 2rem;
  }

  .about-featured-content-column {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .about-featured-content-column.is-right-column {
    padding: 2rem;
  }

  .featured-content-media-outlets-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .team_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .team_card {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .team_card-image {
    width: 6rem;
    height: 6rem;
  }

  .compare-ratings-content {
    flex-direction: column;
  }

  .compare-ratings-content-column {
    width: 100%;
  }

  .compare-conclusion-content {
    flex-direction: column;
    align-items: stretch;
  }

  .compare-conclusion-content-column, .compare-conclusion-content-column.is-right-column {
    width: 100%;
  }

  .buyers-hero-content {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .hero-ratings-wrapper {
    grid-row-gap: 2rem;
    justify-content: flex-start;
  }

  .hero-ratings-content {
    width: 30%;
  }

  .section_buyers-info {
    padding-top: 0;
    padding-bottom: 4rem;
  }

  .buyers-info-content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-direction: column;
  }

  .toc-wrapper {
    width: 100%;
    position: relative;
    top: 0;
  }

  .section_definitive-info, .section_thought-info {
    padding-bottom: 6rem;
  }

  .faqs_grid.is-2-column {
    grid-template-columns: 1fr;
  }

  .bg-13-grid-1 {
    width: 9rem;
    height: 15rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  .bg-13-grid-2 {
    width: 9rem;
    height: 15rem;
    bottom: -1.5rem;
    right: -1.5rem;
  }

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

  .nocode-hero-bg-image {
    right: -30%;
  }

  .nocode-guides-grid {
    flex-direction: column;
  }

  .nocode-guides-grid-column {
    width: 100%;
  }

  .nocode-revolution-content {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .featured-courses-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .course-template-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .discount-top-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .generic-icon {
    background-color: #f3f3f600;
    width: 8rem;
    padding: 0;
  }

  .discount_cards-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .get-started-tabs-heading-large {
    font-size: 1.75rem;
  }

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

  .continue-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .continue-card {
    padding: 2rem;
  }

  .cms-hero-content {
    grid-row-gap: 4rem;
    flex-direction: column;
  }

  .showcase-filter-select-wrapper {
    width: 100%;
  }

  .nav-login-logout-button-wrapper {
    justify-content: center;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    position: static;
    top: auto;
    left: auto;
  }

  .nav-login-logout-button-wrapper-inner {
    justify-content: flex-start;
    align-items: center;
    display: none;
  }

  .ratings-box {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .nav_heading-wrapper {
    margin-bottom: 1.5rem;
    padding-left: 2.5rem;
  }

  .nav_hamburger-wrapper {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 1.5rem 1.5rem 0;
    display: flex;
    right: -1.5rem;
  }

  .nav_hamburger-wrapper.w--open {
    background-color: #fff;
  }

  .nav_hamburger-wrapper.padding-top.padding-0 {
    padding-top: 0;
  }

  .nav_hamburger-lottie {
    width: 2rem;
    display: flex;
  }

  .pricing-price-wrapper {
    align-items: center;
  }

  .heading-xxlarge.is-article {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 35px;
    line-height: 60px;
  }

  .buyers-filter-select-wrapper, .tuts_column, .tuts_column.is-right {
    width: 100%;
  }

  .tuts_component {
    flex-direction: column;
    align-items: stretch;
  }

  .courses-tags-content {
    flex-wrap: wrap;
  }

  .education-hero-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column-reverse;
  }

  .education-ideas-content {
    grid-row-gap: 2rem;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .education-ideas-content-row-2 {
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .education-ideas-content-card {
    width: 100%;
  }

  .education-process-card-wrapper {
    grid-template-columns: 1fr;
  }

  .join-benefits-grid {
    grid-template-columns: 1fr 1fr;
  }

  .directory_filters-list-scroll {
    padding-right: 2rem;
  }

  .directory_sticky-filter {
    width: 100%;
    position: relative;
    top: 0;
  }

  .filter-tag-wrapper {
    width: 20rem;
  }

  .empty-state-wrapper {
    height: 4rem;
    font-size: 1rem;
  }

  .nav-log-button {
    width: 100%;
  }

  .card-content-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .directory-filter-collection-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    display: flex;
  }

  .section_home-hero-new {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .home-hero-new-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .section_home-what {
    padding-top: 6rem;
  }

  .what-grid, .steps-card-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .nav_empty-space {
    display: none;
  }

  .bg-14-grid-1 {
    width: 12rem;
    height: 15rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  .bg-14-grid-2 {
    width: 12rem;
    height: 15rem;
    bottom: -1.5rem;
    right: -1.5rem;
  }

  .bg-14-shape-8, .bg-14-shape-15, .bg-14-shape-17 {
    width: 3rem;
    height: 3rem;
  }

  .nav_signup-form {
    display: none;
  }

  .nav_signup {
    display: none;
    position: static;
  }

  .nav_signup.is-open {
    display: none;
  }

  .nav-desktop-signup-trigger,
  .nav-desktop-signup-trigger.is-hidden {
    display: none;
  }

  .nocode-how-grid {
    flex-direction: column-reverse;
  }

  .nocode-how-grid-left {
    grid-row-gap: 4rem;
    width: 100%;
    height: auto;
  }

  .nocode-how-grid-right {
    width: 100%;
  }

  .popup_component {
    display: none;
  }

  .popup_content.is-calendly {
    object-fit: contain;
    max-width: 80%;
    margin-top: 140px;
    display: flex;
  }

  .popup_form-wrapper {
    min-width: auto;
  }

  .search-results_section {
    padding-top: 4rem;
  }

  .search-results-wrapper {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .nav_member-button {
    grid-column-gap: .5rem;
    flex: none;
    width: auto;
    height: auto;
  }

  .nav_member-icon {
    flex: none;
    width: 1.75rem;
  }

  .nav_member-content {
    width: 14rem;
    display: none;
    inset: auto auto -6rem 0%;
  }

  .nav_member-content-wrapper {
    grid-column-gap: .65rem;
    flex-direction: row;
    height: auto;
  }

  .nav_member-text {
    color: var(--dark-slate-blue);
    flex: none;
    font-family: Soehne mono dreiviertelfett, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    display: block;
  }

  .nav_member-dropdown {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .video-container {
    width: 100%;
    height: 100%;
  }

  .home-hero-max-width-large.larger {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
  }

  .max-width-larger {
    width: 80%;
    min-height: auto;
    max-height: 220px;
  }

  .media_nav {
    border: 0 solid #000;
    border-bottom: 1px solid #ddd;
  }

  .upper_nav {
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .lower_nav {
    display: none;
  }

  .upper_nav_right {
    justify-content: flex-end;
  }

  .wg-dd-1-togle {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wg-element-wrapper.sw6 {
    justify-content: flex-start;
    margin-right: 0;
  }

  .byline-block {
    flex-direction: column;
    margin-bottom: .5rem;
  }

  .div-block-12 {
    margin-right: 1rem;
  }

  .navbar-2 {
    flex: 1;
    padding-left: 3rem;
    padding-right: 3rem;
    position: relative;
  }
}

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

  h2 {
    font-size: 3.5rem;
  }

  h3 {
    font-size: 2.5rem;
  }

  h4 {
    font-size: 2rem;
  }

  p {
    font-size: 1rem;
  }

  .fs-styleguide_row.is-for-social-icons {
    grid-template-rows: auto auto;
  }

  .fs-styleguide_3-col {
    grid-template-columns: 1fr 1fr;
  }

  .fs-styleguide_color-sample {
    padding: 2.5rem 2rem;
  }

  .button.has-icon {
    padding-bottom: .5rem;
  }

  .heading-medium {
    font-size: 1.25rem;
  }

  .heading-large {
    font-size: 4rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .fs-styleguide_section-type {
    font-size: .875rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .heading-xlarge {
    font-size: 2rem;
  }

  .heading-xlarge.is-4-em {
    text-transform: none;
    font-family: Graphik web, sans-serif;
    font-size: 1.15rem;
    line-height: 1.4;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .spacing-clean {
    margin: 0;
    padding: 0;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .show-mobile-landscape {
    display: block;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-top.padding-xxlarge.mobile-padding-top-0 {
    padding-top: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-huge.is-quiz {
    margin-top: 0;
  }

  .padding-vertical.padding-large {
    padding-top: 3rem;
  }

  .padding-vertical.padding-custom4 {
    padding-bottom: 2rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .heading-small {
    font-size: 1rem;
  }

  .fs-styleguide_version-details {
    font-size: .875rem;
  }

  .fs-styleguide_page-header {
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .nav_component {
    height: 3.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav_dropdown-link {
    padding-left: 1.25rem;
  }

  .home-hero-slider-mask {
    width: 80%;
  }

  .home-hero-slider-slide {
    margin-right: 1rem;
  }

  .home-hero-slider-slide-content-left {
    grid-row-gap: 3rem;
    padding: 1.5rem 2rem 2rem;
  }

  .title_component {
    grid-row-gap: .5rem;
    border-bottom: .1rem solid #e4e4e4;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
  }

  .title_separator {
    display: none;
  }

  .stories-column {
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .card_image {
    margin-bottom: 1rem;
  }

  .text-color-darkblue.text-size-large.is-category-page {
    align-self: flex-start;
    padding-top: 0;
    font-size: 1rem;
    line-height: 1.3;
  }

  .stories-column-inner {
    width: 100%;
  }

  .home-academy-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .home-academy-grid-card.is-card-2, .home-academy-grid-card.is-smaller {
    padding: 1.5rem;
  }

  .newsletter_form-wrapper.wide {
    width: 90%;
    padding-left: 1rem;
  }

  .newsletter_form {
    border-color: var(--slate-blue);
    background-color: #fff;
  }

  .quote-content-text {
    font-size: 1.25rem;
    line-height: 1.35;
  }

  .section_home-guides {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .home-guides-grid-column-card-wrapper {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .card-slider_mask {
    width: 75%;
  }

  .newsletter2_component {
    padding: 3rem 2rem;
  }

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

  .footer_grid {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr;
  }

  .footer_link {
    margin-top: .5rem;
    font-size: 1rem;
  }

  .footer_separator {
    margin-top: 3rem;
  }

  .build-steps-grid-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .tool-card_component {
    grid-row-gap: 1rem;
    flex-direction: column;
    width: 100%;
  }

  .tool-card_image {
    width: 100%;
    height: auto;
  }

  .newsletter_component {
    padding: 3rem;
  }

  .bg-1-grid-2 {
    width: 12rem;
    height: 9rem;
    bottom: -1.25rem;
    right: -1.25rem;
  }

  .bg-1-grid-1 {
    width: 12rem;
    height: 9rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  .tool-month-slider-slide-content-left {
    width: 100%;
    height: auto;
  }

  .tool-month-slider-slide-content-right {
    width: 100%;
    padding-left: 0;
  }

  .tool-month-slider-slide-content {
    flex-direction: column;
  }

  .tool-month-slider-mask {
    width: 100%;
  }

  .review-stars-content {
    flex-direction: row;
    align-items: center;
  }

  .tools-card-content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .tools-card-content._3-col {
    grid-template-columns: 1fr;
  }

  .categories-content {
    grid-row-gap: 2rem;
  }

  .hero-content.is-dark {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .hero-paragraph {
    max-width: 24rem;
  }

  .section_tools-form-hero {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .academy-start-grid-column.is-right {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .pop-use-cases-slider-slide {
    margin-right: 3rem;
  }

  .pop-use-cases-slider-slide-content {
    grid-row-gap: 1.5rem;
    flex-direction: column;
  }

  .pop-use-cases-slider-slide-content-left {
    width: 100%;
  }

  .pop-use-cases-slider-slide-content-right {
    width: 100%;
    padding-left: 0;
  }

  .card-button-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .bg-4-grid {
    width: 14rem;
    height: 14rem;
    bottom: -2rem;
    right: -2rem;
  }

  .cta1-content {
    padding: 2rem 2rem 2rem 1.5rem;
  }

  .cta1-content.is-category-page.background-color-grey {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-top: 1rem;
    padding-bottom: 3.25rem;
  }

  .background-style-2 {
    opacity: .5;
  }

  .newsletter_content {
    grid-row-gap: 1.75rem;
  }

  .bg-6-grid-1 {
    width: 9rem;
    height: 12rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  .bg-6-grid-2 {
    width: 9rem;
    height: 12rem;
    bottom: -1.25rem;
    right: -1.25rem;
  }

  .background-style-8 {
    opacity: .5;
  }

  .nav_dropdown-body-column.is-right.is-4-col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav_dropdown-body-column.is-right.is-horizontal {
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .nav_dropdown-body-grid {
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav_dropdown-body-grid.is-3-col {
    width: 48rem;
    padding-bottom: 1.25rem;
  }

  .nav_dropdown-body-grid.is-3-col.is-vertical-on-mobile {
    grid-template-columns: 1fr;
    width: auto;
  }

  .nav_dropdown-body-column-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav_spacer {
    height: 3.5rem;
  }

  .directory_filters-title-wrapper {
    height: 3rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .directory_filters-list-fixed {
    height: 8.5rem;
  }

  .directory_filters-checkbox-item {
    display: flex;
  }

  .directory_filters-checkbox-item.mobile-margin-bottom-small {
    margin-bottom: .5rem;
    display: flex;
  }

  .directory_filters-checkbox {
    border-radius: .15rem;
    width: 1rem;
    height: 1rem;
  }

  .directory_filters-checkbox-label {
    font-size: .875rem;
  }

  .app-articles-grid.is-3-col {
    grid-template-columns: 1fr 1fr;
  }

  .bg-9-grid {
    width: 14rem;
    height: 14rem;
    bottom: -2rem;
  }

  .tools-features-tabs {
    flex-direction: column;
  }

  .tools-features-tabs-menu {
    width: 100%;
  }

  .tools-features-tabs-content {
    width: 100%;
    min-height: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .tools-features-tab-link {
    padding: 1.25rem;
  }

  .pricing-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .cta3-content {
    padding: 2rem;
  }

  .bg-10-grid {
    width: 10rem;
    height: 14rem;
    bottom: -2rem;
  }

  .lessons-similar-card-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
  }

  .story-hero-content {
    margin-top: 2rem;
  }

  .article-body-richtext ul {
    font-size: 1rem;
  }

  .article-body-richtext li {
    margin-bottom: .5rem;
  }

  .large-tool_component {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    padding: 1.25rem;
  }

  .large-tool_image {
    width: 100%;
  }

  .large-tool_review-wrapper {
    grid-row-gap: .25rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .article-body-separator {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .section_use-case-hero {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }

  .nav_dropdown-content {
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    display: flex;
  }

  .use-case-rich-text ul {
    font-size: 1rem;
  }

  .use-case-rich-text li {
    margin-bottom: .25rem;
  }

  .academy-card-shape-1 {
    width: 4rem;
    height: 12rem;
    bottom: 6rem;
    right: -2rem;
  }

  .academy-card-shape-2 {
    height: 4rem;
  }

  .academy-card-shape-3 {
    width: 4rem;
    height: 4rem;
    bottom: 2rem;
    right: -2rem;
  }

  .academy-card-shape-4 {
    width: 4rem;
    height: 4rem;
    bottom: -2rem;
    right: 2rem;
  }

  .home-academy-grid-card-link {
    margin-top: 1rem;
    position: relative;
    bottom: 0;
    right: 0;
  }

  .footer-bg-grid {
    width: 12rem;
    height: 12rem;
    top: -2rem;
    right: -2rem;
  }

  .about-rich-text ul {
    font-size: 1rem;
  }

  .tool-table-content {
    overflow: auto;
  }

  .tools-features-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
  }

  .cta_button-wrapper {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .cta_component {
    padding: 4rem 3rem;
  }

  .cta_button1 {
    width: 100%;
  }

  .cta_button2 {
    background-color: var(--white);
    width: 100%;
  }

  .showcase-filter-form {
    margin-bottom: 2rem;
    top: 3.5rem;
  }

  .showcase-filter-search-wrapper {
    height: 2.5rem;
  }

  .showcase-filter-select {
    height: 2.5rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
  }

  .showcase-collection-list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
  }

  .section_about-project {
    padding-top: 4rem;
  }

  .about-project-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .wild-hero-heading {
    font-size: 2rem;
  }

  .articles-body-rich-text h2 {
    font-size: 2.25rem;
  }

  .articles-body-rich-text h3 {
    font-size: 1.75rem;
  }

  .articles-body-rich-text ul {
    font-size: 1rem;
  }

  .events-hero-column-wrapper {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .events-hero-column {
    width: 100%;
  }

  .events-hero-column.is-right {
    grid-column-gap: 2rem;
    flex-direction: row;
    width: 100%;
  }

  .event-card_component {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .event-card_content-wrapper, .event-template-hero-content-column {
    width: 100%;
  }

  .section_contact-hero {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .contact-hero-content {
    grid-row-gap: 4rem;
    flex-direction: column;
  }

  .contact-hero-content.is-lead-magnet {
    margin-top: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .contact-hero-form {
    max-width: none;
  }

  .about-featured-content {
    padding-bottom: 4rem;
  }

  .featured-content-media-outlets-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .featured-content-media-outlet-logo {
    height: 2rem;
  }

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

  .partner-hero-content-row-2 {
    grid-template-columns: 1fr 1fr;
  }

  .partner-points-content {
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .partner-points-content-column {
    grid-row-gap: 2rem;
    width: 100%;
  }

  .partner-points-content-column.is-right {
    width: 100%;
  }

  .compare-ratings-stars {
    flex: 1;
  }

  .compare-ratings-logo {
    width: 10%;
  }

  .compare-ratings-content-top-row-inner-row {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .compare-analysis-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .compare-analysis-grid-item {
    padding: 1.5rem 1.25rem;
  }

  .compare-winner-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 3rem;
  }

  .compare-winner-logo {
    height: 4rem;
  }

  .compare-winner-info-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .buyers-hero-content-left {
    align-items: center;
  }

  .hero-ratings-content {
    width: 30%;
  }

  .hero-ratings-text {
    font-size: 1rem;
  }

  .section_buyers-info {
    padding-bottom: 3rem;
  }

  .buyers-info-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .toc-text-link {
    font-size: 1rem;
  }

  .section_definitive-info, .section_thought-info {
    padding-bottom: 3rem;
  }

  .faqs_dropdown {
    font-size: 1rem;
  }

  .faqs_dropdown-toggle {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .section_nocode-hero.background-color-ghost {
    overflow: hidden;
  }

  .nocode-hero-bg-image {
    height: 50%;
    display: block;
    bottom: -10%;
    right: -10%;
  }

  .nocode-revolution-content {
    padding: 3rem 2rem;
  }

  .nocode-revolution-button-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
  }

  .featured-courses-grid {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .event-card_video-wrapper {
    width: 100%;
  }

  .discount-top-content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .discount-card {
    flex-direction: column;
  }

  .generic-icon {
    border-radius: 0%;
  }

  .discount_cards-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
  }

  .discount-template-hero-text-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .discount-template-info-content {
    padding: 2rem;
  }

  .get-started-tabs-menu {
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }

  .get-started-tabs-heading-large {
    font-size: 1.5rem;
  }

  .get-started-tabs-subheading {
    font-size: 1rem;
  }

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

  .cms-hero-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .cms-hero-content-left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

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

  .showcase-filter-select-wrapper {
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
  }

  .academy-start-grid-column-content {
    width: 100%;
  }

  .nav-login-logout-button-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
  }

  .pricing-richtext ul {
    padding-left: .85rem;
  }

  .ratings-box {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
    margin-top: 2rem;
  }

  .ratings-box-item {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .nav_heading-wrapper {
    padding-left: 1.25rem;
  }

  .nav_hamburger-wrapper {
    padding-top: 1.25rem;
    padding-left: .75rem;
    padding-right: .75rem;
    right: -.75rem;
  }

  .nav_hamburger-lottie {
    width: 1.5rem;
  }

  .nav_dropdown-body-grid-wrapper {
    width: 100%;
  }

  .nav_dropdown-body-inner-grid {
    width: 48rem;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav_dropdown-body-inner-column {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav_dropdown-body-inner-grid-parent {
    width: 100%;
  }

  .buyers-guide-content-inner {
    padding: 2rem 1.5rem;
  }

  .categories-card-button-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .heading-xxlarge {
    font-size: 3rem;
  }

  .heading-xxlarge.is-article {
    font-size: 32px;
    line-height: 40px;
  }

  .buyers-filter-select-wrapper {
    flex-wrap: wrap;
  }

  .buyers-hero-button-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
  }

  .tuts_info-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
  }

  .tool-table-horiz-scroll {
    width: 60rem;
  }

  .compare-conclusion-content-column-right {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .education-highlight-logo-grid {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .education-ideas-image {
    width: 100%;
  }

  .join-positions-grid {
    grid-template-columns: 1fr;
  }

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

  .directory_filters-checkbox-logo-2 {
    width: 1rem;
    height: 1rem;
  }

  .filter-tag-wrapper {
    width: 12rem;
  }

  .empty-state-wrapper {
    font-size: .8rem;
  }

  .top-nocode-content-inner {
    grid-template-columns: 1fr;
  }

  .section_home-hero-new {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .home-hero-new-wrapper {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .section_home-what {
    padding-top: 3rem;
    padding-bottom: 0;
  }

  .what-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
  }

  .what-grid-link-block {
    padding: 1.5rem;
  }

  .steps-card-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
  }

  .background-style-14 {
    opacity: .5;
  }

  .bg-14-grid-1 {
    width: 10rem;
    height: 12rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  .bg-14-grid-2 {
    width: 10rem;
    height: 12rem;
    bottom: -1.25rem;
    right: -1.25rem;
  }

  .bg-14-shape-8, .bg-14-shape-15, .bg-14-shape-17 {
    width: 2.5rem;
    height: 2.5rem;
  }

  .nocode-how-grid-left {
    grid-row-gap: 3rem;
    padding: 1.5rem 2rem 2rem;
  }

  .form-success-message {
    background-color: #dfdffe99;
  }

  .form-success-icon {
    width: 1.5rem;
  }

  .form-success-content {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .popup_content {
    width: 90%;
  }

  .popup_content.is-discounts-page, .popup_content.is-inline-popup {
    min-width: auto;
  }

  .popup_content.is-calendly {
    max-width: 80%;
    display: flex;
  }

  .contact-form-success {
    background-color: #dfdffe99;
  }

  .search-results_section {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .search-results-wrapper {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .search-results-heading {
    font-size: 3rem;
  }

  .custom-lightbox {
    padding: 1.25rem;
  }

  .home-hero-max-width-large {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .max-width-larger {
    min-height: auto;
    max-height: 190px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 3.5rem;
  }

  h2 {
    font-size: 3.25rem;
  }

  .button.has-icon {
    width: 100%;
  }

  .heading-large.is-lead-magnet {
    font-size: 2rem;
  }

  .show-mobile-portrait {
    display: block;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .container-large.is-category-page {
    padding-left: 0;
    padding-right: 0;
  }

  .spacing-clean {
    margin: 0;
    padding: 0;
  }

  .page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .fs-styleguide_2-col {
    grid-template-columns: auto;
  }

  .button-small {
    font-family: Soehne mono web halbfett;
    font-size: .75rem;
    font-weight: 600;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-huge.is-quiz {
    margin-top: 0;
  }

  .padding-vertical.padding-huge.is-stories {
    padding-top: 4rem;
  }

  .padding-vertical.padding-huge.is-tools {
    padding-top: 2rem;
  }

  .padding-vertical.padding-large {
    padding-top: 3rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .home-hero-slider-mask {
    width: 98%;
  }

  .home-hero-slider-slide {
    margin-right: .5rem;
  }

  .home-hero-slider-slide-content-left {
    padding: 1.25rem 1.25rem 1.5rem;
  }

  .button-underline {
    font-family: Soehne mono dreiviertelfett, sans-serif;
  }

  .button-small-arrow {
    width: .75rem;
    margin-left: .35rem;
  }

  .home-hero-slider-slide-content-right-image {
    height: 12rem;
  }

  .title_column.is-vertical-on-mobile {
    flex-direction: column;
    align-items: flex-start;
  }

  .stories-column.is-4-col {
    grid-template-columns: 1fr;
  }

  .text-color-darkblue.text-size-large.is-category-page {
    text-align: center;
    width: auto;
    font-size: 1.1rem;
  }

  .home-academy-grid-card {
    padding: 3rem 2rem 4rem;
  }

  .home-academy-grid-card.is-card-2 {
    padding: 2rem 3rem 2rem 2rem;
  }

  .home-academy-grid-card.is-smaller {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .newsletter_form-wrapper.wide {
    width: 100%;
  }

  .newsletter_form-wrapper.wide.is-nav {
    padding-right: 2rem;
  }

  .newsletter_form.is-home-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .newsletter_form.is-nav {
    flex-direction: column;
    align-items: stretch;
    padding-left: .25rem;
    padding-right: .25rem;
    display: flex;
  }

  .newsletter_form-input {
    max-width: 100%;
    height: 3rem;
    max-height: 100%;
    padding-right: 1rem;
  }

  .card-slider_mask {
    width: 90%;
  }

  .card-slider_slide {
    margin-right: 1rem;
  }

  .newsletter2_component {
    padding: 1.5rem 1.52rem 1.25rem 1.25rem;
  }

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

  .button-large.is-without-icon.is-calendly {
    margin-top: 20px;
    margin-left: 0;
  }

  .tool-card_component.is-article {
    grid-template-columns: 1fr;
  }

  .tool-card_image.is-fixed-width {
    width: 14rem;
  }

  .build-steps-inner-grid {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .newsletter_component {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .tool-month-slider-slide-content-left {
    padding: 1.25rem;
  }

  .review-stars-content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .tools-card-content, .categories-content {
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .categories-card.is-horizontal {
    flex-direction: column;
  }

  .card-button {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hero-content.is-dark {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
  }

  .bg-3-wrapper-1, .bg-3-wrapper-2 {
    right: 6rem;
  }

  .academy-hero-button-wrapper {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .academy-hero-content-2-bg-image {
    height: 100%;
    top: auto;
    bottom: 0%;
  }

  .academy-start-grid-column {
    flex-direction: column;
  }

  .academy-start-grid-column-item {
    width: 100%;
    padding: 1rem 1.25rem;
  }

  .top-nocode-content-column {
    padding: 1.25rem;
  }

  .top-nocode-card-wrapper {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .pop-use-cases-slider-slide {
    margin-right: 1.25rem;
  }

  .pop-use-cases-slider-slide-content-left {
    align-items: flex-start;
  }

  .pop-use-cases-slider-slide-content-right {
    grid-row-gap: .5rem;
  }

  .pop-use-cases-parargraph {
    font-size: .9rem;
  }

  .pop-use-cases-slider-slide-thumbnail {
    width: 10rem;
  }

  .pop-use-cases-inset-wrapper {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 1rem;
  }

  .pop-use-cases-slide-image {
    width: 10rem;
  }

  .cta1-content-left {
    width: 100%;
  }

  .cta1-content.is-category-page.background-color-grey {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    align-items: center;
    padding: 5.5rem 1rem;
    display: flex;
  }

  .directory_filters-list-fixed {
    height: 6.5rem;
  }

  .directory_filter-row {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    margin-bottom: 2rem;
  }

  .filter-elements-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: none;
  }

  .directory_filter-search-wrapper {
    width: 100%;
  }

  .directory_filter-search-input {
    width: 100%;
    min-width: auto;
  }

  .filter-collection-list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .lesson_info-wrapper {
    flex-wrap: wrap;
  }

  .lesson_number-wrapper {
    width: 2rem;
    height: 2rem;
  }

  .lesson-details-content-row.is-calendly {
    grid-column-gap: 1rem;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .web-app-card {
    border-style: none;
    padding: 0;
  }

  .web-app-header-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .web-app-ratings-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-button1, .hero-button2 {
    width: 100%;
  }

  .web-app-wrapper.has-mobile-gap {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .app-articles-grid {
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .app-articles-grid.is-3-col {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .hero-tabs-pane-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .tool-profile-tags-content {
    flex-wrap: wrap;
    justify-content: center;
  }

  .tool-profile-tags-content.category {
    display: block;
  }

  .tool-profile-tags-content.is-tools {
    justify-content: flex-start;
  }

  .hero-button-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: stretch;
  }

  .tools-dropdown-list-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-wrap: wrap;
    padding: 1.25rem;
  }

  .tools-dropdown-list-content-right {
    justify-content: space-between;
    width: 100%;
  }

  .pricing-card {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .related-card_component {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lessons-similar-card-wrapper {
    grid-template-columns: 1fr;
  }

  .use-case-body-grid-block-right {
    align-items: stretch;
  }

  .section_use-case-hero {
    padding-top: 8rem;
  }

  .use-case-dropdown-list-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
  }

  .inline-card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .academy-card-shape-1 {
    inset: -2rem -2rem auto auto;
  }

  .academy-card-shape-3 {
    inset: 10rem -2rem auto auto;
  }

  .home-academy-grid-card-link {
    margin-top: 2rem;
    position: static;
  }

  .bg-11-grid-1 {
    display: none;
  }

  .login_input-field.is-nav-signup {
    flex: 0 auto;
  }

  .login_form-wrapper {
    padding: 2rem;
  }

  .login-hero-logo.is-smaller {
    width: 12rem;
    margin-bottom: 4rem;
  }

  .hero-tabs-link {
    height: 4rem;
  }

  .hero-tabs-link-image {
    width: 90%;
  }

  .about-rich-text h3 {
    font-size: 1.75rem;
  }

  .tools-features-tab-link-content-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .tools-features-grid {
    grid-template-columns: 1fr;
  }

  .tools-features-grid.is-tabs-content {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .cta_button-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .cta_component {
    padding: 2rem 1.5rem 1.5rem;
  }

  .cta_button1, .cta_button2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .showcase-filter-select {
    background-position: 94%;
  }

  .showcase-collection-list {
    grid-template-columns: 1fr;
  }

  .home-hero-slide-bg-grid {
    width: 12rem;
    height: 12rem;
  }

  .section_showcase-hero {
    padding-bottom: 3rem;
  }

  .showcase-hero-button-wrapper {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .showcase-hero-tabs-link {
    height: 3rem;
  }

  .about-project-grid {
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .hero-subheading.is-article, .hero-subheading.is-article.is-static {
    font-size: .8rem;
  }

  .articles-body-rich-text h3 {
    font-size: 1.5rem;
  }

  .tools-used_content {
    flex-direction: column;
  }

  .tools-used_content-left {
    width: 100%;
  }

  .events-hero-column.is-right {
    flex-direction: column;
  }

  .event-card_component {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    padding: 1.5rem 1.25rem 1.25rem;
  }

  .events-related-card {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .events-related-card-image {
    width: 100%;
  }

  .contact-hero-content.is-lead-magnet {
    margin-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .contact-hero-form {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .contact-hero-form.is-lead-magnet {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .about-featured-content {
    padding-top: 0;
    padding-bottom: 3rem;
  }

  .about-featured-content-column {
    grid-row-gap: 1rem;
  }

  .about-featured-content-column.is-right-column {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .about-featured-content-quote-text {
    font-size: 1.25rem;
  }

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

  .partner-hero-content-row-1, .partner-hero-content-row-2 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .partner-points-content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-direction: column;
  }

  .partner-points-content-column, .partner-points-content-column.is-right {
    width: 100%;
  }

  .compare-hero-text-wrapper {
    flex-direction: column;
  }

  .compare-ratings-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .compare-ratings-content-bottom-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    padding: .5rem;
  }

  .compare-ratings-stars {
    width: 100%;
  }

  .compare-ratings-logo {
    width: 5rem;
  }

  .compare-ratings-content-top-row-inner-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .compare-analysis-grid {
    grid-template-columns: 1fr;
  }

  .compare-winner-content {
    padding: 2rem 1.5rem 5rem;
  }

  .compare-conclusion-content-column.is-right-column {
    grid-template-columns: 1fr;
  }

  .hero-ratings-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .hero-ratings-content {
    width: 100%;
  }

  .section_definitive-info {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .section_thought-hero.article {
    margin-bottom: 1rem;
  }

  .section_thought-info {
    padding-bottom: 2rem;
  }

  .faqs_dropdown-list {
    padding-right: 2rem;
  }

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

  .stories-what-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .nocode-hero-bg-image {
    height: 40%;
  }

  .nocode-guides-grid-column {
    padding: 1.25rem;
  }

  .featured-courses-grid, .discount-top-content {
    grid-template-columns: 1fr;
  }

  .generic-icon {
    height: 7rem;
  }

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

  .discount-template-info-content {
    padding: 1.5rem;
  }

  .get-started-tabs-menu {
    grid-row-gap: .5rem;
    border-bottom-style: none;
    flex-direction: column;
    align-items: stretch;
  }

  .get-started-tabs-link {
    width: 100%;
    padding-left: 0;
  }

  .get-started-tab-grid, .get-started-tabs-thumb-grid, .pathways-grid {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .continue-card {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cms-hero-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .cms-hero-content-right {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .cms-hero-button-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
  }

  .cms-hero-text-wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: .5rem;
  }

  .cms-hero-grid, .collections-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .stories-column-inner-card-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .showcase-filter-select-wrapper {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .ratings-box {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .nav_hamburger-wrapper.padding-top.padding-0 {
    padding-left: 0;
  }

  .categories-card-button-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .heading-xxlarge.is-article {
    margin-bottom: 1rem;
    font-size: 32px;
    line-height: 40px;
  }

  .discount-template-hero-heading-wrapper {
    flex-direction: column;
  }

  .buyers-filter-select-wrapper {
    grid-template-columns: 1fr;
  }

  .buyers-hero-button-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .courses-tags-content {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .compare-conclusion-content-column-right {
    grid-template-columns: 1fr;
  }

  .education-hero-heading {
    font-size: 2rem;
  }

  .education-highlight-content {
    padding-left: 0;
    padding-right: 0;
  }

  .education-highlight-members-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .education-ideas-content-card, .education-process-card-item {
    padding: 2rem 1.5rem;
  }

  .education-quote-content {
    padding-bottom: 10rem;
  }

  .join-benefits-grid, .courses-featured-grid-3-col {
    grid-template-columns: 1fr;
  }

  .app-type-icon-container {
    display: none;
  }

  .login_form-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .filter-tag-wrapper {
    justify-content: flex-start;
    width: 100%;
  }

  .section_home-hero-new {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .home-hero-new-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .what-grid-link-block {
    flex-direction: column;
    align-items: flex-start;
  }

  .background-style-14 {
    opacity: .5;
  }

  .nav_signup-form {
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: stretch;
  }

  .nocode-how-grid-left {
    padding: 1.25rem 1.25rem 1.5rem;
  }

  .pop-use-cases-button-wrapper {
    margin-bottom: .5rem;
  }

  .popup_content {
    max-height: 80vh;
    padding: 2rem;
    overflow: auto;
  }

  .popup_content.is-calendly {
    object-fit: scale-down;
    justify-content: center;
    width: 75%;
    max-width: 100%;
    height: 80%;
    margin-top: 8rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: hidden;
  }

  .popup_form-close {
    top: 1rem;
    right: 1rem;
  }

  .search-results-wrapper {
    flex-direction: column;
    height: 6rem;
  }

  .home-hero-max-width-large.larger {
    margin-bottom: 1rem;
    font-size: 1rem;
  }

  .banner_component {
    text-align: center;
    letter-spacing: 0;
    height: 3.5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: .85rem;
    line-height: 1.35;
  }

  .max-width-larger {
    min-height: auto;
    max-height: 170px;
  }

  .tools-profile-tags-title.is-vertical-on-mobile {
    grid-column-gap: .35px;
    grid-row-gap: .35px;
    text-align: center;
    flex-direction: column;
    flex: 0 auto;
    order: 0;
    align-items: flex-start;
  }

  .about-the-author-content {
    padding: 1rem;
  }

  .upper_nav {
    padding-left: 0;
    padding-right: 1rem;
  }

  .upper_nav_right {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .wg-dd-1-togle {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wg-element-wrapper.sw6 {
    justify-content: flex-end;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .byline-block {
    margin-bottom: .5rem;
  }

  .navbar-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

#w-node-_33627b72-4157-c039-68ab-079376c5fb25-b7b3d1ac, #w-node-_33627b72-4157-c039-68ab-079376c5fb29-b7b3d1ac, #w-node-_33627b72-4157-c039-68ab-079376c5fb2d-b7b3d1ac, #w-node-_33627b72-4157-c039-68ab-079376c5fb30-b7b3d1ac, #w-node-_33627b72-4157-c039-68ab-079376c5fb33-b7b3d1ac, #w-node-_33627b72-4157-c039-68ab-079376c5fb35-b7b3d1ac, #w-node-_33627b72-4157-c039-68ab-079376c5fb38-b7b3d1ac, #w-node-_33627b72-4157-c039-68ab-079376c5fb3c-b7b3d1ac, #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f934-ee26f92c, #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f943-ee26f92c, #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f964-ee26f92c, #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f952-ee26f92c, #w-node-_6767fa2b-4a56-39a4-b5a8-ccf2d779d980-d779d97e, #w-node-_6767fa2b-4a56-39a4-b5a8-ccf2d779d983-d779d97e, #w-node-_6767fa2b-4a56-39a4-b5a8-ccf2d779d986-d779d97e, #w-node-b8a9d6e9-c65e-f28c-d21c-4d39b35b1b26-b35b1b24, #w-node-b8a9d6e9-c65e-f28c-d21c-4d39b35b1b2a-b35b1b24, #w-node-b8a9d6e9-c65e-f28c-d21c-4d39b35b1b2e-b35b1b24, #w-node-b8a9d6e9-c65e-f28c-d21c-4d39b35b1b31-b35b1b24, #w-node-b8a9d6e9-c65e-f28c-d21c-4d39b35b1b33-b35b1b24, #w-node-b8a9d6e9-c65e-f28c-d21c-4d39b35b1b37-b35b1b24 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b69b2756-b058-404b-a1b5-86222217680d-22176803 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-b69b2756-b058-404b-a1b5-862222176829-22176803, #w-node-ebb764db-8cd2-1ce5-b1cd-57c211cf5829-11cf5827, #w-node-ebb764db-8cd2-1ce5-b1cd-57c211cf582d-11cf5827, #w-node-ebb764db-8cd2-1ce5-b1cd-57c211cf5830-11cf5827, #w-node-ebb764db-8cd2-1ce5-b1cd-57c211cf5833-11cf5827, #w-node-ebb764db-8cd2-1ce5-b1cd-57c211cf5835-11cf5827, #w-node-ebb764db-8cd2-1ce5-b1cd-57c211cf5838-11cf5827, #w-node-_92152af0-2320-5a0a-2f2a-d64caebd3726-aebd3717, #w-node-_1c0c2b8b-989c-6859-93ce-401bfaed85af-faed85a0, #w-node-_7af94b25-9a44-532c-ad9a-7ebbb3c9bbb6-b3c9bba6, #w-node-_7af94b25-9a44-532c-ad9a-7ebbb3c9bbbc-b3c9bba6, #w-node-_7af94b25-9a44-532c-ad9a-7ebbb3c9bbc2-b3c9bba6, #w-node-_7af94b25-9a44-532c-ad9a-7ebbb3c9bbc8-b3c9bba6, #w-node-bb76fb92-849c-79e1-6e5b-343453f50a78-b3c9bba6, #w-node-e8aac99f-435d-2632-36ae-dcfeeddc35ae-eddc35ac, #w-node-e8aac99f-435d-2632-36ae-dcfeeddc35b1-eddc35ac, #w-node-e8aac99f-435d-2632-36ae-dcfeeddc35b5-eddc35ac, #w-node-e8aac99f-435d-2632-36ae-dcfeeddc35b9-eddc35ac, #w-node-e8aac99f-435d-2632-36ae-dcfeeddc35bb-eddc35ac, #w-node-e8aac99f-435d-2632-36ae-dcfeeddc35be-eddc35ac, #w-node-e8aac99f-435d-2632-36ae-dcfeeddc35c1-eddc35ac, #w-node-e8aac99f-435d-2632-36ae-dcfeeddc35c3-eddc35ac, #w-node-e8aac99f-435d-2632-36ae-dcfeeddc35c6-eddc35ac, #w-node-e8aac99f-435d-2632-36ae-dcfeeddc35c9-eddc35ac, #w-node-afb8c2a0-9cd5-3968-4656-7719fcb94c85-fcb94c83, #w-node-afb8c2a0-9cd5-3968-4656-7719fcb94c89-fcb94c83, #w-node-afb8c2a0-9cd5-3968-4656-7719fcb94c8d-fcb94c83, #w-node-afb8c2a0-9cd5-3968-4656-7719fcb94c90-fcb94c83, #w-node-afb8c2a0-9cd5-3968-4656-7719fcb94c92-fcb94c83, #w-node-afb8c2a0-9cd5-3968-4656-7719fcb94c96-fcb94c83, #w-node-d77a599d-8b68-2a66-4bae-e7b3455171fd-0fb3d204, #w-node-e0506243-2b71-294f-60c7-96f1364abdd0-0fb3d204, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0b3-0fb3d204, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0be-0fb3d204, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0a8-0fb3d204, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c11-0fb3d204, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c1c-0fb3d204, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c27-0fb3d204, #w-node-f115fe06-1d79-f3f9-f23a-eeb28c74951e-a9b3d205, #w-node-f115fe06-1d79-f3f9-f23a-eeb28c74952a-a9b3d205, #w-node-_6e21bd06-52a5-d227-7c4e-62407468e391-9db3d206, #w-node-a1456505-42e5-d9ce-06bc-a66ac77ffe69-9db3d206, #w-node-_27ca6add-ab87-a3f5-9000-8502b3ac51c3-9db3d206, #w-node-fdc650b1-4386-0401-869e-7202804c0eab-9db3d206, #w-node-a8ab506d-c007-bf59-0517-ee16918579eb-9db3d206, #w-node-_3676ef97-673b-085b-705d-eb99400a64fa-9db3d206, #w-node-_8506a61d-92f6-caa9-9bd9-147fb8477323-9db3d206, #w-node-_8506a61d-92f6-caa9-9bd9-147fb847732a-9db3d206, #w-node-_8506a61d-92f6-caa9-9bd9-147fb8477331-9db3d206, #w-node-_8506a61d-92f6-caa9-9bd9-147fb8477338-9db3d206, #w-node-_07d50ad2-d898-c53c-2b46-f81a0c76e194-61b3d20c, #w-node-_20a7f58e-da47-2ed3-f35f-0690afbe9fdd-61b3d20c, #w-node-ad273992-1bbe-36cb-d95c-421b58586631-61b3d20c, #w-node-_43c6ef4a-6bd5-87ca-2911-a4b1ab65b1d7-61b3d20c, #w-node-_7c687d91-3742-8bbb-e806-bea5f7ffc91c-61b3d20c, #w-node-c776515a-adac-307d-1fb3-e3346faa5f60-61b3d20c, #w-node-c776515a-adac-307d-1fb3-e3346faa5f64-61b3d20c, #w-node-c776515a-adac-307d-1fb3-e3346faa5f68-61b3d20c, #w-node-c776515a-adac-307d-1fb3-e3346faa5f6b-61b3d20c, #w-node-c776515a-adac-307d-1fb3-e3346faa5f6d-61b3d20c, #w-node-c776515a-adac-307d-1fb3-e3346faa5f71-61b3d20c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f0bcb2e-e83f-54c2-7b25-321232e184a3-24b3d211 {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-b5322080-8ab8-b447-d749-429a0b770e7d-0b770e7b, #w-node-b5322080-8ab8-b447-d749-429a0b770e7f-0b770e7b, #w-node-b5322080-8ab8-b447-d749-429a0b770e82-0b770e7b, #w-node-b5322080-8ab8-b447-d749-429a0b770e84-0b770e7b, #w-node-c7fe755d-9da4-2143-d9f3-e3f893be161c-93be161a, #w-node-c7fe755d-9da4-2143-d9f3-e3f893be1621-93be161a, #w-node-c7fe755d-9da4-2143-d9f3-e3f893be1628-93be161a, #w-node-c7fe755d-9da4-2143-d9f3-e3f893be162a-93be161a, #w-node-c7fe755d-9da4-2143-d9f3-e3f893be162c-93be161a, #w-node-c7fe755d-9da4-2143-d9f3-e3f893be1631-93be161a, #w-node-c638dbe1-639d-984d-7dd8-d118801a521d-4ab3d212, #w-node-c638dbe1-639d-984d-7dd8-d118801a523c-4ab3d212, #w-node-bfe7ca83-4938-c185-a1ee-9372c8dd0ff6-08b3d213, #w-node-bfe7ca83-4938-c185-a1ee-9372c8dd0ffd-08b3d213, #w-node-bfe7ca83-4938-c185-a1ee-9372c8dd1004-08b3d213, #w-node-bfe7ca83-4938-c185-a1ee-9372c8dd100b-08b3d213, #w-node-ef9b7af8-a035-0cdd-14c9-383f60b75e80-d4b3d214, #w-node-_53f4e1b4-6673-d261-4004-cb85a1955799-d4b3d214, #w-node-_53f4e1b4-6673-d261-4004-cb85a195579d-d4b3d214, #w-node-_53f4e1b4-6673-d261-4004-cb85a195579e-d4b3d214, #w-node-_53f4e1b4-6673-d261-4004-cb85a195579f-d4b3d214, #w-node-_53f4e1b4-6673-d261-4004-cb85a19557a0-d4b3d214, #w-node-_53f4e1b4-6673-d261-4004-cb85a19557a1-d4b3d214, #w-node-_238472c5-5db6-85ad-fd8e-544da96c543d-d4b3d214, #w-node-_13be07d9-5574-8b4e-7c72-81b5a1e4095c-d4b3d214, #w-node-_7934a710-1cef-cd93-52ef-4afc71f7515e-d4b3d214, #w-node-_30fb882c-32b7-eb82-30ea-bd649dfe8602-d4b3d214, #w-node-e418dc70-7050-4ad4-6bb8-69d139db3645-d4b3d214, #w-node-_53f4e1b4-6673-d261-4004-cb85a19557a3-d4b3d214, #w-node-_53f4e1b4-6673-d261-4004-cb85a19557a6-d4b3d214, #w-node-_53f4e1b4-6673-d261-4004-cb85a19557a8-d4b3d214, #w-node-_53f4e1b4-6673-d261-4004-cb85a19557aa-d4b3d214, #w-node-_53f4e1b4-6673-d261-4004-cb85a19557ac-d4b3d214, #w-node-_53f4e1b4-6673-d261-4004-cb85a19557ae-d4b3d214, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ade7-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ade8-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289adec-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289adf0-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289adf4-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289adf8-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289adfc-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289adfe-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae02-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae03-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae04-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae05-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae06-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae08-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae0b-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae0d-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae0f-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae11-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae13-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae16-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae19-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae1b-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae1d-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae1f-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae21-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae24-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae27-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae29-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae2b-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae2d-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae2f-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae32-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae35-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae37-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae39-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae3b-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae3d-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae3f-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae41-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae45-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae46-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae47-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae48-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae49-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae4b-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae4e-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae50-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae52-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae54-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae56-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae59-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae5c-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae5e-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae60-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae62-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae64-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae67-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae6a-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae6c-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae6e-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae70-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae72-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae75-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae78-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae7a-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae7c-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae7e-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae80-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae83-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae86-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae88-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae8a-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae8c-27b3d228, #w-node-_3e1b60f7-31db-1431-d43e-769e7289ae8e-27b3d228, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b0c-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b0d-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b11-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b15-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b19-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b1d-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b21-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b23-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b27-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b28-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b29-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b2a-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b2b-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b2d-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b30-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b32-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b34-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b36-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b38-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b3b-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b3e-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b40-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b42-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b44-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b46-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b49-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b4c-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b4e-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b50-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b52-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b54-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b57-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b5a-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b5c-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b5e-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b60-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b62-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b64-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b66-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b6a-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b6b-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b6c-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b6d-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b6e-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b70-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b73-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b75-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b77-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b79-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b7b-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b7e-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b81-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b83-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b85-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b87-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b89-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b8c-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b8f-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b91-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b93-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b95-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b97-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b9a-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b9d-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5b9f-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5ba1-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5ba3-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5ba5-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5ba8-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5bab-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5bad-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5baf-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5bb1-a6b3d245, #w-node-bbdfe0f1-de4f-79a0-085f-494caaff5bb3-a6b3d245, #w-node-a6f03da5-064b-a474-79f9-fb555223aacb-a6b3d245, #w-node-cc098ac7-185a-39fa-4fdc-fd96958194be-a6b3d245, #w-node-_57a8c5f8-68f8-7423-5f7f-4b1469305d1b-6bb3d24e, #w-node-_99f9a3fe-58a0-d823-af37-8e18d48c1a93-6bb3d24e, #w-node-a2ad8e00-ad9f-b2c4-1079-10ecd52b5e83-6bb3d24e, #w-node-eee784e2-c5af-fe40-fbd4-dac7b059c98f-6bb3d24e, #w-node-_9082aa72-9737-76ca-316b-5054f2ea9e25-f2ea9e23, #w-node-_9082aa72-9737-76ca-316b-5054f2ea9e2a-f2ea9e23, #w-node-_9082aa72-9737-76ca-316b-5054f2ea9e31-f2ea9e23, #w-node-_9082aa72-9737-76ca-316b-5054f2ea9e33-f2ea9e23, #w-node-_9082aa72-9737-76ca-316b-5054f2ea9e35-f2ea9e23, #w-node-_9082aa72-9737-76ca-316b-5054f2ea9e3a-f2ea9e23, #w-node-e0506243-2b71-294f-60c7-96f1364abdd0-2db3d24f, #w-node-c7629e2c-3eab-1936-222f-2f64d742bd8f-2db3d24f, #w-node-_561ed421-c8c1-3e13-6b59-2fe32f757a6e-2db3d24f, #w-node-_5029d6d6-effb-c9d1-4ef2-82eb1ee36dae-2db3d24f, #w-node-acb3b29d-f6f2-e3f6-8d71-93455419b493-2db3d24f, #w-node-c1a02bfd-929a-c519-c32e-00465c802f50-2db3d24f, #w-node-_67c73bb6-0649-1e7c-fc97-fa4d4604e4d6-95b3d263, #w-node-_67c73bb6-0649-1e7c-fc97-fa4d4604e4e9-95b3d263, #w-node-e0506243-2b71-294f-60c7-96f1364abdd0-95b3d263, #w-node-c7629e2c-3eab-1936-222f-2f64d742bd8f-95b3d263, #w-node-_561ed421-c8c1-3e13-6b59-2fe32f757a6e-95b3d263, #w-node-_5029d6d6-effb-c9d1-4ef2-82eb1ee36dae-95b3d263, #w-node-_01505fcf-aa5a-7d1a-db1f-15ebea04b0f2-95b3d263, #w-node-_01505fcf-aa5a-7d1a-db1f-15ebea04b103-95b3d263, #w-node-acb3b29d-f6f2-e3f6-8d71-93455419b493-95b3d263, #w-node-c1a02bfd-929a-c519-c32e-00465c802f50-95b3d263, #w-node-f322603f-026c-56fc-2b27-8aa512062da5-d3b3d264, #w-node-de383814-050b-12d8-211b-45e43419c43f-d3b3d264, #w-node-_83b02d21-0363-8500-2759-0b4e449d744e-86b3d265 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_13baf376-4913-24a0-2492-9d03a2228872-86b3d265 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-a55a010f-c81b-b3ce-4bdd-1bfab99af46a-86b3d265, #w-node-db200c88-6009-43b9-8f21-cf1c0642d21b-86b3d265, #w-node-_4004a11d-f027-3e5b-2c8c-389fe65f0fd5-86b3d265, #w-node-_829a2281-86be-05c4-5578-17019ae61cf5-86b3d265, #w-node-f5a95d4e-effa-ef15-2978-d6ba19acf722-86b3d265, #w-node-fe2c5ee7-347a-80b7-8bd5-1d57a8eda4a2-a8eda4a0, #w-node-fe2c5ee7-347a-80b7-8bd5-1d57a8eda4a4-a8eda4a0, #w-node-fe2c5ee7-347a-80b7-8bd5-1d57a8eda4a7-a8eda4a0, #w-node-fe2c5ee7-347a-80b7-8bd5-1d57a8eda4aa-a8eda4a0, #w-node-a01fbc4e-3175-0531-323d-80a03ec42f7d-3ec42f7b, #w-node-a01fbc4e-3175-0531-323d-80a03ec42f80-3ec42f7b, #w-node-a01fbc4e-3175-0531-323d-80a03ec42f83-3ec42f7b, #w-node-fff3425f-2759-fcbc-b7c3-f32901277586-01277584, #w-node-fff3425f-2759-fcbc-b7c3-f32901277589-01277584, #w-node-fff3425f-2759-fcbc-b7c3-f3290127758d-01277584, #w-node-fff3425f-2759-fcbc-b7c3-f32901277590-01277584, #w-node-fff3425f-2759-fcbc-b7c3-f32901277593-01277584, #w-node-fff3425f-2759-fcbc-b7c3-f32901277595-01277584, #w-node-f6bd1380-0e69-13d2-0eec-b030f7e9ef68-f7e9ef66, #w-node-f6bd1380-0e69-13d2-0eec-b030f7e9ef6a-f7e9ef66, #w-node-f6bd1380-0e69-13d2-0eec-b030f7e9ef6d-f7e9ef66, #w-node-_71d18204-d989-1c72-5a01-c8b96fe61da5-8bb3d26a, #w-node-_71d18204-d989-1c72-5a01-c8b96fe61daa-8bb3d26a, #w-node-e0506243-2b71-294f-60c7-96f1364abdd0-bcb3d281, #w-node-ea0a448f-2758-ef27-f798-be02e6cc4cfe-bcb3d281, #w-node-d77a599d-8b68-2a66-4bae-e7b3455171fd-bcb3d281, #w-node-_15e030a6-25c6-4fee-2ff4-1984eeffdfb9-bcb3d281, #w-node-_15e030a6-25c6-4fee-2ff4-1984eeffdfc4-bcb3d281, #w-node-_15e030a6-25c6-4fee-2ff4-1984eeffdfcf-bcb3d281, #w-node-a58056ca-9efd-3c86-b241-c60cb4764904-bcb3d281, #w-node-a58056ca-9efd-3c86-b241-c60cb476490f-bcb3d281, #w-node-a58056ca-9efd-3c86-b241-c60cb476491a-bcb3d281, #w-node-c5e013e3-9a34-43bd-552b-1763eacb5efd-bcb3d281, #w-node-c5e013e3-9a34-43bd-552b-1763eacb5f08-bcb3d281, #w-node-c5e013e3-9a34-43bd-552b-1763eacb5f13-bcb3d281, #w-node-b8623d65-7f23-5a67-89a4-1ec743993bd4-bcb3d281, #w-node-b8623d65-7f23-5a67-89a4-1ec743993bdf-bcb3d281, #w-node-b8623d65-7f23-5a67-89a4-1ec743993bea-bcb3d281, #w-node-d77a599d-8b68-2a66-4bae-e7b3455171fd-07b3d285, #w-node-e0506243-2b71-294f-60c7-96f1364abdd0-07b3d285, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0a8-07b3d285, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0be-07b3d285, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0b3-07b3d285, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c1c-07b3d285, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c11-07b3d285, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c27-07b3d285, #w-node-_3bb6877b-3389-d666-cbd2-23f62840398c-07b3d285, #w-node-_3bb6877b-3389-d666-cbd2-23f628403997-07b3d285, #w-node-_3bb6877b-3389-d666-cbd2-23f6284039a2-07b3d285, #w-node-_072e527e-5707-db19-3484-ff95fae3ccd1-07b3d285, #w-node-_072e527e-5707-db19-3484-ff95fae3ccdc-07b3d285, #w-node-_5f017a51-84fc-aff5-73c4-b5ca4e5be3de-07b3d285, #w-node-_5f017a51-84fc-aff5-73c4-b5ca4e5be3e9-07b3d285, #w-node-_5f017a51-84fc-aff5-73c4-b5ca4e5be3f4-07b3d285, #w-node-b04654b4-06e6-f528-cfdd-53a7d178f1ae-d178f1a5, #w-node-e0506243-2b71-294f-60c7-96f1364abdd0-7cb3d287, #w-node-d77a599d-8b68-2a66-4bae-e7b3455171fd-7cb3d287, #w-node-ea0a448f-2758-ef27-f798-be02e6cc4cfe-7cb3d287, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0a8-7cb3d287, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0b3-7cb3d287, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0be-7cb3d287, #w-node-a58056ca-9efd-3c86-b241-c60cb4764904-7cb3d287, #w-node-a58056ca-9efd-3c86-b241-c60cb476490f-7cb3d287, #w-node-a58056ca-9efd-3c86-b241-c60cb476491a-7cb3d287, #w-node-_15e030a6-25c6-4fee-2ff4-1984eeffdfb9-7cb3d287, #w-node-_15e030a6-25c6-4fee-2ff4-1984eeffdfc4-7cb3d287, #w-node-_15e030a6-25c6-4fee-2ff4-1984eeffdfcf-7cb3d287, #w-node-b8623d65-7f23-5a67-89a4-1ec743993bd4-7cb3d287, #w-node-b8623d65-7f23-5a67-89a4-1ec743993bdf-7cb3d287, #w-node-b8623d65-7f23-5a67-89a4-1ec743993bea-7cb3d287, #w-node-e0506243-2b71-294f-60c7-96f1364abdd0-76b3d289, #w-node-d77a599d-8b68-2a66-4bae-e7b3455171fd-76b3d289, #w-node-ea0a448f-2758-ef27-f798-be02e6cc4cfe-76b3d289, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0a8-76b3d289, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0b3-76b3d289, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0be-76b3d289, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c11-76b3d289, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c1c-76b3d289, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c27-76b3d289, #w-node-_3f3aca33-e1c5-754d-8daa-8e99a6ae8347-76b3d289, #w-node-_3f3aca33-e1c5-754d-8daa-8e99a6ae8352-76b3d289, #w-node-_3f3aca33-e1c5-754d-8daa-8e99a6ae835d-76b3d289, #w-node-c8557f47-7857-464b-e9fb-290f62d7c14d-76b3d289, #w-node-c8557f47-7857-464b-e9fb-290f62d7c158-76b3d289, #w-node-c8557f47-7857-464b-e9fb-290f62d7c163-76b3d289, #w-node-_83b02d21-0363-8500-2759-0b4e449d744e-6fb3d28a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_13baf376-4913-24a0-2492-9d03a2228872-6fb3d28a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-a55a010f-c81b-b3ce-4bdd-1bfab99af46a-6fb3d28a, #w-node-db200c88-6009-43b9-8f21-cf1c0642d21b-6fb3d28a, #w-node-_4004a11d-f027-3e5b-2c8c-389fe65f0fd5-6fb3d28a, #w-node-_829a2281-86be-05c4-5578-17019ae61cf5-6fb3d28a, #w-node-f5a95d4e-effa-ef15-2978-d6ba19acf722-6fb3d28a, #w-node-_892b3a87-c2cd-2c9d-0146-261c27efb211-6fb3d28a, #w-node-c1f2d2fc-c211-87f3-73a8-a99f17016537-6fb3d28a, #w-node-_41d9ed27-ea9b-5193-c7e6-18c57ea8ef50-6fb3d28a, #w-node-c1f2d2fc-c211-87f3-73a8-a99f17016538-6fb3d28a, #w-node-e8a9108a-fdad-27ae-79aa-3f3fb9e7af26-6fb3d28a, #w-node-c1f2d2fc-c211-87f3-73a8-a99f17016539-6fb3d28a, #w-node-_71d18204-d989-1c72-5a01-c8b96fe61da5-d0b3d292, #w-node-_71d18204-d989-1c72-5a01-c8b96fe61daa-d0b3d292, #w-node-_90885f53-598f-6f12-09ee-2f9f3fed7dda-f9b3d293, #w-node-a85fb4eb-7190-6577-d85d-5c4f28b6e4d7-f9b3d293, #w-node-_4209c93f-fa58-069f-3a34-21fa48a7d7d2-f9b3d293, #w-node-_97171dbd-596c-adec-0b68-30d80e217b13-f9b3d293, #w-node-_97171dbd-596c-adec-0b68-30d80e217b16-f9b3d293, #w-node-_97171dbd-596c-adec-0b68-30d80e217b19-f9b3d293, #w-node-bf0e0d14-4080-aba9-01c6-186b82f626e6-37b3d294, #w-node-_7be62699-36aa-7e1d-e9f3-da0dfa0fe126-37b3d294, #w-node-e0506243-2b71-294f-60c7-96f1364abdd0-4fb3d2a7, #w-node-c7629e2c-3eab-1936-222f-2f64d742bd8f-4fb3d2a7, #w-node-_561ed421-c8c1-3e13-6b59-2fe32f757a6e-4fb3d2a7, #w-node-_5029d6d6-effb-c9d1-4ef2-82eb1ee36dae-4fb3d2a7, #w-node-acb3b29d-f6f2-e3f6-8d71-93455419b493-4fb3d2a7, #w-node-c1a02bfd-929a-c519-c32e-00465c802f50-4fb3d2a7, #w-node-_81858d37-d0a5-beb7-dd1c-f8d88d99c326-c7b3d2aa, #w-node-_81858d37-d0a5-beb7-dd1c-f8d88d99c340-c7b3d2aa, #w-node-_71d18204-d989-1c72-5a01-c8b96fe61da5-0cb3d2ac, #w-node-_71d18204-d989-1c72-5a01-c8b96fe61daa-0cb3d2ac, #w-node-_0ba22444-1752-5be4-3e02-db6948713bf2-0cb3d2ac, #w-node-_38e3345d-3a63-a000-e5a5-867daf03a132-0cb3d2ac, #w-node-b34939db-7d25-2ee8-7dff-9c937547ded4-0cb3d2ac, #w-node-e0edc633-021a-d77c-e200-3102f7db51e1-0cb3d2ac, #w-node-e0506243-2b71-294f-60c7-96f1364abdd0-ecb3d2ad, #w-node-c7629e2c-3eab-1936-222f-2f64d742bd8f-ecb3d2ad, #w-node-_561ed421-c8c1-3e13-6b59-2fe32f757a6e-ecb3d2ad, #w-node-_5029d6d6-effb-c9d1-4ef2-82eb1ee36dae-ecb3d2ad, #w-node-acb3b29d-f6f2-e3f6-8d71-93455419b493-ecb3d2ad, #w-node-c1a02bfd-929a-c519-c32e-00465c802f50-ecb3d2ad, #w-node-ec233a4f-d726-6293-969f-270adf4890bf-df4890bd, #w-node-ec233a4f-d726-6293-969f-270adf4890c3-df4890bd, #w-node-ec233a4f-d726-6293-969f-270adf4890c7-df4890bd, #w-node-ec233a4f-d726-6293-969f-270adf4890ca-df4890bd, #w-node-ec233a4f-d726-6293-969f-270adf4890cd-df4890bd, #w-node-ec233a4f-d726-6293-969f-270adf4890cf-df4890bd, #w-node-ec233a4f-d726-6293-969f-270adf4890d2-df4890bd, #w-node-ec233a4f-d726-6293-969f-270adf4890d6-df4890bd, #w-node-_54454e0f-2810-4477-9cd0-36ceec78559e-ec785598, #w-node-_54454e0f-2810-4477-9cd0-36ceec7855a2-ec785598, #w-node-_54454e0f-2810-4477-9cd0-36ceec7855a6-ec785598, #w-node-_54454e0f-2810-4477-9cd0-36ceec7855aa-ec785598, #w-node-_29b4ace1-b959-59a8-39e4-33182e7aefcb-15b3d2b4, #w-node-_956894ba-8042-6709-9519-067f3dfc07c6-15b3d2b4, #w-node-b538d8c3-7ec2-ccc4-42d3-96f9721f03b9-ebb3d2b6, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248bc-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248bd-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248c1-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248c5-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248c9-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248cd-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248d1-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248d3-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248d7-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248d8-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248d9-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248da-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248db-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248dd-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248e0-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248e2-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248e4-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248e6-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248e8-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248eb-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248ee-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248f0-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248f2-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248f4-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248f6-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248f9-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248fc-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da3248fe-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324900-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324902-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324904-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324907-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32490a-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32490c-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32490e-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324910-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324912-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324914-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324916-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32491a-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32491b-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32491c-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32491d-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32491e-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324920-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324923-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324925-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324927-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324929-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32492b-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32492e-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324931-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324933-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324935-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324937-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324939-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32493c-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32493f-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324941-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324943-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324945-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324947-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32494a-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32494d-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32494f-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324951-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324953-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324955-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324958-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32495b-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32495d-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da32495f-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324961-77b3d2b7, #w-node-_0a75c57e-62b5-7523-2a8f-9179da324963-77b3d2b7, #w-node-_7d58997b-50b3-651d-754c-8b113ef4eabf-c2b3d2be, #w-node-e0506243-2b71-294f-60c7-96f1364abdd0-26b3d2c0, #w-node-d77a599d-8b68-2a66-4bae-e7b3455171fd-26b3d2c0, #w-node-ea0a448f-2758-ef27-f798-be02e6cc4cfe-26b3d2c0, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0a8-26b3d2c0, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0b3-26b3d2c0, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0be-26b3d2c0, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c11-26b3d2c0, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c1c-26b3d2c0, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c27-26b3d2c0, #w-node-_15e030a6-25c6-4fee-2ff4-1984eeffdfb9-26b3d2c0, #w-node-_15e030a6-25c6-4fee-2ff4-1984eeffdfc4-26b3d2c0, #w-node-_15e030a6-25c6-4fee-2ff4-1984eeffdfcf-26b3d2c0, #w-node-a58056ca-9efd-3c86-b241-c60cb4764904-26b3d2c0, #w-node-a58056ca-9efd-3c86-b241-c60cb476490f-26b3d2c0, #w-node-a58056ca-9efd-3c86-b241-c60cb476491a-26b3d2c0, #w-node-b8623d65-7f23-5a67-89a4-1ec743993bd4-26b3d2c0, #w-node-b8623d65-7f23-5a67-89a4-1ec743993bdf-26b3d2c0, #w-node-b8623d65-7f23-5a67-89a4-1ec743993bea-26b3d2c0, #w-node-e0506243-2b71-294f-60c7-96f1364abdd0-4cb3d2c1, #w-node-d77a599d-8b68-2a66-4bae-e7b3455171fd-4cb3d2c1, #w-node-ea0a448f-2758-ef27-f798-be02e6cc4cfe-4cb3d2c1, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0a8-4cb3d2c1, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0b3-4cb3d2c1, #w-node-cb28676e-3da1-ea14-ddb2-3806789ea0be-4cb3d2c1, #w-node-_15e030a6-25c6-4fee-2ff4-1984eeffdfb9-4cb3d2c1, #w-node-_15e030a6-25c6-4fee-2ff4-1984eeffdfc4-4cb3d2c1, #w-node-_15e030a6-25c6-4fee-2ff4-1984eeffdfcf-4cb3d2c1, #w-node-a58056ca-9efd-3c86-b241-c60cb4764904-4cb3d2c1, #w-node-a58056ca-9efd-3c86-b241-c60cb476490f-4cb3d2c1, #w-node-a58056ca-9efd-3c86-b241-c60cb476491a-4cb3d2c1, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c11-4cb3d2c1, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c1c-4cb3d2c1, #w-node-_2372ae16-cebb-c2da-1ea2-d9e373f31c27-4cb3d2c1, #w-node-b8623d65-7f23-5a67-89a4-1ec743993bd4-4cb3d2c1, #w-node-b8623d65-7f23-5a67-89a4-1ec743993bdf-4cb3d2c1, #w-node-b8623d65-7f23-5a67-89a4-1ec743993bea-4cb3d2c1, #w-node-_806b78e9-98cb-6ed5-5cc0-aabbc8c5be4b-4cb3d2c4, #w-node-_806b78e9-98cb-6ed5-5cc0-aabbc8c5be4e-4cb3d2c4, #w-node-_806b78e9-98cb-6ed5-5cc0-aabbc8c5be51-4cb3d2c4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-c776515a-adac-307d-1fb3-e3346faa5f60-61b3d20c, #w-node-_5029d6d6-effb-c9d1-4ef2-82eb1ee36dae-2db3d24f, #w-node-_5029d6d6-effb-c9d1-4ef2-82eb1ee36dae-95b3d263, #w-node-_01505fcf-aa5a-7d1a-db1f-15ebea04b103-95b3d263, #w-node-_5029d6d6-effb-c9d1-4ef2-82eb1ee36dae-4fb3d2a7, #w-node-_5029d6d6-effb-c9d1-4ef2-82eb1ee36dae-ecb3d2ad {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f934-ee26f92c {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f964-ee26f92c {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f952-ee26f92c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f934-ee26f92c {
    grid-row-end: 2;
    grid-column-end: 3;
  }

  #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f943-ee26f92c {
    grid-area: 2 / 1 / 2 / 2;
  }

  #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f964-ee26f92c {
    grid-column: 1 / 2;
    grid-row-start: 3;
  }

  #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f952-ee26f92c {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_16f2683f-5eed-0526-ab5c-d874e5885fbc-aebd3717 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f934-ee26f92c {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f943-ee26f92c {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f964-ee26f92c {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_8542f71e-cbf4-a527-5cdc-75e6ee26f952-ee26f92c {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-b69b2756-b058-404b-a1b5-86222217681e-22176803, #w-node-b69b2756-b058-404b-a1b5-86222217682a-22176803, #w-node-b69b2756-b058-404b-a1b5-862222176837-22176803, #w-node-b69b2756-b058-404b-a1b5-862222176844-22176803 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_829a2281-86be-05c4-5578-17019ae61cf5-86b3d265, #w-node-_829a2281-86be-05c4-5578-17019ae61cf5-6fb3d28a {
    order: 9999;
  }
}


@font-face {
  font-family: 'Soehne mono dreiviertelfett';
  src: url('../fonts/soehne-mono-dreiviertelfett.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik web';
  src: url('../fonts/Graphik-Regular-Web.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druk web';
  src: url('../fonts/Druk-Bold-Web.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik web';
  src: url('../fonts/Graphik-Semibold-Web.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik web';
  src: url('../fonts/Graphik-Bold-Web.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}