#inhalt27{
  padding-top: 0;
}

/* ------------------------------------
   INHALT44 – rechtes Deko-Bild wie Vorlage
------------------------------------ */
#inhalt44{
  position: relative;
  overflow-x: clip;   /* nur horizontal begrenzen */
  overflow-y: visible;
  padding-bottom: 0rem;
  padding-top: 8rem;
}

/* Text-Inhalt immer vorne */
#inhalt44 .textrahmen-inner{
  position: relative;
  z-index: 2;
}

/* <p> neutralisieren */
#inhalt44 p{
  position: static;
  margin: 0;
}

/* Bild aus dem Textfluss lösen */
#inhalt44 p img{
  position: absolute;
  right: clamp(-220px, -20vw, -80px);
  top: 50%;
  transform: translateY(-100%);
  z-index: 0;

  width: min(90vw, 900px);
  height: auto;

  pointer-events: none;
  opacity: 0.95;
  filter: saturate(0.9);
}

/* Standard: bis 1300px feste Größe */
#inhalt44 p img{
  width: 900px;
  height: auto;
}

/* Ab 1300px skalieren */
@media (max-width: 1450px){
  #inhalt44 p img{
    width: clamp(720px, 55vw, 1100px);
  }
}

@media (max-width: 1000px){
  #inhalt44{
    overflow-x: hidden;
    overflow-y: visible;
    padding-top: 0rem;
    padding-bottom: 2.5rem;
  }

  #inhalt44 p img{
    position: relative;
    right: auto;
    top: auto;

    display: block;
    margin: clamp(24px, 6vw, 48px) 0 0 auto;

    /* ✅ skaliert ruhig mit */
    width: clamp(400px, 55vw, 550px);

    /* ✅ rechts rausstehen */
    transform: translateX(clamp(8vw, 12vw, 16vw));
  }
}
