/* Audionique – zentraler Design-Feinschliff (Oktober 2026) */

/* 1) Bildkacheln: heller und ohne Farbverschiebung */
.sc img,.pi img,.ba-img img{filter:brightness(.62) saturate(.92)!important}
.sc:hover img,.pi:hover img,.ba:hover .ba-img img{filter:brightness(.8) saturate(1)!important}

/* 2) Menue: ein klarer Haupt-Button (Gratis-Hoerprobe), "Jetzt buchen" dezenter */
.nls .nav-cta{background:#0b6bff!important;color:#fff!important;border:1px solid #0b6bff!important}
.nls .nav-cta:hover{background:#2f84ff!important;border-color:#2f84ff!important}
.ncta{background:transparent!important;color:var(--ac)!important;border:1px solid rgba(26,127,255,.55)!important}
.ncta:hover{background:rgba(26,127,255,.14)!important}

/* 3) Bewertungen am Desktop: drei Karten nebeneinander statt Slider mit einer Karte */
@media(min-width:1000px){
  #slTrack:has(.sl-card:nth-child(3):last-child){display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;transform:none!important}
  #slTrack:has(.sl-card:nth-child(3):last-child) .sl-card{min-width:0!important}
  .sl-wrap:has(#slTrack .sl-card:nth-child(3):last-child) .sl-dots,
  .sl-wrap:has(#slTrack .sl-card:nth-child(3):last-child) .sl-arrows{display:none!important}
}

/* 4) Kleine Beschriftungen am Desktop besser lesbar */
@media(min-width:901px){
  .spn{font-size:11px!important}
  .sl2{font-size:10px!important}
  .lm-hint{font-size:11px!important;color:#aaa!important}
}

/* 5) Cookie-Banner: "Ablehnen" und "Akzeptieren" gleich gewichtet */
#cookie-banner button[onclick*="decline"]{color:var(--tx)!important;border-color:#888!important}
#cookie-banner button[onclick*="decline"]:hover{background:rgba(255,255,255,.08)!important}

/* 6) Checkout: Sicherheitshinweis sauber abgesetzt */
.security-note{margin-top:14px!important;font-size:10px!important;color:#aaa!important}

/* Statische Karte (ohne Verbindung zu Google beim Laden) */
.map-static{position:relative;display:block;height:200px;overflow:hidden;border:1px solid var(--bo);margin-top:32px}
.map-static img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) invert(.88) contrast(.9);transition:filter .3s}
.map-static:hover img{filter:grayscale(.4) invert(.85) contrast(.95)}
.map-pin{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-18px 0 0 -9px;background:var(--ac);border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 0 0 6px rgba(26,127,255,.25)}
.map-cap{position:absolute;left:12px;bottom:10px;font-family:var(--fm);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#fff;background:rgba(6,6,6,.78);padding:6px 10px}
.map-attr{position:absolute;right:8px;top:6px;font-family:var(--fm);font-size:9px;color:#bbb;background:rgba(6,6,6,.6);padding:2px 6px}

/* Einheitlicher Bild-Look: Schwarz-Weiss mit leichtem Blauton (eigene Fotos und Spiel-Screenshots bleiben unberuehrt) */
.sc img:not([src*="studio_hero"]):not([src*="studio_portrait"]):not([src*="julian"]):not([src*="Profilbild"]):not([src*="og_studio"]):not([src*="cc-"]),
.pi img:not([src*="studio_hero"]):not([src*="studio_portrait"]):not([src*="julian"]):not([src*="Profilbild"]):not([src*="og_studio"]):not([src*="cc-"]),
.ba-img img:not([src*="studio_hero"]):not([src*="studio_portrait"]):not([src*="julian"]):not([src*="Profilbild"]):not([src*="og_studio"]):not([src*="cc-"]),
.art-img{filter:grayscale(1) brightness(.7) contrast(1.05)!important}
.sc:hover img:not([src*="studio_hero"]):not([src*="studio_portrait"]):not([src*="julian"]):not([src*="Profilbild"]):not([src*="og_studio"]):not([src*="cc-"]),
.pi:hover img:not([src*="studio_hero"]):not([src*="studio_portrait"]):not([src*="julian"]):not([src*="Profilbild"]):not([src*="og_studio"]):not([src*="cc-"]),
.ba:hover .ba-img img,
.art-card:hover .art-img{filter:grayscale(1) brightness(.85) contrast(1.05)!important}

/* Karten im Ablauf und bei "Brauchst du auch" gleich dunkel */
.sp-box{background:#080808!important}