body {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  font: Arial; 
  font-size: 30px;
  width: auto;
  color: white;
  background-color: #121212;
  background-image: url("images/bg_header-verlauf.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  background-origin: content-box;
  background-attachment: fixed;
}

body::-webkit-scrollbar {
    width: 0.3em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: rgb(78,55,49);
  outline: 1px solid slategrey;
}

header {
  grid-column: 2 / 7;
  grid-row:    1 / 1;
}

nav{
  grid-column: 2 / 7;
  grid-row:    2 / 2;
}

main{
  grid-column: 2 / 7;
  grid-row:    3 / 3;
}

footer {
  grid-column: 2 / 7;
  grid-row:    4 / 4;
}

h1 { 
  font-size: 1.4em; 
  color: #ceb09e;
  font-family: Lora;
  text-transform: uppercase;
  opacity: 0.6;
}

h2 { 
  font-size: 1.0em; 
  color: #ceb09e;
  font-family: Lora;
  text-transform: uppercase;
  opacity: 0.4; 
}

h3{ 
  font-size: 0.6em; 
  color: #ceb09e;
  font-family: Lora;
  text-transform: uppercase;
  opacity: 0.2; 
}

p {
  color: #ceb09e;
  font-size: 0.5em;
  font-family: Lora;
  text-transform: uppercase;
  opacity: 1.0;
}

a:link { 
  color: #eeeeee;
  text-decoration: none;
} 

a:visited { 
  color: #c0c0c0;
  text-decoration: none;
} 

a:focus { 
  color: #efefef;
  text-decoration: none;
} 

a:hover { 
  color: #fdfdfd;
  text-decoration: none;
} 

a:active { 
  color: #ffffff;
  text-decoration: none;
}

strong { 
  font-size: 1.25em; 
  font-weight: normal; 
}

small {
  font-size: .5em; 
}

table{
  border: 0px solid;
  padding: 0.2em;
}

#fb-page{
  align: center;
  width: 1000px;
}