/* Kunst-Seite: eigenständiger Blau-Look */
body.theme-kunst {
  background: linear-gradient(135deg, #eaf2fa 0%, #d0e1f7 25%, #a7c7ef 50%, #6b9ddf 75%, #1e5fb8 100%);
  background-attachment: fixed;
}
.theme-kunst .brand,
.theme-kunst .h1,
.theme-kunst .icon { color: #1e5fb8; }
.theme-kunst a { color: #1e5fb8; text-decoration-color: #1e5fb8; }
.theme-kunst a:hover { color: #14427f; text-decoration-color: #14427f; }
.theme-kunst .card { border-top: 3px solid #1e5fb8; }
.theme-kunst .card a { font-weight: 600; }
.intro { margin: 1.25rem 0 0.5rem; }
.intro .sub { opacity: .85; margin-top: .25rem; }
.thumb {
  width: 100%;
  height: auto;
  border-radius: 12px;
  border: 1px solid rgba(30,95,184,.25);
  display: block;
}

/* Tagline nur auf der Startseite sichtbar, in kunst ausgeblendet */
.theme-kunst .tag { display: none; }


/* Einheitliche Darstellung für Projektbilder */
.project-image img {
  max-width: 80%;
  max-height: 500px;
  height: auto;
  width: auto;
  display: block;
  margin: 1rem auto;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0,0,0,.15);
}


/* Flexibles Grid für Projekte – auch bei nur einer Karte schön mittig */
.projects-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}

.projects-grid .project-card {
  flex: 1 1 300px;
  max-width: 320px;
}


/* Kompakte Karten-Grid – zentriert auch bei nur 1 Karte */
.theme-kunst .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
  justify-items: center;
}

.theme-kunst .grid .card {
  width: 100%;
  max-width: 360px;
}