.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
/* FONTS */
@font-face {
    font-family: 'Hack';
    src: url('/fonts/Hack-Italic.eot');
    src: local('Hack Italic'), local('Hack-Italic'),
        url('/fonts/Hack-Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Hack-Italic.woff2') format('woff2'),
        url('/fonts/Hack-Italic.woff') format('woff'),
        url('/fonts/Hack-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Hack';
    src: url('/fonts/Hack-Bold.eot');
    src: local('Hack Bold'), local('Hack-Bold'),
        url('/fonts/Hack-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Hack-Bold.woff2') format('woff2'),
        url('/fonts/Hack-Bold.woff') format('woff'),
        url('/fonts/Hack-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Hack';
    src: url('/fonts/Hack-BoldItalic.eot');
    src: local('Hack Bold Italic'), local('Hack-BoldItalic'),
        url('/fonts/Hack-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Hack-BoldItalic.woff2') format('woff2'),
        url('/fonts/Hack-BoldItalic.woff') format('woff'),
        url('/fonts/Hack-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Hack';
    src: url('/fonts/Hack-Regular.eot');
    src: local('Hack Regular'), local('Hack-Regular'),
        url('/fonts/Hack-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Hack-Regular.woff2') format('woff2'),
        url('/fonts/Hack-Regular.woff') format('woff'),
        url('/fonts/Hack-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*DESKTOP*/
body {
	background: #D8DBE2;
}
.page {	
	width: 97%;
	margin: auto;
	background: #D8DBE2;
	overflow: hidden;
	font-family: 'Hack';
	font-weight:  normal;
	font-style: normal;
	font-size: 16px;
}

.content {	
	position: relative;
	margin: 5%;
}
footer {
	clear: both;
}
	
.left {
	position: absolute;
	left: 0;
	width: fit-content;
}
.menu li {
	padding: 0 1rem;
    line-height: 1.5;	
	margin:  0.2rem 0;
	font-size: 20px;
}	
.menu a	{
	display:block;
	text-decoration: none;
	color: black;	
}
.shade:hover {
	box-shadow: 0rem 0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.8);	
}	
		
main {
	margin-left: 15rem;
}
main p {
	margin-bottom: 1rem;
	text-align:justify;
	line-height:1.5;
}
main a {
	text-decoration:none;
	color: #cb4154;
	font-weight:bold;
}
main a:hover {
	color: #fc220a;
}
main strong {
	font-weight:bold;	
}

main table td{
	padding: 0.5rem 0.2rem;
}
main table td h1{
	margin-bottom: 0;
}
.marked {
	background: #8e9cb2;
}
h1 {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px;	
}
.topmenu{
	display: none;
}
.lang_choice{
	position: absolute;
	top: 4%;
	right: 10%;
}
.lang_choice b{
	font-weight: 600;
}
.lang_choice a{
	text-decoration: none;
	color: black;	
}
.lang_but{
	margin-right: 10px;
	padding: 2px 3px;
}



/*PHONE*/
@media only screen and (max-width: 1000px)
{
	.page {	
		width: 97%;
		margin: auto;
		background: #D8DBE2;
		overflow: hidden;
		font-family: 'Hack';
		font-weight:  normal;
		font-style: normal;
		font-size: 16px;
	}
	.left{
		display: none;
	}
	.menu {
		display: none;
	}
	.topmenu{
		display: block;
	}
	.topmenu a{
		display:block;
		text-decoration: none;
		color: black;
	}
	.topmenu li, summary{
		font-size: 3vh;
		line-height: 1.5;
	}

	h1{
		font-size: 16px;
		margin-bottom: 32px;
		line-height: 1.4;
	}
	main {
		margin: 0;
		padding: 0.5rem;
	}
	
	main p {
		margin-bottom: 16px;
		text-align:left;
		line-height:1.4;
	}

	main table{
		margin: auto;
	}
	main tr{
		line-height: 1.5;
	}

	main table td{
		padding: 5px 10px;
	}

	.lang_choice{
		position: inherit;
		float: right;
	}
	.lang_choice b{
		display: none;
	}
	.lang_but{
		font-size: 20px;
	}
	form button{
		margin-bottom: 20px;
	}
}