/******************************************************** FONTE: TABLET ********************************************************/

/* Basis typografi for websitet */
body {
    font-size: 15px;
    line-height: 31px; 
}

h1.index {
    font-size: 57px;
    line-height: 75p
}

h1 {
    font-size: 57px;
    line-height: 75px;
}

h2 {
    font-size: 35px;
    line-height: 55px;
}

h3 {
    font-size: 43px;
    line-height: 63px;
}

h4 {
    font-size: 31px;
    line-height: 51px;
}

h5 {
    font-size: 18px;
    line-height: 28px;
}

h6 {
    font-size: 16px;
    line-height: 26px;
}

/******************************************************** MAIN CONTAINER: TABLET ********************************************************/

/* Rød prik der er tilføjet cursor */
.cursor-dot {
    width: 0px !important;
    height: 0px !important;
}

/* Container, der styrer hvor bred header, body og footer er (alt er i container tag) */
.container {
    max-width: 820px;
    margin: 0 auto;
    padding: 0 30px;
}

/* System for ens padding i toppen og bunden af alle minde sider */
.main-content {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* System for padding i toppen af forsiden */
.main-page-content-1 {
    padding-top: 90px;
    padding-bottom: 0px;
}

/* System for padding i toppen af forsiden */
.main-page-content-2 {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* System for padding i toppen og bunden af undersider til industrier */
.main-page-content-3 {
    padding-top: 0px;
    padding-bottom: 0px;
}
 
/******************************************************** FASTE MARGINER: TABLET ********************************************************/

/* System for marginer på tværs af sitet til fonte (indsæt som class) */
.hero {
    margin-bottom: 160px;
}

.hero-forside {
    margin-bottom: 30px;
    margin-left: -5px;
}

/******************************************************** OVERSKRIFT: DESKTOP, LAPTOP, TABLET & MOBILE ********************************************************/

.hero-heading {
    max-width: 1100px;
    margin: 80px auto 40px auto;
    padding: 0 20px;
  }
  
  .hero-heading h1 {
    font-size: 52px;
    line-height: 62px;
  }

/******************************************************** VIDEO: DESKTOP, LAPTOP, TABLET & MOBILE ********************************************************/

.hero-video {
    margin: 24px auto 0;
    padding: 0 20px;
  }
  
  .video-frame {
    width: var(--vw, 960px);
    height: var(--vh, 540px);
    max-width: 90vw;
  }

  /******************************************************** KNAPPER UNDER VIDEO: DESKTOP, LAPTOP, TABLET & MOBILE ********************************************************/

  /* Sektion under video */
.cta-section {
    margin: 50px auto 80px auto;
    padding: 0 20px;
  }
  
  .cta-heading {
    font-size: 28px;
    margin-bottom: 28px;
  }
    
  /* Fælles knappestil */
  .btn {
    font-size: 16px;
  }


/******************************************************** LOGOER: DESKTOP, LAPTOP, TABLET & MOBILE ********************************************************/

    /* Selve logo-griddet */
    .logo-grid {
        padding: 0px clamp(12px, 3vw, 28px) 36px;
      }

/******************************************************** 3 PUNKTER UNDER LOGO BANNER ********************************************************/

.process-section {
    max-width: 1200px;
    margin: 80px auto;
    padding: 0 20px;
  }
  
  .process-header h2 {
    font-size: 46px;
    line-height: 46px;
    margin-bottom: 50px;
  }
  
  .process-header p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 60px;
  }

    /******************************************************** UDBYTTE : DESKTOP, LAPTOP, TABLET & MOBILE ********************************************************/
  
/* ===== Features (kort i LinkedIn-stilen) ===== */
.features-section {
    max-width: 1200px;
    margin: 90px auto;
    padding: 0 20px;
}

    .features-title {
        font-size: 46px;
        line-height: 46px;
        padding-bottom: 50px;
      }

      .feature__title {
        padding-top: 18px;
        font-size: 18px;
        line-height: 18px;
      }
      
      .feature__text {
        font-size: 16px;
        line-height: 26px;
      }


        /******************************************************** UDTALELSER FRA KUNDER : DESKTOP, LAPTOP, TABLET & MOBILE ********************************************************/

/* ===== LinkedIn sektion ===== */
.linkedin-section {
    max-width: 1200px;
    margin: 90px auto;
    padding: 0 20px;
  }
  
  .linkedin-heading h2 {
    font-size: 46px;
    line-height: 46px;
    margin: 0 0 50px 0;
  }

    /* Navn og titel – sørg for ingen “plade” bag teksten */
    .li-card__name,
    .li-card__meta {
      font-size: 18px;
      line-height: 26px;
    }
    
    /* Brødtekst */
    .li-card__body {
      font-size: 16px;
      line-height: 26px;
      margin-top: 6px;
    }
    

    /******************************************************** SPEAKER : DESKTOP, LAPTOP, TABLET & MOBILE ********************************************************/

/* Sektion wrapper */
.bio-split {
    max-width: 1200px;
    margin: 90px auto;
    padding: 0 20px;
  }

  .bio-stat {
    font-size: 46px;
    line-height: 56px;
  }
  
  .bio-split__left p {
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0;
  }

    /******************************************************** PRISER : DESKTOP, LAPTOP, TABLET & MOBILE ********************************************************/

/* ===== Pricing ===== */
.pricing {
    max-width: 1200px;
    margin: 100px auto;
    padding: 0 20px;
  }
  
  .pricing__header {
    margin-bottom: 30px;
  }

  .pricing__header h2 {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 20px;
  }

      /* Stil kun teksten (ikke en container) */
      .price-card__price {
        font-size: 26px;
        line-height: 26px;
      }
      
      .price-card__desc {
        font-size: 16px;
        line-height: 26px;
        margin: 6px 0 14px;
      }