#cookiebanner_con *
{
	box-sizing:border-box
}
.cookiebanner
{
	position:fixed;
	padding-bottom:5px;
	font-family:arial;
	background-color:#fff;
	box-shadow:0 1px 4px rgba(10,10,10,.4);
	opacity:.95;z-index:1600000000
}
.cb_top 
.cookiebanner
{
	top:0;left:0;
	width:100%;padding-bottom:5px
}
.cb_center 
.cookiebanner
{
	top:30%;
	left:20%;
	width:60%;
	padding:2.5% 5%
}
.cb_bottom 
.cookiebanner
{
	bottom:0;
	left:0;
	width:100%;
	padding-bottom:5px
}
.cookiebanner 
a
{
	text-decoration:none
}
.cBanner
{
	width:100%
}
.vorschau_bottom 
.cBanner,
.vorschau_top 
.cBanner
{
	padding-left:2%
}
.text_banner
{
	width:calc(80% - 110px);
	float:left;
	color:#5a6e8c;
	font-size:14px;
	font-family:arial;
	margin-right:7px
}
.link_banner
{
	text-decoration:none;
	color:rgb(90,110,1 40)
}
.link_banner:hover
{
	text-decoration:underline;
	color:#0096c8
}
.buttons_banner
{
	width:20%;
	float:left;
	padding-bottom:1%
}
.button_einverstanden,
.button_nein
{
	border-width:0;
	font-size:16px;
	font-family:arial
}
.button_einverstanden{
	background-color:#8fbf21;
	border-radius:10px;color:#fff;padding:12px 20px
}
.button_nein
{
	background-color:#fff;
	color:#96aabe;
	padding:10px
}
.button_einverstanden:hover,
.button_nein:hover
{
	cursor:pointer;text-decoration:underline;
	opacity:.9
}
.co_wieder
{
	position:fixed;
	right:0;
	padding:2px;
	background-color:#fff;
	border-top-left-radius:5px;
	z-index:1500000000;
	display:none
}
.co_wieder:hover
{
	cursor:pointer
}
.cb_top 
.co_wieder
{
	top:0
}
.cb_bottom 
.co_wieder,
.cb_center 
.co_wieder
{
	bottom:0
}
.text_wieder
{
	color:#5a6e8c;
	font-size:10px;
	font-family:arial
}
.coo_logo
{
	float:right;
	padding:0;
	margin:0 20px 0 0
}
.coo_links
{	
	min-width:100px;
	min-height:1px;
	font-size:12px;
	float:left
}
.coo_links img
{
	height:50px;
	max-width:100px;
	margin-bottom:5px
}
.cb_link_con
{
	width:100%;
	margin-top:10px;
	margin-bottom:3px;
	text-align:center
}
.cb_link
{
	color:#8fbf21
}
.cBG
{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,.2);
	z-index:1400000000
}
.cb_bottom 
.cBG,
.cb_top 
.cBG
{
	display:none
}
.cb_center 
.cBG
{
	display:block
}

@media only screen and (min-width:1200px){
	.mob_span
	{
		display:none
	}
	.cb_center 
	.button_nein
	{
		margin-top:20px
	}
	.cb_center 
	.coo_links
	{
		margin-top:10px
	}
}
@media only screen and (max-width:1199px){
	.desk_span
	{
		display:none
	}
	.coo_links
	{
		min-height:54px;
		width:100%
	}
	.cb_center 
	.coo_links
	{
		position:absolute;
		top:5px;left:50px
	}
	.cb_link
	{
		position:absolute;
		top:20px;
		left:calc(50% - 53px);
		font-size:16px
	}
	.cb_center 
	.cookiebanner
	{
		top:10%;
		left:5%;
		width:90%;
		padding:50px
	}
	.coo_img_text
	{
		float:left;
		width:100%
	}
	.text_banner
	{
		width:100%;
		color:#5a6e8c;
		font-size:14px;
		overflow-y:auto
	}
	.cb_bottom 
	.text_banner,
	.cb_top 
	.text_banner
	{
		max-height:calc(100vh - 130px)
	}
	.cb_center 
	.text_banner
	{
		max-height:calc(80vh - 270px)
	}
	.buttons_banner
	{
		width:100%;
		float:left;
		padding-bottom:10px;
		padding-top:20px
	}
	.button_einverstanden
	{
		float:right;
		margin-right:20px;
		padding:10px 8px;
		color:#fff;
		font-size:18px;
		background-color:#8fbf21;
		border-width:0;
		border-radius:10px
	}
@media only screen and (max-width:499px){
	.cb_center 
	.button_einverstanden
	{
		float:left!important
	}
	.cb_center 
	.button_nein{margin-top:30px
	}
}
.button_nein
{
	float:left;
	background-color:#fff;
	border-width:0;
	font-size:15px;
	color:rgba(90,110,140,.8);
	padding:0;margin:10px
}
.cb_bestaetigen 
.button_nein,
.cb_janein 
.button_nein
{
	display:block
}
.cb_okay 
.button_nein
{
	display:none
}
.coo_logo
{
	float:left;
	padding:0;
	margin:0 0 0 10px
}
.coo_logo img
{
	width:48px;
	float:left
}
}