Card

<div class="module module--carrer-card">
  <div class="inner">
    <div class="card">
              <div class="image">
          <img src='https://markenportal.teambank.de/wp-content/uploads/sites/3/2021/02/TB02__G1C0630_L_Landscape.jpg' alt='TB02 G1C0630 L Landscape' />        </div>
            <div class="content">
                  <h3 class="content__title">Studenten</h3>
                          <div class="tooltip">
            <p class="tooltip__text">Wenn du während deines Studiums regelmäßig arbeiten und so studienbegleitend Praxiserfahrung sammeln willst, dann bewirb dich als Werkstudent in unserem Haus. </p>
            <button class="tooltip__show-button">
              <svg width="32" height="32" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"><path d="M10.5.5v20M20.5 10.5H.5"/></g></svg>            </button>
          </div>
                          <div class="p p4 content__text">
            <p class="text">Du bist eingeschriebener Student und hast Lust Teil unseres Teams zu werden? Dann bewirb dich als Praktikant (d/m/w) oder Werkstudent (d/m/w) in unserem Haus.</p>
<p>Du hast die Möglichkeit, in einem freiwilligen Praktikum oder in einem Pflichtpraktikum praktische Erfahrungen in der TeamBank zu sammeln. Dafür stehen dir je nach Interesse und unseren aktuellen Stellenausschreibungen die unterschiedlichsten Bereiche, wie z.B. Marketing, Produktentwicklung, IT oder Personal zur Verfügung. Hier findest du die passenden Stellenprofile.</p>
<p>Wenn du während deines Studiums regelmäßig arbeiten und so studienbegleitend Praxiserfahrung sammeln willst, dann bewirb dich als Werkstudent in unserem Haus. Hier findest du die passenden Stellenprofile:</p>
          </div>
                          <ul class="content__links">
                          <li>
                <a href="https://teambank.de" target="_blank" class="link">Zur Stellenbörse</a>              </li>
                      </ul>
              </div>
    </div>
  </div>
</div>

(function () {

  function init() {
    document.querySelectorAll('.module--carrer-card').forEach(module=>{
      const showButton = module.querySelector('.tooltip__show-button');
      const tooltip = module.querySelector('.tooltip');
      if(showButton){
        showButton.addEventListener('click', function(){
          tooltip.classList.toggle('tooltip--show');
        })
      }
    });
  }
  document.addEventListener('DOMContentLoaded', init);
})();