/* THAL-630 — Unterseiten (Leistungen, Projekte, Rechtliches) im v47-System. */
.page-hero{padding:calc(var(--nav-h) + clamp(56px,9vw,120px)) 0 clamp(40px,5vw,64px);text-align:center;background:linear-gradient(180deg,#fff 0%,#fff 60%,var(--mist) 100%)}
.page-hero .wrap{display:grid;justify-items:center;gap:22px}
.page-hero .lead{max-width:38ch}
.page-hero .cta-row{margin-top:8px}
.back{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--text-2)}
.back::before{content:"";width:7px;height:12px;background:currentColor;-webkit-mask:var(--chev) center/contain no-repeat;mask:var(--chev) center/contain no-repeat;transform:rotate(180deg)}
.back:hover{color:var(--navy)}

.page-media{background:var(--mist);padding:0 0 clamp(64px,8vw,110px)}
.duo{position:relative;padding:0 8% 7% 0;max-width:1120px;margin:0 auto}
.duo .browser img{width:100%}
.duo .phone{position:absolute;right:0;bottom:0;--pw:clamp(130px,17vw,250px)}
.tx-motion:not(.tx-fallback) .duo,.tx-motion:not(.tx-fallback) .panel{transform-origin:50% 0}

.facts{background:var(--mist);padding:0 0 clamp(64px,8vw,110px)}
.facts dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--ice);padding-top:30px}
.facts dt{font-size:14px;font-weight:600;color:var(--text-2);margin-bottom:6px}
.facts dd{font-size:clamp(18px,1.6vw,22px);font-weight:500;letter-spacing:-.012em;line-height:1.35}
@media(max-width:760px){.facts dl{grid-template-columns:1fr}}

.story-q{display:grid;gap:22px;max-width:900px;margin:0 auto clamp(48px,6vw,80px);text-align:center;justify-items:center}
.story-q .lead{max-width:44ch}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{display:grid;align-content:start;gap:14px;padding:clamp(28px,3vw,40px);border-radius:var(--radius);background:var(--mist);min-height:300px}
.card .copy{font-size:17px}
.sec.mist .card{background:#fff}
@media(max-width:900px){.cards{grid-template-columns:1fr}.card{min-height:0}}

.extract{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,90px);align-items:center}
.extract-copy{display:grid;gap:20px}
.extract figure{display:grid;gap:14px}
.extract figcaption,.note{font-size:14px;line-height:1.55;color:var(--text-2)}
@media(max-width:900px){.extract{grid-template-columns:1fr}}

.transfer{text-align:center}
.transfer .wrap{display:grid;justify-items:center;gap:22px;max-width:880px}
.transfer .cta-row{margin-top:6px}
.transfer .note{max-width:60ch}

.next{padding:0 0 clamp(80px,10vw,140px);background:#fff}
.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.next-grid .tile{display:grid;align-content:end;gap:8px;min-height:clamp(220px,24vw,320px);padding:clamp(28px,3vw,44px);color:var(--navy)}
.next-grid .tile.on-dark{background:var(--navy);color:#fff}
.next-grid strong{font-size:clamp(28px,3.2vw,44px);line-height:1.06;letter-spacing:-.028em;font-weight:600}
.next-grid .chev{font-size:17px}
@media(max-width:760px){.next-grid{grid-template-columns:1fr}}

/* Visual: Anfrage → Entwurf (statisch) */
.panel{max-width:1120px;margin:0 auto;border-radius:var(--radius);background:var(--navy);color:#fff;padding:clamp(28px,5vw,64px)}
.panel .flow{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1.1fr);align-items:center;gap:16px}
.panel .msg{display:grid;gap:18px;padding:28px;border-radius:24px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.panel .msg-head{display:flex;align-items:center;gap:14px}
.panel .msg-head strong{display:block;font-size:17px}
.panel .msg-head small{display:block;font-size:14px;color:var(--steel-2)}
.panel .avatar{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--blue);font-weight:600;font-size:15px}
.panel .msg-text{font-size:clamp(19px,1.8vw,24px);line-height:1.38;font-weight:500}
.panel .arrow{height:2px;background:var(--sky);position:relative}
.panel .arrow::after{content:"";position:absolute;right:-1px;top:-6px;width:12px;height:12px;border-top:2px solid var(--sky);border-right:2px solid var(--sky);transform:rotate(45deg)}
.panel .paper{display:grid;gap:12px;padding:28px;border-radius:24px;background:#fff;color:var(--navy);box-shadow:0 50px 100px -40px rgba(0,0,0,.5)}
.panel .paper-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-2);font-weight:500}
.panel .paper-head em{font-style:normal;font-size:13px;font-weight:600;color:var(--blue);padding:2px 12px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--blue)}
.panel .lines{list-style:none;margin:0;padding:0}
.panel .lines li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--ice);font-size:16px;font-weight:500}
.panel .lines small{display:block;font-size:14px;font-weight:400;color:var(--text-2)}
.panel .lines b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.panel .sum{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;border-top:2px solid var(--navy);font-size:15px;color:var(--text-2)}
.panel .sum strong{font-size:30px;letter-spacing:-.025em;color:var(--navy);font-variant-numeric:tabular-nums}
.panel-note{margin-top:22px;font-size:14px;color:var(--steel-2);text-align:center}
.panel-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.panel .flow{grid-template-columns:1fr}.panel .arrow{width:2px;height:48px;margin:0 auto}.panel .arrow::after{top:auto;bottom:-1px;right:-6px;transform:rotate(135deg)}}

/* Visual: Betreuungs-Verlauf */
.thread{max-width:760px;margin:0 auto;display:grid;gap:12px}
.thread .b{max-width:76%;padding:14px 20px;border-radius:24px;font-size:clamp(16px,1.5vw,19px);line-height:1.4}
.thread .in{justify-self:start;background:rgba(255,255,255,.1);border-bottom-left-radius:8px}
.thread .out{justify-self:end;background:var(--blue);border-bottom-right-radius:8px}
.thread small{display:block;margin-top:4px;font-size:13px;opacity:.75}

/* MP-Bildfahrt im v47-Gewand */
.flight-wrap{background:var(--mist);padding:0 0 clamp(64px,8vw,110px)}
.flight-wrap .mp-flight{width:min(100% - 2*var(--gutter),var(--wrap));margin:0 auto;background:#fff;color:var(--navy);border:0;border-radius:var(--radius);overflow:hidden}
.flight-wrap .flight-sticky{background:#fff;color:var(--navy);padding:clamp(18px,2.4vw,30px)}
.flight-wrap .flight-heading .eyebrow{display:none}
.flight-wrap .flight-heading h2{font-family:var(--font);font-weight:600;font-size:clamp(26px,3vw,40px);letter-spacing:-.028em}
.flight-wrap .flight-skip,.flight-wrap .flight-hint,.flight-wrap .flight-cover span{font-size:14px}
.flight-wrap .flight-scene{border-radius:calc(var(--radius) - 10px)}
.flight-wrap .flight-start,.flight-wrap .flight-stop{font-family:var(--font);font-size:15px;font-weight:500;border:0;background:var(--blue);color:#fff;padding:12px 24px}
.flight-wrap .flight-label{font-size:13px;letter-spacing:.02em;font-weight:600;color:var(--blue)}
.flight-wrap .flight-description{color:var(--text-2)}

/* Rechtliches */
.legal-main{width:min(100% - 2*var(--gutter),860px);margin:0 auto;padding:calc(var(--nav-h) + clamp(60px,9vw,120px)) 0 clamp(80px,10vw,130px)}
.legal-main h1{font-size:clamp(44px,7vw,88px);line-height:1.02;letter-spacing:-.034em;font-weight:600;margin-bottom:40px}
.legal-main h2{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.02em;font-weight:600;margin:42px 0 12px}
.legal-main p{font-size:17px;line-height:1.65;color:var(--text-2);margin:12px 0;max-width:68ch}
.legal-main a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-main strong{color:var(--navy)}