/* Farben definieren */
@import url("reset.css");
/* Farben definieren */
/* Bilder skalieren */
img {
  max-width: 100%;
  height: auto;
}
#ie8 img {
  width: 100%;
}
.textbild {
  float: left;
  max-width: 50%;
  padding: 0 5% 3% 0;
}
#ie8 .textbild {
  width: 50%;
}
/* Responsive Webdesign */
h1 {
  font-size: 1.4em;
  padding-bottom: 40px;
  color: #f39200;
  letter-spacing: 0.06em;
  line-height: 1.4em;
  padding-top: 40px;
}
p {
  padding-bottom: 40px;
  line-height: 1.4em;
}
strong {
  font-weight: bold;
}
body {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  color: #706f6f;
}
a {
  color: #706f6f;
  text-decoration: none;
}
#page {
  max-width: 690px;
  margin: 120px auto 40px auto;
}
header {
  padding: 0 3.125%;
  text-align: center;
}
#logo img {
  padding: 40px;
}
content {
  clear: both;
  width: 55.52083333%;
  padding: 0 3.125%;
  text-align: center;
}
#content-outer {
  background-color: #ffffff;
}
#content-inner {
  display: block;
  padding-left: 30%;
  text-align: left;
}
footer {
  color: #e1e0e1;
  text-align: center;
  padding: 20px 3.125%;
}
.clearing {
  clear: both;
}
@media only screen and (max-width: 960px) {
  #page {
    margin: 40px auto 40px auto;
  }
  #content-inner {
    display: block;
    padding: 0;
    text-align: center;
  }
}
/* Textresize deaktivieren f¸rs iPhone */
html,
body,
p,
div,
h1 {
  -webkit-text-size-adjust: none;
}