/*
 * GENERAL VARIABLES
 */
/* #ccc */
/* #f2f2f2 */
/* #000 */
/* opacity .8 */
/* opacity .8 */
/* opacity .7 */
/* Oversize */
/*
 * SPAcER
 */
/*
 * LISTINGS VARIABLES
 */
/*
 * BUTTON VARIABLES
 */
/*
 * GALLERY
 */
/*
 * MODAL DIALOG
 */
/*
 * NAVIGATION VARIABLES
 */
/* General */
/* List-Elements */
/* Related for Level-0 */
/* Related for Level-1 */
/* Related for Level-2 */
/* General */
/* Color */
/*
 * Aside
 */
/*
 * PAGE VARIABLES
 */
/* Pagination */
/* Nav-Pageview */
/* Single-Content Navigation */
/* SEARCH */
/* FAQ */
/* WIDGETS */
/* CONSENT TOOL */
/*
 * GENERAL VARIABLES
*/
/* COLORS */
/* #ccc */
/* #f2f2f2 */
/* #000 */
/* gold */
/* brown */
/* highlight */
/* opacity .8 */
/* opacity .8 */
/* FONT */
/* FONT-FAMILY */
/* Font-Size*/
/* Font-Weight */
/* Special Options */
/* WRAP */
/* Padding */
/* PAGE-ASIDE */
/* SECTION / PAGE-CONTENT */
/*
 * COLS
 */
/* List-View */
/* dunkler Untergrund (Footer, Topline, CTA, ..) */
/* Related for Level-0 */
/*
 * MicroNav
 */
/*
 * FooterNavi
 */
/* Main */
/* MOBILE */
/* Top-Line */
/* SCROLL-TO-TOP */
/* BREADCRUMBS */
/* STICKY */
/* FOOTER */
/*
 * basic mixins
 */
/*
 * GRID MIXINS
 */
/*
 * IMAGE MIXINS
 */
/*
 * COLOR MIXINS
 */
.background-gradient-pseudo {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(30deg, #8e6c2c 0%, #888078 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* KeyFrames for Animate-Border */
@-webkit-keyframes animate-border {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 200% 0%;
  }
}
@-moz-keyframes animate-border {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 200% 0%;
  }
}
@-webkit-keyframes animate-border {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 200% 0%;
  }
}
/* KeyFrames for Animate-Waves */
@keyframes transform-matrix-1 {
  0% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  100% {
    transform: matrix(1, 0, 0, 0.455, -526, 55.5);
    width: calc(100% + 526px);
  }
}
@keyframes transform-matrix-2 {
  0% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  100% {
    transform: matrix(1, 0, 0, 0.506, -250, 50.4);
    width: calc(100% + 250px);
  }
}
@keyframes transform-matrix-1-rotate {
  0% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  100% {
    transform: matrix(1, 0, 0, 0.455, 526, 55.5);
    width: calc(100% + 526px);
  }
}
/*
 * HEADLINE MIXINS
 */
/*
 * LISTING MIXINS
 */
/*
 * LINK MIXINS
 */
/*
 * CONTENT MIXINS
 */
/*
 * toogle elements
 */
ul.gallery {
  list-style: none;
}
ul.gallery.cover picture {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
ul.gallery.cover picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
ul.gallery.cover picture img.pos-tl {
  object-position: top left;
}
ul.gallery.cover picture img.pos-tc {
  object-position: top center;
}
ul.gallery.cover picture img.pos-tr {
  object-position: top right;
}
ul.gallery.cover picture img.pos-cl {
  object-position: center left;
}
ul.gallery.cover picture img.pos-cc {
  object-position: center center;
}
ul.gallery.cover picture img.pos-cr {
  object-position: center right;
}
ul.gallery.cover picture img.pos-bl {
  object-position: bottom left;
}
ul.gallery.cover picture img.pos-bc {
  object-position: bottom center;
}
ul.gallery.cover picture img.pos-br {
  object-position: bottom right;
}
ul.gallery:not( .contain ) .item-wrap > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
ul.gallery.contain picture {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
}
ul.gallery.contain picture img {
  display: block;
  object-fit: contain;
}
ul.gallery.contain picture.portrait img {
  width: auto;
  height: 100%;
  margin: 0 auto;
}
ul.gallery.contain picture.landscape img {
  width: 100%;
  height: auto;
}
ul.gallery.contain .item-wrap > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
}
ul.gallery.normal > li > a {
  display: block;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
ul.gallery.layout1 {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(4, 25%);
  width: calc(100% - 45px);
  grid-auto-flow: row;
}
@media only screen and (min-width: 601px) {
  ul.gallery.layout1 {
    grid-auto-flow: column;
  }
  ul.gallery.layout1 > li:nth-child(9n+1),
  ul.gallery.layout1 > km_li:nth-child(9n+1) {
    padding-bottom: 65%;
  }
  ul.gallery.layout1 > li:nth-child(1),
  ul.gallery.layout1 > km_li:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
  }
  ul.gallery.layout1 > li:nth-child(2),
  ul.gallery.layout1 > km_li:nth-child(2) {
    grid-column: 3;
  }
  ul.gallery.layout1 > li:nth-child(3),
  ul.gallery.layout1 > km_li:nth-child(3) {
    grid-column: 3;
  }
  ul.gallery.layout1 > li:nth-child(4),
  ul.gallery.layout1 > km_li:nth-child(4) {
    grid-column: 4;
  }
  ul.gallery.layout1 > li:nth-child(5),
  ul.gallery.layout1 > km_li:nth-child(5) {
    grid-column: 4;
  }
  ul.gallery.layout1 > li:nth-child(6),
  ul.gallery.layout1 > km_li:nth-child(6) {
    grid-column: 1;
  }
  ul.gallery.layout1 > li:nth-child(n + 6):nth-child(-n + 10),
  ul.gallery.layout1 > km_li:nth-child(n + 6):nth-child(-n + 10) {
    padding-bottom: 65%;
  }
  ul.gallery.layout1 > li:nth-child(10),
  ul.gallery.layout1 > km_li:nth-child(10) {
    grid-column: 3 / span 2;
    grid-row: span 2;
  }
  ul.gallery.layout1 > li:nth-child(n+11),
  ul.gallery.layout1 > km_li:nth-child(n+11) {
    padding-bottom: 65%;
  }
  ul.gallery.layout1 > li:nth-child(11),
  ul.gallery.layout1 > km_li:nth-child(11) {
    grid-column: 1;
    grid-row: 5;
  }
  ul.gallery.layout1 > li:nth-child(15),
  ul.gallery.layout1 > km_li:nth-child(15) {
    grid-column: 1;
    grid-row: 6;
  }
  ul.gallery.layout1 > li:nth-child(19),
  ul.gallery.layout1 > km_li:nth-child(19) {
    grid-column: 1;
    grid-row: 7;
  }
  ul.gallery.layout1 > li:nth-child(23),
  ul.gallery.layout1 > km_li:nth-child(23) {
    grid-column: 1;
    grid-row: 8;
  }
}
@media only screen and (max-width: 600px) {
  ul.gallery.layout1 {
    grid-template-columns: repeat(2, 50%);
    width: calc(100% - 15px);
    grid-auto-flow: row;
  }
  ul.gallery.layout1 > li,
  ul.gallery.layout1 > km_li {
    padding-bottom: 100%;
  }
  ul.gallery.layout1 > li:nth-child(1),
  ul.gallery.layout1 > km_li:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1;
    padding-bottom: 50%;
  }
  ul.gallery.layout1 > li:nth-child(2),
  ul.gallery.layout1 > km_li:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 100%;
  }
}
ul.gallery.layout2 {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(3, 33.333%);
  width: calc(100% - 30px);
  grid-auto-flow: row;
}
@media only screen and (min-width: 601px) {
  ul.gallery.layout2 > li:nth-child(1),
  ul.gallery.layout2 > km_li:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2;
    padding-bottom: 100%;
  }
  ul.gallery.layout2 > li:nth-child(2),
  ul.gallery.layout2 > km_li:nth-child(2) {
    grid-column: 1;
    grid-row: 3;
    padding-bottom: 50%;
  }
  ul.gallery.layout2 > li:nth-child(3),
  ul.gallery.layout2 > km_li:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
    padding-bottom: 50%;
  }
  ul.gallery.layout2 > li:nth-child(4),
  ul.gallery.layout2 > km_li:nth-child(4) {
    grid-column: 2;
    grid-row: 2 / span 2;
  }
  ul.gallery.layout2 > li:nth-child(5),
  ul.gallery.layout2 > km_li:nth-child(5) {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
  ul.gallery.layout2 > li:nth-child(6),
  ul.gallery.layout2 > km_li:nth-child(6) {
    grid-column: 3;
    grid-row: 3;
  }
  ul.gallery.layout2 > li:nth-child(3n+10),
  ul.gallery.layout2 > km_li:nth-child(3n+10),
  ul.gallery.layout2 > li:nth-child(7),
  ul.gallery.layout2 > km_li:nth-child(7) {
    grid-column: 1;
    padding-bottom: 65%;
  }
}
@media only screen and (max-width: 600px) and (min-width: 451px) {
  ul.gallery.layout2 > li:nth-child(2),
  ul.gallery.layout2 > km_li:nth-child(2),
  ul.gallery.layout2 > li:nth-child(3),
  ul.gallery.layout2 > km_li:nth-child(3) {
    padding-bottom: 80%;
  }
  ul.gallery.layout2 > li:nth-child(3n+10),
  ul.gallery.layout2 > km_li:nth-child(3n+10),
  ul.gallery.layout2 > li:nth-child(7),
  ul.gallery.layout2 > km_li:nth-child(7) {
    padding-bottom: 80%;
  }
}
@media only screen and (max-width: 450px) {
  ul.gallery.layout2 {
    grid-template-columns: repeat(2, 50%);
    width: calc(100% - 15px);
  }
  ul.gallery.layout2 > li,
  ul.gallery.layout2 > km_li {
    padding-bottom: 100%;
  }
  ul.gallery.layout2 > li:nth-child(1),
  ul.gallery.layout2 > km_li:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1;
    padding-bottom: 50%;
  }
  ul.gallery.layout2 > li:nth-child(2),
  ul.gallery.layout2 > km_li:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 100%;
  }
}
ul.gallery.layout3 {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(5, 20%);
  width: calc(100% - 60px);
  grid-auto-flow: row;
}
@media only screen and (min-width: 801px) {
  ul.gallery.layout3 > li:nth-child(1),
  ul.gallery.layout3 > km_li:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1 / span 3;
    padding-bottom: 90%;
  }
  ul.gallery.layout3 > li:nth-child(2),
  ul.gallery.layout3 > km_li:nth-child(2) {
    grid-column: 3 / span 2;
    grid-row: 1 / span 2;
  }
  ul.gallery.layout3 > li:nth-child(3),
  ul.gallery.layout3 > km_li:nth-child(3) {
    grid-column: 3;
    grid-row: 3;
  }
  ul.gallery.layout3 > li:nth-child(4),
  ul.gallery.layout3 > km_li:nth-child(4) {
    grid-column: 4;
    grid-row: 3;
  }
  ul.gallery.layout3 > li:nth-child(5),
  ul.gallery.layout3 > km_li:nth-child(5) {
    grid-column: 5;
    grid-row: 1;
  }
  ul.gallery.layout3 > li:nth-child(6),
  ul.gallery.layout3 > km_li:nth-child(6) {
    grid-column: 5;
    grid-row: 2;
  }
  ul.gallery.layout3 > li:nth-child(7),
  ul.gallery.layout3 > km_li:nth-child(7) {
    grid-column: 5;
    grid-row: 3;
  }
  ul.gallery.layout3 > li:nth-child(5n+8),
  ul.gallery.layout3 > km_li:nth-child(5n+8) {
    grid-column: 1;
    padding-bottom: 65%;
  }
}
@media only screen and (max-width: 800px) and (min-width: 601px) {
  ul.gallery.layout3 > li:nth-child(1),
  ul.gallery.layout3 > km_li:nth-child(1) {
    grid-column: 1 / span 3;
    grid-row: 1 / span 2;
    padding-bottom: 45%;
  }
  ul.gallery.layout3 > li:nth-child(2),
  ul.gallery.layout3 > km_li:nth-child(2) {
    grid-column: 4 / span 2;
    grid-row: 1 / span 2;
  }
  ul.gallery.layout3 > li:nth-child(3),
  ul.gallery.layout3 > km_li:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
    padding-bottom: 80%;
  }
  ul.gallery.layout3 > li:nth-child(4),
  ul.gallery.layout3 > km_li:nth-child(4) {
    grid-column: 2;
    grid-row: 3;
  }
  ul.gallery.layout3 > li:nth-child(5),
  ul.gallery.layout3 > km_li:nth-child(5) {
    grid-column: 3;
    grid-row: 3;
  }
  ul.gallery.layout3 > li:nth-child(6),
  ul.gallery.layout3 > km_li:nth-child(6) {
    grid-column: 4;
    grid-row: 3;
  }
  ul.gallery.layout3 > li:nth-child(7),
  ul.gallery.layout3 > km_li:nth-child(7) {
    grid-column: 5;
    grid-row: 3;
  }
  ul.gallery.layout3 > li:nth-child(5n+8),
  ul.gallery.layout3 > km_li:nth-child(5n+8) {
    grid-column: 1;
    padding-bottom: 80%;
  }
}
@media only screen and (max-width: 600px) and (min-width: 451px) {
  ul.gallery.layout3 {
    grid-template-columns: repeat(4, 25%);
    width: calc(100% - 45px);
  }
  ul.gallery.layout3 > li:nth-child(1),
  ul.gallery.layout3 > km_li:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1;
    padding-bottom: 45%;
  }
  ul.gallery.layout3 > li:nth-child(2),
  ul.gallery.layout3 > km_li:nth-child(2) {
    grid-column: 3;
    grid-row: 1;
  }
  ul.gallery.layout3 > li:nth-child(3),
  ul.gallery.layout3 > km_li:nth-child(3) {
    grid-column: 4;
    grid-row: 1;
    padding-bottom: 45%;
  }
  ul.gallery.layout3 > li:nth-child(4),
  ul.gallery.layout3 > km_li:nth-child(4) {
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 90%;
  }
  ul.gallery.layout3 > li:nth-child(5),
  ul.gallery.layout3 > km_li:nth-child(5) {
    grid-column: 2;
    grid-row: 2;
  }
  ul.gallery.layout3 > li:nth-child(6),
  ul.gallery.layout3 > km_li:nth-child(6) {
    grid-column: 3;
    grid-row: 2;
  }
  ul.gallery.layout3 > li:nth-child(7),
  ul.gallery.layout3 > km_li:nth-child(7) {
    grid-column: 4;
    grid-row: 2;
  }
  ul.gallery.layout3 > li:nth-child(5n+8),
  ul.gallery.layout3 > km_li:nth-child(5n+8) {
    grid-column: 1;
    padding-bottom: 45%;
  }
}
@media only screen and (max-width: 450px) {
  ul.gallery.layout3 {
    grid-template-columns: repeat(2, 50%);
    width: calc(100% - 15px);
  }
  ul.gallery.layout3 > li,
  ul.gallery.layout3 > km_li {
    padding-bottom: 100%;
  }
  ul.gallery.layout3 > li:nth-child(1),
  ul.gallery.layout3 > km_li:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1;
    padding-bottom: 50%;
  }
  ul.gallery.layout3 > li:nth-child(2),
  ul.gallery.layout3 > km_li:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 100%;
  }
}
ul.gallery.layout4 {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(5, 20%);
  width: calc(100% - 60px);
  grid-auto-flow: row;
}
@media only screen and (min-width: 601px) {
  ul.gallery.layout4 > li:nth-child(1),
  ul.gallery.layout4 > km_li:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
    padding-bottom: 80%;
  }
  ul.gallery.layout4 > li:nth-child(2),
  ul.gallery.layout4 > km_li:nth-child(2) {
    grid-column: 1 / span 2;
    grid-row: 3;
    padding-bottom: calc(40% - 7.5px);
  }
  ul.gallery.layout4 > li:nth-child(3),
  ul.gallery.layout4 > km_li:nth-child(3) {
    grid-column: 3 / span 2;
    grid-row: 1 / span 2;
  }
  ul.gallery.layout4 > li:nth-child(4),
  ul.gallery.layout4 > km_li:nth-child(4) {
    grid-column: 3;
    grid-row: 3;
  }
  ul.gallery.layout4 > li:nth-child(5),
  ul.gallery.layout4 > km_li:nth-child(5) {
    grid-column: 4;
    grid-row: 3;
  }
  ul.gallery.layout4 > li:nth-child(6),
  ul.gallery.layout4 > km_li:nth-child(6) {
    grid-column: 5;
    grid-row: 1;
  }
  ul.gallery.layout4 > li:nth-child(7),
  ul.gallery.layout4 > km_li:nth-child(7) {
    grid-column: 5;
    grid-row: 2;
  }
  ul.gallery.layout4 > li:nth-child(8),
  ul.gallery.layout4 > km_li:nth-child(8) {
    grid-column: 5;
    grid-row: 3;
  }
  ul.gallery.layout4 > li:nth-child(5n+9),
  ul.gallery.layout4 > km_li:nth-child(5n+9) {
    grid-column: 1;
    padding-bottom: 80%;
  }
}
@media only screen and (max-width: 600px) and (min-width: 451px) {
  ul.gallery.layout4 {
    grid-template-columns: repeat(4, 25%);
    width: calc(100% - 45px);
  }
  ul.gallery.layout4 > li:nth-child(1),
  ul.gallery.layout4 > km_li:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    padding-bottom: 100%;
  }
  ul.gallery.layout4 > li:nth-child(2),
  ul.gallery.layout4 > km_li:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    padding-bottom: 50%;
  }
  ul.gallery.layout4 > li:nth-child(3),
  ul.gallery.layout4 > km_li:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
  }
  ul.gallery.layout4 > li:nth-child(4),
  ul.gallery.layout4 > km_li:nth-child(4) {
    grid-column: 4;
    grid-row: 1;
  }
  ul.gallery.layout4 > li:nth-child(5),
  ul.gallery.layout4 > km_li:nth-child(5) {
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 100%;
  }
  ul.gallery.layout4 > li:nth-child(6),
  ul.gallery.layout4 > km_li:nth-child(6) {
    grid-column: 2;
    grid-row: 2;
  }
  ul.gallery.layout4 > li:nth-child(7),
  ul.gallery.layout4 > km_li:nth-child(7) {
    grid-column: 3;
    grid-row: 2;
  }
  ul.gallery.layout4 > li:nth-child(8),
  ul.gallery.layout4 > km_li:nth-child(8) {
    grid-column: 4;
    grid-row: 2;
  }
  ul.gallery.layout4 > li:nth-child(5n+9),
  ul.gallery.layout4 > km_li:nth-child(5n+9) {
    grid-column: 1;
    padding-bottom: 100%;
  }
}
@media only screen and (max-width: 450px) {
  ul.gallery.layout4 {
    grid-template-columns: repeat(2, 50%);
    width: calc(100% - 15px);
    grid-auto-flow: row;
  }
  ul.gallery.layout4 > li,
  ul.gallery.layout4 > km_li {
    padding-bottom: 100%;
  }
  ul.gallery.layout4 > li:nth-child(1),
  ul.gallery.layout4 > km_li:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1;
    padding-bottom: 50%;
  }
  ul.gallery.layout4 > li:nth-child(2),
  ul.gallery.layout4 > km_li:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 100%;
  }
}
ul.gallery.layout5 {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(5, 20%);
  width: calc(100% - 60px);
  grid-auto-flow: row;
}
@media only screen and (min-width: 601px) {
  ul.gallery.layout5 > li:nth-child(1),
  ul.gallery.layout5 > km_li:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1;
    padding-bottom: 55%;
  }
  ul.gallery.layout5 > li:nth-child(2),
  ul.gallery.layout5 > km_li:nth-child(2) {
    grid-column: 1 / span 2;
    grid-row: 2;
    padding-bottom: 55%;
  }
  ul.gallery.layout5 > li:nth-child(3),
  ul.gallery.layout5 > km_li:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
    padding-bottom: 85%;
  }
  ul.gallery.layout5 > li:nth-child(4),
  ul.gallery.layout5 > km_li:nth-child(4) {
    grid-column: 2;
    grid-row: 3;
  }
  ul.gallery.layout5 > li:nth-child(5),
  ul.gallery.layout5 > km_li:nth-child(5) {
    grid-column: 3 / span 2;
    grid-row: 1 / span 2;
  }
  ul.gallery.layout5 > li:nth-child(6),
  ul.gallery.layout5 > km_li:nth-child(6) {
    grid-column: 3 / span 2;
    grid-row: 3;
  }
  ul.gallery.layout5 > li:nth-child(7),
  ul.gallery.layout5 > km_li:nth-child(7) {
    grid-column: 5;
    grid-row: 1;
  }
  ul.gallery.layout5 > li:nth-child(8),
  ul.gallery.layout5 > km_li:nth-child(8) {
    grid-column: 5;
    grid-row: 2;
  }
  ul.gallery.layout5 > li:nth-child(9),
  ul.gallery.layout5 > km_li:nth-child(9) {
    grid-column: 5;
    grid-row: 3;
  }
  ul.gallery.layout5 > li:nth-child(5n+10),
  ul.gallery.layout5 > km_li:nth-child(5n+10) {
    grid-column: 1;
    padding-bottom: 85%;
  }
}
@media only screen and (max-width: 600px) and (min-width: 451px) {
  ul.gallery.layout5 {
    grid-template-columns: repeat(4, 25%);
    width: calc(100% - 45px);
  }
  ul.gallery.layout5 > li:nth-child(1),
  ul.gallery.layout5 > km_li:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1;
    padding-bottom: 45%;
  }
  ul.gallery.layout5 > li:nth-child(2),
  ul.gallery.layout5 > km_li:nth-child(2) {
    grid-column: 3;
    grid-row: 1;
  }
  ul.gallery.layout5 > li:nth-child(3),
  ul.gallery.layout5 > km_li:nth-child(3) {
    grid-column: 4;
    grid-row: 1;
    padding-bottom: 45%;
  }
  ul.gallery.layout5 > li:nth-child(4),
  ul.gallery.layout5 > km_li:nth-child(4) {
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 90%;
  }
  ul.gallery.layout5 > li:nth-child(5),
  ul.gallery.layout5 > km_li:nth-child(5) {
    grid-column: 2;
    grid-row: 2;
  }
  ul.gallery.layout5 > li:nth-child(6),
  ul.gallery.layout5 > km_li:nth-child(6) {
    grid-column: 3;
    grid-row: 2;
  }
  ul.gallery.layout5 > li:nth-child(7),
  ul.gallery.layout5 > km_li:nth-child(7) {
    grid-column: 4;
    grid-row: 2;
  }
  ul.gallery.layout5 > li:nth-child(8),
  ul.gallery.layout5 > km_li:nth-child(8) {
    grid-column: 1 / span 2;
    grid-row: 3;
    padding-bottom: 45%;
  }
  ul.gallery.layout5 > li:nth-child(9),
  ul.gallery.layout5 > km_li:nth-child(9) {
    grid-column: 3 / span 2;
    grid-row: 3;
  }
  ul.gallery.layout5 > li:nth-child(5n+10),
  ul.gallery.layout5 > km_li:nth-child(5n+10) {
    grid-column: 1;
    grid-row: 4;
    padding-bottom: 45%;
  }
}
@media only screen and (max-width: 450px) {
  ul.gallery.layout5 {
    grid-template-columns: repeat(2, 50%);
    width: calc(100% - 15px);
    grid-auto-flow: row;
  }
  ul.gallery.layout5 > li,
  ul.gallery.layout5 > km_li {
    padding-bottom: 100%;
  }
  ul.gallery.layout5 > li:nth-child(1),
  ul.gallery.layout5 > km_li:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1;
    padding-bottom: 50%;
  }
  ul.gallery.layout5 > li:nth-child(2),
  ul.gallery.layout5 > km_li:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 100%;
  }
}
ul.gallery.layout-fix1 {
  display: grid;
  grid-gap: 15px;
  width: calc(100% - 30px);
  grid-auto-flow: row;
}
@media only screen and (min-width: 501px) {
  ul.gallery.layout-fix1 {
    grid-template-columns: repeat(3, 33.333%);
  }
}
@media only screen and (max-width: 500px) {
  ul.gallery.layout-fix1 {
    grid-template-columns: repeat(2, 50%);
  }
  ul.gallery.layout-fix1 > li,
  ul.gallery.layout-fix1 > km_li {
    padding-bottom: 70%;
  }
}
@media only screen and (min-width: 501px) {
  ul.gallery.layout-fix1 > li:nth-child(1),
  ul.gallery.layout-fix1 > km_li:nth-child(1) {
    grid-area: 1 / 1 / 3 / 3;
  }
  ul.gallery.layout-fix1 > li:nth-child(2),
  ul.gallery.layout-fix1 > km_li:nth-child(2) {
    grid-area: 1 / 3 / 2 / 4;
    padding-bottom: 70%;
  }
  ul.gallery.layout-fix1 > li:nth-child(3),
  ul.gallery.layout-fix1 > km_li:nth-child(3) {
    grid-area: 2 / 3 / 3 / 4;
    padding-bottom: 70%;
  }
  ul.gallery.layout-fix1 > li:nth-child(4),
  ul.gallery.layout-fix1 > km_li:nth-child(4) {
    grid-area: 3 / 1 / 4 / 2;
    padding-bottom: 70%;
  }
  ul.gallery.layout-fix1 > li:nth-child(5),
  ul.gallery.layout-fix1 > km_li:nth-child(5) {
    grid-area: 4 / 1 / 5 / 2;
    padding-bottom: 70%;
  }
  ul.gallery.layout-fix1 > li:nth-child(6),
  ul.gallery.layout-fix1 > km_li:nth-child(6) {
    grid-area: 3 / 2 / 5 / 4;
  }
}
@media only screen and (max-width: 500px) {
  ul.gallery.layout-fix1 > li:nth-child(1),
  ul.gallery.layout-fix1 > km_li:nth-child(1) {
    grid-area: 1 / 1 / 2 / 3;
  }
  ul.gallery.layout-fix1 > li:nth-child(2),
  ul.gallery.layout-fix1 > km_li:nth-child(2) {
    grid-area: 2 / 1 / 3 / 2;
  }
  ul.gallery.layout-fix1 > li:nth-child(3),
  ul.gallery.layout-fix1 > km_li:nth-child(3) {
    grid-area: 2 / 2 / 3 / 3;
  }
  ul.gallery.layout-fix1 > li:nth-child(4),
  ul.gallery.layout-fix1 > km_li:nth-child(4) {
    grid-area: 3 / 1 / 4 / 2;
  }
  ul.gallery.layout-fix1 > li:nth-child(5),
  ul.gallery.layout-fix1 > km_li:nth-child(5) {
    grid-area: 3 / 2 / 4 / 3;
  }
  ul.gallery.layout-fix1 > li:nth-child(6),
  ul.gallery.layout-fix1 > km_li:nth-child(6) {
    grid-area: 4 / 1 / 5 / 3;
  }
}
ul.gallery.layout-fix2 {
  display: grid;
  grid-gap: 15px;
  width: calc(100% - 30px);
  grid-auto-flow: row;
}
@media only screen and (min-width: 501px) {
  ul.gallery.layout-fix2 {
    grid-template-columns: repeat(3, 33.333%);
  }
}
@media only screen and (max-width: 500px) {
  ul.gallery.layout-fix2 {
    grid-template-columns: repeat(2, 50%);
  }
  ul.gallery.layout-fix2 > li,
  ul.gallery.layout-fix2 > km_li {
    padding-bottom: 70%;
  }
}
@media only screen and (min-width: 501px) {
  ul.gallery.layout-fix2 > li:nth-child(1),
  ul.gallery.layout-fix2 > km_li:nth-child(1) {
    grid-area: 1 / 1 / 3 / 3;
  }
  ul.gallery.layout-fix2 > li:nth-child(2),
  ul.gallery.layout-fix2 > km_li:nth-child(2) {
    grid-area: 1 / 3 / 2 / 4;
    padding-bottom: 70%;
  }
  ul.gallery.layout-fix2 > li:nth-child(3),
  ul.gallery.layout-fix2 > km_li:nth-child(3) {
    grid-area: 2 / 3 / 3 / 4;
    padding-bottom: 70%;
  }
  ul.gallery.layout-fix2 > li:nth-child(4),
  ul.gallery.layout-fix2 > km_li:nth-child(4) {
    grid-area: 3 / 1 / 4 / 2;
    padding-bottom: 70%;
  }
  ul.gallery.layout-fix2 > li:nth-child(5),
  ul.gallery.layout-fix2 > km_li:nth-child(5) {
    grid-area: 3 / 2 / 4 / 3;
    padding-bottom: 70%;
  }
  ul.gallery.layout-fix2 > li:nth-child(6),
  ul.gallery.layout-fix2 > km_li:nth-child(6) {
    grid-area: 3 / 3 / 4 / 4;;
  }
}
@media only screen and (max-width: 500px) {
  ul.gallery.layout-fix2 > li:nth-child(1),
  ul.gallery.layout-fix2 > km_li:nth-child(1) {
    grid-area: 1 / 1 / 2 / 3;
  }
  ul.gallery.layout-fix2 > li:nth-child(2),
  ul.gallery.layout-fix2 > km_li:nth-child(2) {
    grid-area: 2 / 1 / 3 / 2;
  }
  ul.gallery.layout-fix2 > li:nth-child(3),
  ul.gallery.layout-fix2 > km_li:nth-child(3) {
    grid-area: 2 / 2 / 3 / 3;
  }
  ul.gallery.layout-fix2 > li:nth-child(4),
  ul.gallery.layout-fix2 > km_li:nth-child(4) {
    grid-area: 3 / 1 / 4 / 2;
  }
  ul.gallery.layout-fix2 > li:nth-child(5),
  ul.gallery.layout-fix2 > km_li:nth-child(5) {
    grid-area: 3 / 2 / 4 / 3;
  }
  ul.gallery.layout-fix2 > li:nth-child(6),
  ul.gallery.layout-fix2 > km_li:nth-child(6) {
    grid-area: 4 / 1 / 5 / 3;
  }
}
ul.gallery.layout-fix3 {
  display: grid;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}
@media only screen and (min-width: 950px) {
  ul.gallery.layout-fix3 {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  ul.gallery.layout-fix3 > li {
    padding-bottom: 56%;
  }
  ul.gallery.layout-fix3 > li:nth-child(1) {
    grid-area: 1 / 1 / 3 / 3;
  }
  ul.gallery.layout-fix3 > li:nth-child(2) {
    grid-area: 3 / 1 / 4 / 3;
  }
  ul.gallery.layout-fix3 > li:nth-child(3) {
    grid-area: 1 / 3 / 2 / 5;
  }
  ul.gallery.layout-fix3 > li:nth-child(4) {
    grid-area: 1 / 5 / 2 / 6;
  }
  ul.gallery.layout-fix3 > li:nth-child(5) {
    grid-area: 2 / 3 / 3 / 4;
  }
  ul.gallery.layout-fix3 > li:nth-child(6) {
    grid-area: 3 / 3 / 4 / 4;
  }
  ul.gallery.layout-fix3 > li:nth-child(7) {
    grid-area: 2 / 4 / 4 / 6;
  }
}
@media only screen and (min-width: 750px) and (max-width: 950px) {
  ul.gallery.layout-fix3 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
  ul.gallery.layout-fix3 > li {
    padding-bottom: 56%;
  }
  ul.gallery.layout-fix3 > li:nth-child(1) {
    grid-area: 1 / 1 / 3 / 3;
  }
  ul.gallery.layout-fix3 > li:nth-child(2) {
    grid-area: 3 / 1 / 4 / 3;
  }
  ul.gallery.layout-fix3 > li:nth-child(3) {
    grid-area: 4 / 1 / 5 / 2;
  }
  ul.gallery.layout-fix3 > li:nth-child(4) {
    grid-area: 4 / 2 / 5 / 4;
  }
  ul.gallery.layout-fix3 > li:nth-child(5) {
    grid-area: 1 / 3 / 2 / 4;
  }
  ul.gallery.layout-fix3 > li:nth-child(6) {
    grid-area: 2 / 3 / 3 / 4;
  }
  ul.gallery.layout-fix3 > li:nth-child(7) {
    grid-area: 3 / 3 / 4 / 4;
  }
}
@media only screen and (min-width: 600px) and (max-width: 750px) {
  ul.gallery.layout-fix3 {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  ul.gallery.layout-fix3 > li {
    padding-bottom: 56%;
  }
  ul.gallery.layout-fix3 > li:nth-child(1) {
    grid-area: 1 / 1 / 3 / 3;
  }
  ul.gallery.layout-fix3 > li:nth-child(2) {
    grid-area: 3 / 1 / 4 / 3;
  }
  ul.gallery.layout-fix3 > li:nth-child(3) {
    grid-area: 1 / 3 / 2 / 5;
  }
  ul.gallery.layout-fix3 > li:nth-child(4) {
    grid-area: 1 / 5 / 2 / 6;
  }
  ul.gallery.layout-fix3 > li:nth-child(5) {
    grid-area: 2 / 3 / 3 / 4;
  }
  ul.gallery.layout-fix3 > li:nth-child(6) {
    grid-area: 3 / 3 / 4 / 4;
  }
  ul.gallery.layout-fix3 > li:nth-child(7) {
    grid-area: 2 / 4 / 4 / 6;
  }
}
@media only screen and (max-width: 600px) {
  ul.gallery.layout-fix3 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
  ul.gallery.layout-fix3 > li {
    padding-bottom: 56%;
  }
  ul.gallery.layout-fix3 > li:nth-child(1) {
    grid-area: 1 / 1 / 3 / 3;
  }
  ul.gallery.layout-fix3 > li:nth-child(2) {
    grid-area: 3 / 1 / 4 / 3;
  }
  ul.gallery.layout-fix3 > li:nth-child(3) {
    grid-area: 4 / 1 / 5 / 2;
  }
  ul.gallery.layout-fix3 > li:nth-child(4) {
    grid-area: 4 / 2 / 5 / 4;
  }
  ul.gallery.layout-fix3 > li:nth-child(5) {
    grid-area: 1 / 3 / 2 / 4;
  }
  ul.gallery.layout-fix3 > li:nth-child(6) {
    grid-area: 2 / 3 / 3 / 4;
  }
  ul.gallery.layout-fix3 > li:nth-child(7) {
    grid-area: 3 / 3 / 4 / 4;
  }
}
ul.gallery.layout-simple1 {
  display: grid;
  grid-gap: 15px;
  width: calc(100% - 30px);
  grid-auto-flow: row;
}
ul.gallery.layout-simple1 > li {
  padding-bottom: 56%;
}
ul.gallery.layout-simple1 > li:nth-child(1) {
  grid-area: 1 / 1 / 3 / 2;
}
ul.gallery.layout-simple1 > li:nth-child(2) {
  grid-area: 1 / 2 / 2 / 3;
}
ul.gallery.layout-simple1 > li:nth-child(3) {
  grid-area: 2 / 2 / 3 / 3;
}
ul.gallery.layout-simple2 {
  display: grid;
  grid-gap: 15px;
  width: calc(100% - 30px);
  grid-auto-flow: row;
}
ul.gallery.layout-simple2 > li {
  padding-bottom: 75%;
}
ul.gallery.layout-simple2 > li:nth-child(1) {
  grid-area: 1 / 1 / 2 / 4;
  padding-bottom: 56%;
}
ul.gallery.layout-simple2 > li:nth-child(2) {
  grid-area: 2 / 1 / 3 / 2;
}
ul.gallery.layout-simple2 > li:nth-child(3) {
  grid-area: 2 / 2 / 3 / 3;
}
ul.gallery.layout-simple2 > li:nth-child(4) {
  grid-area: 2 / 3 / 3 / 4;
}