html {
	width: 100vw;
	background: #fff;
}

body {
	-webkit-user-select:none;
	overflow-x: hidden
}

p {
	font-family: "Verdana", Verdana, sans-serif;
	font-size: 4vw;
	position:absolute;
	top: 61vw;
	margin-left: 10vw;
	margin-right:0.4vw;
	text-rendering:optimizeLegibility;
	-webkit-hyphens:auto
}

li {
	height: auto;
	margin-left: 1vw;
	margin-top:2.6vw;
	margin-bottom:-4vw;
	-webkit-transform:translate3d(0,0,0);
	list-style-type: none
}

.xli {
	height: 5vw;
}

.pic {
	width: 95vw;
	margin-left:0vw;
	-webkit-mask-image: url(https://klausandersen.com/assets/graphics/pMask.svg);
	-webkit-mask-size: 95vw
}

.spic {
	opacity: 0; 
	position: absolute; 
	top: 0; 
	left: 0;
	-webkit-transition: opacity 1.2s ease-in-out;
	transition: opacity 1.2s ease-in-out;
	width: 95vw;
	-webkit-mask-image: url(https://klausandersen.com/assets/graphics/pMask.svg);
	-webkit-mask-size: 95vw
}

.showMe {opacity: 1}

.svg {
	position: absolute;
	z-index:-1;
	width: 95vw;
	margin-left:0;
	-webkit-filter: drop-shadow(0 0 2px #888)
}

.box {
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}

#content {
	width:97vw;
	position: absolute;
	left:1.5vw;
	top:9.1vw;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

::-webkit-scrollbar { 
    display: none; 
}

nav {
	display: none;
}

.listButt, .lftButt {
	position: relative;
	top: -10.4vw;
	font-family: "Kontrapunkt", HelveticaNeue-CondensedBold, sans-serif-condensed;
	display:inline-block;
	padding:0.5vw 0 1.5vw;
	font-size: 5.4vw;
	font-weight: bold;
	text-indent:12vw;
	text-rendering:optimizeLegibility;
	letter-spacing:0.4vw;
	font-kerning:normal;
	margin-left:0vw;
	width:85vw;
	background:url(https://klausandersen.com/assets/graphics/listArrow.svg) no-repeat 80vw 2.2vw;
	background-size: 2.5vw;
	border-style:solid;
	border-width:0;
	border-color:#777;
	border-bottom-width:1px;
}

.lftButt {
	text-indent:11.2vw;
}

hr {
	margin-bottom:0vw;
	margin-left:10vw;
	width: 85vw;
	border-style:solid;
	border-width:0;
	border-color:#777;
	border-bottom-width:1px;
}

h1 {
	font-family: "HelveticaNeue-CondensedBold", HelveticaNeue-CondensedBold, sans-serif-condensed;
	font-weight: 700;
	font-size: 5.5vw;
	color: #000077;
	margin-top: 0.5vw;
	word-spacing: -0.5vw;
	text-indent: -0.3vw;
	text-rendering: optimizeLegibility
}

.sHead {
    margin-top:56vw;
    position: absolute;
}

a {	
	text-decoration:none;color: #000099;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.bo {
	vertical-align:-40%;
}

#menuButt {
	position:fixed;
	height:4.7vw;
	top:2.2vw;
	left:2.5vw;
	z-index: 1; 
}

#backButt {
	position:fixed;
	height:6vw;
	top:1.6vw;
	left:2vw;
	z-index: 1;
	visibility: hidden	 
}

#topBeam {
	position:fixed;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100vw;
	height:15.2vw;
	z-index: 1;
}

#rightKA {
	position: fixed;
	top: -0.1vw;
	left: 26vw;
	display: inline-block;
	width: 74vw;
	height:15.2vw;
	z-index: 2;
}

#leftKA {
	position: fixed;
	top: -0.1vw;
	left: 0;
	display: inline-block;
	width: 26vw;
	height:15.2vw;
	z-index: 2;
}

#topBeamT {
	display: none
}

#spotButt {
	position: absolute;
	top: 75vw;
	z-index: 2;
	visibility: hidden
}

.spotButt{
	width:7.5vw;
	height:7.5vw;
	display:inline-block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
}

.arrow {
    position: absolute;
    margin-top: 0.8vw;
    margin-left: 2.8vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2.1vw 0 2.1vw 2.6vw;
    border-color: transparent transparent transparent #2222aa
}

#hFrame {
	height: 56.4vw;
	margin-left: -1.5vw;
	margin-top: -1.5vw;
}

@font-face {
	font-family: 'Kontrapunkt';
	src: url('/assets/fonts/Kontrapunkt-Bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: bold
}

.phoneButt, .smsButt, .mailButt {
	width: 13.2vw;
	height: 13.2vw;
	margin-right: 4.2vw;
	margin-left: -1vw;
	margin-top: 3vw;
	display: inline-block;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: pointer
}

.cLine {
	margin-top:31vw;
	width: 50vw;
}