/*######################################################################################*/
/*	Inhalte erscheinen lassen
/*######################################################################################*/

@keyframes content {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-moz-keyframes content {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes content {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-o-keyframes content {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

section#gewerke-title,
section#cover-image,
section#mainblock {

  /* Standard CSS3 Befehle */
  animation-name: content;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;

  /* Mozilla */
  -moz-animation-name: content;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-fill-mode: forwards;

  /* Webkit (Safari, Chrome) */
  -webkit-animation-name: content;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;

  /* Opera */
  -o-animation-name: content;
  -o-animation-duration: 1s;
  -o-animation-iteration-count: 1;
  -o-animation-direction: alternate;
  -o-animation-timing-function: ease-in-out;
  -o-animation-fill-mode: forwards;
}



/*######################################################################################*/
/*	Navigation MouseOver
/*######################################################################################*/

@keyframes verschwinden {
    0% {border-top: 1px solid #fff;}
    100% {border-top: 1px solid #000;}
}

@-moz-keyframes verschwinden {
    0% {border-top: 1px solid #fff;}
    100% {border-top: 1px solid #000;}
}

@-webkit-keyframes verschwinden {
    0% {border-top: 1px solid #fff;}
    100% {border-top: 1px solid #000;}
}

@-o-keyframes verschwinden {
    0% {border-top: 1px solid #fff;}
    100% {border-top: 1px solid #000;}
}

nav ul li a:hover {
    /* Standard CSS3 Befehle */
    animation-name: verschwinden;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;

    /* Mozilla */
    -moz-animation-name: verschwinden;
    -moz-animation-duration: 0.5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: forwards;

    /* Webkit (Safari, Chrome) */
    -webkit-animation-name: verschwinden;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;

    /* Opera */
    -o-animation-name: verschwinden;
    -o-animation-duration: 0.5s;
    -o-animation-iteration-count: 1;
    -o-animation-direction: alternate;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: forwards;
}



/*######################################################################################*/
/*	Verlinkte Bilder
/*######################################################################################*/


@keyframes images {
    100% {
        opacity: .7;
        -moz-opacity: .7;
        filter: alpha(opacity=70);
     }
}

@-moz-keyframes images {
    100% {
        opacity: .7;
        -moz-opacity: .7;
        filter: alpha(opacity=70);
     }
}

@-webkit-keyframes images {
    100% {
        opacity: .7;
        -moz-opacity: .7;
        filter: alpha(opacity=70);
     }
}

@-o-keyframes images {
    100% {
        opacity: .7;
        -moz-opacity: .7;
        filter: alpha(opacity=70);
     }
}

a img:hover {

    /* Standard CSS3 Befehle */
    animation-name: images;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;

    /* Mozilla */
    -moz-animation-name: images;
    -moz-animation-duration: 0.3s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: forwards;

    /* Webkit (Safari, Chrome) */
    -webkit-animation-name: images;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;

    /* Opera */
    -o-animation-name: images;
    -o-animation-duration: 0.3s;
    -o-animation-iteration-count: 1;
    -o-animation-direction: alternate;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: forwards;
}



/*######################################################################################*/
/*	Gewerke-Bilder Startseite
/*######################################################################################*/


@keyframes gewerk {
    100% {transform: scale(0.94); }
}

@-moz-keyframes gewerk {
    100% {-moz-transform: scale(0.94); }
}

@-webkit-keyframes gewerk {
    100% {-webkit-transform: scale(0.94); }
}

@-o-keyframes gewerk {
    100% {-o-transform: scale(0.94); }
}

.gewerk a img:hover {

    /* Standard CSS3 Befehle */
    animation-name: gewerk;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;

    /* Mozilla */
    -moz-animation-name: gewerk;
    -moz-animation-duration: 0.3s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: forwards;

    /* Webkit (Safari, Chrome) */
    -webkit-animation-name: gewerk;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;

    /* Opera */
    -o-animation-name: gewerk;
    -o-animation-duration: 0.3s;
    -o-animation-iteration-count: 1;
    -o-animation-direction: alternate;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: forwards;
}



/*######################################################################################*/
/*	Newsletter Button
/*######################################################################################*/


@keyframes nl-button {
    50% {margin: 60px 0 0 -20px;}
    100% {margin: 50px 0 0 -20px;}
}

@-moz-keyframes nl-button {
    50% {margin: 60px 0 0 -20px;}
    100% {margin: 50px 0 0 -20px;}
}

@-webkit-keyframes nl-button {
    50% {margin: 60px 0 0 -20px;}
    100% {margin: 50px 0 0 -20px;}
}

@-o-keyframes nl-button {
    50% {margin: 60px 0 0 -20px;}
    100% {margin: 50px 0 0 -20px;}
}

#button-nl:hover {

    /* Standard CSS3 Befehle */
    animation-name: nl-button;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;

    /* Mozilla */
    -moz-animation-name: nl-button;
    -moz-animation-duration: 0.6s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: forwards;

    /* Webkit (Safari, Chrome) */
    -webkit-animation-name: nl-button;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;

    /* Opera */
    -o-animation-name: nl-button;
    -o-animation-duration: 0.6s;
    -o-animation-iteration-count: 1;
    -o-animation-direction: alternate;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: forwards;
}