diff --git a/.htaccess_example b/.htaccess_example
index 76dd3f8..73e3dbf 100644
--- a/.htaccess_example
+++ b/.htaccess_example
@@ -6,7 +6,6 @@ RewriteBase /projects/RegattenApp/
 
 ### RESTRICTED FOLDER
 RewriteRule ^(.*)server(.*)$ / [R=301,L,NC]
-RewriteRule ^(.*)content(.*)$ / [R=301,L,NC]
 
 
 
diff --git a/client/styles/style.css b/client/styles/style.css
index 22e1688..6634c8a 100644
--- a/client/styles/style.css
+++ b/client/styles/style.css
@@ -1220,6 +1220,7 @@ img.mx-auto {
   bottom: 0px;
   z-index: 99999;
   transition: all 150ms ease;
+  background-color: #0f1117;
 }
 
 #preloader .spinner-border {
diff --git a/index.php b/index.php
index 6b2f486..4ff9644 100644
--- a/index.php
+++ b/index.php
@@ -24,7 +24,7 @@
 		exit;
 	}
 	
-	if (!file_exists(__DIR__ . '/content/' . $site . '.php')) {
+	if (!file_exists(__DIR__ . '/server/content/' . $site . '.php')) {
 		$site = '404';
 	}
 	
@@ -40,7 +40,7 @@
 	$tpl = new Templates(__DIR__ . '/server/templates/');
 	$scripts = new Scripts(__DIR__ . '/server/scripts/');
 	
-	require_once(__DIR__ . '/content/' . $site . '.php');
+	require_once(__DIR__ . '/server/content/' . $site . '.php');
 	
 	require_once(__DIR__ . '/server/buildpage.php');
 	
diff --git a/content/404.php b/server/content/404.php
similarity index 100%
rename from content/404.php
rename to server/content/404.php
diff --git a/content/index.php b/server/content/index.php
similarity index 69%
rename from content/index.php
rename to server/content/index.php
index 7fd163a..f040ebf 100644
--- a/content/index.php
+++ b/server/content/index.php
@@ -22,8 +22,7 @@
 	
 	// Planning next
 	$content = '<h2>Deine n&auml;chsten Regatten</h2>';
-	$thead = '<tr><th>Datum</th><th>Regatta</th><th>Informationen</th><th>RLF</th><th>Segler</th></tr>';
-	$content .= $tpl->load('table', [$thead, 'html-id' => 'table-yournext', 'css-class' => 'mb-0 mt-3']);
+	$content .= '<div id="div-yournext" class="regattas-list mb-0"></div>';
 	$content .= '<p id="p-yournext" class="mt-3">';
 	$content .= 'Du f&auml;hrst in den n&auml;chsten vier Wochen auf keine Regatta!';
 	$content .= '</p>';
@@ -41,8 +40,7 @@
 	
 	// Next
 	$content = '<h2>N&auml;chste Regatten</h2>';
-	$thead = '<tr><th>Datum</th><th>Regatta</th><th>Informationen</th><th>RLF</th></tr>';
-	$content .= $tpl->load('table', [$thead, 'html-id' => 'table-next', 'css-class' => 'mb-0 mt-3']);
+	$content .= '<div id="div-next" class="regattas-list mb-0"></div>';
 	$content .= '<p id="p-next" class="mt-3">';
 	$content .= 'Keine Regatten in den n&auml;chsten zwei Wochen!';
 	$content .= '</p>';
@@ -51,8 +49,7 @@
 	
 	// Last
 	$content = '<h2>Letzte Regatten</h2>';
-	$thead = '<tr><th>Datum</th><th>Regatta</th><th>Ergebnisse</th><th>RLF</th></tr>';
-	$content .= $tpl->load('table', [$thead, 'html-id' => 'table-last', 'css-class' => 'mb-0 mt-3']);
+	$content .= '<div id="div-last" class="regattas-list mb-0"></div>';
 	$content .= '<p id="p-last" class="mt-3">';
 	$content .= 'Keine Regatten in den letzten zwei Wochen!';
 	$content .= '</p>';
@@ -71,6 +68,18 @@
 	
 	$sp['output'] .= $tpl->load('card', [$content]);
 	
-	$sp['scripts'] = $scripts->load('index');
+	// Regattas Menu
+	$items = '<p id="menu-item-yourplanning" class="mb-2 mt-1" style="line-height: 1.5em;"></p>';
+	$items .= $tpl->load('menu/item-icon', ['Saison-Planungen', '', 'html-id' => 'menu-item-plannings', 'icon' => 'fa-calendar-alt']);
+	$items .= $tpl->load('menu/item-icon', ['Ergebnisse', '', 'html-id' => 'menu-item-results', 'icon' => 'fa-poll']);
+	$items .= $tpl->load('menu/item-icon', ['Bericht', '', 'html-id' => 'menu-item-bericht', 'icon' => 'fa-book']);
+	$items .= $tpl->load('menu/item-icon', ['Informationen', '', 'html-id' => 'menu-item-info', 'icon' => 'fa-info']);
+	$items .= $tpl->load('menu/item-icon-badge', ['Meldung', '', 'html-id' => 'menu-item-meldung', 'icon' => 'fa-file-signature', 'badge-id' => 'badge-regatta-meldung']);
+	$items .= $tpl->load('menu/item-icon', ['offizielle Ergebnisse', '', 'html-id' => 'menu-item-oresults', 'icon' => 'fa-poll']);
+	$items .= $tpl->load('menu/item-icon', ['Vereins-Website', '', 'html-id' => 'menu-item-clubwebsite', 'icon' => 'fa-globe']);
+	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-regatta', 'title' => 'Regatta-Details', 'height' => 320]);
+	
+	$sp['scripts'] .= $scripts->load('onRegattaClicked');
+	$sp['scripts'] .= $scripts->load('index');
 	
 ?>
\ No newline at end of file
diff --git a/content/regattas.php b/server/content/regattas.php
similarity index 82%
rename from content/regattas.php
rename to server/content/regattas.php
index 4754d56..f6256f1 100644
--- a/content/regattas.php
+++ b/server/content/regattas.php
@@ -22,7 +22,9 @@
 	$sp['output'] .= $tpl->load('card', [$content, 'html-id' => 'card-regattas']);
 	
 	// Menu
-	$items = $tpl->load('menu/item-icon', ['Ergebnisse', '', 'html-id' => 'menu-item-results', 'icon' => 'fa-poll']);
+	$items = '<p id="menu-item-yourplanning" class="mb-2 mt-1" style="line-height: 1.5em;"></p>';
+	$items .= $tpl->load('menu/item-icon', ['Saison-Planungen', '', 'html-id' => 'menu-item-plannings', 'icon' => 'fa-calendar-alt']);
+	$items .= $tpl->load('menu/item-icon', ['Ergebnisse', '', 'html-id' => 'menu-item-results', 'icon' => 'fa-poll']);
 	$items .= $tpl->load('menu/item-icon', ['Bericht', '', 'html-id' => 'menu-item-bericht', 'icon' => 'fa-book']);
 	$items .= $tpl->load('menu/item-icon', ['Informationen', '', 'html-id' => 'menu-item-info', 'icon' => 'fa-info']);
 	$items .= $tpl->load('menu/item-icon-badge', ['Meldung', '', 'html-id' => 'menu-item-meldung', 'icon' => 'fa-file-signature', 'badge-id' => 'badge-regatta-meldung']);
@@ -30,6 +32,7 @@
 	$items .= $tpl->load('menu/item-icon', ['Vereins-Website', '', 'html-id' => 'menu-item-clubwebsite', 'icon' => 'fa-globe']);
 	$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-regatta', 'title' => 'Regatta-Details', 'height' => 320]);
 	
+	$sp['scripts'] .= $scripts->load('onRegattaClicked');
 	$sp['scripts'] .= $scripts->load('regattas');
 	
 ?>
\ No newline at end of file
diff --git a/server/page/install.php b/server/page/install.php
index 14e2d87..61754fa 100644
--- a/server/page/install.php
+++ b/server/page/install.php
@@ -1,6 +1,6 @@
 <!-- Install Prompt for Android -->
 <div id="menu-install-pwa-android" class="menu menu-box-bottom menu-box-detached rounded-l"
-	data-menu-height="350" 
+	data-menu-height="400" 
 	data-menu-effect="menu-parallax">
 	<div class="boxed-text-l mt-4">
 		<img class="rounded-l mb-3" src="<?php echo SERVER_ADDR; ?>/client/app/icons/icon-128x128.png" alt="img" width="90">
@@ -17,7 +17,7 @@
 <!-- Install instructions for iOS -->
 <div id="menu-install-pwa-ios" 
 	class="menu menu-box-bottom menu-box-detached rounded-l"
-	data-menu-height="320" 
+	data-menu-height="360" 
 	data-menu-effect="menu-parallax">
 	<div class="boxed-text-xl mt-4">
 		<img class="rounded-l mb-3" src="<?php echo SERVER_ADDR; ?>/client/app/icons/icon-128x128.png" alt="img" width="90">
@@ -26,7 +26,6 @@
 			Installiere Regatten.net auf Deinem Startbildschirm und greife wie bei einer normalen App darauf zu. &Ouml;ffne Dein Safari-Men&uuml; und tippe auf &quot;Zum Startbildschirm hinzuf&uuml;gen&quot;.
 		</p>
 		<div class="clear"></div>
-		<a href="#" class="pwa-dismiss close-menu color-highlight uppercase ultrabold opacity-80 top-25">Vielleicht sp&auml;ter</a>
-		<i class="fa-ios-arrow fa fa-caret-down font-40"></i>
+		<a href="#" class="pwa-dismiss close-menu color-highlight text-uppercase font-900 opacity-60 font-10">Vielleicht sp&auml;ter</a>
 	</div>
 </div>
diff --git a/server/scripts/index.js b/server/scripts/index.js
index 3fbe39e..48f95c6 100644
--- a/server/scripts/index.js
+++ b/server/scripts/index.js
@@ -1,9 +1,12 @@
+var today;
+
 var siteScript = async function() {
+	today = getToday();
+	
 	if (isLoggedIn()) {
 		$('#card-notloggedin').hide();
 		
 		var user = await dbGetData('users', localStorage.getItem('auth_user'));
-		var today = getToday();
 		
 		// Favorites
 		var watched = [];
@@ -59,100 +62,88 @@ var siteScript = async function() {
 			return 0;
 		});
 		if (plannings.length > 0) {
-			tbody = '';
+			list = '';
 			for (i in plannings) {
 				var planning = plannings[i];
 				var regatta = planning.regatta;
+				
+				if (regatta['length'] < 1) continue;
+				
 				var club = null;
 				if (regatta['club'] != null)
 					club = await dbGetData('clubs', regatta['club']);
 				var dateFrom = regatta['dateFrom'];
 				var dateTo = regatta['dateTo'];
-				// TODO: get steuermann and crew
-				var steuermann = '<i>noch unklar</i>';
-				if (planning.steuermann !== null) {
-					steuermann = (await dbGetData('sailors', planning.steuermann)).name;
-				}
-				var crew = [];
-				if (planning.crew !== '') {
-					crewIds = planning.crew.split(',');
-					for (j in crewIds) {
-						crew.push((await dbGetData('sailors', crewIds[j])).name);
-					}
-				}
 				
 				// output
-				tbody += '<tr>';
 				
-				tbody += '<td><span style="white-space:nowrap;">' + formatDate("j. M 'y", dateFrom) + '<br>' + formatDate("j. M 'y", dateTo) + '</span></td>';
+				list += '<div onclick="onRegattaClicked(' + regatta['id'] + ');">';
 				
-				var content = '';
-				if (club != null) {
-					content = club['kurz'];
-					if (club['website'] != '') {
-						content = '<a href="' + club['website'] + '" target="_blank">' + content + '</a>';
-					}
-				}
-				tbody += '<td>' + content + '<br>' + (regatta['canceled'] == 1 ? '<s>' : '') + regatta['name'] + (regatta['canceled'] == 1 ? '</s>' : '') + '</td>';
+				// ZEILE 1
+				// Name
+				list += '<div><b>' + (regatta['canceled'] == 1 ? '<s>' : '') + regatta['name'] + (regatta['canceled'] == 1 ? '</s>' : '') + '</b></div>';
 				
-				var buf = '';
-				if (regatta['info'] != '') {
-					buf += '<a target="_blank" href="' + regatta['info'] + '">Informationen</a>';
-				}
-				if ((regatta['meldung'] != '') && (dateTo >= today)) {
-					buf += '<br><a target="_blank" href="' + regatta['meldung'] + '">Meldung</a>';
-					
-					if ((planning != null) && (planning['gemeldet'] == "1")) {
-						buf += ' <i>(du hast gemeldet)</i>';
-					} else if (regatta['meldungOffen'] == "0") {
-						buf += ' <i>(geschlossen)</i>';
-					} else if (regatta['meldungSchluss'] != null) {
-						early = false;
-						if (regatta['meldungEarly'] != null) {
-							ms = parseDate(regatta['meldungEarly']);
-							if (ms >= today) {
-								early = true;
+				// ZEILE 2
+				list += '<div>';
+				
+				// Number
+				list += '<div>' + ((regatta['number'] != null) ? ('# ' + regatta['number']) : '') + '</div>';
+				
+				// Club
+				list += '<div>' + ((club != null) ? club['kurz'] : '') + '</div>';
+				
+				// Special
+				list += '<div>' + regatta['special'] + '</div>';
+				
+				// Icons
+				var icons = [];
+				if (regatta['info'] != '')
+					icons.push('<i class="fas fa-info"></i>');
+				if ((regatta['meldung'] != '') && (dateTo >= today) && (regatta['meldungOffen'] == '1')) {
+					var color = '';
+					if (regatta['meldungSchluss'] != null) {
+						if (planning['gemeldet'] == '0') {
+							var ms = 0;
+							if (regatta['meldungEarly'] != null) {
+								ms = parseDate(regatta['meldungEarly']);
+							}
+							if (ms < today) {
+								ms = parseDate(regatta['meldungSchluss']);
+							}
+							var diff = Math.round((ms - today) / 86400000);
+							if ((ms >= today) && (diff < 7)) {
+								color = ' color-red2-dark';
 							}
 						}
-						if (!early)
-							ms = parseDate(regatta['meldungSchluss']);
-						if (ms >= today) {
-							diff = Math.round((ms - today) / 86400000);
-							red = (diff < 7);
-							if (diff <= 14) {
-								txt = 'noch ' + diff + ' Tag' + (diff != 1 ? 'e' : '');
-							} else if (diff < 35) {
-								diff = Math.floor(diff / 7);
-								txt = 'noch ' + diff + ' Woche' + (diff != 1 ? 'n' : '');
-							} else {
-								diff = Math.floor(diff / 30.5);
-								txt = 'noch ' + diff + ' Monat' + (diff != 1 ? 'e' : '');
-							}
-							buf += ' <i>' + (red ? '<b><font style="color:red;">(' : '(') + txt + (early ? ' verg&uuml;nstigt' : '') + (red ? ')</font></b>' : ')') + '</i>';
-						} else {
-							buf += ' <i>(Meldeschluss abgelaufen)</i>';
-						}
 					}
+					if (planning['gemeldet'] == '0') {
+						color += ' fa-blink';
+					}
+					icons.push('<i class="fas fa-file-signature' + color + '"></i>');
 				}
-				if (regatta['bericht'] != '') {
-					buf += '<br><a target="_blank" href="' + regatta['bericht'] + '">Bericht</a>';
+				if (regatta['canceled'] == '1') {
+					icons.push('<i class="fas fa-times color-red2-dark"></i>');
 				}
-				if (regatta['oresults'] != '') {
-					buf += '<br><a target="_blank" href="' + regatta['oresults'] + '">off. Ergebnisse</a>';
-				}
-				tbody += '<td>' + buf + '</td>';
+				list += '<div class="color-green2-dark">' + icons.join('&ensp;') + '</div>';
 				
-				tbody += '<td><span style="white-space:nowrap;">' + parseFloat(regatta['rlf']).toFixed(2) + '</span></td>';
+				list += '</div>';
 				
-				tbody += '<td>' + steuermann + '<br>' + crew.join('<br>') + '</td>';
+				// ZEILE 3
+				list += '<div>';
 				
-				tbody += '</tr>';
+				// Date
+				list += '<div>' + formatDate("d.m.Y", dateFrom) + ' - ' + formatDate("d.m.Y", dateTo) + '</div>';
+				
+				// RLF
+				list += '<div>' + parseFloat(regatta['rlf']).toFixed(2) + '</div>';
+				
+				list += '</div></div>';
 			}
-			$('#table-yournext').find('tbody').html(tbody);
+			$('#div-yournext').html(list);
 			$('#p-yournext').hide();
-			$('#table_yournext').show();
+			$('#div-yournext').show();
 		} else {
-			$('#table-yournext').hide();
+			$('#div-yournext').hide();
 			$('#p-yournext').show();
 		}
 		$('#card-yournext').show();
@@ -169,9 +160,12 @@ var siteScript = async function() {
 	maxDate.setDate(maxDate.getDate() + 14);
 	var regattas = await dbGetRegattasRange(minDate, maxDate);
 	if (regattas.length > 0) {
-		tbody = '';
+		list = '';
 		for (i in regattas) {
 			var regatta = regattas[i];
+			
+			if (regatta['length'] < 1) continue;
+			
 			var club = null;
 			if (regatta['club'] != null)
 				club = await dbGetData('clubs', regatta['club']);
@@ -180,27 +174,33 @@ var siteScript = async function() {
 			var dateTo = regatta['dateTo'];
 			
 			// output
-			tbody += '<tr>';
+			list += '<div onclick="onRegattaClicked(' + regatta['id'] + ');">';
 			
-			tbody += '<td><span style="white-space:nowrap;">' + formatDate("j. M 'y", dateFrom) + '<br>' + formatDate("j. M 'y", dateTo) + '</span></td>';
+			// ZEILE 1
+			// Name
+			list += '<div><b>' + (regatta['canceled'] == 1 ? '<s>' : '') + regatta['name'] + (regatta['canceled'] == 1 ? '</s>' : '') + '</b></div>';
 			
-			var content = '';
-			if (club != null) {
-				content = club['kurz'];
-				if (club['website'] != '') {
-					content = '<a href="' + club['website'] + '" target="_blank">' + content + '</a>';
-				}
-			}
-			tbody += '<td>' + content + '<br>' + (regatta['canceled'] == 1 ? '<s>' : '') + regatta['name'] + (regatta['canceled'] == 1 ? '</s>' : '') + '</td>';
+			// ZEILE 2
+			list += '<div>';
 			
-			var buf = '';
-			if (regatta['info'] != '') {
-				buf += '<a target="_blank" href="' + regatta['info'] + '">Informationen</a>';
-			}
-			if ((regatta['meldung'] != '') && (dateTo >= today)) {
-				buf += '<br><a target="_blank" href="' + regatta['meldung'] + '">Meldung</a>';
+			// Number
+			list += '<div>' + ((regatta['number'] != null) ? ('# ' + regatta['number']) : '') + '</div>';
+			
+			// Club
+			list += '<div>' + ((club != null) ? club['kurz'] : '') + '</div>';
+			
+			// Special
+			list += '<div>' + regatta['special'] + '</div>';
+			
+			// Icons
+			var icons = [];
+			if (regatta['info'] != '')
+				icons.push('<i class="fas fa-info"></i>');
+			if ((regatta['meldung'] != '') && (dateTo >= today) && (regatta['meldungOffen'] == '1')) {
+				var color = '';
 				var planning = null;
 				if (isLoggedIn()) {
+					var plannings = await dbGetDataIndex('plannings', 'regatta', regatta['id']);
 					for (id in plannings) {
 						if (plannings[id]['user'] == USER_ID) {
 							planning = plannings[id];
@@ -208,56 +208,49 @@ var siteScript = async function() {
 						}
 					}
 				}
-				
-				if ((planning != null) && (planning['gemeldet'] == "1")) {
-					buf += ' <i>(du hast gemeldet)</i>';
-				} else if (regatta['meldungOffen'] == "0") {
-					buf += ' <i>(geschlossen)</i>';
-				} else if (regatta['meldungSchluss'] != null) {
-					early = false;
-					if (regatta['meldungEarly'] != null) {
-						ms = parseDate(regatta['meldungEarly']);
-						if (ms >= today) {
-							early = true;
+				if (regatta['meldungSchluss'] != null) {
+					if ((planning == null) || (planning['gemeldet'] == '0')) {
+						var ms = 0;
+						if (regatta['meldungEarly'] != null) {
+							ms = parseDate(regatta['meldungEarly']);
 						}
-					}
-					if (!early)
-						ms = parseDate(regatta['meldungSchluss']);
-					if (ms >= today) {
-						diff = Math.round((ms - today) / 86400000);
-						red = (diff < 7);
-						if (diff <= 14) {
-							txt = 'noch ' + diff + ' Tag' + (diff != 1 ? 'e' : '');
-						} else if (diff < 35) {
-							diff = Math.floor(diff / 7);
-							txt = 'noch ' + diff + ' Woche' + (diff != 1 ? 'n' : '');
-						} else {
-							diff = Math.floor(diff / 30.5);
-							txt = 'noch ' + diff + ' Monat' + (diff != 1 ? 'e' : '');
+						if (ms < today) {
+							ms = parseDate(regatta['meldungSchluss']);
+						}
+						var diff = Math.round((ms - today) / 86400000);
+						if ((ms >= today) && (diff < 7)) {
+							color = ' color-red2-dark';
 						}
-						buf += ' <i>' + (red ? '<b><font style="color:red;">(' : '(') + txt + (early ? ' verg&uuml;nstigt' : '') + (red ? ')</font></b>' : ')') + '</i>';
-					} else {
-						buf += ' <i>(Meldeschluss abgelaufen)</i>';
 					}
 				}
+				if ((planning != null) && (planning['gemeldet'] == '0')) {
+					color += ' fa-blink';
+				}
+				icons.push('<i class="fas fa-file-signature' + color + '"></i>');
 			}
-			if (regatta['bericht'] != '') {
-				buf += '<br><a target="_blank" href="' + regatta['bericht'] + '">Bericht</a>';
+			if (regatta['canceled'] == '1') {
+				icons.push('<i class="fas fa-times color-red2-dark"></i>');
 			}
-			if (regatta['oresults'] != '') {
-				buf += '<br><a target="_blank" href="' + regatta['oresults'] + '">off. Ergebnisse</a>';
-			}
-			tbody += '<td>' + buf + '</td>';
+			list += '<div class="color-green2-dark">' + icons.join('&ensp;') + '</div>';
 			
-			tbody += '<td><span style="white-space:nowrap;">' + parseFloat(regatta['rlf']).toFixed(2) + '</span></td>';
+			list += '</div>';
 			
-			tbody += '</tr>';
+			// ZEILE 3
+			list += '<div>';
+			
+			// Date
+			list += '<div>' + formatDate("d.m.Y", dateFrom) + ' - ' + formatDate("d.m.Y", dateTo) + '</div>';
+			
+			// RLF
+			list += '<div>' + parseFloat(regatta['rlf']).toFixed(2) + '</div>';
+			
+			list += '</div></div>';
 		}
-		$('#table-next').find('tbody').html(tbody);
+		$('#div-next').html(list);
 		$('#p-next').hide();
-		$('#table-next').show();
+		$('#div-next').show();
 	} else {
-		$('#table-next').hide();
+		$('#div-next').hide();
 		$('#p-next').show();
 	}
 	
@@ -274,9 +267,12 @@ var siteScript = async function() {
 		regattaResults[entry['id']] = (results.length > 0);
 	}
 	if (regattas.length > 0) {
-		tbody = '';
+		list = '';
 		for (i in regattas) {
 			var regatta = regattas[i];
+			
+			if (regatta['length'] < 1) continue;
+			
 			var club = null;
 			if (regatta['club'] != null)
 				club = await dbGetData('clubs', regatta['club']);
@@ -284,40 +280,56 @@ var siteScript = async function() {
 			var dateTo = regatta['dateTo'];
 			
 			// output
-			tbody += '<tr>';
 			
-			tbody += '<td><span style="white-space:nowrap;">' + formatDate("j. M 'y", dateFrom) + '<br>' + formatDate("j. M 'y", dateTo) + '</span></td>';
+			list += '<div onclick="onRegattaClicked(' + regatta['id'] + ');">';
 			
-			var content = '';
-			if (club != null) {
-				content = club['kurz'];
-				if (club['website'] != '') {
-					content = '<a href="' + club['website'] + '" target="_blank">' + content + '</a>';
-				}
+			// ZEILE 1
+			// Name
+			list += '<div><b>' + (regatta['canceled'] == 1 ? '<s>' : '') + regatta['name'] + (regatta['canceled'] == 1 ? '</s>' : '') + '</b></div>';
+			
+			// ZEILE 2
+			list += '<div>';
+			
+			// Number
+			list += '<div>' + ((regatta['number'] != null) ? ('# ' + regatta['number']) : '') + '</div>';
+			
+			// Club
+			list += '<div>' + ((club != null) ? club['kurz'] : '') + '</div>';
+			
+			// Special
+			list += '<div>' + regatta['special'] + '</div>';
+			
+			// Icons
+			var icons = [];
+			if (regatta['info'] != '')
+				icons.push('<i class="fas fa-info"></i>');
+			if (regatta['bericht'] != '')
+				icons.push('<i class="fas fa-book"></i>');
+			if (regatta['canceled'] == '1') {
+				icons.push('<i class="fas fa-times color-red2-dark"></i>');
+			} else if (regattaResults[regatta['id']]) {
+				icons.push('<i class="fas fa-poll"></i>');
 			}
-			tbody += '<td>' + content + '<br>' + (regatta['canceled'] == 1 ? '<s>' : '') + regatta['name'] + (regatta['canceled'] == 1 ? '</s>' : '') + '</td>';
+			list += '<div class="color-green2-dark">' + icons.join('&ensp;') + '</div>';
 			
-			var buf = '';
-			if (regatta['canceled'] == "1") {
-				buf = '<i style="color:red;" class="fas fa-times"></i> Ausgefallen</td>';
-			} else {
-				if (regattaResults[regatta['id']]) {
-					buf = '<i style="color:green;" class="fas fa-check"></i> <a href="' + LINK_PRE + 'result?regatta=' + regatta['id'] + '">Ergebnisse</a></td>';
-				} else {
-					buf = 'Nicht verf&uuml;gbar';
-				}
-			}
-			tbody += '<td>' + buf + '</td>';
+			list += '</div>';
 			
-			tbody += '<td><span style="white-space:nowrap;">' + parseFloat(regatta['rlf']).toFixed(2) + '</span></td>';
+			// ZEILE 3
+			list += '<div>';
 			
-			tbody += '</tr>';
+			// Date
+			list += '<div>' + formatDate("d.m.Y", dateFrom) + ' - ' + formatDate("d.m.Y", dateTo) + '</div>';
+			
+			// RLF
+			list += '<div>' + parseFloat(regatta['rlf']).toFixed(2) + '</div>';
+			
+			list += '</div></div>';
 		}
-		$('#table-last').find('tbody').html(tbody);
+		$('#div-last').html(list);
 		$('#p-last').hide();
-		$('#table-last').show();
+		$('#div-last').show();
 	} else {
-		$('#table-last').hide();
+		$('#div-last').hide();
 		$('#p-last').show();
 	}
 	
diff --git a/server/scripts/onRegattaClicked.js b/server/scripts/onRegattaClicked.js
new file mode 100644
index 0000000..0c7dd64
--- /dev/null
+++ b/server/scripts/onRegattaClicked.js
@@ -0,0 +1,157 @@
+async function onRegattaClicked(id) {
+	var regatta = await dbGetData('regattas', id);
+	
+	$('#menu-regatta').find('.menu-title').find('p').text(regatta.name);
+	
+	var dateTo = parseDate(regatta['date']);
+	dateTo.setDate(dateTo.getDate() + Math.max(parseInt(regatta['length']) - 1, 0));
+	
+	var plannings = await dbGetDataIndex('plannings', 'regatta', regatta['id']);
+	var planning = null;
+	if (isLoggedIn()) {
+		for (id in plannings) {
+			if (plannings[id]['user'] == USER_ID) {
+				planning = plannings[id];
+				break;
+			}
+		}
+	}
+	
+	// Your Planning
+	if (planning != null) {
+		$('#menu-item-yourplanning').show();
+		var steuermann = null;
+		if (planning.steuermann != null) {
+			steuermann = (await dbGetData('sailors', planning.steuermann)).name;
+		}
+		var crew = [steuermann == null ? '[noch unklar]' : steuermann];
+		crewA = planning.crew.split(',');
+		for (i in crewA) {
+			var sailor = await dbGetData('sailors', crewA[i]);
+			if (sailor != null) {
+				crew.push(sailor.name);
+			}
+		}
+		$('#menu-item-yourplanning').html(crew.join('<br>'));
+	} else {
+		$('#menu-item-yourplanning').hide();
+	}
+	
+	// Planning
+	if ((plannings.length > 0) && (dateTo >= today)) {
+		$('#menu-item-plannings').show();
+		$('#menu-item-plannings').attr('href', LINK_PRE + 'regatta_plan?regatta=' + regatta['id']);
+	} else {
+		$('#menu-item-plannings').hide();
+	}
+	
+	// Results
+	var results = await dbGetDataIndex('results', 'regatta', regatta['id']);
+	if (results.length > 0) {
+		$('#menu-item-results').show();
+		$('#menu-item-results').attr('href', LINK_PRE + 'result?regatta=' + regatta['id']);
+	} else {
+		$('#menu-item-results').hide();
+	}
+	
+	// Bericht
+	if (regatta['bericht'] != '') {
+		$('#menu-item-bericht').show();
+		$('#menu-item-bericht').attr('href', regatta['bericht']);
+		$('#menu-item-bericht').attr('target', '_blank');
+	} else {
+		$('#menu-item-bericht').hide();
+	}
+	
+	// Info
+	if (regatta['info'] != '') {
+		$('#menu-item-info').show();
+		$('#menu-item-info').attr('href', regatta['info']);
+		$('#menu-item-info').attr('target', '_blank');
+	} else {
+		$('#menu-item-info').hide();
+	}
+	
+	// Meldung
+	if ((regatta['meldung'] != '') && (dateTo >= today)) {
+		$('#menu-item-meldung').show();
+		$('#menu-item-meldung').attr('href', regatta['meldung']);
+		$('#menu-item-meldung').attr('target', '_blank');
+		if ((planning != null) && (planning['gemeldet'] == '1')) {
+			$('#badge-regatta-meldung').text('schon gemeldet');
+			$('#badge-regatta-meldung').addClass('bg-green2-dark').removeClass('bg-highlight bg-red2-dark bg-yellow2-dark');
+		} else if (regatta['meldungOffen'] == '0') {
+			$('#badge-regatta-meldung').text('geschlossen');
+			$('#badge-regatta-meldung').addClass('bg-highlight').removeClass('bg-green2-dark bg-red2-dark bg-yellow2-dark');
+		} else if (regatta['meldungSchluss'] != null) {
+			var early = false;
+			var ms;
+			if (regatta['meldungEarly'] != null) {
+				ms = parseDate(regatta['meldungEarly']);
+				if (ms >= today) {
+					early = true;
+				}
+			}
+			if (!early)
+				ms = parseDate(regatta['meldungSchluss']);
+			if (ms >= today) {
+				var diff = Math.round((ms - today) / 86400000);
+				var red = (diff < 7);
+				var txt;
+				if (diff <= 14) {
+					txt = diff + ' Tag' + (diff != 1 ? 'e' : '');
+				} else if (diff < 35) {
+					diff = Math.floor(diff / 7);
+					txt = diff + ' Woche' + (diff != 1 ? 'n' : '');
+				} else {
+					diff = Math.floor(diff / 30.5);
+					txt = diff + ' Monat' + (diff != 1 ? 'e' : '');
+				}
+				if (early)
+					txt += ' vergünstigt';
+				$('#badge-regatta-meldung').text(txt);
+				if (red) {
+					if (early) {
+						$('#badge-regatta-meldung').addClass('bg-yellow2-dark').removeClass('bg-highlight bg-green2-dark bg-red2-dark');
+					} else {
+						$('#badge-regatta-meldung').addClass('bg-red2-dark').removeClass('bg-highlight bg-green2-dark bg-yellow2-dark');
+					}
+				} else {
+					$('#badge-regatta-meldung').addClass('bg-highlight').removeClass('bg-green2-dark bg-red2-dark bg-yellow2-dark');
+				}
+			} else {
+				$('#badge-regatta-meldung').text('Meldeschluss abgelaufen');
+				$('#badge-regatta-meldung').addClass('bg-highlight').removeClass('bg-green2-dark bg-red2-dark bg-yellow2-dark');
+			}
+		} else {
+			$('#badge-regatta-meldung').text('');
+		}
+	} else {
+		$('#menu-item-meldung').hide();
+	}
+	
+	// off. results
+	if (regatta['oresults'] != '') {
+		$('#menu-item-oresults').show();
+		$('#menu-item-oresults').attr('href', regatta['oresults']);
+		$('#menu-item-oresults').attr('target', '_blank');
+	} else {
+		$('#menu-item-oresults').hide();
+	}
+	
+	// club website
+	var clubwebsite = '';
+	if (regatta['club'] != null) {
+		clubwebsite = (await dbGetData('clubs', regatta['club'])).website;
+	}
+	if (clubwebsite != '') {
+		$('#menu-item-clubwebsite').show();
+		$('#menu-item-clubwebsite').attr('href', clubwebsite);
+		$('#menu-item-clubwebsite').attr('target', '_blank');
+	} else {
+		$('#menu-item-clubwebsite').hide();
+	}
+	
+	$('#menu-regatta').showMenu();
+	$('#menu-regatta').scrollTop(0);
+}
\ No newline at end of file
diff --git a/server/scripts/regattas.js b/server/scripts/regattas.js
index 4f09ff7..6b51e09 100644
--- a/server/scripts/regattas.js
+++ b/server/scripts/regattas.js
@@ -31,7 +31,7 @@ var firstCall = true;
 var rows = [];
 var today;
 
-async function drawTable () {
+async function drawList () {
 	window.setTimeout(function () {
 		var list = '';
 		rows.forEach(function (entry) {
@@ -45,141 +45,13 @@ async function drawTable () {
 	}, 0);
 }
 
-async function regattaClicked(id) {
-	var regatta = await dbGetData('regattas', id);
-	
-	$('#menu-regatta').find('.menu-title').find('p').text(regatta.name);
-	
-	// Results
-	var results = await dbGetDataIndex('results', 'regatta', regatta['id']);
-	if (results.length > 0) {
-		$('#menu-item-results').show();
-		$('#menu-item-results').attr('href', LINK_PRE + 'result/' + regatta['id']);
-	} else {
-		$('#menu-item-results').hide();
-	}
-	
-	// Bericht
-	if (regatta['bericht'] != '') {
-		$('#menu-item-bericht').show();
-		$('#menu-item-bericht').attr('href', regatta['bericht']);
-		$('#menu-item-bericht').attr('target', '_blank');
-	} else {
-		$('#menu-item-bericht').hide();
-	}
-	
-	// Info
-	if (regatta['info'] != '') {
-		$('#menu-item-info').show();
-		$('#menu-item-info').attr('href', regatta['info']);
-		$('#menu-item-info').attr('target', '_blank');
-	} else {
-		$('#menu-item-info').hide();
-	}
-	
-	// Meldung
-	var dateTo = parseDate(regatta['date']);
-	dateTo.setDate(dateTo.getDate() + Math.max(parseInt(regatta['length']) - 1, 0));
-	if ((regatta['meldung'] != '') && (dateTo >= today)) {
-		$('#menu-item-meldung').show();
-		$('#menu-item-meldung').attr('href', regatta['meldung']);
-		$('#menu-item-meldung').attr('target', '_blank');
-		var planning = null;
-		if (isLoggedIn()) {
-			var plannings = await dbGetDataIndex('plannings', 'regatta', regatta['id']);
-			for (id in plannings) {
-				if (plannings[id]['user'] == USER_ID) {
-					planning = plannings[id];
-					break;
-				}
-			}
-		}
-		if ((planning != null) && (planning['gemeldet'] == '1')) {
-			$('#badge-regatta-meldung').text('schon gemeldet');
-			$('#badge-regatta-meldung').addClass('bg-green2-dark').removeClass('bg-highlight bg-red2-dark bg-yellow2-dark');
-		} else if (regatta['meldungOffen'] == '0') {
-			$('#badge-regatta-meldung').text('geschlossen');
-			$('#badge-regatta-meldung').addClass('bg-highlight').removeClass('bg-green2-dark bg-red2-dark bg-yellow2-dark');
-		} else if (regatta['meldungSchluss'] != null) {
-			var early = false;
-			var ms;
-			if (regatta['meldungEarly'] != null) {
-				ms = parseDate(regatta['meldungEarly']);
-				if (ms >= today) {
-					early = true;
-				}
-			}
-			if (!early)
-				ms = parseDate(regatta['meldungSchluss']);
-			if (ms >= today) {
-				var diff = Math.round((ms - today) / 86400000);
-				var red = (diff < 7);
-				var txt;
-				if (diff <= 14) {
-					txt = diff + ' Tag' + (diff != 1 ? 'e' : '');
-				} else if (diff < 35) {
-					diff = Math.floor(diff / 7);
-					txt = diff + ' Woche' + (diff != 1 ? 'n' : '');
-				} else {
-					diff = Math.floor(diff / 30.5);
-					txt = diff + ' Monat' + (diff != 1 ? 'e' : '');
-				}
-				if (early)
-					txt += ' vergünstigt';
-				$('#badge-regatta-meldung').text(txt);
-				if (red) {
-					if (early) {
-						$('#badge-regatta-meldung').addClass('bg-yellow2-dark').removeClass('bg-highlight bg-green2-dark bg-red2-dark');
-					} else {
-						$('#badge-regatta-meldung').addClass('bg-red2-dark').removeClass('bg-highlight bg-green2-dark bg-yellow2-dark');
-					}
-				} else {
-					$('#badge-regatta-meldung').addClass('bg-highlight').removeClass('bg-green2-dark bg-red2-dark bg-yellow2-dark');
-				}
-			} else {
-				$('#badge-regatta-meldung').text('Meldeschluss abgelaufen');
-				$('#badge-regatta-meldung').addClass('bg-highlight').removeClass('bg-green2-dark bg-red2-dark bg-yellow2-dark');
-			}
-		} else {
-			$('#badge-regatta-meldung').text('');
-		}
-	} else {
-		$('#menu-item-meldung').hide();
-	}
-	
-	// off. results
-	if (regatta['oresults'] != '') {
-		$('#menu-item-oresults').show();
-		$('#menu-item-oresults').attr('href', regatta['oresults']);
-		$('#menu-item-oresults').attr('target', '_blank');
-	} else {
-		$('#menu-item-oresults').hide();
-	}
-	
-	// club website
-	var clubwebsite = '';
-	if (regatta['club'] != null) {
-		clubwebsite = (await dbGetData('clubs', regatta['club'])).website;
-	}
-	if (clubwebsite != '') {
-		$('#menu-item-clubwebsite').show();
-		$('#menu-item-clubwebsite').attr('href', clubwebsite);
-		$('#menu-item-clubwebsite').attr('target', '_blank');
-	} else {
-		$('#menu-item-clubwebsite').hide();
-	}
-	
-	$('#menu-regatta').showMenu();
-	$('#menu-regatta').scrollTop(0);
-}
-
 var siteScript = async function() {
 	if (firstCall) {
 		firstCall = false;
 		initYear();
 		$('#select-year').change(selectChange);
 		$('#button-show').click(siteScript);
-		$('#input-search').on('input', drawTable);
+		$('#input-search').on('input', drawList);
 	}
 	
 	today = getToday();
@@ -244,7 +116,7 @@ var siteScript = async function() {
 				heute = true;
 			}
 			
-			row.content += '<div onclick="regattaClicked(' + entry['id'] + ');">';
+			row.content += '<div onclick="onRegattaClicked(' + entry['id'] + ');">';
 			
 			// ZEILE 1
 			// Name
@@ -268,17 +140,17 @@ var siteScript = async function() {
 				icons.push('<i class="fas fa-info"></i>');
 			if ((entry['meldung'] != '') && (dateTo >= today) && (entry['meldungOffen'] == '1')) {
 				var color = '';
-				if (entry['meldungSchluss'] != null) {
-					var planning = null;
-					if (isLoggedIn()) {
-						var plannings = await dbGetDataIndex('plannings', 'regatta', entry['id']);
-						for (id in plannings) {
-							if (plannings[id]['user'] == USER_ID) {
-								planning = plannings[id];
-								break;
-							}
+				var planning = null;
+				if (isLoggedIn()) {
+					var plannings = await dbGetDataIndex('plannings', 'regatta', entry['id']);
+					for (id in plannings) {
+						if (plannings[id]['user'] == USER_ID) {
+							planning = plannings[id];
+							break;
 						}
 					}
+				}
+				if (entry['meldungSchluss'] != null) {
 					if ((planning == null) || (planning['gemeldet'] == '0')) {
 						var ms = 0;
 						if (entry['meldungEarly'] != null) {
@@ -290,12 +162,12 @@ var siteScript = async function() {
 						var diff = Math.round((ms - today) / 86400000);
 						if ((ms >= today) && (diff < 7)) {
 							color = ' color-red2-dark';
-							if (planning != null) {
-								color += ' fa-blink';
-							}
 						}
 					}
 				}
+				if ((planning != null) && (planning['gemeldet'] == '0')) {
+					color += ' fa-blink';
+				}
 				icons.push('<i class="fas fa-file-signature' + color + '"></i>');
 			}
 			if (entry['bericht'] != '')
@@ -335,7 +207,7 @@ var siteScript = async function() {
 			rows.push(null);
 		}
 		
-		drawTable();
+		drawList();
 		
 	} else {
 		$('#p-count').html('Keine Regatten gefunden!');
diff --git a/service-worker.js.php b/service-worker.js.php
index 56ed0a3..297810c 100644
--- a/service-worker.js.php
+++ b/service-worker.js.php
@@ -42,7 +42,7 @@ workbox.precaching.precacheAndRoute([
 	}
 	$hash = md5(getDirHash(__DIR__));
 	
-	$path = __DIR__ . '/content/';
+	$path = __DIR__ . '/server/content/';
 	$dir = opendir($path);
 	while ($file = readdir($dir)) {
 		if (($file == '.') or ($file == '..') or (pathinfo($file, PATHINFO_EXTENSION) != 'php')) continue;