/* Hugo-Migration: Ergaenzungen zum Original-Stylesheet (responsiv + Galerie) */

/* Inline-Bilder (chapter_intro) duerfen die Textspalte nicht ueberragen */
.contentbox img {
  max-width: 100%;
  height: auto;
}

/* Galerie-Thumbnails als flexible Reihe */
.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0.6em 0;
}
.gallery figure {
  margin: 0;
  max-width: 159px;
}
.gallery figcaption {
  font-size: 0.85em;
  color: #5e5e5e;
}
.gallery img {
  max-width: 159px;
  height: auto;
  border: 1px solid #000;
  padding: 1px;
  cursor: zoom-in;
}

/* Responsiv: bis 900px schrumpft der Wrapper, darunter stapelt das Layout */
@media (max-width: 900px) {
  #wrapper {
    width: auto;
    max-width: 850px;
  }
  #header,
  #pic {
    width: auto;
    max-width: 850px;
    background-size: cover;
  }
}

@media (max-width: 760px) {
  /* leftmenu liegt in #pic: float aufheben, damit #pic die Hoehe mitwaechst */
  #leftmenu {
    float: none;
    width: auto;
    height: auto;
  }
  #nav {
    width: auto;
  }
  #pic {
    height: auto;
    min-height: 120px;
    background-size: cover;
    background-position: center;
  }
  .contentbox {
    float: none;
    width: auto;
  }
  #menu li {
    display: inline-block;
    margin-bottom: 4px;
  }
  #header h1 {
    margin-left: 15px;
  }
}