kannst du das beheben? 

/* -----------------------------
   SPECIAL – #inhalt2spalten35
------------------------------ */
#inhalt2spalten22{
  --col1: 1.5;
  --col2: 1;

  --content-width: 85%;
  --gap: clamp(5rem, 10vw, 20rem);

  /* Bildgrößen */
  --img-min: 200px;
  --img-max: 200px;

  /* Desktop-Shift */
--img-shift-x: clamp(25px, 6vw, 100px);
  --img-shift-y: clamp(0px, 4vw, 40px); /* jetzt sichtbar */

  padding-block: clamp(200px, 7vw, 350px);

  /* Mobile Bild */
  --img-mobile-max: 450px;
  --img-mobile-width: 90%;
}

/* Basis: Bild immer rechts in der Spalte ausrichten */
#inhalt2spalten22 .spalte2{
  display: flex;
  justify-content: flex-end;
  min-width: 0;
}
#inhalt2spalten22 .spalte2 img{
  display: block;

  height: auto;
}



/* =========================================================
   MOBILE – #inhalt2spalten35
   Bild rotiert (90°) + leicht nach RECHTS schieben
   Shift wird ab 700px deaktiviert
========================================================= */

@media (max-width: 1000px){

  #inhalt2spalten22 > .container{
    gap: 0;
    transform: none !important;
  }

  #inhalt2spalten22 {
    padding-top: 6rem;
    padding-bottom: 0rem;
    overflow-x: hidden;
  }

  #inhalt2spalten22 .spalte2{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible; /* wichtig: Shift nicht wegschneiden */
    padding-top: 0rem;
    margin-top: -3rem;
  }

  /* Safe-Box */
  #inhalt2spalten22 .spalte2 p.rot-img{
    margin: 0;
    width: 100%;
    max-width: 100vw;

    display: flex;
    justify-content: center;
    align-items: center;

    line-height: 0;
    font-size: 0;
  }

  /* Bild */
  #inhalt2spalten22 .spalte2 p.rot-img > img{
    --shift-r: clamp(0px, 12vw, 100px); /* Stärke */

    width: min(100%, clamp(100px, 40vw, 190px)) !important;

    min-width: 0 !important;
    max-width: 100% !important;

    height: auto;
    display: block;
    margin: 0;

    /* ✅ VISUELL nach rechts: nach rotate(90deg) => translateY */
    transform: rotate(90deg) translateY(calc(var(--shift-r) * -1));
    transform-origin: center;

    object-fit: contain;
  }
}

@media (max-width: 1000px){

  #inhalt2spalten22 .spalte2 p.rot-img{
    width: min(90vw, 300px);
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    position: relative;

    /* 🔑 Sicherheitsabstand für rotiertes Bild */
    padding: clamp(20px, 5vw, 35px);
    padding-top:0;
    padding-bottom:0;
    box-sizing: border-box;
  }

  #inhalt2spalten22 .spalte2 p.rot-img > img{
    --shift-r: 0px;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;

    transform: rotate(90deg);
    transform-origin: center;
    display: block;
  }
}



/* -----------------------------
------------------------------ */



/* --------------------------------
   SPECIAL – #inhalt2spalten129
---------------------------------- */


#inhalt83 {

padding-bottom: clamp(10px, 8vw, 20px);
}

#inhalt2spalten129 {
  overflow: hidden; /* verhindert horizontales Scrollen */
}

#inhalt2spalten129 .container {
gap:7rem;
}

/* Container bleibt unangetastet */
#inhalt2spalten129 > .container{
  align-items: flex-start; /* 🔥 wichtig */
}

#inhalt2spalten129 .spalte2 img{
  margin-top: 2rem;
}

#inhalt2spalten129 .spalte2 {
flex: 1.21;
}

#inhalt2spalten129 .spalte2{
  margin-top: clamp(0rem, 12vw, 20rem);
}
/* --------------------------------
   TEXT – h4 + p in EINER Zeile
---------------------------------- */

#inhalt2spalten129 .innerspalte2 h4{
  display: inline;
  margin: 0;
}

#inhalt2spalten129 .innerspalte2 h4::after{
  content: " ";
}

#inhalt2spalten129 .innerspalte2 h4 + p{
  display: inline;
  margin: 0;
}

/* --------------------------------
   SPALTE 1 – Bild links full-bleed
---------------------------------- */

#inhalt2spalten129 .spalte1{
  position: relative;
}

#inhalt2spalten129 .spalte1 p{
  margin: 0;
}

#inhalt2spalten129 .spalte1 img{
  display: block;
  height: auto;

  width: 42vw;
  max-width: none;

  /* aus dem Container nach links ziehen */
  margin-left: 0;
}

#inhalt2spalten129 > .container {

margin: 0 0;
transform: 0;
}
/* --------------------------------
   SPALTE 2 – Text normal,
   rechtes Bild unten rechtsbündig
   + Sicherheits-Padding außen
---------------------------------- */

#inhalt2spalten129 .spalte2{
  z-index: 1;

  /* 👇 DAS ist der wichtige Teil */
  padding-right: clamp(1.5rem, 4vw, 3.5rem);
  box-sizing: border-box;
}

#inhalt2spalten129 .spalte2 p:has(> img){
  width: 100%;              /* nimmt die ganze Spaltenbreite */
  margin: 0;                /* optional: sauber */
  display: flex;            /* macht rechtsbündig easy */
  justify-content: flex-end;
}

/* Bild sauber blocken */
#inhalt2spalten129 .spalte2 img{
  display: block;
  height: auto;
  
}



/* --------------------------------
   RESPONSIVE – rechtes Bild skaliert
   + Padding bleibt sichtbar
---------------------------------- */

@media  (min-width:1000px){


#inhalt2spalten129 .spalte2 { 
padding-right: 8rem;

}

  /* Bild wird kleiner */
  
  #inhalt2spalten129 .spalte2 p {
  width:80%;
  
  }
  #inhalt2spalten129 .spalte2 p:first-of-type {
  width:90%;
  display:block;
  }
  #inhalt2spalten129 .spalte2 p:has(> img) img{
    max-width: 450px;
    width: 100%;
    height: auto;
    margin-top:10rem;
  }
  .inhalt2spalten#inhalt2spalten129 .spalte2 .spalteinner {
	width:80%;
	}
}


@media (max-width: 1000px){

  /* NUR dieses Modul, nicht global */
  #inhalt2spalten129{
    padding-block: 30px;
    
  }

  /* Container: sorgt für gleichen Rand links/rechts */
  #inhalt2spalten129 > .container{
    flex-direction: column;
    align-items: stretch;
    gap: clamp(2rem, 6vw, 4rem);

    /* 👇 das ist der “gleiche Abstand vom Rand” */
    padding-inline: clamp(1.2rem, 4vw, 2.4rem);
    width:100%;
  }

  #inhalt2spalten129 .spalte2{
    padding-right: 0;
    display:block;
  }
	.inhalt2spalten#inhalt2spalten129 .spalte2 .innerspalte { 

    display:block;
    width: min(var(--container), 100% - (var(--gutter) * 2));
    margin-left:auto;
    margin-right:auto;
  }
	

  /* Abstand NACH dem Text – VOR dem Bild */
  #inhalt2spalten129 .innerspalte2 p + p{
    margin-top: clamp(2rem, 8vw, 5rem);
  }

  /* Beide Bilder gleich behandeln */
  #inhalt2spalten129 .spalte1 img,
  #inhalt2spalten129 .spalte2 img{
    width: 100%;                 /* nimmt die Containerbreite */
    max-width: 520px;            /* optional: nicht zu groß */
    height: auto;
    display: block;
    margin-inline: auto;         /* zentrieren */
  }
#inhalt2spalten129 .spalte1 img {
position:relative;
display:block;
left:-21.1%;


}

#inhalt2spalten129 .spalte2 img {

position:relative;
display:block;
width:70%;
transform:translateX(34%);
}


#inhalt2spalten129 .spalte1 img {


width:58%;

}

}




/* --------------------------------
   SPECIAL – #inhalt2spalten87
---------------------------------- */

#inhalt2spalten87{
  overflow: hidden; /* ❗ verhindert horizontales Scrollen */
}

/* Container: Bilder nebeneinander */
#inhalt2spalten87 > .container{
  display: flex;
  justify-content: flex-end; /* 🔥 alles nach rechts */
  gap: clamp(2rem, 4vw, 4rem); /* Abstand zwischen den Bildern */
  align-items: flex-start;
}

/* Spalten nicht zentrieren */
#inhalt2spalten87 .spalte{
  flex: 0 0 auto;
}

/* p-Wrapper neutralisieren */
#inhalt2spalten87 p{
  margin: 0;
}

/* --------------------------------
   BILDER – rechtsbündig, gleich groß
---------------------------------- */

#inhalt2spalten87 img{
  display: block;
  width: clamp(320px, 38vw, 650px); /* Bildgröße wie auf /schlafen/ */
  max-width: none;
  height: auto;
  margin-left: auto; /* 🔥 rechtsbündig */
}
@media (min-width: 1500px){
  #inhalt2spalten87 img{
    width: clamp(650px, 32vw, 1200px);
  }
}
/* --------------------------------
   RESPONSIVE – untereinander
---------------------------------- */

@media (max-width: 1000px){

  #inhalt2spalten87 > .container{
    flex-direction: column;
    align-items: flex-end; /* 🔥 auch mobil rechtsbündig */
    gap: clamp(2rem, 6vw, 4rem);
  }

  #inhalt2spalten87 img{
    width: 70%;
  }
  
  #inhalt2spalten87 .container {
  	margin-right:0;
  }
  
}




/* --------------------------------
   SPECIAL – #inhalt2spalten86
   Bild links raus + leicht nach oben
---------------------------------- */

#inhalt2spalten86{
  
position: relative; /* 👈 notwendig */
  z-index: 10;
  /* Stellschrauben */
  --img-width: clamp(30vw, 46vw, 38vw);
  --bleed-left: clamp(3rem, 10vw, 6rem);
  --shift-up: clamp(0rem, 7vw, 5rem); /* 👈 HIER: nach oben */
  padding-top: 0rem;
  padding-bottom: clamp(0rem, 7vw, 5rem); 

}



#inhalt2spalten86 > .container{
  align-items: stretch;
}

/* Wrapper reset */
#inhalt2spalten86 .spalte1 p{
  margin: 0;
}

/* Bild rausziehen + anheben */
#inhalt2spalten86 .spalte1 img{
  display: block;
  height: auto;

  width: var(--img-width);
  max-width: none;

  margin-left: calc(50% - 50vw - var(--bleed-left));
  margin-top: 0rem; /* 🔥 nach oben */
  width: 40%;
}

/* Mobile wieder normal */
@media (max-width: 900px){
  #inhalt2spalten86{
    --img-width: clamp(260px, 80vw, 520px);
    --bleed-left: 0rem;
    --shift-up: 0rem;

  }

  #inhalt2spalten86 .spalte1 img{
    margin-left: 0;
    margin-top: 20px;
    left:-20%;
    position:relative;
    width:70%;
  }
}