1 /** Seite gesamt (Abmessungen, Aussenabstände etc.) */
17 /** Seitenaufteilung mit/ohne Menü für Tablets optimieren */
26 @media (max-width: (@maxsmalltablet))
30 @media (max-width: (@maxsmallertablet))
32 padding-bottom: 3.25em;
42 .menu .content > .main,
43 .nomenu .content > .main,
44 .onecolumn .content > .main
49 @media (max-width: (@maxsmalltablet))
53 @media (max-width: (@maxsmallertablet))
55 padding: 0 1em 0 2.5em;
57 /** Die 1px-Rahmen triggern, dass das erste Margin den Footer aufschiebt.
58 Bei einem Wert von 0 ragt dieses Margin dann einfach aus dem Footer
60 border-top: 1px solid @hintergrund;
61 border-bottom: 1px solid @hintergrund;
63 .menu .content > .marginal,
64 .nomenu .content > .marginal,
65 .onecolumn .content > .marginal
70 .menu .content > .marginal
72 margin: 3em 0 -994em -15em;
73 padding: 2em 0 999em 0;
75 .nomenu .content > .marginal
77 margin: 3em 0 -994em 0;
79 background-color: transparent;
81 .onecolumn .content > .marginal
83 margin: 6.5em 0 -1001.175em 0;
85 background-color: transparent;
89 /** Seitenkopf positionieren */
93 padding: 1em 3em 2em 5em;
94 @media (max-width: (@maxsmalltablet))
97 padding: .5em 2em 2em 3em;
99 @media (max-width: (@maxsmallertablet))
102 padding: 1em 1em 2em 2.5em;
107 /** Bereichsauswahl positionieren */
112 border-right: .125em solid @hintergrund;
114 @media (max-width: (@maxsmalltablet))
118 @media (max-width: (@maxsmallertablet))
123 display: inline-block;
132 right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */
144 @media (max-width: (@maxsmalltablet))
149 @media (max-width: (@maxsmallertablet))
161 @media (max-width: (@maxsmalltablet))
165 @media (max-width: (@maxsmallertablet))
172 @media (max-width: (@maxsmalltablet))
174 font-size: 200%; /* 32px */
176 @media (max-width: (@maxsmallertablet))
178 font-size: 150%; /* 24px */
181 #menu > li.m > a.m:hover:before,
182 #menu > li.m > a.m.selected:before,
183 #menu > li.m > strong.m:before
185 @media (max-width: (@maxsmalltablet))
190 @media (max-width: (@maxsmallertablet))
196 /** Footer positionieren */
202 margin: 3em 0 -999em -15em;
203 padding: 0 0 999em 0;
205 background-color: @heller;
210 padding: 0 3em 1.5em 5em;
211 @media (max-width: (@maxsmalltablet))
213 padding: 0 2em 1em 3em;
215 @media (max-width: (@maxsmallertablet))
217 padding: 0 1em .75em 2.5em;
219 background-color: @heller;
224 /** Breadcrump positionieren */
228 .onecolumn #breadcrumb
232 @media (max-width: (@maxsmalltablet))
234 font-size: 87.5%; /* 14px */
238 @media (max-width: (@maxsmallertablet))
246 /** Faux-Column-Hack für Marginalinhalte */
248 .nomenu .content > .marginal aside.m,
249 .onecolumn .content > .marginal aside.m
251 margin: 3.5em 0 -999em 0;
252 padding: 2em 3em 995em 5em;
253 background-color: @heller;
256 @media (max-width: (@maxsmalltablet))
261 @media (max-width: (@maxsmallertablet))
267 .menu .content > .marginal > aside.m
269 margin: 0 -12em 1em 20em;
270 @media (max-width: (@maxsmalltablet))
275 @media (max-width: (@maxsmallertablet))