@charset "UTF-8";
/* CSS Document */

.artist {
  display: flex;
  align-items: center;       /* vertikal zentrieren */
  gap: 1.5rem;
  max-width: 600px;
}

.artist-image {
  flex: 0 0 180px;           /* feste Breite für das Bild */
}

.artist-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
  margin:2px;
}

.artist-info {
  flex: 1;
}

.artist-info h2 {
  margin: 0 0 0.5rem;
}

.artist-info p {
  margin: 0;
}

/* Smartphone */
@media (max-width: 600px) {

  .artist {
    flex-direction: column;
    align-items: stretch;
    gap: 0.8rem;
  }

  .artist-image {
    flex: none;
    width: 100%;
  }

  .artist-info {
    text-align: center;
  }

}