/******************************************************** FONTE: DESKTOP ********************************************************/

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

h1.index {
    font-size: 72px; 
    line-height: 90px;
}

h1 {
    font-size: 68px; 
    line-height: 86px;
}

h2 {
    font-size: 36px; 
    line-height: 56px;
}

h3 {
    font-size: 36px;
    line-height: 56px;
}

h4 {
    font-size: 30px;
    line-height: 50px;
}

h5 {
    font-size: 15px;
    line-height: 25px;
}

h6 {
    font-size: 15px;
    line-height: 25px;
}

/******************************************************** MAIN CONTAINER: DESKTOP ********************************************************/

/* Container, der styrer hvor bred header, body og footer er (alt er i container tag) */
.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 80px;
}
 
/* 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: DESKTOP ********************************************************/

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

.hero-forside {
    margin-bottom: 0px;
    margin-left: -4px;
}

/******************************************************** 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: 28px 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;
  }