/* Container-spezifischer Block, der ab 835px normalisiert wird */
.container .my-fullwidth-block-1140px {
  position: relative;
  width: 100vw;
  left: 33%;
  transform: translateX(-50%);
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}


@media (min-width: 992px) and (max-width: 1000px) {
  .container .my-fullwidth-block-1140px {
    position: relative;
    width: 97vw;
    left: 33%;              
    transform: translateX(-50%);
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 5px;
    box-sizing: border-box;
  }
}
  

@media (min-width: 835px) and (max-width: 961px) {
  .container .my-fullwidth-block-1140px {
    position: relative;
    width: 93vw;
    left: 50%;      
    transform: translateX(-50%);
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 5px;
    box-sizing: border-box;
  }
}


@media (min-width: 976px) and (max-width: 991px) {
  .container .my-fullwidth-block-1140px {
    position: relative;
    width: 95vw;
    left: 50%;             
    transform: translateX(-50%);
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 5px;
    box-sizing: border-box;
  }
}


@media (min-width: 962px) and (max-width: 975px) {
  .container .my-fullwidth-block-1140px {
    position: relative;
    width: 95vw;
    left: 50%;              
    transform: translateX(-50%);
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 5px;
    box-sizing: border-box;
  }
}

@media (max-width: 835px) {
  .container .my-fullwidth-block-1140px {
    /* Alle Full-Bleed-Effekte deaktivieren – auf "Standard"-Werte zurücksetzen */
    position: static;
    width: auto;
    left: auto;
    transform: none;
    max-width: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: none;
  }
}