diff --git a/sketch/HambiMap b/sketch/HambiMap
index d0291e5..9a11b64 100644
--- a/sketch/HambiMap
+++ b/sketch/HambiMap
@@ -9,9 +9,10 @@ server {
 server {
 	listen 1314;
 	server_name HambiMap;
+	root /home/bernhardt/Entwicklung/HambiMap;
 	location /leaflet/ {
-		root /home/bernhardt/Entwicklung/HambiMap;
-		autoindex on;
+	}	
+	location /fontawesome/ {
 	}	
 	location / {
 		root /home/bernhardt/Entwicklung/HambiMap/sketch/html;
diff --git a/sketch/html/images/buche_gesund_haus.png b/sketch/html/images/buche_gesund_haus.png
new file mode 100644
index 0000000..e909aae
Binary files /dev/null and b/sketch/html/images/buche_gesund_haus.png differ
diff --git a/sketch/html/images/buche_gesund_kuppel.png b/sketch/html/images/buche_gesund_kuppel.png
new file mode 100644
index 0000000..e1f50d5
Binary files /dev/null and b/sketch/html/images/buche_gesund_kuppel.png differ
diff --git a/sketch/html/images/buche_gesund_portaledge.png b/sketch/html/images/buche_gesund_portaledge.png
new file mode 100644
index 0000000..297fcec
Binary files /dev/null and b/sketch/html/images/buche_gesund_portaledge.png differ
diff --git a/sketch/html/images/buche_krank_haus.png b/sketch/html/images/buche_krank_haus.png
new file mode 100644
index 0000000..4571319
Binary files /dev/null and b/sketch/html/images/buche_krank_haus.png differ
diff --git a/sketch/html/images/buche_krank_kuppel.png b/sketch/html/images/buche_krank_kuppel.png
new file mode 100644
index 0000000..73d69be
Binary files /dev/null and b/sketch/html/images/buche_krank_kuppel.png differ
diff --git a/sketch/html/images/buche_krank_portaledge.png b/sketch/html/images/buche_krank_portaledge.png
new file mode 100644
index 0000000..c7efad0
Binary files /dev/null and b/sketch/html/images/buche_krank_portaledge.png differ
diff --git a/sketch/html/images/buche_tot_haus.png b/sketch/html/images/buche_tot_haus.png
new file mode 100644
index 0000000..47b1b99
Binary files /dev/null and b/sketch/html/images/buche_tot_haus.png differ
diff --git a/sketch/html/images/buche_tot_kuppel.png b/sketch/html/images/buche_tot_kuppel.png
new file mode 100644
index 0000000..db9fbab
Binary files /dev/null and b/sketch/html/images/buche_tot_kuppel.png differ
diff --git a/sketch/html/images/buche_tot_portaledge.png b/sketch/html/images/buche_tot_portaledge.png
new file mode 100644
index 0000000..ac64238
Binary files /dev/null and b/sketch/html/images/buche_tot_portaledge.png differ
diff --git a/sketch/html/images/eiche_gesund_haus.png b/sketch/html/images/eiche_gesund_haus.png
new file mode 100644
index 0000000..41648a4
Binary files /dev/null and b/sketch/html/images/eiche_gesund_haus.png differ
diff --git a/sketch/html/images/eiche_gesund_kuppel.png b/sketch/html/images/eiche_gesund_kuppel.png
new file mode 100644
index 0000000..70177c7
Binary files /dev/null and b/sketch/html/images/eiche_gesund_kuppel.png differ
diff --git a/sketch/html/images/eiche_grün_portaledge.png b/sketch/html/images/eiche_grün_portaledge.png
new file mode 100644
index 0000000..a1d963f
Binary files /dev/null and b/sketch/html/images/eiche_grün_portaledge.png differ
diff --git a/sketch/html/images/eiche_krank_haus.png b/sketch/html/images/eiche_krank_haus.png
new file mode 100644
index 0000000..bfc26bd
Binary files /dev/null and b/sketch/html/images/eiche_krank_haus.png differ
diff --git a/sketch/html/images/eiche_krank_kuppel.png b/sketch/html/images/eiche_krank_kuppel.png
new file mode 100644
index 0000000..aa014c6
Binary files /dev/null and b/sketch/html/images/eiche_krank_kuppel.png differ
diff --git a/sketch/html/images/eiche_krank_portaledge.png b/sketch/html/images/eiche_krank_portaledge.png
new file mode 100644
index 0000000..fab3d92
Binary files /dev/null and b/sketch/html/images/eiche_krank_portaledge.png differ
diff --git a/sketch/html/images/eiche_tot_haus.png b/sketch/html/images/eiche_tot_haus.png
new file mode 100644
index 0000000..7fd5f84
Binary files /dev/null and b/sketch/html/images/eiche_tot_haus.png differ
diff --git a/sketch/html/images/eiche_tot_kuppel.png b/sketch/html/images/eiche_tot_kuppel.png
new file mode 100644
index 0000000..f5f3e9c
Binary files /dev/null and b/sketch/html/images/eiche_tot_kuppel.png differ
diff --git a/sketch/html/images/eiche_tot_portaledge.png b/sketch/html/images/eiche_tot_portaledge.png
new file mode 100644
index 0000000..1f31f01
Binary files /dev/null and b/sketch/html/images/eiche_tot_portaledge.png differ
diff --git a/sketch/html/images/fichte_gesund_haus.png b/sketch/html/images/fichte_gesund_haus.png
new file mode 100644
index 0000000..8313e9b
Binary files /dev/null and b/sketch/html/images/fichte_gesund_haus.png differ
diff --git a/sketch/html/images/fichte_gesund_kuppel.png b/sketch/html/images/fichte_gesund_kuppel.png
new file mode 100644
index 0000000..c90bf7a
Binary files /dev/null and b/sketch/html/images/fichte_gesund_kuppel.png differ
diff --git a/sketch/html/images/fichte_gesund_portaledge.png b/sketch/html/images/fichte_gesund_portaledge.png
new file mode 100644
index 0000000..fa4379b
Binary files /dev/null and b/sketch/html/images/fichte_gesund_portaledge.png differ
diff --git a/sketch/html/images/fichte_krank_haus.png b/sketch/html/images/fichte_krank_haus.png
new file mode 100644
index 0000000..f42e995
Binary files /dev/null and b/sketch/html/images/fichte_krank_haus.png differ
diff --git a/sketch/html/images/fichte_krank_kuppel.png b/sketch/html/images/fichte_krank_kuppel.png
new file mode 100644
index 0000000..706985a
Binary files /dev/null and b/sketch/html/images/fichte_krank_kuppel.png differ
diff --git a/sketch/html/images/fichte_krank_portaledge.png b/sketch/html/images/fichte_krank_portaledge.png
new file mode 100644
index 0000000..14d461c
Binary files /dev/null and b/sketch/html/images/fichte_krank_portaledge.png differ
diff --git a/sketch/html/images/fichte_tot_haus.png b/sketch/html/images/fichte_tot_haus.png
new file mode 100644
index 0000000..c8aa579
Binary files /dev/null and b/sketch/html/images/fichte_tot_haus.png differ
diff --git a/sketch/html/images/fichte_tot_kuppel.png b/sketch/html/images/fichte_tot_kuppel.png
new file mode 100644
index 0000000..f0608de
Binary files /dev/null and b/sketch/html/images/fichte_tot_kuppel.png differ
diff --git a/sketch/html/images/fichte_tot_portaledge.png b/sketch/html/images/fichte_tot_portaledge.png
new file mode 100644
index 0000000..36b2c77
Binary files /dev/null and b/sketch/html/images/fichte_tot_portaledge.png differ
diff --git a/sketch/html/treehouse_form.html b/sketch/html/treehouse_form.html
index e69de29..c78b85e 100644
--- a/sketch/html/treehouse_form.html
+++ b/sketch/html/treehouse_form.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+		<head>
+<link rel="stylesheet" href="w3.css">
+<link rel="stylesheet" href="style.css">
+<link href="fontawesome/5.3.1/css/all.css" rel="stylesheet">
+		</head>
+		<div id='iconpicker' style='width:200px;'>
+		</div>
+
+					<script>
+							const iconpicker = document.getElementById('iconpicker');
+							const icon = [0,0,0];
+							const icons = [['buche','eiche','fichte'],['gesund','krank','tot'],['portaledge','kuppel','haus']];
+
+							iconpicker.innerHTML=`
+				<div class='w3-container w3-row'>
+						<div class='w3-col s2 m2 l2'>
+								<div class='w3-row'><button id='species_left' onclick='rotate(0,-1)'><i class="fa fa-caret-left"></i></button></div>
+								<div class='w3-row'><button id='state_left' onclick='rotate(1,-1)'><i class="fa fa-caret-left"></i></button></div>
+								<div class='w3-row'><button id='plattform_left' onclick='rotate(2,-1)'><i class="fa fa-caret-left"></i></button></div>
+						</div>
+						<div class='w3-col s8 m8 l8'>
+						   <img id='icon' src='images/${icons[0][0]}_${icons[1][0]}_${icons[2][0]}.png' width='90%'/>
+						</div>
+						<div class='w3-col s2 m2 l2'>
+								<div class='w3-row'><button id='species_right' onclick='rotate(0,1)'><i class="fa fa-caret-right"></i></button></div>
+								<div class='w3-row'><button id='state_right' onclick='rotate(1,1)'><i class="fa fa-caret-right"></i></button></div>
+								<div class='w3-row'><button id='plattform_right' onclick='rotate(2,1)'><i class="fa fa-caret-right"></i></button></div>
+						</div>
+				</div>`;
+
+							const icon_elem = document.getElementById('icon');
+
+							function rotate(pos,dir){
+										icon[pos] += dir;
+										if (icon[pos]<0) icon[pos]=icons[pos].length-1;
+										if (icon[pos]>=icons[pos].length) icon[pos]=0;
+										const image = 'images/'+icons[0][icon[0]]+'_'+icons[1][icon[1]]+'_'+icons[2][icon[2]]+'.png';
+										icon_elem.src=image;
+								}
+					</script>
+</html>
+