html,
body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  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: #fff;
    width: 100%;
    height: 100%;
    border-bottom: none; }
    div#container div#content section#splashscreen {
      height: 100vh;
      text-align: center;
      position: relative; }
      div#container div#content section#splashscreen img#smiley {
        width: 39vw;
        margin-top: 5vh; }
      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: 24vw; }
    div#container div#content section#info {
      min-height: 100vh;
      text-align: left;
      padding-top: 50px; }
      div#container div#content section#info img#headline1 {
        margin-left: 155px; }
      div#container div#content section#info img#headline2 {
        margin-left: 219px; }
      div#container div#content section#info img#headline3 {
        margin-left: 260px; }
      div#container div#content section#info p {
        width: 600px;
        margin: 5px auto 40px;
        text-align: left;
        color: #50AE30;
        font-size: 30px; }
      div#container div#content section#info .mail_address {
        text-decoration: none;
        color: #50AE30; }
      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: #E5E5E5;
  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; } }
@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: 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%; } }
@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); } }
@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 */