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


	.zone {
		position: fixed;
		left:0;
		bottom:0;
		z-index: 999;
		box-sizing: border-box;
		border: 1px solid #e40;
		height:auto;
		width: 300px;
		padding: .5rem 1rem;
	
		background-color: #0b181a;
		font-size: .8rem;
		color:#cc3;
		transition: linear .5s;
		 hyphens: auto;
		
		
	}

	.zone-out  {
		position: fixed;
		left:-50rem;
		bottom:0;
		z-index: 999;
		box-sizing: border-box;
		height:auto;
		width: 300px;
		padding: .5rem 1rem;
		
		background-color: #fff;
		font-size: .8rem;
		color:#000;
		transition: linear .5s;
}
	
	.hinweis {
		
		float:left;
		padding: .25rem .5rem .5rem 0;
			}
	
	
	.mehr {
		
		float:left;
		padding: .5rem 1rem;
		background-color: #e40;
		color: #fff;
		margin-right: .5rem;
		
		border-radius: 4px
	}

	.mehr:hover {
		
		float:left;
		padding: .5rem 1rem;
		background-color: #cc3;
		color: #000;
		margin-right: .5rem;
		
		border-radius: 4px
	}
	
.zone a {text-decoration: underline; color: #fff}
	
.zone .mehr a {text-decoration: none}

.zone .mehr a:hover {color: #000}