/** Seite gesamt (Abmessungen, Aussenabstände etc.) */
-body.menu,
-body.nomenu
+body
{
padding: 0;
}
}
.nomenu .content
{
- padding-bottom: 5em;
- @media (max-width: @maxsmalltablet)
+ padding: 0 0 5em 0;
+ @media (max-width: (@maxsmalltablet))
{
padding-bottom: 4em;
}
- @media (max-width: @maxsmallertablet)
+ @media (max-width: (@maxsmallertablet))
{
padding-bottom: 3.25em;
}
}
-.menu .content.cf:before,
-.menu .content.cf:after
+.content.cf:before,
+.content.cf:after
{
clear: none;
content: none;
display: inline;
}
.menu .content > .main,
-.nomenu .content > .main
+.nomenu .content > .main,
+.onecolumn .content > .main
{
float: none;
width: auto;
padding: 0 3em 0 5em;
- @media (max-width: @maxsmalltablet)
+ @media (max-width: (@maxsmalltablet))
{
- padding: 0 2em 0 3.5em;
+ padding: 0 2em 0 3em;
}
- @media (max-width: @maxsmallertablet)
+ @media (max-width: (@maxsmallertablet))
{
padding: 0 1em 0 2.5em;
}
border-top: 1px solid @hintergrund;
border-bottom: 1px solid @hintergrund;
}
+.menu .content > .marginal,
+.nomenu .content > .marginal,
+.onecolumn .content > .marginal
+{
+ position: static;
+ width: 100%;
+}
.menu .content > .marginal
{
margin: 3em 0 -994em -15em;
padding: 2em 0 999em 0;
- width: 100%;
- position: static;
}
.nomenu .content > .marginal
{
- margin: 3em 0 -999em 0;
- padding: 0 3em 999em 5em;
- @media (max-width: @maxsmalltablet)
- {
- padding-left: 3.5em;
- padding-right: 2em;
- }
- @media (max-width: @maxsmallertablet)
- {
- padding-left: 2.5em;
- padding-right: 1em;
- }
+ margin: 3em 0 -994em 0;
+ padding: 0 0 999em 0;
+ background-color: transparent;
+}
+.onecolumn .content > .marginal
+{
+ margin: 6.5em 0 -1001.175em 0;
+ padding: 0 0 999em 0;
+ background-color: transparent;
}
#header
{
- padding: 1em 3em 0 5em;
- @media (max-width: @maxsmalltablet)
+ padding: 1em 3em 2em 5em;
+ @media (max-width: (@maxsmalltablet))
{
margin-left: -1.5em;
- padding: .5em 2em 0 3.5em;
+ padding: .5em 2em 2em 3em;
}
- @media (max-width: @maxsmallertablet)
+ @media (max-width: (@maxsmallertablet))
{
margin-left: -1.2em;
- padding: 1em 1em 0 2.5em;
+ padding: 1em 1em 2em 2.5em;
}
}
/** Bereichsauswahl positionieren */
-.menu .content > .marginal > #nav
+.menu #nav
{
position: static;
border-right: .125em solid @hintergrund;
margin-left: 20em;
- @media (max-width: @maxsmalltablet)
+ @media (max-width: (@maxsmalltablet))
{
margin-left: 18.5em;
}
- @media (max-width: @maxsmallertablet)
+ @media (max-width: (@maxsmallertablet))
{
margin-left: 17.5em;
#menu > li.about
}
width: auto;
}
+.nomenu #nav
+{
+ position: absolute;
+ top: 0;
+ right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */
+ width: 100%;
+}
+
+.menu #menu,
.nomenu #menu,
-.menu #menu
+.onecolumn #menu
{
position: absolute;
width: auto;
+ top: -9em;
right: 3em;
- @media (max-width: @maxsmalltablet)
+ @media (max-width: (@maxsmalltablet))
{
- top: -5.7em;
+ top: -7.7em;
right: 2em;
}
- @media (max-width: @maxsmallertablet)
+ @media (max-width: (@maxsmallertablet))
{
- top: -4.5em;
+ top: -6.5em;
right: 1em;
}
}
}
#menu > li.m
{
- @media (max-width: @maxsmalltablet)
+ @media (max-width: (@maxsmalltablet))
{
padding: 0 0 0 3em;
}
- @media (max-width: @maxsmallertablet)
+ @media (max-width: (@maxsmallertablet))
{
padding: 0 0 0 2em;
}
}
#menu > li.m > .m
{
- @media (max-width: @maxsmalltablet)
+ @media (max-width: (@maxsmalltablet))
{
font-size: 200%; /* 32px */
}
- @media (max-width: @maxsmallertablet)
+ @media (max-width: (@maxsmallertablet))
{
font-size: 150%; /* 24px */
}
#menu > li.m > a.m.selected:before,
#menu > li.m > strong.m:before
{
- @media (max-width: @maxsmalltablet)
+ @media (max-width: (@maxsmalltablet))
{
content: '> ';
margin-left: -.95em;
}
- @media (max-width: @maxsmallertablet)
+ @media (max-width: (@maxsmallertablet))
{
}
}
width: 15em;
background-color: @heller;
}
-.nomenu #footer
+.nomenu #footer,
+.onecolumn #footer
{
padding: 0 3em 1.5em 5em;
- @media (max-width: @maxsmalltablet)
+ @media (max-width: (@maxsmalltablet))
{
padding: 0 2em 1em 3em;
}
- @media (max-width: @maxsmallertablet)
+ @media (max-width: (@maxsmallertablet))
{
padding: 0 1em .75em 2.5em;
}
/** Breadcrump positionieren */
.menu #breadcrumb,
-.nomenu #breadcrumb
+.nomenu #breadcrumb,
+.onecolumn #breadcrumb
{
left: 11.9em;
right: 3em;
- @media (max-width: @maxsmalltablet)
+ @media (max-width: (@maxsmalltablet))
{
font-size: 87.5%; /* 14px */
top: 7.2em;
- left: 10.3em;
+ left: 9.8em;
}
- @media (max-width: @maxsmallertablet)
+ @media (max-width: (@maxsmallertablet))
{
top: 5.8em;
left: 7em;
/** Faux-Column-Hack für Marginalinhalte */
-.nomenu .content > .marginal aside.m
+.nomenu .content > .marginal aside.m,
+.onecolumn .content > .marginal aside.m
{
- margin: 3.5em -3em -999em -5em;
+ margin: 3.5em 0 -999em 0;
padding: 2em 3em 995em 5em;
background-color: @heller;
position: relative;
top: -4.5em;
+ @media (max-width: (@maxsmalltablet))
+ {
+ padding-left: 3em;
+ padding-right: 2em;
+ }
+ @media (max-width: (@maxsmallertablet))
+ {
+ padding-left: 2.5em;
+ padding-right: 1em;
+ }
}
.menu .content > .marginal > aside.m
{
margin: 0 -12em 1em 20em;
- @media (max-width: @maxsmalltablet)
+ @media (max-width: (@maxsmalltablet))
{
margin-left: 18.5em;
margin-right: -13em;
}
- @media (max-width: @maxsmallertablet)
+ @media (max-width: (@maxsmallertablet))
{
margin-left: 17.5em;
margin-right: -14em;