<section class="page-section page-section--grey">
   <div class="grid justify-content-center">
       <div class="col-desk-2 col-tab-1 col-mob-6">
           <div class="newsletter__wrapper">
               <div class="newsletter__logo">
                   <svg class="icon">
                       <use xlink:href="#logo-symbol" href="#logo-symbol" aria-hidden="true"></use>
                   </svg>
               </div>
           </div>
       </div>
       <div class="col-desk-4 col-tab-4 col-mob-6">
           <div class="newsletter__wrapper">
               <div class="newsletter__content">
                   <p class="p4 font-weight-bold mb-0">Melde dich zum Newsletter an</p>
                   <p class="p4 mb-0">Sei immer uptodate mit allen Neuigkeiten.</p>
               </div>
           </div>
       </div>
       <div class="col-desk-6 col-tab-5 col-mob-6">
           <div class="newsletter__input-wrapper">
               <div class="input-group has-float-label">
                   <input type="email" class="form-control" placeholder="&nbsp;" id="newsletter" aria-label="Email Adresse" aria-describedby="button-addon2">
                   <label class="form-control-placeholder" for="newsletter">Email Adresse</label>
                   <div class="input-group-append">
                       <button class="btn btn-dark btn-lg" type="button" id="button-addon2" data-toggle="modal" data-target="#newsletterModal"><span>Anmelden</span></button>
                   </div>
               </div>
           </div>
       </div>
   </div>
</section>