HTML-Prototype von Hochschule RheinMain

<div class="c-accordionnavigation">
  <h3>Name der Navigation</h3>
  <div class="c-accordion-group">
    <div class="c-accordion h3">
      <button class="c-accordion__trigger c-accordion__trigger--active"><a href="#">Vorarbeit</a></button>
    </div>
    <div class="c-accordion__section" hidden="hidden">
      <p><a href="#">Zielgruppe definieren</a></p>
      <p class="c-accordion__sectionitem--active"><a href="#">Inhalte sortieren (intern/extern)</a></p>
      <ul>
        <li><a href="#">Interne Inhalte</a></li>
        <li><a href="#">Externe Inhalte</a></li>
      </ul>
    </div>
    <div class="c-accordion h3">
      <button class="c-accordion__trigger"><a href="#">Übersicht Inhaltselemente</a></button>
    </div>
    <div class="c-accordion__section" hidden="hidden">
      <p><a href="#">Text &amp; Medien</a></p>
      <p><a href="#">Lokale Kontaktbox</a></p>
      <p><a href="#">Personen-Kontaktbox</a></p>
      <p><a href="#">Galerien</a></p>
      <p><a href="#">Events (Terminankündigung)</a></p>
      <p><a href="#">News (Meldungen)</a></p>
      <p><a href="#">Kacheln</a></p>
      <p><a href="#">Akkordeon</a></p>
      <p><a href="#">Teaser</a></p>
      <p><a href="#">Spalten</a></p>
    </div>
    <div class="c-accordion h3">
      <button class="c-accordion__trigger"><a href="#">Struktur von Web-Texten</a></button>
    </div>
    <div class="c-accordion__section" hidden="hidden">
      <p><a href="#">Allgemein</a></p>
      <p><a href="#">Einheitliche Schreibweisen</a></p>
      <p><a href="#">Links und Buttons</a></p>
      <p><a href="#">Darstellungsformen</a></p>
      <p><a href="#">SEO bei Texten</a></p>
      <p><a href="#">Einsatz von KI</a></p>
      <p><a href="#">Rechtliche Hinweise</a></p>
    </div>
  </div>
</div>