/* Section as lightweight card */
.section {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  background-color: #fff;
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.04),
    0 8px 20px rgba(0, 0, 0, 0.03);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* Optional: very subtle lift on hover (can be removed if too lively) */
.section:hover {
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.06),
    0 12px 28px rgba(0, 0, 0, 0.04);
}

.section-flagger {
    color: rgba(226, 119, 48, 0.5);
}


/* Ensure sections breathe when stacked */
.section + .section {
  margin-top: 2rem;
}


/* Images inside sections */
.section img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 18px rgba(0, 0, 0, 0.05);
}

/* Optional: very subtle hover feedback */
.section img:hover {
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.06);
}



/* Video frames inside sections */
.section .ratio {
  border-radius: 14px;
  overflow: hidden;
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 8px 18px rgba(0, 0, 0, 0.05);
  background-color: #000; /* verhindert weiße Ränder beim Laden */
}

/* Optional: subtle hover feedback */
.section .ratio:hover {
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.06);
}


/* Accordion reset for editorial look */
.section .accordion-item {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.015);
}

/* Abstand zwischen unabhängigen Accordion-Blöcken */
.section .accordion-item + .accordion-item {
  margin-top: 1rem;
}

.section .accordion-button {
  background-color: transparent;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  box-shadow: none;
  padding: 1rem 1.25rem;
}

/* Entfernt den harten Fokus-Rahmen */
.section .accordion-button:focus {
  box-shadow: none;
}


.section .accordion-button:not(.collapsed) {
  background-color: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.9);
}



.section .accordion-body {
  color: rgba(0, 0, 0, 0.75);
  line-height: 1.65;
  padding: 1rem 1.25rem 1.25rem;
}