/* Skrifter */
.frontoverskrift h1 {font-family:roboto; font-weight:900; font-size: 40px; line-height:44px; color: #333;margin:15px 0 0 0;}
@media (max-width: 1160px) {.frontoverskrift h1 {font-size: 36px; line-height:40px;}}
@media (max-width: 768px) {.frontoverskrift h1 {font-size: 28px; line-height:32px;}}
.frontoverskrift h3 {font-family:roboto; font-weight:400; font-size: 26px; line-height:32px; color: #333;margin:15px 0 35px 0}
@media (max-width: 768px) {.frontoverskrift h3 {font-size: 20px; line-height:26px;}}
.frontoverskrift h4 {font-family:roboto; font-weight:700; font-size: 22px; line-height:28px; color: #3CA842; margin:0;}
li {list-style-type: square;margin-bottom: 10px;padding-left: 5px;}
ul {padding-left: 15px;}

.overskrift h1 {font-family:roboto; font-weight:700; font-size: 44px; line-height:50px; margin:0;}
@media (max-width: 990px) {.overskrift h1 {font-size: 30px; line-height:38px;}}
.overskrift h2 {font-family:roboto; font-weight:700; font-size: 36px; line-height:42px; margin:0;}
.overskrift_reg h3{font-family:roboto; font-weight:700; font-size: 28px; line-height:34px; margin:0;}
@media (max-width: 990px) {.overskrift_reg h3 {font-size: 18px; line-height:26px;}}
.overskrift h3 {font-family:roboto; font-weight:700; font-size: 28px; line-height:32px; margin:0;}
@media (max-width: 990px) {.overskrift h3 {font-size: 24px; line-height:26px;}}
.overskrift h4 {font-family:roboto; font-weight:700; font-size: 26px; line-height:28px; margin:0;}
.overskrift h5 {font-family:roboto; font-weight:700; font-size: 22px; line-height:24px; margin:0;}
.overskrift h6 {font-family:roboto; font-weight:700; font-size: 18px; line-height:22px; margin:0;}
.overskrift_liten {font-family:roboto; font-weight:400; font-size: 21px; line-height:26px; margin:0;}
.p {font-family:roboto; font-weight:400; font-size: 15px; line-height:19px; color: #333;}
.standardtekst {font-family:roboto; font-weight:400; font-size: 15px; line-height:19px; color: #333;}
.standardtekst a {color:#1E73BE;text-decoration:none;}
.standardtekst a:hover {color:#175c98}

/* Header */
#header {width: 100%;height:100px;position: fixed;background: #fff;box-shadow: 0 4px 20px -6px #666;display: flex;align-items: center;  z-index: 10;}
@media (max-width: 768px) {#header  {height:80px}}
.header{width: 1320px;display:flex;margin:auto;}
.logo{display:flex;}
@media (max-width: 1340px) {.logo {margin-left: 25px;}}
.logo img {height: 58px;}
@media (max-width: 480px) {.logo img {height: 44px;}}
@media (max-width: 767px) {.logo img {margin-top:5px}}
.knapper {display: flex;align-items: center;margin-left: auto;}
@media (max-width: 1340px) {.knapper {margin-right: 25px;}}
.item{display: inline-block;cursor: pointer;}
.ikon1 i {font-size: 22px;background: #3CA842;color: #fff;padding: 15px 17px;border-radius: 50px;margin-left:5px}
@media (max-width: 480px) {.ikon1 i {font-size: 16px;}}
.ikon2 i {font-size: 22px;background: #1E73BE;color: #fff;padding: 15px 17px;border-radius: 50px;margin-left:5px}
@media (max-width: 480px) {.ikon2 i {font-size: 16px;}}
.ikon3 i {font-size: 30px;background: #3CA842;color: #fff;padding: 22px;border-radius: 50px;margin-bottom: 20px;}
.ikon4 i {font-size: 30px;background: #1E73BE;color: #fff;padding: 22px;border-radius: 50px;margin-bottom: 20px;}

/* Sidetopp - STANDARD */
.sidetopp {width: 1320px;display:grid;margin:auto;z-index:10;}
.grid33 {display: grid;grid-template-columns: 1fr 1fr 1fr;}
@media (max-width: 768px) {.grid33 {grid-template-columns: 1fr 1fr !important;}}
.sidetopp-logo{display:flex;}
.sidetopp-tekst{justify-content:center;display:flex;flex-direction:column;align-items:center;}
.sidetopp-tekst1 {color: #333;font-family: roboto;font-weight: 700;letter-spacing: 0.3px;text-transform: uppercase;font-size: 21px;}
.sidetopp-tekst2 {color: #333;font-family: roboto;font-weight: 400;letter-spacing: 0.4px;text-transform: uppercase;font-size: 15px;}
@media (max-width: 768px) {.sidetopp-tekst{display:none;}}
@media (max-width: 1340px) {.sidetopp-logo {margin-left: 25px;}}
@media (max-width: 1340px) {.sidetopp-knapper {margin-right: 25px;}}
.sidetopp-logo img {height: 58px;}
@media (max-width: 480px) {.sidetopp-logo img {height: 44px;}}
@media (max-width: 768px) {.sidetopp-logo img {margin-top:5px}}
.sidetopp-knapper > .elementor-element, .sidetopp-knapper > .elementor-element > .elementor-widget-container, .sidetopp-knapper > .elementor-element > .elementor-widget-container > .the7-icon-wrapper {display: flex;align-items: center;margin-left: auto;}
.sidetopp-knapper {display: flex;align-items: center;margin-left: auto;}
@media (max-width: 1340px) {.knapper {margin-right: 25px;}}
.item{display: inline-block;cursor: pointer;}
.sidetopp-ikon1 {width: 55px;height: 55px;background: #1E73BE;border-radius: 50px;display: flex;align-items: center;justify-content: center;margin-right:20px;}
.sidetopp-ikon1 i {font-size: 22px;color: #fff;}
.sidetopp-ikon2 {display: flex;align-items: center;justify-content: center;margin-right:12px;}
.sidetopp-ikon2 i {font-size: 22px;color: #fff;rotate:135deg;}
@media (max-width: 480px) {.sidetopp-ikon1 i {font-size: 18px;}}
@media (max-width: 480px) {.sidetopp-ikon2 i {font-size: 20px !important;}}
.sidetopp-menyikon {font-size: 50px;display: flex;color: #333;font-weight: 900;transition: transform .6s;}
.sidetopp-menyikon:hover {transform: rotate(360deg);}
.sidetopp-menyknapp {background: #1E73BE;color: #fff; font-family: roboto;height: 45px;display: flex;align-items: center;padding: 0px 25px;border-radius: 50px;font-size: 16px;text-transform: uppercase;font-weight: 700;letter-spacing: 0.8px;}
@media only screen and (max-width: 600px) {.sidetopp-menyikon {font-size: 34px;}}
.sidetopp-ikon2 img { height: 50px; transition: filter 0.3s, transform 0.3s; }
.sidetopp-ikon2 img:hover { filter: grayscale(100%); transform: scale(1.15); }
@media only screen and (max-width: 767px) {.sidetopp-ikon2 img {height: 35px;}}
@media only screen and (max-width: 767px) {.sidetopp-ikon2 {margin-right:10px;}}

.sidetopp-billettknapp {background: #333;color: #fff;padding: 12px 16px;font-family: roboto;text-transform: uppercase;letter-spacing: 0.3px;font-weight: 700;border-radius: 10px;font-size: 15px;}
.sidetopp-billettknapp:hover {background: #555;color: #fff;}
.sidetopp-tekstboks_graa {background: #fff;padding: 20px;border-radius: 10px;text-align: left;display: grid;grid-template-columns: 70px 1fr;align-items: center;box-shadow:0px 4px 20px -6px #ccc;}
.sidetopp-knapper a {text-decoration: none;}
.nominasjon-tekstboks_hvit {display: flex;box-shadow: 0px 4px 20px -6px #ccc;background: #fff;margin-bottom: 10px;padding: 12px 20px;border-radius: 10px;}
.nominasjon-boksikon {margin-left: auto;}
.nominasjon-boksikon i {color:#1E73BE;}



/* Menybox */
.menybox{z-index:20;position: fixed;top: 0;height: 100%;right: -460px;width: 400px;background-color: white;transition: right 0.6s;box-shadow: 0px 0px 60px 0px #ccc;}
@media (max-width: 767px) {.menybox {overflow: scroll;}}
.menybox_innhold{padding: 40px;margin-top: 30px;height: 100%;text-align: center;}
.menybox.open{right: 0;}
.menybox_tekst {font-family: roboto;font-size: 13.5px;line-height: 20px;padding: 15px 0 5px 0; color:#000;}
.menybox_tekst a {color:#1E73BE;text-decoration:none;}
.menybox_tekst a:hover {color:#175c98}
.passord-tekst {font-family: roboto;font-size: 13.5px;line-height: 20px;padding: 8px 0 5px 0; color:#000;margin-left: auto;}
.passord-tekst a {color:#1E73BE;text-decoration:none;}
.passord-tekst a:hover {color:#175c98}
.kryss {cursor: pointer;float: right;font-weight: bold;font-size: 28px;color: #999;padding: 18px 40px;}

/* Meldinger */
.feilmelding-bakgrunn {background: #ffefef;border-radius: 10px;padding: 20px;margin-bottom:20px;}
.feilmelding-top {display: flex;align-items:center; justify-content:center;margin-bottom: 8px;}
.feilmelding-top-tekst {font-family: roboto;font-size: 16px;font-weight: 700;}
.feilmelding-overskrift {display: flex;align-items:center; justify-content:center;font-family: roboto;font-size: 18px;line-height: 20px;font-weight: 600;color:#333;padding-bottom:5px;text-align:center;letter-spacing: 0.8px;}
.feilmelding-tekst {display: flex;align-items:center; justify-content:center;font-family: roboto;font-size: 15px;line-height: 16px;font-weight: 400;color:#333;text-align:center;}
.feil-ikon {color: #c80000;font-size: 40px;}
.vellykka-bakgrunn {background: #ebfbec;border-radius: 10px;padding: 20px;margin-bottom:20px;}
.vellykka-top {display: flex;align-items:center; justify-content:center;margin-bottom: 8px;}
.vellykka-top-tekst {font-family: roboto;font-size: 16px;font-weight: 700;}
.vellykka-overskrift {display: flex;align-items:center; justify-content:center;font-family: roboto;font-size: 18px;line-height: 20px;font-weight: 600;color:#333;padding-bottom:5px;text-align:center;letter-spacing: 0.8px;}
.vellykka-tekst {display: flex;align-items:center; justify-content:center;font-family: roboto;font-size: 15px;line-height: 16px;font-weight: 400;color:#333;text-align:center;}
.vellykka-ikon {color: #3CA842;font-size: 40px;}
.knapp_reg1 {margin: 0 5px;cursor: pointer;background: #fff;border: 2px solid #c80000;padding: 8px 16px;border-radius: 50px;font-size: 13px;font-weight: 700;font-family: roboto;}
.knapperad {display: flex;justify-content: center;margin-top: 25px;}
.feilmelding-handling {margin-top: 15px; font-family: roboto; font-size: 15px; background: #efefef; display: flex; padding: 10px 15px; border-radius: 10px; flex-direction: column; justify-content: center; align-items: center;}
.feilmelding-handling a {text-decoration: none; font-weight: 700; color: #1E73BE;}
.feilmelding-bakgrunn form {font-size: 15px; font-family: roboto; text-align: center; margin-top: 20px;}
.feilmelding-bakgrunn input {display: flex; margin: auto; height: 30px; width: 250px;}

/* Standardsider */
.seksjon_sidetopp {width: 100%;max-width:1320px;margin: 0px auto;display: flex;align-items: center;flex-direction:column;min-height: 90px;justify-content: center;}
.sideoverskrift {font-family: roboto;font-size: 36px;text-transform: uppercase;font-weight: 900;padding:25px;text-align:center;}
@media (max-width: 560px) {.sideoverskrift {font-size:26px;}}
@media (max-width: 560px) {span.tekst-gronn, span.tekst-rod {font-size:14px;}}

.portalstatus .tekst-gronn {background: #3CA842;padding: 10px 15px;border-radius: 10px;color: #fff;font-family: roboto;text-transform: uppercase;font-weight: 700;}
.portalstatus .tekst_rod {background: #C80000;padding: 10px 15px;border-radius: 10px;color: #fff;font-family: roboto;text-transform: uppercase;font-weight: 700;}
.portalstatus {margin-top: 20px;}
.bildeikon img {height: 90px;margin-right:20px;}
.samleoverskrift {display: flex;align-items: center;}
.samleoverskrift {display: flex;align-items: center;}
@media (max-width: 768px) {.samleoverskrift {flex-direction:column;text-align:center;justify-content:center;}}
@media (max-width: 768px) {.bildeikon img {margin:0;}}
.jury-row { display: flex; flex-wrap: wrap; padding: 10px 10px; margin-bottom: 10px; border-radius: 10px; box-shadow: 0px 4px 20px -6px #ccc; font-family: roboto; border:1px solid #fff;background:#fff; }
.jury-row:hover {box-shadow: none;border:1px solid #ddd; }

.jury-col-1 { flex: 0 0 25%; padding: 0.5rem; box-sizing: border-box; font-weight: bold; color: #333;font-weight: 700 !important; }
.jury-col-2 { flex: 0 0 25%; padding: 0.5rem; box-sizing: border-box; font-weight: bold; color: #333; }
.jury-col-3 { flex: 1 1 0%;   padding: 0.5rem; box-sizing: border-box; font-weight: bold; color: #333; }
@media (max-width: 768px) {
  .jury-row { flex-direction: column; }
  .jury-col-1, .jury-col-2, .jury-col-3 { flex: 1 1 100%; font-weight: bold; }
}
.jury-row:not(.jury-header) .jury-col-1,
.jury-row:not(.jury-header) .jury-col-2,
.jury-row:not(.jury-header) .jury-col-3 {
  font-weight: normal; color: inherit;
}
/* Front - Index */
.bildewrapper { position: relative; width: 100%; }
.hovedbilde-front { width: 100%; height: 680px; object-fit: cover; display: block; }
@media (max-width: 768px) {.hovedbilde-front {height: 550px;}}
@media (max-width: 480px) {.hovedbilde-front {height: 500px;}}
.bildeoverskrift-front {text-align:center;align-items: center;position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 30px 70px 30px; color: #fff; background: linear-gradient(to top, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0)); min-height: 60%; z-index: 2; }
@media (max-width: 768px) {.bildeoverskrift-front {padding-bottom:50px;}}
@media (max-width: 768px) {.bildeoverskrift-front span {font-size:45px !important;}}
@media (max-width: 480px) {.bildeoverskrift-front span {font-size:36px !important;}}
.bildeoverskrift-front span {font-family:roboto;font-size:70px;color:#fff;font-weight:900;text-shadow: 0px 4px 50px #333;}
.front-paamelding-knapp { display: inline-flex; margin-top: 30px; background: #1E73BE; border: none; color: #fff; font-family: roboto; padding: 15px 30px; font-size: 18px; border-radius: 50px; text-transform: uppercase; font-weight: 700; text-decoration: none; align-items: center; justify-content: center; cursor: pointer; }
@media (max-width: 768px) {.front-paamelding-knapp {font-size:14px;padding:10px 20px;}}
#nedtelling {display:flex; gap:15px; justify-content: center;padding-top:30px;flex-direction: column;}
@media (max-width: 768px) {#nedtelling {padding-top:15px;}} 
.nedtelling-rad { display: flex; gap: 15px; }
.nedtelling-standardtekst { margin-bottom:-5px;text-align:center;color: #fff; font-weight: 700; font-family: roboto; font-size: 12px; text-transform: uppercase; }
.nedtelling-dag, .nedtelling-min, .nedtelling-tim {display: flex;flex-direction: column;border: 5px solid #fff;width: 90px;height: 90px;border-radius: 50%;justify-content: center;align-items: center;color: #fff;font-family: roboto;font-size: 10px;}
#minutes, #days, #hours {font-size: 45px;margin-bottom:-5px;font-weight:700;}

@media (max-width: 480px) {#minutes, #days, #hours {font-size: 28px;}}

@media (max-width: 480px) {.nedtelling-dag, .nedtelling-min, .nedtelling-tim {width: 70px;height: 70px;}}
.front-grid_2 {display:grid;grid-template-columns: 1fr 1fr;align-items: center;justify-content: center;grid-gap: 10px;}
.front-gridenhet_2 {display:grid;align-items: center;justify-content: center;}
.front-gridenhet_1 {display:grid;align-items: center;justify-content: center;}
@media (max-width: 768px) {.front-gridenhet_1 {order:2;text-align: center;margin-top:20px;}}
@media (max-width: 768px) {.front-gridenhet_2 {order:1;}}
.front-seksjon_dobbel {display: grid; box-sizing: border-box; grid-template-columns: 2fr 2fr; grid-gap: 20px;align-items: center;max-width:1320px;margin: 0 auto;align-items: stretch;}
@media (max-width: 660px) {.front-seksjon_dobbel {grid-template-columns: 1fr;}}
@media (max-width: 1340px) {.front-seksjon_dobbel {margin: 0px 25px }}
@media (max-width: 768px) {.front-seksjon_dobbel {margin-top: 20px !important;}}
.front-tekstboks_hvit {background:#fff;padding: 40px;border-radius: 10px;margin:0;box-shadow: 0px 4px 20px -6px #bbb;}
@media (max-width: 768px) {.front-tekstboks_hvit {padding: 30px;text-align:center;}} 
.front-tekstboks_hvit_grid {display: grid;grid-template-columns: 1fr 1fr;background: #fff;padding: 40px;border-radius: 10px;box-shadow: 0px 4px 20px -6px #bbb;margin: 20px 0 0 0;}
@media (max-width: 768px) {.front-tekstboks_hvit_grid {margin: 0;grid-template-columns: 1fr;padding: 30px;}} 
.front-tekstboks_hvit_grid p {font-size: 17px;line-height:24px;font-weight: 400;font-family: roboto;}
@media (max-width: 768px) {.front-tekstboks_hvit_grid p {font-size: 14px;line-height:18px;}} 
.front-ikon img {height:250px;}
@media (max-width: 768px) {.front-ikon img {height:200px;}}
.front-overskrift h3 {font-family:roboto; font-weight:700; font-size: 28px; line-height:32px; margin:0;}
@media (max-width: 990px) {.front-overskrift h3 {font-size: 24px; line-height:26px;}}
@media (max-width: 767px) {.front-overskrift h3 {font-size: 22px; line-height:24px;}}
.front-inner_grid {display: grid;grid-template-columns: 60% 40%;grid-gap:20px;}
@media (max-width: 768px) {.front-inner_grid {grid-template-columns: 1fr;}}
.front-gridenhet { display: flex; flex-direction: column; justify-content: center; } 
.front-tekstboks_hvit p {font-size: 17px;line-height:24px;font-weight: 400;font-family: roboto;}
@media (max-width: 768px) {.front-tekstboks_hvit p {font-size: 15px;line-height:20px;}} 

.front-tekstboks_hvit li {font-size: 17px;line-height:24px;font-weight: 400;font-family: roboto;text-align:left;margin-bottom: -15px;}
.front-tekstboks_hvit ul {margin-top:-25px;}

@media (max-width: 768px) {.front-tekstboks_hvit li {font-size: 15px;line-height:20px;}} 

.front-standardtall { flex-shrink: 0;font-family: roboto; font-weight: 900; font-size: 40px;display: flex; color: #111; justify-content: center; align-items: center;}
.front-standardtall a {color:#1E73BE;text-decoration:none;}
.front-standardtall a:hover {color:#175c98}
.front-standardtekst {font-family:roboto; font-weight:400; font-size: 15px; color: #111;display: flex;justify-content: center; align-items: center;}
@media (max-width: 768px) {.front-standardtekst {font-size: 13px;line-height:18px;}} 
@media (max-width: 768px) {.front-standardtall {font-size: 28px;line-height:32px;}} 
@media (max-width: 768px) {.front-tekstboks_hvit {padding: 30px;}} 
@media (max-width: 768px) {.front-gridenhet {text-align:center;}}
@media (max-width: 768px) {.front-inner-flex1, .front-inner-flex2 {width: 80px !important; height: 80px !important;}} 
.front-inner-flex1 {border: 7px solid #1E73BE;flex-shrink: 0;margin:0 5px;display: inline-flex; width: 120px; height: 120px; justify-content: center; align-items: center; flex-direction: column; text-align: center; border-radius: 50%; background:#fff; }
.front-inner-flex { display: flex;justify-content: center; align-items: center;}
.front-standardtekst a {color:#1E73BE;text-decoration:none;}
.front-standardtekst a:hover {color:#175c98}
.front-knapp-blaa {border:2px solid #1E73BE ;color: #fff;background: #1E73BE; padding: 14px 20px; border-radius:50px;font-size: 15px;font-family: roboto;font-weight: 700;cursor: pointer;margin-top:15px;}
.front-knapp-blaa a {text-decoration: none;color: #fff;}
.front-knapp-blaa:hover {background: #333;border:2px solid #333}


/* Hovedside */
main {width:100%;padding: 100px 0 50px 0; }
@media (max-width: 768px) {main {padding:80px 0 50px 0 !important;}}
.forsideseksjon_fullbredde {width: 100%;}
.forsideseksjon_normal {width: 100%;max-width:1320px;margin: 0px auto;}
.seksjon_enkel_full {display: grid; grid-template-columns: 1fr;}
.seksjon_enkel {display: grid; box-sizing: border-box; grid-template-columns: 1fr;}
@media (max-width: 1340px) {.seksjon_enkel {margin:0 25px}}
.seksjon_dobbel {display: grid; box-sizing: border-box; grid-template-columns: 2fr 2fr; grid-gap: 20px;align-items: center;max-width:1320px;margin: 0 auto;}
@media (max-width: 660px) {.seksjon_dobbel {grid-template-columns: 1fr;}}
@media (max-width: 1340px) {.seksjon_dobbel {margin: 0px 25px }}
@media (max-width: 768px) {.seksjon_dobbel {margin-top: 20px !important;}}
.seksjon_dobbel_nogap {display: grid; box-sizing: border-box; grid-template-columns: repeat(2, 1fr);grid-auto-rows: 1fr;max-width:1320px;margin: 50px auto 0 auto;box-shadow: 0px 4px 20px -6px #ccc;border-radius:10px;}
@media (max-width: 768px) {.seksjon_dobbel_nogap {grid-template-columns: 1fr;grid-auto-rows: 0fr}}
@media (max-width: 1340px) {.seksjon_dobbel_nogap {margin: 50px 25px !important;}}
@media (max-width: 768px) {.seksjon_dobbel_nogap {margin: 25px 25px !important;}}
.seksjon_trippel {display: grid; box-sizing: border-box; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;align-items: center;max-width:1320px;margin: 0 auto;}
@media (max-width: 768px) {.seksjon_trippel {grid-template-columns: 1fr;}}
@media (max-width: 1340px) {.seksjon_trippel {margin: 0 25px !important;}}
.seksjon_kvadruppel {display: grid; box-sizing: border-box; grid-template-columns: 1fr 1fr 1fr 1fr;align-items: center;margin: 0 auto;}
@media (max-width: 768px) {.seksjon_kvadruppel {grid-template-columns: 1fr 1fr;}}
.forsideseksjon1 {padding:25px;font-family:roboto;font-size:16px;color:#fff}

.frontbilde {width:100%; height: 600px;object-fit: cover;background:#333}
@media (max-width: 768px) {.frontbilde {height: 400px;}}
@media (max-width: 480px) {.frontbilde {height: 310px;}}
.bildeoverskrift {margin: 0 auto;position: relative;top: -150px;width: 100%;max-width: 1320px;margin-top: -80px;text-align: center;}
.bildeoverskrift a {text-decoration:none;}
@media (max-width: 1340px) {.bildeoverskrift {margin:-80px 0 0 0 ;}}
@media (max-width: 768px) {.bildeoverskrift {top: -70px}}
@media (max-width: 480px) {.bildeoverskrift {top: -55px}}
@media (max-width: 768px) {.bildeoverskrift span {font-size:45px !important;}}
@media (max-width: 480px) {.bildeoverskrift span {font-size:28px !important;padding:0px 20px}}
.bildeoverskrift span {font-family:roboto;font-size:70px;color:#fff;font-weight:900;text-shadow: 0px 4px 50px #333;}
.tekstskilt {margin: 0 auto;position: relative;top: -100px;width: 100%;max-width: 1320px;text-align: center;}
@media (max-width: 768px) {.tekstskilt {top:-70px;width:100%;max-width:100%;}}
@media (max-width: 1340px) {.tekstskilt {margin:0 0}}
.tekst {background: #3CA842;color: #fff;font-family: roboto;padding: 12px 20px;font-size: 22px;font-weight:700;border-radius: 10px;text-transform: uppercase;letter-spacing: 0.5px;}
@media (max-width: 768px) {.tekst {font-size:16px;}}
.tekst_stengt {background: #c80000;color: #fff;font-family: roboto;padding: 12px 20px;font-size: 22px;font-weight:700;border-radius: 10px;text-transform: uppercase;letter-spacing: 0.5px;}
@media (max-width: 768px) {.tekst_stengt {font-size:16px;}}
.tekstboks_hvit {background: #fff;padding: 40px;border-radius: 10px;text-align: center;box-shadow: 0px 4px 20px -6px #bbb;margin: 20px 0 0 0;}
@media (max-width: 768px) {.tekstboks_hvit {margin: 0;}} 
.tekstboks_hvit p {font-size: 17px;line-height:24px;font-weight: 400;font-family: roboto;}
@media (max-width: 768px) {.tekstboks_hvit p {font-size: 15px;line-height:20px;}} 
.ikon1 .stengt i {background: #c80000 !important;}
.tekstboks_graa{background: #fff;padding: 25px;border-radius: 0 0 10px 10px;text-align: center;margin-top: -5px;}
@media (max-width: 768px) {.tekstboks_graa {margin: 0;}} 
.tekstboks_bilde img {width: 100%;border-radius: 10px 10px 0 0 !important; height: 230px;object-fit: cover;}
.tekstboks_bilde {border-radius: 10px;box-shadow: 0px 4px 20px -6px #bbb;}
.overskrift h3 a {text-decoration: navajowhite;color: #333;}




/* Skjema */
.form-container { display: flex; flex-direction: column; }
.form-row { display: flex; flex-wrap: wrap; }
.form-column { flex: 1; box-sizing: border-box; margin-right: 12.5px; margin-left: 12.5px; }
@media (max-width: 768px) {.form-column { flex: 100%; margin-right: 0px; margin-left: 0px; }} 
.form-column:first-child { margin-left: 0; }
.form-column:last-child { margin-right: 0; }
.form-row label { display: block;width: 100%; }
.form-row input, .form-row select { width: 100%; box-sizing: border-box; padding: 14px; font-family: roboto; font-weight: 400; font-size: 15px; height: 50px;background: #fff;border: 1px solid #ccc !important;border-radius: 8px; }
textarea { width: 100%; box-sizing: border-box; padding: 14px; font-family: roboto; font-weight: 400; font-size: 15px; height: 100px;background: #fff;border: 1px solid #ccc !important;border-radius: 8px; }
textarea:focus {border: 1px solid #1E73BE !important; outline: none;}
@media (max-width: 768px) {textarea {height:150px;}}
.skjema_login { display: flex; flex-direction: column; background: #efefef; padding: 0 15px 15px 15px; border-radius: 10px; margin-top: 15px; }
.form-row input:focus, .form-row select:focus {border: 1px solid #1E73BE !important; outline: none;}
.form-help {font-family: roboto;font-size: 11px;padding-top: 6px;line-height: 15px; color:#888;}
.form-help a {color:#1E73BE;text-decoration:none;}
.form-help a:hover {color:#175c98}
.form-help-1 {color: #333;font-weight: 400;font-family: roboto;font-size: 13px;}
.form-help-1 a {color:#1E73BE;text-decoration:none;}
.required {font-size: 15px;font-family: roboto;margin-left: 3px;color: #c80000;}
.form-background {background: #efefef;padding: 0 25px 25px;margin-top: 25px;border-radius: 10px;}
.form-background_nopadding {background: #efefef;border-radius: 10px;}
.form-background:first-child {margin-top: 0px;}
.skjema {margin: 20px 0;}
button[type="submit"] {width: 100%;padding: 14px 20px;background-color: #1E73BE;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-top: 20px;font-size: 15px;font-family: roboto;font-weight: 700;}
button[type="submit1"] {width: 100%; padding: 14px 20px;background-color: #3CA842;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-top: 30px; margin-bottom:20px;font-size: 15px;font-family: roboto;font-weight: 700;}
button[type="submit2"] {width: 100%; padding: 14px 20px;background-color: #3CA842;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-bottom: 20px;font-size: 15px;font-family: roboto;font-weight: 700;}
@media (max-width: 768px) {.form-row.slett {margin-top: -20px;}} 
button[name="delete"] {background: #c80000;}
button[name="nyttpassord"] {background: #fff;border: 2px solid #c80000;border-radius: 50px;width: 150px;color: #333;padding: 10px 14px;font-size: 14px;}
input[type="button1"] {width:200px;text-align:center;padding: 14px 20px;background-color: #ccc;color: #333;font-weight:700;border-radius: 8px;cursor: pointer;margin: 30px 0 20px;border:none;font-size: 15px;font-family: roboto;font-weight: 700;}
input[type="button1"]:focus-visible {outline:none;}
input[type="button1"]:focus {outline:none;}
.button1 {display: flex;flex-wrap: wrap;justify-content:center;}
label {font-family:roboto; font-weight:600; font-size: 12px; line-height:15px; color: #333; margin:20px 0 8px 0;display: block;}
#bilde, #innslag {background: none;border: none !important;padding: 0;border-radius: 0;}
input::file-selector-button {border-radius: 0;background:#ccc;color:#333;border:none;font-family:roboto;font-size:14px;padding:10px 16px;font-weight:700;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: none !important;  text-align: center;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #1E73BE !important;color: #fff !important;}
#ui-datepicker-div {font-family: roboto !important;max-width: 250px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background: #999 !important;color: #ffffff;}
.ui-widget.ui-widget-content {border: none !important;padding: 10px !important;}
.input-wrapper {display: flex;flex-align-items: center;position: relative;width: 100%;}
.input-wrapper input {flex: 1;padding-right: 35px;}
.input-wrapper i {position: absolute;top: 50%;right: 20px; transform: translateY(-50%);pointer-events: none;color: #999;font-size: 19px;}
.input-wrapper-select {display: flex;flex-align-items: center;position: relative;width: 100%;}
.input-wrapper-select input {flex: 1;padding-right: 35px;}
.input-wrapper-select i {position: absolute;top: 50%;right: 20px; transform: translateY(-50%);pointer-events: none;color: #999;font-size: 16px;}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none; }

/* Elementer */
.knapp {border: 2px solid #1E73BE;background-color: #fff; padding: 14px 20px; border-radius:50px;font-size: 15px;font-family: roboto;font-weight: 700;cursor: pointer;margin-top:15px;}
@media (max-width: 768px) {.knapp {font-size: 13px;;padding:12px 16px;}} 
.knapp a {text-decoration: none;color: #333;}
.knapp a:hover {color: #fff;}
.litenknapp {border: 2px solid #1E73BE;color: #1E73BE;background-color: #fff; padding: 9px 14px; border-radius:50px;font-size: 14px;font-family: roboto;font-weight: 700;cursor: pointer;}
.knapp:hover {background-color: #1E73BE; color:#fff;}
.button.vipps {background: #ff5b24 !important;margin-top: 30px;width: 100%; padding: 14px 20px;background-color: #3CA842;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-bottom: 20px;font-size: 15px;font-family: roboto;font-weight: 700;}
.ikon5 i {font-size: 30px;background: #1E73BE;color: #fff;padding: 20px;border-radius: 50px;width:30px;height:30px;margin-bottom: 15px; }
.ikon6 i {background: #1E73BE;font-size: 70px;padding: 40px 35px;border-radius: 50%;margin-top:75px;}
@media (max-width: 768px) {.ikon6 i {font-size: 30px;margin-top:10px;padding:25px 22px;}} 
@media (max-width: 480px) {.ikon5 i {font-size: 18px;padding: 13px}}
@media (max-width: 480px) {.ikon5 i::before {top: 3px;position: relative;left: 2px;}}
.margin10 {margin: 5px 0}
.margin20 {margin: 10px 0}
.margin30 {margin: 15px 0}
.margin40 {margin: 20px 0}
.margin50 {margin: 25px 0}

/* Kontoregistrering */
.bakgrunnsbilde {background-image: url("/grafikk/bakgrunn.jpg");border-radius: 10px 0px 0 10px;}
@media (max-width: 768px) {.bakgrunnsbilde {border-radius: 10px 10px 0 0px;}}
.seksjonskolonne1 {padding: 100px 30px;text-align: center;color: #fff;border-radius:10px 0 10px 0}
@media (max-width: 768px) {.seksjonskolonne1 {padding: 50px 30px;}}
.seksjonskolonne2 {padding: 30px;color: #333;background: #fff; border-radius: 0 10px 10px 0;}
@media (max-width: 768px) {.seksjonskolonne2 {border-radius: 0px 0px 10px 10px;margin-bottom: -50px;padding:20px;}}


/* Footer */
#footer {width: 100%;background: #efefef;border-top: 1px solid #ddd;display: flex;align-items: center;padding:50px 0 15px 0;}
.footer {width: 1320px;margin:auto;color: #333;text-align: center;font-size: 15px;font-family: roboto;}
@media (max-width: 1340px) {.footer {margin: 0 25px;}}
.footer_seksjon {width: 100%;padding-bottom: 15px !important;}
.footer_logo img {width: 200px;}
.footer_seksjon_grid {display: inline-grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;margin: 0 auto;}
.footer_bildekolonne img {width: 80px;object-fit: contain; margin-top:-40px;}
@media (max-width: 480px) {.footer_bildekolonne img {width: 55px;object-fit: contain;}}

/* Footer Innlogget */
#footer_innlogget {width: 100%;background: #fff;border-top: 1px solid #ddd;display: flex;align-items: center;height:130px;position:fixed;left:0;bottom:0;box-shadow: 0px 4px 20px 0px #CCCCCC;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
@media (max-width: 560px) {#footer_innlogget {height:110px}}
.footer_bildekolonne_innlogget {width: 100px;}
@media (max-width: 560px) {.footer_bildekolonne_innlogget {width: 63px;}}
.ikon1_innlogget i {font-size: 20px;background: #1E73BE;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon1_innlogget i {font-size: 17px;padding: 10px}}
.ikon2_innlogget i {font-size: 20px;background: #7A309C;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon2_innlogget i {font-size: 17px;padding: 10px}}
.ikon3_innlogget i {font-size: 20px;background: #529C30;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon3_innlogget i {font-size: 17px;padding: 10px}}
.ikon4_innlogget i {font-size: 20px;background: #CF6116;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon4_innlogget i {font-size: 17px;padding: 10px}}
.ikon5_innlogget i {font-size: 20px;background: #940606;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon5_innlogget i {font-size: 17px;padding: 10px}}
.menytekst_innlogget {padding-top: 5px; font-size:16px; font-family: roboto;font-weight: 600; color:#333; text-decoration:none;}
@media (max-width: 560px) {.menytekst_innlogget {font-size: 11px;}}

/* Header - Innlogget */
.initial { border-radius: 50%; border: 2px solid #1E73BE; color: #1E73BE; font-weight: 700; font-family: roboto; text-decoration: none; font-size: 22px; width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; }.initial:hover {border: 2px solid #000;color: #000;}
@media only screen and (max-width: 600px) {.initial {width: 30px; height: 30px;font-size: 16px;}}

/* Hovedside */
.hovedbilde {width:100%; height: 600px;object-fit: cover;background:#333}
@media (max-width: 768px) {.hovedbilde {height: 400px;}}
@media (max-width: 480px) {.hovedbilde {height: 380px;}}




/* Sidetopp - Meny */
.menyikon {font-size: 45px;display: flex;color: #333;font-weight: 900;margin-left: 20px;transition: transform .6s;}
.menyikon:hover {transform: rotate(360deg);}
.menyknapp {background: #1E73BE;color: #fff; font-family: roboto;height: 45px;display: flex;align-items: center;padding: 0px 25px;border-radius: 50px;font-size: 16px;text-transform: uppercase;font-weight: 700;letter-spacing: 0.8px;}
@media only screen and (max-width: 600px) {.menyknapp {display: none;}}
@media only screen and (max-width: 600px) {.menyikon {font-size: 34px;}}
.menyboks{z-index:100;position: fixed;top: 0;height: 100%;left: -460px;width: 350px;background-color: white;transition: left 0.6s;box-shadow: 0px 0px 60px 0px #ccc;}
@media (max-width: 767px) {.menyboks {overflow: scroll;}}
@media (max-width: 400px) {.menyboks {width:100%;}}
@media (max-width: 768px) {.menyboks_topp {height:80px !important;}}
.menyboks_innhold{padding: 25px;height: 100%;background:#f5f5f5}
.menybox_innhold a {text-decoration:none !important;}
.menyboks.open{left: 0;}
.mmenyboks_tekst {font-family: roboto;font-size: 13.5px;line-height: 20px;padding: 15px 0 5px 0; color:#000;}
.menyboks_tekst a {color:#1E73BE;text-decoration:none;}
.menyboks_tekst a:hover {color:#175c98}
.menyboks_kryss {cursor: pointer;float: right;font-weight: bold;font-size: 28px;color: #999;margin-left: auto;}
.menyboks_topp {display: flex;height: 100px;align-items: center;padding:0 25px;background:#fff;}
.logo_meny{display:flex;}
.logo_meny img {height: 48px;}
@media (max-width: 480px) {.logo_meny img {height: 44px;}}
@media (max-width: 767px) {.logo_meny img {margin-top:5px}}
.menyelement {border:1px solid #f5f5f5;height: 60px;display: flex;background: #fff;align-items: center;padding: 0px 20px;}
.sidetopp-menyelement {border:1px solid #f5f5f5;height: 60px;display: flex;background: #fff;align-items: center;padding: 0px 20px;}
.sidetopp-menyelement a {display: flex;align-items: center;text-decoration: none;}
.sidetopp-menyelement:hover {background: #e5e5e5;border:1px solid #e5e5e5}
.sidetopp-menyelement_ikon {font-size:24px;display: flex;align-items:center;margin-right:15px;}
.menyelement a {display: flex;align-items: center;text-decoration: none;}
.menyelement:hover {background: #e5e5e5;border:1px solid #e5e5e5}
.menyelement_ikon {display: flex;align-items:center;margin-right:15px;}
.menyelement_ikon_slutt {display: flex;align-items:center;margin-left:auto;}
.menyelement_tekst {color: #333;display: flex;font-size: 15px;font-family:roboto;font-weight:500;letter-spacing:0.5px;text-align:center;justify-content: center;}
.menyelement_tekst_hvit {color: #fff;display: flex;font-size: 15px;font-family:roboto;font-weight:500;letter-spacing:0.5px;text-align:center;justify-content: center;}
.meny_grid_2 {display: grid;grid-template-columns: 1fr 1fr;align-items: center;justify-content: center;grid-gap: 10px;}
.meny_grid_1 {margin-top: 10px;display: grid;grid-template-columns: 1fr;align-items: center;justify-content: center;}
.menyelement_1 {border:1px solid #f5f5f5;margin:25px 0;height: 60px;display: flex;background:#fff; color:#333;align-items: center;padding: 0px 20px;border-radius:10px;}
.menyelement_1:hover {background: #e5e5e5;border:1px solid #e5e5e5}


/* KNAPPER - PARA AS */
.button.vipps {background: #ff5b24 !important;margin-top:15px;}
.button.vipps:hover {background: #cf4d22 !important;}

/* Min side - Innlogget */
.hovedwrapper {padding:50px 0 110px 0;}
@media (max-width: 768px){ .hovedwrapper {padding:25px 0 65px 0;}}
.seksjonsenhet_flex {background-color: #fff;padding: 20px;display: flex;align-items: center;border-radius:10px;box-shadow:0px 4px 20px -6px #ccc;}
.seksjonsenhet_flex_blaa {background: #eff6fc; padding: 20px;border-radius:10px;margin-top:20px;margin-bottom:-10px;}
.seksjonsenhet_flex_graa {background-color: #efefef;padding: 20px;display: flex;align-items: center;border-radius:10px;margin-top:20px;}
.seksjonsenhet_flex_graa1 {background-color: #efefef;padding: 20px;border-radius:10px;margin-top:30px;}
.seksjonsenhet_flex_graa2 {background-color: #efefef;padding: 20px;display: flex;flex-direction:column;border-radius:10px;margin-top:20px;}
.seksjonsenhet_block {background-color: #fff;padding: 20px;display:block;border-radius:10px;box-shadow:0px 4px 20px -6px #ccc;margin:20px 0;}
.linje_blaa {width:100%; border: 1px solid #1E73BE; margin-top: 15px; margin-bottom: 20px; }
.kolonne3 {display: flex;flex-direction: column;flex: 1;}
.kolonne3:first-child {flex-basis: 10%;}
.kolonne3:nth-child(2) {flex-basis: 68%;}
.kolonne3:last-child {flex-basis: 40%;text-align: right;}
@media (max-width: 990px){.kolonne3:last-child {display:none;}}
@media (max-width: 990px){.kolonne3:nth-child(2) {flex-basis: 88%;}}
@media (max-width: 768px) {.kolonne3 {flex-basis: 100%;}}
.kolonne2 {display: flex;flex-direction: column;flex: 1;}
.kolonne2:first-child {flex-basis: 10%;}
.kolonne2:last-child {flex-basis: 90%;}
.kolonne1 {display: flex;flex-direction: column;flex: 1;}
.kolonne1:first-child {flex-basis: 85%;}
.kolonne1:last-child {flex-basis: 15%;text-align:right}
.ikon6_innlogget i {margin-right: 15px;font-size: 17px;background: #1E73BE;color: #fff;padding: 15px;border-radius: 50px;width: 15px;height: 15px;}
.ikon6_innlogget i:before {position:relative;top: -1px;}
@media (max-width: 560px) {.ikon6_innlogget i {font-size: 17px;padding: 10px;margin-right: 15px;}}
.ikon7_innlogget i {margin-right: 15px;font-size: 17px;background: #940606;color: #fff;padding: 15px;border-radius: 50px;width: 15px;height: 15px;}
.ikon7_innlogget i:before {position:relative;top: -1px;}
@media (max-width: 560px) {.ikon7_innlogget i {font-size: 17px;padding: 10px;}}
.ikon8_innlogget i {font-size: 17px;background: #999;color: #fff;padding: 15px;border-radius: 50px;width: 15px;height: 15px;}
.ikon8_innlogget i:before {position:relative;top: -1px; left:-3px}
@media (max-width: 560px) {.ikon8_innlogget i {font-size: 17px;padding: 10px;}}
.liten-tekst {font-family: roboto;font-size: 12px;letter-spacing: 0.5px;line-height: 20px;}
.stor-overskrift {font-family:roboto; font-weight:700; font-size: 36px; line-height:40px; margin:0;letter-spacing:0.5px}
@media (max-width: 767px) {.stor-overskrift {font-size: 26px; line-height:28px;letter-spacing:0px}}
.liten-overskrift {font-family:roboto; font-weight:400; font-size: 18px; line-height:22px; margin-top:5px;letter-spacing:0.5px}
@media (max-width: 767px) {.liten-overskrift {font-size: 16px; line-height:20px;}}
.bidragsytere-ekstra {margin-top: 10px;}
.bidragsytere-ekstra label {margin-top: 15px;}
.slett-felt {background: none;border:none;position: relative;top: 50px;cursor: pointer; }
.center {text-align: center;}
.form-column1, .form-column2, .form-column3 {flex: 1;}
.form-column1 {margin-right:12.5px; margin-left;0;}
.form-column2, .form-column3 {margin:0 12.5px;}
.form-column4 {flex-basis: 5%;margin-right:0;margin-left:12.5px;text-align:right;}
@media (max-width: 767px) {.form-column1, .form-column2, .form-column3, .form-column4 {flex-basis: 100%; margin:0}}
@media (max-width: 767px) {.form-column4 {text-align:center;}}
@media (max-width: 767px) {.slett-felt {top: 15px;}}
@media (max-width: 767px) {.bidragsytere-ekstra {border-top: 1px dotted #aaa;margin: 30px 0;}}

/* Min side - Rediger bidrag */
.lydfil {margin-top: 25px;}
.lydfil label {margin: 0px 0 12px 0;}
.skjema-ramme1 label {margin: 0px 0 12px 0;}
.lydfil #player {width: 100%;border-radius: 8px 8px 0 0;}
.skjema-ramme {border: 1px solid #ccc;margin-top: -5px;background: #fff;padding: 20px;border-radius: 0px 0px 8px 8px;}
.skjema-ramme1 {border: 1px solid #ccc;margin-top: 15px;background: #fff;padding: 20px;border-radius: 8px;}
.visbilde img {width: 160px;object-fit: cover;height: 115px;border-radius: 8px;}
.visbilde {width: 100%}
.bidragsytere-ekstra .slett {cursor:pointer; margin-top: 10px;font-family: roboto;font-weight: 700;background: #c80000;color: #fff;border: none;padding: 4px 10px;border-radius: 50px;}
@media (max-width: 767px) {.skjema-ramme {margin-top:5px;border-radius:8px;padding:15px;}}
@media (max-width: 767px) {.skjema-ramme1 {padding:15px;}}
@media (max-width: 767px) {.skjema-ramme1 .form-row {margin-top: -20px;}}
@media (max-width: 767px) {.skjema-ramme1 .form-column:last-child {justify-content: center;display: flex;margin-top:20px;}}
@media (max-width: 767px) {.lydfil #player {border-radius: 0px 0px 0px 0px !important;}}
@media (max-width: 767px) {.visbilde img {width: 100%;height:200px;}}
@media (max-width: 767px) {.skjema-ramme1 label {margin:20px 0 12px;}}



/* Min side - Mine bidrag */
.bidrag_rad {display: flex;align-items: center;padding:15px 20px;background:#f5f5f5;margin-bottom:5px;border-radius:10px;}
@media (max-width: 990px) {.bidrag_rad {display:block}}
.bidrag_rad:last-child {border-bottom: none;margin-bottom:0}
.bidrag_rad:hover {background:#efefef;}
.radkolonne1, .radkolonne2, .radkolonne3, .radkolonne4 {display: flex;flex-direction: column;}
@media (max-width: 990px) {.radkolonne1, .radkolonne2, .radkolonne3, .radkolonne4 {text-align:center !important;}}
@media (max-width: 990px) {.radkolonne1, .radkolonne2, .radkolonne3 {text-align:center !important;margin-bottom:10px;}}
.radkolonne1 {flex-basis:5%;text-align:left}
.radkolonne2 {flex-basis:35%;text-align:left}
.radkolonne3 {flex-basis:55%;text-align:left}   
.radkolonne4 {flex-basis:5%;text-align:right} 
.ikon1_bidrag {font-size: 22px;color: #c80000;}
@media (max-width: 990px) {.ikon1_bidrag, .ikon2_bidrag {font-size:20px !important;}}
.ikon2_bidrag {font-size: 22px;color: #333;}
.tittel_bidrag, .tittel_kategori {font-family:roboto; font-size: 12px;font-weight: 600;letter-spacing: 0.3px;}
@media (max-width: 990px) {.tittel_bidrag, .tittel_kategori {font-size: 11px;}}
.navn_bidrag, .navn_kategori {font-family:roboto; font-size: 16px;line-height:20px;font-weight: 400;}


.warningbox {margin-bottom:30px;background-color: #fff;padding: 20px;display: flex;align-items: center;box-shadow:0px 4px 20px -6px #ccc; border-left:8px solid #c80000;}
.warningbox_icon {margin-right:25px;}   
.warningbox_icon i {font-size:35px; color:#c80000 }   

/* Hjelpeknapp */
.box {position: fixed; bottom: 55px; right: 12px; width: 100px; z-index: 10999;}
.hjelpeknapp {font-family:roboto; font-weight:700; font-size: 16px; color: #fff; padding: 12px 15px; background: #1E73BE; border-radius: 10px; text-decoration: none; cursor: pointer; transition: all 0.3s ease-out;}
@media screen and (max-width: 767px){.hjelpeknapp{font-size: 12px;}}
@media screen and (max-width: 767px){.box{bottom: 135px; right: -5px;}}
@media screen and (max-width: 767px){.overlay{bottom: 100px !important; right: 25px !important;}}
.hjelpeknapp:hover {background: #175b98;}

/* Popup */
.overlay {position: fixed; bottom: 25px; right: 22px; z-index: 10999; visibility: hidden; opacity: 0;}
.overlay:target {visibility: visible; opacity: 1;}
.popup {position: fixed; top: 0; bottom: 0; margin: 70px auto; padding: 20px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 20px 0px #ccc; width: 250px; position: relative;}
.popup h2 {margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif;}
.popup .close {position: absolute; top: 26px; right: 30px; transition: all 200ms; font-size: 28px; font-weight: 900; text-decoration: none; color: #1E73BE; background: #fff; height: 28px; width: 28px; border-radius: 50px; display: flex; align-items: center; justify-content: center;}
.popup .close:hover {color: #333;}
.popupoverskrift {font-size: 17px; font-weight: 700; font-family: roboto; padding: 10px; margin-bottom: 20px; background: #1E73BE; color: #fff; border-radius: 10px;}
.popup .content {max-height: 400px; overflow: auto; font-family:roboto; font-weight:400; font-size: 13px; line-height:16px; color: #333;}

article > *:first-child {margin: 0;}
article > * + * {margin: 0.75em 0 0 0;}
pre {color: white; background: #2c2330; padding: 1em; border-radius: 5px;}
details code {font-size: 1.1em;}
#the-count {float: right; padding: 0.1rem 0 0 0; font-size: 0.875rem;}

/* SIDE - KATEGORIER */
.kategori-wrapper {max-width: 100%;}
.accordion-kategori {margin-bottom: 14px; border: 1px solid #ddd; border-radius: 10px; background: #fff; overflow: hidden; transition: box-shadow 0.2s;}
.kategori-header {cursor: pointer; font-weight: bold; padding: 18px 25px; user-select: none; background: #fff; display: flex; justify-content: space-between; align-items: center; font-size: 15.5px; position: relative; font-family:roboto; letter-spacing:0.3px;}
.kategori-header::after {content: "\276F"; font-size: 20px; color: #888; margin-left: 20px; transition: transform 0.3s; transform: rotate(0deg);}
.accordion-kategori.active .kategori-header::after {transform: rotate(90deg);}
.kategori-panel {max-height: 0; overflow: hidden; transition: max-height 0.45s cubic-bezier(0.4,0,0.2,1); background: #fff;}
.accordion-kategori.active .kategori-panel {max-height: 1000px;}
.kategori-tekst {padding: 12px 25px 25px; font-size:15.5px !important; line-height:22px !important;}
@media (max-width: 768px) {.kategori-tekst p, .kategori-header  {font-size:13px !important; line-height:19px !important;text-align:left !important;}}
@media (max-width: 768px) {.kategori-header::after  {font-size:16px !important;}}
.kategori-tekst-1 {font-family:roboto;padding: 0; font-size:15.5px !important; line-height:22px !important;margin-bottom:35px;}
.bakgrunn-kat25 {
  background-color: #FEFFF6;
  border-radius: 8px;
  margin: 20px 0;
  padding: 16px;
}

.overkategori-kat25 {
  color: #949F3B;
  font-weight: bold;
}

.kategorinummer-kat25 {
  color: #949F3B;
  font-size: 28px;
  font-weight: bold;
}