HTML-Prototype von DZNE

<div class="c-study-preview">
  <div class="c-study-preview__content-container"><img src="https://picsum.photos/id/15/450/240" srcset="https://picsum.photos/id/15/900/480" alt=""/>
    <div class="c-study-preview__content">
      <h2 class="c-study-preview__title h3">Für Unsere und eure Gesundheit</h2>
      <div class="c-study-preview__description">
        <p>Jetzt wie Khadiga (32) und ihre Mutter Eva (58) an der Rheinland Studie teilnehmen - der großabgelegten Gesundheitsstudie in Bonn.</p><span class="u-link-visualisation">Prüfe direkt, ob du teilnehmen kannst!</span>
      </div>
    </div><a class="c-study-preview__content-link" href="#"></a>
  </div><a class="c-study-preview__icon-container" href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 219.603"><path d="M32 79.988a20.261 20.261 0 0 0-14.252 5.817 19.765 19.765 0 0 0-5.817 14.252 20.11 20.11 0 0 0 20.07 20.07h63.99a19.8 19.8 0 0 0 19.779-19.779V20.07A20.07 20.07 0 1 0 95.7 40.14a3.361 3.361 0 0 1 3.49 3.49 3.537 3.537 0 0 1-3.49 3.49 27.187 27.187 0 0 1-27.05-27.05 10.912 10.912 0 0 1 .291-2.909v-.582h-.291A17 17 0 0 0 63.118 16a19.275 19.275 0 0 0-12.508 4.361 21.5 21.5 0 0 0-7.562 13.38c-.873 5.236.873 10.471 4.363 14.834a19.971 19.971 0 0 0 9.6 6.69 3.621 3.621 0 0 1 2.327 4.363 3.757 3.757 0 0 1-3.49 2.618h-.873a27.358 27.358 0 0 1-13.089-9.017 34.146 34.146 0 0 1-4.363-7.853l-.291-.291h-.582a19.681 19.681 0 0 0-14.544 11.052 19.471 19.471 0 0 0 .582 18.324l.291.291h.291A30.464 30.464 0 0 1 32 73.3a27.75 27.75 0 0 1 20.07 8.726l.291.291a15.972 15.972 0 0 0 12.8 6.108 22.451 22.451 0 0 0 4.363-.582A16.548 16.548 0 0 0 81.442 73.88a3.619 3.619 0 0 1 4.072-3.2 2.966 2.966 0 0 1 2.327 1.454 4.06 4.06 0 0 1 .873 2.618 23.373 23.373 0 0 1-16.87 20.07 22.684 22.684 0 0 1-6.4.873 24.044 24.044 0 0 1-18.324-8.726A19.586 19.586 0 0 0 32 79.988ZM143.105 0a19.863 19.863 0 0 0-19.779 20.07v80.279a19.8 19.8 0 0 0 19.779 19.779H207.1a20.07 20.07 0 1 0-20.07-20.07 3.49 3.49 0 1 1-6.981 0 27.187 27.187 0 0 1 27.05-27.05 30.463 30.463 0 0 1 8.726 1.454h.291l.291-.291a19.956 19.956 0 0 0-13.962-29.377h-.582v.291a34.147 34.147 0 0 1-4.363 7.853 27.618 27.618 0 0 1-21.233 10.18c-4.654 0-14.834-3.49-17.452-7.562-.873-1.163-.873-2.036-.582-2.618a3.4 3.4 0 0 1 3.2-2.327c1.163 0 2.036.291 2.036.582l.291.291a19.275 19.275 0 0 0 12.507 4.363 19.561 19.561 0 0 0 15.707-7.562 20.489 20.489 0 0 0 4.363-14.834 19.9 19.9 0 0 0-7.272-13.38 19.275 19.275 0 0 0-12.507-4.363 18.264 18.264 0 0 0-5.526.873h-.291v3.49a26.643 26.643 0 0 1-3.2 12.507 3.341 3.341 0 0 1-3.2 1.745 2.18 2.18 0 0 1-1.454-.291 3.389 3.389 0 0 1-1.454-4.654 20.988 20.988 0 0 0 2.327-9.308C163.175 9.017 154.158 0 143.106 0ZM11.344 181.209l-6.4-9.6h-.581v9.308H0v-23.268h6.69c2.036 0 4.363.291 5.817 1.745a6.811 6.811 0 0 1 2.327 5.236 7.838 7.838 0 0 1-1.454 4.363 5.348 5.348 0 0 1-4.072 2.327l7.272 9.889h-5.236ZM5.817 161.43H4.363v6.981h1.163c2.327 0 4.363-.873 4.363-3.49.291-2.621-1.745-3.491-4.072-3.491ZM41.3 181.209v-10.471h-9.887v10.471H26.76V157.94h4.654v9.017H41.3v-9.017h4.654v23.269Zm16.87 0V157.94h12.8v4.072h-8.434v5.236h8.144v4.072h-8.144v6.4h8.435v4.072l-12.8-.582Zm24.433 0V157.94h4.654v23.269h-4.651Zm35.485.291-14.252-16.288v15.707h-4.654v-23.852h3.2l14.252 16.288v-15.706h4.654V181.5Zm15.416-.291V157.94h4.654v19.2h7.272v4.072Zm38.685 0-2.036-4.945h-9.6l-2.036 4.945h-4.654l10.18-23.851h3.49l9.889 23.851h-5.236Zm-6.4-17.161-3.49 8.435h6.69Zm39.853 17.452-14.252-16.288v15.707h-4.654v-23.852h3.2l14.252 16.288v-15.706h4.654V181.5Zm30.25-3.2a12.679 12.679 0 0 1-8.435 2.618h-6.69v-23.269h6.69c6.981 0 12.507 4.363 12.507 11.635a9.943 9.943 0 0 1-4.073 9.016Zm-2.909-14.543c-1.745-1.454-3.781-1.745-6.108-1.745h-1.164v15.416h1.164c2.327 0 4.363-.291 6.108-1.745a7.751 7.751 0 0 0 2.618-5.817 7.512 7.512 0 0 0-2.618-6.109ZM57.01 219.312a9.363 9.363 0 0 1-8.144-4.363l2.909-2.909a5.094 5.094 0 0 0 4.945 3.2c2.036 0 3.49-1.163 3.49-3.2 0-4.654-10.18-2.618-10.18-9.889 0-4.072 3.2-6.69 7.272-6.69a9.214 9.214 0 0 1 6.69 2.618l-2.327 3.2a4.69 4.69 0 0 0-3.781-1.745c-1.454 0-3.2.873-3.2 2.618 0 4.072 10.18 2.036 10.18 10.18 0 4.072-3.49 6.981-7.853 6.981Zm26.178-19.779v19.2h-4.654v-19.2H73.3v-4.072h15.123v4.072Zm32.286 16.579c-1.745 2.327-4.654 3.2-7.562 3.2a10.084 10.084 0 0 1-7.562-3.2A9.375 9.375 0 0 1 98.6 210v-14.248h4.363v13.38a9.244 9.244 0 0 0 .582 4.072 4.717 4.717 0 0 0 4.072 2.036 5.089 5.089 0 0 0 4.072-2.036c.873-1.164.582-2.909.582-4.072v-13.38h4.654V210a7.775 7.775 0 0 1-1.452 6.113Zm28.8 0a12.679 12.679 0 0 1-8.435 2.618h-6.69v-23.269h6.69c6.981 0 12.507 4.363 12.507 11.635a9.943 9.943 0 0 1-4.072 9.017Zm-2.909-14.543c-1.745-1.454-3.781-1.745-6.108-1.745h-1.163v15.416h1.163c2.327 0 4.363-.291 6.108-1.745a7.752 7.752 0 0 0 2.618-5.817 7.513 7.513 0 0 0-2.623-6.109Zm18.325 17.452v-23.269h4.654v23.269Zm16.87 0v-23.269h12.8v4.072h-8.435v5.236h8.144v4.072h-8.144v6.4h8.435v4.068l-12.8-.582Z" fill="#fff"/></svg></a>
</div>