.foo_navi_box .nav a {
        padding: .5em 1em .5em 1em;
}

#foo{
animation: fadein 0.2s;
}

@keyframes fadein {
    from { opacity: .8; }
    to   { opacity: 1; }
}




/*Leiste blendet oben ein  ANFANG   foo-sticky.inc.php  */
.foo_box{display:block;}
#foo {position:fixed;top:0;left:0;width:100%; height:110px; background:rgba(255,255,255,1);/*background:#e22125;*//*background:#383e42;*/box-shadow:-8px -8px 12px #000; border-bottom:0px solid rgba(224,135,7,1); display:none;z-index:1000;}
.foo_inner{max-width:1500px;margin:0 auto;padding:0 20px;}
.foo_rechts{float:right;padding:50px 0 0 0;}
.foo_rechts i{color:#ff9900;}
.foo_rechts a{color:rgba(34,41,46,.8);margin:0 0 0 20px;font-size:0.9em;text-decoration:none;}

.foo_rechts a:hover{
opacity: .7;
  transition: .5s ease;
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
}


.foo_logo{float:left;padding:10px 30px 0 0px;}
.foo_logo_image{vertical-align:middle;}
.foo_navi_box{float:left;padding:45px 0 0 0; }
.foo_navi_box .nav a{font-size:0.9em; }
 .foo_navi_box .strich:before {top:25px;}
 .foo_navi_box .nav .aktiv  .strich:before  {top:25px;}
/*Leiste blendet oben ein  ENDE */



@media all and (max-width: 1300px) {
.foo_inner{width:100%;}
.foo_navi_box .nav a{font-size:0.8em; }
}



@media all and (max-width: 1300px) {
.foo_inner{width:100%;}
.foo_navi_box{display:block;}
.foo_rechts{display:none;}
}

@media all and (max-width: 1000px) {
#foo{display:none;}
.foo_box{display:none;}
}