<!DOCTYPE html>
<html lang="de">

@@include('./head.html', {
	"title": "IHK24 Artikelseite",
	"stylesheet": "main"
})

<body>
	<div class="page">
		@@include('./header.html')

		<div class="page-wrapper">
			@@include('./grid.html')

			<section class="page-details">
				<ul class="breadcrumb">
					<li><a href="#">Start</a></li>
					<li><a href="#">Mitmachen</a></li>
					<li><a href="#">Aktuelle Beteiligungen</a></li>
				</ul>
				<span class="docnumber">Nr. 4073226</span>
			</section>

			<div class="page-content has-sidebar">
				<div class="container large">
					<div class="row">
						<main id="main" class="main-col" role="main">
							<div class="participation">
								<h1>Aktuelle Beteiligungen</h1>
								<div class="p-tabs">
									<a href="#" class="btn-small active">Alle <strong>(24)</strong></a>
									<a href="#" class="btn-small">Rubrik A <strong>(1)</strong></a>
									<a href="#" class="btn-small">Rubrik B <strong>(16)</strong></a>
									<a href="#" class="btn-small">Rubrik C <strong>(7)</strong></a>
								</div>
								<div class="p-list">
									<div class="list-item">
										<div class="tile">
											<div class="text-box">
												<div class="progress">
													<span class="bar" style="width: 65%"></span>
												</div>
												<p class="kicker">Noch 6 Tage offen</p>
												<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="list-item">
										<div class="tile">
                                            <div class="text-box">
												<div class="progress"></div>
												<p class="kicker">Laufend</p>
												<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="list-item">
										<div class="tile">
											<div class="text-box">
												<div class="progress">
													<span class="bar" style="width: 80%"></span>
												</div>
												<p class="kicker">Noch 6 Tage offen</p>
												<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 class="list-item">
										<div class="tile">
											<div class="text-box">
												<div class="progress">
													<span class="bar" style="width: 65%"></span>
												</div>
												<p class="kicker">Noch 6 Tage offen</p>
												<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="list-item">
										<div class="tile">
											<div class="text-box">
												<div class="progress"></div>
												<p class="kicker">Laufend</p>
												<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="list-item">
										<div class="tile">
											<div class="text-box">
												<div class="progress">
													<span class="bar" style="width: 80%"></span>
												</div>
												<p class="kicker">Noch 6 Tage offen</p>
												<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 class="list-item">
										<div class="tile">
											<div class="text-box">
												<div class="progress">
													<span class="bar" style="width: 65%"></span>
												</div>
												<p class="kicker">Noch 6 Tage offen</p>
												<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>
								<div class="pagination">
									<ul>
										<li><a href="#" class="btn current">1</a></li>
										<li><a href="#" class="btn">2</a></li>
										<li><a href="#" class="btn">3</a></li>
									</ul>
								</div>
							</div>
							@@include('./print-share.html')
						</main>
						<aside role="complementary" id="sidebar" class="sidebar">
							@@include('./sidebar-contact.html')

							<h3>Weitere Informationen</h3>
							<ul class="linklist">
								<li><a href="#">Abgeschlossene Beteiligungen</a></li>
								<li><a href="#">Aktuelle Planverfahren</a></li>
								<li><a href="#">Abgeschlossene Planverfahren</a></li>
							</ul>
						</aside>
					</div>
				</div>
			</div>
		</div>

		@@include('./footer.html')
	</div>

	@@include('./scripts.html')
</body>
</html>
