/* Über mich – Werte aus relaunch-paket/referenz/Ueber.dc.html */
.ue-hero{padding-top:clamp(16px,4vh,90px);padding-bottom:clamp(170px,22vh,210px);display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.ue-photo-col{flex:1 1 300px;min-width:0;max-width:min(460px,calc(62vh * .8));position:relative}
.photo{position:relative;border-radius:32px;padding:3px;background:linear-gradient(140deg,var(--sky),var(--royal),var(--ice));box-shadow:0 60px 100px -50px rgba(14,26,51,.55)}
.photo-in{aspect-ratio:4/5;border-radius:29px;background:linear-gradient(160deg,var(--tint),#CBD6EC);display:flex;align-items:center;justify-content:center;text-align:center}
.photo-in{overflow:hidden}
.photo-in picture{display:block;width:100%;height:100%}
.photo-in img{display:block;width:100%;height:100%;object-fit:cover}
.badge{color:var(--ink);position:absolute;left:-18px;bottom:36px;border-radius:18px;padding:14px 18px;background:rgba(255,255,255,.85);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 60px -30px rgba(14,26,51,.45);animation:fl 7s ease-in-out infinite}
.badge .d{font-weight:800;font-size:18px}
.badge .mut{font-size:13px}
@keyframes fl{50%{transform:translateY(-12px)}}
.ue-intro{flex:1 1 460px;min-width:0}
.ue-intro .lead{margin:26px 0 0;font-size:20px;max-width:32em}

.ue-sec{padding-bottom:110px}
.story{max-width:900px}
.story p{margin:18px 0 0;font-size:19px;line-height:1.7;color:var(--ink-2)}
.story h2+p{margin-top:26px}
.quote{margin:34px 0;padding:28px 0 28px 28px;border-left:3px solid var(--royal);font-family:var(--font-d);letter-spacing:-0.035em;
  font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.25;color:var(--ink)}
.story .quote{margin:34px 0}
.story .quote+p{margin-top:0}

.cards4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:40px}
.vcard{padding:32px}
.vcard .kick{margin-bottom:14px}
.vcard h3{margin:0 0 10px;font-size:26px;font-weight:700}
.vcard p{margin:0;line-height:1.6}

.fit-text{max-width:900px}
.fit-text p{margin:22px 0 0;font-size:19px;line-height:1.7;color:var(--ink-2)}
.fit-close{max-width:900px;margin:40px 0 0}

.team{display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.team-text{flex:1 1 380px;min-width:0}
.team-text p{margin:20px 0 0;font-size:18px;line-height:1.6;max-width:30em}
.stat-grid{flex:1 1 460px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0}
.stat{padding:28px;border-radius:22px;background:#fff;border:1px solid rgba(14,26,51,.07);display:flex;flex-direction:column}
.stat dd{margin:0;font-family:var(--font-d);font-weight:800;font-size:64px;line-height:1;letter-spacing:-0.05em;
  background:linear-gradient(180deg,var(--royal),var(--mid));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat dt{order:2;margin-top:10px;color:var(--muted)}

.cta-sec{max-width:1040px;padding-bottom:120px}
.cta-sec .h2{margin:0 auto;max-width:14ch}
.cta-sec p{margin:20px auto 0;font-size:18px;line-height:1.55;max-width:32em}

@media (max-width:700px){.badge{left:12px}.ue-photo-col{max-width:min(300px,100%)}}
@media (prefers-reduced-motion:reduce){.badge{animation:none}}