body {
  background: gainsboro;
  font-family: 'Droid Serif', serif;
  font-size: 15px;
  margin: 0;
}
body.no-scroll {
  position: fixed;
  overflow-y: scroll;
}
h1 {
  font-size: 2.67em;
}
h2 {
  font-size: 1em;
  color: #cd071e;
}
body {
  position: relative;
  overflow-x: hidden;
}
a:hover {
  text-decoration: none;
}
.pagebg-container {
  background: url("../images/BG-Image.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
}
.external-site {
  background-color: #000000;
}
#plakat-02 .pagebg-container {
  background-image: url("../images/02-plakat/BG-Image.jpg");
  background-position: top;
}
#plakat-03 .pagebg-container {
  background-image: url("../images/03-plakat/BG-Image.jpg");
}
#plakat-04 .pagebg-container {
  background-image: url("../images/04-plakat/BG-Image.jpg");
}
#plakat-05 .pagebg-container {
  background-image: url("../images/05-plakat/BG-Image.jpg");
}
#plakat-06 .pagebg-container {
  background-image: url("../images/06-plakat/BG-Image.jpg");
  background-position: bottom;
}
#plakat-07 .pagebg-container {
  background-image: url("../images/07-plakat/BG-Image.jpg");
  background-position: top;
}
#plakat-08 .pagebg-container {
  background-image: url("../images/08-plakat/BG-Image.jpg");
}
#plakat-09 .pagebg-container {
  background-image: url("../images/09-plakat/BG-Image.jpg");
}
#plakat-10 .pagebg-container {
  background-image: url("../images/10-plakat/BG-Image.jpg");
}
#plakat-11 .pagebg-container {
  background-image: url("../images/11-plakat/BG-Image.jpg");
}
/* core component */
.infobox,
.shariff-button {
  width: 29em;
  background-color: #ffffff;
  margin-top: 20em;
  -webkit-box-shadow: 9px 13px 108px -28px rgba(0, 0, 0, 0.72);
  -moz-box-shadow: 9px 13px 108px -28px rgba(0, 0, 0, 0.72);
  box-shadow: 9px 13px 108px -28px rgba(0, 0, 0, 0.72);
}
.infobox .text-highlight,
.shariff-button .text-highlight {
  color: #cd071e;
}
@media (min-width: 992px) {
  .infobox,
  .shariff-button {
    float: right;
    margin-right: 10%;
  }
}
@media (max-width: 1199px) {
  .infobox,
  .shariff-button {
    margin: 27em auto 0;
  }
}
.infobox .content-text,
.shariff-button .content-text {
  margin: 0 3.5em 2em;
}
@media (max-width: 920px) {
  .infobox .content-text,
  .shariff-button .content-text {
    padding-bottom: 2em;
  }
}
.infobox .content-text h1,
.shariff-button .content-text h1 {
  margin: 0;
  margin-bottom: 1em;
}
.content-number {
  background-color: #969696;
  color: white;
  padding: 0 .35em;
  font-size: 2.34em;
  line-height: 1.2em;
}
#fade {
  opacity: 0;
  position: relative;
}
/** Scene Special Styles **/
#scene-1 {
  height: 800px;
}
#scene-2 {
  margin-bottom: -10em;
}
.list {
  list-style-image: url("../images/09-plakat/point.svg");
}
.svg-container {
  text-align: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.svg-content {
  width: 100%;
}
.background-svg {
  position: relative;
}
#background-svg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.scrollContent {
  position: relative;
}
#pfeile {
  width: 100%;
  height: 900px;
}
.text-highlight {
  color: #FFED00;
}
a:hover .text-highlight,
a:focus .text-highlight,
a:active .text-highlight {
  color: #b3a600;
}
.break-words {
  word-wrap: break-word;
}
.cloud-content {
  background-color: #000000;
  color: #ffffff;
  font-family: 'Lato', sans-serif;
  border: 10px solid transparent;
  padding: 1.5em 0 1em;
}
.cloud-content p {
  margin-left: 410px;
  padding-right: 8em;
  padding-top: 1em;
  font-size: 1.1em;
}
.cloud-content a {
  color: #ffffff;
  text-decoration: underline;
}
.cloud-content a:hover,
.cloud-content a:focus,
.cloud-content a:active {
  color: #9d9d9d;
}
.cloud-image {
  overflow: hidden;
  position: relative;
  z-index: 11;
}
.cloud-border {
  background: url('../images/line.svg') repeat-x top center;
  width: 100%;
  height: 28px;
  margin-bottom: -15px;
  position: relative;
}
#cloud-ausbeutung {
  margin-left: -250px;
}
#textHolder {
  visibility: hidden;
  position: relative;
}
.typewriter-wrapper {
  background: url("../images/sheet.svg") no-repeat top left;
  width: 389px;
  line-height: 1.5em;
  float: right;
  margin-right: 14em;
  padding: 1em;
  padding-bottom: 10em;
}
.typewriter-wrapper .text-highlight {
  color: #cd071e;
}
.typewriter-wrapper p {
  padding: .5em 1em;
}
.typewriter-wrapper a {
  color: #000000;
  text-decoration: underline;
}
.typewriter-wrapper a:hover,
.typewriter-wrapper a:active,
.typewriter-wrapper a:focus {
  color: #777777;
}
.typewriter-wrapper.show-typewriter {
  padding: 0 1em 0 2em;
}
.typewriter-wrapper.show-typewriter .top-padding {
  padding-top: 2.5em;
}
body:not(.is-mobile) .typewriter-wrapper {
  -moz-transform: rotate(4deg);
  /* Firefox 3.6 Firefox 4 */
  -webkit-transform: rotate(4deg);
  /* Safari */
  -o-transform: rotate(4deg);
  /* Opera */
  -ms-transform: rotate(4deg);
  /* IE9 */
  transform: rotate(4deg);
  /* W3C */
}
body:not(.is-mobile) .typewriter-wrapper.left-canted {
  -moz-transform: rotate(-4deg);
  /* Firefox 3.6 Firefox 4 */
  -webkit-transform: rotate(-4deg);
  /* Safari */
  -o-transform: rotate(-4deg);
  /* Opera */
  -ms-transform: rotate(-4deg);
  /* IE9 */
  transform: rotate(-4deg);
  /* W3C */
}
.txt {
  padding: .5em 1em;
}
.txt.highlight {
  color: #cd071e;
}
.typewriter-wrapper:not(.no-list) .txt > div:nth-child(2) {
  color: #cd071e;
}
.char,
.char1,
.char2,
.char3,
.char4,
.char-header {
  visibility: hidden;
}
.papers-move img {
  position: relative;
  display: block;
}
.papers-move img.paper-2 {
  top: -58px;
}
.papers-move img.paper-3 {
  top: -182px;
}
.papers-move img.paper-4 {
  top: -185px;
}
.papers-move img.paper-5 {
  top: -349px;
}
.papers-move img.paper-6 {
  top: -417px;
}
section {
  clear: both;
}
/* SCROLLING-ICONS*/
#scrolling-icons {
  position: relative;
  width: 80%;
  margin: 0 auto;
}
#scrolling-icons .pinElement {
  position: absolute;
  bottom: 0;
  left: 20%;
  /* As the mixin is called CSS is outputted */
  /* Interation call and operation */
  /* As the mixin is called CSS is outputted */
  /* Interation call and operation */
  /* As the mixin is called CSS is outputted */
  /* Interation call and operation */
  /* As the mixin is called CSS is outputted */
  /* Interation call and operation */
  /* As the mixin is called CSS is outputted */
  /* Interation call and operation */
  /* As the mixin is called CSS is outputted */
  /* Interation call and operation */
}
#scrolling-icons .pinElement:nth-child(1) {
  left: 12.5%;
}
#scrolling-icons .pinElement:nth-child(2) {
  left: 25%;
}
#scrolling-icons .pinElement:nth-child(3) {
  left: 37.5%;
}
#scrolling-icons .pinElement:nth-child(4) {
  left: 50%;
}
#scrolling-icons .pinElement:nth-child(5) {
  left: 62.5%;
}
#scrolling-icons .pinElement:nth-child(6) {
  left: 75%;
}
#scrolling-icons .pinElement.animate {
  /*  top: auto !important;
      bottom: 1em !important;*/
}
body:not(.is-mobile) #scrolling-icons .pinElement {
  /* As the mixin is called CSS is outputted */
  /* Interation call and operation */
  /* As the mixin is called CSS is outputted */
  /* Interation call and operation */
  /* As the mixin is called CSS is outputted */
  /* Interation call and operation */
  /* As the mixin is called CSS is outputted */
  /* Interation call and operation */
  /* As the mixin is called CSS is outputted */
  /* Interation call and operation */
  /* As the mixin is called CSS is outputted */
  /* Interation call and operation */
}
body:not(.is-mobile) #scrolling-icons .pinElement:nth-child(1) {
  bottom: -150px;
}
body:not(.is-mobile) #scrolling-icons .pinElement:nth-child(2) {
  bottom: -300px;
}
body:not(.is-mobile) #scrolling-icons .pinElement:nth-child(3) {
  bottom: -450px;
}
body:not(.is-mobile) #scrolling-icons .pinElement:nth-child(4) {
  bottom: -600px;
}
body:not(.is-mobile) #scrolling-icons .pinElement:nth-child(5) {
  bottom: -750px;
}
body:not(.is-mobile) #scrolling-icons .pinElement:nth-child(6) {
  bottom: -900px;
}
body.is-mobile#plakat-02 #scene-3 {
  height: auto;
  padding-top: 17em;
}
body.is-mobile #scrolling-icons {
  width: 100%;
}
.person-01 {
  position: absolute;
  left: 20em;
}
.person-02 {
  position: absolute;
  right: 20em;
}
#person-01-balloon {
  position: absolute;
  left: 17em;
  top: -3em;
}
#person-02-balloon {
  position: absolute;
  right: 19.5em;
  top: -1em;
}
#cloud-kids {
  position: absolute;
  right: 1em;
}
#child-sign {
  position: absolute;
  right: 600px;
  z-index: 17;
}
.victim-bubble-wrapper {
  position: absolute;
  margin-left: 41em;
  left: 0;
  bottom: -6em;
}
.element-fade-left {
  position: relative;
  opacity: 0;
}
.element-fade-right {
  position: absolute;
  opacity: 0;
}
.element-fade {
  opacity: 0;
}
/* Ignore => Base Styles */
.ScrollSceneIndicators {
  z-index: 9999999 !important;
}
body {
  margin: 0;
}
body .no-js-screen {
  height: 100%;
  background: #ffffff;
  position: relative;
  z-index: 300;
}
html,
body {
  height: 100%;
  margin: initial;
}
html.js,
body.js {
  height: auto;
}
.js .spinner,
.no-animation .spinner {
  display: none;
}
.no-js #background-svg {
  position: absolute;
  top: 150em;
}
.no-animation #fade,
.no-js #fade,
.no-animation .typewriter-wrapper,
.no-js .typewriter-wrapper,
.no-animation #person-01-balloon,
.no-js #person-01-balloon,
.no-animation #person-02-balloon,
.no-js #person-02-balloon,
.no-animation #person-01,
.no-js #person-01,
.no-animation #person-02,
.no-js #person-02,
.no-animation #austria-text,
.no-js #austria-text,
.no-animation #heart-small,
.no-js #heart-small,
.no-animation #heart-big,
.no-js #heart-big,
.no-animation #loverboy,
.no-js #loverboy,
.no-animation .element-fade-left,
.no-js .element-fade-left,
.no-animation .element-fade-right,
.no-js .element-fade-right,
.no-animation .element-fade,
.no-js .element-fade,
.no-animation #cloud-kids,
.no-js #cloud-kids,
.no-animation .nojs-visible,
.no-js .nojs-visible {
  opacity: 1 !important;
}
.no-animation #papers-move,
.no-js #papers-move,
.no-animation #background-svg,
.no-js #background-svg {
  display: block !important;
}
.no-animation #textHolder,
.no-js #textHolder {
  visibility: visible;
}
.no-animation #person-01-balloon,
.no-js #person-01-balloon {
  left: 23em;
}
.no-animation #person-02-balloon,
.no-js #person-02-balloon {
  right: 26em;
}
.no-animation #path-austria-text,
.no-js #path-austria-text {
  fill: #000000;
}
.no-animation .paper-1,
.no-js .paper-1 {
  left: 200px;
}
.no-animation .paper-2,
.no-js .paper-2 {
  left: 200px;
}
.no-animation .paper-3,
.no-js .paper-3 {
  left: 66px;
}
.no-animation .paper-4,
.no-js .paper-4 {
  left: 312px;
}
.no-animation .paper-5,
.no-js .paper-5 {
  left: 431px;
}
.no-animation .paper-6,
.no-js .paper-6 {
  left: 119px;
}
.no-animation #scrolling-icons .pinElement,
.no-js #scrolling-icons .pinElement {
  bottom: 0 !important;
}
.no-animation#plakat-02 #scene-3,
.no-js#plakat-02 #scene-3 {
  height: 0;
  margin-top: 37em;
}
.impress {
  text-align: center;
}
.impress p {
  margin: 0;
  padding: 0;
  margin-bottom: 1.5em;
}
.impress-wrapper {
  width: 41em;
  margin: 0 auto;
}
.internal-site #overview,
#overview-shariff {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 170px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 251;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#overview .ow-item a {
  background-repeat: no-repeat;
  background-position-y: 1000%;
}
#overview .ow-item a:hover,
#overview .ow-item a:active,
#overview .ow-item a:focus {
  background-size: cover;
  background-position-y: center;
}
#overview .ow-item a.content-text > span {
  background-color: #ffffff;
}
#overview ul,
#overview-shariff ul {
  list-style: none;
  width: 100%;
}
#overview .ow-item,
#overview-shariff .ow-item,
#overview .shariff-button,
#overview-shariff .shariff-button {
  float: left;
  width: 20%;
  margin: 2em;
  height: 15em;
  position: relative;
}
#overview .ow-item .content-text,
#overview-shariff .ow-item .content-text,
#overview .shariff-button .content-text,
#overview-shariff .shariff-button .content-text {
  margin: 0;
}
#overview .ow-item .content-text span,
#overview-shariff .ow-item .content-text span,
#overview .shariff-button .content-text span,
#overview-shariff .shariff-button .content-text span {
  margin: 4em 1.8em 0;
  display: inline-block;
}
#overview .ow-item .content-number,
#overview-shariff .ow-item .content-number,
#overview .shariff-button .content-number,
#overview-shariff .shariff-button .content-number {
  font-size: 1.5em;
}
#overview .ow-item > a,
#overview-shariff .ow-item > a,
#overview .shariff-button > a,
#overview-shariff .shariff-button > a {
  color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#overview .ow-item > a:hover,
#overview-shariff .ow-item > a:hover,
#overview .shariff-button > a:hover,
#overview-shariff .shariff-button > a:hover,
#overview .ow-item > a:focus,
#overview-shariff .ow-item > a:focus,
#overview .shariff-button > a:focus,
#overview-shariff .shariff-button > a:focus,
#overview .ow-item > a:active,
#overview-shariff .ow-item > a:active,
#overview .shariff-button > a:active,
#overview-shariff .shariff-button > a:active {
  color: #777777;
}
#overview .shariff-button,
#overview-shariff .shariff-button {
  width: 100%;
  max-width: 350px;
}
#overview .ow-links,
#overview-shariff .ow-links {
  text-align: center;
  font-size: .8em;
  position: relative;
}
#overview .ow-links a,
#overview-shariff .ow-links a {
  color: #ffffff;
}
#overview .ow-links hr,
#overview-shariff .ow-links hr {
  width: 10%;
}
#overview .ow-link-wrapper,
#overview-shariff .ow-link-wrapper {
  position: absolute;
  bottom: -4.5em;
  left: 0;
  right: 0;
}
#overview .ow-link-wrapper hr,
#overview-shariff .ow-link-wrapper hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.touch #overview-shariff .shariff-button.facebook {
  background-size: 50px;
}
.touch #overview-shariff .shariff-button.twitter {
  background-size: 85px;
}
.touch #overview-shariff .shariff-button.whatsapp {
  background-size: 85px;
}
#overview-shariff .dark-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
#overview-shariff .dark-wrapper .shariff {
  display: table-cell;
  vertical-align: middle;
}
#overview-shariff .dark-wrapper .shariff > ul {
  padding: 0;
  display: flex;
  justify-content: center;
}
#overview-shariff .shariff-button {
  background-repeat: no-repeat;
  background-position: center;
}
#overview-shariff .shariff-button.facebook {
  background-image: url("../images/fb.svg");
  background-color: rgba(59, 89, 152, 0.8);
}
#overview-shariff .shariff-button.twitter {
  background-image: url("../images/twitter.svg");
  background-color: rgba(0, 172, 237, 0.8);
}
#overview-shariff .shariff-button.whatsapp {
  background-image: url("../images/whatsapp.svg");
  background-color: rgba(52, 175, 35, 0.8);
}
#overview-shariff .share_text {
  color: transparent;
}
.no-touch .shariff-button.whatsapp {
  display: none;
}
.overview-link #overview-img {
  display: inline-block;
}
#close-img {
  display: none;
}
.open #close-img {
  display: inline-block;
}
.open #overview-img,
.open #share-img {
  display: none;
}
.open.sidebar-sharing #close-img {
  width: 22px;
}
footer {
  position: relative;
  background-color: #ffffff;
  z-index: 150;
}
footer nav a {
  color: #000000;
  display: flex;
  align-items: center;
  height: 12em;
}
footer nav a.overview {
  justify-content: center;
}
footer #overview-bottom-link {
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
}
footer .content-number {
  position: absolute;
  top: 0;
  font-size: 1.2em;
  left: 0;
  width: 2em;
  text-align: center;
}
footer .icon {
  color: #969696;
}
footer .prev-icon {
  padding-left: 1.8em;
}
footer .next-icon {
  padding-right: 1.8em;
  line-height: .8em;
}
footer .row {
  width: 100%;
}
footer .row .next-icon {
  text-align: right;
}
.row.next-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-text-left {
  padding-left: 2.5em;
  display: inline-block;
}
.nav-text-right {
  padding-left: 1.8em;
}
.footer-bottom {
  height: 220px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.footer-bottom img {
  width: 150px;
}
.wrapper {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.content-wrapper {
  display: table-cell;
}
.sidebar {
  display: table-cell;
  width: 170px;
}
.sidebar .wrapper-fixed {
  position: fixed;
  width: 170px;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  border-left: 1px solid #e3e3e3;
  z-index: 200;
  -webkit-overflow-scrolling: touch;
}
nav.next a {
  display: block;
  color: #969696;
  border-bottom: 1px solid #e3e3e3;
  text-align: center;
  text-decoration: none;
}
nav.next a.next-site {
  border: none;
}
nav.next a:hover,
nav.next a:focus,
nav.next a:active {
  background-color: #e3e3e3;
}
.next-site {
  padding-top: 1em;
}
.next-text {
  font-size: .8em;
}
.next-icon {
  font-size: 1.5em;
  padding-left: .2em;
}
.next-icon:before {
  content: '›';
}
.prev-icon {
  font-size: 1.5em;
  padding-left: .2em;
}
.prev-icon:before {
  content: '‹';
}
.next-number {
  display: block;
  font-size: 2.5em;
  padding-bottom: .5em;
}
.sidebar-overview {
  padding: .25em;
}
.sidebar-overview img {
  width: 12px;
}
nav.next .sidebar-sharing {
  padding: 5em 1em;
  border-bottom: 0;
}
.lang-switch {
  padding-bottom: 5px;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.row {
  margin: 0;
}
.show-sidebar {
  margin-left: -150px;
}
#smiley {
  position: absolute;
  z-index: 20;
  left: -8.5em;
}
.typewriter-centered {
  width: 419px;
  margin: 0 auto;
  position: relative;
}
.typewriter-centered .typewriter-wrapper {
  float: none;
}
.typewriter-wrapper.left {
  float: none;
  position: relative;
  z-index: 15;
}
.typewriter-wrapper.bottomleft {
  position: absolute;
  z-index: 11;
  bottom: 2.5em;
}
body:not(.is-mobile) .typewriter-wrapper.left,
body:not(.is-mobile) .typewriter-wrapper.bottomleft {
  left: 20%;
}
.wedding-wrapper {
  position: absolute;
  z-index: 11;
  bottom: 2.5em;
  left: 20%;
}
.wedding-wrapper #wedding-text {
  position: absolute;
  right: -15em;
  bottom: 0;
  color: #fff;
  font-family: 'Lato', sans-serif;
}
.typewriter-wrapper.paper-taskforce {
  width: 31em;
  background-size: cover;
  float: none;
  margin: 0 auto;
}
.typewriter-wrapper.paper-taskforce .tf-logo {
  width: 120px;
  float: right;
}
/* Anpassungen für die jeweiligen Seiten */
#plakat-02 .typewriter-wrapper {
  float: none;
  margin-left: 20%;
}
#plakat-02 #scene-2 {
  margin: 0;
}
#plakat-02 #scene-3 {
  height: 1100px;
  margin-top: 26em;
}
#plakat-02 .cloud-image {
  height: auto;
  bottom: -200px;
  margin: 0;
  margin-left: 84px;
  display: inline;
}
#plakat-02 .cloud-content {
  min-height: 13em;
}
#plakat-02 .scrollmagic-pin-spacer {
  height: 466px !important;
}
#plakat-03 #scene-2,
#plakat-03 #scene-3 {
  max-width: 1600px;
  margin: 0 auto;
  height: 31em;
}
#plakat-03 #scene-2 {
  margin-top: 10em;
  position: relative;
  z-index: 15;
}
#plakat-03 #scene-3 {
  margin-top: 7.5em;
  position: relative;
  z-index: 13;
}
#plakat-03 #scene-4 {
  max-width: 1600px;
  margin: 0 auto;
  text-align: right;
  padding-right: 200px;
  margin-top: -114px;
}
#plakat-03 #scene-5 {
  margin-top: 28em;
}
#plakat-03 .typewriter-wrapper.bottomleft #txt1 > div:nth-child(2) {
  color: #000000;
}
#plakat-03 .cloud-content {
  min-height: 10em;
}
#plakat-04 #scene-2 {
  position: relative;
  margin-top: 8em;
  height: 46em;
}
#plakat-04 #scene-4 {
  margin-top: 28em;
}
#plakat-04 #scene-4 .lip-wrapper {
  position: absolute;
  z-index: 11;
  bottom: 2.5em;
  right: 4%;
  left: initial;
}
#plakat-04 #scene-4 .lip-wrapper #lip-sign {
  position: absolute;
  right: 10em;
  top: -2em;
  z-index: 15;
}
#plakat-04 #scene-4 .cloud-content {
  min-height: 10em;
}
#plakat-05 .typewriter-wrapper {
  float: none;
}
#plakat-05 #scene-2 {
  float: none;
  position: relative;
  left: 20%;
  margin-bottom: 2em;
}
#plakat-05 #scene-3 {
  height: 31em;
  margin-bottom: 11em;
}
#plakat-05 .cloud-image {
  height: auto;
  bottom: -200px;
  margin: 0;
  margin-left: 20px;
  display: inline;
}
#plakat-05 .cloud-content {
  min-height: 13em;
}
#plakat-06 #scene-2 {
  margin-bottom: 0;
}
#plakat-06 #scene-3 {
  height: 31em;
  margin-bottom: 30em;
}
#plakat-06 .cloud-footer {
  position: relative;
}
#plakat-06 .cloud-image {
  margin: 0;
  width: auto;
  position: absolute;
  right: -113px;
  z-index: 15;
  top: -3em;
  overflow: visible;
}
#plakat-06 .cloud-image .icon-sign {
  position: absolute;
  top: -3em;
  left: -3em;
}
#plakat-06 .cloud-content {
  height: 14em;
}
#plakat-06 .bubble-wrapper {
  position: relative;
  margin-right: 4em;
}
#plakat-06 .typewriter-wrapper {
  width: 30em;
  background-size: cover;
  height: 46em;
}
#plakat-07 .cloud-content {
  min-height: 10em;
  background-color: #E3005C;
}
#plakat-07 #scene-3 {
  margin-top: 34em;
}
#plakat-07 #heart-full {
  margin-left: 25%;
  margin-top: 6em;
}
#plakat-07 .wedding-wrapper {
  bottom: 5em;
}
#plakat-07 #sign-pair {
  position: absolute;
  right: -4em;
  bottom: 1em;
}
#plakat-08 .cloud-image {
  margin: 0;
  margin-bottom: -10em;
  margin-top: 35em;
  margin-left: 2em;
  width: 25em;
}
#plakat-08 .cloud-content {
  min-height: 10em;
}
#plakat-09 .cloud-image {
  width: 283px;
  bottom: -8em;
  left: 7em;
}
#plakat-09 .cloud-content {
  padding-left: 29em;
  padding-right: 2em;
}
#plakat-09 .cloud-content h3 {
  padding-left: .95em;
}
#plakat-10 .typewriter-wrapper {
  background-size: cover;
  width: 38em;
}
#plakat-10 .cloud-content {
  padding: .7em 2em;
}
#plakat-10 .cloud-content p {
  margin-left: 0;
}
#plakat-10 #scene-2 {
  height: 62em;
  margin-bottom: 0;
}
#plakat-10 #scene-3 {
  position: relative;
  margin-bottom: 20em;
  margin-left: -10em;
  margin-top: 20em;
}
#plakat-10 #font-2 {
  margin-left: -18em;
  margin-top: -9em;
  padding-bottom: 5em;
}
#plakat-11 .cloud-image {
  text-align: center;
  margin-bottom: -7em;
}
#plakat-11 .cloud-content {
  padding-top: 8em;
  padding-bottom: 2em;
}
#plakat-11 .cloud-content .text-highlight {
  margin-bottom: 0.3em;
}
#plakat-11 .cloud-content .tf-img {
  width: 210px;
}
#plakat-11 .typewriter-wrapper {
  position: relative;
}
#plakat-11 #font-1 {
  right: -8em;
  z-index: 18;
}
#plakat-11 #font-2 {
  z-index: 17;
  top: -14em;
  left: -13em;
}
#plakat-11 #font-2 .typewriter-text {
  padding-right: 3em;
}
#plakat-11 #font-3 {
  z-index: 19;
  top: -22em;
}
.external-site .next-site {
  color: #969696 !important;
}
.external-site .next-text {
  visibility: visible;
}
.external-site .sidebar-overview {
  display: none;
}
.external-site .wrapper {
  margin: 4em 0;
}
.external-site#overview .content-wrapper {
  width: 100%;
  display: block;
}
#impress-site {
  font-family: 'Lato', sans-serif;
  color: #ffffff;
}
#impress-site h1 {
  font-size: 2em;
}
#impress-site .wrapper {
  width: 100%;
  display: block;
}
#impress-site .content-wrapper {
  width: 40%;
  margin: 0 auto;
  text-align: center;
  display: block;
  margin-top: 2em;
}
@media screen and (max-width: 1200px) {
  #impress-site .content-wrapper {
    width: 60%;
  }
}
#impress-site .logo-wrapper {
  padding-bottom: 2em;
}
#impress-site .logo-wrapper img {
  background-color: #ffffff;
  max-width: 100%;
  padding: .5em 1em;
}
@media screen and (max-width: 1580px) {
  #impress-site .logo-wrapper img {
    margin: 0;
  }
  #impress-site .logo-wrapper img.ooe-logo {
    margin-bottom: 2em;
  }
}
#impress-site .logo-wrapper.top {
  padding-top: 2em;
}
#impress-site a {
  color: #ffffff;
  text-decoration: underline;
}
#impress-site a:hover,
#impress-site a:focus,
#impress-site a:active {
  color: #9d9d9d;
}
#impress-site .text-highlight a {
  color: #FFED00;
}
#impress-site .text-highlight a:hover,
#impress-site .text-highlight a:focus,
#impress-site .text-highlight a:active {
  color: #b3a600;
}
.bmi-logo {
  margin-bottom: 3em !important;
}
.ooe-logo {
  margin-right: 7em;
}
.logos-wrapper {
  background-color: #ffffff;
  padding-top: 3em;
  margin: 3em 0;
}
.external-site-wrapper {
  margin-right: 170px;
}
#heart-small {
  position: absolute;
  top: -8em;
  margin-left: -4em;
  z-index: 14;
}
#heart-big {
  position: relative;
  z-index: 13;
}
.hearts-wrapper {
  width: 461px;
  margin: 0 auto;
}
.screenreader-text {
  display: block;
  color: #fff;
  font-size: 0;
}
#vc_page_skipnavigation {
  overflow: hidden;
  background-color: #FFFFFF;
  padding-left: 2em;
  padding-right: 2em;
  line-height: 0em;
  height: 0;
  position: relative;
}
#vc_page_skipnavigation a {
  padding-left: 10px;
}
div#vc_nav_skip p a {
  color: #ffffff;
}
div#vc_nav_skip p a.vc_skip:focus {
  padding-top: 2em;
  padding-bottom: 2em;
  display: block;
  position: static;
  overflow: hidden;
  top: 0;
  left: 0;
  text-decoration: none;
  width: auto;
  height: auto;
  color: #000000;
}
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 150px;
  height: 150px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  text-align: center;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 68px;
  left: 45%;
  width: 12px;
  height: 12px;
  background: #000000;
}
.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #000000;
  content: "";
}
.c-hamburger span::before {
  top: -25px;
}
.c-hamburger span::after {
  bottom: -25px;
}
/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
  background-color: #ffffff;
}
.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
  transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
  width: 100%;
}
.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
}
.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
}
.c-hamburger--htx.is-active span {
  background: none;
  width: 56%;
  left: 21%;
}
.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
  height: 20px;
  top: -5px;
}
.show-mobile {
  display: none;
}
.is-mobile {
  font-size: 2.5em;
}
.is-mobile .hide-mobile {
  display: none;
}
.is-mobile .content-wrapper,
.is-mobile .sidebar {
  display: block;
}
.is-mobile .sidebar {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-overflow-scrolling: touch;
}
.is-mobile .sidebar.sidebar-hidden {
  -webkit-transform: translate(170px, 0);
  -ms-transform: translate(170px, 0);
  -o-transform: translate(170px, 0);
  transform: translate(170px, 0);
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
}
.is-mobile .infobox,
.is-mobile .shariff-button {
  width: 80%;
  margin: 10%;
}
.is-mobile .infobox .content-text,
.is-mobile .shariff-button .content-text {
  padding-bottom: 2em;
}
.is-mobile .papers-move img.paper-1 {
  width: 74%;
  max-width: 700px;
}
.is-mobile .papers-move img.paper-2 {
  top: -100px;
  width: 72%;
  max-width: 690px;
}
.is-mobile .papers-move img.paper-3 {
  top: -240px;
  width: 70%;
  max-width: 650px;
}
.is-mobile .papers-move img.paper-4 {
  top: -325px;
  width: 60%;
  max-width: 600px;
}
.is-mobile .papers-move img.paper-5 {
  top: -543px;
  width: 30%;
  max-width: 290px;
}
.is-mobile .papers-move img.paper-6 {
  top: -540px;
  width: 61%;
  max-width: 580px;
}
.is-mobile .typewriter-wrapper {
  margin: 0;
  width: 80%;
  background-size: cover;
  float: none;
  margin-left: 100px;
  font-size: 1.2em;
  padding-bottom: 6em;
}
.is-mobile .cloud-content p {
  margin: 0;
  font-size: 40px;
}
.is-mobile .cloud-content p:first-child {
  margin-top: 1.5em;
}
.is-mobile .cloud-image {
  margin: 0;
  width: auto;
  height: auto;
  top: -0.3em;
}
.is-mobile .shariff-button.whatsapp {
  display: block;
}
.is-mobile .show-mobile {
  display: block !important;
}
.is-mobile #person-01,
.is-mobile #person-02 {
  z-index: 8;
}
.is-mobile #person-01 {
  left: 0;
}
.is-mobile #person-02 {
  right: 0;
}
.is-mobile .bubble-text {
  background: url('../images/03-plakat/bubble-1.svg') no-repeat center center;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  z-index: 10;
  opacity: 0;
}
.is-mobile .bubble-text p {
  width: 49%;
  text-align: center;
  margin-left: 35%;
  padding: 4em 0 7em;
}
.is-mobile .bubble-text.person-2 {
  width: 80%;
  background-image: url('../images/03-plakat/bubble-2.svg');
}
.is-mobile .bubble-text.person-2 p {
  width: 84%;
  margin-left: 0;
  padding: 4em 2em 7em 3em;
  text-align: left;
}
.is-mobile .mobile-cloud {
  /* background: url('../images/04-plakat/cloud.svg') no-repeat center center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;*/
}
.is-mobile .mobile-cloud p {
  padding: 9em 1em;
  font-size: 14px;
}
.is-mobile#plakat-03 #scene-4 {
  position: relative;
  margin: 0 !important;
}
.is-mobile #austria-text {
  margin-top: 4em;
}
.is-mobile #heart-small {
  top: -10em;
  margin-left: -6em;
}
.is-mobile #cloud-ausbeutung {
  width: 100%;
  margin-left: 0;
}
.is-mobile#plakat-05 #scene-2 {
  left: 0;
}
.is-mobile#plakat-05 .cloud-image {
  margin-left: 222px;
}
.is-mobile#plakat-06 .cloud-image {
  right: initial;
  left: 45px;
}
.is-mobile#plakat-06 .cloud-image .icon-sign {
  left: -26px;
  top: -57px;
}
.is-mobile#plakat-06 .cloud-image svg {
  max-width: 100%;
}
.is-mobile#plakat-06 .typewriter-wrapper {
  margin: 0 auto;
}
.is-mobile .wedding-wrapper #wedding-text {
  right: 20%;
  bottom: -10em;
}
.is-mobile#plakat-07 .wedding-wrapper {
  position: relative;
  left: 0;
}
.is-mobile#plakat-07 .wedding-wrapper .typewriter-wrapper {
  position: relative;
}
.is-mobile#plakat-07 #sign-pair {
  right: 0;
}
.is-mobile#plakat-08 .cloud-image {
  margin: 35em auto 2em;
  width: 34em;
}
.is-mobile#plakat-08 #hinweis-bottom-responsive {
  margin: 0;
  margin-left: 10em;
  margin-top: 6em;
  margin-bottom: 7em;
}
.is-mobile#plakat-09 .cloud-image {
  width: 100%;
  /* margin: 0; */
  position: relative;
  left: 0;
  bottom: 0;
}
.is-mobile#plakat-09 #hinweis-bottom-responsive {
  margin-left: 7em;
  margin-top: 5em;
  margin-bottom: 5em;
}
.is-mobile#plakat-09 .cloud-content {
  padding: 1em;
}
.is-mobile#plakat-10 .typewriter-wrapper {
  width: 100%;
  margin: 0 auto;
}
.is-mobile#plakat-10 #scene-3 {
  padding-top: 10em;
  margin-left: 0;
}
.is-mobile#plakat-10 #scene-3 svg {
  width: 100%;
}
.is-mobile#plakat-10 #scene-3 .victim-bubble-wrapper {
  margin-left: 0;
  right: 0;
}
.is-mobile#plakat-10 #font-2 {
  margin-left: 0;
  margin-top: 1em;
}
.is-mobile#plakat-10 .typewriter-centered {
  width: 100%;
}
.is-mobile#plakat-10 .typewriter-centered .typewriter-wrapper {
  position: static;
  margin: 0 auto;
}
.is-mobile#plakat-11 .typewriter-centered {
  width: 100%;
}
.is-mobile#plakat-11 .typewriter-centered .typewriter-wrapper {
  position: static;
  margin: 0 auto;
}
.is-mobile#plakat-11 #smiley {
  left: 0;
  top: -8em;
}
.is-mobile#plakat-11 #scene-4 {
  margin-top: 8em !important;
}
.is-mobile#plakat-11 #hinweis-bottom-responsive {
  margin-top: 5em;
  margin-bottom: 4em;
}
.is-mobile .impress-wrapper {
  width: 100%;
}
.is-mobile .ow-link-wrapper a {
  font-size: 1.6em;
}
.is-mobile .ow-link-wrapper hr {
  margin-top: 15px;
  margin-bottom: 15px;
}
.is-mobile #overview .ow-link-wrapper {
  bottom: initial;
  padding: 1em 0;
}
.is-mobile .sidebar {
  z-index: 250;
}
.is-mobile .sidebar-overview {
  border-top: 1px solid #e3e3e3;
}
.is-mobile .sidebar-overview img,
.is-mobile .sidebar-sharing img {
  width: 26%;
  padding: 2em 0;
}
.is-mobile .sidebar-sharing {
  padding: .25em;
}
.is-mobile .cloud-content p {
  padding: 1em 1.5em;
}
@media screen and (orientation: landscape) {
  .is-mobile {
    /* landscape-specific styles */
  }
  .is-mobile .sidebar {
    font-size: .6em;
  }
  .is-mobile .sidebar-overview img,
  .is-mobile .sidebar-sharing img {
    padding: 1em 0;
  }
  .is-mobile .sidebar .wrapper-fixed {
    width: 117px;
  }
  .is-mobile .c-hamburger {
    width: 80px;
    height: 80px;
  }
  .is-mobile .show-sidebar {
    margin-left: -27px;
  }
  .is-mobile .c-hamburger--htx.is-active span::before,
  .is-mobile .c-hamburger--htx.is-active span::after {
    height: 10px;
    top: -5px;
  }
  .is-mobile .c-hamburger span::before {
    top: -20px;
  }
  .is-mobile .c-hamburger span::after {
    bottom: -20px;
  }
  .is-mobile .c-hamburger span {
    top: 32px;
    height: 10px;
    /* height: 10px;
      width: 10px;
      top: 32px;*/
  }
  .is-mobile .c-hamburger--htx.is-active span {
    top: 38px;
  }
  .is-mobile .c-hamburger--htx span::before,
  .is-mobile .c-hamburger--htx span::after {
    width: 100%;
    height: 10px;
  }
  .is-mobile .sidebar.sidebar-hidden {
    -webkit-transform: translate(117px, 0);
    -ms-transform: translate(117px, 0);
    -o-transform: translate(117px, 0);
    transform: translate(117px, 0);
  }
}
#arrow-bounce {
  display: none;
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
  cursor: pointer;
}
.no-js-arrow {
  width: 18px;
  position: absolute;
  bottom: 1em;
  left: 49.5%;
  opacity: .2;
}
.spinner {
  position: absolute;
  left: 49%;
  top: 38%;
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.no-js .no-js-screen {
  display: block !important;
}
.english-version .hide-en {
  display: none;
}