html, body { 
  height: 100%; 
  min-height: 100%;
}

.site {
  height: auto; 
  min-height: 100%;
}

body {
  background-image: url("../img/bg-cropped_sm.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
  text-align: center;
}


/* .full-screen { height: 100%; min-height: 100%; } */

main {
  padding-bottom: 30vh; /* Höhe des Footers */
}

.podcast-player {
  margin: auto;
  max-width: 600px;
  margin-top: 20px;
}

img.title-img {
  padding-top: 20px;
  width: 35vh;
}

.too-narrow {
  display: none;
}

footer {
  /* background-color: aqua; */
  height: 30vh;
  margin-top: -30vh; /* Höhe des Footers */
}

footer img {
  max-height: 100%;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-height: 760px) {
  #friends_pic {
    display: none;
  }

  img.title-img {
    width: 30vh;
  }
}