Quelltext der Seite Widget:Ankommen-Arbeit

<includeonly>
<style type="text/css">
  .tiles-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
  }

  .tile {
    width: 30%;
    background-color: #fac393;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
  }

  .tile:hover {
    transform: translateY(-5px);
  }

  .tile a {
    text-decoration: none;
    color: inherit;
    display: block;
  }

  .tile img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .tile h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
    color: #333;
  }

  .tile p {
    font-size: 0.9em;
    color: #666;
  }

  /* Media Query für mobile Geräte */
  @media (max-width: 768px) {
    .tile {
      width: 100%; /* Kacheln werden untereinander angezeigt */
      margin-bottom: 20px; /* Abstand zwischen den Kacheln */
    }
  }
</style>

  <h2>Arbeit & Ausbildung</h2>
  <p>Hier findest du Informationen zu Beruf, Ausbildung und Weiterbildung.</p>

<div class="tiles-container">
  <div class="tile">
    <a href="https://www.mamba-muenster.de/" target="_blank">
      <img src="/w/images/6/66/Mamba.jpg" alt="Bild 1">
      <h3>Mamba4you</h3>
      <p>Weiterleitung zur Seite von Mamba4you</p>
    </a>
  </div>
  
  <div class="tile">
    <a href="https://www.ausbildung.de/staedte/muenster/" target="_blank">
      <img src="/w/images/f/fa/Ausbildung.jpg" alt="Bild 2">
      <h3>Ausbildungssuche</h3>
      <p>Weiterleitung zu Ausbildung.de / Münster</p>
    </a>
  </div>
  
  <div class="tile">
    <a href="https://www.hwk-muenster.de/de/ausbildung/ausbildungsbetriebe#praktikums-_und_lehrstellenportal" target="_blank">
      <img src="/w/images/6/64/Hwk.jpg" alt="Bild 3">
      <h3>Handwerkskammer Münster</h3>
      <p>Weiterleitung auf die Seite der Handwerkskammer HWK Münster.</p>
    </a>
  </div>

</div>

  <h2>Ausbildung und Lehre</h2>
  <p>Hier erhältst du Details zu Vorsorgemaßnahmen und Präventionsangeboten.</p>
    <h3>Informationen rund um die Ausbildung</h3>
    <p>Wusstest du, dass eine Ausbildung nicht unbedingt zum 01.08. eines Jahres beginnen muss? Sie kann in Absprache mit dem Ausbildungsbetrieb  auch ganzjährig begonnen werden. Auch bei der <a href="https://www.ihk.de/nordwestfalen/" target="_blank">IHK Nordwestfalen</a> findest du viele Informationen rund um das Thema Ausbildung und Lehre.</p>  

</div>
</includeonly>