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

diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index 4ddffb0d..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... */
@@ -42,7 +66,7 @@ body
 {
   margin: 2em -3em 0 -5em;
 }
-.cols_1 > .content > .marginal div.m
+.cols_1 > .content > .marginal aside.m
 {
   margin: -.125em 3em 0 5em;
   padding: 2em 0;
@@ -58,7 +82,7 @@ body
   width: 100%;
   border-top: 3em solid @hintergrund;
 }
-.cols_2 > .content > .marginal > div.m
+.cols_2 > .content > .marginal > aside.m
 {
   margin-right: -12em;
 }
@@ -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
 {