/* Querverweise am Ende einer Seite. Ein Block, drei Ziele, kein Kasten-Design:
   die Seite soll nicht aussehen, als haetten wir Werbung angeklebt. */
.qv {
  max-width: var(--breite, 1435px);
  margin: 88px auto 96px;
  padding: 28px var(--rand, 40px) 0;
  border-top: 1px solid rgba(61,55,51,.18);
}
.qv-titel {
  margin: 0 0 20px;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 12px; font-weight: 400;
  letter-spacing: .12em; text-transform: uppercase;
  color: #6C645C;
}
.qv-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.qv-liste li { display: flex; flex-direction: column; gap: 4px; }
.qv-liste a {
  color: #3D3733; text-decoration: none;
  font-size: 19px; line-height: 1.3;
  border-bottom: 1px solid rgba(61,55,51,.28); align-self: start;
}
.qv-liste a:hover { border-bottom-color: #3D3733; }
.qv-liste span { color: #6C645C; font-size: 15px; line-height: 1.45; }
@media (min-width: 810px) {
  .qv-liste { grid-template-columns: repeat(3, 1fr); gap: 32px; }
}
/* Weg von der Uebersicht auf die Einzelseite eines Zimmers */
.zpm .qv-zimmer {
  display: inline-block; margin-right: 20px; align-self: center;
  font-size: 14px; letter-spacing: .02em;
  color: inherit; text-decoration: none;
  border-bottom: 1px solid currentColor;
}
.zpm .qv-zimmer:hover { opacity: .7; }

/* Weg aus einem Abschnitt der Startseite auf die zugehoerige Seite */
.qv-mehr-zeile { margin: 28px 0 0; display: flex; flex-wrap: wrap; gap: 14px 32px; }
.qv-mehr {
  color: #3D3733; text-decoration: none;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 13px; letter-spacing: .06em; text-transform: uppercase;
  border-bottom: 1px solid rgba(61,55,51,.3); padding-bottom: 2px;
}
.qv-mehr:hover { border-bottom-color: #3D3733; }