/* Bonus-Crab-Vergleich */
.crab-filters { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0; }
.crab-filters[hidden], .crab-card[hidden] { display:none; }
.crab-filters button { background:#203943; color:#eef6f7; border:1px solid #456675; border-radius:.45rem; padding:.6rem .9rem; font:inherit; cursor:pointer; }
.crab-filters button[aria-pressed="true"] { background:#32ec77; color:#102820; border-color:#32ec77; }
.crab-filters button:focus-visible { outline:2px solid white; outline-offset:2px; }
.crab-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr)); gap:1rem; }
.crab-card { background:#203943; border:1px solid #375965; border-radius:.5rem; padding:1rem; display:flex; flex-direction:column; }
.crab-brand { display:flex; gap:.8rem; align-items:center; }
.crab-brand img { width:65px; height:50px; object-fit:contain; }
.crab-brand h3 { margin:0; font-size:1.16rem; }
.crab-brand h3 a { color:inherit; } .crab-brand span,.crab-card small,.crab-video figcaption { color:#bdced4; font-size:.85rem; }
.crab-card dl { flex:1; margin:.85rem 0; }
.crab-card dl>div { padding:.45rem 0; border-top:1px solid #38535e; }
.crab-card dt { color:#b9cbd1; font-size:.78rem; }
.crab-card dd { margin:.15rem 0 0; font-weight:650; } .crab-card small { display:block; font-weight:400; }
.crab-card .casino-actions { margin-top:auto; }
.crab-guide { margin:2.5rem 0; } .crab-guide section { margin:1.75rem 0; }
.crab-video { margin:1rem 0; } .crab-video video { width:min(100%,260px); height:auto; border-radius:.45rem; display:block; background:#122630; }
.crab-video figcaption { margin:.6rem 0; }

.cash-grid { margin-block:1rem 2rem; }
.cash-card dl { margin-bottom:.45rem; }
.cash-card .casino-actions { padding-top:.5rem; }
.cash-machine { margin:1rem 0; }
.cash-machine img { display:block; width:min(100%,280px); height:auto; border-radius:.45rem; }
.cash-machine figcaption { margin:.5rem 0; color:#bdced4; font-size:.85rem; }