diff --git a/resources/assets/less/metager/base.less b/resources/assets/less/metager/base.less
index 44f99006411d59962114bfa0922b2a4ee366e6c7..f5fbf54bee9c7ea67ad1a8da672502aff5a1db56 100644
--- a/resources/assets/less/metager/base.less
+++ b/resources/assets/less/metager/base.less
@@ -27,20 +27,19 @@ body {
     display: flex;
     flex-direction: column;
     margin: 0;
-    &>div {
-        padding-top: 50px;
-    }
 }
 
 .wrapper {
     flex-grow: 1;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
+    justify-content: center;
+    margin: 50px 0px;
 }
 
-.logo h1 {
+.logo h1, h1.mg-logo {
     color: rgb(255, 128, 0);
+    font-weight: bold;
 }
 
 summary {
@@ -108,4 +107,11 @@ summary {
 
 .new-feature.badge {
     background-color: @new-feature-badge-background-color;
+}
+
+.imagebox {
+    display: flex;
+    a {
+        display: flex;
+    }
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/footer.less b/resources/assets/less/metager/footer.less
index ce59c2053fe6a8981ceaf49a45ca95a358d5693e..094b607ad7937f64e1c3c2512bff3ef26aa358c3 100644
--- a/resources/assets/less/metager/footer.less
+++ b/resources/assets/less/metager/footer.less
@@ -5,7 +5,7 @@ footer {
     display: flex;
     justify-content: space-around;
     white-space: pre-line;
-    align-items: flex-end;
+    align-items: center;
     div {
         text-align: center;
         margin-left: 10px;
@@ -27,4 +27,8 @@ footer {
             display: none;
         }
     }
+    #info {
+        display: flex;
+        flex-direction: column;
+    }
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/result-page.less b/resources/assets/less/metager/result-page.less
index 1ac010e417770354fcc36e0a5cdcbb7777e536be..9146a6ae75de27419aa3561fea83ebd009a35e11 100644
--- a/resources/assets/less/metager/result-page.less
+++ b/resources/assets/less/metager/result-page.less
@@ -216,12 +216,6 @@ nav .input-group {
     height: 100%;
 }
 
-.content-wrapper {
-    padding: 0px;
-    padding-top: 52px;
-    background-color: white;
-}
-
 #helpButton {
     color: black;
 }
@@ -317,7 +311,6 @@ a {
 .mg-logo {
     color: #ff8000;
     font-family: Liberation Sans, sans-serif;
-    padding: 5px 30px 0px 0px;
 }
 
 #header-searchbar {
@@ -727,12 +720,12 @@ a {
             border-bottom: 1px solid #ddd;
             h2 {
                 margin: 10px 0px;
-                font-size: 17px;
+                font-size: 16px;
                 font-weight: bold;
             }
             p {
                 display: none;
-                font-size: 15px;
+                font-size: 14px;
             }
         }
         .gefVon {
@@ -777,4 +770,92 @@ a {
             }
         }
     }
+}
+
+
+/* New result style */
+
+@result-width: 700px;
+@quicktip-width: 500px;
+html,
+body,
+.content-wrapper {
+    width: 100%;
+}
+
+.content-wrapper {
+    display: flex;
+    flex-direction: column;
+}
+
+#header-logo a h1 {
+    margin: 0px;
+}
+
+#research-bar {
+    padding: 10px 60px 0px 10px;
+    border-bottom: 2px solid rgb(255, 128, 0);
+    display: flex;
+    justify-content: center;
+    #header-searchbar {
+        margin-left: 10px;
+    }
+    @media (max-width: @screen-xs-max) {
+        flex-direction: column;
+        padding-right: 10px;
+    }
+}
+
+.resultpage-container {
+    width: @result-width + @quicktip-width;
+    align-self: center;
+    @media (max-width: (@result-width + @quicktip-width - 1px)) {
+        width: @result-width;
+        #quicktips {
+            display: none;
+        }
+    }
+    @media (max-width: @result-width) {
+        width: 100%;
+    }
+    display: flex;
+    justify-content: center;
+    #results {
+        max-width: @result-width;
+        width: 100%;
+    }
+    #quicktips {
+        padding-left: 50px;
+        width: @quicktip-width;
+    }
+}
+
+.result {
+    .result-title a {
+        color: black;
+        font-size: 18px;
+        font-weight: bold;
+    }
+    .result-header {
+        display: flex;
+        >* {
+            white-space: nowrap;
+        }
+        >*:not(:first-child) {
+            margin-left: 5px;
+        }
+        .result-link {
+            overflow: auto;
+            a {
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                display: block;
+            }
+        }
+    }
+}
+
+@media (max-width: @screen-xs-max) {
+    // mobile
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/searchbar.less
index c35f6bb8ea4e465b022aeb2e78a5b37c57f0b322..e342914a06977eb59534ee47511a27fc0767eb42 100644
--- a/resources/assets/less/metager/searchbar.less
+++ b/resources/assets/less/metager/searchbar.less
@@ -1,6 +1,7 @@
 .searchbar {
     display: flex;
     align-items: stretch;
+    justify-content: center;
     font-size: 16px;
     background-color: white;
     .search-focus-selector {
@@ -16,7 +17,7 @@
             -moz-appearance: none;
             appearance: none;
             background-color: transparent;
-            padding-right: 35px;
+            padding: 0px 35px 0px 5px;
             font-family: FontAwesome, sans-serif;
             border: none;
             &>option {
@@ -73,6 +74,10 @@
     .search-input-submit {
         flex-grow: 1;
         display: flex;
+        max-width: 600px;
+        @media (max-width: @screen-xs-max) {
+            max-width: initial;
+        }
     }
     .search-input {
         flex-grow: 1;
diff --git a/resources/assets/less/metager/sidebar.less b/resources/assets/less/metager/sidebar.less
index 91212320516a94962b4b50b65f4b17d029965728..93a46ba11a1f5ac5f66a46583920b1488eda6c83 100644
--- a/resources/assets/less/metager/sidebar.less
+++ b/resources/assets/less/metager/sidebar.less
@@ -168,7 +168,7 @@ label#openSidebar {
     }
 }
 
-@media (max-width: 979px) {
+@media (max-width: @screen-xs-max) {
     .sideBar {
         right: -90%;
         width: 90%;
diff --git a/resources/assets/less/metager/start-page.less b/resources/assets/less/metager/start-page.less
index 0de1240af33c248780507268cf429f8099bad360..41a6e3bb87f707788e49fa3c586bb4f539fc00f8 100644
--- a/resources/assets/less/metager/start-page.less
+++ b/resources/assets/less/metager/start-page.less
@@ -8,6 +8,10 @@
     }
 }
 
+#mglogo {
+    margin: 0px 0px 30px 0px;
+}
+
 .settings-modal-buttons {
     padding: 5px;
     button {
diff --git a/resources/assets/less/metager/static-pages.less b/resources/assets/less/metager/static-pages.less
index ba7825989c6c262a5cda7a19ce3b1a2312127be8..35070d9f863f8914b7d5b50f0c329347d68079ca 100644
--- a/resources/assets/less/metager/static-pages.less
+++ b/resources/assets/less/metager/static-pages.less
@@ -63,7 +63,6 @@ nav {
         font-size: 1.0em;
         line-height: 1;
         white-space: nowrap;
-        padding: 0.4em 0;
         border-radius: .25em;
         margin: 0 auto;
     }
diff --git a/resources/views/layouts/researchandtabs.blade.php b/resources/views/layouts/researchandtabs.blade.php
index 40217345ec7d5ffe4ac65fdcc2f6ba91b696bfce..b99de7f613c51067da3851c1b963f4532e73c969 100644
--- a/resources/views/layouts/researchandtabs.blade.php
+++ b/resources/views/layouts/researchandtabs.blade.php
@@ -8,26 +8,16 @@
 		</div>
 	</div>
 @endif
-<div class="content-wrapper container">
-	<header id="research" class="row">
-		<nav class="navbar navbar-default navbar-fixed-top navbar-resultpage">
-			<div class="container">
-				<div class="row" id="logo-searchbar-container">
-					<div id="header-logo">
-						<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}"><h1 class="mg-logo">MetaGer</h1></a>
-					</div>
-					<div id="header-searchbar">
-					@include('parts.searchbar', ['class' => 'resultpage-searchbar', 'request' => Request::method()])
-          </div>
-				</div>
-			</div>
-		</nav>
-	</header>
-	<main id="main-content-tabs" class="row">
-		<div>
-			<div class="row">
-				@yield('results')
-			</div>
+<div class="content-wrapper">
+	<header id="research-bar">
+		<div id="header-logo">
+			<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}"><h1 class="mg-logo">MetaGer</h1></a>
+		</div>
+		<div id="header-searchbar">
+			@include('parts.searchbar', ['class' => 'resultpage-searchbar', 'request' => Request::method()])
 		</div>
+	</header>
+	<main class="resultpage-container">
+		@yield('results')
 	</main>
-</div>
+</div>
\ No newline at end of file
diff --git a/resources/views/layouts/result.blade.php b/resources/views/layouts/result.blade.php
index 60ebca5dfd809cec58c656b86ad89b0112f04405..df1111fb9bb9beba732d81ec7fe3e02d50b9b0ef 100644
--- a/resources/views/layouts/result.blade.php
+++ b/resources/views/layouts/result.blade.php
@@ -1,73 +1,69 @@
-<div class="result row" data-count="{{ $result->number }}">
-	<div class="resultInformation col-xs-12 col-sm-11">
-		<div class="col-xs-10 col-sm-11" style="padding:0; ">
-			<p class="title">
-				<a class="title" href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ strip_tags($result->gefVon) }}" data-count="{{ $result->number }}"  rel="noopener">
-					{!! $result->titel !!}
-				</a>
-			</p>
-			<div class="link">
-				<div>
-					<div class="link-link">
-						<a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ strip_tags($result->gefVon) }}" data-count="{{ $result->number }}" rel="noopener">
-							{{ $result->anzeigeLink }}
+<div class="result" data-count="{{ $result->number }}">
+	<h2 class="result-title">
+		<a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ strip_tags($result->gefVon) }}" data-count="{{ $result->number }}"  rel="noopener">
+			{!! $result->titel !!}
+		</a>
+	</h2>
+	<div class="result-header">
+		<div class="result-link">
+			<a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ strip_tags($result->gefVon) }}" data-count="{{ $result->number }}" rel="noopener">
+				{{ $result->anzeigeLink }}
+			</a>
+		</div>
+		<div class="result-options">
+			<a class="dropdown-opener" href="javascript:void(0);">
+				<i class="fa fa-caret-down option-opener-icon" aria-hidden="true"></i>
+			</a>
+			<div class="dropdown-content option-content">
+				<ul class="option-list list-unstyled small">
+					<li class="option-title">
+						<i class="fa fa-cog"></i> {!! trans('result.options.headline') !!}
+					</li>
+					<hr>
+					<li class="js-only">
+						<a href="javascript:resultSaver({{ $result->number }});" class="saver" data-counter="{{ $result->number }}">
+							<i class="fa fa-floppy-disk"></i> {!! trans('result.options.savetab') !!}
 						</a>
-					</div>
-					<div class="options">
-							<a class="dropdown-opener" href="javascript:void(0);">
-								<i class="fa fa-caret-down option-opener-icon" aria-hidden="true"></i>
+					</li>
+					@if(strlen($metager->getSite()) === 0)
+						<li>
+							<a href="{{ $metager->generateSiteSearchLink($result->strippedHost) }}">
+								{!! trans('result.options.1') !!}
 							</a>
-							<div class="dropdown-content option-content">
-								<ul class="option-list list-unstyled small">
-									<li class="option-title">
-										<i class="fa fa-cog"></i> {!! trans('result.options.headline') !!}
-									</li>
-									<hr>
-									<li class="js-only">
-										<a href="javascript:resultSaver({{ $result->number }});" class="saver" data-counter="{{ $result->number }}">
-											<i class="fa fa-floppy-disk"></i> {!! trans('result.options.savetab') !!}
-										</a>
-									</li>
-									@if(strlen($metager->getSite()) === 0)
-										<li>
-											<a href="{{ $metager->generateSiteSearchLink($result->strippedHost) }}">
-												{!! trans('result.options.1') !!}
-											</a>
-										</li>
-									@endif
-									<li>
-										<a href="{{ $metager->generateRemovedHostLink($result->strippedHost) }}">
-											{!! trans('result.options.2', ['host' => $result->strippedHost]) !!}
-										</a>
-									</li>
-									@if( $result->strippedHost !== $result->strippedDomain )
-										<li>
-											<a href="{{ $metager->generateRemovedDomainLink($result->strippedDomain) }}">
-												{!! trans('result.options.3', ['domain' => $result->strippedDomain]) !!}
-											</a>
-										</li>
-									@endif
-								</ul>
-							</div>
-					</div>
-				</div>
-				<span class="hoster">
-					von {!! $result->gefVon !!}
-				</span>
-				@if( isset($result->partnershop) && $result->partnershop === TRUE )
-					<span class="partnershop-info">
-					<img src="/img/boosticon.png" height="13" alt="">
-					<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/partnershops") }}" target="_blank" rel="noopener">{!! trans('result.options.4') !!}</a>
-					</span>
-				@endif
-				<a class="proxy" onmouseover="$(this).popover('show');" onmouseout="$(this).popover('hide');" data-toggle="popover" data-placement="auto right" data-container="body" data-content="@lang('result.proxytext')" href="{{ $result->proxyLink }}" target="{{ $metager->getNewtab() }}" rel="noopener">
-					<img src="/img/proxyicon.png" alt="" />
-					{!! trans('result.options.5') !!}
-				</a>
+						</li>
+					@endif
+					<li>
+						<a href="{{ $metager->generateRemovedHostLink($result->strippedHost) }}">
+							{!! trans('result.options.2', ['host' => $result->strippedHost]) !!}
+						</a>
+					</li>
+					@if( $result->strippedHost !== $result->strippedDomain )
+						<li>
+							<a href="{{ $metager->generateRemovedDomainLink($result->strippedDomain) }}">
+								{!! trans('result.options.3', ['domain' => $result->strippedDomain]) !!}
+							</a>
+						</li>
+					@endif
+				</ul>
 			</div>
 		</div>
+		<span class="result-hoster">
+			<span>von {!! $result->gefVon !!}</span>
+		</span>
+		@if( isset($result->partnershop) && $result->partnershop === TRUE )
+			<span class="partnershop-info">
+			<img src="/img/boosticon.png" height="13" alt="">
+			<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/partnershops") }}" target="_blank" rel="noopener">{!! trans('result.options.4') !!}</a>
+			</span>
+		@endif
+		<a class="result-proxy" onmouseover="$(this).popover('show');" onmouseout="$(this).popover('hide');" data-toggle="popover" data-placement="auto right" data-container="body" data-content="@lang('result.proxytext')" href="{{ $result->proxyLink }}" target="{{ $metager->getNewtab() }}" rel="noopener">
+			<img src="/img/proxyicon.png" alt="" />
+			<span>{!! trans('result.options.5') !!}</span>
+		</a>
+	</div>
+	<div>
 		@if( isset($result->logo) )
-			<div class="col-xs-2 col-sm-1" style="padding: 0;">
+			<div>
 				<a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ strip_tags($result->gefVon) }}" data-count="{{ $result->number }}">
 					<img src="{{ $metager->getImageProxyLink($result->logo) }}" alt="" />
 				</a>
@@ -82,11 +78,10 @@
 			</div>
 		@else
 			@if( $metager->getFokus() == "nachrichten" )
-			<div class="description"><span class="date">{{ isset($result->additionalInformation["date"])?date("Y-m-d H:i:s", $result->additionalInformation["date"]):"" }}</span> {{ $result->descr }}</div>
+				<div class="description"><span class="date">{{ isset($result->additionalInformation["date"])?date("Y-m-d H:i:s", $result->additionalInformation["date"]):"" }}</span> {{ $result->descr }}</div>
 			@else
-			<div class="description">{{ $result->descr }}</div>
+				<div class="description">{{ $result->descr }}</div>
 			@endif
 		@endif
 	</div>
-
 </div>
diff --git a/resources/views/layouts/resultPage.blade.php b/resources/views/layouts/resultPage.blade.php
index 2ec5f8b38f554211b4ffb484d25617d061a1f840..095e907e36e468231fdfe1819c45c451edb21826 100644
--- a/resources/views/layouts/resultPage.blade.php
+++ b/resources/views/layouts/resultPage.blade.php
@@ -25,15 +25,15 @@
 			@include('modals.create-focus-modal')
 			@include('layouts.researchandtabs')
 		@else
-			<div class="tab-content container-fluid">
+			<div class="resultpage-container">
 				@yield('results')
 			</div>
 		@endif
 		<div id="feedback" style="width:50%;margin-left:25%;position: relative; top:10px;" class="alert alert-danger alert-dismissable">
 			<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
-  				<strong> {!! trans('metaGer.feedback') !!}<a href="{{URL::to('')}}/kontakt/{{base64_encode(Request::fullUrl())}}/" target="_blank">
-  					{!! trans('kontakt.form.1') !!}</a>
-  				</strong>
+				<strong> {!! trans('metaGer.feedback') !!}<a href="{{URL::to('')}}/kontakt/{{base64_encode(Request::fullUrl())}}/" target="_blank">
+					{!! trans('kontakt.form.1') !!}</a>
+				</strong>
 		</div>
 		@include('parts.footer', ['type' => 'resultpage', 'id' => 'resultPageFooter'])
 		<img src="{{ action('ImageController@generateImage')}}?site={{ urlencode(url()->current()) }}" class="hidden" />
diff --git a/resources/views/metager3.blade.php b/resources/views/metager3.blade.php
index e718409255db2013fbd25d53d81dcf14a6c0a700..3bbad8cb1f36d53480c51d41dc1239c5d55d86bc 100644
--- a/resources/views/metager3.blade.php
+++ b/resources/views/metager3.blade.php
@@ -1,6 +1,7 @@
 @extends('layouts.resultPage')
 
 @section('results')
+	{{-- Show all errors --}}
 	@if(sizeof($errors) > 0)
 		<div class="alert alert-danger">
 			<ul>
@@ -10,6 +11,7 @@
 			</ul>
 		</div>
 	@endif
+	{{-- Show all warnings --}}
 	@if(sizeof($warnings) > 0)
 		<div class="alert alert-warning">
 			<ul>
@@ -19,40 +21,41 @@
 			</ul>
 		</div>
 	@endif
-	@if($metager->showQuicktips())
-		<div class="col-xs-12 col-md-8 resultContainer">
-	@else
-		<div class="col-xs-12 col-md-12 resultContainer">
-	@endif
+	<div id="results">
+		{{-- Show initial products or ads --}}
 		@if($metager->hasProducts())
-    		@if( $metager->getFokus() !== "produktsuche" && !$apiAuthorized)
-    		    @include('layouts.products', ['products' => $metager->getProducts()])
-    		@endif
-
+			@if( $metager->getFokus() !== "produktsuche" && !$apiAuthorized)
+				@include('layouts.products', ['products' => $metager->getProducts()])
+			@endif
 		@else
 			@for($i = 0; $i <= 2; $i++)
 				@include('layouts.ad', ['ad' => $metager->popAd()])
 			@endfor
 		@endif
+		{{-- Show map --}}
 		@if($metager->getMaps())
-		<div class="result row" id="map">
-			<div class="resultInformation col-xs-12 col-sm-11">
+			<div class="result" id="map">
 				<iframe class="" src="https://maps.metager.de/metager/{{ $metager->getQ() }}" scrolling="no" tabindex="-1" style="width: 100%; height:0; border:0;"></iframe>
 			</div>
-		</div>
 		@endif
+		{{-- Create results and ongoing ads --}}
 		@foreach($metager->getResults() as $result)
 			@if($result->number % 7 === 0)
 				@include('layouts.ad', ['ad' => $metager->popAd()])
 			@endif
 			@include('layouts.result', ['result' => $result])
 		@endforeach
+		{{-- Show pagination --}}
 		<nav class="mg-pager" aria-label="...">
-			<div @if($metager->getPage() === 1) class="disabled" @endif><a href="@if($metager->getPage() === 1) # @else javascript:history.back() @endif">{{ trans('results.zurueck') }}</a></div>
-			<div @if($metager->nextSearchLink() === "#") class="disabled" @endif><a href="{{ $metager->nextSearchLink() }}">{{ trans('results.weiter') }}</a></div>
+			<div @if($metager->getPage() === 1) class="disabled" @endif>
+				<a @if($metager->getPage() !== 1) href="javascript:history.back()" @endif>{{ trans('results.zurueck') }}</a>
+			</div>
+			<div @if($metager->nextSearchLink() === "#") class="disabled" @endif>
+				<a @if($metager->nextSearchLink() !== "#") href="{{ $metager->nextSearchLink() }}" @endif>{{ trans('results.weiter') }}</a>
+			</div>
 		</nav>
 	</div>
 	@if( $metager->showQuicktips() )
-		<div class="col-md-4 hidden-xs hidden-sm" id="quicktips"></div>
+		<div id="quicktips"></div>
 	@endif
 @endsection
diff --git a/resources/views/metager3results.blade.php b/resources/views/metager3results.blade.php
index 8dee0601cd6bfa4872299a0b7715c326d11ab797..68480ab987ffd3fc1587635278020dabb78f49ac 100644
--- a/resources/views/metager3results.blade.php
+++ b/resources/views/metager3results.blade.php
@@ -1,4 +1,5 @@
-@if( sizeof($errors) > 0 )
+{{-- Show all errors --}}
+@if(sizeof($errors) > 0)
 	<div class="alert alert-danger">
 		<ul>
 			@foreach($errors as $error)
@@ -7,7 +8,8 @@
 		</ul>
 	</div>
 @endif
-@if( sizeof($warnings) > 0)
+{{-- Show all warnings --}}
+@if(sizeof($warnings) > 0)
 	<div class="alert alert-warning">
 		<ul>
 			@foreach($warnings as $warning)
@@ -16,37 +18,40 @@
 		</ul>
 	</div>
 @endif
-<div class="col-xs-12 col-md-8">
+<div id="results">
+	{{-- Show initial products or ads --}}
 	@if($metager->hasProducts())
-	    @if( $metager->getFokus() !== "produktsuche" && !$apiAuthorized)
-		    @include('layouts.products', ['products' => $metager->getProducts()])
+		@if( $metager->getFokus() !== "produktsuche" && !$apiAuthorized)
+			@include('layouts.products', ['products' => $metager->getProducts()])
 		@endif
 	@else
 		@for($i = 0; $i <= 2; $i++)
 			@include('layouts.ad', ['ad' => $metager->popAd()])
 		@endfor
 	@endif
+	{{-- Show map --}}
 	@if($metager->getMaps())
-		<div class="result row" id="map">
-			<div class="resultInformation col-xs-12 col-sm-11">
-				<iframe class="" src="https://maps.metager.de/metager/{{ $metager->getQ() }}" style="width: 100%; height:0; border:0;"></iframe>
-			</div>
+		<div class="result" id="map">
+			<iframe class="" src="https://maps.metager.de/metager/{{ $metager->getQ() }}" scrolling="no" tabindex="-1" style="width: 100%; height:0; border:0;"></iframe>
 		</div>
 	@endif
+	{{-- Create results and ongoing ads --}}
 	@foreach($metager->getResults() as $result)
 		@if($result->number % 7 === 0)
 			@include('layouts.ad', ['ad' => $metager->popAd()])
 		@endif
 		@include('layouts.result', ['result' => $result])
 	@endforeach
-	<nav aria-label="...">
-		<ul class="pager">
-			<li @if($metager->getPage() === 1) class="disabled" @endif><a href="@if($metager->getPage() === 1) # @else javascript:history.back() @endif">{{ trans('results.zurueck') }}</a></li>
-			<li @if($metager->nextSearchLink() === "#") class="disabled" @endif><a href="{{ $metager->nextSearchLink() }}">{{ trans('results.weiter') }}</a></li>
-		</ul>
+	{{-- Show pagination --}}
+	<nav class="mg-pager" aria-label="...">
+		<div @if($metager->getPage() === 1) class="disabled" @endif>
+			<a @if($metager->getPage() !== 1) href="javascript:history.back()" @endif>{{ trans('results.zurueck') }}</a>
+		</div>
+		<div @if($metager->nextSearchLink() === "#") class="disabled" @endif>
+			<a @if($metager->nextSearchLink() !== "#") href="{{ $metager->nextSearchLink() }}" @endif>{{ trans('results.weiter') }}</a>
+		</div>
 	</nav>
 </div>
 @if( $metager->showQuicktips() )
-	<div class="col-md-4 hidden-xs hidden-sm" id="quicktips"></div>
-@endif
-</div>
+	<div id="quicktips"></div>
+@endif
\ No newline at end of file
diff --git a/resources/views/parts/footer.blade.php b/resources/views/parts/footer.blade.php
index ce85506444590a6d124310c9a2aa63fd98b0d2d9..470d1d5192336b76983dbb880fa190348bfb4312 100644
--- a/resources/views/parts/footer.blade.php
+++ b/resources/views/parts/footer.blade.php
@@ -1,16 +1,18 @@
 @if ($type === 'startpage' || $type === 'subpage')
 <footer class="{{ $id }} noprint">
-  <div>
+  <div class="imagebox">
     <a href="https://www.suma-ev.de/"  >
-    <img src="/img/suma_ev_logo-m1-greyscale.png" alt="SUMA-EV Logo"></a>
+      <img src="/img/suma_ev_logo-m1-greyscale.png" alt="SUMA-EV Logo">
+    </a>
   </div>
   <div id="info">
     <span><a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "kontakt") }}">{{ trans('staticPages.nav5') }}</a> - <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">{{ trans('staticPages.nav8') }}</a></span>
     <span class="hidden-xs">{{ trans('staticPages.sumaev.1') }}<a href="https://www.suma-ev.de/">{{ trans('staticPages.sumaev.2') }}</a></span>
   </div>
-  <div>
+  <div class="imagebox">
     <a href="https://www.uni-hannover.de/">
-    <img src="/img/luh_metager.png" alt="LUH Logo"></a>
+      <img src="/img/luh_metager.png" alt="LUH Logo">
+    </a>
   </div>
 </footer>
 @elseif ($type === 'resultpage')