:root {
  --club-blue: #364d91;
  --club-red: #e1393c;
}

body {
  background: #f6f7fb;
}

.app-navbar {
  background: var(--club-blue);
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.app-logo {
  height: 34px;
  width: auto;
}

.card {
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
}

.btn-club {
  background: var(--club-red);
  border-color: var(--club-red);
  color: #fff;
}

.btn-club:hover,
.btn-club:focus {
  background: #c92f32;
  border-color: #c92f32;
  color: #fff;
}

.color-chip {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,.12);
  vertical-align: -2px;
  margin-left: 6px;
}

.form-control:focus, .form-select:focus {
  border-color: var(--club-blue);
  box-shadow: 0 0 0 .25rem rgba(54,77,145,.25);
}

.app-header-image img {
    max-height: 300px;
    object-fit: cover;
}

@media (min-width: 1200px) {
    .app-header-image img {
        max-height: 400px;
    }
}


/* Header-Hintergrund */
.app-header-bg {
    width: 100%;
    height: 320px;              /* Header insgesamt höher */
    background-image: url("/passliste/assets/img/background.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

/* Schriftzug höher im Header */
.app-header-title {
    position: absolute;
    top: 26%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    pointer-events: none;
}

/* SCHRIFTZUG – jetzt wirklich groß */
.app-header-title img {
    max-width: 96%;             /* fast volle Breite */
    max-height: 260px;          /* deutlich größer */
    width: auto;
    height: auto;

    filter: drop-shadow(0 8px 16px rgba(0,0,0,0.7));
}

@media (max-width: 768px) {
    .app-header-bg {
        height: 200px;
    }

    .app-header-title {
        top: 30%;
    }

    .app-header-title img {
        max-height: 150px;
        max-width: 98%;
    }
}

@media (min-width: 1600px) {
    .app-header-title img {
        max-height: 300px;
    }
}