html, body  {	-webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; 
				font-size: 15px; letter-spacing: 0.06em; line-height: 1.2; }

address 	{	font-style: normal; }
.nob		{	white-space: nowrap; }
small		{	font-size: 0.84em; }
strong		{	font-size: 1.00em; }

::placeholder	{	font-size: 0.84em; }				
input, textarea	{	font-size: 1.00em; letter-spacing: 0.06em; }				

a, label, button	{	text-decoration: none; cursor: pointer; display: inline-block; }
a[href^="tel:"]		{	 }	

.btn	{	font-size: 0.84em; text-transform: uppercase; letter-spacing: 0.06em; text-align: center; }

.cat 			{	 font-size: 0.84em; text-transform: uppercase; letter-spacing: 0.24em; display: block; margin: -0.3em 0 1.50em; opacity: 0.90; }	
.cat:before 	{	 content: ''; display: inline-block; width: 6.00em; height: 0.21em; margin: 0 1.50rem 0.21em 0; opacity: 0.60; }	

.teaser span > span:nth-child(3) 	{	font-size: 1.05em; letter-spacing: 0.06em; text-transform: uppercase; }
.teaser span > span:nth-child(4) 	{	font-size: 0.90em; line-height: 1.5; }

h1, h2, h3, h4	{	word-spacing: 0.15em; letter-spacing: 0.12em; line-height: 1.5; text-transform: uppercase; }
		h1  	{	font-size: 1.25em; }	
		h2  	{	font-size: 1.20em; }	.thema h1	{	font-size: 1.20em; }
		h3  	{	font-size: 1.05em; }	.thema h2	{	font-size: 1.05em; }
		
#quote h2  	{	font-size: 2.70em; text-align: center; word-spacing: 0.03em; letter-spacing: 0.06em; line-height: 1.2; text-transform: none; }
#quote h2 + p 	{	margin-top: 1.0em; text-align: center; }

p, ul, label 	{	-ms-hyphens: 		auto;	-ms-hyphenate-limit-chars: 		auto 4;	-ms-hyphenate-limit-lines: 		4;
				    -moz-hyphens:		auto;	-moz-hyphenate-limit-chars: 	auto 4;	-moz-hyphenate-limit-lines: 	4;
				    -webkit-hyphens: 	auto;	-webkit-hyphenate-limit-chars: 	auto 4;	-webkit-hyphenate-limit-lines: 	4;
				    hyphens: 			auto; 	hyphenate-limit-chars: 			auto 4;	hyphenate-limit-lines: 			4; }
	
p, ul	{	line-height: 1.8; }

ul li	{	list-style: none; display: inline-block; margin-right: 0.60rem; }

ul.item li			{	margin: 0 0.60rem 0 2.10rem; text-indent: -2.10rem; }
ul.item li:before	{	content: ''; display: inline-block; width: 1.20rem; height: 0.12rem; margin-bottom: 0.30rem; margin-right: 0.69rem; }

p.ein	{	margin-left: 1.10em; text-indent: -1.10em; }   

		p > span.item			{	display: block; margin-left: 0.90em; text-indent: -0.90em; }   
		p > span.item:before	{	content: '•'; display: inline-block; margin-left: 0.90em; }  
		
.quote 	{	margin-left: 0.48em; text-indent: -0.48em; }

p.ini::first-letter {	display: inline-block; float: left; font-size: 6.30em; margin: 0.09em 0.30em 0 0; }

/* --- Header + Menu --- */

header span	{	font-size: 0.84em; }
#menu a		{	font-size: 0.84em; text-transform: uppercase; letter-spacing: 0.15em; }

/* --- Quick --- */

.quicktab > span	{	font-size: 0.90em; text-transform: uppercase; letter-spacing: 0.15em; }

#quick *	{	text-align: center; }
#quick > div > div:nth-child(1) > span:nth-child(3)	{	font-size: 1.20rem; }
#quick > div > div:nth-child(1) > span:nth-child(4)	{	font-size: 1.80rem; margin: 0.60rem auto; }

/* --- Start --- */

#start span					{	font-size: 1.50vmax; letter-spacing: 0.24em; text-transform: uppercase; margin-bottom: 3.00vmin; }
#start h1, #start h1 > span	{	font-size: 3.25vmax; letter-spacing: 0.03em; line-height: 7.20vh; text-transform: none; display: inline; }

/* --- Nav (mobile) --- */

nav span:first-child a			{	font-size: 8.00vmin; line-height: 1.50; letter-spacing: 0.01em; }
nav span:first-child a:before	{	content: '→'; margin-right: 4.00vmin }
nav span:last-child a			{	line-height: 1.80; text-align: right; }

/* --- Konkret --- */

.work > span > a		{	font-size: 2.10rem; text-align: center; }	
.work > span > a span	{	font-size: 1.20rem; line-height: 1.4; }

.work-00 > span			{	font-size: 1.50rem; text-align: center; line-height: 1.4; }	
.work-00 > span span	{	font-size: 0.90rem; }

/* --- ABC --- */

.navi-abc a 	{	font-size: 0.84em; text-align: center; }
.abc p + p		{	font-size: 0.84em; margin-top: 0.24em; }
.abc span		{	font-size: 2.40em; line-height: 1.00; }

/* --- Footer --- */

footer p	{	line-height: 1.40; }

/* --- Cookies --- */

#cookies 	{	font-size: 0.84em; text-align: center; }

/* --- Spacing --- */

h1 + p,
h3 + p,
.thema h2 + ul,
.thema h2 + p,
h3 + ul,
p + p,	
ul + p		{	margin-top: 1.00em; }

.thema h1 + figure,
h2 + figure,
h2 + p,
p + a,
.thema p +  h2, 
.thema ul + h2, 
p + h3, 
ul + h3, 
ul + a		{	margin-top: 1.50em; }

.thema h1 + .illu,
h2 + .illu,
p + .illu,	
p + a,
ul + a,
a + h3		{	margin-top: 3.00em; }

/*	=================================
		FONTS
	================================= */
i, figcaption
	{	font-family: 'sofi-310', Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; }
body
	{	font-family: 'sofi-400', Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; }
input, textarea, #quote h2
	{	font-family: 'sofi-410', Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; }
strong, #menu a, h2, h3, .thema h1, .thema h2, .btn, .sub, .quicktab > span
	{	font-family: 'sofi-600', Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; }
p.ini::first-letter
	{	font-family: 'sofi-610', Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; }
.navi-abc a:hover, .abc span	
	{	font-family: 'sofi-700', Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; }
	
	@font-face 	{   font-family: 'sofi-310'; src: url('../fonts/titilliumweb/titilliumweb-300-lightitalic-gw.woff2') format('woff2'); }		/* light italic*/
	@font-face 	{   font-family: 'sofi-400'; src: url('../fonts/titilliumweb/titilliumweb-400-regular-gw.woff2') format('woff2'); }		/* regular */
	@font-face 	{   font-family: 'sofi-410'; src: url('../fonts/titilliumweb/titilliumweb-400-italic-gw.woff2') format('woff2'); }			/* italic */
	@font-face 	{   font-family: 'sofi-600'; src: url('../fonts/titilliumweb/titilliumweb-600-semibold-gw.woff2') format('woff2'); }		/* semibold */
	@font-face 	{   font-family: 'sofi-610'; src: url('../fonts/titilliumweb/titilliumweb-600-semibolditalic-gw.woff2') format('woff2'); }	/* semibold italic */
	@font-face 	{   font-family: 'sofi-700'; src: url('../fonts/titilliumweb/titilliumweb-700-bold-gw.woff2') format('woff2'); }			/* bold */
	
/*	=================================
		END
	================================= */