@charset "UTF-8";

/* Helfervereinigung page: board cards (3 columns) and statute document card */
.board-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.doc-card { padding: 0; margin: 0 0 12px; }
.doc-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 14px 16px; }
.doc-info { flex: 1 1 200px; min-width: 0; }
.doc-title { font-size: 16px; line-height: 1.3; font-weight: bold; overflow-wrap: anywhere; }
.doc-icon { flex: none; }
.doc-head > .doc-icon { color: #039; }
.doc-actions { display: flex; gap: 8px; margin-left: auto; justify-content: flex-end; }
.doc-button { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px;
  border: 2px solid #039; background: #fff; color: #039; font-weight: bold; text-decoration: none; }
.doc-button.is-primary { background: #039; color: #fff; }
.doc-toggle { font: inherit; font-weight: bold; cursor: pointer; }
.doc-button:hover, .doc-button:focus { text-decoration: underline; }
.doc-preview { border-top: 2px solid #039; }
.doc-preview[hidden], .doc-toggle[hidden] { display: none; }
.doc-preview object { display: block; width: 100%; height: 620px; }
.doc-fallback { margin: 12px 16px; }

@container (min-width: 560px) {
  .board-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@container (max-width: 559px) {
  .doc-actions { flex: 1 1 100%; flex-wrap: wrap; }
  .doc-button { flex: 1 1 0; }
  .doc-toggle, .doc-preview { display: none; }
}