#koebsproces-overview {
    background-image: url('/global/images/natur_hvor_der_kan_ligge_et_hus.webp');
    background-position-x: center;
    background-position-y: top;
    background-size: cover;
    padding-bottom: var(--section-padding-y);
}

.subtitle-icon {
    width:var(--subtitle-icon-size);
    height:var(--subtitle-icon-size);
    display:block;
    position:absolute;
    transform:translate(calc(var(--section-padding-x-big) * 1), calc(var(--subtitle-icon-size) / -2 - calc(var(--step-line-width) / 2)));
}

.subtitle-icons {
    display:block;
    position:absolute;
    transform:translate(calc(var(--section-padding-x-big) * 1), calc(var(--subtitle-icon-size) / -2 - calc(var(--step-line-width) / 2)));
}

.subtitle-icons step-icon {
    width:var(--subtitle-icon-size);
    height:var(--subtitle-icon-size);
}
/*
.subtitle-icons a {
     opacity:0.5;
}*/

step-top-section {
    display:block;
    margin-top: calc(var(--subtitle-icon-size) / 2);
}

text-and-image {
    display:flex;
    justify-content: space-between;
}


text-and-image text-data {
    max-width: var(--max-width-text);
}

text-and-image img {
    max-height:50vh;
    min-width: 33%;
    object-fit: contain;
}

.step-main-section h3:first-of-type{
    padding-top:0;
}
.step-main-section h3:last-of-type{
    padding-bottom:0;
}

.koebsproces_float_image {
    display: block;
    float:right;
    width:20vw;
}

step-top-section rounded-box {
    margin-top: calc(var(--section-padding-y) / 4);
}

#top {
    background-color: var(--top-bg-color) !important;
}