/* ==========================================================================
   BNK Consulting – Einwilligungs-Kasten
   Eigene Datei, damit die vorhandenen Stilvorlagen der Seiten unberührt
   bleiben. Die Farben sind bewusst neutral gehalten und passen sich über
   die Variable --bnk-akzent an die jeweilige Seite an.
   ========================================================================== */

/* Akzentfarbe dieser Seite - dasselbe Marineblau wie im uebrigen Auftritt. */
:root{ --bnk-akzent:#1E4A72; }

.bnk-consent{
  position:fixed; inset:auto 0 0 0; z-index:9000;
  display:flex; justify-content:center;
  padding:16px;
  background:linear-gradient(to top, rgba(8,12,18,.82), rgba(8,12,18,.28));
}

.bnk-consent-box{
  width:100%; max-width:640px;
  background:#fff; color:#33414f;
  border:1px solid #dde4ec; border-radius:14px;
  padding:22px 24px;
  box-shadow:0 22px 60px -18px rgba(8,12,18,.55);
  font-family:inherit; font-size:15px; line-height:1.6;
}

.bnk-consent-box h2{
  margin:0 0 8px; font-size:18px; line-height:1.25;
  color:#101a24; font-family:inherit; font-weight:700;
}

.bnk-consent-box p{ margin:0 0 14px; }

/* Beide Knöpfe sind gleich groß, gleich gewichtet und stehen nebeneinander.
   Ablehnen darf nicht schwerer sein als Zustimmen - das verlangen die
   Aufsichtsbehörden ausdrücklich. */
.bnk-consent-knoepfe{ display:flex; gap:10px; flex-wrap:wrap; }

.bnk-btn{
  flex:1 1 200px;
  min-height:46px; padding:0 20px;
  font:inherit; font-size:15px; font-weight:700;
  color:#101a24; background:#fff;
  border:2px solid var(--bnk-akzent, #1E4A72); border-radius:8px;
  cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  transition:background .18s, color .18s;
}
.bnk-btn:hover{ background:var(--bnk-akzent, #1E4A72); color:#fff; }
.bnk-btn:focus-visible{ outline:3px solid var(--bnk-akzent, #1E4A72); outline-offset:2px; }

.bnk-consent-stand{ margin:12px 0 0; font-size:13px; color:#6a7886; }
.bnk-consent-fuss{ margin:12px 0 0; font-size:13px; color:#6a7886; }
.bnk-consent-fuss a{ color:inherit; text-decoration:underline; }

/* Der Knopf in der Fußzeile sieht aus wie die Links daneben. */
.bnk-consent-link{
  font:inherit; color:inherit; background:none; border:0; padding:0;
  text-decoration:underline; cursor:pointer;
}

@media (max-width:520px){
  .bnk-consent{ padding:0; }
  .bnk-consent-box{ border-radius:14px 14px 0 0; border-bottom:0; }
  .bnk-btn{ flex:1 1 100%; }
}

@media (prefers-reduced-motion: reduce){
  .bnk-btn{ transition:none; }
}