diff --git a/src/pages/energieausweis-erstellen/index.astro b/src/pages/energieausweis-erstellen/index.astro
index add723e1..ab5ccc27 100644
--- a/src/pages/energieausweis-erstellen/index.astro
+++ b/src/pages/energieausweis-erstellen/index.astro
@@ -15,7 +15,7 @@ import Widget2 from "#components/Widget.svelte";
 </div>
 
 
-<div class="controls">
+ <div class="controls">
     <button onclick="clearCanvas()">Clear</button>
   </div>
   <canvas id="cadCanvas" width="800" height="600"></canvas>
@@ -29,7 +29,7 @@ import Widget2 from "#components/Widget.svelte";
     const ctx = canvas.getContext('2d');
     const lineLog = document.getElementById('line-log');
     const pixelToMeter = 0.01; // Conversion factor: 1 pixel = 0.01 meter
-    const gridSize = 5; // Size of each grid cell in pixels
+    const gridSize = 10; // Size of each grid cell in pixels (set to 10 for coarser grid)
     let startX = null;
     let startY = null;
     let capturedLines = [];
@@ -110,6 +110,8 @@ import Widget2 from "#components/Widget.svelte";
     // Drawing functions
     function drawLine(x1, y1, x2, y2) {
       ctx.beginPath();
+      ctx.strokeStyle = "#000000"; // Black color for lines
+      ctx.lineWidth = 2; // Thicker lines
       ctx.moveTo(x1, y1);
       ctx.lineTo(x2, y2);
       ctx.stroke();