:root {
  --orange: #faa632;
  --dunkelblau: #13244b;
  --blau: #247bb2;
  --80-schwarz: #000c;
  --weiß: white;
  --70px: 70px;
  --hellblau: #eaeeff;
  --schwarz: #000;
  --color: white;
}

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

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

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  color: #13244b;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 111%;
}

h2 {
  color: var(--orange);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 145%;
}

h3 {
  color: var(--dunkelblau);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
}

h4 {
  color: var(--blau);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

p {
  color: var(--80-schwarz);
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 145%;
}

.navbar-container {
  max-width: 920px;
  height: 60px;
}

.hero-section {
  background-image: url('../images/Hero-BG-min.jpg');
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.hero-h1 {
  color: var(--weiß);
  text-align: left;
  max-width: 390px;
  margin-top: 0;
  margin-bottom: 15px;
}

.main-container {
  max-width: 920px;
}

.main-container._70px-padding {
  padding-top: var(--70px);
  padding-bottom: var(--70px);
}

.heading-2 {
  margin-top: var(--70px);
}

.heading-2.linksb-ndig {
  text-align: left;
}

.hero-paragraph {
  color: var(--weiß);
  max-width: 470px;
  margin-bottom: 25px;
}

.button {
  margin-bottom: var(--70px);
  background-color: var(--orange);
  text-align: center;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 42px;
  font-family: Poppins, sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 145%;
  transition: transform .2s;
  display: flex;
  position: static;
}

.button:hover {
  transform: scale(1.05);
}

.button.button-position {
  margin: 30px auto 0;
  display: flex;
}

.button.button-1 {
  width: 60%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.button.button-2 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.button.button-3 {
  width: 90%;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  font-weight: 500;
}

.button.button-4 {
  width: 240px;
}

.button.button-5, .button.button-5-copy {
  width: 520px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.button.button-7 {
  background-color: var(--blau);
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.nav-link {
  color: var(--80-schwarz);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: Poppins, sans-serif;
  transition: transform .2s;
  display: block;
  position: relative;
}

.nav-link:hover {
  color: var(--orange);
  text-decoration: underline;
  transform: scale(1.05);
}

.nav-link.blau {
  color: var(--blau);
}

.nav-link.blau:hover {
  color: var(--orange);
  transform: scale(1.1);
}

.nav-text {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  display: inline-flex;
}

.div-block {
  height: 60px;
  display: inline-block;
}

.nav-link-wrapper {
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-left: 25px;
  display: flex;
}

.nav-menu {
  display: flex;
}

.brand {
  color: #979797;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 60px;
  display: flex;
}

.text-block {
  color: #5d5959;
}

.video-section {
  background-color: #fff;
  overflow: hidden;
}

.h2-70px-oben {
  margin-top: var(--70px);
}

.h2-70px-oben.linksb-ndig {
  text-align: left;
}

.h1.bot-margin-30px {
  margin-bottom: 30px;
}

.h1.wei {
  color: var(--weiß);
}

.h1.top-margin-70px {
  margin-top: var(--70px);
}

.video.bot-margin-30px {
  margin-bottom: 30px;
  display: none;
}

.termine-wrapper-box {
  margin-bottom: var(--70px);
  padding-top: var(--70px);
  padding-bottom: var(--70px);
  background-color: var(--hellblau);
}

.termine-grid {
  grid-template-columns: 430px 150px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.bold-paragraph-text {
  margin-left: auto;
  margin-right: auto;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 145%;
}

.bold-paragraph-text.wei {
  color: var(--weiß);
}

.bold-paragraph-text.wei.zentriert {
  text-align: center;
  text-decoration: none;
}

.bold-paragraph-text.wei.margin {
  margin-top: 20px;
  margin-bottom: 20px;
}

.bold-paragraph-text.zentriert {
  text-align: center;
}

.bold-paragraph-text.zentriert.dunkelblau {
  color: var(--dunkelblau);
}

.bold-paragraph-text.zentriert.blau {
  color: var(--blau);
}

.bold-paragraph-text.zentriert.margin {
  color: var(--80-schwarz);
  margin-top: 30px;
  margin-bottom: 30px;
}

.bold-paragraph-text.blau {
  color: var(--blau);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}

.ausgebucht-box {
  background-color: red;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 30px;
  display: flex;
}

.ausgebucht-box.gr-n {
  background-color: #00d900;
  text-decoration: none;
  transition: transform .2s;
}

.ausgebucht-box.gr-n:hover {
  transform: scale(1.05);
}

.ausgebucht-box.none {
  display: none;
}

.ausgebucht-box.none-2 {
  display: flex;
}

.ausgebucht-box-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.verf-gbar-box {
  background-color: #00d900;
}

.inhalt-section {
  background-color: var(--dunkelblau);
  background-image: url('../images/Ablauf-BG-min.jpg');
  background-position: 0 0;
  background-size: auto;
  overflow: hidden;
}

.info-box {
  background-color: var(--weiß);
  border-radius: 10px;
  padding: 50px;
}

.info-box.bot-margin-30px {
  pointer-events: auto;
  margin-bottom: 30px;
}

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

.h2.h2-50-px-oben {
  margin-top: 50px;
}

.h2.blau {
  color: var(--blau);
}

.h2.blau.linksb-ndig {
  color: var(--weiß);
  text-align: left;
  text-decoration: underline;
}

.paragraph.zentriert {
  text-align: center;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph.wei {
  color: var(--weiß);
  margin-bottom: 0;
}

.paragraph.no-margin {
  margin-bottom: 0;
}

.voraussetzungen-section {
  overflow: hidden;
}

.grid {
  grid-column-gap: 10px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 20px 500px;
  max-width: 530px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.no-margins {
  margin-bottom: 0;
}

.ablauf-section {
  background-image: url('../images/Ablauf-BG-min.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.ablauf-box {
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ablauf-box.top-margin-50px {
  margin-top: 50px;
}

.ablauf-box.mittagspause {
  background-color: var(--hellblau);
}

.inhaltsliste {
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 20px 1fr;
  max-width: 550px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.referent-section {
  background-color: var(--weiß);
  overflow: hidden;
}

.referent-text-u-bild {
  display: block;
}

.columns {
  aspect-ratio: auto;
  width: 920px;
  margin-top: 30px;
}

.termin-info-box {
  background-color: var(--hellblau);
  border-radius: 10px;
  margin-top: 30px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 0;
}

.paragraph-2 {
  color: var(--weiß);
  width: 30%;
  margin-bottom: 0;
  margin-right: 5%;
  display: inline-block;
}

.paragraph-3 {
  float: right;
  color: var(--weiß);
  text-align: left;
  width: 30%;
  margin-bottom: 0;
  display: inline-block;
}

.wvs-link {
  color: var(--weiß);
  transition: transform .2s;
}

.wvs-link:hover {
  color: var(--orange);
}

.div-block-2 {
  background-color: #ff7e7e;
  width: 920px;
  height: 400px;
  margin-top: 50px;
}

.linie {
  background-color: var(--80-schwarz);
  opacity: .5;
  width: 80%;
  height: 1px;
  margin: 50px auto;
}

.paragraph-4 {
  margin-top: 30px;
  margin-bottom: var(--70px);
}

.scroll-to-top-button {
  z-index: 999;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.link-block {
  z-index: 999;
  background-color: var(--blau);
  opacity: 1;
  mix-blend-mode: normal;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  position: fixed;
  bottom: 25px;
  right: 25px;
}

.image {
  max-width: 60%;
}

.navbar {
  background-color: var(--weiß);
}

.footer {
  background-color: var(--dunkelblau);
  overflow: hidden;
}

.footer-div {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-link {
  color: var(--blau);
  text-decoration: none;
}

.paragraph-5 {
  margin-bottom: 0;
}

.column {
  justify-content: center;
  align-items: center;
  width: 920px;
  margin-top: 30px;
  display: block;
}

.foto {
  float: left;
  background-image: url('../images/Foto-Andre-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 372px;
  height: 372px;
  display: block;
}

.paragraph-6 {
  float: right;
  width: 528px;
  margin-bottom: 0;
  display: inline-block;
  position: relative;
}

.code-embed {
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.workshop-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-3 {
  padding-top: 6px;
}

.heading-5, .code-embed-2 {
  margin-bottom: 30px;
}

.grid-2 {
  grid-column-gap: 10px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 20px 500px;
  max-width: 530px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.grid-2._2 {
  max-width: none;
}

.paragraph-11.zentriert {
  text-align: center;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.no-margins-2 {
  margin-bottom: 0;
}

.main-container-2 {
  max-width: 920px;
}

.main-container-2._70px-padding {
  padding-top: 70px;
  padding-bottom: 70px;
}

.link-block-2 {
  text-decoration: none;
  display: inline-block;
}

.link-block-2.none {
  display: none;
}

.link-block-3 {
  text-decoration: none;
}

.link-block-3.none {
  display: none;
}

._1-workshop {
  background-color: var(--dunkelblau);
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px 40px 20px 5%;
}

._2-workshop {
  background-color: var(--dunkelblau);
}

.paragraph-12 {
  color: var(--weiß);
  width: 30%;
  margin-bottom: 0;
  margin-right: 5%;
  display: inline-block;
}

.pagewrapper {
  flex-flow: column;
  min-height: 100vh;
  display: flex;
}

.content-section {
  background-image: url('../images/Hero-BG2-min.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
}

.heading-8 {
  color: var(--weiß);
  margin-top: 10vh;
}

.image-4 {
  width: 15vh;
  margin: 8vh auto;
  display: block;
}

.paragraph-13 {
  max-width: 600px;
}

.paragraph-14 {
  color: var(--weiß);
  text-align: center;
  width: 600px;
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.code-embed-3 {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.hero-section-2 {
  background-image: linear-gradient(#13244bbf, #247bb2e6);
  height: 100%;
  position: relative;
}

.hero-background-video {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.heading-9 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.heading-9.regular {
  color: var(--weiß);
  font-weight: 500;
}

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

.bold-h1-text.bolder {
  font-weight: 800;
}

.h3 {
  color: var(--weiß);
  text-align: center;
  width: 100%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.h3.blau {
  color: var(--dunkelblau);
  width: 70%;
  margin-top: 100px;
  margin-bottom: 70px;
  font-weight: 500;
}

.grid-3 {
  grid-column-gap: 2%;
  grid-row-gap: 7%;
  grid-template-rows: auto auto auto;
  grid-template-columns: 3% auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 60%;
  margin: 20px auto 50px;
  display: grid;
}

.image-5 {
  width: 25px;
}

.center-flex-box {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-6 {
  position: absolute;
}

.cursor-image {
  width: 1.5%;
  margin-top: 6px;
  margin-left: 681px;
  display: block;
  position: absolute;
}

.paragraph-15 {
  text-align: center;
  margin-top: 20px;
}

.flex-block {
  grid-column-gap: 12%;
  grid-row-gap: 12%;
  justify-content: center;
  align-items: flex-end;
}

.grid-4 {
  grid-column-gap: 2%;
  grid-row-gap: 7%;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 3% 90%;
  place-items: center start;
  width: 90%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4%;
}

.heading-10 {
  color: var(--blau);
  text-transform: none;
  width: 70%;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
}

.div-block-3 {
  padding: 20px;
}

.blauer-kasten {
  background-color: var(--hellblau);
  border-radius: 10px;
  padding: 30px;
}

.blauer-kasten._2 {
  height: 351.979px;
  margin-bottom: 50px;
  padding: 20px;
}

.blauer-kasten._3_2 {
  width: 45%;
}

.blauer-kasten._3_1 {
  width: 45%;
  margin-right: 10%;
}

.blauer-kasten._4 {
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  min-height: auto;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blauer-kasten._5 {
  margin-top: 50px;
  margin-bottom: 70px;
  padding: 50px;
}

.blauer-kasten._6 {
  width: 60%;
  min-height: auto;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.blauer-kasten._7 {
  height: 219.99px;
  margin-top: 50px;
  margin-bottom: 0;
}

.blauer-kasten._7.margin {
  height: auto;
  margin-top: 30px;
  margin-bottom: 50px;
}

.blauer-kasten._8 {
  margin-top: 70px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.heading-11 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
}

.paragraph-16 {
  text-align: center;
  margin-bottom: 0;
}

.columns-2 {
  margin-bottom: 100px;
}

.section-3 {
  background-color: var(--dunkelblau);
}

.heading-12 {
  color: var(--weiß);
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}

.heading-13 {
  margin-top: 50px;
}

.paragraph-17 {
  color: var(--weiß);
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.heading-14 {
  margin-top: 70px;
}

.grid-5 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 50%;
  width: 90%;
  margin: 30px auto 50px;
}

.paragraph-18 {
  margin-bottom: 0;
}

.image-7 {
  border-radius: 10px;
  max-width: 100%;
}

.section-5 {
  background-color: var(--dunkelblau);
}

.heading-15 {
  color: var(--weiß);
}

.paragraph-19 {
  color: var(--weiß);
  width: 50%;
}

.columns-3 {
  margin-top: 30px;
  margin-bottom: 100px;
}

.heading-16 {
  margin-top: 50px;
}

.heading-16.weniger-marin {
  margin-top: 30px;
}

.recruiting-video-flex-box {
  flex-flow: row;
  margin-top: 30px;
  margin-bottom: 50px;
  display: flex;
}

.recruiting-video-flex-box.mehr-margin {
  margin-bottom: 70px;
}

.video-2 {
  border-radius: 10px;
  margin-left: 10px;
}

.video-wrapper {
  border-radius: 10px;
  width: 50%;
}

.heading-17 {
  color: var(--weiß);
}

.paragraph-20 {
  color: var(--weiß);
  width: 50%;
}

.heading-18 {
  margin-top: 70px;
  margin-bottom: 40px;
}

.angebote-wrapper-flex-box {
  margin-bottom: 50px;
  display: flex;
}

.heading-19 {
  color: var(--blau);
  text-align: center;
  font-weight: 600;
}

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

.paragraph-21 {
  margin-top: 20px;
}

.image-8 {
  margin: 20px auto;
  display: block;
}

.image-8.padding {
  padding-top: 15px;
  padding-bottom: 23px;
}

.heading-20 {
  text-align: left;
  margin-top: 70px;
}

.heading-21 {
  color: var(--weiß);
  text-align: left;
  width: 40%;
}

.paragraph-22 {
  color: var(--weiß);
  width: 40%;
  margin-top: 15px;
  margin-bottom: 25px;
}

.section-7 {
  background-image: url('../images/Hero-BG2-min.jpg');
  background-position: 0 0;
  background-size: cover;
}

.section-8 {
  background-color: var(--weiß);
}

.heading-22 {
  color: var(--dunkelblau);
  text-transform: none;
  width: 60%;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
}

.large-orange {
  color: var(--orange);
  font-size: 36px;
  font-weight: 700;
}

.uhr-flex-box {
  justify-content: space-around;
  align-items: center;
  width: 80%;
  margin: 50px auto 100px;
  display: flex;
}

.image-9 {
  width: 32%;
}

.paragraph-23 {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
}

.paragraph-24 {
  margin-bottom: 0;
  display: inline-block;
}

.image-10 {
  width: 22px;
  margin-right: 30px;
}

.section-9 {
  background-image: linear-gradient(180deg, var(--dunkelblau), var(--blau));
}

.heading-23 {
  width: 70%;
}

.heading-24 {
  color: var(--weiß);
  width: 70%;
  margin: 70px auto 30px;
}

.paragraph-25 {
  color: var(--weiß);
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.image-11, .image-12, .image-13, .image-14, .image-15, .image-16 {
  width: 25px;
}

.grid-6 {
  grid-row-gap: 5px;
  grid-template-columns: auto 1fr;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.link {
  color: var(--blau);
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .2s;
  display: block;
}

.link:hover {
  color: var(--orange);
  transform: scale(1.03);
}

.heading-25 {
  color: var(--dunkelblau);
}

.heading-26 {
  margin-top: 20px;
}

.logo {
  height: 60px;
}

.logo.kleiner {
  height: 40px;
  margin-top: 13px;
}

.video-3 {
  margin-left: 10px;
}

.section-11 {
  background-image: linear-gradient(180deg, #13244b, var(--blau));
  flex: 1;
}

.heading-27 {
  color: var(--weiß);
}

.heading-28 {
  color: var(--weiß);
  text-align: left;
  margin-top: 70px;
}

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

.heading-30 {
  margin-top: 50px;
}

.heading-31 {
  color: var(--weiß);
  font-weight: 400;
}

.code-embed-4 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-26 {
  text-align: center;
  margin-bottom: 30px;
}

.heading-32 {
  text-align: center;
  width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.heading-32.margin {
  width: 90%;
  margin-top: 0;
}

.paragraph-27 {
  margin: 30px auto;
}

.heading-33 {
  color: var(--orange);
}

.wei-er-kasten {
  background-color: var(--weiß);
  border-radius: 10px;
  padding: 30px;
}

.wei-er-kasten.top-bot-margin-30px {
  margin-top: 30px;
  margin-bottom: 30px;
}

.heading-34 {
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .navbar-container, .main-container {
    max-width: 720px;
  }

  .main-container._70px-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .hero-paragraph {
    max-width: 450px;
  }

  .button.button-1 {
    margin-bottom: 70px;
    font-size: 18px;
  }

  .button.button-4 {
    margin-bottom: 50px;
  }

  .button.button-5.blau {
    background-color: var(--orange);
  }

  .button.button-7 {
    background-color: var(--orange);
    margin-bottom: 0;
  }

  .nav-link-wrapper {
    background-color: #ffffffe6;
  }

  .nav-menu {
    background-color: #c8c8c800;
  }

  .h2-70px-oben {
    margin-top: 50px;
  }

  .termine-wrapper-box {
    padding-top: 50px;
  }

  .termine-grid {
    grid-template-columns: 435px 150px;
  }

  .bold-paragraph-text.zentriert {
    color: var(--80-schwarz);
  }

  .termin-info-box {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .paragraph-2 {
    margin-right: 4%;
  }

  .paragraph-3 {
    width: 32%;
  }

  .menu-button, .menu-button.w--open {
    background-color: var(--weiß);
  }

  .icon {
    color: var(--80-schwarz);
  }

  .column {
    width: 720px;
  }

  .foto {
    width: 300px;
    height: 300px;
  }

  .paragraph-6 {
    width: 400px;
  }

  .code-embed {
    width: 640px;
  }

  .main-container-2 {
    max-width: 720px;
  }

  .main-container-2._70px-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .heading-8 {
    margin-top: 8vh;
  }

  .image-4 {
    margin-top: 6vh;
    margin-bottom: 6vh;
  }

  .code-embed-3 {
    max-width: 90%;
  }

  .hero-background-video {
    mix-blend-mode: normal;
  }

  .h3 {
    margin-top: 30px;
  }

  .h3.blau {
    margin-top: 50px;
    margin-bottom: 40px;
  }

  .grid-3 {
    width: 70%;
  }

  .flex-block {
    grid-column-gap: 7%;
    grid-row-gap: 7%;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-4 {
    margin-bottom: 50px;
    padding-bottom: 5%;
  }

  .heading-10 {
    margin-bottom: 50px;
  }

  .blauer-kasten._2 {
    height: 480px;
  }

  .blauer-kasten._3_2 {
    width: 47.5%;
    height: auto;
  }

  .blauer-kasten._3_1 {
    width: 47.5%;
    height: auto;
    margin-right: 5%;
  }

  .blauer-kasten._4 {
    width: 90%;
    margin-bottom: 50px;
  }

  .blauer-kasten._5 {
    margin-top: 30px;
    margin-bottom: 50px;
  }

  .blauer-kasten._7 {
    height: 266px;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .blauer-kasten._8 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .columns-2 {
    margin-bottom: 50px;
  }

  .heading-12 {
    width: 50%;
  }

  .paragraph-17 {
    margin-top: 30px;
  }

  .heading-14 {
    margin-top: 50px;
  }

  .grid-5, .recruiting-video-flex-box.mehr-margin {
    margin-bottom: 50px;
  }

  .video-wrapper {
    margin-left: 10px;
  }

  .heading-18 {
    margin-top: 50px;
  }

  .image-8.padding {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .heading-21 {
    width: 50%;
  }

  .paragraph-22 {
    width: 60%;
  }

  .heading-22 {
    width: 70%;
    margin-top: 50px;
  }

  .uhr-flex-box {
    width: 90%;
    margin-bottom: 50px;
  }

  .heading-24 {
    margin-top: 50px;
  }

  .logo {
    height: 40px;
  }

  .logo.kleiner {
    height: 27px;
  }

  .wei-er-kasten {
    background-color: var(--weiß);
    border-radius: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
  }

  .wei-er-kasten.top-bot-margin-30px {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .hero-h1 {
    font-size: 34px;
  }

  .main-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .main-container._70px-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .main-container.weniger-margin, .main-container.kein-top-padding {
    padding-top: 0;
  }

  .button {
    font-size: 20px;
  }

  .button.button-1 {
    height: 50px;
    margin-bottom: 50px;
    font-size: 16px;
  }

  .button.button-2 {
    width: 290px;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 50px;
    font-size: 15px;
  }

  .button.button-3 {
    margin-bottom: 0;
  }

  .button.button-5, .button.button-5-copy {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
  }

  .nav-link-wrapper, .nav-menu {
    background-color: #fffc;
  }

  .h2-70px-oben {
    margin-top: 0;
    font-size: 20px;
  }

  .h2-70px-oben.linksb-ndig {
    font-size: 20px;
  }

  .h2-70px-oben.kleiner {
    font-size: 19px;
  }

  .h1, .h1.bot-margin-30px {
    font-size: 34px;
  }

  .h1.wei {
    font-size: 32px;
  }

  .termine-wrapper-box {
    width: 100%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

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

  .termine-grid {
    grid-template-columns: 264px 122px;
    max-width: 402px;
  }

  .bold-paragraph-text, .bold-paragraph-text.zentriert.dunkelblau, .bold-paragraph-text.zentriert.blau {
    font-size: 16px;
  }

  .ausgebucht-box {
    width: 120px;
  }

  .ausgebucht-box.gr-n, .ausgebucht-box.gr-n.main-container {
    display: flex;
  }

  .ausgebucht-box.gr-n.none, .ausgebucht-box.none {
    display: none;
  }

  .info-box, .info-box.bot-margin-30px {
    padding: 30px;
  }

  .h2 {
    font-size: 20px;
  }

  .h2.h2-70px-oben {
    margin-top: 30px;
    font-size: 20px;
  }

  .h2.h2-50-px-oben {
    font-size: 20px;
  }

  .grid {
    grid-template-columns: 20px 412px;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
  }

  .no-margins {
    font-size: 16px;
  }

  .ablauf-box {
    padding: 20px;
  }

  .ablauf-box.top-margin-50px {
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .inhaltsliste {
    font-size: 16px;
  }

  .termin-info-box {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .paragraph-2 {
    width: 80%;
    margin-bottom: 10px;
    margin-right: 0%;
    font-size: 16px;
  }

  .paragraph-3 {
    width: 80%;
    font-size: 16px;
  }

  .paragraph-4 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
  }

  .menu-button {
    background-color: var(--weiß);
  }

  .column {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .foto {
    float: none;
    width: 320px;
    height: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-6 {
    float: none;
    width: 100%;
    margin: 20px auto 40px;
    font-size: 16px;
    display: block;
  }

  .code-embed {
    width: 90%;
  }

  .workshop-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .heading-4, .heading-5 {
    font-size: 34px;
  }

  .grid-2 {
    grid-template-columns: 20px 411px;
    margin-bottom: 40px;
  }

  .main-container-2 {
    max-width: 460px;
  }

  .heading-6 {
    font-size: 34px;
  }

  .heading-7 {
    font-size: 18px;
  }

  ._1-workshop {
    padding-left: 0%;
    padding-right: 0;
  }

  .paragraph-12 {
    width: 80%;
    margin-bottom: 10px;
    margin-right: 0%;
  }

  .heading-8 {
    margin-top: 5vh;
  }

  .image-4 {
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  .heading-9.regular {
    width: 90%;
  }

  .h3.blau {
    width: 80%;
  }

  .grid-3 {
    margin-bottom: 30px;
  }

  .flex-block {
    grid-column-gap: 7%;
    grid-row-gap: 7%;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
  }

  .grid-4 {
    padding-bottom: 8%;
  }

  .heading-10 {
    width: 80%;
    margin-bottom: 20px;
  }

  .blauer-kasten._2 {
    height: auto;
    margin-bottom: 20px;
  }

  .blauer-kasten._3_2 {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }

  .blauer-kasten._3_1 {
    width: 100%;
    height: auto;
  }

  .blauer-kasten._4 {
    padding: 20px;
  }

  .blauer-kasten._5 {
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 40px 20px;
  }

  .blauer-kasten._7 {
    height: auto;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 20px;
  }

  .heading-12 {
    width: 80%;
  }

  .heading-13 {
    font-size: 19px;
  }

  .heading-14 {
    margin-top: 40px;
  }

  .grid-5 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .paragraph-19 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .recruiting-video-flex-box {
    flex-flow: column;
  }

  .video-wrapper {
    width: 90%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-20 {
    width: 90%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .angebote-wrapper-flex-box {
    flex-flow: column;
  }

  .image-8 {
    width: 100%;
    max-width: 310px;
  }

  .heading-20 {
    margin-top: 50px;
  }

  .heading-21, .paragraph-22 {
    width: 70%;
  }

  .heading-22 {
    margin-top: 50px;
  }

  .uhr-flex-box {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .image-9 {
    width: 80px;
  }

  .paragraph-23 {
    text-align: center;
    width: 90%;
    margin-top: 10px;
  }

  .image-10 {
    width: 22px;
    margin-top: 0;
  }

  .heading-24 {
    margin-top: 40px;
  }

  .paragraph-25 {
    width: 90%;
  }

  .grid-6 {
    grid-column-gap: 13px;
  }

  .heading-25 {
    font-size: 33px;
  }

  .heading-26 {
    font-size: 19px;
  }

  .logo {
    height: 50px;
    margin-bottom: 20px;
  }

  .logo.kleiner {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .hero-section {
    background-position: 60%;
  }

  .hero-h1 {
    font-size: 30px;
  }

  .main-container {
    width: 100%;
  }

  .hero-paragraph {
    font-size: 15px;
  }

  .button {
    width: 180px;
    height: 35px;
    margin-bottom: 40px;
    font-size: 16px;
  }

  .button.button-position {
    width: 180px;
    height: 35px;
    font-size: 17px;
  }

  .button.button-1 {
    width: 80%;
    height: 60px;
    margin-bottom: 40px;
    font-size: 16px;
  }

  .button.button-2 {
    width: 70%;
    height: 50px;
    font-size: 15px;
  }

  .button.button-3 {
    width: 100%;
    height: 50px;
    font-size: 15px;
  }

  .button.button-4 {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .button.button-5, .button.button-5-copy {
    width: 250px;
    font-size: 9px;
  }

  .button.button-7 {
    margin-bottom: 0;
  }

  .nav-text {
    max-width: 180px;
    padding-left: 14px;
    font-size: 11px;
    line-height: 12px;
  }

  .h2-70px-oben, .h2-70px-oben.linksb-ndig {
    font-size: 18px;
  }

  .h1 {
    font-size: 23px;
  }

  .h1.bot-margin-30px, .h1.wei {
    font-size: 30px;
  }

  .termine-wrapper-box {
    padding-left: 8px;
    padding-right: 8px;
  }

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

  .termine-grid {
    padding-left: 20px;
  }

  .bold-paragraph-text, .bold-paragraph-text.zentriert.dunkelblau, .bold-paragraph-text.zentriert.blau {
    font-size: 15px;
  }

  .ausgebucht-box {
    width: 110px;
    height: 23px;
    margin-top: 5px;
    display: flex;
  }

  .ausgebucht-box.gr-n.main-container {
    display: none;
  }

  .ausgebucht-box.gr-n.none {
    display: flex;
  }

  .ausgebucht-box.gr-n.none-2 {
    display: none;
  }

  .ausgebucht-box.none {
    display: flex;
  }

  .ausgebucht-box.none-2 {
    display: none;
  }

  .h2, .h2.h2-70px-oben, .h2.h2-50-px-oben, .h2.h2-70px-oben {
    font-size: 18px;
  }

  .paragraph.top-margin-10px, .no-margins {
    font-size: 15px;
  }

  .ablauf-box, .ablauf-box.top-margin-50px {
    margin-bottom: 20px;
  }

  .ablauf-box.weniger-margin {
    margin-bottom: 0;
  }

  .termin-info-box {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .paragraph-2, .paragraph-3 {
    font-size: 15px;
  }

  .linie {
    width: 80%;
  }

  .paragraph-4 {
    font-size: 15px;
  }

  .column {
    width: 290px;
  }

  .foto {
    width: 260px;
    height: 260px;
  }

  .paragraph-6 {
    font-size: 15px;
  }

  .code-embed {
    width: 270px;
  }

  .workshop-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-7, .paragraph-8, .paragraph-9, .paragraph-10 {
    margin-bottom: 0;
    font-size: 15px;
  }

  .heading-4, .heading-5 {
    font-size: 30px;
  }

  .grid-2 {
    grid-template-columns: 20px 270px;
    margin-bottom: 40px;
  }

  .paragraph-11.zentriert {
    margin-bottom: 0;
    font-size: 15px;
  }

  .no-margins-2 {
    font-size: 15px;
  }

  .main-container-2 {
    max-width: 300px;
  }

  .main-container-2._70px-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

  .heading-7 {
    font-size: 18px;
  }

  .link-block-2.none, .link-block-3.none {
    display: block;
  }

  ._1-workshop {
    padding-left: 0%;
    padding-right: 0;
  }

  .heading-8 {
    margin-top: 3vh;
  }

  .image-4 {
    margin-top: 4vh;
    margin-bottom: 4vh;
  }

  .code-embed-3 {
    max-width: 90%;
  }

  .heading-9.regular {
    width: 90%;
    font-size: 33px;
  }

  .h3 {
    line-height: 30px;
  }

  .h3.blau {
    width: 90%;
  }

  .grid-3 {
    grid-template-columns: 20px auto;
    width: 90%;
    margin-bottom: 50px;
  }

  .paragraph-15 {
    margin-top: 20px;
  }

  .flex-block {
    flex-flow: column;
    width: 100%;
  }

  .grid-4 {
    grid-row-gap: 3%;
    grid-template-columns: 10% 90%;
    padding-bottom: 13%;
  }

  .heading-10 {
    width: 90%;
    margin-bottom: 40px;
  }

  .blauer-kasten._2 {
    height: 370px;
  }

  .blauer-kasten._3_2 {
    width: 100%;
  }

  .blauer-kasten._3_1 {
    width: 100%;
    margin-bottom: 20px;
  }

  .blauer-kasten._7 {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .columns-2 {
    margin-bottom: 30px;
  }

  .heading-12 {
    width: 80%;
  }

  .heading-13 {
    margin-top: 40px;
  }

  .paragraph-17 {
    margin-top: 30px;
  }

  .paragraph-19 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .recruiting-video-flex-box {
    flex-flow: column;
    margin-top: 20px;
  }

  .recruiting-video-flex-box.mehr-margin {
    margin-top: 10px;
  }

  .video-wrapper, .heading-17 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-20 {
    width: 90%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .heading-18 {
    margin-top: 40px;
  }

  .angebote-wrapper-flex-box {
    flex-flow: column;
  }

  .image-8 {
    width: 100%;
    max-width: 230px;
  }

  .heading-20 {
    text-align: center;
    font-size: 19px;
  }

  .heading-21 {
    text-align: center;
    width: 100%;
    font-size: 33px;
  }

  .paragraph-22 {
    text-align: center;
    width: 100%;
  }

  .heading-22 {
    width: 90%;
    font-size: 19px;
  }

  .large-orange {
    font-size: 33px;
  }

  .uhr-flex-box {
    width: 90%;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .image-9 {
    width: 80px;
  }

  .paragraph-23 {
    width: 100%;
  }

  .image-10 {
    margin-top: 0;
    margin-right: 20px;
  }

  .heading-24 {
    width: 80%;
    font-size: 33px;
  }

  .image-11, .image-12, .image-13, .image-14, .image-15, .image-16 {
    width: 20px;
  }

  .grid-6 {
    grid-column-gap: 10px;
  }

  .heading-25 {
    font-size: 27px;
  }

  .heading-26 {
    margin-top: 10px;
  }

  .bold-text-2 {
    font-size: 33px;
  }

  .logo {
    margin-left: auto;
    margin-right: auto;
  }
}

#w-node-_0133ea75-3740-1f26-a281-1f4d6215b437-ec2d443a, #w-node-_47e70964-d7b5-8a38-8e95-6a6db48ffb81-ec2d443a, #w-node-ec0fc25a-45f3-3df7-df47-765259030cd9-ec2d443a, #w-node-cfa10e83-ba1d-f0be-c6c0-cbf8a8a98dc2-ec2d443a, #w-node-_54a7b547-39e5-5cca-5411-694c469696e2-ec2d443a, #w-node-a3b14398-ab86-f815-98f9-fdaec70a4c9f-ec2d443a, #w-node-_308d4b6c-82db-9e88-9f6c-c04f114c97e4-ec2d443a, #w-node-_4167d698-eba8-6a07-cca4-c244483359e2-ec2d443a, #w-node-_61d51fc6-a967-cfe3-1872-97c2edeb1d73-ec2d443a, #w-node-_73f1ce4a-382b-ea33-34f0-1f8f42bb20ce-ec2d443a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2807bae5-4102-86d1-b8e8-811f7eacb63f-ec2d443a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_44fd9687-2652-db3d-ce07-2df3873a3522-ec2d443a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_44fd9687-2652-db3d-ce07-2df3873a3525-ec2d443a {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_44fd9687-2652-db3d-ce07-2df3873a3528-ec2d443a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-bc73681e-bc20-185c-9c19-0e4f463c10fa-ec2d443a, #w-node-bc73681e-bc20-185c-9c19-0e4f463c10fb-ec2d443a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc73681e-bc20-185c-9c19-0e4f463c10fd-ec2d443a {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-bc73681e-bc20-185c-9c19-0e4f463c1100-ec2d443a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_85fdd1be-a169-d78d-89be-d8649efa42de-ec2d443a, #w-node-_85fdd1be-a169-d78d-89be-d8649efa42df-ec2d443a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_85fdd1be-a169-d78d-89be-d8649efa42e4-ec2d443a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-a2752ae8-5a57-5dfa-94f3-ca9718145a19-ec2d443a, #w-node-a2752ae8-5a57-5dfa-94f3-ca9718145a1a-ec2d443a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2752ae8-5a57-5dfa-94f3-ca9718145a1c-ec2d443a {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-a2752ae8-5a57-5dfa-94f3-ca9718145a1f-ec2d443a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-a5823613-6018-0d8c-8de8-6e248c669e43-ec2d443a, #w-node-a5823613-6018-0d8c-8de8-6e248c669e44-ec2d443a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a5823613-6018-0d8c-8de8-6e248c669e49-ec2d443a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_2cb69a74-a10d-b2a5-d342-2e51821e9dc5-ec2d443a, #w-node-_2cb69a74-a10d-b2a5-d342-2e51821e9dc6-ec2d443a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2cb69a74-a10d-b2a5-d342-2e51821e9dc8-ec2d443a {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_2cb69a74-a10d-b2a5-d342-2e51821e9dcb-ec2d443a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-d9f8efdf-92d5-2e40-e68d-c6026583add7-88d9c7cb, #w-node-_02578da0-066f-7052-ecc6-74fe90dfb372-88d9c7cb, #w-node-_05fd5035-70f8-fc22-07f6-028b491a6579-88d9c7cb {
  align-self: center;
}

#w-node-_1a6226ca-8309-8f8c-0144-f7ce48f44634-88d9c7cb {
  align-self: start;
}

#w-node-_59fc1e7d-e8f1-1502-305b-7cce87a4bdaf-88d9c7cb {
  align-self: center;
}

#w-node-e821ae28-b285-d3a4-4e0b-32235ab69889-88d9c7cb {
  align-self: start;
}

#w-node-_167fd199-f4b9-305f-ab67-67b095d7cec3-88d9c7cb {
  align-self: center;
}

#w-node-_092a3552-9e89-8239-3f3e-d4610961ad43-88d9c7cb {
  align-self: start;
}

#w-node-b5fe4fab-2fbe-64f2-cc49-0154dfd14e42-88d9c7cb {
  align-self: center;
}

#w-node-_70229361-3b6b-a1f1-81f0-7ba50c83d6f1-88d9c7cb {
  align-self: start;
}

#w-node-_04c4a615-c191-3247-a817-cef606d3f6f6-88d9c7cb {
  align-self: center;
}

#w-node-_3859b558-09af-cbc1-7b95-c0c0cba8557b-88d9c7cb {
  order: -9999;
  justify-self: start;
}

#w-node-_02fa96bc-d5eb-9946-c67c-de36885554c2-88d9c7cb {
  order: 9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-b0cabadf-084d-f899-ae89-277fd3a7ad82-040c5572 {
  order: -9999;
  justify-self: start;
}

#w-node-b0cabadf-084d-f899-ae89-277fd3a7ad83-040c5572 {
  order: 9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_006740aa-5e07-ed4c-a5cd-d3a1aae3eabb-ba6568a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_3de8b7ea-2e3b-f325-52db-9146db546f81-88d9c7cb, #w-node-_9d2f087d-7e01-10f4-8ca4-dea41658031b-88d9c7cb, #w-node-fb1bf21d-9132-4de2-86a8-bd1eccef3e21-88d9c7cb, #w-node-bcadd68d-f679-acfd-779f-f006ac3bfb6b-88d9c7cb {
    place-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1a6226ca-8309-8f8c-0144-f7ce48f44634-88d9c7cb, #w-node-e821ae28-b285-d3a4-4e0b-32235ab69889-88d9c7cb {
    align-self: start;
  }

  #w-node-_0dee8f6c-c8aa-efc3-8add-983f24e31087-040c5572 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}