/* D I E   B A N D T I T E L

   Die grosse Zeile in den Vollbreiten-Farbbaendern (.darkblue480,
   .lightblue480, .lightjade480, .lightgrey480). Eingebunden auf allen 40
   Seiten, die ein solches Band tragen.

   E S   S I N D   Z W E I   B A U F O R M E N,   E I N E   E B E N E

   Kopfband (".. 480content top", 37 Seiten): darin ein <h1> und ein <h2>.
   Das h1 ist dort KEINE Ueberschrift im optischen Sinn, sondern ein kleiner
   gesperrter Versal-Eyebrow - gemessen 0.65 bis 0.85rem, also 10 bis 14px.
   Die grosse Zeile des Bandes ist das h2.

   Zwischenband (ohne "top", 6 Stellen auf index, klinik und konzept): ein
   Band mitten auf der Seite, ohne h1, nur mit dem h2 und darunter einer
   gesperrten Versalzeile. Kein Seitentitel, aber optisch dasselbe Element
   und typografisch dieselbe Ebene.

   Beide Bauformen laufen deshalb ueber dieselbe Leiter. Das loest zugleich
   den Fall klinik.html auf, wo zwei Zwischenbaender derselben Seite
   verschieden gross waren (24 gegen 32px bei 769px).

   V O R H E R   D R E I   L E I T E R N   (gemessen, px)

      Fenster   ohne Klasse   big            sub
                (38 Stueck)   (downloads,    (5 Zwischen-
                              404)            baender)
      320          21.6         21.6           24
      480          21.6         21.6           24
      768          28           32             28
      769          32           34.4           24
      1024         36           40             32
      1200         36           40             32
      1440         40           40             36
      1920         40           40             36

   "sub" war dabei wieder in sich unstimmig: 28px bei 768 und nur 24px bei
   769 - die Zeile wuchs, wenn das Fenster schmaler wurde.

   D I E   G E M E I N S A M E   L E I T E R

   Anker ist der Wert, den die grosse Mehrheit ohnehin traegt: 40px bei
   1201-1920px, die Leiter des blanken h2. Von dort proportional gestuft:

      > 1920      3rem      48px   1.20 x
      1201-1920   2.5rem    40px   1.00 x  <- Anker
      1024-1200   2.25rem   36px   0.90 x
       769-1023   2rem      32px   0.80 x
       481- 768   1.75rem   28px   0.70 x
            <481  1.5rem    24px   0.60 x

   Fuenf der sechs Stufen sind damit exakt die bisherigen Werte der 38
   klassenlosen Bandtitel - auf 37 Seiten aendert sich oberhalb von 480px
   also gar nichts.

   D I E   E I N E   A U S N A H M E   B E I M   T E L E F O N

   Unter 481px stand das blanke h2 auf 1.35rem = 21.6px und war damit
   KLEINER als der Abschnittstitel derselben Seite (1.5rem = 24px). Auf den
   drei Seiten mit beiden Ebenen - index, klinik, konzept - stand die
   Hierarchie dort also auf dem Kopf. Die Stufe geht deshalb auf 1.5rem und
   damit gleichauf mit dem Abschnittstitel; groesser waere im 480px hohen
   Band nicht zu bezahlen.

   Verhaeltnis zur Abschnitts-Leiter (css/abschnitts-headlines.css), die bei
   36px verankert ist: Der Bandtitel ist in den vier oberen Baendern eine
   Stufe groesser (48/40/36/32 gegen 44/36/32/28) und in den beiden unteren
   gleichauf (28 und 24). Dass die Hierarchie auf dem Telefon zusammenfaellt,
   ist gewollt - dort ist fuer zwei getrennte Display-Groessen kein Platz.

   line-height 1.2 als VERHAELTNIS, etwas straffer als die 1.25 der
   Abschnittstitel: Die Zeile ist groesser und steht mittig im Band, da
   traegt weniger Durchschuss besser. Der Wert entspricht dem, was das blanke
   h2 bisher mitbrachte (3rem auf 2.5rem Schrift = 1.2).

   D I E   D O P P E L T E   K L A S S E   im Selektor hebt ihn von (0,1,1)
   auf (0,2,1) und macht ihn von der Reihenfolge der <link>-Zeilen
   unabhaengig - dieselbe Begruendung wie in css/abschnitts-headlines.css.
   Zu schlagen sind h2.big und h2.sub (beide (0,1,1)). Die Regeln der
   Baender selbst (".darkblue480content h2" und Verwandte, (0,1,1)) setzen
   Farbe, Breite und Innenabstand, aber keine Schriftgroesse - sie bleiben
   unberuehrt, und damit auch das Weiss der dunklen Baender.

   N I C H T   H I E R   E I N S O R T I E R T   (Sonderfaelle, siehe
   CLAUDE.md): die zentrierten Seitentitel auf impressum und datenschutz
   (h2.darkblue, kein Band, kein h1) und die Auftaktzeile von anmeldung.html
   (.container-text.anmeldung h2, eigene Staffel). */
h2.bandtitel.bandtitel {
   font-size: 3rem;
   line-height: 1.2;
}

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

   h2.bandtitel.bandtitel {
      font-size: 2.5rem;
   }
}

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

   h2.bandtitel.bandtitel {
      font-size: 2.25rem;
   }
}

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

   h2.bandtitel.bandtitel {
      font-size: 2rem;
   }
}

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

   h2.bandtitel.bandtitel {
      font-size: 1.75rem;
   }
}

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

   h2.bandtitel.bandtitel {
      font-size: 1.5rem;
   }
}