
<html>
<head>
  <title>Aetheon Consulting</title>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">


<style>

body
	{
	/* background-color:#1D2E2C; *//* GREEN */
	background-color:#372738;
	}
	
body:before
	{
	/* background-image: url("white-patternR64.svg"); */
	width:99%;
	height:99%;
	background-size:500%;
	background-position: center;
	/*margin-top:-20%;
	margin-left:-20%;*/
  	position:absolute;
  	/*top:-20%;
	left:-20%;*/
	content: ' ';
  	opacity: 0.15;
  	background-repeat: no-repeat;
  	z-index:0;
	}


@media screen 
{
:root 
	{
	--scale-factor: 1;
	--base-letterspacing: calc(3px * var(--scale-factor));
	--base-font-size: calc(20px * var(--scale-factor));
  	--base-spacing: calc(8px * var(--scale-factor));
  	--base-divheight: calc(40px * var(--scale-factor));
  	}


div, span {
	color:#ffffff;
	text-decoration:none;
}

a
	{
	text-decoration:none;
	color: #dddddd;
	border:0.5px #1D2E2C;
	}

a:hover 
	{
	text-decoration:none;
	border-bottom: 0.5px solid #eeeeee;
	border-radius:0px;
	transition: border 0.5s;
	color:#ffffff;
	}

div#main 
	{
	width:99%; 
	height:99%;
	text-align:center;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	color:#ffffff; 
	font-family: "Inter", sans-serif;
  	font-optical-sizing: auto;
  	font-style: normal;
	}
	
.wordmark
	{	
  	font-size: calc(var(--base-font-size)*1.2);
	text-transform:uppercase;
	letter-spacing: calc(var(--base-letterspacing)*1.5);
	height: var(--base-divheight);
	font-weight: 600;
	margin-top:-100px;
	opacity: 1.0!important;
	z-index:1;
	}
	
#logo
	{
	height: calc(var(--base-divheight)*1.8);
	}
	
.tagline
	{	
  	font-size: calc(var(--base-font-size)*0.5);
	text-transform:uppercase;
	letter-spacing: calc(var(--base-letterspacing)*1.5);
	height: var(--base-divheight);
	margin-top:10px;
	font-weight: 400;
	z-index:1;
	}
	
	
#info
	{
	position: fixed;
	bottom: 7%;
	left: 0;
	width: 99%;
	}
	
.phone, .addressinfo, .email, .cvr, .linkedin
	{
  	font-size: calc(var(--base-font-size)*0.5);
	text-transform:uppercase;
	letter-spacing: var(--base-letterspacing);
	height: var(--base-divheight/2);
	line-height:20px;
	letter-spacing: calc(var(--base-letterspacing)*0.75);
    display:block;
   	color: #dddddd;
	}
	

.email, address, .cvr, .phone, .linkedin
	{
	margin-left:1%;
	margin-right:1%;
	}
	

@media screen and (min-width: 700px) {

:root {
    --scale-factor: 1;
  	}
  	
.phone, addressinfo, .email, .cvr, .linkedin
	{
	display:inline;
	}
  		

@media only screen and (max-device-width: 480px) {

	:root {
    --scale-factor: 2;
  	}
  	
.phone, addressinfo, .email, .cvr, .linkedin 
   {
   display:block;
   }

	
}

}
	

</style>
	</head>
		<body>
			<div id="main">
			<div class="wordmark"><img id="logo" src="aetheon_logo_v01_neg.svg" /></div>
			<!--<div class="tagline">Independent advisory</div> -->
			<div id="info">
			<span class="addressinfo">St. Kongensgade 62, 2., DK-1264 Copenhagen K</span>
				<span class="phone">P: 
					<script LANGUAGE="JavaScript">
						phonenumber = '+45 31 64 01 19';
						document.write('<a href=\"tel:' + phonenumber + '\">');
						document.write(phonenumber + '</a>');
					</script>
				</span>
				<span class="email">M: 
					<script language="JavaScript">
						user = 'hello';site = 'aetheon.consulting';
						document.write('<a href=\"mailto:' + user + '@' + site + '\">');
						document.write(user + '@' + site + '</a>');
					</script>
				</span>
				<span class="cvr">CVR: DK 45 74 54 49</span>
			</div>
		</div>
</body>
</html>