/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

   #part_1:target ~ nav li:nth-child(1) #part_2:target ~ nav li:nth-child(2),
... {
	andere Farben
}
   .grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  }

img {
  /*
  display: block;
  margin: 0px auto;
  max-width: 100%;
  */
}

.wrapper {
  width: calc(100% / 4);
  margin: 2px;
  /**/border: 10px solid red;
}

.padded-container {
  height: 0;
  position: relative;
  overflow: hidden;
  padding-bottom: 14.0625%;
}

.img {
  width: 100%;
  height: auto;
}

/**/
.centered {
  position: absolute;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  margin: auto;
}