#content > .hero:first-child {
    margin-top: unset;
}


.top + #content > .hero:first-child .hero__background {
    top: -90px;
}

.cardoverlay.no {
    padding: 20px 10px 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cardoverlay.no .col-70 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    min-height: 160px; /* Justera efter behov */
}

.cardoverlay.no .col-30 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.cardoverlay.no .col-100 > .row {
    display: flex !important;
    align-items: flex-end !important;
    margin-top: auto;
}

.cardoverlay.no .button {
    position: relative;
    min-width: 350px;
    padding: 10px 20px;
}

.noContact{
    background-color: #F0F0F0 !important;
    padding: 20px 10px 10px 20px !important;
}

.noContact fieldset {
    padding: unset !important;
    margin: 0 0 -15px 0 !important;
    border: unset !important;
}

.noContact .button-wrap .button {
    position: relative !important;
    background-color: #004884 !important;
    border-color: #004884;
}

.noContact .umbraco-forms-caption{
    color: #24b1ae !important;
    font-size: 1.4em !important;
    margin-top: -1px;
}

.contact-info{
    padding: 0 20px;
}

.contact-info a[href^="tel:"]::before {
    font-family: FontAwesome;
    content: "\f095"; /* phone */
    margin-right: 5px;
}

.contact-info a[href^="mailto:"]::before {
    font-family: FontAwesome;
    content: "\f0e0"; /* envelope */
    margin-right: 5px;
}

.contact-info hr{
    margin: 10px 0!important;
}

.cb-wrap, .rb-wrap {
    font-size: 12px;
    font-weight: unset;
}

#generalcontactform .umbraco-forms-form {
    padding: 0;
}

.grid-item {
    margin-bottom: 5px;
}



.footer .col-100:first-child .footer-item.footer-item--text {
    margin: -50px 0 -60px 0;
    padding: 0;
}

.footer-item--text a {
    text-decoration: none;
}

.footer-item .navigation ul li a {
    padding: 2px 0 28px 0;
    font-weight: unset;
    font-size: 14px;
}

footer.footer.light-color .navigation li > div:hover {
    background: none !important;
    color: #002b59;
}



/* Media query för mobiler */
@media (max-width: 768px) {
    .cardoverlay.no .col-70 {
        min-height: unset; /* eller min-height: 0; */
    }
    
    .footer-logo {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    }
    .footer-item .h6 {
        text-align: center;
    }
    
        .footer-item .navigation--level-0 {
        text-align: center;
    }
    
    .block.grid .button-wrap .button {
    min-width: 80%;
    }
    
    .button:after {
    content: "";
}
}


@media (max-width: 767px) {
    #Kontakt\ info\ form\ v2 .col-30 {
        order: 2;
    }
    
    #Kontakt\ info\ form\ v2 .col-70 {
        order: 1;
    }
}