/* HillBilly-Crew v13.4.4 – gemeinsame Bildheader nach der Startseite.
 * Desktop: 38 % Textzone / 62 % Bildfläche, rechts zentrierter Ausschnitt.
 * Die kontrollierte Spezifität ersetzt ältere seitenspezifische !important-Regeln.
 * Nur Seitenheader: Navigation, Inhalte, Loader und Moonshine-Spiel bleiben separat.
 */
:root { --hbc-hero-height:360px; --hbc-hero-max:1320px; --hbc-hero-picture-start:38%; }
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero) {
  position:relative!important; isolation:isolate!important; overflow:hidden!important;
  display:block!important; width:100%!important; max-width:none!important;
  height:auto!important; min-height:var(--hbc-hero-height)!important;
  margin:0!important; padding:0!important; background:#0b0e10!important;
  border:0!important; border-bottom:1px solid #292e30!important;
  border-radius:0!important; box-shadow:none!important; text-align:left!important;
}
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero) > img,
html:root body[class] .hero > .hero-photo {
  display:block!important; position:absolute!important;
  inset:0 0 0 var(--hbc-hero-picture-start)!important;
  width:calc(100% - var(--hbc-hero-picture-start))!important; height:100%!important;
  min-width:0!important; max-width:none!important; max-height:none!important;
  object-fit:cover!important; object-position:right center!important;
  opacity:1!important; visibility:visible!important; filter:none!important;
  transform:none!important; margin:0!important; padding:0!important;
  z-index:0!important; pointer-events:none!important; border:0!important;
}
html:root body[class] .hero > .hero-photo { background:none!important; overflow:hidden!important; }
html:root body[class] .hero > .hero-photo > img {
  position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
  max-width:none!important; object-fit:cover!important; object-position:right center!important;
  opacity:1!important; filter:none!important; transform:none!important;
}
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero)::before { content:none!important; display:none!important; }
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero)::after {
  content:""!important; display:block!important; position:absolute!important;
  inset:0!important; width:auto!important; height:auto!important;
  z-index:1!important; pointer-events:none!important; opacity:1!important;
  transform:none!important; border:0!important; box-shadow:none!important;
  background:linear-gradient(90deg,rgba(9,12,14,.97) 0 37%,rgba(9,12,14,.65) 47%,rgba(9,12,14,0) 67%),linear-gradient(0deg,rgba(7,9,10,.22),transparent 28%)!important;
}
html:root body[class] :is(.market-hero__shade,.mc-post-hero__shade,.wiki-article-hero__shade) { display:none!important; }
html:root body[class] :is(.hero-inner,
  .garage-projects-hero-inner,
  .garage-blog-hero,
  .garage-downloads-hero__inner,
  .garage-download-detail-hero__inner,
  .garage-games-hero__inner,
  .garage-streaming-hero__inner,
  .garage-mc-hero__inner,
  .market-hero__inner,
  .garage-donations-hero__inner,
  .support-v2-hero__inner,
  .forum-hero__inner,
  .forum-thread-hero > .wrap,
  .legal-hero,
  .blog-project-hero-inner,
  .project-hero-inner,
  .mc-post-hero__copy,
  .wiki-hero__inner,
  .wiki-article-hero__inner,
  .friendz-page-hero__inner,
  .hbc-moonshine-hero__inner,
  .detail-hero > .shell,
  .page-hero > .shell) {
  position:relative!important; z-index:2!important; box-sizing:border-box!important;
  display:flex!important; flex-direction:column!important; align-items:flex-start!important;
  justify-content:center!important; gap:0!important;
  width:min(var(--hbc-hero-max),calc(100% - 40px))!important; max-width:var(--hbc-hero-max)!important;
  height:auto!important; min-height:var(--hbc-hero-height)!important;
  margin:0 auto!important; padding:36px 0!important;
  transform:none!important; text-align:left!important;
}
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero) :is(.hero-copy, .garage-projects-hero__copy, .garage-blog-hero__copy, .garage-downloads-hero__copy, .garage-download-detail-copy, .garage-games-hero__copy, .garage-streaming-hero__copy, .garage-mc-hero__copy, .market-hero__copy, .garage-donations-hero__copy, .support-v2-hero__copy, .forum-hero__copy, .blog-project-hero-copy, .project-hero-copy, .wiki-hero__copy, .friendz-page-hero__copy, .hbc-moonshine-hero__copy) {
  position:relative!important; z-index:2!important; width:46%!important;
  max-width:610px!important; min-width:0!important; margin:0!important; padding:0!important;
}
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero) h1 {
  margin:0!important; max-width:100%!important; color:#f0efeb!important;
  font-family:var(--condensed,"Trebuchet MS",Arial,sans-serif)!important;
  font-size:clamp(36px,3.48vw,50px)!important; line-height:1.06!important;
  font-weight:800!important; letter-spacing:.15px!important; text-transform:uppercase!important;
  overflow-wrap:anywhere!important; hyphens:auto; text-shadow:0 2px 18px #000!important;
}
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero) h1 :is(span,em) { font-size:.96em!important; line-height:inherit!important; }
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero) :is(.hero-copy, .garage-projects-hero__copy, .garage-blog-hero__copy, .garage-downloads-hero__copy, .garage-download-detail-copy, .garage-games-hero__copy, .garage-streaming-hero__copy, .garage-mc-hero__copy, .market-hero__copy, .garage-donations-hero__copy, .support-v2-hero__copy, .forum-hero__copy, .blog-project-hero-copy, .project-hero-copy, .wiki-hero__copy, .friendz-page-hero__copy, .hbc-moonshine-hero__copy) > p {
  max-width:520px!important; margin:15px 0 18px!important; color:#dedede!important;
  font-size:15px!important; line-height:1.45!important;
}
html:root body[class] .hero .hero-copy { padding-top:5px!important; }
html:root body[class] .hero h1 { line-height:1.02!important; font-weight:700!important; }
html:root body[class] .hero .hero-copy > p { max-width:330px!important; margin:0 0 17px!important; line-height:1.38!important; }
html:root body[class] .hero .hero-inner { padding-block:0!important; }
html:root body[class] :is(.legal-hero,.mc-post-hero__copy,.wiki-article-hero__inner,.forum-thread-hero > .wrap,.detail-hero > .shell,.page-hero > .shell) > :is(h1,p,small,span,.wiki-meta) { width:46%!important; max-width:610px!important; }
html:root body[class] :is(.project-hero-inner,.blog-project-hero-inner,.garage-download-detail-hero__inner,.wiki-article-hero__inner) > nav { position:relative!important; inset:auto!important; width:100%!important; margin:0 0 18px!important; }
html:root body[class] :is(.project-stats,.garage-download-hero-bottom) { position:relative!important; inset:auto!important; margin-top:22px!important; }
html:root body[class] .garage-download-hero-bottom { width:100%!important; }
html:root body[class] .wiki-search { max-width:100%!important; }
html:root body[class] .hbc-moonshine-hero__copy > span { display:block; margin-bottom:10px; color:var(--orange); font-size:11px; font-weight:800; letter-spacing:.8px; }
html:root body[class] .hbc-moonshine-hero__actions { display:flex; flex-wrap:wrap; gap:12px; }

@media(max-width:900px) {
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero) :is(.hero-copy, .garage-projects-hero__copy, .garage-blog-hero__copy, .garage-downloads-hero__copy, .garage-download-detail-copy, .garage-games-hero__copy, .garage-streaming-hero__copy, .garage-mc-hero__copy, .market-hero__copy, .garage-donations-hero__copy, .support-v2-hero__copy, .forum-hero__copy, .blog-project-hero-copy, .project-hero-copy, .wiki-hero__copy, .friendz-page-hero__copy, .hbc-moonshine-hero__copy) { width:58%!important; max-width:620px!important; }
html:root body[class] :is(.legal-hero,.mc-post-hero__copy,.wiki-article-hero__inner,.forum-thread-hero > .wrap,.detail-hero > .shell,.page-hero > .shell) > :is(h1,p,small,span,.wiki-meta) { width:58%!important; }
}

@media(max-width:700px) {
  :root { --hbc-hero-height:570px; }
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero) { display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto 250px!important; }
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero) > img,
html:root body[class] .hero > .hero-photo {
  grid-area:2 / 1!important; position:relative!important; inset:auto!important;
  width:100%!important; height:250px!important; align-self:stretch!important;
  object-position:right center!important;
}
html:root body[class] :is(.hero-inner,
  .garage-projects-hero-inner,
  .garage-blog-hero,
  .garage-downloads-hero__inner,
  .garage-download-detail-hero__inner,
  .garage-games-hero__inner,
  .garage-streaming-hero__inner,
  .garage-mc-hero__inner,
  .market-hero__inner,
  .garage-donations-hero__inner,
  .support-v2-hero__inner,
  .forum-hero__inner,
  .forum-thread-hero > .wrap,
  .legal-hero,
  .blog-project-hero-inner,
  .project-hero-inner,
  .mc-post-hero__copy,
  .wiki-hero__inner,
  .wiki-article-hero__inner,
  .friendz-page-hero__inner,
  .hbc-moonshine-hero__inner,
  .detail-hero > .shell,
  .page-hero > .shell) {
  grid-area:1 / 1!important; position:relative!important; height:auto!important;
  min-height:320px!important; width:calc(100% - 32px)!important;
  padding:28px 0 24px!important; justify-content:center!important;
}
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero) :is(.hero-copy, .garage-projects-hero__copy, .garage-blog-hero__copy, .garage-downloads-hero__copy, .garage-download-detail-copy, .garage-games-hero__copy, .garage-streaming-hero__copy, .garage-mc-hero__copy, .market-hero__copy, .garage-donations-hero__copy, .support-v2-hero__copy, .forum-hero__copy, .blog-project-hero-copy, .project-hero-copy, .wiki-hero__copy, .friendz-page-hero__copy, .hbc-moonshine-hero__copy) { width:100%!important; max-width:none!important; }
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero) h1 { font-size:clamp(29px,8.2vw,42px)!important; }
html:root body[class] :is(.legal-hero,.mc-post-hero__copy,.wiki-article-hero__inner,.forum-thread-hero > .wrap,.detail-hero > .shell,.page-hero > .shell) > :is(h1,p,small,span,.wiki-meta) { width:100%!important; max-width:none!important; }
html:root body[class] :is(.hero,
  .garage-projects-hero,
  .garage-blog-header,
  .garage-downloads-hero,
  .garage-download-detail-hero,
  .garage-games-hero,
  .garage-streaming-hero,
  .garage-mc-hero,
  .market-hero,
  .garage-donations-hero,
  .support-v2-hero,
  .forum-hero,
  .forum-thread-hero,
  .legal-header,
  .blog-project-hero,
  .project-hero,
  .mc-post-hero,
  .wiki-hero,
  .wiki-article-hero,
  .friendz-page-hero,
  .hbc-moonshine-hero,
  .detail-hero,
  .page-hero)::after {
  grid-area:2 / 1!important; position:absolute!important;
  background:linear-gradient(180deg,#0b0e10 0%,rgba(9,12,14,.30) 25%,rgba(9,12,14,.08) 55%,rgba(9,12,14,.48) 100%)!important;
}
html:root body[class] .hero .hero-inner { padding-block:28px 24px!important; }
html:root body[class] .hero .hero-actions { flex-wrap:wrap!important; }
html:root body[class] .garage-download-hero-bottom { display:flex!important; flex-direction:column!important; align-items:stretch!important; }
html:root body[class] .garage-download-hero-stats { width:100%!important; max-width:none!important; }
html:root body[class] .wiki-search { grid-template-columns:minmax(0,1fr) auto!important; }
html:root body[class] .wiki-search button { min-width:80px!important; }
}

/* Legacy CMS pages: the wrapper is also named hero-copy. */
html:root body[class] .page-hero > .shell.hero-copy {
  width:min(var(--hbc-hero-max),calc(100% - 40px))!important;
  max-width:var(--hbc-hero-max)!important; margin:0 auto!important; padding:36px 0!important;
}
@media(max-width:700px) {
 html:root body[class] .page-hero > .shell.hero-copy { width:calc(100% - 32px)!important; padding:28px 0 24px!important; }
}

/* Compact project metadata stays inside the mobile text column. */
@media(max-width:700px) {
 html:root body[class] .project-hero .project-stats {
   width:100%!important; max-width:none!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 html:root body[class] .project-hero .project-stat { min-width:0!important; }
}