<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta content="index,follow" name="robots">
    <meta content="Dies ist ein Teamplate für das Redesign der Websites der IHK 24 Gruppe" name="description">
    <link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link href="css/styles/inner/main.css" media="all" rel="stylesheet" type="text/css">
    <link href="css/styles/inner/print.css" media="print" rel="stylesheet" type="text/css">

    <title>IHK24 Chronik Gießen Friedberg</title>

    <script>
        var ihk = ihk || {};
        ihk.translations = {
            overview: "Übersicht",
            loadMoreImages: "mehr Bilder laden",
            loadMoreArticles: "mehr laden"
        };
    </script>
</head>

<body>
<div class="page">
    <header class="page-header">
        <a class="logo" href="#">
            <!--object data="img/logos/svg/schleswig-holstein.svg" type="image/svg+xml" tabindex="-1"></object-->
            <img alt="IHK Logo" src="img/logos/svg/schleswig-holstein.svg">
        </a>
        <ul class="contact-nav">
            <li><a class="phone" href="tel:123456789">+49 12 345678-90</a></li>
            <!--li><a href="#" class="contact">Kontakt</a></li-->
        </ul>
        <div class="search">
            <button class="open-search">Suche</button>
            <form action="#">
                <div class="container small">
                    <div class="outer">
                        <label class="visually-hidden" for="headersearch">Suchbegriff</label>
                        <input class="search-field" id="headersearch" name="#" placeholder="Hier Ihr Thema finden"
                               type="text">
                        <button aria-label="Suche starten" class="search-submit" type="submit"></button>
                    </div>
                </div>
            </form>
            <button class="close-search">Suche verlassen</button>
        </div>
        <button class="toggle-nav">
            <span>Menü</span>
        </button>
        <nav>
            <div class="overlay-holder"></div>
            <div class="primary" data-base-url="services/nav/" data-page-content-id="12189248.json"
                 data-root-url="12191410.json"></div>
            <div class="secondary">
                <ul>
                    <li><a href="#">Über uns</a></li>
                    <li><a href="#">Presse</a></li>
                    <li><a href="#">Newsletter</a></li>
                </ul>
            </div>
            <div class="meta">
                <ul>
                    <li class="contact"><a href="#">Kontakt</a></li>
                    <li class="language">
                        <ul>
                            <li><a href="#">CZ</a></li>
                            <li><a href="#">EN</a></li>
                        </ul>
                    </li>
                    <li class="icons">
                        <ul>
                            <li class="sign-language"><a href="#">Zeichensprache</a></li>
                            <li class="simple-language"><a href="#">Einfache Sprache</a></li>
                            <li class="login"><a href="#">Einloggen</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
        <div class="ihk-switch">
            <div class="step" data-step="geolocation">
                <p>Ihr geschätzter Standort ist <strong class="my-location"></strong>, sollen wir uns die <strong
                        class="my-ihk"></strong> für Ihre nächsten Besuche merken?</p>
                <p class="small"><a class="toggle-location-info" href="#location-info">Warum wird mein Standort
                    benötigt?</a></p>
                <p class="hidden" id="location-info">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Anostrum
                    officiis quas qui quidem recusandae repellat repudiandae soluta ullam!</p>
                <div class="buttons">
                    <button class="btn change-location icon-ihk-wechseln has-icon">Standort ändern</button>
                    <button class="btn secondary accept-location green icon-check has-icon">Ja</button>
                </div>
            </div>
            <div class="step" data-step="form">
                <p>Geben Sie Ihre Postleitzahl ein, damit wir Ihre IHK für Sie finden können:</p>
                <form action="#" class="ihk-finder">
                    <input placeholder="z.B. 44263 Dortmund" type="text">
                    <button type="submit"></button>
                </form>
            </div>
            <div class="step" data-step="switch">
                <p>Sie befinden sich auf der Startseite der <strong class="current-ihk" data-ihknr="150">IHK
                    Schleswig-Holstein</strong>. Möchten Sie stattdessen zur Startseite <strong>Ihrer <span
                        class="my-ihk"></span></strong> wechseln?</p>
                <div class="buttons">
                    <button class="btn stay-here">Hierbleiben</button>
                    <button class="btn change-ihk">Wechseln</button>
                </div>
            </div>
            <div class="step" data-step="success">
                <p>Sie werden zum Angebot der <strong class="large my-ihk"></strong> weitergeleitet.</p>
            </div>
            <button class="closer"></button>
        </div>
    </header>

    <div class="page-wrapper">
        <div class="page-content">
            <section class="participation p-stage">
                <div class="container">
                    <div class="row">
                        <div class="col">
                            <div class="text-box">
                                <p class="kicker">IHK Musterstadt Beteiligungsportal</p>
                                <h1 class="like-h2">Jetzt und digital mitreden</h1>
                                <p>Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.</p>
                                <a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <br>
            <section class="participation p-stage">
                <div class="container">
                    <div class="row">
                        <div class="col">
                            <div class="text-box">
                                <p class="kicker">Noch 6 Tage offen</p>
                                <div class="progress">
                                    <span class="bar" style="width: 65%"></span>
                                </div>
                                <h1 class="like-h2">Jetzt und digital mitreden</h1>
                                <p>Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.</p>
                                <a href="#">Mehr Infos</a>
                                <a href="#" class="btn white has-icon icon-small-arrow-right-simple">Jetzt beteiligen</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <br>
            <section class="participation p-stage image-stage">
                <div class="container">
                    <div class="row">
                        <div class="col">
                            <div class="text-box">
                                <p class="kicker">Noch 6 Tage offen</p>
                                <div class="progress">
                                    <span class="bar" style="width: 65%"></span>
                                </div>
                                <h1 class="like-h2">Jetzt und digital mitreden</h1>
                                <p>Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.</p>
                                <a href="#">Mehr Infos</a>
                                <a href="#" class="btn white has-icon icon-small-arrow-right-simple">Jetzt beteiligen</a>
                            </div>
                            <div class="image-box">
                                <img src="dummy/btm-stage.jpg" alt="" width="1400" height="787">
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="participation p-tiles">
                <div class="container">
                    <h1 class="like-h2">Aktuelle Beteiligungen<span class="badge">9</span></h1>
                </div>
                <div class="overflow-wrapper">
                    <div class="container">
                        <div class="row">
                            <div class="col">
                                <div class="tile">
                                    <div class="text-box">
                                        <p class="kicker">Noch 6 Tage offen</p>
                                        <div class="progress">
                                            <span class="bar" style="width: 65%"></span>
                                        </div>
                                        <h3 class="like-h4">Ideen zur Stärkung der Innenstädte und Ortskerne</h3>
                                        <p>Die Auswirkungen der Corona-Pandemie treffen die Innenstädte und Ortskerne. Wir sammeln Ideen, um den neuen Herausforderungen zu begegnen.</p>
                                    </div>
                                    <div class="buttons">
                                        <a href="beteiligung.html" class="btn btn-light">Mehr Infos</a>
                                        <a href="beteiligung.html" class="btn">Mach mit!</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="tile">
                                    <div class="text-box">
                                        <p class="kicker">Laufend</p>
                                        <div class="progress"></div>
                                        <h3 class="like-h4">Ideen zur Stärkung der Innenstädte und Ortskerne</h3>
                                        <p>Die Auswirkungen der Corona-Pandemie treffen die Innenstädte und Ortskerne. Wir sammeln Ideen, um den neuen Herausforderungen zu begegnen.</p>
                                    </div>
                                    <div class="buttons">
                                        <a href="beteiligung.html" class="btn btn-light">Mehr Infos</a>
                                        <a href="beteiligung.html" class="btn">Jetzt beteiligen</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="tile">
                                    <div class="text-box">
                                        <p class="kicker">Noch 6 Tage offen</p>
                                        <div class="progress">
                                            <span class="bar" style="width: 80%"></span>
                                        </div>
                                        <h3 class="like-h4">Ideen zur Stärkung der Innenstädte und Ortskerne</h3>
                                        <p>Die Auswirkungen der Corona-Pandemie treffen die Innenstädte und Ortskerne. Wir sammeln Ideen, um den neuen Herausforderungen zu begegnen.</p>
                                    </div>
                                    <div class="buttons">
                                        <a href="beteiligung.html" class="btn">Jetzt beteiligen</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col all-participations">
                    <a href="#" class="btn">Alle aktuellen Beteiligungen</a>
                </div>
            </section>

            <section class="participation infobanner">
                <div class="container">
                    <a href="#" class="banner">
                        <div class="text-wrapper">
                            <div class="text-box">
                                <span class="kicker">Dachzeile optional</span>
                                <h2 class="like-h2">Headline Lorem ipsum dolor sit.</h2>
                                <p>Subline (optional) Lorem ipsum dolor sit.</p>
                            </div>
                            <div class="button-box">
                                <span class="btn white has-icon icon-small-arrow-right-simple">Call to action</span>
                            </div>
                        </div>
                    </a>
                </div>
            </section>

            <section class="participation">
                <div class="container">
                    <div class="vot-teaser survey">
                        <div class="text-box">
                            <p class="kicker">Schnellumfrage</p>
                            <h3>Einführung von 2G im Einzelhandel: Was halten Sie davon?</h3>
                            <p>Hier können Sie abstimmen</p>
                        </div>
                        <div class="form-box">
                            <form id="voting-form" class="vot-form" action="services/survey-result.html" data-show-result-url="services/survey-result.html" data-show-result="false" method="post">
                                <input type="hidden" name="_CSRFToken" value="">
                                <fieldset>
                                    <div class="choices-wrapper">
                                        <ul class="choices">
                                            <li class="choice">
                                                <input id="group0-0" type="radio" value="Sehr gut, angesichts der hohen Inzidenzen" name="grouping" required="">
                                                <label for="group0-0">Sehr gut, angesichts der hohen Inzidenzen</label>
                                            </li>
                                            <li class="choice">
                                                <input id="group0-1" type="radio" value="Mir ist das egal" name="grouping" required="">
                                                <label for="group0-1">Mir ist das egal</label>
                                            </li>
                                            <li class="choice">
                                                <input id="group0-2" type="radio" value="Die Regel ist zu hart" name="grouping" required="">
                                                <label for="group0-2">Die Regel ist zu hart</label>
                                            </li>
                                        </ul>
                                    </div>
                                </fieldset>
                                <div class="btn-wrapper">
                                    <button id="voting-results" type="button" class="showResults" title="Ergebnis anzeigen">Ergebnis anzeigen</button>
                                    <button id="voting-submit" type="submit" class="submit" title="Abstimmen">Abstimmen</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </section>

            <section class="participation p-map">
                <div class="container">
                    <h2>Aktuelle Planverfahren<span class="badge">68</span></h2>
                </div>
                <div class="container small">
                    @@include('./map.html')
                </div>
            </section>
        </div>
    </div>

    <footer class="page-footer">
        <div class="container">
            <div class="row contact">
                <div class="col">
                    <p class="like-h2">Wir können wir Ihnen helfen?</p>
                </div>
                <div class="col">
                    <h6>Unsere Anschrift:</h6>
                    <p>IHK Musterstadt<br>Musterstraße 12 – 18<br>123456 Musterstadt</p>
                    <p><a class="btn white has-icon icon-arrow-right" href="#">IHK wechseln</a></p>
                </div>
                <div class="col">
                    <h6>So erreichen Sie uns:</h6>
                    <ul class="contact-list">
                        <li class="mail"><a href="#">E-Mail schreiben</a></li>
                        <li class="phone"><a href="#">+49 12 345678-90</a></li>
                    </ul>
                </div>
            </div>
            <div class="row social">
                <div class="col">
                    <ul class="social-icons">
                        <li><a class="twitter" href="#">Twitter</a></li>
                        <li><a class="youtube" href="#">YouTube</a></li>
                        <li><a class="linkedin" href="#">LinkedIn</a></li>
                        <li><a class="instagram" href="#">Instagram</a></li>
                    </ul>
                </div>
            </div>
            <div class="row barrier-free">
                <div class="col">
                    <ul>
                        <li class="icon-gebaerdensprache">
                            <a href="#">Gebärdensprache</a>
                        </li>
                        <li class="icon-leichte-sprache">
                            <a href="#">Leichte Sprache</a>
                        </li>
                        <li class="icon-barrierefreiheit">
                            <a href="#">Erklärung zur Barrierefreiheit</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="row copyright">
                <div class="col">
                    <p>© Arbeitsgemeinschaft der Industrie- und Handelskammern zu Flensburg, zu Kiel und zu Lübeck Für
                        die Richtigkeit der in dieser Website enthaltenen Angaben können wir trotz sorgfältiger Prüfung
                        keine Gewähr übernehmen. Bei den Links zu externen Seiten handelt es sich ausschließlich um
                        fremde Inhalte, für die die Arbeitsgemeinschaft keine Haftung übernimmt und deren Inhalt sich
                        die Arbeitsgemeinschaft nicht zu eigen macht.</p>
                    <p>www.ihk-schleswig-holstein.de</p>
                </div>
                <div class="col">
                    <div class="logos">
                        <a href="#"><img alt="IHK Hamburg" loading="lazy" src="img/logos/png/hamburg.png"></a>
                        <a href="#"><img alt="IHK Berlin" loading="lazy" src="img/logos/png/berlin.png"></a>
                        <a href="#"><img alt="IHK Aachen" loading="lazy" src="img/logos/png/aachen.png"></a>
                    </div>
                </div>
            </div>
            <div class="row legal-nav">
                <nav class="col">
                    <ul>
                        <li><a href="#">Impressum</a></li>
                        <li><a href="#">Haftung</a></li>
                        <li><a href="#">AGB</a></li>
                        <li><a href="#">Datenschutz</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </footer>


</div>

<script src="js/index.js"></script>

</body>
</html>
