/* ------------------------- Top Navigation ------------------------- */
.topnav {overflow: hidden; background-color: #333;}

.topnav a {float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px;}

.topnav a:hover {background-color:#ddd; color: black;}

.topnav a.active {background-color: #4CAF50; color: white;}

.topnav .icon {display: none;}

@media screen and (max-width: 600px) {.topnav a:not(:first-child) {display: none;} .topnav a.icon {float: right; display: block;} }

@media screen and (max-width: 600px) {.topnav.responsive {position: relative;} .topnav.responsive .icon {position:absolute; right:0; top:0;}
	.topnav.responsive a {float: none; display: block; text-align: left;} }


/* ------------------------- Cookie Consent ------------------------- */

.cookieConsentContainer {z-index: 999;	width: 100%; min-height: 20px; box-sizing: border-box; text-align:center; padding:5px; background: black; 		color:white; overflow: hidden; position: fixed; bottom: 0px; display: none; font-size: 14px; }

.cookieConsentContainer .cookieButton {	border:2px solid green; padding-left:5px; padding-right:5px; font-weight: bold; 	font-size: 16px; background: #000000; transition: background 0.3s; cursor:pointer;}
.cookieConsentContainer .cookieButton a:hover { cursor: pointer; background: white; color:black;}

@media (max-width: 980px){	.cookieConsentContainer {bottom: 0px !important; left: 0px !important; width: 100%  !important;} }