body { padding: 0; } #page { overflow: hidden; } .cols_1 > .content { padding-bottom: 5em; @media (max-width: @maxsmalltablet) { padding-bottom: 4em; } @media (max-width: @maxsmallertablet) { padding-bottom: 3.25em; } } .cols_2 > .content.cf:before, .cols_2 > .content.cf:after { clear: none; content: none; display: inline; } .cols_1 > .content > .main, .cols_2 > .content > .main { float: none; width: auto; padding: 0 3em 0 5em; @media (max-width: @maxsmalltablet) { padding: 0 2em 0 3.5em; } @media (max-width: @maxsmallertablet) { padding: 0 1em 0 2.5em; } /** 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... */ border-top: 1px solid @hintergrund; border-bottom: 1px solid @hintergrund; } .cols_1 > .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; } } .cols_1 > .content > .marginal aside.m { padding: 2em 0; border-bottom: .125em solid @hintergrund; } .cols_2 > .content > .marginal { margin: 3em 0 -994em -15em; padding: 2em 0 999em 0; width: 100%; position: static; } .cols_2 > .content > .marginal > aside.m { margin: 0 -12em 0 17.5em; @media (max-width: @maxsmalltablet) { margin-right: -13em; } @media (max-width: @maxsmallertablet) { margin-right: -14em; } } .cols_2 > .content > .marginal > #nav { position: static; border-right: .125em solid @hintergrund; margin-left: 20em; @media (max-width: @maxsmalltablet) { margin-left: 18.5em; } @media (max-width: @maxsmallertablet) { margin-left: 17.5em; } width: auto; } /** Faux-Column-Hack-Eigengewächs zurücksetzen */ #header { padding: 1em 3em 0 5em; @media (max-width: @maxsmalltablet) { margin-left: -1.5em; padding: 1em 2em 0 3.5em; } @media (max-width: @maxsmallertablet) { margin-left: -1.2em; padding: 1em 1em 0 2.5em; } } #page.cols_2 { max-width: none; border-right-style: none; } .cols_2 > #header { margin-right: 0; border-right-style: none; } .cols_2 > .content { margin: 0; padding: 0; } .cols_2 > #footer { position: static; float: right; margin: 3em 0 -999em -15em; padding: 0 0 999em 0; width: 15em; background-color: @heller; }