ul.impressnavi a{text-decoration:none;}


/* ----------- logo footer ------------- */
.nachoben {
    position: relative;
}
img.logofooter {
    position: absolute;
    left: 50%;
    -webkit-box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.27);
    box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.27);
    margin-left: -51px;
    bottom: -50px;
    width: 103px;
    height: auto;
    border-radius: 50%;
    z-index: 200;
}
img.logofooter:hover,img.logofooter:active,img.logofooter:focus {
    background:rgba(175, 204, 134, 0.15);
}



/* ----------- footer ------------- */

ul.impressnavi {
    margin: 0 auto;
    list-style: none;
    font-size: .9em;
    text-align: center;
    background: #7ddb25;
}
ul.impressnavi li {
    display: inline-block;letter-spacing: .1em;
}
ul.impressnavi li a {
    display: block;
    padding:1em 1em .9em 1em;
    color: #000;
}
ul.impressnavi li.stilcurrent {
    background: #484848;
}
ul.impressnavi li.stilcurrent a {    color: #fff;}

@media screen and (max-width:360px) {
ul.impressnavi {font-size:.8em;}
ul.impressnavi li a {padding: 1.3em .4em 1em .4em;}
}
/*-------------- hauptnavi mit unternavi -------------*/


@media screen and (min-width:601px) and (max-width:1000px) {
ul.navi li {width:31%;}
}
@media screen and (min-width:311px) and (max-width:600px) {
ul.navi li.li1 {width:96%;display:block;}
ul.navi li {width:48%;}
}
@media screen and (min-width:311px) {
ul.navi li {display:inline-block;}
}
@media screen and (max-width:310px) {
ul.navi li {display:block;}
}


ul.navi li a {
    display: block;
    border-radius: .2em;
    color: #fff;
    background: #484848;
}

ul.navi li.stil a {
    padding:1.3em .4em 1em 1.4em;
}
ul.navi li.stilcurrent a {
    padding:1.3em .4em 1em .6em;
    border-left: 0.8em solid #66ce23;color: #94ff4f;
}


ul.navi li.stil a:hover {
    background: #484848;
    color: #b0ff87;
    border-left: 0.8em solid #65ce23;
    padding: 1.3em .4em 1em 0.6em;
}
/*------------ footersubnavi ---------
    background:#c44913 #538200;-------- */

ul.footersubnavi {
    margin: 0;
}

ul.footersubnavi li {
    display: block;
    width: 100%;
    font-size: 100%;
    text-transform: none;
    letter-spacing: .05em;
    margin:.2em 0 0 0;
}
ul.footersubnavi li a {
    display: block;
}
ul.footernavi li ul.footersubnavi li.stil a {
    color: #000;
    background: rgba(207, 214, 193, 0.35);
    margin: 0;
    border-left: none;
    border-radius: .2em;
    padding:1.3em .4em 1em 1.4em;
}
ul.footernavi li ul.footersubnavi li.stil:hover {
    background: #c8efa3;
    border-radius: .2em;
}
ul.footersubnavi li.stil a {
    color: #000;
    background: none;
    padding:1.3em .4em 1em 1.4em;
    border-left: none;
}
ul.footersubnavi li.stilcurrent a {
    color: #000;
    background: #7ddb25;
    padding:1.3em .4em 1em 1.4em;
    border-left: none;
}

    /* .copy-gradient-content{
    padding: calc(200px + 1rem) 2rem 0 2rem;
    margin-top: -200px;
    overflow: hidden;
    }
*/


ul.navi > li {
    margin-bottom: 1em;
}