.spot-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:28px 0}.spot-tools input,.spot-tools select{background:#202427;color:#f4f4f4;border:1px solid #4b4f51;border-radius:6px;padding:12px;min-width:220px}.spot-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.spot-card{background:#202326;border:1px solid #424549;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:12px}.spot-card h2{font-size:21px;margin:0;color:#f1c451}.spot-card p{margin:0;color:#d1d1d1;line-height:1.5}.spot-card small{color:#b9b9b9}.spot-card a{color:#f1c451;text-decoration:none;border:1px solid #92712d;padding:10px 14px;border-radius:6px;align-self:flex-start}.spot-card a:hover{background:#383124}
/* STW-050.3: Titelbild als oberer Kachelbereich */
.spot-card{overflow:hidden}.spot-card__cover{display:block;width:calc(100% + 40px);height:172px;object-fit:cover;object-position:center;margin:-20px -20px 6px;border-bottom:1px solid #424549;background:#151719}

/* FIX-17: Nur Titelbilder der Spotuebersicht abdunkeln; Avatare bleiben unveraendert. */
.spot-card__cover{filter:brightness(.60) contrast(1.08) saturate(.82);transition:filter .25s ease}.spot-card:hover .spot-card__cover{filter:brightness(.76) contrast(1.06) saturate(.9)}

/* FIX-19: Spot-Informationen im abgedunkelten Titelbild der Spotuebersicht */
.spot-card__hero{position:relative;width:calc(100% + 40px);height:220px;margin:-20px -20px 6px;overflow:hidden;background:#151719;border-bottom:1px solid #424549;isolation:isolate}
.spot-card__hero .spot-card__cover{width:100%;height:100%;margin:0;border:0;object-fit:cover;display:block;filter:brightness(.72) contrast(1.08) saturate(.85);transition:transform .3s ease,filter .3s ease}
.spot-card__hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,12,.12) 0%,rgba(8,10,12,.45) 40%,rgba(8,10,12,.94) 100%);pointer-events:none;z-index:1}
.spot-card:hover .spot-card__hero .spot-card__cover{filter:brightness(.86) contrast(1.05) saturate(.95);transform:scale(1.025)}
.spot-card__hero-content{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:flex;flex-direction:column;gap:7px;min-width:0}
.spot-card__hero-category{color:#e6c363;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;overflow-wrap:anywhere}
.spot-card__hero-content h2{color:#fff;font-size:clamp(19px,2vw,23px);line-height:1.18;margin:0;text-shadow:0 2px 8px #000;overflow-wrap:anywhere}
.spot-card__hero-location{color:#e2e2e2;font-size:12px;line-height:1.4;text-shadow:0 1px 4px #000;overflow-wrap:anywhere}
@media(max-width:480px){.spot-card__hero{height:210px}}

/* FIX-19.1: STW-Gelb fuer Spot-Titel; deutlichere Kategorie */
.spot-card__hero-content h2{color:#e6c34e;font-weight:800;text-shadow:0 2px 9px rgba(0,0,0,.95);}
.spot-card__hero-category{display:inline-block;align-self:flex-start;color:#ffdb61;font-size:12px;font-weight:800;letter-spacing:.10em;text-shadow:0 1px 5px #000,0 0 3px #000;line-height:1.35;}

/* FIX-19.2: Originalgroesse der Titel wiederherstellen, Kategorie weiss */
.spot-card__hero-content h2{font-size:clamp(19px,2vw,23px);}
.spot-card__hero-category{color:#fff;}

/* FIX-19.3: exakt urspruengliche Titelgroesse */
.spot-card__hero-content h2{font-size:21px;}
.spot-card__hero-category{color:#fff;}