/* === Content-Width-Begrenzung + Sicherheits-Padding für ALLE
   Bauerschmidt-Widget-Wrapper (Hero, Sub-Hero-Inner, Sticky, Section-
   Heading, Listen, Loops, Timeline, Cards, Imprint, Team, Video).
   Begrenzt die maximale Breite auf 1140px, zentriert horizontal und
   garantiert auf jedem Viewport links/rechts genug Abstand zum Rand —
   auch wenn der Monitor schmaler als die max-width ist und der
   Elementor-Container 0 Padding hat.

   Sub-Hero-Wrapper (.bs-subhero) bleibt absichtlich full-bleed (volle
   Viewport-Breite für Hintergrundfarbe/-bild). Das Padding/Max-Width
   sitzt auf .bs-subhero__inner, sodass der Text-Content exakt mit den
   anderen Widgets fluchtet. */
.bs-hero,
.bs-subhero__inner,
.bs-sc,
.bs-shead,
.bs-ind,
.bs-prod,
.bs-loop,
.bs-dl,
.bs-tl,
.bs-hc,
.bs-tsc,
.bs-contact,
.bs-imprint,
.bs-tm-grid,
.bs-video,
.bs-rt {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  box-sizing: border-box;
  padding-left: 24px;
  padding-right: 24px;
}

/* Smaller Desktop + Tablet (zwischen Default und Mobile): mehr Luft. */
@media (max-width: 1180px) {
  .bs-hero,
  .bs-subhero__inner,
  .bs-sc,
  .bs-shead,
  .bs-ind,
  .bs-prod,
  .bs-loop,
  .bs-dl,
  .bs-tl,
  .bs-hc,
  .bs-tsc,
  .bs-contact,
  .bs-imprint,
  .bs-tm-grid,
  .bs-video,
  .bs-rt {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

/* Tablet + Mobile: noch mehr Padding. */
@media (max-width: 980px) {
  .bs-hero,
  .bs-subhero__inner,
  .bs-sc,
  .bs-shead,
  .bs-ind,
  .bs-prod,
  .bs-loop,
  .bs-dl,
  .bs-tl,
  .bs-hc,
  .bs-tsc,
  .bs-contact,
  .bs-imprint,
  .bs-tm-grid,
  .bs-video,
  .bs-rt {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
}

/* Kleines Smartphone: enger als Tablet, damit der Content-Bereich nicht zu schmal wird. */
@media (max-width: 480px) {
  .bs-hero,
  .bs-subhero__inner,
  .bs-sc,
  .bs-shead,
  .bs-ind,
  .bs-prod,
  .bs-loop,
  .bs-dl,
  .bs-tl,
  .bs-hc,
  .bs-tsc,
  .bs-contact,
  .bs-imprint,
  .bs-tm-grid,
  .bs-video,
  .bs-rt {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}