/* SCHRIFT *************************************/

/*@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url(https://cdn.coaster-count.com/cdn/fonts/montserrat_thin-12.woff) format('woff');
	font-weight: 100;
}*/

/*@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url(https://cdn.coaster-count.com/cdn/fonts/montserrat_extralight-12.woff) format('woff');
	font-weight: 200;
}*/

@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url(https://cdn.coaster-count.com/cdn/fonts/montserrat_light-12.woff) format('woff');
	font-weight: 300;
}

@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url(https://cdn.coaster-count.com/cdn/fonts/montserrat_regular-12.woff) format('woff');
	font-weight: 400;
}

@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url(https://cdn.coaster-count.com/cdn/fonts/montserrat_medium-12.woff) format('woff');
	font-weight: 500;
}

@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url(https://cdn.coaster-count.com/cdn/fonts/montserrat_semibold-12.woff) format('woff');
	font-weight: 600;
}

/*@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url(https://cdn.coaster-count.com/cdn/fonts/montserrat_bold-12.woff) format('woff');
	font-weight: 700;
}*/

/*@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url(https://cdn.coaster-count.com/cdn/fonts/montserrat_extrabold-12.woff) format('woff');
	font-weight: 800;
}*/

/*@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url(https://cdn.coaster-count.com/cdn/montserrat_black-12.woff) format('woff');
	font-weight: 900;
}*/

#svg_total {
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
	font-size: 21.6px;
	font-weight: 600;
}

h1 *,
h1 {
	font-size: 45px;
	line-height: 50px;
	font-weight: 300;
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
}

h1 {
	margin: 0 auto 40px auto;
	max-width: 650px;
}

h1.long {
	max-width: none;
}

h1:last-child,
h2:last-child,
h3:last-child {
	margin-bottom: 0;
}

#dialog header > div span,	
#popup header > div span,
.h2,
h2,
h2 * {
	font-size: 27px;
	font-weight: 400;
	line-height: 32px;
}

h2 {
	margin: 0 auto 30px auto;
	max-width: 650px;
}

section.one_column h2,
section.two_columns h2,
section.three_columns h2,
section.five_columns h2 {
	max-width: none;
}

a.main,
.h3,
.h3 *,
h3,
h3 * {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
}

h3 {
	margin: 0 auto 20px auto;
}

p + h3 {
	padding-top: 10px;
}

/* 45 27 18 14 */
/* 40 24 17 14 */
/* 35 21 16 14 */

@media only screen and (max-width: 768px) {
	h1,
	h1 * {
		font-size: 40px;
		line-height: 44px;
	}
	
	#dialog header > div span,	
	#popup header > div span,
	h2,
	h2 * {
		font-size: 24px;
		line-height: 28px;
	}
	
	h3,
	h3 * {
		font-size: 17px;
		font-weight: 500;
	}
}

@media only screen and (max-width: 375px) {
	h1,
	h1 span,
	h1 * {
		font-size: 35px;
		line-height: 39px;
	}
	
	#dialog header > div span,	
	#popup header > div span,
	h2, 
	h2 * {
		font-size: 21px;
		line-height: 25px;
	}
	
	h3,
	h3 * {
		font-size: 16px;
		line-height: 20px;
	}
}

#dialog header > div span,
#popup header > div span {
	margin: 0;
}

.mark {
	text-decoration: black dotted underline;
}

* {
	font-family: Montserrat, Verdana, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.2px;
}

ul li,
p.article,
section.articles p,
p.text {
	line-height: 28px;
}

::placeholder {
	font-style: italic;
}

@media only screen and (max-width: 1024px) {
	* {
		font-size: 16px;
		line-height: 23px;
		letter-spacing: 0.3px;
	}
}

p.form label:first-child,
p.form label:first-child *,
b, 
b > *,
.bold {
	font-weight: 600;
}

#submenu_container span.new,
footer a *,
footer a {
	font-weight: 500;
}

.grid th *,
#submenu_container div.menu > span,
#submenu_container div.menu > div > span,
th, th *, .font_small b {
	font-weight: 600;
}

p.form > span:nth-child(3),
p.form > span:nth-child(3) > *,
th, th *,
.grid th *,
#submenu_container div.menu > span,
#submenu_container div.menu > div > span,
.font_small,
.font_small * {
	font-size: 12px;
	line-height: 16px;
}

.font_huge {
	font-size: 100px;
	line-height: 66px;
	font-weight: 300;
}

.number {
	/*font-family: 'Zag', Verdana, Geneva, sans-serif;*/
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 1px;
}

.number.bold {
	font-weight: 500;
	font-size: 22px;
}

p.on_map > span > b,
p.values > span > a:last-child,
p.values > span > span:last-child,
.button.value {
	/*font-family: 'Zag', Verdana, Geneva, sans-serif;*/
	font-size: 30px;
	line-height: 31px;
	font-weight: 400;
	letter-spacing: 1px;
}

p.values > span.big > span:last-child {
	/*font-family: 'Zag', Verdana, Geneva, sans-serif;*/
	font-size: 50px;
	line-height: 29px;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 8px;
}

/*table.responsive a {
	white-space: nowrap;
}*/

a.secret,
abbr,
.content a.button {
	text-decoration: none
}
 
/*span.open {
	 font-weight: 500;
}*/

/*span.open[data-type=none] {
	 font-weight: 600;
}*/

.content a:not(.underline) {
	 font-weight: 500;
	 text-decoration: none;
}

.values a {
	 font-weight: 400 !important;
}

p.linklist a {
	padding-bottom: 2px;
}

ul li a,
.anchor_links a,
.anchor_links b,
p.article a,
section.articles p a,
p.text a,
a.link {
	padding-bottom: 4px;
}

/*.anchor_links a:hover,
p.article a:hover,
p.text a:hover,
a.link:hover {
	padding-bottom: 3px;
}*/
 
/*.content a.color_white,
.content a:not(.open):not(.button):not(.link):not(.no_underline):hover {
	 text-decoration: underline;
}*/

a.underline {
	text-decoration: underline;
}

td.icons * {
	font-size: 0;
}

.nobold {
	font-weight: 400 !important;
}