/* ---------------- Typo */

/* fonts */

:root{
	--font-headline: "sans";
	--font-copy: "sans";
}

@font-face			{ font-family: "Icons"; src: url("fonts/SofaIcons-Regular.woff");}
@font-face			{ font-family: "sans"; font-weight: 200; src: url("fonts/Kult-200.woff2") format('woff2'),url('fonts/Kult-200.woff') format('woff');}
@font-face			{ font-family: "sans"; font-weight: 300; src: url("fonts/Kult-300.woff2") format('woff2'),url('fonts/Kult-300.woff') format('woff');}
@font-face			{ font-family: "sans"; font-weight: 600; src: url("fonts/Kult-600.woff2") format('woff2'),url('fonts/Kult-600.woff') format('woff');}
/*@font-face			{ font-family: "sans"; font-weight: 700; src: url("fonts/Kult-700.woff2") format('woff2'),url('fonts/Kult-700.woff') format('woff');}*/

/* defaults */

*{
	font-family: var(--font-copy), sans-serif;
}

body{
	font-size: 100%;
	font-weight: 300;
	line-height: 130%;
}

h1,h2,h3,h4,h5,h6{
	font-family: var(--font-headline), sans-serif;
	margin:0;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 8px;
	line-height: 130%;
}

.typo_xs	{ font-size: 77%; }
.typo_s		{ font-size: 89%; }
.typo_m		{ font-size: 100%; }
.typo_l		{ font-size: 150%; }
.typo_xl	{ font-size: 200%; }
.typo_xxl	{ font-size: 300%; }

.typo_m .marker		{ padding: 4px 4px 2px 4px; }
.typo_l .marker		{ padding: 6px 6px 0px 6px; }

p					{ margin:0; line-height: 150%; }
a					{ text-decoration: none; }
a:hover,
a span:hover 		{ border-bottom: 1 solid var(--col-grey); }
li					{ list-style-type: none; }

b, .b				{ font-weight: 600; }
.light				{ font-weight: 300; }
.uc					{ text-transform: uppercase; }
.wide				{ letter-spacing: 1px; }
.wide_l				{ letter-spacing: 2px; }


.sf_icon			{ font-family: "Icons"; }
.sf_icon_big		{ font-family: "Icons"; font-size: 160%; }

.model_name{
	text-align: center;
	text-transform: uppercase;
	margin: 15px 0 5px 0;
}

.credits{
	font-size:65%;
	letter-spacing: 2px;
}
.credits a{
	text-decoration: none;
}

/* privacy policy */

.imprint_text h1,
.imprint_text h2,
.imprint_text h3	{ margin: 1em 0; }

.imprint_text h2	{ font-size: 120%; }
.imprint_text h3	{ font-size: 100%; }
.imprint_text ul li	{ list-style-type: circle; }
.imprint_text p		{ font-size: 100%; margin-bottom: 1em; line-height: 130%; }



@media only screen and (max-width: 940px ) {
	.typo_xs	{ font-size: 70%; }
	.typo_s		{ font-size: 80%; }
	.typo_m		{ font-size: 90%; }
	.typo_l		{ font-size: 130%; }
	.typo_xl	{ font-size: 170%; }
	.typo_xxl	{ font-size: 220%; }

	.wide_l		{ letter-spacing: 1px; }

	.imprint_text p		{ font-size: 90%; margin-bottom: 1em; }
}
@media only screen and (max-width: 414px ) {
	.typo_xs	{ font-size: 70%; }
	.typo_s		{ font-size: 80%; }
	.typo_m		{ font-size: 90%; }
		.typo_l		{ font-size: 110%; }
	.typo_xl	{ font-size: 170%; }
		.typo_xxl	{ font-size: 200%; }

	.wide_l		{ letter-spacing: 1px; }
	.model_name	{ margin: 12px 0 7px 0; }

	.imprint_text p		{ font-size: 90%; margin-bottom: 1em; }
}