body {
	font-family:"Inter";
	font-size:1.2em;
}	

header {
	
}

main {
	min-height:75vH;
}

h1, h2, h3, h4 {
	font-family:"Exo";
	color:#717170;
	border-bottom:5px solid #9E3C4A;
	padding-bottom:0.2em;
	display:inline-block;
}



main a:link, aside a:link {
	text-decoration:underline;
	color:#9E3C4A;
}

main a:visited, aside a:visited {	
	color:#666;
}

main a:hover, aside a:hover,
main a:visited:hover, aside a:visited:hover {
	background-color:#9E3C4A;
	color:#fff;
}

main a h2:hover {
	background-color:#fff;
	color:#9E3C4A;
}

h2 {
	margin-bottom:20px;
}

footer {
	background-color:#eee;
}

footer a:link, footer a:visited {
	color:#000;
}

#langmenu img {
	display:inline-block;
}

ul.specs {
	margin:0;
	padding:0;
}

.specs li {
	list-style-type:none;
	display:inline-block;
	width:30%;
	text-align:center;
	font-weight:bold;
	padding:1em 0.5em;
	background-color:#eee;
	font-size:80%;
	margin:5px;
}

@media screen and (max-width:1200px) {
	.specs li {
		width:45%;
	}
}

@media screen and (max-width:600px) {
	.specs li {
		width:auto;
		display:block;
	}
}

.dataTable td:first-child {
  white-space:nowrap;  
}

.dataTable td:not(:first-child) {
  font-size:30px;
}


/* --------------------------- pics ------------------------------------ */
img.picfull {width:100%; height:auto;}

@media screen and (min-width:640px) {
img.pic2left, img.pic3left, img.pic4left { margin: 0 1em 1em 0; height:auto; }

img.pic2right, img.pic3right,  img.pic4right { margin: 0 0 1em 1em; height:auto; }

img.pic2left {float:left; max-width:49%;}
img.pic2right {float:right; max-width:49%; }

img.pic3left {float:left; max-width:32%;}
img.pic3right {float:right; max-width:32%;}

img.pic4left {float:left; max-width:24%;}
img.pic4right {float:right; max-width:24%; }
}

@media screen and (max-width:640px) {
	img.pic2left, img.pic3left, img.pic4left,
	img.pic2right, img.pic3right,  img.pic4right { margin: 1em 0; width:100%; float:none; height:auto; }
}