@charset "utf-8";
#layout.pm_flow .dev-all-on{
	display: none;
}

/* ----------- RESPONSIVE UIT ----------- */

body.pm_flow .pgroup.full_screen{
	clear: both;
	float: none;
}
#layout.pm_flow .dev-all-off{
}
#layout.pm_flow .dev-all-on{
	display: none;
}

/* S0) VIEW: SCALING OFF - Desktop XL (groter dan scaling) */
@media only screen and (min-width: 1680px), screen and (min-width: 1680px) and (-webkit-device-pixel-ratio: 2){
	#layout.pm_flow #layer2,
	#layout.pm_flow #layer2 {
		width: 100%;
	}
	#layout.pm_flow #topbar > ._inner {
		width: 100%;
		
		position: relative;
		height: 90px;
	}
	body.pm_flow .pblock.full_screen .fs,
	body.pm_flow .pgroup.full_screen .pgroup_l1
	{
		max-width: 1680px;
	margin: 0 auto;
	}

	#layout.pm_flow #layer2,
	#layout.pm_flow.force_noscale #layer2 {
		width: 100%;
	}

	/*
	body.pm_flow .pgroup.full_screen .pgroup_l1
	{margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;}
	*/

	#layout.pt-pagina #layer1{
		background-size: auto;
	}


	body.pm_flow .pblock.reveal-img {
		overflow: initial;
	}


}



/* S) - VIEW: SCALING ON - All (scaling is on between these values, mobile + desktop) */
@media only screen and (min-width: 760px), screen and (min-width: 760px)  and (-webkit-device-pixel-ratio: 2){
	

	
	#layout #page-section-1.bg-header-1:before,
	#layout #page-section-1.bg-header-2:before,
	#layout #page-section-1.bg-header-3:before,
	#layout #page-section-1.bg-header-4:before{
	content: '';
    display: block;
    width: 384px;
    height: 445px;
    background-image: url(/svg/mc_youth/ffffff/deco-top-corner.svg?t=1);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
    margin-left: -1px;
    margin-top: -35px;
	}
	#layout #page-section-1.bg-header-2:before{
		background-image: url(/svg/mc_youth/ffffff/deco-top-corner.svg?t=1);
	}

	#layout #page-section-1.bg-header-1:after,
	#layout #page-section-1.bg-header-2:after,
	#layout #page-section-1.bg-header-3:after,
	#layout #page-section-1.bg-header-4:after{
		content: '';
		display: block;
		/* max-width: 150px; */
		width: 11%;
		height: 700px		;
		background-image: url(/resources/cimages/mc_youth/logos/logo-interreg-.png?t=1),url(/resources/cimages/mc_youth/graphics/deco-purple-right.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center 0, center 145px;
		position: absolute;
		right: 34px;
		z-index: 1;
		top: 130px;
	}

	#layout #page-section-1.bg-header-2:after{
	background-image: url(/resources/cimages/mc_youth/logos/logo-interreg-.png?t=1),url(/resources/cimages/mc_youth/about-the-campaign/background-ill-decide.png);
	}


/* english */
#layout.reg-en #page-section-1.bg-header-1:after,
#layout.reg-en #page-section-1.bg-header-2:after,
#layout.reg-en #page-section-1.bg-header-3:after
{
	background-image: 
		url(/resources/cimages/mc_youth/logos/logo-interreg-fund-ENG.jpg?t=1),
		url(/resources/cimages/mc_youth/graphics/deco-purple-right.png);
	}
	#layout.reg-en #page-section-1.bg-header-2:after{
		background-image: 
		url(/resources/cimages/mc_youth/logos/logo-interreg-fund-ENG.jpg?t=1),
		url(/resources/cimages/mc_youth/about-the-campaign/background-ill-decide.png);
	}




/* french */
#layout.reg-be-liege #page-section-1.bg-header-1:after,
#layout.reg-be-liege #page-section-1.bg-header-2:after,
#layout.reg-be-liege #page-section-1.bg-header-3:after
{
	background-image: 
	url(/resources/cimages/mc_youth/logos/logo-interreg-fund-FR.jpg?t=1),
		url(/resources/cimages/mc_youth/graphics/deco-purple-right.png);
	}
	#layout.reg-be-liege #page-section-1.bg-header-2:after{
		background-image: 
		url(/resources/cimages/mc_youth/logos/logo-interreg-fund-FR.jpg?t=1),
		url(/resources/cimages/mc_youth/about-the-campaign/background-ill-decide.png);
	}




/* dutch */
#layout.reg-nl-limburg #page-section-1.bg-header-1:after,
#layout.reg-nl-limburg #page-section-1.bg-header-2:after,
#layout.reg-nl-limburg #page-section-1.bg-header-3:after,
#layout.reg-be-limburg #page-section-1.bg-header-1:after,
#layout.reg-be-limburg #page-section-1.bg-header-2:after,
#layout.reg-be-limburg #page-section-1.bg-header-3:after
{
	background-image: 
	url(/resources/cimages/mc_youth/logos/logo-interreg-fund-NL.jpg?t=1),
		url(/resources/cimages/mc_youth/graphics/deco-purple-right.png);
	}
	#layout.reg-nl-limburg #page-section-1.bg-header-2:after,
	#layout.reg-be-limburg #page-section-1.bg-header-2:after{
		background-image: 
		url(/resources/cimages/mc_youth/logos/logo-interreg-fund-NL.jpg?t=1),
		url(/resources/cimages/mc_youth/about-the-campaign/background-ill-decide.png);
	}




/* german */
#layout.reg-de-aachen #page-section-1.bg-header-1:after,
#layout.reg-de-aachen #page-section-1.bg-header-2:after,
#layout.reg-de-aachen #page-section-1.bg-header-3:after,
#layout.reg-de-euskirchen #page-section-1.bg-header-1:after,
#layout.reg-de-euskirchen #page-section-1.bg-header-2:after,
#layout.reg-de-euskirchen #page-section-1.bg-header-3:after,
#layout.reg-de-heinsburg #page-section-1.bg-header-1:after,
#layout.reg-de-heinsburg #page-section-1.bg-header-2:after,
#layout.reg-de-heinsburg #page-section-1.bg-header-3:after,
#layout.reg-de-bitburg-prum #page-section-1.bg-header-1:after,
#layout.reg-de-bitburg-prum #page-section-1.bg-header-2:after,
#layout.reg-de-bitburg-prum #page-section-1.bg-header-3:after,
#layout.reg-be-ostbelgin #page-section-1.bg-header-1:after,
#layout.reg-be-ostbelgin #page-section-1.bg-header-2:after,
#layout.reg-be-ostbelgin #page-section-1.bg-header-3:after
{
	background-image: 
	url(/resources/cimages/mc_youth/logos/logo-interreg-fund-DE.jpg?t=1),
		url(/resources/cimages/mc_youth/graphics/deco-purple-right.png);
	}
	#layout.reg-de-aachen #page-section-1.bg-header-2:after,
	#layout.reg-de-euskirchen #page-section-1.bg-header-2:after,
	#layout.reg-de-heinsburg #page-section-1.bg-header-2:after,
	#layout.reg-de-bitburg #page-section-1.bg-header-2:after,
	#layout.reg-de-ostbelgin #page-section-1.bg-header-2:after{
		background-image: 
		url(/resources/cimages/mc_youth/logos/logo-interreg-fund-DE.jpg?t=1),
		url(/resources/cimages/mc_youth/about-the-campaign/background-ill-decide.png);
	}

.pm_flow .pm-section,
.pm_flow .pgroup{
	transform: none!important;
}


}
/* S) - VIEW: SCALING ON - All (scaling is on between these values, mobile + desktop) */
@media only screen and (min-width: 760px) and (max-width: 1679px), screen and (min-width: 760px) and (max-width: 1679px) and (-webkit-device-pixel-ratio: 2){
.pm_flow.layout .pgroup.full_screen{																																min-width: 1680px;
	width: 100%;
}

	#layout.pm_flow #layer2 {
		width: 1680px;
	}

	.pm_flow .button-social.__instagram {
		margin-left: 30px;
	}

	.pm_flow .dev-align-text {
		text-align: center;
	}


}

/* S1) - VIEW: SCALING ON - Desktop (normal) */
@media only screen and (min-width: 1200px) and (max-width: 1679px), screen and (min-width: 1200px) and (max-width: 1679px) and (-webkit-device-pixel-ratio: 2) {



}



/* S2) VIEW: SCALING ON - Mobile+ */
@media only screen and (min-width: 760px) and (max-width: 1199px), screen and (min-width: 780px) and (max-width: 1199px) and (-webkit-device-pixel-ratio: 2){



}



/* ----------- RESPONSIVE ON / SCALING OFF ----------- */


/* R) VIEW: RESPONSIVE ON (mobile and tablets smaller than 760px) */
@media only screen and (max-width: 759px), screen and (max-width: 759px) and (-webkit-device-pixel-ratio: 2){


#topbar .mob-logo-interreg{
	display:block;
	background-repeat: no-repeat;
	height: 60px;
	width: 100px;
	float:right;
	background-size: 100% auto;
}

.layout.pm_flow#layout .footer-logos {
	background-image: url('/resources/cimages/mc_default/home/logo-footer-mob.jpg?t=1');
	height: 394px;
	margin-top: 0;background-position:left bottom;
	}.layout.pm_flow#layout .footer-logos:after{
		display: none!important;
	}
	.layout.pm_flow#layout	{
		font-size: 16px;
		line-height: 1.7em;
		overflow: hidden;
		overflow-y: auto;
	}

	.pm_flow #layer1 {
		left: 0;
	}

	.pm_flow .dev-ignore-margin {
		margin: 0% -4%!important;
	}



	body.pm_flow.layout h1, body.pm_flow.layout .h1 {
		font-size: 2.2em;
	line-height: 1.25em;
	}
	body.pm_flow.layout h2, body.pm_flow.layout .h2 {
		font-size: 2em;
	line-height: 1.25em;
	}
	body.pm_flow.layout h3, body.pm_flow.layout .h3 {
		font-size: 1.5em;
	line-height: 1.25em;
	}
	body.pm_flow.layout h4, body.pm_flow.layout .h4 {
		font-size: 1.3em;
	line-height: 1.25em;
	}

	.pm_flow .default_table input[type="text"],
	.pm_flow .default_table input[type="email"],
	.pm_flow .default_table input[type="tel"],
	.pm_flow .default_table input[type="submit"],
	.pm_flow .default_table textarea{
		font-size: 0.90em;
		padding: 10px 50px 10px 50px;
	}
	.pm_flow label.inp-radio:before,
	.pm_flow label.inp-xcbox:before{
		margin-top: 0;
	}

.pm_flow .pblock.responsive-stat-class {
/*    padding-left: 40%; */
    padding-left: 33%;
    padding-bottom: 5%;
    background-position: left 10% bottom 10%;
    background-size: 56% auto;
    margin-bottom: 4%;
}
    
.pm_flow .pblock.responsive-pos-stat-1.alc-1 {
    padding-right: 58%;
    padding-left: 7%;
}
.pm_flow .pblock.responsive-pos-stat-2.alc-2-1 {
    padding-right: 58%;
    padding-left: 5%;
}
.pm_flow .pblock.responsive-pos-stat-2.alc-2-2 {
    padding-right: 27%;
    padding-left: 33%;
}
.pm_flow .pblock.responsive-pos-stat-2.alc-2-3 {
    padding-right: 28%;
    padding-left: 29%;
}
.pm_flow .pblock.responsive-pos-stat-2.alc-2-4 {
    padding-right: 14%;
    padding-left: 27%;
}
.pm_flow .pblock.responsive-pos-stat-3.alc-3-1 {
    padding-right: 66%;
    padding-left: 5%;
}
.pm_flow .pblock.responsive-pos-stat-3.alc-3-2 {
    padding-right: 4%;
    padding-left: 33%;
}
.pm_flow .pblock.responsive-pos-stat-1 span.alc-perc,
.pm_flow .pblock.responsive-pos-stat-2 div.alc-perc,
.pm_flow .pblock.responsive-pos-stat-2 span.alc-perc,
.pm_flow .pblock.responsive-pos-stat-3 span.alc-perc {
    font-size: 2.0em;
}
/* .pm_flow .pblock.responsive-pos-stat-2 span.alc-perc {
    font-size: 2.0em;
} */
    
.gaming-percentage .per_male {
    top: 40px;
    left: 2px;
}
.gaming-percentage .per_female {
    top: 40px;
    right: 10px;
}

	.pm_flow .pgroup > .pgroup_l1{
		width: 100%!important;
	}

#layout.pm_flow .dev-all-off{
	display: none;
}
#layout.pm_flow .dev-all-on{
	display: block;
}

	/* site styles */

	body.pm_flow #layer1 {
		position: relative;
		right: auto;
		top: auto;
		left: auto;
		padding-top: 80px;
		overflow: hidden;
	}
	.hide-sidebar.pt-pagina #topbar, .hide-none.pt-pagina #topbar, body.pm_flow #topbar {
		position: fixed;
	}
	.layout.__menu-open #topbar{
		transform: translateY(0);
		z-index: 4;
	}
	#layout.anim-forward #layer1{
		top: 0;
	}

	.pm_flow .pblock.responsive-no-bg,.pm_flow .pgroup.responsive-no-bg{
		background-color: transparent;
		background-image: none;
	}

	.pm_flow .pblock.responsive-darken-bg{
		background-color: #000000b8;
	}
	.pm_flow .pblock.responsive-lighten-bg{
		background-color: #FFFFFFb8;
	}

	.pm_flow .pgroup.responsive-group-padding{
		padding: 60px 0;
	}
	.pm_flow .pgroup.responsive-group-padding > .pgroup_l1{
		width: auto!important;
	}

	.pm_flow.layout h1, body.pm_flow.layout .h1 {
		font-size: 3em;
	}

	.pm_flow  .split_div {
		width: auto;
		margin-left: 0;
		float: none;
		padding: 0;
		margin-right: 0;

	}
	.pm_flow  .split-div-right {
	}

	.pm_flow  .form-table {
		width: 100%;
		float: left;
	}
	.pm_flow  .form-table.__left {
		margin: 0 0 0 0;
	}

	.pm_flow  .form-field label {
		width: 100%;
		float: left;
	}
	.pm_flow  .form-field label:nth-child(odd) {
		margin: 0 0 0 0;
	}

	.pm_flow.layout *.negative-margin-200-top{
		transform: none;
	}
	.pm_flow.layout #submenu-cnt > ._inner {
		padding: 20px;
		width: 100%;
		margin: 120px 0 0 0;
	}
	.pm_flow.layout #submenu-cnt > ._inner .menu-group a._item {
		padding: 10px;
		width: 100%;
		height: auto;
	}
	.pm_flow.layout #submenu-cnt .menu-group {
		width: 100%;
		float: none;
	}
	.pm_flow.layout.__menu-open #submenu-cnt {
		position: relative;
	}

	.pm_flow.layout .pblock{
		height: auto;
	}
	.pgroup.responsive-bg-fit
	{
		background-size: 120% auto;
	}

	.pm_flow.layout .position-absolute.bottom{
		position: relative;
	}
	#layout.pm_flow .dev-all-on{
		display: block;
	}

	#layout.pm_flow table.responsive-table{
		width: 100%!important;
	}
	#layout.pm_flow *.button {
	padding: 10px 20px;
    white-space: break-spaces;
    font-size: 1.2em;
    font-weight: bold;
    line-height: normal;
	float:none;
	clear:both;
	margin-top:10px;	
}


	.dl-button{
		background-position: right top;
		background-size: auto 80%;
	}
	.button-full{

	}
	.button-full:before {
		content: '';
		display: block;
		top: 0;
		right: 0;
		left: 0;
		position: absolute;
		bottom: 0;
	}


	.layout.pm_flow#layout #topbar {
		background-color: #FFF;
	}


/* custom */



*.responsive-no-margin{

margin: 0!important;

}
.responsive-xbanner-hor,
.responsive-banner-hor{

background-size:100% auto;
}
.responsive-banner-vert{
	background-size: 30%;
	padding-left: 33%!important;
}
.responsive-bg-black{
	background-color: #000;
}
.responsive-bg-white{
	background-color: #FFF;
}
.responsive-bg-purple{
	background-color: #441dae;
}
.responsive-bg-teal{
	background-color: #4fe3c1;
}
.responsive-bg-yellow{
	background-color: #f8e71d;
}
.responsive-bg-pink{
	background-color: #D123F6;
}

body#layout .pgroup.banner-group{
	background-image:none;
}
body#layout .pgroup.banner-group .pblock h1{
	font-size: 5.5em;
}
body#layout .pgroup.banner-group .pblock{
	
}

#layout.pm_flow .bg-arrow-right{
	padding: 0;
	background: none;
	float: none;
}
	.bg-header-1{
	background-image:none;
}



.filter-stats-button {
						 width:40px;
						 height:40px;
	}


.footer-logos{
    display: block;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 40px 0 0 0;
    width: 100%;
    height: auto;
    padding-bottom: 15%;
}
.responsive-center-text{
						   text-align:center;
}

.filter-stats-button {
	width: 100px;
	height: 100px;
}

.pm_flow.layout #submenu-cnt > ._inner {
	padding: 20px;
	width: 100%;
	margin: 0 0 0 0;
}
.pm_flow.layout #submenu-cnt > ._inner a._item {
	padding: 10px;
	width: 100%;
	height: auto;
}
.pm_flow.layout #submenu-cnt .menu-group {
	width: 100%;
	float: none;

}
.pm_flow.layout.__menu-open #submenu-cnt {
	position: relative;
}

.bg-arrow-left {
	background-image: none;
	padding-left: 0;
	width:100%;
	float: none;
}


.pm_flow .graphWrapper{
    height: 120px;
    width: 13%;
    margin-right: 5%;
    margin-left: 2%;
}
.pm_flow .c-content {
	    width: auto;
    float: none;
    height: auto;
    padding: 0;
    box-sizing: border-box;
	margin-bottom:20px;
	margin-top:20px;

}
.pm_flow .cWrapper  {
	height: auto;

}
.pm_flow .cWrapper .divider  {
	display:none;

}

.btn-what-about-the-government {

width:70px; height: 70px;
margin-bottom:25px;
margin-right:25px;
background-size:100% auto;
}

#topbar a.logo {
	min-width: 90px;
}
.pm_flow.layout .block-yellow._right{
margin-left:0;
}


#layout.frontend .quizGroup{
width: auto;
transform:none;
}


.resultStat {
width: 150px;
    height: 150px;
    font-size: 0.75em;
    line-height: normal;
    padding: 30px;
}
._response {
	font-weight: 900;
	font-size: 0.8em;
	line-height: normal;
	padding: 5px 5px;
}
.resultStat ._desc{
	line-height: 0.8em;
font-size:1em;
}
label.quiz-multi.inp-radio {
	}





.pm_flow .pblock.pm-video iframe {
	width: 100%;
	height: 480px;
}



.pm_flow section.pm-section{
	width: 100%;
}



.pm_flow #click-quiz .q-click {
	position: relative;
	float: left;
	left: auto;
	top: auto;
	margin: 15px;
}




.pm_flow .pinStat {
	width: 150px;
	height: 146px;
	font-size: 1.5em;
	padding: 37px 5px 10px 20px;
	margin-top: 20px;
}
.pm_flow .dragTable .pin-drop {
	min-height: 140px;
	margin: 0 0 0 30px;
	width: 60px;    
}
.pm_flow .dragTable .pin-drop .pinStat {
	margin-left: -40px;
}
.pm_flow .t-result .situation-block{
	padding: 20px;
	background-image: none;

}

.pm_flow .pblock.responsive-keep-ratio{
	background-size: contain;

}

.blockWrapper img._inner{
	max-width:250px;margin: 0 auto;
}
.pm_layout .block-yellow {
	margin-left:0;

	}

}


/* R1) VIEW: Tablet only */
@media only screen and (min-width: 660px) and (max-width: 759px), screen and (min-width: 660px) and (max-width: 759px) and (-webkit-device-pixel-ratio: 2){

	.pm_flow.layout .pblock img{
		/* max-width: 759px; */
		width: 100%;
		height: auto;
	}


}


/* R1-) VIEW: HD Smartphones en kleiner */
@media only screen and (max-width: 659px), screen and (max-width: 659px) and (-webkit-device-pixel-ratio: 2){
	.pm_flow.layout .pblock img{
		/* max-width: 659px;*/
		width: 100%!important;
		height: auto;
	}
	body#layout .pgroup.banner-group{
		background-size: 100% auto;
	}

	body#layout .pgroup.banner-group .pblock{
		padding-top: 10%;
		padding-bottom: 10%;
	}
}

/* R2) VIEW: HD Smartphones only */
@media only screen and (min-width: 570px) and (max-width: 659px), screen and (min-width: 570px) and (max-width: 659px) and (-webkit-device-pixel-ratio: 2){

.statText {
	font-size: 1.3em;
	line-height: normal;
}

}


/* R2-) VIEW: Mid-range Smartphones en kleiner */
@media only screen and (max-width: 569px), screen and (max-width: 659px) and (-webkit-device-pixel-ratio: 2){

	.pm_flow.layout .pblock img{
		/* max-width: 569px;*/
		width: 100%;
		height: auto;
	}

.filter-stats-button {
	width: 80px;
	height: 80px;
}
body#layout .pgroup.banner-group .pblock h1{
	font-size: 4em;
}
}
/* R3) VIEW: Mid-range Smartphones only */
@media only screen and (min-width: 480px) and (max-width: 569px), screen and (min-width: 480px) and (max-width: 569px) and (-webkit-device-pixel-ratio: 2){

.statText {
	font-size: 1em;
	line-height: normal;
}

}

/* R3-) VIEW: Mid-range Smartphones and lower */
@media only screen and (max-width: 568px), screen and (max-width: 568px) and (-webkit-device-pixel-ratio: 2){


.statText {
	font-size: 0.8em;
	line-height: normal;
}
}


/* R4) VIEW: Smartphones */
@media only screen and (max-width: 479px), screen and (max-width: 479px) and (-webkit-device-pixel-ratio: 2){

	#layout{
	}
	.layout.pm_flow#layout {
		min-width: 300px;
	}

	#layout{
		min-width: 465px
	}

	.filter-stats-button {
		width: 75px;
    	height: 75px;
	}
	.dragTable h6 {
		font-size: 0.9em;
	}
	.pm_flow .pinStat {
		width: 135px;
		height: 146px;
		font-size: 1.25em;
		padding: 37px 5px 10px 20px;
		margin-top: 20px;
	}
	.pm_flow .dragTable .pin-drop {
		min-height: 140px;
		margin: 0 0 0 26px;
		width: 54px;
	}
}

/* Uitzonderingen voor landscape modus op de meeste smartphones */
@media only screen and (max-height: 670px){

	#topbar .socials-cnt{
		display: none;
	}

}

/* Uitzonderingen voor landscape modus op de meeste smartphones */
@media only screen and (max-width: 480px) and (orientation:landscape), screen and (max-width: 480px) and (-webkit-device-pixel-ratio: 2){
	#layer1{
		top: 0;
	}
	#topbar{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
	}
}


@media print
{
	body
	{
		margin: 5mm 15mm 5mm 15mm!important;
	}

	#layer1,
	#layer2
	{
		overflow: visible;
		margin: 0 auto!important;
		position: relative!important;
	}
	#topbar,#sidebar,#footer,.__hide-print
	{
		display: none !important;
	}
}