
.footer {
	margin-top:			20px;
	margin-bottom:		25px;
	height:				40px;
	clear:				both;
}

.footer table{
	margin:				0 auto;
}

.footer td{
	padding:			0 20px;
}

.links {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.link {
	text-align: center;
	background-color: inherit;
	float: left;
	border: 1px dashed;
	border-radius: 5px;
	border-color: grey;
	outline: none;
	cursor: pointer;
	padding: 6px 8px;
	transition: 0.3s;
}

#cookieHinweis a {color:#a3d900;}

#cookieHinweis a:hover {text-decoration:underline;}

#cookieHinweis div {padding:10px; padding-right:40px;}

#cookieHinweis { 
   color:#89c640;
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #333; 
   /*background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );*/ 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookieHinweisCloser {
   color: #89c640;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #333; /* Old browsers */
   /*background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); */
 }

#cookieHinweisCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}

@media only screen and (min-width: 320px) and (max-width: 400px) {
	.links {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	
	.link {
		flex-grow: 1;
		flex-shrink: 1;
	}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 400px) and (max-width: 600px) {
	.footer {
		max-width:	100vw;
	}
	
	.link {
		font-size:	9pt;
	}
	
	#cookieHinweis { 
		width:	100vw;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}