<div class="about-header bg-lightgray">
    <div class="content">
        <div class="row g-c">
            <div class="col-xl-6 col-lg-6 order-2 order-lg-1  text-center text-lg-start">
                <h1 class="headline big space-mb-md">Wir sind ein Wirtschaftsverlag.<br>
                    Kein Berater.<br>
                    Kein Zertifizierer.</h1>
                <p class="txt-big mb-3 mb-lg-0">2bgood macht sichtbar, was der Mittelstand für Nachhaltigkeit tut. Mit einem Score, der misst — und einem Magazin, das zeigt.</p>
            </div>
            <div class="col-xl-6 col-lg-6 d-flex align-items-center order-1 order-lg-2"> 
                <picture class="mx-auto">
                  <source
                    media="(min-width: 992px)"
                    srcset="<?=$_con->getLink(["assets", "images", "header-about.webp"]);?>"
                  >
                  <img
                    src="<?=$_con->getLink(["assets", "images", "header-about-M.webp"]);?>"
                    alt="2bgood Magazin und Score"
                    width="736" 
                    height="449"
                    class="w-100 h-100 mobil-max-w-400px  mt-3 mt-lg-0"
                    loading="lazy"
                  >
                </picture>
            </div>
            <div class="col-md-12 order-3 space-pt-md">
                <div class="row g-c d-flex justify-content-center justify-content-lg-start text-center text-lg-start">
                    <div class="col-sm-auto d-flex justify-content-center d-sm-block">
                        <p class="headline big mb-0 me-2 me-sm-0">30+</p>
                        <p class="mb-0 pt-2 pt-sm-0">Jahre Verlagsarbeit</p>
                    </div>
                    <div class="col-sm-auto">
                        <div class="vertical-spacer h-100"></div>
                    </div>
                    <div class="col-sm-auto d-flex justify-content-center d-sm-block">
                        <p class="headline big mb-0 me-2 me-sm-0">150k+</p>
                        <p class="mb-0 pt-2 pt-sm-0">Entscheider erreicht</p>
                    </div>
                    <div class="col-lg-auto">
                        <div class="vertical-spacer h-100"></div>
                    </div>
                    <div class="col-sm-auto d-flex justify-content-center d-sm-block">
                        <p class="headline big mb-0 me-2 me-sm-0"><?= formatNumber($_view["companyCount"], 0); ?></p>
                        <p class="mb-0 pt-2 pt-sm-0">Unternehmen im Score</p>
                    </div>
                    <div class="col-sm-auto">
                        <div class="vertical-spacer h-100"></div>
                    </div>
                    <div class="col-sm-auto d-flex justify-content-center d-sm-block">
                        <p class="headline big mb-0 me-2 me-sm-0"><?= formatNumber($_view["industryCount"], 0); ?></p>
                        <p class="mb-0 pt-2 pt-sm-0">Branchen-Benchmarks</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="start-header-addon space-pt-sm d-none d-lg-block"> </div>
<div class="main-container mobile-pb-0 small-top-space">
    <section>
        <div class="row d-flex justify-content-center">
            <div class="col-xl-7">
                <h2 class="headline medium text-center space-mb-sm">Wir kennen den Mittelstand. <br>
                    Ihm fehlt kein Bewusstsein. Ihm fehlt ein Nachweis.</h2>
                <p class="txt-big text-center">Banken bewerten. Kunden vergleichen. Bewerber prüfen.<br>
                    Wer nichts vorweisen kann, verliert — egal wie gut der Betrieb arbeitet.</p>
            </div>
        </div>
    </section>
    <section>
        <div class="row g-0">
            <div class="col-lg-6 order-1 order-lg-1">
                <div class="product-box bg-darkgreen d-flex align-items-center h-100 mobile-w-100 ">
                    <img class="w-100 h-auto" src="<?=$_con->getLink(["assets", "images", "score-full.webp"]);?>" width="591" height="367" alt="Der Score in Print und digital" loading="lazy">
                </div>
            </div>
            <div class="col-lg-6 order-2 order-lg-2">
                <div class="product-box bg-lightgreen h-100 mobile-w-100">
                    <h3 class="headline medium space-mb-md">Der 2bgood-Score</h3>
                    <p class="space-mb-sm"><b><?= $_view["questionCount"]; ?> Fragen. 20 Minuten. Ein Nachhaltigkeits-Score mit Branchenbenchmark — kostenlos, VSME-basiert, sofort verfügbar.</b></p>
                    <ul class="ico space-mb-sm">
                        <li><span class="icon"></span>Nachweisdokument als PDF </li>
                        <li><span class="icon"></span>2bgood-Siegel für Sichtbarkeit</li>
                        <li><span class="icon"></span>Wissenschaftlich geprüft</li>
                    </ul>
                    <a href="<?= $_con->getLink(["interview"]); ?>" class="btn lg btn-primary score ico right">Score erstellen - kostenlos <span class="icon"></span></a>
                </div>
            </div>
            <div class="col-lg-6 order-4 order-lg-3">
                <div class="product-box bg-lightpink h-100 mobile-w-100">
                    <h3 class="headline medium space-mb-md">Das Magazin</h3>
                    <p class="space-mb-sm"><b>Was andere Betriebe besser machen. Echte Entscheidungen, echte Erfahrungen — ohne Hochglanz und Berater-Sprech.</b></p>
                    <ul class="ico space-mb-sm">
                        <li><span class="icon"></span>4 Ausgaben / Jahr, Print + Digital </li>
                        <li><span class="icon"></span>Menschen, Ressourcen, Zukunft</li>
                        <li><span class="icon"></span>39 EUR / Jahr, kündbar</li>
                    </ul>
                    <a href="<?= $_con->getLink(["magazine", "subscribe"]); ?>" class="btn lg btn-primary magazin ico left"><span class="icon"></span>Magazin abonnieren</a>
                </div>
            </div>
            <div class="col-lg-6 order-3 order-lg-4">
                <div class="product-box bg-darkpink d-flex align-items-center h-100 mobile-w-100"> <img class="w-100 h-auto"
                        src="<?=$_con->getLink(["assets", "images", "abo-hero.webp"]);?>" width="591" height="410" alt="Das Magazin in Print und digital" loading="lazy"> </div>
            </div>
        </div>
    </section>

    <section>
        <div class="row g-0">
            <div class="col-lg-6">
                <div class="brinkschulte-img h-100 mobile-w-100"> </div>
            </div>
            <div class="col-lg-6">
                <div class="product-box brinkschulte pe-0">
                    <h2 class="headline dotted space-mb-sm">Woher wir kommen</h2>
                    <h3 class="headline medium space-mb-md">Brinkschulte Medien, Essen. <br>
                        Gegründet 1995.</h3>
                    <p class="space-mb-sm">Ein Wirtschaftsverlag, der seit drei Jahrzehnten den deutschen Mittelstand einordnet, vergleicht und sichtbar macht. Mit
                        Branchenrankings, regionalen Wirtschaftsmagazinen und einer der größten Entscheider-Datenbanken des Landes.</p>
                    <p class="mb-0"><b>2bgood überträgt diese Erfahrung auf Nachhaltigkeit.</b></p>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="row g-0 d-flex justify-content-center">
            <div class="col-xl-9">
                <div class="row g-c">
                    <div class="col-xl-8 col-lg-8 d-flex">
                        <div class="align-self-center">
                            <h3 class="headline medium space-mb-md">Die meisten Nachhaltigkeits-Tools sind für Konzerne gebaut.</h3>
                            <p class="mb-0 txt-big">Zu komplex. Zu teuer. Zu weit weg vom Alltag. <br>
                                Wir haben einen Weg gebaut, der zum Mittelstand passt.</p>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4">
                        <div class="card-faq">
                            <div class="row d-flex justify-content-center">
                                <div class="col-auto">
                                    <ul class="ico ico-space-big mb-4">
                                        <li><span class="icon"></span><s>Berater-Honorare</s></li>
                                        <li><span class="icon"></span><s>100-Seiten-Reports</s></li>
                                        <li><span class="icon"></span><s>Monatelange Prozesse</s></li>
                                    </ul>
                                    <ul class="ico ico-space-big mb-0">
                                        <li><span class="icon"></span><?= $_view["questionCount"]; ?> Fragen, 20 Minuten</li>
                                        <li><span class="icon"></span>Kostenloser Score</li>
                                        <li><span class="icon"></span>Branchenbenchmark</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bg-lightgray about space-p-sm space-mt-lg mobile-w-100">
            <div class="row g-c d-flex justify-content-center">
                <div class="col-md-12 col-lg-3 d-flex justify-content-center justify-content-lg-end">
                    <div class="fact"><img src="<?=$_con->getLink(["assets", "images", "Logo_HHN.webp"]);?>" width="129" height="45" alt="Logo der Hochschule Heilbronn" loading="lazy"></div>
                    <p class="mb-0">
                        <nobr>Entwickelt mit der</nobr><br>
                        <nobr><b>Hochschule Heilbronn.</b></nobr>
                    </p>
                </div>
                <div class="col-lg-auto">
                    <div class="vertical-spacer lightgray h-100"></div>
                </div>
                <div class="col-md-12 col-lg-3  d-flex justify-content-center justify-content-lg-start">
                    <div class="fact"><img src="<?=$_con->getLink(["assets", "images", "vsme.webp"]);?>" width="47" height="45" alt="Logo VSME-Standard" loading="lazy"></div>
                    <p class="mb-0">
                        <nobr>Basierend auf dem</nobr><br>
                        <b>
                            <nobr>VSME-Standard.
                        </b></nobr>
                    </p>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="row g-0">
            <div class="col-lg-6 order-2 order-lg-1">
                <div class="product-box brinkschulte-von-loh ps-0">
                    <h3 class="headline dotted space-mb-sm">Wer hinter 2bgood steht</h3>
                    <p class="space-mb-sm">Gegründet wurde 2bgood von den Unternehmern Helge Brinkschulte und Sven von Loh.</p>
                    <p class="space-mb-sm"><b>Helge Brinkschulte</b> führt seit 1995 das Verlagshaus Brinkschulte Medien. 
                        Die regio Manager-Magazine stehen für über 1.000 Branchenrankings und eine Reichweite von mehr als 140.000 Top-Entscheidern in NRW.</p>
                    <p class="space-mb-sm"><b>Sven von Loh</b> baute ab 2007 LeasingTime zu einem der führenden digitalen Autoleasing-Marktplätze in Deutschland auf und verkaufte das Unternehmen 2021 an die AutoScout24-Gruppe. 
                        Heute engagiert er sich als unternehmerischer Investor in den Bereichen Nachhaltigkeit, Energie und Mobilität.</p>
                    <p class="mb-0">Aus diesen beiden Perspektiven ist 2bgood entstanden: ein System, das Verantwortung im Mittelstand bewertet, einordnet und sichtbar macht.</p>
                </div>
            </div>
            <div class="col-lg-6 order-1 order-lg-2">
                <div class="brinkschulte-von-loh-img h-100 mobile-w-100"> </div>
            </div>
        </div>
    </section>
    <section>
        <div class="row g-0">
            <div class="col-xl-6">
                <div class="bg-lightgreen space-p-md mobile-space-py-xl mobile-w-100 h-100">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 text-center text-lg-start">
                            <h2 class="headline small space-mb-sm">Score berechnen</h2>
                            <p class="space-mb-sm"><?= $_view["questionCount"]; ?> Fragen. 20 Minuten. Kostenlos.</p>
                            <a href="<?= $_con->getLink(["interview"]); ?>" class="btn lg btn-primary score ico right">Score erstellen - kostenlos <span class="icon"></span></a>
                        </div>
                        <div class="col-xl-6 col-lg-4 d-none d-lg-block"> <img class="w-100 h-auto" src="<?=$_con->getLink(["assets", "images", "score-cta-small.webp"]);?>" width="316" height="213" alt="Der Score in Print und digital" loading="lazy"> </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="bg-lightpink space-p-md mobile-space-py-xl mobile-w-100 h-100">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 text-center text-lg-start">
                            <h2 class="headline small space-mb-sm">Magazin lesen</h2>
                            <p class="space-mb-sm">4 Ausgaben. Print + Digital. 39 EUR.</p>
                            <a href="<?= $_con->getLink(["magazine", "subscribe"]); ?>" class="btn lg btn-primary magazin ico left"><span class="icon"></span>Magazin abonnieren</a>
                        </div>
                        <div class="col-xl-6 col-lg-4 d-none d-lg-block"> <img class="w-100 h-auto" src="<?=$_con->getLink(["assets", "images", "magazin-cta-small.webp"]);?>" width="316" height="213" alt="Das Magazin in Print und digital" loading="lazy"> </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>