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

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

/* line 70, ../sass/mobile.scss */
body {
  background: white;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  counter-reset: ebene1;
}
/* line 81, ../sass/mobile.scss */
body#home #naviseite li.navhome {
  box-shadow: inset 0 0 0 0.4em #c4c4c4, 0.2em 0.3em 0.3em #999999;
  border-bottom: 0 black solid;
}
/* line 86, ../sass/mobile.scss */
body#home #naviseite a.navhome {
  cursor: default;
}
/* line 91, ../sass/mobile.scss */
body#anfrage #naviseite li.anfrage {
  box-shadow: inset 0 0 0 0.4em #c4c4c4, 0.2em 0.3em 0.3em #999999;
  border-bottom: 0 black solid;
}
/* line 96, ../sass/mobile.scss */
body#anfrage #naviseite a.anfrage {
  cursor: default;
}
/* line 101, ../sass/mobile.scss */
body#profil #naviseite li.profil {
  box-shadow: inset 0 0 0 0.4em #c4c4c4, 0.2em 0.3em 0.3em #999999;
  border-bottom: 0 black solid;
}
/* line 106, ../sass/mobile.scss */
body#profil #naviseite a.profil {
  cursor: default;
}
/* line 111, ../sass/mobile.scss */
body#leistungen #naviseite li.leistungen {
  box-shadow: inset 0 0 0 0.4em #c4c4c4, 0.2em 0.3em 0.3em #999999;
  border-bottom: 0 black solid;
}
/* line 116, ../sass/mobile.scss */
body#leistungen #naviseite a.leistungen {
  cursor: default;
}
/* line 121, ../sass/mobile.scss */
body#kontakt #naviseite li.kontakt {
  box-shadow: inset 0 0 0 0.4em #c4c4c4, 0.2em 0.3em 0.3em #999999;
  border-bottom: 0 black solid;
}
/* line 126, ../sass/mobile.scss */
body#kontakt #naviseite a.kontakt {
  cursor: default;
}
/* line 131, ../sass/mobile.scss */
body#impressum #naviseite li.impressum {
  box-shadow: inset 0 0 0 0.4em #c4c4c4, 0.2em 0.3em 0.3em #999999;
  border-bottom: 0 black solid;
}
/* line 136, ../sass/mobile.scss */
body#impressum #naviseite a.impressum {
  cursor: default;
}

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

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

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

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

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

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

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

/* line 177, ../sass/mobile.scss */
#kopfbereich {
  height: 150px;
  padding: 1em 1em 0 1em;
  margin: 0;
  position: relative;
  color: black;
  background-color: #d4d4d4;
}
/* line 184, ../sass/mobile.scss */
#kopfbereich h1 {
  float: left;
  position: relative;
  top: 15px;
  margin: 0;
}
/* line 190, ../sass/mobile.scss */
#kopfbereich p {
  float: left;
  position: relative;
  top: 20px;
  padding: 0;
  font-weight: bold;
  margin: 0;
}
/* line 198, ../sass/mobile.scss */
#kopfbereich img {
  border: 0;
}

/* line 203, ../sass/mobile.scss */
span.box-rechtsoben {
  top: 0;
  right: 0.3px;
}
/* line 208, ../sass/mobile.scss */
span.box-linksoben {
  width: 30px;
  height: 30px;
  top: 0;
  left: -0.5px;
}
/* line 215, ../sass/mobile.scss */
span.box-oben {
  position: absolute;
  height: 5px;
  display: block;
  top: 0;
  left: 29.5px;
  right: 29.5px;
}
/* line 223, ../sass/mobile.scss */
span.box-links {
  left: -2px;
  bottom: 0;
  height: 190px;
}
/* line 229, ../sass/mobile.scss */
span.box-rechts {
  right: 0;
  bottom: 0;
  height: 190px;
}
/* line 235, ../sass/mobile.scss */
span.box-fuss-rechtsunten {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  bottom: 0;
  right: 0;
}
/* line 243, ../sass/mobile.scss */
span.box-fuss-linksunten {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  bottom: 0;
  left: 0;
}

/* line 252, ../sass/mobile.scss */
#naviseite {
  background-color: #ededed;
  font-weight: bold;
  float: right;
  padding: 5em 0 1.5em 0;
  margin: -31px 0 0;
  color: black;
  vertical-align: bottom;
  width: 100%;
}
/* line 261, ../sass/mobile.scss */
#naviseite ul {
  padding-right: 0;
  padding-left: 0;
  float: left;
  margin: 0;
}
/* line 267, ../sass/mobile.scss */
#naviseite img {
  padding-left: 0;
}
/* line 270, ../sass/mobile.scss */
#naviseite p {
  visibility: hidden;
}
/* line 273, ../sass/mobile.scss */
#naviseite li {
  box-shadow: 0.2em 0.3em 0.3em 0 #999999;
  float: left;
  position: relative;
  list-style: none;
  border-bottom: black 0 solid;
  vertical-align: bottom;
  margin: 0 0.1em 0 0.1em;
}
/* line 282, ../sass/mobile.scss */
#naviseite li a {
  display: block;
  margin: 0;
  padding: 1.5em 0.6em 1em 0.6em;
  text-decoration: none;
  width: 150px;
  color: black;
  vertical-align: bottom;
}
/* line 291, ../sass/mobile.scss */
#naviseite li:hover {
  box-shadow: inset 0 0 0 0.4em #c4c4c4, 0.2em 0.3em 0.3em 0 #999999;
}
/* line 296, ../sass/mobile.scss */
#naviseite > ul a {
  width: auto;
}

/* line 300, ../sass/mobile.scss */
#textbereich {
  color: black;
  margin-left: 0;
  padding: 5em 1em 1em;
  border-left: 0 solid;
  margin-right: 1.2px;
  background-color: #f5f5f5;
  margin-top: -2.4em;
  height: 100%;
  bottom: 0;
}
/* line 310, ../sass/mobile.scss */
#textbereich p {
  min-width: 50px;
  height: 100%;
}
/* line 314, ../sass/mobile.scss */
#textbereich p img.erstes {
  float: right;
  padding: 2em 0 3em 2.5em;
}
/* line 318, ../sass/mobile.scss */
#textbereich p img.fotozwei {
  float: right;
  padding: 1em 0 0 2em;
}
/* line 322, ../sass/mobile.scss */
#textbereich p img.foto {
  float: right;
  padding: 0 4em 0 3em;
}
/* line 326, ../sass/mobile.scss */
#textbereich p img.zweites {
  float: left;
  padding: 0 3em 0 0;
}
/* line 332, ../sass/mobile.scss */
#textbereich img.foto {
  float: right;
  padding: 0 0 0 3em;
}

/* line 338, ../sass/mobile.scss */
#stapel {
  max-width: 100%;
  height: 30%;
  padding-top: 40%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border: 0 solid #ededed;
  box-shadow: 1px 1px 5px 2px #777;
}
/* line 348, ../sass/mobile.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 63, ../sass/mobile.scss */
#stapel figure:nth-child(1) {
  animation-delay: 0s;
}
/* line 63, ../sass/mobile.scss */
#stapel figure:nth-child(2) {
  animation-delay: 5s;
}
/* line 63, ../sass/mobile.scss */
#stapel figure:nth-child(3) {
  animation-delay: 10s;
}
/* line 359, ../sass/mobile.scss */
#stapel figcaption {
  position: absolute;
  left: 1em;
  bottom: 1em;
  color: white;
  font-size: 50%;
}
/* line 366, ../sass/mobile.scss */
#stapel img {
  height: auto;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 376, ../sass/mobile.scss */
#stapel:hover figure {
  animation-play-state: paused;
}

/* line 381, ../sass/mobile.scss */
#stapelSmall {
  max-width: 100%;
  height: 55%;
  padding-top: 55%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border: 0 solid #ededed;
  box-shadow: 1px 1px 5px 2px #777;
}
/* line 391, ../sass/mobile.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 63, ../sass/mobile.scss */
#stapelSmall figure:nth-child(1) {
  animation-delay: 0s;
}
/* line 63, ../sass/mobile.scss */
#stapelSmall figure:nth-child(2) {
  animation-delay: 6s;
}
/* line 63, ../sass/mobile.scss */
#stapelSmall figure:nth-child(3) {
  animation-delay: 12s;
}
/* line 402, ../sass/mobile.scss */
#stapelSmall figcaption {
  position: absolute;
  left: 1em;
  bottom: 1em;
  color: white;
  font-size: 50%;
}
/* line 409, ../sass/mobile.scss */
#stapelSmall img {
  height: auto;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 419, ../sass/mobile.scss */
#stapelSmall:hover figure {
  animation-play-state: paused;
}

/* line 424, ../sass/mobile.scss */
#textbereich2 {
  color: black;
  margin-left: 0;
  padding: 2em 1em 1em;
  border-left: 0 solid;
  margin-right: 1.2px;
  background-color: #f5f5f5;
  left: 10em;
  margin-top: -2.4em;
  height: 100%;
  bottom: 0;
}
/* line 435, ../sass/mobile.scss */
#textbereich2 p {
  min-width: 50px;
  height: 100%;
}
/* line 439, ../sass/mobile.scss */
#textbereich2 p img.erstes {
  float: right;
  padding: 2em 0 3em 2.5em;
}
/* line 443, ../sass/mobile.scss */
#textbereich2 p img.fotozwei {
  float: right;
  padding: 1em 0 0 2em;
}
/* line 447, ../sass/mobile.scss */
#textbereich2 p img.foto {
  float: right;
  padding: 0 4em 0 3em;
}
/* line 451, ../sass/mobile.scss */
#textbereich2 p img.zweites {
  float: left;
  padding: 0 3em 0 0;
}
/* line 457, ../sass/mobile.scss */
#textbereich2 img.foto {
  float: right;
  padding: 0 0 0 3em;
}

/* line 462, ../sass/mobile.scss */
#fussbereich {
  padding: 1em 1em 2.5em 1em;
  background-color: #d4d4d4;
  bottom: 0;
  width: auto;
  height: 80px;
  right: 0;
  left: 0;
  top: 0;
  clear: both;
  position: relative;
}

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

/* line 485, ../sass/mobile.scss */
#main {
  clear: both;
}

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

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

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

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

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

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

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

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

/* line 549, ../sass/mobile.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 562, ../sass/mobile.scss */
#contact-form #submit-button:hover {
  background-color: #CEE1E8;
}

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

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

/* line 581, ../sass/mobile.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 593, ../sass/mobile.scss */
#errors li {
  padding: 2px;
  list-style: none;
}

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

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

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

/* line 610, ../sass/mobile.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 624, ../sass/mobile.scss */
#errors.visible, #success.visible {
  display: block;
}

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

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
/* line 633, ../sass/mobile.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 643, ../sass/mobile.scss */
::-webkit-input-placeholder {
  color: #CCC;
  font-style: italic;
}

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

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