/* COOKIE HÄNDLER */

/* #cookie_box { */
/*         display: none; */
/*     position: fixed; */
/*     width: 55%; */
/*     height: 500px; */
/*     border: 3px solid black; */
/*     background: white; */
/*     opacity: 1; */
/*     z-index: 1; */
/*     top: 19%; */
/*     left: 25%; */
/*     text-align: center; */
/*     padding: 1rem; */
/*     display: none; */
/* } */

.cookie_title {
	font-size: 15px;
	font-weight: bold;
}

a.cookie_link {
  color: black;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: bold;
}
a.cookie_link:hover {
  color: #0084f8;
}
 
a.branding {
    color: #0084f8;
	font-weight: bold;
    font-size: 40px;
    font-family: monospace;
    font-size: 40px;
}
a.branding:hover {
	color: red;
    font-weight: bold;
    font-size: 40px;
    font-family: monospace;
    font-size: 40px;
}
 
.cookie_button_select_decision_cookies { 
	margin-top: 1rem;
    padding: 0.75rem;
    background-color: #0084f8;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer; 
    font-size: 1rem; 
}


.cookie_buttons:hover {
	margin-top: 1rem;
    padding: 0.75rem;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer; 
    font-size: 1rem; 
}

.cookie_buttons {
	margin-top: 1rem;
    padding: 0.75rem;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer; 
    font-size: 1rem; 
}

#cookie_save_btn {
	background: white;
    color: black;
    border: 1px solid #0084f8;
}

#cookie_accept_btn {
	box-shadow: 0 3px 5px 4px rgba(0, 0, 0, 0.3);
	background-color: #0084f8;
	padding: 10px;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 15px;
	font-family: monospace;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
	
#cookie_accept_btn:hover {
    box-shadow: 0 3px 5px 4px rgba(0, 0, 0, 0.3);
    background-color: green;
    padding: 10px;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
    font-family: monospace;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
 
 #cookie_set_btn, #generate_qr {
	box-shadow: 0 3px 5px 4px rgba(0, 0, 0, 0.3);
	background-color: lightgray;
	padding: 10px;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 15px;
	font-family: monospace;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
	
#cookie_set_btn:hover, #generate_qr:hover {
    box-shadow: 0 3px 5px 4px rgba(0, 0, 0, 0.3);
    background-color: green;
    padding: 10px;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
    font-family: monospace;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}


#cookie_content_box {
	overflow: overlay;
/* 	min-height: 400px;  */
/* 	height: 400px;  */
	font-family: monospace;
}

#cookie_set_form {
/* 	display: none; */
}

#cookie_type_settings {
	width: max-content;
    text-align: -webkit-center;
    margin-top: 10px;
    margin-bottom: 15px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.cbx__save_read_data, 
.pu, 
.cbx__objection_to_all_purposes_contained,
.cbx__use_of_reduced_data_to_select_advertisements,
.cbx__using_reduced_data_to_select_content,
.cbx__objection_to_all_purposes_contained,
.cbx__use_of_reduced_data_to_select_advertisements,
.cbx__using_reduced_data_to_select_content {
	cursor: pointer;
  	height: 25px;
    width: 25px;
    margin-right: 20px;
}

table.menu_type {
    width: 50%;
    text-align: center;
    font-weight: bold;
    font-family: monospace;
    font-size: 15px;
}

.menu_type {
    color: black;
}

#logoImg {
    max-width: 30px;
}

.top_controls {
	background: steelblue;
    margin-bottom: 10px;
    width: 230px;
    color: white;
    padding: 5px;
    font-family: monospace;
    float: left;
    margin-right: 15px;
    cursor:pointer;
}

.top_controls:hover {
	background: white;
	color: black;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 730px) {
	
	#cookie_type_settings {
	    width: 230px;
	    text-align: -webkit-center;
	    margin-top: 5px;
	    margin-bottom: 0px;
	    height: 100px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.top_controls {
		background: #0084f8;
	    margin-bottom: 10px;
/* 	    width: 90%; */
	    color: white;
	    padding: 5px;
	    font-family: monospace;
	    float: left;
	    margin-right: 15px;
	}
}

@media only screen and (max-width: 620px) {
	
	#cookie_content_box {
		overflow: overlay;
/* 		min-height: 370px;  */
		font-family: monospace;
/* 		height: 370px; */
	}	
}

/* @media only screen and (max-width: 570px) { */
/* 	    #cookie_content_box { */
/*         height: 300px;  */
/*     } */
/* } */




/*MEDIA HEIGHT*/
@media only screen and (max-width: 1300px) and (max-height: 750px) {
	
	#cookie_content_box {
		height: 400px;
	}	
}

@media only screen and (max-width: 1300px) and (max-height: 600px) {
	
	#cookie_content_box {
		height: 380px;
	}	
}

@media only screen and (max-width: 800px) and (max-height: 600px) {
	#cookie_type_settings {
        width: 190px;
        text-align: -webkit-center;
        margin-top: 5px;
        margin-bottom: 0px;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
    }
	#cookie_content_box {
		height: 290px;
	}	
}

@media only screen and (max-width: 570px) and (max-height: 600px) {
	#cookie_type_settings {
        width: 190px;
        text-align: -webkit-center;
        margin-top: 5px;
        margin-bottom: 0px;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
    }
	#cookie_content_box {
		height: 270px;
	}	
}

@media only screen and (max-width: 450px) and (max-height: 800px) {
    
    #cookie_type_settings {
/*         width: 210px; */
        text-align: -webkit-center;
        margin-top: 25px;
        margin-bottom: 0px;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
    }
    #cookie_content_box {
        height: 60%;
    }
    a.branding {
	    color: #0084f8;
	    font-weight: bold;
	    font-size: 40px;
	    font-family: monospace;
	    font-size: 35px;
	}
}

#cookie_type_settings {
	display: none; 
}

@media only screen and (max-width: 380px) and (max-height: 800px) {
	
	a.branding {
	    color: #0084f8;
	    font-weight: bold;
	    font-size: 40px;
	    font-family: monospace;
	    font-size: 30px;
	}
	
	#cookie_type_settings {
        width: 230px;
        text-align: -webkit-center;
        margin-top: 5px;
        margin-bottom: 0px;
/*         height: 115px; */
        margin-left: auto;
        margin-right: auto;
    }
	#cookie_content_box {
		height: 40%;
	}
	.top_controls {
/* 	    width: 230px; */
	}
}