Ok..
Index;
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="Cookiefenster.css">
<title></title>
</head>
<script>function CookiesCheck() {var checkBox = document.getElementById("CookieCheck");var text = document.getElementById("CookiesCheck");if (checkBox.checked == true){text.style.display = "none";} else {text.style.display = "block";}}</script>
<div id="All">
<div id="CookiesCheck" style="display:show">
<div id="Cookieanimation">
<div class="Cookiebackfenster"></div>
<div class="Cookiefenster">
<p class="CookieHeader">Cookies Hmmm... Lecker!</p>
<ol class="cookiemenu">
<strong><a href="Impressum.html">Impressum</a></strong><div class="CookiesideHidden"><input type="checkbox" id="CookieCheck" onclick="CookiesCheck()">Zur Kenntnis Genommen</div>
</ol>
<div class="Cookies">
<img src="img/Cookies.jpg" alt="Cookie Bild">
</div>
</div>
</div>
</div>
<body>
</body>
</html>
stylecss;
.CookiesideHidden{margin-top:30px; margin-bottom:5px;position: absolute;font-size:20px;}
.CookieButton{color:red;margin-left:0;text-align: center;border-color:red;}
.Cookiebackfenster{width: 100%; height: 100%;position: absolute;
z-index: 9;
background-color: white;
opacity: 0.6;
float: right;}
.CookieHeader{color:#fff;font-size:30px;margin-top:-55px;text-decoration: underline;text-align: center;}
.cookiemenu{margin-top:80px;margin-bottom:5px;margin-left:50px;}
.Cookiefenster{
position: absolute;
width: 500px;
height: 50px;
background-color: white;
margin-top: 0;
margin-left: 33.33%;
background: linear-gradient(160deg, #4682b4, #333d40);
background-size: 400% 400%;
animation: Backanimation 18s ease ;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0,8);
z-index: 99999;
background-color: #fff;
padding: 70px;
border-radius: 3px;
animation: drop 4.5s forwards ease;
box-shadow: 5px 5px 5px;
}
a {cursor: pointer;}
.cookiemenu a{text-decoration:underline; font-size:20px;position: absolute; margin: 0;color:#fff;}
.cookiemenu a:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-0-transform: scale(1.1);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);color: black;}
.Cookies img{float:right;position:relative;width: 15%;height:15%; margin:5px;}
@keyframes drop{0%{}30%{transform: translateY(350px);opacity:0.7;}50%{transform:translateY(300px);opacity:0.5; }100%{transform: translateY(350px);opacity:0.8;}}}}
}