.promo{box-sizing:border-box;max-width:300px;margin:1rem 0;padding:.75rem;border:1px solid rgba(128,128,128,.35);border-radius:6px;font:14px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;color:inherit;background:transparent}
.promo *{box-sizing:border-box}
.promo-728x90{max-width:728px}
.promo-titel{margin:0 0 .5rem;font-weight:600;font-size:.95em}
.promo-karten{display:flex;gap:.5rem}
.promo-karte{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;border:1px solid rgba(128,128,128,.25);border-radius:4px;color:inherit;text-decoration:none}
.promo-karte:hover{border-color:#2f6f9f}
.promo-karte:focus-visible{outline:2px solid #2f6f9f;outline-offset:2px}
.promo-728x90 .promo-karte{flex-direction:row;text-align:left;gap:.75rem}
.promo-bild{width:64px;height:64px;flex:none}
.promo-name{display:block;font-weight:600;margin-top:.35rem}
.promo-728x90 .promo-name{margin-top:0}
.promo-nutzen{display:block;font-size:.85em;opacity:.8}
.promo-hinweis{margin:.5rem 0 0;font-size:.75em;opacity:.7}
/* unter 360 px: Karten untereinander statt nebeneinander */
@media (max-width:359px){
  .promo-karten{flex-direction:column}
}