@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-ExtraBold.ttf') format("truetype"), url('../fonts/Montserrat-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-ExtraBoldItalic.ttf') format("truetype"), url('../fonts/Montserrat-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Custom;
  src: url('../fonts/Montserrat-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Libre Baskerville Custom;
  src: url('../fonts/LibreBaskerville-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Libre Baskerville Custom;
  src: url('../fonts/LibreBaskerville-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Libre Baskerville Custom;
  src: url('../fonts/LibreBaskerville-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --dark-goldenrod: #bf9642;
  --pale-goldenrod: #e1ddb7;
}

.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 {
  font-family: Montserrat Custom, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

a {
  color: #fff;
  text-decoration: underline;
}

.cms-aktuelles {
  color: #fff;
}

.cms-aktuelles.mobile {
  display: none;
}

.cms-aktuelles.ex {
  width: 100%;
}

.collection-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  margin-bottom: 20px;
  display: grid;
}

.collection-list-2.ex {
  width: 100%;
}

.image {
  width: auto;
  max-height: 300px;
  padding-bottom: 5px;
}

.date {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
}

.rich-text-block-4 {
  text-align: left;
  font-size: 13px;
  line-height: 23px;
}

.cms-bio {
  display: block;
}

.dropdown {
  z-index: 0;
  width: 100%;
}

.dropdown.cd {
  z-index: auto;
  display: block;
}

.text-block-4 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.dropdown-list {
  width: 100%;
}

.dropdown-list.w--open {
  background-color: #0000;
  position: relative;
  overflow: hidden;
}

.normalbtn-2 {
  color: #000;
  text-align: right;
  background-color: #fff0;
  border: 2px solid #000;
  margin: 20px auto 0;
  padding-left: 75px;
  padding-right: 75px;
  transition: color .4s, background-color .4s;
  display: inline-block;
}

.normalbtn-2:hover {
  color: #fff;
  background-color: #000;
}

.normalbtn-2.w--current {
  background-image: none;
}

.modalwrapper {
  z-index: 99999999;
  opacity: 0;
  background-color: #00000078;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  transform: translate(0, -100%);
}

.modalcontent {
  color: #000;
  text-align: left;
  width: 90%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.modaloverlay {
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.modalcontainer {
  z-index: 999;
  background-color: #fff;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 60%;
  min-height: 500px;
  display: block;
  position: relative;
  inset: auto;
}

.modalinformation {
  text-align: left;
  margin-top: 7px;
}

.div-block-10 {
  float: right;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 10px;
  position: static;
  inset: 3% 3% auto auto;
}

.image-6 {
  opacity: .39;
  width: 37px;
  height: 37px;
}

.normalbtn-3 {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 2px solid #fff;
  width: 100%;
  max-width: 160px;
  padding: 14px 0;
  font-size: 14px;
  line-height: 14px;
  transition: color .4s, background-color .4s;
}

.normalbtn-3:hover {
  color: #000;
  background-color: #fff;
}

.footer {
  background-color: #181818;
  margin-top: 0;
  margin-left: 0;
}

.grid-4 {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 90%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
}

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

.image-3 {
  width: 120px;
}

.imprintsection {
  color: #000;
  background-color: #000;
  margin-left: 0;
  padding-top: 120px;
}

.mycontain-2 {
  width: 90%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

.normalheadingimprint {
  color: #fff;
  font-family: Libre Baskerville Custom, sans-serif;
  font-size: 63px;
  font-weight: 400;
  line-height: 85px;
}

.rich-text-block-2 {
  color: #fff;
  margin-bottom: 60px;
}

.imprintsection-2 {
  margin-left: 0;
  padding-top: 120px;
}

.mycontain-3 {
  width: 90%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

.normalheadingimprint-2 {
  font-size: 63px;
  font-weight: 500;
  line-height: 85px;
}

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

.menu-button {
  z-index: 90;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  right: 5vw;
  transform: translate(0, -50%);
}

.menu-button.w--open {
  z-index: 30;
  background-color: #0000;
}

.burgerwrapper {
  width: 84px;
  padding-left: 18px;
}

.linkwrapper {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 100vw;
  display: grid;
}

.body {
  color: #fff;
  background-color: #000;
}

.nav-heading {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 10px #00000094;
  margin-bottom: 5px;
  font-size: 35px;
  font-weight: 400;
}

.nav-sub-head {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-size: 23px;
  font-weight: 400;
  line-height: 30px;
}

.contact-nav-wrapper {
  z-index: 25;
  position: relative;
}

.nav-contact-link {
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}

.about {
  background-image: linear-gradient(#000, #0000 16%), linear-gradient(to right, #000c, #0000 97%), linear-gradient(#0000 72%, #000), url('../images/15-Florian-Sievers-Foto---Adam-Markowski-Large.jpg');
  background-position: 0 0, 0 0, 0 0, 100% 0;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, 100vw;
  background-attachment: scroll, scroll, scroll, scroll;
  align-items: center;
  min-height: 800px;
  margin-top: 120px;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.tabs-menu {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 23px;
  padding-bottom: 23px;
  display: flex;
}

.tab-link-tab-1 {
  color: #767676;
  background-color: #0000;
  border-right: 2px solid #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.tab-link-tab-1.w--current {
  color: #fff;
  background-color: #0000;
  padding-left: 10px;
  padding-right: 10px;
}

.text-block-14 {
  font-size: 22px;
  line-height: 27px;
}

.tab-link-tab-2 {
  color: #767676;
  background-color: #0000;
  padding-left: 10px;
  padding-right: 10px;
}

.tab-link-tab-2.w--current {
  opacity: 1;
  color: #fff;
  background-color: #0000;
}

.dropdown-toggle-2 {
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.image-8 {
  padding-right: 15px;
}

.rich-text-block-7 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 25px;
}

.wrapper_bio {
  width: 90vw;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

.wrap50 {
  width: 60%;
  max-width: 540px;
}

.normal-heading {
  z-index: 2;
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Libre Baskerville Custom, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 65px;
  position: relative;
}

.normal-heading.is-black {
  color: #000;
}

.news {
  background-color: #000;
  padding-top: 71px;
  padding-bottom: 71px;
}

.news.ex {
  margin-top: 80px;
}

.div80 {
  width: 90vw;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.div80._1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 76vh;
  display: flex;
}

.div80._1-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.name {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
}

.dates {
  background-image: linear-gradient(#00000080, #00000080), linear-gradient(#0000 89%, #000), linear-gradient(#000, #0000 41%), url('../images/36-Florian-Sievers-Foto---Adam-Markowski-Large.jpeg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-size: auto, auto, auto, cover;
  margin-top: 70px;
  margin-bottom: 70px;
}

.calendarcms {
  width: 85%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 44px;
  padding-bottom: 44px;
}

.collection-item-5 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #ffffff57;
  grid-template-rows: auto;
  grid-template-columns: 30% 50% 35%;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  padding-top: 19px;
  padding-bottom: 10px;
  display: grid;
}

.text-block-15 {
  opacity: 1;
  color: #000;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
}

.modalheadlinecalendar-3 {
  color: #000;
  text-align: left;
  margin-bottom: 5px;
  font-size: 34px;
  font-weight: 600;
}

.html-embed-5 {
  min-height: 317px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.modalsubtle-3 {
  color: #000000b3;
  text-align: left;
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 24px;
}

.text-block-16 {
  font-size: 15px;
  line-height: 24px;
  display: inline-block;
}

.heading-14 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #bf9642, #e1ddb7);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
}

.div-block-16 {
  padding-right: 20px;
}

.kalendertitle {
  margin-top: 0;
  margin-bottom: 3px;
  font-family: Libre Baskerville Custom, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 29px;
}

.text-block-5 {
  font-weight: 400;
  display: inline-block;
}

.slidersection-2 {
  background-image: linear-gradient(#0009, #0009), linear-gradient(#0000 71%, #000), linear-gradient(#000, #0000 22%), url('../images/15-Florian-Sievers-Foto---Adam-Markowski-Large.jpg');
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  min-height: 60vh;
  padding-top: 319px;
  padding-bottom: 169px;
  display: flex;
  position: relative;
}

.slidersection-2.is-hidden {
  display: none;
}

.swiper_text_1_home {
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}

.swiper-wrapper {
  align-items: center;
  display: flex;
  overflow: visible;
}

.swiper-slide {
  background-color: #0000;
  border-radius: 8px;
  flex: none;
  width: 70%;
  min-width: 0;
  max-width: 500px;
  overflow: hidden;
}

.swiper-slide._5 {
  border-radius: 0;
  width: 500px;
  overflow: visible;
}

.div-block-28 {
  justify-content: center;
  margin-top: 37px;
  display: flex;
}

.swiper_left_2 {
  cursor: pointer;
  width: 65px;
  margin-right: 10px;
}

.swiper_right_2 {
  cursor: pointer;
  width: 65px;
  margin-left: 10px;
}

.text {
  text-align: center;
  padding-left: 101px;
  padding-right: 101px;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.text.white {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.date_1 {
  text-align: center;
  padding-top: 15px;
  padding-left: 101px;
  padding-right: 101px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.date_1.white {
  color: #fff;
  font-weight: 400;
}

.normalbtn-4 {
  background-color: var(--dark-goldenrod);
  text-align: center;
  border-radius: 8px;
  padding: 15px 110px;
  font-size: 17px;
  font-weight: 400;
  line-height: 16px;
  transition: color .4s, background-color .4s;
  display: inline-block;
}

.normalbtn-4.newsletter {
  margin-top: 20px;
}

.normalbtn-4.newsletter.is-hidden {
  display: none;
}

.div-block-29 {
  justify-content: center;
  width: 400px;
  max-width: 50vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.body-2 {
  background-color: #000;
}

.div-block-49-copy {
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  font-size: 13px;
  display: block;
}

.left_content {
  z-index: 5;
  min-width: 50vw;
  min-height: 100%;
  padding: 51px;
  position: relative;
}

.kontakt {
  background-image: linear-gradient(270deg, #0000008c 6%, #0000 60%), linear-gradient(#0000 84%, #000), linear-gradient(#000, #00000012 17%, #0000 28%), url('../images/8-Florian-Sievers-Foto---Adam-Markowski-Large.jpg');
  background-position: 0 0, 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  margin-top: 40px;
}

.grid_block_1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: stretch;
  min-height: 100vh;
  display: flex;
}

.contact {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  display: flex;
}

.text_wrapper {
  justify-content: center;
  max-width: 100vw;
  display: flex;
}

.instagram {
  background-color: #000;
}

.div-block-49 {
  padding-top: 117px;
  padding-bottom: 117px;
}

.nav-bar {
  z-index: 150;
  background-color: #0000;
  width: 100vw;
  position: fixed;
  top: 0;
}

.container-nav {
  z-index: 23;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2"
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100vw;
  min-width: 100vw;
  height: 110px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5vw;
  padding-right: 5vw;
  display: grid;
  position: relative;
}

.nav-menu-3 {
  z-index: 17;
  background-color: #000;
  height: 100vh;
  position: fixed;
  inset: 0 0% 0%;
  overflow: scroll;
}

.burgerline-2 {
  color: #fff;
  object-fit: fill;
  background-color: #fff0;
  width: 100%;
  height: 2px;
  margin: 13px auto 10px;
  padding-top: 0;
}

.burgerline-2:focus {
  background-color: #fff;
  transform: rotate(45deg);
}

.burgerline-2.line2 {
  float: right;
  background-color: #000;
  width: 85%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.burgerline-2.line2:focus {
  background-color: #fff;
  transform: none;
}

.burgerline-2.line2.start {
  background-color: #fff;
  width: 100%;
}

.burgerline-2.line3 {
  float: right;
  background-color: #000;
  margin-top: 0;
  margin-bottom: 0;
}

.burgerline-2.line3:focus {
  transform: rotate(-45deg);
}

.burgerline-2.line3.start {
  background-color: #fff;
  margin-bottom: 0;
}

.burgerline-2.line1 {
  float: right;
  background-color: #000;
  margin-top: 0;
  margin-bottom: 0;
}

.burgerline-2.line1.start {
  background-color: #fff;
}

.navlink-2 {
  z-index: 16;
  color: #fff;
  text-align: center;
  width: auto;
  min-width: 0;
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 35px;
  line-height: 35px;
  transition: transform .4s;
  display: inline;
}

.navlink-2:hover {
  transform: translate(15px);
}

.navlink-2.w--current {
  color: #fff;
  width: auto;
  min-width: 0;
  margin-right: auto;
  padding-right: 0;
  display: inline-block;
}

.navlink-2.is-hidden {
  display: none;
}

.linkwrappernav-2 {
  flex-flow: column wrap;
  place-content: flex-start center;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 90%;
  padding-top: 120px;
  padding-bottom: 30px;
  display: flex;
  overflow: scroll;
  transform: none;
}

.wrapper_open {
  z-index: 998;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup {
  z-index: 999;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70vw;
  max-width: 100%;
  height: auto;
  max-height: none;
  padding-top: 47px;
  padding-bottom: 46px;
  display: flex;
  position: relative;
  overflow: auto;
}

.text_popup {
  color: #000;
}

.div-block-50 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 90%;
  max-width: 90%;
  height: 80%;
  max-height: 80%;
  display: flex;
}

.div-block-51 {
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  padding-top: 30px;
  display: grid;
}

.logo_popup {
  width: 194px;
}

.logo_popup.cd {
  width: 90px;
}

.normalbtn-4-2 {
  background-color: var(--dark-goldenrod);
  text-align: center;
  background-image: none;
  border-radius: 8px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 85px;
  font-size: 17px;
  font-weight: 600;
  line-height: 16px;
  transition: color .4s, background-color .4s;
  display: inline-block;
}

.normalbtn-4-2:hover {
  background-color: var(--dark-goldenrod);
}

.heading-19 {
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 35px;
  font-weight: 400;
}

.x {
  position: absolute;
  inset: 3% 2% auto auto;
}

.image-9 {
  cursor: pointer;
  width: 40px;
}

.dates-copy {
  margin-top: 80px;
  padding-top: 77px;
}

.body-3 {
  color: #fff;
  background-color: #000;
}

.media {
  background-color: #000;
  padding-top: 67px;
}

.div-block-52 {
  width: 90vw;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.collection-list-4 {
  grid-column-gap: 48px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link_cd {
  border-bottom: 1px solid #fff;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
}

.collection-item-7 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.collection-list-wrapper-2 {
  margin-top: 40px;
  padding-bottom: 10px;
}

.rich-text-block-8 {
  line-height: 22px;
}

.brand {
  z-index: 25;
  font-family: Libre Baskerville Custom, sans-serif;
}

.black {
  z-index: 22;
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.black._2 {
  background-color: #0000;
}

.video-content {
  overflow: hidden;
}

.image-10 {
  width: 100%;
}

.heading-20 {
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.lottie-animation {
  z-index: 0;
  width: 300px;
  margin-top: 54px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.lottie {
  opacity: .53;
  margin-top: 0;
}

.dropdown-toggle-4 {
  background-color: var(--dark-goldenrod);
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  border-radius: 8px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 110px;
  font-size: 17px;
  font-weight: 500;
  display: flex;
  position: static;
}

.dropdown-toggle-4.close {
  display: none;
}

.div-block-55 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-56 {
  padding-top: 10px;
}

.block_div {
  background-color: #00000070;
  position: absolute;
  inset: 0%;
}

.div-block-21 {
  justify-content: center;
  margin-top: 0;
  margin-bottom: 84px;
  display: flex;
}

.swiper-button-prev {
  cursor: pointer;
  width: 65px;
  margin-right: 5px;
}

.swiper-button-next {
  cursor: pointer;
  width: 65px;
  margin-left: 5px;
}

.swiper-container2 {
  flex: none;
  width: 100%;
  padding-top: 90px;
  padding-bottom: 50px;
  overflow: visible;
}

.html-embed {
  width: 100%;
  height: 100%;
}

.midtext {
  text-align: center;
  margin-top: 5px;
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
}

.footerlink {
  color: #fff;
  text-align: center;
  margin-right: 5px;
  text-decoration: none;
  display: inline-block;
}

.footerlink.created {
  padding-top: 3px;
}

.div-block-57, .div-block-58 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-block-19 {
  padding-top: 38px;
  padding-bottom: 25px;
  font-size: 30px;
  font-weight: 400;
  line-height: 38px;
}

.text-block-20 {
  text-align: center;
  margin-top: 10px;
  font-size: 17px;
  line-height: 28px;
}

.slider {
  background-color: #000;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
}

.div-block-59 {
  background-image: linear-gradient(#0000 73%, #000 93%), url('../images/header-s.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.slide-wrapper-1 {
  background-image: linear-gradient(#0000 75%, #000), url('../images/hero-2-web.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.left-arrow, .icon, .icon-2, .right-arrow {
  display: none;
}

.link, .link-2 {
  text-decoration: none;
}

.link-6 {
  color: #fff;
  margin-left: 10px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.contactinformation {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contactinformation.agency {
  margin-top: 20px;
}

.contactinformation.start {
  margin-top: 5px;
}

.contactinformation-3 {
  text-align: center;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  display: block;
}

.contactcontent {
  z-index: 10;
  margin-top: 0;
  position: relative;
}

.contactinformation-2 {
  text-align: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-3-copy {
  color: #fff;
  margin-left: 10px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.image-4 {
  height: 37px;
}

.body-5 {
  color: #fff;
  background-color: #000;
}

.slide-wrapper-3 {
  background-image: linear-gradient(#0000 73%, #000 93%), url('../images/image0.jpeg');
  background-position: 0 0, 50% 10%;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.text-block-21 {
  opacity: .3;
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  inset: auto 5vw 13px auto;
}

.modal1_background-overlay {
  z-index: -1;
  background-color: #0009;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.modal1_component {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.button {
  color: #0000;
  text-align: center;
  background-color: #0000;
  border: 1px solid #0000;
  padding: .75rem 1.5rem;
}

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

.text-size-medium.is-gold {
  color: var(--dark-goldenrod);
  font-weight: 500;
}

.modal1_content-wrapper {
  color: #000;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 48rem;
  height: auto;
  max-height: 80vh;
  padding: 4rem;
  overflow: scroll;
}

.modal-content-replace-this-div {
  border: 2px dashed #0000001a;
  width: 100%;
  height: 150vh;
}

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

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

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

.modal1_close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

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

.button-subscribe {
  background-color: var(--dark-goldenrod);
  color: #fff;
  border-radius: 4px;
  padding: 10px 18px;
  font-weight: 600;
  transition: background-color .2s;
}

.button-subscribe:hover {
  background-color: #000;
}

.label-sub {
  color: var(--dark-goldenrod);
  font-size: 16px;
  font-weight: 600;
}

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

.heading-sub {
  z-index: 2;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Libre Baskerville Custom, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 65px;
  position: relative;
}

.heading-sub.is-black {
  color: #000;
}

.brandinglogo {
  opacity: 0;
}

.audio-desc {
  margin-top: 6px;
  font-weight: 400;
  display: inline-block;
}

.audio-wrap {
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
}

.collection-item-9 {
  grid-column-gap: 5rem;
  flex-direction: column;
  max-width: 70ch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.slide-wrapper-4 {
  background-image: linear-gradient(#0000 73%, #000 93%), url('../images/16-Florian-Sievers-Foto---Adam-Markowski-2.jpg');
  background-position: 0 0, 50% 10%;
  background-size: auto, cover;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 5rem;
  padding-left: 10vw;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.media-audio {
  background-color: #000;
  background-image: linear-gradient(#00000080, #00000080), linear-gradient(#0000 89%, #000), linear-gradient(#000, #0000 41%), url('../images/24-Florian-Sievers-Foto---Adam-Markowski-Large.jpeg');
  background-position: 0 0, 0 0, 0 0, 50% 20%;
  background-size: auto, auto, auto, cover;
  margin-top: 70px;
  margin-bottom: 70px;
  padding-top: 67px;
}

.news-image {
  object-fit: contain;
  width: 100%;
  padding-bottom: 5px;
}

.news-item {
  flex-direction: column;
  width: 100%;
}

.home-slider_review {
  text-shadow: 0 1px 4px #00000036;
  max-width: 40ch;
  font-family: Libre Baskerville Custom, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;
}

.slider-padding {
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 5rem;
  padding-left: 10vw;
  padding-right: 2rem;
  display: flex;
}

.spotify-wrapper {
  width: 90vw;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1920px) {
  .collection-item-6 {
    justify-content: center;
  }

  .tabs-content-2 {
    max-width: 60vw;
  }

  .image-10 {
    width: 532px;
  }
}

@media screen and (max-width: 991px) {
  .collection-list-2 {
    grid-template-columns: 1fr 1fr;
  }

  .date {
    font-size: 15px;
    line-height: 21px;
  }

  .dropdown.cd {
    width: 90vw;
  }

  .footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }

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

  .mycontain-2 {
    padding-top: 70px;
  }

  .normalheadingimprint-2 {
    font-weight: 400;
  }

  .menu-button {
    align-self: center;
    align-items: flex-start;
  }

  .menu-button.w--open {
    z-index: 9999;
    background-color: #0000;
    width: 80px;
    padding-right: 0;
  }

  .about {
    background-image: linear-gradient(#000, #0000 10%), linear-gradient(to right, #000c, #0000 97%), linear-gradient(#0000 72%, #000), url('../images/15-Florian-Sievers-Foto---Adam-Markowski-Large.jpg');
    background-position: 0 0, 0 0, 0 0, 60% 0;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, cover;
    background-attachment: scroll, scroll, scroll, scroll;
  }

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

  .rich-text-block-7 {
    text-align: left;
  }

  .wrap50 {
    width: 100%;
    max-width: 90vw;
  }

  .dates {
    background-image: linear-gradient(#00000080, #00000080), linear-gradient(#0000 89%, #000), linear-gradient(#000, #0000 9%), url('../images/36-Florian-Sievers-Foto---Adam-Markowski-Large.jpeg');
    background-position: 0 0, 0 0, 0 0, 50% 0;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, 150vw;
  }

  .calendarcms {
    width: 90%;
    padding-top: 0;
  }

  .collection-item-5 {
    grid-template-columns: 18% minmax(35%, 1fr) minmax(147px, .5fr);
    grid-auto-flow: column dense;
  }

  .heading-14 {
    font-size: 22px;
  }

  .slidersection-2 {
    background-image: linear-gradient(#0009, #0009), linear-gradient(#0000 71%, #000), linear-gradient(#000, #0000 22%), url('../images/15-Florian-Sievers-Foto---Adam-Markowski-Large.jpg');
    background-position: 0 0, 0 0, 0 0, 70% 0;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, cover;
  }

  .left_content {
    background-image: linear-gradient(#0000 36%, #000);
    flex-direction: column;
    justify-content: flex-end;
    min-width: 100vw;
    max-width: 100vw;
    display: flex;
  }

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

  .contact {
    justify-content: flex-end;
    padding-top: 382px;
  }

  .text_wrapper {
    max-width: 100vw;
  }

  .burgerline-2.line2 {
    float: right;
    background-color: #000;
    width: 53px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .burgerline-2.line2.start {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .burgerline-2.line3 {
    float: right;
    background-color: #000;
    width: 45px;
    margin-top: 11px;
    margin-bottom: 0;
  }

  .burgerline-2.line3.start {
    width: 100%;
    margin-top: 0;
  }

  .burgerline-2.line1 {
    float: right;
    background-color: #000;
    width: 48px;
    margin-top: 0;
    margin-bottom: 11px;
  }

  .burgerline-2.line1.start {
    width: 100%;
    margin-bottom: 0;
  }

  .navlink-2 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 6vw;
    line-height: 6vw;
  }

  .navlink-2.w--current {
    font-size: 6vw;
  }

  .linkwrappernav-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-50 {
    flex-direction: column;
    justify-content: center;
  }

  .div-block-51 {
    grid-row-gap: 20px;
    padding-top: 36px;
  }

  .logo_popup {
    width: 128px;
  }

  .normalbtn-4-2 {
    font-size: 12px;
  }

  .collection-list-4 {
    grid-column-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .collection-list-wrapper-2 {
    width: 100%;
  }

  .rich-text-block-8 {
    font-size: 10px;
    line-height: 16px;
  }

  .lottie {
    width: 265px;
  }

  .slide-wrapper-1 {
    background-image: linear-gradient(#000, #0000 26%), url('../images/FlorianSieversAnneHornemann14-min.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .modal1_content-wrapper {
    width: 90%;
    max-width: none;
    padding-left: 3rem;
    padding-right: 3rem;
  }

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

  .button-subscribe {
    border-radius: 4px;
    padding: 10px 18px;
  }

  .slide-wrapper-4 {
    background-position: 0 0, 30% 0;
  }
}

@media screen and (max-width: 767px) {
  .cms-aktuelles {
    display: none;
  }

  .cms-aktuelles.mobile, .cms-aktuelles.ex {
    display: block;
  }

  .collection-list-2 {
    grid-template-columns: 1fr;
  }

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

  .image {
    width: 100%;
    max-height: none;
  }

  .cms-bio {
    display: block;
  }

  .modalwrapper {
    align-items: flex-start;
    height: auto;
    min-height: 100vh;
    display: none;
    overflow: scroll;
  }

  .modalcontainer {
    margin-top: 30px;
    overflow: scroll;
  }

  .div-block-10 {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 10px;
  }

  .footer, .imprintsection {
    margin-left: 0;
  }

  .normalheadingimprint {
    font-size: 8vw;
    font-weight: 700;
    line-height: 14vw;
  }

  .imprintsection-2 {
    margin-left: 0;
  }

  .normalheadingimprint-2 {
    font-size: 8vw;
    font-weight: 700;
    line-height: 14vw;
  }

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

  .menu-button {
    width: auto;
    padding-right: 0;
  }

  .menu-button.w--open {
    width: auto;
  }

  .burgerwrapper {
    width: 84px;
    min-width: 84px;
    position: relative;
  }

  .nav-heading {
    text-align: center;
    margin-top: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .nav-sub-head {
    font-size: 19px;
    line-height: 20px;
  }

  .contact-nav-wrapper {
    display: none;
  }

  .about {
    background-position: 0 0, 0 0, 0 0, 60% 0;
    background-size: auto, auto, auto, cover;
  }

  .rich-text-block-7 {
    font-size: 14px;
    line-height: 22px;
  }

  .normal-heading {
    font-size: 47px;
    line-height: 66px;
  }

  .dates {
    background-image: linear-gradient(#00000075, #00000075), linear-gradient(#0000 89%, #000), linear-gradient(#000, #0000 9%), url('../images/36-Florian-Sievers-Foto---Adam-Markowski-Large.jpeg');
    background-position: 0 0, 0 0, 0 0, 10% 0;
    background-size: auto, auto, auto, 160vw;
  }

  .calendarcms {
    width: 100%;
  }

  .collection-item-5 {
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-bottom: 15px;
  }

  .heading-14 {
    font-size: 39px;
    line-height: 40px;
  }

  .kalendertitle {
    margin-top: 0;
  }

  .slidersection-2 {
    background-image: linear-gradient(#0000007d, #0000007d), linear-gradient(#0000 71%, #000), linear-gradient(#000, #0000 22%), url('../images/15-Florian-Sievers-Foto---Adam-Markowski-Large.jpeg');
    background-position: 0 0, 0 0, 0 0, 50% 0;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, cover;
    margin-bottom: 50px;
  }

  .swiper_text_1_home {
    width: 100%;
  }

  .swiper-slide {
    width: 90%;
  }

  .div-block-28 {
    margin-top: 26px;
  }

  .text {
    padding-left: 61px;
    padding-right: 61px;
  }

  .text.white, .date_1.white {
    max-width: 90vw;
  }

  .normalbtn-4 {
    width: 90vw;
    margin-top: 12px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-29 {
    width: 90vw;
    max-width: 90vw;
  }

  .div-block-49-copy {
    max-width: 90vw;
  }

  .left_content {
    min-height: auto;
  }

  .kontakt {
    background-position: 0 0, 0 0, 0 0, 40% 100%;
  }

  .contact {
    padding-top: 356px;
  }

  .container-nav {
    grid-template-columns: auto 1fr;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .burgerline-2.line2, .burgerline-2.line3, .burgerline-2.line1 {
    background-color: #000;
  }

  .navlink-2 {
    font-size: 8vw;
    line-height: 7vw;
  }

  .navlink-2.w--current {
    font-size: 8vw;
  }

  .logo_popup {
    width: 105px;
  }

  .normalbtn-4-2 {
    margin-top: 12px;
  }

  .collection-list-4 {
    grid-template-columns: 1fr;
  }

  .collection-list-wrapper-2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-10 {
    max-width: 90vw;
  }

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

  .lottie {
    width: 188px;
  }

  .dropdown-toggle-4 {
    width: 90vw;
    padding-left: 0;
    padding-right: 0;
  }

  .footerlink {
    color: #fff;
  }

  .div-block-59 {
    background-position: 0 0, 55%;
  }

  .contactcontent {
    width: 90vw;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-wrapper-3 {
    background-position: 0 0, 0%;
  }

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

  .modal1_component {
    align-items: flex-start;
  }

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

  .modal1_content-wrapper {
    width: 100%;
    height: 100vh;
    max-height: none;
    padding-bottom: 7rem;
    padding-left: 5%;
    padding-right: 5%;
  }

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

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

  .button-subscribe {
    padding: 11px 21px;
  }

  .heading-sub {
    line-height: 66px;
  }

  .news-image {
    max-height: none;
  }
}

@media screen and (max-width: 479px) {
  .collection-list-2 {
    max-width: 100%;
  }

  .rich-text-block-4 {
    max-width: 90vw;
    overflow: hidden;
  }

  .normalbtn-2 {
    text-align: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .modalwrapper {
    height: 100vh;
    top: 0%;
    overflow: scroll;
  }

  .modalcontainer {
    object-fit: fill;
    width: 90%;
    margin-top: 35px;
    margin-bottom: 50px;
    position: relative;
    top: auto;
    overflow: scroll;
  }

  .div-block-10 {
    float: right;
    clear: none;
    position: static;
  }

  .footer {
    margin-left: 0;
  }

  .mycontain-2 {
    padding-top: 0;
  }

  .normalheadingimprint {
    font-size: 9.8vw;
    font-weight: 700;
    line-height: 70px;
  }

  .normalheadingimprint-2 {
    font-size: 7.4vw;
    line-height: 70px;
  }

  .menu-button {
    width: auto;
    padding: 5px 0 5px 36px;
  }

  .menu-button.w--open {
    width: auto;
  }

  .nav-heading {
    font-size: 27px;
    line-height: 31px;
  }

  .nav-sub-head {
    font-size: 16px;
    line-height: 15px;
  }

  .about {
    background-position: 0 0, 0 0, 0 0, 60% -10%;
    background-size: auto, auto, auto, 220vw;
  }

  .news {
    overflow: hidden;
  }

  .name.contac {
    padding-top: 90px;
  }

  .dates {
    background-image: linear-gradient(#000000ad, #000000ad), linear-gradient(#000, #0000 4%), url('../images/36-Florian-Sievers-Foto---Adam-Markowski-Large.jpeg');
    background-position: 0 0, 0 0, 12% 0;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, 340vw;
    margin-bottom: 0;
  }

  .slidersection-2 {
    padding-bottom: 11px;
  }

  .swiper-slide {
    width: 90vw;
  }

  .swiper-slide._5 {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text {
    padding-left: 49px;
    padding-right: 49px;
    font-size: 15px;
    line-height: 19px;
  }

  .text.white {
    max-width: 90vw;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .date_1.white {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-29 {
    max-width: 80vw;
  }

  .div-block-49-copy {
    grid-column-gap: 0px;
  }

  .kontakt {
    background-image: linear-gradient(#00000080, #00000080), linear-gradient(#000 8%, #0000 18%), linear-gradient(270deg, #0000008c 6%, #0000 60%), linear-gradient(#0000 43%, #000 84%), url('../images/8-Florian-Sievers-Foto---Adam-Markowski-Large.jpg');
    background-position: 0 0, 0 0, 0 0, 0 0, 50% 120px;
    background-repeat: repeat, repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, auto, 230vw;
  }

  .contact {
    min-height: 79%;
  }

  .text_wrapper {
    align-items: flex-start;
  }

  .container-nav {
    align-items: center;
  }

  .nav-menu-3 {
    top: 0;
  }

  .burgerline-2.line2 {
    background-color: #000;
    margin-top: 0;
  }

  .burgerline-2.line3 {
    background-color: #000;
    margin-top: 11px;
  }

  .burgerline-2.line1 {
    background-color: #000;
    margin-top: 0;
  }

  .navlink-2 {
    font-size: 7vw;
    line-height: 8vw;
  }

  .navlink-2.w--current {
    font-size: 7vw;
  }

  .linkwrappernav-2 {
    height: 100%;
    padding-top: 110px;
    padding-bottom: 90px;
  }

  .popup {
    width: 90vw;
    max-height: none;
  }

  .div-block-50 {
    max-height: none;
  }

  .logo_popup {
    width: 88px;
  }

  .heading-19 {
    font-size: 25px;
    line-height: 34px;
  }

  .brand {
    flex-direction: column;
    justify-content: center;
  }

  .heading-20 {
    max-width: 90vw;
    line-height: 35px;
  }

  .text-block-20 {
    line-height: 25px;
  }

  .div-block-59 {
    background-position: 0 0, 56%;
  }

  .link-6, .link-3-copy {
    margin-left: 9px;
    font-size: 13px;
  }

  .div-block-60 {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-wrapper-3 {
    background-position: 0 0, 60%;
  }

  .text-block-21 {
    bottom: 5%;
    left: 2rem;
  }

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

  .button-subscribe {
    min-height: 42px;
    padding: 11px 21px;
  }

  .heading-sub {
    font-size: 28px;
    line-height: 1.5;
  }

  .collection-item-8 {
    max-width: 100%;
  }

  .audio-wrap {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-wrapper-4 {
    background-position: 0 0, 34%;
    padding-left: 2rem;
  }

  .media-audio {
    margin-bottom: 0;
  }

  .home-slider_review {
    font-size: 18px;
  }

  .slider-padding {
    padding-left: 2rem;
  }
}

#w-node-_393662bc-3057-7c51-f454-d845d3b236ae-861b306a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8a908b8a-2a24-7eba-0a0c-994086cadce6-861b306a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_68c6d18a-226f-7f89-3dbf-bd9f49ee1901-861b306a, #w-node-_311788db-d524-9228-5170-ec25988791cb-861b306a, #w-node-_0ea2d119-601a-ff05-c0ca-ddc109f4423c-861b306a, #w-node-_0ea2d119-601a-ff05-c0ca-ddc109f4423d-861b306a, #w-node-_7c59b14a-ccc2-4acf-3c49-6e48eae7f9c5-861b306a, #w-node-_7c59b14a-ccc2-4acf-3c49-6e48eae7f9c6-861b306a {
  align-self: center;
}

#w-node-cc7090d6-a993-d139-1dad-179155994f19-861b306a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_74d085e3-144e-935b-2a9f-c8bebd5aad3d-861b306a, #w-node-f7f5d76f-a37e-f82c-9657-e7141096ae14-861b306a, #w-node-_4efee6d2-b03d-7bf4-ceaf-3d7e994add83-861b306a, #w-node-_5c2d066d-f693-be4c-6880-e8e366568885-861b306a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fbe754cc-e1d5-a3aa-8961-8cdcd117846e-0eff4cc7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_8c92d17f-9186-50d6-ea6e-a0dea494ae8f-0eff4cc7 {
  justify-self: end;
}

#w-node-_8e0f87ff-54a9-8d11-c158-ad8da631f9ee-a631f9d5 {
  place-self: center end;
}

#w-node-_8e0f87ff-54a9-8d11-c158-ad8da631f9dc-a631f9d5 {
  grid-area: Area;
  place-self: center start;
}

#w-node-_419fdb12-7aed-c12b-9b13-52266331b4c4-0b5734f3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2691eb6-f92c-5de3-e866-16ad86617d37-8e51753e, #w-node-a2691eb6-f92c-5de3-e866-16ad86617d3e-8e51753e {
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_8c92d17f-9186-50d6-ea6e-a0dea494ae87-0eff4cc7, #w-node-_8c92d17f-9186-50d6-ea6e-a0dea494ae8f-0eff4cc7 {
    justify-self: center;
  }

  #w-node-_8e0f87ff-54a9-8d11-c158-ad8da631f9ee-a631f9d5 {
    align-self: auto;
  }

  #w-node-_8e0f87ff-54a9-8d11-c158-ad8da631f9e4-a631f9d5, #w-node-_8e0f87ff-54a9-8d11-c158-ad8da631f9e6-a631f9d5, #w-node-_84662101-2551-a8f3-08ec-ad87d41dec08-a631f9d5, #w-node-_77b53efb-1948-7976-ce25-15a71eaa56bd-a631f9d5, #w-node-b4b156d8-c8db-794c-e995-64aff46563ec-a631f9d5, #w-node-_82619594-0b37-6eec-ca56-b3af887981d3-a631f9d5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8e0f87ff-54a9-8d11-c158-ad8da631f9ee-a631f9d5 {
    order: -9999;
  }

  #w-node-_8e0f87ff-54a9-8d11-c158-ad8da631f9d7-a631f9d5 {
    place-self: center start;
  }
}


@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/Montserrat-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Custom';
  src: url('../fonts/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Libre Baskerville Custom';
  src: url('../fonts/LibreBaskerville-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Libre Baskerville Custom';
  src: url('../fonts/LibreBaskerville-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Libre Baskerville Custom';
  src: url('../fonts/LibreBaskerville-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}