diff --git a/assets/css/templates/projects.css b/assets/css/templates/projects.css
index 265b187..68f4891 100644
--- a/assets/css/templates/projects.css
+++ b/assets/css/templates/projects.css
@@ -1,6 +1,14 @@
 /* STYLE for jannikbeyerstedt.de
  * for specific template
  */
+.card a {
+  color: #000; }
+  .card a:active, .card a:hover {
+    color: #000;
+    text-decoration: none; }
+  .card a.card-link:active, .card a.card-link:hover {
+    text-decoration: underline; }
+
 .img-fluid {
   display: block;
   max-width: 100%;
diff --git a/assets/css/templates/projects.css.map b/assets/css/templates/projects.css.map
index 67ba881..d78523e 100644
Binary files a/assets/css/templates/projects.css.map and b/assets/css/templates/projects.css.map differ
diff --git a/assets/scss/templates/projects.scss b/assets/scss/templates/projects.scss
index 0ce14dd..940e556 100644
--- a/assets/scss/templates/projects.scss
+++ b/assets/scss/templates/projects.scss
@@ -20,6 +20,20 @@ main.projects {
   }
 }
 
+.card a {
+  color: $color_font;
+  &:active, &:hover {
+    color: $color_font;
+    text-decoration: none;
+  }
+  
+  &.card-link {
+    &:active, &:hover {
+      text-decoration: underline;
+    }
+  }
+}
+
 
 
 // ---- from boostrap ----
diff --git a/site/templates/projects.php b/site/templates/projects.php
index 9a31c48..928df2d 100644
--- a/site/templates/projects.php
+++ b/site/templates/projects.php
@@ -21,14 +21,16 @@ snippet('base/cont-header');
   <div class="container"><div class="row">
     <?php $i=0; foreach($children as $c) : $i++; ?>
     <div class="col-sm-6 col-lg-3"><div class="card">
+      <a href="<?php echo $c->url(); ?>">
       <?php if ($img = $c->images()->find($c->exrpt_img())) {
-        echo thumb($img, array('width'=>400, 'class'=>"card-img-top"));
+        echo html::img($img->width(400)->quality(70)->url(), ['class'=>"card-img-top"]);
       } ?>
       <div class="card-block">
         <h5 class="card-title"><?php echo $c->title()->html(); ?></h5>
-        <p class="card-text"><?php echo $c->exrpt_text()->kirbytext(); ?>      </p>
+        <p class="card-text"><?php echo $c->exrpt_text()->kirbytext(); ?></p>
         <a href="<?php echo $c->url(); ?>" class="card-link">mehr</a>
       </div>
+      </a>
     </div></div>
     <?php
       echo ($i%2 == 0)?'<div class="clearfix hidden-lg-up"></div>':'';
diff --git a/site/templates/webdesign.php b/site/templates/webdesign.php
index 263bff5..43ef644 100644
--- a/site/templates/webdesign.php
+++ b/site/templates/webdesign.php
@@ -22,7 +22,7 @@ snippet('base/cont-header');
       </div>
       <div class="col-sm-3">
         <?php if ($img = $page->images()->find($page->featurette_img())) {
-          echo '<img src="'.$img->width(235)->url().'" class="img-fluid img-rounded" alt="Portrait">';
+          echo html::img($img->width(235)->quality(70)->url(), ['class'=>"img-fluid img-rounded", 'alt'=>"Portrait"]);
         }?>
       </div>
     </div>