/**
 * @Author: Andreas Prietzel <andreasprietzel>
 * @Date:   2018-05-03T10:49:23+02:00
 * @Filename: cookiebar.min.css
 * @Last modified by:   andreasprietzel
 * @Last modified time: 2018-05-03T15:18:46+02:00
 */



.cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}


body .cookiebar
{
	top             : unset;
	position        : fixed;
	font-size       : 14px;
	line-height     : 18px;
	left            : 15px;
	bottom          : 15px;
	width           : 312px;
	background-color: #efefef;
	background      : rgb(238,238,238);
	background      : -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
	background      : -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background      : linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	filter          : progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
	color           : black;
	border-radius   : 4px;
	border          : #e2e2e2 2px solid;
	height          : 150px;
	text-align      : left;
}

body .cookiebar a
{
	color: gray;
}

body .cookiebar .cookiebar__button
{
	background-color: #80ea5c;
	border-radius   : 2px;
	float           : left;

	background      : rgb(169,219,128);
	background      : -moz-linear-gradient(top, rgba(169,219,128,1) 0%, rgba(150,197,111,1) 100%);
	background      : -webkit-linear-gradient(top, rgba(169,219,128,1) 0%,rgba(150,197,111,1) 100%);
	background      : linear-gradient(to bottom, rgba(169,219,128,1) 0%,rgba(150,197,111,1) 100%);
	filter          : progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 );


	background      : rgb(221,70,148);
	background      : -moz-linear-gradient(top, rgba(221,70,148,1) 0%, rgba(226,0,122,1) 100%);
	background      : -webkit-linear-gradient(top, rgba(221,70,148,1) 0%,rgba(226,0,122,1) 100%);
	background      : linear-gradient(to bottom, rgba(221,70,148,1) 0%,rgba(226,0,122,1) 100%);
	filter          : progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4694', endColorstr='#e2007a',GradientType=0 );


	border          : rgb(226,0,122) 1px solid;
	margin-left     : 5px;
}

body .cookiebar .cookiebar__button:hover
{
	background-color: #71ce52;
	border          : #5dbb3e 1px solid;
	border          : rgb(226,0,122) 1px solid;
	background      : rgb(226,0,122);
	background      : -moz-linear-gradient(top, rgba(226,0,122,1) 0%, rgba(221,70,148,1) 100%);
	background      : -webkit-linear-gradient(top, rgba(226,0,122,1) 0%,rgba(221,70,148,1) 100%);
	background      : linear-gradient(to bottom, rgba(226,0,122,1) 0%,rgba(221,70,148,1) 100%);
	filter          : progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2007a', endColorstr='#dd4694',GradientType=0 );
}

body .cookiebar .cookiebar__button.decline
{
	background-color: #bababa;
	background: rgb(174,174,174);
	background: -moz-linear-gradient(top, rgba(174,174,174,1) 0%, rgba(154,154,154,1) 100%);
	background: -webkit-linear-gradient(top, rgba(174,174,174,1) 0%,rgba(154,154,154,1) 100%);
	background: linear-gradient(to bottom, rgba(174,174,174,1) 0%,rgba(154,154,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#9a9a9a',GradientType=0 );
	border          : #777777 1px solid;
	color           : #777777;
}

body .cookiebar .cookiebar__button.decline:hover
{
	background-color: #777777;
	border          : #bababa 1px solid;
	color           : #bababa;
}

@media (max-width: 767px)
{
	body .cookiebar
	{
		left: 0;
		width: 100%;
		bottom: 64px;
	}
}
