/* ==================================================================
   BADPARTNER — Markenfarben über dem WebMount-Grundgerüst.
   Wird NACH style/final/mobil geladen und stellt das geerbte Navy
   plus Signal-Blau auf das Schema des Logos um: Anthrazit + Messing.
   Nur Farben, keine Layoutänderungen.
   ================================================================== */

:root{
  /* Grundtöne — aus dem Logo (#15181C) abgeleitet */
  --navy:#15181C;
  --navy-deep:#0E1114;

  /* Akzent: Messing statt Signal-Blau.
     Dunkler Text auf Messing, weil Weiß darauf zu wenig Kontrast hat. */
  --blue:#B8894A;
  --blue-press:#A3783E;
  --blue-bright:#D3A463;

  --messing:#B8894A;
  --messing-hell:#D3A463;
  --anthrazit:#15181C;
  --anthrazit-tief:#0E1114;
  --karte:#1C2026;
}

/* --- Hero-Grund --- */
.hero--v2{background:var(--anthrazit)}

/* Diagonale Aufhellung: Der graue Verlauf bleibt, nur der blaue
   Schleier darüber wird neutral. Sonst kippt die Fläche ins Kalte. */
.hero--v2::after{
  background:
    linear-gradient(rgba(21,24,28,.26),rgba(21,24,28,.26)),
    linear-gradient(190deg,
      #ffffff 11.0%,#fcfcfc 16.3%,#f4f4f4 21.5%,#e7e7e7 26.7%,
      #d5d5d5 31.8%,#c6c6c6 37.1%,#b7b7b7 42.3%,#a5a5a5 47.5%,
      #8e8e8e 52.7%,#787878 57.9%,#676767 63.1%,#5b5b5b 68.3%,
      #515151 73.5%,#4a4a4a 78.8%,#414141 84.0%,#3b3b3b 89.1%,
      #353535 94.3%,#303030 99.6%),
    linear-gradient(135deg,
      rgb(14,14,16) 1%,
      rgb(20,20,23) 10%,
      rgb(28,28,31) 15%,
      rgb(38,37,40) 23%,
      rgb(48,47,50) 31%,
      rgb(60,58,60) 39%,
      rgb(72,69,70) 46%,
      rgb(84,80,80) 53%,
      rgb(95,91,90) 60%,
      rgb(104,99,97) 70%,
      rgb(110,105,102) 100%) !important;
  background-blend-mode:multiply,multiply,normal !important;
}

/* Foto-Überblendung: Navy → Anthrazit */
.hv__foto::after{
  background:linear-gradient(202deg,
    rgba(21,24,28,0) 40%,rgba(10,12,15,.52) 100%) !important;
}

/* --- Label und Knopf --- */
.hero__lbl{color:var(--messing-hell)}
.btn--p{background:var(--messing);color:#15181C}
.btn--p:hover{background:var(--messing-hell)}
.btn--p .ar{color:#15181C}

/* Mail-Zeile unter dem Knopf */
.hero__trust-txt a{color:rgba(255,255,255,.80)}
.hero__trust-txt a:hover{color:#fff}

/* --- Kopf und Fuß der Platzhalterseite --- */
.bp-foot{background:var(--anthrazit-tief);border-top-color:rgba(255,255,255,.12)}
/* Die Marke im Kopf ist BP weiss mit Messingstrich — kein Farbfeld.
   Die Regeln dafuer stehen im <style>-Block der Startseite. */

/* --- Meldungskarten: neutral statt bläulich --- */
.hv__k{background:rgba(26,29,34,.80) !important}

@media (max-width:900px){
  /* Dieselben Umstellungen für die mobile Fassung, deren Verläufe
     in mobil.css eigene Navy-Werte mitbringen. */
  html #start .hv__foto::after{
    background:linear-gradient(180deg,
      rgba(21,24,28,.84) 0%,rgba(18,21,25,.42) 20%,
      rgba(15,17,21,.16) 46%,rgba(13,15,18,.32) 78%,
      rgba(10,12,15,.60) 100%) !important;
  }
  .hero--v2::after{
    background:
      linear-gradient(rgba(21,24,28,.30),rgba(21,24,28,.30)),
      linear-gradient(180deg,#5b5b5b 0%,#2b2b2b 60%,#121212 100%) !important;
  }
}

/* Fließtext im Hero neutral halten — ohne eigene Farbe erbt er
   einen bläulichen Ton, der neben dem Messing auffällt. */
.hero__sub{color:#A9A6A2}
html #start.hero--v2 .hero__sub{color:#A9A6A2}