:root {
    --primary-h: 28 !important;
    --primary-s: 100% !important;
    --primary-l: 18.8% !important;
    --primary-contrast-h: var(--primary-h) !important;
    --primary-contrast-s: var(--primary-s) !important;
    --primary-contrast-l: 100%  !important;

    --secondary-h: 30 !important;
    --secondary-s: 55.2% !important;
    --secondary-l: 64.1% !important;
    --secondary-contrast-h: var(--secondary-h) !important;
    --secondary-contrast-s: var(--secondary-s) !important;
    --secondary-contrast-l: 20%  !important;
  }
  :root {
  --k-navigation-gap: 7.5rem; /* juster etter smak */
}
/**GLOBALT**/
  /*Farge på paragraph*/
  p{
    color:#602d00 !important;
  }
  /*skjule lead kontaktperson og visninger
  .plain-project .section-lead__contact {
    display: none !important;
  }*/
  /*css justering av H1 farge på cover*/
  .plain-project h1 {
    color: #BB6732 !important;
  }
  /*skjule footer*/
  .plain-project .footer{
    display: none !important;
  }
  /*Bakgrunnsfarge på input felt i skjema*/
  .plain-project .blocks-lead--variant-default .k-formcontrol input, .blocks-lead--variant-default .k-formcontrol textarea {
    color: #000;
  }
  /*farge og fontsize på privacy*/
  .plain-project .blocks-lead__form > span{
    font-size: 1rem !important;
    color: var(--primary) !important;
  }
  /*styling meld interesse knapp (farge gates lenger ned: topp vs bånd)*/
  .plain-project .navigation-wrapper__item--lead .k-button {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  /*Meld interesse-tekst: lys på toppen, mørk på båndet (gjelder mobil + desktop)*/
  .plain-project .navigation-wrapper-page--is-top .navigation-wrapper__item--lead .k-button {
    color: var(--background-color, #efe6d3) !important;
  }
  .plain-project .k-navigation:not(.navigation-wrapper-page--is-top) .navigation-wrapper__item--lead .k-button {
    color: #BB6732 !important;
  }
  /* form-send-knappen: samme tekststil som meny ish */
  .plain-project .blocks-lead__form-actions .k-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    color: var(--primary) !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 1.75rem !important;
  }
  /*justere skjema skriftstørrelse*/
  .plain-project .blocks-lead__form-input {
    color: var(--primary) !important;
    font-size: 1.2rem !important;
  }
  .plain-project h3{
    color: #BB6732 !important;
  }
  /* Skjul den duplikate H2-en i Meld interesse-blokken */
  .plain-project .blocks-lead .blocks-text h2:first-of-type {
    display: none !important;
  }
  /*Skjule kant i menyen*/
  .plain-project .navigation-wrapper-page--is-scrolled:not(.navigation-wrapper-effect--transparent) {
  box-shadow: unset;
}
 #lead{
   padding-bottom: 10rem;
 }
/* === Kontaktseksjon i lead (mobil + desktop) === */
/* Avstand mellom kolonnene i lead-gridet */
  .plain-project #lead .k-elements-grid.blocks-grid { 
  gap: 96px; 
  }
/* Flytt "Meld interesse"-skjema over menneskene */
  .plain-project #lead .section-lead__contact { 
  order: 2; 
}
  .plain-project #lead .blocks-lead--variant-default {
  order: 1; 
}
/* Bildeformat på kontaktbildene */
  .plain-project #lead .blocks-contact-list__avatar {
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: 16 / 9;
}
/* Bildeutsnitt: løft fokus litt opp */
  .plain-project #lead .blocks-contact-list__avatar img {
  object-position: center 25%; 
}
/* Skriftstørrelse på navn */
  .plain-project #lead .blocks-contact-list__user-name {
  font-size: 30px; 
}
/* Skjul tittel over kontaktpersonene */
  .plain-project #lead .project-contact-heading {
   display: none;
}
.plain-project .section-hero-content-placement--bottom + .section-hero-intro {
  --plain-project-hero-bottom-content-width: 100% !important;
}
/**DESKTOP**/
@media (min-width: 992px) {
  .plain-project h1 {
    padding-top: 8rem;
    margin-bottom: unset;
  }
  .plain-project {
   --section-padding-block: 8rem 8rem !important; 
   }
  /*justere skjema til å være i hele bredden*/
  .plain-project .k-elements-grid.blocks-grid {
    grid-template-columns: minmax(0, 900px) !important;
    justify-content: center !important;
  }
  /*css justering av H2 for kontakt oss*/
  .plain-project .blocks-lead .blocks-text h2 {
    color: var(--primary) !important;
    text-align: center !important;
    text-transform: uppercase !important;
    max-width: 9ch;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.1 !important;
    margin-bottom: 5rem !important;
    margin-top: 2rem !important;
  }
  /*input tekst og fields settes hver for seg. */
  .plain-project .blocks-lead__form-input {
    display: grid !important;
    grid-template-columns: 100px 1fr !important;
    align-items: center !important;
    gap: 0.5rem !important;
  }
  .plain-project .blocks-lead__form-input:has(textarea) {
    align-items: start !important;
  }
  /* Felles for begge seksjonene === */
  .plain-project #additional-sections-item-0 .blocks-text > div,
  .plain-project #additional-sections-1-item-0 .blocks-text > div {
    padding-top: unset !important;
    column-gap: 6.5rem;
  }
  .plain-project #additional-sections-item-0 .blocks-text > div p,
  .plain-project #additional-sections-1-item-0 .blocks-text > div p {
    break-inside: avoid;
    line-height: 1.7rem;
  }
  .plain-project #additional-sections-item-0 .blocks-text > div p:first-child,
  .plain-project #additional-sections-1-item-0 .blocks-text > div p:first-child {
    margin-top: 0 !important;
  }
  /*første p får ingen luft over i seksjon nr 2*/
  .plain-project #additional-sections-1-item-0 .blocks-text > div p:first-of-type {
    margin-block-start: 0 !important;
    margin-top: 0 !important;
  }
  /* Blokk 1: 2 kolonner */
  .plain-project #additional-sections-item-0 .blocks-text > div {
    columns: 16rem 2;
  }
  /* Blokk 2: 3 kolonner, venstrejustert mot bildet */
  .plain-project #additional-sections-1-item-0 .blocks-text > div {
    display: block !important;
    column-count: 3 !important;
    column-gap: 2.5rem !important;
    column-fill: balance !important;
  }
  /*Blokk får ingen luft over*/
  #additional-sections-2-item-1 { 
  padding-block-start: 0 !important; 
  }
  /* setter innholdet til full bredde i container */
  .plain-project #additional-sections-1-item-0 .blocks-images-text-section__content {
    max-width: none !important;
    width: 100% !important;
    align-self: stretch !important;
  }
  /* H3 over alle spalter */
  .plain-project #additional-sections-1-item-0 .blocks-text > div h3 {
    column-span: all !important;
  }
  /* La den lange siste p dele seg over to kolonner*/
  .plain-project #additional-sections-1-item-0 .blocks-text > div p:last-child {
    break-inside: auto !important;
  }
  /*styling h2 i siste seksjon*/
  .plain-project #additional-sections-2-item-0 h2{
    color: var(--primary);
    padding:5rem 0rem 0rem 0rem;
    line-height: 8rem;
    font-size: 7rem;
  }
  /*personvern og knapp skal starte på samme plass som inputformene*/
  .plain-project .blocks-lead__form > span,
  .plain-project .blocks-lead__form-actions {
    padding-left: calc(100px + 0.5rem) !important;
  }
  /* tekst i to linjer + store bokstaver */
  .plain-project .navigation-wrapper__item--lead .k-button__content {
    display: block !important;
    white-space: normal !important;
    text-transform: uppercase !important;
    text-align: right !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    font-size: 2rem !important;
    width: min-content !important;
  }
  /*luft i toppen over meld interesse - KUN på toppen, ikke på båndet*/
  .plain-project .navigation-wrapper-page--is-top .navigation-wrapper__item--lead .k-button {
    margin-top: 3rem !important;
  }
  .plain-project .k-navigation__items-wrapper {
    flex: 1 !important;
  }
  /* Sentrer de vanlige menypunktene mellom logo og MELD INTERESSE */
  .plain-project .k-navigation__items {
    width: 100% !important;
  }
  .plain-project .k-navigation__items > :first-child {
    margin-left: auto !important;
  }
  .plain-project .k-navigation__items > .navigation-wrapper__item--lead {
    margin-left: auto !important;
  }
  /* menypunkt-tekst: størrelse alltid, farge gates (topp = lys, bånd = mørk) */
  .plain-project .k-navigation__items .k-button--variant-tertiary {
    font-size: 1rem !important;
  }
  .plain-project .navigation-wrapper-page--is-top .k-navigation__items .k-button--variant-tertiary {
    color: var(--background-color) !important;
  }
  .plain-project .k-navigation:not(.navigation-wrapper-page--is-top) .k-navigation__items .k-button--variant-tertiary {
    color: #BB6732 !important;
  }
  /* Fjern understrek på hover for menypunktene */
  .plain-project .k-navigation__items .k-button--variant-tertiary:hover,
  .plain-project .k-navigation__items .k-button--variant-tertiary:hover .k-button__content {
    text-decoration: none !important;
  }
  /* Nav ligger fast i begge tilstander; transparent KUN på toppen (ellers kommer Kvass-båndet ved scroll) */
  .plain-project .navigation-wrapper-effect--transparent {
    position: fixed;
  }
  .plain-project .navigation-wrapper-effect--transparent.navigation-wrapper-page--is-top {
    --navigation-background-color: transparent !important;
  }
  .plain-project .navigation-wrapper {
    --k-navigation-logo-height: var(--navigation-logo-height, 4rem) !important;
  }
  /*fjerne luft under intro tekst*/
  .plain-project .section-hero-intro {
    padding-bottom: 0 !important;
  }
  /* === Kontaktseksjon i lead – kun desktop === */
  /* 2 kolonner, vertikale kort */
  .plain-project #lead .blocks-contact-list { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .plain-project #lead .blocks-contact-list__item { flex-direction: column; }
}
/**MOBIL**/
@media (max-width: 992px) {
  /*Sette lineheight på mobil*/
  .plain-project h1 {
    line-height: 1.3 !important;
  }
  /*Skriftstørrelse tittel mobil*/
  .plain-project .blocks-lead h2 {
  font-size: 3rem;
  line-height: 3rem
  }
  /*fjerne luft under intro tekst MOBIL*/
  .section-hero-intro {
    padding-bottom: 0 !important;
  }
  /*annen skriftstørrelse og farge på h2 på mobil*/
  .plain-project #additional-sections-2-item-0 h2{
    color: var(--primary);
    line-height: 3rem;
    font-size: 3rem;
  }
  /*annen farge på h2 på kontaktskjema på mobil*/
  .plain-project .blocks-lead h2{
    color: var(--primary) !important;
    text-transform: uppercase !important;
  }
  /* Skjul hamburger-knappen MENY */
  .plain-project .k-navigation__bars {
    display: none !important;
  }
  /* Ta items-containeren ut av drawer-modus og legg den inline til høyre */
  .plain-project .k-navigation__items-wrapper {
    display: flex !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 0 0 auto !important;   /* skyv mot høyre */
    background: transparent !important;
    box-shadow: none !important;
  }
  .plain-project .k-navigation__items {
    flex-direction: row !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
  }
  /* Nav fast i begge tilstander; på mobil er baren ALLTID cream (ikke transparent topp) */
  .plain-project .k-navigation {
    background-color: var(--background-color) !important;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10 !important;
  }
  /* På mobil: oransje tekst uansett scroll, siden baren alltid er cream.
     Høy spesifisitet så den slår de globale topp-/bånd-reglene. */
  .plain-project .k-navigation.navigation-wrapper-page--is-top .navigation-wrapper__item--lead .k-button,
  .plain-project .k-navigation:not(.navigation-wrapper-page--is-top) .navigation-wrapper__item--lead .k-button {
    color: #BB6732 !important;
  }
  .plain-project .k-navigation.navigation-wrapper-page--is-top .k-navigation__items .k-button--variant-tertiary,
  .plain-project .k-navigation:not(.navigation-wrapper-page--is-top) .k-navigation__items .k-button--variant-tertiary {
    color: #BB6732 !important;
  }
  /* "Meld interesse" i to linjer, versaler, høyrejustert – som desktop */
  .plain-project .navigation-wrapper__item--lead .k-button__content {
    display: block !important;
    white-space: normal !important;
    text-transform: uppercase !important;
    text-align: right !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    font-size: 1.75rem !important;
    width: min-content !important;
  }
  /*Tilpasse luft over meld interesse*/
  .plain-project .k-navigation--responsive .k-navigation__items {
    margin-top: 0rem !important;
  }
  /* Vis KUN "Meld interesse", skjul de fire info-punktene */
  .plain-project .k-navigation__items > .k-button--variant-tertiary {
    display: none !important;
  }
  .plain-project .k-navigation__items > .navigation-wrapper__item--lead {
    display: block !important;
  }
  /* Fjern bakgrunn bak selve logoen */
  .plain-project .k-navigation__logo .k-button,
  .plain-project .k-navigation__logo figure,
  .plain-project .k-navigation__logo .k-image {
    background: transparent !important;
    box-shadow: none !important;
  }
  .plain-project #additional-sections-2-item-1{
  margin-top: -110px;
}
}
  /*TEKST ANIMASJONEN, TARGETER BOLD TEKST.*/
  .plain-project .blocks-text em {
  font-weight: inherit;
  background-image: linear-gradient(#f5c97a, #f5c97a);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0.05em 0.15em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
/* Uansett bredde: når Kvass kollapser til bar-meny, se ut som mobil (kun logo + Meld interesse) */
.plain-project .k-navigation--bar-menu .k-navigation__bars {
  display: none !important;
}
.plain-project .k-navigation--bar-menu .k-navigation__items-wrapper {
  display: flex !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;      /* viktig: nøytraliserer desktop flex:1 i gap-sonen */
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 0 0 auto !important;  /* skyv mot høyre */
  background: transparent !important;
  box-shadow: none !important;
}
.plain-project .k-navigation--bar-menu .k-navigation__items {
  flex-direction: row !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}
.plain-project .k-navigation--bar-menu .k-navigation__items > .k-button--variant-tertiary {
  display: none !important;
}
.plain-project .k-navigation--bar-menu .k-navigation__items > .navigation-wrapper__item--lead {
  display: block !important;
}
.plain-project .k-navigation--bar-menu .navigation-wrapper__item--lead .k-button__content {
  display: block !important;
  white-space: normal !important;
  text-transform: uppercase !important;
  text-align: right !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  font-size: 1.75rem !important;
  width: min-content !important;
}
/* Nulle ut desktop-margin så lead sitter som på mobil, ikke dyttet ned */
.plain-project .k-navigation--bar-menu .navigation-wrapper__item--lead .k-button {
  margin-top: 0 !important;
}
.plain-project .k-navigation--bar-menu .k-navigation__logo .k-button,
.plain-project .k-navigation--bar-menu .k-navigation__logo figure,
.plain-project .k-navigation--bar-menu .k-navigation__logo .k-image {
  background: transparent !important;
  box-shadow: none !important;
}
/*Midstillte personvern tekst i bunn av siden*/
.edit-consents {
 text-align: center; 
 padding: 3rem 1rem; 
 }
 /*Mindre bugfiks*/
 /* Kontaktseksjonen slipper bunn-luften */
#lead {
  padding-bottom: 0;
}

/* Logoseksjon (Røisland & Co + Peab) – lik luft over og under */
#additional-sections-3-item-0 {
  padding-top: 80px;
  padding-bottom: 80px;
}

/* Vis hele logoen – ikke beskjær kantene */
#additional-sections-3-item-0 .k-elements-image img {
  object-fit: contain;
}

/* Halver bildestørrelsen (kun tablet og opp) */
@media (min-width: 768px) {
  #additional-sections-3-item-0 .blocks-images-text-section__images-wrapper {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}