body{
  max-width: 960px;
  margin: auto;
  background-color: #D5D5D5;
  font-family: 'Montserrat', sans-serif;
}

.bold {
  font-weight: bold;
}


h1, h2, h3, h4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

h1 {
  font-weight: 700;
  font-size: 2.5em;
}

h2 {
  font-weight: 600;
  font-size: 2em;
  color: #fff;
}

h3 {
  font-weight: 700;
  font-size: 3em;
  color: #fff;
}
@media print, screen and (min-width: 40em) { /* medium */
  h2 {
    font-size: 2.5em;
  }
  h3 {
    font-size: 5em;
  }
}

h4 {
  font-weight: 400;
  font-size: 1.25em;
}

p {
  font-weight: 400;
  font-size: 0.9375em;
}

.quote {
  font-size: 2rem;
}
h2 .quote {
  position: relative;
  top: -0.2em;
}
h3 .quote {
  position: relative;
  top: -0.5em;
}
@media print, screen and (min-width: 40em) { /* medium */
  .quote {
    font-size: 3.5rem;
  }
  h2 .quote {
    top: 0;
  }
  h3 .quote {
    top: -0.5em;
  }
}

header {
  background-color: #fff;
  text-align: center;
  padding: 0.5em 0.5em 3em;
}

footer {
  background-color: #fff;
  text-align: center;
  padding-top: 5em;
  padding-bottom: 2em;
}
footer p {
  font-size: 0.6em;
}

.container {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
@media print, screen and (min-width: 40em) { /* medium */
  .container {
    display: flex;
    justify-content: center;
  }
}

#description {
  background-color: #fff;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

#countdown {
  background-color: #5bb1ca;
  text-align: center;
  padding-top: 3em;
  padding-bottom: 3em;
  padding-left: 1em;
  padding-right: 1em;
}

#counter {
  display: inline-block;
  text-align: left;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}
#counter.visible {
  opacity: 1;
}

#text {
  padding: 5%;
  padding-bottom: 0px;
}

.logo {
  padding-top: 30px;
}

.item {
  padding-left: 10px;
  padding-right: 10px;
}
.screenshot {
  max-width: 90%;
  margin-bottom: 2em;
}
@media print, screen and (min-width: 40em) { /* medium */
  .screenshot {
    height: 400px;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) { /* large */
  .screenshot {
    height: 500px;
  }
}

.grey {
  background-color: #EDEDED;
}

.impressum {
  background-color: #fff;
  text-align: left;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 1px;
  padding-bottom: 1px;
}

a {
  text-decoration: none;
  color: #5bb1ca;
}

.cc-diagonal{position:relative;z-index:3}.cc-diagonal.top-left-up,.cc-diagonal.top-right-up,.cc-diagonal.bottom-left-down,.cc-diagonal.bottom-right-down{z-index:4}.cc-diagonal.image-top-left-up{background-color:#f00;overflow:hidden;margin-top:-1.5em;margin-bottom:-1.5em;-webkit-transform:skew(0, 3deg);-ms-transform:skew(0, 3deg);transform:skew(0, 3deg)}.cc-diagonal.image-top-left-up .large-12{margin-top:-1.5em;margin-bottom:-1.5em;-webkit-transform:skew(0, -3deg);-ms-transform:skew(0, -3deg);transform:skew(0, -3deg)}.image-top-right-up+.cc-diagonal.image-top-left-up{margin-top:-3em}.cc-diagonal.image-top-right-up{background-color:#f00;overflow:hidden;margin-top:-1.5em;margin-bottom:-1.5em;-webkit-transform:skew(0, -3deg);-ms-transform:skew(0, -3deg);transform:skew(0, -3deg)}.cc-diagonal.image-top-right-up .large-12{margin-top:-1.5em;margin-bottom:-1.5em;-webkit-transform:skew(0, 3deg);-ms-transform:skew(0, 3deg);transform:skew(0, 3deg)}.image-top-left-up+.cc-diagonal.image-top-right-up{margin-top:-3em}.cc-diagonal.in-front{z-index:4}.cc-diagonal>*{position:relative;z-index:2}.cc-diagonal,.cc-diagonal .top-diagonal .fill,.cc-diagonal .bottom-diagonal .fill,.cc-diagonal:before,.cc-diagonal:after{background-color:#0a0a0a}.cc-diagonal.bg-color-primary,.cc-diagonal.bg-color-primary .top-diagonal .fill,.cc-diagonal.bg-color-primary .bottom-diagonal .fill{background-color:#5bb1ca}.cc-diagonal.bg-color-primary:before,.cc-diagonal.bg-color-primary:after,.cc-diagonal.bg-color-primary .top-diagonal .fill:before,.cc-diagonal.bg-color-primary .top-diagonal .fill:after,.cc-diagonal.bg-color-primary .bottom-diagonal .fill:before,.cc-diagonal.bg-color-primary .bottom-diagonal .fill:after{background-color:#5bb1ca}.cc-diagonal.bg-color-light-gray,.cc-diagonal.bg-color-light-gray .top-diagonal .fill,.cc-diagonal.bg-color-light-gray .bottom-diagonal .fill{background-color:#EDEDED}.cc-diagonal.bg-color-light-gray:before,.cc-diagonal.bg-color-light-gray:after,.cc-diagonal.bg-color-light-gray .top-diagonal .fill:before,.cc-diagonal.bg-color-light-gray .top-diagonal .fill:after,.cc-diagonal.bg-color-light-gray .bottom-diagonal .fill:before,.cc-diagonal.bg-color-light-gray .bottom-diagonal .fill:after{background-color:#EDEDED}.cc-diagonal.bg-color-blue,.cc-diagonal.bg-color-blue .top-diagonal .fill,.cc-diagonal.bg-color-blue .bottom-diagonal .fill{background-color:#1d2025}.cc-diagonal.bg-color-blue:before,.cc-diagonal.bg-color-blue:after,.cc-diagonal.bg-color-blue .top-diagonal .fill:before,.cc-diagonal.bg-color-blue .top-diagonal .fill:after,.cc-diagonal.bg-color-blue .bottom-diagonal .fill:before,.cc-diagonal.bg-color-blue .bottom-diagonal .fill:after{background-color:#1d2025}.cc-diagonal.bg-color-dark-blue,.cc-diagonal.bg-color-dark-blue .top-diagonal .fill,.cc-diagonal.bg-color-dark-blue .bottom-diagonal .fill{background-color:#1f2b31}.cc-diagonal.bg-color-dark-blue:before,.cc-diagonal.bg-color-dark-blue:after,.cc-diagonal.bg-color-dark-blue .top-diagonal .fill:before,.cc-diagonal.bg-color-dark-blue .top-diagonal .fill:after,.cc-diagonal.bg-color-dark-blue .bottom-diagonal .fill:before,.cc-diagonal.bg-color-dark-blue .bottom-diagonal .fill:after{background-color:#1f2b31}.cc-diagonal.top-left-up:before,.cc-diagonal.top-right-up:before,.cc-diagonal.bottom-left-down:before,.cc-diagonal.bottom-right-down:before{z-index:1;content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0}.cc-diagonal.top-left-up:after,.cc-diagonal.top-right-up:after,.cc-diagonal.bottom-left-down:after,.cc-diagonal.bottom-right-down:after{z-index:1;content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0}.cc-diagonal.top-left-up:before{-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:skewY(3deg);-ms-transform:skewY(3deg);transform:skewY(3deg)}.shake .top-is-shakeable.cc-diagonal.top-left-up:before{animation:plus-angle-wobble 1s ease-in-out 1;-webkit-animation:plus-angle-wobble 1s ease-in-out 1;-moz-animation:plus-angle-wobble 1s ease-in-out 1;-o-animation:plus-angle-wobble 1s ease-in-out 1}.cc-diagonal.top-right-up:before{-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:skewY(-3deg);-ms-transform:skewY(-3deg);transform:skewY(-3deg)}.shake .top-is-shakeable.cc-diagonal.top-right-up:before{animation:minus-angle-wobble 1s ease-in-out 1;-webkit-animation:minus-angle-wobble 1s ease-in-out 1;-moz-animation:minus-angle-wobble 1s ease-in-out 1;-o-animation:minus-angle-wobble 1s ease-in-out 1}.cc-diagonal.bottom-left-down:after{-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:skewY(-3deg);-ms-transform:skewY(-3deg);transform:skewY(-3deg)}.shake .bottom-is-shakeable.cc-diagonal.bottom-left-down:after{animation:minus-angle-wobble 1s ease-in-out 1;-webkit-animation:minus-angle-wobble 1s ease-in-out 1;-moz-animation:minus-angle-wobble 1s ease-in-out 1;-o-animation:minus-angle-wobble 1s ease-in-out 1}.cc-diagonal.bottom-right-down:after{-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:skewY(3deg);-ms-transform:skewY(3deg);transform:skewY(3deg)}.shake .bottom-is-shakeable.cc-diagonal.bottom-right-down:after{animation:plus-angle-wobble 1s ease-in-out 1;-webkit-animation:plus-angle-wobble 1s ease-in-out 1;-moz-animation:plus-angle-wobble 1s ease-in-out 1;-o-animation:plus-angle-wobble 1s ease-in-out 1}.cc-diagonal .top-diagonal,.cc-diagonal .bottom-diagonal{position:absolute;left:0;width:100%;z-index:8;padding-bottom:5.24078%;overflow:hidden}.cc-diagonal .top-diagonal .fill,.cc-diagonal .bottom-diagonal .fill{position:absolute;top:0;left:0;width:100%;height:100%}.cc-diagonal.top-left-down .top-diagonal{top:-1px}.cc-diagonal.top-left-down .top-diagonal .fill{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:skewY(-3deg);-ms-transform:skewY(-3deg);transform:skewY(-3deg)}.shake .top-is-shakeable.cc-diagonal.top-left-down .top-diagonal .fill{animation:minus-angle-fill-wobble 1s ease-in-out 1;-webkit-animation:minus-angle-fill-wobble 1s ease-in-out 1;-moz-animation:minus-angle-fill-wobble 1s ease-in-out 1;-o-animation:minus-angle-fill-wobble 1s ease-in-out 1}.cc-diagonal.top-right-down .top-diagonal{top:-1px}.cc-diagonal.top-right-down .top-diagonal .fill{-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transform:skewY(3deg);-ms-transform:skewY(3deg);transform:skewY(3deg)}.shake .top-is-shakeable.cc-diagonal.top-right-down .top-diagonal .fill{animation:plus-angle-fill-wobble 1s ease-in-out 1;-webkit-animation:plus-angle-fill-wobble 1s ease-in-out 1;-moz-animation:plus-angle-fill-wobble 1s ease-in-out 1;-o-animation:plus-angle-fill-wobble 1s ease-in-out 1}.cc-diagonal.bottom-left-up .bottom-diagonal{bottom:-1px}.cc-diagonal.bottom-left-up .bottom-diagonal .fill{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:skewY(3deg);-ms-transform:skewY(3deg);transform:skewY(3deg)}.shake .bottom-is-shakeable.cc-diagonal.bottom-left-up .bottom-diagonal .fill{animation:plus-angle-fill-wobble 1s ease-in-out 1;-webkit-animation:plus-angle-fill-wobble 1s ease-in-out 1;-moz-animation:plus-angle-fill-wobble 1s ease-in-out 1;-o-animation:plus-angle-fill-wobble 1s ease-in-out 1}.cc-diagonal.bottom-right-up .bottom-diagonal{bottom:-1px}.cc-diagonal.bottom-right-up .bottom-diagonal .fill{-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transform:skewY(-3deg);-ms-transform:skewY(-3deg);transform:skewY(-3deg)}.shake .bottom-is-shakeable.cc-diagonal.bottom-right-up .bottom-diagonal .fill{animation:minus-angle-fill-wobble 1s ease-in-out 1;-webkit-animation:minus-angle-fill-wobble 1s ease-in-out 1;-moz-animation:minus-angle-fill-wobble 1s ease-in-out 1;-o-animation:minus-angle-fill-wobble 1s ease-in-out 1}.cc-diagonal.bottom-right-down+.cc-diagonal.top-left-up,.cc-diagonal.bottom-left-down+.cc-diagonal.top-right-up{margin-top:calc( 5.24078% - 2px)}@keyframes plus-angle-wobble{0%{-webkit-transform:skewY(3deg);-ms-transform:skewY(3deg);transform:skewY(3deg)}16.66667%{-webkit-transform:skewY(4deg);-ms-transform:skewY(4deg);transform:skewY(4deg)}33.33333%{-webkit-transform:skewY(2.25deg);-ms-transform:skewY(2.25deg);transform:skewY(2.25deg)}50%{-webkit-transform:skewY(3.5deg);-ms-transform:skewY(3.5deg);transform:skewY(3.5deg)}66.66667%{-webkit-transform:skewY(2.75deg);-ms-transform:skewY(2.75deg);transform:skewY(2.75deg)}83.33333%{-webkit-transform:skewY(3.1deg);-ms-transform:skewY(3.1deg);transform:skewY(3.1deg)}100%{-webkit-transform:skewY(3deg);-ms-transform:skewY(3deg);transform:skewY(3deg)}}@-webkit-keyframes plus-angle-wobble{0%{-webkit-transform:skewY(3deg);-ms-transform:skewY(3deg);transform:skewY(3deg)}16.66667%{-webkit-transform:skewY(4deg);-ms-transform:skewY(4deg);transform:skewY(4deg)}33.33333%{-webkit-transform:skewY(2.25deg);-ms-transform:skewY(2.25deg);transform:skewY(2.25deg)}50%{-webkit-transform:skewY(3.5deg);-ms-transform:skewY(3.5deg);transform:skewY(3.5deg)}66.66667%{-webkit-transform:skewY(2.75deg);-ms-transform:skewY(2.75deg);transform:skewY(2.75deg)}83.33333%{-webkit-transform:skewY(3.1deg);-ms-transform:skewY(3.1deg);transform:skewY(3.1deg)}100%{-webkit-transform:skewY(3deg);-ms-transform:skewY(3deg);transform:skewY(3deg)}}@keyframes minus-angle-wobble{0%{-webkit-transform:skewY(-3deg);-ms-transform:skewY(-3deg);transform:skewY(-3deg)}16.66667%{-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg)}33.33333%{-webkit-transform:skewY(-2.25deg);-ms-transform:skewY(-2.25deg);transform:skewY(-2.25deg)}50%{-webkit-transform:skewY(-3.5deg);-ms-transform:skewY(-3.5deg);transform:skewY(-3.5deg)}66.66667%{-webkit-transform:skewY(-2.75deg);-ms-transform:skewY(-2.75deg);transform:skewY(-2.75deg)}83.33333%{-webkit-transform:skewY(-3.1deg);-ms-transform:skewY(-3.1deg);transform:skewY(-3.1deg)}100%{-webkit-transform:skewY(-3deg);-ms-transform:skewY(-3deg);transform:skewY(-3deg)}}@-webkit-keyframes minus-angle-wobble{0%{-webkit-transform:skewY(-3deg);-ms-transform:skewY(-3deg);transform:skewY(-3deg)}16.66667%{-webkit-transform:skewY(-4deg);-ms-transform:skewY(-4deg);transform:skewY(-4deg)}33.33333%{-webkit-transform:skewY(-2.25deg);-ms-transform:skewY(-2.25deg);transform:skewY(-2.25deg)}50%{-webkit-transform:skewY(-3.5deg);-ms-transform:skewY(-3.5deg);transform:skewY(-3.5deg)}66.66667%{-webkit-transform:skewY(-2.75deg);-ms-transform:skewY(-2.75deg);transform:skewY(-2.75deg)}83.33333%{-webkit-transform:skewY(-3.1deg);-ms-transform:skewY(-3.1deg);transform:skewY(-3.1deg)}100%{-webkit-transform:skewY(-3deg);-ms-transform:skewY(-3deg);transform:skewY(-3deg)}}@keyframes plus-angle-fill-wobble{0%{-webkit-transform:skewY(3deg) rotate(0);-ms-transform:skewY(3deg) rotate(0);transform:skewY(3deg) rotate(0)}16.66667%{-webkit-transform:skewY(3deg) rotate(-1deg);-ms-transform:skewY(3deg) rotate(-1deg);transform:skewY(3deg) rotate(-1deg)}33.33333%{-webkit-transform:skewY(3deg) rotate(0.75deg);-ms-transform:skewY(3deg) rotate(0.75deg);transform:skewY(3deg) rotate(0.75deg)}50%{-webkit-transform:skewY(3deg) rotate(-0.5deg);-ms-transform:skewY(3deg) rotate(-0.5deg);transform:skewY(3deg) rotate(-0.5deg)}66.66667%{-webkit-transform:skewY(3deg) rotate(0.25deg);-ms-transform:skewY(3deg) rotate(0.25deg);transform:skewY(3deg) rotate(0.25deg)}83.33333%{-webkit-transform:skewY(3deg) rotate(-0.1deg);-ms-transform:skewY(3deg) rotate(-0.1deg);transform:skewY(3deg) rotate(-0.1deg)}100%{-webkit-transform:skewY(3deg) rotate(0);-ms-transform:skewY(3deg) rotate(0);transform:skewY(3deg) rotate(0)}}@-webkit-keyframes plus-angle-fill-wobble{0%{-webkit-transform:skewY(3deg) rotate(0);-ms-transform:skewY(3deg) rotate(0);transform:skewY(3deg) rotate(0)}16.66667%{-webkit-transform:skewY(3deg) rotate(-1deg);-ms-transform:skewY(3deg) rotate(-1deg);transform:skewY(3deg) rotate(-1deg)}33.33333%{-webkit-transform:skewY(3deg) rotate(0.75deg);-ms-transform:skewY(3deg) rotate(0.75deg);transform:skewY(3deg) rotate(0.75deg)}50%{-webkit-transform:skewY(3deg) rotate(-0.5deg);-ms-transform:skewY(3deg) rotate(-0.5deg);transform:skewY(3deg) rotate(-0.5deg)}66.66667%{-webkit-transform:skewY(3deg) rotate(0.25deg);-ms-transform:skewY(3deg) rotate(0.25deg);transform:skewY(3deg) rotate(0.25deg)}83.33333%{-webkit-transform:skewY(3deg) rotate(-0.1deg);-ms-transform:skewY(3deg) rotate(-0.1deg);transform:skewY(3deg) rotate(-0.1deg)}100%{-webkit-transform:skewY(3deg) rotate(0);-ms-transform:skewY(3deg) rotate(0);transform:skewY(3deg) rotate(0)}}@keyframes minus-angle-fill-wobble{0%{-webkit-transform:skewY(-3deg) rotate(0);-ms-transform:skewY(-3deg) rotate(0);transform:skewY(-3deg) rotate(0)}16.66667%{-webkit-transform:skewY(-3deg) rotate(-1deg);-ms-transform:skewY(-3deg) rotate(-1deg);transform:skewY(-3deg) rotate(-1deg)}33.33333%{-webkit-transform:skewY(-3deg) rotate(0.75deg);-ms-transform:skewY(-3deg) rotate(0.75deg);transform:skewY(-3deg) rotate(0.75deg)}50%{-webkit-transform:skewY(-3deg) rotate(-0.5deg);-ms-transform:skewY(-3deg) rotate(-0.5deg);transform:skewY(-3deg) rotate(-0.5deg)}66.66667%{-webkit-transform:skewY(-3deg) rotate(0.25deg);-ms-transform:skewY(-3deg) rotate(0.25deg);transform:skewY(-3deg) rotate(0.25deg)}83.33333%{-webkit-transform:skewY(-3deg) rotate(-0.1deg);-ms-transform:skewY(-3deg) rotate(-0.1deg);transform:skewY(-3deg) rotate(-0.1deg)}100%{-webkit-transform:skewY(-3deg) rotate(0);-ms-transform:skewY(-3deg) rotate(0);transform:skewY(-3deg) rotate(0)}}@-webkit-keyframes minus-angle-fill-wobble{0%{-webkit-transform:skewY(-3deg) rotate(0);-ms-transform:skewY(-3deg) rotate(0);transform:skewY(-3deg) rotate(0)}16.66667%{-webkit-transform:skewY(-3deg) rotate(-1deg);-ms-transform:skewY(-3deg) rotate(-1deg);transform:skewY(-3deg) rotate(-1deg)}33.33333%{-webkit-transform:skewY(-3deg) rotate(0.75deg);-ms-transform:skewY(-3deg) rotate(0.75deg);transform:skewY(-3deg) rotate(0.75deg)}50%{-webkit-transform:skewY(-3deg) rotate(-0.5deg);-ms-transform:skewY(-3deg) rotate(-0.5deg);transform:skewY(-3deg) rotate(-0.5deg)}66.66667%{-webkit-transform:skewY(-3deg) rotate(0.25deg);-ms-transform:skewY(-3deg) rotate(0.25deg);transform:skewY(-3deg) rotate(0.25deg)}83.33333%{-webkit-transform:skewY(-3deg) rotate(-0.1deg);-ms-transform:skewY(-3deg) rotate(-0.1deg);transform:skewY(-3deg) rotate(-0.1deg)}100%{-webkit-transform:skewY(-3deg) rotate(0);-ms-transform:skewY(-3deg) rotate(0);transform:skewY(-3deg) rotate(0)}}