/* Ver 1.1.3: 14. aug 2020 */
 @font-face {
    font-family: 'Begum';
    src: url("../fonts/Begum-Regular.bf1f6e47c751.woff2") format('woff2'),
        url("../fonts/Begum-Regular.76e50f4b8862.woff") format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Begum';
    src: url("../fonts/Begum-Bold.08018f5fb04d.woff2") format('woff2'),
        url("../fonts/Begum-Bold.5647747e8983.woff") format('woff');
    font-weight: bold;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'TT Norms';
    src: url("../fonts/TTNormsPro-Regular.dc55d299f35e.woff2") format('woff2'),
        url("../fonts/TTNormsPro-Regular.1cfc324652ba.woff") format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'TT Norms';
    src: url("../fonts/TTNormsPro-Bold.c94aa8d8ed72.woff2") format('woff2'),
        url("../fonts/TTNormsPro-Bold.443136e1a2ef.woff") format('woff');
    font-weight: bold;
    font-style: normal;
  }

  @import url('https://fonts.googleapis.com/css2?family=Pfontlayfair+Display&display=swap');
  
  :root{
    --primary:#0C2340;     /* Designmanual_2019_K5 - PE Dark Blue */
    --secondary:#B3A981;   /* Designmanual_innmat_Trykk - PE Bronse */
    --tertiary:#2484c6;   /* Designmanual_innmat_Trykk - PE Bronse */
    --quaternary:#fdfbf6;
    --light:#F7F6F4;       /* Designmanual_2019_K5 - PE Warm Gray */
    --white:#fff;
    --dark: #000;
    --grey: #999;

    --rem: clamp(14px, 1.5vw, 18px);
    --tab-rem: clamp(15px, 2.5vw, 22px);
    --mob-rem: clamp(18px, 3vw, 24px);  
  }
  html{
    font-family:'TT Norms';
    -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
    color:rgba(26,26,26,.8);fill:rgba(26,26,26,.8);
    font-size:18px;font-weight:300;
    font-size: var(--rem);
    line-height:1.45em
  }

    /* Scaling font-size */
    /* @media screen and (min-width:200px){ html {font-size:14px;} }
    @media screen and (min-width:400px){ html {font-size:16px;} }
    @media screen and (min-width:800px){ html {font-size:18px;} }
    @media screen and (min-width:2000px){ html {font-size:24px;} }
    @media screen and (min-width:3000px){ html {font-size:32px;} } */

    body,p{margin:0}
    article,aside,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,hr,picture{display:block;margin:0;padding:0}
    figcaption,address {font-style:normal}
    a{background-color:transparent;text-decoration:underline}
    .opacity{opacity:.54}
    a:link,[role="button"]{outline:0;cursor:pointer;}
    a:active,[role="button"]{outline:0;cursor:pointer;}
    a:hover,[role="button"]{outline:0;cursor:pointer;}
    a.active{color: var(--secondary);}
    ul{list-style:none;margin:0;padding:0}
    h1,.h1,.h1-large,h2,.h2,h3,.h3,h4,.h4,h5,.h5{font-family:'Playfair Display';margin:0; margin-bottom:0.2em; font-weight: bold; color: var(--primary);}
    h1,.h1{font-size:2.2rem;line-height:2.7rem;}
    /* h1,.h1{font-size:2.1em;line-height:1.15em} */
    h2,.h2{font-size:1.5rem;line-height:2rem;}
    h3,.h3{font-size:1.17rem}
    h4,.h4{font-size:1rem}
    h5,.h5{font-size:.9rem}
    .h1 h2 {font-size:2.2rem;line-height:2.7rem;}
    .xxs{font-size: xx-small;}
    .xs{font-size: x-small;}
    .small{font-size: small;}
    .medium{font-size: medium;}
    .large{font-size: large;}
    .xl{font-size: x-large;}
    .xxl{font-size: xx-large;}
    .xxxl{font-size: xxx-large;}
    .h1-large{font-size:3em;line-height:1em}
    b,strong,.strong{font-weight:bold}
    .italic{font-style: italic;}
    .superstrong{font-weight:900}
    .font-TT{font-family: 'TT Norms'}
    .font-PD{font-family: 'Playfair Display', serif;}
    p{margin-bottom:2em}
    .p-margin-0{margin-bottom: 0;}
    .p-margin-1{margin-bottom:1em}
    #box-txt > p {margin-bottom:0; line-height: 1.7em;}
    sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
    sup{top:-.5em}
    sub{bottom:-.25em}
    img{border:0}
    /* img:not(.reset){width:100%;height:auto} */
    .richtext-image{width: inherit; height: auto;}
    img[alt]{color:rgba(0,0,0,0)}
    svg:not(:root){overflow:hidden}
    /* hr{display:block;height:1px;border:0;margin:1em 0;padding:0;box-sizing: border-box} */
    .block{display:block}
    .inline-block{display:inline-block}
    table,tbody{border-collapse:collapse;border-spacing:0}
    thead{display: table-caption}
    td,th{padding:0}
    audio,canvas,iframe,img,svg,video{vertical-align:middle}
    blockquote{margin:0}
    blockquote p{border-left:.4em solid #c8d643;padding-left:.6em;font-style:italic;margin:0;padding-bottom:.1em;padding-top:.1em}
    cite{text-align:right;display:block}
    .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
    .sr-only.focusable:active, .sr-only.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; white-space: inherit; width: auto; }
    .table-default{width:100%;margin-bottom:2em}
    .table-default td,.table-default th{text-align:left;line-height:1.7em}
    .table-default td>p{margin:0}
    .table-default td{border-bottom:1px dotted #ccc}
    .table-default td:last-child,.table-default th:last-child,.table-default td:last-child p{text-align:right}
    .btn{padding:.6em 1.8em;text-align:center;display:inline-block;border:1px solid transparent;border-radius:.15em;text-decoration:none;cursor:pointer;vertical-align:top;-webkit-appearance:none;outline:0;-webkit-transition:all .2s ease;transition:all .2s ease;box-sizing:border-box;font-family:inherit;line-height:1.7em}
    .btn:hover{box-shadow:rgba(0,0,0,0.3) 0 16px 16px 0}
    .grid-auto{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(320px,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:20px}
    .flex-row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; list-style: none; height: inherit; }
    .flex-row.between, .flex-col.between{justify-content: space-between}
    .flex-row.center{justify-content:center}
    .flex-row.end{justify-content: flex-end}
    .flex-row.start{justify-content: flex-start}
    .flex-row.align-top, .flex-col.start{align-items:flex-start}
    .flex-row.align-bottom{align-items:flex-end}
    .flex-row.align-stretch{align-items:stretch}
    .flex-row.nowrap{flex-wrap: nowrap;}
    .flex-col { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-around; align-items: center; list-style: none; height: inherit; }
    .flex-grow{flex-grow: 1;}
    .flex-1{flex: 1;}
    .grid-container{display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: 1fr;
      gap: 1rem;
      /* grid-auto-rows: minmax(1vw, auto); */
      width: -webkit-fill-available;}
      .grid-container .inner{display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
        gap: 1rem;
        /* grid-auto-rows: minmax(1vw, auto); */
        width: -webkit-fill-available;}
    .grid-1of2{grid-column: span 2;}
    .grid-1of4{grid-column: span 1;}
    .card:hover{opacity: 0.9;}
    .card a{text-decoration: none;}
    .card .a-link{text-decoration: underline; color: var(--primary)}
    .card .a-link:hover{text-decoration: none}
    [class^="container"]{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}
    .min-h-screen{min-height: calc(100vh - 100px);}
    .max-h-screen{max-height: calc(100vh - 100px);}
    .min-h-40vh{min-height: 40vh;}
    .min-h-300{min-height: 300px;}
    .min-h-500{min-height: 500px;}
    .min-h-600{min-height: 600px;}
    .min-h-800{min-height: 800px;}
    .height-auto{height:auto}
    .container-2000,.max-2000{max-width:2000px}
    .container-1400,.max-1400{max-width:1400px}
    .container-1300,.max-1300{max-width:1300px}
    .container-1200,.max-1200{max-width:1200px}
    .container-1100,.max-1100{max-width:1100px}
    .container-1000,.max-1000{max-width:1000px}
    .container-950,.max-950{max-width:950px}
    .container-900,.max-900{max-width:900px}
    .container-850,.max-850{max-width:850px}
    .container-800,.max-800{max-width:800px}
    .container-750,.max-750{max-width:750px}
    .container-700,.max-700{max-width:700px}
    .container-650,.max-650{max-width:650px}
    .container-600,.max-600{max-width:600px}
    .container-550,.max-550{max-width:550px}
    .container-500,.max-500{max-width:500px}
    .container-450,.max-450{max-width:450px}
    .container-400,.max-400{max-width:400px}
    .container-350,.max-350{max-width:350px}
    .container-320,.max-320{max-width:320px}
    .container-300,.max-300{max-width:300px}
    .container-250,.max-250{max-width:250px}
    .container-200,.max-200{max-width:200px}
    .container-170,.max-170{max-width:170px}
    .container-150,.max-150{max-width:150px}
    .container-125,.max-125{max-width:125px}
    [class^="col"]{box-sizing:border-box;padding:10px}
    .height-100{height: 100%;}
    .col-1of1{width:100%}
    .col-1of2{width:50%}
    .col-1of3{width:33.3333%}
    .col-2of3{width:66.6666%}
    .col-1of4{width:25%}
    .col-3of4{width:75%}
    .col-1of5{width:20%}
    .col-2of5{width:40%}
    .col-3of5{width:60%}
    .col-4of5{width:80%}
    .col-1of8{width:12.5%}
    .col-7of8{width:87.5%}
    [class*="padding"]{box-sizing:border-box}
    .padding-3{padding:3px}
    .padding-5{padding:5px}
    .padding-10{padding:10px}
    .padding-15{padding:15px}
    .padding-20{padding:20px}
    .padding-30{padding:30px}
    .padding-40{padding:40px}
    .padding-50{padding:50px}
    .padding-60{padding:60px}
    .padding-80{padding:80px}
    .padding-100{padding:100px}
    .padding-0{padding:0}
    .padding-lr-0{padding-left:0;padding-right:0}
    .padding-lr-5{padding-left:5px;padding-right:5px}
    .padding-lr-10{padding-left:10px;padding-right:10px}
    .padding-lr-20{padding-left:20px;padding-right:20px}
    .padding-lr-30{padding-left:30px;padding-right:30px}
    .padding-lr-40{padding-left:40px;padding-right:40px}
    .padding-lr-60{padding-left:60px;padding-right:60px}
    .padding-l-m10{padding-left:-10px;}
    .padding-l-m5{padding-left:-5px;}
    .padding-l-0{padding-left:0px;}
    .padding-l-5{padding-left:5px;}
    .padding-l-10{padding-left:10px;}
    .padding-l-20{padding-left:20px;}
    .padding-l-30{padding-left:30px;}
    .padding-l-32{padding-left:32px;}
    .padding-l-35{padding-left:35px;}
    .padding-l-40{padding-left:40px;}
    .padding-l-60{padding-left:60px;}
    .padding-l-80{padding-left:80px;}
    .padding-r-3{padding-right:3px;}
    .padding-r-10{padding-right:10px;}
    .padding-r-15{padding-right:15px;}
    .padding-r-20{padding-right:20px;}
    .padding-r-40{padding-right:40px;}
    .padding-r-60{padding-right:60px;}
    .padding-r-80{padding-right:80px;}
    .padding-r-100{padding-right:100px;}
    .padding-r-120{padding-right:120px;}
    .padding-r-50p{padding-right:50%;}
    .padding-t-5{padding-top:5px}
    .padding-t-10{padding-top:10px}
    .padding-t-12{padding-top:12px}
    .padding-t-15{padding-top:15px}    
    .padding-t-20{padding-top:20px}
    .padding-t-30{padding-top:30px}
    .padding-t-40{padding-top:40px}
    .padding-t-50{padding-top:50px}
    .padding-t-60{padding-top:60px}
    .padding-t-80{padding-top:80px}
    .padding-t-90{padding-top:90px}
    .padding-t-100{padding-top:100px}
    .padding-t-150{padding-top:150px}
    .padding-t-200{padding-top:200px}
    .padding-t-250{padding-top:250px}
    .padding-t-300{padding-top:300px}
    .padding-t-0{padding-top:0}
    .padding-b-0{padding-bottom:0}
    .padding-b-5{padding-bottom:5px}
    .padding-b-10{padding-bottom:10px}
    .padding-b-15{padding-bottom:15px}
    .padding-b-20{padding-bottom:20px}
    .padding-b-30{padding-bottom:30px}
    .padding-b-40{padding-bottom:40px}
    .padding-b-60{padding-bottom:60px}
    .padding-b-80{padding-bottom:80px}
    .padding-b-100{padding-bottom:100px}
    .margin-p-0 p {margin-bottom: 0;}
    .margin-0{margin:0}
    .margin-t-0{margin-top:0}
    .margin-t-minus-60{margin-top: -60px;}
    .margin-b-0{margin-bottom:0}
    .margin-b-30{margin-bottom:30px;}
    .margin-lr-auto{margin-left:auto;margin-right:auto}
    .esc-lr-10{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px)}
    .esc-lr-20{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}
    .dp-14{width:18px;height:14px}
    .dp-18{width:18px;height:18px}
    .dp-24{width:24px;height:24px}
    .dp-30{width:30px;height:30px}
    .dp-36{width:36px;height:36px}
    .dp-40{width:40px;height:40px}
    .dp-48{width:48px;height:48px}
    .dp-64{width:64px;height:64px}
    .radius-0{border-radius:0}
    .radius-2{border-radius:2px}
    .radius-3{border-radius:3px}
    .radius-4{border-radius:4px}
    .radius-5{border-radius:5px}
    .radius-10{border-radius:10px}
    .radius-20{border-radius:20px}
    .circle{border-radius:50%;overflow:hidden}
    .v-sub{vertical-align:sub}
    .v-middle{vertical-align:middle}
    .float-right{float:right}
    .float-left{float:left}
    .z-bg{z-index:-1}
    .z-0{z-index:0}
    .z-98{z-index:98}
    .z-99{z-index:99}
    .z-100{z-index:100}
    .bg-primary{background:var(--primary)}
    .bg-secondary{background:var(--secondary)}
    .bg-tertiary{background:var(--tertiary)}
    .bg-quaternary{background:var(--quaternary)}
    .bg-white{background:var(--white)}
    .bg-dark{background:var(--dark)}
    .bg-gray{background:#767676}
    .bg-light{background:var(--light)}
    .border-secondary{border: 2px solid var(--secondary);}
    .fill-white{fill:var(--white)}
    .fill-dark{fill:var(--dark)}
    .fill-light{fill:var(--light)}
    .fill-primary{fill:var(--primary)}
    .fill-secondary{fill:var(--secondary)}
    .txt-small,small{font-size:80%;line-height:1.5em}
    .txt-medium{font-size:90%;line-height:1.5em}
    .txt-large{font-size:117%;line-height:1.5em}
    .txt-xlarge{font-size:180%;line-height:1.5em}
    .txt-center{text-align:center}
    .txt-right{text-align:right}
    .txt-left{text-align:left}
    .txt-top{vertical-align: top;}
    .txt-shadow{text-shadow:1px 1px 1px #000}
    .txt-truncate{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}
    .txt-justify{text-align:justify}
    .txt-primary,a.txt-primary{color:var(--primary)}
    .txt-secondary,a.txt-secondary{color:var(--secondary)}
    .txt-tertiary,a.txt-tertiary{color:var(--tertiary)}
    .txt-dark,a.txt-dark{color:var(--dark)}
    .txt-grey,a.txt-grey{color:var(--grey)}
    .txt-light,a.txt-light{color:var(--light)}
    .txt-white,a.txt-white{color:var(--white)}
    .txt-red,a.txt-red{color:red}
    .txt-uppercase{text-transform:uppercase}
    .txt-underline{text-decoration:underline}
    .txt-decoration-none{text-decoration:none}
    [class^="hover"]{transition:.2s ease all}
    .hover-underline:hover{text-decoration:underline}
    .hover-opacity:hover{opacity:.8}
    .hover-scale:hover{transform:scale(1.1)}
    .animate-bounce {animation: bounce 2s infinite;}
    @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } }
    .relative{position:relative}
    .absolute{position:absolute}
    .absolute.center{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
    .v-bottom{bottom:5%}
    .v-top{top:5%}
    .h-left{left:5%}
    .h-right{right:5%}
    .hidden,[hidden]{display:none}
    
    .has-children>.dropdown{display:none;overflow:hidden}
    .has-children:hover>.dropdown{display:initial}
    .dropdown{left:0;top:1.5em;background:#fff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2)}
    .dropdown li:not(:last-child){border-bottom:1px solid #f0f0f0}
    .dropdown li,.dropdown li a{display:block;line-height:2.5em}
    .dropdown li a{padding-left:1.5em;padding-right:1.5em;color:#333;white-space:nowrap}
    .dropdown li:hover{background:#f5f5f5}

    body {overflow-x: hidden;}
    /* input[type="password"],input[type="number"],input[type="text"], input[type="tel"], input[type="email"], textarea {font-size: 1em;background:#f9f9f9;width: 100%;height: 2.5em;line-height: 2.5em;padding: 0 1em;box-sizing: border-box;margin-bottom: 1em;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 1px;border: 1px solid var(--secondary);outline: 0;} */
    input[type="password"],input[type="number"],input[type="text"], input[type="tel"], input[type="email"], textarea {font-size: 1em;font-family: "TT Norms";  background:white;width: 100%;height: 3em;line-height: 2.5em;padding: 0 1em;box-sizing: border-box;margin-bottom: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px; border:1px solid var(--secondary)}
    
    /* label {display: block} */
    label{position: relative; line-height: 1.4}
    /* textarea {height: 230px;padding: 1em 2em;line-height: 1.3em;border-radius: 40px;border: 0px solid var(--secondary)} */
    textarea {height: 330px; padding: 1em 1em;line-height: 1.3em;border: 1px solid var(--secondary); resize: none;}
    select {font-size: inherit; height: 2.5em; padding: 0px 1em; border: 1px solid #ddd; background: #f9f9f9; border-radius: 4px; box-sizing: border-box; color: #444; outline: none; width: 100%; }
    form p {margin-bottom: 1em}
    form button {font-size: 18px; margin-bottom: 1em;}
    .grecaptcha-badge { 
      visibility: hidden;
    }
    .negative-margin-10 { margin-left: -10px; margin-right: -10px;}
    ul.nonfield {margin-bottom: 1em}
    button:disabled { background: #bbb; }
    .errorlist {color:red}
    input.invalid {border: 1px solid red;}
    li.li_hover_over:hover, li.active {background: var(--light);}

    /* hr {width: 900px; height: 0.5px; background: var(--secondary);} */


    /*       Header      */
    /*********************/
    .header-a-elements{
      font-family: "TT Norms";
      color: var(--primary);
      text-decoration: none;
    }
    a.header-a-elements.active{
      color: var(--primary);
      font-weight: bold;
    }

    .header-logo-size {
      width: 180px;
      height: auto;
    }

    .header-p{
      font-size: 24px;
    }

    .fixed{
      position: fixed;
    }

    /* Nav */
    .nav-sticky{position: sticky; top: 0px; z-index: 1;}
    .nav-anchore{position: relative; top: -65px;}

    #navTop [class^="icon-"] {color: var(--primary)}
    @media screen and (min-width:1024px) { .col-sidebar {width:450px} .col-content {width: calc(100% - 500px)} #navTop a:hover .label {text-decoration: underline;} }
    
    @media screen and (min-width:1025px)  { #navTop li {min-width: 450px;  font-size: .65em }   #navTop [class^="icon-"] {font-size: 30px;} .tab-only {display: none!important} @media screen and (min-width: 1024px) {
      .jumbo .sticker {
        height: 400px;
        border-radius: 50%;
        text-align: center;
        align-content: center;
      }
    }}
  
    @media screen and (min-width:768px)  { #navTop li {min-width: 76px;  font-size: .65em }   #navTop [class^="icon-"] {font-size: 30px;} .mob-only {display: none!important} @media screen and (min-width: 768px) {
      .jumbo .sticker {
        height: 400px;
        border-radius: 50%;
        text-align: center;
        align-content: center;
      }
    }}
    @media screen and (min-width:800px) { #navTop li {min-width: 80px;  font-size: .7em }    #navTop [class^="icon-"] {font-size: 30px;} }
    @media screen and (min-width:1024px) { #navTop li {min-width: 80px; font-size: .75em }   #navTop [class^="icon-"] {font-size: 30px;} }
    @media screen and (min-width:0px) and (max-width:1023px) { .col-sidebar, .col-content {width: 100%;max-width: 100%} }
    @media screen and (max-width: 768px) {#navTop a{padding:10px 0} #navTop [class^="icon-"] {font-size: 35px;}}

    /* Header/Hamburger */

    .header {
      height: 100px;
      width: 100%;
      z-index: 3;
      position: sticky;
      top: 0;
    }
    
    .header ul {
      margin: 0;
      list-style: none;
      overflow: hidden;
    }
    
    .header li a {
      display: block;
      text-decoration: none;
    }
    
    .header li a:hover,
    .header .menu-btn:hover {
      color: var(--secondary);
    }
    
    .header .logo {
      display: block;
      float: left;
      font-size: 2em;
      padding: 10px 20px;
      text-decoration: none;
    }
    
    /* menu */
    
    .header .menu {
      clear: both;
      max-height: 0;
      transition: max-height .2s ease-out;
    }
    
    /* menu icon */
    
    .header .menu-icon {
      cursor: pointer;
      display: inline-block;
      float: right;
      position: relative;
      user-select: none;
    }
    
    .header .menu-icon .navicon {
      background: var(--secondary);
      display: block;
      height: 2px;
      position: relative;
      transition: background .2s ease-out;
      width: 24px;
    }
    
    .header .menu-icon .navicon:before,
    .header .menu-icon .navicon:after {
      background: var(--secondary);
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      transition: all .2s ease-out;
      width: 100%;
    }
    
    .header .menu-icon .navicon:before {
      top: 5px;
    }
    
    .header .menu-icon .navicon:after {
      top: -5px;
    }
    .header .menu-icon::before, .header .menu-icon::after {
      display:none;
    }
    .right{
      right:0;
      /* top:10rem */
    }
    /* menu btn */
    
    .header .menu-btn {
      display: none;
    }
    
    .header .menu-btn:checked ~ .menu {
      max-height: 100vh;
    }
    
    .header .menu-btn:checked ~ .menu-icon .navicon {
      background: transparent;
    }
    
    .header .menu-btn:checked ~ .menu-icon .navicon:before {
      transform: rotate(-45deg);
    }
    
    .header .menu-btn:checked ~ .menu-icon .navicon:after {
      transform: rotate(45deg);
    }
    
    .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
    .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
      top: 0;
    }
    
    @media (min-width: 1024px) {
      .header li {
        float: left;
      }
      .header .menu {
        clear: none;
        float: right;
        max-height: none;
      }
      .header .menu-icon {
        display: none;
      }

    }

    .contact-textarea{
      border: 2px solid var(--secondary);
      border-radius: 0px;
    }

    .custome-center-text{
      text-align: center;
    }

    @media (max-width: 1284px) {
      .menu{
        height: auto;
      }
    }

    .full-screen{
      min-height: 100vh;
    }
    .min-h-height{
      min-height:100vh;
    }
    .w100{
      width: 100%;
    }

    /* Hero - video */

    video{
      max-width: 100%;
      height: auto;
    }


    /* Main */

    .vw100, header.vw100, body > main#content, body > footer#fotter {
      width: 100vw;
    }

    .font-playfair{
      font-family: 'Playfair Display';
    }

    /* Contact section (with hand svg) */
    section#contact-hand {
      overflow: hidden;
      height: 460px;
    }  
    
    .hand{
      position: relative;
      transform: translateY(150%);
      transition: all 1s ease;
    }

    .block-phone_inquiry_form:hover .hand{
      transform: translateY(0%);
    }

    .contact-a{
      font-family: "TT Norms";
      text-decoration: none;
      color: var(--dark);
    }

    .contact-icons {
      width: 20px;
      height: 20px;
      padding-bottom: 4px;
      padding-right: 10px;
    }

    .right-025em{
      right: .25em;
  }
    .contact-button {
      border: none;
      color: white;
      transition: all 0.5s;
      cursor: pointer;
      height: 3em;
      padding: 0 1.5em;
  }

    .contact-button:hover {
      background-color: #0C2340;
    }

    /* Footer */

    .footer-a-elements{
      font-family: "TT Norms";
      color: white;
      text-decoration: none;
    }
    .footer-a-elements:hover{
      text-decoration: underline;
    }

    /* FrontPage */


  
    /* Custom css for "kom-i-gang" page */

    input[type=radio]{ width: 1em; font-size: inherit; margin: 0; transform: translateX(-9999px); }
    input[type=radio] + label:before{ position: absolute; content: ''; left: -3em; top: -0.5em; width: 2em; height: 2em; margin: 0; border: none; border-radius: 50%; background-color: var(--secondary); }
    input[type=radio] + label:after{ position: absolute; content: ''; left: -3em; top: -0.5em; width: 2em; height: 2em; margin: 0; border: none; background-color: white; border-radius: 50%; transform: scale(0.9); }
    input[type=radio]:checked + label:before{ position:absolute; content:''; left: -3em; top: -0.5em; width: 2em; height: 2em; margin: 0; border: none; background-color: var(--secondary); transform: scale(1.2);}
    input[type=radio]:checked + label:after{ position: absolute; content: ''; left: -3em; top: -0.5em; width: 2em; height: 2em; margin: 0; border: none; 
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.36 0L9.09997 13.5187L3.63998 8.00624L0 11.6812L9.09997 21L26 3.80621L22.36 0Z' fill='white'/%3E%3C/svg%3E"); 
      background-repeat: no-repeat; 
      background-size: 1.3em;
      background-position-x: 0.4em;
      background-position-y: 10px; background-color: var(--primary); border-radius: 50%; transform: scale(1); }
    input[type=checkbox]{ width: 1em; font-size: inherit; margin: 0; transform: translateX(-9999px); }
    input[type=checkbox] + label:before{ position: absolute; content: ''; left: -0.5em; top: 0.1em; width: 1em; height: 1em; margin: 0; border:none; border-radius: 10%; background-color: var(--primary); }
    input[type=checkbox] + label:after{ position: absolute; content: ''; left: -0.5em; top: 0.1em; width: 1em; height: 1em; margin: 0; border: none; background-color: white; border-radius: 10%; transform: scale(0.8); }
    input[type=checkbox]:checked + label:before{ position:absolute; content:''; left: -0.5em; top: 0.1em; width: 1em; height: 1em; margin: 0; border: none; background-color: var(--primary); }
    input[type=checkbox]:checked + label:after{ position: absolute; content: "\2713"; left: -0.5em; top: 0.1em; width: 1em; height: 1em; margin: 0; border: none; background-color: var(--primary); border-radius: 10%; color: white; text-align: center; line-height: 1; }
    input[type="file"]{display:block;margin-top:.5em}


    .border-1 {border: 1px solid; border-color: #B3A981;}
    .border-secondary {border: 1px solid; border-color: var(--secondary);}
    li.border-bottom {border-bottom: 1px solid var(--secondary);}
    .border-bottom {border-bottom: 1.5px solid var(--secondary);}
    .icon_lady svg{
      width: clamp(2rem, 9vw, 6.5rem);
    }
    .li_hover_over{}
    .margin_on_radio_buttons{
      margin-left: 3rem;
    }

    #elmTopOfApp h4 {
      color: inherit;
      }

    .footer-full-size{
      max-width: 100%;
    }
    
    .footer-logo-size {
      width: 180px;
      height: auto;
    }
    .min_size{
      min-width: 5rem;
      min-height: 2.5rem;
    }
    .icon_confetti svg{
      width: clamp(8rem, 15vw, 25rem);
    }
    .textarea122 svg{
      width: clamp(1rem, 9vw, 3rem) !important;
    }
    .border_search_list {
      box-sizing: border-box;
      border-radius: 0px;
      border: 2px solid var(--secondary);
      border-top: 0px;
      padding: 0px;
      padding-left: 75px;
    }
    .border_bottom_address_search{
      border-bottom: 0px !important;
    }
    .border_top_no_result_kartverket{
      border-top: 2px solid var(--secondary);;
    }
    .txt_explain{
      font-family: 'TT Norms',sans-serif;
      color: var(--primary);
      font-weight: 500;
      margin-bottom: 0.5em; 
    }
    .background_fill{
      fill:var(--primary)
    }
    .full-height{
      height: 450px;
    }
    .custom-max-height{
      max-height: 100px;
    }
    .txt-inherit{color: inherit;}
    .home_icon_checked .h4, .home_icon_checked h4{color: var(--white);}
    .vertical-line {border-left: 2px solid var(--primary); height: 100px; left: 50%; margin-left: -3px; top: 0; margin-top: 40px; margin-bottom:40px;}
    .cursor_pointer {cursor: pointer;}
    .standard_button{
      background-color: var(--primary); 
      border: none; 
      color: white; 
      text-align: center; 
      text-decoration: none; 
      display: inline-block;
      font-size: 20px;
      font-weight: bold;
      height: 75px;
      width: 250px;
      margin: 4px 2px; 
      cursor: pointer; 
      margin-bottom: 25px;
    }
    .send-inn-button{
      background-color: var(--primary); 
      border: none; 
      color: white; 
      text-align: center; 
      text-decoration: none; 
      display: inline-block;
      font-weight: bold;
      height: 60px;
      width: 270px;
      margin-top: 25px;
      margin-bottom: 60px; 
      cursor: pointer; 
    }

    .kom-i-gang-button{
      background-color: var(--primary); 
      border: none; 
      color: white; 
      text-align: center; 
      text-decoration: none; 
      display: inline-block;
      font-weight: bold;
      padding: 20px 70px; 
      cursor: pointer; 
      margin-bottom: 25px;
    }

    .kom-i-gang-button:hover, .send-inn-button:hover{
      box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
      transition-duration: 0.3s;
    }

    .how-it-works-button{
      background-color: var(--secondary); 
      border: none; 
      color: var(--primary); 
      text-align: center; 
      text-decoration: none; 
      display: inline-block;
      font-size: 17px;
      font-weight: bold;
      height: 49px;
      width: 248px;
      margin: 4px 2px; 
      cursor: pointer; 
      margin-bottom: 25px;
    }
    
    .getstarted-frontpage-button{
      background-color: var(--primary); 
      border: none; 
      color: white; 
      text-align: center; 
      text-decoration: none; 
      display: inline-block;
      font-size: 17px;
      font-weight: bold;
      height: 49px;
      width: 248px;
      margin: 4px 2px; 
      cursor: pointer; 
      margin-bottom: 25px;
    }
    #search_bar_icon_white{
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 35px;
      padding-left: 80px;
      background-position-x: 20px;
      background-position-y: 5px; 
      background-color: var(--secondary);
      color: white;
    }
    #search_bar_icon_black{
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 35px;
      padding-left: 80px;
      background-position-x: 20px;
      background-position-y: 5px; 
    }
    .padding_for_radio_buttons{
      /* padding: 30px 300px 30px 300px; */
      padding: 2% 10%;
    }
    .txt_bottom{
      text-align:center;
      text-anchor: text-bottom;
    }

    /* PricePage */
    .pris-liste-p > li > p{
      margin-bottom: 0.7em;
    }
    
    /* Aktivoppgjor Block styling */
    .img-cover {
      max-width: 100%;
      height: auto;
      width: 100%;
    }

    /* Kom i gang */
    .min-h-220 {min-height: 220px;}

    .hero-video{
        margin:0;
        padding:0;
        max-height:calc(100vh - 100px);
        width:100%
    }
     
    @media screen and (min-width:767px){
      .mob-only {display:none}
      /* .flex-row.nowrap{flex-wrap: nowrap;} */
    }

    @media only screen and (min-width:1024px) and (max-width:1099px) {
      .hand{
        position: relative;
        transform: translateY(0%);
        transition: all 1s ease;
      }

      #contact-hand{
        height:450px;
      }
    }

    @media only screen and (min-width:481px) and (max-width:1023px) {
    html{font-size: var(--tab-rem);}
    .tab-absolute{position: absolute; top:100px; left:0px; width:100vw;}
    .tab-1of1{width:100%}
    .tab-1of2{width:50%}
    .tab-1of3{width:33.3333%}
    .tab-2of3{width:66.6666%}
    .tab-1of4{width:25%}
    .tab-3of4{width:75%}
    .tab-1of5{width:20%}
    .tab-txt-normal{font-size:100%}
    .tab-txt-medium{font-size:90%}
    .tab-txt-small{font-size:80%}
    .tab-hidden{display:none}
    .tab-margin-lr-40{margin-left: 40px; margin-right: 40px;}
    .tab-margin-lr-60{margin-left: 60px; margin-right: 60px;}
    .tab-margin-t-0{margin-top:0;}
    .tab-padding-10{padding:10px}
    .tab-padding-15{padding:15px}
    .tab-padding-20{padding:20px}
    .tab-padding-30{padding:30px}
    .tab-padding-40{padding:40px}
    .tab-padding-l-0{padding-left:0}
    .tab-padding-l-35{padding-left:35px;}
    .tab-padding-lr-0{padding-left: 0px; padding-right: 0px;}
    .tab-padding-lr-5{padding-left: 5px; padding-right: 5px;}
    .tab-padding-lr-20{padding-left: 20px; padding-right: 20px;}
    .tab-padding-lr-30{padding-left: 30px; padding-right: 30px;}
    .tab-padding-lr-40{padding-left: 40px; padding-right: 40px;}
    .tab-padding-lr-50{padding-left: 50px; padding-right: 50px;}
    .tab-padding-lr-60{padding-left: 60px; padding-right: 60px;}
    .tab-padding-b-0{padding-bottom: 0px;}
    .tab-padding-b-20{padding-bottom: 20px;}
    .tab-padding-b-30{padding-bottom: 30px;}
    .tab-padding-b-40{padding-bottom: 40px;}
    .tab-padding-t-20{padding-top: 20px;}
    .tab-padding-t-40{padding-top: 40px;}
    .tab-padding-t-87{padding-top: 87px;}
    .tab-start{align-items: flex-start;}
    .tab-center{align-items: center;}
    .tab-txt-center{text-align: center;}
    .tab-bg-white{background:var(--white)}

    .tab-grid-2of4 {grid-column: span 2;}

    .hand{
      position: relative;
      transform: translateY(0%);
      transition: all 1s ease;
    }

    #contact-hand{
      height:500px;
    }

    .send-inn-button{
      height: 55px;
      width: 200px;
      margin-top: 25px;
      margin-bottom: 25px; 
    }
  }
    
    @media screen and (max-width:767px){
    html{font-size: var(--mob-rem);}
    .mob-absolute{position: absolute; top:100px; left:0px; width:100vw;}
    .mob-1of1{width:100%}
    .mob-1of2{width:50%}
    .mob-1of3{width:33.3333%}
    .mob-2of3{width:66.6666%}
    .mob-1of4{width:25%}
    .mob-3of4{width:75%}

    .mob-min-h-235{min-height: 235px;}
    
    h1,.h1,.mob-h1,.h1-large,{font-size:2.2em; line-height:3rem;}
    /* h2,.h2,.mob-h2{font-size:1.2em}
    h3,.h3,.mob-h3{font-size:1.1em}
    h4,.h4,.mob-h4{font-size:1em} */
    .mob-hidden{display:none}
    .mob-margin-1{margin-bottom:1em;}
    .mob-margin-0{margin:0}
    .mob-margin-lr-20{margin-left: 20px; margin-right: 20px;}
    .mob-margin-t-0{margin-top:0;}
    .mob-padding-0{padding:0}
    .mob-padding-3{padding:3px}
    .mob-padding-5{padding:5px}
    .mob-padding-10{padding:10px}
    .mob-padding-20{padding:20px}
    .mob-padding-30{padding:30px}
    .mob-padding-60{padding:60px}
    .mob-padding-40{padding:40px}
    .mob-padding-50{padding:50px}
    .mob-padding-t-0{padding-top:0}
    .mob-padding-t-5{padding-top:5px}
    .mob-padding-t-10{padding-top:10px}
    .mob-padding-t-20{padding-top:20px}
    .mob-padding-t-30{padding-top:30px}
    .mob-padding-t-40{padding-top:40px}
    .mob-padding-t-67{padding-top:67px}
    .mob-padding-b-5{padding-bottom:5px}
    .mob-padding-b-7{padding-bottom:7px}
    .mob-padding-b-10{padding-bottom:10px}
    .mob-padding-b-15{padding-bottom:15px}
    .mob-padding-b-20{padding-bottom:20px}
    .mob-padding-b-30{padding-bottom:30px}
    .mob-padding-b-40{padding-bottom:40px}
    .mob-padding-b-0{padding-bottom:0}
    .mob-padding-b-10{padding-bottom:10}
    .mob-padding-b-20{padding-bottom:20}
    .mob-padding-l-0{padding-left: 0;}
    .mob-padding-lr-0{padding-left:0;padding-right:0}
    .mob-padding-lr-5{padding-left:5px;padding-right:5px}
    .mob-padding-lr-10{padding-left:10px;padding-right:10px}
    .mob-padding-lr-20{padding-left:20px;padding-right:20px}
    .mob-padding-l-10{padding-left:10px;}
    .mob-padding-l-20{padding-left:20px;}
    .mob-padding-l-60{padding-left:60px;}
    .mob-bg-white{background:var(--white)}
    .mob-esc-lr-10{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px)}
    .mob-esc-lr-20{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}
    .mob-radius-0{border-radius:0}
    .mob-txt-center{text-align:center}
    .mob-txt-left{text-align:left}
    .mob-txt-right{text-align:right}
    .mob-txt-normal{font-size:100%}
    .mob-txt-medium{font-size:90%}
    .mob-txt-small{font-size:80%}
    .mob-dp-24{width:24px;height:24px}
    .mob-dp-36{width:36px;height:36px}
    .flex-row.mob-between{justify-content: space-between}
    .flex-row.mob-around{justify-content: space-around}
    .flex-row.mob-center{justify-content:center}
    .flex-row.mob-end{justify-content: flex-end}
    .flex-row.mob-start{justify-content: flex-start}
    .flex-row.mob-align-top{align-items:flex-start}
    .flex-row.mob-align-bottom{align-items:flex-end}

    .header-logo-size {
      width: 120px;
      height: auto;
    }

    .mob-grid-4of4{grid-column: span 4;}
   
    section#contact-hand {
      height: 370px;
    } 

    .hr-mob{width: 75%;}

    textarea {
      height: 200px;
    }

    .vertical-line { margin-top: 40px; margin-bottom:40px;}


    .send-inn-button{
      height: 50px;
      width: 150px;
      margin: 0px; 
      margin-bottom: 25px;
    }
    .mob-h-220{min-height: 220px;}

    .mob-img-employee {
      width: 335px;
      height:335px;
    }

    }

    @media screen and (max-width:300px){
      .mob-1of2 {width: 100%;}
      /* .flex-row.nowrap{flex-wrap: nowrap;} */
    }
    
    @media print{
    html{font-size:12px}
    body{max-width:80%;padding:40px 5%}
    .print-hidden,.list-todo li:before{display:none}
    .print-break{page-break-before:always;padding-top:60px}
    *,*:before,*:after{color:#000;box-shadow:none;text-shadow:none}
    pre{white-space:pre-wrap}
    pre,blockquote{border:1px solid #999;page-break-inside:avoid}
    thead{display:table-header-group}
    tr,img{page-break-inside:avoid}
    p,h2,h3{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}
    }