First Implementation

css/main.css

@@ -47,6 +47,7 @@ header {
 header img {
   object-fit: cover;
   background-color: white;
+  border-radius: 14px;
 }
 
 /* =========================
@@ -61,6 +62,7 @@ nav a {
   text-decoration: none;
   color: #f1f5f9;
   font-weight: 600;
+  border-radius: 10px;
   transition: 0.3s ease;
 }
 
@@ -78,6 +80,7 @@ input[type="search"] {
   border: 1px solid var(--border);
   background-color: white;
   font-size: 1rem;
+  border-radius: 12px;
 }
 
 input:focus {
@@ -95,11 +98,21 @@ button {
   font-size: 1rem;
   font-weight: 600;
   cursor: pointer;
-  transition: 0.3s ease;
+
+  border-radius: 12px;
+
+  transition: 0.25s ease;
 }
 
+/* Hover Bewegung */
 button:hover {
   background-color: var(--primary-hover);
+  transform: translateY(-2px);
+}
+
+/* Klick-Effekt */
+button:active {
+  transform: translateY(0px);
 }
 
 /* =========================
@@ -108,6 +121,7 @@ button:hover {
 
 main {
   background-color: var(--white);
+  border-radius: 24px;
 }
 
 /* =========================