﻿html	{	-webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body  	{	font-size: 16px; line-height: 1.00em; }
			    
a		{	display: inline-block; text-decoration: none; cursor: pointer; }
small	{	font-size: 0.75em; letter-spacing: 0.075em; }
strong	{	white-space: nowrap; ; }
.nob	{	white-space: nowrap; }

h1, h2, h3, h4		{	line-height: 1.20em; font-style: normal; font-weight: normal; }
			h1		{	font-size: 1.75rem; }			h1 span	{	font-size: 1.00rem; text-transform: uppercase; display: block; }
			h2		{	font-size: 1.25rem; }
			h3		{	text-transform: uppercase; } 	h3 span	{	font-size: 1.00rem; text-transform: none; display: block; }
			
header a,
figcaption,
footer p, 
footer a,
#cookies p 	{	font-size: 0.75rem; }

p, ul, 
figcaption  {	line-height: 1.60em; }

nav a		{	font-size: 2.50rem; }

#start span		{	font-size: 1.75rem; line-height: 1.20em; }

#jobs hr + p 	{	text-align: left !important; }

#kontakt a		{	font-size: 1.25rem; }

					#start > div > div > a > span			{	font-size: 2.50vmin; line-height: 1.20em; text-transform: uppercase; text-align: center; }
					#start > div > div > a > span + span	{	font-size: 1.75vmin; text-transform: none; }
					
					@media screen and (max-width : 767px)	{	#start > div > div > a > span			{	font-size: 5.00vmin; }
																#start > div > div > a > span + span	{	font-size: 3.010vmin;  }}


#imprint p span *	{	display: inline-block; width: 4.50rem; }

/* --- Center --- */

.btn,
article > div > h2,
article > div > h2 + p, 
#leistungen *,
#jobs h3, #jobs p,
#cookies p		{	text-align: center; }

/* --- Spacing --- */ 

footer div + a,
footer div + p,

ul + p,			
p + ul,			
a + p,			
p + p,
li + li		{	margin-top: 0.50rem; }

h2 + p,
h2 + ul,
h3 + h4,
h3 + p,
p + h4,
p + a,
h4 + p,
h4 + ul		{	margin-top: 1.00rem; }

h1 + p		{	margin-top: 2.00rem; }

/*	=================================
		FONTS
	================================= */
	
body, h3 span
	{	font-family: 'body-rg', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 100; }

h3, h4, strong, #kontakt a, #start > div > div > a > span + span, p a
	{	font-family: 'body-sb', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 100; }	

h1, h2, nav a, #start > div > div > a > span	
	{	font-family: 'sofo-bo', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 100; }
	
@font-face 	{   font-family: 'body-rg';   src: url('../fonts/opensans-regular.woff2') format('woff2'); }
@font-face 	{   font-family: 'body-sb';   src: url('../fonts/opensans-semi-bold.woff2') format('woff2'); }
@font-face 	{   font-family: 'sofo-bo';   src: url('../fonts/dinpro-bold.woff2') format('woff2'); }

/*	=================================
		END
	================================= */