/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* Author: hireus - www.hireus.de */


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/* Background */
body {
  background: white;
}
#what, #more, #how, #science, #watch, #jobs, #footer, #impressum {
  background: url(../images/page-one-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

/* Structure */

header {
}

nav ul {
  margin-top: 24px;
  text-align: right;
  font-size: 15px;
  font-weight: 700;
}
nav li {
  display: inline;
}
nav li a {
  color: #9b0254;
  padding: 6px 10px 6px;
  margin: 0 2px 0 2px;
  outline: none;
}
nav li a:hover, nav li a.current {
  background: #9b0254;
  color: white;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
nav li a.blue:hover, nav li a.blue-current {
  background: #00a6fc;
  color: white;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.hire {
  position: absolute;
  right: 20px;
  top: 55px;
}
.content {
  margin-top: 25px;
}
article {
  margin-bottom: 125px;
}

#footer {
  text-align: center;
  padding-bottom: 8px;
}

#footer a {
  color: #9b0254;
  text-decoration: underline;
}
#footer a:hover {
  color: #333;
  -webkit-transition: color .15s ease-in-out;
  -moz-transition: color .15s ease-in-out;
  -o-transition: color .15s ease-in-out;
}

/* -----------------------------------------
   Page 1 What?
----------------------------------------- */
#what article {
  text-align: center;
}
#what article h2 {
  text-align: left;
}
#what article h3 {
  color: #333;
  line-height: 40px;
  margin-bottom: 30px;
}


/* -----------------------------------------
   Page 2 More
----------------------------------------- */
#more h2, #more h3 {
  margin-bottom: 16px;
}
#more h2 span {
  font-size: 26px;
}
.teaser {
  background: url(../images/dialogue.png) no-repeat;
  width: 800px;
  height: 150px;
  margin-bottom: 2em;
}
#more .teaser h3 {
  margin-left: 200px;
  padding-top: 43px;
  font-weight: 400;
  font-size: 26px;
  display: block;
  width: 600px;
  height: 100px;
  overflow: none;
}


/* -----------------------------------------
   Page 3 How?
----------------------------------------- */




/* -----------------------------------------
   Page 4 Science
----------------------------------------- */




/* -----------------------------------------
   Page 5 Watch
----------------------------------------- */
.videocenter {
  margin: 0 auto;
  width: 80%;
}


/* -----------------------------------------
   Page 6 Jobs
----------------------------------------- */
#jobs article {
  margin-bottom: 50px;
}
.made-in-berlin {
  margin-top: 50px;
}

/* -----------------------------------------
   Page 7 Impressum
----------------------------------------- */
#impressum article {
  margin-bottom: 200px;
}

.large.button {
  display: block;
  line-height: 24px;
}

.center {
  text-align: center;
}

#more .center {
  margin-bottom: 35px;
}

#science .four.columns.image {
  padding-top: 30px;
}
#science .ten.columns {
  margin-top: 30px;
}

#image-camper {
  margin-bottom: 0;
}

#watch .ten.columns {
  margin-top: 30px;
}

.clear {
  clear: both;
}

.lead.first {
  margin-top: 20px;
}

div.panel.leftjob {
  padding-bottom: 57px;
}

div.panel img {
  margin-bottom: 15px;
}
div.panel h1 img {
  margin-bottom: 0;
}