

<section class="topjob-card orgchart-h-card">
  <header class="topjob-heading">
        <h1>Organisations-Struktur
</h1>
        <p>Zum vollst&auml;ndigen Diagramm bitte horizontal und vertikal scrollen
</p>
  </header>

  <div class="orgchart-h-scroll">
    <div class="orgchart-h-stage">
      <ul class="orgchart-h-tree">
                
<li class="org-item org-top-executive">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;cccccc;">
  <div class="org-title">CEO</div>
        
  <div class="org-person">Reinhold Haberkorn</div>
        
</div>


    <div class="staff-group">
            
      <div class="staff-link">
                        
<div class="org-box" style="background-color:&#x23;d8ea00;">
  <div class="org-title">Assistent des CEO</div>
        
  <div class="org-person">Bj&ouml;rn Nolden</div>
        
</div>

      </div>
            
    </div>
        
  </div>

        
  <ul class="org-children">
            
                
<li class="org-item org-top-executive" data-executive="20">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;cccccc;">
  <div class="org-title">Gesch&auml;ftsf&uuml;hrender Vorstand</div>
        
  <div class="org-person">Jochen Purrmann</div>
        
</div>


    <div class="staff-group">
            
      <div class="staff-link">
                        
<div class="org-box" style="background-color:&#x23;d8ea00;">
  <div class="org-title">Assistent des Vorstandsvorsitzenden</div>
        
</div>

      </div>
            
    </div>
        
  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;cccccc;">
  <div class="org-title">Vorstand &Ouml;ffentlichkeitsarbeit</div>
        
  <div class="org-person">Brian Achi</div>
        
</div>


  </div>

        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;cccccc;">
  <div class="org-title">Vorstand Finanzen u. Verwaltung</div>
        
  <div class="org-person">Bernd Weyer</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;b4c4ff;">
  <div class="org-title">Schatzmeister</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;b4c4ff;">
  <div class="org-title">Assistent des Schatzmeisters</div>
        
</div>


  </div>

        
</li>

            
  </ul>
        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;b4c4ff;">
  <div class="org-title">Finanzdirektor</div>
        
  <div class="org-person">Andreas Lorenz</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;b4c4ff;">
  <div class="org-title">Bereichsleiter Controlling</div>
        
</div>


  </div>

        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;b4c4ff;">
  <div class="org-title">Hauptabteilungsleiter Finanzbuchhaltung</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;b4c4ff;">
  <div class="org-title">Abteilungsleiter Rechnungswesen</div>
        
</div>


  </div>

        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;b4c4ff;">
  <div class="org-title">Chefbuchhalter Rechnungswesen</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;b4c4ff;">
  <div class="org-title">Sachbearbeiter Debitorenbuchhaltung</div>
        
</div>


  </div>

        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;b4c4ff;">
  <div class="org-title">Sachbearbeiter Kreditorenbuchhaltung</div>
        
</div>


  </div>

        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;b4c4ff;">
  <div class="org-title">Finanzanalyst</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;b4c4ff;">
  <div class="org-title">Trainee Finanzanalyse</div>
        
</div>


  </div>

        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffff5a;">
  <div class="org-title">Personaldirektor</div>
        
  <div class="org-person">Tanja Nehlsen</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item org-staff-on-stem">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffff5a;">
  <div class="org-title">Personalchef</div>
        
  <div class="org-person">Stefan</div>
        
</div>


    <div class="staff-group">
            
      <div class="staff-link">
                        
<div class="org-box" style="background-color:&#x23;ffff5a;">
  <div class="org-title">Assistent des Personalchefs</div>
        
</div>

      </div>
            
    </div>
        
  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffff5a;">
  <div class="org-title">Abteilungsleiter Lohnbuchhaltung</div>
        
</div>


  </div>

        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffff5a;">
  <div class="org-title">Personalsachbearbeiter</div>
        
</div>


  </div>

        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffff5a;">
  <div class="org-title">Hilfsarbeiter Poststelle</div>
        
</div>


  </div>

        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;cccccc;">
  <div class="org-title">Vorstand Produktion u. Entwicklung</div>
        
  <div class="org-person">Hansj&ouml;rg Vollbrandt</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ff90ee;">
  <div class="org-title">Direktor der Fertigung</div>
        
  <div class="org-person">Detlef Brunkhorst</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item org-staff-on-stem">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ff90ee;">
  <div class="org-title">Werksleiter</div>
        
</div>


    <div class="staff-group">
            
      <div class="staff-link">
                        
<div class="org-box" style="background-color:&#x23;ff90ee;">
  <div class="org-title">Stellvertretender Werksleiter</div>
        
</div>

      </div>
            
    </div>
        
  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ff90ee;">
  <div class="org-title">Betriebs-Meister</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ff90ee;">
  <div class="org-title">Monteur</div>
        
</div>


  </div>

        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ff90ee;">
  <div class="org-title">Mitarbeiter der Fertigung</div>
        
</div>


  </div>

        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ff90ee;">
  <div class="org-title">Hausmeister</div>
        
</div>


  </div>

        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ff90ee;">
  <div class="org-title">Qualit&auml;tsbeauftragter Produktion</div>
        
</div>


  </div>

        
</li>

            
  </ul>
        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffffcc;">
  <div class="org-title">Entwicklungsdirektor</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffffcc;">
  <div class="org-title">Bereichsleiter Entwicklung</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffffcc;">
  <div class="org-title">Abteilungsleiter Entwicklung</div>
        
  <div class="org-person">Claudia Schneider</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffffcc;">
  <div class="org-title">Ingenieur</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffffcc;">
  <div class="org-title">Technischer Zeichner</div>
        
</div>


  </div>

        
</li>

            
  </ul>
        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffffcc;">
  <div class="org-title">Junior Ingenieur</div>
        
</div>


  </div>

        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;cccccc;">
  <div class="org-title">Vorstand Marketing und Vertrieb</div>
        
  <div class="org-person">H.-J. Webering</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffac46;">
  <div class="org-title">Marketing-Direktor</div>
        
  <div class="org-person">Frank Sch&auml;dlich</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffac46;">
  <div class="org-title">Bereichsleiter Produkt-Management</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffac46;">
  <div class="org-title">Produkt-Manager</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffac46;">
  <div class="org-title">Junior Produkt-Manager</div>
        
</div>


  </div>

        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffac46;">
  <div class="org-title">Kundendienst Mitarbeiter</div>
        
</div>


  </div>

        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffac46;">
  <div class="org-title">Bereichsleiter Marktforschung</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffac46;">
  <div class="org-title">Abteilungsleiter Marktforschung</div>
        
  <div class="org-person">Sigrid Wetzel</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;ffac46;">
  <div class="org-title">Marketing Assistent</div>
        
</div>


  </div>

        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;aaffa7;">
  <div class="org-title">Vertriebs-Direktor</div>
        
  <div class="org-person">Ronald Gieshoff</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;aaffa7;">
  <div class="org-title">Vertriebsleiter Inland</div>
        
  <div class="org-person">Rainer Gsell</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;aaffa7;">
  <div class="org-title">Regional Vertriebsleiter</div>
        
  <div class="org-person">Rolf Noras</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;aaffa7;">
  <div class="org-title">Vertriebsleiter Industriekunden</div>
        
</div>


  </div>

        
  <ul class="org-children">
            
                
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;aaffa7;">
  <div class="org-title">Vertriebsbeauftragter</div>
        
</div>


  </div>

        
</li>

            
<li class="org-item">
  <div class="org-head">
        
<div class="org-box" style="background-color:&#x23;aaffa7;">
  <div class="org-title">Vertriebs Trainee</div>
        
</div>


  </div>

        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

            
  </ul>
        
</li>

      </ul>
    </div>
  </div>
</section>

    
<style>
:root {
    --org-line: #111;
    --org-box-width: 154px;
    --org-v-gap: 10mm;
    --org-h-gap: 28px;
}

.orgchart-h-card {
    overflow: hidden;
}

.orgchart-h-scroll {
    width: 100%;
    max-height: calc(100vh - 220px);
    overflow-x: auto;
    overflow-y: auto;
    padding: 4px 4px 30px;
    -webkit-overflow-scrolling: touch;
}

.orgchart-h-stage {
    display: inline-block;
    min-width: 100%;
    padding: 8px 34px 18px;
}

.orgchart-h-tree,
.orgchart-h-tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.orgchart-h-tree {
    display: flex;
    justify-content: center;
    width: max-content;
    min-width: 100%;
}

/* Ein Zweig besteht aus seinem Kopf und einer horizontalen Kinderreihe. */
.org-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 calc(var(--org-h-gap) / 2);
}

.org-head {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

/* Box wie im Screenshot: Titel oben, Name darunter rot. */
.org-box {
    position: relative;
    z-index: 2;
    width: var(--org-box-width);
    min-height: 48px;
    border: 1px solid #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.25;
    text-align: center;
    overflow: hidden;
}

.org-title {
    padding: 5px 6px;
    min-height: 25px;
}

.org-person {
    padding: 5px 6px;
    border-top: 1px solid #c50025;
    color: #e00000;
    background: rgba(255,255,255,.22);
}

/*
 * Assistenten liegen rechts neben ihrer Fuehrungsposition.
 * Die kurze waagerechte Linie zeigt die Stabszuordnung.
 */
.staff-group {
    position: absolute;
    left: calc(100% + 28px);
    top: 50%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transform: translateY(-50%);
    z-index: 3;
}

.staff-link {
    position: relative;
}

.staff-link::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 28px;
    border-top: 2px solid var(--org-line);
}

.staff-link .org-box {
    width: 146px;
}

/* Stabsstellen von CEO (Level 12) und geschaeftsfuehrendem Vorstand
   (Level 11): unterhalb und rechts der Fuehrungsposition, an deren
   senkrechte Verbindungslinie angeschlossen. */
.org-top-executive > .org-children {
    --org-v-gap: 110px;
}
/* Unterhalb des geschaeftsfuehrenden Vorstands mehr Platz bis zur
   waagerechten Verbindung der nachgeordneten Vorstaende. */
.org-item[data-executive="20"] > .org-children {
    --org-v-gap: 110px;
}
.org-top-executive > .org-head > .staff-group {
    left: calc(50% + 18px);
    top: calc(100% + 5mm);
    transform: none;
}
.org-top-executive > .org-head > .staff-group::before {
    content: "";
    position: absolute;
    left: -18px;
    top: -5mm;
    height: calc(50% + 5mm);
    border-left: 2px solid var(--org-line);
}
.org-top-executive > .org-head > .staff-group > .staff-link::before {
    width: 18px;
}

/* Assistenten an der senkrechten Fuehrungslinie: gilt fuer jede
   entsprechende Datenbankkonstellation, nicht nur fuer feste Positions-IDs.
   Die Kinder beginnen erst unterhalb der seitlichen Assistenzbox. */
.org-staff-on-stem > .org-children {
    --org-v-gap: 110px;
}
.org-staff-on-stem > .org-head > .staff-group {
    left: calc(50% + 18px);
    top: calc(100% + 5mm);
    transform: none;
}
.org-staff-on-stem > .org-head > .staff-group::before {
    content: "";
    position: absolute;
    left: -18px;
    top: -5mm;
    height: calc(50% + 5mm);
    border-left: 2px solid var(--org-line);
}
.org-staff-on-stem > .org-head > .staff-group > .staff-link::before {
    width: 18px;
}

/* Kinder horizontal nebeneinander. */
.org-children {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: max-content;
    --org-v-gap: 10mm; /* Eigenen Wert pro Ebene setzen; nicht von Assistenz-Vorfahren erben. */
    padding-top: var(--org-v-gap) !important;
}

/* Senkrechte Linie vom Elternknoten zur Sammellinie. */
.org-item > .org-children::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: calc(var(--org-v-gap) - 5mm);
    border-left: 2px solid var(--org-line);
}

/* Waagerechte Sammellinie wird von erstem bis letztem Kind gezeichnet. */
.org-children > .org-item::before {
    content: "";
    position: absolute;
    top: -5mm;
    left: 0;
    right: 0;
    border-top: 2px solid var(--org-line);
}

.org-children > .org-item:first-child::before {
    left: 50%;
}

.org-children > .org-item:last-child::before {
    right: 50%;
}

/* Senkrechte Verbindung Sammellinie -> Kind. */
.org-children > .org-item::after {
    content: "";
    position: absolute;
    top: -5mm;
    left: 50%;
    height: 5mm;
    border-left: 2px solid var(--org-line);
}

/* Ein einziges Kind braucht keine sichtbare horizontale Sammellinie. */
.org-children > .org-item:only-child::before {
    display: none;
}

/*
 * Diese Datei ist bewusst die Desktop-/Tablet-Variante.
 * Unterhalb der Umschaltgrenze soll orgchart.cfm verwendet werden.
 */
@media (max-width: 767px) {
    .orgchart-h-stage {
        min-width: 1180px;
    }
}
</style>