/*--------------------------------------------------------------
Typography og body
--------------------------------------------------------------*/
html, body {-webkit-font-smoothing: antialiased; -webkit-text-stroke: 0.1px rgba(255, 255, 255, 0.01);}
body {overflow-x: hidden; background: var(--gray); margin: 0;}

body,button,input,select,textarea {
    font-family: var(--fw);
    line-height: var(--lhP);
    color:var(--black);
    font-weight:400;
}

h1,h2,h3,h4,h5,h6 {
    font-family:var(--fw-);
    font-weight: 700;
    line-height: var(--lhH);
   margin: 0;
}
.fX, .hLTl {
    font-family:var(--fw-);
    font-weight: 600;
}

/*--------------------------------------------------------------
Colors
--------------------------------------------------------------*/
.c1 {color: var(--c1)}
.c1- {color: var(--c1--)}
.c2{color: var(--c2)}
.c3 {color: var(--c3)}
.c4 {color: var(--c4)}

.c-black, .color-black {color: var(--black) !important}
.c-gr {color: var(--gray);}
.c-dg {color: var(--gray-dark) !important}
.c-lg{color: var(--gray-light)}
.c-wh, .color-white {color: var(--white)}

.bg {background: var(--c1) }
.bg2 {background: var(--c2)}
.bg3 {background: var(--c3)}
.bg4 {background: var(--c4)}
.bg5 {background: var(--c5)}
.bg-wh, .bg-white {background: var(--white)}
.bg-wh- {background: var(--white-)}
.bg-wh-- {background: var(--white--)}
.bg-gr {background: var(--gray)}
.bg-gr-- {     background-image: var(--gradiant);}
.bg-lg, .bg-lightgrey {background: var(--gray-light)}
.bg-dg {background: var(--gray-dark)}
.bg-black {background: var(--black)}


::selection {
    background:  var(--black-); /* WebKit/Blink Browsers */
    color: var(--white);
}
::-moz-selection {
    background:  var(--black-); /* Gecko Browsers */
    color: var(--white);
}

/*--------------------------------------------------------------
Standard text elementer
--------------------------------------------------------------*/
p {margin-bottom: 1.2rem}
.fM {font-weight: 500}
b, strong, th, .fb {font-weight: 700}
cite, dfn, em, i {font-style: italic}
.tt {text-transform: uppercase}
.tJ {text-align: justify;}
.fn, .font-normal {font-weight: 400 !important}
.fL {font-weight: 300 !important}

.ls {letter-spacing: .05rem}
.lh-none {line-height: 1.5}
.lh-nx {line-height: 1.3;}
.lh-x {line-height: 1}

/* fontsizes */
.h1, h1 {font-size: 3.6rem}
.h2, h2 {font-size: 3.2rem}
.h3, h3 {font-size: 1.75rem}
.h4, .h5, h4, h5 {font-size: 1.25rem}
.h6, h6 {font-size: 2.4rem}

.f-u {font-size: var(--fu)}
.f-0 {font-size: var(--f0)}
.f-1, .txt h2, .txt h3, .txt h4, .txt h5, .txt h6 {font-size: var(--f1)}
.f-2 {font-size: var(--f2) !important}
.f-3 {font-size: var(--f3) !important}
.f-4, body {font-size: var(--f4) !important}
.f-5 {font-size: var(--f5) !important}
.f-6 {font-size: var(--f6)}

/* Text variations  */
.txt h2, .txt h3, .txt h4, .txt h5, .txt h6 {
    margin-bottom: 1.6rem;
    margin-top: 0;
    letter-spacing: -.04rem;
    font-style: italic;
}

.txt p + h2, .txt p + h3, .txt p + h4, .txt p + h5, .txt p + h6 {margin-top: 4rem}
.txt p:last-of-type, .txt.m-0 p {margin: 0}
.txt p:empty {display: none}



/*--------------------------------------------------------------
Liste og tables
--------------------------------------------------------------*/
ul,ol {	margin: 0 0 1.5em 3em;}
ul { list-style:none; margin:0; padding:0;}
ol {	list-style: decimal;}
li > ul,li > ol {	margin-bottom: 0;	margin-left: 1.5em;}
figure {	margin: 0;}

th {	font-weight: bold;}
embed,iframe,object {	max-width: 100%;}


/*--------------------------------------------------------------
Opbygning og struktur
--------------------------------------------------------------*/
.overflow { overflow: hidden;}
.section { display: block; min-width: 100%; max-width: 100%; position: relative; }
.sect { display: block;position: relative;}
.rela-ti {position: relative;}

.overflow-x { overflow-x: hidden;}

.overflow-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ro-ci-- {border-radius: 50%;}
.ro--, .rounded {border-radius: .4rem;}
.ro--M {border-radius:  2.4rem;}


.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 1.6rem;
}

.shadow, .shD {
    z-index: 1;
    box-shadow: 0 0 16px rgba(0, 0, 0, .06) !important;
    position: relative;
}
.fixD , .fixed, .fi-xd{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
}

.zmax {z-index: 99}
.z6 {z-index: 6}


/*--------------------------------------------------------------
Images
---------------------------------------------a-----------------*/
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img {
    border-radius: var(--roUnd-);
    height: auto; /* Make sure images are scaled correctly. */	max-width: 100%; /* Adhere to container width. */}

.logo img {border-radius: 0}
img.fill, img {
    object-fit: cover;
}

video {
    object-fit: cover;
    display: block;
    min-width: 100%;
    min-height: 100%;
    width: 100% !important;
    height: 100% !important;
}

video.fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}