X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Fbase%2Fnavigation.less;h=10e1572fc19f52a46351d8e77cf8beaa451a9708;hp=9b1daa352b18aa9a3b2f2717b0ddbe2f07ac6e7d;hb=e4514bf0d4f1437add504129e4595f872f2d80fc;hpb=aa23c197b723965e54f06bc5746cd7729dd29dd6

diff --git a/src/main/webapp/less/base/navigation.less b/src/main/webapp/less/base/navigation.less
index 9b1daa35..10e1572f 100644
--- a/src/main/webapp/less/base/navigation.less
+++ b/src/main/webapp/less/base/navigation.less
@@ -1,3 +1,5 @@
+@import '../variables.less';
+
 #menu
 {
   position: relative;
@@ -19,15 +21,15 @@
   font-family: 'BPreplay', Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 250%; /** 40px */
-  color: #0ACF00;
+  color: @normal;
 }
 #menu > li.m > a.m
 {
-  border-color: #0ACF00;
+  border-color: @normal;
 }
 #menu > li.m > a.m:hover
 {
-  border-color: #078600;
+  border-color: @dunkler;
 }
 #menu > li.m > a.m:hover,
 #menu > li.m > strong.m
@@ -36,7 +38,7 @@
 }
 #menu > li.m > a.m:hover
 {
-  color: #078600;
+  color: @dunkler;
 }
 #menu > li.m > a.m:hover:before,
 #menu > li.m > a.m.selected:before,
@@ -54,7 +56,7 @@
   z-index: 3;
   font-family: 'BPreplay', Helvetica, Arial, sans-serif;
   font-weight: bold;
-  color: #0ACF00;
+  color: @normal;
 }
 #breadcrumb > strong.b
 {
@@ -85,17 +87,17 @@
 }
 #breadcrumb > ol.b > li.b > strong.b
 {
-  border-bottom: 1px solid #0ACF00;
+  border-bottom: 1px solid @normal;
 }
 #breadcrumb > ol.b > li.b > a.b
 {
-  color: #0ACF00;
+  color: @normal;
 }
 #breadcrumb > ol.b > li.b > a.b:hover,
 #breadcrumb > ol.b > li.b > a.b:focus,
 #breadcrumb > ol.b > li.b > a.b:active
 {
-  color: #078600;
+  color: @dunkler;
 }
 
 #nav > h1.nav,
@@ -121,9 +123,9 @@
 }
 #nav > h2.nav.submenu > a.s
 {
-  color: #fff;
+  color: @hintergrund;
   border-style: dashed;
-  border-color: #fff;
+  border-color: @hintergrund;
 }
 #nav > h2.nav.submenu > a.s:hover,
 #nav > h2.nav.submenu > a.s:focus,
@@ -159,12 +161,12 @@
 #submenu li.s > a.selected,
 #submenu li.s > strong.s
 {
-  color: #fff;
-  border-color: #fff;
+  color: @hintergrund;
+  border-color: @hintergrund;
 }
 #submenu li.s > strong.s
 {
-  border-bottom: 1px solid #fff;
+  border-bottom: 1px solid @hintergrund;
 }
 #submenu li.s > a.s.selected:before,
 #submenu li.s > a.s:hover:before,