Hallo,

Naja, DU hast geschrieben, daß Du *bis* jetzt div genommen hast. Das klingt so, als würdest Du *ab* jetzt was anderes nehmen.
Da ich weder Dich noch Deinen Kenntnisstand kenne, hab ich halt nachgefragt.
In meiner Zeit als Entwickler hab ich schon so einiges erlebt, da wäre <flexbox> statt <div> noch eines der harmlosesten Beispiele ...

hab es jetzt so umgesetzt:

  
.container {  
  display: -webkit-flex;  
  display: flex;  
}  
.leistung {  
	padding-right:3%;  
	-webkit-flex: 1;  
    flex: 1;  
}  
  
.leistung:nth-of-type(3) {  
	padding-right:0%;  
}  

  
    <div class="container">  
        <article class="leistung">  
          <h2>Leistung 1</h2>  
          <figure>  
          <img src="http://placehold.it/350x150" alt="Bild 1">  
        </figure>  
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>  
        <p><a href="">... weiterlesen</a></p>  
        </article>  
        <article class="leistung">  
          <h2>Leistung 1</h2>  
          <figure>  
          <img src="http://placehold.it/350x150" alt="Bild 1">  
        </figure>  
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>  
        <p><a href="">... weiterlesen</a></p>  
        </article>  
        <article class="leistung">  
          <h2>Leistung 1</h2>  
          <figure>  
          <img src="http://placehold.it/350x150" alt="Bild 1">  
        </figure>  
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>  
        <p><a href="">... weiterlesen</a></p>  
        </article>  
  	</div>