/* ================= AI-GENERATED-KENNZEICHNUNG (EU AI Act) =================
   Schwebende Karte ueber allem. Jede Portalseite, jeder Anmeldezustand,
   jede Breite, auch beim Scrollen.

   Reines CSS - kein JavaScript. top/left/right/max-width stehen hier und
   nicht in einem Skript: laeuft kein JS, sitzt die Karte trotzdem richtig.

   Farben aus fytahq-ai-generated-card-3840.svg (AI Generated Batch Path.txt).
   Gemessen 2026-08-18 auf den statischen Seiten:
       >=769px  ->  oben 8 · Karte 72 · unten 8
       <=768px  ->  oben 4 · Karte 38 · unten 4
   Angelegt: Track ID Builder (TIB), 2026-08-18, CEO-Anordnung 2026-08-17.
   ========================================================================= */

.tib-ai-marke {
  position: fixed; top: 8px; left: 16px; right: 16px; margin: 0 auto;
  z-index: 2147483000;
  width: auto; max-width: 1240px; height: 72px;
  box-sizing: border-box;
  display: flex; align-items: center; justify-content: center; gap: 16px;
  overflow: hidden;
  background: linear-gradient(90deg, #07141f 0%, #101c27 100%);
  border: 1px solid rgba(110,130,146,.55);
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
  -webkit-user-select: none; user-select: none;
}

/* Die helle Oberkante der Karte */
.tib-ai-marke::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #12c8f4 0%, #187fc5 100%);
}

.tib-ai-shield { height: 48px; width: auto; display: block; flex: none; }

/* "AI" steht als eigenes Wort links neben dem zweizeiligen Block.
   Die Unterzeile laeuft unter "GENERATED", nicht unter "AI". */
.tib-ai-ai {
  font-size: 30px; font-weight: 900; letter-spacing: .02em; line-height: 1;
  color: #f3f7f8; flex: none;
}
.tib-ai-text { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.tib-ai-line1 {
  font-size: 27px; font-weight: 700; letter-spacing: .07em; line-height: 1;
  color: #f3f7f8; white-space: nowrap;
}
.tib-ai-line2 {
  font-size: 12px; font-weight: 700; letter-spacing: .29em; line-height: 1;
  color: #20c7ee; white-space: nowrap;
}
.tib-ai-spark { width: 22px; height: 22px; flex: none; color: #20c7ee; margin-left: 6px; }

/* Der Inhalt der Seite beginnt unter der Karte.
   !important, weil Bootstrap und die Layout-CSS eigene body-Regeln mitbringen. */
body { padding-top: 88px !important; }

/* Umschaltpunkt 768 - derselbe wie auf den statischen Seiten.
   Der Block bleibt ZWEIZEILIG: "TRANSPARENCY DISCLOSURE" ist der Rechtstext
   und darf auf keinem Geraet wegfallen. */
@media (max-width: 768px) {
  .tib-ai-marke {
    top: 4px; left: 12px; right: 12px;
    height: 38px; gap: 9px; border-radius: 12px;
  }
  .tib-ai-shield { height: 26px; }
  .tib-ai-ai { font-size: 17px; }
  .tib-ai-text { gap: 2px; }
  .tib-ai-line1 { font-size: 14px; letter-spacing: .05em; }
  .tib-ai-line2 { font-size: 8px; letter-spacing: .14em; }
  .tib-ai-spark { width: 13px; height: 13px; margin-left: 2px; }
  body { padding-top: 46px !important; }
}

@media (max-width: 360px) {
  .tib-ai-marke { gap: 7px; }
  .tib-ai-shield { height: 23px; }
  .tib-ai-ai { font-size: 15px; }
  .tib-ai-line1 { font-size: 12px; }
  .tib-ai-line2 { font-size: 7px; letter-spacing: .10em; }
}

/* Beim Drucken keine schwebende Karte - sie wuerde den Seitenkopf verdecken.
   Sie laeuft stattdessen im Fluss mit. */
@media print {
  .tib-ai-marke { position: static; margin-bottom: 12px; box-shadow: none; }
  body { padding-top: 0 !important; }
}