/* Neue Startseite BigTrend24 (Patrick 09.11.2026), ergaenzt style.css */
.sn-hero{background:linear-gradient(135deg,#eef7f8 0%,#f7fbfb 55%,#fff 100%);border-bottom:1px solid #e3eef0}
.sn-hero-innen{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding-top:44px;padding-bottom:44px}
.sn-hero-text h1{font-size:clamp(28px,3.6vw,44px);line-height:1.12;margin:10px 0 14px;color:#12302f}
.sn-hero-text p{font-size:17px;line-height:1.6;color:#3d5556;margin:0 0 22px;max-width:560px}
.sn-collage{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sn-collage-bild{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:1/1;background:#e9f1f2;box-shadow:0 6px 18px rgba(6,60,66,.10)}
.sn-collage-bild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.sn-collage-bild:hover img{transform:scale(1.04)}
.sn-collage-bild span{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.93);color:#12302f;font-weight:700;font-size:13px;padding:5px 10px;border-radius:999px}
.sn-gruppen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sn-gruppe{background:#fff;border:1px solid #e3eef0;border-radius:14px;padding:18px 18px 14px}
.sn-gruppe h3{margin:0 0 2px;font-size:18px;color:#12302f}
.sn-gruppe p{margin:0 0 12px;color:#5b7172;font-size:14px}
.sn-chips{display:flex;flex-wrap:wrap;gap:8px}
.sn-chips a{display:inline-block;padding:6px 12px;border-radius:999px;background:#eef7f8;color:#06666f;font-size:14px;font-weight:600;text-decoration:none;border:1px solid #d5e9eb}
.sn-chips a:hover{background:#068391;color:#fff;border-color:#068391}
.sn-kacheln{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sn-kachel{display:flex;flex-direction:column;background:#fff;border:1px solid #e3eef0;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.sn-kachel:hover{box-shadow:0 8px 22px rgba(6,60,66,.13);transform:translateY(-2px)}
.sn-kachel-bild{display:block;aspect-ratio:1/1;background:#f1f6f7;overflow:hidden}
.sn-kachel-bild img,.sn-kachel-bild .bild-platzhalter{width:100%;height:100%;object-fit:contain;display:block}
.sn-kachel-text{display:flex;flex-direction:column;padding:10px 12px 12px}
.sn-kachel-text b{font-size:15px;line-height:1.3;color:#12302f}
.sn-kachel-text small{color:#6b8283;font-size:13px;margin-top:2px}
.sn-text{max-width:860px}
.sn-text p{color:#3d5556;line-height:1.7}
#kategorien{scroll-margin-top:90px}
@media (max-width:1100px){.sn-kacheln{grid-template-columns:repeat(4,1fr)}}
@media (max-width:860px){
  .sn-hero-innen{grid-template-columns:1fr;gap:24px;padding-top:28px;padding-bottom:28px}
  .sn-gruppen{grid-template-columns:1fr}
  .sn-kacheln{grid-template-columns:repeat(3,1fr);gap:12px}
}
@media (max-width:560px){
  .sn-kacheln{grid-template-columns:repeat(2,1fr);gap:10px}
  .sn-hero-text p{font-size:16px}
  .sn-kachel-text b{font-size:14px}
}