/*	=================================
		SOFAs (#e60001)
	================================= */

::-moz-selection	{	background-color: rgba(230,000,001,0.50); color: rgba(255,255,255,1.00)}
::selection			{	background-color: rgba(230,000,001,0.50); color: rgba(255,255,255,1.00)} 

	/* BG Sofa */
.btn.primary, .intro div + div:before, h1 > span, .illu > div > div, .illu > div > div:before, .illu-qs > div > div, .menu > a.on:before
	{	background-color: rgba(230,000,001,1.00);color: rgba(255,255,255,1.00);	}

	/* TXT Sofa */  
	.btn.secondary, .intro .btn.inv:hover, p a, label a, *:focus, .form-label-group *:focus ~ label, header a:hover, footer a:hover, #faq input[name=faq]:checked + label > i, #webinar h2, .illu > div > div:after, .illu > div > div + span, .illu-qs > div + div > div:after
	{	color: rgba(230,000,001,1.00); }

input:focus, select:focus, textarea:focus, .illu-qs > div + div > div:after 
	{	border-color: rgba(230,000,001,1.00); }

	/* Borders Sofa */  
	input:focus, textarea:focus
	{	box-shadow: inset 0 0 0 1px rgba(230,000,001,1.00); }

	.btn.secondary
	{	box-shadow: inset 0 0 0 0.15em rgba(230,000,001,1.00); }

	.btn.inv
	{	box-shadow: inset 0 0 0 0.15em rgba(255,255,255,1.00); }

/*	=================================
		BG-Colors
	================================= */
	
	/* BG White */  
	body, select, header, footer, .btn.inv:hover, #kino label
	{	background-color: rgb(255,255,255,1.00) }

	/* BG Light (#f7f7f7) */  
	aside, #webinar > div + div
	{	background-color: rgb(247,247,247,1.00) }
	
	/* BG Gray (#eff0f0) */
	.menu, .graphic, #kino, #faq input[name=faq]:checked + label, .thank > span 
	{	background-color: rgb(239,240,240,1.00)	}
	
	/* BG Dark (#ccccce) */
	#contact, .illu-qs > div + div > div > span:nth-child(1):before, .menu > a:before 
{	background-color: rgba(204,204,206,1.00)	}
	
	/* BG Black (#282830) */  
	.intro div:before, ul > li:before
	{	background-color: rgb(040,040,048,1.00) }

/*	=================================
		TXT-Colors
	================================= */

	/* TXT White */  
	.intro *, .illu-qs strong
	{	color: rgba(255,255,255,1.00); }
	
	/* TXT Standard (#6a6b70) */  
	body, select, input[type=date]
	{	color: rgba(106,107,112,1.00); }

	/* TXT Dark (#494950) */  
	strong, a, h2, h3, figcaption
	{	color: rgba(073,073,080,1.00); }

/*	=================================
		BORDERs
	================================= */

	*
	{	border-color: rgba(156,172,186,0.30); }

	#faq
	{	border-radius: 0.45em; }

	input, select, textarea
	{	box-shadow: inset 0 0 0 1px rgba(156,172,186,0.30); }

/*	=================================
		BG
	================================= */
		
	.intro			{	background-image: url(../img/BG-Intro.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
	.intro.ecare	{	background-image: url(../img/BG-Intro-2.jpg); }
	.intro.qasi		{	background-image: url(../img/BG-Intro-3.jpg);	background-position: center	}

	.intro > div + div
    {	-webkit-backdrop-filter: blur(8px);
	    -moz-backdrop-filter: blur(8px);
	    -o-backdrop-filter: blur(8px);
	    -ms-backdrop-filter: blur(8px);
	    backdrop-filter: blur(8px); }	

	.intro > div:before			{	position: absolute; z-index: 1; top: 0; left: 0; width: 100.0%; height: 100.0%; content: ''; opacity: 0.50;	}		
	.intro > div + div:before	{	opacity: 0.75;	}

	    
/*	=================================
		END
	================================= */