Culture Page Default

<main role="main" class="culture-page">
    <header class="image-header bg-image-culture-01">
        <div class="image-header__content">
            <h1 class="image-header__title image-header__title--punch-in bg-image-culture-01">Ein Titel</h1>
            <span class="icon icon-arrow-long-down icon--brand-secondary"></span>
        </div>
    </header>
    <header class="claim-header">
        <div class="claim-header__body">
            <h1 class="claim-header__type">Unser Versprechen</h1>
            <h2 class="claim-header__title">
                Maximale Transparenz.
                <hr class="claim-header__divider" />
                Minimale Regeln.
                <hr class="claim-header__divider" />
                Und Arbeit, auf die wir stolz sind.
            </h2>
            <span class="icon icon-arrow-long-down icon--brand-secondary"></span>
        </div>
    </header>
    <div class="image-divider-right">
        <div class="image-divider-right-content">
            <div class="image-divider-right-textbox">
                <p class="image-divider-right-content-textbox__text">
                    Unsere Unternehmenskultur ist aus dem Anspruch entstanden, Dinge anders und besser zu machen. An erster
                    Stelle: Vertrauen in unsere Mitarbeiterinnen und Mitarbeiter und ein respektvoller Umgang untereinander.
                    Jede und jeder Einzelne verfügt über weitreichende Freiheit und trägt ein hohes Maß an Verantwortung.
                </p>
            </div>
            <img class="image-divider-right-image" itemprop="photo" src="../../assets/bg-images/general/visual-culture-02.webp" alt="INNOQ Mitarbeitende" />
        </div>
    </div>
    <div class="stripe stripe--gray">
        <div class="container-xl">
            <div class="image-divider-center bg-image-culture-03  m-t-lg container-vertical-spacing-lg">
                <div class="image-divider-center__textbox">
                    <h2 class="image-divider-center__title bg-image-culture-03">Ein Titel</h2>
                    <p class="image-divider-center__textbox__text">
                        Filet mignon sausage tongue, hamburger porchetta fatback kielbasa flank
                        ribeye. Pastrami t-bone pork chop sirloin ham swine cupim brisket
                        prosciutto buffalo drumstick strip steak capicola short loin.
                        Frankfurter fatback turkey pork chop prosciutto pork ground round tongue
                        chuck doner. Pig venison pork chop shoulder corned beef capicola
                        meatball.
                    </p>
                    <span class="icon icon-arrow-long-down icon--brand-primary"></span>
                </div>
            </div>
        </div>
    </div>

    <div class="default-full-width-teaser bg-image-culture-04">
        <div class="default-full-width-teaser__wrapper">
            <div class="default-full-width-teaser__body">
                <div class="default-full-width-teaser__header">
                    <h2 class="punch-in bg-image-culture-04">
                        Was uns wichtig ist
                    </h2>
                </div>
                <div class="default-full-width-teaser__text">
                    lorem ipsum dolor sit amet, consectetur adipisicing elit. velit
                    doloremque culpa minima vero quod, optio itaque nisi deserunt,
                    debitis ad laudantium libero, quia nemo!
                </div>
                <div class="default-full-width-teaser__footer">
                    <a href="#" class="link-teaser">mehr erfahren</a>
                </div>
            </div>
        </div>
    </div>

    <div class="page-layout-xl--default">
        <div class="tile-grid-md">
            <a href="#" class="big-content-teaser big-content-teaser--image bg-image-culture-05">
                <div class="big-content-teaser__content">
                    <div class="big-content-teaser__body">
                        <h2 class="big-content-teaser__headline">Arbeiten bei INNOQ</h2>
                        <p class="big-content-teaser__text">
                            Wir wünschen uns Kolleginnen und Kollegen, die Fragen stellen und mitdenken, neugierig, lernbereit, kooperativ und tolerant sind. Wir setzen auf Eigenverantwortung und Freiraum statt Formulare und Prozesse. Lieber riskieren wir, von Zeit zu Zeit einen Fehler zu machen, als starre Kontrollstrukturen einzuführen. Dabei hilft eine einfache Grundregel: Wenn etwas dumm ist, tun wir es nicht. Wir geben allen die Möglichkeit, eigene Projekte zu verfolgen und sich weiterzubilden. Technologie-Know-how ist unsere Superkraft und dank unserer Mitarbeiterinnen und Mitarbeiter wächst sie Tag für Tag.
                        </p>
                    </div>
                    <div class="big-content-teaser__footer">
                        <div class="link-teaser" href="#">Mehr erfahren</div>
                    </div>
                </div>
            </a>
            <a href="#" class="big-content-teaser big-content-teaser--colored">
                <div class="big-content-teaser__content">
                    <div class="big-content-teaser__body">
                        <h2 class="big-content-teaser__headline">Wie wir zusammenarbeiten</h2>
                        <p class="big-content-teaser__text">
                            Aktuell sind wir über 120 Personen an sechs Standorten, die daran arbeiten, unseren Kunden strategische und technologische Vorteile zu verschaffen. Dabei nehmen wir ganz unterschiedliche Rollen ein: Wir sind Technologieberater ebenso wie Realisierungspartner. Wir verstärken oder unterstützen in einzelnen Bereichen, entwickeln aber auch ganzheitliche Geschäftsmodelle, Softwareprodukte und technische Infrastrukturen – immer individuell. Dabei geben wir unseren Kunden die Unterstützung, die sie brauchen, damit sie uns möglichst bald nicht mehr brauchen.
                        </p>
                    </div>
                    <div class="big-content-teaser__footer">
                        <div class="link-teaser inverted-text-color" href="#">Mehr erfahren</div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</main>