/******************************************************** FONTE: LAPTOP ********************************************************/

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

h1 {
    font-size: 66px; 
    line-height: 84px;
}

h2 {
    font-size: 32px;
    line-height: 52px;
}

h3 {
    font-size: 32px;
    line-height: 52px;
}

h4 {
    font-size: 26px;
    line-height: 46px;
}

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

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

/******************************************************** MAIN CONTAINER: LAPTOP ********************************************************/

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

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

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

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

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

/******************************************************** HEADER: LAPTOP ********************************************************/

/* Logo */
.header-logo{
    font-size: 29px;
    line-height: 31px;
  }
  
/* Menupunkter (laptop) */
.header-nav a{
    font-size: 17px;
    line-height: 17px;
  }

  /* Top-menu (synlig på laptop) */
  .header-nav ul{
    list-style: none;
    display: flex;
    align-items: center;
    gap: 32px;
    margin: 0;
    padding: 0;
  }
  
  .header-nav a{
    color: rgba(245,240,231,0.6);
    font-weight: 400;
    text-decoration: none;
    border-bottom: 0px solid transparent;
    padding-bottom: 2px;
    transition: border-color 0.25s ease;
  }
  
  .header-nav a:hover{
    border-bottom-color: rgba(245,240,231,0.6);
  }
        
/******************************************************** FASTE MARGINER: LAPTOP ********************************************************/

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

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

.margin-large {
    margin-bottom: 150px;
}

.margin-medium {
    margin-bottom: 50px;
}

.margin-small {
    margin-bottom: 10px;
}

/******************************************************** INDEX: LAPTOP ********************************************************/

/* Højre link */
.hoejre-link {
    right: 60px;         
    bottom: 65px;      
}
    
/* Højre link: Undertitel styling */
.hoejre-subtitle {
    font-size: 17px;
}
  
/* Højre link: Hovedtitel styling */
.hoejre-title {
    font-size: 21px;
}

/******************************************************** KUNDER: LAPTOP ********************************************************/

/* Styling af client-item */
.client-item {
    font-size: 20px;
    line-height: 20px;
    padding-top: 30px;
    padding-bottom: 25px;
    margin: 0 60px 0px 0;
}

/******************************************************** YDELSER: LAPTOP ********************************************************/

/* Salg tekst der ligger under slider overskrift */
.stats-container {
    margin-top: -90px;
    margin-bottom: 90px;
    margin-right: 50px;
}

.stats-box {
    gap: 70px;
}

.stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.stat h2 {
    font-size: 28px;
    line-height: 40px;
    margin: 0;
}

.stat p {
    font-size: 16px;
    line-height: 32px;
}

.description {
    max-width: 400px;
}

.description p {
    font-size: 16px;
    line-height: 32px;
}

/* Arch billede højde */
.arch-container img {
    height: 78vh;
}

/* Salg tekst sektion */
.ydelser-section {
    padding-top: 105px;
    padding-bottom: 81px;
}

.ydelser-left-column {
    flex: 1;
    max-width: 25.5%;
    padding-right: 160px;
}

.ydelser-right-column {
    flex: 2;
    max-width: 74.5%;
}

.ydelser-left-column h3 {
    font-size: 32px;
    line-height: 42px; 
    padding-top: 5px;
}

.ydelser-right-column p {
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 25px;
    padding-right: 100px;
}

/* 3 billeder i bund afstand */
.photo-gallery { 
    margin-bottom: -50px !important; 
}

/******************************************************** OM OS: LAPTOP ********************************************************/

/* Container for alle medarbejdere */
.booking-gallery {
    gap: 73px;
    margin-bottom: -50px !important;
}

/* Hver enkelt "frame" omkring et billede + tekst */
.booking-frame {
    margin-bottom: 36px;
}

/* Fjerner margin bund på det sidste element så footer afstand passer */
.booking-frame:nth-last-child(-n+1) {
    margin-bottom: 0px;
}

/* Teksten under billedet, venstrestillet med 60px luft */
.booking-text {
    margin-top: 24px;
}

/* Specifikt for overskrifter i .booking-text */
.booking-frame .booking-text h3 {
    font-size: 22px;
    line-height: 38px;
}

/* Specifikt for paragraf-tekst i .booking-text */
.booking-frame .booking-text p {
    font-size: 16px;
}

/******************************************************** PARTNERE: LAPTOP ********************************************************/

/* Fælles cell styling */
.header-cell, .grid-cell {
    font-size: 16px;
}
  
/* Specifik celle-styling */
.event-title {
    font-size: 24px;
}
  
.event-description {
    font-size: 16px;
}
  
.date {
    font-size: 16px;
}
  
.time {
    font-size: 16px;
}
  
.arrow-col {
    font-size: 22px;
}

.arrow-icon {
    width: 26px;            
    height: 26px;
}

/******************************************************** FOOTER: LAPTOP ********************************************************/

/* Footer */
footer {
    padding-bottom: 36px;
}

.footer-heading {
    font-size: 56px;
    line-height: 70px; 
    margin-bottom: 135px;
}

/* Ændre line-height for links i footer */
.footer-column ul li {
    font-size: 16px;
    line-height: 32px;
}

/* Ændrer afstanden mellem kolonnerne i footeren */
.footer-container > div {
    min-width: 190px;
    max-width: 215px;
    margin: 0 15px;
}

/* Footer Bottom Grundlæggende Indstillinger */
.footer-bottom-left {
    font-size: 16px;
    padding-top: 32px;
}

.footer-bottom-right {
    gap: 40px;
}

.footer-bottom-right a {
    font-size: 16px;
    padding-top: 32px;
}