diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index 74a255b..ecac15e 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -217,6 +217,20 @@ div {
 	background: rgba(0, 0, 0, 0.5);
 }
 
+.btn-linda {
+	border-radius: 26px;
+	box-shadow: 0px 0px 7px 4px #ddd;
+	font-family: 'Cabin Sketch';
+	font-size: x-large;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.btn-linda:hover {
+	color: white !important;
+	background-color: #534f43 !important;
+}
+
 .silver-to-gray-gradient {
 	background-image: linear-gradient(to bottom right, lightgray, silver)
 		!important;
diff --git a/src/main/resources/templates/camplist.html b/src/main/resources/templates/camplist.html
index d8c17d8..8387954 100644
--- a/src/main/resources/templates/camplist.html
+++ b/src/main/resources/templates/camplist.html
@@ -15,51 +15,51 @@
 		</ul>
 	</th:block>
 	<th:block layout:fragment="content">
-	<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" style="background: transparent" 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 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" style="background: transparent" th:onclick="mytoggle.toggle('campdiv_[[${c.pk}]]')">
+					<div style="margin-left: auto; margin-right: auto;">
+						<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="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 th:id="'campdiv_' + ${c.pk}" class="card-body mytoggle_collapsed">
+					<table style="width: 100%">
+						<tr>
+							<td rowspan="4"><img th:src="@{/images/Icon_Stern.svg}" width="36px" height="36px" style="margin-left: 24px" /></td>
+							<td rowspan="4">
+								<div>
+									Biblische Geschichten<br /> Nachtwanderung<br /> Gruppenspiele<br /> Ausflüge<br /> Überraschungen
+								</div>
+							</td>
+							<td><span class="cabin">Ort</span></td>
+							<td><a th:href="${c.url}" th:text="${c.locationName}" target="_blank"></a></td>
+						</tr>
+						<tr>
+							<td><img th:src="@{/images/Icon_Alter.svg}" width="36px" height="36px" style="margin-top: 24px" /></td>
+							<td><div th:text="${c.minAge} + ' - ' + ${c.maxAge} + ' Jahre'" style="margin-top: 24px"></div></td>
+						</tr>
+						<tr>
+							<td><img th:src="@{/images/Icon_Datum.svg}" width="36px" height="36px" style="margin-top: 24px" /></td>
+							<td><div th:text="${#temporals.format(c.arrive, 'dd.MM.')} + ' - ' + ${#temporals.format(c.depart, 'dd.MM.yyyy')}" th:if="${c.arrive != null&&  c.depart != null}"
+									style="margin-top: 24px"></div></td>
+						</tr>
+						<tr>
+							<td><img th:src="@{/images/Icon_Preis.svg}" width="36px" height="36px" style="margin-top: 24px" /></td>
+							<td><div style="margin-top: 24px">
+									<p th:text="${c.price}"></p>
+								</div></td>
+						</tr>
+					</table>
+					<div style="text-align: center; margin-top: 64px">
+						<a class="btn btn-linda buttonfont" th:href="@{/registration/{id}(id=${c.pk})}">jetzt anmelden</a>
 					</div>
 				</div>
 			</div>
 		</div>
-	</div>
 	</th:block>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/registration/registration.html b/src/main/resources/templates/registration/registration.html
index 1b0a0af..873096d 100644
--- a/src/main/resources/templates/registration/registration.html
+++ b/src/main/resources/templates/registration/registration.html
@@ -107,7 +107,7 @@
 							</div>
 							<div class="row">
 								<div class="col-sm-12 rowdist centered">
-									<input type="submit" class="btn btn-outline-secondary" value="jetzt anmelden" />
+									<input type="submit" class="btn btn-linda buttonfont" value="jetzt anmelden" />
 								</div>
 							</div>
 						</div>