/* Paket 10/11: ergänzt die vorhandenen Webkomponenten, nur neue PG-Bereiche. */
.lavelal-wk-pg { min-width: 0; overflow-wrap: break-word; }
.lavelal-wk-pg .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 16px; margin-block: 24px 16px; }
.lavelal-wk-pg .wp-block-button { min-width: 0; max-width: 100%; margin: 0; }
.lavelal-wk-pg .wp-block-button a.wp-block-button__link,
.lavelal-wk-pg .wp-block-button a.wp-block-button__link:visited {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; max-width: 100%; padding: 12px 20px;
  border: 2px solid #823f7c; border-radius: 8px; background: #823f7c; color: #fff;
  font: inherit; font-weight: 600; line-height: 1.25; text-align: center;
  text-decoration: none; white-space: normal; overflow-wrap: anywhere;
}
.lavelal-wk-pg .wp-block-button.is-style-outline a.wp-block-button__link,
.lavelal-wk-pg .wp-block-button.is-style-outline a.wp-block-button__link:visited { background: #fff; color: #823f7c; }
.lavelal-wk-pg .wp-block-button a.wp-block-button__link:hover { filter: brightness(.94); }
.lavelal-wk-pg .wp-block-button a.wp-block-button__link:focus-visible { outline: 3px solid #823f7c; outline-offset: 4px; }
.lavelal-wk-pg .lavelal-wk-pg-photo { margin: 32px 0 0; }
.lavelal-wk-pg .lavelal-wk-pg-photo img { display: block; width: 100%; height: auto; border-radius: 8px; }
.lavelal-wk-pg .lavelal-wk-pg-photo figcaption { margin-top: 8px; font-size: .85rem; line-height: 1.5; }
.lavelal-wk-pg-gift .lavelal-wk-section > .lavelal-wk-step { margin-top: 28px; }
.lavelal-wk-pg-gift-home > p, .lavelal-wk-pg-vet-partner > p { max-width: 50rem; }
.lavelal-wk-pg-vet-news .wp-block-button a.wp-block-button__link,
.lavelal-wk-pg-vet-news .wp-block-button a.wp-block-button__link:visited { background: #fff; border-color: #fff; color: #823f7c; }
.lavelal-wk-pg-vet-news .wp-block-button a.wp-block-button__link:focus-visible { outline-color: #fff; }
.lavelal-wk-pg-vet-news .lavelal-wk-pg-photo { margin: 0; }
.lavelal-wk-pg-vet-news .lavelal-wk-pg-photo img { aspect-ratio: 3 / 2; object-fit: cover; }
@media (max-width: 640px) {
  .lavelal-wk-pg .wp-block-buttons { flex-direction: column; align-items: stretch; }
  .lavelal-wk-pg .wp-block-button, .lavelal-wk-pg .wp-block-button a.wp-block-button__link { width: 100%; }
  .lavelal-wk-pg .lavelal-wk-pg-photo { margin-top: 24px; }
  .lavelal-wk-pg-vet-news .lavelal-wk-pg-photo { margin-top: 0; }
}