X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Ftablet%2Flayout.less;h=47d71ba0ce3ad413dc241eef37ce5d6cfbafb923;hb=fd86a57c93eea4668d9c748aed9ab301a1d99082;hp=6d97d708bd93a9dc9c1c3e2196a9e12956331de2;hpb=697279a7b2b206ef6d274ed0c56c795dd28559f6;p=website

diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index 6d97d708..47d71ba0 100644
--- a/src/main/webapp/less/tablet/layout.less
+++ b/src/main/webapp/less/tablet/layout.less
@@ -1,20 +1,57 @@
 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
@@ -30,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... */
@@ -84,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
 {