From f4fcf7b38790408201bb40b155925f1bc381d43e Mon Sep 17 00:00:00 2001
From: NOrtmann1 <145041949+NOrtmann1@users.noreply.github.com>
Date: Mon, 11 May 2026 10:10:42 +0200
Subject: [PATCH] nav__search

---
 css/navbar.css      |  8 ++++++++
 css/search.css      | 42 ------------------------------------------
 includes/search.php |  4 ++--
 index.php           |  1 -
 4 files changed, 10 insertions(+), 45 deletions(-)
 delete mode 100644 css/search.css

diff --git a/css/navbar.css b/css/navbar.css
index e6dc180..add79ba 100644
--- a/css/navbar.css
+++ b/css/navbar.css
@@ -81,6 +81,14 @@ CSS für den Block Navbar mit seinen Elementen nach BEM
     margin-left: 0.5rem;
 }
 
+.nav__search {
+    display: flex;
+    align-items: center;
+    border-radius: 4px;                /* Abgerundete Ecken */
+    background: #fff;
+    margin: 0 0.5rem;
+}
+
 .nav__dropdown:hover .nav__dropdown-menu {
     display: block;
 }
diff --git a/css/search.css b/css/search.css
deleted file mode 100644
index b45ab9f..0000000
--- a/css/search.css
+++ /dev/null
@@ -1,42 +0,0 @@
-/* Styling für die Suchleiste in der Navbar */
-
-#site-search {
-    width: 200px;                /* Breite des Feldes – kann angepasst werden */
-    padding: 6px 12px;           /* Innenabstand für Text und Icon */
-    border: 1px solid #ccc;      /* Randfarbe */
-    border-radius: 4px;          /* Abgerundete Ecken */
-    font-size: 14px;             /* Schriftgröße */
-    transition: border-color 0.2s ease, box-shadow 0.2s ease;
-}
-
-#site-search:focus {
-    outline: none;
-    border-color: #5b9bd5;       /* Blauer Rand beim Fokus */
-    box-shadow: 0 0 5px rgba(91,155,213,0.5); /* Leichter Schatten */
-}
-
-#site-search + button[type="submit"] {
-    padding: 6px 12px;           /* Innenabstand */
-    margin-left: 4px;            /* Abstand zum Eingabefeld */
-    border: none;                /* Kein Rahmen */
-    background-color: #5b9bd5;   /* Hintergrundfarbe */
-    color: #fff;                 /* Textfarbe */
-    border-radius: 4px;          /* Gleiche Rundung wie beim Feld */
-    font-size: 14px;
-    cursor: pointer;
-    transition: background-color 0.2s ease;
-}
-
-/* Hover-Verhalten */
-#site-search + button[type="submit"]:hover {
-    background-color: #4a8bc4;
-}
-
-/* Responsives Verhalten */
-@media (max-width: 480px) {
-    #site-search,
-    #site-search + button[type="submit"] {
-        width: 100%;
-        margin: 4px 0 0 0;
-    }
-}
\ No newline at end of file
diff --git a/includes/search.php b/includes/search.php
index e2c1047..7e4003c 100644
--- a/includes/search.php
+++ b/includes/search.php
@@ -2,5 +2,5 @@
 Suchleiste. Wird via PHP später in alle Seiten eingebunden
 -->
 <!--<label for="site-search">Suche</label>-->
-<input type="search" id="site-search" name="q" placeholder="Suchen...">
-<button type="submit">Suchen</button>
\ No newline at end of file
+<input type="search" id="site-search" name="q" placeholder="Suchen..." class="nav__search">
+<button type="submit" class="nav__button">Suchen</button>
\ No newline at end of file
diff --git a/index.php b/index.php
index 462ae40..b856805 100644
--- a/index.php
+++ b/index.php
@@ -12,7 +12,6 @@
     <link rel="icon" type="image/x-icon" href="images/logos/logo_icon.ico">
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/navbar.css">
-    <link rel="stylesheet" href="css/search.css">
     <title>EduForge</title>
 </head>