/* Bereichs- und Detailseiten: klare Informationsarchitektur */
.hku-home-two { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.hku-area-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.hku-area-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.hku-area-card { position:relative; display:flex; flex-direction:column; min-height:230px; padding:1.55rem; border:1px solid var(--line); border-radius:12px; background:var(--paper); color:var(--ink); text-decoration:none; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.hku-area-card:hover { transform:translateY(-2px); border-color:var(--sage-strong); box-shadow:var(--shadow-card); }
.hku-area-card:focus-visible { outline:3px solid currentColor; outline-offset:3px; }
.hku-area-index { display:inline-flex; align-items:center; justify-content:center; width:2.25rem; height:2.25rem; margin-bottom:1.1rem; border-radius:7px; background:var(--sage); color:var(--forest-deep); font-weight:800; font-size:.78rem; }
.hku-area-card h3 { margin:0 0 .65rem; font-size:1.25rem; line-height:1.25; }
.hku-area-card p { margin:0 0 1.3rem; color:var(--ink-soft); line-height:1.65; }
.hku-area-link { margin-top:auto; color:var(--forest-deep); font-size:.85rem; font-weight:760; }
.hku-detail-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:clamp(2rem,5vw,5rem); align-items:start; }
.hku-detail-copy h2,.hku-detail-list h2 { margin-top:0; }
.hku-detail-list h2 { font-size:1.5rem; line-height:1.25; letter-spacing:-.02em; }
.page-visual.hku-soil-visual { min-height:0; aspect-ratio:3 / 2; align-self:center; }
.page-visual.hku-material-visual { min-height:0; aspect-ratio:983 / 739; align-self:center; }
.hku-qualification-note { padding-block:1.25rem; border-bottom:1px solid var(--line); }
.hku-qualification-note p { margin:0; color:var(--ink-soft); font-size:.9rem; }
.hku-qualification-note a { color:var(--forest-deep); font-weight:700; text-decoration:underline; text-underline-offset:.2em; }
.section.hku-qualification-section { padding-block:1.5rem; }
.hku-qualification-section h2 { font-size:1.25rem; line-height:1.3; }
.hku-qualification-section .eyebrow { margin-bottom:.4rem; }
.hku-detail-copy > p:not(.eyebrow) { max-width:70ch; font-size:1.02rem; line-height:1.75; color:var(--ink-soft); }
.hku-detail-list { padding:1.5rem; border:1px solid var(--line); border-radius:12px; background:var(--cream); }
.hku-detail-list .check-list { margin-bottom:0; }
.hku-detail-note { margin-top:1.3rem; padding:1rem 1.1rem; border-left:3px solid var(--forest); background:var(--sage); color:var(--ink-soft); line-height:1.65; }
.hku-detail-band { display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.hku-detail-band > div { min-width:0; max-width:min(100%,760px); }
.hku-detail-band h2 { margin:.2rem 0 .55rem; }
.hku-detail-band p:not(.eyebrow) { margin:0; color:var(--ink-soft); line-height:1.65; }
@media (max-width: 980px) { .hku-area-grid-three { grid-template-columns:1fr; } .hku-detail-layout { grid-template-columns:1fr; } .hku-detail-band { align-items:flex-start; flex-direction:column; } }
@media (max-width: 760px) { .hku-home-two,.hku-area-grid { grid-template-columns:1fr !important; } .hku-area-card { min-height:0; padding:1.25rem; } }
@media print { .site-header,.site-footer,.button-row,.cta-panel,.nav-toggle { display:none !important; } .hku-area-card,.hku-detail-list { break-inside:avoid; } }

/* Nutzenorientierte Leistungsdetailseiten */
.hku-benefit-section .section-head { max-width: 920px; }
.hku-benefit-section .section-head > p:not(.eyebrow) { color: var(--ink-soft); line-height: 1.75; }
.hku-method-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1.6rem; }
.hku-method-grid article { padding:1.35rem; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
.hku-method-grid h3 { margin:0 0 .55rem; font-size:1.05rem; }
.hku-method-grid p { margin:0; color:var(--ink-soft); line-height:1.65; font-size:.92rem; }
.page-visual img { object-fit:cover; }
@media (max-width: 850px) { .hku-method-grid { grid-template-columns:1fr; } }