/* 1. Klassisches Seitenlayout mit fester Breite */

html {
        background-color: transparent; 
        }
body {
    max-width: none;
        padding: 0;
        margin: 0;
}
.inside { 
        max-width: 600px; 
        padding: 0 1rem;
        margin: 0 auto;
}
.site-header, .site-nav, .site-content, .site-footer { 
         padding-left: 0;
         padding-right: 0;           
}        
@media screen and (max-width: 1000px)
  { /* CSS-Regeln */
}  

 div:first-child { 
 background: #3c0c0;
 position: absolute;
 top: 1rem;
 right: 0.5rem;
}
div { 
 width: 75%; min-height: 5rem;
 padding: 1rem; margin: 0.5rem;
 border: 3px solid #800;
}
div.eins { 
top: 0; left: 0;
background: white;
}
div.zwei { 
top: 4rem; left: 4rem;
background: #e3c0c0;
}
div.drei { 
top: 8rem; left: 8rem;
background: #c47d7d;
}