About-Bereich hinzugefügt

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

diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index 04c51d7..3d9787f 100644 (file)
--- a/src/main/webapp/less/tablet/layout.less
+++ b/src/main/webapp/less/tablet/layout.less
@@ -1,6 +1,7 @@
 /** Seite gesamt (Abmessungen, Aussenabstände etc.) */
 
-body
+body.menu,
+body.nomenu
 {
   padding: 0;
 }
@@ -8,6 +9,10 @@ body
 {
   overflow: hidden;
 }
+.nomenu #page
+{
+  padding: 0;
+}
 
 
 /** Seitenaufteilung mit/ohne Menü für Tablets optimieren */
@@ -111,6 +116,10 @@ body
   @media (max-width: @maxsmallertablet)
   {
     margin-left: 17.5em;
+    #menu > li.about
+    {
+      display: inline-block;
+    }
   }
   width: auto;
 }
@@ -131,6 +140,10 @@ body
     right: 1em;
   }
 }
+#menu > li.about
+{
+  display: none;
+}
 #menu > li.m
 {
   @media (max-width: @maxsmalltablet)
@@ -197,7 +210,8 @@ body
 
 /** Breadcrump positionieren */
 
-#breadcrumb
+.menu #breadcrumb,
+.nomenu #breadcrumb
 {
   left: 11.9em;
   right: 3em;
@@ -209,28 +223,33 @@ body
   }
   @media (max-width: @maxsmallertablet)
   {
-    display: none;
+    top: 5.8em;
+    left: 7em;
   }
 }
 
 
-/** Faux-Column-Hack für Marginalinhalte anpassen */
+/** Faux-Column-Hack für Marginalinhalte */
 
 .nomenu .content > .marginal aside.m
 {
   margin: 3.5em -3em -999em -5em;
   padding: 2em 3em 995em 5em;
-  border-style: none;
+  background-color: @heller;
+  position: relative;
+  top: -4.5em;
 }
 .menu .content > .marginal > aside.m
 {
-  margin: 0 -12em 1em 17.5em;
+  margin: 0 -12em 1em 20em;
   @media (max-width: @maxsmalltablet)
   {
+    margin-left: 18.5em;
     margin-right: -13em;
   }
   @media (max-width: @maxsmallertablet)
   {
+    margin-left: 17.5em;
     margin-right: -14em;
   }
 }