@import url("http://fonts.googleapis.com/css?family=Oswald");

/*SETUP*/
html {
  height: 100%;
  overflow: hidden;
}

img {
  max-width: 75%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  font-family: Oswald;
  perspective: 1px;
}


/*SECTION PARTS SIZING*/
h1 {
  font-size: 150%
}

.header h1 {
  margin-top: -20px;
}

p {
  font-size: 1.2em;
  line-height: 150%;
  color: #333;
}

table {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid;
}

td {
  border: 1px solid;
  background-color: rgba(255, 255, 255, 0.9);
}

hr {
  background-color: #000;
  border-color: #000;
}

.tableheader {
  color: rgb(255, 136, 0);
}

.section {
  position: relative;
  padding: 20% 5%;
  /*top an bottom | left and right of the section, 
  defines size of the opaque section-block*/
  min-height: 100%;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 5px 1px rgba(0, 0, 0, .7), 0 -5px 1px rgba(0, 0, 0, .7);
  background: 50% 50% / cover;
  /*location and cover af the backround image*/
}



/*SECTION DATA BOXES*/
.text {
  text-align: center;
  width: 100%;
  padding: 10px 10px;
  /*padding around the text => distance to section-block*/
  border-radius: 5px;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, .8);
}

.header,
.footer {
  text-align: center;
  font-size: 300%;
  color: #fff;
  text-shadow: 0 2px 2px #000;
}

/*SECTION IMAGES*/
#title {
  background-image: url("header_fraunbruendl.jpg");
  background-attachment: fixed;
}

#section1 {
  background-image: url("sun1.jpg");
  /* was translateZ(-1px) */
  transform: translateZ(0px) scale(1);
  z-index: -1;
}

#section2 {
  background-image: url("morning_183.jpg");
  background-attachment: fixed;
}

#section3 {
  background-image: url("rain1.jpg");
  /* was translateZ(-1px) */
  transform: translateZ(0px) scale(1);
  z-index: -1;
}

#section4 {
  background-image: url("rain2.jpg");
  background-attachment: fixed;
}

#section5 {
  background-image: url("autumn1.jpg");
  /* was translateZ(-1px) */
  transform: translateZ(0px) scale(1);
  z-index: -1;
}

#section6 {
  background-image: url("autumn2.jpg");
  background-attachment: fixed;
}


#section7 {
  background-image: url("snow1.jpg");
  /* was translateZ(-1px) */
  transform: translateZ(0px) scale(1);
  z-index: -1;
}

#section8 {
  background-image: url("snow2.jpg");
  background-attachment: fixed;
}

#section20 {
  background-image: url("flash1.jpg");
}