/* -------------------------------------------------------
   DIWA – Arbeitsweise
   Seitenspezifische Ergänzungen zu style.css
   ------------------------------------------------------- */

/* Hero -------------------------------------------------- */
.cover-workway .cover-photo img {
    object-position: center center;
}

.cover-workway .cover-wash {
    background: linear-gradient(
            90deg,
            rgba(12, 25, 30, 0.56) 0%,
            rgba(12, 25, 30, 0.34) 33%,
            rgba(12, 25, 30, 0.08) 60%,
            rgba(12, 25, 30, 0) 82%
        ),
        linear-gradient(
            180deg,
            rgba(8, 18, 22, 0.1),
            rgba(8, 18, 22, 0.02) 56%,
            rgba(8, 18, 22, 0.16)
        );
}

.cover-workway .hero-copy,
.cover-workway .site-head {
    color: #f3f0ea;
}

.cover-workway .main-nav a:hover {
    border-color: #f3f0ea;
}

.cover-workway .main-nav .contact-link {
    border-color: rgba(243, 240, 234, 0.72);
}

.cover-workway .hero-copy h1 {
    max-width: 670px;
}

.cover-workway .hero-copy h1 em {
    color: #a8c0b8;
}

.cover-workway .short-rule {
    background: #a8c0b8;
}

/* Grundrhythmus ----------------------------------------- */
.workway {
    width: 100%;
}

.workway h2,
.workway-statement p,
.workway-contact h2,
.workway-contact-line {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 400;
    letter-spacing: -0.028em;
}

.workway-inner {
    position: relative;
}

.workway-label {
    display: flex;
    align-items: baseline;
    gap: 18px;
    margin-bottom: 58px;
}

.workway-label > span {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 32px;
    line-height: 1;
    opacity: 0.3;
}

.workway-label .eyebrow {
    margin: 0;
}

.workway-copy h2,
.workway-finale h2 {
    font-size: clamp(48px, 5.2vw, 80px);
    line-height: 1.04;
    margin: 0 0 52px;
    max-width: 1040px;
}

.workway-copy > p {
    font-size: 18px;
    max-width: 650px;
    margin: 0 0 24px;
}

.workway-text-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10vw;
    max-width: 1110px;
}

.workway-text-cols p {
    margin: 0;
    font-size: 18px;
}

.workway-text-cols .lead {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 26px;
    line-height: 1.45;
}

/* 01 ---------------------------------------------------- */
.workway-01 {
    background: var(--paper);
}

.workway-01 .section {
    padding-bottom: 125px;
}

.workway-statement {
    padding: 105px max(4.5vw, calc((100vw - 1280px) / 2));
}

.workway-statement p {
    margin: 0;
    font-size: clamp(42px, 5vw, 78px);
    line-height: 1.08;
    max-width: 1120px;
}

.workway-statement-ink {
    color: #f3f0ea;
    background: #10262d;
}

/* 02 ---------------------------------------------------- */
.workway-02 {
    background: #e9e5de;
}

/* Bewusst nur noch Text: Die Aussage braucht keine erklärende Grafik. */
.workway-split {
    display: grid;
    grid-template-columns: minmax(170px, 0.45fr) minmax(0, 1.55fr);
    gap: 6vw;
    align-items: start;
}

.workway-split .workway-label {
    display: block;
    margin: 4px 0 0;
}

.workway-split .workway-label > span {
    display: block;
    font-size: 56px;
    margin-bottom: 18px;
}

.workway-split .workway-copy {
    max-width: 820px;
}

.workway-split .workway-copy h2 {
    font-size: clamp(42px, 4.7vw, 72px);
}

.workway-statement-paper {
    background: #f3f0ea;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

/* 03 ---------------------------------------------------- */
.workway-03 {
    background: #f3f0ea;
}

/* Statt Begriffswolke eine einzige klare Aussage. */
.workway-principle {
    width: 100%;
    background: #b7c9c2;
}

.workway-principle-inner {
    width: min(calc(100% - 9vw), 1280px);
    margin: 0 auto;
    padding: 120px 0 130px;
}

.workway-principle .eyebrow {
    margin-bottom: 34px;
}

.workway-principle h2 {
    margin: 0;
    max-width: 900px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(58px, 7.4vw, 112px);
    font-weight: 400;
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.workway-03-body {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.75fr);
    gap: 10vw;
    align-items: start;
}

.workway-03-body .workway-copy {
    max-width: 650px;
}

.workway-small-statement {
    margin: 0 !important;
    padding-top: 30px;
    border-top: 1px solid var(--line);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(25px, 2.4vw, 35px) !important;
    line-height: 1.35;
}

/* 04 ---------------------------------------------------- */
.workway-04 {
    color: #f3f0ea;
    background: #10262d;
}

.workway-build {
    width: min(calc(100% - 9vw), 1280px);
    margin: 0 auto;
    padding: 130px 0 145px;
    display: grid;
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
    gap: 9vw;
    align-items: stretch;
}

.workway-build-grid {
    border-top: 1px solid rgba(243, 240, 234, 0.28);
    border-bottom: 1px solid rgba(243, 240, 234, 0.28);
    display: grid;
    grid-template-rows: repeat(4, 1fr);
}

.workway-build-grid span {
    display: flex;
    align-items: center;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(27px, 2.7vw, 42px);
    border-bottom: 1px solid rgba(243, 240, 234, 0.18);
    opacity: 0.78;
}

.workway-build-grid span:last-child {
    border-bottom: 0;
}

.workway-label-light > span,
.workway-label-light .eyebrow {
    opacity: 0.62;
}

.workway-build-copy h2 {
    font-size: clamp(48px, 5.3vw, 82px);
    line-height: 1.04;
    margin: 0 0 52px;
    max-width: 800px;
}

.workway-build-copy > p:not(.workway-build-statement) {
    max-width: 680px;
    font-size: 18px;
    margin: 0 0 25px;
}

.workway-build-statement {
    margin: 68px 0 0;
    padding-top: 32px;
    border-top: 1px solid rgba(243, 240, 234, 0.28);
    max-width: 780px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(27px, 2.5vw, 38px);
    line-height: 1.34;
}

/* 05 ---------------------------------------------------- */
.workway-05 {
    background: #e9e5de;
}

.workway-finale {
    padding-top: 165px;
    padding-bottom: 165px;
}

.workway-finale h2 {
    font-size: clamp(52px, 6vw, 94px);
    max-width: 1180px;
    margin-bottom: 80px;
}

.workway-final-note {
    margin: 90px 0 0;
    padding-top: 38px;
    border-top: 1px solid var(--line);
    max-width: 860px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(28px, 2.8vw, 42px);
    line-height: 1.32;
}

/* Abschluss --------------------------------------------- */
.workway-contact {
    background: #f3f0ea;
    border-top: 1px solid var(--line);
}

.workway-contact-inner {
    padding-top: 145px;
    padding-bottom: 155px;
}

.workway-contact h2 {
    margin: 0 0 32px;
    max-width: 1000px;
    font-size: clamp(44px, 5.2vw, 80px);
    line-height: 1.06;
}

.workway-contact-line {
    margin: 0 0 55px;
    font-size: clamp(34px, 3.5vw, 54px);
    color: #607d74;
}
/* Arbeitsweise Hero – Textblock etwas höher */
.cover-workway .hero-copy {
    position: relative;
    top: -48px;
}

/* Tablet / Mobile --------------------------------------- */
@media (max-width: 960px) {
    .cover-workway .cover-photo {
        background: #1a2022;
    }

    .cover-workway .cover-photo picture {
        display: block;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .cover-workway .cover-photo picture::after {
        display: none;
    }

    .cover-workway .cover-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

    .cover-workway .cover-wash {
        background: linear-gradient(
                180deg,
                rgba(9, 19, 23, 0.34) 0%,
                rgba(9, 19, 23, 0.18) 45%,
                rgba(9, 19, 23, 0.48) 100%
            ),
            linear-gradient(90deg, rgba(9, 19, 23, 0.35), rgba(9, 19, 23, 0.05) 88%);
    }

    .cover-workway .hero-copy h1 {
        max-width: 90vw;
    }

    .workway-label {
        margin-bottom: 42px;
    }

    .workway-copy h2,
    .workway-finale h2 {
        margin-bottom: 42px;
    }

    .workway-text-cols {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .workway-statement {
        padding: 76px 20px 82px;
    }

    .workway-statement p br {
        display: none;
    }

    .workway-split {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .workway-split .workway-label {
        display: flex;
        align-items: baseline;
        gap: 16px;
        margin: 0;
    }

    .workway-split .workway-label > span {
        font-size: 34px;
        margin: 0;
    }

    .workway-principle-inner {
        width: calc(100% - 40px);
        padding: 85px 0 92px;
    }

    .workway-principle h2 br {
        display: none;
    }

    .workway-03-body {
        grid-template-columns: 1fr;
        gap: 58px;
    }

    .workway-build {
        width: calc(100% - 40px);
        padding: 95px 0 105px;
        grid-template-columns: 1fr;
        gap: 70px;
    }

    .workway-build-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }

    .workway-build-grid span {
        min-height: 105px;
        padding-right: 20px;
    }

    .workway-finale {
        padding-top: 110px;
        padding-bottom: 115px;
    }

    .workway-finale h2 br {
        display: none;
    }

    .workway-final-note {
        margin-top: 65px;
    }

    .workway-contact-inner {
        padding-top: 105px;
        padding-bottom: 115px;
    }
}
@media (max-width: 960px) {
    .cover-workway .menu-toggle span {
        background: #f3f0ea;
    }

    .cover-workway .main-nav,
    .cover-workway .main-nav a {
        color: var(--ink);
    }

    .nav-open .cover-workway .menu-toggle span {
        background: var(--ink);
    }
}

@media (max-width: 520px) {
    .workway-label > span {
        font-size: 28px;
    }

    .workway-copy h2,
    .workway-finale h2 {
        font-size: clamp(39px, 11.5vw, 54px);
    }

    .workway-text-cols .lead {
        font-size: 23px;
    }

    .workway-text-cols p,
    .workway-copy > p,
    .workway-build-copy > p:not(.workway-build-statement) {
        font-size: 16px;
    }

    .workway-statement p {
        font-size: clamp(36px, 10.8vw, 49px);
    }

    .workway-build-grid {
        grid-template-columns: 1fr;
    }

    .workway-build-grid span {
        min-height: 78px;
    }

    .workway-final-note {
        font-size: 27px;
    }

    .workway-contact h2 {
        font-size: clamp(39px, 11vw, 52px);
    }
}

/* 06 · Budget ------------------------------------------ */
.workway-budget {
    background: #b7c9c2;
}
.workway-budget-inner {
    padding-top: 145px;
    padding-bottom: 150px;
}
.workway-budget-head {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    gap: 8vw;
    align-items: end;
    margin-bottom: 75px;
}
.workway-budget h2 {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 400;
    letter-spacing: -0.028em;
    font-size: clamp(50px, 5.6vw, 86px);
    line-height: 1.03;
    margin: 0;
    max-width: 920px;
}
.workway-budget-head > p {
    font-size: 18px;
    max-width: 430px;
    margin: 0 0 8px;
}
.workway-prices {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgba(16, 38, 45, 0.32);
    border-bottom: 1px solid rgba(16, 38, 45, 0.32);
}
.workway-prices article {
    padding: 44px 3.5vw 50px 0;
}
.workway-prices article + article {
    border-left: 1px solid rgba(16, 38, 45, 0.32);
    padding-left: 3.5vw;
}
.workway-prices h3 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(31px, 3vw, 45px);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: -0.025em;
    margin: 16px 0 25px;
}
.workway-prices article > p:last-child {
    font-size: 16px;
    max-width: 390px;
    margin: 0;
}
.workway-budget-note {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 8vw;
    margin-top: 60px;
}
.workway-budget-note p {
    margin: 0;
    font-size: 17px;
    max-width: 680px;
}
.workway-budget-note p:last-child {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 25px;
    line-height: 1.35;
}
@media (max-width: 960px) {
    .workway-budget-head,
    .workway-budget-note {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .workway-prices {
        grid-template-columns: 1fr;
    }
    .workway-prices article {
        padding: 35px 0;
    }
    .workway-prices article + article {
        border-left: 0;
        border-top: 1px solid rgba(16, 38, 45, 0.32);
        padding-left: 0;
    }
    .workway-budget-inner {
        padding-top: 105px;
        padding-bottom: 110px;
    }
.cover-workway .hero-copy > .eyebrow{
        margin-top:20px;
    }

}