main section.grid12{
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "links" "rechtsoben" "rechtsunten";
}
main section.grid11{
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "links" "rechtsoben";
}
main section.grid21{
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "linksoben" "linksunten" "rechts";
}
.grid12 figure,.grid11 figure{
    transform: rotate(0deg);
}
.grid12 figure img,.grid11 figure img{
    top:0px;
    max-width:100%;
}
input[type="range"] {
  width: 95%;
  display:block;
}
form input,form select{
    width:95%;
}
#loginform label,.loginform label{
    display:block;
    width:auto;
}
label.spacer{
    display:none;
}
label.auto{
    display:inline-block;
    width:auto;
}
body > footer a{
    display: none;
}
body > footer{
    text-align:center;
    bottom: -70px;
    line-height:50px;
}
body > footer span{
    display:block;
    margin:auto;
    width:95%;
    text-align:center;
}

.remembers{
    display:grid;
    grid-template-columns:30px 1fr 1fr;
    grid-template-rows:1fr 1fr;
    grid-template-areas:"status name died" "links links links";
}
.remembers > span:nth-of-type(3){
    text-align:right;
}