

<?php include('_inc/_header-suite-start.php'); ?>

<?php /* START: Pagetitle Content */ ?>
<div class="ch-ggs-web-suite-landing-sections">
	<section class="ch-ggs-web-suite-landing-section ch-ggs-web-suite-landing-section-hero">
		<div class="container">
			<h1 class="ch-ggs-web-suite-landing-hero-title">Ihr Software-Werkzeugkasten für gefährliche Stoffe und Güter</h1>
			<div class="ch-ggs-web-suite-common-content-holder">
				<p class="ch-ggs-web-suite-landing-hero-text">
					Die HazmatSuite stellt sowohl für Experten als auch für Einsteiger verschiedene Software-Tools im Umgang mit gefährlichen Stoffen und Gütern bereit.
				</p>
				<div class="row">
					<div class="col-md-4 col-lg-3">
						<a href="#" class="btn btn-lg btn-block btn-white">
							Jetzt starten
						</a>
					</div>
				</div>
			</div>
		</div>
	</section>
	<div id="ch-ggs-web-suite-landing-nav" class="ch-ggs-web-suite-landing-nav d-none d-md-flex">
		<div class="container">
			<div class="navbar p-0" id="navbar-spy-sections">
				<ul class="navbar-nav flex-row">
					<li id="ch-ggs-web-suite-nav-item-01" class="nav-item"><a href="#ch-ggs-web-suite-section-01" class="nav-link py-3 px-3 ml-n3">Überblick <i class="ifc ifc-chevron_down"></i></a></li>
					<li id="ch-ggs-web-suite-nav-item-02" class="nav-item"><a href="#ch-ggs-web-suite-section-02" class="nav-link py-3 px-3">Die <span class="upper">Hazmat</span> Suite <i class="ifc ifc-chevron_down"></i></a></li>
					<li id="ch-ggs-web-suite-nav-item-03" class="nav-item"><a href="#ch-ggs-web-suite-section-03" class="nav-link py-3 px-3">Die Tools <i class="ifc ifc-chevron_down"></i></a></li>
				</ul>
			</div>
		</div>
	</div>
	<section id="ch-ggs-web-suite-section-01" class="ch-ggs-web-suite-landing-section ch-ggs-web-suite-landing-section-dark">
		<?php include('_inc/_sectionCardsNew.php') ?>
	</section>
	<section id="ch-ggs-web-suite-section-02" class="ch-ggs-web-suite-landing-section ch-ggs-web-suite-landing-section-dark">
		<div class="container">
			<h2 class="ch-ggs-web-suite-landing-section-title ch-ggs-web-suite-landing-section-title-image">
				<img src="assets/img/logo-hazmat-suite.png" alt="Logo HazmatSuite" width="297" height="60" class="img-fluid">
				<span class="sr-only">Hazmat Suite</span>
			</h2>
			<?php include('_inc/_sectionArticleNew.php') ?>
			<?php include('_inc/_sectionArticleNew.php') ?>
			<?php include('_inc/_sectionArticleNewText.php') ?>
			<a class="ch-ggs-web-suite-cta-box">
				<h2 class="ch-ggs-web-suite-cta-box-title">Jetzt Startguthaben sichern. Eine Suite, alle Tools.</h2>
				<p>
					Während andere noch überlegen, haben wir das Problem schon gelöst. Sie glauben uns nicht? Testen Sie die HazmatSuite und das Potential unserer Gefahrstoff- und Gefahrgut-Essentials.
				</p>
				<div class="row">
					<div class="col-md-6 col-lg-5">
						<div class="btn btn-lg btn-block btn-white ch-ggs-web-suite-cta-box-btn">start now</div>
					</div>
				</div>
			</a>
		</div>
	</section>
	<section id="ch-ggs-web-suite-section-03" class="ch-ggs-web-suite-landing-section">
		<div class="container">
			<?php include('_inc/_sectionArticleNewTextIcon.php') ?>
			<?php include('_inc/_sectionArticleNewTextIcon.php') ?>
		</div>
	</section>
</div>

<?php /* END: Pagetitle Content */ ?>


<?php /* START: Main Includes Content */ ?>

<?php include('_inc/_sectionCards.php') ?>
        		
<section>
	<div class="container">
		<div class="row">
			<div class="<?php echo $GLOBALS['offsetClass'] ?>">
				<h2 class="ch-ggs-web-suite-section-title text-center">Der erste Werkzeugkasten für Gefahrstoff- und Gefahrgut</h2>
			</div>
		</div>
		<?php include('_inc/_sectionArticleLeft.php') ?>
		
		<?php include('_inc/_sectionArticleRight.php') ?>
	</div>
		
</section>

<?php include('_inc/_sectionDark.php') ?>

<?php include('_inc/_sectionPlainCards.php') ?>
        		
<?php /* END: Main Includes Content */ ?>

<?php include('_inc/_footer-suite-start.php') ?>