/*!
 * Kamasha TV — eigene Designanpassungen.
 *
 * Diese Datei liegt bewusst neben dem vom Baukasten erzeugten CSS. Alles
 * hier Ergaenzte bleibt erhalten, wenn die Seiten neu aufbereitet werden.
 */

/* Goldener Titelstreifen: auf jeder Seite byte-identisch der Balken der
 * Startseite (Vorlage: tools/cms/titelstreifen.html), nur der Titel ist
 * getauscht.
 *
 * Einzige Zusatzregel: der Titel darf nie umbrechen. Bis die Hausschrift
 * geladen ist, rechnet der Browser mit einer breiteren Ersatzschrift —
 * kurze Titel wie „Talkshows" brachen dadurch im ersten Moment um, der
 * Balken war kurz hoeher und sackte nach dem Schriftwechsel zusammen
 * („springt nach dem Laden"). Ohne Umbruch ist die Balkenhoehe von der
 * Schrift unabhaengig und vom ersten Pixel an endgueltig — eine Zeile,
 * wie auf der Referenzseite. */
/* Vorgabe Auftraggeber: Desktop exakt 68px hoch, Schrift vertikal
 * zentriert — auf jeder Seite. Alles mit !important, damit auch spaet
 * ladende Skripte/Stylesheets einzelner Seiten die Masse nicht mehr
 * veraendern koennen (Ursache des „springt nach dem Laden" auf vier
 * Seiten). line-height = Balkenhoehe zentriert die eine Textzeile
 * exakt, unabhaengig von der geladenen Schrift. */
@media (min-width: 768px) {
  .kx-builder-row-1.kx-fullwidth {
    height: 68px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
    overflow: hidden !important;
    /* Der Videobanner der Folgeseite ist 8px unter den Balken gezogen
       und liegt auf z-index 10 — er uebermalte die Balkenunterkante,
       sobald das Video erschien („ein Teil unten verschwindet"). Der
       Balken stapelt jetzt darueber. */
    position: relative !important;
    z-index: 20 !important;
  }

  .kx-builder-row-1.kx-fullwidth .kx-builder-row,
  .kx-builder-row-1.kx-fullwidth .kx-layout-column,
  .kx-builder-row-1.kx-fullwidth .kx-column-wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .kx-builder-row-1.kx-fullwidth .kx-text {
    line-height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    /* Titel optisch 2px tiefer. transform verschiebt nur das Gemalte —
       Balkenhoehe und Layout bleiben unberuehrt. */
    transform: translateY(2px);
  }
}

@media (max-width: 767px) {
  .kx-builder-row-1.kx-fullwidth .kx-text {
    white-space: nowrap;
  }
}