diff --git a/build.gradle b/build.gradle
index 2b80528..332c088 100644
--- a/build.gradle
+++ b/build.gradle
@@ -18,7 +18,7 @@ apply plugin: 'war'
 apply plugin: 'application'
 
 group = 'de.jottyfan.camporganizer'
-version = '0.2.0'
+version = '0.2.1'
 sourceCompatibility = 17
 mainClassName = "de.jottyfan.camporganizer.Main"
 
diff --git a/src/main/java/de/jottyfan/camporganizer/module/admin/AdminController.java b/src/main/java/de/jottyfan/camporganizer/module/admin/AdminController.java
index a49259b..febd499 100644
--- a/src/main/java/de/jottyfan/camporganizer/module/admin/AdminController.java
+++ b/src/main/java/de/jottyfan/camporganizer/module/admin/AdminController.java
@@ -1,18 +1,24 @@
 package de.jottyfan.camporganizer.module.admin;
 
+import javax.servlet.http.HttpServletRequest;
+
 import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.GetMapping;
 
+import de.jottyfan.camporganizer.module.common.CommonController;
+
 /**
  *
  * @author jotty
  *
  */
 @Controller
-public class AdminController {
+public class AdminController extends CommonController {
 
 	@GetMapping("/admin")
-	public String getMain() {
+	public String getMain(Model model, HttpServletRequest request) {
+		super.setupSession(model, request);
 		return "/admin/main";
 	}
 
diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index 8d359ce..90d1f4d 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -31,8 +31,7 @@ html {
 }
 
 body {
-	background-image: linear-gradient(to bottom right, rgb(255, 255, 255),
-		rgb(154, 153, 150));
+	background-image: url('../images/background.jpg');
 }
 
 a {
diff --git a/src/main/resources/static/images/background.jpg b/src/main/resources/static/images/background.jpg
new file mode 100644
index 0000000..43768ae
Binary files /dev/null and b/src/main/resources/static/images/background.jpg differ
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index bf5de3f..3e7a5a3 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -15,44 +15,51 @@
 		</ul>
 	</th:block>
 	<th:block layout:fragment="content">
-		<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 class="mainpage">
+		<script type="text/javascript">
+			var mytoggle = new MyToggle();
+		</script>
+		<div class="card bottomdist16" style="max-width: 660px; margin-left: auto; margin-right: auto; background: transparent" 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>
 					</div>
 				</div>
 			</div>
 		</div>
+	</div>
 	</th:block>
 </body>
 </html>
\ No newline at end of file