.workshop-section{margin:3rem 0}.workshop-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2rem}.workshop-card{border:1px solid #e7e1d6;border-radius:18px;padding:1.3rem;background:#fff;scroll-margin-top:100px}.workshop-card h3{margin-top:0}.workshop-flyer{width:100%;height:auto;object-fit:contain;display:block;border-radius:8px}.workshop-admin-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:1rem;padding:1.25rem 0;border-bottom:1px solid #ddd}.workshop-admin-thumb{width:100%;height:130px;object-fit:contain}.workshop-admin-row input[readonly]{width:100%;max-width:620px}@media(max-width:550px){.workshop-admin-row{grid-template-columns:1fr}.workshop-admin-thumb{width:120px}}

/* V5.3.1: Workshop-Flyer kompakt und mittig anzeigen */
.workshop-list {
  grid-template-columns: minmax(0, 600px);
  justify-content: center;
}
.workshop-flyer {
  width: 100%;
  max-width: 550px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.workshop-card > a:has(.workshop-flyer) {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}
@media (max-width: 600px) {
  .workshop-list { grid-template-columns: minmax(0, 1fr); }
  .workshop-card { padding: 1rem; }
}

/* V5.3.2: gesamte Workshop-Karte inklusive Titel und Button zentrieren */
.workshop-section .workshop-list {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: minmax(0, 1fr);
}
.workshop-section .workshop-card {
  min-width: 0;
}

/* V5.3.3: dezente Flyer-Darstellung, maximal 400px */
.workshop-section .workshop-list { max-width: 460px; }
.workshop-section .workshop-flyer { max-width: 400px; width: 100%; height: auto; margin-inline: auto; }
.workshop-section .workshop-card > a:has(.workshop-flyer) { display: block; width: fit-content; max-width: 100%; margin-inline: auto; }
@media (max-width: 520px) {
  .workshop-section .workshop-list { max-width: 100%; }
  .workshop-section .workshop-flyer { max-width: 100%; }
}

/* V5.3.4: zuverlässige Zentrierung und 400px Flyer */
.workshop-section .workshop-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-inline: auto;
}
.workshop-section .workshop-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 460px;
  margin-inline: auto;
}
.workshop-section .workshop-card > a:has(.workshop-flyer) {
  display: block;
  width: 100%;
  max-width: 400px;
  margin-inline: auto;
}
.workshop-section .workshop-flyer {
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
  margin-inline: auto;
}
@media (max-width: 520px) {
  .workshop-section .workshop-card { max-width: 100%; }
}