#cookieWarning {
    background-color: #000000C0;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 22px;
    padding: 12px 17px;
    font-family: helvetica,sans-serif;
    position: fixed;
    bottom: 10px;
    left: 50%;
    max-width: 840px;
    min-width: 840px;
    z-index: 9999;
    border-radius: 16px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

#cookieWarning.warningVisible {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0);
    /*transition: opacity 750ms ease-in-out;*/
    /*transition: visibility 0s 750ms, transform 0 750ms, opacity 750ms ease-in-out;*/
    transition: all 550ms ease-in-out;
}

#cookieWarning.warningHidden {
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, 100%);
    /*transition: visibility 0s 750ms, transform 0 750ms, opacity 750ms ease-in-out;*/
    transition: all 550ms ease-in-out;
}

#cookieWarning a {
    color: #FFFFFF;
    text-decoration: underline;
}

.cookieWarningConfirmation {
    display: flex;
    flex-flow: column nowrap;
}

#cookieWarning input.cookieWarningOK {
    background-color: #94cd0a;
    color: #FFFFFF;
    cursor: pointer;
    min-width: 180px;
    height: 43px;
    text-align: center;
    border: none;
    margin-left: 10px;
}
#cookieWarning input.cookieWarningOK:hover {
    background-color: #94cd0a;
    box-shadow: 0 0 2px 2px #ffffff;
    transition: all 0.1s linear;
}