büroshop könig button an das Design angepasst

index.html

@@ -182,6 +182,21 @@
         font-size: 20px; /* Größere Schriftgröße für 4K */
         border-radius: 15px; /* Größere abgerundete Ecken */
       }
+
+      .koenig-button {
+        padding: 1.5vh 4vw; /* Gleiche Polsterung wie die Such- und Zurücksetzen-Buttons */
+        font-size: 1.5vw; /* Gleiche Schriftgröße */
+        background-color: #3498db; /* Gleiche Hintergrundfarbe */
+        color: white; /* Gleiche Textfarbe */
+        border: none; /* Kein Rahmen */
+        border-radius: 1vw; /* Gleiche abgerundete Ecken */
+        cursor: pointer; /* Mauszeiger als Hinweis auf Klickbarkeit */
+        transition: background-color 0.3s ease; /* Sanfter Übergang für Hover-Effekt */
+        margin-top: 2vh; /* Etwas Abstand nach oben */
+      }
+
+      .koenig-button:hover {
+        background-color: #2980b9; /* Gleiche Hover-Farbe */
       }
   </style>
 </head>
@@ -461,7 +476,7 @@
 
     <div>  
       <!-- Button für die Weiterleitung -->
-      <button class="koenig" onclick="window.open('https://ecommerce.koenig-ffm.com/', '_blank')">
+      <button class="koenig-button" onclick="window.open('https://ecommerce.koenig-ffm.com/', '_blank')">
           Zum Büroshop König
       </button>
     </div>