.vvz-sponsors{--green:#087b45;--dark:#075c30;--mint:#eef8f1;--border:#dce9e2;--text:#315b4c;color:var(--text);font-family:inherit;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;box-sizing:border-box;overflow:visible}
.vvz-sponsors{box-sizing:border-box}.vvz-sponsors img{max-width:100%;height:auto}
.vvz-sponsors__hero{position:relative;width:100%;min-height:500px;display:flex;align-items:center;overflow:hidden;background:#dfeee4}.vvz-sponsors__hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:url("hero-background.jpg") center 35%/cover no-repeat!important}.vvz-sponsors__hero-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 23%,rgba(255,255,255,.54) 47%,rgba(255,255,255,.14) 72%,rgba(255,255,255,.03) 100%)!important}.vvz-sponsors__hero-logo{position:absolute!important;z-index:2;right:7%;top:50%;transform:translateY(-50%);width:min(285px,19vw)!important;height:auto!important;max-width:none!important;filter:drop-shadow(0 12px 22px rgba(0,0,0,.2))}.vvz-sponsors__hero-inner{position:relative;z-index:3;width:min(1180px,100%);margin:0 auto;padding:66px 20px!important}.vvz-sponsors__hero-copy{max-width:640px}.vvz-sponsors__hero h2{margin:0 0 18px!important;padding:0!important;color:var(--dark)!important;font-size:clamp(48px,6vw,70px)!important;line-height:.98!important;letter-spacing:-3px!important;font-weight:800!important}.vvz-sponsors__hero p{max-width:620px;margin:0!important;padding:0!important;color:#547267!important;font-size:18px!important;line-height:1.55!important}.vvz-sponsors__hero-buttons{display:flex;gap:14px;margin-top:27px;flex-wrap:wrap}.vvz-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:53px;padding:0 25px!important;border-radius:11px;text-decoration:none!important;font-weight:800;font-size:15px;line-height:1!important}.vvz-btn--primary{background:var(--green)!important;color:#fff!important}.vvz-btn--primary span{font-size:21px;margin-left:12px}
.vvz-sponsors__groups{width:100%!important;max-width:none!important;margin:0!important;padding:28px clamp(14px,2.2vw,34px) 55px!important}.vvz-sponsor-group{display:block!important;width:100%!important;background:#fff;border:1px solid #edf2ef;border-radius:20px;padding:20px 18px 20px!important;margin:0 0 18px!important;box-shadow:0 10px 30px rgba(7,92,48,.045)}
.vvz-sponsor-group__head{display:flex!important;align-items:center;gap:18px;margin:0 0 16px!important;padding:0 2px!important}.vvz-sponsor-group__head h3{margin:0!important;padding:0!important;color:var(--dark)!important;font-size:25px!important;line-height:1.1!important;font-weight:800!important}.vvz-sponsor-group__head>span{height:1px;flex:1;background:#e1ebe5}.vvz-sponsor-group__head--balls{gap:18px}.vvz-balls-title{display:flex;align-items:center;gap:13px;white-space:nowrap}.vvz-balls-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f2faf5,#e2f1e8);color:var(--dark);border:1px solid #d7e9df;box-shadow:0 5px 14px rgba(7,92,48,.08);flex:0 0 46px}.vvz-balls-icon svg{width:27px;height:27px;display:block}.vvz-balls-link{display:inline-flex;align-items:center;gap:12px;color:var(--green)!important;font-weight:800;text-decoration:none!important;white-space:nowrap;font-size:15px}.vvz-balls-link b{font-size:25px;font-weight:500;line-height:1}
.vvz-sponsor-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.vvz-sponsor-group--sponsors .vvz-sponsor-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.vvz-sponsor-card{height:101px!important;min-width:0;border:1px solid #e2ebe6!important;border-radius:12px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:13px 20px!important;text-decoration:none!important;transition:.18s;overflow:hidden}.vvz-sponsor-card:hover{transform:translateY(-2px);border-color:#c8ddd1!important;box-shadow:0 9px 22px rgba(7,92,48,.09)}.vvz-sponsor-card>img{display:block!important;max-width:100%!important;max-height:70px!important;width:auto!important;height:auto!important;object-fit:contain!important}.vvz-sponsor-card strong{color:var(--dark)!important}

/* =========================================================
   VVZ Balsponsoren 1.3.19 — approved wide Derbystar layout
   ========================================================= */
.vvz-sponsor-group--balls{width:100%!important;max-width:none!important}
.vvz-sponsor-group--balls .vvz-sponsor-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
}



/* White/green diagonal divider, matching the approved reference. */

















.vvz-sponsor-group__head--balls{min-height:48px!important;margin-bottom:16px!important}
.vvz-sponsor-group__head--balls .vvz-balls-title{gap:12px!important}
.vvz-sponsor-group__head--balls .vvz-balls-icon{width:42px!important;height:42px!important;flex-basis:42px!important}
.vvz-sponsor-group__head--balls .vvz-balls-icon svg{width:25px!important;height:25px!important}
.vvz-sponsor-group__head--balls h3{font-size:26px!important;letter-spacing:-.4px!important}
.vvz-sponsor-group__head--balls>span{height:1px!important;background:#dfe9e3!important}
@media(max-width:1200px){
  
  
}
@media(max-width:980px){
  .vvz-sponsor-group--balls .vvz-sponsor-cards{grid-template-columns:1fr!important;gap:18px!important}
  
  
}
@media(max-width:620px){
  
  
  
  
  
  
  
  
  .vvz-sponsor-group__head--balls h3{font-size:22px!important}.vvz-balls-link{font-size:12px!important}
}

/* =========================================================
   VVZ Sponsoren 1.3.22 — mobile-first readable layout
   ========================================================= */
@media (max-width: 620px){
  /* Regular sponsors: one full-width card per row so logos stay readable. */
  .vvz-sponsor-cards, .vvz-sponsor-group--sponsors .vvz-sponsor-cards{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  
  .vvz-sponsor-card>img{
    max-width:92%!important;
    max-height:100px!important;
  }

  /* Balsponsor: stack photo above information on phones; never squeeze the
     information into a 40/60 two-column card. */
  .vvz-sponsor-group--balls .vvz-sponsor-cards{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  .vvz-sponsor-group__head--balls{
    margin-bottom:14px!important;
  }
  .vvz-sponsor-group__head--balls .vvz-balls-title{
    gap:9px!important;
  }
  .vvz-sponsor-group__head--balls .vvz-balls-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
  .vvz-sponsor-group__head--balls h3{
    font-size:22px!important;
  }
  .vvz-balls-link{
    display:none!important;
  }
}

/* =========================================================
   VVZ Sponsoren 1.3.33 — AUTHORITATIVE MOBILE OVERRIDE
   The mobile sponsor grid must always be one card per row.
   Keep the approved desktop card composition intact.
   ========================================================= */
@media screen and (max-width: 767px) {
  .vvz-sponsors .vvz-sponsor-cards, .vvz-sponsors .vvz-sponsor-group--balls .vvz-sponsor-cards, .vvz-sponsors.vvz-sponsors--single .vvz-sponsor-cards{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
  }

  .vvz-sponsors .vvz-sponsor-card, .vvz-sponsors.vvz-sponsors--single .vvz-sponsor-card{
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  /* Balsponsor cards keep the approved wide 40/60 composition on phones;
     they simply occupy the full row so the information remains readable. */
  

  

  

  

  

  

  

  

  

  

  

  /* Regular sponsor cards: one per row and a larger readable logo. */
  .vvz-sponsors .vvz-sponsor-group--main .vvz-sponsor-card, .vvz-sponsors .vvz-sponsor-group--sponsors .vvz-sponsor-card{
    height: 132px !important;
    min-height: 132px !important;
    padding: 18px 24px !important;
  }

  .vvz-sponsors .vvz-sponsor-group--main .vvz-sponsor-card>img, .vvz-sponsors .vvz-sponsor-group--sponsors .vvz-sponsor-card>img{
    max-width: 92% !important;
    max-height: 105px !important;
  }
}

/* =========================================================
   VVZ Sponsoren 1.3.33 — mobile balsponsor matches approved reference
   On phones show the clean information card only; the Derbystar image
   remains the desktop composition. This keeps all text readable.
   ========================================================= */
@media screen and (max-width: 767px) {
  .vvz-sponsors.vvz-sponsors--single .vvz-sponsor-card{
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    border-radius: 0 0 14px 14px !important;
  }

  

  

  

  

  

  

  

  

  

  

  

  

  
}

@media screen and (max-width: 390px) {
  
  
}


/* =========================================================
   VVZ Sponsoren 1.3.44 — final responsive balsponsor cleanup
   - Remove decorative football watermark everywhere
   - Remove decorative football icon next to "Balsponsoren"
   - Keep date/time/location icon + text on ONE horizontal row
   ========================================================= */

.vvz-sponsor-group__head--balls .vvz-balls-icon, .vvz-balls-title .vvz-balls-icon{
  display:none!important;
}
.vvz-sponsor-group__head--balls .vvz-balls-title{
  gap:0!important;
}

/* Desktop + tablet: three compact metadata items, icon directly before text. */






/* Phones: same three-column structure, just tighter. */
@media screen and (max-width:767px){
  
  
  
  
  
}

@media screen and (max-width:390px){
  
  
  
}

/* Homepage balsponsor shortcode gets the same clean metadata treatment. */




@media screen and (max-width:767px){
  
  
  
}
@media screen and (max-width:390px){
  
  
  
}

/* =========================================================
   VVZ Sponsoren 1.3.46.2 — mobile/iPad metadata fix
   Only one metadata label is visible at a time.
   Desktop: full text. Tablet/mobile: compact text.
   ========================================================= */



@media screen and (max-width:1024px) {
  
  
}

@media screen and (max-width:767px) {
  
  
}

@media screen and (max-width:390px) {
  
}


/* VVZ Sponsoren 1.3.46.6 — optional balsponsor name */



@media (max-width:620px){
  
  
  
}