:root {
  --red: red;
}

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

body {
  color: #333;
  flex-direction: column;
  justify-content: space-between;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

p {
  margin-bottom: 10px;
}

.utility-page-wrap {
  background-color: var(--red);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.submit-button {
  background-color: #ecbf38;
}

.logo {
  color: #000;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  height: 18vh;
  text-decoration: none;
  display: flex;
}

.telefonnummer {
  margin-bottom: 5px;
}

.hauptfarbe {
  color: #fff;
  background-color: #27282a;
}

.email {
  margin-bottom: 5px;
}

.zweitfarbe {
  color: #000;
  background-color: #eee;
}

.highlights {
  color: #fff;
  background-color: red;
}

.heading-1 {
  font-family: Cormorant Garamond, sans-serif;
  font-weight: 300;
  line-height: 1.3;
}

.heading-2 {
  font-family: Libre Franklin, sans-serif;
  font-weight: 500;
  line-height: 1.3;
}

.heading-3 {
  font-family: Libre Franklin, sans-serif;
  font-weight: 700;
  line-height: 1.3;
}

.flie-text {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

.farbe-der-headings {
  color: red;
  line-height: 1.3;
}

.navbar {
  z-index: 100;
  background-color: #fff;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 20px 20px 60px;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
  box-shadow: 0 0 6px 1px #0000001a;
}

.nav-menu {
  z-index: 1000;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 70%;
  display: flex;
}

.titelimg_start {
  height: 85vh;
  position: relative;
  overflow: hidden;
}

.videodiv {
  color: #fff;
  background-color: #00000052;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 25%;
  padding-right: 25%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-footer {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
}

.heading-footer.heading-3 {
  font-family: Cormorant Garamond, sans-serif;
}

.div-block-footer1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 99.9998%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.footer {
  padding: 60px 140px;
}

.footer.hauptfarbe {
  border-top: 5px none var(--red);
  border-bottom: 5px none var(--red);
  padding-top: 10px;
  padding-bottom: 10px;
}

.inhalt-footer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.nav-link {
  color: #fff;
  font-weight: 700;
}

.nav-link.flie-text {
  color: #000;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 10px;
  transition: all .2s;
}

._2er_grid_1 {
  grid-template-rows: auto;
  overflow: hidden;
}

._2er_grid_1.top-margin {
  width: 100%;
  margin-top: 40px;
}

.content_block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 100px;
  display: flex;
}

.content_block.hauptfarbe {
  padding-left: 50px;
  padding-right: 50px;
}

.image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.image:hover {
  transform: none;
}

.image.contain {
  object-fit: contain;
  object-position: 50% 50%;
}

.image.contain.sml {
  max-height: 600px;
}

.image.top {
  object-position: 50% 0%;
}

.block_for_image {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.block_for_image._70vh {
  height: 70vh;
}

.block_for_image.sml {
  max-height: 600px;
}

.heading {
  text-align: center;
  font-size: 60px;
  line-height: 70px;
}

.heading.heading-1 {
  width: 100%;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
}

.paragraph {
  text-align: center;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 22px;
}

.paragraph.flie-text {
  margin-top: 10px;
  font-weight: 400;
  line-height: 1.5;
}

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

._2er_grid_2 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
  width: 100%;
}

.link-formular {
  text-decoration: none;
}

.impdat {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 100px 40px;
  display: flex;
}

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

.success-block {
  border: 2px solid #000;
  justify-content: center;
  align-items: center;
  padding: 100px;
  display: flex;
}

.heading-success {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}

.heading-success.heading-2 {
  font-family: Cormorant Garamond, sans-serif;
}

.submit-button-kontakt {
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 16px;
  line-height: 25px;
}

.submit-button-kontakt.highlights {
  letter-spacing: 1px;
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: 14px;
}

.paragraph-55 {
  color: #858585;
  background-color: #fff;
  margin-bottom: -10px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Roboto, sans-serif;
  position: relative;
}

.text-area {
  background-color: #fff;
  padding-top: 15px;
  font-family: Roboto, sans-serif;
  box-shadow: 0 2px 8px -3px #0003;
}

.text-area:hover {
  background-color: #fff;
}

.text-area:focus {
  border: 2px solid #496ab1;
}

.text-area.nachricht {
  height: 100px;
  margin-bottom: 15px;
}

.form-text-3 {
  color: #969696;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

.heading-form {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  line-height: 1.5;
}

.heading-form.heading-1 {
  font-family: Cormorant Garamond, sans-serif;
  font-weight: 600;
}

.form-block {
  padding: 20px;
}

.checkbox-field-2 {
  text-align: left;
  font-size: 16px;
}

.checkbox {
  width: 15px;
  height: 15px;
  box-shadow: inset 1px 1px 2px #7e7e7e;
}

.link {
  color: #fff;
  text-decoration: none;
  display: block;
}

.impdat-2 {
  min-height: 80vh;
  padding: 100px 40px;
}

.impdat-2.flie-text {
  flex-direction: column;
  align-items: center;
  min-height: auto;
  padding: 0;
  display: flex;
}

.impressum-link {
  color: #fff;
  text-decoration: none;
}

.impressum-link:hover {
  color: var(--red);
}

.datenschutz-link {
  color: #fff;
  text-decoration: none;
}

.datenschutz-link:hover {
  color: var(--red);
}

.ablaufplan-big-button-3 {
  z-index: 2;
  color: #fff;
  background-color: #d4af37;
  border-radius: 30px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 20px;
  text-decoration: none;
  transition: all .2s;
}

.ablaufplan-big-button-3:hover {
  transform: scale(1.03);
}

.ablaufplan-big-button-3.black {
  z-index: 10000;
  color: #fff;
  background-color: #000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 16px;
  position: fixed;
  inset: 80px auto auto 0%;
}

.ablaufplan-big-button-3.black:hover {
  transform: none;
}

.ablaufplan-big-button-3.black.ablaufplan {
  margin-top: -2px;
  top: 10px;
}

.header-icon {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-left: 32px;
  margin-right: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.inner-circle {
  z-index: -1;
  border: 1px solid #ff292966;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
}

.inner-square {
  z-index: -1;
  border: 1px solid #ffafaf;
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
  inset: 0%;
  transform: rotate(45deg);
}

.heading-87 {
  text-align: left;
  font-size: 40px;
}

.grid-17 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto;
  display: flex;
}

.social-links {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.lottie-animation {
  object-fit: contain;
  height: 8vh;
}

.lottie-animation-2 {
  object-fit: contain;
  height: 10vh;
}

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

.social-icon {
  object-fit: contain;
  width: 40px;
}

.slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.banner-image {
  width: 100%;
  height: 100%;
  position: relative;
}

.banner-100 {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  position: relative;
}

.heading-center {
  text-align: center;
  font-size: 60px;
  line-height: 70px;
}

.heading-center.heading-1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
}

.paragraph-63 {
  text-align: center;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 22px;
}

.paragraph-63.flie-text {
  line-height: 1.5;
}

.body {
  justify-content: space-between;
}

.accordion-pane-2 {
  background-color: #0000;
  overflow: hidden;
}

.accordion-pane-content {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-bottom: 5px;
  padding: 0 25px 20px;
}

.arrow-div {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 0;
  display: flex;
}

.arrow-div-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 12%;
  height: 70px;
  margin-left: 10px;
  display: flex;
}

.accordion-tab-button-dark {
  text-align: center;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 20vw;
  height: 60px;
  min-height: 60px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 700;
  transition: transform .2s, box-shadow .2s;
  display: flex;
}

.accordion-tab-button-dark:hover {
  transform: scale(1.03);
}

.arrow-left-2 {
  background-color: #b3b3b3;
  border-radius: 1px;
  width: 30px;
  height: 3px;
  position: relative;
  left: 3px;
  transform: rotate(45deg);
}

.arrow-left-2.white-back {
  background-color: #fff;
}

.arrow-right-2 {
  background-color: #b3b3b3;
  border-radius: 1px;
  width: 30px;
  height: 3px;
  position: relative;
  right: 3px;
  transform: rotate(-45deg);
}

.arrow-right-2.white-back {
  background-color: #fff;
}

.accordion-item-wrapper-white-4 {
  background-color: #0000;
  border-radius: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  transition: box-shadow .3s;
  display: flex;
}

.div-block-166 {
  background-color: #000;
  border: 1px solid #000;
  width: 10%;
  margin-left: auto;
  margin-right: auto;
}

.imagebehind {
  z-index: 0;
  object-fit: contain;
  object-position: 50% 10%;
  background-color: #fff;
  width: 40%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: all .2s;
}

.imagebehind:hover {
  transform: none;
}

.myworkssec {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 150px 10vw;
  display: flex;
}

.image-div {
  z-index: 20;
  object-fit: fill;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-50 {
  width: 50%;
}

.lesungen {
  padding: 150px 60px;
}

.lesungen.zweitfarbe {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
  overflow: hidden;
}

.lesungen.zweitfarbe.marge {
  background-color: #0000;
  padding: 150px 10vw;
}

.upcomingbooks {
  padding: 150px 60px;
}

.upcomingbooks.zweitfarbe {
  background-color: #eee;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 150px 10vw;
  display: flex;
  overflow: hidden;
}

.inprogressgrid {
  grid-template-rows: auto;
  padding-top: 20px;
  overflow: hidden;
}

.kontaktheader {
  color: #333;
  text-align: center;
  background-color: #fff;
  margin-bottom: -10px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Roboto, sans-serif;
  position: relative;
}

.brunoswelt {
  background-color: #fff;
  padding: 150px 60px;
}

.brunoswelt.zweitfarbe {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 150px 10vw;
  display: flex;
  overflow: hidden;
}

.buchvorstellungen {
  background-color: #fff;
  padding: 150px 60px;
}

.buchvorstellungen.highlights {
  background-color: #d20303;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.noah-s-zoe-s-place {
  background-color: #fff;
  padding: 150px 60px;
}

.noah-s-zoe-s-place.zweitfarbe {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
  overflow: hidden;
}

.noah-s-zoe-s-place.zweitfarbe.marge {
  background-color: #eee;
  padding: 150px 10vw;
}

.eiscaf-calabrese {
  padding: 150px 60px;
}

.eiscaf-calabrese.zweitfarbe {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
  overflow: hidden;
}

.eiscaf-calabrese.zweitfarbe.marge {
  background-color: #fff;
  padding: 150px 10vw;
}

.cubar-recklinghausen {
  background-color: #fff;
  padding: 150px 60px;
}

.cubar-recklinghausen.zweitfarbe {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
  overflow: hidden;
}

.cubar-recklinghausen.zweitfarbe.marge {
  background-color: #eee;
  padding: 150px 10vw;
}

.ubermich {
  padding: 150px 10vw;
  overflow: hidden;
}

.presse {
  padding: 150px 60px;
}

.presse.zweitfarbe {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
  overflow: hidden;
}

.presse.zweitfarbe.marge {
  padding: 150px 10vw;
}

.jetztneu {
  background-color: #fff;
  padding: 150px 60px;
}

.jetztneu.highlights {
  background-color: #d20303;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.welcomesec {
  padding: 150px 60px;
}

.welcomesec.zweitfarbe {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
  overflow: hidden;
}

.kontaktform {
  padding: 150px 10vw;
}

.slider-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slider-div {
  background-color: #bab1af;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
}

.icon, .icon-2 {
  color: #000;
}

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

.lightbox-link, .lightbox {
  width: 100%;
  height: 100%;
}

.lightbox.sml {
  max-height: 600px;
}

.container {
  width: 35vw;
}

.grid-18 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 20px;
}

.image-2 {
  width: 100%;
  height: 100%;
}

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

.block_for_image-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 83vh;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.paragraph-64 {
  text-align: center;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 22px;
}

.paragraph-64.flie-text {
  margin-top: 10px;
  font-weight: 400;
  line-height: 1.5;
}

.image-3 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.image-3:hover {
  transform: none;
}

.image-3.contain {
  object-fit: contain;
  object-position: 50% 50%;
  background-color: #0000;
}

.slider-3 {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.heading-88 {
  text-align: center;
  font-size: 60px;
  line-height: 70px;
}

.heading-88.heading-1 {
  width: 100%;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
}

.block_for_image-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 83vh;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.block_for_image-3._70vh {
  height: 70vh;
}

.paragraph-65 {
  text-align: center;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 22px;
}

.paragraph-65.flie-text {
  margin-top: 10px;
  font-weight: 400;
  line-height: 1.5;
}

.image-4 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.image-4:hover {
  transform: none;
}

.image-4.contain {
  object-fit: contain;
  object-position: 50% 50%;
  background-color: #0000;
}

.heading-89 {
  text-align: center;
  font-size: 60px;
  line-height: 70px;
}

.heading-89.heading-1 {
  width: 100%;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 991px) {
  .telefonnummer, .email {
    margin-bottom: 5px;
  }

  .navbar {
    padding: 10px 20px;
  }

  .nav-menu {
    z-index: 1000;
    background-color: #000;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }

  .titelimg_start {
    height: 60vh;
    position: relative;
  }

  .videodiv {
    height: 60vh;
  }

  .heading-footer.heading-3 {
    font-family: Cormorant Garamond, sans-serif;
    font-size: 18px;
  }

  .div-block-footer1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
  }

  .footer.hauptfarbe {
    margin-top: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .inhalt-footer {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-link {
    color: #fff;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 700;
  }

  .nav-link.flie-text {
    color: #fff;
    text-align: center;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0;
    font-size: 14px;
  }

  .nav-link.flie-text:hover {
    font-size: 16px;
    font-weight: 900;
  }

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

  ._2er_grid_1.top-margin {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 20px;
    display: flex;
  }

  ._2er_grid_1.top-margin.hor {
    flex-direction: row;
  }

  ._2er_grid_1.invert {
    flex-direction: column-reverse;
    display: flex;
  }

  .content_block.hauptfarbe {
    padding: 20px;
  }

  .image.contain.sml {
    max-height: 60vh;
  }

  .image.align {
    object-position: 50% 35%;
  }

  .block_for_image._70vh {
    height: 45vh;
  }

  .block_for_image.sml {
    max-height: 60vh;
  }

  .heading.heading-1 {
    margin-top: 10px;
    font-size: 22px;
    line-height: 1.3;
  }

  .paragraph.flie-text {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  .paragraph.flie-text.bold {
    margin: 5px auto;
  }

  ._2er_grid_2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 40px;
  }

  .impdat, .success {
    padding: 60px;
  }

  .success-block {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .success-block.highlights {
    padding: 60px;
  }

  .heading-success.heading-2 {
    font-size: 30px;
  }

  .heading-form.heading-1 {
    margin-top: 10px;
    font-size: 25px;
  }

  .form-block {
    margin-bottom: 0;
    padding: 0;
  }

  .link {
    font-family: Roboto, sans-serif;
  }

  .ablaufplan-big-button-3.black {
    top: 20px;
  }

  .ablaufplan-big-button-3.black.ablaufplan {
    top: 70px;
  }

  .header-icon {
    text-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .inner-circle, .inner-square {
    display: none;
  }

  .heading-87.heading-1.farbe-der-headings {
    margin-top: 10px;
    font-size: 30px;
  }

  .social-links {
    margin-right: 5px;
  }

  .lottie-animation {
    height: 6vh;
  }

  .lottie-animation-2 {
    height: 7vh;
  }

  .slider {
    height: 60vh;
  }

  .heading-center.heading-1 {
    font-size: 22px;
    line-height: 1.3;
  }

  .paragraph-63.flie-text {
    font-size: 14px;
  }

  .accordion-pane-2 {
    width: 100%;
  }

  .accordion-pane-content {
    padding: 20px 0 0;
  }

  .arrow-div-wrapper {
    width: 2%;
  }

  .accordion-tab-button-dark {
    justify-content: space-between;
    width: 100%;
    height: 45px;
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion-item-wrapper-white-4 {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .imagebehind {
    width: 35%;
  }

  .myworkssec {
    padding: 60px;
  }

  .div-50 {
    width: 60%;
  }

  .lesungen.zweitfarbe, .lesungen.zweitfarbe.marge, .upcomingbooks.zweitfarbe {
    padding: 60px;
  }

  .inprogressgrid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%;
    padding-top: 10px;
  }

  .brunoswelt.zweitfarbe {
    padding: 60px;
  }

  .buchvorstellungen.highlights {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .noah-s-zoe-s-place.zweitfarbe {
    padding-left: 20px;
    padding-right: 20px;
  }

  .noah-s-zoe-s-place.zweitfarbe.marge {
    padding: 60px;
  }

  .eiscaf-calabrese.zweitfarbe {
    padding-left: 20px;
    padding-right: 20px;
  }

  .eiscaf-calabrese.zweitfarbe.marge {
    padding: 60px;
  }

  .cubar-recklinghausen.zweitfarbe {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cubar-recklinghausen.zweitfarbe.marge, .ubermich {
    padding: 60px;
  }

  .presse.zweitfarbe {
    padding-left: 20px;
    padding-right: 20px;
  }

  .presse.zweitfarbe.marge {
    padding: 60px;
  }

  .jetztneu.highlights {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .welcomesec.zweitfarbe, .kontaktform {
    padding: 60px;
  }

  .slider-div {
    height: 60vh;
  }

  .grid {
    grid-template-rows: auto;
  }

  .lightbox.sml {
    max-height: 60vh;
  }

  .menu-button {
    background-color: var(--red);
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
  }

  .menu-button.w--open {
    background-color: var(--red);
  }

  .container {
    width: 100%;
  }

  .grid-18 {
    grid-template-columns: 1fr 1fr;
  }

  .block_for_image-2 {
    height: 60vh;
  }

  .paragraph-64.flie-text {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  .slider-3 {
    height: 60vh;
  }

  .heading-88.heading-1 {
    margin-top: 10px;
    font-size: 22px;
    line-height: 1.3;
  }

  .block_for_image-3 {
    height: 60vh;
  }

  .block_for_image-3._70vh {
    height: 45vh;
  }

  .paragraph-65.flie-text {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  .heading-89.heading-1 {
    margin-top: 10px;
    font-size: 22px;
    line-height: 1.3;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
    line-height: 35px;
  }

  h2 {
    font-size: 25px;
    line-height: 30px;
  }

  h3 {
    font-size: 20px;
    line-height: 25px;
  }

  .heading-2 {
    font-size: 25px;
    line-height: 30px;
  }

  .navbar {
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .titelimg_start {
    height: 55vh;
  }

  .videodiv {
    z-index: 10;
    height: 73vh;
    padding-left: 10%;
    padding-right: 10%;
  }

  .heading-footer.heading-3 {
    margin-bottom: 5px;
  }

  .div-block-footer1 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .footer.hauptfarbe {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .inhalt-footer {
    text-align: center;
    margin-left: 0;
  }

  ._2er_grid_1 {
    grid-template-columns: 1fr;
  }

  ._2er_grid_1.top-margin {
    flex-direction: column;
    display: flex;
  }

  ._2er_grid_1.top-margin.invert {
    flex-direction: column-reverse;
  }

  ._2er_grid_1.top-margin.hor {
    flex-direction: row;
  }

  .image, .image.contain {
    height: 100%;
  }

  .image.contain.sml {
    max-height: 50vh;
  }

  .image.top {
    height: 100%;
  }

  .block_for_image.sml {
    max-height: 50vh;
  }

  .heading.heading-1 {
    font-size: 22px;
    line-height: 25px;
  }

  ._2er_grid_2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    grid-template-columns: 1fr;
    margin-top: 20px;
    display: flex;
  }

  .impdat {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .success {
    height: auto;
    padding: 40px;
  }

  .success-block {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .success-block.highlights {
    padding: 40px;
  }

  .heading-success.heading-2 {
    margin-bottom: 10px;
    font-size: 25px;
  }

  .text-area {
    padding-top: 8px;
  }

  .form-block {
    margin-bottom: 0;
    padding: 0;
  }

  .heading-87.heading-1.farbe-der-headings {
    font-size: 25px;
  }

  .grid-social {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 10px;
    margin-right: 10px;
    display: flex;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .social-icon {
    width: 30px;
  }

  .slider {
    height: 50vh;
  }

  .heading-center.heading-1 {
    margin-top: 10px;
    font-size: 22px;
    line-height: 30px;
  }

  .accordion-tab-button-dark {
    width: 100%;
  }

  .accordion-item-wrapper-white-4 {
    margin-bottom: 0;
  }

  .imagebehind {
    height: auto;
  }

  .myworkssec {
    padding: 40px;
  }

  .div-50 {
    width: 100%;
  }

  .lesungen {
    padding: 60px 20px;
  }

  .lesungen.zweitfarbe {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    display: flex;
  }

  .lesungen.zweitfarbe.marge {
    padding: 40px;
  }

  .upcomingbooks {
    padding: 60px 20px;
  }

  .upcomingbooks.zweitfarbe {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    display: flex;
  }

  .inprogressgrid {
    flex-direction: column;
    grid-template-columns: 1fr;
    padding-top: 0;
    display: flex;
  }

  .kontaktheader {
    margin-bottom: 0;
  }

  .brunoswelt {
    padding: 60px 20px;
  }

  .brunoswelt.zweitfarbe {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    display: flex;
  }

  .buchvorstellungen {
    padding: 60px 20px;
  }

  .buchvorstellungen.highlights {
    padding: 40px;
  }

  .noah-s-zoe-s-place {
    padding: 60px 20px;
  }

  .noah-s-zoe-s-place.zweitfarbe {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 20px;
    display: flex;
  }

  .noah-s-zoe-s-place.zweitfarbe.marge {
    padding: 40px;
  }

  .eiscaf-calabrese {
    padding: 60px 20px;
  }

  .eiscaf-calabrese.zweitfarbe {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 20px;
    display: flex;
  }

  .eiscaf-calabrese.zweitfarbe.marge {
    padding: 40px;
  }

  .cubar-recklinghausen {
    padding: 60px 20px;
  }

  .cubar-recklinghausen.zweitfarbe {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 20px;
    display: flex;
  }

  .cubar-recklinghausen.zweitfarbe.marge, .ubermich {
    padding: 40px;
  }

  .presse {
    padding: 60px 20px;
  }

  .presse.zweitfarbe {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 20px;
    display: flex;
  }

  .presse.zweitfarbe.marge {
    padding: 40px;
  }

  .jetztneu {
    padding: 60px 20px;
  }

  .jetztneu.highlights {
    padding: 40px;
  }

  .welcomesec {
    padding: 60px 20px;
  }

  .welcomesec.zweitfarbe {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    display: flex;
  }

  .kontaktform {
    padding: 40px;
  }

  .slider-div {
    height: 50vh;
  }

  .grid {
    flex-direction: row;
    width: 100%;
    display: flex;
  }

  .lightbox.sml {
    max-height: 50vh;
  }

  .menu-button {
    text-align: center;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .menu-button.w--open {
    text-align: center;
    width: 100%;
  }

  .block_for_image-2 {
    height: 50vh;
  }

  .image-3, .image-3.contain {
    height: 100%;
  }

  .slider-3 {
    height: 50vh;
  }

  .heading-88.heading-1 {
    font-size: 22px;
    line-height: 25px;
  }

  .block_for_image-3 {
    height: 50vh;
  }

  .image-4, .image-4.contain {
    height: 100%;
  }

  .heading-89.heading-1 {
    font-size: 22px;
    line-height: 25px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 22px;
    line-height: 25px;
  }

  h2 {
    font-size: 20px;
    line-height: 22px;
  }

  h3 {
    font-size: 17px;
    line-height: 20px;
  }

  p {
    font-size: 12px;
    line-height: 17px;
  }

  .utility-page-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-2 {
    font-size: 22px;
    line-height: 26px;
  }

  .flie-text {
    overflow-wrap: anywhere;
    width: 100%;
  }

  .navbar {
    flex-direction: column;
    height: auto;
    padding-top: 0;
  }

  .titelimg_start {
    height: 40vh;
  }

  .videodiv {
    height: 55vh;
    padding-left: 0%;
    padding-right: 0%;
  }

  .div-block-footer1 {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  ._2er_grid_1.top-margin.hor {
    flex-direction: column;
    margin-top: 10px;
  }

  .content_block.hauptfarbe {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .image.contain.sml {
    max-height: 35vh;
  }

  .block_for_image._70vh {
    height: 35vh;
  }

  .block_for_image.sml {
    max-height: 35vh;
  }

  .heading.heading-1 {
    font-size: 20px;
    line-height: 1.3;
  }

  .paragraph.flie-text {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 1.3;
  }

  .impdat {
    padding-left: 20px;
    padding-right: 20px;
  }

  .success {
    height: 100%;
    padding: 40px 20px;
  }

  .success-block.highlights {
    padding: 20px;
  }

  .heading-success {
    font-size: 20px;
    line-height: 30px;
  }

  .heading-success.heading-2 {
    font-size: 20px;
    line-height: 25px;
  }

  .heading-form.heading-1 {
    margin-top: 10px;
    font-size: 20px;
  }

  .form-block {
    padding-left: 0;
    padding-right: 0;
  }

  .impdat-2 {
    padding: 40px 10px;
  }

  .impdat-2.flie-text {
    min-height: auto;
  }

  .ablaufplan-big-button-3 {
    white-space: normal;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ablaufplan-big-button-3.black {
    top: 10px;
  }

  .ablaufplan-big-button-3.black.ablaufplan {
    top: 60px;
  }

  .lottie-animation {
    height: 5vh;
  }

  .lottie-animation-2 {
    height: 6vh;
  }

  .grid-social {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 0;
    position: fixed;
    inset: 0% auto 0% 0%;
  }

  .social-icon {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 100px;
  }

  .slider {
    height: 35vh;
  }

  .heading-center.heading-1 {
    font-size: 20px;
    line-height: 1.3;
  }

  .paragraph-63.flie-text {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 1.3;
  }

  .accordion-pane-content {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .arrow-div {
    margin-right: 0;
  }

  .arrow-div-wrapper {
    width: 15%;
    height: 40px;
    padding-right: 0;
  }

  .accordion-tab-button-dark {
    padding-left: 10px;
    padding-right: 10px;
  }

  .myworkssec, .lesungen.zweitfarbe, .lesungen.zweitfarbe.marge, .upcomingbooks.zweitfarbe, .brunoswelt.zweitfarbe, .buchvorstellungen.highlights, .noah-s-zoe-s-place.zweitfarbe.marge, .eiscaf-calabrese.zweitfarbe.marge, .cubar-recklinghausen.zweitfarbe.marge, .ubermich, .presse.zweitfarbe.marge, .jetztneu.highlights, .welcomesec.zweitfarbe, .kontaktform {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider-2, .slider-div {
    height: 35vh;
  }

  .grid {
    flex-direction: column;
  }

  .lightbox.sml {
    max-height: 35vh;
  }

  .menu-button {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .right-arrow, .left-arrow {
    font-size: 20px;
  }

  .icon-3 {
    margin-right: 10px;
  }

  .icon-4 {
    margin-left: 10px;
  }

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

  .block_for_image-2 {
    height: 35vh;
  }

  .paragraph-64.flie-text {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 1.3;
  }

  .icon-5 {
    margin-left: 10px;
  }

  .slider-3 {
    height: 35vh;
  }

  .heading-88.heading-1 {
    font-size: 20px;
    line-height: 1.3;
  }

  .block_for_image-3, .block_for_image-3._70vh {
    height: 35vh;
  }

  .paragraph-65.flie-text {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 1.3;
  }

  .heading-89.heading-1 {
    font-size: 20px;
    line-height: 1.3;
  }
}

#w-node-_8ff62ed7-8ee6-5aab-c52e-e78ccd405bf1-bad2ead8, #w-node-_46359b9c-1d2a-d5ac-a347-ba2e7cda5754-bad2ead8, #w-node-_02bdf9d9-187a-defd-d722-da2b0362f574-bad2ead8, #w-node-_0b0a5c20-4c82-763f-d369-3a93c5a17fbb-bad2ead8, #w-node-_9ef1d5ec-c5d4-8b2d-bac9-930f4f8970c9-bad2ead8, #w-node-f41f775c-5771-0ab7-e5a8-110a6b89c3e2-bad2ead8, #w-node-_3a408dfe-db59-e54e-16ae-3dfd2675f37a-bad2ead8, #w-node-b4230fe1-dcaf-208c-2520-cb002427e975-bad2ead8, #w-node-db9e00c0-2338-1e55-b410-22b93c43834c-bad2ead8, #w-node-_73d18d52-222c-db84-1dae-0d0d8260cf31-bad2ead8, #w-node-_73d18d52-222c-db84-1dae-0d0d8260cf34-bad2ead8, #w-node-_73d18d52-222c-db84-1dae-0d0d8260cf37-bad2ead8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}