/* CSS for Paypal Box */
.paypal-box {width: 100%; max-width: 400px; margin: 20px auto; padding: 20px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); text-align: center;}
.paypal-logo {width: 120px; margin-bottom: 15px;}
.button-container {display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;}
.paypal-button {flex: 1; min-width: 100px; max-width: 120px; padding: 10px; background: #0070ba; color: white; text-decoration: none; font-size: 16px; font-weight: bold; border-radius: 5px; transition: 0.3s; border: none; cursor: pointer; text-align: center; display: block;}
.paypal-button:hover {background: #005ea6;}
@media (max-width: 768px) {
  .paypal-box {
    padding: 1rem;
    margin: 1rem auto; /* ← auto für automatische horizontale Zentrierung */
    width: calc(100% - 2rem); /* gibt links und rechts 1rem Platz */
    box-sizing: border-box;
  }

  .button-container {
    flex-direction: column;
    gap: 0.5rem;
  }

  .paypal-button {
    width: 100%;
    max-width: none;
    min-width: unset;
  }
}