Improved: Ergebnisseite Kopfzeile scrollt jetzt mit

resources/assets/less/metager/searchbar.less

@@ -6,6 +6,7 @@
     justify-content: center;
     font-size: 16px;
     background-color: white;
+    color: #333;
     .search-focus-selector {
         border-radius: 5px 0px 0px 5px;
         background-color: white;
@@ -14,7 +15,6 @@
         display: flex;
         select {
             width: 100%;
-            color: #777;
             -webkit-appearance: none;
             -moz-appearance: none;
             appearance: none;
@@ -30,7 +30,6 @@
             content: "\f078";
             font: 15px "FontAwesome", sans-serif; //text-align: center;
             line-height: 30px;
-            color: #aaa;
             background-color: transparent;
             right: 8px;
             top: 2px;
@@ -215,7 +214,10 @@ div:hover>.searchbar-tooltip {
 }
 
 #research-bar {
+    position: fixed;
+    width: 100%;
     padding: 10px 60px 0px 10px;
+    background-color: white;
     border-bottom: 2px solid rgb(255, 128, 0);
     display: flex;
     justify-content: center;
@@ -226,4 +228,8 @@ div:hover>.searchbar-tooltip {
         flex-direction: column;
         padding-right: 10px;
     }
+}
+
+#research-bar-placeholder {
+    height: 60px;
 }
\ No newline at end of file

resources/views/layouts/researchandtabs.blade.php

@@ -17,6 +17,8 @@
 			@include('parts.searchbar', ['class' => 'resultpage-searchbar', 'request' => Request::method()])
 		</div>
 	</header>
+	<div id="research-bar-placeholder">
+	</div>
 	<main class="resultpage-container">
 		@yield('results')
 	</main>