/* ==========================================================
   Bellemann - Hinweise Styles
   Grey info box with padding
   Typography handled globally
========================================================== */

.bellemann-hinweise__inner {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  padding: 40px;
  border-radius: 6px;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Headings inside box */
.bellemann-hinweise__inner h2,
.bellemann-hinweise__inner h3,
.bellemann-hinweise__inner h4 {
  margin-top: 0;
  margin-bottom: 20px;
}

/* Paragraphs and lists */
.bellemann-hinweise__inner p {
  margin-bottom: 15px;
}
.bellemann-hinweise__inner ul {
  margin: 0 0 15px 20px;
  padding: 0;
}
.bellemann-hinweise__inner li {
  margin-bottom: 8px;
}

/* Responsive */
@media (max-width: 768px) {
  .bellemann-hinweise__inner {
    padding: 25px;
  }
}