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

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

:root {
  --yellow: #ffef03;
  --black2: #131313;
  --dark-slate-blue: #2f2f43;
  --blau: #143d5d;
}

.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-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

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

a {
  color: var(--yellow);
  text-decoration: underline;
}

.body {
  background-color: var(--black2);
  color: var(--yellow);
  font-family: Futura Light Bt, sans-serif;
}

.body.programm {
  background-color: #0000;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.navbar {
  background-color: var(--black2);
  color: #fff;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  display: flex;
}

.kfz-nav-link {
  color: #fff;
  letter-spacing: 0;
  -webkit-text-stroke-width: 0px;
  border: 2px #0000;
  border-bottom-style: solid;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 0 5px;
  font-weight: 700;
  transition: all .4s ease-in-out;
}

.kfz-nav-link:hover {
  border-bottom-color: var(--yellow);
  color: var(--yellow);
}

.kfz-nav-link.w--current {
  color: var(--yellow);
  border-bottom-color: #0000;
}

.kfz-nav-link.drop {
  padding-right: 20px;
}

.kfz-nav-link.sprache {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-right: 20px;
}

.nav-menu {
  text-transform: uppercase;
  align-items: center;
  font-size: 15px;
  display: flex;
}

.section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 100px 8em;
  display: flex;
}

.section.programm {
  background-color: #131313e6;
  padding-left: 8em;
  padding-right: 8em;
}

.section._1 {
  color: #181616;
}

.div-block {
  width: 100%;
  margin-bottom: 100px;
  padding: 0;
  display: block;
}

.grid {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template: "Area Area Area-6"
                 "Area Area Area-5"
                 "Area-2 Area-3 Area-4"
                 / 1fr 1fr 1fr;
  min-height: auto;
}

.div-block-2 {
  max-width: 100%;
  padding: 0;
}

.div-block-3 {
  background-color: var(--yellow);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 287px;
  padding: 25px;
  display: flex;
}

.div-block-copy {
  color: #fff;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 0;
  padding: 0;
}

.heading {
  color: var(--yellow);
  letter-spacing: 2px;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--yellow);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Futura Bold Font, sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 90px;
}

.heading.programm {
  width: 100%;
  margin-bottom: 50px;
  margin-right: 0;
  font-family: Futura Bold Font, sans-serif;
}

.heading.programm.stellen {
  margin-bottom: 25px;
}

.heading.schwarz {
  color: #fff;
  font-family: Futura Bold Font, sans-serif;
}

.heading._2 {
  margin-top: 100px;
  margin-bottom: 25px;
  font-size: 60px;
  line-height: 50px;
}

.heading.klein {
  margin-bottom: 0;
  display: inline-block;
}

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

.paragraph {
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  width: 100%;
  min-width: 100%;
  min-height: 150px;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.paragraph.klein {
  min-height: 100px;
  font-size: 20px;
  line-height: 30px;
}

.paragraph.schwarz {
  color: #fff;
}

.paragraph.programm {
  min-height: auto;
  margin-bottom: 50px;
}

.paragraph.list-item {
  padding-left: 0;
}

.paragraph.list-item.faq {
  letter-spacing: 0;
}

.paragraph.email {
  text-decoration: none;
  transition: all .2s;
}

.paragraph.email:hover {
  border-bottom: 2px solid var(--yellow);
}

.paragraph._2 {
  margin-bottom: 25px;
}

.paragraph.leicht, .paragraph.schwere-sprache {
  line-height: 30px;
}

.paragraph.nachhaltikeit {
  text-align: center;
  width: 80%;
  margin-bottom: 50px;
}

.paragraph.schwarz-copy {
  color: #fff;
  margin-bottom: 15px;
}

.paragraph.location {
  margin-bottom: 25px;
  margin-right: 0;
}

.paragraph.schwarz-copy-copy {
  color: #fff;
  min-height: auto;
  margin-bottom: 15px;
  margin-right: 0;
}

.paragraph.hof, .paragraph.team {
  min-height: auto;
}

.paragraph.hgf {
  min-height: auto;
  margin-right: 0;
}

.paragraph.aktuelles {
  min-height: auto;
}

.paragraph.sprache, .paragraph.stellen {
  min-height: auto;
  margin-right: 0;
}

.paragraph.start {
  min-height: auto;
}

.div-block-4 {
  flex-direction: column;
  justify-content: space-between;
  min-height: 287px;
  padding: 25px;
  display: flex;
}

.div-block-5 {
  border: 2px none var(--yellow);
  background-color: #2f2f43;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 300px;
  padding: 25px;
  display: flex;
}

.div-block-6 {
  background-color: var(--yellow);
  min-height: 250px;
  color: var(--black2);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 25px;
  display: flex;
}

.div-block-7 {
  border: 2px none var(--yellow);
  background-color: var(--dark-slate-blue);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 300px;
  padding: 25px;
  display: flex;
}

.section-2 {
  background-image: linear-gradient(#131313cc, #131313cc), url('../images/Unbenannt.PNG');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 70vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

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

.button {
  border: 2px solid var(--yellow);
  color: var(--yellow);
  text-transform: uppercase;
  background-color: #0000;
  padding: 15px;
  font-size: 15px;
  font-weight: 700;
  transition: all .4s ease-in-out;
}

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

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

.ig {
  background-image: url('../images/KFZ-FB.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 10px;
}

.ig:hover {
  background-image: url('../images/KFZ-FB-2.svg');
}

.ig.sprache {
  background-image: url('../images/Sprache.svg');
}

.fb {
  background-image: url('../images/KFZ-IG.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 10px;
}

.fb:hover {
  background-image: url('../images/KFZ-IG-2.svg');
}

.fb.sprache {
  background-image: url('../images/Sprache-Weiß.svg');
  width: 30px;
  height: 30px;
}

.fb.sprache:hover {
  background-image: url('../images/Sprache_1.svg');
}

.nach-oben {
  z-index: 100;
  width: auto;
  height: auto;
  padding-bottom: 25px;
  padding-right: 25px;
  position: fixed;
  inset: auto 0% 0% auto;
}

.div-block-9 {
  border: 2px solid var(--yellow);
  cursor: pointer;
  background-image: url('../images/KFZ-Pfeil.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  width: 50px;
  height: 50px;
}

.div-block-9:hover {
  background-color: var(--yellow);
  background-image: url('../images/KFZ-Pfeil-2.svg');
}

.text-block {
  color: var(--yellow);
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}

.ig-copy {
  background-image: url('../images/KFZ-FB.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  margin-left: 0;
}

.ig-copy:hover {
  background-image: url('../images/KFZ-FB-2.svg');
}

.fb-copy {
  background-image: url('../images/KFZ-IG.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  margin-left: 15px;
}

.fb-copy:hover {
  background-image: url('../images/KFZ-IG-2.svg');
}

.text-block-dark {
  color: var(--black2);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Futura Bold Font, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.text-block-gelb {
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 0;
  font-family: Futura Bold Font, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-decoration: none;
}

.text-block-gelb.notranslation {
  background-color: var(--yellow);
  width: auto;
  color: var(--black2);
  padding: 5px 10px;
  display: inline-block;
}

.button-gelb {
  border: 2px solid var(--yellow);
  background-color: var(--yellow);
  color: #000;
  text-transform: uppercase;
  margin-top: 50px;
  padding: 15px;
  font-size: 15px;
  font-weight: 300;
  transition: all .4s ease-in-out;
}

.button-gelb:hover {
  color: var(--yellow);
  background-color: #0000;
}

.button-gelb.tabs {
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px;
}

.button-gelb.tabs.w--current {
  background-color: var(--black2);
  color: var(--yellow);
}

.button-dunkel {
  border: 2px solid var(--black2);
  color: var(--black2);
  text-transform: uppercase;
  background-color: #0000;
  padding: 15px;
  font-size: 15px;
  font-weight: 300;
  transition: all .4s ease-in-out;
}

.button-dunkel:hover {
  background-color: var(--black2);
  color: var(--yellow);
}

.button-dunkel.submit {
  color: #fff;
  border-color: #fff;
  height: 50px;
  margin-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 300;
}

.button-dunkel.submit:hover {
  color: #5c5260;
  background-color: #fff;
  border-color: #fff;
  font-weight: 300;
}

.heading-oben {
  color: #0000;
  letter-spacing: 2px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--yellow);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100px;
  line-height: 110px;
}

.div-block-oben {
  width: 1150px;
  margin-bottom: 100px;
  padding: 0;
  position: absolute;
  top: 70px;
  left: 33px;
}

.section-normal {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 100px 8em;
  display: flex;
}

.collection-list {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  margin-bottom: 0;
  display: grid;
}

.div-block-programm {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

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

.collection-list-wrapper.verl-ngerung-hidden {
  display: none;
}

.link-block {
  color: #fff;
  border: 2px #0000;
  width: 100%;
  text-decoration: none;
  transition: all .4s ease-in-out;
  position: relative;
}

.link-block:hover {
  border: 2px none var(--blau);
  background-color: #2f2f43;
  transform: scale(1.03);
}

.link-block._2 {
  transition-property: none;
  position: absolute;
  inset: 0%;
}

.link-block._2:hover {
  background-color: #0000;
  transform: none;
}

.div-block-10 {
  height: auto;
}

.div-block-10._2 {
  background-size: cover;
}

.div-block-11 {
  padding: 25px;
}

.text-block-2 {
  border: 2px solid var(--yellow);
  color: var(--yellow);
  margin-bottom: 15px;
  margin-right: 0;
  padding: 5px;
  font-weight: 700;
  display: inline-block;
}

.text-block-2._2 {
  margin-right: 10px;
}

.text-block-2.tag {
  border-right-style: none;
}

.image {
  width: 100vw;
  max-width: none;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

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

.div-block-12 {
  background-color: #131313;
  background-image: linear-gradient(#00000040, #00000040), url('../images/Bildschirmfoto-2024-06-18-um-15.44.20.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 700px;
  padding-bottom: 100px;
  padding-left: 8em;
  padding-right: 8em;
  display: flex;
  position: static;
}

.section-location {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-location {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.image-2 {
  width: auto;
  height: 70%;
}

.brand {
  background-image: url('../images/KFZ-Logo-Weiß.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
  align-items: center;
  width: 200px;
  height: 55px;
  display: flex;
}

.brand:hover {
  background-image: url('../images/KFZ-Logo.svg');
}

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

.collection-list-wrapper-copy.verl-ngerung-hidden {
  display: none;
}

.form-block {
  margin-top: 50px;
  margin-bottom: 0;
}

.checkbox-field {
  border: 2px none var(--yellow);
  color: var(--yellow);
  align-items: center;
  margin-bottom: 0;
  margin-right: 0;
  padding: 10px 20px 10px 0;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.checkbox {
  border-width: 2px;
  border-color: var(--yellow);
  border-radius: 0;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 5px;
}

.checkbox.w--redirected-checked {
  border-width: 2px;
  border-color: var(--yellow);
  background-color: var(--yellow);
  background-image: none;
}

.checkbox-label {
  margin-bottom: 0;
}

.div-block-13 {
  display: flex;
}

.text-field {
  border-style: none none solid;
  border-width: 2px;
  border-color: var(--yellow);
  height: 50px;
  color: var(--yellow);
  background-color: #0000;
  background-image: url('../images/Lupe.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: 15px;
  margin-right: 0;
  padding-left: 30px;
}

.text-field:focus, .text-field:focus-visible, .text-field[data-wf-focus-visible] {
  border-bottom-color: var(--yellow);
}

.text-field::placeholder {
  color: #ffef0380;
}

.collection-list-2 {
  flex-wrap: wrap;
  align-content: flex-start;
  display: flex;
}

.ms-code {
  background-color: #fff;
  padding: 10px;
  font-family: Inconsolata, monospace;
}

.ms-input-wrap {
  color: var(--yellow);
  padding: 0;
  display: flex;
  position: relative;
}

.ms-input-label {
  color: #121331;
  margin-bottom: 5px;
  font-weight: 700;
}

.ms-input-label.is-inset {
  z-index: 3;
  color: var(--yellow);
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 15px;
}

.ms-input-label.is-inset-news {
  z-index: 3;
  color: var(--black2);
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 15px;
}

.ms-embed {
  background-color: #ededed;
  justify-content: center;
  align-items: center;
  min-height: 80px;
  margin-bottom: 10px;
  font-style: italic;
  display: flex;
}

.ms-drawer-contain {
  border-top: 1px solid #e0e0e0;
  padding: 10px 20px;
}

.ms-dropdown-svg {
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 20px;
  display: flex;
}

.ms-how-drawer {
  background-color: #f8f8f8;
  border-radius: 16px;
  width: 100%;
  margin-top: -10px;
  margin-bottom: 20px;
  overflow: hidden;
}

.ms-how-drawer.for-radio {
  margin-top: 10px;
}

.ms-drawer-top {
  color: #121331;
  border-radius: 16px 16px 0 0;
  justify-content: space-between;
  align-items: center;
  padding: 11px 10px 10px;
  font-weight: 400;
  display: flex;
}

.ms-drawer-top:hover {
  background-color: #ebebeb;
}

.ms-input {
  color: #121331;
  background-color: #fff;
  border: 1px solid #12133140;
  border-radius: 5px;
  min-height: 40px;
  margin-bottom: 20px;
  padding: 8px 12px;
  transition: box-shadow .2s, border-color .2s;
  position: relative;
  box-shadow: 0 5px 10px -5px #0000001a;
}

.ms-input:hover {
  z-index: 2;
  box-shadow: none;
  border-color: #2962ff;
}

.ms-input::placeholder {
  color: #909090;
}

.ms-input.has-left-icon {
  border-width: 2px;
  border-color: var(--yellow);
  min-height: 50px;
  color: var(--yellow);
  background-color: #0000;
  border-radius: 0;
  padding-left: 12px;
}

.ms-input.has-left-icon::placeholder {
  color: #ffef0380;
}

.ms-input.ms-text-area {
  min-height: 80px;
}

.ms-input.ms-text-area.is-inset {
  border-width: 2px;
  border-color: var(--yellow);
  height: 70px;
  min-height: auto;
  color: var(--yellow);
  background-color: #0000;
  border-radius: 0;
  margin-right: 20px;
  padding: 33px 15px 5px;
  font-size: 15px;
}

.ms-input.ms-text-area.is-inset-copy {
  border-width: 2px;
  border-color: var(--yellow);
  height: 150px;
  min-height: auto;
  color: var(--yellow);
  background-color: #0000;
  border-radius: 0;
  padding: 33px 15px 5px;
  font-size: 15px;
}

.ms-input.ms-text-area.is-inset-news {
  border-width: 2px;
  border-color: var(--black2);
  height: auto;
  min-height: auto;
  color: var(--black2);
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 40px 15px 5px;
  font-size: 15px;
}

.ms-svg {
  z-index: 3;
  color: #12133140;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 10px auto auto 10px;
}

.div-block-14 {
  display: flex;
}

.collection-list-wrapper-2 {
  display: none;
}

.section-location-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.grid-2 {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template: "Area Area Area-2"
                 "Area Area Area-2"
                 "Area-3 Area-4 Area-2"
                 "Area-3 Area-5 Area-5"
                 / 1fr 1fr 1fr;
  margin-top: 100px;
}

.div-block-15 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
}

.div-block-16 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.grid-3 {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 100px;
}

.div-block-17 {
  background-image: url('../images/maxresdefault-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
}

.div-block-18 {
  background-image: url('../images/19944567_1455540054489233_3697815433836456399_o.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
}

.div-block-19 {
  background-image: url('../images/21248499_1506139556095949_3786615610526554261_o.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.div-block-20 {
  background-image: url('../images/21248499_1506139556095949_3786615610526554261_o.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 101vh;
}

.div-block-21 {
  background-image: url('../images/L-937762-1450015182-2713.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 49vh;
}

.ms-input-wrap-2 {
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.ms-input-wrap-2.news {
  margin-bottom: 20px;
}

.div-block-22 {
  justify-content: space-between;
  display: flex;
}

.ms-input-wrap-2-copy {
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.form-block-2 {
  margin-top: 100px;
}

.dropdown-list {
  background-color: var(--black2);
  padding-top: 5px;
}

.dropdown-list.w--open {
  background-color: var(--black2);
  color: #fff;
  padding-top: 20px;
}

.dropdown-link {
  background-color: var(--black2);
  color: #fff;
}

.dropdown-link:hover, .dropdown-link.w--current {
  color: var(--yellow);
}

.icon {
  margin-right: 0;
}

.grid-4 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto auto auto auto;
}

.grid-5 {
  grid-column-gap: 50px;
  grid-row-gap: 100px;
  grid-template-rows: auto auto auto auto auto;
  margin-top: 100px;
}

.bild {
  flex-flow: column;
  justify-content: center;
  width: 100%;
  height: 400px;
  display: flex;
}

.bild._1 {
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.bild._1.mobil {
  display: none;
}

.bild._2 {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.bild._3 {
  justify-content: center;
  width: 100%;
  height: 400px;
  display: flex;
}

.bild._3.mobil {
  display: none;
}

.bild._4 {
  width: 100%;
  height: 400px;
}

.div-block-23 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.heading-2 {
  color: var(--yellow);
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Futura Bold Font, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}

.paragraph-2 {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.submit-button {
  border: 2px solid var(--yellow);
  height: 50px;
  color: var(--yellow);
  background-color: #0000;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  font-weight: 700;
  transition: all .4s ease-in-out;
}

.submit-button:hover {
  background-color: var(--yellow);
  color: var(--black2);
}

.checkbox-field-2 {
  color: #fff;
  align-items: center;
  margin-bottom: 15px;
  padding-left: 0;
  font-size: 15px;
  display: flex;
}

.checkbox-2 {
  border-width: 2px;
  border-color: var(--yellow);
  cursor: pointer;
  border-radius: 0;
  width: 30px;
  height: 30px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: all .4s ease-in-out;
}

.checkbox-2:hover {
  background-color: var(--yellow);
}

.checkbox-2.w--redirected-checked {
  border-width: 2px;
  border-color: var(--yellow);
  background-color: var(--yellow);
  background-image: none;
}

.checkbox-label-2 {
  margin-bottom: 0;
}

.div-block-copy-copy {
  width: auto;
  margin-top: 0;
  margin-bottom: 100px;
  padding: 0;
}

.wg-element {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 25vh;
  transition: background-color .2s;
  display: block;
  position: relative;
}

.wg-element:hover {
  background-color: #fbf9fd;
}

.wg-element-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.wg-element-wrapper.sw5 {
  color: #fff;
  margin-left: 10px;
}

.wg-element-wrapper.sw11 {
  display: block;
}

.wg-dropdown-1 {
  color: #fff;
  text-transform: uppercase;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  font-weight: 700;
}

.wg-dd-1-togle {
  z-index: 1;
  color: #fff;
  background-color: #0000;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex-direction: column;
  width: 100%;
  padding: 10px 15px;
}

.wg-dd-1-togle:hover, .wg-dd-1-togle.w--open {
  background-color: var(--yellow);
  color: var(--black2);
  border-radius: 0;
}

.wg-dd-1-list {
  background-color: var(--black2);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-top: 20px;
  overflow: hidden;
  box-shadow: 0 -13px 50px 3px #11179c12;
}

.wg-dd-1-list.w--open {
  border-radius: 0;
}

.wg-dropdown-1-link {
  background-color: var(--black2);
  color: #fff;
  border-radius: 0;
  padding: 10px 15px;
  text-decoration: none;
  transition: all .4s ease-in-out, background-color .1s;
}

.wg-dropdown-1-link:hover {
  background-color: var(--yellow);
  color: var(--black2);
}

.wg-code {
  display: none;
}

.faq-question-wrap {
  color: #fff;
  cursor: pointer;
}

.faq-question-bar {
  border: 1px #000;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
}

.faq-question-bar:visited {
  border-style: none;
  border-color: #000;
}

.question-title {
  color: var(--yellow);
  letter-spacing: 0;
  margin-right: 10px;
  font-size: 25px;
  font-weight: 700;
  line-height: 35px;
}

.faq-circle {
  border: 1px #1d1d1f33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 0;
  display: flex;
}

.plus-icon {
  width: 100px;
}

.faq-content {
  overflow: hidden;
}

.faq-paragraph {
  letter-spacing: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.fragen {
  margin-top: 100px;
}

.fragen.nachhaltig {
  margin-top: 50px;
}

.div-block-24 {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-bottom: 50px;
  display: flex;
}

.div-block-25 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.grid-6 {
  grid-column-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: column;
  margin-bottom: 50px;
}

.mitte {
  border-left: 2px solid var(--yellow);
  padding: 0 0 0 25px;
}

.rechts.abendkasse {
  border-left: 2px solid var(--yellow);
  padding-left: 25px;
}

.text-block-4 {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.text-block-5 {
  font-size: 40px;
  font-weight: 300;
  line-height: 40px;
}

.programm-body {
  /* Hintergrundbild = Bild der Veranstaltung, wird von js/cms-render.js (data-mellow-bg) gesetzt */
  background-color: var(--black2);
  background-image: none;
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  font-family: Futura Light Bt, sans-serif;
}

.block-programm {
  color: #fff;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 0;
  padding: 0;
}

.newslatter-banner {
  background-color: #5c5260;
  padding: 50px 8em;
}

.form, .form-2 {
  height: 50px;
}

.form-3 {
  border: 1px solid #000;
}

.form-4, .form-5 {
  border: 2px solid #000;
}

.form-6 {
  border: 1px solid var(--yellow);
}

.form-7 {
  border: 1px solid var(--black2);
}

.newsletter-name {
  color: #fff;
  background-color: #0000;
  border: 2px solid #fff;
  height: 50px;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 15px;
  transition: all .4s ease-in-out;
}

.newsletter-name:focus {
  border-color: var(--black2);
}

.newsletter-name:focus-visible, .newsletter-name[data-wf-focus-visible] {
  color: #5c5260;
  background-color: #fff;
  border-color: #fff;
}

.newsletter-name::placeholder {
  color: #fff;
}

.newsletter-name.e-mail {
  color: #fff;
  border-color: #fff;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 0;
}

.newsletter-name.e-mail:focus-visible, .newsletter-name.e-mail[data-wf-focus-visible] {
  color: #5c5260;
}

.newsletter-name.e-mail::placeholder {
  color: #fff;
}

.div-block-26 {
  width: 100%;
  display: flex;
}

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

.fu {
  background-color: var(--black2);
  color: #fff;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 50px 8em 25px;
  display: flex;
}

.link {
  color: #fff;
  margin-left: 0;
  margin-right: 10px;
  font-size: 15px;
  text-decoration: none;
  transition: all .4s ease-in-out;
}

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

.text-block-6 {
  margin-bottom: 5px;
  font-size: 15px;
}

.div-block-27 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-28 {
  display: block;
  position: relative;
  inset: 0% auto auto 0%;
}

.div-block-29 {
  width: 100%;
  height: 100%;
  position: absolute;
}

.text-block-7 {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.grid-kontakt {
  grid-column-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 50px;
  margin-bottom: 0;
}

.text-field-3 {
  border-style: none none solid;
  border-width: 2px;
  border-color: var(--yellow);
  background-color: #0000;
  height: 50px;
  margin-bottom: 20px;
  margin-right: 10px;
  font-size: 20px;
  font-weight: 300;
}

.text-field-3::placeholder {
  color: var(--yellow);
}

.text-field-3._2 {
  margin-left: 10px;
  margin-right: 0;
  font-size: 20px;
}

.text-field-3._3 {
  height: 100px;
  margin-right: 0;
}

.div-block-30 {
  display: flex;
}

.bold-text {
  color: var(--yellow);
  font-style: normal;
}

.button-wei {
  color: #fff;
  text-transform: uppercase;
  background-color: #0000;
  border: 2px solid #fff;
  padding: 15px;
  font-size: 15px;
  font-weight: 300;
  transition: all .4s ease-in-out;
}

.button-wei:hover {
  color: var(--dark-slate-blue);
  background-color: #fff;
}

.rich-text-block {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.section-3 {
  position: relative;
}

.div-block-31 {
  z-index: -1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-32 {
  background-color: #131313e6;
  width: 100%;
  height: 100%;
}

.sp {
  background-image: url('../images/KFZ-SP.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 10px;
}

.sp:hover {
  background-image: url('../images/KFZ-Sp2.svg');
}

.collection-list-wrapper-3 {
  flex-wrap: nowrap;
  align-content: flex-start;
  display: flex;
}

.div-block-34 {
  width: 50%;
}

.slider {
  height: 80%;
}

.slider._2 {
  background-color: #ddd0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.slide-nav {
  display: none;
}

.slide {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/KFZ-Interieur-11-Print-Foto-Marvin-Ruppert.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 25px;
}

.slide._1 {
  background-image: url('../images/Saal-KFZ-©-Marvin-Ruppert-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._10 {
  background-image: url('../images/Tiefhof_1_Foto-Jakob-Kielga.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._11 {
  background-image: linear-gradient(#0000, #0000), url('../images/Veranstaltungsbilder-1.jpg');
}

.slide._12 {
  background-image: linear-gradient(#0000, #0000), url('../images/Veranstaltungsbilder-5.jpg');
}

.slide._2 {
  background-image: linear-gradient(#0000, #0000), url('../images/DSC06883.jpg');
}

.slide._3 {
  background-image: linear-gradient(#0000, #0000), url('../images/KFZ-Interieur-11-Print-Foto-Marvin-Ruppert.jpg');
}

.slide._4 {
  background-image: url('../images/Foyer_1_Foto-Marvin-Ruppert.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._5 {
  background-image: linear-gradient(#0000, #0000), url('../images/Foyer2_Photobox.jpg');
}

.slide._6 {
  background-image: linear-gradient(#0000, #0000), url('../images/Veranstaltungsbilder-2.jpg');
  background-position: 0 0, 50% 70%;
}

.slide._7 {
  background-image: url('../images/Club1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._8 {
  background-image: linear-gradient(#0000, #0000), url('../images/Club-©-Marvin-Ruppert.jpg');
}

.slide._9 {
  background-image: linear-gradient(#0000, #0000), url('../images/DSC03497.jpg');
}

.slide._100 {
  background-image: linear-gradient(#0000, #0000), url('../images/Theke_1.jpg');
}

.slide._101 {
  background-image: linear-gradient(#0000, #0000), url('../images/Theke-2.jpg');
}

.slide._102 {
  background-image: linear-gradient(to bottom, null, null), url('../images/KFZ-Interieur-11-Print-Foto-Marvin-Ruppert.jpg');
}

.right-arrow {
  z-index: 1000;
  border: 2px none var(--yellow);
  width: 50px;
  height: 50px;
  color: var(--yellow);
  background-color: #0000;
  margin-bottom: 0;
  margin-right: 0;
  transition: all .4s ease-in-out;
  inset: -20% 0% auto auto;
}

.right-arrow:hover {
  color: var(--black2);
  background-color: #ffef03;
}

.right-arrow._2 {
  inset: auto 0% 0% auto;
}

.left-arrow {
  z-index: 1000;
  border: 2px none var(--yellow);
  width: 50px;
  height: 50px;
  color: var(--yellow);
  background-color: #0000;
  margin-bottom: 0;
  transition: all .4s ease-in-out;
  inset: -20% 70px auto auto;
}

.left-arrow:hover {
  color: var(--black2);
  background-color: #ffef03;
}

.left-arrow._2 {
  inset: auto 70px 0% auto;
}

.div-block-35 {
  background-color: #0000;
  background-image: url('../images/2_3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
  text-decoration: none;
  display: block;
  position: static;
  inset: auto auto 0 0;
}

.text-block-dark-copy {
  color: var(--black2);
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: Futura Light Bt, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}

.collection-item {
  padding-top: 25px;
  padding-left: 25px;
  padding-right: 25px;
}

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

.grid-8 {
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 100px;
}

.collection-list-3 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.kontakt-team {
  width: 100%;
  margin-top: 25px;
}

.team-kachel {
  border: 2px none var(--yellow);
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 260px;
  padding: 25px;
  display: flex;
}

.team-kachel._2 {
  background-image: none;
  justify-content: flex-start;
  display: flex;
}

.button-2 {
  position: absolute;
  inset: auto auto 0% 0%;
}

.link-block-2 {
  background-color: var(--yellow);
  border-radius: 100%;
  width: 50px;
  height: 50px;
}

.paragraph-3 {
  color: #fff;
  width: 100%;
  font-weight: 300;
  display: none;
}

.collection-item-2 {
  cursor: pointer;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .4s ease-in-out;
  position: static;
}

.div-block-bersicht {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 0;
  padding: 0;
}

.div-block-bersicht._2 {
  margin-top: 50px;
}

.grid-9 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-top: 100px;
}

.grid-9.spenen {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 50px;
  display: grid;
}

.paragraph-4 {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 25px;
}

.collection-list-wrapper-4 {
  width: 100%;
  margin-top: 100px;
}

.collection-list-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: Futura Light Bt, sans-serif;
  font-size: 15px;
  display: grid;
}

.collection-item-3 {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.name-2 {
  color: var(--yellow);
  font-size: 20px;
  line-height: 25px;
  text-decoration: none;
}

.name-2:hover {
  text-decoration: underline;
}

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

.informationen {
  border: 2px none var(--yellow);
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 260px;
  padding: 25px;
  display: flex;
}

.informationen._2 {
  background-image: none;
  justify-content: flex-start;
  display: flex;
}

.div-block-36 {
  position: static;
  inset: 0%;
}

.team-circles {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.team-grid {
  grid-column-gap: 64px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.team-card {
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.team-member-image {
  object-fit: cover;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  margin-bottom: 24px;
}

.team-member-name {
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.team-member-position {
  margin-bottom: 24px;
}

.html-embed-2 {
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-37 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.lageplan {
  width: 100vh;
  min-height: 100vh;
  margin-top: 50px;
  position: relative;
}

.drau-en {
  background-image: url('../images/3.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.gro-ersaal {
  background-image: url('../images/2_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.kleiner-saal {
  background-image: url('../images/2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.bar {
  background-image: url('../images/4.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.flur {
  background-image: url('../images/1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.div-block-38 {
  width: 750px;
  height: 700px;
  color: var(--yellow);
  font-family: Futura Bold Font, sans-serif;
  font-size: 25px;
  position: relative;
  transform: rotate(-10deg);
}

.div-block-39 {
  z-index: 100;
  border: 2px solid var(--yellow);
  cursor: pointer;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 240px;
  transition: all .4s ease-in-out;
  display: flex;
  position: absolute;
  top: 23px;
  left: 88px;
}

.div-block-39:hover {
  background-color: var(--yellow);
  color: var(--black2);
}

.div-block-39-copy {
  z-index: 100;
  border: 2px solid var(--yellow);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 345px;
  transition: all .4s ease-in-out;
  display: flex;
  position: absolute;
  top: 23px;
  left: 258px;
}

.div-block-39-copy:hover {
  background-color: var(--yellow);
  color: var(--black2);
}

.bar-1 {
  z-index: 100;
  border: 2px solid var(--yellow);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 160px;
  padding: 0;
  transition: all .4s ease-in-out;
  display: flex;
  position: absolute;
  top: 106px;
  left: 407px;
}

.bar-1:hover {
  background-color: var(--yellow);
  color: var(--black2);
}

.therasse {
  z-index: 100;
  border: 2px solid var(--yellow);
  cursor: pointer;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 255px;
  height: 415px;
  transition: all .4s ease-in-out;
  display: flex;
  position: absolute;
  top: 263px;
  left: 3px;
}

.therasse:hover {
  background-color: var(--yellow);
  color: var(--black2);
}

.saal-2 {
  z-index: 100;
  border: 2px solid var(--yellow);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 435px;
  height: 230px;
  transition: all .4s ease-in-out;
  display: flex;
  position: absolute;
  top: 365px;
  left: 258px;
}

.saal-2:hover {
  background-color: var(--yellow);
  color: var(--black2);
}

.bar-2 {
  z-index: 100;
  border: 2px solid var(--yellow);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 84px;
  transition: all .4s ease-in-out;
  display: flex;
  position: absolute;
  top: 594px;
  left: 258px;
}

.bar-2:hover {
  background-color: var(--yellow);
  color: var(--black2);
}

.div-block-40 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 100px;
  display: flex;
}

.heading-3 {
  font-family: Futura Bold Font, sans-serif;
}

.text-block-9 {
  text-align: center;
  margin-top: 15px;
  font-family: Futura Light Bt, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.grid-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area-2 Area-2"
                 "Area-3 Area-3"
                 "Area-5 Area-5"
                 / 1.5fr .5fr;
  width: 100%;
}

.div-block-41 {
  flex-direction: column;
  justify-content: flex-end;
  height: auto;
  margin-top: 50px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.saal-1-bild {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 300px;
  padding: 25px;
}

.gro-er-saal {
  align-items: center;
  width: 100%;
  height: 350px;
  display: flex;
}

.column {
  padding-left: 0;
  padding-right: 50px;
}

.column-2 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.kleinersaal, .die-theke, .therasse-location {
  align-items: center;
  width: 100%;
  height: 350px;
  display: flex;
}

.link-block-3 {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 30px;
  height: 30px;
  position: relative;
  inset: 0% 0% auto auto;
}

.link-block-3:hover {
  transform: scale(1.2);
}

.div-block-42 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.unten {
  border-top: 2px solid var(--yellow);
  padding-top: 10px;
}

.text-block-10 {
  color: silver;
  padding-right: 15px;
  font-size: 16px;
  display: inline;
}

.empty-state {
  display: none;
}

.link-block-4 {
  position: absolute;
  inset: 0%;
}

.f-rderer {
  background-image: url('../images/marburg_logo_neu.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 50px;
  margin-left: 20px;
  margin-right: 20px;
}

.f-rderer._2 {
  background-image: url('../images/HMWK_schmal.png');
  margin-left: 0;
  margin-right: 0;
}

.f-rderer._3 {
  background-image: url('../images/LAKSlogo_web.png');
  background-position: 0%;
  width: 100px;
}

.div-block-43 {
  background-color: #0000;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.div-block-44 {
  background-image: linear-gradient(#0000001a, #0000001a);
  position: absolute;
  inset: 0%;
}

.div-block-45 {
  background-image: url('../images/KFZ-Logo-Weiß.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
}

.div-block-45.w--current {
  height: 50px;
  margin-bottom: 25px;
}

.link-2 {
  color: #fff;
  text-decoration: none;
  transition: all .2s;
}

.link-2:hover {
  border-bottom: 2px solid var(--yellow);
}

.quick-stack {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  padding-left: 0;
  padding-right: 0;
}

.cell {
  justify-content: center;
}

.video {
  margin-top: 50px;
  margin-bottom: 50px;
}

.slider-2 {
  width: 100%;
  height: 80vh;
}

.slide-2 {
  background-image: url('../images/Haus.PNG');
  background-position: 50% 80%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2._2 {
  background-image: url('../images/20230423_143612.jpg');
  background-position: 50% 60%;
}

.slide-2._3 {
  background-image: url('../images/20230423_143514-min.jpg');
  background-position: 50% 45%;
}

.slide-2._4 {
  background-image: url('../images/EAA_8759.jpg');
  background-position: 50% 45%;
}

.slide-nav-2 {
  display: none;
}

.mitte-copy {
  border-right: 2px solid var(--yellow);
  border-left: 2px none var(--yellow);
  padding: 0;
}

.collection-item-4 {
  padding-bottom: 15px;
}

.text-block-12 {
  text-align: center;
  line-height: 25px;
}

.paragraph-5 {
  font-size: 18px;
}

.paragraph-6 {
  width: 60%;
  margin-top: 15px;
  margin-bottom: 50px;
  font-size: 20px;
  font-style: italic;
  line-height: 25px;
}

.div-block-46 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bold-text-3 {
  font-family: Futura Bold Font, sans-serif;
  font-size: 25px;
}

.link-3, .link-4, .link-5, .link-6, .link-7, .link-8 {
  color: #fff;
}

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

.collection-list-5._2 {
  grid-template-rows: auto;
}

.suche {
  background-image: url('../images/Lupe.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 10px;
}

.suche:hover {
  background-image: url('../images/KFZ-IG-2.svg');
}

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

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

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

.search-button {
  background-color: #0000;
  background-image: url('../images/Lupe.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 25px;
  height: 25px;
}

.search {
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}

.div-block-47 {
  background-color: var(--black2);
  padding: 15px;
  display: none;
  position: absolute;
  inset: 60px 0% auto;
}

.search-input {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--yellow);
  height: 50px;
  color: var(--yellow);
  background-color: #0000;
  margin-bottom: 0;
}

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

.container-3 {
  color: #fff;
  padding-top: 100px;
  padding-bottom: 50px;
  font-family: Futura Light Bt, sans-serif;
}

.link-9 {
  color: var(--yellow);
}

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

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

.search-result-item {
  margin-bottom: 15px;
}

.search-2 {
  display: flex;
}

.search-input-2 {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--yellow);
  background-color: #fff0;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 0;
}

.search-input-2::placeholder {
  color: #fff;
}

.search-button-2 {
  border: 2px solid var(--yellow);
  background-color: var(--yellow);
  color: var(--black2);
  transition: all .4s ease-in-out;
}

.search-button-2:hover {
  color: var(--yellow);
  background-color: #0000;
}

.div-block-48 {
  padding-top: 100px;
}

.div-block-49 {
  justify-content: flex-start;
  display: flex;
}

.html-embed-3 {
  width: 400px;
}

.wg-button-1-lang-wrapper {
  justify-content: center;
  display: flex;
}

.wg-button-1-text-lang1 {
  align-items: center;
  height: 2rem;
  display: flex;
}

.wg-button-1-text-lang2 {
  align-items: center;
  height: 2rem;
  display: flex;
  position: absolute;
  bottom: 2rem;
}

.wg-element-2 {
  width: auto;
  height: auto;
  color: var(--yellow);
  justify-content: center;
  align-items: center;
  padding: 10px;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.wg-button-1 {
  height: 2rem;
  color: var(--yellow);
  letter-spacing: .5em;
  text-transform: uppercase;
  flex-direction: column;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wg-button-1:hover {
  color: #4049ff;
}

.google-translator {
  max-width: 300px;
  height: 40px;
}

.div-block-34-copy {
  width: auto;
}

.grid-11 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 35% 35% 30%;
  width: 100%;
}

.success-message {
  color: #fff;
  background-color: #0000;
  border: 2px solid #fff;
  padding: 50px;
  font-family: Futura Light Bt, sans-serif;
  font-size: 25px;
}

.error-message {
  background-color: var(--yellow);
  color: var(--black2);
  text-align: center;
  padding-left: 10px;
}

.text-block-19, .text-block-20 {
  font-size: 15px;
}

.collection-item-5 {
  position: relative;
}

.collection-item-5._2 {
  transition: all .4s ease-in-out;
}

.collection-item-5._2:hover {
  background-color: #2f2f43;
  transform: scale(1.03);
}

.collection-list-6 {
  display: flex;
}

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

.collection-list-7 {
  display: flex;
}

.div-block-50 {
  background-color: #fff;
  justify-content: flex-start;
  height: 100%;
  padding: 10px;
  display: flex;
}

.div-block-51 {
  background-color: #fff;
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.link-10 {
  color: #fff;
}

.div-block-52 {
  width: 100%;
  padding: 66px;
}

.unterst-tzt-durch {
  color: #fff;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 0;
  padding: 0;
}

.heading-unterst-tzt {
  color: var(--yellow);
  letter-spacing: 2px;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--yellow);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Futura Bold Font, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.heading-unterst-tzt.programm {
  width: 100%;
  margin-bottom: 50px;
  margin-right: 0;
  font-family: Futura Bold Font, sans-serif;
}

.heading-unterst-tzt.programm.stellen {
  margin-bottom: 25px;
}

.heading-unterst-tzt.schwarz {
  color: #fff;
  font-family: Futura Bold Font, sans-serif;
}

.heading-unterst-tzt._2 {
  margin-top: 100px;
  margin-bottom: 25px;
  font-size: 60px;
  line-height: 50px;
}

.div-block-53 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.button-leichte-sprache {
  border: 2px solid var(--yellow);
  color: var(--yellow);
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  align-items: center;
  padding: 15px 30px;
  font-size: 15px;
  font-weight: 300;
  transition: all .4s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-leichte-sprache:hover {
  background-color: var(--yellow);
  color: var(--black2);
}

.div-block-54 {
  width: 20px;
  height: 20px;
  color: var(--yellow);
  background-color: #131313;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
  transform: translate(25px);
}

.tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  display: block;
}

.div-block-55 {
  flex-flow: column;
  margin-top: 0;
  display: flex;
}

.div-block-55.tap {
  padding-top: 50px;
}

.image-3 {
  min-width: 300px;
  max-width: 80%;
  margin-left: 0;
}

.tab-title {
  color: var(--yellow);
  letter-spacing: 0;
  -webkit-text-stroke-color: #ffef03;
  margin-bottom: 15px;
  margin-right: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
}

.div-block-56 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 50px;
  padding-top: 0;
  display: flex;
}

.div-block-57 {
  display: none;
}

.div-block-58 {
  background-color: #fff;
  width: 1px;
  height: 40px;
  margin-left: 10px;
}

.collection-list-wrapper-6 {
  width: 100%;
  margin-top: 50px;
}

.collection-item-6 {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.collection-item-6._2 {
  text-align: center;
}

.sprache-link {
  border: 1px solid var(--yellow);
  color: var(--yellow);
  letter-spacing: 0;
  margin-bottom: 0;
  padding: 15px;
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
  text-decoration: none;
  transition: all .4s ease-in-out;
  display: inline-block;
}

.sprache-link:hover {
  background-color: var(--yellow);
  color: #000;
  text-decoration: none;
}

.sprache-link.klein {
  font-size: 20px;
  line-height: 30px;
}

.sprache-link.schwarz {
  color: #fff;
}

.sprache-link.programm {
  margin-bottom: 50px;
}

.sprache-link.list-item {
  background-image: url('../images/icons8-punkt.svg');
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 25px;
}

.sprache-link.list-item.faq {
  letter-spacing: 0;
}

.sprache-link.email {
  text-decoration: none;
  transition: all .2s;
}

.sprache-link.email:hover {
  border-bottom: 2px solid var(--yellow);
}

.sprache-link._2 {
  margin-bottom: 25px;
}

.sprache-link._3 {
  border-style: none;
  padding: 5px 10px;
  font-size: 15px;
}

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

.notranslation._2 {
  display: block;
}

.notranslation.nostyle {
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-59 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.google-translate {
  background-image: url('../images/white-short.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 15px;
  margin-bottom: 3px;
}

.div-block-60 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.div-block-61 {
  background-color: var(--black2);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  display: none;
}

.text-block-22 {
  color: var(--yellow);
  font-family: Futura Light Bt, sans-serif;
  font-size: 15px;
}

.dropdown-2 {
  border: 1px none var(--yellow);
  color: #fff;
  width: 15%;
  margin-right: 0;
  font-size: 15px;
}

.dropdown-toggle {
  width: 100%;
  color: var(--yellow);
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 300;
}

.dropdown-toggle.w--open {
  font-size: 15px;
}

.collection-list-wrapper-6-copy {
  width: 100%;
  margin-top: 0;
}

.dropdown-list-2 {
  background-color: #996e6e;
}

.dropdown-list-2.w--open {
  background-color: var(--black2);
  border: 1px #000;
}

.div-block-62 {
  background-color: var(--yellow);
  cursor: pointer;
  background-image: url('../images/x.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  width: 25px;
  height: 25px;
  margin-left: 15px;
  transition: all .4s ease-in-out;
}

.div-block-62:hover {
  transform: scale(1.1);
}

.collection-item-7 {
  cursor: pointer;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .4s ease-in-out;
  position: static;
}

.link-11 {
  color: #fff;
}

.mitte-copy-2 {
  border-left: 2px #ffef03;
  border-right: 2px solid #ffef03;
  padding: 0;
}

.text-block-23 {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.heading-4 {
  color: #ffef03;
  letter-spacing: 2px;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #ffef03;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Futura Bold Font, sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 90px;
}

.heading-4._2 {
  margin-top: 100px;
  margin-bottom: 25px;
  font-size: 60px;
  line-height: 50px;
}

.collection-list-8 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.section-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 100px 8em;
  display: flex;
}

.checkbox-field-3 {
  color: #fff;
  align-items: center;
  margin-bottom: 15px;
  padding-left: 0;
  font-size: 15px;
  display: flex;
}

.paragraph-8 {
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
}

.checkbox-3 {
  cursor: pointer;
  border-width: 2px;
  border-color: #ffef03;
  border-radius: 0;
  width: 30px;
  height: 30px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: all .4s ease-in-out;
}

.checkbox-3:hover {
  background-color: #ffef03;
}

.checkbox-3.w--redirected-checked {
  background-color: #ffef03;
  background-image: none;
  border-width: 2px;
  border-color: #ffef03;
}

.text-block-24 {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.link-12 {
  color: #fff;
}

.mitte-2 {
  border-left: 2px solid #ffef03;
  border-right: 2px solid #ffef03;
  padding: 0 15px 0 25px;
}

.text-field-4 {
  height: 50px;
  color: var(--yellow);
  background-color: #0000;
  border: 2px #ffef03;
  border-bottom-style: solid;
  margin-bottom: 20px;
  margin-right: 10px;
  font-size: 20px;
  font-weight: 300;
}

.text-field-4:hover, .text-field-4:active, .text-field-4:focus {
  color: var(--yellow);
}

.text-field-4::placeholder {
  color: #ffef03;
}

.text-field-4._2 {
  margin-left: 10px;
  margin-right: 0;
  font-size: 20px;
}

.text-field-4._3 {
  height: 100px;
  margin-right: 0;
}

.div-block-63 {
  display: flex;
}

.submit-button-2 {
  color: #ffef03;
  background-color: #0000;
  border: 2px solid #ffef03;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  font-weight: 700;
  transition: all .4s ease-in-out;
}

.submit-button-2:hover {
  color: #131313;
  background-color: #ffef03;
}

.div-block-64 {
  position: static;
  inset: 0%;
}

.team-kachel-2 {
  background-color: #0000;
  border: 2px #ffef03;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 260px;
  padding: 25px;
  display: flex;
}

.link-block-5 {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 30px;
  height: 30px;
  position: relative;
  inset: 0% 0% auto auto;
}

.link-block-5:hover {
  transform: scale(1.2);
}

.div-block-65 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.paragraph-9 {
  color: #fff;
  width: 100%;
  font-weight: 300;
  display: none;
}

.html-embed-4 {
  margin-bottom: 25px;
}

.button-gelb-voll {
  border: 2px solid var(--yellow);
  background-color: var(--yellow);
  color: #000;
  text-transform: uppercase;
  padding: 15px;
  font-size: 15px;
  font-weight: 300;
  transition: all .4s ease-in-out;
}

.button-gelb-voll:hover {
  color: var(--yellow);
  background-color: #0000;
}

.button-gelb-voll.tabs {
  margin-bottom: 15px;
  margin-right: 15px;
}

.button-gelb-voll.tabs.w--current {
  background-color: var(--yellow);
  color: var(--black2);
}

.slide1 {
  background-image: url('../images/3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px;
}

.slide2 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/4.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 25px;
}

.slide3 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/1.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 25px;
}

.slide5 {
  background-image: url('../images/3_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px;
}

.slide4 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/2.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 25px;
}

.slide6 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/1_1.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 25px;
}

.slide7 {
  background-image: url('../images/3_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px;
}

.slide8 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/4_1.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 25px;
}

.slide9 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/1_2.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 25px;
}

.slide10 {
  background-image: url('../images/2_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px;
}

.slide11 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/3_3.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 25px;
}

.slide12 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/1_3.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 25px;
}

.slide13 {
  background-image: url('../images/2_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px;
}

.slide14 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/3_4.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 25px;
}

.slide15 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/1_4.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 25px;
}

.slide-h1 {
  aspect-ratio: 4 / 3;
  vertical-align: baseline;
  background-color: #0000;
  width: auto;
  height: auto;
  padding: 0;
}

.slide-h2 {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/Erregung-öffentlicher-Erregung.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 0;
}

.slide-h3 {
  padding: 0;
}

.div-block-66 {
  background-image: url('../images/CI-Infos-kurz.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
}

.rich-text-block-2 {
  font-size: 18px;
}

.fragen-antworten {
  color: #fff;
  width: 100%;
  font-weight: 300;
  display: none;
}

.paragraph-10 {
  color: var(--black2);
  margin-bottom: 0;
}

.link-block-6 {
  width: 100%;
  margin-bottom: 10px;
  transition: all .4s ease-in-out;
}

.link-block-6:hover {
  transform: scale(1.03);
}

.div-block-67 {
  display: flex;
}

.column-3 {
  padding: 0;
}

.column-4 {
  padding: 0 0 0 25px;
}

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

.image-4 {
  max-width: 40%;
}

.quick-stack-2 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 0;
}

.div-block-68 {
  border: 1px solid var(--yellow);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 250px;
  padding: 25px;
  display: flex;
}

.blok-nachhaltigkeit {
  color: #fff;
  flex-flow: column;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.right-arrow-2 {
  background-color: var(--yellow);
  width: 50px;
  height: 50px;
  inset: auto 10px 10px auto;
}

.left-arrow-2 {
  background-color: var(--yellow);
  width: 50px;
  height: 50px;
  inset: auto 70px 10px auto;
}

.image-5 {
  width: 60px;
  margin-bottom: 15px;
}

.div-block-mobil {
  width: 100%;
  margin-bottom: 100px;
  padding: 0;
  display: none;
}

.paragraph-copy {
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.paragraph-copy.leicht, .paragraph-copy.schwere-sprache {
  line-height: 30px;
}

.quick-stack-3 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  margin-top: 100px;
  padding: 0;
}

.div-block-69 {
  display: none;
}

.section-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 100px 8em;
  display: flex;
}

.heading-5 {
  color: #ffef03;
  letter-spacing: 2px;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #ffef03;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Futura Bold Font, sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 90px;
}

.div-block-copy-2 {
  color: #fff;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 0;
  padding: 0;
}

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

.video-2 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.quick-stack-4 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-71 {
  margin-top: 20px;
  display: flex;
}

.tab-title-2 {
  color: #ffef03;
  letter-spacing: 0;
  margin-bottom: 15px;
  margin-right: 10px;
  font-size: 25px;
  font-weight: 700;
  line-height: 35px;
}

.button-gelb-2 {
  color: #ffef03;
  text-transform: uppercase;
  background-color: #0000;
  border: 2px solid #ffef03;
  padding: 15px;
  font-size: 15px;
  font-weight: 300;
  transition: all .4s ease-in-out;
}

.button-gelb-2:hover {
  color: #131313;
  background-color: #ffef03;
}

.button-gelb-2.tabs {
  margin-bottom: 15px;
  margin-right: 15px;
}

.button-gelb-2.tabs.w--current {
  color: #131313;
  background-color: #ffef03;
}

.slider-3 {
  width: 100%;
  height: 100%;
}

.slider-3._50 {
  height: 50vh;
}

.link-13 {
  color: #fff;
  text-decoration: none;
  transition: all .2s;
}

.link-13:hover {
  border-bottom: 2px solid #ffef03;
}

.tabs-menu-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: block;
}

.slide-3 {
  background-image: url('../images/Team2.PNG');
  background-position: 50% 80%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3._3 {
  background-image: url('../images/Menschen.PNG');
  background-position: 50% 45%;
}

.slide-3._2 {
  background-image: url('../images/PICT0082.JPG');
  background-position: 50% 60%;
}

.slide-3._4 {
  background-image: url('../images/Haus.PNG');
  background-position: 50% 45%;
}

.question-title-2 {
  color: #ffef03;
  letter-spacing: 0;
  margin-right: 10px;
  font-size: 25px;
  font-weight: 700;
  line-height: 35px;
}

.paragraph-11 {
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
}

.paragraph-11.list-item {
  background-image: url('../images/icons8-punkt.svg');
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 25px;
}

.paragraph-11.list-item.faq {
  letter-spacing: 0;
}

.image-6 {
  min-width: 300px;
  margin-left: 30px;
}

.text-block-gelb-copy {
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 0;
  font-family: Futura Bold Font, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-decoration: none;
}

.text-block-gelb-copy.notranslation {
  background-color: var(--yellow);
  width: auto;
  color: var(--black2);
  padding: 5px 10px;
  display: inline-block;
}

.foyer-garderobe {
  align-items: center;
  width: 100%;
  height: 350px;
  display: flex;
}

.cell-2 {
  justify-content: center;
  align-items: flex-start;
}

.cell-3, .cell-4, .cell-5, .cell-6 {
  justify-content: center;
}

.empty-state-2 {
  color: var(--black2);
  background-color: #ddd0;
}

.div-block-72 {
  margin-bottom: 50px;
}

.paragraph-copy {
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  width: 100%;
  min-width: 100%;
  min-height: auto;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.paragraph-copy.klein {
  font-size: 20px;
  line-height: 30px;
}

.paragraph-copy.schwarz {
  color: #fff;
}

.paragraph-copy.programm {
  margin-bottom: 50px;
}

.paragraph-copy.list-item {
  padding-left: 0;
}

.paragraph-copy.list-item.faq {
  letter-spacing: 0;
}

.paragraph-copy.email {
  text-decoration: none;
  transition: all .2s;
}

.paragraph-copy.email:hover {
  border-bottom: 2px solid var(--yellow);
}

.paragraph-copy._2 {
  margin-bottom: 25px;
}

.paragraph-copy.leicht, .paragraph-copy.schwere-sprache {
  line-height: 30px;
}

.paragraph-copy.nachhaltikeit {
  text-align: center;
  width: 80%;
  margin-bottom: 50px;
}

.paragraph-copy.schwarz-copy {
  color: #fff;
  margin-bottom: 15px;
}

.paragraph-copy.location {
  margin-bottom: 25px;
  margin-right: 0;
}

.paragraph-copy.schwarz-copy-copy {
  color: #fff;
  min-height: auto;
  margin-bottom: 15px;
  margin-right: 0;
}

.paragraph-12 {
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
}

.image-7 {
  max-width: 40%;
}

.mask {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.cell-7 {
  justify-content: center;
  align-items: stretch;
}

.text-block-25 {
  display: none;
}

.empty-state-3 {
  padding: 0;
}

.text-block-26 {
  background-color: var(--yellow);
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-left: 0;
  padding: 10px;
  font-family: Futura Bold Font, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.ticktok {
  background-image: url('../images/KFZ-IG.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 10px;
}

.ticktok:hover {
  background-image: url('../images/KFZ-IG-2.svg');
}

.ticktok.sprache {
  background-image: url('../images/Sprache-Weiß.svg');
  width: 30px;
  height: 30px;
}

.ticktok.sprache:hover {
  background-image: url('../images/Sprache_1.svg');
}

.div-block-73 {
  text-transform: uppercase;
  margin-right: 0;
  padding: 0;
  display: block;
}

.tab-link-tab-1 {
  border: 2px solid var(--yellow);
  color: var(--yellow);
  background-color: #ddd0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px 15px;
  font-size: 18px;
}

.tab-link-tab-1.w--current {
  border-color: var(--yellow);
  background-color: var(--yellow);
  color: var(--black2);
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px 15px;
}

.tab-link-tab-2 {
  background-color: #ddd0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 0;
}

.tab-link-tab-2.w--current {
  background-color: #ddd0;
}

.tabs-menu-3 {
  background-color: #0000;
}

.tt {
  background-image: url('../images/tiktok_3116490.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 10px;
}

.tt:hover {
  background-image: url('../images/tiktok_3116490gelb.svg');
}

.tt.sprache {
  background-image: url('../images/Sprache-Weiß.svg');
  width: 30px;
  height: 30px;
}

.tt.sprache:hover {
  background-image: url('../images/Sprache_1.svg');
}

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

.body-2 {
  background-color: var(--black2);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-8 {
  max-width: 80%;
  margin-bottom: 10px;
}

.text-block-27 {
  color: #fff;
  max-width: 80%;
  font-family: Futura Light Bt, sans-serif;
  font-size: 15px;
}

.div-block-35-copy {
  inset: auto auto 0 0;
  background-color: #0000;
  background-image: url('../images/Erregung-öffentlicher-Erregung.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
  text-decoration: none;
  display: block;
  position: static;
  inset: auto auto 0 0;
}

.div-block-35-copy-copy {
  background-color: #0000;
  background-image: url('../images/1_5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
  text-decoration: none;
  display: block;
  position: static;
  inset: auto auto 0 0;
}

.image-9, .image-10 {
  height: auto;
}

.image-11 {
  width: auto;
  height: auto;
}

.link-block-8 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.collection-item-9 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-13 {
  position: absolute;
}

.image-14, .image-15 {
  height: 100%;
}

.link-block-8-copy {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.collection-list-wrapper-7, .empty-state-4 {
  display: none;
}

.image-16 {
  width: 80%;
}

.code-embed {
  width: 100%;
}

.werbefl-che {
  padding: 4rem 8rem;
  display: block;
}

.werbefl-che.programm {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.banner-werbung {
  justify-content: center;
  align-items: center;
  height: 200px;
  display: flex;
  overflow: hidden;
}

.image-17-banner {
  width: 100%;
  max-width: 100%;
}

.mobil-werbugn {
  display: none;
}

.link-block-9 {
  display: block;
}

.collection-list-wrapper-8 {
  width: 100%;
  display: none;
}

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

.link-block-10 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80%;
  height: 300px;
  transition: all .4s ease-in-out;
}

.link-block-10:hover {
  transform: scale(1.05);
}

.collection-item-10 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-28 {
  display: block;
}

.slide-nav-3 {
  display: none;
}

.image-17 {
  height: 40px;
  margin-right: 10px;
}

.quick-stack-5 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  margin-bottom: 2rem;
  padding: 0;
}

.cell-8 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
}

.div-block-74 {
  margin-right: 10px;
}

@media screen and (min-width: 1280px) {
  .section.programm, .fu {
    padding-left: 10em;
    padding-right: 10em;
  }
}

@media screen and (min-width: 1440px) {
  .navbar, .section {
    padding-left: 10em;
    padding-right: 10em;
  }

  .section.programm {
    padding-left: 15em;
    padding-right: 15em;
  }

  .section._1, .section-normal, .div-block-12, .newslatter-banner, .fu {
    padding-left: 10em;
    padding-right: 10em;
  }

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

  .team-kachel {
    min-height: 250px;
  }

  .team-member-image {
    width: 270px;
    height: 270px;
    max-height: none;
  }

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

  .section-4 {
    padding-left: 10em;
    padding-right: 10em;
  }

  .section-5 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 10em;
    padding-right: 10em;
  }

  .div-block-copy-2 {
    margin-top: 0;
  }

  .paragraph-11.list-item {
    padding-left: 25px;
  }
}

@media screen and (min-width: 1920px) {
  .kfz-nav-link.drop {
    overflow: visible;
  }

  .section {
    padding-top: 160px;
  }

  .section.programm {
    padding-left: 15em;
    padding-right: 15em;
  }

  .question-title {
    margin-right: 25px;
  }

  .collection-list-3 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .team-kachel {
    min-height: 350px;
  }

  .gro-ersaal {
    height: 100vh;
  }

  .slide-2._2, .slide-2._3, .slide-2._4 {
    background-position: 50%;
  }

  .tab-title {
    margin-right: 25px;
  }

  .section-4, .section-5 {
    padding-top: 160px;
  }

  .tab-title-2 {
    margin-right: 25px;
  }

  .slide-3._3, .slide-3._2, .slide-3._4 {
    background-position: 50%;
  }

  .question-title-2 {
    margin-right: 25px;
  }

  .text-block-26 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    padding-left: 2em;
    padding-right: 2em;
  }

  .container {
    max-height: 100%;
  }

  .kfz-nav-link {
    padding-top: 15px;
    padding-bottom: 7px;
  }

  .kfz-nav-link.drop {
    width: 100%;
    margin-left: 0;
    display: inline-block;
    position: relative;
  }

  .nav-menu {
    background-color: var(--black2);
  }

  .section {
    padding: 60px 2em;
  }

  .section.programm {
    padding-left: 2em;
    padding-right: 2em;
  }

  .section._1 {
    padding-top: 160px;
  }

  .grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .div-block-copy {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .section-2 {
    min-height: 50vh;
  }

  .section-normal {
    padding-left: 2em;
    padding-right: 2em;
  }

  .collection-list {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr 1fr;
  }

  .div-block-12 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .collection-list-wrapper-copy {
    margin-bottom: 40px;
  }

  .icon {
    position: absolute;
    right: 15px;
  }

  .grid-5 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .bild {
    height: 20em;
  }

  .div-block-copy-copy {
    margin-bottom: 0;
  }

  .wg-element {
    width: 50%;
  }

  .newslatter-banner, .fu {
    padding-left: 2em;
    padding-right: 2em;
  }

  .section-3 {
    padding: 60px 2em;
  }

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

  .div-block-bersicht {
    margin-bottom: 0;
  }

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

  .container-2 {
    max-width: 728px;
  }

  .team-grid {
    grid-column-gap: 40px;
  }

  .team-member-image {
    width: 190px;
    height: 190px;
  }

  .div-block-38 {
    width: 600px;
    height: 600px;
  }

  .div-block-39 {
    width: 150px;
    height: 220px;
    top: 20px;
    left: 88px;
  }

  .div-block-39-copy {
    width: 130px;
    height: 325px;
    top: 20px;
    left: 236px;
  }

  .bar-1 {
    width: 90px;
    height: 140px;
    left: 365px;
  }

  .therasse {
    width: 235px;
    height: 395px;
    top: 240px;
  }

  .saal-2 {
    width: 415px;
    height: 210px;
    top: 343px;
    left: 236px;
  }

  .bar-2 {
    width: 70px;
    height: 84px;
    top: 551px;
    left: 237px;
  }

  .dropdown {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .menu-button {
    width: 80px;
    height: 80px;
  }

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

  .lottie-animation {
    max-height: 100%;
  }

  .wg-element-2 {
    width: 50%;
  }

  .text-block-18 {
    display: inline-block;
  }

  .unterst-tzt-durch {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .notranslation, .collection-list-8 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section-4 {
    padding: 60px 2em;
  }

  .blok-nachhaltigkeit {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .section-5 {
    padding: 60px 2em;
  }

  .div-block-copy-2 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .section.programm {
    padding-left: 2em;
    padding-right: 2em;
  }

  .wg-element {
    width: 100%;
  }

  .question-title {
    font-size: 18px;
  }

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

  .team-circles {
    padding: 60px 15px;
  }

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

  .bar-2 {
    width: 80px;
  }

  .wg-element-2 {
    width: 100%;
  }

  .tab-title {
    font-size: 18px;
  }

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

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

  .tab-title-2, .question-title-2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    z-index: 101;
    padding-left: 1em;
    padding-right: 1em;
  }

  .kfz-nav-link {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
  }

  .kfz-nav-link:hover {
    border-bottom-color: var(--black2);
  }

  .kfz-nav-link.drop {
    width: 100%;
    position: static;
  }

  .nav-menu {
    z-index: 100;
    background-color: var(--black2);
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100vw;
    height: 100vh;
    margin-top: 0;
    padding-top: 90px;
    padding-left: 1em;
    padding-right: 1em;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .section {
    padding-top: 100px;
    padding-left: 1em;
    padding-right: 1em;
  }

  .section.programm {
    padding: 0 1em 50px;
  }

  .section._1 {
    width: 100vw;
    padding-top: 100px;
  }

  .div-block {
    display: none;
  }

  .grid {
    flex-direction: column;
    grid-template-areas: "Area Area Area-6"
                         "Area Area Area-5"
                         "Area-2 Area-3 Area-4";
    width: 100%;
    display: flex;
  }

  .div-block-2 {
    aspect-ratio: 4 / 3;
    width: 100%;
  }

  .div-block-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-copy {
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .heading {
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    font-size: 50px;
    line-height: 50px;
  }

  .heading.programm {
    width: 100%;
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 40px;
  }

  .heading._2 {
    margin-bottom: 0;
    font-size: 40px;
    line-height: 40px;
  }

  .paragraph {
    color: #fff;
    text-transform: none;
    background-color: #ffef0300;
    margin-bottom: 25px;
    margin-right: 0;
    padding: 0;
    font-size: 20px;
    line-height: 25px;
    display: block;
  }

  .paragraph.klein {
    text-transform: none;
    min-height: 70px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .paragraph.programm {
    margin-bottom: 25px;
  }

  .paragraph.schwere-sprache {
    text-transform: none;
  }

  .paragraph.nachhaltikeit {
    width: 90%;
    margin-bottom: 25px;
  }

  .paragraph.schwarz-copy, .paragraph.schwarz-copy-copy {
    text-transform: none;
  }

  .div-block-6 {
    min-height: 300px;
  }

  .div-block-7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nach-oben {
    padding-bottom: 15px;
    padding-right: 15px;
  }

  .div-block-9 {
    width: 40px;
    height: 40px;
  }

  .text-block-gelb {
    color: #fff;
    white-space: pre-wrap;
    background-color: #ffef0300;
    flex: 0 auto;
    width: auto;
    margin-bottom: 5px;
    margin-right: 0;
    padding: 0;
    font-size: 30px;
    line-height: 30px;
    display: inline-flex;
    position: static;
  }

  .text-block-gelb.notranslation {
    background-color: var(--yellow);
    color: var(--black2);
    padding: 5px 10px;
    display: inline-flex;
  }

  .button-gelb.tabs {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 14px;
  }

  .button-gelb.tabs.w--current {
    background-color: var(--black2);
    color: var(--yellow);
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 10px;
  }

  .button-dunkel.submit {
    color: #5c5260;
    background-color: #fff;
    margin-left: 0;
  }

  .section-normal {
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .div-block-10 {
    background-size: contain;
  }

  .div-block-11 {
    flex-flow: column;
    align-items: flex-start;
    padding: 15px;
    display: flex;
  }

  .text-block-2 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 18px;
  }

  .div-block-12 {
    align-items: center;
    height: 700px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .brand {
    z-index: 101;
  }

  .brand.w--current {
    width: 150px;
    height: 40px;
  }

  .checkbox-field {
    padding-right: 10px;
  }

  .collection-list-2 {
    flex-flow: wrap;
    align-items: flex-start;
  }

  .dropdown-list.w--open {
    background-color: #0000;
    padding-top: 0;
  }

  .dropdown-link {
    padding: 5px 0 5px 15px;
  }

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

  .bild {
    height: 350px;
  }

  .bild._1 {
    height: 350px;
    display: none;
  }

  .bild._1.mobil {
    display: block;
  }

  .bild._2 {
    height: 350px;
  }

  .bild._3 {
    height: 350px;
    display: none;
  }

  .bild._3.mobil {
    display: block;
  }

  .bild._4 {
    height: 350px;
  }

  .heading-2 {
    margin-bottom: 5px;
  }

  .paragraph-2 {
    text-transform: none;
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 25px;
  }

  .submit-button {
    width: 100%;
  }

  .checkbox-field-2 {
    align-items: flex-start;
  }

  .checkbox-2 {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
  }

  .wg-element {
    height: 25vh;
  }

  .question-title {
    flex: 1;
    font-size: 20px;
    line-height: 25px;
  }

  .faq-paragraph {
    font-size: 15px;
    line-height: 25px;
  }

  .div-block-24 {
    height: auto;
  }

  .grid-6 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 15px;
  }

  .mitte {
    border-style: none;
    border-width: 1px 1px 2px;
    border-color: black black var(--yellow);
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .rechts {
    border-style: none;
    border-width: 1px 1px 2px;
    border-color: black black var(--yellow);
    padding-bottom: 10px;
  }

  .links {
    border-bottom: 2px none var(--yellow);
    color: #fff;
    padding-bottom: 0;
    text-decoration: none;
  }

  .text-block-4 {
    color: var(--yellow);
    font-size: 20px;
    line-height: 25px;
  }

  .text-block-5 {
    font-size: 20px;
    line-height: 20px;
  }

  .newsletter-name {
    border-radius: 0;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .newsletter-name.e-mail {
    margin-bottom: 10px;
    margin-left: 0;
  }

  .div-block-26 {
    flex-direction: column;
    align-items: stretch;
  }

  .fu {
    flex-direction: column;
    align-items: flex-start;
    padding: 25px 15px;
  }

  .link {
    margin-bottom: 5px;
    margin-left: 0;
  }

  .text-block-6 {
    margin-bottom: 5px;
  }

  .div-block-27 {
    flex-direction: column;
    margin-bottom: 0;
  }

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

  .grid-kontakt {
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .text-field-3 {
    border-radius: 0;
    margin-right: 5px;
  }

  .text-field-3._2 {
    border-radius: 0;
    margin-left: 0;
  }

  .div-block-30 {
    flex-direction: column;
  }

  .rich-text-block {
    margin-bottom: 15px;
    line-height: 25px;
  }

  .section-3 {
    padding-top: 100px;
  }

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

  .collection-list-wrapper-3 {
    flex-flow: row;
    align-items: center;
    display: block;
  }

  .div-block-33 {
    margin-bottom: 0;
  }

  .div-block-34 {
    flex-direction: column;
    align-items: flex-start;
    margin-left: -15px;
    display: flex;
  }

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

  .right-arrow {
    width: 40px;
    height: 40px;
    font-size: 30px;
    inset: auto 0% 0% auto;
  }

  .left-arrow {
    width: 40px;
    height: 40px;
    font-size: 30px;
    inset: auto 50px 0% auto;
  }

  .div-block-35 {
    flex-flow: column;
    width: 100%;
    display: flex;
    inset: 15px auto auto 15px;
  }

  .collection-list-3 {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .kontakt-team {
    margin-top: 25px;
  }

  .team-kachel {
    justify-content: flex-end;
    align-items: flex-start;
    min-height: 300px;
    padding: 15px;
  }

  .collection-item-2 {
    width: 100%;
    min-height: 300px;
  }

  .div-block-bersicht {
    margin-top: 50px;
  }

  .grid-9 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
    margin-top: 50px;
  }

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

  .collection-list-wrapper-4 {
    margin-top: 0;
  }

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

  .collection-item-3 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .name-2, .text-block-8 {
    font-size: 15px;
    line-height: 20px;
  }

  .div-block-36 {
    width: auto;
  }

  .container-2 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

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

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

  .div-block-38 {
    width: auto;
    height: 400px;
    transform: none;
  }

  .div-block-39 {
    width: 61px;
    height: 120px;
    top: 0;
    left: 73px;
  }

  .div-block-39-copy {
    width: 60px;
    height: 210px;
    top: 0;
    left: 133px;
  }

  .bar-1 {
    width: 50px;
    height: 110px;
    top: 50px;
    left: 192px;
  }

  .therasse {
    width: 135px;
    height: 245px;
    font-size: 20px;
    top: 118px;
    left: 0;
  }

  .saal-2 {
    width: 200px;
    height: 120px;
    top: 208px;
    left: 133px;
  }

  .bar-2 {
    width: 80px;
    height: 37px;
    top: 326px;
    left: 133px;
  }

  .div-block-40 {
    padding-bottom: 0;
  }

  .text-block-9 {
    display: none;
  }

  .grid-10 {
    grid-template: "Area-2 Area-2"
                   "Area-3 Area-4"
                   / 1.5fr;
  }

  .div-block-41 {
    height: auto;
  }

  .gro-er-saal {
    flex-flow: column;
    height: auto;
    display: flex;
  }

  .column {
    height: auto;
    padding-right: 0;
  }

  .column-2 {
    height: 250px;
  }

  .kleinersaal, .die-theke, .therasse-location {
    flex-flow: column;
    height: auto;
    display: flex;
  }

  .f-rderer {
    width: 50%;
    margin-left: 0;
    margin-right: 10px;
  }

  .f-rderer._2 {
    margin-right: 10px;
  }

  .f-rderer._3 {
    width: 50%;
  }

  .div-block-43 {
    width: 100%;
  }

  .quick-stack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .slider-2 {
    height: 50vh;
  }

  .mitte-copy {
    border-style: none;
    border-width: 1px 1px 2px;
    border-color: black black var(--yellow);
    padding-bottom: 10px;
  }

  .dropdown {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .menu-button {
    z-index: 101;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

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

  .icon-2 {
    display: none;
  }

  .text-block-11, .text-block-12, .text-block-13 {
    font-size: 15px;
    transform: rotate(89deg);
  }

  .text-block-14, .text-block-15, .text-block-16 {
    font-size: 15px;
  }

  .paragraph-6 {
    width: 100%;
    margin-bottom: 0;
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    line-height: 20px;
  }

  .link-7, .link-8 {
    text-decoration: none;
  }

  .collection-list-5 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

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

  .div-block-48 {
    padding-top: 0;
  }

  .div-block-49 {
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    display: flex;
  }

  .wg-element-2 {
    height: 25vh;
  }

  .div-block-34-copy {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

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

  .unterst-tzt-durch {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-unterst-tzt {
    letter-spacing: 0;
    white-space: normal;
    word-break: break-all;
    overflow-wrap: normal;
    font-size: 30px;
    line-height: 30px;
  }

  .heading-unterst-tzt.programm {
    width: 100%;
    margin-bottom: 25px;
    font-size: 40px;
    line-height: 40px;
  }

  .heading-unterst-tzt._2 {
    margin-bottom: 0;
    font-size: 40px;
    line-height: 40px;
  }

  .tabs-menu {
    z-index: 100;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--black2);
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
    position: static;
    top: 80px;
  }

  .div-block-55 {
    flex-flow: column;
    padding-top: 25px;
  }

  .image-3 {
    max-width: 100%;
    margin-left: 0;
  }

  .tab-title {
    flex: 1;
    margin-bottom: 15px;
    margin-right: 0;
    font-size: 35px;
    line-height: 35px;
  }

  .div-block-56 {
    flex-flow: column;
    padding-top: 0;
  }

  .sprache-link {
    font-size: 20px;
    line-height: 25px;
  }

  .sprache-link.klein {
    font-size: 15px;
    line-height: 25px;
  }

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

  .div-block-60 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .collection-item-7 {
    width: 100%;
  }

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

  .links-2 {
    color: #fff;
    border-bottom: 2px #ffef03;
    padding-bottom: 0;
    text-decoration: none;
  }

  .rechts-2, .mitte-copy-2 {
    border: 1px #000;
    border-bottom: 2px #ffef03;
    padding-bottom: 0;
  }

  .text-block-23 {
    color: #fff;
    font-size: 20px;
    text-decoration: none;
  }

  .heading-4 {
    white-space: normal;
    word-break: break-all;
    overflow-wrap: normal;
    font-size: 50px;
    line-height: 50px;
  }

  .heading-4._2 {
    letter-spacing: 0;
    white-space: normal;
    word-break: keep-all;
    margin-top: 50px;
    margin-bottom: 0;
    font-size: 35px;
    line-height: 40px;
  }

  .collection-list-8 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .section-4 {
    padding-top: 100px;
    padding-left: 1em;
    padding-right: 1em;
  }

  .checkbox-field-3 {
    align-items: flex-start;
  }

  .paragraph-8 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 25px;
  }

  .checkbox-3 {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
  }

  .text-block-24 {
    color: #ffef03;
    font-size: 25px;
    font-weight: 300;
  }

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

  .mitte-2 {
    border: 1px #000;
    border-bottom: 2px #ffef03;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-field-4 {
    border-radius: 0;
    margin-right: 5px;
  }

  .text-field-4._2 {
    border-radius: 0;
    margin-left: 0;
  }

  .div-block-63 {
    flex-direction: column;
  }

  .submit-button-2 {
    width: 100%;
  }

  .div-block-64 {
    width: auto;
  }

  .team-kachel-2 {
    min-height: 300px;
    padding: 15px;
  }

  .div-block-65 {
    flex-flow: column;
    flex: 0 auto;
    align-items: flex-start;
    display: flex;
  }

  .slide-h1 {
    width: 100%;
    height: 100%;
    padding: 0;
  }

  .div-block-66 {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .rich-text-block-2 {
    text-transform: none;
  }

  .column-4 {
    padding-top: 15px;
    padding-left: 0;
  }

  .columns {
    width: 100%;
    margin-top: 25px;
  }

  .image-4 {
    max-width: 60%;
  }

  .quick-stack-2 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .div-block-68 {
    height: 200px;
  }

  .blok-nachhaltigkeit {
    margin-top: 0;
    margin-bottom: 25px;
  }

  .image-5 {
    width: 50px;
  }

  .div-block-mobil {
    display: block;
  }

  .text-block-gelb-copy {
    background-color: var(--dark-slate-blue);
    color: #fff;
    flex: 0 auto;
    width: auto;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 0;
    font-size: 30px;
    line-height: 30px;
    display: inline-flex;
    position: static;
  }

  .paragraph-copy {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    color: #fff;
    text-transform: capitalize;
    background-color: #ffef0300;
    margin-bottom: 0;
    padding: 0;
    font-size: 20px;
    line-height: 25px;
    display: inline-flex;
  }

  .paragraph-copy.klein {
    font-size: 15px;
    line-height: 25px;
  }

  .quick-stack-3 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .section-5 {
    padding-top: 100px;
    padding-left: 1em;
    padding-right: 1em;
  }

  .heading-5 {
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    font-size: 50px;
    line-height: 50px;
  }

  .div-block-copy-2 {
    margin-top: 0;
    margin-bottom: 25px;
  }

  .tab-title-2 {
    flex: 1;
    font-size: 20px;
    line-height: 25px;
  }

  .slider-3 {
    height: 250px;
  }

  .question-title-2 {
    flex: 1;
    font-size: 20px;
    line-height: 25px;
  }

  .paragraph-11 {
    font-size: 20px;
    line-height: 25px;
  }

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

  .text-block-gelb-copy {
    color: #fff;
    white-space: pre-wrap;
    background-color: #ffef0300;
    flex: 0 auto;
    width: auto;
    margin-bottom: 5px;
    margin-right: 0;
    padding: 0;
    font-size: 30px;
    line-height: 30px;
    display: inline-flex;
    position: static;
  }

  .text-block-gelb-copy.notranslation {
    background-color: var(--yellow);
    color: var(--black2);
    padding: 5px 10px;
    display: inline-flex;
  }

  .foyer-garderobe {
    flex-flow: column;
    height: auto;
    display: flex;
  }

  .paragraph-copy {
    color: #fff;
    text-transform: none;
    background-color: #ffef0300;
    margin-bottom: 25px;
    margin-right: 0;
    padding: 0;
    font-size: 20px;
    line-height: 25px;
    display: block;
  }

  .paragraph-copy.klein {
    text-transform: none;
    font-size: 15px;
    line-height: 25px;
  }

  .paragraph-copy.programm {
    margin-bottom: 25px;
  }

  .paragraph-copy.schwere-sprache {
    text-transform: none;
  }

  .paragraph-copy.nachhaltikeit {
    width: 90%;
    margin-bottom: 25px;
  }

  .paragraph-copy.schwarz-copy, .paragraph-copy.schwarz-copy-copy {
    text-transform: none;
  }

  .paragraph-12 {
    font-size: 20px;
    line-height: 25px;
  }

  .mask {
    height: auto;
  }

  .mask-2 {
    width: 100%;
  }

  .text-block-26 {
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .tab-link-tab-1 {
    font-size: 15px;
  }

  .tab-link-tab-1.w--current {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 15px;
    display: block;
  }

  .tabs-menu-3 {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .image-8 {
    max-width: 90%;
  }

  .div-block-35-copy._2 {
    width: 100%;
  }

  .div-block-35-copy {
    flex-flow: column;
    width: 80%;
    display: flex;
    inset: 15px auto auto 15px;
  }

  .div-block-35-copy-copy {
    flex-flow: column;
    width: 100%;
    display: flex;
    inset: 15px auto auto 15px;
  }

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

  .collection-item-9.mobile {
    width: 100%;
    height: 100%;
  }

  .link-block-8-copy {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 100%;
  }

  .werbefl-che {
    padding: 1rem;
  }

  .mobil-werbugn {
    display: block;
  }

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

  .quick-stack-5 {
    width: 100%;
  }

  .cell-8 {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

#w-node-_5c9b2c0e-808a-96ea-dbec-0c5e4d6bc24c-30dba84a {
  grid-area: Area-4;
}

#w-node-_4052230d-b16c-52e6-0cad-4497a577c85d-30dba84a {
  grid-area: Area-2;
}

#w-node-_33824365-25ed-6f7e-c7ae-08559b158f4b-30dba84a {
  grid-area: Area-3;
}

#w-node-e6997fba-6100-8726-13c4-e073c18fc9e3-30dba84a {
  grid-area: Area;
}

#w-node-a89cb9dc-f237-d422-9f7b-600c9cf9007b-30dba84a, #w-node-ccc24011-5df7-0a1e-7573-941a042ff1d8-30dba84a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ccc24011-5df7-0a1e-7573-941a042ff1b0-30dba84a {
  grid-area: Area-4;
}

#w-node-ccc24011-5df7-0a1e-7573-941a042ff1ba-30dba84a {
  grid-area: Area-3;
}

#w-node-ccc24011-5df7-0a1e-7573-941a042ff1b5-30dba84a {
  grid-area: Area-2;
}

#w-node-_79947173-449d-a951-6084-633bf5b14be6-04d644e5 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-bcb49bd7-fa03-348e-186a-28dff90552b2-30dba854, #w-node-_5b6fdfe7-2c97-ddf2-72e4-cdefb3f5ccda-30dba854, #w-node-_5ed2bafd-cfb5-0eb3-ee09-e9c8cff20e47-30dba854, #w-node-_7a92b8ad-95bc-519d-39d6-f8fe431617ee-30dba854, #w-node-_15b1aae6-71fe-74e3-e1b0-bfb8c7d9d21d-30dba854, #w-node-_5e5d82af-5eef-898b-6a50-e4ace89b8287-30dba854, #w-node-d354a4dd-203c-df2d-283d-808619f53b02-30dba859, #w-node-ab83fccd-eedf-fa96-017a-cfafce74cc71-30dba859, #w-node-d41127ec-6131-eebb-0393-43e6922a7913-30dba859, #w-node-_6b3c606e-acb2-e9e4-f5f6-69504ef1c02c-30dba859 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7462fdf6-9ec7-16ad-5ebe-3f3a66f12fe8-30dba860 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ed75d4c3-3cd0-50ed-214d-894a0814a7dc-30dba864 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ed75d4c3-3cd0-50ed-214d-894a0814a7dd-30dba864, #w-node-ed75d4c3-3cd0-50ed-214d-894a0814a7f2-30dba864 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_67fbc96d-3f9c-cda2-9a3d-215ce5cb4dfc-30dba865 {
  align-self: auto;
}

#w-node-_40c1351e-3d25-c312-841b-50145dbc1ed7-30dba867, #w-node-_40c1351e-3d25-c312-841b-50145dbc1edf-30dba867, #w-node-e58da18c-b731-da18-7609-c835f6a88fde-3734daab, #w-node-e58da18c-b731-da18-7609-c835f6a88fe4-3734daab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e58da18c-b731-da18-7609-c835f6a88fea-3734daab {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-e58da18c-b731-da18-7609-c835f6a88fef-3734daab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b555a5cc-6279-bc8c-8f5b-1e554a4a9a77-986d3af4 {
  grid-area: Area-3;
}

#w-node-db843180-18d2-c0de-6a1a-2f2b7b41a8b5-986d3af4 {
  grid-area: Area-2;
}

#w-node-_661da58e-06d5-6796-ac71-2dc7d1623aec-986d3af4 {
  grid-area: Area-5;
}

#w-node-ed75d4c3-3cd0-50ed-214d-894a0814a7dc-904b3508 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ed75d4c3-3cd0-50ed-214d-894a0814a7dd-904b3508, #w-node-ed75d4c3-3cd0-50ed-214d-894a0814a7f2-904b3508 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-_79947173-449d-a951-6084-633bf5b14be6-04d644e5 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_7462fdf6-9ec7-16ad-5ebe-3f3a66f12fe8-30dba860 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-ed75d4c3-3cd0-50ed-214d-894a0814a7dc-30dba864 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_430e8172-8622-bdf5-d898-ef88c9176d72-30dba865, #w-node-_3e1b8e66-344f-4b7f-99b3-dd9fbfbda983-30dba865 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ed75d4c3-3cd0-50ed-214d-894a0814a7dc-904b3508 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}


@font-face {
  font-family: 'Futura Bold Font';
  src: url('../fonts/Futura-Bold-font.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura Light Bt';
  src: url('../fonts/futura-light-bt.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* ===============================================================
   Seitenränder an die Navigation angleichen
   Inhalte schließen links mit dem Logo und rechts mit dem Sprach-Icon ab.
   Die Werte entsprechen dem Padding von .navbar (50px / 2em / 1em bei 14px).
   =============================================================== */
:root { --page-gutter: 50px; }
@media screen and (max-width: 991px) { :root { --page-gutter: 28px; } }
@media screen and (max-width: 479px) { :root { --page-gutter: 14px; } }

.section,
.section.programm,
.section._1,
.section-normal,
.section-3,
.section-4,
.section-5,
.newslatter-banner,
.div-block-12,
.werbefl-che,
.fu {
  padding-left: var(--page-gutter);
  padding-right: var(--page-gutter);
}

/* Suchseite: Webflow-Container auf die gleichen Ränder bringen */
.container-3.w-container {
  max-width: none;
  padding-left: var(--page-gutter);
  padding-right: var(--page-gutter);
}

/* ===============================================================
   Navigation: Dropdown-Pfeil dreht sich, solange das Menü offen ist,
   und der Menüpunkt bleibt gelb hervorgehoben (auch wenn die Maus
   auf der Liste ist). Ersetzt die Webflow-Interaktion, die nur auf
   zwei Seiten exportiert wurde.
   =============================================================== */
.kfz-nav-link.drop .icon {
  transition: transform .3s ease;
}
.kfz-nav-link.drop.w--open .icon {
  transform: rotate(180deg) !important;
}
.kfz-nav-link.drop.w--open {
  color: var(--yellow);
  border-bottom-color: var(--yellow);
}
/* Navbar immer über dem Seiteninhalt: Die Slider-Pfeile (.left-arrow/.right-arrow, z-index 1000)
   hatten denselben z-index wie die fixierte Navbar und schoben sich beim Scrollen darüber. */
.navbar.w-nav {
  z-index: 1500;
}

/* Programm: Ticket-Shop-Button fest unten rechts, immer sichtbar
   (unter der Navbar z 1500, über den Slider-Pfeilen z 1000; links unten sitzt die mellowedit-Leiste) */
.shop-fab {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1400;
  margin: 0;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .45);
  white-space: nowrap;
}
.shop-fab:hover {
  background-color: var(--black2);
  color: var(--yellow);
}
@media screen and (max-width: 479px) {
  .shop-fab {
    right: 12px;
    bottom: 12px;
    padding: 12px 14px;
    font-size: 13px;
  }
}