Portal:Mars/styles.css

.PortalMars-linkeSpalte {
  padding: 0.25em; 
  vertical-align: top; 
  /*width: 60%;*/
}

.PortalMars-mittlereSpalte {
  padding: 0.25em; 
  vertical-align: top; 
  width: 60%;
}

.PortalMars-rechteSpalte {
  padding: 0.25em; 
  vertical-align: top;
}

.PortalMars-linkerHeader {
  padding: 0.25em;
  background-color: #ff7733;
  border: 2px solid #7F0000;
  margin-bottom: 50px;
}

.PortalMars-rechterHeader {
}

@media screen and (max-width: 44.001em) {
  /* kleiner Bildschirm */
  .PortalMars-rechterHeader, 
  .PortalMars-rechteSpalte, 
  .PortalMars-mittlereSpalte {
    display: none;
  }
}

@media screen and (min-width: 44.001em) {
  /* großer Bildschirm */
  .PortalMars-linkeSpalte,
  .PortalMars-linkerHeader {
    display: none;
  }
}

.PortalMars-box {
  width: 100%;
  height: 1.3em;
  padding: 0 0.25em 0.25em;
  margin: 0 0 0.1em -0.3em;
  color: white;
  background-color: #7F0000;
  border: 2px solid #7F0000; 
  overflow: hidden;
  transition: 1s;
}

.PortalMars-box:hover {
  height: 15em;
  overflow: auto;
  /*padding: 0.25em; */
  color: black;
  background-color: #ff7733;
}

.PortalMars-boxHeader {
  /*color: white;*/ 
  font-size: 1.1em;
}