/* SchreinerBlick offer presentation and navigation cleanup v2.2 */
.gh-head-menu a[href*="loesungsansatz" i],
.gh-head-menu a[href*="lösungsansatz" i],
.gh-head-menu li:has(a[href*="loesungsansatz" i]),
.gh-head-menu li:has(a[href*="lösungsansatz" i]),
.sb-footer a[href*="loesungsansatz" i],
.sb-footer a[href*="lösungsansatz" i],
.sb-footer li:has(a[href*="loesungsansatz" i]),
.sb-footer li:has(a[href*="lösungsansatz" i]),
.gh-foot a[href*="loesungsansatz" i],
.gh-foot a[href*="lösungsansatz" i] {
    display: none;
}

.sb-solution {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
    padding-right: 0;
    padding-left: 0;
}

.sb-solution > header {
    gap: 8rem;
}

.sb-solution > header > p {
    max-width: 38rem;
}

.sb-offers {
    gap: 3.2rem;
    margin-top: 7rem;
}

.sb-offers article,
.sb-offers article.featured {
    position: relative;
    min-height: 0;
    padding: 4.8rem 4.4rem 4.2rem;
    background: rgba(255, 253, 247, .52);
    border: 1px solid var(--line);
}

.sb-offers article::before {
    position: absolute;
    top: -1px;
    left: 4.4rem;
    width: 5.2rem;
    height: 3px;
    background: var(--ink);
    content: "";
}

.sb-offers article.featured::before {
    background: var(--orange);
}

.sb-offers h3 {
    margin: 3.8rem 0 1rem;
    font-size: clamp(3.3rem, 3vw, 4.2rem);
}

.sb-offers article > p:not(.sb-meta) {
    max-width: 46rem;
}

.sb-offers ul {
    margin: 2.2rem 0 0;
    padding: 0;
    list-style: none;
}

.sb-offers li {
    position: relative;
    padding-left: 1.8rem;
}

.sb-offers li::before {
    position: absolute;
    top: .72em;
    left: 0;
    width: 5px;
    height: 5px;
    background: var(--orange);
    border-radius: 50%;
    content: "";
}

.sb-offers ul li + li {
    margin-top: .7rem;
}

.sb-offers a {
    align-self: flex-start;
    margin-top: 3.6rem;
    padding-top: 1.4rem;
    border-top: 1px solid var(--line);
}

@media (max-width: 900px) {
    .sb-solution {
        width: calc(100% - 48px);
    }

    .sb-solution > header {
        gap: 2rem;
    }

    .sb-offers {
        gap: 2.4rem;
    }
}

@media (max-width: 600px) {
    .sb-solution {
        width: calc(100% - 36px);
    }

    .sb-offers article,
    .sb-offers article.featured {
        padding: 4rem 2.8rem 3.4rem;
    }

    .sb-offers article::before {
        left: 2.8rem;
    }
}