.ak-diensten { overflow: clip; background: var(--ak-white); }
.ak-diensten-container { width: min(100% - (2 * var(--ak-gutter)), 80rem); margin-inline: auto; }
.ak-diensten-eyebrow { margin: 0 0 1rem; color: var(--ak-brand); font-size: .72rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.ak-diensten h1, .ak-diensten h2, .ak-diensten h3 { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; }
.ak-diensten h2 { font-size: clamp(2.75rem, 5vw, 5rem); letter-spacing: -.04em; line-height: .98; text-wrap: balance; }
.ak-diensten h3 { font-size: clamp(1.65rem, 2.5vw, 2.35rem); line-height: 1.05; }
.ak-diensten p { color: #4c555e; line-height: 1.75; }

.ak-diensten-hero { padding-block: clamp(4rem, 8vw, 7.5rem); background: var(--ak-warm); }
.ak-diensten-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; }
.ak-diensten-hero__content { max-width: 62rem; }
.ak-diensten-hero h1 { max-width: 11ch; font-size: clamp(4rem, 7vw, 7.2rem); letter-spacing: -.045em; line-height: .9; text-wrap: balance; }
.ak-diensten-hero__lead { max-width: 42rem; margin: 2rem 0 0; font-size: clamp(1.05rem, 1.4vw, 1.22rem); }
.ak-diensten-actions { display: flex; flex-wrap: wrap; gap: .8rem 1rem; margin-top: 2.4rem; }


.ak-diensten-intro { padding-block: clamp(5rem, 10vw, 9rem); }
.ak-diensten-intro__grid { display: grid; grid-template-columns: 1fr .8fr; gap: clamp(3rem, 9vw, 9rem); align-items: start; }
.ak-diensten-intro__grid > div:last-child p { margin: 0 0 1.25rem; font-size: clamp(1rem, 1.3vw, 1.16rem); }

.ak-diensten-overview { padding-block: clamp(5rem, 10vw, 9rem); background: var(--ak-warm); }
.ak-diensten-heading { display: grid; grid-template-columns: 1fr minmax(18rem, .5fr); gap: clamp(2rem, 7vw, 7rem); align-items: end; margin-bottom: clamp(3rem, 6vw, 5rem); }
.ak-diensten-heading > p { margin: 0; }
.ak-diensten-list { border-top: 1px solid var(--ak-border); }
.ak-diensten-service { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr) auto; gap: clamp(1rem, 3vw, 3rem); align-items: center; padding: clamp(1.6rem, 3vw, 2.5rem) 0; border-bottom: 1px solid var(--ak-border); }
.ak-diensten-service__icon { display: grid; width: 3rem; height: 3rem; place-items: center; border: 1px solid rgba(135,112,78,.42); color: var(--ak-brand); }
.ak-diensten-service__icon svg, .ak-diensten-needs__icon svg { width: 1.4rem; height: 1.4rem; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.ak-diensten-service p { max-width: 47rem; margin: .65rem 0 0; }
.ak-diensten-service__link { position: relative; padding: .45rem 1.15rem .45rem 0; color: var(--ak-ink); font-size: .68rem; font-weight: 750; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.ak-diensten-service__link::after { position: absolute; top: 50%; right: .1rem; width: .4rem; height: .4rem; content: ""; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: translateY(-50%) rotate(45deg); }
.ak-diensten-service__link:hover { color: var(--ak-brand); }

.ak-diensten-needs { position: relative; overflow: hidden; padding-block: clamp(5rem, 10vw, 9rem); background: var(--ak-ink); color: #fff; }
.ak-diensten-needs::after { position: absolute; top: -15rem; right: -12rem; width: 33rem; height: 33rem; border: 1px solid rgba(200,178,140,.16); border-radius: 50%; content: ""; }
.ak-diensten-heading--light { position: relative; z-index: 1; grid-template-columns: 1fr; }
.ak-diensten-heading--light h2 { max-width: 13ch; }
.ak-diensten-needs__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.2); }
.ak-diensten-needs__grid article { padding: 2rem clamp(1rem, 3vw, 2.5rem) 0; border-left: 1px solid rgba(255,255,255,.2); }
.ak-diensten-needs__grid article:first-child { padding-left: 0; border-left: 0; }
.ak-diensten-needs__icon { display: grid; width: 3rem; height: 3rem; place-items: center; border: 1px solid rgba(200,178,140,.35); color: #c8b28c; }
.ak-diensten-needs__grid h3 { margin-top: 1rem; color: #fff; }
.ak-diensten-needs__grid p { color: #c7cbd0; }

.ak-diensten-process { padding-block: clamp(5rem, 10vw, 9rem); background: #fff; }
.ak-diensten-process__grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(3rem, 9vw, 9rem); align-items: start; }
.ak-diensten-process__grid > div > p:last-child { margin-top: 1.5rem; }
.ak-diensten-process ol { margin: 0; padding: 0; border-top: 1px solid var(--ak-border); list-style: none; }
.ak-diensten-process li { display: grid; grid-template-columns: 3.5rem 1fr; gap: 1.25rem; padding: 1.5rem 0; border-bottom: 1px solid var(--ak-border); }
.ak-diensten-process li > span { color: var(--ak-brand); font-size: .7rem; font-weight: 750; }
.ak-diensten-process li p { margin: .45rem 0 0; }

.ak-diensten-calculator { padding-block: clamp(5rem, 9vw, 8rem); background: var(--ak-warm-mid); }
.ak-diensten-calculator__inner { display: grid; grid-template-columns: 1.1fr .7fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.ak-diensten-calculator__inner > div:last-child p { margin: 0 0 1.8rem; }

.ak-diensten-faq { padding-block: clamp(5rem, 10vw, 9rem); background: var(--ak-warm); }
.ak-diensten-faq__grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(3rem, 9vw, 9rem); align-items: start; }
.ak-diensten-faq__items { border-top: 1px solid var(--ak-border); }
.ak-diensten-faq details { border-bottom: 1px solid var(--ak-border); }
.ak-diensten-faq summary { position: relative; padding: 1.35rem 2.5rem 1.35rem 0; font-size: .9rem; font-weight: 700; cursor: pointer; list-style: none; }
.ak-diensten-faq summary::-webkit-details-marker { display: none; }
.ak-diensten-faq summary::after { position: absolute; top: 50%; right: .25rem; content: "+"; color: var(--ak-brand); font-size: 1.35rem; font-weight: 400; transform: translateY(-50%); }
.ak-diensten-faq details[open] summary::after { content: "–"; }
.ak-diensten-faq details p { margin: 0; padding: 0 2rem 1.35rem 0; }

.ak-diensten-final { padding-block: clamp(5rem, 10vw, 8rem); background: var(--ak-brand); color: #fff; text-align: center; }
.ak-diensten-final .ak-diensten-container { max-width: 58rem; }
.ak-diensten-final .ak-diensten-eyebrow { color: #e8e0d4; }
.ak-diensten-final p:not(.ak-diensten-eyebrow) { max-width: 42rem; margin: 1.4rem auto 2rem; color: #f1ede7; }
.ak-diensten-final .ak-button--light { border-color: #fff; background: #fff; color: var(--ak-ink); }
.ak-diensten-final .ak-button--light:hover { border-color: var(--ak-ink); background: var(--ak-ink); color: #fff; transform: translateY(-1px); }

@media (max-width: 900px) {
  .ak-diensten-hero__grid, .ak-diensten-intro__grid, .ak-diensten-heading, .ak-diensten-process__grid, .ak-diensten-calculator__inner, .ak-diensten-faq__grid { grid-template-columns: 1fr; }

  .ak-diensten-needs__grid { grid-template-columns: 1fr; }
  .ak-diensten-needs__grid article, .ak-diensten-needs__grid article:first-child { padding: 1.5rem 0; border-bottom: 1px solid rgba(255,255,255,.2); border-left: 0; }
}

@media (max-width: 600px) {
  .ak-diensten-hero { padding-block: 3.5rem 4rem; }
  .ak-diensten-hero h1 { font-size: clamp(3.25rem, 16vw, 4.8rem); }
  .ak-diensten-actions { align-items: stretch; }
  .ak-diensten-actions .ak-button { width: 100%; }
  .ak-diensten-service { grid-template-columns: 3rem minmax(0, 1fr); }
  .ak-diensten-service__link { grid-column: 2; width: fit-content; }
  .ak-diensten-final .ak-button { width: 100%; }
}