/* CSS Document */
@font-face {
    font-family: 'Graublau Sans';
    src: url('https://qr.renodeco.de/assets/font/graublau/graublausans-regular-webfont.eot');
    src: url('https://qr.renodeco.de/assets/font/graublau/graublausans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://qr.renodeco.de/assets/font/graublau/graublausans-regular-webfont.woff') format('woff'), url('https://qr.renodeco.de/assets/font/graublau/graublausans-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Graublau Sans';
    src: url('https://qr.renodeco.de/assets/font/graublau/graublausans-semibold-webfont.eot');
    src: url('https://qr.renodeco.de/assets/font/graublau/graublausans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://qr.renodeco.de/assets/font/graublau/graublausans-semibold-webfont.woff') format('woff'), url('https://qr.renodeco.de/assets/font/graublau/graublausans-semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Graublau Sans';
    src: url('https://qr.renodeco.de/assets/font/graublau/graublausans-heavy-webfont.eot');
    src: url('https://qr.renodeco.de/assets/font/graublau/graublausans-heavy-webfont.eot?#iefix') format('embedded-opentype'), url('https://qr.renodeco.de/assets/font/graublau/graublausans-heavy-webfont.woff') format('woff'), url('https://qr.renodeco.de/assets/font/graublau/graublausans-heavy-webfont.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

* {
    font-variant-ligatures: no-common-ligatures;
    box-sizing: border-box;
}

body {
    font-family: 'Graublau Sans';
    font-feature-settings: "lnum" 1;
    font-size: 17px;
    font-weight: 400;
    color: #1B1B1B;
    line-height: 30px;
    text-align: center;
}


.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

img {
    width: 100%;
    height: 11vw;
    object-fit: cover;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}

@media (max-width: 576px) { 
img {
    height: auto;
}
}