icons-flex-box {
    display:flex;
    gap: 20px;
    justify-content: space-evenly;
}

h1, h2, h3, h4 * {
    word-break: break-all;
}

icons-flex-box icon-flex {
    display:block;
    width:max(10vw, 140px);
    height:max(10vw, 140px);
    margin:auto;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 600px) {
    icons-flex-box {
        flex-direction: column;
        text-align: center;
    }
    icon-flex {
        width:max(60vw) !important;
        height:max(60vw) !important;
    }
}

hero-content-boxes {
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    position: absolute;
}

hero-content-box {
    width:100vw;
    height:100vh;
    display: block;
}

hero-header {
    display:block;
    font-size:14vw;
    padding-top:35vh;
    text-align:center;
    color:rgba(255,255,255,0.3);
}

hero-tagline {
    display:block;
    text-align:center;
    padding-top:25vh;
    padding-left:5vw;
    padding-right:5vw;
}

hero-images {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

hero-images > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    top:0;
    left:0;
    position: absolute;
}

hero-content-box {
    width: 100%;
    height: 100%; 
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    z-index:2;
}

#hero-section {
    height:100vh;
    width:100%;
    text-align: left;
    position: relative;
}
/*#hero-section {
    background-image: url('/global/images/models/billeder/family.webp');
    background-position-y: center;
    background-position-x: center;
    background-size: cover;
    padding-top: var(--section-padding-y);
    padding-bottom: var(--section-padding-y);
    min-height:80vh;
    text-align: left;
    position: relative;
}*/
/*
#hero-section::before {
  content: "";
  position: absolute;
    z-index: 0;
  pointer-events: none;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0.95) 0%,
    rgba(255,255,255,0.85) 20%,
    rgba(255,255,255,0.60) 40%,
    rgba(255,255,255,0.0) 70%
  );
}
*/


#hero-section > section-headers {
    text-align: left;
    padding-top:0;
        position: relative;
        z-index: 1;
}

#hero-section h1 {
    text-align: left;
}

#samarbejdspartnere_logoer {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    align-items: center; /* Vertically center children */
    flex-wrap: wrap;
    gap: 20px;
}

#samarbejdspartnere_logoer img {
    max-height:60px;
    max-width:200px;
}
#tiny-house-types-container {
    top:80%;
}
@media only screen and (max-width: 801px) {
    .front-page-h1 {
        display:none !important;
    }
    .front-page-h1-mobile {
        display:inline !important;
    }
    hero-header {
        padding-top:30vh;
    }
    hero-tagline {
        padding-top:10vh;
    }
    #tiny-house-types-container {
        top:66%;
    }
}

@media only screen and (max-width: 1040px) {
    h1 {
        line-height: 105%;
        font-size:28px;
    }
}