footer {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    color: #003366;               /* Textfarbe */
    font-size: 14px;
    font-family: system-ui, sans-serif;

    background: transparent;      /* Footer selbst durchsichtig */
    position: fixed;              /* Immer unten sichtbar */
    bottom: 0;
    left: 0;

    backdrop-filter: blur(2px);   /* leichter Glas-Effekt, optional */
}


/* Landing-Hotfix: Der globale Footer darf die öffentliche Homepage nicht überlagern.
   Das fachliche Footer-Redesign bleibt ein eigener späterer Milestone. */
body.qs-landing-page footer {
    position: static;
    left: auto;
    bottom: auto;
    width: 100%;
    padding: 26px 16px 34px;
    border-top: 1px solid rgba(15, 41, 77, 0.08);
    background:
        radial-gradient(circle at 50% 0%, rgba(13, 110, 253, 0.08), transparent 22rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(246, 249, 255, 0.96));
    color: #244766;
    backdrop-filter: none;
}


/* =================================================================
   ORDER-SUCCESS — FOOTER MOBILE SAFETY
   Milestone 4
   Der globale Footer darf auf der Bestellbestätigung keinen Content überlagern.
================================================================= */
@media (max-width: 700px) {
  body:has(.qs-os[data-qs-order-success]) footer {
    position: static;
    left: auto;
    bottom: auto;
    width: 100%;
    padding: 18px 16px calc(24px + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(0, 51, 102, 0.08);
    background: rgba(240, 247, 255, 0.86);
    backdrop-filter: none;
    box-shadow: none;
  }
}