html,
body {
  margin: 0;
  padding: 0;
  background-color: #fcc707;
  overflow-x: hidden;
  font-family: "Roboto Condensed", sans-serif; }

body.collapsed {
  overflow-y: hidden; }
  body.collapsed #container {
    max-height: 0; }

div#container {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  margin-top: 0px;
  position: relative; }
  div#container div#content {
    background-color: #fcc707;
    width: 100%;
    height: 100%;
    border-bottom: none; }
    div#container div#content section#splashscreen {
      text-align: center;
      position: relative; }
      div#container div#content section#splashscreen img {
        width: 100%; }
      div#container div#content section#splashscreen div#mach_mit {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 15px;
        text-align: center;
        animation: bounce 0.5s ease 1s 6 alternate;
        -moz-animation: bounce 0.5s ease 1s 6 alternate;
        -webkit-animation: bounce 0.5s ease 1s 6 alternate; }
        div#container div#content section#splashscreen div#mach_mit a {
          outline: none; }
        div#container div#content section#splashscreen div#mach_mit img {
          width: 16vw !important; }
    div#container div#content section#info {
      margin-top: 100px;
      min-height: 100vh;
      text-align: left; }
      div#container div#content section#info img#teaser {
        width: 100%; }
      div#container div#content section#info h1 {
        color: #fff;
        font-size: 7vh;
        margin-left: 5%; }
      div#container div#content section#info h2 {
        color: #000;
        font-size: 6.1vh;
        margin-top: -9.1vh;
        margin-left: 10%; }
      div#container div#content section#info .bigword-floater {
        margin: 0 auto;
        margin-bottom: 30px; }
        div#container div#content section#info .bigword-floater label {
          float: left;
          color: #fff;
          font-size: 8.75vh;
          font-style: italic;
          width: 20%;
          margin-left: 20%; }
        div#container div#content section#info .bigword-floater p {
          float: left;
          color: #000;
          font-size: 2.625vh;
          margin: 5px 0 0 70px;
          width: calc(60% - 70px); }
        div#container div#content section#info .bigword-floater:nth-of-type(3) {
          margin-bottom: 40px; }
          div#container div#content section#info .bigword-floater:nth-of-type(3) p {
            padding-top: 25px; }
        div#container div#content section#info .bigword-floater::after {
          clear: both;
          content: "";
          display: table; }
      div#container div#content section#info .description {
        font-size: 2.625vh;
        padding: 50px;
        background-color: #ffe001;
        margin-bottom: 40px; }
      div#container div#content section#info .mail_address {
        text-decoration: none;
        color: #000; }
      div#container div#content section#info div#foto {
        display: block;
        margin: 0 auto;
        text-align: center; }
        div#container div#content section#info div#foto img {
          max-height: 75vh;
          width: auto;
          margin-right: 5vw; }
      div#container div#content section#info div#logo {
        display: block;
        margin: 10vh auto;
        text-align: center; }
        div#container div#content section#info div#logo img {
          max-height: 25vh;
          width: auto; }
      div#container div#content section#info div#facebook {
        display: block;
        margin: 50px auto 0;
        text-align: center; }
      div#container div#content section#info div#sponsors {
        display: block;
        margin: 200px auto 60px;
        text-align: center; }
        div#container div#content section#info div#sponsors .sponsors-container {
          width: 100%; }
          div#container div#content section#info div#sponsors .sponsors-container #awo img,
          div#container div#content section#info div#sponsors .sponsors-container #aktionmensch img {
            max-height: 59px; }
          div#container div#content section#info div#sponsors .sponsors-container #aktionmensch img {
            margin: 0 0 0 80px; }

footer {
  background-color: #fff;
  display: block;
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
  height: -webkit-calc(100vh - 10px);
  height: calc(100vh - 10px);
  max-height: 25px;
  text-align: center;
  padding: 5px;
  position: relative;
  z-index: 2;
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  transition: max-height 1s; }
  footer a {
    font-size: 20px;
    color: #000;
    text-decoration: none; }
  footer a#close {
    position: absolute;
    top: 1px;
    right: 5px;
    width: 32px;
    height: 32px;
    display: none; }
    footer a#close:before, footer a#close:after {
      position: absolute;
      left: 15px;
      content: " ";
      height: 33px;
      width: 2px;
      background-color: darkslategray; }
    footer a#close:before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    footer a#close:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }

div#imprint {
  width: 100%;
  z-index: 2;
  position: relative;
  top: 0;
  left: 0;
  background-color: #fff;
  display: none; }
  div#imprint div.content {
    width: 600px;
    text-align: left;
    margin: 0 auto;
    font-size: 30px;
    background-color: #fff;
    color: #585858;
    padding-bottom: 35px; }
    div#imprint div.content a, div#imprint div.content a:focus, div#imprint div.content a:visited {
      color: #585858;
      text-decoration: underline; }
    div#imprint div.content a:hover {
      text-decoration: none; }
    div#imprint div.content .mail_address {
      text-decoration: none;
      color: #585858; }
    div#imprint div.content h1 {
      font-size: 40px;
      font-weight: bold; }
    div#imprint div.content h2 {
      font-size: 36px;
      font-weight: bold; }
    div#imprint div.content h3 {
      font-size: 30px;
      font-weight: bold; }

@keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-15px); } }
@media only screen and (max-width: 1400px) and (max-aspect-ratio: 25 / 16) {
  div#container section#splashscreen img#smiley {
    width: 45vw !important; }
  div#container section#splashscreen div#mach_mit img {
    width: 27.7vw !important; } }
@media only screen and (max-width: 1200px) {
  div#container {
    width: 100%; }
    div#container div#content section#info img#headline1 {
      margin-left: 12.9vw;
      width: 75.9vw; }
    div#container div#content section#info img#headline2 {
      margin-left: 18.2vw;
      width: 56.9vw; }
    div#container div#content section#info img#headline3 {
      margin-left: 21.7vw;
      width: 32vw; }

  .bigword-floater label {
    margin-left: 10% !important;
    width: 30% !important; } }
@media only screen and (max-width: 1200px) and (max-aspect-ratio: 25 / 16) {
  div#container div#content section#splashscreen img#smiley {
    width: 50vw !important; }
  div#container div#content section#splashscreen div#mach_mit img {
    width: 30.8vw !important; } }
@media only screen and (max-width: 1050px) {
  div#container div#content section#info img#headline1 {
    margin-left: 9.9vw; }
  div#container div#content section#info img#headline2 {
    margin-left: 15vw; }
  div#container div#content section#info img#headline3 {
    margin-left: 18vw; } }
@media only screen and (max-width: 1000px) and (max-aspect-ratio: 25 / 16) {
  div#container section#splashscreen img#smiley {
    width: 55vw !important; }
  div#container section#splashscreen div#mach_mit img {
    width: 33.8vw !important; } }
@media only screen and (max-width: 959px) {
  div#container div#content section#info img#headline1 {
    margin-left: 6vw;
    width: 85vw; }
  div#container div#content section#info img#headline2 {
    margin-left: 8.46vw;
    width: 63.7vw; }
  div#container div#content section#info img#headline3 {
    margin-left: 10.1vw;
    width: 35.8vw; } }
@media only screen and (max-width: 935px) {
  div#container div#content section#info div#foto img {
    max-width: 90vw; }
  div#container div#content section#info div#logo img {
    max-width: 80vw; } }
@media only screen and (max-width: 850px) {
  .bigword-floater label {
    float: none !important; }
  .bigword-floater p {
    float: none !important;
    width: 90% !important;
    margin-left: 10px !important; }
  .bigword-floater:nth-of-type(3) p {
    padding-top: 0 !important; } }
@media only screen and (max-width: 827px) and (max-aspect-ratio: 25 / 16) {
  div#container div#content section#splashscreen img#smiley {
    width: 60vw !important; }
  div#container div#content section#splashscreen div#mach_mit img {
    width: 37vw !important; } }
@media only screen and (max-width: 800px) {
  div#container div#content section#info img#headline1 {
    margin-left: 1.5vw;
    width: 95vw; }
  div#container div#content section#info img#headline2 {
    margin-left: 2.9vw;
    width: 71.2vw; }
  div#container div#content section#info img#headline3 {
    margin-left: 4vw;
    width: 40vw; }
  div#container div#content section#info div#sponsors #aktionmensch img {
    margin-left: 45px; } }
@media only screen and (max-width: 740px) {
  div#container div#content section#info p {
    font-size: 26px;
    width: -webkit-calc(90% - 40px);
    width: calc(90% - 40px);
    padding: 0 20px; }
  div#container div#content section#info div#sponsors {
    margin-top: 100px; }
    div#container div#content section#info div#sponsors .sponsors-container {
      width: 46%;
      text-align: left;
      margin: 0 auto; }
      div#container div#content section#info div#sponsors .sponsors-container #awo {
        display: block; }
        div#container div#content section#info div#sponsors .sponsors-container #awo img {
          height: 10vw; }
      div#container div#content section#info div#sponsors .sponsors-container #aktionmensch {
        display: block;
        margin-top: 25px;
        padding-right: 0; }
        div#container div#content section#info div#sponsors .sponsors-container #aktionmensch img {
          margin-left: 0;
          height: 10vw; }
  div#container div#content section#info div#facebook a img {
    width: 20vw; }

  div#imprint div.content {
    font-size: 26px; }
    div#imprint div.content h1 {
      font-size: 38px; }
    div#imprint div.content h2 {
      font-size: 34px; }
    div#imprint div.content h3 {
      font-size: 26px; } }
@media only screen and (max-width: 700px) {
  div#imprint div.content {
    width: -webkit-calc(95% - 40px);
    width: calc(95% - 40px);
    padding: 0 20px 35px; } }
@media only screen and (max-width: 700px) and (max-aspect-ratio: 25 / 16) {
  div#container div#content section#splashscreen img#smiley {
    width: 65vw !important; }
  div#container div#content section#splashscreen div#mach_mit img {
    width: 40vw !important; } }
@media only screen and (max-width: 650px) {
  div#container div#content section#info div#sponsors .sponsors-container {
    width: 52%; }

  section#info h2 {
    margin-left: 5% !important;
    margin-top: -6vh !important;
    line-height: 6.1vh; } }
@media only screen and (max-width: 600px) {
  div#container div#content section#info p {
    width: -webkit-calc(95% - 40px);
    width: calc(95% - 40px);
    padding: 0 20px; }
  div#container div#content section#info div#sponsors .sponsors-container {
    width: 55%; }

  div#imprint div.content {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px); }

  section#info .description {
    padding: 20px !important;
    width: calc(100% - 40px) !important; } }
@media only screen and (max-width: 600px) and (max-aspect-ratio: 25 / 16) {
  div#container div#content section#splashscreen img#smiley {
    width: 75vw !important; }
  div#container div#content section#splashscreen div#mach_mit img {
    width: 46.2vw !important; } }
@media only screen and (max-width: 500px) {
  div#container div#content section#info p {
    font-size: 21px; }

  footer .imprint-button {
    font-size: 18px; }

  div#imprint div.content {
    font-size: 21px; }
    div#imprint div.content h1 {
      font-size: 27px; }
    div#imprint div.content h2 {
      font-size: 24px; }
    div#imprint div.content h3 {
      font-size: 21px; } }
@media only screen and (orientation: portrait) {
  div#container div#content section#splashscreen img#smiley {
    margin-top: 15vh; } }
@media only screen and (min-aspect-ratio: 25 / 16) {
  div#container section#splashscreen img#smiley {
    width: 38vw !important; }
  div#container section#splashscreen div#mach_mit img {
    width: 23.4vw !important; } }
@media only screen and (min-height: 1000px) {
  div#container div#content section#info div#foto img {
    max-height: 70vh; } }

/*# sourceMappingURL=style.css.map */