/* Version: 2026.2 */
/* Theme jahnhoelle – kopf: Seitenkopf wie auf jahnhoelle.de – dunkelblaue Leiste mit weißem Logo und Vereinsnamen,
   darunter das hellblaue Band (dort steht auf jahnhoelle.de das Menü, hier Mannschaft und Liga).
   Für spiele.php und index.html; beide binden diese Datei direkt ein (nicht über theme.php), damit der Kopf auch bei
   aktivem Theme hbiz gleich aussieht. Klassen beginnen mit jh- und kommen auf keiner anderen Seite vor.
   Werte am 11.11.2026 auf jahnhoelle.de (WordPress, GeneratePress) im Browser ausgelesen. */
.jh-kopf{
  --jh-dunkel:#090087;               /* Kopfleiste */
  --jh-band:#0092db;                 /* Menüleiste = Band */
  --jh-weiss:#fff;
  --jh-schrift:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;   /* Systemschrift wie jahnhoelle.de */
  margin:0;font-family:var(--jh-schrift);color:var(--jh-weiss);
}

/* Leiste: Logo 100 px, daneben „Handball in Zähringen“ und die Unterzeile – Höhe 78 px wie auf jahnhoelle.de */
.jh-leiste{background:var(--jh-dunkel)}
.jh-leiste .jh-innen{display:flex;align-items:center;min-height:78px;padding:5px 40px}
.jh-marke{display:flex;align-items:center;gap:17px;color:inherit;text-decoration:none}
.jh-marke:hover{text-decoration:none}
.jh-marke:focus-visible{outline:2px solid var(--jh-weiss);outline-offset:3px}
.jh-logo{display:block;flex:none;width:100px;height:auto}
.jh-titel{display:block;font-size:25px;font-weight:700;line-height:1.2}
.jh-claim{display:block;font-size:15px;font-weight:400;line-height:1.5}

/* Band: Mannschaft und Saison, darunter die Liga – Höhe 60 px wie die Menüleiste */
.jh-band{background:var(--jh-band)}
.jh-band .jh-innen{display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:8px 40px}
.jh-band h1{margin:0;font-family:inherit;font-size:20px;font-weight:700;line-height:1.25;color:inherit;text-transform:none;letter-spacing:normal}
.jh-zeile2{font-size:15px;font-weight:600;line-height:1.4;text-wrap:balance}

/* Zeile unter dem Kopf (spiele.php): links „← Herren-/Damen-/Jugendmannschaften“, rechts die Anmeldung;
   das leere .top-logo braucht anmeldung.js nur als Ankerpunkt */
.jh-unterzeile{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:20px;margin:0 0 6px}
.jh-unterzeile .back{margin-bottom:6px}
.jh-unterzeile .top-logo{display:none}

/* schmaler wie jahnhoelle.de: Rand 30 px, kleineres Logo, Vereinsname darf umbrechen */
@media (max-width:768px){
  .jh-leiste .jh-innen,.jh-band .jh-innen{padding-left:30px;padding-right:30px}
}
@media (max-width:600px){
  .jh-logo{width:82px}
  .jh-marke{gap:15px}
  .jh-zeile2{font-size:14px}
}
@media (max-width:359px){
  .jh-leiste .jh-innen,.jh-band .jh-innen{padding-left:16px;padding-right:16px}
  .jh-titel{font-size:22px}
}