:root {
  --dark: #283b44;
  --hell: #eaeade;
}

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

body {
  color: #333;
  font-family: goldenbook, sans-serif;
  font-size: 1em;
  line-height: 1.3;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 7em;
  font-weight: 700;
  line-height: 1.1;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.3;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 4em;
  font-weight: 700;
  line-height: 1.1;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.1;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: underline;
}

.section {
  overflow: hidden;
}

.section.hero {
  background-image: linear-gradient(#070c0ee6, #242d3133), url('../images/safran-zunft.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.section.main {
  background-color: var(--dark);
  padding-top: 52px;
  padding-bottom: 52px;
}

.section.footer {
  background-image: linear-gradient(#000000a6, #000000a6), url('../images/safran-zunft.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.footer.small {
  padding-top: 16px;
  padding-bottom: 16px;
}

.section.hight {
  height: 120vh;
}

.section.relativ {
  height: 100vh;
  position: relative;
}

.section.relativ.flex {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.relativ.size {
  height: auto;
}

.container {
  min-width: 900px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.container.flex {
  flex-flow: column;
  display: flex;
}

.container.relativ {
  z-index: 10;
  padding-top: 60px;
  position: relative;
}

.container.relativ.nopadding {
  flex: 0 auto;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.image-box.logo {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.image-box.logo.small {
  width: 100px;
}

.image-box.size {
  width: 100%;
  height: 100%;
}

.image-box.size.logo {
  width: 500px;
}

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

.image.logo {
  mix-blend-mode: lighten;
}

.heading-box.margin {
  margin-bottom: 51px;
}

.h2.hell {
  color: var(--hell);
  text-align: center;
}

.h2.hell.cups {
  text-transform: uppercase;
  font-weight: 400;
}

.h2.cups {
  text-transform: uppercase;
}

.h1.hell {
  color: var(--hell);
  text-align: center;
}

.h1.hell.cups {
  text-transform: uppercase;
  font-weight: 400;
}

.h1.hell.cups.bold {
  font-weight: 700;
}

.h1.hell.cups.left {
  text-align: left;
}

.h1.cups {
  text-transform: uppercase;
}

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

.content-box.flex.margin {
  margin-top: 26px;
  margin-bottom: 26px;
}

.content-box.flex.margin-up {
  margin-top: 90px;
  margin-bottom: 26px;
}

.button {
  border: .5px solid var(--hell);
  background-color: var(--dark);
  color: var(--hell);
  text-transform: uppercase;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 44px;
  padding-right: 44px;
  font-weight: 400;
}

.button.hell {
  background-color: var(--hell);
  color: var(--dark);
}

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

.content-wrapper.horiz.bg {
  background-image: url('../images/Lions_Gala_Nubya.jpg');
  background-position: 0%;
  background-size: cover;
}

.content-wrapper.horiz.bg.relativ {
  padding-top: 16rem;
  padding-bottom: 16rem;
  position: relative;
}

.content-wrapper.horiz.bg-2 {
  background-image: url('../images/Lions_Gala_Nubya.jpg');
  background-position: 0%;
  background-size: cover;
}

.content-wrapper.horiz.bg-2.relativ {
  background-image: url('../images/Brunner_Nina_Mavis.jpg');
  padding-top: 16rem;
  padding-bottom: 16rem;
  position: relative;
}

.content-wrapper.horiz.margin {
  margin-bottom: 50px;
}

.content-wrapper.horiz.bg-3 {
  background-image: url('../images/Kinder-haben-Traeume.jpg');
  background-position: 50%;
  background-size: cover;
}

.content-wrapper.horiz.bg-3.relativ {
  padding-top: 273px;
  padding-bottom: 273px;
  position: relative;
}

.content-wrapper.position {
  flex-flow: column;
  display: block;
  position: absolute;
  inset: 23% 15% auto auto;
}

.content-wrapper.position.left {
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 0% auto 0% 21%;
}

.content-wrapper.position._2 {
  flex: 0 auto;
  top: 12%;
  right: 2%;
}

.content-wrapper.position.logo {
  inset: auto auto 10% 8%;
}

.content-wrapper.dark {
  background-color: var(--dark);
}

.content-wrapper.dark.padding {
  padding: 5rem;
}

.content-wrapper.hell {
  background-color: var(--hell);
}

.content-wrapper.hell.padding {
  padding: 5rem;
}

.content-wrapper.hell.size {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 68px;
}

.text-box.margin {
  margin-right: 47px;
}

.text-box.margin_up {
  margin-top: 41px;
  margin-right: 0;
}

.paragraph.hell {
  color: var(--hell);
}

.grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
}

.grid._2 {
  grid-template-columns: 1.25fr 1.5fr;
}

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

.cups {
  text-transform: uppercase;
}

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

.h3.hell {
  color: var(--hell);
  text-align: center;
}

.h3.hell.cups {
  text-transform: uppercase;
  font-weight: 400;
}

.h3.hell.cups.bold {
  font-weight: 700;
}

.h3.hell.cups.left {
  text-align: left;
}

.h3.hell.cups.margin0 {
  margin-top: 0;
}

.h3.cups {
  text-transform: uppercase;
  font-weight: 400;
}

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

.text.hell {
  color: var(--hell);
}

.flex-horiz {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.igrame-wrapper {
  height: auto;
}

.code-embed {
  height: 100%;
}

.bg-hero {
  z-index: 1;
  background-image: linear-gradient(#00000080, #00000080), url('../images/safran-zunft.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  position: absolute;
  inset: 0%;
}

.link-hell {
  color: var(--hell);
}

.h4 {
  color: var(--hell);
  font-weight: 400;
}

@media screen and (max-width: 991px) {
  .section.hero {
    height: auto;
    padding-top: 117px;
    padding-bottom: 117px;
  }

  .section.main {
    padding-left: 27px;
    padding-right: 27px;
  }

  .section.relativ {
    height: auto;
  }

  .container {
    min-width: 650px;
    max-width: 768px;
  }

  .content-wrapper.horiz.bg-2.relativ {
    background-position: 50%;
  }

  .content-wrapper.horiz.bg-3.relativ {
    background-position: 0%;
  }

  .content-wrapper.position._2 {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: 0% 0% auto;
  }

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

  .grid._2 {
    grid-template-columns: 1.5fr;
    grid-auto-flow: row;
  }

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

@media screen and (max-width: 767px) {
  .container {
    min-width: 500px;
    max-width: 560px;
  }

  .image-box.logo {
    width: 100px;
  }

  .content-box {
    width: auto;
  }

  .content-wrapper.horiz.bg-2.relativ {
    background-position: 100%;
  }

  .content-wrapper.horiz.margin {
    flex-flow: column;
  }

  .content-wrapper.horiz.bg-3.relativ {
    background-position: 50%;
  }

  .content-wrapper.position {
    inset: 0%;
  }

  .content-wrapper.position.left {
    inset: 0% auto 0% 0%;
  }

  .content-wrapper.position.logo {
    padding-left: 24px;
    padding-right: 24px;
    left: 0%;
  }

  .content-wrapper.dark.padding {
    padding: 1.1rem 1.5rem;
  }

  .content-wrapper.hell.padding {
    padding: 1.5rem;
  }

  .text-box {
    margin-top: 32px;
  }

  .text-box.margin {
    margin-top: 0;
  }

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

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

  .h3 {
    font-size: 3em;
  }
}

@media screen and (max-width: 479px) {
  .section.relativ {
    height: auto;
  }

  .container {
    min-width: 300px;
    max-width: 360px;
  }

  .container.flex {
    min-width: 300px;
    max-width: 350px;
  }

  .image-box.size.logo {
    width: auto;
  }

  .heading-box.margin {
    margin-bottom: 13px;
  }

  .h2 {
    font-size: 1.7em;
  }

  .h1 {
    font-size: 4em;
  }

  .content-wrapper.horiz.bg.relativ {
    background-position: 50%;
  }

  .content-wrapper.horiz.bg-2.relativ {
    background-position: 100%;
  }

  .content-wrapper.position.left {
    inset: auto 0% 0%;
  }

  .grid-3, .grid-2 {
    grid-template-columns: 1fr;
  }

  .h3 {
    font-size: 1.8em;
  }

  .h3.cups.center {
    color: var(--dark);
  }
}

#w-node-a95991cb-5f36-d140-1e72-23c7bbac5f78-30a2214e, #w-node-_48068716-06b3-debf-47c1-54d81925278c-30a2214e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-cfcb6326-e932-560d-67f0-04862403853c-30a2214e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_48068716-06b3-debf-47c1-54d819252769-30a2214e {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_48068716-06b3-debf-47c1-54d81925278c-30a2214e {
    grid-area: 1 / 1 / 2 / 2;
  }
}