body
{
padding: 0 0 0 5em;
+ @media (max-width: @maxsmalltablet)
+ {
+ padding: 0 0 0 3.5em;
+ }
+ @media (max-width: @maxsmallertablet)
+ {
+ padding: 0 0 0 2.5em;
+ }
}
.cols_1
{
padding-right: 3em;
+ @media (max-width: @maxsmalltablet)
+ {
+ padding-right: 2em;
+ }
+ @media (max-width: @maxsmallertablet)
+ {
+ padding-right: 1em;
+ }
}
.cols_1 > .content
{
{
padding: 0 15em 0 0;
margin-right: -15em;
+ z-index: 2;
}
.cols_2 > .content.cf:before,
.cols_2 > .content.cf:after
width: auto;
background-color: @hintergrund;
border-right: 3em solid @hintergrund;
+ @media (max-width: @maxsmalltablet)
+ {
+ margin-top: -.5em;
+ border-right-width: 2em;
+ }
+ @media (max-width: @maxsmallertablet)
+ {
+ border-right-width: 1em;
+ }
/** Die 1px-Rahmen triggern, dass das erste Margin den Footer aufschiebt.
Bei einem Wert von 0 ragt dieses Margin dann einfach aus dem Footer
heraus... */
{
margin-right: -15em;
border-right: 3em solid @hintergrund;
+ @media (max-width: @maxsmalltablet)
+ {
+ border-right-width: 2em;
+ }
+ @media (max-width: @maxsmallertablet)
+ {
+ border-right-width: 1em;
+ }
}
.cols_2 > #breadcrumb
{