.articel-release-date {
  margin-top: 2rem;
  color: lightgray;
  font-weight: 200;
  font-family: var(--text-font);
}

.article.teaser {
  border: 1px solid #f9f9f9;
  padding: 2rem 2rem 2rem 2rem;
}

.content img {
  max-width: 100%;
  width: 100%;
}

/* Article */
article .layout__region--second {
  display: flex;
  flex-direction: column;
}

article {
  border-radius: 1rem;
  padding: 1rem;
  background-color: white;
  box-shadow: 0px 0px 30px -10px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 768px) {
  article {
    padding: 2rem;
  }
}

article .layout__region--second .field--type-text-with-summary {
  flex-grow: 1;
}

article .content .layout.layout--twocol {
  background-color: white;
}

article.contextual-region {
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0px 0px 30px -10px rgba(0, 0, 0, 0.1);
}

.article.full .layout__region--first {
  padding-bottom: 1rem;
}

.article.full .layout__region--first {
  padding-bottom: 1rem;
}

@media only screen and (min-width: 40em) {
  .article.teaser .layout__region--first {
    padding: 1rem;
    padding-bottom: unset;
  }

  .article.full .layout__region--first {
    padding-bottom: unset;
  }
}

.article.teaser .layout__region--second .node-readmore {
  font-weight: 500;
}

article > h2:first-child {
  display: none;
}

article .field--name-field-image,
article .field--name-field-image div {
  width: 100%;
}

.gallerie .field--items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.gallerie .field--items > .field--item {
  flex: 1 1 20%; /* Default: 5 items per row */
}

@media (max-width: 1400px) {
  .gallerie .field--items > .field--item {
    flex: 1 1 30%;
  }
}

@media (max-width: 996px) {
  .gallerie .field--items > .field--item {
    flex: 1 1 45%;
  }
}

@media (max-width: 500px) {
  .gallerie .field--items > .field--item {
    flex: 1 1 100%;
  }
}

.bottom-margin {
  margin-bottom: 1rem;
}