/* 04.10.2026: Farbpalette und rahmenlose Themen-/Staedtekacheln.
   Originalbilder, Text, Bildausschnitte und Links bleiben erhalten.
   Die Bildhelligkeit liefert das Motiv, die Kachelgrundfarbe den Farbton. */
body.home-page #investments .focus-card:nth-child(1){--tile-tone:#841F7B;}
body.home-page #investments .focus-card:nth-child(2){--tile-tone:#511D73;}
body.home-page #investments .focus-card:nth-child(3){--tile-tone:#163BA2;}
body.home-page #investments .focus-card:nth-child(4){--tile-tone:#777777;}

body.home-page #investments .focus-card,
body.home-page #investments .focus-card:hover,
body.home-page #investments .focus-card:focus-visible{
  isolation:isolate;
  background:var(--tile-tone) !important;
  border:0 !important;
  box-shadow:none !important;
}
body.home-page #investments .focus-card > .focus-card-image,
body.home-page #investments .focus-card:hover > .focus-card-image,
body.home-page #investments .focus-card:focus-visible > .focus-card-image{
  filter:grayscale(1) !important;
  mix-blend-mode:luminosity !important;
  border:0 !important;
  box-shadow:none !important;
}
/* Kosten: vollstaendig neutrale Grautoene. */
body.home-page #investments .focus-card:nth-child(4) > .focus-card-image{
  mix-blend-mode:normal !important;
}

/* Auch die separaten mobilen Trennlinien werden entfernt. */
body.home-page .consultation-section .city-panel,
body.home-page .consultation-section .city-panel + .city-panel,
body.home-page .consultation-section .city-panel:hover,
body.home-page .consultation-section .city-panel:focus-visible{
  border:0 !important;
  box-shadow:none !important;
}

/* Freigegebener Duesseldorf-Entwurf: Petrol, vorhandenes Stadtmotiv. */
body.home-page .consultation-section .city-panel:nth-child(4),
body.home-page .consultation-section .city-panel:nth-child(4):hover,
body.home-page .consultation-section .city-panel:nth-child(4):focus-visible{
  background-color:#286F73 !important;
  background-blend-mode:luminosity !important;
}

/* 04.10.2026: Lichtverteilung nach der freigegebenen Referenz.
   Nur die ersten drei Themenkacheln: dunkle Textzonen, farbige Lichter,
   weichere Uebergaenge. Kosten und Staedtekacheln bleiben unveraendert. */
body.home-page #investments .focus-card:nth-child(1){
  --tile-tone:linear-gradient(160deg,#973288 0%,#b75dad 48%,#e1a2d5 100%);
  --tile-light:1.48;
}
body.home-page #investments .focus-card:nth-child(2){
  --tile-tone:linear-gradient(125deg,#5c2e7a 0%,#8c59b1 48%,#c192db 100%);
  --tile-light:1.44;
}
body.home-page #investments .focus-card:nth-child(3){
  --tile-tone:linear-gradient(180deg,#4b8ff3 0%,#326ac4 62%,#4c83e0 100%);
  --tile-light:1.20;
}
body.home-page #investments .focus-card:nth-child(-n+3) > .focus-card-image,
body.home-page #investments .focus-card:nth-child(-n+3):hover > .focus-card-image,
body.home-page #investments .focus-card:nth-child(-n+3):focus-visible > .focus-card-image{
  filter:grayscale(1) contrast(.92) brightness(var(--tile-light)) !important;
  mix-blend-mode:multiply !important;
}

/* Freigegebene fotografische Farbnuancen, 04.10.2026.
   Nur drei neue Hintergrundbilder; Texte, Kosten und Stadtbilder unveraendert. */
body.home-page #investments .focus-card:nth-child(-n+3) > .focus-card-image,
body.home-page #investments .focus-card:nth-child(-n+3):hover > .focus-card-image,
body.home-page #investments .focus-card:nth-child(-n+3):focus-visible > .focus-card-image{
  filter:none !important;
  mix-blend-mode:normal !important;
}