/* Tjenester (nordlandskrana.no/Tjenester): de fire tjenestene som 2x2 med 20 px luft, som fyller skjermen.
   Limes inn i WIPS: Kontrollpanel -> Custom CSS. Gjelder bare siden med page_id_759891782.
   Malen (w_design_5) gir 2 kolonner på 901-1200 px, 3 kolonner på 1201-1499 px og alle på én rad fra 1500 px.
   Radluften er margin, ikke row-gap: ellers får next-page-loader også 20 px over seg. */
@media (min-width:901px){
  body.page_id_759891782 #container-list{column-gap:20px}
  body.page_id_759891782 #container-list .outercol{flex:0 0 calc(50% - 10px)}
  body.page_id_759891782 #container-list .outercol:nth-child(n+3){margin-top:20px}
  body.page_id_759891782 #container-list .innercol{height:max(calc(50vh - 10px),320px)}
}

/* Ansatte (nordlandskrana.no/Ansatte): de ansatte som kort i et rutenett, med hele stillingen og kontaktinfo synlig. Alle kortene er like høye (grid-auto-rows:1fr, lasteren tas ut av rutenettet).
   Gjelder bare siden med page_id_1903947038. Malens listevisning kutter stillingen med «...» og presser e-posten ut over kanten.
   Stillingen ligger i .teaser utenfor .textbox, så .innercol er en flex-kolonne og .teaser flyttes øverst med order.
   #wrap trengs for å slå malens #wrap #container-list-regler (float, width, max-height, text-align:right !important).
   Malen gir også .outercol min-width:280px, h2/p position:relative med top-forskyvning, teaser/h2/p translateY(-50%) !important og en prikket linje i .textbox::after. */
body.page_id_1903947038 #wrap #container-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:1fr;gap:20px;max-width:1200px;margin:0 auto;padding:10px 20px 48px;box-sizing:border-box}
body.page_id_1903947038 #wrap #container-list > :not(.outercol){grid-column:1/-1}
body.page_id_1903947038 #wrap #container-list > .next-page-loader{position:absolute;left:0;right:0;bottom:0}
body.page_id_1903947038 #wrap #container-list .outercol{display:block;width:auto;min-width:0;max-width:none;margin:0;text-align:left}
body.page_id_1903947038 #wrap #container-list .clear,
body.page_id_1903947038 #wrap #container-list .spacer{height:100%}
body.page_id_1903947038 #wrap #container-list .innercol{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:22px 22px 24px;background:#f5f5f4;border-top:4px solid #bf202f}
body.page_id_1903947038 #wrap #container-list .media-wrapper{display:none}
body.page_id_1903947038 #wrap #container-list .teaser{order:-1;position:static;transform:none !important;width:auto;max-height:none;margin:0 0 8px;padding:0;overflow:visible;min-height:0;white-space:normal;text-align:left;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:.04em;color:#bf202f;background:none}
body.page_id_1903947038 #wrap #container-list .textbox,
body.page_id_1903947038 #wrap #container-list .textbox-inner{position:static;width:auto;height:auto;max-height:none;margin:0;padding:0;overflow:visible;background:none}
body.page_id_1903947038 #wrap #container-list .textbox::after{display:none}
body.page_id_1903947038 #wrap #container-list h2{position:static;transform:none !important;float:none;width:auto;min-height:0;max-height:none;margin:0 0 14px;padding:0;overflow:visible;-webkit-line-clamp:unset;font-size:22px;line-height:1.25;color:#0a0a0a}
body.page_id_1903947038 #wrap #container-list .textbox-inner > a:hover h2{text-decoration:underline;text-decoration-color:#bf202f;text-underline-offset:4px}
body.page_id_1903947038 #wrap #container-list p{position:static;transform:none !important;float:none;width:auto;min-height:0;max-height:none;margin:0 !important;padding:0;text-align:left !important;overflow:visible;-webkit-line-clamp:unset;white-space:pre-line;overflow-wrap:anywhere;line-height:1.5;color:#191919}