.prototypen-page {
    background: #fffefa;
}

.prototypen-page .stl-faq-item__title {
    margin: 0;
}

.prototypen-page .stl-page-hero__visual {
    height: clamp(600px, 46vw, 920px);
}

.prototypen-page .stl-page-hero__main-image {
    left: -16%;
    width: 128%;
    max-width: none;
    height: 100%;
    object-fit: contain;
}

.prototypen-page .stl-faq-item__answer a,
.prototypen-page .stl-suitable-projects__support-link,
.prototypen-page .stl-material-recommendation__materials-link {
    color: #a87300;
    font-weight: 600;
}

.prototypen-page .stl-faq-item__answer a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.prototypen-page .stl-faq__blueprint,
.prototypen-page .stl-faq__file-card,
.prototypen-page .stl-faq__connector,
.prototypen-page .stl-faq__check-card {
    display: none;
}

.prototypen-page .stl-faq__main-bracket {
    left: 50%;

    width: 96%;
    height: 96%;

    object-position: center;
}

.prototypen-page .stl-order-process,
.prototypen-page .stl-order-process__inner {
    min-height: auto;
}

.prototypen-page .stl-order-process__inner {
    padding-bottom: clamp(8px, 0.9vw, 18px);
}

.prototypen-page .stl-suitable-projects-card__replacement-flow,
.prototypen-page .stl-suitable-projects-card__prototype-flow {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.prototypen-page .stl-suitable-projects-card__replacement-composition,
.prototypen-page .stl-suitable-projects-card__prototype-composition {
    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center bottom;

    filter:
        drop-shadow(
            0 18px 16px rgba(34, 29, 21, 0.13)
        );
}

.prototypen-page .stl-final-cta__file-card,
.prototypen-page .stl-final-cta__response-card,
.prototypen-page .stl-final-cta__arrow,
.prototypen-page .stl-final-cta__wireframe {
    display: none;
}

.prototypen-page .stl-final-cta__finished-part {
    top: 14%;
    left: 50%;
    right: auto;

    width: 94%;
    height: 68%;

    object-position: center;
    transform: translateX(-50%);
}

@media (min-width: 1181px) {
    .prototypen-page .stl-suitable-projects-card__individual-visual {
        top: 6%;
        right: 2%;
        bottom: 2%;

        width: 72%;
    }

    .prototypen-page .stl-suitable-projects-card__individual-part {
        right: 1%;
        bottom: 0;

        width: 100%;
        height: 100%;
    }

    .prototypen-page .stl-suitable-projects-card__replacement-flow {
        top: 6%;
        right: 2%;
        bottom: 2%;

        width: 68%;
    }

    .prototypen-page .stl-suitable-projects-card__prototype-flow {
        top: 7%;
        right: 2%;
        bottom: 2%;

        width: 70%;
    }

    .prototypen-page .stl-suitable-projects-card__series-visual {
        top: 10%;
        right: 2%;
        bottom: 2%;

        width: 62%;
    }
}

@media (min-width: 1181px) {
    .prototypen-page .stl-material-recommendation__main-image {
        left: -5%;
        bottom: 0;

        width: 112%;
        height: 84%;
    }
}

@media (min-width: 1181px) {
    .prototypen-page .stl-service-fit-card--ready
    .stl-service-fit-card__content {
        width: 44%;
    }

    .prototypen-page .stl-service-fit-card--ready
    .stl-service-fit-card__visual {
        right: 1%;
        bottom: 2%;

        width: 66%;
        height: 80%;
    }

    .prototypen-page .stl-service-fit-card--ready
    .stl-service-fit-card__visual img {
        object-position: right bottom;
    }

    .prototypen-page .stl-service-fit-card--nearly
    .stl-service-fit-card__content {
        width: 48%;
    }

    .prototypen-page .stl-service-fit-card--nearly
    .stl-service-fit-card__visual {
        right: 2%;
        bottom: 3%;

        width: 58%;
        height: 58%;
    }

    .prototypen-page .stl-service-fit-card--single
    .stl-service-fit-card__content {
        width: 54%;
    }

    .prototypen-page .stl-service-fit-card--single
    .stl-service-fit-card__visual {
        right: 0;
        bottom: 1%;

        width: 56%;
        height: 88%;
    }

    .prototypen-page .stl-service-fit-card--series
    .stl-service-fit-card__content {
        width: 38%;
    }

    .prototypen-page .stl-service-fit-card--series
    .stl-service-fit-card__visual {
        right: 2%;
        bottom: 3%;

        width: 60%;
        height: 58%;
    }

    .prototypen-page .stl-service-fit-card--series
    .stl-service-fit-card__visual img {
        object-position: center bottom;
    }
}

@media (max-width: 1180px) {
    .prototypen-page .stl-page-hero__visual {
        height: clamp(540px, 45vw, 720px);
    }

    .prototypen-page .stl-page-hero__main-image {
        left: -12%;
        width: 120%;
    }
}

@media (max-width: 767px) {
    .prototypen-page .stl-page-hero__visual {
        height: clamp(360px, 72vw, 520px);
    }

    .prototypen-page .stl-page-hero__main-image {
        left: -6%;
        width: 112%;
    }

    .prototypen-page .stl-final-cta__finished-part {
        top: 12%;
        width: 102%;
        height: 58%;
    }
}

@media (max-width: 620px) {
    .prototypen-page .stl-suitable-projects__cards-shell {
        width: 100%;
    }

    .prototypen-page .stl-suitable-projects__cards {
        padding:
            4px
            30px
            24px
            0;
    }

    .prototypen-page .stl-suitable-projects-card {
        width: calc(100vw - 46px);
        min-height: 560px;

        flex:
            0
            0
            calc(100vw - 46px);
    }

    .prototypen-page .stl-suitable-projects-card__copy > p {
        max-width: none;
    }

    .prototypen-page .stl-suitable-projects-card__tags,
    .prototypen-page .stl-suitable-projects-card--series
    .stl-suitable-projects-card__tags {
        position: static;
        right: auto;
        bottom: auto;
        left: auto;

        width: auto;
        margin-top: 14px;

        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px;
    }

    .prototypen-page .stl-suitable-projects-card__individual-visual {
        top: 42%;
        right: 3%;
        bottom: 7%;

        width: 94%;
    }

    .prototypen-page .stl-suitable-projects-card__replacement-flow {
        top: 44%;
        right: 3%;
        bottom: 8%;

        width: 94%;
    }

    .prototypen-page .stl-suitable-projects-card__prototype-flow {
        top: 46%;
        right: 2%;
        bottom: 8%;

        width: 96%;
    }

    .prototypen-page .stl-suitable-projects-card__series-visual {
        top: 42%;
        right: 3%;
        bottom: 13%;

        width: 94%;
    }

    .prototypen-page .stl-suitable-projects__slider-controls {
        padding-right: 30px;
    }
}