@font-face{
font-family:"Gill Sans W04 Roman";
src:url("/fonts/c575cf0c-7e15-4f49-913a-af4676e20343.eot?#iefix");
src:url("/fonts/c575cf0c-7e15-4f49-913a-af4676e20343.eot?#iefix") format("eot"),url("/fonts/a5dcf2a7-92c3-402b-8233-9da23c2af1c1.woff2") format("woff2"),url("/fonts/39ede25d-544d-4537-8668-3e9af68a26ec.woff") format("woff"),url("/fonts/fe7e264f-3a4a-40c8-85eb-f9e2cb4b6f21.ttf") format("truetype"),url("/fonts/f45aa0ef-7101-4ac6-84f9-fce14d01e189.svg#f45aa0ef-7101-4ac6-84f9-fce14d01e189") format("svg");
}
@font-face{
font-family:"Gill Sans W01 Light";
src:url("/fonts/acd8a043-828c-4c2c-98cb-b5224f5d4cdb.eot?#iefix");
src:url("/fonts/acd8a043-828c-4c2c-98cb-b5224f5d4cdb.eot?#iefix") format("eot"),url("/fonts/a2926047-aec5-42f4-b352-e593469518be.woff2") format("woff2"),url("/fonts/c56da29d-9c5b-4d94-900f-770cde3dd317.woff") format("woff"),url("/fonts/378182d1-8021-4674-a814-cc8f01f9a937.ttf") format("truetype"),url("/fonts/d8851d95-478d-47a9-a0b0-a8d8e4ca127a.svg#d8851d95-478d-47a9-a0b0-a8d8e4ca127a") format("svg");
}

body {
    color:#626262;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Gill Sans W01 Light";
	font-weight: 400;
	font-style: normal;
    font-size: 22px;
    text-rendering: optimizelegibility;
}

h1 {
	font-family: "futura-pt";
	font-weight: 300;
	font-style: normal;
	font-size: 110px;
	color: #000;
    line-height: 1em;
    text-transform: uppercase;
}

.hamburger,
.topNavMobile {
	display: none;
}

.isSubPage h1 {
	font-size: 65px;
}

h2 {
	font-size: 48px;
	color: #000;
    margin-top: 0;
    margin-bottom: 2rem;
    font-family: "futura-pt";
    text-transform: uppercase;
}

p .ingressBig {
    font-size: 48px;
    color: #000;
    line-height: 1.5em;
}

a {
    color: #000;
}

a:hover {
    color: #000;
    text-decoration: none;
}

img {
    max-width: 100%;
}

img.full {
	width: 100%;
}

.padding {
    padding: 50px;
}

.paddingBottom {
    padding-bottom: 60px;
}

.padding-left {
    padding-left: 30px;
}

.margin-top {
	margin-top: 130px;
}

.center {
	text-align:center;
}

.down-arrow {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    position: relative;
    -webkit-transform: rotate(45deg);
    bottom: 3px;
    margin-left: 5px;
}

.isSubPage .down-arrow {
    border: solid #000;
    border-width: 0 2px 2px 0;
}

.btn {
    padding: 15px 10px;
    padding-top: 10px;
}

.btn:after {
    content: url("/media/52xfhzaf/linkarrow.svg");
    margin-left: 10px;
    position: relative;
    top: 6px;
}

.btn--white {
    background: #fff;
    color: #000;
}

.btn--black {
    background: #000;
    color: #fff;
}

.btn--black:after {
 filter: invert(1);
}

.btn--black:hover {
    color: #fff;
}

.btn--round {
    border-radius: 30px;
    padding: 15px 50px;
    padding-top: 10px;
}

.listDocs {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 3rem;
}

.listDocs li {
    padding: 15px;
}

.listDocs li img {
    margin-right: 15px;
}

.listDocs li:nth-child(odd) {
    background: #fff;
}

.header {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: solid 1px #fff;
	padding: 20px 0;
    z-index:9;
}

.header > .topNav > .row {
    align-items: center;
}

.isSubPage .header {
	border-bottom: solid 1px #000;
}

.isSubPage .header a {
	color: #000;
}

.isSubPage .header img {
    filter: invert(1);
}

.isSubPage .header p,
.isSubPage .header button {
    color: #000;
}

div[paddings~="Extrastor"] {
    padding: 150px 0;
}

.grid-section > div[paddings~="Extrastor"] > .row {
	padding-bottom: 0;
}

div[paddings~="Stor"] {
    padding: 75px 0;
}

.grid-section > div.noPaddingBottom > .row {
    padding-bottom: 0;
}

div[bgcolor~="grå"] {
    background-color: #F8F8F8;
}

div[bgcolor~="mörkblå"] {
    background-color: rgb(54, 72, 90);
}

div[bgcolor~="mörkblå"] * {
    color: #fff;
}



div[bgcolor~="svart"] {
    background-color: #000;
}

.grid-section div[rowwidth="mellan"] > .row {
    width: 1140px;
}


div[bgcolor~="svart"] h2 {
    color: #fff;
}

div[bgcolor~="svart"] p {
    color: #6D6D6E;
}

#mc_embed_signup input[type="email"]::placeholder {
	color: #fff;
}

.dataconsent input[type="checkbox"] {
    display: inline;
}

.dataconsent label {
    display: inline;
}

.umbraco-forms-page .btn {
    width: 15rem;
    background: #fff;
    color: #000;
    box-shadow: none;
    margin-top: 60px;
}

.umbraco-forms-page .btn:hover {
    background: #fff;
}

.umbraco-forms-page input[type="text"],
.umbraco-forms-page textarea {
    padding: 5px 10px;
    width: 100%;
    color: #000;
}

.field-validation-error {
    display:block;
}

.noColumnMargins .column {
    padding: 0;
}

.noColumnMargins > .row {
    display:flex;
}

.noColumnMargins > .row .column > div {
    height: 100%;
}

.header a {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "futura-pt";
}

.header ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display:flex;
}

.header ul li {
	padding: 0 20px;
}

.topNav .logo {
    width: 250px;
    max-width: 100%;
}

.isSubPage .header {
    position:static;
    
}

.hero {
	height: 80vh;
	background-size: cover;
	background-position:center;
    flex-wrap:wrap;
    position:relative;
}

.hero:after {
    content:"";
    position:absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    top: 0;
    left: 0;
}

.hero .container {
    position:relative;
    z-index: 1;
    width: 960px;
    padding-top: 180px;
}

.hero h1,
.hero p {
    color: #fff;
 }

 .hero h1 {
     margin-bottom: 40px;
 }

.subTitle {
    font-size: 30px;
    margin-bottom: 40px;
}

.heroSubInfoWrapper {
    width: 100%;
    position:absolute;
    bottom: 15px;
    padding-left: 30px;
}

.heroSubInfoWrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display:flex;
    color: #fff;
}

.heroSubInfoWrapper ul li {
    padding-right: 30px;
    text-align:center;
}

.heroSocialWrapper {
    padding-right: 30px;
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.heroSocialWrapper img {
    margin-left: 15px;
}

.heroSocialWrapper span {
    position:relative;
    top: 5px;
}

.heroDate {
    font-weight: 300;
}

.grid-section > div > .row, footer > .row {
    padding-left: 15px;
    padding-right: 15px;
    width: 1600px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}

.box--white {
    background: #fff;
    padding: 40px;
}

.overlap--left {
    position: relative;
    right: 10%;
    top: 10%;
    z-index: 1;
}

.overlap--right {
    position: relative;
    left: 10%;
    top: 10%;
    z-index: 1;
}

.borders {
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
}

.grid-section > div.full > .row {
    width: 100%;
    padding: 0;
}

.grid-section > div.full.borders > .row .listWrapper li:nth-child(n+7)  {
	border-bottom: none;
}

.grid-section > div.full > .row > .column {
    padding: 0;
}

.listWrapper {
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    padding: 0;
    margin: 0;
}

.listWrapper li {
    width: 33%;
    text-align:center;
    padding: 30px;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
}

.listWrapper li:nth-child(3n) {
    border-right: none;
}

.listWrapper.styrelse li{
    width: 25%;
    border: none;
}

.listWrapper.styrelse li > div {
    border: none;
}

.listWrapper.styrelse li a {
    color: #fff;
    margin-top: 1rem;
    font-size: 22px;
}

.listWrapper.styrelse img {
    border-radius: 50%;
}

.personInfoWrapper {
    margin-left: 50px;
    margin-top: 2rem;
}

.box .imageWrapper {
    display:flex;
    justify-content:center;
    align-items:center;
    height:  150px;
}

.listWrapper li img {
    margin-bottom: 15px;
}

.box p,
.box a {
    font-size: 18px;
}

.box a,
.listWrapper a {
    color: #000;
    font-size: 18px;
}

.box a:after,
.listWrapper a:after {
    content: url("/media/52xfhzaf/linkarrow.svg");
    margin-left: 10px;
    position: relative;
    top: 6px;
}

#mc_embed_signup {
    background: none;
    font-family: sofia-pro,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    margin-top: 80px;
}

#mc_embed_signup input[type="email"] {
    background:transparent;
    border-radius: 10px;
    outline: 0;
    border: solid 1px #fff;
    margin-right: 30px;
    padding: 20px 60px;
	color:#fff;
}

#mc_embed_signup input[type="submit"] {
    background: #fff;
    border-radius: 10px;
    color: #000;
    border: none;
    outline: 0;
    padding: 20px 25px;
    padding-left: 60px;
    background-image: url("/media/1059/about.svg");
    background-repeat:no-repeat;
    background-position: 25px;
 }

#mc_embed_signup_scroll {
    display: flex;
}

.listWrapper.noBorders li {
    border: none;
}

.columns-3 li {
    width: 33%;
}

.date {
    color: #000;
    text-transform:uppercase;
    font-size: 18px;
}

.newsListWrapper {
	margin-bottom: 60px;
}

.newsListWrapper p {
    font-family: degular,sans-serif;
    font-size: 24px;
}

.newsListWrapper li {
    border: none;
    padding: 0;
}

.newsItemWrapper {
    border-right: solid 1px #DEDEDE;
    padding-left: 30px;
    padding-right: 30px;
}

.listWrapper.newsListWrapper.columns-3 li:last-child .newsItemWrapper {
    border-right: none;
}

.newsListAllWrapper li {
	margin-bottom: 30px;
}

.BackgroundBox {
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    margin-bottom: 60px;
    background-size: cover;
}

.BackgroundBox .row .column > div {
    padding: 150px 80px;
}

.BackgroundBox p,
.BackgroundBox h2 {
    color: #fff;
}

.BackgroundBox h2 {
    font-size: 90px;
    font-family: degular,sans-serif;
}

.locsWrapper {
    display:flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.locsWrapper li {
    margin-right: 30px;
}

.locsWrapper li a {
    font-size: 24px;
}

.locsWrapper li a.open {
    font-weight: 600;
}

.locsDropdownWrapper {
    color: #000;
}

.locsDropdownWrapper ul {
    list-style:none;
    margin: 0;
    padding: 0;
}

.locsDropdownWrapper > ul > li {
    border-bottom: solid 1px #DEDEDE;
    padding-bottom: 10px;
    margin-bottom: 15px;

}

.locsDropdownWrapper > ul > li div:first-child:after {
    content:url("/media/1070/plus.svg");
    float:right;
}

.locsDropdownWrapper ul li div:first-child {
    cursor:pointer;
}

.locsInfoWrapper {
    margin-top: 15px;
    display: none;
}

.locAddress {
	display: none;
	margin-bottom: 30px;
	color: #000;
	font-weight: 600;
	font-size: 16px;
}

.locAddress a {
	font-weight: 400;
	float:right;
	
}

.locAddress a:after {
    content: "";
    margin-left: 10px;
    background-size: 15px;
    background-image: url(/media/1065/linkarrow.svg);
    width: 15px;
    height: 13px;
    padding: 0px;
    background-repeat: no-repeat;
    display: inline-block;
}

.locAddress.open {
	display:block;
}

footer {
    padding: 60px 0;
        background-color: #F8F8F8;
}

footer * {
    color: #333;
    font-size: 17px;
}

footer h3 {
    font-size: 24px;
}

.footerTextWrapper {
    margin-top: 30px;
}

.footerPlaces {
    list-style: none;
    padding:  0;
    margin: 0;
}

.footerPlaces li {
    color: #6D6D6E;
    padding-bottom: 3px;
    margin-bottom: 5px;
    border-bottom: solid 1px #6D6D6E;
    display:flex;
}

.footerPlaces li span {
    color: #6D6D6E;
    font-size: 24px;
    width: 50%;
}

.footerPlaces li span:last-child {
    text-align:right;
} 

.newsImageWrapper {
	margin-bottom: 30px;
}

@media (min-width:1920px) {
	.grid-section > div.full > .row {
    	width: 1600px;
    	padding-left: 15px;
		padding-right: 15px;
	}
	
	.grid-section > div.full.borders > .row {
		border-left: solid 1px #000;
		border-right: solid 1px #000;
		padding-left: 0;
    	padding-right: 0;
	}
}

@media (max-width:1600px) {
    .hero {
        height: 95vh;
    }

    .header a {
        font-size: 16px;
    }

    div[paddings~="Extrastor"] {
        padding: 150px 0;
    }

    .grid-section > div > .row,
    footer > .row {
        width: 1400px;
    }
}

@media (max-width:1024px) {

    h1 {
        font-size: 65px;
    }

    h2 {
        font-size: 36px;
    }

    .hero h1 {
        font-size: 90px;
    }

    .padding {
        padding: 20px;
    }

    .header a {
        font-size: 13px;
    }

    .hero .container {
        padding-top: 0;
    }

    div[paddings~="Extrastor"] {
        padding: 35px 0;
    }

    .grid-section > div > .row, footer > .row {
        padding-bottom: 15px;
    }

    p .ingressBig {
        font-size: 30px;
    }

    .box--white {
        padding: 20px;
    }

    .overlap--left {
        right: 25%;
    }

    .overlap--right {
        left: 25%;
    }

    .overlap--left, .overlap--right {
        top: 5%;
    }

    .listWrapper li {
        width: 33%;
    }

    .listWrapper li:nth-child(4n) {
        border-right: solid 1px #000;
    }

    #mc_embed_signup input[type="email"] {
        padding: 10px 40px;
        margin-right: 15px;
        font-size: 15px;
    }

    #mc_embed_signup {
        margin-top: 30px;
    }

    #mc_embed_signup input[type="submit"] {
        padding: 11px 30px;
        padding-left: 40px;
        background-size: 20px;
        background-position: 15px;
        font-size: 15px;
    }
}

@media (max-width:1023px) and (min-width:769px) {
	.hero h1 {
    	font-size: 50px;
	}
	
	.subTitle {
    	font-size: 20px;
    	margin-bottom: 20px;
	}
	
	.hero {
    	height: 130vh;
	}
	
	.header ul li {
    	padding: 0 10px;
	}
	
	.header ul li a {
		font-size: 12px;
	}
	
	.heroSubInfoWrapper ul li,
	.heroSocialWrapper span {
        font-size: 12px;
	}
	
	h1 {
    	font-size: 50px;
	}
	
	h2 {
    	font-size: 22px;
	}
	
	p {
		font-size: 14px;
	}
	
	p .ingressBig {
    	font-size: 22px;
	}
	
	.box p, .box a {
		font-size: 14px;
	}
	
	.newsListWrapper p {
		font-size: 14px;
	}
	
	.BackgroundBox h2 {
    	font-size: 45px;
	}
	
	#mc_embed_signup_scroll {
		display: block;
	}
	
	#mc_embed_signup input[type="submit"] {
		margin-top: 12px;
		width: 100%;
	}
	
	#mc_embed_signup input[type="email"] { 
		width: 100%;
	}
}

@media (max-width:768px) {

	.hamburger {
		display:block;
	}

	.hero {
		height: 95vh;
	}
	
    body {
        font-size: 18px;
        overflow-x:hidden;
    }
	
	.topNav .col:last-child,
    .topNav .col:first-child {
        display: none !important;
    }


    .hero h1 {
        font-size: 75px;
    }

    .subTitle {
        font-size: 25px;
    }

    .heroSubInfoWrapper ul li {
        font-size: 17px;
    }

    .column {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .overlap--left, .overlap--right {
        position:static;
    }

    .BackgroundBox h2 {
        font-size: 50px;
    }

    .listWrapper li {
        width: 50%;
    }
	
	.topNavMobile {
		position: absolute;
    	top: 4.4rem;
    	background: #000;
    	width: 100%;
		padding: 15px;
	}
	
	.topNavMobile ul {
		display:block;
	}
	
	
	
	.topNavMobile ul a {
		padding: 10px;
		font-size: 20px;
		display:block;
	}
 }

@media (max-width:767px) {
	
	.topNav .text-center {
		text-align:left !important;
	}
	
	.topNav .text-center img {
		width: 180px;
	}
	

	
    .hero h1, h1 {
        font-size: 45px;
    }

    .subTitle {
        font-size: 20px;
    }

    .heroSocialWrapper{
        display:none;
    }

    p .ingressBig {
        font-size: 25px;
    }

    div[paddings~="Stor"] {
        padding: 35px 0;
    }

    .listWrapper li {
        width: 100%;
    }

    #mc_embed_signup_scroll {
        display:block;
    }

    input[type="email"] {
        margin-right: 0;
        width: 100%;
    }

    #mc_embed_signup input[type="submit"] {
        width: 100%;
        margin-top: 15px;
    }

    .newsItemWrapper {
        margin-bottom: 15px;
    }

    .BackgroundBox .row .column > div {
        padding: 30px;
    }

    .BackgroundBox h2 {
        font-size: 35px;
    }

    .locsWrapper li a {
        font-size: 18px;
    }

    .grid-section > div > .row, footer > .row {
        display: block;
    }

    .footerPlaces li span {
        font-size: 18px;
    }
}