Tablet-Layout für kleinere Bildschirme überarbeitet

[website] / src / main / webapp / less / tablet / footer.less

diff --git a/src/main/webapp/less/tablet/footer.less b/src/main/webapp/less/tablet/footer.less
index df17d2f..9f5beb5 100644 (file)
--- a/src/main/webapp/less/tablet/footer.less
+++ b/src/main/webapp/less/tablet/footer.less
@@ -1,7 +1,17 @@
 .cols_1 > #footer
 {
   margin: 0 0 0 -5em;
 .cols_1 > #footer
 {
   margin: 0 0 0 -5em;

-  padding: 2em 3em 2em 5em;
+  padding: 2em 3em 1.5em 5em;
+  @media (max-width: @maxsmalltablet)
+  {
+    margin: 0 0 0 -4em;
+    padding: 1.5em 2em 1em 4em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    margin: 0 0 0 -3em;
+    padding: 1em 1em .75em 3em;
+  }

   background-color: @heller;
 }
 .cols_1 > #footer > #footerlinks
   background-color: @heller;
 }
 .cols_1 > #footer > #footerlinks


@@ -27,9 +37,9 @@
   font-size: 137.5%;
   margin: 0;
 }
   font-size: 137.5%;
   margin: 0;
 }

-.cols_2 > #footer > #footer
+.cols_2 > #footer

 {
 {

-  padding: 0;
+  z-index: 1;

 }
 .cols_2 > #footer > #footerlinks
 {
 }
 .cols_2 > #footer > #footerlinks
 {


@@ -49,8 +59,22 @@
   line-height: 1em;
   font-size: 137.5%;
   top: auto;
   line-height: 1em;
   font-size: 137.5%;
   top: auto;

-  bottom: 1em;
-  right: -9em;
+  bottom: 0;
+  left: -3em;
+  right: -10.909090909em; /* 240px */
+  padding: 9em 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
 {
 }
 .cols_2 > #footer > #footerlinks a.f
 {