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

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

h1 {
    font-size: 80px; 
    line-height: 98px;
}

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 50px;
}
 
/* System for ens padding i toppen og bunden af alle minde sider */
.main-content {
    padding-top: 240px;
    padding-bottom: 150px;
}

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

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

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

/******************************************************** HEADER: DESKTOP ********************************************************/

/* Logo */
.header-logo{
    font-size: 31px;
    line-height: 33px;
  }

/* Menupunkter (laptop) */
.header-nav a{
    font-size: 18px;
    line-height: 18px;
  }
  
  /* Top-menu (synlig på desktop) */
  .header-nav{
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
  }
  
  .header-nav ul{
    list-style: none;
    display: flex;
    align-items: center;
    gap: 40px;
    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: 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;
}

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

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

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

/******************************************************** INDEX: DESKTOP ********************************************************/

.index-page .hero-forside {
    margin-top: 91px; /* juster efter smag */
}

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

/******************************************************** KUNDER DESKTOP ********************************************************/

/* Styling af client-item */
.client-item {
    font-size: 22px;
    line-height: 22px;
    padding-top: 32px;
    padding-bottom: 25px;
    margin: 0 75px 0px 0;
}

/******************************************************** YDELSER: DESKTOP ********************************************************/

/* 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: 30px;
    line-height: 40px;
    margin: 0;
}

.stat p {
    font-size: 18px;
    line-height: 34px;
}

.description {
    max-width: 400px;
}

.description p {
    font-size: 18px;
    line-height: 34px;
}

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

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

.ydelser-left-column {
    flex: 1;
    max-width: 25.3%;
}

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

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

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

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

/******************************************************** OM OS: DESKTOP ********************************************************/

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

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

/* 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: 26px;
    line-height: 42px;
}

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

/******************************************************** PARTNERE: DESKTOP ********************************************************/

/* Fælles cell styling */
.header-cell, .grid-cell {
    font-size: 18px;
}
  
/* Specifik celle-styling */
.event-title {
    font-size: 26px;
}
  
.event-description {
    font-size: 18px;
}
  
.date {
    font-size: 18px;
}
  
.time {
    font-size: 18px;
}
  
.arrow-col {
    font-size: 22px;
}
  
.arrow-icon {
    width: 50px;            
    height: 50px;
}

/******************************************************** FOOTER: DESKTOP ********************************************************/

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

.footer-heading {
    font-size: 62px;
    line-height: 76px; 
    margin-bottom: 195px;
}

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

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

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

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

.footer-bottom-right a {
    font-size: 18px;
    padding-top: 34px;
}