/* page-ueber-uns: layout nuance only (tokens from theme.css, no new theme values) */

/* section 2: the Firmenkarte is the visual of the split (the checkable facts themselves), same offset frame as .split__fig */
.ueu-card{position:relative;isolation:isolate}
.ueu-card__in{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}
.ueu-card::before{content:"";position:absolute;inset:.9rem -.9rem -.9rem .9rem;border-radius:var(--r-lg);background:var(--accent-300);z-index:-1}
.ueu-card__head{display:flex;align-items:center;gap:.65rem;margin:0;padding:.95rem 1.4rem;background:var(--brand);color:#fff;font:800 1.05rem/1.2 var(--f-head)}
.ueu-card__head .ic{width:1.5rem;height:1.5rem;color:var(--accent)}
.ueu-card__list{margin:0;padding:.3rem 1.4rem .7rem}
.ueu-card__list>div{padding:1rem 0;border-bottom:1px solid var(--line)}
.ueu-card__list>div:last-child{border-bottom:0}
.ueu-card__list dt{margin:0 0 .2rem;font:800 .9375rem/1.2 var(--f-head);color:var(--muted)}
.ueu-card__list dd{margin:0;font:700 1.2rem/1.35 var(--f-head);color:var(--ink);font-variant-numeric:tabular-nums}
.ueu-card__aside{display:inline-block;margin:.25rem 0 0;padding:.12rem .7rem;border-radius:var(--pill);background:var(--accent-100);color:var(--accent-700);font:800 .9375rem/1.4 var(--f-head)}

/* section 3: heading stays in view beside the six-step rail */
@media (min-width:900px){
	.ueu-process>.wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,6vw,5.5rem);align-items:start}
	.ueu-process .sec__head{position:sticky;top:calc(var(--hdr-h) + 1.5rem);margin:0}
}

/* section 5: five rule pairs, pattern (soft) beside our counter-rule (white, aqua edge) */
.ueu-rules{list-style:none;display:grid;gap:1rem}
.ueu-rule{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.ueu-rule__bad,.ueu-rule__good{display:flex;gap:.9rem;align-items:flex-start;padding:1.15rem 1.3rem}
.ueu-rule__bad{background:var(--soft)}
.ueu-rule__good{border-top:4px solid var(--accent)}
.ueu-rule__ic{width:1.6rem;height:1.6rem;margin-top:.1rem;flex:none}
.ueu-rule__bad .ueu-rule__ic{color:var(--muted)}
.ueu-rule__good .ueu-rule__ic{color:var(--accent-700)}
.ueu-rule__t{margin:0;font-size:1.2rem;line-height:1.25}
.ueu-rule__lbl{display:block;margin:0 0 .2rem;font:800 .9375rem/1.2 var(--f-head)}
.ueu-rule__bad .ueu-rule__lbl{color:var(--muted)}
.ueu-rule__good .ueu-rule__lbl{color:var(--accent-700)}
.ueu-rule__x{margin:0;font-size:1.0625rem;line-height:1.55;color:var(--text)}
@media (min-width:900px){
	.ueu-rule{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
	.ueu-rule__bad,.ueu-rule__good{padding:1.4rem 1.7rem}
	.ueu-rule__good{border-top:0;border-left:4px solid var(--accent)}
}

/* section 6: notice and call strip under the split */
.ueu-gebiet .ueu-notice{margin-top:clamp(1.8rem,4vw,3rem)}
.ueu-gebiet .ueu-call{margin-top:1.2rem}