
/*@media screen and (min-width: 1024px) {*/
    
    .grid-content-wrapper:has(#hotspots) {
        margin: 0;
        padding: 0;
    }

    #hotspots {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100vw;
    }
    
    #hotspots .area-wrapper.area-columns-12 {
        width: 100%;
        max-width: calc(((100vw - 96rem) / 2) + 96rem);
        margin: 0 auto;
        padding: 0 1.5rem;
        overflow-y: hidden;
    }
    
    #hotspots .area-wrapper.area-columns-12::-webkit-scrollbar-track {
        background-color: #aaa;
    }
    
    #hotspots .area-wrapper.area-columns-12::-webkit-scrollbar-thumb {
        background-color: #ccc;
    }

    #hotspots #lara {
        position: absolute;
        z-index: 2;
        top: 40%;
        left: 11%;
    }
    
    #hotspots #halsa {
        position: absolute;
        z-index: 2;
        top: 74%;
        left: 47%;
    }
    
    #hotspots #mat-fika {
        position: absolute;
        z-index: 2;
        top: 60%;
        left: 25%;
    }
    
    #hotspots #groen {
        position: absolute;
        z-index: 2;
        top: 55%;
        left: 40%;
    }
    
    #hotspots #kontor {
        position: absolute;
        z-index: 2;
        top: 40%;
        left: 40%;
    }

/*}*/

@media screen and (max-width: 1023px) {
    
    #hotspots .area-wrapper.area-columns-12 {
        width: 400vw!important;
        padding: 0 1.5rem;
        max-width: 400vw!important;
    }
    
    /*
    
    .grid-content:has(#hotspots) .area:first-child .block-wrapper.is-small-max-length {
        text-align: center;
        max-width: 19em;
        margin: auto;
    }
    
    */
    
}
h1, h2, h3, h4, h5, h6, p, li {
    text-wrap: balance;
}

.rich-text a {
    color: #777777;
}

strong,
.is-bold {
    font-weight: 500;
}

.where-hsb,
.where-obos,
.where-balder,
.where-next-step {
    display: flex;
    gap: 0.5em;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
}

.where-hsb:before,
.where-obos:before,
.where-balder:before,
.where-next-step:before {
    content: '';
    display: block;
    height: 1em;
    width: 1em;
    border-radius: 0.5em;
    flex: 0 0 auto;
}

.where-hsb:before {
    background-color: #c1998d;
}

.where-obos:before {
    background-color: #d3ce7d;
}

.where-balder:before {
    background-color: #c9b4ca;
}

.where-next-step:before {
    background-color: #5c575d;
}

.logo-hsb {
    transform: scale(1.1);
}

.logo-obos {
    transform: scale(0.9);
}

.u-labelOnOpen {
    display: none;
}

@media screen and (min-width: 748px) {
    .is-accordion .is-active .u-labelOnOpen {
        display: inline-block;
    }
}
.block-form .blocks-wrapper .block-wrapper:nth-child(2) .group-content {
    flex: 1 1 auto;
}

.block-form .blocks-wrapper .block-wrapper:nth-child(2) .group-content .block-responsive:only-child {
    flex: 1 1 auto;
    height: 100%;
}

.block-form .blocks-wrapper .block-wrapper:nth-child(2) .group-content .block-responsive:only-child .block-input-label {
    flex: 1 1 auto;
    height: 100%;
}

.block-form .blocks-wrapper .block-wrapper:nth-child(2) .group-content .block-responsive:only-child .block-input-label textarea {
    height: calc(100% - 1.85rem);
}