/* - - - - - - - - - - - -

 simple responsive Design
 Copyright: Adrian Jost
 
- - - - - - - - - - - - */
/* relative Positionierung aller Elemente */
body
{
   position: relative;
   /* background: #767a79; /* Hintergrundfarbe -> Antrahzitgrau */
   background: #C2BBA9; /* Hintergrundfarbe -> Saharasand*/
   margin:0px;
   padding: 0px;
}

/* - - - - - - - - - - - -

 GRUNDGERÜST
 
- - - - - - - - - - - - */

/* Header über die volle Breite ziehen */
.header
{
   width: 100%;
   height: auto;
}
/* Die Sidebar nimme 20% der Breite ein und wird am linken Rand ausgerichtet */
.left{
   float: left;
   width: 20%;
}
/* Der Hauptteil nimmt 80% der Breite ein und wird am rechten Rand ausgerichtet */
.right{
   float: right;
   width: 80%;
}

/* positioniert die Hauptbereiche auf kleinen Bildschirmen neu */
@media screen and (max-width: 770px){
   .left,
   .right{
      float: left !important;
      width: 100% !important;
   }
}

/* - - - - - - - - - - - -

 Inhaltsboxen
 
- - - - - - - - - - - - */

#head{
   width: 100%;
   padding: 1em 2em; /* Abstand vom Rand */
   color: #fff; /* Textfarbe -> weiß */
   background: #131B1D; /* Hintergrundfarbe -> schwarz */
   box-shadow: 0 5px 6px -3px rgba(0,0,0,.4);
}


.box{
   margin: 10px; /* Außenabstände der Boxen */
   padding: 10px; /* Innenabstand vom Rand der Box */
   background: #b9b6b9; /* Hintergrundfarbe -> Schiefergrau */
   /* background: #FF0000; /* Hintergrundfarbe -> Rot */
   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

/* - - - - - - - - - - - -

 Inhalt
 
- - - - - - - - - - - - */

/* Hier weiteres CSS einfügen */