/* Gemeinsames Kopf-Layout. Freigegebene Bildgröße und Rundung. */
/* HG85: Foto vollständig statt stark vergrößert zeigen. */
@media (max-width:760px){
  body #hgHeroSporthalle{
    left:0 !important;
    right:0 !important;
    top:0 !important;
    width:100% !important;
    height:74.9vw !important;
    transform:none !important;
    border-radius:0 0 0 68% / 0 0 0 55% !important;
    background-size:contain !important;
    background-position:center top !important;
    background-color:transparent !important;
  }
  body .hg-hero{min-height:calc(74.9vw + 16px) !important;}
}
/* Touch-Tablets/iPad mit 761–1450 px behalten ihre bisherige Darstellung. */
@media (min-width:1451px), (min-width:761px) and (hover:hover) and (pointer:fine){
  /* Bildbreite und Bildhöhe: 70 % der vorherigen Desktop-Version. */
  body{ --hg-hall-photo-height:clamp(532px,39.9vw,1050px); --hg-hall-logo-overlap:154px; }
  /* Gleiche Höhe auch ohne nachfolgendes Vereinslogo-Band. */
  body .hg-hero{
    height:calc(var(--hg-hall-photo-height) - var(--hg-hall-logo-overlap)) !important;
    min-height:calc(var(--hg-hall-photo-height) - var(--hg-hall-logo-overlap)) !important;
    overflow:visible !important;
    isolation:isolate;
    z-index:0;
  }
  body #hgHeroSporthalle{
    left:auto !important;
    right:0 !important;
    top:0 !important;
    /* Rechts fest verankert: 10 % mehr Bildbreite nach links. */
    width:min(100vw,calc(var(--hg-hall-photo-height) * 1.4666666666)) !important;
    /* Auch das ältere, breitere Hallenfoto muss den Bereich bis unter
       WGK / Sparkasse / Sitex füllen, ohne in das Vereinslogo-Band zu laufen. */
    height:100% !important;
    background-size:cover !important;
    background-position:right top !important;
    background-color:transparent !important;
    border-radius:0 0 0 68% / 0 0 0 40% !important;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 8%,#000 23%) !important;
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 8%,#000 23%) !important;
  }
  body .hg-league-clubs{
    position:relative;
    z-index:1;
    min-height:var(--hg-hall-logo-overlap) !important;
    box-sizing:border-box;
    background:linear-gradient(to right,#fff 0%,rgba(255,255,255,.88) 35%,rgba(255,255,255,.32) 65%,rgba(255,255,255,.18) 100%) !important;
  }
}