/* Bestattungsarten: alle fünf Karten fest in einer Reihe (Stand 19.09.2026).
   Ersetzt das Karussell (burial-carousel.css/.js): dort rückte jeder Klick nur eine
   Karte weiter, bei drei sichtbaren Karten wiederholten sich also zwei pro Schritt. */
.burial-section { padding: 72px 0; background: #faf8f3; }
.burial-section .container { max-width: 1280px; }
.burial-section .section-header { margin-bottom: 38px; }
.bt-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.bt-card { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 18px 14px; background: var(--bt-tint); border-radius: 18px; box-shadow: 0 5px 18px rgba(48,50,37,.06); color: #303723; transition: transform .3s ease, box-shadow .3s ease; }
.bt-card:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(48,50,37,.12); }
.burial-section .bt-art { width: 100%; height: 165px; object-fit: contain; margin-bottom: 14px; filter: grayscale(1) brightness(1.06); mix-blend-mode: multiply; user-select: none; mask-image: linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 90%,transparent); mask-composite: intersect; }
.burial-section .bt-card h3 { font-size: 1.3rem; font-weight: 500; line-height: 1.25; margin: 0 0 10px; color: #303723; }
.burial-section .bt-card p { font-size: .98rem; line-height: 1.5; color: #59604d; margin: 0 0 18px; max-width: 22ch; }
.bt-link { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding: 8px 14px; border-radius: 24px; color: #465033; text-decoration: none; font-weight: 500; font-size: .95rem; transition: background .3s ease, color .3s ease; }
.bt-link:hover, .bt-link:focus-visible { background: #d9dfce; color: #29321f; }
.bt-link:focus-visible { outline: 2px solid #465033; outline-offset: 4px; }
@media (max-width: 1023px) {
 .bt-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
 .bt-card { grid-column: span 2; }
 .bt-card:nth-child(4) { grid-column: 2 / span 2; }
 .bt-card:nth-child(5) { grid-column: 4 / span 2; }
}
@media (max-width: 639px) {
 .burial-section { padding: 48px 0; }
 .burial-section .section-header { margin-bottom: 26px; }
 .bt-grid { grid-template-columns: 1fr; gap: 14px; }
 .bt-card, .bt-card:nth-child(4), .bt-card:nth-child(5) { grid-column: auto; display: grid; grid-template-columns: 104px minmax(0, 1fr); column-gap: 16px; align-items: center; text-align: left; padding: 14px 16px; }
 .bt-card:hover { transform: none; }
 .burial-section .bt-art { grid-row: 1 / span 3; height: 96px; margin: 0; }
 .burial-section .bt-card h3 { font-size: 1.18rem; margin-bottom: 4px; }
 .burial-section .bt-card p { font-size: .93rem; margin-bottom: 6px; max-width: none; }
 .bt-link { margin: 0; padding: 4px 0; justify-self: start; }
 .bt-link:hover { background: transparent; }
}
@media (prefers-reduced-motion: reduce) { .bt-card, .bt-link { transition: none; } .bt-card:hover { transform: none; } }