/* Cookie Hinweis  */
#js-note_cookie {
    width: 100%;
    position: fixed;
    bottom: 0;
    display: block;
    background: rgba(65,65,66,0.9);
    z-index: 9990;
    color: #fff;
    margin: 0 auto;
    min-height: 55px;
    box-sizing: border-box;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    padding: 0 20px;
    z-index: 999999;
}
#js-note_cookie .note_cookie_info {
    float: left;
    width: 96%;
    width: -webkit-calc(100% - 40px); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% - 40px); /** FF 4-15  **/
    width: calc(100% - 40px);
    margin: 15px 0;
}
#js-note_cookie .note_cookie_info a {
    color: #fff;
    text-decoration: underline;
}
#js-note_cookie.note_hidden{
    visibility: visible;
    display: block;
    opacity: 1;
}

#js-noteCookieClose {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    color: #fff;
    cursor: pointer;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 100;
    text-indent: -9000px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#js-noteCookieClose {
    background: none repeat scroll 0 0 rgba(255,255,255,0.3);
    border: rgba(255,255,255,0.7) 1px solid;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);
    -ms-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);
}

#js-noteCookieClose {
    right: 20px;
    top: 10px;
}

#js-noteCookieClose:hover {
    background: rgba(255,255,255,0.5);
    border: rgba(255,255,255,1) 1px solid;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#js-noteCookieClose:active {
    background: rgba(117,117,117,1);
    border: rgba(117,117,117,1) 1px solid;
}


#js-noteCookieClose::before,
#js-noteCookieClose::after {
    width: 16px;
    height: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    background-color: #fff;
    position: absolute;
    content: "";
    top: 14px;
    left:7px;
}



#js-noteCookieClose::before {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

#js-noteCookieClose::after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);

}