/* Main */
body {margin:0;background:#f6f8f5;font-size: 15px;font-family:roboto;line-height:22px;}
@media (max-width: 768px) {body  {font-size:14px;}}
main {width:100%;padding: 100px 0 50px 0;}
@media (max-width: 768px) {main {padding:80px 0 50px 0 !important;}}
a {color:green;text-decoration:none;}
html, body {height: 100%;margin: 0;}
.side {display: flex;flex-direction: column;min-height: 100%;}
* {box-sizing: border-box;}

/* Header */
#header {width: 100%;height:100px;position: fixed;background: #fff;box-shadow: 0 4px 20px -6px #666;display: flex;align-items: center;  z-index: 2;}
@media (max-width: 768px) {#header  {height:80px}}
.header{width: 1320px;display:grid;margin:auto;}
.grid33 {display: grid;grid-template-columns: 1fr 1fr 1fr;}
@media (max-width: 768px) {.grid33 {grid-template-columns: 1fr 1fr !important;}}
.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;}}
.logo{display:flex;align-items: center;}
@media (max-width: 1340px) {.logo {margin-left: 25px;}}
.logo img {display: flex;height: 58px;}
@media (max-width: 768px) {.logo img {height: 48px;}}
@media (max-width: 480px) {.logo img {height: 40px;}}
.knapper {display: flex;align-items: center;margin-left: auto;}
@media (max-width: 1340px) {.knapper {margin-right: 25px;}}
.item{display: inline-block;cursor: pointer;}
.ikon img { height: 40px; margin-left: 20px; transition: transform 0.3s ease, filter 0.3s ease; }
.ikon img:hover { transform: scale(1.15); filter: grayscale(100%); }
@media (max-width: 480px) { .ikon img { height: 30px; } }
.ikon { display: flex; }

/* Footer */
#footer {background: #efefef;border-top: 1px solid #ddd;display: flex;align-items: center;padding:50px 25px 25px 25px;flex-direction: column;margin-top: auto;}
.footer {display: flex;align-items: center;flex-direction: column;max-width: 1320px;text-align: center;width:100%}
.footer_seksjon {padding-bottom: 25px;border-bottom: 1px dotted #aaa;margin-bottom: 25px;text-align:center;width:100%}
.footer_seksjon_grid {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 10px;}
.footer_bildekolonne img {height: 60px;object-fit: contain;}
@media (max-width: 480px) {.footer_bildekolonne img {height: 40px;}}
.footer_tekst_liten {font-size: 12px;letter-spacing: 0.3px;line-height:17px;}
.footer_logo img {height:70px;}
@media (max-width: 768px) {.footer_logo img {height: 50px;}}
.footer_logo {margin-bottom:20px;}

/* 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;}}
@media (max-width: 480px) {.menybox {width:100%;}}
.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}
.kryss {cursor: pointer;float: right;font-weight: bold;font-size: 28px;color: #999;padding: 18px 40px;}

/* Meny */
.menyboks{z-index:100;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) {.menyboks {overflow: scroll;}}
@media (max-width: 480px) {.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{right: 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}
.menyboks_overskrift {font-size: 24px;font-weight:700;}

/* Seksjoner */
.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;max-width:1320px;margin: 0 auto;align-items: stretch;}
@media (max-width: 768px) {.seksjon_dobbel {grid-template-columns: 1fr;}}
@media (max-width: 1340px) {.seksjon_dobbel {margin: 0 25px !important;}}
.seksjon_trippel {display: grid; box-sizing: border-box; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;align-items: stretch;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;}}
.gridenhet {display: flex; background: #fff;box-shadow: 0px 4px 15px -6px #ccc;border-radius:10px;padding: 25px;flex-direction: column;}
.seksjon_dobbel60 {display: grid; box-sizing: border-box; grid-template-columns: 3fr 2fr; grid-gap: 20px;max-width:1320px;margin: 0 auto;align-items: stretch;}
@media (max-width: 768px) {.seksjon_dobbel60 {grid-template-columns: 1fr;}}
@media (max-width: 1340px) {.seksjon_dobbel60 {margin: 0 25px !important;}}


/* Indre seksjoner */
.inner-grid {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;height: 100%;}
.inner-grid60 {display: grid;grid-template-columns: 3fr 2fr;grid-gap: 20px;height: 100%;} 
@media (max-width: 550px) {.inner-grid60 {grid-template-columns: 1fr;}}
.inner-grid-enhet1 {display: flex;flex-direction: column;}
.inner-grid-enhet2 {display: flex;flex-direction: column;}
@media (max-width: 550px) {.inner-grid-enhet2 {order: -1;}}
@media (max-width: 550px) {.inner-grid {grid-template-columns: 1fr;}}
.inner-grid3 {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px 20px;height: 100%;}
@media (max-width: 1120px) {.inner-grid3 {grid-template-columns: 1fr 1fr;}}
@media (max-width: 480px) {.inner-grid3 {grid-template-columns: 1fr;}}
.inner-grid4 {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:20px;height: 100%;}
@media (max-width: 1120px) {.inner-grid4 {grid-template-columns: 1fr 1fr;}}
@media (max-width: 480px) {.inner-grid4 {grid-template-columns: 1fr;}}
.inner-grid5 {display: grid;grid-template-columns: 18% 18% 18% 18% 1fr;grid-gap:20px;height: 100%;align-items: center;}
@media (max-width: 1120px) {.inner-grid5 {grid-template-columns: 1fr 1fr;}}
@media (max-width: 480px) {.inner-grid5 {grid-template-columns: 1fr;}}


.inner-grid-enhet {display: flex;}
.greybox {background: #efefef;padding: 25px 25px 10px 25px;border-radius: 10px;}

/* Skrifter */
.overskrift18 {font-size: 18px;font-weight: 700;line-height:24px;}
.overskrift22 {font-size: 22px;font-weight: 700;line-height:28px;}
.overskrift28 {font-size: 28px;font-weight: 700;line-height:34px;}
.overskrift36 {font-size: 36px;font-weight: 700;line-height:44px;}

/* Portalstatus */
.portalstatus-stor {font-size: 22px;font-weight: 700;line-height:28px;color:#fff;padding: 10px 0;}
.portalstatus {background: green; border-radius:10px;display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;}
.portalstatus-liten {font-weight:700;font-size: 13px;letter-spacing-0.3px;line-height:18px;color:#fff;margin-bottom:-5px;}

/* Listing */
.liste-status { max-width: fit-content;display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: green; border-radius: 5px; padding: 1px 10px; margin-bottom: 10px; color: #fff; }
.liste-status-fullt { max-width: fit-content;display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: red; border-radius: 5px; padding: 1px 10px; margin-bottom: 10px; color: #fff; }

.liste-navn {font-size: 22px;font-weight: 700;line-height:28px;}
.liste-adresse {font-size: 13px;letter-spacing-0.3px;line-height:18px;}
.liste-knapper {margin-top: auto;display:flex;border-top:1px dotted #bbb; padding-top:25px;}
.liste-knapp1 {color:green;border: 2px solid green; max-width: fit-content; padding: 8px 18px; border-radius: 50px; font-size: 12px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; }
.liste-knapp1:hover {border: 2px solid green; background:green;color:#fff !important;}
.liste-knapp2 {margin-left:auto;border: 2px solid #333; color:#333; max-width: fit-content; padding: 8px 18px; border-radius: 50px; font-size: 12px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; }
@media (max-width: 550px) {.inner-grid-enhet1.liste-bilde img {height:175px !important;}}
.liste-bilde img {width: 100%; height: 100%; max-width: 100%;object-fit: cover;border-radius: 10px;}
.liste-bilde {width: 100%;height: 100%;}
.liste-ikoner {display: flex;gap: 12px;margin:15px 0;}
.liste-ikon {display: flex;align-items: center;justify-content: center;}
.liste-ikon img {height: 32px;opacity:0.8;}
.liste-prisrad { display: flex; justify-content: space-between; padding: 5px 0; }
.liste-prisrad:not(:last-of-type) { border-bottom: 1px dotted #bbb; }
.liste-vare { text-align: left; padding-right:10px;}
.liste-pris { text-align: right; white-space: nowrap; }
.liste-litenskrift {font-size: 11px;letter-spacing-0.3px;line-height:15px;margin-top:18px;}
.liste-tid-wrapper { margin-top: auto;display: flex; justify-content: space-between; gap: 40px;background: #efefef;padding: 10px 20px;border-radius: 10px; }
.liste-tid-blokk { display: flex; align-items: flex-start; gap: 10px; width: 50%; }
.liste-ikon1 { width: 36px; height: auto; margin-top: 5px;margin-right: 10px;}
.liste-tid-tekst { display: flex; flex-direction: column; }
.liste-tid-label { font-weight: 700; margin-bottom: 2px; font-size: 11.5px;letter-spacing: 0.5px;color: #333;margin-bottom: -5px;margin-top: 1px;}
.liste-tid-verdi { color: #333; }
@media screen and (min-width: 768px) and (max-width: 1050px) {
.liste-tid-wrapper { flex-direction: column; gap: 0px; padding:15px 25px 9px 25px;}
.liste-tid-blokk { width: 100%; justify-content: flex-start; align-items: flex-start; margin-bottom: 6px;}
.liste-ikon1 { margin-left: 0; }
}

@media screen and (max-width: 610px) {
  .liste-tid-wrapper { flex-direction: column; gap: 0px; padding:15px 25px 9px 25px;}
  .liste-tid-blokk { width: 100%; justify-content: flex-start; align-items: flex-start; margin-bottom: 6px;}
  .liste-ikon1 { margin-left: 0; }
}

/* Fasiliteter */
.fasilitet-ikon {height: 40px;margin-right:15px;}
.fasilitet-blokk {display: flex; align-items:center;}
.fasilitet-tekst {display: flex;flex-direction: column;position: relative;top: -2px;}
.fasilitet-label {line-height:15px;font-weight: 700; margin-bottom: 2px; font-size: 11.5px;letter-spacing: 0.5px;color: #333;margin-bottom: -5px;margin-top: 1px;}
.fasilitet-verdi {font-size: 13px;line-height: 16px;padding-top: 3px;}

/* Kart */
#googleMap {border-radius: 10px;height: 550px;width:100%;max-width:100%}
@media (max-width: 768px) {#googleMap {height: 400px;}}


/* Elementer */
.statusbanner {margin: 0 auto;position: relative;top: -100px;width: 100%;max-width: 1320px;}
@media (max-width: 768px) {.statusbanner {top:-70px;width:70%;max-width:100%;}}
@media (max-width: 1340px) {.statusbanner {margin:0 25px}}
.tekst_aapen {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:18px;}}
.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:18px;}}

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

/* Skjema */
.skjema-container {display: flex; flex-direction: column;width: 100%; margin: 0 auto; font-family: Roboto; }
.skjema-rad { margin-bottom: 15px; position: relative;display: flex; flex-wrap: wrap; }
.skjema-kolonne { width: 100%; position: relative; }
.skjema-dobbeltkolonne { flex: 1; box-sizing: border-box; margin-right: 12.5px; margin-left: 12.5px; }
@media (max-width: 768px) {.skjema-dobbeltkolonne { flex: 100%; margin-right: 0px; margin-left: 0px; margin-bottom: 20px;}} 
.skjema-dobbeltkolonne:first-child { margin-left: 0; }
.skjema-dobbeltkolonne:last-child { margin-right: 0; }
.input-wrapper { position: relative; display: flex; flex-direction: column; }
.input-wrapper i {position: absolute;top: 50%;right: 25px; transform: translateY(-50%);pointer-events: none;color: #999;font-size: 19px;}
select {color: #111;line-height:1.5;font-family:roboto;font-weight:600;background:#fff;width: 100%; height:50px;padding: 0 25px; border: 1px solid #ddd; border-radius: 10px; font-size: 15px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;  }
select option {color: #111;}
.skjema-kolonne.input-wrapper i {font-size: 13px;}
input[type="text"] {font-family:roboto;font-weight:600;background:#fff;width: 100%; height:50px;padding: 0 25px;border: 1px solid #ddd; border-radius: 10px; font-size: 15px;-webkit-appearance: none;-moz-appearance: none;appearance: none;  }
.skjema-label {font-size: 11px; color: #888; z-index: 1;letter-spacing:0.5px;  margin: 0 0 3px 5px; }
.skjema-knapp { background-color: green; color: white; padding: 12px 20px; border: none; border-radius: 50px; cursor: pointer; font-size: 16px; }
.skjema-knapp:hover { background-color: #006400;; }
.skjult { display: none; }
input:focus { outline: none; border-color: green;  }
select:focus { outline: none; border-color: green;  }
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 { outline: none; border-color: green; }
button[name="kort"] {background: #333;color:#fff; max-width: fit-content; padding: 12px 18px; border-radius: 50px; font-size: 12px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; }
button[name="kort"]:hover {background:#222;}
button[name="vipps"] {background: #FF5B24;;color:#fff; max-width: fit-content; padding: 12px 18px; border-radius: 50px; font-size: 12px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; }
button[name="vipps"]:hover {background:#d5491a;color:#fff !important;}


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