X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Ftablet%2Flayout.less;h=47d71ba0ce3ad413dc241eef37ce5d6cfbafb923;hb=b8d5cf42ff526aa37e878e6513a9221030161366;hp=d7d37c99757ddf879df2bb3df879395987812565;hpb=336ae665a166ad08f594c85e092ee57d7e65ba28;p=website

diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index d7d37c99..47d71ba0 100644
--- a/src/main/webapp/less/tablet/layout.less
+++ b/src/main/webapp/less/tablet/layout.less
@@ -1,22 +1,57 @@
-@import '../variables.less';
-
 body
 {
   padding: 0 0 0 5em;
+  @media (max-width: @maxsmalltablet)
+  {
+    padding: 0 0 0 3.5em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    padding: 0 0 0 2.5em;
+  }
+}
+
+#header
+{
+  @media (max-width: @maxsmalltablet)
+  {
+    margin-left: -1.5em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    margin-left: -1.2em;
+  }
 }
 
 .cols_1
 {
   padding-right: 3em;
+  @media (max-width: @maxsmalltablet)
+  {
+    padding-right: 2em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    padding-right: 1em;
+  }
 }
 .cols_1 > .content
 {
-  padding-bottom: 5.5em;
+  padding-bottom: 5em;
+  @media (max-width: @maxsmalltablet)
+  {
+    padding-bottom: 4em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    padding-bottom: 3.25em;
+  }
 }
 .cols_2 > .content
 {
   padding: 0 15em 0 0;
   margin-right: -15em;
+  z-index: 2;
 }
 .cols_2 > .content.cf:before,
 .cols_2 > .content.cf:after
@@ -32,6 +67,15 @@ body
   width: auto;
   background-color: @hintergrund;
   border-right: 3em solid @hintergrund;
+  @media (max-width: @maxsmalltablet)
+  {
+    margin-top: -.5em;
+    border-right-width: 2em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    border-right-width: 1em;
+  }
   /** Die 1px-Rahmen triggern, dass das erste Margin den Footer aufschiebt.
       Bei einem Wert von 0 ragt dieses Margin dann einfach aus dem Footer
       heraus... */
@@ -86,6 +130,14 @@ body
 {
   margin-right: -15em;
   border-right: 3em solid @hintergrund;
+  @media (max-width: @maxsmalltablet)
+  {
+    border-right-width: 2em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    border-right-width: 1em;
+  }
 }
 .cols_2 > #breadcrumb
 {