@charset "UTF-8";
/* CSS Document */


	.zone {
		position: fixed;
		left:0;
		bottom:0;
		z-index: 998;
		box-sizing: border-box;
		height:auto;
		width: auto;
		padding:1rem 5%;
		font-family: Helvetica, Arial, "sans-serif";
		line-height: 1.25rem;
		background-color: #333;
		font-size: .8rem;
		color:#fff;
		transition: linear .5s;
		border-radius:0 0 0 4px;
		
		
	}

	.zone-out  {
		position: fixed;
		left:-500rem;
		bottom:0;
		z-index: 998;
		box-sizing: border-box;
		height:auto;
		width: auto;
		padding:1rem 5%;
		font-family: Helvetica, Arial, "sans-serif";
		line-height: 1.25rem;
		background-color: #333;
		font-size: .8rem;
		color:#fff;
		transition: linear .5s;
		border-radius:0 0 0 4px;
}
	
	.hinweis {
		
		float:left;
		padding: .25rem .5rem .5rem 0;
		width:100%;
		font-size:.8rem
			}

#auswahl .hinweis {color:#666}	
	
	.mehr {
		float:left;
		padding: .75rem 1.75rem;
		background-color: #d90d31;
		color: #000;
		margin-right: .5rem;
		border-radius: 4px;
		
	}
	
	.zone a, .zone-out a,  .cookie-choice a {text-decoration: none; color: #d90d31}

	.mehr a, .zone-out .mehr a {text-decoration: none; color: #000}
	.mehr a:hover,  .zone-out .mehr a:hover {color:#000}
	
	
#auswahl {
	position: absolute;
	width:100%;
	height:300%;
	z-index: 999;
	background-color: rgba(0,0,0,.9);
	font-size:.9rem;


}

.cookie-choice {
	margin:2rem auto;
	padding: 1rem;
	width:400px;
	height:auto;
	background-color: #000;
	color: #fff
	
	
	
}


.hinweis label {color:#fff;  text-transform: uppercase}



.zone h5, .zone-out h5 {
	
	font-size:  1rem;
	font-weight: normal;
	margin: .25rem 0;
	padding: 0


}