/*
    cookiewarning.css
    m.attoverticale.de | 26/04/2019 | CSS
    (c) Copyright 2019 web-communication.eu
*/

#cookiewarning {
	position:                fixed;
	z-index:                 1000;
	bottom:                  0;
	left:                    50%;
	transform: translateX(-50%);
	margin:                  0;
	width:                   100%;
	height:                  auto;
	background:              rgba(0,0,0,0.9);
	display: none;
}
	
#cookiewarning .container {
	position:                relative;
	width:					 100%;
	max-width:				 1152px;
	margin:					 0 auto;
	padding:                 20px 0;
	/*background:              #ddd;*/
}	
	
#cookiewarning p {
    font-family:             Verdana, Arial, Helvetica, sans-serif;
    font-size:               18px;
    color:                   #FFFFFF;
    text-decoration:         none;
	line-height:             1.35em;
}	
	
.cookiewarning-link {
    color:                   #FF0000;
    text-decoration:         none;
}
a.cookiewarning-link:hover {
    text-decoration:         underline;
} 



#cookiewarning .content {
	position: 				relative;
	margin:					0 20px;
	padding-top:			15px;
	text-align:				right;
	/*background: 			#ffaaff;*/
}


	
#cookiewarning ul {
    cursor: 				default;
	/*background: #ccc;*/
}

#cookiewarning ul li {
    display: 				inline-block;
    margin: 				5px;
}		

#cookiewarning .button {
	position: 				   relative;
	padding:                   6px 15px;
	display: 				   inline-block;
	color:                     #FFFFFF;
    font-family:               Arial, Helvetica, sans-serif;
    font-size:                 14px;
	text-decoration:           none;
    text-align:                center;
    cursor:                    pointer;
    border:                    3px solid #FFFFFF;
	
    border-radius:             10px;
    -moz-border-radius:        10px;
    -webkit-border-radius:     10px;
	
	  -webkit-appearance: 	none;
    -moz-appearance:    	none;
    appearance:         	none;
	
		/*transition-duration: .3s;*//*standard*/
		/*-webkit-transition-duration: .3s;*//*Safari e Chrome */
		/*-o-transition-duration: .3s;*//*Opera*/
		/*-moz-transition-duration: .3s;*//*Firefox*/
}


 
#cookiewarning .button:hover{
	background-color: 			#FFFFFF;
	color:            			#000000;
 }



/* responsive */

@media only screen and (max-width: 600px) {
			
	#cookiewarning p {
		font-size:               14px;
	}
	
	#cookiewarning .content {
		margin:					0;
	}
	#cookiewarning .content {
		text-align:				center;
	}
	#cookiewarning .button {
		font-size:                 12px;
		border:                    3px solid #FFFFFF;
		padding:                   5px 10px;
		 border:                    2px solid #FFFFFF;
		border-radius:             10px;
		-moz-border-radius:        10px;
		-webkit-border-radius:     10px;
	}
}	
 





@media only screen and (max-width: 1190px) {
	
	
	#cookiewarning .container {
		padding:                 25px 20px;
	}

}	
 
 

@media only screen and (min-width: 1921px) {
	
	
	#cookiewarning {
		max-width: 			1920px;
	}
	

}