﻿::-moz-selection	{	background-color: rgba(000,000,000,0.60); color: #fff; }
::selection			{	background-color: rgba(000,000,000,0.60); color: #fff; }

/*	=================================
		SOFA (#1c88d0) + (#00919d)
	================================= */

	/* BG SOFA 1 */
	.btn, .ico, input[type=submit], header div:nth-child(2), p.item:before, h1 > span, #quick .link:hover, #quick .link:hover > a
	{	background-color: rgba(028,136,208,1.00); color: rgba(255,255,255,1.00); }

	/* TXT SOFA 1 */
	p > a, a:hover, #akkordeon input + label,
	#products .teaser > span:last-child, #quick .link, #quick .link > a, 
	#reference .teaser > span:first-child.bench-02 + span,
	#reference .teaser > span:first-child.bench-03 + span,
	#reference .teaser > span:first-child.bench-04 + span
	{	color: rgba(028,136,208,1.00); }

	/* BG SOFA 2 */
	.icon.otr, .icon.pos, .icon.otb, .btn:hover.outline, #quick a.flag
	{	background-color: rgba(000,145,157,1.0); color: rgba(255,255,255,1.00); }

	/* TXT SOFA 2 */
	.btn.outline, h2, .loginbox > div:nth-child(2) h3, h4 > strong,
	#reference .teaser > span:first-child.bench-01 + span
	{	color: rgba(000,145,157,1.00); }

	/* Gradient "Soft" SOFA 1 > SOFA 2 */
	header.sticky div:nth-child(2), #start.small, #newsletter, #popup-nl, .fb-back
	{	background-image: linear-gradient( 110deg, rgba(000,145,157,0.80) 0%, rgba(000,145,157,0.60) 20%, rgba(028,136,208,0.60) 80%, rgba(028,136,208,0.80) 100%); }

	{	-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		-moz-background-clip: text;
		background-clip: text; }

	/* Border Standard (shadow inset) */
	.btn.outline, input:focus,input textarea:focus
	{	box-shadow: inset 0 0 0 2px rgba(000,145,157,1.00); }

/*	=================================
		BG-Colors
	================================= */

	/* BG White */
	nav .fond, .section, header, header div:nth-child(1), #newsletter p.item:before, #popup-nl
	{	background-color: rgba(255,255,255,1.00); color: rgba(000,000,000,1.00); }

	/* BG Gray (#f3f3f3) light */
	#fmp, form, .heighscreen, .slider, .loginbox > div:nth-child(1), .loginbox  > div:nth-child(1) > #passnew, #popup-nl .close, pre
	{	background-color: rgba(243,243,243,1.00); color: rgba(000,000,000,1.00); }

	/* BG Gray (#3d3d3d) dark*/
	footer, .bg-error, #popup-nl .close:hover
	{	background-color: rgba(061,061,061,1.00); color: rgba(255,255,255,1.00); }

	/* BG White Cover */
	#cookies
	{	background-color: rgba(255,255,255,0.72); color: rgba(000,000,000,1.00); }

	/* BG Black Cover */
	.cover, a.toplink, .gender > input:checked + label, #popup-nl .close, .logincenter label
	{	background-color: rgba(000,000,000,0.15); color: rgba(255,255,255,1.00); }

	/* BG Black */
	a.toplink:hover, .ico:hover, .btn:hover, input[type=submit]:hover, .fb-front > span, #newsletter .btn:hover.outline, #start .btn:hover.outline, .bg-error .btn:hover.outline
	{	background-color: rgba(000,000,000,1.00); color: rgba(255,255,255,1.00); }

	/* BG transparent */
	#start, .btn.outline, form.blank
	{	background-color: transparent; }

/*	=================================
		TXT-Colors
	================================= */

	/* TXT White */
	h1, .fb-back, header div:nth-child(2) > span > a, #start .claim, #newsletter h2, #newsletter p, #newsletter label, #popup-nl label, footer a, footer p, #cookies p, 
	#newsletter .btn.outline, #start .btn.outline, .bg-error *, .bg-error .btn.outline
	{	color: rgba(255,255,255,1.00); }

	/* TXT Gray (#47535b) */
	body, p, label a.esis, #akkordeon input + label + div
	{	color: rgba(071,083,091,1.00); }

	/* TXT Black */
	p > a:hover, h3, h4, h5, h6, strong, a, header div:nth-child(1) > a, a.teaser, p.quote,  p.bold, .asp p > span, p.item-2
	{	color: rgba(000,000,000,1.00); }

/*	=================================
		BORDERS-Colors
	================================= */

	/* Border Standard (transparent) */
	*
	{	border-color: rgba(000,000,000,0.10); }

	/* Border Width (shadow inset) */
	#newsletter .btn.outline, #start .btn.outline, .bg-error .btn.outline, .gender > input + label
	{	box-shadow: inset 0 0 0 2px rgba(255,255,255,1.00); }

/*	=================================
		Gradients
	================================= */

	/* Start */
	#start
	{	background-image: linear-gradient(0deg, rgba(000,000,00,0.6) 0%, rgba(000,000,000,0.00) 50%); }

	#start > div.slope
	{	background-image: linear-gradient(-2.10deg, rgba(255,255,255,1.00) 49.99%, rgba(255,255,255,0.00) 51.01%); }

/*	=================================
		Shadows
	================================= */

	h1
	{	text-shadow: 0 0 6px rgba(000,000,000,0.40); }

/*	=================================
		BG-Images
	================================= */

header div:nth-child(1) > a		{	background-repeat: no-repeat; background-position: left center; background-size: auto 100.0%; background-image: url(../img/logo/Logo_SL-2018.svg); }

#brand	{	background-repeat: no-repeat; background-position: center top; background-size: auto 84.00%; background-image: url('../img/logo/Logo_SL-2018.svg'); }

#motiv > div		{	background-repeat: no-repeat; background-size: cover; }
#motiv > #motiv-1	{	background-image: url('../img/motiv/motiv-1.jpg'); background-position: bottom center; }
#motiv > #motiv-2	{	background-image: url('../img/motiv/motiv-2.jpg'); background-position: center; }
#motiv > #motiv-3	{	background-image: url('../img/motiv/motiv-3.jpg'); background-position: top center; }

.heighscreen	{	background-repeat: repeat; background-position: center; background-size: auto 24.00rem; background-image: url('../img/fractal.svg'); }
.bg-error		{	background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../img/bg-error.jpg'); }

.teaser > span:first-child				{	background-repeat: no-repeat, no-repeat; background-position: center, center; background-size: 42.00% auto, auto 100.0%; }
	.teaser > span:first-child.pos		{	background-image: url(../img/pict/ic_tablet_mac_white_24px.svg),			url(../img/logo/Logo_SL-2018_bg-blank-sofa-2.svg); }
	.teaser > span:first-child.osh		{	background-image: url(../img/pict/ic_shopping_cart_white_24px.svg),			url(../img/logo/Logo_SL-2018_bg-blank-sofa-1.svg); }
	.teaser > span:first-child.omp		{	background-image: url(../img/pict/ic_store_mall_directory_white_24px.svg),	url(../img/logo/Logo_SL-2018_bg-blank-sofa-1.svg); }
	.teaser > span:first-child.otb		{	background-image: url(../img/pict/ic_today_white_24px.svg),					url(../img/logo/Logo_SL-2018_bg-blank-sofa-2.svg); }

	.teaser > span:first-child.bench-01	{	background-image: url(../img/pict/ic_trending_up_white_24px.svg),			url(../img/logo/Logo_SL-2018_bg-blank-sofa-2.svg); }
	.teaser > span:first-child.bench-02	{	background-image: url(../img/pict/ic_arrow_upward_white_24px.svg),			url(../img/logo/Logo_SL-2018_bg-blank-sofa-1.svg); }
	.teaser > span:first-child.bench-03	{	background-image: url(../img/pict/ic_euro_symbol_white_24px.svg),			url(../img/logo/Logo_SL-2018_bg-blank-sofa-1.svg); }
	.teaser > span:first-child.bench-04	{	background-image: url(../img/pict/ic_shopping_cart_white_24px.svg),			url(../img/logo/Logo_SL-2018_bg-blank-sofa-1.svg); }

.oem span.logo					{	background-repeat: no-repeat; background-position: center; background-size: contain; }
	.oem span.logo.mercedes		{	background-image: url(../img/oem/Logo_Mercedes-Benz_Star.svg); }
	.oem span.logo.opel			{	background-image: url(../img/oem/Logo_OPEL-2011.svg); }
	.oem span.logo.peugeot		{	background-image: url(../img/oem/Logo_Peugeot.svg); }
	.oem span.logo.ford			{	background-image: url(../img/oem/Logo_Ford-Motor-Company.svg); }
	.oem span.logo.skoda		{	background-image: url(../img/oem/Logo_Skoda.svg); }
	.oem span.logo.audi			{	background-image: url(../img/oem/Logo_Audi.svg); }
	.oem span.logo.mazda		{	background-image: url(../img/oem/Logo_Mazda.png); }
	.oem span.logo.vowa			{	background-image: url(../img/oem/Logo_VW_2019.svg); }
	.oem span.logo.suzuki		{	background-image: url(../img/oem/Logo_Suzuki-Motor.svg); }
	.oem span.logo.hyundai		{	background-image: url(../img/oem/Logo_Hyundai.svg); }
	.oem span.logo.kia			{	background-image: url(../img/oem/Logo_KIA-Motors.svg); }
	.oem span.logo.jaguar		{	background-image: url(../img/oem/Logo_Jaguar_Cars.svg); }
	.oem span.logo.mitsubishi	{	background-image: url(../img/oem/Logo_Mitsubishi.svg); }
	.oem span.logo.toyota		{	background-image: url(../img/oem/Logo_Toyota.svg); }
	.oem span.logo.nissan		{	background-image: url(../img/oem/Logo_Nissan.svg); }
	.oem span.logo.smart		{	background-image: url(../img/oem/Logo_Smart.svg); }
	.oem span.logo.fiat			{	background-image: url(../img/oem/Logo_Fiat.svg); }

	.oem span.logo.seat			{	background-image: url(../img/oem/Logo_SEAT.svg); }
	.oem span.logo.subaru		{	background-image: url(../img/oem/Logo_Subaru.jpg); }
	.oem span.logo.volvo		{	background-image: url(../img/oem/Logo_Volvo-Wordmark.svg); }
	
	.oem span.logo.lancia		{	background-image: url(../img/oem/Logo_Lancia.svg); }
	.oem span.logo.bmw			{	background-image: url(../img/oem/Logo_BMW.svg); }
	.oem span.logo.rover		{	background-image: url(../img/oem/Logo_Land-Rover.svg); }
	.oem span.logo.abarth		{	background-image: url(../img/oem/Logo_Abarth.png); }
	.oem span.logo.alfa			{	background-image: url(../img/oem/Logo_Alfa-Romeo.png); }
	.oem span.logo.citroen		{	background-image: url(../img/oem/Logo_Citroen.svg); }
	.oem span.logo.ds			{	background-image: url(../img/oem/Logo_DS.png); }
	.oem span.logo.mini			{	background-image: url(../img/oem/Logo_Mini.svg); }
	.oem span.logo.jeep			{	background-image: url(../img/oem/Logo_Jeep.svg); }

/*	=================================
		END
	================================= */
