/*
*
*	CSS für die 2-click wrapper
*
**/

.click_wrapper {
	background-color: rgba(0,0,0,0.5);
	background-size: cover;
	position: relative;
	box-shadow: 0px 3px 5px #333;
	height: 100%;
	width: 100%;
}
.click_wrapper .click_trigger {
	padding: 30px;
	
	height: -webkit-calc( 100% - 60px );
	height: -moz-calc( 100% - 60px );
	height: -o-calc( 100% - 60px );
	height: calc( 100% - 60px );
	
	width: -webkit-calc( 100% - 60px );
	width: -moz-calc( 100% - 60px );
	width: -o-calc( 100% - 60px );
	width: calc( 100% - 60px );
	
	position: absolute;
	z-index: 9;
	background-color: rgba( 0, 0, 0, .3 );
	color: #fff;
}

div.click_wrapper .click_trigger .text{
	color: #efefef;
	text-align: center;	
}

div.click_wrapper .click_trigger a{
	color: dodgerblue; 
}

.click_wrapper .content_layer {
	position: relative;
	display: none;
	height: 100%;
	width: 100%;
	margin: 0px;
}
.click_wrapper .content_layer iframe { 
	border: 0px none transparent;
	height: 100%;
	width: 100%;
}

/*
*	Flexbos styling
*/

.click_trigger{
	display: flex;
	justify-content: center;
    align-items: center;
    flex-direction: column;
}
.consent-btn {
	display: flex;
	padding:4px;
	font-size: 120%;
	border-radius: 4px;
	margin-top: 1em;
}

div.click_wrapper .click_trigger strong{
	text-align: center;
	margin: 4px;
}