/* Über mich: vorhandene Texte und Bildquellen, neu auf dem Designsystem gestaltet. */
.ueber-mich-page { color:var(--td-ink); font:400 1rem/1.65 var(--td-font); }
.ueber-mich-page a { color:inherit; text-decoration:none; }
.ueber-mich-page .tm-page-inner,.ueber-mich-page .tm-page-inner-wide { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.ueber-mich-page h1,.ueber-mich-page h2,.ueber-mich-page h3 { color:var(--td-ink); letter-spacing:-.04em; line-height:1.15; }
.ueber-mich-page h1 { margin:16px 0; font-size:clamp(2.5rem,5vw,4rem); }
.ueber-mich-page h2 { margin:0 0 16px; font-size:clamp(2rem,3.2vw,2.7rem); }
.ueber-mich-page h3 { margin:0 0 8px; font-size:1.1rem; }
.ueber-mich-page p { color:var(--td-body); }
.ueber-mich-page .tm-eyebrow { margin:0 0 12px; color:var(--td-blue-dark); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.ueber-mich-page .tm-about-hero { padding:clamp(55px,7vw,90px) 0; background:linear-gradient(125deg,var(--td-soft),#fff 78%); }
.ueber-mich-page .tm-page-hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(32px,5vw,70px); align-items:center; }
.ueber-mich-page .tm-page-hero-lead { max-width:610px; font-size:1.1rem; }
.ueber-mich-page .tm-page-hero-actions,.ueber-mich-page .tm-final-cta-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.ueber-mich-page .tm-btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 17px; border:1px solid var(--td-blue); border-radius:8px; background:var(--td-blue); color:#fff; font-weight:700; text-align:center; }
.ueber-mich-page .tm-btn:hover { background:var(--td-blue-dark); color:#fff; }
.ueber-mich-page .tm-btn-outline { background:#fff; border-color:var(--td-line); color:var(--td-ink); }
.ueber-mich-page .tm-btn-outline:hover { background:var(--td-soft); color:var(--td-blue-dark); }
.ueber-mich-page svg { width:20px; height:20px; flex:none; }
.ueber-mich-page .tm-about-hero-points { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; color:var(--td-body); font-size:.88rem; }
.ueber-mich-page .tm-about-hero-points span { display:flex; gap:7px; align-items:center; }
.ueber-mich-page .tm-about-hero-points svg { color:var(--td-blue-dark); }
.ueber-mich-page .tm-about-mobile-portrait { display:none; }
.ueber-mich-page .tm-about-image-wrap { position:relative; }
.ueber-mich-page .tm-about-image-wrap img { width:100%; max-height:490px; object-fit:cover; object-position:center 25%; border-radius:180px 180px 14px 14px; }
.ueber-mich-page .tm-about-overlay { position:absolute; bottom:18px; left:-22px; padding:14px 18px; border:1px solid var(--td-line); border-radius:10px; background:#fff; box-shadow:0 13px 35px #0f234721; }
.ueber-mich-page .tm-about-overlay p,.ueber-mich-page .tm-about-overlay strong,.ueber-mich-page .tm-about-overlay span { display:block; margin:0; font-size:.88rem; }
.ueber-mich-page .tm-about-overlay span { color:var(--td-body); }
.ueber-mich-page .tm-page-section,.ueber-mich-page .tm-page-section-lg { padding:clamp(55px,7vw,88px) 0; }
.ueber-mich-page .tm-section-soft,.ueber-mich-page .tm-section-soft-blue { background:var(--td-soft); }
.ueber-mich-page .tm-about-manifest,.ueber-mich-page .tm-section-head { max-width:850px; }
.ueber-mich-page .tm-about-proof-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:28px; }
.ueber-mich-page .tm-about-proof-strip > div { padding:20px; border:1px solid var(--td-line); border-radius:10px; background:#fff; }
.ueber-mich-page .tm-about-proof-strip strong,.ueber-mich-page .tm-about-proof-strip span { display:block; }
.ueber-mich-page .tm-about-proof-strip strong { font-size:1.3rem; }
.ueber-mich-page .tm-about-proof-strip span { color:var(--td-body); font-size:.9rem; }
.ueber-mich-page .tm-about-focus-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,65px); align-items:start; }
.ueber-mich-page .tm-about-focus-panel { padding:22px; border:1px solid var(--td-line); border-radius:12px; background:#fff; }
.ueber-mich-page .tm-about-focus-row { display:flex; gap:14px; }
.ueber-mich-page .tm-about-focus-row + .tm-about-focus-row { padding-top:15px; border-top:1px solid var(--td-line); }
.ueber-mich-page .tm-about-focus-row > span { color:var(--td-blue-dark); }
.ueber-mich-page .tm-about-focus-row p { margin:0 0 15px; }
.ueber-mich-page .tm-final-cta-panel { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:clamp(28px,4vw,48px); border-radius:14px; background:var(--td-navy); }
.ueber-mich-page .tm-final-cta-panel h2 { color:#fff; }
.ueber-mich-page .tm-final-cta-panel p { color:#d1dbeb; }
.ueber-mich-page .tm-final-cta-panel .tm-eyebrow { color:#a5c1ff; }
@media(max-width:1000px) { .ueber-mich-page .tm-about-proof-strip { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:720px) {
  .ueber-mich-page .tm-page-inner,.ueber-mich-page .tm-page-inner-wide { width:calc(100% - 40px); }
  .ueber-mich-page .tm-page-hero-grid,.ueber-mich-page .tm-about-focus-grid { grid-template-columns:1fr; }
  .ueber-mich-page .tm-about-visual { display:none; }
  .ueber-mich-page .tm-about-mobile-portrait { display:block; max-width:340px; margin:24px 0; }
  .ueber-mich-page .tm-about-mobile-portrait img { width:100%; max-height:320px; object-fit:cover; object-position:center 25%; border-radius:130px 130px 12px 12px; }
  .ueber-mich-page .tm-about-mobile-portrait strong,.ueber-mich-page .tm-about-mobile-portrait span { display:block; }
  .ueber-mich-page .tm-about-mobile-portrait span { color:var(--td-body); font-size:.9rem; }
  .ueber-mich-page .tm-final-cta-panel { display:block; }
}
@media(max-width:390px) { .ueber-mich-page .tm-about-proof-strip { grid-template-columns:1fr; } }