1 /** Seite gesamt (Abmessungen, Aussenabstände etc.) */
18 /** Seitenaufteilung mit/ohne Menü für Tablets optimieren */
27 @media (max-width: @maxsmalltablet)
31 @media (max-width: @maxsmallertablet)
33 padding-bottom: 3.25em;
36 .menu .content.cf:before,
37 .menu .content.cf:after
43 .menu .content > .main,
44 .nomenu .content > .main
49 @media (max-width: @maxsmalltablet)
51 padding: 0 2em 0 3.5em;
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
65 margin: 3em 0 -994em -15em;
66 padding: 2em 0 999em 0;
70 .nomenu .content > .marginal
72 margin: 3em 0 -999em 0;
73 padding: 0 3em 999em 5em;
74 @media (max-width: @maxsmalltablet)
79 @media (max-width: @maxsmallertablet)
87 /** Seitenkopf positionieren */
91 padding: 1em 3em 0 5em;
92 @media (max-width: @maxsmalltablet)
95 padding: .5em 2em 0 3.5em;
97 @media (max-width: @maxsmallertablet)
100 padding: 1em 1em 0 2.5em;
105 /** Bereichsauswahl positionieren */
107 .menu .content > .marginal > #nav
110 border-right: .125em solid @hintergrund;
112 @media (max-width: @maxsmalltablet)
116 @media (max-width: @maxsmallertablet)
121 display: inline-block;
132 @media (max-width: @maxsmalltablet)
137 @media (max-width: @maxsmallertablet)
149 @media (max-width: @maxsmalltablet)
153 @media (max-width: @maxsmallertablet)
160 @media (max-width: @maxsmalltablet)
162 font-size: 200%; /* 32px */
164 @media (max-width: @maxsmallertablet)
166 font-size: 150%; /* 24px */
169 #menu > li.m > a.m:hover:before,
170 #menu > li.m > a.m.selected:before,
171 #menu > li.m > strong.m:before
173 @media (max-width: @maxsmalltablet)
178 @media (max-width: @maxsmallertablet)
184 /** Footer positionieren */
190 margin: 3em 0 -999em -15em;
191 padding: 0 0 999em 0;
193 background-color: @heller;
197 padding: 0 3em 1.5em 5em;
198 @media (max-width: @maxsmalltablet)
200 padding: 0 2em 1em 3em;
202 @media (max-width: @maxsmallertablet)
204 padding: 0 1em .75em 2.5em;
206 background-color: @heller;
211 /** Breadcrump positionieren */
218 @media (max-width: @maxsmalltablet)
220 font-size: 87.5%; /* 14px */
224 @media (max-width: @maxsmallertablet)
232 /** Faux-Column-Hack für Marginalinhalte */
234 .nomenu .content > .marginal aside.m
236 margin: 3.5em -3em -999em -5em;
237 padding: 2em 3em 995em 5em;
238 background-color: @heller;
242 .menu .content > .marginal > aside.m
244 margin: 0 -12em 1em 20em;
245 @media (max-width: @maxsmalltablet)
250 @media (max-width: @maxsmallertablet)