-@import '../variables.less';
-
.cols_1 > #footer
{
- margin: 0 0 0 -5em;
- padding: 2em 3em 2em 5em;
+ padding: 0 3em 1.5em 5em;
+ @media (max-width: @maxsmalltablet)
+ {
+ padding: 0 2em 1em 3em;
+ }
+ @media (max-width: @maxsmallertablet)
+ {
+ padding: 0 1em .75em 2.5em;
+ }
background-color: @heller;
}
.cols_1 > #footer > #footerlinks
{
position: static;
- border-style: none;
+ margin: -.125em;
+ padding-top: 1.5em;
+ @media (max-width: @maxsmalltablet)
+ {
+ padding-top: 1em;
+ }
+ @media (max-width: @maxsmallertablet)
+ {
+ padding-top: .5em;
+ }
+ border-top: .125em solid @hintergrund;
}
.cols_1 > #footer > #footerlinks > li.f
{
font-size: 137.5%;
margin: 0;
}
-.cols_2 > #footer > #footer
-{
- padding: 0;
-}
.cols_2 > #footer > #footerlinks
{
position: static;
{
line-height: 1em;
display: block;
- margin: 0;
+ margin: 0 0 .25em 0;
color: @hintergrund;
}
.cols_2 > #footer > #footerlinks > li#copyright
line-height: 1em;
font-size: 137.5%;
top: auto;
- bottom: 1em;
- right: -9em;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ padding: 0 2.18181818em 1.5em; /* ? 3*16px ? */
+ @media (max-width: @maxsmalltablet)
+ {
+ padding-right: 1.45454545em;
+ padding-bottom: 1em;
+ }
+ @media (max-width: @maxsmallertablet)
+ {
+ padding-right: .72727272em;
+ padding-bottom: .5em;
+ }
+ background-color: @heller;
+ text-align: right;
}
.cols_2 > #footer > #footerlinks a.f
{