
@keyframes consentbarFadeIn { from { opacity:0; } to { opacity:1; } }

#consentbar
{
	background-color: black;
	color: white;
	font-size: 1.4em;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	padding: 1em 1em;
	overflow: hidden;
	box-sizing: border-box;
	z-index: 9999;
	animation: consentbarFadeIn linear;
	animation-duration: 1.5s;
	animation-delay: 0s;
}

.consenttext
{
	box-sizing: border-box;
    font-size: 1.2em;
}

#consentbar .consenttext
{
	float: left;
	width: 60%; 
}

.consenttext .hint
{
	font-size: 0.7em;
	color: white;
}

.consentbuttons
{
	text-align: center; 
	box-sizing: border-box;
}

#consentbar .consentbuttons
{
	float: right;
	width: 40%;
}

#fb_consent .consentbuttons,
#osm_consent .consentbuttons
{
	margin-top: 50px;
}

#consentbar .consentbuttons a, #consentbar .consentbuttons a:visited,
#fb_consent .consentbuttons a, #fb_consent .consentbuttons a:visited,
#osm_consent .consentbuttons a, #osm_consent .consentbuttons a:visited
{
	padding: 2px 10px;
	color: yellow;
	border: 1px solid yellow;
	text-decoration: none;
	width: 11em;
	display: inline-block;
	text-align: center;
	margin: 4px 0px;
}

#consentbar .consentbuttons a:hover,
#fb_consent .consentbuttons a:hover,
#osm_consent .consentbuttons a:hover
{
	color: blue;
	background-color: lightgrey;	
	border: 1px solid lightgrey;
}

#consentbar .consenttext a, #consentbar .consenttext a:visited,
#fb_consent .consenttext a, #fb_consent .consenttext a:visited,
#osm_consent .consenttext a, #osm_consent .consenttext a:visited
{
	color: lightblue;	
}

#consentbar .consenttext a:hover,
#fb_consent .consenttext a:hover,
#osm_consent .consenttext a:hover
{
	color: yellow;	
}

@media only screen and (max-width: 1000px)
{
	#consentbar .consenttext
	{
		width: 100%;
		text-align: center; 
	}
	#consentbar .consentbuttons
	{
		width: 100%;
	}
}

#fb_consent,
#osm_consent
{
	width: 100%;
	height: calc(100% - 24px);
	box-sizing: border-box;
	margin: auto auto;
	padding: 80px 0;
	text-align: center;
	color: white;
	background: #333333 url(../images/fb_consent.png);
}
