/* line 21, ../sass/design.scss */
span.box-rechtsoben, span.box-linksoben {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
}

/* line 30, ../sass/design.scss */
span.box-links, span.box-rechts {
  position: absolute;
  width: 30px;
  height: 100px;
  display: block;
}

/* line 39, ../sass/design.scss */
span.box-fuss-rechtsunten, span.box-fuss-linksunten {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

/* line 65, ../sass/design.scss */
body {
  height: 100%;
  background: white;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: normal;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  counter-reset: ebene1;
}
/* line 77, ../sass/design.scss */
body#home #naviseite li.navhome {
  box-shadow: inset 0 0 0 0.8em #f5f5f5, 0.7em 0.5em 0.5em 0 #999999;
  border-bottom: 0 black solid;
}
/* line 82, ../sass/design.scss */
body#home #naviseite a.navhome {
  cursor: default;
  color: black;
}
/* line 88, ../sass/design.scss */
body#anfrage #naviseite li.anfrage {
  box-shadow: inset 0 0 0 0.8em #f5f5f5, 0.7em 0.5em 0.5em 0 #999999;
  border-bottom: 0 black solid;
}
/* line 93, ../sass/design.scss */
body#anfrage #naviseite a.anfrage {
  cursor: default;
  color: black;
}
/* line 99, ../sass/design.scss */
body#profil #naviseite li.profil {
  box-shadow: inset 0 0 0 0.8em #f5f5f5, 0.7em 0.5em 0.5em 0 #999999;
  border-bottom: 0 black solid;
}
/* line 104, ../sass/design.scss */
body#profil #naviseite a.profil {
  cursor: default;
  color: black;
}
/* line 110, ../sass/design.scss */
body#leistungen #naviseite li.leistungen {
  box-shadow: inset 0 0 0 0.8em #f5f5f5, 0.7em 0.5em 0.5em 0 #999999;
  border-bottom: 0 black solid;
}
/* line 115, ../sass/design.scss */
body#leistungen #naviseite a.leistungen {
  cursor: default;
  color: black;
}
/* line 121, ../sass/design.scss */
body#kontakt #naviseite li.kontakt {
  box-shadow: inset 0 0 0 0.8em #f5f5f5, 0.7em 0.5em 0.5em 0 #999999;
  border-bottom: 0 black solid;
}
/* line 126, ../sass/design.scss */
body#kontakt #naviseite a.kontakt {
  cursor: default;
  color: black;
}
/* line 132, ../sass/design.scss */
body#impressum #naviseite li.impressum {
  box-shadow: inset 0 0 0 0.8em #f5f5f5, 0.7em 0.5em 0.5em 0 #999999;
  border-bottom: 0 black solid;
}
/* line 137, ../sass/design.scss */
body#impressum #naviseite a.impressum {
  cursor: default;
  color: black;
}

/* line 143, ../sass/design.scss */
#kopfbereich {
  height: 100%;
  height: 100px;
  padding: 20px 20px 0 30px;
  margin: 0;
  position: relative;
  color: black;
  background-color: #d4d4d4;
}
/* line 151, ../sass/design.scss */
#kopfbereich h1 {
  position: absolute;
  top: 30px;
  right: 25px;
  padding: 1px;
  margin: 0;
}
/* line 158, ../sass/design.scss */
#kopfbereich p {
  position: absolute;
  top: 5em;
  right: 25px;
  padding: 0;
  font-weight: bold;
  margin: 0;
}
/* line 166, ../sass/design.scss */
#kopfbereich img {
  border: 0;
}

/* line 170, ../sass/design.scss */
#stapel {
  max-width: 100%;
  height: 30%;
  padding-top: 40%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border: 0 solid #eee;
  box-shadow: 1px 1px 5px 2px #777;
}
/* line 180, ../sass/design.scss */
#stapel figure {
  animation-name: fade;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  translate: 0;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  33.3333333333% {
    opacity: 1;
  }
  53.3333333333% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* line 59, ../sass/design.scss */
#stapel figure:nth-child(1) {
  animation-delay: 0s;
}
/* line 59, ../sass/design.scss */
#stapel figure:nth-child(2) {
  animation-delay: 5s;
}
/* line 59, ../sass/design.scss */
#stapel figure:nth-child(3) {
  animation-delay: 10s;
}
/* line 191, ../sass/design.scss */
#stapel figcaption {
  position: absolute;
  left: 1em;
  bottom: 1em;
  color: white;
  font-size: 50%;
}
/* line 198, ../sass/design.scss */
#stapel img {
  height: auto;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 208, ../sass/design.scss */
#stapel:hover figure {
  animation-play-state: paused;
}

/* line 213, ../sass/design.scss */
#stapelSmall {
  max-width: 70%;
  height: 39%;
  padding-top: 39%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border: 0 solid #eee;
  box-shadow: 1px 1px 5px 2px #777;
}
/* line 223, ../sass/design.scss */
#stapelSmall figure {
  animation-name: fade;
  animation-duration: 18s;
  animation-iteration-count: infinite;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  translate: 0;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  16.6666666667% {
    opacity: 1;
  }
  33.3333333333% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* line 59, ../sass/design.scss */
#stapelSmall figure:nth-child(1) {
  animation-delay: 0s;
}
/* line 59, ../sass/design.scss */
#stapelSmall figure:nth-child(2) {
  animation-delay: 6s;
}
/* line 59, ../sass/design.scss */
#stapelSmall figure:nth-child(3) {
  animation-delay: 12s;
}
/* line 234, ../sass/design.scss */
#stapelSmall figcaption {
  position: absolute;
  left: 1em;
  bottom: 1em;
  color: white;
  font-size: 50%;
}
/* line 241, ../sass/design.scss */
#stapelSmall img {
  height: auto;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 251, ../sass/design.scss */
#stapelSmall:hover figure {
  animation-play-state: paused;
}

/* line 256, ../sass/design.scss */
#fussbereich {
  height: 100%;
  height: 100%;
  padding: 1em 3em 2.5em 3em;
  background-color: #f5f5f5;
  bottom: 0;
  width: auto;
  height: 80px;
  right: 0;
  left: 0;
  top: 0;
  clear: both;
  position: relative;
}

/* line 270, ../sass/design.scss */
p {
  font-size: 105%;
  font-weight: normal;
}

/* line 274, ../sass/design.scss */
h1 {
  font-size: 150%;
}

/* line 277, ../sass/design.scss */
h2 {
  font-size: 130%;
}

/* line 280, ../sass/design.scss */
h3 {
  font-size: 120%;
}

/* line 283, ../sass/design.scss */
h3a {
  font-size: 120%;
  font-weight: bold;
  counter-reset: ebene2;
}
/* line 287, ../sass/design.scss */
h3a:before {
  content: counter(ebene1) " ";
  counter-increment: ebene1;
}

/* line 292, ../sass/design.scss */
h4a {
  font-size: 110%;
  font-weight: bold;
}
/* line 295, ../sass/design.scss */
h4a:before {
  content: counter(ebene1) "." counter(ebene2) " ";
  counter-increment: ebene2;
}

/* line 300, ../sass/design.scss */
#wrapper {
  width: 100%;
  height: 100%;
  color: black;
  margin: auto;
}

/* line 307, ../sass/design.scss */
span.box-rechtsoben {
  top: 0;
  right: 0.3px;
}
/* line 312, ../sass/design.scss */
span.box-linksoben {
  width: 30px;
  height: 30px;
  top: 0;
  left: -0.5px;
}
/* line 319, ../sass/design.scss */
span.box-oben {
  position: absolute;
  height: 5px;
  display: block;
  top: 0;
  left: 29.5px;
  right: 29.5px;
}
/* line 327, ../sass/design.scss */
span.box-links {
  left: 0;
  bottom: 0;
}
/* line 332, ../sass/design.scss */
span.box-rechts {
  right: 0;
  bottom: 0;
}
/* line 337, ../sass/design.scss */
span.box-fuss-rechtsunten {
  bottom: 0;
  right: 0;
}
/* line 342, ../sass/design.scss */
span.box-fuss-linksunten {
  bottom: 0;
  left: 0;
}

/* line 348, ../sass/design.scss */
#naviseite {
  font-weight: bold;
  float: right;
  padding: 3.5em 0 0 0;
  margin-top: -31px;
  color: black;
  vertical-align: bottom;
  width: 100%;
}
/* line 356, ../sass/design.scss */
#naviseite ul {
  padding-right: 3.1em;
  float: right;
  margin: 0;
}
/* line 361, ../sass/design.scss */
#naviseite img {
  padding-left: 0;
}
/* line 364, ../sass/design.scss */
#naviseite p {
  padding-left: 4em;
  padding-top: 5em;
}
/* line 368, ../sass/design.scss */
#naviseite li {
  box-shadow: 0.7em 0.5em 0.5em 0 #999999;
  float: left;
  position: relative;
  list-style: none;
  border-bottom: black 0 solid;
  vertical-align: bottom;
  margin: 0 -0.4em 0 0.4em;
  color: black;
}
/* line 378, ../sass/design.scss */
#naviseite li a {
  display: block;
  padding: 2.5em 0.9em 1em 2.4em;
  margin: 0;
  text-decoration: none;
  width: 150px;
  color: black;
  vertical-align: bottom;
}
/* line 386, ../sass/design.scss */
#naviseite li a:hover {
  color: black;
}
/* line 390, ../sass/design.scss */
#naviseite li:hover {
  box-shadow: inset 0 0 0 0.8em #f5f5f5, 0.7em 0.5em 0.5em 0 #999999;
}
/* line 395, ../sass/design.scss */
#naviseite > ul a {
  width: auto;
}

/* line 399, ../sass/design.scss */
#zwischen {
  background-color: #f5f5f5;
  height: 30px;
  width: 100%;
  position: relative;
}

/* line 405, ../sass/design.scss */
#textbereich2 {
  margin-left: 5em;
  padding: 5em;
  border-left: 0 solid;
  margin-right: 1.2px;
  border-right: 0 solid;
  background-color: white;
  left: 0;
  color: black;
  margin-top: -2.4em;
  height: 100%;
  bottom: 0;
}
/* line 417, ../sass/design.scss */
#textbereich2 p {
  min-width: 50px;
  height: 100%;
}
/* line 421, ../sass/design.scss */
#textbereich2 p img.erstes {
  float: right;
  padding: 2em 0 3em 2.5em;
}
/* line 425, ../sass/design.scss */
#textbereich2 p img.fotozwei {
  float: right;
  padding: 1em 0 1em 2em;
}
/* line 429, ../sass/design.scss */
#textbereich2 p img.foto {
  float: right;
  padding: 0 4em 0 3em;
}
/* line 433, ../sass/design.scss */
#textbereich2 p img.zweites {
  float: left;
  padding: 0 3em 0 0;
}
/* line 439, ../sass/design.scss */
#textbereich2 img.foto {
  float: right;
  padding: 0 0 0 3em;
}

/* line 444, ../sass/design.scss */
#textbereich {
  color: black;
  margin-left: 5em;
  padding: 7em 5em 2.4em 5em;
  border-left: 0 solid;
  margin-right: 1.2px;
  border-right: 0 solid;
  background-color: white;
  left: 0;
  margin-top: -2.4em;
  height: 100%;
  bottom: 0;
}
/* line 456, ../sass/design.scss */
#textbereich p {
  min-width: 50px;
  height: 100%;
}
/* line 460, ../sass/design.scss */
#textbereich p img.erstes {
  float: right;
  padding: 2em 0 3em 2.5em;
}
/* line 464, ../sass/design.scss */
#textbereich p img.fotozwei {
  float: right;
  padding: 1em 0 1em 2em;
}
/* line 468, ../sass/design.scss */
#textbereich p img.foto {
  float: right;
  padding: 0 4em 0 3em;
}
/* line 472, ../sass/design.scss */
#textbereich p img.zweites {
  float: left;
  padding: 0 3em 0 0;
}
/* line 478, ../sass/design.scss */
#textbereich img.foto {
  float: right;
  padding: 0 0 0 3em;
}

/* line 483, ../sass/design.scss */
address {
  font-size: 100%;
  color: black;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5em;
  padding-top: 5px;
  marging-top: 5px;
  height: 4em;
  position: relative;
}

/* line 494, ../sass/design.scss */
#main {
  clear: both;
}

/* line 498, ../sass/design.scss */
#contact-form {
  background-color: #f5f5f5;
  width: 70%;
  padding: 20px;
  margin: 50px auto;
  border: 6px solid #d4d4d4;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

/* line 514, ../sass/design.scss */
#contact-form h2 {
  margin-bottom: 15px;
  font-style: italic;
  font-weight: normal;
}

/* line 520, ../sass/design.scss */
#contact-form input,
#contact-form select,
#contact-form textarea,
#contact-form label {
  margin-bottom: 2px;
}

/* line 528, ../sass/design.scss */
#contact-form input,
#contact-form select,
#contact-form textarea {
  width: 450px;
  border: 1px solid #CEE1E8;
  margin-bottom: 20px;
  padding: 4px;
}

/* line 537, ../sass/design.scss */
#contact-form input:focus,
#contact-form select:focus,
#contact-form textarea:focus {
  border: 1px solid #AFCDD8;
  background-color: #EBF2F4;
}

/* line 544, ../sass/design.scss */
#contact-form textarea {
  height: 150px;
  resize: none;
}

/* line 549, ../sass/design.scss */
#contact-form label {
  display: block;
}

/* line 553, ../sass/design.scss */
#contact-form .required {
  font-weight: bold;
  color: #F00;
}

/* line 558, ../sass/design.scss */
#contact-form .disp {
  display: none;
}

/* line 562, ../sass/design.scss */
#contact-form #submit-button {
  width: 100px;
  background-color: black;
  color: #FFF;
  border: none;
  display: block;
  float: right;
  margin-bottom: 0px;
  margin-right: 6px;
  background-color: #AFCDD8;
  -moz-border-radius: 8px;
}

/* line 575, ../sass/design.scss */
#contact-form #submit-button:hover {
  background-color: #CEE1E8;
}

/* line 579, ../sass/design.scss */
#contact-form #submit-button:active {
  position: relative;
  top: 1px;
}

/* line 584, ../sass/design.scss */
#contact-form #loading {
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  right: 130px;
  bottom: 16px;
  display: none;
}

/* line 596, ../sass/design.scss */
#errors {
  border: solid 1px #E58E8E;
  padding: 10px;
  margin: 25px 0px;
  display: block;
  width: 437px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: none;
}

/* line 608, ../sass/design.scss */
#errors li {
  padding: 2px;
  list-style: none;
}

/* line 613, ../sass/design.scss */
#errors li:before {
  content: ' - ';
}

/* line 617, ../sass/design.scss */
#errors #info {
  font-weight: bold;
}

/* line 621, ../sass/design.scss */
#errors #info:before {
  content: '';
}

/* line 625, ../sass/design.scss */
#success {
  border: solid 1px #83D186;
  padding: 25px 10px;
  margin: 25px 0px;
  display: block;
  width: 437px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;
  font-weight: bold;
  display: none;
}

/* line 639, ../sass/design.scss */
#errors.visible, #success.visible {
  display: block;
}

/* line 643, ../sass/design.scss */
#req-field-desc {
  font-style: italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
/* line 648, ../sass/design.scss */
input:required, textarea:required {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

/* Normalize placeholder styles */
/* chrome, safari */
/* line 658, ../sass/design.scss */
::-webkit-input-placeholder {
  color: #CCC;
  font-style: italic;
}

/* mozilla */
/* line 664, ../sass/design.scss */
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #CCC;
  font-style: italic;
}

/* ie (faux placeholder) */
/* line 670, ../sass/design.scss */
input.placeholder-text, textarea.placeholder-text {
  color: #CCC;
  font-style: italic;
}

@media screen and (min-width: 600px) {
  /* line 676, ../sass/design.scss */
  a[href^="tel:"] {
    color: black;
    text-decoration: none;
  }
}