/* Config-CSS - Lenk Webservice UG */

/* Schriftformatierungen */
.content h1, .content h1 a {
	font-size: 32px;
	font-weight: normal; /* normal oder bold (für Fett-Schrift) */
	line-height: 35px; /* wie "font-size" + 6px */
	text-transform: none; /* none oder uppercase (für nur Grossbuchstaben) */
	color: #C73E23;
}

.content h2, .content h2 a {
	font-size: 24px;
	font-weight: normal; /* normal oder bold (für Fett-Schrift) */
	line-height: 30px; /* wie "font-size" + 6px */
	text-transform: none; /* none oder uppercase (für nur Grossbuchstaben) */
	color: #666666;
}

.content h3, .content h3 a {
	font-size: 20px;
	font-weight: normal; /* normal oder bold (für Fett-Schrift) */
	line-height: 26px; /* wie "font-size" + 6px */
	color: #666666;
}

.content h4, .content h4 a {
	font-size: 17px;
	font-weight: normal; /* normal oder bold (für Fett-Schrift) */
	line-height: 24px; /* wie "font-size" + 6px */
	color: #666666;
}
		
figure, section, header, nav, footer, p, h1, h2, h3, h4, ul, li, a, td, th, label, input, textarea, div, .content p {
	font-family: 'OpenSansRegular', Arial;
	font-size: 15px;
	font-weight: normal; /* normal oder bold (für Fett-Schrift) */
	line-height: 21px; /* wie "font-size" + 6px */
	color: #646566;
}


/* Links im Content */
.content a,
.content a:hover {
	font-weight: normal; /* normal oder bold (für Fett-Schrift) */
	color: #C73E23;
}

	/* Links bei Mouseover */
	.content a:hover {
		color: #D07325;
	}


/* Hinterrundfarben Buttons */
div.mobilmenu_wrapper a.mobil-menu,
div#left-mobil-menu a#mobil-menu,
.content a.link_button,
.phone_button {
	background-color: #C73E23;
}

	/* Buttons bei Mouseover */
	div.mobilmenu_wrapper a.mobil-menu:hover,
	div#left-mobil-menu a#mobil-menu:hover,
	.content a.link_button:hover,
	.phone_button:hover {
		background-color: #D07325;
	}

	
/* Farben Navigation (Desktop und Mobile) */
/* Desktop-Navi Hintergrundfarbe */
ul#nav a {background-color: #C73E23;}
	
	/* Desktop-Navi Hintergrundfarbe bei Mouseover */
	ul#nav a:hover span,
	ul#nav li.current a span,
	ul#nav a:hover,
	ul#nav li.current a {
		background-color: #D07325;
	}

/* Mobile-Navi Schriftfarbe */	
.mobile-menu-list li a {color: #C73E23;}
	.mobile-menu-list li a:hover {color: #D07325;}

/* Mobile-Navi "X" (font awrsome) zum Menue schließen */	
.mobile-menu-list li a i.fa.fa-times:before {color: #C73E23;}
	.mobile-menu-list li a:hover i.fa.fa-times:before {color: #D07325;}	
	
	
/* Logo Position und Größe ändern */
div#logo {text-align: left;} /* left, center oder right */
div#logo img {width: 70%;} /* die Breite vom Logo sollte da Responsive in Prozent z.B. 80% angegeben werden */