/* ==========================================
   Zentrierter Inhaltsblock für Gallery, Infos, etc
   ========================================== */

.content-block {
    max-width: 800px;
    margin: 1.5rem auto;      /* zentriert den Block + Abstand oben/unten */
    padding: 0 1.5rem;
    box-sizing: border-box;
    background-color: #e0f0ff;
/*     border-left: 5px solid #0077b6;*/  
    border-radius: 8px;
    color: #003d5c;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    text-align: center;
}

/* Optionale optische Ruhe durch etwas Abstand oben/unten */
.content-block h3:first-of-type {
  margin-top: 2rem;
}

.content-block ul {
    display: inline-block; /* Liste wird wie ein kleines Block-Element behandelt */
    text-align: left;      /* Text innerhalb bleibt links */
    margin: 1rem 0;        /* Abstand oben/unten */
    padding-left: 1.2rem; /* Einrückung für die Bulletpoints */
}

.content-box p {
  margin-top: 0;
  font-weight: 600;
  color: #005a87; /* leicht dunklerer Ton */
}

@media (max-width: 1024px) {
  .content-block {
    max-width: 95%;        /* auf Tablets und kleineren Screens fast volle Breite */
    padding: 0 1rem;
  }
}

@media (max-width: 600px) {
  .content-block {
    max-width: 100%;
    padding: 0 0.8rem;
  }
}