Fixed - Footer wird jetzt auf jeder Seite am Seitenende angezeigt

resources/assets/less/metager/result-page.less

@@ -38,7 +38,7 @@ body {
     background-color: white;
 }
 
-footer {
+.footer-resultpage {
     text-align: center;
     a {
         color: @footer-a-color;

resources/assets/less/metager/static-pages.less

@@ -38,7 +38,12 @@
     font-family: Liberation Sans, sans-serif;
 }
 
+html {
+    height: 100%;
+}
+
 body {
+    height: 100%;
     margin: 0;
     &>div {
         padding-top: 70px;
@@ -64,6 +69,13 @@ footer {
     }
 }
 
+.wrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 100%;
+}
+
 ul.startpage {
     list-style-type: none;
 }
@@ -122,7 +134,7 @@ ul.metager-dropdown-menu {
 }
 
 #mglogo {
-    color: rgb(255,128,0);
+    color: rgb(255, 128, 0);
     text-shadow: 2px 2px 10px rgba(150, 150, 150, 1);
     text-align: center;
 }
@@ -163,7 +175,7 @@ ul.metager-dropdown-menu {
     }
 }
 
-#metager-static-nav-list > li:hover {
+#metager-static-nav-list>li:hover {
     background-color: @metager-navbar-toggle-hover-background-color;
     &>.metager-dropdown-menu {
         animation-name: dropdown-animation;
@@ -224,7 +236,6 @@ ul.metager-dropdown-menu {
     }
 }
 
-
 #color-chooser {
     padding: 0;
     a {
@@ -343,7 +354,6 @@ div#top {
     padding-right: 35px;
 }
 
-
 div#bottom {
     background-color: @div-right-background-color;
     width: 100%;
@@ -363,7 +373,7 @@ div#bottom label {
     display: block;
     vertical-align: middle;
     text-align: center;
-    font-size: 18px; 
+    font-size: 18px;
     color: #666;
 }
 
@@ -372,32 +382,33 @@ div#bottom label:hover {
 }
 
 div#bottom label::after {
-  font-size: 18px;
-  content: "▼";
-  width: 20px;
-  height: 20px;
-  margin-left: 3px;
+    font-size: 18px;
+    content: "▼";
+    width: 20px;
+    height: 20px;
+    margin-left: 3px;
 }
 
 div#expand {
-  max-height: 0px;
-  overflow: hidden; 
-  -webkit-transition: max-height 0.5s;
-  -moz-transition: max-height 0.5s;
-  -o-transition: max-height 0.5s;
-  transition: max-height 0.5s;
+    max-height: 0px;
+    overflow: hidden;
+    -webkit-transition: max-height 0.5s;
+    -moz-transition: max-height 0.5s;
+    -o-transition: max-height 0.5s;
+    transition: max-height 0.5s;
 }
 
-input#toggle:checked ~ #expand {
-  max-height: 900px;
+input#toggle:checked~#expand {
+    max-height: 900px;
 }
 
 input#toggle {
     display: none;
     visibility: hidden;
 }
-input#toggle:checked ~ label::after {
-  content: "▲";
+
+input#toggle:checked~label::after {
+    content: "▲";
 }
 
 textarea#message {
@@ -444,14 +455,14 @@ textarea#message {
 }
 
 select[name=focus] {
-	font-family: FontAwesome, sans-serif;
+    font-family: FontAwesome, sans-serif;
     padding: 0.5em;
     border: 0;
     border-radius: 0;
 }
 
-select[name=focus] > option {
-	font-family: FontAwesome, sans-serif;
+select[name=focus]>option {
+    font-family: FontAwesome, sans-serif;
 }
 
 .input-group-addon {
@@ -634,13 +645,11 @@ label.select-label {
     .noprint {
         display: none!important;
     }
-
     .beitritt-formular-info * {
         font-size: 7pt !important;
     }
 }
 
-
 .donation-form-group label {
     font-weight: bold;
 }
@@ -671,31 +680,14 @@ label a {
 }
 
 #submit-inputgroup {
-	background-color: inherit;
+    background-color: inherit;
     border-left: 0;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 }
 
 input[name=eingabe] {
-	border-right: 0;
-	box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
-}
-
-footer {
-	position: absolute;
-    margin: 30px 0px;
-    bottom: 0;
-    width: 100%;
-    ul.list-inline {
-        width: 100%;
-    }
-    li {
-        width: 33%;
-        text-align: center;
-    }
-    img {
-        max-width: 100%;
-    }
+    border-right: 0;
+    box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
 }
 
 main ul li:not(.lslide) {

resources/views/layouts/resultPage.blade.php

@@ -33,7 +33,7 @@
   					{!! trans('kontakt.form.1') !!}</a>
   				</strong>
 		</div>
-		<footer>
+		<footer class="footer-resultpage">
 			<div class="row">
 				<div @if(LaravelLocalization::getCurrentLocale() === "de") class="col-xs-4"@else class="col-xs-6"@endif>
 					<a class="btn btn-default" href="/">{!! trans('resultPage.startseite') !!}</a>

resources/views/layouts/staticPages.blade.php

@@ -51,7 +51,7 @@
 				@yield('content')
 			</main>
 			@yield('optionalContent')
-			<footer class="noprint">
+			<footer class="footer-static-pages noprint">
 				<ul class="list-inline hidden-xs">
 					<li>
 						<a href="https://www.suma-ev.de/"  >