/* /service/tueroeffnung/ : layout only (tokens from theme.css, no new theme values) */

/* 2 problem: lead + three situations + "es eilt" line */
.tue-lagen{margin:2.2rem 0 1.1rem;font:800 1.2rem/1.3 var(--f-head);color:var(--t-head)}
.tue-eilt{display:flex;align-items:flex-start;gap:.75rem;margin:2.2rem 0 0;padding-top:1.4rem;border-top:1px solid var(--line);font-size:1.125rem}
.tue-eilt .ic{flex:none;width:1.5rem;height:1.5rem;margin-top:.15rem;color:var(--accent-700)}
.tue-eilt a{font-weight:700}

/* 6 intact vs. drilled: space for the "no promise" notice under the pair */
.tue-after{margin-top:1.8rem}

/* 7 / 8 / 10: heading column beside the content from 900px */
.tue-sich>.wrap>.sec__head{margin-bottom:1.2rem}
@media (min-width:900px){
	.tue-ab>.wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(2.5rem,6vw,5rem);align-items:start}
	.tue-ab>.wrap>.sec__head{position:sticky;top:calc(var(--hdr-h) + 1.5rem);margin:0}

	.tue-sich>.wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(2rem,5vw,4rem);align-items:center}
	.tue-sich>.wrap>.sec__head{margin:0}

	.tue-trust>.wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(2rem,5vw,4rem);align-items:start}
	.tue-trust>.wrap>.sec__head{position:sticky;top:calc(var(--hdr-h) + 1.5rem);margin:0}
	.tue-trust .ilist--check{grid-template-columns:minmax(0,1fr)}
}
.tue-trust .ilist--check{gap:.8rem}
.tue-trust .ilist--check .ilist__i{padding:.95rem 1.1rem;background:var(--soft);border:1px solid var(--line);border-radius:var(--r)}

/* 11 local: two Bezirk photos, the small one overlapping the large one (no negative offsets) */
.tue-collage{margin:0}
.tue-collage__ph{position:relative;padding-bottom:12%}
.tue-collage__a{width:84%;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--soft2);box-shadow:var(--sh)}
.tue-collage__b{position:absolute;right:0;bottom:0;width:44%;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--soft2);border:5px solid var(--soft);box-shadow:var(--sh)}
.tue-collage__a img,.tue-collage__b img{width:100%;height:100%;object-fit:cover}
.tue-collage figcaption{margin-top:1rem;font-size:.98rem;color:var(--t-muted)}