@charset "UTF-8";
.film {
  background-color: #f5d285;
  padding: 10px;
  overflow: auto;
  margin: 20px 0;
}
.film.open {
  cursor: zoom-out;
}
.film.open .left-box {
  height: 1px;
}
.film.open img.show-if-open {
  display: inline;
}
.film.open div.show-if-open {
  display: block;
}
.film.open .show-if-closed {
  display: none;
}
.film.closed {
  cursor: zoom-in;
}
.film.closed .left-box {
  height: 100px;
}
.film.closed .show-if-open {
  display: none;
}
.film.closed img.show-if-closed {
  display: inline;
}
.film.closed div.show-if-closed {
  display: block;
}
.film .left-box {
  float: left;
  width: 150px;
}
.film .left-box img {
  width: 150px;
}
.film .right-box {
  float: left;
  padding-left: 20px;
}
.film .row-box {
  padding-top: 5px;
  clear: left;
  margin-bottom: -4px;
  /* somehow needed to make bottom margin like left margin */
}
.film .row-box img {
  margin-top: 6px;
  margin-right: 6px;
}
.film .row-box.four-images img {
  width: 432px;
}
.film .row-box.five-images img {
  width: 343px;
}
@media screen and (max-width: 1845px) {
  .film .row-box.four-images img, .film .row-box.five-images img.wider-if-page-narrow {
    width: 520px;
  }
}
@media screen and (min-width: 1846px) {
  .film .row-box br.show-if-page-narrow {
    display: none;
  }
}
.film .arrow-box {
  float: right;
}
.film .arrow-box img {
  width: 28px;
  padding: 3px 10px 0 0;
}
.film .arrow-box img.hidden {
  display: none;
}
.film a.heading {
  font-size: 120%;
  font-weight: bold;
  margin: 0;
}
.film .sub-heading {
  display: block;
  font-size: 110%;
  margin-bottom: 12px;
}
.film .info {
  display: block;
  margin-bottom: 10px;
}
.film hr {
  display: inline;
  border: none;
  color: rgba(80, 39, 39, 0.7);
}
.film hr::before {
  margin: 0 10px 0 16px;
  content: "•";
}

body {
  background-color: #ac6e60;
  color: #502727;
  font-family: sans-serif;
  padding: 10px 15px;
}

.intro {
  background-color: #cfaba3;
  padding: 5px 20px;
}
.intro .photos {
  margin-bottom: 10px;
}
.intro .photos img {
  height: 332px;
  margin-right: 15px;
}

a {
  color: #cc0000;
}
a:visited {
  color: #8e1414;
}

@media screen and (max-width: 1845px) {
  .hide-if-page-narrow {
    display: none;
  }

  /* hide two intro photos on the right */
  .intro .photos img {
    height: 298px;
    /* make others smaller */
  }
}
#imprint, #imprint-link {
  text-align: center;
}

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