.gdpr-box{
	position: fixed; bottom: 0; left: 0; z-index: 99998;
	display: block; width: 100%; float: left;
	padding: 24px; background: rgba(255,255,255,.95); 
	display: none;
	font: normal 16px/28px var(--ff-body); color: var(--c-main); text-align: left;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.gdpr-overlay{ 
	position: fixed; bottom: 0; left: 0; z-index: 99997;
	display: block; width: 100%; height: 100%; float: left;
	background: rgba(236,229,215, .3);
	display: none;
}
.gdpr-info{ font-size: 14px; line-height: 20px; color: inherit; }
.gdpr-info > *:first-child{ margin-top: 0; }
.gdpr-info > *:last-child{ margin-bottom: 0; }
.gdpr-info a{ text-decoration: underline; font-weight: 500; color: var(--c-text-stone); }

.gdpr-info input[type="checkbox"]{ width: 24px; height: 24px; }
.gdpr-info input[type="checkbox"]::before{ margin-top: 4px; margin-left: 8px; }
.gdpr-info h3{ font-size: 1.5em; }

.gdpr-buttons:after{ content: ''; display: block; clear: both; }

.gdpr-buttons .btn{ 
	cursor: pointer;   
	display: block; float: right; margin-left: 24px; 
}  

.gdpr-buttons .btn.options_btn{ }
.gdpr-buttons .btn.options_btn:hover{ }

.gdpr-buttons .btn.cc-btn-accept-selected{  }
.gdpr-buttons .btn.cc-btn-accept-selected:hover{   }

.gdpr-buttons .btn:last-child{ margin-left: 0; }
.gdpr-box .gdpr-info{ width: 50%; float: left;}
.gdpr-box .gdpr-buttons{ 
	width: 50%; float: right; padding: 0 24px; 
	position: absolute; top: 50%; right: 0;  
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.gdpr-options{ position: relative; padding: 12px 0; }
.custom-switch{ position: absolute; right: 0; top: 0; font-weight: 600; color: var(--c-brand-red); }

.gdpr-modal{
	position: fixed; top: 24px; left: calc( (100% - var(--w-main)) / 2 ); z-index: 99999;
	display: block; width: var(--w-main); height: calc( 100% - 48px );
	border: 4px solid #fff; 
	background: #fff; padding: 20px; 
	display: none;
}
.gdpr-modal .gdpr-info{ width: 100%; height: 100%; overflow-y: scroll; padding: 24px; }

@media screen and (max-width: 1248px) {
	.gdpr-modal{ width: calc(100% - 24px); left: 12px; top: 12px; height: calc( 100% - 24px ); padding: 10px;  }
	.gdpr-modal .gdpr-info{ padding: 12px; }
}
@media screen and (max-width: 1024px) {
	.gdpr-box .gdpr-buttons{ width: 330px; text-align: center; }
	.gdpr-modal .gdpr-buttons{ width: 100%; text-align: center; }
	.gdpr-box .gdpr-buttons .btn{ margin: 6px 0; display: inline-block; float: none; }
	.gdpr-modal .gdpr-buttons .btn{ margin: 6px; display: inline-block; float: none; }
	.gdpr-box .gdpr-info{ width: calc( 100% - 330px); }
	
	.gdpr-box .gdpr-buttons, .gdpr-box .gdpr-info{ 
		position: static; width: 100%; padding: 0;
		float: none;
		-moz-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0); 
	}
	.gdpr-box .gdpr-buttons{ padding-top: 12px; }
	.gdpr-buttons .btn, .gdpr-buttons .btn:last-child{ margin: 6px; }
}
@media screen and (max-width: 640px) {
	.gdpr-box .gdpr-buttons, .gdpr-box .gdpr-info{ 
		position: static; width: 100%; padding: 0;
		float: none;
		-moz-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0); 
	}
	
	.gdpr-buttons .btn{ }
	.gdpr-box .gdpr-buttons{ padding-top: 12px; }
	.gdpr-buttons .btn, .gdpr-buttons .btn:last-child{ margin: 6px; }
}

@media screen and (max-width: 640px) {
	.gdpr-buttons .btn.btn-dark:after{ display: none; }
}