/* source-sans-pro-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/SourceSansPro-Light.ttf') format('truetype');
}
/* source-sans-pro-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/SourceSansPro-Regular.ttf');
}
/* source-sans-pro-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/SourceSansPro-Italic.ttf');
}
/* source-sans-pro-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/SourceSansPro-SemiBold.ttf');
}
/* source-sans-pro-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/SourceSansPro-Black.ttf');
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

/* Cookie-Banner */

#cookie_banner-wrapper {
  background-color: #FFF;
  bottom: 0;
  padding: 32px 16px 64px 16px;
  position: fixed;
  width: 100%;
  z-index: 9001;
}
@media screen and (min-width: 480px) {
  #cookie_banner-wrapper {
    padding: 32px 64px 64px 64px; }
}
#cookie_banner-wrapper .button {
  background-color: #FFF;
}

/* Cookie-Banner */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: 700; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

code,
kbd,
pre,
samp {
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

select {
  text-transform: none; }

button {
  overflow: visible; }

button,
input,
select,
textarea {
  max-width: 100%; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default;
  opacity: .5; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0.4375em;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #d1d1d1;
  margin: 0 0 1.75em;
  min-width: inherit;
  padding: 0.875em; }

fieldset > :last-child {
  margin-bottom: 0; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

optgroup {
  font-weight: bold; }

img {
  width: 100%; }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

+ footer,
+ .jump,
+ .map,
+ .team,
+ .teaser-large {
  margin-top: -64px; }

@media screen and (min-width: 768px) {
  .col-1-1 {
    width: 100%; }
  .col-1-2 {
    width: 50%; }
  .col-1-3 {
    width: 33.33333%; }
  .col-2-3 {
    width: 66.66667%; }
  .col-1-4 {
    width: 25%; }
  .col-3-4 {
    width: 75%; }
  .col-1-5 {
    width: 20%; }
  .col-2-5 {
    width: 40%; }
  .col-3-5 {
    width: 60%; }
  .col-4-5 {
    width: 80%; }
  .col-1-6 {
    width: 16.66667%; }
  .col-5-6 {
    width: 83.33333%; }
  .col-1-7 {
    width: 14.28571%; }
  .col-2-7 {
    width: 28.57143%; }
  .col-3-7 {
    width: 42.85714%; }
  .col-4-7 {
    width: 57.14286%; }
  .col-5-7 {
    width: 71.42857%; }
  .col-6-7 {
    width: 85.71429%; }
  .col-1-8 {
    width: 12.5%; }
  .col-3-8 {
    width: 37.5%; }
  .col-5-8 {
    width: 62.5%; }
  .col-7-8 {
    width: 87.5%; }
  .col-1-9 {
    width: 11.11111%; }
  .col-2-9 {
    width: 22.22222%; }
  .col-4-9 {
    width: 44.44444%; }
  .col-5-9 {
    width: 55.55556%; }
  .col-7-9 {
    width: 77.77778%; }
  .col-8-9 {
    width: 88.88889%; }
  .col-1-10 {
    width: 10%; }
  .col-3-10 {
    width: 30%; }
  .col-7-10 {
    width: 70%; }
  .col-9-10 {
    width: 90%; }
  .col-1-11 {
    width: 9.09091%; }
  .col-2-11 {
    width: 18.18182%; }
  .col-3-11 {
    width: 27.27273%; }
  .col-4-11 {
    width: 36.36364%; }
  .col-5-11 {
    width: 45.45455%; }
  .col-6-11 {
    width: 54.54545%; }
  .col-7-11 {
    width: 63.63636%; }
  .col-8-11 {
    width: 72.72727%; }
  .col-9-11 {
    width: 81.81818%; }
  .col-10-11 {
    width: 90.90909%; }
  .col-1-12 {
    width: 8.33333%; }
  .col-5-12 {
    width: 41.66667%; }
  .col-7-12 {
    width: 58.33333%; }
  .col-11-12 {
    width: 91.66667%; }
  .col-1-13 {
    width: 7.69231%; }
  .col-2-13 {
    width: 15.38462%; }
  .col-3-13 {
    width: 23.07692%; }
  .col-4-13 {
    width: 30.76923%; }
  .col-5-13 {
    width: 38.46154%; }
  .col-6-13 {
    width: 46.15385%; }
  .col-7-13 {
    width: 53.84615%; }
  .col-8-13 {
    width: 61.53846%; }
  .col-9-13 {
    width: 69.23077%; }
  .col-10-13 {
    width: 76.92308%; }
  .col-11-13 {
    width: 84.61538%; }
  .col-12-13 {
    width: 92.30769%; }
  .col-1-14 {
    width: 7.14286%; }
  .col-3-14 {
    width: 21.42857%; }
  .col-5-14 {
    width: 35.71429%; }
  .col-9-14 {
    width: 64.28571%; }
  .col-11-14 {
    width: 78.57143%; }
  .col-13-14 {
    width: 92.85714%; }
  .col-1-15 {
    width: 6.66667%; }
  .col-2-15 {
    width: 13.33333%; }
  .col-4-15 {
    width: 26.66667%; }
  .col-7-15 {
    width: 46.66667%; }
  .col-8-15 {
    width: 53.33333%; }
  .col-11-15 {
    width: 73.33333%; }
  .col-13-15 {
    width: 86.66667%; }
  .col-14-15 {
    width: 93.33333%; }
  .col-1-16 {
    width: 6.25%; }
  .col-3-16 {
    width: 18.75%; }
  .col-5-16 {
    width: 31.25%; }
  .col-7-16 {
    width: 43.75%; }
  .col-9-16 {
    width: 56.25%; }
  .col-11-16 {
    width: 68.75%; }
  .col-13-16 {
    width: 81.25%; }
  .col-15-16 {
    width: 93.75%; }
  .col-1-17 {
    width: 5.88235%; }
  .col-2-17 {
    width: 11.76471%; }
  .col-3-17 {
    width: 17.64706%; }
  .col-4-17 {
    width: 23.52941%; }
  .col-5-17 {
    width: 29.41176%; }
  .col-6-17 {
    width: 35.29412%; }
  .col-7-17 {
    width: 41.17647%; }
  .col-8-17 {
    width: 47.05882%; }
  .col-9-17 {
    width: 52.94118%; }
  .col-10-17 {
    width: 58.82353%; }
  .col-11-17 {
    width: 64.70588%; }
  .col-12-17 {
    width: 70.58824%; }
  .col-13-17 {
    width: 76.47059%; }
  .col-14-17 {
    width: 82.35294%; }
  .col-15-17 {
    width: 88.23529%; }
  .col-16-17 {
    width: 94.11765%; }
  .col-1-18 {
    width: 5.55556%; }
  .col-5-18 {
    width: 27.77778%; }
  .col-7-18 {
    width: 38.88889%; }
  .col-11-18 {
    width: 61.11111%; }
  .col-13-18 {
    width: 72.22222%; }
  .col-17-18 {
    width: 94.44444%; }
  .col-1-19 {
    width: 5.26316%; }
  .col-2-19 {
    width: 10.52632%; }
  .col-3-19 {
    width: 15.78947%; }
  .col-4-19 {
    width: 21.05263%; }
  .col-5-19 {
    width: 26.31579%; }
  .col-6-19 {
    width: 31.57895%; }
  .col-7-19 {
    width: 36.84211%; }
  .col-8-19 {
    width: 42.10526%; }
  .col-9-19 {
    width: 47.36842%; }
  .col-10-19 {
    width: 52.63158%; }
  .col-11-19 {
    width: 57.89474%; }
  .col-12-19 {
    width: 63.15789%; }
  .col-13-19 {
    width: 68.42105%; }
  .col-14-19 {
    width: 73.68421%; }
  .col-15-19 {
    width: 78.94737%; }
  .col-16-19 {
    width: 84.21053%; }
  .col-17-19 {
    width: 89.47368%; }
  .col-18-19 {
    width: 94.73684%; }
  .col-1-20 {
    width: 5%; }
  .col-3-20 {
    width: 15%; }
  .col-7-20 {
    width: 35%; }
  .col-9-20 {
    width: 45%; }
  .col-11-20 {
    width: 55%; }
  .col-13-20 {
    width: 65%; }
  .col-17-20 {
    width: 85%; }
  .col-19-20 {
    width: 95%; }
  .col-1-21 {
    width: 4.7619%; }
  .col-2-21 {
    width: 9.52381%; }
  .col-4-21 {
    width: 19.04762%; }
  .col-5-21 {
    width: 23.80952%; }
  .col-8-21 {
    width: 38.09524%; }
  .col-10-21 {
    width: 47.61905%; }
  .col-11-21 {
    width: 52.38095%; }
  .col-13-21 {
    width: 61.90476%; }
  .col-16-21 {
    width: 76.19048%; }
  .col-17-21 {
    width: 80.95238%; }
  .col-19-21 {
    width: 90.47619%; }
  .col-20-21 {
    width: 95.2381%; }
  .col-1-22 {
    width: 4.54545%; }
  .col-3-22 {
    width: 13.63636%; }
  .col-5-22 {
    width: 22.72727%; }
  .col-7-22 {
    width: 31.81818%; }
  .col-9-22 {
    width: 40.90909%; }
  .col-13-22 {
    width: 59.09091%; }
  .col-15-22 {
    width: 68.18182%; }
  .col-17-22 {
    width: 77.27273%; }
  .col-19-22 {
    width: 86.36364%; }
  .col-21-22 {
    width: 95.45455%; }
  .col-1-23 {
    width: 4.34783%; }
  .col-2-23 {
    width: 8.69565%; }
  .col-3-23 {
    width: 13.04348%; }
  .col-4-23 {
    width: 17.3913%; }
  .col-5-23 {
    width: 21.73913%; }
  .col-6-23 {
    width: 26.08696%; }
  .col-7-23 {
    width: 30.43478%; }
  .col-8-23 {
    width: 34.78261%; }
  .col-9-23 {
    width: 39.13043%; }
  .col-10-23 {
    width: 43.47826%; }
  .col-11-23 {
    width: 47.82609%; }
  .col-12-23 {
    width: 52.17391%; }
  .col-13-23 {
    width: 56.52174%; }
  .col-14-23 {
    width: 60.86957%; }
  .col-15-23 {
    width: 65.21739%; }
  .col-16-23 {
    width: 69.56522%; }
  .col-17-23 {
    width: 73.91304%; }
  .col-18-23 {
    width: 78.26087%; }
  .col-19-23 {
    width: 82.6087%; }
  .col-20-23 {
    width: 86.95652%; }
  .col-21-23 {
    width: 91.30435%; }
  .col-22-23 {
    width: 95.65217%; }
  .col-1-24 {
    width: 4.16667%; }
  .col-5-24 {
    width: 20.83333%; }
  .col-7-24 {
    width: 29.16667%; }
  .col-11-24 {
    width: 45.83333%; }
  .col-13-24 {
    width: 54.16667%; }
  .col-17-24 {
    width: 70.83333%; }
  .col-19-24 {
    width: 79.16667%; }
  .col-23-24 {
    width: 95.83333%; } }

h1, h2, h3, h4, h5, h6, p {
  padding: 0;
  margin: 0; }

strong {
  font-weight: 900; }

body {
  color: #5D6B9D;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 28px; }

.button {
  color: #5D6B9D;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 28px; }
  .button:hover {
    color: #B36184;
    text-decoration: none; }
  @media screen and (min-width: 768px) {
    .button {
      font-size: 24px;
      line-height: 40px; } }

p {
  line-height: 32px;
  padding: 0 0 16px 0; }
  @media screen and (min-width: 768px) {
    p {
      font-size: 24px;
      line-height: 40px; } }

ul {
  line-height: 32px;
  margin: 0;
  padding: 0 0 16px 28px; }
  @media screen and (min-width: 768px) {
    ul {
      font-size: 24px;
      line-height: 40px; } }

h1, h2, h3, h4, h5, h6 {
  color: #5D6B9D;
  font-weight: 400;
  line-height: 1.2em;
  text-align: left;
  padding: 0 0 16px 0; }
  h1.poster, h2.poster, h3.poster, h4.poster, h5.poster, h6.poster {
    font-weight: 900;
    letter-spacing: .05em;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      h1.poster, h2.poster, h3.poster, h4.poster, h5.poster, h6.poster {
        letter-spacing: .175em;
        text-align: left; } }

h1, .headline-1, h5 {
  font-size: 3.375em; }
  @media screen and (min-width: 768px) {
    h1, .headline-1, h5 {
      font-size: 5.063em; } }

h2, .headline-2 {
  font-size: 2.25em; }
  @media screen and (min-width: 768px) {
    h2, .headline-2 {
      font-size: 6vw; } }

@media screen and (min-width: 768px) {
  .kontakt-captcha h2, .kontakt-captcha .headline-2,
  .kontakt-erfolgreich-verschickt h2,
  .kontakt-erfolgreich-verschickt .headline-2,
  .error h2,
  .error .headline-2 {
    font-size: 3.375em; } }

h3, .headline-3 {
  font-size: 1.5em; }
  @media screen and (min-width: 768px) {
    h3, .headline-3 {
      font-size: 2.25em;
      line-height: 1.2em; } }

h4, h6 {
  font-size: 20px; }

.invert {
  color: #FFF; }
  .invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6 {
    color: #FFF; }
  .invert a:link, .invert a:visited, .invert a:active {
    color: #FFF; }
  .invert a:hover {
    color: #F3DE9E; }

a:link, a:visited, a:active {
  color: #5D6B9D;
  text-decoration: underline; }

a:hover {
  color: #B36184;
    color-text-decoration: none; }

nav a:link, nav a:visited, nav a:active {
  color: #5D6B9D;
  text-decoration: none; }

nav a:hover {
  color: #B36184;
  text-decoration: none; }

nav .is-selected:link, nav .is-selected:visited, nav .is-selected:active {
  color: #B36184; }

section {
  margin: 0 0 64px 0; }

section.paragraph {
  margin: 0 0 48px 0; }

section.stage-editorial {
  margin-bottom: 0; }

.wrapper {
  margin: 0 16px; }
  @media screen and (min-width: 480px) {
    .wrapper {
      margin-left: calc(100% / 24 * 2);
      margin-right: calc(100% / 24 * 2); } }
  @media screen and (min-width: 1201px) {
    .wrapper {
      margin-left: calc(100% / 24 * 4);
      margin-right: calc(100% / 24 * 4); } }
  @media screen and (min-width: 1441px) {
    .wrapper {
      margin: 0 auto;
      max-width: 980px; } }

@media screen and (min-width: 480px) {
  .image-single .wrapper,
  .image-group-of-two .wrapper,
  .map .wrapper,
  .facts .wrapper {
    margin-left: 16px;
    margin-right: 16px; } }

@media screen and (min-width: 1201px) {
  .image-single .wrapper,
  .image-group-of-two .wrapper,
  .map .wrapper,
  .facts .wrapper {
    margin-left: calc(100% / 24 * 2 - 8px);
    margin-right: calc(100% / 24 * 2 - 8px); } }

@media screen and (min-width: 1441px) {
  .image-single .wrapper,
  .image-group-of-two .wrapper,
  .map .wrapper,
  .facts .wrapper {
    margin-left: calc(100% / 24 * 3 - 8px);
    margin-right: calc(100% / 24 * 3 - 8px);
    max-width: none; } }

.button {
  border-width: 8px;
  border-style: solid;
  border-color: #F3DE9E;
  display: inline-block;
  margin: 24px 0 16px 0;
  padding: 16px;
  text-align: center;
  text-decoration: underline;
  width: 100%; }
  @media screen and (min-width: 480px) {
    .button {
      padding: 16px 24px;
      width: inherit; } }
  @media screen and (min-width: 768px) {
    .button {
      padding: 24px 32px;
      width: inherit; } }

.button-border-is-same .button {
  border-color: #DBC88E; }

body {
  background-color: #F0F1EC;
  margin-top: 96px; }
  @media screen and (min-width: 768px) {
    body {
      margin-top: 192px; } }

@font-face {
  font-family: 'k3-icons';
  src: url("../fonts/k3-icons.eot?o6gc7b");
  src: url("../fonts/k3-icons.eot?o6gc7b#iefix") format("embedded-opentype"), url("../fonts/k3-icons.ttf?o6gc7b") format("truetype"), url("../fonts/k3-icons.woff?o6gc7b") format("woff"), url("../fonts/k3-icons.svg?o6gc7b#k3-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'k3-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-instagram:before {
  content: "\f16d"; }

.icon-pinterest:before {
  content: "\e900"; }

img {
  display: block;
  opacity: .8; }

.menu {
  background: transparent;
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  z-index: 666; }
  .menu .logo {
    padding: 16px 0 16px 16px;
    float: left; }
    @media screen and (min-width: 960px) {
      .menu .logo {
        display: none; } }
  .menu .is-homepage {
    display: none; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .menu {
      position: absolute; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .menu {
      position: absolute; } }
  @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .menu {
      position: absolute; } }
  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .menu {
      position: absolute; } }
  .menu ul {
    background-color: #FFF;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #F0F1EC;
    position: absolute;
    left: 0px;
    padding: 32px 0 16px 0;
    margin: 0;
    width: 100%;
    top: 60px; }
    @media screen and (min-width: 960px) {
      .menu ul {
        padding: 16px; } }
    .menu ul::after {
      content: "";
      display: block;
      background-color: #FFF;
      height: 100vh;
      position: absolute;
      top: 0;
      left: 0;
      height: 100vh;
      width: 100%;
      z-index: -1; }
      @media screen and (min-width: 960px) {
        .menu ul::after {
          display: none; } }
    .menu ul.is-active {
      display: none; }
    .menu ul li {
      display: block;
      float: none;
      font-size: 1.5em;
      line-height: 1.2em;
      margin: 0 0 24px 0;
      padding: 0 32px;
      text-align: center; }
      @media screen and (min-width: 960px) {
        .menu ul li {
          font-size: 20px;
          line-height: 28px;
          padding: 0;
          margin: 0 0 16px 0; } }
      .menu ul li:last-child {
        margin-bottom: 0; }
    @media screen and (min-width: 960px) {
      .menu ul {
        float: left;
        left: 50%;
        position: relative;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0); } }
  .menu a {
    display: block; }
  @media screen and (min-width: 960px) {
    .menu .menu-toggle {
      display: none; }
    .menu ul {
      background: transparent;
      border: 0;
      display: inline-block;
      top: 0;
      width: auto; }
      .menu ul.is-active {
        display: inline-block; }
      .menu ul li {
        float: left;
        list-style: none;
        margin: 0 32px 0 0; } }
    @media screen and (min-width: 960px) and (min-width: 990px) {
      .menu ul li {
        margin: 0 48px 0 0; } }
  @media screen and (min-width: 960px) {
        .menu ul li:last-child {
          margin-right: 0; } }

.menu-toggle {
  padding: 16px 16px 16px 0;
  float: right;
  display: inline-block; }
  .menu-toggle .label-expanded {
    display: none; }

.is-scrolled,
nav.is-active {
  background-color: #FFF;
  -webkit-box-shadow: 0 0 64px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 64px rgba(0, 0, 0, 0.2); }

.is-scrolled .logo {
  display: block; }

@media screen and (min-width: 960px) {
  .is-scrolled .logo {
    display: none; } }

nav.is-active .logo {
  display: none; }

nav.is-active .menu-toggle .label-expanded {
  display: block; }

nav.is-active .menu-toggle .label-collapsed {
  display: none; }

footer {
  margin: 0;
  padding: 96px 0; }
  @media screen and (min-width: 1024px) {
    footer {
      padding: 192px 0; } }
  footer .logo {
    position: relative;
    text-align: center;
    left: 50%;
    margin: 0 0 64px 0;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 256px;
    z-index: 665; }
    footer .logo img {
      opacity: 1; }
    @media screen and (min-width: 480px) {
      footer .logo {
        max-width: 384px;
        min-width: 256px;
        width: 40vw; } }
    @media screen and (min-width: 1024px) {
      footer .logo {
        margin-bottom: 192px; } }

.meta {
  display: block;
  text-align: center; }
  .meta ul {
    margin: 0 0 64px 0;
    padding: 0;
    width: 100%; }
    .meta ul li {
      display: block;
      float: none;
      margin: 0 0 16px 0; }
      @media screen and (min-width: 768px) {
        .meta ul li {
          display: inline-block;
          float: none;
          margin: 0 32px 0 0; }
          .meta ul li:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 990px) {
        .meta ul li {
          margin: 0 48px 0 0; } }

.social {
  display: block;
  text-align: center; }
  .social ul {
    margin: 0;
    padding: 0;
    width: 100%; }
    .social ul li {
      display: inline-block;
      margin: 0 32px 0 0; }
      .social ul li:last-child {
        margin-right: 0; }
      .social ul li [class^="icon-"], .social ul li [class*=" icon-"] {
        font-size: 40px;
        line-height: 40px; }
      @media screen and (min-width: 990px) {
        .social ul li {
          margin: 0 48px 0 0; } }

.stage-brand {
  background-color: #F0F1EC;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 645px;
  margin-top: -96px;
  z-index: 98; }

.stage-detail,
.stage-editorial {
  background-color: #F0F1EC;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 75vw;
  margin-top: -96px;
  z-index: 98; }
  @media screen and (min-width: 768px) {
    .stage-detail,
    .stage-editorial {
      height: 645px; } }

.stage-brand + footer,
.stage-brand + .jump,
.stage-brand + .map,
.stage-brand + .team,
.stage-brand + .teaser-large {
  margin-top: -64px; }

@media screen and (min-width: 768px) {
  .stage-brand {
    margin-top: -192px;
    min-height: 768px;
    height: 75vh; }
    .stage-brand + section.teaser-small,
    .stage-brand + section.paragraph {
      margin-top: -112px;
      z-index: 99;
      position: relative; } }

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .stage-brand {
    height: 100vh;
    min-height: 720px; } }

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .stage-brand {
    height: 100vh; } }

.stage-brand::before {
  content: "";
  display: block;
  background-color: #F0F1EC;
  opacity: .8;
  height: 645px; }
  @media screen and (min-width: 768px) {
    .stage-brand::before {
      min-height: 768px;
      height: 75vh; } }
  @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
    .stage-brand::before {
      height: 100vh;
      min-height: 720px; } }
  @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .stage-brand::before {
      height: 100vh; } }

.stage-brand .logo {
  position: absolute;
  text-align: center;
  top: 120px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  min-width: 246px;
  z-index: 665; }
  @media screen and (min-width: 768px) {
    .stage-brand .logo {
      top: 180px; } }

.stage-brand img {
  opacity: 1; }
  @media screen and (min-width: 480px) {
    .stage-brand img {
      max-width: 396px;
      min-width: 246px;
      width: 40vw; } }
  @media screen and (min-width: 1200px) {
    .stage-brand img {
      width: 396px; } }

.stage-brand .eyecatcher {
  border-width: 5px;
  border-style: solid;
  border-color: #F3DE9E;
  bottom: 32px;
  margin: 0 16px;
  padding: 16px;
  position: absolute;
  text-align: left; }
  @media screen and (min-width: 480px) {
    .stage-brand .eyecatcher {
      margin-left: calc(100% / 24 * 2);
      margin-right: calc(100% / 24 * 2);
      padding: 16px 24px; } }
  @media screen and (min-width: 768px) {
    .stage-brand .eyecatcher {
      border-width: 8px;
      margin-left: calc(100% / 24 * 6);
      margin-right: calc(100% / 24 * 2);
      padding: 24px 32px; } }
  @media screen and (min-width: 992px) {
    .stage-brand .eyecatcher {
      margin-left: calc(100% / 24 * 7); } }
  @media screen and (min-width: 1200px) {
    .stage-brand .eyecatcher {
      margin-left: calc(100% / 24 * 10); } }
  @media screen and (min-width: 1440px) {
    .stage-brand .eyecatcher {
      margin-left: calc(100% / 24 * 12);
      margin-right: calc(100% / 24 * 3); } }
  @media screen and (min-width: 1920px) {
    .stage-brand .eyecatcher {
      margin-left: calc(100% / 24 * 13);
      margin-right: calc(100% / 24 * 4); } }

@media screen and (min-width: 768px) {
  .stage-detail,
  .stage-editorial {
    margin-top: -192px; } }

.stage-detail::before,
.stage-editorial::before {
  content: "";
  display: block;
  background-color: #F0F1EC;
  opacity: .8;
  height: 75vw; }
  @media screen and (min-width: 768px) {
    .stage-detail::before,
    .stage-editorial::before {
      height: 645px; } }

.stage-detail .intro,
.stage-editorial .intro {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%; }
  .stage-detail .intro.notification,
  .stage-editorial .intro.notification {
    top: 120px;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
    @media screen and (min-width: 768px) {
      .stage-detail .intro.notification,
      .stage-editorial .intro.notification {
        top: 180px; } }
  .stage-detail .intro .wrapper,
  .stage-editorial .intro .wrapper {
    max-width: none; }

.stage-brand h2,
.stage-detail h2,
.stage-editorial h2 {
  text-align: center; }

.teaser-small {
  overflow: auto;
  position: relative;
  width: 100%; }

.teaser-small .visual + .wrapper {
  margin-top: -32px; }
  @media screen and (min-width: 768px) {
    .teaser-small .visual + .wrapper {
      margin-top: -48px; } }

@media screen and (min-width: 480px) {
  .teaser-small .visual {
    margin-left: calc(100% / 24 * 1);
    margin-right: calc(100% / 24 * 1); } }

@media screen and (min-width: 1200px) {
  .teaser-small .visual {
    margin-left: calc(100% / 24 * 2);
    margin-right: calc(100% / 24 * 2); } }

@media screen and (min-width: 1440px) {
  .teaser-small .visual {
    margin-left: calc(100% / 24 * 3);
    margin-right: calc(100% / 24 * 3); } }

@media screen and (min-width: 1600px) {
  .teaser-small .visual {
    margin-left: calc(100% / 24 * 4);
    margin-right: calc(100% / 24 * 6); } }

@media screen and (min-width: 1920px) {
  .teaser-small .visual {
    margin-left: calc(100% / 24 * 5);
    margin-right: calc(100% / 24 * 7); } }

.teaser-small .wrapper {
  position: relative; }

.teaser-large {
  position: relative;
  background-color: #5D6B9D;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .teaser-large + footer,
  .teaser-large + .jump,
  .teaser-large + .map,
  .teaser-large + .team,
  .teaser-large + .teaser-large {
    margin-top: -64px; }
  .teaser-large::before {
    content: "";
    position: absolute;
    background-color: #5D6B9D;
    opacity: .8;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1; }
  .teaser-large .wrapper {
    position: relative;
    padding: 96px 0;
    z-index: 2; }
    .teaser-large .wrapper .poster {
      padding: 0 0 96px 0; }
    @media screen and (min-width: 1024px) {
      .teaser-large .wrapper {
        padding: 192px 0; } }

.jump {
  background-color: #F3DE9E; }
  .jump + footer,
  .jump + .jump,
  .jump + .map,
  .jump + .team,
  .jump + .teaser-large {
    margin-top: -64px; }
  .jump .wrapper {
    padding: 96px 0; }
    @media screen and (min-width: 1024px) {
      .jump .wrapper {
        padding: 192px 0; } }

.cluster {
  overflow: auto; }
  @media screen and (min-width: 480px) {
    .cluster {
      margin-left: 8px;
      margin-right: 8px; } }
  @media screen and (min-width: 1201px) {
    .cluster {
      margin-left: calc(100% / 24 * 2 - 8px);
      margin-right: calc(100% / 24 * 2 - 8px); } }
  @media screen and (min-width: 1441px) {
    .cluster {
      margin-left: calc(100% / 24 * 3 - 8px);
      margin-right: calc(100% / 24 * 3 - 8px); } }
  .cluster ul {
    overflow: auto;
    position: relative;
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 1920px) {
      .cluster ul {
        margin: 0 auto;
        max-width: 1920px; } }
    .cluster ul li {
      float: left;
      list-style-type: none;
      margin-bottom: 1px;
      padding: 0 16px 16px 16px;
      position: relative;
      width: 100%; }
      .cluster ul li:last-child {
        margin-bottom: 0;
        padding-bottom: 0; }
      .cluster ul li .teaser {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        position: relative;
        width: 100%;
        padding-top: 100%; }
        .cluster ul li .teaser::before {
          background-color: #5D6B9D;
          bottom: 0;
          content: "";
          display: block;
          position: absolute;
          padding-top: 100%;
          left: 0;
          opacity: .8;
          right: 0;
          top: 0; }
        .cluster ul li .teaser:hover::before {
          opacity: .4;
          -webkit-transition: all 300ms;
          transition: all 300ms; }
      @media screen and (min-width: 480px) {
        .cluster ul li {
          padding-left: 8px;
          padding-right: 8px;
          width: calc(100% / 24 * 12); }
          .cluster ul li:nth-child(2n) {
            padding-left: 8px;
            padding-right: 8px; } }
      @media screen and (min-width: 1024px) {
        .cluster ul li {
          padding-left: 8px;
          padding-right: 8px;
          width: calc(100% / 24 * 8); } }
      @media screen and (min-width: 1600px) {
        .cluster ul li {
          padding-left: 8px;
          padding-right: 8px;
          width: calc(100% / 24 * 8); } }
      .cluster ul li h3 {
        bottom: 0;
        left: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1; }
        .cluster ul li h3 a {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          bottom: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          left: 0;
          padding: 0 16px;
          position: absolute;
          right: 0;
          text-align: center;
          top: 0; }

.paragraph h5 {
  font-size: 2.25em; }
  @media screen and (min-width: 768px) {
    .paragraph h5 {
      font-size: 5.063em; } }

.form form div {
  margin: 0 0 16px 0; }

.form form label {
  cursor: pointer;
  display: block;
  margin: 0 0 8px 0; }
  .form form label span {
    display: block;
    margin: 0 0 8px 0;
    font-size: 16px;
    line-height: 20px; }
    @media screen and (min-width: 768px) {
      .form form label span {
        font-size: 20px;
        line-height: 28px; } }

.form form input[type="text"],
.form form input[type="email"],
.form form input[type="tel"],
.form form textarea {
  border-bottom: 2px solid #D1D2D0;
  border-left: 0;
  border-right: 0;
  border-top: 2px solid #FFF;
  line-height: 32px;
  padding: 6px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .form form input[type="text"],
    .form form input[type="email"],
    .form form input[type="tel"],
    .form form textarea {
      font-size: 24px;
      line-height: 40px;
      padding: 12px; } }
  .form form input[type="text"]:focus, .form form input[type="text"]:focus,
  .form form input[type="email"]:focus,
  .form form input[type="email"]:focus,
  .form form input[type="tel"]:focus,
  .form form input[type="tel"]:focus,
  .form form textarea:focus,
  .form form textarea:focus {
    border: 2px solid #5D6B9D;
    outline: none; }

.form input.button {
  background: none; }

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="submit"],
textarea {
  border-radius: 0;
  -webkit-appearance: none; }

/* MailChimp Signup Form */
#mc_embed_signup input.mce_inline_error {
  border: 2px solid #F59A73 !important; }

#mc_embed_signup div.mce_inline_error {
  background-color: #F59A73 !important;
  font-weight: normal !important;
  font-size: 16px;
  line-height: 20px;
  margin: 0 !important;
  padding: 4px 6px 6px 6px !important; }
  @media screen and (min-width: 768px) {
    #mc_embed_signup div.mce_inline_error {
      font-size: 20px;
      line-height: 28px;
      padding: 10px 12px 12px 12px !important; } }

.googlemaps {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden; }
  .googlemaps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.image-single + section.image-group-of-two,
.image-single + section.image-single {
  margin-top: -48px; }

.image-group-of-two + section.image-single,
.image-group-of-two + section.image-group-of-two {
  margin-top: -48px; }

.image-group-of-two .wrapper {
  overflow: auto; }

.image-group-of-two img {
  float: left;
  width: 100%; }
  .image-group-of-two img:first-child {
    padding-right: 0;
    padding-bottom: 8px; }
  .image-group-of-two img:last-child {
    padding-left: 0;
    padding-top: 8px; }
  @media screen and (min-width: 768px) {
    .image-group-of-two img {
      width: 50%; }
      .image-group-of-two img:first-child {
        padding-right: 8px;
        padding-bottom: 0; }
      .image-group-of-two img:last-child {
        padding-left: 8px;
        padding-top: 0; } }

.facts p.headline-3 {
  font-size: 20px;
  line-height: 28px; }
  @media screen and (min-width: 768px) {
    .facts p.headline-3 {
      font-size: 2.25em;
      line-height: 1.2em; } }

.plan ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .plan ul li {
    background: #FFF;
    margin: 0 0 4px 0;
    overflow: auto;
    padding: 16px; }
    .plan ul li .workshop {
      float: left; }
    .plan ul li .value {
      float: right; }
      .plan ul li .value .currency {
        font-size: 16px; }

.block {
  margin-bottom: 96px;
  overflow: auto;
  position: relative;
  width: 100%; }
  @media screen and (min-width: 480px) {
    .block .visual {
      margin-left: calc(100% / 24 * 1);
      margin-right: calc(100% / 24 * 1); } }
  @media screen and (min-width: 1200px) {
    .block .visual {
      margin-left: calc(100% / 24 * 2);
      margin-right: calc(100% / 24 * 2); } }
  @media screen and (min-width: 1440px) {
    .block .visual {
      margin-left: calc(100% / 24 * 3);
      margin-right: calc(100% / 24 * 3); } }
  .block.k3, .block.kurse, .block.mappenvorbereitung {
    overflow: inherit; }
    .block.k3 .intro, .block.kurse .intro, .block.mappenvorbereitung .intro {
      position: relative;
      margin-top: -40px; }
      @media screen and (min-width: 768px) {
        .block.k3 .intro, .block.kurse .intro, .block.mappenvorbereitung .intro {
          margin-top: -70px; } }
  @media screen and (min-width: 1600px) {
    .block.kurse .visual {
      margin-left: calc(100% / 24 * 4);
      margin-right: calc(100% / 24 * 6); } }
  @media screen and (min-width: 1920px) {
    .block.kurse .visual {
      margin-left: calc(100% / 24 * 5);
      margin-right: calc(100% / 24 * 7); } }
  @media screen and (min-width: 1600px) {
    .block.mappenvorbereitung .visual {
      margin-left: calc(100% / 24 * 6);
      margin-right: calc(100% / 24 * 4); } }
  @media screen and (min-width: 1920px) {
    .block.mappenvorbereitung .visual {
      margin-left: calc(100% / 24 * 8);
      margin-right: calc(100% / 24 * 4); } }
  .block.events, .block.action {
    margin: 0;
    padding: 100px 0; }
    @media screen and (min-width: 1024px) {
      .block.events, .block.action {
        padding: 140px 0; } }
    @media screen and (min-width: 1440px) {
      .block.events, .block.action {
        padding: 240px 0; } }
    @media screen and (min-width: 1920px) {
      .block.events, .block.action {
        padding: 320px 0; } }
  .block.events {
    background-color: #5D6B9D;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    .block.events::before {
      content: "";
      position: absolute;
      background-color: #5D6B9D;
      opacity: .8;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      z-index: 1; }
    .block.events .intro {
      position: relative;
      z-index: 2; }
  .block.action {
    background-color: #F3DE9E; }

/* Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */