:root{
    --font-family-10:'Merriweather Sans', Calibri, Helvetica;
    --font-weight-light:300;
    --font-family-11:'Merriweather Sans', Calibri, Helvetica;
    --font-weight-regular:400;
    --font-family-12:'Merriweather Sans', Calibri, Helvetica;
    --font-weight-bold:700;
    --font-family-13:'Merriweather Sans', Calibri, Helvetica;
    --font-weight-xbold:800;
    --font-family-1001:'Merriweather', Georgia, serif;
    --font-weight-book:500;
    /* --font-family:'Merriweather Sans', Calibri, Helvetica; */
    /* --font-family-light:'Merriweather Sans', Calibri, Helvetica; */
    }
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	font-style: inherit;
	vertical-align: baseline;
	outline: 0;
	font-weight: inherit;
	border: 0;
	padding: 0;
	font-family: inherit;
	font-size: 0;
	margin: 0;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
body{
	font-family: Helvetica;
	margin: 0;
	font-size: 0;
	}
body.cover {
	font-family: 'ImperfEgg-ExtraBold';
	}
body.fix {
	overflow: hidden;
	}
body.fix #wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	}
.col{
	vertical-align: top;
	padding: 6px;
	width: 25%;
	font-size: 0;
	border: 0px solid gray;
	display: inline-block;
	}
.col:empty{
	padding: 0px;
	}
.col.banner{
	padding: 0;
	text-align: right;
	}
.col.banner img{
	width: 100%;
	max-width: 400px;
	}
.item,.item-address{
	-o-box-sizing: borderbox;
	-moz-box-sizing: borderbox;
	-ms-box-sizing: borderbox;
	-webkit-box-sizing: borderbox;
	box-sizing: borderbox;
	margin-bottom: 24px;
	min-height: 0px;
	width: 100%;
	font-size: 40px;
	/* background-color: lightgray;
	*/
	line-height: 100px;
	text-align: center;
	overflow: hidden;
	}
.item{
    transition: all 400ms;
    transition-timing-function: ease-out;
    }
.item.highlight{
    transform: scale(1.1);
    transition-timing-function: ease-in-out;
    filter:blur(2x);
    }
.col > .item:last-child, .col.head .item{
	margin-bottom: 0px;
	}
.col.head{
	width: 100%;
	position: relative;
	padding-bottom: 0;
	}
#about .col{
	width: 100%;
	}
#about{
	width: 20%;
	float: left;
	vertical-align: top;
	height: 200px;
	}
#about .item, #footer-columns .item{
	line-height: 18px;
	font-size: 16px;
	text-align: left;
	height: auto;
	}
#footer {
	position: relative;
	}
#footer.fixed {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	}
#columns{
	width: 80%;
	float: right;
	vertical-align: top;
	display: inline-block;
	padding-top: 6px;padding-right:4px
	}
#medialistener{
	position: absolute;
	z-index: 100;
	height: 0px;
	overflow: hidden;
	}
#medialistener:before{
	font-size: 12px;
	}
.large {
	display: block;
	font-size: inherit;
	}
.medium {
	display: block;
	font-size: inherit;
	}
.small {
	display: none;
	font-size: inherit;
	}
.item.connect {
	position: relative;
	right: auto;
	top: auto;
	text-align: left;
	}
#connects {
	display: inline-block;
	}
#connectssmall {
	text-align: right;
	display: none;
	margin-top: 12px;
	margin-right: 6px;
	}
#connects-button {
	display: none;
	}
.hidden {
	display: none !important;
	}
span {
	font-size: inherit;
	}
@media (max-width:520px) {
	#medialistener{width:100px;background-color:yellow;}
	#medialistener:before{content:'max-width:520px';	}
	.col{width:100%;}
	#about{width:100%;height:auto;}
	#about .col{width:100%;}
	#about .col.head{ width:100%;position:relative;}
	.col.banner img{width:100%;max-width:250px;}
	#page-wil-logo{max-width:250px;}
	#columns{width:100%;float:right;padding-right:2px}
	.large {display:none;}
	.medium {display:none;}
	.small {display:block;}
	#about .item.connect { position:absolute;right:6px;top:0;padding:0 6px;text-align:right;}
	#connects { display: none; }
	#connects.show { display: inline-block; }
	#connectssmall.show { display: block; }
	#connects-button { display: inline-block; }
	div.small-inline, div.address.small-inline { display:inline-block; }
	#connects a.icon, #connects-button a.icon{ font-size:42px; }
	.address.small-inline span.icon { font-size:42px;font-family:WilIcon;text-transform: none;margin-right:16px; }
	}
@media (min-width:520px) {
	#medialistener{width:200px;background-color:green;}
	#medialistener:before{content:'min-width:520px';	}
	.col{width:50%;}
	#about{width:100%;height:auto;}
	#about .col{width:50%;}
	#about .col.banner{width:100%;}
	#about .col.head{ width:100%;position:relative;}
	.col.banner img{width:100%;max-width:320px;}
	#page-wil-logo{max-width:320px;}
	#columns{width:100%;float:right;padding-right:2px}
	.medium {display:block;}
	.large {display:inline-block;}
	.small {display:none;}
	.icon.medium {display:inline-block;}
	span.large {display:inline-block;font-size:inherit;}
	br.large { display:none; }
	#about .item.connect { position:absolute;right:0;top:0;width:50%;padding:0 6px;text-align:right;}
	#connects-button { display: none; }
	div.small-inline, div.address.small-inline { display:inline-block;margin-right:24px !important; }
	div.address.small {display:none;}
	}
@media (min-width:740px) {
	#medialistener{width:300px;background-color:orange;}
	#medialistener:before{content:'min-width:740px';	}
	.col{width:50%;}
	#about{width:30%;height:auto;}
	#about .col{width:100%;}
	.col.banner img{width:100%;max-width:400px;}
	#page-wil-logo{max-width:400px;}
	#columns{width:70%;float:right;padding-right:3px}
	.large {display:inherit;font-size:inherit;}
	.small {display:none;}
	br.large { display:block; }
	#about .item.connect { position:relative;right:auto;top:auto;padding:0;text-align:left;width:auto;}
	div.small-inline, div.address.small-inline { display:block; }
	div.address.small {display:none;}
	}
@media (min-width:960px) {
	#medialistener{width:400px;background-color:pink;}
	#medialistener:before{content:'min-width:960px';	}
	#about{width:20%;height:auto;}
	#columns{width:80%;float:right;padding-right:4px}
	.col{width:33.3%;}
	}
@media (min-width:1090px) {
	#medialistener{width:500px;background-color:lightblue;}
	#medialistener:before{content:'min-width:1090px';	}
	#about{width:19%;height:auto;}
	#columns{width:81%;float:right;padding-right:4px}
	.col{width:25%;}
	}
@media (min-width:1180px) {
	#medialistener{width:600px;background-color:red;}
	#medialistener:before{content:'min-width:1180px';	}
	#about{width:18%;height:auto;}
	#columns{width:82%;float:right;padding-right:4px}
	.col{width:25%;}
	}
#media {
	position:absolute;
	/* top:32px; */
	top:0px;
	left:0px;
	right:360px;
	bottom:0px;
	z-index:10;
	overflow:hidden;
	}
#media .media {
	position: relative;
	width:200%;
	vertical-align: top;
	white-space: nowrap;
	height:100%;
	overflow:hidden;
	}
.slider {
	-webkit-transform-origin: 0px 0px; 
	-webkit-transform: translate3d(0, 0, 0);

	transition-property: -moz-transform; 
	transform-origin: 0px 0px 0px; 
	transform: translate(0px, 0px);
	}
.smooth {
	-webkit-transition: all 500ms cubic-bezier(0.55,0.1,0.25,1); 
	-moz-transition: all 500ms cubic-bezier(0.55,0.1,0.25,1); 
	-ms-transition: all 500ms cubic-bezier(0.55,0.1,0.25,1); 
	transition: all 500ms cubic-bezier(0.55,0.1,0.25,1); 
	}
.fsmooth {
	-webkit-transition: all 250ms ease; 
	-moz-transition: all 250ms ease; 
	-ms-transition: all 250ms ease; 
	transition: all 250ms ease; 
	}
.slowsmooth {
	-webkit-transition: all 1000ms ease; 
	-moz-transition: all 1000ms ease; 
	-ms-transition: all 1000ms ease; 
	transition: all 1000ms ease; 
	}
#media .media img {
	width:50%;
	vertical-align: top;
	}
#media .media div.slide {
	position: relative;
	width:50%;
	vertical-align: top;
	display:inline-block;
	text-align:center;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: 50%;
	cursor:url(https://data.wil.dk/imgs/pointer-left.png), e-resize;
	overflow:auto;
	}
#media.back .media div.slide {
	-webkit-transition: cursor 1ms; 
	-moz-transition: cursor 1ms; 
	-ms-transition: cursor 1ms; 
	transition: cursor 1ms; 
	cursor:url(https://data.wil.dk/imgs/pointer-right.png), w-resize;
	}
#media .media.noslide div.slide {
	cursor:default;
	}
#media .media div.slide.fit {
	background-position: 50% 20%;
	background-size:100%;
	}
#media .media div.slide img {
	width:100%;
	}
#media .media div.slide img.port {
	width:auto;
	height:100%;
	}
#media .media div.slide.force-land {
	overflow-y:auto;
	}
#media .media div.slide.force-port {
	overflow-x:auto;
	}
#media .media div.slide.force-land img, #media .media div.slide.force-land img.port {
	width:100%;
	height:auto;
	}
#media .media div.slide.force-port img, #media .media div.slide.force-land img.land {
	width:auto;
	height:100%;
	}
#media .media div.slide.force-land img.poort {
	width:auto;
	height:100%;
	}
#media .media div.slide.force-land img.land {
	/* width:auto; */
	/* height:100%; */
	}
.slide p.caption {
	position:absolute; 
	top:100px; left:0; 
	width:30%; /* overflow:hidden; */ 
	white-space: normal; 
	background-color:rgba(255,255,255,0.9);
	padding:8px;
	font-size:12px;
	line-height:18px;
	text-align: left;
	padding:16px 12px;
	}
.slide p.caption:empty {
    display:none;
    }
.slide-mini {
	width:17%;
	margin-right:3%;
	margin-bottom:6px;
	display:inline-block;
	vertical-align: top;
	background-size:cover;
	background-position:50%;
	height:80px;
	cursor:pointer;
	}
.slide-mini img {
	width:100%;
	}

#hello, #page-wil-logo {
	position: relative;
	display: block;
	margin:0 0 0 auto;
	width:360px;
	}
#page-wil-logo {
	max-width: 250px;
	}
#hello {
	background-color:white;
	}
#hello .content {
	margin:14px;
	background-color:white;
	}
#pageviewer {
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background-color:rgba(255,255,255,1);
	z-index:100;
	display:none;
	-webkit-transition: all 300ms cubic-bezier(0.55,0.1,0.25,1); 
	-moz-transition: all 300ms cubic-bezier(0.55,0.1,0.25,1); 
	-ms-transition: all 300ms cubic-bezier(0.55,0.1,0.25,1); 
	transition: all 300ms cubic-bezier(0.55,0.1,0.25,1); 
	opacity:0;
	overflow:hidden;
	}
#pageviewer.loader {
	/*background-image:url(http://localhost:8200/sites/wil/tests/page/imgs/cursor-off.png);*/
	}
#pageviewer .menu {
	height:auto;
	margin:0;
	padding:30px 12px;
	/* padding:40px 14px; */
	/* background-color:rgba(0,0,0,0.8); */
	background:linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8) 25%, rgba(0,0,0,0.8) 75%, rgba(0,0,0,0));
	color:white;
	z-index:200;
	position: absolute;
	top:0;
	left:auto;
	right:360px;
	text-align:right;
	}
#pageviewer .menu.land {
	height:auto;
	margin:0;
	padding:10px 0px;
	background:transparent;
	color:white;
	position: relative;
	top:0;
	left:auto;
	right:auto;
	text-align:left;
	margin-left:-4px;
	}
#pageviewermenu.blank {
	background: transparent;
	}
#pageviewermenu.white {
	background:linear-gradient(rgba(255,255,255,0.0), rgba(255,255,255,0.8) 25%, rgba(255,255,255,0.8) 75%, rgba(255,255,255,0));
	}
#pageviewer .menu .icon, #pageviewerland .menu .icon {
	font-family:WilIcon;
	text-transform: none;
	font-size:32px;
	line-height:42px;
	width:42px;
	border-radius:12px;
	cursor: pointer;
	}
#pageviewer-content {
	/* position: relative; */
	-webkit-transition: all 300ms cubic-bezier(0.55,0.1,0.25,1); 
	-moz-transition: all 300ms cubic-bezier(0.55,0.1,0.25,1); 
	-ms-transition: all 300ms cubic-bezier(0.55,0.1,0.25,1); 
	transition: all 300ms cubic-bezier(0.55,0.1,0.25,1); 
	opacity:0;
	}
#pointer {
	position:absolute;
	z-index:20;
	width:20%;
	height:60%;
	top:40%;
	left:50%;
	margin:-10%;
	/* background-image:url(http://localhost:8200/sites/wil/tests/page/imgs/pointer.png); */
	background-size:100%;
	background-repeat: no-repeat;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity: 0;
	/* background-color:yellow; */
	}
#pointer.hidden {
	}
h1 {
	font-family:var(--font-family-10);
	font-weight:var(--font-weight-light);
	font-size:36px;
	line-height:40px;
	text-transform: uppercase;
	margin-bottom: 16px;
	}
h2, p.address {
	font-size:20px;
	text-transform: uppercase;
	line-height:20px;
	font-family:'PerfectEgg-CondensedLight';
	margin: 14px 0px;
	}
.item h2, .item-address h2 {
	margin: 4px 0px;
	}
p.address {
	margin: 2px 0 0 2px;
	}
h3 {
	font-family:var(--font-family-12);
	font-weight:var(--font-weight-bold);
	font-size:14px;
	line-height:16px;
	margin-bottom: 8px;
	}
p, p.medium, .slideprevs {
	font-family:var(--font-family-10);
	font-weight:var(--font-weight-regular);
	font-size:12px;
	line-height:16px;
	margin-left:1px;
	margin-bottom:8px;
	}
a, #pageviewer .menu .icon, #pageviewerland .menu .icon {
	font-size:inherit;
	color:hsla(200,80%,60%,1);
	outline:2px solid hsla(200,89%,70%,0);
	background-color:hsla(200,89%,70%,0);
	text-decoration: none;
	-webkit-transition: all 300ms ease; 
	-moz-transition: all 300ms ease; 
	-ms-transition: all 300ms ease; 
	transition: all 300ms ease; 
	}
a.menu, div.menu.address {
	color:hsla(200,30%,40%,1);
	outline:0;
	background-color:hsla(200,89%,70%,0);
	cursor:pointer;
	padding:2px 2px 1px 2px;
	}
a.menu.selected, div.menu.address.selected {
	background-color:hsla(200,10%,90%,1);
	}
a:hover{
	color:hsla(200,89%,100%,1);
	/* outline:2px solid hsla(200,89%,70%,1); */
	background-color:hsla(200,89%,70%,1);
	}
#pageviewer .menu a:hover, #pageviewer .menu .icon:hover, #pageviewerland .menu .icon:hover, a.icon:hover {
	color:hsla(200,89%,20%,1);
	background-color:inherit;
	/* background-color:hsla(200,89%,70%,1); */
	}
a.menu:hover, div.menu.address:hover {
	color:hsla(200,80%,60%,1);
	outline:0;
	/* background-color:inherit; */
	}
a.icon, span.icon {
	font-family:WilIcon;
	text-transform: none;
	font-size:24px;
	line-height:42px;
/* 
	width:42px;
	border-radius:12px;
	cursor: pointer;
 */
	}
a.icon, span.icon {
	line-height:inherit;
	
	}
div.tag-button {
	font-family:var(--font-family-11);
	font-weight:var(--font-weight-regular);
	font-size:12px;
	line-height:20px;
	height:20px;
	padding:0px 4px; 
	background-color:#d0d0d0;
	margin:0 6px 8px 0;
	display:inline-block;
	white-space:nowrap;
	color:black;
	}
div.tag-button a{
	color:inherit;
	}
div.tag-button:hover {
	background-color:#aeaeae;
	color:white;
	}
div.tag-button a:hover {
	color:white;
	background-color:inherit;
	outline:0;
	}
a.tag-button {
	margin-right:14px;
	color:black;
	}
a.tag-button .tag {
	font-size:inherit;
	color:white;
	margin-right:4px;
	}
a.tag-button:hover {
	color:white;
	background-color:inherit;
	outline:0;
	}
#pageviewer .menu .icon, #pageviewerland .menu .icon:hover {
	font-family:WilIcon;
	text-transform: none;
	font-size:32px;
	line-height:36px;
	width:36px;
	border-radius:18px;
	cursor: pointer;
	outline:0px solid hsla(200,89%,70%,1);
	display:inline-block;
	text-align:center;
	margin:6px 0;
	}
	
#pageviewer .content.single	.menu .icon.navigate-page, #pageviewerland .content.single .menu .icon.navigate-page {
	display:none;
	}
.collapsable, ._collapsable {
	overflow:hidden;
	}
.blur .collapsable, .blur ._collapsable {
	height:0px !important;
	}
p.mini {
	font-size:12px;
	}
p b {
	font-family:var(--font-family-11);
	font-weight:var(--font-weight-regular);
	}
p.trompet {
	font-family:var(--font-family-13);
	font-weight:var(--font-weight-xbold);
	text-transform:uppercase;
	/* font-variant:small-caps; */
	font-size:14px;
	}
p.text {
	font-family: var(--font-family-1001);
	font-weight:var(--font-weight-book);
	font-size:14px;
	line-height:24px;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	}
.nb, span.nb, p.text span.nb{
	/* white-space:nowrap; */
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	}
p.button {
	border:1px solid #bebebe;
	padding:4px 6px;
	}
p.button:hover, p.text.button:hover a {
	background-color:hsla(200,89%,70%,1);
	color:hsla(200,89%,100%,1) !important;
	}
p.text b {
	/* font-family: georgia,fontface1002; */
	/* font-weight:auto; */
	}
p.text i,p.text em {
	font-size:inherit;
	font-style:italic;
	}
p.data {
	font-family:var(--font-family-12);
	font-weight:var(--font-weight-regular);
	font-size:14px;
	line-height: 20px;
	/* font-weight:bold; */
	color:gray;
	text-transform:uppercase;
	}
p.data .tag {
	text-transform:none;
	font-variant:normal;
	font-weight:normal;
	font-size:16px;
	color:hsla(200,89%,70%,1);
	white-space: nowrap;
    margin-right: 6px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
	}
p.data.sos {
	font-family:var(--font-family-11);
	font-weight:var(--font-weight-regular);
	text-transform:none;
	}
p.data .tag:before {
	content:'#';
	color:hsla(200,89%,60%,1);
	font-weight:bold;
	}
.item-head p.tag {
	font-family:var(--font-family-12);
	font-weight:var(--font-weight-bold);
	line-height:20px;
	height:20px;
	margin-bottom:0;
	}
.caroussel {
	position: relative;
	display:block;
	width:100%;
	cursor:pointer;
	}
.caroussel.border {
	width:96%;
	border:1px solid rgba(0,0,0,0.3);
	}
.caroussel p.caption {
	position: absolute;
	z-index:100;
	top:0;
	left:0;
	opacity:0;
	}
.caroussel:hover p.caption {
	opacity:1 !important;
	}
.caroussel.border p.caption {
	padding:4px;
	}
.caroussel img{
	width:100%;
	}
.caroussel img.seat{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	}
#pageviewer.visib, #pageviewer-content.visib, .visib {
	opacity:1 !important;
	}
#pageviewer.blur, #pageviewer-content.blur, .blur {
	margin:0;
	
/* 
	opacity:0.3 !important;
	height:0px !important;
opacity:0.3 !important;
padding:0;
 */
	}
.cursor-on {
	cursor: url(http://data.wil.dk/pf-imgs/cursor-on.png) !important;
	}
.cursor-off {
	cursor: url(http://data.wil.dk/pf-imgs/cursor-off.png) !important;
	}
.marR { margin-right:8px; }
.imperfegg-condensedlight { font-family: 'PerfectEgg-CondensedLight'; }
.imperfegg-narrowregular { font-family: 'PerfectEgg-NarrowRegular'; }

/* vimeo responsive embed */
.js-video {
  height: 0;
  padding-top: 25px;
  padding-bottom: 67.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
 
.js-video.widescreen {
  padding-bottom: 56.34%;
}
 
.js-video.vimeo {
  padding-top: 0;
}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}


@media (max-width:520px) {/* #medialistener{width:100px;background-color:yellow;} */
#pageviewer {
	overflow-y:scroll;
	}
#media {
	position:relative;
	right:0%;
	}
#media .media {
	position: relative;
	width:100%;
	vertical-align: top;
	white-space: normal;
	height:100%;
	overflow:hidden;
	}
.nosmall {
	display:none;
	}
#media .media img {
	width:100%;
	}
#hello, #page-wil-logo {
	width:100%;
	}
#hello .content {
	margin:6px;
	}
.slide p.caption {
	position:absolute; 
	top:40px; left:0; 
	width:40%; /* overflow:hidden; */ 
	font-size:11px;
	line-height:16px;
	padding:8px 6px;
	}
h1 {
	font-size:26px;
	line-height:30px;
	margin-bottom: 8px;
	}
h3 {
	font-size:12px;
	line-height:16px;
	margin-bottom: 6px;
	}
p, .slideprevs {
	line-height:12px;
	margin-bottom:6px;
	margin-left:1px;
	}
p.card {
	font-size:14px;
	line-height:18px;
	}
p.mini {
	font-size:10px;
	}
p.text {
	font-size:15px;
	line-height:24px;
	}
p.data .tag {
	font-size:14px;
	}
div.menu.address.small-inline {
	width:12%;
	}
a.menu.selected, div.menu.address.selected {
	background-color:rgba(255,255,255,0);
	}

}@media (min-width:520px) {/* #medialistener{width:200px;background-color:green;} */

#hello {
	position:absolute;
	width:35%;
	background-color:white;
	top:0;
	right:0;
	bottom:0;
	overflow-y: auto;
	}
#media {
	right:35%;
	}
#page-wil-logo {
	width:100%;
	}
#pageviewer .menu {
	right:35%;
	padding:40px 12px;
	}
#hello .content {
	margin:12px;
	}
h1 {
	font-size:22px;
	line-height:24px;
	margin-bottom: 12px;
	}
h3 {
	font-size:12px;
	line-height:16px;
	margin-bottom: 6px;
	}
p, .slideprevs {
	line-height:12px;
	margin-bottom:6px;
	margin-left:1px;
	}

p.mini {
	font-size:9px;
	}
p.text {
	font-size:11px;
	line-height:18px;
	}
p.data .tag {
	font-size:11px;
	}
}@media (min-width:740px) {/* #medialistener{width:200px;background-color:orange;} */
#hello {
	width:30%;
	}
#media {
	right:30%;
	}
/* 
#hello, #page-wil-logo {
	width:30%;
	}
 */
#pageviewer .menu {
	right:30%;
	padding:40px 14px;
	}
#hello .content {
	margin:14px;
	}
h1 {
	font-size:24px;
	line-height:28px;
	margin-bottom: 14px;
	}
h2, p.address {
	font-size:16px;
	line-height:16px;
	margin: 14px 0px;
    font-weight:var(--font-weight-regular);
	}
.item h2, .item-address h2 {
	margin: 4px 0px;
	}
p.address {
	margin: 2px 0 0 2px;
	}
h3 {
	font-size:14px;
	line-height:21px;
	margin-bottom: 7px;
	margin-left:2px;
	}
p, .slideprevs {
	line-height:14px;
	margin-bottom:7px;
	margin-left:2px;
	}
p.mini {
	font-size:11px;
	}
p.text {
	font-size:13px;
	line-height:21px;
	}
p.data .tag {
	font-size:13px;
	}
span.icon, div.icon {
	display:inline-block;
	font-size:inherit;
	font-family: WilIcon;
	vertical-align: top;
	text-transform: none;
	margin-top:-2px;
	}
}@media (min-width:960px) {/* #medialistener{width:300px;background-color:lightblue;} */
#media {
	right:30%;
	}
#hello, #page-wil-logooo {
	width:30%;
	}
#pageviewer .menu {
	right:30%;
	padding:40px 16px;
	}
#hello .content {
	margin:16px;
	}
h1 {
	font-size:30px;
	line-height:40px;
	margin-bottom: 16px;
	}
h2, p.address {
	font-size:18px;
	line-height:18px;
	margin: 16px 0px;
	}
.item h2,.item-address h2 {
	margin: 4px 0px;
	}
p.address {
	margin: 2px 0 0 2px;
	}
h3 {
	font-size:15px;
	line-height:24px;
	margin-bottom: 8px;
	margin-left:2px;
	}
p, .slideprevs {
	line-height:16px;
	margin-bottom:8px;
	margin-left:2px;
	}
p.mini {
	font-size:12px;
	}
p.text {
	font-size:14px;
	line-height:24px;
	}
p.data .tag {
	font-size:14px;
	}
}@media (min-width:1090px) {/* #medialistener{width:400px;background-color:pink;} */
h2, p.address {
	font-size:18px;
	line-height:22px;
	margin: 16px 0px;
	}
p.address {
	margin: 2px 0 0 2px;
	}
}
@media (min-width:1180px) {/* #medialistener{width:400px;background-color:pink;} */
#media {
	right:360px;
	}
#hello, #page-wil-logooo {
	width:360px;
	}
#pageviewer .menu {
	padding:40px 14px;
	right:360px;
	}
#hello .content {
	margin:14px;
	}
h1 {
	font-size:36px;
	line-height:40px;
	margin-bottom: 16px;
	}
h2, p.address {
	font-size:20px;
	line-height:24px;
	margin: 16px 0px;
	}
.item h2,.item-address h2 {
	margin: 4px 0px;
	}
p.address {
	margin: 2px 0 0 2px;
	}
h3 {
	font-size:15px;
	line-height:24px;
	margin-bottom: 8px;
	margin-left:3px;
	}
p, .slideprevs {
	line-height:16px;
	margin-bottom:8px;
	margin-left:3px;
	}
p.mini {
	font-size:12px;
	}
p.text {
	font-size:14px;
	line-height:24px;
	}
p.data .tag {
	font-size:16px;
	}
}
.marB, p.marB {
	margin-bottom:14px;
	}
.itunes-link {
	width:20%;
	max-height:20px;
	float:left;
	margin-right:4px;
	vertical-align: middle;
	}
	
.content.clearfix, .stream-item-footer {
	display:none;
	}
.h-entry.tweet {
	font-family: 'PerfectEgg-CondensedLight' !important;
	}
	.media.companies {
		text-align:center;
		background-color:white;
		font-size:0;
		line-height:0;
		}
	.companies .company {
		position:relative;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		width:16%;
		min-width:150px;
		height:90px;
		display:inline-block;
		}
	.companies .company .cname {
		position:absolute;
		width:100%;
		bottom:0;
		font-family:calibri;
		font-size:10px;
		line-height:1;
		text-transform: uppercase;
		text-align:center;
		display:none;
		}
	@media (max-width:960px) {
		.companies .company {
			min-width:140px;
			height:90px;
			}
		.companies .company .cname {
			font-size:10px;
			line-height:1;
			}
		}
	@media (max-width:840px) {
		.companies .company {
			min-width:110px;
			height:80px;
			}
		.companies .company .cname {
			font-size:9px;
			line-height:1;
			}
		}
	@media (max-width:720px) {
		.companies .company {
			min-width:120px;
			height:70px;
			}
		.companies .company .cname {
			display:none;
			font-size:8px;
			line-height:1;
			}
		}
	@media (max-width:600px) {
		.companies .company {
			min-width:110px;
			height:70px;
			}
		.companies .company .cname {
			display:none;
			font-size:8px;
			line-height:1;
			}
		}

#pageviewer .menu.close {
	position: absolute;
	right: 40px;
	top: 20px;
	background: white;
	height: 36px;
	padding: 0;
	line-height: 36px;
	width: 36px;
	font-size: 32px;
	border-radius: 20px;
	}
#pageviewer .menu.close span.icon {
	line-height: 36px;
	width: 36px;
	margin: 0 !important;
	cursor:pointer;
	}
#previewElementDiv { 
    font-feature-settings: "calt" 0;
    -webkit-font-feature-settings: "calt" 0; 
    }
#previewElementDiv a{color:white;}
a.other{
    background-color: hsla(200,89%,100%,1);
    color: hsla(200,30%,40%,1);
    }
a.other:hover{
    background-color: hsla(200,89%,100%,1);
    color: hsla(200,30%,0%,1);
    }
#this-is-torben{
    padding: 0px 0 20px 6px !important;
    margin-top:10px;
    display:block;
    position:relative;
    }
#this-is-torben span.link{
    margin: 0 -2px;
    padding: 0 5px;
    background-color: hsla(200,50%,60%,0.5);
    border-radius: 4px;
    cursor:pointer;
    }
#this-is-torben .view-intro{
    max-width:600px;
    }
#view-home, #view-graphicdesign, #view-illustration, #view-visualid, #view-webdesign, #view-app, #view-font{
    position:absolute;
    top:0;
    display:none;
    opacity:0;
    z-index:10;
    transition:all 250ms;
    }
#view-home{
    position:relative;
    /* display:block; */
    z-index:1;
    }
body[data-page="home"] #view-home,
body[data-page="graphicdesign"] #view-graphicdesign,
body[data-page="illustration"] #view-illustration,
body[data-page="visualid"] #view-visualid,
body[data-page="webdesign"] #view-webdesign,
body[data-page="app"] #view-app,
body[data-page="font"] #view-font{
    display:block;
    opacity:1;
    padding: 2px 2px 1px 2px;
    height:auto;
    }