diff --git a/build.gradle b/build.gradle
index 92d93d7..2b80528 100644
--- a/build.gradle
+++ b/build.gradle
@@ -18,7 +18,7 @@ apply plugin: 'war'
 apply plugin: 'application'
 
 group = 'de.jottyfan.camporganizer'
-version = '0.1.9'
+version = '0.2.0'
 sourceCompatibility = 17
 mainClassName = "de.jottyfan.camporganizer.Main"
 
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index 5f20392..bf5de3f 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -7,62 +7,52 @@
 <body>
 	<th:block layout:fragment="header">
 		<ul class="navbar-nav mb-2 mb-lg-0">
-			<li class="nav-item">
-			  <a th:href="@{/ical}" class="btn btn-secondary btn-icon-silent" target="_blank" title="Freizeitdaten als ical herunterladen"><i class="far fa-calendar-alt"></i></a>
+			<li class="nav-item"><a th:href="@{/ical}" class="btn btn-secondary btn-icon-silent" target="_blank" title="Freizeitdaten als ical herunterladen"><i class="far fa-calendar-alt"></i></a>
 			</li>
 		</ul>
 		<ul class="navbar-nav mb-2 mb-lg-0">
-			<li class="nav-item">
-				<a class="btn btn-icon-silent menufont"	th:href="@{/}">Unsere Freizeiten</a>
-			</li>
+			<li class="nav-item"><a class="btn btn-icon-silent menufont" th:href="@{/}">Unsere Freizeiten</a></li>
 		</ul>
 	</th:block>
 	<th:block layout:fragment="content">
-	<div class="mainpage">
-		<script type="text/javascript">
-			var mytoggle = new MyToggle();
-		</script>
-		<div class="card bottomdist16" th:each="c : ${camps}">
-			<div class="card-header mytoggle_btn" th:onclick="mytoggle.toggle('campdiv_[[${c.pk}]]')">
-				<span th:text="${c.name}" class="headlinefont"></span><span class="headlinefont">&nbsp;</span><span th:text="${#numbers.formatInteger(c.year, 0)}" class="headlinefont"
-					th:if="${c.year != null}"></span>
-			</div>
-			<div th:id="'campdiv_' + ${c.pk}" class="card-body mytoggle_collapsed">
-				<div class="container">
-					<div class="row">
-						<div class="col-sm-3">Ort</div>
-						<div class="col-sm-9">
-							<a th:href="${c.url}" th:text="${c.locationName}" target="_blank"></a>
-						</div>
-					</div>
-					<div class="row">
-						<div class="col-sm-3">Jungen und Mädchen</div>
-						<div class="col-sm-9" th:text="${c.minAge} + ' - ' + ${c.maxAge}"></div>
-					</div>
-					<div class="row">
-						<div class="col-sm-3">Zeit</div>
-						<div class="col-sm-9">
-							<span th:text="${#temporals.format(c.arrive, 'dd.MM.')} + ' - ' + ${#temporals.format(c.depart, 'dd.MM.yyyy')}" th:if="${c.arrive != null &&  c.depart != null}"></span>
-						</div>
-					</div>
-					<div class="row">
-						<div class="col-sm-3">Preis</div>
-						<div class="col-sm-9" th:text="${c.price}"></div>
-					</div>
-					<div class="row">
-						<div class="col-sm-3">Ferien</div>
-						<div class="col-sm-9" th:text="${c.countries}"></div>
-					</div>
-					<div class="row">
-						<div class="col-sm-3"></div>
-						<div class="col-sm-9">
-							<a class="btn btn-primary buttonfont" th:href="@{/registration/{id}(id=${c.pk})}">jetzt anmelden</a>
+		<div class="mainpage">
+			<div class="container">
+				<div class="row">
+					<div class="col-sm-6 col-md-4 col-lg-3" th:each="c : ${camps}">
+						<div class="card bottomdist16">
+							<div class="card-header">
+								<span th:text="${c.name}" class="headlinefont"></span><span class="headlinefont">&nbsp;</span><span th:text="${#numbers.formatInteger(c.year, 0)}" class="headlinefont"
+									th:if="${c.year != null}"></span>
+							</div>
+							<div class="card-body">
+								<table style="width: 100%">
+									<tr>
+										<th class="menufont" style="min-width: 64px">Ort</th>
+										<td><a th:href="${c.url}" th:text="${c.locationName}" class="menufont" target="_blank"></a></td>
+									</tr>
+									<tr>
+										<th class="menufont">Alter</th>
+										<td class="menufont" th:text="${c.minAge} + ' - ' + ${c.maxAge}"></td>
+									</tr>
+									<tr>
+										<th class="menufont">Zeit</th>
+										<td><span class="menufont" th:text="${#temporals.format(c.arrive, 'dd.MM.')} + ' - ' + ${#temporals.format(c.depart, 'dd.MM.yyyy')}"
+											th:if="${c.arrive != null &&  c.depart != null}"></span></td>
+									</tr>
+									<tr>
+										<th class="menufont">Preis</th>
+										<td class="menufont" th:text="${c.price}"></td>
+									</tr>
+									<tr>
+										<td colspan="2" style="text-align: center"><a class="btn btn-outline-primary buttonfont" th:href="@{/registration/{id}(id=${c.pk})}">jetzt anmelden</a></td>
+									</tr>
+								</table>
+							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
-	</div>
 	</th:block>
 </body>
 </html>
\ No newline at end of file
