Tablet-Layout für kleinere Bildschirme überarbeitet

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

diff --git a/src/main/webapp/less/tablet/head.less b/src/main/webapp/less/tablet/head.less
new file mode 100644 (file)
index 0000000..6835588
--- /dev/null
+++ b/src/main/webapp/less/tablet/head.less
@@ -0,0 +1,33 @@
+@media (max-width: @maxsmalltablet)
+{
+  #header
+  {
+    padding-top: .5em;
+    margin-left: -3.1em;
+  }
+  #logo
+  {
+    font-size: 650%; /* 104px */
+  }
+  #slogan
+  {
+    font-size: 150%; /** 24px */
+  }
+}
+
+@media (max-width: @maxsmallertablet)
+{
+  #header
+  {
+    margin-left: -2.4em;
+  }
+  #logo
+  {
+    font-size: 487.5%; /* 78px */
+  }
+  #slogan
+  {
+    font-size: 112.5%; /** 18px */
+  }
+}
+