/* -------------------------
   Custom Cursor ✶
------------------------- */
* {
  cursor: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'>\
<text x='0' y='18' font-size='20'>✶</text>\
</svg>") 4 18, auto;
}

/* -------------------------
   Grundlayout
------------------------- */
body {
  margin: 40px;
  font-family: "Times New Roman", serif;
  background: white;
  color: black;
}

/* -------------------------
   Symbole oben
------------------------- */
.symbols {
  font-size: 18px;
  margin-bottom: 40px;
}

.symbols a {
  color: black;
  text-decoration: none;
}

/* -------------------------
   Inhalt
------------------------- */
.content {
  max-width: 640px;
}

/* Abschnitte */
.section {
  margin-bottom: 16px;
}

.section.small {
  font-size: 0.8em;
}

/* Abstand */
.spacer {
  margin-top: 80px;
}

/* -------------------------
   Links (wie Text)
------------------------- */
a {
  color: black;
  text-decoration: none;
  font-family: inherit;
}

a:hover {
  opacity: 0.6;
}

/* -------------------------
   ARCHIVE / FOTOSEITEN
------------------------- */

/* 3 Bilder nebeneinander */
.archive-images {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 6px;              /* Abstand zwischen den Bildern */
  margin-top: 40px;
  justify-content: start; /* schiebt alles enger nach links */
}


/* Bildgröße */
.archive-images img {
  width: 120px;   /* ← HIER Größe ändern */
  height: auto;
  object-fit: contain;
}