Vorlage:Wickie37/Hauptseite2020/styles.css

@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;
   }
}