:root{--bb-red:#d20a1e;--bb-red2:#9d0715;--bb-black:#050505;--bb-panel:#121212;--bb-panel2:#1a1a1a;--bb-white:#fff;--bb-muted:#a9a9a9;--bb-line:#2b2b2b;--bb-radius:18px;--bb-shadow:0 18px 50px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.bb-theme{margin:0;background:var(--bb-black);color:var(--bb-white);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.bb-container{width:min(1180px,calc(100% - 36px));margin:0 auto}.bb-kicker{display:inline-block;color:var(--bb-red);font-weight:900;letter-spacing:.11em;text-transform:uppercase;font-size:.83rem}.bb-site-header{position:sticky;top:0;z-index:50;background:rgba(3,3,3,.96);border-bottom:1px solid rgba(210,10,30,.45);backdrop-filter:blur(10px)}.bb-header-inner{min-height:78px;display:flex;align-items:center;gap:24px}.bb-brand{display:flex;align-items:center;gap:12px;min-width:230px}.bb-brand img{width:58px;height:58px;object-fit:contain}.bb-brand span{display:flex;flex-direction:column;line-height:1}.bb-brand strong{font-weight:900;letter-spacing:.04em}.bb-brand small{color:var(--bb-red);font-weight:800;letter-spacing:.14em;margin-top:5px}.bb-main-nav{margin-left:auto}.bb-main-nav ul{display:flex;gap:28px;align-items:center;list-style:none;margin:0;padding:0}.bb-main-nav a{font-weight:800;font-size:.92rem;text-transform:uppercase}.bb-main-nav .current-menu-item>a,.bb-main-nav a:hover{color:var(--bb-red)}.bb-menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--bb-line);color:#fff;border-radius:10px;padding:8px 12px;font-size:1.3rem}
.bb-hero{position:relative;overflow:hidden;min-height:640px;display:flex;align-items:center;background:radial-gradient(circle at 74% 45%,rgba(210,10,30,.17),transparent 26%),linear-gradient(120deg,#030303 0%,#0b0b0b 60%,#111 100%)}.bb-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,#000,transparent)}.bb-hero-overlay{position:absolute;left:-15%;bottom:-120px;width:650px;height:420px;background:radial-gradient(circle,rgba(210,10,30,.28),transparent 70%);filter:blur(18px)}.bb-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:42px}.bb-hero h1,.bb-page-hero h1{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.015em;line-height:.92;margin:.2em 0;font-size:clamp(4.2rem,9vw,8.8rem)}.bb-hero h1 span{color:var(--bb-red)}.bb-hero p{font-size:1.45rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bb-hero-actions{display:flex;gap:14px;margin-top:28px}.bb-hero-logo-wrap{position:relative;text-align:center}.bb-hero-logo-wrap:before{content:"";position:absolute;inset:8% 7%;border:2px solid rgba(210,10,30,.35);transform:rotate(5deg);border-radius:30px}.bb-hero-logo-wrap img{position:relative;z-index:2;max-height:510px;filter:drop-shadow(0 25px 45px #000)}
.bb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;background:var(--bb-red);border:1px solid var(--bb-red);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border-radius:8px;transition:.2s}.bb-btn:hover{background:#ed142a;transform:translateY(-1px)}.bb-btn-outline{background:transparent;border-color:#626262}.bb-btn-outline:hover{border-color:var(--bb-red);background:rgba(210,10,30,.08)}
.bb-values{border-top:1px solid rgba(210,10,30,.35);border-bottom:1px solid rgba(210,10,30,.35);background:#0b0b0b}.bb-values-grid{display:grid;grid-template-columns:repeat(4,1fr)}.bb-values-grid>div{padding:24px 20px;display:grid;grid-template-columns:48px 1fr;gap:2px 12px;border-right:1px solid var(--bb-line)}.bb-values-grid>div:last-child{border-right:none}.bb-values span{grid-row:1/3;font-size:2rem}.bb-values strong{text-transform:uppercase}.bb-values small{color:var(--bb-muted)}
.bb-section{padding:76px 0}.bb-section-dark{background:#0b0b0b}.bb-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.bb-section-head h2{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:clamp(2.4rem,5vw,4rem);margin:.1em 0 0}.bb-section-head>a{color:var(--bb-red);font-weight:900;text-transform:uppercase}.bb-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bb-game-card{background:linear-gradient(145deg,#191919,#0e0e0e);border:1px solid #303030;border-top:3px solid var(--bb-red);border-radius:var(--bb-radius);box-shadow:var(--bb-shadow);overflow:hidden}.bb-game-card-head{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--bb-line);text-transform:uppercase}.bb-game-card-head span{font-weight:900}.bb-game-card-head strong{color:var(--bb-red)}.bb-versus{display:grid;grid-template-columns:1fr 74px 1fr;align-items:center;gap:8px;padding:24px}.bb-club-side{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:900;text-transform:uppercase}.bb-team-logo,.bb-opponent-image{width:110px;height:110px;object-fit:contain}.bb-vs{font-family:Impact,"Arial Black",sans-serif;font-size:2.4rem;color:var(--bb-red);text-align:center}.bb-placeholder-logo{width:110px;height:110px;display:grid;place-items:center;position:relative;background:#1c1c1c;border:4px solid #777;clip-path:polygon(50% 0,93% 14%,86% 75%,50% 100%,14% 75%,7% 14%);box-shadow:inset 0 0 0 5px #111}.bb-placeholder-logo:after{content:"";position:absolute;inset:18%;border:2px solid rgba(210,10,30,.9);clip-path:inherit}.bb-placeholder-logo span{font-family:Impact,"Arial Black",sans-serif;font-size:1.45rem;z-index:2}.bb-placeholder-1{transform:rotate(-2deg)}.bb-placeholder-2{border-color:#9a9a9a}.bb-placeholder-3:after{transform:rotate(45deg)}.bb-placeholder-4{background:linear-gradient(135deg,#242424 50%,#111 50%)}.bb-size-sm{width:42px;height:42px;border-width:2px}.bb-size-sm span{font-size:.7rem}.bb-size-sm:after{border-width:1px}.bb-game-meta{padding:16px 20px;display:flex;flex-wrap:wrap;gap:16px;border-top:1px solid var(--bb-line);border-bottom:1px solid var(--bb-line);color:#ddd}.bb-game-location{display:flex;justify-content:space-between;gap:20px;padding:16px 20px}.bb-game-location span{color:var(--bb-muted);text-align:right}.bb-card-actions{padding:0 20px 20px;display:flex;gap:10px}
.bb-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bb-news-card{background:#151515;border:1px solid #2c2c2c;border-radius:14px;overflow:hidden}.bb-news-image{height:210px;background:#0f0f0f}.bb-news-image img{width:100%;height:100%;object-fit:cover}.bb-news-placeholder{height:100%;display:grid;place-items:center;font-size:4rem;background:radial-gradient(circle,rgba(210,10,30,.17),transparent 50%),#111}.bb-news-body{padding:20px}.bb-news-body time{float:right;color:#8b8b8b;font-size:.86rem}.bb-news-body h3{font-size:1.3rem;margin:14px 0 8px}.bb-news-body p{color:#c5c5c5}.bb-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(210,10,30,.16);border:1px solid rgba(210,10,30,.5);color:#ff4255;font-size:.75rem;font-weight:900;text-transform:uppercase}.bb-more{color:var(--bb-red);font-weight:900;text-transform:uppercase;font-size:.85rem}
.bb-club-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px}.bb-info-card,.bb-content-box{background:#141414;border:1px solid #2b2b2b;border-radius:14px;padding:28px}.bb-info-card h2,.bb-info-card h3{margin-top:8px}.bb-sponsor-section{border-top:1px solid #202020;background:linear-gradient(#090909,#050505)}.bb-sponsor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bb-sponsor-card{min-height:150px;background:#fff;border-radius:14px;display:grid;place-items:center;padding:24px;overflow:hidden}.bb-sponsor-card img{max-height:95px;width:auto;object-fit:contain}.bb-sponsor-placeholder{text-align:center;color:#111}.bb-sponsor-placeholder span{display:block;color:#999;font-size:.75rem;letter-spacing:.16em}.bb-sponsor-placeholder strong{display:block;margin-top:8px;font-size:1.2rem}.bb-admin-note{color:#777;font-size:.82rem;margin-top:12px}.bb-cta{padding:48px 0;background:linear-gradient(90deg,#141414,#0c0c0c);border-top:1px solid rgba(210,10,30,.4);border-bottom:1px solid rgba(210,10,30,.4)}.bb-cta .bb-container{display:flex;justify-content:space-between;align-items:center;gap:30px}.bb-cta h2{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:3rem;margin:.1em 0}
.bb-page-hero{padding:82px 0 54px;background:radial-gradient(circle at 80% 40%,rgba(210,10,30,.15),transparent 28%),#0b0b0b;border-bottom:1px solid #242424}.bb-page-hero h1{font-size:clamp(3.5rem,8vw,7rem)}.bb-page-hero p{max-width:720px;color:#c8c8c8;font-size:1.15rem}.bb-tabs,.bb-filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.bb-tabs button,.bb-filterbar a{border:1px solid #3a3a3a;background:#111;color:#fff;border-radius:999px;padding:11px 18px;font-weight:900;text-transform:uppercase;cursor:pointer}.bb-tabs button.is-active,.bb-filterbar a.is-active{background:var(--bb-red);border-color:var(--bb-red)}.bb-schedule-panel{display:none}.bb-schedule-panel.is-active{display:block}.bb-schedule-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.bb-schedule-head h2{font-size:2rem}.bb-schedule-head span{color:var(--bb-red);font-weight:900}.bb-schedule-list{display:grid;gap:10px}.bb-schedule-row{display:grid;grid-template-columns:62px 120px 48px minmax(260px,1.5fr) 100px minmax(240px,1.2fr) 70px;align-items:center;gap:12px;padding:14px 16px;background:#121212;border:1px solid #2a2a2a;border-left:3px solid var(--bb-red);border-radius:12px}.bb-schedule-row.is-past{opacity:.55}.bb-st{color:var(--bb-red);font-weight:900}.bb-date{display:flex;flex-direction:column}.bb-date span,.bb-place span{color:var(--bb-muted);font-size:.84rem}.bb-mini-logo img{width:38px;height:38px;object-fit:contain}.bb-match{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:7px}.bb-match span{color:var(--bb-red);text-align:center;font-weight:900}.bb-place{display:flex;flex-direction:column}.bb-icon-link{color:#ff485a;font-weight:800;font-size:.85rem}.bb-team-panel{background:#131313;border:1px solid #2d2d2d;border-top:4px solid var(--bb-red);border-radius:18px;padding:30px}.bb-team-panel>img{width:170px;display:block;margin:20px auto}.bb-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bb-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.bb-gallery-placeholder{aspect-ratio:4/3;border-radius:15px;border:1px solid #303030;background:radial-gradient(circle,rgba(210,10,30,.13),transparent 44%),#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.bb-gallery-placeholder span{font-size:2.4rem}.bb-gallery-placeholder small{color:#777}.bb-article{max-width:900px}.bb-article>img{border-radius:16px;margin-bottom:20px}.bb-notice{padding:18px;border-left:3px solid var(--bb-red);background:#151515;margin:20px 0}
.bb-footer{padding:50px 0 22px;background:#020202;border-top:1px solid #202020}.bb-footer-grid{display:grid;grid-template-columns:1.4fr 1fr .8fr .8fr;gap:30px}.bb-footer-brand{display:flex;gap:14px;align-items:center}.bb-footer-brand img{width:76px}.bb-footer-brand div{display:flex;flex-direction:column}.bb-footer-brand span{color:var(--bb-muted)}.bb-footer h4{text-transform:uppercase;color:var(--bb-red)}.bb-footer ul{list-style:none;margin:0;padding:0}.bb-footer a{color:#c7c7c7}.bb-footer a:hover{color:#fff}.bb-socials{display:flex;gap:8px}.bb-socials a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--bb-red);font-weight:900}.bb-footer-bottom{margin-top:28px;padding-top:20px;border-top:1px solid #1e1e1e;color:#777;text-align:center;font-size:.84rem}
@media(max-width:1000px){.bb-main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#070707;border-bottom:1px solid #333;padding:18px}.bb-main-nav.is-open{display:block}.bb-main-nav ul{flex-direction:column;align-items:flex-start}.bb-menu-toggle{display:block}.bb-hero{min-height:560px}.bb-hero-grid{grid-template-columns:1fr .55fr}.bb-values-grid{grid-template-columns:1fr 1fr}.bb-values-grid>div:nth-child(2){border-right:none}.bb-two-col,.bb-club-grid{grid-template-columns:1fr}.bb-news-grid{grid-template-columns:1fr 1fr}.bb-schedule-row{grid-template-columns:60px 110px 45px 1fr 90px}.bb-place{grid-column:4/6}.bb-schedule-row>div:last-child{grid-column:6;grid-row:1/3}.bb-gallery-grid{grid-template-columns:1fr 1fr}.bb-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.bb-container{width:min(100% - 24px,1180px)}.bb-brand span{display:none}.bb-brand{min-width:auto}.bb-hero{min-height:auto;padding:60px 0}.bb-hero-grid{grid-template-columns:1fr}.bb-hero-logo-wrap{order:-1}.bb-hero-logo-wrap img{max-height:280px}.bb-hero h1{font-size:clamp(3.2rem,18vw,5rem)}.bb-hero p{font-size:1rem}.bb-values-grid{grid-template-columns:1fr}.bb-values-grid>div{border-right:none;border-bottom:1px solid var(--bb-line)}.bb-section{padding:54px 0}.bb-news-grid,.bb-sponsor-grid,.bb-contact-grid,.bb-gallery-grid{grid-template-columns:1fr}.bb-section-head{align-items:flex-start;flex-direction:column}.bb-game-location{flex-direction:column}.bb-game-location span{text-align:left}.bb-versus{grid-template-columns:1fr 50px 1fr;padding:18px 10px}.bb-team-logo,.bb-opponent-image,.bb-placeholder-logo{width:82px;height:82px}.bb-card-actions{flex-direction:column}.bb-cta .bb-container{align-items:flex-start;flex-direction:column}.bb-schedule-row{grid-template-columns:56px 1fr 44px}.bb-match{grid-column:1/4;grid-template-columns:1fr 24px 1fr}.bb-ha{grid-column:1}.bb-place{grid-column:2/4}.bb-schedule-row>div:last-child{grid-column:2/4;grid-row:auto}.bb-footer-grid{grid-template-columns:1fr}.bb-footer-brand{grid-column:auto}}

/* v1.2 – navigation cleanup + hero layout based on approved visual */
.bb-header-nav-only{justify-content:center;min-height:76px}.bb-header-nav-only .bb-main-nav{margin-left:0;width:100%}.bb-static-menu{justify-content:center!important;gap:clamp(20px,3vw,46px)!important}.bb-static-menu li{white-space:nowrap}
.bb-hero{min-height:560px;background-image:linear-gradient(90deg,rgba(3,3,3,.98) 0%,rgba(3,3,3,.92) 34%,rgba(3,3,3,.55) 62%,rgba(3,3,3,.28) 100%),url('../images/hero-dartboard-bg.jpg');background-size:cover;background-position:center right;background-repeat:no-repeat;border-bottom:1px solid rgba(210,10,30,.58)}
.bb-hero:after{background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);opacity:.55}.bb-hero-overlay{left:-12%;bottom:-150px;width:620px;height:480px;background:radial-gradient(circle,rgba(210,10,30,.27),transparent 69%)}
.bb-hero-grid-example{grid-template-columns:minmax(330px,.76fr) minmax(470px,1.24fr);gap:54px;min-height:560px}.bb-hero-grid-example .bb-hero-logo-wrap{order:0;display:flex;justify-content:center;align-items:center}.bb-hero-grid-example .bb-hero-logo-wrap:before{display:none}.bb-hero-grid-example .bb-hero-logo-wrap img{width:min(360px,92%);max-height:440px;object-fit:contain;filter:drop-shadow(0 24px 38px rgba(0,0,0,.95))}.bb-hero-grid-example .bb-hero-copy{padding:40px 0}.bb-hero-grid-example .bb-hero-copy h1{font-size:clamp(4.4rem,8vw,8.1rem);max-width:760px;margin:.14em 0}.bb-hero-grid-example .bb-hero-copy h1 span{display:inline;color:var(--bb-red)}
@media(max-width:1000px){.bb-header-nav-only{justify-content:flex-end}.bb-header-nav-only .bb-main-nav{width:auto}.bb-static-menu{gap:12px!important}.bb-hero-grid-example{grid-template-columns:.75fr 1.25fr;gap:28px}.bb-hero-grid-example .bb-hero-logo-wrap img{width:min(270px,92%)}.bb-hero{background-position:64% center}}
@media(max-width:700px){.bb-header-nav-only{min-height:68px}.bb-header-nav-only .bb-main-nav{position:absolute;top:68px}.bb-hero{padding:50px 0 58px;min-height:auto;background-image:linear-gradient(rgba(3,3,3,.8),rgba(3,3,3,.94)),url('../images/hero-dartboard-bg.jpg');background-position:center}.bb-hero-grid-example{grid-template-columns:1fr;min-height:auto;gap:18px}.bb-hero-grid-example .bb-hero-logo-wrap{order:0}.bb-hero-grid-example .bb-hero-logo-wrap img{max-height:260px;width:auto}.bb-hero-grid-example .bb-hero-copy{text-align:center;padding:0}.bb-hero-grid-example .bb-hero-copy h1{font-size:clamp(3.4rem,18vw,5.2rem)}.bb-hero-grid-example .bb-hero-actions{justify-content:center}.bb-hero-grid-example .bb-kicker{margin-top:5px}}

/* v1.3 – hero rebuilt to match the approved Black Bears visual */
body.bb-theme{font-family:"Arial Narrow","Franklin Gothic Condensed","Roboto Condensed",Arial,Helvetica,sans-serif}
.bb-site-header{background:#030303;border-bottom:1px solid rgba(210,10,30,.72)}
.bb-header-inner.bb-header-nav-only{min-height:58px}
.bb-header-nav-only .bb-main-nav a{font-family:"Arial Narrow","Franklin Gothic Condensed",Arial,sans-serif;font-weight:900;letter-spacing:.025em}
.bb-hero{min-height:430px;background-image:url('../images/hero-bg-v13.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat;border-bottom:1px solid rgba(210,10,30,.86)}
.bb-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.12) 20%,rgba(0,0,0,.22) 48%,rgba(0,0,0,.04) 100%);opacity:1;mask-image:none}
.bb-hero-overlay{display:none}
.bb-hero-grid-example{grid-template-columns:310px 520px;justify-content:start;align-items:center;gap:42px;min-height:430px;padding-left:18px}
.bb-hero-grid-example .bb-hero-logo-wrap{align-self:center}
.bb-hero-grid-example .bb-hero-logo-wrap img{width:265px;max-height:330px;filter:drop-shadow(0 18px 26px rgba(0,0,0,.8))}
.bb-hero-grid-example .bb-hero-copy{padding:28px 0;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.bb-hero-grid-example .bb-kicker{font-size:.95rem;letter-spacing:.08em;margin-bottom:6px}
.bb-hero-grid-example .bb-hero-copy h1{font-family:Impact,"Arial Black","Franklin Gothic Heavy",sans-serif;font-stretch:condensed;font-size:clamp(4.5rem,6.25vw,6.9rem);line-height:.87;letter-spacing:.005em;max-width:550px;margin:.08em 0 .15em;text-shadow:2px 3px 0 rgba(0,0,0,.25),0 6px 22px rgba(0,0,0,.85)}
.bb-hero-grid-example .bb-hero-copy h1 span{color:var(--bb-red)}
.bb-hero-grid-example .bb-hero-copy p{font-family:"Arial Narrow","Franklin Gothic Condensed",Arial,sans-serif;font-size:1.25rem;font-weight:900;letter-spacing:.055em;margin:16px 0 0;text-transform:uppercase}
.bb-hero-grid-example .bb-hero-actions{margin-top:20px}
.bb-hero-grid-example .bb-btn{min-width:115px;border-radius:5px}
.bb-values{background:#090909}
.bb-values-grid>div{padding:18px 22px;grid-template-columns:54px 1fr;gap:1px 14px;min-height:92px;align-content:center}
.bb-value-icon{grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;color:var(--bb-red)!important;font-size:0!important}
.bb-value-icon svg{width:46px;height:46px;fill:currentColor;overflow:visible}
.bb-values strong{font-family:"Arial Narrow","Franklin Gothic Condensed",Arial,sans-serif;font-size:1rem;letter-spacing:.02em}
.bb-values small{font-size:.78rem;line-height:1.35;color:#d0d0d0}
.bb-section-head h2,.bb-cta h2,.bb-page-hero h1{font-family:Impact,"Arial Black","Franklin Gothic Heavy",sans-serif;letter-spacing:.015em}
@media(max-width:1200px){.bb-hero-grid-example{grid-template-columns:280px minmax(420px,500px);gap:28px}.bb-hero-grid-example .bb-hero-logo-wrap img{width:240px}.bb-hero{background-position:center center}}
@media(max-width:1000px){.bb-header-inner.bb-header-nav-only{min-height:68px}.bb-hero{min-height:480px;background-position:62% center}.bb-hero-grid-example{grid-template-columns:250px minmax(390px,1fr);min-height:480px;gap:20px}.bb-hero-grid-example .bb-hero-logo-wrap img{width:220px}.bb-hero-grid-example .bb-hero-copy h1{font-size:clamp(4rem,8vw,5.6rem)}}
@media(max-width:700px){.bb-hero{padding:40px 0 46px;min-height:auto;background-position:72% center}.bb-hero:after{background:rgba(0,0,0,.48)}.bb-hero-grid-example{grid-template-columns:1fr;min-height:auto;padding-left:0;gap:8px}.bb-hero-grid-example .bb-hero-logo-wrap img{width:180px;max-height:220px}.bb-hero-grid-example .bb-hero-copy h1{font-size:clamp(3.5rem,18vw,5rem)}.bb-values-grid>div{min-height:84px}.bb-value-icon{width:44px;height:44px}.bb-value-icon svg{width:40px;height:40px}}


/* v1.4 – closer 1:1 match to the approved mockup */
.bb-container{width:min(1216px,calc(100% - 32px))}
.bb-header-inner.bb-header-nav-only{min-height:54px}
.bb-static-menu{gap:clamp(28px,4vw,58px)!important}
.bb-header-nav-only .bb-main-nav a{font-size:.84rem;letter-spacing:.02em}

.bb-hero{
  min-height:322px;
  background-image:url('../images/hero-bg-v14.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.bb-hero:after{
  background:linear-gradient(90deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.10) 20%,rgba(0,0,0,.18) 54%,rgba(0,0,0,.03) 100%);
}
.bb-hero-grid-example{
  grid-template-columns:290px 470px;
  gap:35px;
  min-height:322px;
  padding-left:28px;
}
.bb-hero-grid-example .bb-hero-logo-wrap img{
  width:245px;
  max-height:295px;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.88));
}
.bb-hero-grid-example .bb-hero-copy{padding:18px 0}
.bb-hero-grid-example .bb-kicker{
  font-size:.88rem;
  letter-spacing:.07em;
  margin-bottom:3px;
}
.bb-hero-grid-example .bb-hero-copy h1{
  font-family:Impact,"Arial Black","Franklin Gothic Heavy",sans-serif;
  font-size:clamp(4.5rem,5.9vw,6.4rem);
  line-height:.83;
  max-width:500px;
  margin:.06em 0 .13em;
}
.bb-hero-grid-example .bb-hero-copy h1 span{
  display:inline;
}
.bb-hero-grid-example .bb-hero-copy p{
  font-size:1.08rem;
  margin:12px 0 0;
  letter-spacing:.045em;
}
.bb-hero-grid-example .bb-hero-actions{margin-top:17px}
.bb-hero-grid-example .bb-btn{
  min-height:40px;
  min-width:122px;
  padding:0 17px;
}

.bb-values-grid>div{min-height:78px;padding:11px 20px}
.bb-value-icon{width:42px;height:42px}
.bb-value-icon svg{width:40px;height:40px}
.bb-values strong{font-size:.94rem}
.bb-values small{font-size:.72rem}

.bb-section{padding:28px 0}
.bb-section-head{margin-bottom:10px}
.bb-section-head h2{font-size:clamp(2.1rem,3.1vw,3rem);line-height:.95}
.bb-two-col{gap:12px}
.bb-news-grid{gap:12px}
.bb-sponsor-section{padding-top:16px}
.bb-footer{padding-top:24px}

@media(max-width:1000px){
  .bb-hero{min-height:390px;background-position:58% center}
  .bb-hero-grid-example{grid-template-columns:230px minmax(390px,1fr);min-height:390px;padding-left:8px;gap:20px}
  .bb-hero-grid-example .bb-hero-logo-wrap img{width:210px}
}
@media(max-width:700px){
  .bb-container{width:min(100% - 22px,1216px)}
  .bb-hero{min-height:auto;padding:30px 0 34px;background-position:72% center}
  .bb-hero:after{background:rgba(0,0,0,.48)}
  .bb-hero-grid-example{grid-template-columns:1fr;padding-left:0;gap:6px}
  .bb-hero-grid-example .bb-hero-logo-wrap img{width:165px}
  .bb-hero-grid-example .bb-hero-copy h1{font-size:clamp(3.4rem,17vw,4.9rem)}
}


/* =========================================================
   v1.5 CLEAN HERO – no baked-in text/logo/value-strip
   ========================================================= */
.bb-hero{
  position:relative !important;
  overflow:hidden !important;
  min-height:322px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  background-image:url('../images/hero-bg-v15.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  border-bottom:1px solid rgba(210,10,30,.85) !important;
}
.bb-hero:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:linear-gradient(90deg,
    rgba(0,0,0,.03) 0%,
    rgba(0,0,0,.12) 18%,
    rgba(0,0,0,.05) 35%,
    rgba(0,0,0,.10) 59%,
    rgba(0,0,0,.00) 100%) !important;
  opacity:1 !important;
  mask-image:none !important;
}
.bb-hero-overlay{display:none !important}

.bb-hero-grid-example{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:270px 500px !important;
  align-items:center !important;
  justify-content:start !important;
  gap:38px !important;
  min-height:322px !important;
  padding:0 0 0 35px !important;
}
.bb-hero-grid-example .bb-hero-logo-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
}
.bb-hero-grid-example .bb-hero-logo-wrap:before{display:none !important}
.bb-hero-grid-example .bb-hero-logo-wrap img{
  display:block !important;
  width:230px !important;
  height:auto !important;
  max-height:285px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.92)) !important;
}
.bb-hero-grid-example .bb-hero-copy{
  padding:8px 0 !important;
  text-align:left !important;
  text-shadow:0 3px 14px rgba(0,0,0,.78) !important;
}
.bb-hero-grid-example .bb-kicker{
  display:block !important;
  margin:0 0 5px !important;
  font-size:.86rem !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
}
.bb-hero-grid-example .bb-hero-copy h1{
  margin:0 !important;
  max-width:500px !important;
  font-family:Impact,"Arial Black","Franklin Gothic Heavy",sans-serif !important;
  font-size:clamp(4.35rem,5.8vw,6.1rem) !important;
  font-weight:900 !important;
  line-height:.84 !important;
  letter-spacing:.002em !important;
  text-transform:uppercase !important;
}
.bb-hero-grid-example .bb-hero-copy h1 span{
  color:var(--bb-red) !important;
  display:inline !important;
}
.bb-hero-grid-example .bb-hero-copy p{
  margin:13px 0 0 !important;
  font-family:"Arial Narrow","Franklin Gothic Condensed",Arial,sans-serif !important;
  font-size:1.06rem !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
}
.bb-hero-grid-example .bb-hero-actions{
  display:flex !important;
  gap:12px !important;
  margin-top:17px !important;
}
.bb-hero-grid-example .bb-btn{
  min-width:122px !important;
  min-height:40px !important;
  padding:0 18px !important;
  border-radius:4px !important;
}

/* values immediately under hero, with no background duplication */
.bb-values{
  position:relative !important;
  z-index:5 !important;
  margin:0 !important;
  background:#090909 !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(210,10,30,.55) !important;
}
.bb-values-grid>div{
  min-height:78px !important;
  padding:11px 20px !important;
  align-content:center !important;
}
.bb-value-icon{width:42px !important;height:42px !important}
.bb-value-icon svg{width:40px !important;height:40px !important}

/* desktop keeps the exact wide mockup composition */
@media (min-width:1201px){
  .bb-container{width:min(1216px,calc(100% - 32px)) !important}
}
@media (max-width:1200px){
  .bb-hero{min-height:330px !important;background-position:56% center !important}
  .bb-hero-grid-example{
    grid-template-columns:235px minmax(410px,480px) !important;
    gap:28px !important;
    min-height:330px !important;
    padding-left:24px !important;
  }
  .bb-hero-grid-example .bb-hero-logo-wrap img{width:205px !important}
}
@media (max-width:900px){
  .bb-hero{
    min-height:390px !important;
    background-position:66% center !important;
  }
  .bb-hero-grid-example{
    grid-template-columns:205px minmax(360px,1fr) !important;
    min-height:390px !important;
    gap:20px !important;
    padding-left:12px !important;
  }
  .bb-hero-grid-example .bb-hero-logo-wrap img{width:185px !important}
  .bb-hero-grid-example .bb-hero-copy h1{
    font-size:clamp(3.8rem,8vw,5.15rem) !important;
  }
}
@media (max-width:700px){
  .bb-hero{
    min-height:auto !important;
    padding:34px 0 38px !important;
    background-position:72% center !important;
  }
  .bb-hero:after{background:rgba(0,0,0,.52) !important}
  .bb-hero-grid-example{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    gap:10px !important;
    padding-left:0 !important;
    text-align:center !important;
  }
  .bb-hero-grid-example .bb-hero-logo-wrap img{width:165px !important;max-height:205px !important}
  .bb-hero-grid-example .bb-hero-copy{text-align:center !important}
  .bb-hero-grid-example .bb-hero-copy h1{font-size:clamp(3.4rem,17vw,4.8rem) !important}
  .bb-hero-grid-example .bb-hero-actions{justify-content:center !important}
}


/* =========================================================
   v1.7 FINAL HERO FIX
   - echtes freigestelltes Original-Logo
   - Hintergrund ohne eingebrannte Schrift/Logo
   ========================================================= */
.bb-hero{
  min-height:322px !important;
  background-image:url('../images/hero-bg-v17.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.bb-hero:after{
  background:linear-gradient(90deg,
    rgba(0,0,0,.03) 0%,
    rgba(0,0,0,.07) 22%,
    rgba(0,0,0,.10) 52%,
    rgba(0,0,0,.01) 100%) !important;
}
.bb-hero-grid-example{
  grid-template-columns:290px 510px !important;
  gap:38px !important;
  min-height:322px !important;
  padding-left:30px !important;
}
.bb-hero-grid-example .bb-hero-logo-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.bb-hero-grid-example .bb-hero-logo-wrap img{
  display:block !important;
  width:245px !important;
  height:auto !important;
  max-height:300px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.58)) !important;
}
.bb-hero-grid-example .bb-hero-copy{
  padding:8px 0 !important;
}
.bb-hero-grid-example .bb-hero-copy h1{
  font-family:Impact,"Arial Black","Franklin Gothic Heavy",sans-serif !important;
  font-size:clamp(4.65rem,5.9vw,6.35rem) !important;
  line-height:.84 !important;
  margin:0 !important;
}
.bb-hero-grid-example .bb-hero-copy p{
  margin-top:13px !important;
  font-size:1.08rem !important;
  letter-spacing:.045em !important;
}
.bb-hero-grid-example .bb-hero-actions{
  margin-top:17px !important;
}
.bb-values{
  margin-top:0 !important;
  background:#080808 !important;
}
@media(max-width:1000px){
  .bb-hero-grid-example{
    grid-template-columns:225px minmax(400px,1fr) !important;
    gap:26px !important;
    padding-left:18px !important;
  }
  .bb-hero-grid-example .bb-hero-logo-wrap img{width:200px !important}
}
@media(max-width:700px){
  .bb-hero{
    padding:30px 0 34px !important;
    background-position:72% center !important;
  }
  .bb-hero:after{background:rgba(0,0,0,.50) !important}
  .bb-hero-grid-example{
    grid-template-columns:1fr !important;
    padding-left:0 !important;
    text-align:center !important;
  }
  .bb-hero-grid-example .bb-hero-logo-wrap img{width:170px !important}
  .bb-hero-grid-example .bb-hero-copy{text-align:center !important}
  .bb-hero-grid-example .bb-hero-actions{justify-content:center !important}
}


/* =========================================================
   v1.8 – Hero final:
   Buttons entfernt, Titel tiefer/zentriert, Splashs nach innen
   ========================================================= */
.bb-hero{
  min-height:322px !important;
  background-image:url('../images/hero-bg-v18.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.bb-hero:after{
  background:linear-gradient(90deg,
    rgba(0,0,0,.01) 0%,
    rgba(0,0,0,.035) 22%,
    rgba(0,0,0,.075) 52%,
    rgba(0,0,0,.005) 100%) !important;
}
.bb-hero-grid-example{
  grid-template-columns:300px 520px !important;
  gap:44px !important;
  min-height:322px !important;
  padding-left:28px !important;
  align-items:center !important;
}
.bb-hero-grid-example .bb-hero-logo-wrap img{
  width:250px !important;
  max-height:300px !important;
}
.bb-hero-grid-example .bb-hero-copy{
  align-self:center !important;
  padding:0 !important;
  transform:translateY(18px) !important;
}
.bb-hero-grid-example .bb-kicker{
  font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif !important;
  font-weight:800 !important;
  font-size:.94rem !important;
  letter-spacing:.075em !important;
  margin:0 0 4px !important;
}
.bb-hero-grid-example .bb-hero-copy h1{
  font-family:"Anton",Impact,"Arial Black",sans-serif !important;
  font-weight:400 !important;
  font-size:clamp(4.75rem,6vw,6.55rem) !important;
  line-height:.82 !important;
  letter-spacing:.005em !important;
  max-width:520px !important;
  margin:0 !important;
}
.bb-hero-grid-example .bb-hero-copy h1 span{
  color:var(--bb-red) !important;
}
.bb-hero-grid-example .bb-hero-copy p{
  font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif !important;
  font-weight:800 !important;
  font-size:1.18rem !important;
  line-height:1.05 !important;
  letter-spacing:.055em !important;
  margin:16px 0 0 !important;
}
.bb-hero-actions{
  display:none !important;
}

@media(max-width:1000px){
  .bb-hero-grid-example{
    grid-template-columns:235px minmax(410px,1fr) !important;
    gap:28px !important;
    padding-left:18px !important;
  }
  .bb-hero-grid-example .bb-hero-logo-wrap img{width:205px !important}
  .bb-hero-grid-example .bb-hero-copy{transform:translateY(14px) !important}
}
@media(max-width:700px){
  .bb-hero{
    padding:34px 0 38px !important;
    background-position:68% center !important;
  }
  .bb-hero-grid-example{
    grid-template-columns:1fr !important;
    padding-left:0 !important;
    gap:8px !important;
  }
  .bb-hero-grid-example .bb-hero-logo-wrap img{width:170px !important}
  .bb-hero-grid-example .bb-hero-copy{
    text-align:center !important;
    transform:none !important;
  }
  .bb-hero-grid-example .bb-hero-copy h1{
    font-size:clamp(3.5rem,17vw,4.9rem) !important;
    margin-inline:auto !important;
  }
}


/* v1.9 – mehr Tiefe/Struktur in der Hero-Mitte */
.bb-hero{
  background-image:url('../images/hero-bg-v19.jpg') !important;
}
.bb-hero:after{
  background:linear-gradient(90deg,
    rgba(0,0,0,.00) 0%,
    rgba(0,0,0,.025) 24%,
    rgba(0,0,0,.045) 48%,
    rgba(0,0,0,.015) 68%,
    rgba(0,0,0,.00) 100%) !important;
}


/* v2.0 – deutlich stärkere Hero-Mitte */
.bb-hero{
  background-image:url('../images/hero-bg-v20.jpg') !important;
}
.bb-hero:after{
  background:linear-gradient(90deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.015) 25%,
    rgba(0,0,0,.02) 50%,
    rgba(0,0,0,.01) 72%,
    rgba(0,0,0,0) 100%) !important;
}

/* v2.1 – Splash statt runder Rauch-/Kreisflächen */
.bb-hero{background-image:url('../images/hero-bg-v21.jpg') !important;}
.bb-hero:after{background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.01) 45%,rgba(0,0,0,0)) !important;}


/* =========================================================
   v2.2 – nur Dartboard-Sprinkler als Übergang zu Schwarz
   rote Splashs vollständig entfernt
   ========================================================= */
.bb-hero{
  background-image:url('../images/hero-bg-v22.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
}
.bb-hero:after{
  background:linear-gradient(90deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.008) 55%,
    rgba(0,0,0,0) 100%) !important;
}


/* =========================================================
   v2.3 FINAL HERO
   Der freigegebene Hero wird 1:1 als fertige Grafik verwendet.
   Logo + DC BLACK BEARS + Motto sind im Hero-Bild enthalten.
   Dadurch bleibt exakt die gewünschte distressed Schrift erhalten.
   ========================================================= */

.bb-hero{
  min-height:322px !important;
  height:322px !important;
  padding:0 !important;
  background-image:url('../images/hero-final-v23.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  border-bottom:1px solid rgba(210,10,30,.85) !important;
}

/* Kein zusätzliches Overlay über dem fertigen Hero */
.bb-hero:after,
.bb-hero-overlay{
  display:none !important;
}

/* Im Bild bereits enthalten -> echte HTML-Elemente ausblenden */
.bb-hero-grid-example{
  display:none !important;
}

/* Desktop möglichst exakt wie das freigegebene Bild */
@media (min-width:1200px){
  .bb-hero{
    height:322px !important;
    min-height:322px !important;
    background-size:cover !important;
    background-position:center center !important;
  }
}

/* Tablet: komplette Hero-Komposition soweit wie möglich erhalten */
@media (max-width:1199px){
  .bb-hero{
    height:300px !important;
    min-height:300px !important;
    background-size:cover !important;
    background-position:center center !important;
  }
}

/* Mobil: lieber den kompletten Hero zeigen als Teile abzuschneiden */
@media (max-width:700px){
  .bb-hero{
    height:auto !important;
    min-height:235px !important;
    aspect-ratio:1536 / 331 !important;
    background-size:cover !important;
    background-position:center center !important;
  }
}


/* v2.4 – Footer-Navigation ohne doppelte WordPress-Menüeinträge */
.bb-footer-menu{
  list-style:none;
  margin:0;
  padding:0;
}
.bb-footer-menu li{
  margin:0 0 6px;
}
.bb-footer-menu a{
  color:#c7c7c7;
  text-decoration:none;
}
.bb-footer-menu a:hover{
  color:#fff;
}


/* =========================================================
   v2.5 – Über uns / Historie
   ========================================================= */
.bb-about .bb-content-box{max-width:1050px}
.bb-about-content > p{
  max-width:920px;
  margin:0 0 22px;
  color:#d4d4d4;
  font-size:1.02rem;
  line-height:1.72;
}
.bb-about-news-link{
  margin-top:46px;
  padding:28px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  background:linear-gradient(135deg,#111,#090909);
  border-top:1px solid var(--bb-red);
  border-bottom:1px solid rgba(224,7,32,.45);
}
.bb-about-news-link h2{margin:4px 0 8px}
.bb-about-news-link p{
  margin:0;
  max-width:650px;
  color:#bbb;
}
.bb-about-news-link .bb-btn{
  flex:0 0 auto;
  white-space:nowrap;
}
@media(max-width:760px){
  .bb-about-news-link{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* =========================================================
   v2.6 – Social-Media-Icons im Footer
   ========================================================= */
.bb-socials{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
}
.bb-social-link{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(224,7,32,.75);
  border-radius:50%;
  color:#fff;
  background:#090909;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.bb-social-link:hover{
  transform:translateY(-2px);
  background:#e00720;
  border-color:#e00720;
  color:#fff;
}
.bb-social-link svg{
  width:21px;
  height:21px;
  display:block;
  fill:currentColor;
  stroke:currentColor;
  stroke-width:1.7;
}
.bb-social-link:first-child svg{
  fill:none;
}

/* v2.7 – Gegner-Platzhalter als Dartscheibe */
.bb-placeholder-logo{
  position:relative;
  overflow:hidden;
  border-radius:50% !important;
  border:3px solid #ddd !important;
  background:
    radial-gradient(circle at center,
      #d20a24 0 6%,
      #111 6.5% 14%,
      #e7e7e7 14.5% 22%,
      #111 22.5% 42%,
      #d20a24 42.5% 48%,
      #111 48.5% 67%,
      #e7e7e7 67.5% 73%,
      #111 73.5% 100%) !important;
  box-shadow:0 0 0 2px #111,0 0 18px rgba(0,0,0,.65);
}
.bb-placeholder-logo:before{
  content:"";
  position:absolute;
  inset:-10%;
  border-radius:50%;
  background:repeating-conic-gradient(from -4deg,rgba(255,255,255,.25) 0deg 1deg,transparent 1deg 18deg);
  opacity:.8;
}
.bb-placeholder-logo:after{
  content:"";
  position:absolute;
  inset:28%;
  border-radius:50%;
  background:rgba(0,0,0,.78);
  border:1px solid rgba(255,255,255,.35);
}
.bb-placeholder-logo span{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  padding:8px;
  color:#fff !important;
  font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  font-weight:900;
  font-size:clamp(.72rem,1.2vw,1.05rem);
  line-height:.95;
  text-align:center;
  text-shadow:0 2px 4px #000;
}


/* =========================================================
   v3.0 – Spielkarten links/rechts immer exakt gleich hoch
   Lange Gegnernamen dürfen umbrechen, verschieben aber keine
   Meta-/Location-/Button-Zeilen mehr.
   ========================================================= */

/* Beide Karten einer Zeile werden gleich hoch gezogen */
.bb-next-games-grid,
.bb-games-grid,
.bb-home-games-grid{
  align-items:stretch;
}

/* Karte als fest gegliedertes Grid */
.bb-game-card{
  height:100%;
  display:grid;
  grid-template-rows:
    auto                 /* Kopfzeile */
    minmax(215px,1fr)    /* Logos / VS / Vereinsnamen */
    auto                 /* Datum / Uhrzeit / Heim-Auswärts */
    minmax(58px,auto)    /* Spielstätte / Adresse */
    auto;                /* Buttons */
}

/* Mannschafts-/Gegnerbereich bekommt eine feste Mindesthöhe */
.bb-game-card .bb-versus{
  min-height:215px;
  height:100%;
  align-items:center;
}

/* Namen reservieren immer Platz für zwei Zeilen */
.bb-game-card .bb-club-side > span{
  min-height:48px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  text-align:center;
  line-height:1.2;
}

/* Meta-Zeile bleibt auf beiden Karten auf derselben Höhe */
.bb-game-card .bb-game-meta{
  min-height:58px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}

/* Ortszeile bekommt ebenfalls einen festen gemeinsamen Bereich */
.bb-game-card .bb-game-location{
  min-height:58px;
  display:grid;
  grid-template-columns:minmax(160px,1fr) minmax(220px,1.25fr);
  align-items:center;
  gap:20px;
}

/* Buttons stehen dadurch immer exakt auf gleicher Höhe */
.bb-game-card .bb-card-actions{
  margin-top:0;
  align-self:end;
}

/* Bei kleineren Viewports wieder natürlicher umbrechen */
@media (max-width:760px){
  .bb-game-card{
    grid-template-rows:auto auto auto auto auto;
  }
  .bb-game-card .bb-versus{
    min-height:0;
  }
  .bb-game-card .bb-club-side > span{
    min-height:0;
  }
  .bb-game-card .bb-game-meta,
  .bb-game-card .bb-game-location{
    min-height:0;
  }
  .bb-game-card .bb-game-location{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   v3.1 – nur noch zwei Sponsoren
   ========================================================= */
.bb-sponsor-grid-two{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:1050px;
  margin-inline:auto;
}
.bb-sponsor-fixed{
  min-height:180px;
  padding:0 !important;
  overflow:hidden;
}
.bb-sponsor-fixed > a{
  width:100%;
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.bb-sponsor-logo-wrap{
  position:relative;
  width:100%;
  height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#0b0b0b;
}
.bb-sponsor-logo-wrap img{
  position:relative;
  z-index:2;
  display:block;
  max-width:82%;
  max-height:135px;
  width:auto;
  height:auto;
  object-fit:contain;
  transition:transform .2s ease,filter .2s ease;
}
.bb-sponsor-fixed a:hover img{
  transform:scale(1.035);
  filter:brightness(1.08);
}

/* Beim Imbiss wird das offizielle Foto so beschnitten,
   dass vor allem das rote/weiße Schild als Logo wirkt. */
.bb-imbiss-logo img{
  width:82%;
  height:128px;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center 36%;
  border-radius:4px;
}

/* Fallback bleibt sichtbar, falls ein externer Bildserver das Laden blockiert. */
.bb-sponsor-fallback{
  position:absolute;
  z-index:1;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
}
.bb-sponsor-fallback strong{
  font-family:"Anton","Barlow Condensed","Arial Narrow",sans-serif;
  font-size:2rem;
  letter-spacing:.03em;
}
.bb-sponsor-fallback small{
  margin-top:3px;
  color:#e00720;
  font-weight:800;
  letter-spacing:.08em;
}
@media(max-width:700px){
  .bb-sponsor-grid-two{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   v3.2 – Sponsorlogos final
   ========================================================= */
.bb-imbiss-logo-v32{
  background:#fff !important;
  padding:22px 30px;
}
.bb-imbiss-logo-v32 img{
  width:100% !important;
  height:auto !important;
  max-width:620px !important;
  max-height:125px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
}

/* Patrick Kugler: weiße Bildmarke links, Text sauber daneben */
.bb-patrick-logo-v32{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:28px;
  background:#080808 !important;
  padding:24px 34px;
}
.bb-pk-mark{
  position:relative;
  flex:0 0 86px;
  width:86px;
  height:104px;
  display:block;
}
.bb-pk-mark i,
.bb-pk-mark b,
.bb-pk-mark em{
  position:absolute;
  display:block;
  background:#fff;
  transform-origin:center;
}
.bb-pk-mark i{
  width:72px;
  height:34px;
  left:0;
  top:7px;
  clip-path:polygon(0 0,100% 0,72% 100%,28% 100%);
  transform:rotate(45deg);
}
.bb-pk-mark b{
  width:35px;
  height:72px;
  left:33px;
  top:26px;
  clip-path:polygon(0 0,100% 28%,100% 100%,0 72%);
  transform:rotate(-22deg);
}
.bb-pk-mark em{
  width:31px;
  height:51px;
  left:26px;
  top:48px;
  clip-path:polygon(0 0,100% 20%,75% 100%,20% 72%);
  transform:rotate(9deg);
}
.bb-pk-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-align:left;
  white-space:nowrap;
}
.bb-pk-copy strong{
  color:#fff;
  font-family:"Anton","Barlow Condensed","Arial Narrow",sans-serif;
  font-size:clamp(1.55rem,2.4vw,2.35rem);
  line-height:1;
  letter-spacing:.02em;
}
.bb-pk-copy small{
  margin-top:10px;
  color:#ed0925;
  font-weight:900;
  font-size:clamp(.66rem,.95vw,.9rem);
  letter-spacing:.12em;
}
@media(max-width:700px){
  .bb-patrick-logo-v32{
    gap:16px;
    padding:22px 18px;
  }
  .bb-pk-mark{
    flex-basis:64px;
    width:64px;
    height:80px;
    transform:scale(.78);
  }
  .bb-pk-copy{
    white-space:normal;
  }
}


/* v3.3 – klickbare Sponsorflächen mit dünnem roten Rahmen */
.bb-sponsor-grid-two .bb-sponsor-card{
  border:1.5px solid #e00720 !important;
  border-radius:14px;
  box-sizing:border-box;
}
.bb-sponsor-grid-two .bb-sponsor-card > a{
  border-radius:13px;
  overflow:hidden;
}
.bb-sponsor-grid-two .bb-sponsor-card:hover{
  border-color:#ff1733 !important;
  box-shadow:0 0 0 1px rgba(224,7,32,.18),0 0 18px rgba(224,7,32,.16);
}


/* =========================================================
   v3.4 – automatische 3K-Tabellen
   ========================================================= */
.bb-standings-section{
  background:#0b0b0b;
}
.bb-table-source{
  color:#777;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.bb-standings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.bb-standings-card{
  min-width:0;
  overflow:hidden;
  background:#121212;
  border:1px solid #2a2a2a;
  border-top:2px solid #e00720;
  border-radius:15px;
}
.bb-standings-head{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 20px;
  border-bottom:1px solid #2b2b2b;
}
.bb-standings-head h3{
  margin:2px 0 0;
  color:#fff;
  font-size:1.22rem;
}
.bb-standings-head a{
  flex:0 0 auto;
  color:#e00720;
  font-weight:900;
  font-size:.78rem;
  text-transform:uppercase;
  text-decoration:none;
}
.bb-standings-head a:hover{
  color:#fff;
}
.bb-standings-scroll{
  overflow-x:auto;
}
.bb-standings-table{
  width:100%;
  border-collapse:collapse;
  color:#ddd;
  font-size:.84rem;
}
.bb-standings-table th{
  padding:10px 8px;
  background:#090909;
  color:#999;
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.045em;
  text-align:center;
  white-space:nowrap;
}
.bb-standings-table th:nth-child(2),
.bb-standings-table td:nth-child(2){
  text-align:left;
}
.bb-standings-table td{
  padding:9px 8px;
  border-top:1px solid #252525;
  text-align:center;
  white-space:nowrap;
}
.bb-standings-table tbody tr:nth-child(even):not(.is-black-bears){
  background:#171717;
}
.bb-standings-table tbody tr.is-black-bears{
  background:linear-gradient(90deg,rgba(224,7,32,.34),rgba(224,7,32,.12));
  color:#fff;
  box-shadow:inset 4px 0 0 #e00720;
}
.bb-standings-table tbody tr.is-black-bears td:nth-child(2){
  font-weight:900;
}
.bb-standings-table tbody tr:hover:not(.is-black-bears){
  background:#1e1e1e;
}
.bb-standings-foot{
  padding:9px 16px 11px;
  border-top:1px solid #242424;
  color:#666;
  font-size:.67rem;
  text-align:right;
}
.bb-standings-empty{
  min-height:245px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:30px;
  text-align:center;
  color:#777;
}
.bb-standings-empty-icon{
  display:block;
  margin-bottom:10px;
  font-size:2rem;
  filter:grayscale(1);
}
.bb-standings-empty strong{
  color:#fff;
  font-size:1rem;
}
.bb-standings-empty p{
  max-width:400px;
  margin:7px auto 0;
  line-height:1.5;
}
@media(max-width:900px){
  .bb-standings-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .bb-table-source{display:none}
  .bb-standings-head{padding:14px}
  .bb-standings-table{font-size:.76rem}
  .bb-standings-table th,
  .bb-standings-table td{padding:8px 6px}
}


/* v3.5 – Tabellen auf der Seite "Mannschaften" statt auf der Startseite */
.bb-team-standings-section{
  padding-top:10px;
}
.bb-team-standings-section .bb-section-head{
  margin-top:0;
}

/* v3.8 – Original-Gegnerlogos */
.bb-opponent-image-original{
  object-fit:contain;
  object-position:center;
  border-radius:8px;
}


/* =========================================================
   v4.0 – Spielplan: Logo immer direkt bei der zugehörigen Mannschaft
   ========================================================= */
.bb-schedule-row{
  grid-template-columns:70px 115px minmax(0,1fr) 100px minmax(220px,.8fr) 74px !important;
}
.bb-schedule-row > .bb-mini-logo{
  display:none !important;
}
.bb-match-with-logos{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-width:0;
}
.bb-match-team{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.bb-match-team-right{
  justify-content:flex-start;
}
.bb-match-team strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bb-match-vs{
  color:#e00720;
  font-weight:900;
  text-align:center;
}
.bb-match-team .bb-opponent-image,
.bb-match-team .bb-placeholder-logo,
.bb-match-team .bb-mini-team-logo{
  flex:0 0 42px;
  width:42px !important;
  height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  object-fit:contain;
}
.bb-match-team .bb-placeholder-logo{
  min-width:42px;
}
.bb-match-team .bb-placeholder-logo span{
  font-size:.58rem;
  padding:4px;
}
@media(max-width:980px){
  .bb-schedule-row{
    grid-template-columns:56px 100px minmax(0,1fr) 86px !important;
  }
  .bb-schedule-row .bb-place,
  .bb-schedule-row .bb-icon-link{
    grid-column:auto;
  }
}
@media(max-width:760px){
  .bb-match-with-logos{
    grid-template-columns:1fr;
    gap:6px;
  }
  .bb-match-vs{
    text-align:left;
    padding-left:52px;
  }
  .bb-match-team strong{
    white-space:normal;
  }
}

/* v4.2 – responsive mobile hero and 2x2 values layout */
@media (max-width:700px) {
  html,body {max-width:100%;overflow-x:clip}
  .bb-site-header .bb-header-inner.bb-header-nav-only {
    min-height:62px !important;
    height:62px;
    justify-content:flex-end;
  }
  .bb-site-header .bb-menu-toggle {margin-left:auto;display:block}
  .bb-site-header .bb-main-nav {
    top:62px !important;
    left:0;
    right:0;
    width:100% !important;
    max-width:100vw;
    margin:0;
    z-index:100;
  }
  .bb-site-header .bb-main-nav.is-open {display:block}
  .bb-hero {
    width:100%;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1800 / 388 !important;
    padding:0 !important;
    background-image:url('../images/hero-final-v23.jpg') !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }
  .bb-values-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0;
  }
  .bb-values-grid > div {
    min-width:0;
    min-height:140px !important;
    padding:15px 9px !important;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:5px;
    text-align:center;
    border-bottom:1px solid var(--bb-line);
    border-right:1px solid var(--bb-line);
  }
  .bb-values-grid > div:nth-child(2n) {border-right:none !important}
  .bb-values-grid > div:nth-last-child(-n+2) {border-bottom:none !important}
  .bb-values-grid .bb-value-icon {
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
  }
  .bb-values-grid .bb-value-icon svg {width:34px;height:34px}
  .bb-values-grid strong {font-size:clamp(.76rem,3.5vw,.96rem);line-height:1.15}
  .bb-values-grid small {font-size:clamp(.67rem,2.8vw,.79rem);line-height:1.3;overflow-wrap:anywhere}
  .bb-values-grid small br {display:none}
}

/* v4.3 – clickable club logo in the shared header on every page */
.bb-site-header .bb-header-inner.bb-header-nav-only{justify-content:space-between;gap:18px}
.bb-header-home{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-width:0;color:#fff;text-decoration:none}
.bb-header-home img{width:54px;height:54px;object-fit:contain;display:block}
.bb-header-home span{font-weight:900;font-size:.87rem;letter-spacing:.045em;white-space:nowrap}
.bb-header-home:hover span,.bb-header-home:focus-visible span{color:var(--bb-red)}
.bb-header-home:focus-visible{outline:2px solid var(--bb-red);outline-offset:4px;border-radius:4px}
.bb-site-header .bb-main-nav{margin-left:auto;min-width:0}
.bb-site-header .bb-static-menu{gap:clamp(9px,1.5vw,22px)!important}
.bb-site-header .bb-main-nav a{font-size:clamp(.72rem,.9vw,.84rem)}
.bb-gallery-content .wp-block-gallery{margin:0}
.bb-gallery-content img{border-radius:12px}
@media(max-width:1050px){.bb-header-home span{display:none}.bb-header-home img{width:48px;height:48px}}
@media(max-width:700px){
 .bb-site-header .bb-header-inner.bb-header-nav-only{justify-content:space-between!important;min-height:62px}
 .bb-header-home{margin-right:auto}
 .bb-header-home img{width:45px;height:45px}
 .bb-site-header .bb-menu-toggle{margin-left:auto}
}

/* v4.4 – Mobile Spielplan: eigene Zeilen statt Überlagerungen */
@media (max-width:760px) {
  .bb-schedule-row {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:12px 14px !important;
    align-items:start !important;
    padding:18px 16px !important;
  }
  .bb-schedule-row > .bb-st {
    grid-column:1 !important;grid-row:1 !important;
    align-self:center;
  }
  .bb-schedule-row > .bb-date {
    grid-column:2 !important;grid-row:1 !important;
    text-align:right;align-items:flex-end;
  }
  .bb-schedule-row > .bb-match-with-logos {
    grid-column:1 / -1 !important;grid-row:2 !important;
    display:grid !important;grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;padding:12px 0;
    border-top:1px solid #292929;border-bottom:1px solid #292929;
  }
  .bb-schedule-row .bb-match-team {min-width:0;gap:12px}
  .bb-schedule-row .bb-match-team strong {
    white-space:normal !important;overflow:visible !important;
    text-overflow:clip !important;overflow-wrap:anywhere;
    line-height:1.3;
  }
  .bb-schedule-row .bb-match-vs {
    text-align:center !important;padding:0 !important;
    font-size:1rem;
  }
  .bb-schedule-row > .bb-ha {
    grid-column:1 / -1 !important;grid-row:3 !important;
    margin:0 !important;align-self:start;
  }
  .bb-schedule-row > .bb-place {
    grid-column:1 / -1 !important;grid-row:4 !important;
    min-width:0 !important;overflow-wrap:anywhere;
    gap:5px;
  }
  .bb-schedule-row > div:last-child {
    grid-column:1 / -1 !important;grid-row:5 !important;
    margin-top:2px;
  }
}

/* v4.5: Zentrierte mobile Spieltagskarten, keine sich überschneidenden Grid-Spalten */
@media (max-width:760px) {
  .bb-schedule-row {
    display:flex !important; flex-direction:column !important;
    align-items:center !important; justify-content:center !important;
    gap:14px !important; padding:22px 18px !important; text-align:center !important;
  }
  .bb-schedule-row > * {grid-column:auto !important;grid-row:auto !important; min-width:0; max-width:100%;}
  .bb-schedule-row > .bb-st {font-size:1rem;line-height:1.2;}
  .bb-schedule-row > .bb-date {display:flex;align-items:center;justify-content:center;gap:3px;}
  .bb-schedule-row > .bb-date strong {font-size:1.22rem;}
  .bb-schedule-row > .bb-match-with-logos {
    display:flex !important;flex-direction:column !important; align-items:center !important;
    justify-content:center !important;gap:15px !important; width:100%;
    padding:15px 0;border-top:1px solid #292929;border-bottom:1px solid #292929;
  }
  .bb-schedule-row .bb-match-team {display:flex;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:9px !important;width:100%;text-align:center;}
  .bb-schedule-row .bb-match-team strong {text-align:center !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;overflow-wrap:break-word;line-height:1.25;}
  .bb-schedule-row .bb-match-vs {padding:0 !important;text-align:center !important;font-size:1.05rem;}
  .bb-schedule-row > .bb-ha {align-self:center !important;margin:0 !important;}
  .bb-schedule-row > .bb-place {display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center !important;width:100%;overflow-wrap:break-word;}
  .bb-schedule-row > .bb-place strong,.bb-schedule-row > .bb-place span {text-align:center !important;max-width:100%;}
  .bb-schedule-row > div:last-child {text-align:center !important;margin-top:2px;}
}
.bb-standings-loading{padding:24px;text-align:center;color:#bbb;background:#131313;border:1px solid #292929;border-radius:14px}

/* v4.6 Kontaktformular */
.bb-contact-form-box {margin-top:24px}
.bb-contact-form-box form {display:grid;gap:10px}
.bb-contact-form-box label {font-weight:700}
.bb-contact-form-box input:not([type=hidden]),.bb-contact-form-box textarea {
width:100%;max-width:100%;box-sizing:border-box;background:#131313;color:#fff;
border:1px solid #555;border-radius:8px;padding:12px;font:inherit
}
.bb-contact-form-box input:focus,.bb-contact-form-box textarea:focus {outline:2px solid #c63339;outline-offset:2px}
.bb-contact-honeypot {position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.bb-form-privacy {font-size:.92rem;line-height:1.5}

/* v4.7: Offizielle 3K-Links, mittig ausgerichtet */
.bb-3k-link-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px}
.bb-3k-link-card img{max-width:125px;height:auto;object-fit:contain}
.bb-3k-link-card p{max-width:440px;margin-inline:auto}
.bb-3k-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;width:100%;margin-top:auto}
.bb-3k-actions .bb-btn{text-align:center;min-width:145px}
.bb-3k-note{text-align:center;color:#b7b7b7;line-height:1.5;margin-top:22px}
@media(max-width:650px){.bb-3k-actions{flex-direction:column}.bb-3k-actions .bb-btn{width:100%;max-width:320px;box-sizing:border-box}}

/* v4.9: Wortabstände in den vier Werte-Kacheln auch mobil zuverlässig anzeigen */
.bb-values small {white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.4;}
@media(max-width:700px){.bb-values-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.bb-values-grid>div{min-width:0;padding:17px 10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;text-align:center;}.bb-values-grid>div:nth-child(odd){border-right:1px solid var(--bb-line)}.bb-values-grid>div:nth-child(-n+2){border-bottom:1px solid var(--bb-line)}.bb-values-grid strong{font-size:1rem}.bb-values-grid small{font-size:.88rem;line-height:1.45}.bb-value-icon{display:flex;align-items:center;justify-content:center;}}