html {
    background: #e6e6e6;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    box-shadow: 3px 3px 5px #999999;
    color: #545454;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 150%;
    margin: 0 auto;
    max-width: 1500px;
    min-height: 1100px;
}

h1 {
    font-size: 122%;
}

h2 {
    font-size: 114%;
}

h3 {
    font-size: 106%;
}

a {
    color: #fff;
}

b, strong {
    font-weight: 600;
}

#kopf {
    width:auto;
    height:15px;
    background-color:#000;
    padding-top: 40px;
    padding-bottom: 15px;
    padding-left: 75px;
}

a#links {
    text-align: left;  
    font-size: 90%;
}

#rechts {
    position: relative;
    padding-left: 650px;
    font-size: 13px;  
}

#profil {
    padding-left: 150px;
    padding-right: 150px;
    padding-top: 40px;
}

.bild {
    padding-top: 5px;
}

.bild img {
    display: block;
}

.bild figure {
    padding-left: -75px;
}

.bild span {
    padding-left: 880px;
    position: absolute;
    top: 280;
}

.logo {
    float: left;
    margin-right: 50px;
}

.hg-bild {
   margin-top: 100px;
    float: none;
}

ul {
    color: #fff;
    font-weight: 600;
    margin-left: -20px;
    line-height: 2.3;
    font-size: 104%;
}

#fuss1 {
    float: left;
    width: 290px;
    padding-left: 150px;
    padding-top: 10px;
    line-height: 1.3;
}

#fuss2 {
    float: left;
    width: 450px;
    padding-left: 0px;
    padding-top: 30px;
    line-height: 1.3;
}

#fuss3 {
    float: left;
    width: 600px;
    padding-left: 0px;
    padding-top: 10px;
    line-height: 1.3;
}

main {
  background: transparent;
  border-color: transparent;
}

#gallery {
  position: xyz;
  margin:0;
  background: none;
  border: none;
}

#gallery figure {
    box-shadow: 5px 5px 15px #222;
  position: absolute;
  display: inline-block;
  top: 0;
  left: 2em;
  z-index: 1;
  animation: wechseln 50s infinite;
}

#gallery figure:last-of-type {
  position: absolute;
}
 
#gallery > figure figcaption {
  position: absolute;
  left: 1em;
  font-size: 2em;
  font-weight: bold;
  bottom: 0.5em;
  z-index: 2;
  color: white;
}

@keyframes wechseln {
     0% {opacity:0;}
     8% {opacity:1;}
    13% {opacity:1;}
    18% {opacity:0;}
   100% {opacity:0;}
}

#gallery figure:nth-of-type(1) {
  animation-delay: 0s;
  opacity: 0;
}

#gallery figure:nth-of-type(2) {
  animation-delay: 5s;
  opacity: 0;
}

#gallery figure:nth-of-type(3) {
  animation-delay: 10s;
  opacity: 0;
}

#gallery figure:nth-of-type(4) {
  animation-delay: 15s;
  opacity: 0;
}

#gallery figure:nth-of-type(5) {
  animation-delay: 20s;
  opacity: 0;
}

#gallery figure:nth-of-type(6) {
  animation-delay: 25s;
  opacity: 0;
}

#gallery figure:nth-of-type(7) {
  animation-delay: 30s;
  opacity: 0;
}

#gallery figure:nth-of-type(8) {
  animation-delay: 35s;
  opacity: 0;
}

#gallery figure:nth-of-type(9) {
  animation-delay: 40s;
  opacity: 0;
}

#gallery figure:nth-of-type(10) {
  animation-delay: 45s;
  opacity: 0;
}

p#mailinvite::after, span#displayMail:before, span#displayMail::after {background-color:#fff; color:#545454;}
p#mailinvite::after {content: "emuth\40ifanos-planung.de";}
span#displayMail::before {content: "k.d";}
span#mussWeg {display:none;}
span#displayMail::after {content: "emuth\40ifanos-planung.de";}
