/*--------------------------------------------------------------
Tema
--------------------------------------------------------------*/
*,
::after,
::before {
    box-sizing: border-box;
}

html { font-size: 10px; }
@media (min-width: 1700px) {
    /* html { font-size: 10.5px;}*/
}
@media (min-width: 2000px) {
    html { font-size: 10.5px;}
}

@media (min-width: 2559px) {
    html { font-size: 13px;}
}

@media (max-width: 375px) {
    html { font-size: 9.5px;}
}

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


/*--------------------------------------------------------------
Colors
--------------------------------------------------------------*/
.c1 { color: var(--c1);}
.c2 { color: var(--c2);}
.c3 { color: var(--c3);}
.color-black, .c-black { color: var(--black) !important;}
.color-grey { color: var(--gray);}
.color-darkgrey, .c-dg { color: var(--gray-dark);}
.color-lightgrey { color: var(--gray-light);}
.color-white, .c-wh { color: var(--white);}
.c-wh- {color: var(--white-v)}
.bg { background: var(--c1);}
.bg2 {background: var(--c2);}
.bg3 {background: var(--c3);}
.bg-white, .bg-wh { background: var(--white);}
.bg-wh-v {background: var(--white-vv)}
.bg-grey, .bg-gr { background:var(--gray);}
.bg-lightgrey, .bg-lg { background: var(--gray-light);}
.bg-lg- { background: var(--gray-lighter);}
.bg-darkgrey { background: var(--gray-dark);}
.bg-black, .bg-bl { background: var(--black);}
.bg-att { background: var(--attention);}

.c-at { color: var(--attention)}

::selection {
    background:  var(--c1); /* WebKit/Blink Browsers */
    color: #fff;
}
::-moz-selection {
    background:  var(--c1); /* Gecko Browsers */
    color: #fff;
}

/*--------------------------------------------------------------
Typography og body
--------------------------------------------------------------*/
body,button,input,select,textarea {
    font-family: 'Lk', sans-serif;
    line-height: 1.7;
    color:#1c1b1b;
    font-weight:300;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Lk', sans-serif;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
}
/* fontsizes*/
h1, .h1 { font-size: 5rem;}
h2, .h2 {font-size: 4rem;}
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 2rem;}

.f-0 {font-size: 3.4rem; }
.f-1 {font-size: 2.8rem; font-weight: 400; }
.f-2, .tll- h2 {font-size: 2.2rem; }
.f-3, .tll- h3, blockquote p {font-size: 2.2rem; line-height: 1.8; }
.f-4, body,select,  .tll- h4, .tll- h5, .tll- h6 {font-size: 1.6rem; }
.f-5  {font-size: 1.4rem !important; }
.f-6, .btn-l   {font-size: 1.3rem !important; }
.f-7 {font-size: 1.1rem !important; }



@media (max-width: 1500px) {
    .f-0 {font-size: 3.2rem; }
    .f-1 {font-size: 2.6rem; }
    .f-2 {font-size: 2rem; }
    .f-3,.tll- h2, .tll- h3, blockquote p {font-size: 2rem; line-height: 1.8; }
    .f-4, body,select,  .tll- h4, .tll- h5, .tll- h6 {font-size: 1.5rem !important; }
    .f-5,.btn-l  {font-size: 1.3rem !important; }
    .f-6   {font-size: 1.2rem !important; }
}

@media (max-width: 1280px) {
    .f-0 {font-size: 3rem; }
    .f-1 {font-size: 2.4rem; }
    .f-2 {font-size: 2.2rem; }
    .f-3, .tll- h2, .tll- h3, blockquote p {font-size: 1.9rem; line-height: 1.8; }
    .f-4, body,select,  .tll- h4, .tll- h5, .tll- h6 {font-size: 1.4rem; }
    .card__pr .f-5,.btn-l  {font-size: 1.2rem !important; }
    .f-6, .top-head.f-5, .toptop-head.f-5 {font-size: 1.15rem !important; }
    .f-7 {font-size: 1rem !important; }
    
}
@media (max-width: 688px) {
    .SherO .f-0 {font-size: 3rem}
    .f-0 {font-size: 2.7rem; }
    .f-1 {font-size: 2.4rem; }
    .f-2, .s--pr .f-1 {font-size: 2.2rem; }
    .f-5  {line-height: 1.5 !important;; }
   .card__pr .f-5 {font-size: 1.2rem !important;; }
    .f-6, .top-head.f-5, .toptop-head.f-5 {font-size: 1.1rem !important;; }
    .f-7 {font-size: .9rem !important; }
}

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

.color-black, .c-black { color: var(--black);}
.color-grey {  var(--gray);}
.color-white, .color-white:visited, .color-white:hover { color: #fff;}
.bg { background: var(--c1);}
.bg2 { background:var(--c2);}
.bg3 { background: var(--c3); }
.bg-white { background: #fff;}

.bg-grey { background:  var(--gray);}
.bg-altgrey {  background: #d0cfcb;}
.bg-lightgrey { background: var(--gray-light);}
.bg-darkgrey {background:  var(--gray-dark);}
.bg-eee { background: #eee;}
.bg-black { background: var(--black);}
.bg-tw { background: var(--trans); }
.bg-tw-dark { background: var(--trans-dark); }
.bg-tw-rad { background: var(--trans-rad); }
.bg-custom {background-image: linear-gradient(180deg, var(--white) 50%, var(--c3) 50%);}

.border-c1 { border-color:var(--c1) !important;}
.border-grey { border-color:var(--gray) !important;}
.border-black { border-color: var(--black) !important;}
.border-white { border-color: #fff !important;}
.border-darkgrey {border-color: var(--gray-dark) !important;}
.border-trans { border-color: var(--trans-dark) !important;}

/*--------------------------------------------------------------
Text varianter
--------------------------------------------------------------*/
p {margin-top: 0; margin-bottom: 1.6rem;}
.tt { text-transform: uppercase;}
.fw-n{ font-weight: 300;}
.fw-b{ font-weight: 500;}
.font-bold, .fb, strong { font-weight: 500;}
.fbb { font-weight: 600;}
.ls {letter-spacing: 0.10rem;}
.lh-- { line-height: 1.5;}
.lh-x { line-height: 1.3;}
.lh-xx { line-height: 1.2;}
.lh-0 { line-height: 1;}

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a { color: var(--black);
    outline: 0;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
.tll- a { color: var(--black);
    border-bottom: solid .1rem;
}
.tll- a.btn-l {
    border-bottom: none;
}

.tll- a.nAr {border-bottom: none !important;}
.tll- a.fi-xd, .tll- a.-naaJ {border-bottom: none !important;}
a:visited { color: var(--black); }
a:hover, a:focus, a:active { color:var(--c2); text-decoration: none; }

a.grey { color:var(--gray-dark);}
a.grey:hover {color: #888585;}

a.darkgrey { color:#444;}
a.darkgrey:hover {color: #444;}

a.bl, .bl a {    color: var(--black);  }
a.bl:hover, .bl a:hover{    color: var(--att);  }

a.c { color:  var(--c1);}
a.c:hover { color:  var(--c1);}

a.white, a.wh- { color:#fff;}
a.white:hover,a.wh-:hover {color: var(--c1);}
a.ul--, .ul--{ border-bottom: solid 1px;}

.btn, a.btn {
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    outline: 0;
    background: var(--c2);
    color: var(--black);
    font-weight: bold;
    padding: 1.2rem 4rem;
    -webkit-transition:  all .4s cubic-bezier(.17, .85, .438, .99);
    transition: all .4s cubic-bezier(.17, .85, .438, .99) !important;
    transform: translateY(0);
}


.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}



.btn:hover, a.btn:hover {
    background: var(--succes-);
    transform: translateY(-8%) !important;
    animation: onePulse 0.6s forwards linear;
}
.btn.daa-:hover {
    animation: none;
}

.btn.arr:after {
    font-family: 'icons', sans-serif;
    content: "\ea0d";
    position: relative;
    margin-left: .8rem;
}

.btn:hover.arr:after {
    animation: Blinking 1.2s linear infinite;
}


.btn.out-- {
    background: transparent;
    border: solid .1rem;
}

.btn.suC {
    border-radius: .4rem;
    padding: 1.6rem 4.8rem;
}

.btn.suC.bl--  {
    background: var(--c1) ;
}

.btn.suC.no-- {
    padding: 1.2rem 4rem;
}

input[type="submit"]:disabled, :disabled, [disabled="disabled"], .btn:hover:disabled{
    background-color:#eee !important;
    color: #FFF !important;
    border-color: #FFF;
    cursor: wait;
   box-shadow: none !Important;
    transform: none !Important;
}

/*--------------------------------------------------------------
Lists
--------------------------------------------------------------*/
ul.nn-, ul.nn- li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul strong, ul strong {
    margin-bottom: 2.4rem;
    display: block;
    font-size: 120%;
}

ul em, ul em {
    margin-top: 2.4rem;
    display: block;
    font-size:80%;
}


.tll- ul, ul.tll- {
    margin: 2.4rem 0 4rem;
    padding: 0;
    list-style: none;
    max-width: 100%;
    border-radius: 0.8rem;
    position: relative;
}

.tll- ul li, ul.tll- li {
    margin: .8rem 0 0 0;
    display: flex;
}

.tll-  ul li:before, ul.tll- li:before, .reTurnA:before {
    color: var(--c1);
    content: "\f17b";
    font-family: 'icons',sans-serif;
    margin-right: .8rem;
}

ul.tll- li.reTurn:before, .reTurnA:before {
    color: var(--black);
    content: "\f175";
}

ol {
    margin: 1.6rem;
    padding: 0;
}

ol li {
    margin-bottom: .8rem;
    padding-bottom: .4rem;
}

/*--------------------------------------------------------------
Opbygning og struktur
--------------------------------------------------------------*/
.overflow { overflow: hidden;}
.section { display: block; min-width: 100%; max-width: 100%; position: relative; }
.sect { display: block;position: relative;}
.rela-t {position: relative !important;}
.ro-ci-- {border-radius: 50%;}
.ro-- {border-radius: .4rem;}
.overflow-x { overflow-x: hidden;}
.overflow-txt, .ovflT {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 4rem;
}
.sticky.t0 {
    top: 0;
}

.sha-- {
    z-index: 1;
    box-shadow: 0 0 1.6rem rgba(0, 0, 0, .1) !important;
    position: relative;
}

.shaW-- {
    z-index: 1;
    box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.025) !important;
    position: relative;
}
.fi-xd {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/*--------------------------------------------------------------
Images
---------------------------------------------a-----------------*/
img {
    height: auto;
}

img.hide {
    visibility: hidden;
}
video {
    width: 100%;
    height: 100%;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

img {
    max-width: 100%;
}

img.fill {
    object-fit: cover;
}

.th-ho img {
    transition: transform .3s cubic-bezier(.215,.61,.355,1);
}
.th-ho img {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}
.th-ho:hover img  {
    -webkit-transform: scale(1.04) rotate(1deg);
    -moz-transform: scale(1.04) rotate(1deg);
    -ms-transform: scale(1.04) rotate(1deg);
    transform: scale(1.04) rotate(1deg);
}

.thumb-hover picture:after  {
    content: '';
    background: #000;
}

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%;
}

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

picture.ovll- {
    background: rgb(44 97 80 / 25%);
}
picture.ovll- img {
    filter: grayscale(1) invert(0);
    mix-blend-mode: overlay;
}

/*--------------------------------------------------------------
heights
--------------------------------------------------------------*/
.hv-1 {height: 100vh}
.h-100 {height: 100% !important;}
.w-100 {width: 100% !important;}