/* Stor og vanlig desktop */
@media screen and (min-width: 480px) and (max-width: 1439px) {
    .section {
      padding-left: 32px;
      padding-right: 32px;
    }

    .container,
    .container-menu {
      max-width: none;
    }

    .heading {
      font-size: clamp(4rem, 5.2vw, 5.125rem);
    }

    .logo-sig {
      z-index: 5;
      width: auto;
      height: auto;
      position: absolute;
      inset: -121% 0% auto;
      transform: translate(25%);
    }

    .image-5 {
      position: absolute;
      inset: -73% auto auto -17.5%;
    }

    .image-6 {
      position: absolute;
      inset: -73% -17.5% auto auto;
    }

    /* Favoritter i meny: vis maks 6 bokser */
    #fav-prod_menu {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px 28px;
      max-width: 360px;
    }

    #fav-prod_menu .boks-rad {
      display: contents;
    }

    #fav-prod_menu .boks {
      width: 100%;
      max-width: none;
    }

    #fav-prod_menu .boks-rad:nth-child(n + 3) {
      display: none;
    }

    .image-hero {
      flex: 1 1 auto;
      width: auto;
      min-width: 0;
    }

    .side-menu {
      flex: 0 0 clamp(300px, 24vw, 355px);
      width: auto;
    }

    .image-holder_mprodukt {
      min-height: 640px;
      position: relative;
      overflow: hidden;
    }

    .holder {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      width: auto;
      height: 260px;
      z-index: 10;
    }

    .colour-fade {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(#4e342300, #4e3423cc);
      z-index: 1;
      pointer-events: none;
    }

    .holder-prod {
      position: absolute;
      left: 48px;
      bottom: 32px;
      width: 220px;
      height: auto;
      z-index: 3;
      display: flex;
      justify-content: center;
      align-items: flex-start;
    }

    .holder-prod > div {
      width: 220px;
      max-width: 100%;
    }

    .holder-prod .hlder-prod_btn,
    .holder-prod .button-holder,
    .holder-prod .btn-trans_white {
      width: 100%;
    }

    .button-holder.bunn .btn-trans_white {
      width: auto;
      min-width: 12.125em;
    }

    .backgroud-imagecover {
      position: absolute;
      left: 320px;
      right: 24px;
      bottom: 0;
      width: auto;
      max-width: none;
      height: auto;
      min-height: 0;
      padding: 36px 48px;
      border-top-left-radius: 5px;
      z-index: 20;
    }

    .backgroud-imagecover .paragraph {
      max-width: 100%;
    }

    .wrapper.flex:has(> .imgae-holder_prod.prosent + .mange-produkter) {
      flex-direction: column;
      align-items: stretch;
      gap: 44px;
    }

    .wrapper.flex:has(> .imgae-holder_prod.prosent + .mange-produkter) > .imgae-holder_prod.prosent,
    .wrapper.flex:has(> .imgae-holder_prod.prosent + .mange-produkter) > .mange-produkter {
      width: 100%;
      max-width: 100%;
    }

    .wrapper.flex:has(> .imgae-holder_prod.prosent + .mange-produkter) .produkt {
      width: 100%;
      min-height: 520px;
      aspect-ratio: 16 / 9;
    }

    .wrapper.flex:has(> .imgae-holder_prod.prosent + .mange-produkter) .collection-list-1 {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 42px 28px;
      width: 100%;
      align-items: start;
    }

    .wrapper.flex:has(> .imgae-holder_prod.prosent + .mange-produkter) .collection-item-1 {
      width: 100%;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
      float: none;
    }

    .wrapper.flex:has(> .imgae-holder_prod.prosent + .mange-produkter) .prod01 {
      width: 100%;
    }

    .wrapper.flex:has(> .imgae-holder_prod.prosent + .mange-produkter) .prod-wrapper {
      width: 100%;
      height: auto;
      aspect-ratio: 16 / 10;
    }

    .wrapper.flex:has(> .imgae-holder_prod.prosent + .mange-produkter) .wrapp-text {
      margin-top: 14px;
    }

    .wrapper.flex:has(> .imgae-holder_prod.prosent + .mange-produkter) .produkter-navn {
      justify-content: center;
    }

    .wrapper-manyimage {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
      gap: 18px;
    }

    .produkt.produkt-right-link {
      width: 100%;
      height: auto;
      min-height: 520px;
    }

    .button-holder.bunn {
      width: auto;
      right: 5%;
      bottom: 7%;
    }

    .button-holder.bunn .btn-trans_white {
      width: auto;
      min-width: 12.125em;
      padding-left: 25px;
      padding-right: 25px;
    }

    .wrapper-more {
      width: 100%;
      height: auto;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .wrapper-more > .image-3,
    .image4,
    .brand-link {
      width: 100%;
      height: auto;
      min-height: 240px;
    }

    .wrapp-image3 {
      display: contents;
    }

    .brand-link {
      display: flex;
    }

    .link-block-3 {
      width: 100%;
      height: 100%;
    }

    .brand-name {
      font-size: clamp(1.4rem, 2vw, 2rem);
    }
  }













  

  /* Kompakt desktop */
 @media screen and (min-width: 480px) and (max-width: 1199px) {
    .section {
      padding-left: 24px;
      padding-right: 24px;
    }

    .wrapper.flex:has(> .imgae-holder_prod.prosent + .mange-produkter) .collection-list-1 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 36px 24px;
    }

    .wrapper.flex:has(> .imgae-holder_prod.prosent + .mange-produkter) .produkt {
      min-height: 460px;
    }

    .wrapper.flex:has(> .holder-tekst.prosent-45) {
      flex-direction: column;
      align-items: stretch;
      gap: 40px;
    }

    .holder-tekst.prosent-45,
    .produkt.new {
      width: 100%;
    }

    .holder {
      height: 250px;
    }

    .holder-prod {
      left: 36px;
      bottom: 24px;
      width: 200px;
    }

    .holder-prod > div {
      width: 200px;
    }

    .backgroud-imagecover {
      left: 280px;
      right: 20px;
      padding: 32px;
    }

    .imgae-holder_prod.prosent {
      width: 100%;
    }

    #fav-prod_menu {
      grid-template-columns: 1fr;
      max-width: 120px;
    }

    #fav-prod_menu .boks-rad:nth-child(n + 2) {
      display: none;
    }

    .heading_menu {
      display: none;
    }

    .logo-sig {
      z-index: 5;
      width: auto;
      height: auto;
      position: absolute;
      inset: -121% -5% auto;
      transform: translate(25%);
    }

    .image-5 {
      position: absolute;
      inset: -82% auto auto -20%;
    }

    .image-6 {
      position: absolute;
      inset: -82% -20% auto auto;
    }
  }



@media screen and (min-width: 480px) and (max-width: 1056px) {

.logo-sig {
      z-index: 5;
      width: auto;
      height: auto;
      position: absolute;
      inset: -149% -12% auto;
      transform: translate(25%);
    }

    .image-5 {
      position: absolute;
      inset: -87% auto auto -22%;
    }

    .image-6 {
      position: absolute;
      inset: -87% -22% auto auto;
    }


}








  
  

  /* Webflow tablet */
 @media screen and (min-width: 480px) and (max-width: 991px) {
    .section.hero._100 {
      min-height: auto;
    }

    .side-menu {
      display: none;
    }

    .section.hero._100 > .container > .wrapper {
      flex-direction: column;
      align-items: stretch;
    }


    .hero-image,
    .image-hero {
      height: auto;
    }

    .main-image_hero {
      height: auto;
      object-fit: cover;
    }

    .heading {
      font-size: clamp(3rem, 7vw, 4.5rem);
    }

    .image-holder_mprodukt {
      min-height: 620px;
    }

    .holder {
      height: 240px;
    }

    .holder-prod {
      left: 28px;
      bottom: 24px;
      width: 190px;
    }

    .holder-prod > div {
      width: 190px;
    }

    .backgroud-imagecover {
      left: 250px;
      right: 0;
      bottom: 0;
      padding: 28px;
    }

    /* Favoritter i meny: vis maks 6 bokser */
    #fav-prod_menu {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 18px 28px;
      max-width: 360px;
    }

    #fav-prod_menu .boks-rad {
      display: contents;
    }

    #fav-prod_menu .boks {
      width: 100%;
      max-width: none;
    }

    #fav-prod_menu .boks-rad:nth-child(n + 3) {
      display: none;
    }

.logo-sig {
      z-index: 5;
      width: auto;
      height: auto;
      position: absolute;
      inset: -149% 0% auto;
      transform: translate(25%);
    }

    .image-5 {
      position: absolute;
      inset: -69% auto auto -18%;
    }

    .image-6 {
      position: absolute;
      inset: -69% -18% auto auto;
    }

    .paragraph.maks-938 {
      max-width: 100%;
      text-align: left;
    }
.heading-3 .marg-top {
text-align: left;
}
.btn-holders {
  display: flex;
  justify-content: left;
}
.wrapper .flex-col {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

  }