diff --git a/img/DIN_logo.svg b/img/DIN_logo.svg
new file mode 100644
index 0000000..9e68b7a
--- /dev/null
+++ b/img/DIN_logo.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;}
+</style>
+<g id="layer1" transform="translate(-3782.83,1466.2)">
+	<g id="g32272" transform="translate(8.852143,8.858074)">
+		<path id="path32193" d="M3775.58-1470.97h14.05v0.72h-14.05V-1470.97z"/>
+		<path id="path32195" class="st0" d="M3789.63-1462.87h-1.02l-2.99-4.39v4.39h-1.02v-6.25h1.02l2.99,4.43v-4.43h1.02V-1462.87"/>
+		<path id="path32197" d="M3781.98-1469.12h1.02v6.25h-1.02V-1469.12z"/>
+		<path id="path32199" d="M3775.58-1461.73h14.05v0.76h-14.05V-1461.73z"/>
+		<path id="path32201" class="st0" d="M3775.61-1469.12c0,2.08,0,4.17,0,6.25c1.05,0,2.11,0,3.16,0c0.44,0,0.95-0.33,1.17-0.54
+			c0.28-0.27,0.63-0.73,0.64-1.33c0-0.86,0-1.72,0-2.58c-0.04-0.49-0.22-0.92-0.59-1.25c-0.39-0.37-0.88-0.54-1.22-0.55
+			C3777.71-1469.12,3776.66-1469.12,3775.61-1469.12z M3776.6-1468.17c0.65,0,1.3-0.01,1.95,0.01c0.25,0.01,0.42,0.09,0.6,0.2
+			c0.25,0.18,0.42,0.46,0.44,0.75c0,0.78,0.01,1.56-0.01,2.34c-0.02,0.29-0.18,0.58-0.4,0.77c-0.38,0.31-0.86,0.25-1.32,0.26
+			c-0.42,0-0.85,0-1.27,0C3776.6-1465.29,3776.6-1466.73,3776.6-1468.17z"/>
+	</g>
+</g>
+</svg>
diff --git a/img/OSH_logo.svg b/img/OSH_logo.svg
new file mode 100644
index 0000000..676fcf8
--- /dev/null
+++ b/img/OSH_logo.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve">
+<path d="M17.91,7.9L15.73,7.5c-0.05-0.01-0.11-0.06-0.13-0.11l-0.67-1.56c-0.02-0.05-0.02-0.12,0.01-0.17l1.27-1.85
+	c0.03-0.04,0.02-0.11-0.01-0.15l-1.59-1.59c-0.04-0.04-0.11-0.04-0.15-0.01l-1.89,1.29c-0.04,0.03-0.12,0.04-0.17,0.01l-1.51-0.62
+	c-0.05-0.02-0.1-0.07-0.11-0.13l-0.42-2.26c-0.01-0.05-0.06-0.1-0.12-0.1H8c-0.05,0-0.11,0.04-0.12,0.1L7.46,2.61
+	C7.45,2.66,7.4,2.72,7.35,2.74L5.83,3.36C5.79,3.38,5.71,3.38,5.67,3.35L3.78,2.05C3.73,2.02,3.67,2.03,3.63,2.06L2.04,3.65
+	C2,3.69,2,3.76,2.03,3.8L3.3,5.66C3.33,5.7,3.33,5.78,3.31,5.83L2.64,7.39C2.62,7.44,2.56,7.49,2.51,7.5L0.33,7.9
+	c-0.05,0.01-0.1,0.06-0.1,0.12l0,2.25c0,0.05,0.04,0.11,0.1,0.12l2.13,0.4c0.05,0.01,0.11,0.06,0.13,0.11l0.66,1.66
+	c0.02,0.05,0.02,0.12-0.01,0.17l-1.21,1.76C2,14.53,2,14.6,2.04,14.63l1.59,1.59c0.04,0.04,0.11,0.04,0.15,0.01l1.73-1.19
+	c0.04-0.03,0.12-0.03,0.17-0.01l0.76,0.41c0.05,0.02,0.1,0,0.13-0.05l1.57-3.8c0.02-0.05,0-0.11-0.05-0.14L7.9,11.34
+	c-0.04-0.02-0.08-0.06-0.12-0.09c-0.69-0.44-1.15-1.21-1.15-2.09c0-1.37,1.11-2.48,2.48-2.48s2.48,1.11,2.48,2.48
+	c0,0.88-0.46,1.65-1.15,2.09c-0.04,0.03-0.09,0.07-0.12,0.09l-0.19,0.12c-0.05,0.03-0.07,0.09-0.05,0.14l1.57,3.8
+	c0.02,0.05,0.08,0.07,0.13,0.05l0.76-0.41c0.05-0.03,0.12-0.02,0.17,0.01l1.73,1.19c0.04,0.03,0.11,0.02,0.15-0.01l1.59-1.59
+	c0.04-0.04,0.04-0.11,0.01-0.15L15,12.72c-0.03-0.04-0.04-0.12-0.01-0.17l0.66-1.66c0.02-0.05,0.07-0.1,0.13-0.11l2.13-0.4
+	c0.05-0.01,0.1-0.06,0.1-0.12l0-2.25C18.01,7.97,17.96,7.91,17.91,7.9"/>
+</svg>
diff --git a/index.html b/index.html
index c409162..9472c3a 100644
--- a/index.html
+++ b/index.html
@@ -152,9 +152,9 @@
                 </div>
               </div>
               <ul>
-                <li><img src="img/language-icon.gif" /> DE,EN</li>
-                <li><img src="img/opensource-off.png" /></li>
-                <li>DIN</li>
+                <li><i class="fas fa-language"></i> DE,EN</li>
+                <li><img src="img/OSH_logo.svg" width="16" /></li>
+                <li><img style="margin-top:-2px;" src="img/DIN_logo.svg" width="20" /></li>
                 <li><i class="fas fa-book-open"></i></li>
               </ul>
               <div class="clearer">&nbsp;</div>
@@ -189,9 +189,9 @@
                 </div>
               </div>
               <ul>
-                <li><img src="img/language-icon.gif" /> DE,EN</li>
-                <li><img src="img/opensource-off.png" /></li>
-                <li>DIN</li>
+                <li><i class="fas fa-language"></i> DE,EN</li>
+                <li><img src="img/OSH_logo.svg" width="16" /></li>
+                <li><img style="margin-top:-2px;" src="img/DIN_logo.svg" width="20" /></li>
                 <li><i class="fas fa-book-open"></i></li>
               </ul>
               <div class="clearer">&nbsp;</div>
@@ -226,9 +226,9 @@
                 </div>
               </div>
               <ul>
-                <li><img src="img/language-icon.gif" /> DE,EN</li>
-                <li><img src="img/opensource-off.png" /></li>
-                <li>DIN</li>
+                <li><i class="fas fa-language"></i> DE,EN</li>
+                <li><img src="img/OSH_logo.svg" width="16" /></li>
+                <li><img style="margin-top:-2px;" src="img/DIN_logo.svg" width="20" /></li>
                 <li><i class="fas fa-book-open"></i></li>
               </ul>
               <div class="clearer">&nbsp;</div>
@@ -263,9 +263,9 @@
                 </div>
               </div>
               <ul>
-                <li><img src="img/language-icon.gif" /> DE,EN</li>
-                <li><img src="img/opensource-off.png" /></li>
-                <li>DIN</li>
+                <li><i class="fas fa-language"></i> DE,EN</li>
+                <li><img src="img/OSH_logo.svg" width="16" /></li>
+                <li><img style="margin-top:-2px;" src="img/DIN_logo.svg" width="20" /></li>
                 <li><i class="fas fa-book-open"></i></li>
               </ul>
               <div class="clearer">&nbsp;</div>
@@ -300,9 +300,9 @@
                 </div>
               </div>
               <ul>
-                <li><img src="img/language-icon.gif" /> DE,EN</li>
-                <li><img src="img/opensource-off.png" /></li>
-                <li>DIN</li>
+                <li><i class="fas fa-language"></i> DE,EN</li>
+                <li><img src="img/OSH_logo.svg" width="16" /></li>
+                <li><img style="margin-top:-2px;" src="img/DIN_logo.svg" width="20" /></li>
                 <li><i class="fas fa-book-open"></i></li>
               </ul>
               <div class="clearer">&nbsp;</div>
@@ -337,9 +337,9 @@
                 </div>
               </div>
               <ul>
-                <li><img src="img/language-icon.gif" /> DE,EN</li>
-                <li><img src="img/opensource-off.png" /></li>
-                <li>DIN</li>
+                <li><i class="fas fa-language"></i> DE,EN</li>
+                <li><img src="img/OSH_logo.svg" width="16" /></li>
+                <li><img style="margin-top:-2px;" src="img/DIN_logo.svg" width="20" /></li>
                 <li><i class="fas fa-book-open"></i></li>
               </ul>
               <div class="clearer">&nbsp;</div>
diff --git a/style.css b/style.css
index 47d955c..43adcfe 100644
--- a/style.css
+++ b/style.css
@@ -356,7 +356,7 @@ a:hover {
 }
 .headline input.search-field-content {
   border:2px #a14032 solid;
-  border-radius: 8px;
+  border-radius: 7px;
   font-size:100%;
   padding:10px 40px 10px 10px;
   color:#002b3e;
@@ -411,7 +411,7 @@ a:hover {
   padding: 5px;
   font-size: 100%;
   line-height: 1;
-  border-radius: 8px;
+  border-radius: 7px;
   height: 45px;
   -webkit-appearance: none;
   float: left;
@@ -486,17 +486,19 @@ a:hover {
   z-index:999;
 }
 .search-results-variante3-item:hover {
+  top:-10px;
   left: -16px;
   width:278px;
   z-index:1000;
   border:1px #002b3e solid;
-  border-radius: 10px;
+  border-radius: 7px;
   -webkit-box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.75);
   box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.75);
 }
 .search-results-variante3-item .search-results-variante3-item-img {
-
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
 }
 .search-results-variante3-item .search-results-variante3-item-img img {
   clip-path: inset(33px 0 33px 0);
@@ -507,11 +509,18 @@ a:hover {
   clip-path: inset(0 0 0 0);
   width:278px;
   margin:0 0;
-  border-radius:8px;
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
 }
 .search-results-variante3-item .search-results-variante3-item-info {
   background: #fef0e4;
   padding:10px;
+  border-bottom-right-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+.search-results-variante3-item:hover .search-results-variante3-item-info {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
 }
 .search-results-variante3-item .search-results-variante3-item-info h2 {
   margin:0;
@@ -527,8 +536,9 @@ a:hover {
 .search-results-variante3-item .search-results-variante3-item-meta {
   padding: 5px;
   background:#fff;
-  border-bottom-right-radius: 8px;
-  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 7px;
+  border-bottom-left-radius: 7px;
+  font-size: 11px;
 }
 .search-results-variante3-item:hover .search-results-variante3-item-meta {
   padding: 5px 10px;
@@ -544,9 +554,23 @@ a:hover {
 .search-results-variante3-item .search-results-variante3-item-meta li {
   list-style: none;
   margin:0;
-  padding:0 8px;
+  padding:2px 11px;
   float:left;
   border-right:1px #002b3e solid;
+  height:16px;
+}
+.search-results-variante3-item .search-results-variante3-item-meta li {
+}
+.search-results-variante3-item .search-results-variante3-item-meta li svg {
+  background-color: red;
+  fill: currentColor;
+}
+.search-results-variante3-item:hover .search-results-variante3-item-meta li {
+  padding:2px 11px;
+}
+.search-results-variante3-item .search-results-variante3-item-meta li i {
+  font-size:13px;
+  color:#296178;
 }
 .search-results-variante3-item .search-results-variante3-item-meta li:first-child {
   padding-left:0;
@@ -555,13 +579,20 @@ a:hover {
   border-right:0;
   padding-right:0;
 }
+.search-results-variante3-item:hover .search-results-variante3-item-meta li:last-child {
+  padding-left:10px;
+}
 .search-results-variante3-item .search-results-variante3-item-meta .search-results-variante3-item-meta-compl {
   width:180px;
   float:left;
+  margin-bottom:6px;
+}
+.search-results-variante3-item:hover .search-results-variante3-item-meta .search-results-variante3-item-meta-compl {
+  width:205px;
 }
 .search-results-variante3-item .search-results-variante3-item-meta-status {
   width:35px;
-  padding-left:5px;
+  padding:0 0 3px 5px;
   float:right;
   border-left:1px #002b3e solid;
   text-align: center;
@@ -578,13 +609,14 @@ a:hover {
 }
 .search-results-variante3-item .search-results-variante3-item-meta .search-results-variante3-item-meta-date {
   display:none;
-}
-.search-results-variante3-item .search-results-variante3-item-meta .search-results-variante3-item-meta-date .released {
-  float:right;
+  margin-top:3px;
 }
 .search-results-variante3-item:hover .search-results-variante3-item-meta .search-results-variante3-item-meta-date {
   display:block;
 }
+.search-results-variante3-item .search-results-variante3-item-meta .search-results-variante3-item-meta-date .released {
+  float:right;
+}
 .search-results-variante3 svg {
   transform: rotate(-90deg);
   stroke-dasharray: 251; /* (2PI * 40px) */