1 /** Seite gesamt (Abmessungen, Aussenabstände etc.) */
13 /** Seitenaufteilung mit/ohne Menü für Tablets optimieren */
22 @media (max-width: @maxsmalltablet)
26 @media (max-width: @maxsmallertablet)
28 padding-bottom: 3.25em;
31 .menu .content.cf:before,
32 .menu .content.cf:after
38 .menu .content > .main,
39 .nomenu .content > .main
44 @media (max-width: @maxsmalltablet)
46 padding: 0 2em 0 3.5em;
48 @media (max-width: @maxsmallertablet)
50 padding: 0 1em 0 2.5em;
52 /** Die 1px-Rahmen triggern, dass das erste Margin den Footer aufschiebt.
53 Bei einem Wert von 0 ragt dieses Margin dann einfach aus dem Footer
55 border-top: 1px solid @hintergrund;
56 border-bottom: 1px solid @hintergrund;
58 .menu .content > .marginal
60 margin: 3em 0 -994em -15em;
61 padding: 2em 0 999em 0;
65 .nomenu .content > .marginal
67 margin: 3em 0 -999em 0;
68 padding: 0 3em 999em 5em;
69 @media (max-width: @maxsmalltablet)
74 @media (max-width: @maxsmallertablet)
82 /** Seitenkopf positionieren */
86 padding: 1em 3em 0 5em;
87 @media (max-width: @maxsmalltablet)
90 padding: .5em 2em 0 3.5em;
92 @media (max-width: @maxsmallertablet)
95 padding: 1em 1em 0 2.5em;
100 /** Bereichsauswahl positionieren */
102 .menu .content > .marginal > #nav
105 border-right: .125em solid @hintergrund;
107 @media (max-width: @maxsmalltablet)
111 @media (max-width: @maxsmallertablet)
123 @media (max-width: @maxsmalltablet)
128 @media (max-width: @maxsmallertablet)
136 @media (max-width: @maxsmalltablet)
140 @media (max-width: @maxsmallertablet)
147 @media (max-width: @maxsmalltablet)
149 font-size: 200%; /* 32px */
151 @media (max-width: @maxsmallertablet)
153 font-size: 150%; /* 24px */
156 #menu > li.m > a.m:hover:before,
157 #menu > li.m > a.m.selected:before,
158 #menu > li.m > strong.m:before
160 @media (max-width: @maxsmalltablet)
165 @media (max-width: @maxsmallertablet)
171 /** Footer positionieren */
177 margin: 3em 0 -999em -15em;
178 padding: 0 0 999em 0;
180 background-color: @heller;
184 padding: 0 3em 1.5em 5em;
185 @media (max-width: @maxsmalltablet)
187 padding: 0 2em 1em 3em;
189 @media (max-width: @maxsmallertablet)
191 padding: 0 1em .75em 2.5em;
193 background-color: @heller;
198 /** Breadcrump positionieren */
204 @media (max-width: @maxsmalltablet)
206 font-size: 87.5%; /* 14px */
210 @media (max-width: @maxsmallertablet)
217 /** Faux-Column-Hack für Marginalinhalte anpassen */
219 .nomenu .content > .marginal aside.m
221 margin: 3.5em -3em -999em -5em;
222 padding: 2em 3em 995em 5em;
225 .menu .content > .marginal > aside.m
227 margin: 0 -12em 1em 17.5em;
228 @media (max-width: @maxsmalltablet)
232 @media (max-width: @maxsmallertablet)