h2.teaser {
  width:338px;
  float:left;
  font-size: 140%;
}

div.teaser {
  float:right;
  height:auto;
  width:320px;
  background-image:url('../grafik/bg_item_strong.png');
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #fff;
	border-radius: 10px 10px;
	margin:0px 0px 20px 10px;
  padding: 20px 20px 0px 20px;
}

div.scrollableAuto {
	 height:300px;
}



/*responsiveness*/

/* size L */
@media screen and (max-width:1024px) { 
  h2.teaser {
   width:45%;
   float:left;
   font-size: 140%;
  }

  div.teaser {
   width:272px;
   margin:0px 0px 20px 40px;
  } 
  div.scrollableAuto {
	 height:230px;
  }
  div.item img {
    width:230px;
  }
}
/* size M */
@media screen and (max-width:860px) { 
  h2.teaser {
   width:330px;
  }

  div.teaser {
   width:290px;
   margin:0px 0px 20px 0px;
  } 
  div.scrollableAuto {
	  height:auto;
  }
  div.item img {
    width: 265px;
  }
}

/* size S */
@media screen and (max-width:680px) { 
  h2.teaser {
   width:215px;
  }
  div.teaser {
   width:240px;
   margin:0px 0px 20px 33px;
  }
  div.item img {
    width: 220px;
  }
}

/* size XS */
@media screen and (max-width:530px) { 
   h2.teaser {
    width:100%;
    float:none;
  }
  div.teaser {
   width:100%;
   margin:10px 0px 10px 0px;
  }
  div.item img {
    width: 100%;
  }
}