/* ===========================================
   Datei: nebelschleier.css
   Zweck: Sanfter Nebeleffekt
   =========================================== */

#nebel-overlay{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:url('../bilder/nebel-textur.png')repeat;
  opacity:.12;animation:schwebeNebel 50s linear infinite;
  z-index:2;pointer-events:none;
}
#nebel-overlay-2{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:url('../bilder/nebel-textur.png')repeat;
  opacity:.04;animation:schwebeNebel2 110s linear infinite,
    pulsNebel 16s ease-in-out infinite;
  z-index:3;
}
#nebel-pulse{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:url('../bilder/nebel-textur.png')repeat;
  opacity:.05;animation:pulsNebel 7s ease-in-out infinite;
  z-index:4;
}
#nebel-schwer{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:url('../bilder/nebel-textur002.png')repeat;
  opacity:.08;animation:schwebeNebel3 90s linear infinite;
  z-index:1;
}

@keyframes schwebeNebel{0%{background-position:0 0;}100%{background-position:-1200px 600px;}}
@keyframes schwebeNebel2{0%{background-position:400px 200px;}100%{background-position:-400px -300px;}}
@keyframes schwebeNebel3{0%{background-position:0 0;}100%{background-position:-600px 400px;}}
@keyframes pulsNebel{0%,100%{opacity:.03;}50%{opacity:.08;}}