@font-face {
  font-family: Tpw Cargo;
  src: url('../fonts/tpw_cargo.woff2') format("woff2"), url('../fonts/tpw_cargo.eot') format("embedded-opentype"), url('../fonts/tpw_cargo.woff') format("woff"), url('../fonts/tpw_cargo.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Lotagrotesque;
  src: url('../fonts/LotaGrotesque-Regular.eot') format("embedded-opentype"), url('../fonts/LotaGrotesque-Regular.woff') format("woff"), url('../fonts/LotaGrotesque-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Lotagrotesque;
  src: url('../fonts/LotaGrotesque-Bold.eot') format("embedded-opentype"), url('../fonts/LotaGrotesque-Bold.woff') format("woff"), url('../fonts/LotaGrotesque-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Lotagrotesque;
  src: url('../fonts/LotaGrotesque-SemiBold.eot') format("embedded-opentype"), url('../fonts/LotaGrotesque-SemiBold.woff') format("woff"), url('../fonts/LotaGrotesque-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}

:root {
  --brightred: #ff0064;
  --blue: blue;
  --blue-violet: #853fff;
  --darkgreenish: #85fed4;
  --lavender-blush-2: #ffecf4;
  --misty-rose: #fdd9e8;
  --greenish: #b4fee5;
  --silver-2: #bebebe;
  --greentext: #2bfda9;
  --lavender-blush: #fee6ef;
  --dim-grey-2: #747474;
  --dark-grey: #a1a1a1;
  --khaki-2: #feeda2;
  --steel-blue: #3b99d9;
  --steel-blue-2: #2e80b6;
  --dark-khaki: #a8d069;
  --medium-sea-green: #30ad64;
  --light-sea-green: #25ccbf;
  --light-sea-green-2: #20ac99;
  --sandy-brown: #f8c740;
  --goldenrod: #e2a62b;
  --khaki: #face6a;
  --sandy-brown-2: #e4b962;
  --salmon: #fd7072;
  --indian-red: #cf404d;
  --tan: #d39f9a;
  --dim-gray: #735260;
  --indian-red-2: #af4173;
  --brown: #822e50;
  --tomato: #e64c40;
  --firebrick: #bf3a30;
  --salmon-2: #fc7d64;
  --white-smoke: #ecf0f1;
  --silver: #bec3c7;
  --dim-gray-2: #49647b;
  --dark-slate-gray: #2d3e4f;
  --dark-slate-gray-2: #404047;
  --white-smoke-2: #edeff2;
  --white-smoke-3: #f3f3f3;
  --lavender: #e9e9e9;
  --light-gray: #d4d4d4;
  --dim-gray-3: #5d5d5d;
  --dark-slate-gray-3: #303030;
  --dim-grey: #505050;
  --burlywood: #cba162;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.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;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #000000bd;
  font-size: 16px;
  line-height: 20px;
}

h1 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 18px;
  font-family: Tpw Cargo, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 57px;
}

h2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Lotagrotesque, Arial, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Lotagrotesque, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

h4 {
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Lotagrotesque, Arial, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

h5 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}

h6 {
  color: #5d5d5d;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}

p {
  margin-top: 0;
  margin-bottom: 15px;
}

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

label {
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: 400;
  display: block;
}

blockquote {
  border-left: 5px #e2e2e2;
  margin-bottom: 0;
  padding: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.navigation-bar {
  text-align: center;
  margin-top: 45px;
}

.section {
  background-color: #fff;
  padding-left: 2.5%;
  padding-right: 2.5%;
  position: relative;
}

.header-section {
  text-align: center;
  padding-top: 76px;
  padding-bottom: 76px;
}

.social-icon-link {
  opacity: .9;
  margin-left: 4px;
  margin-right: 4px;
  padding: 3px;
  transition: opacity .2s;
}

.social-icon-link:hover {
  opacity: .37;
}

.footer-text {
  color: #a8a8a8;
  text-transform: none;
  margin-top: 8px;
  margin-bottom: 0;
  font-family: Lotagrotesque, Arial, sans-serif;
  font-size: 13px;
}

.nav-link {
  text-align: center;
  text-transform: none;
  font-family: Lotagrotesque, Arial, sans-serif;
  font-size: 16px;
  line-height: 25px;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.nav-link:hover, .nav-link.w--current {
  color: #303030;
}

.main-image {
  margin-bottom: 39px;
}

.byline-wrapper {
  color: #ccc;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 25px;
  font-size: 12px;
  line-height: 18px;
}

.byline-link {
  color: #ccc;
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.byline-link:hover {
  color: #333;
}

.byline-text {
  margin-right: 5px;
  font-family: Montserrat, sans-serif;
  display: inline-block;
}

.blog-content {
  width: 65%;
  margin-bottom: 52px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 22px;
  display: block;
}

.blog-content h1, .blog-content h2 {
  font-weight: 400;
}

.blog-content h3 {
  font-weight: 700;
}

.blog-content h6 {
  text-transform: uppercase;
}

.blog-home-link {
  color: #303030;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  transition: opacity .2s;
}

.blog-home-link:hover {
  opacity: .82;
}

.blog-name {
  letter-spacing: 1px;
  margin-bottom: 0;
  font-size: 53px;
  line-height: 57px;
  display: inline-block;
}

.blog-name:hover {
  color: #6d6d6d;
}

.link-to-page {
  color: #303030;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  line-height: 18px;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.link-to-page:hover {
  color: #d4d4d4;
}

.blog-headline {
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 17px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 39px;
  display: block;
}

.heading-wrapper {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.post-heading {
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
}

.category-heading {
  text-align: center;
  margin-bottom: 39px;
}

.blog-list {
  width: 100%;
  margin-bottom: 53px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.blog-item {
  border-top: 1px solid #0000001a;
  padding-top: 31px;
}

.empty-state {
  color: #fff;
  text-align: center;
  background-color: #20ac99;
  margin-bottom: 54px;
  padding-top: 29px;
}

.inline-heading {
  display: inline-block;
}

.body {
  color: #000;
  height: 100%;
  font-family: Lotagrotesque, Arial, sans-serif;
  font-size: 17px;
  line-height: 23px;
}

.intro {
  padding-top: 70px;
  position: relative;
}

.copyright {
  color: #5d5d5d;
  font-size: 14px;
  line-height: 18px;
}

.logobox {
  width: 25%;
  max-width: 320px;
  position: static;
}

.logobox.greenish {
  background-color: #dafff2;
}

.logobox.greenish.w--current {
  background-color: #b4fee5;
}

.navigation {
  background-color: #0000;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8%;
  padding-right: 20px;
  font-weight: 700;
  display: block;
}

.mainstage {
  height: 600px;
  position: relative;
}

.homeintro {
  text-align: center;
}

.introtext {
  margin-bottom: 25px;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
}

.introtext.brightred {
  color: var(--brightred);
}

.section-intro {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.section-intro.wide {
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 0%;
  padding-right: 0%;
}

.navitem {
  color: #00f;
  cursor: pointer;
  border-radius: 4px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 7px 10px 6px;
}

.navitem.w--current {
  color: var(--blue);
  background-color: #0000ff1a;
  border-radius: 4px;
}

.textlink {
  color: #000;
  text-decoration: underline;
}

.news {
  color: var(--blue);
  margin-top: 20px;
}

.newsteaser {
  color: #000;
  cursor: pointer;
  margin-bottom: 30px;
  text-decoration: none;
  transition: transform .2s;
}

.newsteaser:hover {
  transform: translate(0, -6px);
}

.newsteaser.top {
  margin-bottom: 0;
  display: block;
}

.image {
  float: left;
  width: 40%;
  margin-top: 5px;
  margin-right: 16px;
}

.topline {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.topline.workshop-col {
  color: var(--blue-violet);
  margin-bottom: 10px;
}

.topline.programme {
  color: var(--brightred);
}

.topline.news {
  color: #00f;
}

.topnews {
  margin-bottom: 40px;
  margin-right: 16%;
}

.mycolumn {
  padding-left: 10px;
  padding-right: 30px;
}

.visual {
  color: var(--blue);
  font-family: Tpw Cargo, sans-serif;
  font-size: 120px;
}

.newslink {
  color: #00f;
  text-decoration: none;
  display: block;
}

.sectionhead {
  text-align: center;
  padding-bottom: 10px;
  font-size: 55px;
  line-height: 60px;
}

.sectionhead.greenish {
  color: var(--darkgreenish);
}

.sectionhead.brightred {
  color: #ff0064;
}

.sectionhead.more {
  color: var(--brightred);
  text-align: left;
  margin-bottom: 19px;
  font-size: 65px;
}

.sectionhead.jobs {
  text-align: left;
  font-size: 65px;
}

.project-teaser {
  color: #000;
  cursor: pointer;
  background-color: #e4faf3;
  border-radius: 5px;
  flex-basis: 30%;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  text-decoration: none;
  transition: transform .2s;
  display: block;
  overflow: hidden;
}

.project-teaser:hover {
  transform: scale(1.02);
}

.project-teaser.grey {
  background-color: #f3f3f3;
}

.teaser-image {
  margin-bottom: 15px;
}

.project-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.topnews-image {
  margin-bottom: 15px;
  padding-right: 10px;
}

.programme-teaser {
  background-color: var(--lavender-blush-2);
  color: #000;
  cursor: pointer;
  border-radius: 5px;
  flex: 0 30%;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  text-decoration: none;
  transition: transform .2s;
  display: block;
  overflow: hidden;
}

.programme-teaser:hover {
  transform: scale(1.02);
}

.bigword {
  z-index: 600;
  color: var(--brightred);
  text-align: center;
  margin-top: -50px;
  margin-bottom: -70px;
  font-family: Tpw Cargo, sans-serif;
  font-size: 180px;
  line-height: 180px;
  position: relative;
}

.dropdown-holder {
  color: #000;
  padding-left: 15px;
  padding-right: 15px;
}

.nav {
  margin-top: 23px;
}

.box-for-link {
  text-align: center;
  justify-content: center;
  margin-bottom: 30px;
  display: flex;
}

.button {
  color: #000;
  background-color: #fff;
  border: 2px solid #fdd9e8;
  border-radius: 3px;
  min-width: 40%;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 20px;
  padding-right: 20px;
  transition: background-position .2s;
  display: block;
}

.button:hover {
  background-image: linear-gradient(to bottom, var(--misty-rose), var(--misty-rose));
}

.button.green {
  border-color: var(--darkgreenish);
  background-color: #fff;
  background-image: none;
}

.button.green:hover {
  color: #000;
  background-color: #dafff2;
  background-image: none;
}

.button.blue {
  border-color: #00f;
}

.button.red {
  border-color: var(--brightred);
  background-color: var(--brightred);
  color: #fff;
}

.button.red:hover {
  background-image: none;
}

.footernav {
  color: #fff;
  font-size: 15px;
  line-height: 26px;
}

.footer-info {
  color: #fff;
  margin-bottom: 80px;
  font-size: 15px;
}

.image-3 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footercolumns {
  max-width: 1200px;
  margin-bottom: 30px;
  display: block;
}

.gotoplink {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px 15px;
  text-decoration: none;
  display: block;
}

.toplinkbox {
  text-align: center;
  padding-top: 40px;
}

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

.link:hover {
  color: #505050;
}

.moresection {
  padding-top: 30px;
}

.morehead {
  color: var(--brightred);
}

.fakelink {
  text-decoration: underline;
}

.slider {
  background-color: var(--greenish);
  height: 100%;
}

.slide {
  background-image: linear-gradient(to bottom, var(--greenish), var(--greenish));
  position: relative;
}

.stageword {
  z-index: 100;
  color: #00f;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 280px;
  line-height: 280px;
  display: block;
}

.stageword.purple {
  color: #853fff;
  position: relative;
}

.stageword.red {
  color: var(--brightred);
}

.stageword.news {
  text-align: left;
  font-size: 140px;
  line-height: 160px;
}

.stage-subhead {
  color: #00f;
  text-align: center;
  width: 600px;
  margin-bottom: 26px;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
  display: block;
}

.decorationholder {
  z-index: -1;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
}

.stagedecoration {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.togglelink {
  color: #00f;
  text-decoration: none;
}

.imageslide {
  opacity: 1;
  background-image: url('../images/main_sachrang.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.imageslide.slide2 {
  background-image: url('../images/stagehero_girls.jpg');
}

.stagehead {
  text-align: center;
  font-size: 80px;
  line-height: 90px;
}

.stagetext {
  color: #fff;
  text-align: center;
}

.stageteaser {
  margin-bottom: 26px;
  margin-left: 20%;
  margin-right: 20%;
  font-size: 35px;
  font-weight: 600;
  line-height: 42px;
}

.stagebutton {
  background-color: #0000;
  border: 2px solid #fff;
  border-radius: 3px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
}

.stagebutton.blue {
  border-color: var(--blue);
  color: var(--blue);
  padding-bottom: 7px;
}

.stagebutton.red {
  border-color: var(--brightred);
  background-color: var(--brightred);
}

.stagebutton.fullblue {
  border-color: var(--blue);
  background-color: var(--blue);
}

.stagebutton.fullblue:hover {
  border-color: var(--brightred);
  background-color: var(--brightred);
}

.slidecontent {
  opacity: 0;
  background-color: #0000ff80;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.footer {
  color: #fff;
  background-color: #bebebe;
  margin-top: 15px;
  padding-top: 30px;
  padding-bottom: 80px;
  font-size: 15px;
}

.pagecontent {
  text-align: left;
  padding-top: 60px;
  font-size: 18px;
  line-height: 27px;
}

.pagecontent.with-topimage {
  padding-top: 130px;
}

.p-intro {
  text-align: left;
  margin-bottom: 50px;
  margin-right: 32%;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
}

.imageblock-caption {
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 16%;
}

.caption {
  font-size: 16px;
  line-height: 22px;
}

.quote-block {
  margin: 20px 8% 20px 18%;
}

.quote-author {
  color: #5d5d5d;
  margin-top: 10px;
}

.imageblock-double {
  margin-top: 15px;
  margin-bottom: 30px;
}

.textbox {
  margin-left: 24%;
  margin-right: 16%;
}

.textbox.wide {
  margin-left: 0%;
}

.bc-item {
  margin-right: 10px;
  display: inline-block;
}

.subnavigation {
  color: #00f;
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
  position: relative;
}

.bc-link {
  color: #00f;
  padding: 7px 12px 5px;
  text-decoration: none;
  display: block;
}

.bc-link:hover, .bc-link.active {
  background-color: #0000ff1a;
  border-radius: 4px;
}

.bc-link.active.purple {
  background-color: #853fff1a;
}

.bc-link.purple {
  color: #853fff;
}

.stageholder {
  flex-direction: column;
  justify-content: space-between;
  max-width: 1500px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 10% 35px;
  display: flex;
  position: relative;
}

.stage-statement {
  color: #00f;
  width: 50%;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  display: block;
}

.stage-statement.purple {
  color: #853fff;
  position: relative;
}

.stage-statement.red {
  color: var(--brightred);
}

.stage-background {
  z-index: -1;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.stage-background.rose {
  text-align: center;
  background-color: #fad9da;
}

.stage-background.lightgreen {
  z-index: -1;
  text-align: center;
  background-color: #dafff2;
}

.stage-background.lightgreen.bg-image {
  background-image: linear-gradient(#1d1d1d80, #1d1d1d80), url('../images/stagehero_girls.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.stage-background.lightred {
  z-index: -1;
  background-color: var(--misty-rose);
}

.stage-background.news {
  background-color: #feeda2;
  margin-top: 0;
}

.logolist {
  flex-wrap: wrap;
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 15px;
  display: flex;
}

.partner-item {
  flex-basis: 24%;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  transition: transform .2s;
}

.partner-item:hover {
  transform: translate(0, -5px);
}

.partner-label {
  color: #646464;
  margin-top: 15px;
  font-size: 16px;
}

.partnersection {
  padding-top: 30px;
}

.lightgrey {
  color: var(--silver-2);
}

.names-list {
  column-count: 4;
  column-gap: 30px;
}

.names-list p {
  color: #646464;
}

.names-list-intro {
  margin-right: 50%;
}

.grey {
  color: #646464;
}

.textblock-col {
  padding-right: 16px;
}

.textblock-col p {
  line-height: 25px;
}

.textblock-columns {
  margin-bottom: 15px;
  padding-left: 16%;
}

.textblock-columns.wide {
  padding-left: 0%;
}

.listhead {
  color: var(--greentext);
  margin-bottom: 20px;
  margin-right: 32%;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}

.listhead.projects {
  color: var(--brightred);
}

.filterlink {
  border: 2px solid var(--greenish);
  border-radius: 3px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.filterlink:hover {
  background-color: #b4fee580;
}

.filterlink.active {
  background-color: var(--greenish);
}

.filterlink.projects {
  border-color: var(--misty-rose);
}

.filterlink.projects:hover {
  background-color: #fdd9e880;
}

.filterlink.projects.active {
  border-color: var(--brightred);
  background-color: var(--brightred);
  color: #fff;
}

.filteritem {
  margin-bottom: 15px;
  margin-right: 15px;
  display: inline-block;
}

.filter-holder {
  margin-top: 15px;
  display: block;
}

.listheader {
  margin-bottom: 15px;
  padding-top: 45px;
}

.listheader.first-item {
  padding-top: 0;
}

.contact-list {
  flex-wrap: wrap;
  padding-top: 15px;
  display: flex;
}

.contact-details {
  margin-left: 105px;
}

.contact-details p {
  font-size: 16px;
}

.contact-details h4 {
  margin-top: 5px;
  margin-bottom: 2px;
  line-height: 28px;
}

.contact-details a {
  text-decoration: none;
}

.contact-image {
  float: left;
  border-radius: 50%;
  width: 90px;
  margin-right: 15px;
  display: block;
}

.contact-item {
  flex-basis: 33%;
  margin-bottom: 30px;
  padding-right: 30px;
}

.contact-item.single {
  margin-bottom: 15px;
}

.contact-region {
  margin-bottom: 0;
  margin-left: 105px;
  font-size: 16px;
  line-height: 21px;
}

.introblock {
  margin-bottom: 35px;
  margin-right: 32%;
}

.introblock p {
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
}

.contactsection {
  padding-top: 40px;
}

.list-introtext {
  margin-right: 10%;
  font-size: 18px;
  line-height: 25px;
}

.detailstage {
  margin-bottom: 75px;
  position: relative;
}

.detailstage.no-margin {
  margin-bottom: 20px;
}

.project-head {
  margin-bottom: 0;
  font-size: 70px;
  line-height: 75px;
}

.project-head.purple {
  color: var(--blue-violet);
}

.project-head.red {
  color: var(--brightred);
}

.photopreview {
  flex-flow: wrap;
  place-content: stretch center;
  margin-bottom: -75px;
  display: flex;
}

.preview-image {
  flex: 0 30%;
  margin-left: 1%;
  margin-right: 1%;
}

.project-subilne {
  margin-bottom: 40px;
  margin-right: 30%;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.project-subilne.purple {
  color: var(--blue-violet);
}

.project-subilne.red {
  color: var(--brightred);
}

.project-topline {
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.project-topline.purple {
  color: var(--blue-violet);
}

.project-topline.project-head {
  color: var(--brightred);
}

.pagenav {
  float: right;
  clear: both;
  background-image: url('../images/downarrow_red.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 21px;
  padding-bottom: 30px;
  padding-left: 30px;
}

.stagepattern {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.pagenav-link.purple {
  color: var(--blue-violet);
}

.pagenav-link.red {
  color: var(--brightred);
}

.pagenav-link.buttonstyle {
  background-color: #ffecec;
  border-radius: 5px;
  padding: 4px 20px;
  display: inline-block;
}

.backbutton {
  float: right;
  color: #00f;
  padding: 7px 15px 5px;
  text-decoration: none;
  display: block;
}

.backbutton:hover {
  background-color: #0000ff1a;
  border-radius: 4px;
  text-decoration: none;
}

.backbutton.purple {
  color: var(--blue-violet);
}

.backbutton.red {
  float: right;
  color: var(--brightred);
}

.backbuttonbox {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 10%;
  padding-right: 10px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.sidenote-left {
  float: left;
  text-align: right;
  width: 22%;
}

.sidenote-left.narrow {
  width: 15%;
}

.sidenote-content {
  color: var(--blue-violet);
}

.sidenote-content a {
  color: var(--brightred);
}

.sidenote-content.smalltext {
  font-size: 16px;
  line-height: 23px;
}

.sidenote-content.red {
  color: var(--brightred);
}

.content-row.offset-s {
  padding-bottom: 10px;
}

.content-row.offset-m {
  padding-bottom: 20px;
}

.content-row.offset-l {
  padding-bottom: 30px;
}

.content-row.offset-xl {
  padding-bottom: 40px;
}

.content-row.topoffset-xl {
  margin-top: 60px;
}

.content-row.topoffset-l {
  margin-top: 50px;
}

.content-row.topoffset-m {
  margin-top: 40px;
}

.content-row.topoffset-s {
  margin-top: 20px;
}

.texttblock-sidecol {
  padding-left: 18%;
}

.project-contact {
  background-color: #f5f5f5;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-top: 25px;
  padding-bottom: 10px;
}

.project-contact.addon {
  margin-top: 0;
}

.contact-bar {
  align-items: center;
  display: flex;
}

.booking-button {
  text-align: center;
  background-color: #00f;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 12px 20px;
  font-size: 22px;
  display: block;
}

.booking-button.purple {
  background-color: var(--blue-violet);
}

.booking-button.red {
  background-color: var(--brightred);
}

.sliderblock {
  min-height: 400px;
  margin: 15px 18% 30px;
}

.sliderblock.large {
  min-height: 525px;
  margin-left: 0%;
  margin-right: 0%;
}

.slideimage {
  width: 100%;
}

.sldecaption {
  text-align: right;
  width: 40%;
  padding-bottom: 9px;
  padding-right: 15px;
  font-size: 15px;
  line-height: 22px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.text-block {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
}

.dividerhead {
  color: var(--blue-violet);
  padding-top: 30px;
}

.dividerhead.red {
  color: var(--brightred);
}

.lightbox-item {
  float: left;
  border-radius: 3px;
  width: 120px;
  margin-bottom: 15px;
  margin-right: 15px;
  display: block;
}

.lightbox {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 18%;
}

.targetgroups {
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: block;
}

.targetgroup {
  border: 2px solid var(--greenish);
  text-align: center;
  background-color: #0000;
  border-radius: 3px;
  flex-basis: 19%;
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 15px;
  text-decoration: none;
  transition: transform .2s;
  display: inline-block;
}

.targetgroup:hover {
  transform: scale(1.02);
}

.targetgroup.small {
  flex-basis: 12%;
}

.submenu {
  color: #00f;
}

.submenu.w--open {
  background-color: #fff;
  border: 2px solid #00f;
  border-radius: 0 0 3px 3px;
  padding-top: 6px;
  padding-bottom: 8px;
  font-size: 17px;
  font-weight: 400;
  box-shadow: 0 0 5px #0003;
}

.subnavlink {
  color: #00f;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 24px;
  font-weight: 600;
}

.subnavlink:hover {
  background-color: #e9e9ff;
}

.factbox {
  padding-top: 40px;
}

.factbox-content {
  background-color: var(--lavender-blush);
  padding-top: 50px;
  padding-bottom: 40px;
}

.facttext p {
  font-size: 16px;
  line-height: 22px;
}

.tactbox-intro {
  margin-bottom: 20px;
}

.tactbox-intro p {
  color: var(--brightred);
  margin-right: 16%;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.factbox-headerbox {
  margin-bottom: -26px;
}

.factbox-head {
  color: var(--brightred);
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 70px;
}

.subnavpointer {
  position: absolute;
  top: -12px;
  left: 30px;
}

.notebox {
  color: #5d5d5d;
  padding-top: 15px;
  font-size: 16px;
  line-height: 23px;
}

.notebox.formnote {
  margin-bottom: 10px;
  padding-top: 0;
}

.notebox.select-note {
  margin-left: 52%;
  padding-top: 0;
}

.notebox.shorttxt-note {
  margin-left: 120px;
  padding-top: 0;
}

.downloads.single {
  padding-top: 40px;
}

.downloadlist {
  column-count: 3;
  padding-top: 8px;
}

.download-label {
  margin-left: 55px;
  padding-top: 4px;
  font-size: 16px;
  line-height: 22px;
}

.download-icon {
  float: left;
  color: var(--dim-grey-2);
  text-transform: uppercase;
  background-color: #ecf0f1;
  border-radius: 4px;
  padding: 4px 6px 3px 8px;
  display: block;
}

.download-item {
  margin-bottom: 13px;
  padding-right: 15px;
  text-decoration: none;
  transition: transform .2s;
  display: block;
}

.download-item:hover {
  transform: translate(3px);
}

.contact-info p {
  font-size: 16px;
  line-height: 22px;
}

.mpic01 {
  position: absolute;
  top: 82px;
  left: 54px;
}

.mpic02 {
  position: absolute;
  top: 65px;
  right: 22px;
}

.mpic03 {
  position: absolute;
  top: 308px;
  right: 283px;
}

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

.title-label {
  color: var(--dark-grey);
}

.contact-section {
  padding-top: 90px;
  padding-bottom: 25px;
}

.contact-box {
  text-align: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.contact-text {
  margin-bottom: 15px;
}

.contact-text p {
  font-size: 18px;
  line-height: 25px;
}

.button-standard {
  background-color: #00f;
  border-radius: 3px;
  padding: 15px 30px;
  font-size: 22px;
}

.button-standard.dimmed {
  background-color: var(--silver-2);
}

.q-and-a {
  font-size: 18px;
  line-height: 25px;
}

.answerbox {
  padding-top: 10px;
  transition: opacity .2s;
  display: block;
}

.questionbox {
  margin-top: 20px;
  margin-right: 32%;
  text-decoration: none;
  transition: transform .2s;
  display: block;
}

.questionbox:hover {
  transform: translate(5px);
}

.question {
  margin-left: 26px;
  margin-right: 40px;
  display: block;
}

.question-set {
  position: relative;
}

.closing-icon {
  float: none;
  transition: opacity .2s, transform .2s;
  display: block;
  position: absolute;
  top: 3px;
  left: -40px;
}

.number {
  float: left;
  color: #00f;
  text-align: right;
  width: 20px;
  font-size: 13px;
}

.stage-picture {
  z-index: -1;
  background-color: var(--misty-rose);
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.stage-picture.rose {
  z-index: -1;
  text-align: center;
  background-color: #fad9da;
}

.stage-picture.lightgreen {
  z-index: -1;
  text-align: center;
  background-color: #dafff2;
}

.stage-picture.lightred {
  z-index: -1;
  background-color: var(--misty-rose);
  text-align: center;
}

.imagecontainer {
  background-image: url('../images/perspective.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 540px;
  margin-top: 60px;
}

.stage-subtext {
  color: #00f;
}

.bottomline {
  padding-top: 5px;
}

.logo-holder {
  padding-right: 15px;
}

.article-date {
  color: #000;
  font-size: 15px;
}

.item-unlinked {
  color: #e9e9e9;
}

.newslist {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 30px;
  padding-top: 80px;
  display: flex;
}

.news-item {
  color: #000;
  cursor: pointer;
  flex-shrink: 0;
  flex-basis: 33%;
  margin-bottom: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: transform .2s;
}

.news-item:hover {
  transform: translate(0, -6px);
}

.news-item.top {
  margin-bottom: 0;
}

.topnews-abstract {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.tophead {
  color: #00f;
}

.stagenews {
  padding-top: 20px;
}

.pagenum {
  background-color: #f0f0f0;
  border-radius: 6px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 11px 20px 10px;
  text-decoration: none;
}

.pagenum:hover {
  background-color: var(--khaki-2);
}

.pagenum.active {
  background-color: #d4d4d4;
}

.pagination {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.pagenext {
  background-color: #0000;
  border-radius: 6px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 11px 20px 10px;
  text-decoration: none;
}

.pagenext:hover {
  background-color: #feeda2;
}

.pagenext.active {
  background-color: #d4d4d4;
}

.news-head {
  color: #00f;
  width: 90%;
  margin-bottom: 0;
  font-size: 70px;
  line-height: 75px;
}

.news-head.purple {
  color: var(--blue-violet);
}

.news-head.red {
  color: var(--brightred);
}

.stageimage {
  margin-bottom: -75px;
  padding-right: 10px;
}

.newsstage {
  position: relative;
}

.div-block-3 {
  clear: both;
}

.stagenews-image {
  margin-bottom: 15px;
  padding-top: 6px;
  padding-right: 15px;
}

.highlight {
  color: #00f;
}

.plz {
  float: left;
  width: 25%;
  font-size: 19px;
  line-height: 30px;
}

.city {
  float: right;
  clear: right;
  width: 70%;
  font-size: 19px;
  line-height: 30px;
}

.cityadress {
  clear: both;
  margin-top: -10px;
}

.anzahl {
  float: left;
  width: 100px;
  font-size: 19px;
  line-height: 30px;
}

.material-label {
  margin-left: 120px;
}

.material-item {
  margin-bottom: 15px;
}

.checklabel {
  margin-top: 0;
  margin-left: 10px;
}

.checksection {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 1px;
}

.material-list {
  margin-left: 25%;
  padding-top: 10px;
  padding-bottom: 15px;
}

.column {
  padding-right: 30px;
}

.stdtext {
  font-size: 19px;
  line-height: 30px;
}

.material-listhead {
  float: left;
  color: #00f;
  margin-top: 10px;
}

.std-form {
  padding-top: 25px;
}

.text-block-2 {
  float: left;
  border: 1px solid #d4d4d4;
  width: 100px;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 15px;
  font-size: 19px;
  line-height: 30px;
}

.success-message {
  color: #00f;
  background-color: #0000;
  border: 2px solid #00f;
  border-radius: 8px;
  margin-top: 40px;
  padding: 40px 30px;
}

.error-message {
  color: var(--brightred);
  border-radius: 6px;
  margin-top: 30px;
  padding: 20px 30px;
}

.anfrage-listhead {
  float: none;
  color: #00f;
  margin-top: 10px;
}

.titel-label {
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 10px;
  font-weight: 700;
}

.checkbox-label {
  margin-left: 10px;
}

.checkbox-label p {
  margin-bottom: 10px;
  line-height: 27px;
}

.programme-add {
  flex-flow: wrap;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 15px;
  display: flex;
}

.teaserhead {
  margin-bottom: 5px;
}

.presentation-field {
  margin-left: 10px;
}

.presentation-label {
  margin-top: 0;
  margin-left: 10px;
  font-weight: 400;
}

.presentation-label.disabled {
  color: #0006;
}

.presentation-labe {
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 10px;
  font-weight: 700;
}

.program-field {
  margin-bottom: 15px;
}

.topic {
  color: #00f;
  font-weight: 400;
}

.termine-list {
  padding-bottom: 15px;
}

.termin-date {
  float: left;
  width: 100px;
  display: inline-block;
}

.termin-time {
  float: left;
  text-align: right;
  width: 80px;
  display: inline-block;
}

.termin-plz {
  float: left;
  text-align: right;
  width: 70px;
  padding-right: 8px;
  display: inline-block;
}

.termin-city {
  width: 38%;
  padding-right: 12px;
  display: inline-block;
}

.termin-location {
  padding-right: 12px;
  display: inline-block;
}

.termin-facts {
  float: left;
  width: 100%;
}

.termin-info {
  float: left;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.div-block-5 {
  background-color: #ecf0f1;
  padding-top: 6px;
  padding-bottom: 4px;
}

.termin-row {
  padding: 6px 10px 4px;
}

.termin-row.odd {
  background-color: #f1f1f1;
}

.termine.single {
  padding-top: 40px;
}

.termin-more {
  float: right;
  text-align: right;
  padding-bottom: 1px;
  text-decoration: none;
  display: inline-block;
}

.termin-day {
  float: left;
  width: 35px;
  display: inline-block;
}

.termin-close {
  float: right;
  text-align: right;
  padding-right: 12px;
  display: inline-block;
}

.teaserbody {
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.zielgruppe {
  color: #00000080;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 21px;
}

.teasertext {
  margin-bottom: 5px;
}

.news-2 {
  color: #00f;
}

.newslisting {
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-top: 80px;
  padding-bottom: 30px;
  display: block;
}

.news-list-item {
  clear: both;
  color: #000;
  cursor: pointer;
  flex-shrink: 0;
  flex-basis: 33%;
  margin-bottom: 30px;
  margin-left: 16%;
  margin-right: 8%;
  text-decoration: none;
  transition: transform .2s;
  display: block;
}

.news-list-item:hover {
  transform: translate(-10px);
}

.news-list-item.top {
  margin-bottom: 0;
}

.news-list-item.topnews {
  margin-left: 8%;
  margin-right: 0%;
}

.news-image {
  float: left;
  width: 25%;
  margin-top: 5px;
  margin-right: 16px;
}

.news-teaser-image {
  float: left;
  width: 40%;
  margin-top: 5px;
  margin-right: 16px;
}

.top-news-image {
  float: left;
  width: 40%;
  margin-bottom: 15px;
  margin-right: 25px;
  display: block;
}

.menu-button {
  color: #00f;
}

.termine-more {
  text-decoration: none;
}

.termine-link {
  color: #00f;
  text-decoration: none;
}

.termine-link:hover {
  text-decoration: underline;
}

.stagecontent {
  padding-top: 50px;
  padding-bottom: 25px;
}

.stagecontent.bg-only {
  min-height: 475px;
}

.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;
}

.logout-button {
  float: right;
  background-color: var(--blue);
  color: #f0f0f0;
  border-radius: 6px;
  margin-top: 20px;
  margin-left: 10px;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
}

.logout-button.purple {
  color: var(--blue-violet);
}

.logout-button.red {
  color: var(--brightred);
}

.logoutbuttonbox {
  align-self: flex-end;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 20px;
  display: block;
  position: static;
}

.internstage {
  padding-bottom: 50px;
  position: relative;
}

.adress-list {
  flex-wrap: wrap;
  margin-left: 60px;
  display: flex;
}

.letter {
  float: left;
  color: var(--blue);
  font-family: Tpw Cargo, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 50px;
}

.intern-intro {
  margin-bottom: 10px;
  margin-left: 8%;
  margin-right: 16%;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.download-info {
  margin-right: 32%;
}

.login-head {
  color: #00f;
  width: 80%;
  margin-top: 50px;
  margin-bottom: 0;
  font-size: 70px;
  line-height: 75px;
}

.login-head.purple {
  color: var(--blue-violet);
}

.login-head.red {
  color: var(--brightred);
}

.login-form {
  background-color: var(--blue);
  color: #fff;
  border-radius: 6px;
  margin: 40px 32% -100px;
  padding: 15px 29px 30px 30px;
}

.label {
  color: #ecf0f1;
}

.login-button {
  border-radius: 6px;
  margin-left: auto;
  display: block;
}

.forgot-link {
  color: #aeaeff;
  font-size: 15px;
  text-decoration: none;
}

.user-label {
  float: right;
  color: var(--blue);
  text-align: right;
  margin-top: 22px;
  display: block;
}

.stage-newsabstract {
  width: 90%;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.edit-button {
  float: right;
  background-color: var(--blue);
  color: #f0f0f0;
  border-radius: 6px;
  margin-top: 20px;
  margin-left: 15px;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
}

.edit-button.purple {
  color: var(--blue-violet);
}

.edit-button.red {
  color: var(--brightred);
}

.social-button {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-left: 0;
}

.list-item-2 {
  padding-bottom: 45px;
}

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

.direction-section {
  display: none;
}

.open-direction-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--blue);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
}

.open-direction-link:hover {
  text-decoration: underline;
}

.open-direction-link.bc-link {
  background-color: #0000;
}

.direction-container {
  padding-top: 15px;
}

.map-holder {
  height: 450px;
}

.close-icon {
  float: right;
  margin-top: 4px;
  margin-bottom: 3px;
  display: none;
}

.text-block-4 {
  white-space: nowrap;
  padding-right: 24px;
  display: block;
}

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

.facebook-icon {
  float: left;
  width: 42px;
  margin-right: 10px;
}

.facebook-link {
  color: var(--blue);
  text-decoration: none;
  display: block;
}

.text-span {
  text-decoration: underline;
}

.all-news-label {
  background-image: url('../images/rightarrow_blue.png');
  background-position: -60px 35%;
  background-repeat: no-repeat;
  background-size: 80px;
  padding-left: 28px;
}

.fb-link-holder {
  padding-top: 15px;
}

.video-box {
  margin-left: 18%;
}

.videolist-box {
  padding-top: 0;
}

.videotitle {
  margin-bottom: 8px;
  font-weight: 700;
}

.video-caption {
  padding-top: 15px;
}

.video-row {
  margin-bottom: 30px;
}

.main-project-image {
  margin-bottom: -75px;
}

.main-project-image.no-overlap {
  margin-bottom: 0;
}

.image-5 {
  margin-bottom: -90px;
}

.mobile-show {
  display: none;
}

.billing-adress {
  border-left: 2px solid var(--blue);
  margin-top: 30px;
  margin-bottom: 20px;
  padding-left: 25px;
}

.checksection-billing {
  margin-top: 30px;
  margin-bottom: 0;
  padding-top: 1px;
}

.radio-button-group {
  margin-left: 30px;
}

.radio-button-field {
  margin-top: 0;
  padding-left: 30px;
}

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

.custom-radio {
  width: 17px;
  height: 17px;
  margin-top: 5px;
  margin-left: -28px;
}

.custom-radio:hover {
  border-color: #3700ff;
}

.custom-radio.w--redirected-checked {
  background-color: var(--blue);
  border-width: 1px;
}

.custom-checkbox {
  background-color: #fff;
  width: 20px;
  height: 20px;
  margin-top: 2px;
}

.custom-checkbox.w--redirected-checked {
  background-color: #20f;
  border-width: 2px;
  border-color: #20f;
}

.custom-select {
  font-size: 18px;
  line-height: 27px;
}

.custom-select.narrow {
  margin-right: 20px;
}

.select-feedback {
  border-left: 2px solid #0d00ff;
  margin-bottom: 25px;
  margin-left: 25px;
  padding-left: 15px;
}

.list-item-3 {
  background-color: #fdf1f1;
  border-radius: 5px;
  padding: 5px 11px;
}

.inpagenav-holder {
  float: right;
  clear: both;
}

.bookingbotton-holder {
  float: right;
  clear: both;
  margin-top: -25px;
  margin-bottom: 20px;
  padding-left: 10px;
}

.stage-abstract {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.stage-abstract-addon {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}

.jobtitle {
  color: var(--blue);
  text-align: center;
  background-color: #ffe5e7;
  border-radius: 4px;
  margin-bottom: 15px;
  padding: 50px 20px;
}

.job-facts {
  color: #00f;
  margin-bottom: 5px;
}

.jobs {
  color: var(--blue);
  margin-top: 30px;
}

.buttonlink {
  background-color: #ededff;
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 7px 15px 5px;
  text-decoration: none;
  display: inline-block;
}

.buttonlink:hover {
  color: #ececff;
  background-color: #00f;
}

.buttonlink.red {
  background-color: var(--brightred);
  color: #fff;
}

.buttonlink.fullblue {
  background-color: var(--blue);
  color: #fff;
}

.buttonlink.fullblue:hover {
  background-color: var(--brightred);
}

.joblocation-label {
  margin-top: 5px;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  display: inline-block;
}

.joblisting {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 30px;
  padding-top: 30px;
  display: flex;
}

.kinderschutzpreis {
  border-radius: 10px;
  flex: 0 500px;
  width: 175px;
  margin-left: 40px;
  padding: 25px 20px 30px;
  box-shadow: 0 2px 11px #0003;
}

.intro-holder {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.banner-column {
  flex: none;
}

.submit-section {
  margin-top: 30px;
}

.customer-radio-group {
  float: left;
  width: 30%;
  margin-top: 15px;
}

.customer-type-holder {
  margin-bottom: 15px;
}

.customernumber {
  float: right;
  background-color: #f0f0f0;
  border-radius: 3px;
  width: 60%;
  padding: 15px 25px;
}

.field-label {
  margin-top: 0;
}

.form-section {
  margin-bottom: 40px;
}

.form-section.shadow {
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 0 20px #0000001f;
}

.billing-choice {
  margin-top: 15px;
  display: flex;
}

.radio-field-inline {
  flex: 1;
  margin-top: 0;
  padding-left: 30px;
}

.text-block-5 {
  font-size: 50px;
}

.add-icon {
  float: left;
  color: var(--blue);
  padding-top: 2px;
  font-size: 50px;
}

.programm-add-link {
  background-color: #ebe9ff;
  border-radius: 6px;
  width: 32%;
  margin-bottom: 15px;
  padding: 20px 25px 20px 15px;
  text-decoration: none;
}

.item-title {
  font-weight: 700;
}

.item-info {
  margin-left: 40px;
}

.anfrage-targetgroup {
  color: var(--blue);
  margin-top: 8px;
  font-size: 15px;
  line-height: 21px;
}

.anfrage-item {
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 25px;
  box-shadow: 0 0 20px #3700ff33;
}

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

.shorttxt {
  float: left;
  width: 100px;
  font-size: 19px;
  line-height: 30px;
  display: inline-block;
}

.delete-icon {
  float: right;
  color: #fff;
  background-color: #fff;
  background-image: url('../images/closing-icon_blk.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 6px;
  margin-left: 15px;
  padding: 15px;
  font-size: 15px;
  line-height: 21px;
  text-decoration: none;
}

.delete-icon:hover {
  background-color: #ff0064;
}

.anfrage-delete-box {
  float: right;
  font-size: 15px;
  line-height: 21px;
}

.anfrage-delete-text {
  text-align: right;
  white-space: nowrap;
  padding-right: 40px;
}

.select-holder {
  float: none;
}

.select-field.narrow {
  float: left;
  width: 50%;
}

.checkbox-label-title {
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 10px;
  font-weight: 700;
}

.anfrage-item-info {
  width: 75%;
  margin-bottom: 35px;
}

.weekdaycheck {
  margin-top: 5px;
  margin-right: 20px;
  display: inline-block;
}

.teaserbuttonbox {
  padding-top: 18px;
  padding-right: 5px;
  position: absolute;
  inset: 0% 0% auto auto;
}

html.w-mod-js [data-ix="fade-in-bottom-page-loads"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="fade-in-left-scroll-in"] {
  opacity: 0;
  transform: translate(-50px);
}

html.w-mod-js [data-ix="fade-in-right-scroll-in"] {
  opacity: 0;
  transform: translate(50px);
}

html.w-mod-js [data-ix="fade-in-top-scroll-in"] {
  opacity: 0;
  transform: translate(0, -50px);
}

html.w-mod-js [data-ix="fade-in-bottom-scroll-in"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="bounce-in-scroll-in"] {
  opacity: 0;
  transform: scale(.6);
}

html.w-mod-js [data-ix="scale-on-scroll"] {
  opacity: 0;
  transform: scale(.01);
}

html.w-mod-js [data-ix="fade-in"] {
  opacity: 0;
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 28px;
    line-height: 34px;
  }

  .section {
    padding-left: 7.5%;
    padding-right: 7.5%;
  }

  .footer-section {
    padding-left: 0%;
    padding-right: 0%;
  }

  .footer-text {
    line-height: 20px;
  }

  .main-image {
    margin-bottom: 35px;
  }

  .blog-content {
    width: 75%;
  }

  .logobox {
    width: 35%;
  }

  .section-intro {
    padding-left: 0%;
    padding-right: 0%;
  }

  .navitem {
    padding-top: 20px;
    padding-bottom: 15px;
  }

  .mycolumn {
    padding-left: 5px;
    padding-right: 15px;
  }

  .newslink {
    float: left;
  }

  .sectionhead.more, .sectionhead.jobs {
    font-size: 55px;
  }

  .project-teaser {
    margin-left: 10px;
    margin-right: 10px;
  }

  .project-list {
    margin-left: -10px;
    margin-right: -10px;
  }

  .programme-teaser {
    margin-left: 10px;
    margin-right: 10px;
  }

  .nav {
    z-index: 9999;
    background-color: #fff;
    margin-top: 0;
    position: fixed;
    box-shadow: 14px 14px 16px 16px #0000008a;
  }

  .stageword {
    font-size: 220px;
    line-height: 220px;
  }

  .decorationholder {
    overflow: hidden;
  }

  .stagedecoration {
    max-width: none;
    height: 100%;
    margin-left: auto;
  }

  .stagehead {
    font-size: 60px;
    line-height: 65px;
  }

  .p-intro {
    margin-right: 16%;
  }

  .imageblock-caption {
    margin-left: 0%;
  }

  .textbox {
    margin-left: 8%;
    margin-right: 8%;
  }

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

  .stage-statement {
    width: 80%;
  }

  .stage-background, .stage-background.rose {
    max-width: 100%;
  }

  .names-list-intro {
    margin-right: 25%;
  }

  .textblock-columns {
    padding-left: 8%;
  }

  .filterlink {
    padding: 7px 10px 6px;
  }

  .filteritem {
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .contact-item {
    flex: 1;
  }

  .introblock {
    margin-right: 16%;
  }

  .detailstage.no-margin {
    margin-bottom: 0;
  }

  .stagepattern {
    max-width: none;
    height: 100%;
    margin-left: -50%;
  }

  .sidenote-left {
    float: none;
    text-align: left;
    width: 50%;
  }

  .content-row.topoffset-xl, .content-row.topoffset-l {
    margin-top: 40px;
  }

  .content-row.topoffset-m {
    margin-top: 30px;
  }

  .texttblock-sidecol {
    padding-left: 8%;
  }

  .sliderblock {
    margin-left: 8%;
    margin-right: 8%;
  }

  .sliderblock.large {
    min-height: 450px;
  }

  .lightbox {
    margin-left: 8%;
  }

  .submenu.w--open {
    border-left-style: none;
    border-right-style: none;
    padding-top: 6px;
  }

  .downloadlist {
    column-count: 2;
  }

  .mpic01 {
    width: 120px;
    top: 114px;
  }

  .mpic02 {
    width: 220px;
  }

  .mpic03 {
    width: 130px;
    right: 217px;
  }

  .contact-box {
    width: 60%;
  }

  .questionbox {
    margin-right: 16%;
  }

  .question {
    margin-right: 0;
  }

  .question-set {
    margin-left: 8%;
  }

  .news-head {
    width: 90%;
    font-size: 50px;
    line-height: 55px;
  }

  .programme-add, .termine-list {
    margin-left: 0%;
  }

  .menu-button {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 30px;
    line-height: 30px;
  }

  .login-head {
    width: 90%;
    font-size: 50px;
    line-height: 55px;
  }

  .login-form {
    margin-left: 24%;
    margin-right: 24%;
  }

  .fb-link-holder {
    float: right;
    padding-top: 0;
  }

  .video-box {
    margin-left: 8%;
    margin-right: 8%;
  }

  .videolist-box {
    margin-bottom: 30px;
  }

  .video-row {
    margin-bottom: 0;
  }

  .kinderschutzpreis {
    width: 150px;
    margin-left: 30px;
  }

  .programm-add-link {
    width: 49%;
  }

  .anfrage-item-content {
    margin-left: 0%;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 28px;
    line-height: 34px;
  }

  h4 {
    font-size: 20px;
    line-height: 28px;
  }

  .navigation-bar {
    margin-top: 21px;
  }

  .header-section {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .main-image {
    margin-bottom: 34px;
  }

  .blog-content, .link-to-page, .heading-wrapper {
    width: 80%;
  }

  .post-heading {
    font-size: 25px;
    line-height: 29px;
  }

  .logobox {
    width: 50%;
    padding-left: 0;
  }

  .navigation {
    padding-left: 4%;
  }

  .mainstage {
    height: 500px;
  }

  .introtext {
    font-size: 24px;
    line-height: 32px;
  }

  .section-intro {
    padding-left: 8%;
    padding-right: 8%;
  }

  .newsteaser {
    margin-bottom: 15px;
  }

  .image {
    width: 30%;
  }

  .sectionhead.more {
    margin-bottom: 0;
    padding-left: 10px;
    font-size: 45px;
    line-height: 50px;
  }

  .sectionhead.jobs {
    padding-bottom: 0;
    padding-left: 10px;
    font-size: 45px;
    line-height: 50px;
  }

  .project-teaser {
    flex-basis: 46%;
    margin-bottom: 15px;
  }

  .project-list {
    margin-left: 0;
    margin-right: 0;
  }

  .programme-teaser {
    flex-basis: 46%;
    margin-bottom: 15px;
  }

  .footer-info {
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
  }

  .footercolumns {
    text-align: center;
  }

  .stageword {
    font-size: 150px;
    line-height: 150px;
  }

  .stage-subhead {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 32px;
    line-height: 39px;
  }

  .stagehead {
    font-size: 50px;
    line-height: 55px;
  }

  .stageteaser {
    font-size: 24px;
    line-height: 32px;
  }

  .footer {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .pagecontent {
    padding-top: 30px;
    font-size: 17px;
    line-height: 25px;
  }

  .p-intro {
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 24px;
    line-height: 32px;
  }

  .caption {
    margin-top: 15px;
  }

  .quote-block, .textbox {
    margin-left: 15px;
    margin-right: 15px;
  }

  .textbox.wide {
    margin-left: 15px;
  }

  .subnavigation {
    max-width: 70%;
  }

  .stage-statement {
    width: 90%;
  }

  .logolist {
    margin-left: 0;
    margin-right: 0;
  }

  .partner-item {
    flex-basis: 33%;
  }

  .partner-label {
    margin-top: 10px;
    font-size: 15px;
    line-height: 21px;
  }

  .names-list {
    column-count: 3;
    margin-left: 15px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .names-list-intro {
    margin-left: 15px;
    margin-right: 8%;
  }

  .textblock-columns.wide {
    padding-left: 8%;
  }

  .listheader {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-item {
    flex: 0 auto;
    margin-bottom: 20px;
  }

  .introblock {
    margin-bottom: 20px;
    margin-left: 15px;
  }

  .introblock p {
    font-size: 24px;
    line-height: 32px;
  }

  .contactsection {
    margin-right: 15px;
    padding-left: 15px;
  }

  .project-head {
    font-size: 60px;
    line-height: 65px;
  }

  .preview-image.third {
    display: block;
  }

  .project-subilne {
    margin-right: 16%;
    font-size: 24px;
    line-height: 32px;
  }

  .project-topline {
    font-size: 24px;
    line-height: 32px;
  }

  .pagenav {
    margin-right: 15px;
  }

  .backbuttonbox {
    margin-bottom: 0;
    padding-top: 7px;
    font-size: 16px;
    line-height: 22px;
    position: static;
  }

  .sidenote-left {
    float: none;
    text-align: left;
    width: 75%;
    margin-top: 10px;
    margin-left: 15px;
  }

  .content-row.topoffset-xl, .content-row.topoffset-l {
    margin-top: 30px;
  }

  .content-row.topoffset-m {
    margin-top: 20px;
  }

  .content-row.topoffset-s {
    margin-top: 10px;
  }

  .sliderblock.large {
    min-height: 370px;
  }

  .dividerhead.red {
    margin-left: 15px;
  }

  .lightbox {
    margin-left: 8%;
    margin-right: 15px;
  }

  .tactbox-intro {
    margin-left: 15px;
    margin-right: 15px;
  }

  .tactbox-intro p {
    margin-right: 0%;
  }

  .factbox-head, .notebox {
    margin-left: 15px;
  }

  .downloadlist {
    margin-right: 10px;
  }

  .mpic01 {
    width: 90px;
    top: 96px;
    left: 20px;
  }

  .mpic02 {
    width: 160px;
  }

  .mpic03 {
    width: 100px;
    top: 223px;
  }

  .contact-box {
    width: 75%;
  }

  .questionbox {
    margin-right: 15px;
  }

  .question {
    font-size: 22px;
    line-height: 30px;
  }

  .question-set {
    margin-left: 16%;
  }

  .download-listing {
    margin-left: 15px;
  }

  .newslist {
    padding-left: 15px;
    padding-right: 10px;
  }

  .news-item {
    flex: 0 auto;
    margin-bottom: 15px;
    padding-right: 20px;
  }

  .topnews-abstract {
    font-size: 24px;
    line-height: 32px;
  }

  .news-head {
    width: 90%;
    font-size: 40px;
    line-height: 45px;
  }

  .stageimage {
    margin-bottom: 15px;
  }

  .stagenews-image {
    padding-top: 0;
    padding-right: 0;
  }

  .material-list {
    margin-left: 0;
  }

  .stdtext {
    font-size: 18px;
    line-height: 28px;
  }

  .material-listhead {
    float: none;
  }

  .std-form {
    margin-left: 15px;
    margin-right: 15px;
  }

  .news-list-item {
    margin-bottom: 15px;
  }

  .news-image {
    width: 30%;
  }

  .stagecontent {
    padding-left: 15px;
    padding-right: 15px;
  }

  .stagecontent.bg-only {
    min-height: 400px;
  }

  .form-block {
    margin-left: 15px;
    margin-right: 15px;
  }

  .block-quote {
    font-size: 24px;
    line-height: 32px;
  }

  .bold-text {
    font-size: 30px;
    line-height: 38px;
  }

  .blockquote {
    font-size: 24px;
    line-height: 32px;
  }

  .adress-list {
    margin-left: 75px;
  }

  .letter {
    margin-left: 20px;
    font-size: 30px;
    line-height: 35px;
  }

  .intern-intro {
    font-size: 24px;
    line-height: 32px;
  }

  .download-info {
    margin-right: 0%;
  }

  .login-head {
    width: 90%;
    font-size: 40px;
    line-height: 45px;
  }

  .login-form {
    margin-left: 16%;
    margin-right: 16%;
  }

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

  .stage-newsabstract {
    font-size: 24px;
    line-height: 32px;
  }

  .paragraph-2 {
    margin-left: 15px;
  }

  .videolist-box {
    margin-bottom: 40px;
    margin-left: 6%;
    margin-right: 6%;
  }

  .page-header {
    padding-left: 15px;
    padding-right: 15px;
  }

  .block-quote-2 {
    font-size: 26px;
    line-height: 34px;
  }

  .inpagenav-holder {
    padding-left: 21px;
  }

  .bookingbotton-holder {
    padding-left: 15px;
    padding-right: 15px;
  }

  .stage-abstract, .stage-abstract-addon {
    font-size: 24px;
    line-height: 32px;
  }

  .buttonlink {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .joblisting {
    padding-left: 15px;
    padding-right: 10px;
  }

  .kinderschutzpreis {
    width: 120px;
  }

  .form-section.shadow {
    padding: 15px;
  }

  .shorttxt {
    font-size: 18px;
    line-height: 28px;
  }
}

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

  label {
    margin-top: 10px;
    margin-bottom: 3px;
  }

  .section {
    padding-left: 0%;
    padding-right: 0%;
  }

  .blog-content, .link-to-page {
    width: 90%;
  }

  .blog-headline {
    font-size: 25px;
    line-height: 30px;
  }

  .heading-wrapper {
    width: 90%;
  }

  .post-heading {
    font-size: 24px;
  }

  .intro {
    padding-top: 40px;
  }

  .logobox {
    width: 75%;
  }

  .navigation {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0%;
    padding-right: 0;
  }

  .section-intro {
    padding-left: 4%;
    padding-right: 4%;
  }

  .topnews {
    margin-bottom: 20px;
  }

  .mycolumn {
    padding-left: 15px;
    padding-right: 15px;
  }

  .newslink {
    float: none;
  }

  .sectionhead {
    font-size: 45px;
    line-height: 50px;
  }

  .sectionhead.more {
    padding-bottom: 0;
  }

  .sectionhead.jobs {
    margin-bottom: 0;
  }

  .project-teaser {
    flex: 0 auto;
  }

  .topnews-image {
    padding-right: 0;
  }

  .programme-teaser {
    flex: 0 auto;
  }

  .bigword {
    margin-bottom: -58px;
    font-size: 110px;
    line-height: 130px;
  }

  .nav {
    margin-top: 0;
    transition: opacity .2s;
  }

  .stageword {
    font-size: 95px;
    line-height: 95px;
  }

  .stage-subhead {
    width: 80%;
    font-size: 25px;
    line-height: 32px;
  }

  .stagehead {
    font-size: 45px;
    line-height: 50px;
  }

  .stageteaser {
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 28px;
  }

  .pagecontent {
    font-size: 16px;
    line-height: 24px;
  }

  .quote-block, .textbox {
    margin-left: 10px;
    margin-right: 10px;
  }

  .stageholder {
    padding-left: 15px;
    padding-right: 15px;
  }

  .stage-statement {
    font-size: 24px;
    line-height: 32px;
  }

  .logolist {
    margin-right: 15px;
  }

  .partner-item {
    flex-basis: 50%;
    padding-right: 0;
  }

  .partner-label {
    font-size: 13px;
    line-height: 19px;
  }

  .names-list {
    column-count: 1;
  }

  .textblock-col {
    padding-right: 0;
  }

  .textblock-columns {
    padding-left: 5px;
  }

  .textblock-columns.wide {
    margin-right: 5px;
    padding-left: 5px;
  }

  .listheader, .listheader.first-item {
    padding-left: 10px;
  }

  .contact-details {
    margin-left: 95px;
  }

  .contact-image {
    width: 80px;
  }

  .contact-item {
    margin-bottom: 5px;
    padding-right: 0;
  }

  .contact-item.single {
    margin-left: 5px;
    padding-right: 0;
  }

  .contact-region {
    margin-left: 95px;
  }

  .introblock {
    margin-right: 15px;
  }

  .project-head, .project-head.red {
    font-size: 40px;
    line-height: 45px;
  }

  .photopreview {
    display: block;
  }

  .preview-image {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .project-subilne.purple {
    margin-right: 0%;
  }

  .project-topline {
    font-size: 18px;
    line-height: 27px;
  }

  .project-topline.red {
    color: var(--brightred);
  }

  .pagenav {
    font-size: 16px;
    line-height: 23px;
    display: block;
  }

  .stagepattern {
    margin-left: -86%;
  }

  .sidenote-left, .sidenote-left.narrow {
    width: 80%;
  }

  .content-row.topoffset-xl {
    margin-top: 20px;
  }

  .content-row.topoffset-l {
    margin-top: 15px;
  }

  .content-row.topoffset-m {
    margin-top: 10px;
  }

  .texttblock-sidecol {
    padding-left: 5px;
  }

  .contact-bar {
    display: block;
  }

  .sliderblock {
    min-height: 150px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .dividerhead {
    margin-left: 15px;
    margin-right: 15px;
  }

  .lightbox-item {
    width: 80px;
  }

  .lightbox {
    margin-left: 15px;
  }

  .targetgroups {
    margin-left: 0;
    margin-right: 0;
  }

  .targetgroup {
    flex-basis: 83%;
    margin-bottom: 15px;
  }

  .facttext {
    margin-left: 5px;
  }

  .factbox-head {
    font-size: 40px;
    line-height: 45px;
  }

  .notebox.formnote {
    margin-left: 0;
  }

  .notebox.select-note {
    margin-left: 0%;
  }

  .notebox.shorttxt-note {
    clear: left;
    margin-left: 0;
  }

  .downloadlist {
    column-count: 1;
    padding-right: 10px;
  }

  .contact-info {
    margin-left: 5px;
    margin-right: 5px;
  }

  .mpic01 {
    width: 80px;
    top: 146px;
    left: -9px;
  }

  .mpic02 {
    width: 140px;
    top: 114px;
    right: -8px;
  }

  .mpic03 {
    width: 60px;
    top: 245px;
    right: 83px;
  }

  .contact-box {
    width: 80%;
  }

  .question {
    font-size: 18px;
    line-height: 26px;
  }

  .download-listing {
    margin-left: 15px;
  }

  .logo-holder {
    padding-right: 0;
  }

  .topnews-abstract {
    font-size: 20px;
    line-height: 27px;
  }

  .tophead {
    font-size: 28px;
    line-height: 36px;
  }

  .anzahl {
    width: 60px;
  }

  .material-label {
    margin-left: 70px;
  }

  .column {
    padding-right: 10px;
  }

  .material-listhead {
    float: none;
  }

  .text-block-2 {
    width: 60px;
  }

  .bold-text {
    font-size: 24px;
    line-height: 32px;
  }

  .logout-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .adress-list {
    margin-left: 0;
  }

  .letter {
    float: none;
    margin-top: 20px;
    margin-left: 0;
  }

  .intern-intro {
    margin-left: 0%;
    margin-right: 0%;
    font-size: 20px;
    line-height: 27px;
  }

  .login-head {
    width: 100%;
  }

  .login-form {
    margin-left: 0%;
    margin-right: 0%;
  }

  .login-button {
    width: 100%;
    margin-top: 14px;
    margin-left: 0;
  }

  .user-label {
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
  }

  .stage-newsabstract {
    font-size: 20px;
    line-height: 27px;
  }

  .edit-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .map-holder {
    background-color: #0000;
  }

  .fb-link-holder {
    float: none;
    margin-bottom: 16px;
  }

  .video-box {
    margin-left: 15px;
    margin-right: 15px;
  }

  .videolist-box {
    margin-bottom: 30px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .mobile-hide {
    display: none;
  }

  .mobile-show {
    display: block;
  }

  .bookingbotton-holder {
    float: none;
  }

  .stage-abstract, .stage-abstract-addon {
    font-size: 20px;
    line-height: 27px;
  }

  .kinderschutzpreis {
    margin-bottom: 29px;
    margin-left: auto;
    margin-right: auto;
  }

  .intro-holder {
    display: block;
  }

  .customer-radio-group {
    width: 100%;
  }

  .customernumber {
    width: 90%;
  }

  .form-section.shadow {
    padding: 12px;
  }

  .billing-choice {
    display: block;
  }

  .programm-add-link, .select-field.narrow {
    width: 100%;
  }

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

  .teaserbuttonbox {
    text-align: right;
    margin-bottom: -40px;
    padding-top: 0;
    padding-right: 0;
    position: static;
  }
}


@font-face {
  font-family: 'Tpw Cargo';
  src: url('../fonts/tpw_cargo.woff2') format('woff2'), url('../fonts/tpw_cargo.eot') format('embedded-opentype'), url('../fonts/tpw_cargo.woff') format('woff'), url('../fonts/tpw_cargo.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Lotagrotesque';
  src: url('../fonts/LotaGrotesque-Regular.eot') format('embedded-opentype'), url('../fonts/LotaGrotesque-Regular.woff') format('woff'), url('../fonts/LotaGrotesque-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Lotagrotesque';
  src: url('../fonts/LotaGrotesque-Bold.eot') format('embedded-opentype'), url('../fonts/LotaGrotesque-Bold.woff') format('woff'), url('../fonts/LotaGrotesque-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Lotagrotesque';
  src: url('../fonts/LotaGrotesque-SemiBold.eot') format('embedded-opentype'), url('../fonts/LotaGrotesque-SemiBold.woff') format('woff'), url('../fonts/LotaGrotesque-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}