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