1 /** Seite gesamt (Abmessungen, Aussenabstände etc.) */
5 font-size: 87.5%; /** 14px */
15 /** Seitenaufteilung mit/ohne Menü */
19 margin: 0 1em 0 2.5em;
21 .menu .content > .main
23 border-top-style: none;
24 margin-top: -.4375em; /** -8px + 1px (für den entfernten Rahmen) -- nur damit es exakt so positioniert ist, wie im Tablet-Layout */
29 /** Seitenkopf positionieren */
33 margin: .5em 1em 0 1.25em;
41 /** Bereichsauswahl positionieren und stylen */
56 border-bottom: .125em solid @hintergrund;
58 padding: .25em .25em 1em 1.5em;
63 @media (max-width: 359px)
67 list-style-type: none;
68 padding: .25em 1em 0 0;
74 #menu > li.m > strong.m
77 border-bottom: .0625em solid @hintergrund;
79 #menu > li.m > a.m:hover,
80 #menu > li.m > a.m:focus,
81 #menu > li.m > a.m:active
84 border-bottom: .0625em solid @dunkler;
86 #menu > li.m > a.m.selected
89 border-bottom: .0625em dashed @hintergrund;
91 #menu > li.m > a.m.selected:hover,
92 #menu > li.m > a.m.selected:focus,
93 #menu > li.m > a.m.selected:active
99 /** Navigations-Sprunglink reaktivieren und stylen */
107 #breadcrumb > strong.b,
123 #breadcrumb > a.hide:before
126 font-family: 'symbols';
127 font-size: 378%; /** Vielfaches von 14px */
131 #breadcrumb > a.hide:hover,
132 #breadcrumb > a.hide:focus,
133 #breadcrumb > a.hide:active
139 /** Inhalts-Sprunglink reaktivieren und stylen */
147 padding: .6em 1em 999em 2.5em;
148 margin-bottom: -993em;
150 background-color: @heller;
154 padding-bottom: .75em;
173 font-family: 'symbols';
174 font-size: 378%; /** Vielfaches von 14px */
187 /** Footer positionieren */
191 padding: 0 1em .5em 2.5em;
192 background-color: @heller;
196 border-color: @hintergrund;
200 /** Marginal-Inhalte anpassen... */
211 /** Faux-Column-Hack für Marginalinhalte */
216 margin-bottom: -993em;
217 padding: 1em 1em 999em 2.5em;
218 background-color: @heller;