diff --git a/resources/assets/less/metager/footer.less b/resources/assets/less/metager/footer.less
index 456b611de99caa3b00293928dd36b54e1ffb831f..c0ce28d1047d32c65c7ce31ba213db617b8ac272 100644
--- a/resources/assets/less/metager/footer.less
+++ b/resources/assets/less/metager/footer.less
@@ -1,6 +1,7 @@
 footer {
-    margin: 10px 0px 30px 0px;
+    padding: 5px 5px 15px 5px;
     width: 100%;
+    background-color: white;
     display: flex;
     justify-content: space-around;
     white-space: pre-line;
diff --git a/resources/assets/less/metager/start-page.less b/resources/assets/less/metager/start-page.less
index cc84b56330c079d65cc9a463e5a06a9b519a3579..7cb529801eb83d6d1c6b2aecc0f8f84c4e95ed29 100644
--- a/resources/assets/less/metager/start-page.less
+++ b/resources/assets/less/metager/start-page.less
@@ -1,5 +1,4 @@
 @search-bar-width: 1000px;
-
 .mg-panel {
     @media(max-width: @search-bar-width) {
         width: 100%;
@@ -14,7 +13,7 @@
     align-items: stretch;
     font-size: 16px;
     background-color: white;
-    > * {
+    >* {
         border: 1px solid #aaa;
         background-color: transparent;
         &:not(:first-child) {
diff --git a/resources/assets/less/metager/static-pages.less b/resources/assets/less/metager/static-pages.less
index ef0ef84b2f4523c22469045a7469adfdb211741a..7c9e1b676a3b4f7033145984111434e14f4d4f02 100644
--- a/resources/assets/less/metager/static-pages.less
+++ b/resources/assets/less/metager/static-pages.less
@@ -46,7 +46,6 @@ body {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    height: 100%;
 }
 
 ul.startpage {
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index cb8816352d1c5c68d19da66cce363e7cc3107fde..a2ebc70dea1c51c04fe1accc67934514fb65341d 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -3,206 +3,7 @@
 @section('title', $title )
 
 @section('content')
-	<div class="modal fade" id="plugin-modal" tab-index="-1" role="dialog">
-		<div class="modal-dialog ">
-			<div class="content modal-content">
-				<div class="modal-header">
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-						<span aria-hidden="true">&times;</span>
-					</button>
-					<h4>
-						@if ($browser === 'Firefox' || $browser === 'Mozilla')
-							{{ trans('index.plugin.head.1') }}
-						@elseif ($browser === 'Chrome')
-							{{ trans('index.plugin.head.2') }}
-						@elseif ($browser === 'Opera')
-							{{ trans('index.plugin.head.3') }}
-						@elseif ($browser === 'IE')
-							{{ trans('index.plugin.head.4') }}
-						@elseif ($browser === 'Edge')
-							{{ trans('index.plugin.head.5') }}
-						@elseif ($browser === 'Safari')
-							{{ trans('index.plugin.head.6') }}
-						@elseif ($browser === 'Vivaldi')
-							{{ trans('index.plugin.head.6') }}
-						@else
-							$(".seperator").addClass("hidden");
-						@endif
-					</h4>
-					<p class="text-muted">{{ trans('index.plugin.head.info') }}</p>
-				</div>
-				<div class="modal-body">
-					@if ($browser === 'Firefox' || $browser === 'Mozilla')
-						<ol>
-							<li>{{ trans('index.plugin.firefox.1') }}<img src="/img/Firefox.png" width="100%" /></li>
-							<li>{{ trans('index.plugin.firefox.2') }}<img src="/img/Firefox_Standard.png" width="100%" /></li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.firefox.3', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.firefox.4') !!}</li>
-							<li>{!! trans('index.plugin.firefox.5') !!}</li>
-						</ol>
-					@elseif ($browser === 'Chrome')
-						<ol>
-							<li>{!! trans('index.plugin.chrome.1') !!}</li>
-							<li>{!! trans('index.plugin.chrome.2') !!}</li>
-							<li>{{ trans('index.plugin.chrome.3') }}</li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.chrome.4', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.chrome.5') !!}</li>
-							<li>{!! trans('index.plugin.chrome.6') !!}</li>
-							<li>{!! trans('index.plugin.chrome.7') !!}</li>
-							<li>{!! trans('index.plugin.chrome.8') !!}</li>
-						</ol>
-					@elseif ($browser === 'Opera')
-						<ol>
-							<li>{!! trans('index.plugin.opera.1') !!}</li>
-							<li>{!! trans('index.plugin.opera.2') !!}</li>
-							<li>{!! trans('index.plugin.opera.3') !!}</li>
-							<li>{!! trans('index.plugin.opera.4') !!}</li>
-							<li><small>{!! trans('index.plugin.opera.5') !!}</small>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.opera.6', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.opera.7') !!}</li>
-							<li>{!! trans('index.plugin.opera.8') !!}</li>
-							<li>{!! trans('index.plugin.opera.9') !!}</li>
-							<li>{!! trans('index.plugin.opera.10') !!}</li>
-						</ol>
-					@elseif ($browser === 'IE')
-						<ol>
-							<li>{!! trans('index.plugin.IE.1') !!}</li>
-							<li>{!! trans('index.plugin.IE.4') !!} (<i class="fa fa-cog" aria-hidden="true"></i>)</li>
-							<li>{!! trans('index.plugin.IE.5') !!}</li>
-							<li>{!! trans('index.plugin.IE.6') !!}</li>
-							<li>{!! trans('index.plugin.IE.7') !!}</li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.IE.8', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.IE.9') !!}</li>
-							<li>{!! trans('index.plugin.IE.10') !!}</li>
-							<li>{!! trans('index.plugin.IE.11') !!}</li>
-						</ol>
-					@elseif ($browser === 'Edge')
-						<ol>
-							<li>{!! trans('index.plugin.edge.1') !!}<i class="fa fa-ellipsis-h" aria-hidden="true"></i>{!! trans('index.plugin.edge.2') !!}</li>
-							<li>{!! trans('index.plugin.edge.3') !!}</li>
-							<li>{!! trans('index.plugin.edge.4') !!}</li>
-							<li>{!! trans('index.plugin.edge.5') !!}</li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.edge.6', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.edge.7') !!}</li>
-							<li>{!! trans('index.plugin.edge.8') !!}</li>
-							<li>{!! trans('index.plugin.edge.9') !!}</li>
-							<li>{!! trans('index.plugin.edge.10') !!}</li>
-							<li>{!! trans('index.plugin.edge.11') !!}</li>
-						</ol>
-					@elseif ($browser === 'Safari')
-						<ol>
-							<li>{!! trans('index.plugin.safari.1') !!}</li>
-							<li>{!! trans('index.plugin.safari.2') !!}</li>
-							<li>{!! trans('index.plugin.safari.3') !!}</li>
-							<li>{!! trans('index.plugin.safari.4') !!}</li>
-						</ol>
-					@elseif ($browser === 'Vivaldi')
-						<ol>
-							<li>{!! trans('index.plugin.vivaldi.1') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.2') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.3') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.4') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.5') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.6') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.7') !!}</li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.vivaldi.8', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.vivaldi.9') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.10') !!}</li>
-						</ol>
-					@endif
-					<hr>
-					<p>@lang('index.plugin.faq.1')<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/faq#mg-plugin") }}">@lang('index.plugin.faq.2')</a></p>
-				</div>
-			</div>
-		</div>
-	</div>
-	<div id="create-focus-modal" class="modal fade" tab-index="-1" role="dialog">
-		<div class="modal-dialog modal-lg">
-			<div class="content modal-content">
-				<div class="modal-header">
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-						<span aria-hidden="true">&times;</span>
-					</button>
-					<h4>
-						@lang("index.focus-creator.head")
-					</h4>
-					<p class="text-muted">@lang("index.focus-creator.description")</p>
-				</div>
-				<div class="modal-body">
-					<div class="clearfix">
-						<div class="pull-left">
-							<label for="focus-name">@lang('index.focus-creator.focusname')</label>
-							<input id="focus-name" type="text" name="focus-name" placeholder="@lang('index.focus-creator.name-placeholder')">
-							<input id="original-id" type="hidden" name="original-id" value="">
-						</div>
-						<div class="settings-modal-buttons pull-right">
-							<button class="delete-focus-btn btn btn-danger">
-								@lang('index.focus-creator.delete')
-							</button>
-							<button class="save-focus-btn btn btn-primary">
-								@lang('index.focus-creator.save')
-							</button>
-						</div>
-					</div>
-					{{--
-					<h2>{!! trans('settings.suchmaschinen.1') !!} <small><button type="button" class="btn btn-link allUnchecker hide">{!! trans('settings.suchmaschinen.2') !!}</button></small></h2>
-					--}}
-					@foreach( $foki as $fokus => $sumas )
-						<div class="headingGroup {{ $fokus }}">
-							<h3 class="focus-category">
-								@lang("settings.foki." . $fokus)
-								{{--
-								<small>
-									<button type="button" class="checker btn btn-link hide" data-type="{{ $fokus }}">{!! trans('settings.suchmaschinen.3') !!}</button>
-								</small>
-								--}}
-							</h3>
-							<div class="row">
-								@foreach( $sumas as $name => $data )
-									<div class="col-sm-6 col-md-4 col-lg-3">
-										<div class="checkbox settings-checkbox">
-											<label>
-												<input type="checkbox" name="engine_{{ $name }}" class="focusCheckbox"  @if ($fokus == 'web') checked @endif >{{ $data['displayName'] }}
-												<a class="settings-icon" target="_blank" rel="noopener" href="{{ $data['url'] }}"><i class="fa fa-link" aria-hidden="true"></i></a>
-											</label>
-										</div>
-									</div>
-								@endforeach
-							</div>
-						</div>
-					@endforeach
-					<div class="clearfix">
-						<div class="settings-modal-buttons pull-right">
-							<button class="delete-focus-btn btn btn-danger">
-								@lang('index.focus-creator.delete')
-							</button>
-							<button class="save-focus-btn btn btn-primary">
-								@lang('index.focus-creator.save')
-							</button>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
+	@include('modals.create-focus-modal')
 	<h1 id="mglogo"><a class="hidden-xs" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a></h1>
 		<fieldset>
 			<form id="searchForm" method={{ $request }} action="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/meta/meta.ger3") }}" accept-charset="UTF-8">
diff --git a/resources/views/modals/create-focus-modal.blade.php b/resources/views/modals/create-focus-modal.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..ed5b3e0d64f2e5727168327c08365502741249b2
--- /dev/null
+++ b/resources/views/modals/create-focus-modal.blade.php
@@ -0,0 +1,73 @@
+<div id="create-focus-modal" class="modal fade" tab-index="-1" role="dialog">
+	<div class="modal-dialog modal-lg">
+		<div class="content modal-content">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					<span aria-hidden="true">&times;</span>
+				</button>
+				<h4>
+					@lang("index.focus-creator.head")
+				</h4>
+				<p class="text-muted">@lang("index.focus-creator.description")</p>
+			</div>
+			<div class="modal-body">
+				<div class="clearfix">
+					<div class="pull-left">
+						<label for="focus-name">@lang('index.focus-creator.focusname')</label>
+						<input id="focus-name" type="text" name="focus-name" placeholder="@lang('index.focus-creator.name-placeholder')">
+						<input id="original-id" type="hidden" name="original-id" value="">
+					</div>
+					<div class="settings-modal-buttons pull-right">
+						<button class="delete-focus-btn btn btn-danger">
+							@lang('index.focus-creator.delete')
+						</button>
+						<button class="save-focus-btn btn btn-primary">
+							@lang('index.focus-creator.save')
+						</button>
+					</div>
+				</div>
+				{{--
+				<h2>{!! trans('settings.suchmaschinen.1') !!}
+					<small>
+						<button type="button" class="btn btn-link allUnchecker hide">{!! trans('settings.suchmaschinen.2') !!}</button>
+					</small>
+				</h2>
+				--}} @foreach( $foki as $fokus => $sumas )
+				<div class="headingGroup {{ $fokus }}">
+					<h3 class="focus-category">
+						@lang("settings.foki." . $fokus) {{--
+						<small>
+							<button type="button" class="checker btn btn-link hide" data-type="{{ $fokus }}">{!! trans('settings.suchmaschinen.3') !!}</button>
+						</small>
+						--}}
+					</h3>
+					<div class="row">
+						@foreach( $sumas as $name => $data )
+						<div class="col-sm-6 col-md-4 col-lg-3">
+							<div class="checkbox settings-checkbox">
+								<label>
+									<input type="checkbox" name="engine_{{ $name }}" class="focusCheckbox" @if ($fokus=='web' ) checked @endif>{{ $data['displayName'] }}
+									<a class="settings-icon" target="_blank" rel="noopener" href="{{ $data['url'] }}">
+										<i class="fa fa-link" aria-hidden="true"></i>
+									</a>
+								</label>
+							</div>
+						</div>
+						@endforeach
+					</div>
+				</div>
+				@endforeach
+				<div class="clearfix">
+					<div class="settings-modal-buttons pull-right">
+						<button class="delete-focus-btn btn btn-danger">
+							@lang('index.focus-creator.delete')
+						</button>
+						<button class="save-focus-btn btn btn-primary">
+							@lang('index.focus-creator.save')
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/resources/views/modals/plugin-modal.blade.php b/resources/views/modals/plugin-modal.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..9c9147899bcc92f052ccaceeebe57fa313e0f8ec
--- /dev/null
+++ b/resources/views/modals/plugin-modal.blade.php
@@ -0,0 +1,129 @@
+<div class="modal fade" id="plugin-modal" tab-index="-1" role="dialog">
+	<div class="modal-dialog ">
+		<div class="content modal-content">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					<span aria-hidden="true">&times;</span>
+				</button>
+				<h4>
+					@if ($browser === 'Firefox' || $browser === 'Mozilla') {{ trans('index.plugin.head.1') }} @elseif ($browser === 'Chrome')
+					{{ trans('index.plugin.head.2') }} @elseif ($browser === 'Opera') {{ trans('index.plugin.head.3') }} @elseif ($browser
+					=== 'IE') {{ trans('index.plugin.head.4') }} @elseif ($browser === 'Edge') {{ trans('index.plugin.head.5') }} @elseif
+					($browser === 'Safari') {{ trans('index.plugin.head.6') }} @elseif ($browser === 'Vivaldi') {{ trans('index.plugin.head.6')
+					}} @else $(".seperator").addClass("hidden"); @endif
+				</h4>
+				<p class="text-muted">{{ trans('index.plugin.head.info') }}</p>
+			</div>
+			<div class="modal-body">
+				@if ($browser === 'Firefox' || $browser === 'Mozilla')
+				<ol>
+					<li>{{ trans('index.plugin.firefox.1') }}
+						<img src="/img/Firefox.png" width="100%" />
+					</li>
+					<li>{{ trans('index.plugin.firefox.2') }}
+						<img src="/img/Firefox_Standard.png" width="100%" />
+					</li>
+				</ol>
+				<hr />
+				<h4>{!! trans('index.plugin.firefox.3', ['browser' => $browser]) !!}</h4>
+				<ol>
+					<li>{!! trans('index.plugin.firefox.4') !!}</li>
+					<li>{!! trans('index.plugin.firefox.5') !!}</li>
+				</ol>
+				@elseif ($browser === 'Chrome')
+				<ol>
+					<li>{!! trans('index.plugin.chrome.1') !!}</li>
+					<li>{!! trans('index.plugin.chrome.2') !!}</li>
+					<li>{{ trans('index.plugin.chrome.3') }}</li>
+				</ol>
+				<hr />
+				<h4>{!! trans('index.plugin.chrome.4', ['browser' => $browser]) !!}</h4>
+				<ol>
+					<li>{!! trans('index.plugin.chrome.5') !!}</li>
+					<li>{!! trans('index.plugin.chrome.6') !!}</li>
+					<li>{!! trans('index.plugin.chrome.7') !!}</li>
+					<li>{!! trans('index.plugin.chrome.8') !!}</li>
+				</ol>
+				@elseif ($browser === 'Opera')
+				<ol>
+					<li>{!! trans('index.plugin.opera.1') !!}</li>
+					<li>{!! trans('index.plugin.opera.2') !!}</li>
+					<li>{!! trans('index.plugin.opera.3') !!}</li>
+					<li>{!! trans('index.plugin.opera.4') !!}</li>
+					<li>
+						<small>{!! trans('index.plugin.opera.5') !!}</small>
+				</ol>
+				<hr />
+				<h4>{!! trans('index.plugin.opera.6', ['browser' => $browser]) !!}</h4>
+				<ol>
+					<li>{!! trans('index.plugin.opera.7') !!}</li>
+					<li>{!! trans('index.plugin.opera.8') !!}</li>
+					<li>{!! trans('index.plugin.opera.9') !!}</li>
+					<li>{!! trans('index.plugin.opera.10') !!}</li>
+				</ol>
+				@elseif ($browser === 'IE')
+				<ol>
+					<li>{!! trans('index.plugin.IE.1') !!}</li>
+					<li>{!! trans('index.plugin.IE.4') !!} (
+						<i class="fa fa-cog" aria-hidden="true"></i>)</li>
+					<li>{!! trans('index.plugin.IE.5') !!}</li>
+					<li>{!! trans('index.plugin.IE.6') !!}</li>
+					<li>{!! trans('index.plugin.IE.7') !!}</li>
+				</ol>
+				<hr />
+				<h4>{!! trans('index.plugin.IE.8', ['browser' => $browser]) !!}</h4>
+				<ol>
+					<li>{!! trans('index.plugin.IE.9') !!}</li>
+					<li>{!! trans('index.plugin.IE.10') !!}</li>
+					<li>{!! trans('index.plugin.IE.11') !!}</li>
+				</ol>
+				@elseif ($browser === 'Edge')
+				<ol>
+					<li>{!! trans('index.plugin.edge.1') !!}
+						<i class="fa fa-ellipsis-h" aria-hidden="true"></i>{!! trans('index.plugin.edge.2') !!}</li>
+					<li>{!! trans('index.plugin.edge.3') !!}</li>
+					<li>{!! trans('index.plugin.edge.4') !!}</li>
+					<li>{!! trans('index.plugin.edge.5') !!}</li>
+				</ol>
+				<hr />
+				<h4>{!! trans('index.plugin.edge.6', ['browser' => $browser]) !!}</h4>
+				<ol>
+					<li>{!! trans('index.plugin.edge.7') !!}</li>
+					<li>{!! trans('index.plugin.edge.8') !!}</li>
+					<li>{!! trans('index.plugin.edge.9') !!}</li>
+					<li>{!! trans('index.plugin.edge.10') !!}</li>
+					<li>{!! trans('index.plugin.edge.11') !!}</li>
+				</ol>
+				@elseif ($browser === 'Safari')
+				<ol>
+					<li>{!! trans('index.plugin.safari.1') !!}</li>
+					<li>{!! trans('index.plugin.safari.2') !!}</li>
+					<li>{!! trans('index.plugin.safari.3') !!}</li>
+					<li>{!! trans('index.plugin.safari.4') !!}</li>
+				</ol>
+				@elseif ($browser === 'Vivaldi')
+				<ol>
+					<li>{!! trans('index.plugin.vivaldi.1') !!}</li>
+					<li>{!! trans('index.plugin.vivaldi.2') !!}</li>
+					<li>{!! trans('index.plugin.vivaldi.3') !!}</li>
+					<li>{!! trans('index.plugin.vivaldi.4') !!}</li>
+					<li>{!! trans('index.plugin.vivaldi.5') !!}</li>
+					<li>{!! trans('index.plugin.vivaldi.6') !!}</li>
+					<li>{!! trans('index.plugin.vivaldi.7') !!}</li>
+				</ol>
+				<hr />
+				<h4>{!! trans('index.plugin.vivaldi.8', ['browser' => $browser]) !!}</h4>
+				<ol>
+					<li>{!! trans('index.plugin.vivaldi.9') !!}</li>
+					<li>{!! trans('index.plugin.vivaldi.10') !!}</li>
+				</ol>
+				@endif
+				<hr>
+				<p>@lang('index.plugin.faq.1')
+					<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "
+					/faq#mg-plugin ") }}">@lang('index.plugin.faq.2')</a>
+				</p>
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file