/* Seitenbezogene Ergänzungen – Theme-Dateien bleiben unangetastet. */

/* Startseite, Titelbild auf schmalen Viewports.
   Das Motiv ist 1920x907, die Person sitzt bei rund 62 % der Breite.
   Mit background-size:cover schneidet der Browser links an, sodass sie
   an den Rand rückt. Der nötige Versatz hängt von der Fensterbreite ab:
   je breiter das Fenster, desto weniger wird beschnitten und desto
   weiter muss der Ausschnitt nach rechts wandern. Deshalb gestaffelt –
   ein fester Wert säße nur bei einer einzigen Breite mittig.
   Gemessen: 375px -> 66 %, 600px -> 74 %, 768px -> 82 %. */
@media (max-width: 800px) {
  body.home .gj-fullwidth.ui-lib-row-1 {
    background-position: 82% center !important;
  }
}

@media (max-width: 660px) {
  body.home .gj-fullwidth.ui-lib-row-1 {
    background-position: 74% center !important;
  }
}

@media (max-width: 520px) {
  body.home .gj-fullwidth.ui-lib-row-1 {
    background-position: 69% center !important;
  }
}

@media (max-width: 420px) {
  body.home .gj-fullwidth.ui-lib-row-1 {
    background-position: 66% center !important;
  }
}