/* Clubs: Stimmungsfotos je Kategorie, in der Clubfarbe getönt. Symbolbilder, keine Fotos der Orte. */
#app .club-row-thumb{isolation:isolate}
#app .club-row-thumb .club-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.55;mix-blend-mode:luminosity;transition:transform 400ms cubic-bezier(.23,1,.32,1),opacity 200ms ease}
#app .club-row-thumb span{text-shadow:0 1px 10px rgba(0,0,0,.35)}
@media(hover:hover) and (pointer:fine){#app .club-row:hover .club-row-thumb .club-photo{transform:scale(1.06);opacity:.7}}

.club-profile-banner .club-banner-design .club-photo{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.5;mix-blend-mode:luminosity;animation:club-photo-in 900ms cubic-bezier(.23,1,.32,1) both}
@keyframes club-photo-in{from{opacity:0;transform:scale(1.06)}to{opacity:.5;transform:none}}
.club-profile-banner .club-photo-note{position:absolute;top:auto;right:auto;font-family:inherit;line-height:1.4;left:12px;bottom:10px;z-index:3;padding:3px 8px;border-radius:999px;background:rgba(20,12,10,.45);color:#fff8ec;font-size:10.5px;font-weight:600;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

.clubs-hero-photo{flex-shrink:0;width:240px;aspect-ratio:4/3;border-radius:18px;overflow:hidden;box-shadow:0 24px 40px -26px rgba(40,20,14,.55)}
.clubs-hero-photo img{width:100%;height:100%;object-fit:cover;transition:transform 700ms cubic-bezier(.23,1,.32,1)}
@media(hover:hover) and (pointer:fine){.clubs-hero:hover .clubs-hero-photo img{transform:scale(1.04)}}
@media(max-width:540px){.clubs-hero{flex-direction:column;align-items:stretch}.clubs-hero-photo{width:100%;aspect-ratio:16/9;order:-1}}

@media(prefers-reduced-motion:reduce){.club-profile-banner .club-banner-design .club-photo{animation:none}#app .club-row-thumb .club-photo,.clubs-hero-photo img{transition:none}}