﻿
::selection		{	background-color: rgba(000,000,000,1.00); color: rgba(255,255,255,1.00); }


.bg-sofa		{	color: #ffffff; background-color: #0C85CA; }
.txt-sofa		{	color: #0C85CA; }
a				{	color: #0C85CA; }
.slider-control label { color: #0C85CA; }
#kontakt a.soko	{	color: #ffffff !important; }

/* ================================================================
		COLORS Backgrounds
================================================================ */

/* bg white */
.sticker, nav, .sbox, #kontakt, form
	{	background-color: rgba(255,255,255,1.0); }
	
/* bg light */
section, .spacing, input, textarea	
	{	background-color: rgba(244,244,244,1.0); color: rgba(000,000,000,1.00); }

/* bg gray */
.teaser > span
	{	background-color: rgba(000,000,000,0.15); color: rgba(000,000,000,1.00); }
	
/* bg graydark */ 
#help	
	{	background-color: rgba(017,017,017,1.00); color: rgba(255,255,255,1.00); }

/* bg sofa 
.teaser:hover > span, a.sbox > span.img, #kontakt.form-off a.soko, button[type=submit] 
	{	background-color: rgba(209,016,029,1.00); color: rgba(255,255,255,1.00); }
	
/* bg cover */
.claim span:nth-child(2) /* #kontakt a.soko*/
	{	background-color: rgba(000,000,000,0.20); color: rgba(255,255,255,1.00); }
	
/* bg black */
a.toplink, header, footer, a.btn:hover
	{	background-color: rgba(067,067,067,1.00); color: rgba(255,255,255,1.00); }
	
/* bg blank */
.cover, #intro, .sticker > div	
	{	background-color: transparent; }
	
	
/* ================================================================
		COLORS Typo
================================================================ */

/* txt white */
.claim, .claim span:nth-child(2), #help h2, #help h3, #help p, footer a, a.btn:hover	
	{	color: rgba(255,255,255,1.00); }

/* txt sofa 
h2, h6, nav ul li a, a.txt, p > a	
	{	color: rgba(209,016,029,1.00); }
	
/* txt dark */
h3, a.btn, a.sbox		
	{	color: rgba(000,000,000,1.00); }

/* ================================================================
		COLORS Borders
================================================================ */

/* border gray */
*	
	{	border-color: rgba(000,000,000,0.15); }

/* border white */
.sticker, a.more
	{	border-color: rgba(255,255,255,1.00); }

/* border sofa */
input:focus, textarea:focus
	{	border-color: rgba(209,016,029,1.0); }
	
/* border dark */
a.btn
	{	border-color: rgba(000,000,000,1.0); }
	
/* border shadow */
		
	{	box-shadow: 0 0 0 0 rgba(000,000,000,1.0); }	
	
/* ================================================================
		COLORS extras
================================================================ 

.colorline
	{	background: linear-gradient(90deg, #000000, #000000, #D1101D, #000000, #000000); background-size: 1000% 1000%; }

/* ================================================================
		IMAGES
================================================================ */

.motiv	{	background-image: url('../img/bg-motiv-1.jpg'); background-repeat: no-repeat; background-position: center bottom; background-size: cover; }

a.brand {	background-image: url('../img/logo_lehnert_blue_invers.svg'); background-repeat: no-repeat; background-position: center; background-size: 100% auto; z-index: 2; }


	.sm 		{	background-repeat: no-repeat; background-position: center; background-size: 3rem; }
		.sm-01 	{	background-image: url('../img/social-media/Facebook.svg'); }
		.sm-02 	{	background-image: url('../img/social-media/Twitter.svg'); }
		.sm-03 	{	background-image: url('../img/social-media/Google.svg'); }
		.sm-04 	{	background-image: url('../img/social-media/WhatsApp.svg'); }
		.sm-05 	{	background-image: url('../img/social-media/Instagram.svg'); }
		.sm-06 	{	background-image: url('../img/social-media/Blogger.svg'); }
		.sm-07 	{	background-image: url('../img/social-media/YouTube.svg'); }



