/* KapFixIT Startseite: Jede Partnerkarte im Karussell leuchtet in der Hauptfarbe ihres Logos.
   Farben aus den Logo-Dateien ausgelesen: Korsus Grün-Gelb, Schweda Grün, Ergotherapie Petrol,
   Tante Matta Bernstein, PadIco Rot. Neue Partner: eine Zeile mit --p (R,G,B) ergänzen.
   Der Bodenschein unter der Bühne übernimmt die Farbe der vorderen Karte (setzt kunden.js). */
#kfx-root .kfx-karussell-feld>a{--p:103,199,244}
#kfx-root .kfx-karussell-feld>a[href*="korsus"]{--p:151,191,31}
#kfx-root .kfx-karussell-feld>a[href*="schweda"]{--p:52,180,68}
#kfx-root .kfx-karussell-feld>a[href*="ergotherapie"]{--p:0,150,170}
#kfx-root .kfx-karussell-feld>a[href*="tante-matta"]{--p:242,169,59}
#kfx-root .kfx-karussell-feld>a[href*="padico"]{--p:226,68,43}

/* Alle Karten: Rand und leichter Farbschimmer in der Partnerfarbe */
#kfx-root .kfx-karussell .kfx-karussell-feld>a{
  background:
    radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.05),transparent 60%) padding-box,
    radial-gradient(110% 70% at 0% 0%,rgba(255,255,255,.09),transparent 45%) padding-box,
    radial-gradient(90% 80% at 100% 100%,rgba(var(--p),.16),transparent 65%) padding-box,
    linear-gradient(rgba(12,14,20,.58),rgba(12,14,20,.58)) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.50),rgba(255,255,255,.08) 30%,rgba(var(--p),.10) 60%,rgba(var(--p),.55)) border-box!important}
/* Vordere Karte: leuchtet in der Partnerfarbe */
#kfx-root .kfx-karussell .kfx-karussell-feld>a.ist-vorn,
#kfx-root .kfx-karussell .kfx-karussell-feld>a[href*="padico"].ist-vorn{
  background:
    radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.06),transparent 60%) padding-box,
    radial-gradient(110% 70% at 0% 0%,rgba(255,255,255,.10),transparent 45%) padding-box,
    radial-gradient(100% 90% at 100% 100%,rgba(var(--p),.30),transparent 65%) padding-box,
    linear-gradient(rgba(12,14,20,.56),rgba(12,14,20,.56)) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.75),rgba(var(--p),.35) 30%,rgba(var(--p),.15) 60%,rgba(var(--p),.95)) border-box!important;
  box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 0 1px rgba(var(--p),.70),0 0 80px -6px rgba(var(--p),.50),0 0 150px -20px rgba(var(--p),.45)!important}
/* Leistungszeile unten in der Karte in Partnerfarbe, aufgehellt damit sie lesbar bleibt */
#kfx-root .kfx-karussell .kfx-karussell-feld>a.ist-vorn>span:last-child>span:first-child{color:rgb(var(--p))!important;filter:brightness(1.35) saturate(1.1)}
/* Bodenschein und aktiver Punkt in der Farbe der vorderen Karte */
#kfx-root .kfx-karussell-boden{background:radial-gradient(30% 34% at 50% 50%,rgba(255,255,255,.35),transparent 75%),
  radial-gradient(50% 50% at 50% 50%,rgba(var(--kfx-vorn,130,110,255),.85),rgba(var(--kfx-vorn,103,199,244),.30) 42%,transparent 72%)!important;
  transition:opacity .4s ease}
#kfx-root .kfx-karussell-boden::after{background:linear-gradient(90deg,transparent,rgba(var(--kfx-vorn,175,163,255),.85) 25%,#FFFFFF 50%,rgba(var(--kfx-vorn,103,199,244),.85) 75%,transparent)!important;
  box-shadow:0 0 18px rgba(var(--kfx-vorn,175,163,255),.9)!important}
#kfx-root .kfx-karussell-punkte button[aria-current="true"]{box-shadow:0 0 16px rgba(var(--kfx-vorn,103,199,244),.6)!important}
#kfx-root .kfx-karussell-punkte button[aria-current="true"]::after{background:linear-gradient(90deg,rgba(var(--kfx-vorn,97,178,237),1),rgba(var(--kfx-vorn,175,163,255),.6))!important}
/* Helles Schema */
#kfx-root.welt-tag .kfx-karussell .kfx-karussell-feld>a,
#kfx-root.welt-tag .kfx-karussell .kfx-karussell-feld>a.ist-vorn{
  background:radial-gradient(100% 90% at 100% 100%,rgba(var(--p),.18),transparent 65%) padding-box,
    linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.78)) padding-box,
    linear-gradient(145deg,#fff,rgba(var(--p),.85)) border-box!important}
#kfx-root.welt-tag .kfx-karussell .kfx-karussell-feld>a.ist-vorn>span:last-child>span:first-child{filter:brightness(.8)}