﻿html, body  {	font-size: 14px; line-height: 1.25; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

* 			{	font-size: 1.00em; }
i			{	font-style: italic; }
small		{	font-size: 0.75em; letter-spacing: 0.05em; }
strong		{	font-size: 1.05em; }

a, label, button	{	text-decoration: none; cursor: pointer; }

.btn, .semibtn		{	text-align: center; letter-spacing: 0.05em; line-height: 1.00; }
.btn				{	font-size: 1.05em; }
.semibtn			{	font-size: 1.00em; }

details				{	font-size: 0.90em; }
table td			{	font-size: 0.90em; line-height: 1.20; }

.link				{	text-align: left; white-space: nowrap; }
.link:hover			{	text-decoration: underline; }
.nob				{	white-space: nowrap; }

h1, h2, h3, h4		{	font-style: normal; font-weight: normal; }
			h1		{	font-size: 3.00em; margin-top: 0.25em; }
			h2		{	font-size: 2.00em; /**/ column-span: all; }
			h2 + p	{	font-size: 1.25em; /**/ column-span: all; }
			h3		{	font-size: 1.25em; }

	.overview h2 	{	text-align: right; }
	
p, ul 		{	line-height: 1.5; max-width: 50.00em; }


li			{	position: relative; padding-left: 1.50em; }
li:before	{	position: absolute; top: 0.40em; left: 0; width: 0.75em; height: 0.75em; border-radius: 100.0%; opacity: 0.75; content: ''; }
		
.overview h3, p, li, #partner > a:before, .benefit > span, table td + td, details div
	 	{	-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; }

/* --- Header --- */

header > div span:first-child	{	font-size: 1.25em; }

/* --- Board --- */

#board .toggle-menu			{	text-align: right; }

#board .name			 	{	font-size: 1.75em; letter-spacing: 0.025em; }

.menu a[href^="unfall.html"]	{	font-size: 1.25em; letter-spacing: 0.025em; }

/* --- ASP --- */

#asp .asp span 			{	text-align: center; }
#asp .asp span:before 	{	font-size: 1.25em; }
#asp .asp span:after 	{	font-size: 1.00em; }

/* --- Partner --- */

#partner, #partner *	{	text-align: center; }

/* --- NEWS --- */

#news .news:after	{	font-size: 0.85em; letter-spacing: 0.125em; text-transform: uppercase; }

/* --- Company --- */

#company > div > span 			{	font-size: 2.00em; text-align: center; }
#company > div > span + span	{	font-size: 1.25em; }

/* --- Quick --- */

#quick *	{	font-size: 1.25em; text-align: center; }
#quick a	{	font-size: 0.75em; text-align: left; }
	
/* --- Spacing --- */

.txt > span,
ul + span,
p + span	{	display: block; }

li + li		{	margin-top: 0.50em; }

details + details,
h2 + p,
h3 + p,
h3 + ul,
p + h3,
ul + h3,
h3 + table,
p + table,
span + table,
table + table,
table + p,
table + span,
p + p,
p + ul,
ul + p,
p + a 			{	margin-top: 1.00em; }

h3 + .row,
ul + span,
p + span,
table + a,
.link + .btn 	{	margin-top: 2.00em; }

/*	=================================
		FONTS
	================================= */

*, input.upload-file::placeholder
	{	font-family: 'sofo-55', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; }
	
figcaption
	{	font-family: 'sofo-56', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; }

strong, input, textarea, .btn, .semibtn, header > div span:first-child, #board .menu li > span, #board .menu li > a, #board .menu li > a > *, .menu a[href^="unfall.html"], summary
	{	font-family: 'sofo-65', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; }
	
@font-face 	{ 	font-family: 'sofo-55'; src: url('../fonts/Helvetica-Neue-LT-55.woff2') format('woff2'); } 	/* Roman */
@font-face 	{ 	font-family: 'sofo-56'; src: url('../fonts/Helvetica-Neue-LT-56.woff2') format('woff2'); } 	/* Roman italic */
@font-face 	{ 	font-family: 'sofo-65'; src: url('../fonts/Helvetica-Neue-LT-65.woff2') format('woff2'); } 	/* Medium */

/*	 
	@font-face 	{   font-family: 'sofo-45'; src: url('../fonts/Helvetica-Neue-LT-45.woff2') format('woff2'); } 		
	@font-face 	{   font-family: 'sofo-55'; src: url('../fonts/Helvetica-Neue-LT-55.woff2') format('woff2'); } 	
	@font-face 	{   font-family: 'sofo-56'; src: url('../fonts/Helvetica-Neue-LT-56.woff2') format('woff2'); } 	
	@font-face 	{   font-family: 'sofo-65'; src: url('../fonts/Helvetica-Neue-LT-65.woff2') format('woff2'); } 			
	@font-face 	{   font-family: 'sofo-75'; src: url('../fonts/Helvetica-Neue-LT-75.woff2') format('woff2'); } 		
	
/*	=================================
		END
	================================= */