#cookies_warning {
float: left;
clear: both;
width: 100%;
position: fixed;
bottom: 5px;
left: 0;
border: 1px solid #3f89c5;
z-index: 1000;
}

.cookies-layout {
float: left;
clear: both;
width: 100%;
height: 60px;
background: #ffffff;
border-radius: 2px 2px 0 0;
position: relative;
}

.cookies-text {
width: 85%;
float: left;
position: relative;
padding: 10px 10px 10px 60px;
text-align: center;
}

.cbb {
padding: 20px 0px;
}

.cookies-btn {
  color: #fff;
  text-decoration: none;
  user-select: none;
  background: #3f89c5;
  color: #fff!important;
  padding: .7em 1.5em;
  outline: none;
  font-weight: bold;
}
a.cookies-btn:hover { background: #3f89c5; color: #fff; }
a.cookies-btn:active { background: rgb(152,15,0); }


@media screen and (max-width: 800px){
#cookies_warning {
float: left;
clear: both;
width: 100%;
position: fixed;
bottom: 10px;
left: 0;
z-index: 1000;
}

.cookies-layout {
float: left;
clear: both;
width: 100%;
height: 100px;
background: #ffffff;
border-radius: 2px 2px 0 0;
position: relative;
}

.cookies-text {
width: 75%;
float: left;
position: relative;
padding: 10px 10px 10px 7px;
font-size: 10px;
text-align: right;
}

.cookies-btn {
  padding: .5em .5em;
  font-size: 11px;
}
}