html, body {
  font: 100% Montserrat, sans-serif;
  background: linear-gradient(#63c3d1, #00afcb);
  color: #004556;
  font-weight: 300;
  height: 100%;
  margin: 0px; }

h3 {
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 500; }

.row {
  height: 300px; }

.light-bg {
  background-color: #f4f8f4; }

strong, b {
  font-weight: 500; }

footer {
  color: #f4f8f4;
  font-size: 0.7rem;
  position: fixed;
  width: 100%;
  text-align: center;
  bottom: 0px;
  margin-bottom: 0px;
  background-color: #f4f8f4; }
  footer a {
    color: #00afcb; }
  footer .tab {
    position: absolute;
    top: -25px;
    right: 20px;
    background-color: #f4f8f4;
    padding: 7px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
    footer .tab a {
      font-size: 1em;
      text-transform: uppercase; }

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%); }

#impressum {
  color: #004556;
  text-align: left;
  padding: 10px;
  display: none; }
  #impressum p, #impressum h3 {
    margin: 0px; }
  #impressum p {
    margin-bottom: 15px; }