/* Arena — Stadion-Grün, kantig und kräftig (Schwesterdesign zu "Sport").
   Darstellung: dunkelgrünes Banner mit Rasenstreifen und Mittelkreis, Schrägschnitt nach oben,
   Logo mit weißem Ring, fette kursive Großbuchstaben-Überschriften, Buttons mit Schrägschnitt. */

:root {
  --vt-text: #10261a;
  --vt-text-rgb: 16, 38, 26;
  --vt-text-muted: #587063;
  --vt-label: #2c4638;
  --vt-footer: #7d9686;
  --vt-footer-hover: #2c4638;

  --vt-accent: #15803d;
  --vt-accent-rgb: 21, 128, 61;
  --vt-accent-hover: #166534;

  --vt-page-bg: linear-gradient(180deg, #e4eee7 0%, #f4f8f5 60%);
  --vt-card-border: 1px solid rgba(16, 38, 26, 0.1);
  --vt-card-radius: 6px;
  --vt-card-shadow: 0 16px 44px rgba(10, 50, 25, 0.22);
  --vt-card-padding-top: 2.5rem;
  --vt-card-padding-top-mobile: 1.75rem;

  --vt-surface: rgba(16, 38, 26, 0.035);
  --vt-surface-border: rgba(16, 38, 26, 0.16);
  --vt-line: rgba(16, 38, 26, 0.2);
  --vt-input-border: #bfd0c5;
  --vt-input-radius: 4px;
  --vt-btn-radius: 4px;
  --vt-btn-pad: 0.8rem 2.25rem;
  --vt-btn-weight: 800;
  --vt-btn-transform: uppercase;
  --vt-btn-spacing: 0.06em;
  --vt-heading-weight: 800;
  --vt-heading-transform: uppercase;
  --vt-heading-spacing: 0.04em;
  --vt-section-bar: 6px;
  --vt-step-idle: #c8d6cd;
  --vt-step-done: #86c7a0;

  --icon-hue: 104deg;
}

.club-header-outside {
  width: 100%;
  box-sizing: border-box;
  height: 230px;
  padding: 1.5rem 1rem 0;
  margin-bottom: -90px;
  background:
    radial-gradient(circle at 50% 135%, transparent 0, transparent 150px, rgba(255, 255, 255, 0.22) 150px, rgba(255, 255, 255, 0.22) 153px, transparent 153px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.055) 0, rgba(255, 255, 255, 0.055) 70px, transparent 70px, transparent 140px),
    linear-gradient(135deg, #0b3d1e 0%, #14632f 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
}

.club-logo {
  width: 112px;
  height: 112px;
  border: 4px solid #ffffff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
}

.form-container {
  position: relative;
  z-index: 11;
}

.form-container.mt-sm-4 {
  margin-top: 0 !important;
}

.form-title h1 {
  font-style: italic;
  font-size: 1.6rem;
}

.custom-header .title {
  font-style: italic;
}

.btn-primary {
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 10px 100%);
}

.btn-outline-primary {
  border-width: 2px;
}