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

diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index d7d37c99..05976070 100644
--- a/src/main/webapp/less/tablet/layout.less
+++ b/src/main/webapp/less/tablet/layout.less
@@ -1,13 +1,27 @@
-@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;
+  }
 }
 
 .cols_1
 {
   padding-right: 3em;
+  @media (max-width: @maxsmalltablet)
+  {
+    padding-right: 2em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    padding-right: 1em;
+  }
 }
 .cols_1 > .content
 {
@@ -17,6 +31,7 @@ body
 {
   padding: 0 15em 0 0;
   margin-right: -15em;
+  z-index: 2;
 }
 .cols_2 > .content.cf:before,
 .cols_2 > .content.cf:after
@@ -32,6 +47,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 +110,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
 {