@import '../variables.less'; body { padding: 0 0 0 5em; } .cols_1 { padding-right: 3em; } .cols_1 > .content { padding-bottom: 5.5em; } .cols_2 > .content { padding: 0 15em 0 0; margin-right: -15em; } .cols_2 > .content.cf:before, .cols_2 > .content.cf:after { clear: none; content: none; display: inline; } .cols_2 > .content > .main { float: none; margin-right: -15em; width: auto; background-color: @hintergrund; border-right: 3em solid @hintergrund; /** 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: 2em -3em 0 -5em; } .cols_1 > .content > .marginal div.m { margin: -.125em 3em 0 5em; padding: 2em 0; background-color: @heller; border-bottom: .125em solid @hintergrund; } .cols_2 > .content > .marginal { float: left; margin: 0 0 0 -5em; padding: 2em 0 5em 5em; position: static; width: 100%; border-top: 3em solid @hintergrund; } .cols_2 > .content > .marginal > div.m { margin-right: -12em; } .cols_2 > .content #nav { position: static; width: auto; border-right: .125em solid @hintergrund; } .cols_2 > .content #nav > #menu { position: absolute; top: -7em; /** 112px */ right: 3em; margin: 0; } /** Faux-Column-Hack-Eigengewächs anpassen */ #page.cols_2 { max-width: none; border-right-width: 15em; } .cols_2 > #header { margin-right: -15em; border-right: 3em solid @hintergrund; } .cols_2 > #breadcrumb { right: -15em; } .cols_2 > #footer { position: static; float: right; margin-right: -15em; padding: 0; width: 15em; background-color: @heller; border-top: 3em solid @hintergrund; }