@font-face {
  font-family: Azeret Mono;
  src: url('../fonts/AzeretMono-ExtraBold.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Azeret Mono;
  src: url('../fonts/AzeretMono-Light.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Stadtbuehne Zart;
  src: url('../fonts/Stadtbuehne-Zart.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Stadtbuehne;
  src: url('../fonts/Stadtbuehne-Zartbold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --h1-lh: 3.5vw;
  --h1-size: 3.5vw;
  --std-bodyfont-lh: 2.1vw;
  --text-indent: 3vw;
  --std-bodyfont-size: 1.6vw;
  --std-corner: 1vw;
  --std-border-width: .2vw;
  --std-maxheight: 46vw;
  --std-corner-mobile: 2vw;
  --std-maxheight-mobile: 92vw;
  --std-marging: 1.5vw;
  --std-padding: 1.5vw;
  --std-margin-top: 1vw;
  --std-margin-mobile: 3vw;
  --std-margin-bottom: 3vw;
  --std-padding-mobile\<deleted\|variable-023ecbf0-55da-6f6d-790c-dee02d9e5302\>: 6vw;
  --azr-bodyfont-size: 1.3vw;
  --azr-bodyfont-lh: 1.6vw;
  --icon-size: 2.5vw;
  --std-logo-margin: 2.5vw;
  --burger-gap: .3vw;
  --burger-thickness: .44vw;
  --slide-padding: .4vw;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: var(--h1-lh);
  color: #000;
  font-family: Azeret Mono, Arial, sans-serif;
  font-size: var(--h1-size);
  line-height: var(--h1-lh);
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
}

h2 {
  margin-top: var(--std-bodyfont-lh);
  margin-bottom: 0;
  margin-left: var(--text-indent);
  color: #000;
  font-family: Azeret Mono, Arial, sans-serif;
  font-size: var(--std-bodyfont-size);
  line-height: var(--std-bodyfont-lh);
  text-transform: uppercase;
  font-weight: 800;
}

p {
  margin-bottom: var(--std-bodyfont-lh);
  text-indent: var(--text-indent);
}

.maincover {
  background-color: red;
  background-image: url('../images/S_B_web_prae_01_Seite_1_Bild_0003.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: fixed;
}

.maincontent {
  margin-left: 50%;
}

.imageholder {
  background-color: #ddd;
}

.imageholder.rounded {
  border-radius: var(--std-corner);
  overflow: hidden;
}

.imageholder.rounded.with-border {
  border-style: solid;
  border-width: var(--std-border-width);
  border-color: #000;
}

.imageholder.diary {
  height: var(--std-maxheight);
  border: var(--std-border-width) solid black;
  border-radius: var(--std-corner);
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.imageholder.object {
  border: var(--std-border-width) solid black;
  background-color: #000;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  height: 46vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.imageholder.calender {
  background-color: #84fc98;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  height: 32vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contentcolumn {
  padding: var(--std-marging);
}

.contentcolumn.diary {
  color: #fff;
  background-color: #000;
}

.caption {
  margin-top: var(--std-margin-top);
  text-decoration: none;
}

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

.teasertitle {
  text-transform: uppercase;
  font-family: Azeret Mono, Arial, sans-serif;
  font-weight: 700;
}

.caption-text {
  text-indent: 0;
}

.navbar {
  background-color: #0000;
  margin-left: 50%;
  padding-right: 0;
  position: sticky;
  top: 0;
}

.teaser {
  margin-bottom: var(--std-margin-bottom);
  color: #000;
  text-decoration: none;
  display: block;
}

.language-selector {
  float: left;
  font-family: Azeret Mono, Arial, sans-serif;
  font-weight: 700;
}

.language-link {
  float: left;
  color: #000;
  margin-left: 0;
  margin-right: 20px;
  padding: 10px 0;
  text-decoration: none;
  display: block;
}

.language-link:hover {
  color: red;
}

.language-link.active {
  border-bottom: .4vw solid #000;
  padding-bottom: 5px;
}

.language-link.active:hover {
  border-bottom-color: red;
}

.nav-container {
  margin-right: 0;
  margin-left: var(--std-padding);
  max-width: 100%;
}

.brand {
  float: none;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 10px 10px;
  display: block;
}

.diary-image-hf {
  object-fit: fill;
  max-width: none;
  height: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.stagetextholder {
  padding: var(--std-padding);
  border: var(--std-border-width) solid black;
  border-radius: var(--std-corner);
  background-color: #000;
}

.stagetextholder.rounded {
  border-radius: 1vw;
  overflow: hidden;
}

.stagetextholder.diary {
  background-color: #000;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  height: 46vw;
  display: flex;
  overflow: hidden;
}

.teaser-stagetext {
  color: #fff;
  font-size: 3vw;
  line-height: 3.6vw;
}

.stage-logo-holder {
  width: 44vw;
}

.body {
  color: #000;
  font-family: Stadtbuehne Zart, Arial, sans-serif;
  font-size: var(--std-bodyfont-size);
  line-height: var(--std-bodyfont-lh);
}

.sb-burger-icon {
  width: 2vw;
}

.menue-button {
  padding: 15px var(--std-marging);
  display: block;
}

.menue-button.w--open {
  z-index: 1400;
  background-color: #fff;
}

.footer-column {
  padding: var(--std-marging);
}

.footer {
  background-color: #7cff7c;
  margin-left: 50%;
}

.footer-brand {
  width: 55%;
  margin-bottom: 18vw;
  margin-left: auto;
  margin-right: auto;
}

.footer-nav {
  font-family: Azeret Mono, Arial, sans-serif;
}

.list-item {
  margin-right: var(--std-marging);
  float: left;
  font-weight: 700;
}

.footer-link {
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
}

.footer-link:hover {
  color: red;
}

.nav-menu {
  text-transform: uppercase;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  font-family: Azeret Mono, Arial, sans-serif;
  font-size: 5vh;
  font-weight: 800;
  top: 0;
}

.nav-link, .nav-link-2 {
  text-align: center;
}

.nav-toplevel {
  text-align: center;
  padding-top: .2vw;
  padding-bottom: 0;
  font-size: 3vw;
  line-height: 3vw;
}

.nav-toplevel:hover {
  color: red;
}

.nav-toplevel.with-sublevel {
  padding-bottom: .2vw;
}

.navmenu-holder {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 4vh;
  display: flex;
}

.copyright-line {
  font-size: var(--std-bodyfont-size);
  margin-top: 4vh;
}

.nav-sublevel {
  font-size: var(--std-bodyfont-size);
  padding-top: .5vw;
  padding-bottom: 0;
  line-height: 1.4vw;
}

.nav-sublevel:hover {
  color: red;
}

.nav-sublevel.last {
  padding-bottom: .5vw;
}

.std-image, .diary-image-qf {
  width: 100%;
}

.language-selector-navmenu {
  font-family: Azeret Mono, Arial, sans-serif;
  font-size: var(--std-bodyfont-size);
  text-align: center;
  font-weight: 800;
}

.language-link-inline {
  float: left;
  color: #000;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px 0;
  text-decoration: none;
  display: block;
}

.language-link-inline:hover {
  color: red;
}

.language-link-inline.active {
  border-bottom: var(--std-border-width) solid black;
}

.language-link-inline.active:hover {
  border-bottom-color: red;
}

.superscript-e {
  font-size: 1vw;
}

.image-mod, .slider-mod {
  margin-bottom: var(--std-margin-bottom);
  color: #000;
  text-decoration: none;
  display: block;
}

.slider-basic {
  border: var(--std-border-width) solid black;
  border-radius: var(--std-corner);
  background-color: #000;
  height: 46vw;
}

.slide-nav {
  display: none;
}

.slider-caption {
  margin-top: var(--std-margin-top);
  text-decoration: none;
}

.caption-label {
  text-transform: uppercase;
  margin-right: .5vw;
  font-family: Azeret Mono, Arial, sans-serif;
  font-weight: 700;
  display: inline-block;
}

.caption-label.archived {
  text-decoration: line-through;
}

.teasertitle-diary {
  font-family: Azeret Mono, Arial, sans-serif;
  font-weight: 200;
}

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

.slide-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slide-container.multicaption {
  height: var(--std-maxheight);
  border: var(--std-border-width) solid black;
  border-radius: var(--std-corner);
  background-color: #000;
}

.captiontext-depr {
  font-family: Azeret Mono, Arial, sans-serif;
  font-size: var(--azr-bodyfont-size);
  line-height: var(--azr-bodyfont-lh);
  font-weight: 200;
}

.per-slide-caption {
  margin-top: var(--std-margin-top);
}

.slider-multicaption {
  background-color: #0000;
  height: auto;
}

.azr-bold {
  text-transform: none;
  font-family: Azeret Mono, Arial, sans-serif;
  font-weight: 800;
}

.azr-bold.archived {
  text-decoration: line-through;
}

.object-image {
  height: 100%;
}

.object-image.hf {
  width: 100%;
  height: auto;
}

.object-number {
  font-size: 8vw;
  line-height: 10vw;
  position: absolute;
}

.pagehead {
  padding-top: 10vw;
  padding-bottom: var(--h1-lh);
  text-align: center;
}

.pagehead.nospace {
  padding-bottom: 0;
}

.page-heading {
  color: red;
  font-family: Azeret Mono, Arial, sans-serif;
  font-size: var(--h1-size);
  line-height: var(--h1-lh);
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 800;
}

.object-header {
  margin-bottom: var(--std-margin-bottom);
  border: var(--std-border-width) solid black;
  color: red;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  height: 46vw;
  text-decoration: none;
  display: flex;
}

.cnt-mod-text {
  margin-bottom: var(--std-margin-bottom);
  padding-right: var(--std-padding);
  padding-left: var(--std-padding);
}

.std-h2 {
  margin-top: var(--std-bodyfont-lh);
  margin-bottom: 0;
  margin-left: var(--text-indent);
  font-family: Azeret Mono, Arial, sans-serif;
  font-size: var(--std-bodyfont-size);
  line-height: var(--std-bodyfont-lh);
  text-transform: uppercase;
}

.std-p {
  margin-bottom: var(--std-bodyfont-lh);
  text-indent: var(--text-indent);
}

.cnt-mod-img {
  margin-bottom: var(--std-margin-bottom);
}

.image-block {
  margin-bottom: var(--std-margin-bottom);
  color: #000;
  text-decoration: none;
  display: block;
}

.heading {
  margin-top: var(--std-bodyfont-lh);
  margin-bottom: 0;
}

.heading-3 {
  margin-bottom: var(--h1-lh);
}

.calender-label {
  padding: var(--std-padding);
  text-align: center;
  text-transform: uppercase;
  font-family: Azeret Mono, Arial, sans-serif;
  font-size: 8vw;
  font-weight: 800;
  line-height: 7vw;
  position: absolute;
}

.calender-label.red {
  color: red;
}

.calender-label.small {
  font-size: 3.5vw;
  line-height: 3.5vw;
}

.calender-label.xl {
  font-size: 16vw;
  line-height: 15vw;
}

.diary-label {
  text-transform: uppercase;
  margin-right: .5vw;
  font-family: Azeret Mono, Arial, sans-serif;
  font-weight: 800;
  display: inline-block;
}

.azr-smallcaps {
  text-transform: lowercase;
}

.left-arrow {
  height: 46vw;
  inset: 0% auto auto 0%;
}

.right-arrow {
  height: 46vw;
  inset: 0% 0% auto auto;
}

.link {
  color: #000;
  font-family: Azeret Mono, Arial, sans-serif;
  font-weight: 800;
  text-decoration: none;
}

.link:hover {
  color: red;
}

.footer-logos {
  margin-top: var(--std-marging);
}

.list {
  margin-bottom: 0;
}

.button {
  text-align: center;
  text-transform: uppercase;
}

.background-video {
  z-index: 100;
  width: 100%;
  height: 56%;
}

.background-video.hf {
  width: 56%;
  height: 100%;
}

.play-pause-button {
  width: 2vw;
}

.icon {
  color: #e6e6e6;
  font-size: var(--icon-size);
}

.cnt-mod-linklist {
  margin-bottom: var(--std-margin-bottom);
  padding-right: var(--std-padding);
  padding-left: var(--std-padding);
}

.logolink {
  margin-bottom: var(--std-logo-margin);
  width: 22vw;
  display: block;
}

.logolink.logo-sbw {
  width: 24.3vw;
}

.logolink.logo-zkft {
  width: 7vw;
}

.logolink.logo-hds {
  width: 13vw;
}

.image {
  max-width: none;
}

.diary-label-link {
  color: #000;
  text-transform: uppercase;
  margin-right: .5vw;
  font-family: Azeret Mono, Arial, sans-serif;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
}

.diary-label-link:hover {
  color: red;
}

.textlink {
  color: #000;
}

.textlink:hover {
  color: red;
}

.nav_btn {
  background-color: inherit;
  width: 5.2vw;
  height: 4vw;
  padding: 0;
}

.nav_btn.w--open {
  z-index: 1400;
  background-color: #fff;
}

.hamburger_1_wrap {
  padding-right: var(--std-padding);
  padding-left: var(--std-padding);
  grid-column-gap: 0vw;
  grid-row-gap: var(--burger-gap);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hamburger_1_line {
  height: var(--burger-thickness);
  color: inherit;
  background-color: #000;
  width: 100%;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease;
}

.hamburger_1_line.is-1 {
  transition: all .5s;
  transform: translate(0, .55vw)rotate(45deg);
}

.hamburger_1_line.is-2 {
  transform: translate(0, -.55vw)rotate(-45deg);
}

.hamburger_embed {
  position: absolute;
}

.videocover {
  background-color: red;
  background-image: url('../images/S_B_web_prae_01_Seite_1_Bild_0003.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: fixed;
}

@media screen and (max-width: 991px) {
  .language-link {
    margin-right: 10px;
  }

  .brand {
    width: 60%;
  }

  .nav-toplevel {
    font-size: 5vw;
    line-height: 5vw;
  }

  .nav-sublevel {
    font-size: 2.2vw;
    line-height: 2.2vw;
  }
}

@media screen and (max-width: 767px) {
  body {
    --h1-lh: 7vw;
    --h1-size: 7vw;
    --std-bodyfont-lh: 4.1vw;
    --text-indent: 6vw;
    --std-bodyfont-size: 3.2vw;
    --std-corner: 2vw;
    --std-border-width: .2vw;
    --std-maxheight: 96vw;
    --std-marging: 3vw;
    --std-padding: 3vw;
    --std-margin-top: 2vw;
    --std-margin-bottom: 4vw;
    --std-padding-mobile\<deleted\|variable-023ecbf0-55da-6f6d-790c-dee02d9e5302\>: 6vw;
    --azr-bodyfont-size: 2.4vw;
    --azr-bodyfont-lh: 3vw;
    --icon-size: 5vw;
    --std-logo-margin: 3vw;
    --burger-gap: .8vw;
    --burger-thickness: 1vw;
    --slide-padding: .4vw;
  }

  .maincover {
    width: 100%;
    display: none;
    position: static;
  }

  .maincover.home {
    display: flex;
  }

  .maincontent {
    margin-left: 0%;
  }

  .imageholder.diary {
    height: var(--std-maxheight);
  }

  .imageholder.object {
    height: var(--std-maxheight-mobile);
  }

  .imageholder.calender {
    height: 64vw;
  }

  .navbar {
    margin-left: 0%;
  }

  .diary-image-hf {
    max-height: var(--std-maxheight);
  }

  .stagetextholder {
    padding: var(--std-padding-mobile\<deleted\|variable-023ecbf0-55da-6f6d-790c-dee02d9e5302\>);
  }

  .teaser-stagetext {
    font-size: 6vw;
    line-height: 7.5vw;
  }

  .stage-logo-holder {
    width: 66vw;
  }

  .body {
    font-size: var(--std-bodyfont-size);
    line-height: var(--std-bodyfont-lh);
  }

  .sb-burger-icon {
    width: 4vw;
  }

  .footer {
    margin-left: 0%;
  }

  .list-item {
    text-decoration: none;
  }

  .nav-toplevel {
    font-size: 7vw;
    line-height: 7vw;
  }

  .nav-sublevel {
    font-size: 3.2vw;
    line-height: 3.2vw;
  }

  .slider-basic, .slide-container.multicaption {
    height: var(--std-maxheight);
  }

  .object-number {
    font-size: 16vw;
    line-height: 20vw;
  }

  .pagehead {
    padding-top: 10vw;
  }

  .page-heading {
    font-size: 7vw;
    line-height: 8.5vw;
  }

  .object-header {
    height: var(--std-maxheight-mobile);
  }

  .std-p {
    line-height: var(--std-bodyfont-lh);
  }

  .cnt-mod-img {
    margin-bottom: var(--std-margin-bottom);
  }

  .calender-label {
    font-size: 16vw;
    line-height: 15vw;
  }

  .calender-label.small {
    font-size: 10vw;
    line-height: 10vw;
  }

  .calender-label.xl {
    font-size: 32vw;
    line-height: 30vw;
  }

  .left-arrow, .right-arrow {
    height: var(--std-maxheight);
  }

  .play-pause-button {
    width: 4vw;
  }

  .icon {
    font-size: var(--icon-size);
  }

  .left-arrow-2 {
    font-size: var(--std-bodyfont-size);
  }

  .logolink {
    width: 44vw;
  }

  .logolink.logo-sbw {
    width: 48.6vw;
  }

  .logolink.logo-zkft {
    width: 14vw;
  }

  .logolink.logo-hds {
    width: 26vw;
  }

  .nav_btn {
    width: 11vw;
    height: 10vw;
  }

  .videocover {
    width: 100%;
    display: none;
    position: static;
  }

  .videocover.home {
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  body {
    --h1-lh: 7vw;
    --h1-size: 7vw;
    --std-bodyfont-lh: 5.8vw;
    --text-indent: 7vw;
    --std-bodyfont-size: 4.5vw;
    --std-corner: 2vw;
    --std-border-width: .2vw;
    --std-maxheight: 92vw;
    --std-marging: 3vw;
    --std-padding: 4vw;
    --std-margin-top: 2vw;
    --std-margin-bottom: 5vw;
    --std-padding-mobile\<deleted\|variable-023ecbf0-55da-6f6d-790c-dee02d9e5302\>: 6vw;
    --azr-bodyfont-size: 3vw;
    --azr-bodyfont-lh: 3.6vw;
    --icon-size: 7vw;
    --std-logo-margin: 6vw;
    --burger-gap: .8vw;
    --burger-thickness: 1vw;
    --slide-padding: .4vw;
  }

  h2 {
    margin-top: var(--std-bodyfont-lh);
    font-family: Azeret Mono, Arial, sans-serif;
    font-size: var(--std-bodyfont-size);
    line-height: var(--std-bodyfont-lh);
    text-transform: uppercase;
    margin-bottom: 0;
  }

  .imageholder.diary {
    border-radius: var(--std-corner-mobile);
  }

  .contentcolumn {
    padding: var(--std-padding);
  }

  .caption {
    margin-top: var(--std-margin-mobile);
  }

  .teaser {
    margin-bottom: var(--std-margin-bottom);
  }

  .language-link {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .language-link.active {
    border-bottom-width: 1vw;
    padding-bottom: 3px;
  }

  .nav-container {
    margin-left: var(--std-padding);
  }

  .brand {
    width: 55%;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .stage-logo-holder {
    width: 88vw;
  }

  .sb-burger-icon {
    width: 6vw;
  }

  .menue-button {
    padding-top: 6px;
  }

  .footer-brand {
    margin-bottom: 25vw;
  }

  .nav-toplevel {
    font-size: 11vw;
    line-height: 11vw;
  }

  .nav-toplevel.with-sublevel {
    font-size: 10vw;
    line-height: 10vw;
  }

  .nav-sublevel {
    font-size: var(--std-bodyfont-size);
    line-height: 4.5vw;
  }

  .image-mod, .slider-mod {
    margin-bottom: var(--std-padding);
  }

  .slider-caption {
    margin-top: var(--std-margin-mobile);
  }

  .captiontext-depr {
    font-size: var(--azr-bodyfont-size);
  }

  .pagehead {
    padding-top: 15vw;
  }

  .object-header, .image-block {
    margin-bottom: var(--std-padding);
  }

  .left-arrow, .right-arrow {
    width: 15vw;
  }

  .icon {
    font-size: var(--icon-size);
  }

  .nav_btn {
    width: 14vw;
    height: 11vw;
    padding-top: 6px;
  }
}


@font-face {
  font-family: 'Azeret Mono';
  src: url('../fonts/AzeretMono-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Azeret Mono';
  src: url('../fonts/AzeretMono-Light.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stadtbuehne Zart';
  src: url('../fonts/Stadtbuehne-Zart.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stadtbuehne';
  src: url('../fonts/Stadtbuehne-Zartbold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}