:root {
  --roj-red: #c4161c;
  --roj-green: #1f7a3a;
  --roj-yellow: #f2c200;
  --roj-white: #ffffff;
  --roj-dark: #111111;
}

body {
  scroll-behavior: smooth;
  background: var(--roj-white);
}

.navbar {
  background: var(--roj-red);
}

.navbar-brand,
.nav-link {
  color: var(--roj-white) !important;
  font-weight: 500;
}

.nav-link:hover {
  color: var(--roj-yellow) !important;
}

.hero {
  background:
    linear-gradient(rgba(196,22,28,.85), rgba(31,122,58,.85)),
    url("images/hero.jpg") center/cover no-repeat;
  color: var(--roj-white);
  min-height: 90vh;
  display: flex;
  align-items: center;
}

.section-padding {
  padding: 40px 0;
}

.section-title {
  color: var(--roj-red);
  font-weight: 700;
}

.icon-box {
  border-left: 6px solid var(--roj-green);
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  height: 100%;
  box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.bg-light {
  background: #f8f9fa !important;
}

.btn-welate-primary {
  background: var(--roj-green);
  border: none;
}

.btn-primary:hover {
  background: var(--roj-red);
}

.btn-outline-light:hover {
  background: var(--roj-yellow);
  color: #000;
}

.highlight-font {
  color: var(--roj-yellow);
  font-weight: 600;
}

.value-box {
  background:white;
  padding:30px;
  border-radius:12px;
  border-left:6px solid var(--roj-green);
  transition:.2s;
}

.value-box:hover {
  transform:translateY(-5px);
}

.cta-section {
  background: var(--roj-green);
  color:white;
  padding:60px 0;
}

.btn-roj {
  background: var(--roj-yellow);
  border:none;
  color:#000;
  font-weight:600;
}

.btn-roj:hover {
  background: var(--roj-red);
  color:white;
}

footer {
  background: var(--roj-dark);
  color: #ccc;
}
/*Page Mannschaften*/

.team-card {
  background:white;
  border-radius:16px;
  overflow:hidden;
  transition:.3s;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
}

.team-card:hover {
  transform:translateY(-8px);
}

.team-img {
  height:220px;
  object-fit:cover;
}

.team-badge {
  background: var(--roj-green);
  color:white;
  font-size:.8rem;
}


.player-card {
  background:white;
  border-radius:15px;
  overflow:hidden;
  transition:.2s;
  box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.player-card:hover {
  transform:translateY(-6px);
}

.player-img {
  height:260px;
  object-fit:cover;
}

.position-badge {
  background: var(--roj-green);
  color:white;
  font-size:.8rem;
}

.stats-box {
  background:white;
  padding:30px;
  border-radius:12px;
  text-align:center;
  box-shadow:0 5px 15px rgba(0,0,0,.05);
}

.stats-number {
  font-size:2rem;
  font-weight:700;
  color: var(--roj-red);
}

.cta-section {
  background: var(--roj-green);
  color:white;
  padding:60px 0;
}


/*Ansprechpartner*/
.sponsor-box {
  background:white;
  padding:30px;
  border-radius:15px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  transition:.3s;
}

.sponsor-box:hover {
  transform:translateY(-6px);
}

.package-box {
  background:white;
  border-radius:15px;
  padding:40px 30px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  transition:.3s;
  text-align:center;
}

.package-box:hover {
  transform:scale(1.03);
}

.highlight-border {
  border:3px solid var(--roj-yellow);
}

.sponsor-logo {
  max-width: 250px;
  max-height: 200px;
  object-fit: contain;
}

/*Download*/

.download-card {
  background:white;
  border-radius:15px;
  padding:25px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  transition:.3s;
  height:100%;
}

.download-card:hover {
  transform:translateY(-5px);
}

.file-icon {
  font-size:30px;
  margin-bottom:15px;
}

.share-btn {
    min-width:80px;
}