<div class="service-intro-grid">
    <div class="service-intro">
        <h1 class="service-intro__header">Strategie- und Technologieberatung</h1>
        <div class="service-intro__text">Nichts interessiert uns mehr als neue Technologie. Doch bei Strategie und Technologieberatung geht es uns nicht um das neueste, sondern um das, was am besten zu Ihnen und Ihren Aufgabenstellungen passt. Dank unserer branchenübergreifenden Erfahrung
            können wir Ihnen dazu die richtigen Fragen stellen und die richtigen Antworten gleich dazu liefern. Dabei profitieren Sie von unserem Wissensvorsprung. Damit Ihre Entscheidung zukunftsfähig ist.
        </div><a href="#" class="service-intro__link"><img src="../../assets/arrow-long-right-red.svg" alt=""></a>
    </div>
    <div class="service-intro">
        <h1 class="service-intro__header">Entwicklung digitaler Geschäftsmodelle</h1>
        <div class="service-intro__text">Ihre Fachexpertise und unser Entwicklung-Knowhow sind eine erfolgsversprechende Kombination. Im Software-as-a-Service-Modell (SaaS) transformieren wir Ihr neues oder bestehendes Geschäftsmodell in einen innovativen, digitalen Service für Ihre
            Kunden. Das gilt selbstverständlich für den gesamten Lebenszyklus – fachlich, technisch und kommerziell.</div><a href="#" class="service-intro__link"><img src="../../assets/arrow-long-right-red.svg" alt=""></a>
    </div>
    <div class="service-intro">
        <h1 class="service-intro__header">Softwarearchitektur und -entwicklung</h1>
        <div class="service-intro__text">Unsere langjährige Erfahrung als Softwarearchitekten und -entwickler lehrt uns vor allem eines: DIE Lösung gibt es nicht. Deshalb nehmen wir Ihre Software- und Systemarchitektur genau unter die Lupe und analysieren Ihre Unternehmensprozesse im
            Detail. Und deshalb arbeiten wir auch unabhängig von Herstellern und Produkten. Das Ergebnis ist so vielfältig, wie unsere Kunden. Doch ob Modernisierungskonzept oder neu entwickelte Individualsoftware, eines ist immer gleich: Der Nutzer steht
            im Mittelpunkt.</div><a href="#" class="service-intro__link"><img src="../../assets/arrow-long-right-red.svg" alt=""></a>
    </div>
    <div class="service-intro">
        <h1 class="service-intro__header">Digitale Plattformen und Infrastrukturen</h1>
        <div class="service-intro__text">Noch in Arbeit.</div><a href="#" class="service-intro__link"><img src="../../assets/arrow-long-right-red.svg" alt=""></a>
    </div>
    <div class="service-intro">
        <h1 class="service-intro__header">Wissenstransfer, Coaching und Trainings</h1>
        <div class="service-intro__text">Unsere öffentlichen Trainings, Inhouse-Schulungen und Coaching gestalten wir so, wie wir sie als Teilnehmer gerne selbst erleben: Die Schulungen sind interaktiv und unsere Trainer sind praktizierende Softwareentwickler und -architekten. Sie wenden
            täglich an, was sie lehren und sind immer auf dem neuesten technischen Stand. Und sie teilen gerne ihr Knowhow aus der Praxis.</div><a href="#" class="service-intro__link"><img src="../../assets/arrow-long-right-red.svg" alt=""></a>
    </div>
</div>
<div class="service-intro-grid">
    <div class="service-intro">
        <h1 class="service-intro__header">Strategie- und Technologieberatung</h1>
        <div class="service-intro__text">
            Nichts interessiert uns mehr als neue Technologie. Doch bei Strategie
            und Technologieberatung geht es uns nicht um das neueste, sondern um das,
            was am besten zu Ihnen und Ihren Aufgabenstellungen passt. Dank unserer
            branchenübergreifenden Erfahrung können wir Ihnen dazu die richtigen
            Fragen stellen und die richtigen Antworten gleich dazu liefern. Dabei
            profitieren Sie von unserem Wissensvorsprung. Damit Ihre Entscheidung
            zukunftsfähig ist.
        </div>
        <a href="#" class="service-intro__link">
            <img src={context.app.uri('assets/arrow-long-right-red.svg')} alt="" />
        </a>
    </div>

    <div class="service-intro">
        <h1 class="service-intro__header">Entwicklung digitaler Geschäftsmodelle</h1>
        <div class="service-intro__text">
            Ihre Fachexpertise und unser Entwicklung-Knowhow sind eine
            erfolgsversprechende Kombination. Im Software-as-a-Service-Modell
            (SaaS) transformieren wir Ihr neues oder bestehendes Geschäftsmodell
            in einen innovativen, digitalen Service für Ihre Kunden. Das gilt
            selbstverständlich für den gesamten Lebenszyklus – fachlich,
            technisch und kommerziell.
        </div>
        <a href="#" class="service-intro__link">
            <img src={context.app.uri('assets/arrow-long-right-red.svg')} alt="" />
        </a>
    </div>

    <div class="service-intro">
        <h1 class="service-intro__header">Softwarearchitektur und -entwicklung</h1>
        <div class="service-intro__text">
            Unsere langjährige Erfahrung als Softwarearchitekten und -entwickler
            lehrt uns vor allem eines: DIE Lösung gibt es nicht. Deshalb nehmen
            wir Ihre Software- und Systemarchitektur genau unter die Lupe und
            analysieren Ihre Unternehmensprozesse im Detail. Und deshalb arbeiten
            wir auch unabhängig von Herstellern und Produkten. Das Ergebnis ist
            so vielfältig, wie unsere Kunden. Doch ob Modernisierungskonzept oder
            neu entwickelte Individualsoftware, eines ist immer gleich:
            Der Nutzer steht im Mittelpunkt.
        </div>
        <a href="#" class="service-intro__link">
            <img src={context.app.uri('assets/arrow-long-right-red.svg')} alt="" />
        </a>
    </div>

    <div class="service-intro">
        <h1 class="service-intro__header">Digitale Plattformen und Infrastrukturen</h1>
        <div class="service-intro__text">
            Noch in Arbeit.
        </div>
        <a href="#" class="service-intro__link">
            <img src={context.app.uri('assets/arrow-long-right-red.svg')} alt="" />
        </a>
    </div>

    <div class="service-intro">
        <h1 class="service-intro__header">Wissenstransfer, Coaching und Trainings</h1>
        <div class="service-intro__text">
            Unsere öffentlichen Trainings, Inhouse-Schulungen und Coaching
            gestalten wir so, wie wir sie als Teilnehmer gerne selbst erleben:
            Die Schulungen sind interaktiv und unsere Trainer sind
            praktizierende Softwareentwickler und -architekten. Sie wenden
            täglich an, was sie lehren und sind immer auf dem neuesten
            technischen Stand. Und sie teilen gerne ihr Knowhow aus der Praxis.
        </div>
        <a href="#" class="service-intro__link">
            <img src={context.app.uri('assets/arrow-long-right-red.svg')} alt="" />
        </a>
    </div>
</div>
/* No context defined for this component. */
  • Content:
    .service-intro {
      display: flex;
      flex-direction: column;
      width: 100%; // FF fix: take full width of grid-area
    
      & + & {
        margin-top: $spacer-lg;
      }
    }
    
    .service-intro__header {
      margin-bottom: $spacer-md;
      font-size: $service-intro-header-font-size-small;
    }
    
    .service-intro__text {
      @extend %heading-font-bold;
      margin-bottom: $spacer-md;
      line-height: $service-intro-text-line-height-small;
      font-size: $service-intro-text-font-size-small;
    }
    
    @media screen and (min-width: $grid-breakpoint-md-lg) {
      .service-intro-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-row-gap: $spacer-lg;
        grid-column-gap: $spacer-lg;
      }
    
      .service-intro {
        border-right: 1px solid $brand-gray-25;
        padding: $spacer-sm $spacer-base $spacer-base 0;
        grid-column: span 2;
    
        & + & {
          margin-top: 0;
        }
    
        &:nth-child(2n) {
          border-right: 0;
        }
      }
    
      .service-intro__header {
        margin-bottom: $spacer-base;
        font-size: $service-intro-header-font-size;
      }
    
      .service-intro__text {
        margin-bottom: $spacer-base;
        line-height: $service-intro-text-line-height;
        font-size: $service-intro-text-font-size;
      }
    }
    
    @media screen and (min-width: $grid-breakpoint-xl) {
      .service-intro-grid {
        grid-template-columns: repeat(6, 1fr);
      }
    
      .service-intro {
        &:nth-child(2n) {
          border-right: 1px solid $brand-gray-25;
        }
    
        &:nth-child(3n) {
          border-right: 0;
        }
      }
    }
    
  • URL: /components/raw/service-intro/_service-intro.scss
  • Filesystem Path: components/02-molecules/service-intro/_service-intro.scss
  • Size: 1.5 KB

There are no notes for this item.