/* ==========================================================================
   Schlepperfreunde Schwitten – 3.3.6
   Gästebuch-Header – vollständiges Bild auf Tablet und Smartphone.
   Desktop bleibt unverändert.
   ========================================================================== */

/* Nur Tablet + Smartphone */
@media screen and (max-width: 1150px) {

  .sf-community-page-2116 .sf-community-hero-2116.sf-community-hero-2154 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    background: #efe5cf !important;
    border: 0 !important;
    border-bottom: 1px solid #c9b477 !important;
    line-height: 0 !important;
    aspect-ratio: auto !important;
  }

  .sf-community-page-2116 .sf-community-hero-picture-2154 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    line-height: 0 !important;
    aspect-ratio: auto !important;
  }

  .sf-community-page-2116 .sf-community-hero-2154 img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;

    /* Das komplette Panorama bleibt sichtbar. */
    object-fit: contain !important;
    object-position: center center !important;
    aspect-ratio: auto !important;

    border: 0 !important;
    transform: none !important;
  }
}

/* Tablet:
   vollständiges 1600×281 Panorama, nichts wird abgeschnitten. */
@media screen and (min-width: 701px) and (max-width: 1150px) {
  .sf-community-page-2116 .sf-community-hero-picture-2154,
  .sf-community-page-2116 .sf-community-hero-2154 img {
    aspect-ratio: 1600 / 281 !important;
  }
}

/* Smartphone:
   ebenfalls das VOLLSTÄNDIGE Panorama.
   1200×211 besitzt praktisch exakt das Original-Seitenverhältnis.
   Damit sind linker Trecker, kompletter Schriftzug, SFS-Siegel,
   Unimog und Scheune gemeinsam sichtbar.

   Ungefähre CSS-Höhen:
   360 px Breite -> 57 px
   390 px Breite -> 62 px
   412 px Breite -> 65 px
*/
@media screen and (max-width: 700px) {
  .sf-community-page-2116 .sf-community-hero-picture-2154,
  .sf-community-page-2116 .sf-community-hero-2154 img {
    aspect-ratio: 1200 / 211 !important;
  }
}