Organisationsmodell @orgamodel

In Development
<div class="orgamodel">
  <div class="orgamodel__inner">
    <div class="orgamodel__pillar orgamodel__pillar--teachers orgamodel__pillar--first">
      <h2 class="orgamodel__title orgamodel__title--multi">
        <div class="orgamodel__title-part"><span>Lehrkräfte</span><svg class="icon icon--arrow-double orgamodel__title-arrow" viewBox="0 0 200 200">
            <use xlink:href="#icon-arrow-double"></use>
          </svg></div>
        <div class="orgamodel__title-part"><button class="link-tooltip" type="button" title="Eine schulinterne Gruppe von Lehrkräften und Schulsozialarbeiter:innen dient als Richtungsgeber und Motor des Programms. Sie organisiert den Aufbau des Programms und passt es an die Bedürfnisse der Schule an. Das Kernteam wird an drei Schulungstagen weitergebildet und vom Beratungsteam begleitet." data-tooltip="Eine schulinterne Gruppe von Lehrkräften und Schulsozialarbeiter:innen dient als Richtungsgeber und Motor des Programms. Sie organisiert den Aufbau des Programms und passt es an die Bedürfnisse der Schule an. Das Kernteam wird an drei Schulungstagen weitergebildet und vom Beratungsteam begleitet." data-headline="Kernteam" data-hover="false"><span class="link-tooltip__text">Kernteam</span></button></div>
        <div class="orgamodel__title-part"><button class="link-tooltip" type="button" title="Die Forschergruppe des Universitätsklinikums Heidelberg begleitet jede Schule für mindestens zwei Jahre." data-tooltip="Die Forschergruppe des Universitätsklinikums Heidelberg begleitet jede Schule für mindestens zwei Jahre." data-headline="Externes Beratungsteam" data-hover="false"><span class="link-tooltip__text">Externes Beratungsteam</span></button><svg class="icon icon--arrow-double orgamodel__title-arrow" viewBox="0 0 200 200">
            <use xlink:href="#icon-arrow-double"></use>
          </svg></div>
      </h2>
      <div class="orgamodel__category orgamodel__category--analog">Analog</div>
      <div class="orgamodel__category orgamodel__category--digital">Digital</div>
      <div class="orgamodel__group orgamodel__group--analog"><button class="link-tooltip orgamodel__item" type="button" title="Eine einstündige Fortbildung für das Kollegium zur Einführung in das Thema Mobbing eröffnet das Programm. Die Ergebnisse der ersten Schülerbefragung sowie die ersten Schritte im Programm werden vorgestellt." data-tooltip="Eine einstündige Fortbildung für das Kollegium zur Einführung in das Thema Mobbing eröffnet das Programm. Die Ergebnisse der ersten Schülerbefragung sowie die ersten Schritte im Programm werden vorgestellt." data-headline="Kick-Off" data-hover="false"><span class="link-tooltip__text">Kick-Off</span></button><button class="link-tooltip orgamodel__item" type="button" title="Einmal pro Schuljahr leitet das Kernteam für das Kollegium eine Stunde zum Vertiefen und Einüben des Interventionskonzepts in Kleingruppen an." data-tooltip="Einmal pro Schuljahr leitet das Kernteam für das Kollegium eine Stunde zum Vertiefen und Einüben des Interventionskonzepts in Kleingruppen an." data-headline="Praxisstunde" data-hover="false"><span class="link-tooltip__text">Praxisstunde</span></button><button class="link-tooltip orgamodel__item" type="button" title="Optional gestaltet das Beratungsteam einen Pädagogischen Tag zu einer Auswahl an Themen rund um Mobbing." data-tooltip="Optional gestaltet das Beratungsteam einen Pädagogischen Tag zu einer Auswahl an Themen rund um Mobbing." data-headline="Pädagogischer Tag" data-hover="false"><span class="link-tooltip__text">Pädagogischer Tag</span></button><button class="link-tooltip orgamodel__item orgamodel__item--span-3" type="button" title="Auf den Soforthilfe-Plan (unmittelbares Eingreifen aller Lehrkräfte bei unangemessenem Verhalten) folgt der Nachsorge-Plan (Nachverfolgung und Nachbereitung des Mobbingvorfalls in Einzelgesprächen durch die Klassenlehrkräfte)." data-tooltip="Auf den Soforthilfe-Plan (unmittelbares Eingreifen aller Lehrkräfte bei unangemessenem Verhalten) folgt der Nachsorge-Plan (Nachverfolgung und Nachbereitung des Mobbingvorfalls in Einzelgesprächen durch die Klassenlehrkräfte)." data-headline="Interventionskonzept" data-hover="false"><span class="link-tooltip__text">Interventionskonzept</span></button><button class="link-tooltip orgamodel__item orgamodel__item--span-3" type="button" title="Mobbing in der Pause wird durch die Optimierung der Organisation und Aufsicht, die Schaffung von Angeboten und Umsetzung räumlicher Maßnahmen entgegengewirkt." data-tooltip="Mobbing in der Pause wird durch die Optimierung der Organisation und Aufsicht, die Schaffung von Angeboten und Umsetzung räumlicher Maßnahmen entgegengewirkt." data-headline="Pausenkonzept" data-hover="false"><span class="link-tooltip__text">Pausenkonzept</span></button></div>
      <div class="orgamodel__group orgamodel__group--digital"><button class="link-tooltip orgamodel__item orgamodel__item--span-6 orgamodel__item--row-2" type="button" title="Es werden E-Learning Einheiten bearbeitet, um flexibel und selbstbestimmt Kompetenzen aufzubauen. Hier steht der Wissenserwerb im Vordergrund." data-tooltip="Es werden E-Learning Einheiten bearbeitet, um flexibel und selbstbestimmt Kompetenzen aufzubauen. Hier steht der Wissenserwerb im Vordergrund." data-headline="E-Learning" data-hover="false"><span class="link-tooltip__text">E-Learning</span></button><button class="link-tooltip orgamodel__item orgamodel__item--span-6 orgamodel__item--row-3" type="button" title="Es werden E-Learning Einheiten bearbeitet, um flexibel und selbstbestimmt Kompetenzen aufzubauen. Hier steht der Wissenserwerb im Vordergrund." data-tooltip="Es werden E-Learning Einheiten bearbeitet, um flexibel und selbstbestimmt Kompetenzen aufzubauen. Hier steht der Wissenserwerb im Vordergrund." data-headline="Austausch auf digitaler Plattform" data-hover="false"><span class="link-tooltip__text">Austausch auf digitaler Plattform</span></button></div>
    </div>
    <div class="orgamodel__shared-pillar">
      <div class="orgamodel__pillar orgamodel__pillar--students-3-4">
        <h2 class="orgamodel__title"><span></span> Schüler:innen <br /> Stufe 3+4</h2>
        <div class="orgamodel__category orgamodel__category--analog">Analog</div>
        <div class="orgamodel__category orgamodel__category--digital">Digital</div>
        <div class="orgamodel__group orgamodel__group--analog"><button class="link-tooltip orgamodel__item" type="button" title="Klassenlehrkräfte leiten vorkonzipierte Klassenstunden an, in denen die Schüler:innen für das Thema Mobbing sensibilisiert werden und Handlungsmöglichkeiten erwerben. Hier stehen das praktische Erleben und Anwenden im Vordergrund." data-tooltip="Klassenlehrkräfte leiten vorkonzipierte Klassenstunden an, in denen die Schüler:innen für das Thema Mobbing sensibilisiert werden und Handlungsmöglichkeiten erwerben. Hier stehen das praktische Erleben und Anwenden im Vordergrund." data-headline="Klassenstunden" data-hover="false"><span class="link-tooltip__text">Klassenstunden</span></button><button class="link-tooltip orgamodel__item orgamodel__item--row-2" type="button" title="Ein Briefkasten an der Schule dient dem Melden von erlebten oder beobachteten Mobbingvorfällen. Dieser wird vom Kernteam betreut." data-tooltip="Ein Briefkasten an der Schule dient dem Melden von erlebten oder beobachteten Mobbingvorfällen. Dieser wird vom Kernteam betreut." data-headline="Analoge Mailbox" data-hover="false"><span class="link-tooltip__text">Analoge Mailbox</span></button></div>
        <div class="orgamodel__group orgamodel__group--digital"><button class="link-tooltip orgamodel__item" type="button" title="Es werden E-Learning Einheiten bearbeitet, um flexibel und selbstbestimmt Kompetenzen aufzubauen. Hier steht der Wissenserwerb im Vordergrund." data-tooltip="Es werden E-Learning Einheiten bearbeitet, um flexibel und selbstbestimmt Kompetenzen aufzubauen. Hier steht der Wissenserwerb im Vordergrund." data-headline="Schülerbefragungen" data-hover="false"><span class="link-tooltip__text">Schülerbefragungen</span></button></div>
      </div>
      <div class="orgamodel__pillar orgamodel__pillar--students-5-9">
        <h2 class="orgamodel__title"><span></span> Schüler:innen <br /> Stufe 5-9</h2>
        <div class="orgamodel__category orgamodel__category--analog">Analog</div>
        <div class="orgamodel__category orgamodel__category--digital">Digital</div>
        <div class="orgamodel__group orgamodel__group--analog"><button class="link-tooltip orgamodel__item orgamodel__item--row-1 orgamodel__item--col-1-2" type="button" title="Klassenlehrkräfte leiten vorkonzipierte Klassenstunden an, in denen die Schüler:innen für das Thema Mobbing sensibilisiert werden und Handlungsmöglichkeiten erwerben. Hier stehen das praktische Erleben und Anwenden im Vordergrund." data-tooltip="Klassenlehrkräfte leiten vorkonzipierte Klassenstunden an, in denen die Schüler:innen für das Thema Mobbing sensibilisiert werden und Handlungsmöglichkeiten erwerben. Hier stehen das praktische Erleben und Anwenden im Vordergrund." data-headline="Klassenstunden" data-hover="false"><span class="link-tooltip__text">Klassenstunden</span></button><button class="link-tooltip orgamodel__item orgamodel__item--row-2 orgamodel__item--col-2" type="button" title="Optional führt die Klassenlehrkraft einen vorkonzipierten Projekttag zum Thema Teambuilding durch." data-tooltip="Optional führt die Klassenlehrkraft einen vorkonzipierten Projekttag zum Thema Teambuilding durch." data-headline="Projekttag" data-hover="false"><span class="link-tooltip__text">Projekttag</span></button><button class="link-tooltip orgamodel__item orgamodel__item--duplicate orgamodel__item--row-1 orgamodel__item--col-3" type="button" title="Eine Broschüre gibt wichtige Informationen und Tipps rund um Mobbing und das Programm." data-tooltip="Eine Broschüre gibt wichtige Informationen und Tipps rund um Mobbing und das Programm." data-headline="Elternbroschüre" data-hover="false"><span class="link-tooltip__text">Elternbroschüre</span></button><button class="link-tooltip orgamodel__item orgamodel__item--duplicate orgamodel__item--row-2 orgamodel__item--col-1" type="button" title="Ein Briefkasten an der Schule dient dem Melden von erlebten oder beobachteten Mobbingvorfällen. Dieser wird vom Kernteam betreut." data-tooltip="Ein Briefkasten an der Schule dient dem Melden von erlebten oder beobachteten Mobbingvorfällen. Dieser wird vom Kernteam betreut." data-headline="Analoge Mailbox" data-hover="false"><span class="link-tooltip__text">Analoge Mailbox</span></button></div>
        <div class="orgamodel__group orgamodel__group--digital"><button class="link-tooltip orgamodel__item orgamodel__item--row-1 orgamodel__item--col-2-2" type="button" title="Eine schuleigene Mailadresse dient dem Melden von erlebten oder beobachteten Mobbingvorfällen. Diese wird vom Kernteam betreut." data-tooltip="Eine schuleigene Mailadresse dient dem Melden von erlebten oder beobachteten Mobbingvorfällen. Diese wird vom Kernteam betreut." data-headline="Digitale Mailbox" data-hover="false"><span class="link-tooltip__text">Digitale Mailbox</span></button><button class="link-tooltip orgamodel__item orgamodel__item--row-2 orgamodel__item--col-2" type="button" title="Es werden E-Learning Einheiten bearbeitet, um flexibel und selbstbestimmt Kompetenzen aufzubauen. Hier steht der Wissenserwerb im Vordergrund." data-tooltip="Es werden E-Learning Einheiten bearbeitet, um flexibel und selbstbestimmt Kompetenzen aufzubauen. Hier steht der Wissenserwerb im Vordergrund." data-headline="E-Learning" data-hover="false"><span class="link-tooltip__text">E-Learning</span></button><button class="link-tooltip orgamodel__item orgamodel__item--row-3 orgamodel__item--col-1-2" type="button" title="Es werden E-Learning Einheiten bearbeitet, um flexibel und selbstbestimmt Kompetenzen aufzubauen. Hier steht der Wissenserwerb im Vordergrund." data-tooltip="Es werden E-Learning Einheiten bearbeitet, um flexibel und selbstbestimmt Kompetenzen aufzubauen. Hier steht der Wissenserwerb im Vordergrund." data-headline="Schülerbefragungen" data-hover="false"><span class="link-tooltip__text">Schülerbefragungen</span></button></div>
      </div>
      <div class="orgamodel__pillar orgamodel__pillar--parents">
        <h2 class="orgamodel__title"><span></span> Eltern</h2>
        <div class="orgamodel__category orgamodel__category--analog">Analog</div>
        <div class="orgamodel__category orgamodel__category--digital">Digital</div>
        <div class="orgamodel__group orgamodel__group--analog"><button class="link-tooltip orgamodel__item" type="button" title="Eine Broschüre gibt wichtige Informationen und Tipps rund um Mobbing und das Programm." data-tooltip="Eine Broschüre gibt wichtige Informationen und Tipps rund um Mobbing und das Programm." data-headline="Elternbroschüre" data-hover="false"><span class="link-tooltip__text">Elternbroschüre</span></button></div>
        <div class="orgamodel__group orgamodel__group--digital"><button class="link-tooltip orgamodel__item" type="button" title="Eine schuleigene Mailadresse dient dem Melden von erlebten oder beobachteten Mobbingvorfällen. Diese wird vom Kernteam betreut." data-tooltip="Eine schuleigene Mailadresse dient dem Melden von erlebten oder beobachteten Mobbingvorfällen. Diese wird vom Kernteam betreut." data-headline="Digitale Mailbox" data-hover="false"><span class="link-tooltip__text">Digitale Mailbox</span></button></div>
      </div>
    </div>
  </div>
</div>