X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Ftablet%2Ffooter.less;h=7e6567b448aab21e8bd5465f226fa6eb563b7dd0;hp=c737f050e153ee118626c3f57133d0d6f6f7589b;hb=a06a8f90ea1c87ca482ac7de085883a6d92cd213;hpb=8e719af3e5416142f6ad4cd9bea9c51f9f2011e4

diff --git a/src/main/webapp/less/tablet/footer.less b/src/main/webapp/less/tablet/footer.less
index c737f050..7e6567b4 100644
--- a/src/main/webapp/less/tablet/footer.less
+++ b/src/main/webapp/less/tablet/footer.less
@@ -1,65 +1,90 @@
-@import '../variables.less';
-
-.cols_1 > #footer
+.nomenu #footer
 {
-  margin: 0 0 0 -5em;
-  padding: 2em 3em 2em 5em;
+  padding: 0 3em 1.5em 5em;
+  @media (max-width: @maxsmalltablet)
+  {
+    padding: 0 2em 1em 3em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    padding: 0 1em .75em 2.5em;
+  }
   background-color: @heller;
 }
-.cols_1 > #footer > #footerlinks
+.nomenu #footer > #footerlinks
 {
   position: static;
-  border-style: none;
+  margin: -.125em;
+  padding-top: 1.5em;
+  @media (max-width: @maxsmalltablet)
+  {
+    padding-top: 1em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    padding-top: .5em;
+  }
+  border-top: .125em solid @hintergrund;
 }
-.cols_1 > #footer > #footerlinks > li.f
+.nomenu #footer > #footerlinks > li.f
 {
   line-height: 1em;
   margin: 0 1em 0 0;
   padding: 0;
 }
-.cols_1 > #footer > #footerlinks > li.f > a.f
+.nomenu #footer > #footerlinks > li.f > a.f
 {
   color: @hintergrund;
   border-color: @hintergrund;
 }
-.cols_1 > #footer > #footerlinks > li#copyright
+.nomenu #footer > #footerlinks > li#copyright
 {
   position: static;
   float: right;
   font-size: 137.5%;
   margin: 0;
 }
-.cols_2 > #footer > #footer
-{
-  padding: 0;
-}
-.cols_2 > #footer > #footerlinks
+.menu #footer > #footerlinks
 {
   position: static;
   border-style: none;
   margin: 4em 0 0 2em;
 }
-.cols_2 > #footer > #footerlinks > li.f
+.menu #footer > #footerlinks > li.f
 {
   line-height: 1em;
   display: block;
-  margin: 0;
+  margin: 0 0 .25em 0;
   color: @hintergrund;
 }
-.cols_2 > #footer > #footerlinks > li#copyright
+.menu #footer > #footerlinks > li#copyright
 {
   line-height: 1em;
   font-size: 137.5%;
   top: auto;
-  bottom: 1em;
-  right: -9em;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 0 2.18181818em 1.5em; /* ? 3*16px ? */
+  @media (max-width: @maxsmalltablet)
+  {
+    padding-right: 1.45454545em;
+    padding-bottom: 1em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    padding-right: .72727272em;
+    padding-bottom: .5em;
+  }
+  background-color: @heller;
+  text-align: right;
 }
-.cols_2 > #footer > #footerlinks a.f
+.menu #footer > #footerlinks a.f
 {
   color: @hintergrund;
   border-color: @hintergrund;
 }
-.cols_2 > #footer > #footerlinks a.f:hover
+.menu #footer > #footerlinks a.f:hover
 {
   color: @hintergrund;
   border-color: @hintergrund;