/******************************************************** FONTE: MOBILE ********************************************************/

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

h1 {
    font-size: 39px;
    line-height: 53px;
}
/* Fix til iPhones med små skærme */
@media screen and (max-width: 393px) {
    h1 {
        font-size: 39px !important;
        line-height: 49px;
    }
}

h2 {
    font-size: 25px;
    line-height: 45px;
}
/* Fix til iPhones med små skærme */
@media screen and (max-width: 393px) {
    h2 {
        font-size: 23px;
        line-height: 43px;
    }
}

h3 {
    font-size: 27px;
    line-height: 47px;
}

h4 {
    font-size: 21px;
    line-height: 41px;
}

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

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

/******************************************************** MAIN CONTAINER: MOBILE ********************************************************/

/* 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: 100%;
    margin: 0 auto;
    padding: 0 25px;
}

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

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

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

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

/******************************************************** HEADER: MOBILE ********************************************************/

/* Header logo */
.header-logo {
    font-size: 29px;
    line-height: 29px;
}

/* Login knappens afstand til burger-menu ikonet */
.header-buttons {
    margin-left: auto;
    margin-right: 13px;
}

/* Burger icon cirkel  */
.burger-menu-wrapper {
    width: 48px;
    height: 48px;
    padding: 12px;
}

/* Menuens marginer */
.mobile-menu .mobile-nav {
    margin-top: 60px;
    margin-bottom: 20px;
 }
 
 /* Mobilmenuens navigationspunkter */
.mobile-menu .mobile-nav ul {
    margin-top: 0px;
 }
 
.mobile-menu .mobile-nav ul li {
    margin-bottom: 25px;
 }
 
 /* Menupunkter */
.mobile-menu .mobile-nav ul li a {
    font-size: 25px;
    line-height: 25px;
 }
 
 /* Animering af overskrifterne "Adresse" og "Kontakt" */
.mobile-contact-info .column p:first-of-type {
    font-size: 15px;
    line-height: 31px;
    margin-bottom: 0px;
 }
 
 /* Animering af kontaktdetaljerne */
.contact-details {
    font-size: 15px;
    line-height: 31px;
 }

 .mobile-contact-info .contact-details {
    font-size: 15px;
    line-height: 31px;
}
 
/******************************************************** FASTE MARGINER: MOBILE ********************************************************/

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

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

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

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

/******************************************************** INDEX: MOBILE ********************************************************/

/* Fuldt baggrundsbillede forside */
.bg-hero {
    height: 90vh!important;
}

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

/* Fix til iPhones med små skærme så stats kan være der */
@media screen and (max-width: 393px) {
    .hoejre-title {
        font-size: 19px;
    }
}

/******************************************************** KUNDER: MOBILE ********************************************************/

/* Styling af client-item */
.client-item {
    font-size: 17px;
    line-height: 17px;
    padding-top: 30px;
    padding-bottom: 24px;
    margin: 0 35px 0px 0;
}

/******************************************************** YDELSER: MOBILE ********************************************************/

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

.stats-box {
    gap: 70px;
}

/* Fix til iPhones med små skærme så stats kan være der */
@media screen and (max-width: 393px) {
    .stats-box {
        display: flex;
        flex-direction: row; 
      }
      .stats-box .stat:first-child {
        width: 39%; 
      }
      .stats-box .stat:last-child {
        width: 39%; 
      }
}

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

.stat h2 {
    font-size: 23px;
    line-height: 33px;
}

.stat p {
    font-size: 15px;
    line-height: 31px;
}

.description {
    display: none;
  }

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

/* Salg tekst sektion (justering kun på mobile) */
.ydelser-section {
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 20px;
}
    
.ydelser-left-column,
.ydelser-right-column {
    max-width: 100%;
    flex: none;
}
    
.ydelser-right-column p {
    padding-right: 0px;
}
    
.ydelser-left-column h3 {
    font-size: 25px;
    line-height: 40px;
    padding-bottom: 11px;
}
/* Fix til iPhones med små skærme */
@media screen and (max-width: 393px) {
    .ydelser-left-column h3 {
        font-size: 23px;
        line-height: 43px;
        padding-bottom: 9px;
    }
}
    
.ydelser-right-column p {
    font-size: 15px; 
    line-height: 31px; 
}

/* Tilføj margin-bottom til alle <p> undtagen det sidste */
.ydelser-right-column p:not(:last-child) {
    margin-bottom: 20px;
}

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

/******************************************************** OM OS: MOBILE ********************************************************/

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

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

.booking-frame:last-child {
    /* Her fjerner du margin fra det sidste element */
    margin-bottom: 0;
}

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

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

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

/******************************************************** PARTNERE: MOBILE ********************************************************/

/* Fælles cell styling */
.header-cell, .grid-cell {
    font-size: 15px;
}
  
/* Specifik celle-styling */
.event-title {
    font-size: 21px;
}
  
.event-description {
    font-size: 15px;
}
  
.date {
    font-size: 15px;
}
  
.time {
    font-size: 15px;
}
  
.arrow-col {
    font-size: 21px;
}
  
/* Responsiv design for mobil */
@media (max-width: 767px) {

.grid-row .status-col {
    font-size: 15px;
    line-height: 15px;
}
    
.date, .time {
    font-size: 15px;
}
    
.event-title {
    font-size: 21px;
}
    
.event-description {
    font-size: 15px;
}
}

/******************************************************** FOOTER: MOBILE ********************************************************/

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

.footer-heading {
    font-size: 35px;
    line-height: 49px; 
    margin-bottom: 65px;
}
/* Fix til iPhones med små skærme */
@media screen and (max-width: 393px) {
    .footer-heading {
        font-size: 33px;
        line-height: 47px; 
    }
}

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

/* Fix til iPhones med små skærme */
@media screen and (max-width: 393px) {
    .footer-column ul li {
        font-size: 15px;
        line-height: 31px;
    }
}

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

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

.footer-bottom-right a {
    font-size: 15px;
    padding-top: 31px;
}