.warning-banner, .info-banner, .error-banner {
    position: fixed;
    top: 10px;
    left: 10px;
    right: 10px;
    z-index: 9999;
    background: #fff8b0; /* klassisches Tooltip-Gelb */
    color: #000;
    border: 1px solid #d4b400;
    border-radius: 4px;
    padding: 10px 14px;
    font: 13px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    text-align: center;

    /* verhindert, dass der Banner das Layout beeinflusst */
    pointer-events: none;      /* optional: lässt Klicks durch */
  }
  
  .info-banner {
	background: darkgreen;
	color: white;
  }

  .error-banner {
	background: darkred;
	color: white;
  }

  @media (max-width: 480px) {
    .warning-banner, .info-banner, .error-banner {
      font-size: 12px;
      padding: 8px 10px;
    }
  }