@media only screen and (min-width: 120rem) {
/* Dreispaltig */
#links {
float: none !important;
margin-right: 0 !important;
width: auto !important;
}
#links-oben,
#links-unten {
margin-right: 1em !important;
width: 28% !important;
}
#rechts {
width: calc(44% - 2em) !important;
}
}
@media only screen and (min-width: 190rem) {
/* Vierspaltig */
#rechts {
float: none !important;
width: auto !important;
}
#links-oben,
#links-unten,
#rechts-oben,
#rechts-unten {
width: calc(25% - 0.75em) !important;/*besser 24.9% um Rundungsfehler zu verhindern?*/
}
#links-oben,
#links-unten,
#rechts-oben {
margin-right: 1em !important;
}
}
@media only screen and (min-width: 260rem) {
/* Fünfspaltig */
#rechts-unten {
float: none !important;
width: auto !important;
}
#links-oben,
#links-unten,
#rechts-oben,
#rechts-unten-1,
#rechts-unten-2 {
width: calc(20% - 0.8em) !important;/*besser 19.9% um Rundungsfehler zu verhindern?*/
}
#links-oben,
#links-unten,
#rechts-oben,
#rechts-unten-1 {
margin-right: 1em !important;
}
}