<div class="grid">
   <div class="col-desk-12 col-tab-6 col-mob-6">
       <div class="highlight-card highlight-card--download highlight-card--black">
           <div class="highlight-card__download">
               <a href="" class="highlight-card__link p3">
                   <svg class="icon"><use xlink:href="#icon-arrow-download" href="#icon-arrow-download" aria-hidden="true"></use></svg>
                   evation Original Betriebsanleitung</a>
               <span class="f1">pdf - 10MB</span>
           </div>
       </div>
       <div class="highlight-card highlight-card--download">
           <div class="highlight-card__download">
               <a href="" class="highlight-card__link p3">
                   <svg class="icon"><use xlink:href="#icon-arrow-download" href="#icon-arrow-download" aria-hidden="true"></use></svg>
                   evation Original Betriebsanleitung</a>
               <span class="f1">pdf - 10MB</span>
           </div>
       </div>
       <div class="highlight-card highlight-card--download highlight-card--no-bg">
           <div class="highlight-card__download">
               <a href="" class="highlight-card__link p3">
                   <svg class="icon"><use xlink:href="#icon-arrow-download" href="#icon-arrow-download" aria-hidden="true"></use></svg>
                   evation Original Betriebsanleitung</a>
               <span class="f1">pdf - 10MB</span>
           </div>
       </div>
       <div class="highlight-card highlight-card--text">
           <p class="highlight-card__text p3">Ich bin eine sehr wichtige Anmerkung und ich kann auch länger werden.
               Der Kasten wächst dann propotional mit. Weit hinten hinter den Wortbergen, fern der Länder Vokalien und
               Konsonanten.</p>
       </div>
   </div>
</div>