#data-protection.show {
    bottom: 1em !important;
}

#data-protection {
    background: rgba(109, 154, 13, 0.54);
    position: fixed;
    bottom: -15em;
    right: 1em;
    padding: 1em;
    color: white;
    width: 70%;
    max-width: 310px;
    border-radius: 10px;
    font-size: 16px;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

#data-protection a {
    text-decoration: underline;
    color: #2e4400;
}

.data-protection-ok {
    padding: 1em;
}

.data-protection-ok {
    padding: .7em .7em .6em .6em !important;
    background: rgba(255, 255, 255, 0.51) !important;
    display: inline-block;
    color: #2e4400 !important;
    text-decoration: none !important;
    margin: .5em 0 0;
    border-radius: .5em;
    line-height: 1em;
    border: 2px solid #ffffff;
    cursor: pointer;
    font-size: 16px;
}

a.activate-maps {
    display: block;
    padding: 2em;
    cursor: pointer;
    background: #7ca721 url(../pix/google-maps-preload.png) 0 0;
    color: white;
    min-height: 300px;
}