/* Black Flag: Consent-Banner (CookieROI-Geruest).
   Eigene Datei, weil nicht alle Seiten css/style1.css laden (index und cases nutzen inline-Styles).
   Werte sind die CI-Tokens aus dem Brand Guide, hier hart gesetzt, damit das Banner auf jeder Seite
   identisch aussieht, unabhaengig davon welches Stylesheet die Seite sonst mitbringt. */

.bf-consent {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 200;
  max-width: 560px;
  background: #1D1F23;
  color: #E7E8EA;
  border: 1px solid rgba(255, 255, 255, .10);
  border-left: 3px solid #7C74F2;
  border-radius: 12px;
  padding: 22px 24px;
  font-family: 'Poppins', system-ui, sans-serif;
  box-shadow: 0 30px 70px -35px rgba(0, 0, 0, .8);
  transform: translateY(14px);
  opacity: 0;
  transition: transform .3s ease, opacity .3s ease;
}

.bf-consent.is-in { transform: translateY(0); opacity: 1; }

.bf-consent__eye {
  font-family: 'JetBrains Mono', monospace;
  font-size: .7rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #7C74F2;
  margin-bottom: 10px;
}

.bf-consent__title { font-size: 1.05rem; font-weight: 600; margin: 0 0 8px; }

.bf-consent__text {
  font-size: .88rem;
  font-weight: 300;
  line-height: 1.55;
  color: #9AA0AA;
  margin: 0 0 18px;
  max-width: 52ch;
}

.bf-consent__text a { color: #E7E8EA; text-decoration: underline; text-underline-offset: 3px; }

.bf-consent__row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

.bf-consent__btn {
  font-family: inherit;
  font-size: .88rem;
  font-weight: 600;
  border-radius: 8px;
  padding: 11px 20px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.bf-consent__btn--yes { background: #7C74F2; color: #FFFFFF; }
.bf-consent__btn--yes:hover { background: #8F88F5; }

.bf-consent__btn--no {
  background: transparent;
  color: #E7E8EA;
  border-color: rgba(255, 255, 255, .18);
}
.bf-consent__btn--no:hover { border-color: rgba(255, 255, 255, .34); }

.bf-consent__note {
  font-family: 'JetBrains Mono', monospace;
  font-size: .66rem;
  letter-spacing: .04em;
  color: #6B7079;
  margin-top: 14px;
}

@media (max-width: 560px) {
  .bf-consent { left: 10px; right: 10px; bottom: 10px; padding: 18px 18px 20px; }
  .bf-consent__row { flex-direction: column; align-items: stretch; }
  .bf-consent__btn { width: 100%; }
}

/* Der CookieROI-Badge unten rechts oeffnet die Einstellungen erneut.
   Deshalb ist er klickbar, bisher war er reine Optik (cursor:default). */
.cookieroi-badge { cursor: pointer; }

/* CookieROI-Badge. Auf den Bestandsseiten steht dieselbe Regel zusaetzlich inline,
   die Werte sind identisch, es entsteht kein Konflikt. Hier fuer die Seiten,
   die keinen eigenen Style-Block mitbringen (Jobs, Erstgespraech, Danke). */
.cookieroi-badge{position:fixed;bottom:16px;left:16px;z-index:95;width:44px;height:44px;display:grid;place-items:center;background:rgba(21,22,26,.88);border:1px solid rgba(255,255,255,.16);border-radius:50%;backdrop-filter:blur(6px);transition:transform .2s ease,border-color .2s ease}
.cookieroi-badge:hover{transform:translateY(-2px);border-color:rgba(124,116,242,.55)}
.cookieroi-badge .crb-ico{width:24px;height:24px;display:block}
.cookieroi-badge .crb-tip{position:absolute;bottom:calc(100% + 10px);left:0;background:#15161A;color:#E7E8EA;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:8px 12px;font-family:'Poppins',system-ui,sans-serif;font-size:.74rem;font-weight:400;white-space:nowrap;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 12px 30px -12px rgba(0,0,0,.5)}
.cookieroi-badge .crb-tip::after{content:"";position:absolute;top:100%;left:16px;border:5px solid transparent;border-top-color:#15161A}
.cookieroi-badge:hover .crb-tip,.cookieroi-badge:focus .crb-tip{opacity:1;transform:none}
@media(max-width:560px){.cookieroi-badge{bottom:12px;right:12px;width:40px;height:40px}}