/* Ueber-uns-Seite — Warm Editorial. Tokens aus marken-design.css (site-weit). */
.aend-ueber, .aend-ueber *{box-sizing:border-box}
.aend-ueber{font-family:var(--sans)}

/* Hero hinter den (sticky) Header ziehen -> der Header liegt UEBER dem Hero. Nur >=769px. */
@media(min-width:769px){body.aend-ueber-page .aend-fin > .uhero{margin-top:calc(-1 * var(--aend-hd-h, 74px));}}

/* ---------- Hero (Split: Text links, Foto rechts) ---------- */
.uhero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;background:var(--paper);overflow:hidden;min-height:clamp(560px,80vh,780px);}
.uhero .uleft{position:relative;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--aend-hd-h, 74px) + 40px) 56px 56px;max-width:720px;margin-left:auto;width:100%;}
.uhero .ubc{position:absolute;top:calc(var(--aend-hd-h, 74px) + 18px);left:56px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);}
.uhero .ubc a{color:var(--muted);text-decoration:none;}
.uhero .ubc a:hover{color:var(--gold-deep);}
.uhero .ubc .sep{color:#c9c2b4;}
.uhero .ubc .cur{color:var(--ink);font-weight:600;}
.aend-ueber .ey{display:inline-flex;align-items:center;gap:9px;background:var(--gold-tint);color:var(--gold-deep);font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;align-self:flex-start;}
.aend-ueber .ey .d{width:7px;height:7px;border-radius:50%;background:var(--gold-deep);}
.uhero h1{font-family:var(--serif);font-weight:800;letter-spacing:-.025em;line-height:1.04;font-size:clamp(38px,4.4vw,60px);color:var(--ink);margin:22px 0 0;}
.uhero h1 em{font-style:normal;color:var(--gold-deep);}
.uhero .sub{color:var(--muted);font-size:18.5px;line-height:1.55;max-width:30rem;margin:22px 0 0;}
.uhero .ucta-row{display:flex;align-items:center;gap:14px 16px;margin-top:30px;flex-wrap:wrap;}
.uhero .utrust{display:flex;gap:12px 24px;margin-top:26px;flex-wrap:wrap;}
.uhero .utrust .tck{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:500;color:#3a4150;}
.uhero .utrust .tck i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--gold-tint);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;font-style:normal;}
.uhero .uright{position:relative;background:#2a3344 center/cover no-repeat;}
.uhero .utrust-card{position:absolute;left:34px;bottom:34px;background:var(--card);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 42px rgba(0,0,0,.22);max-width:calc(100% - 68px);}
.uhero .utrust-card .ic{flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:var(--gold-tint);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:22px;font-weight:800;}
.uhero .utrust-card .lt{font-size:11.5px;color:var(--muted);}
.uhero .utrust-card .lv{font-size:14.5px;font-weight:800;font-family:var(--serif);color:var(--ink);}

.aend-ueber .btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:16px;padding:16px 28px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s,color .18s;}
.aend-ueber .btn-navy{background:var(--navy);color:#fff;}
.aend-ueber .btn-navy:hover{background:#16213a;}
.aend-ueber .btn-line{background:transparent;color:var(--navy);border:1.5px solid #cdc2ac;}
.aend-ueber .btn-line:hover{border-color:var(--navy);}
.aend-ueber .btn-gold{background:var(--gold);color:#1b2740;}
.aend-ueber .btn-gold:hover{background:var(--gold-deep);color:#fff;}

/* ---------- Sektionen ---------- */
.usec{padding:84px 24px;}
.usec .uin{max-width:1120px;margin:0 auto;}
.usec--paper{background:var(--paper);}
.usec--card{background:var(--card);}
.usec--navy{background:var(--navy);color:#fff;}
.uhead{max-width:720px;margin:0 auto 46px;text-align:center;}
.uhead .ey{margin-bottom:16px;}
.uhead h2{font-family:var(--serif);font-weight:800;font-size:clamp(30px,3.4vw,42px);line-height:1.1;color:var(--ink);margin:0;letter-spacing:-.02em;}
.usec--navy .uhead h2{color:#fff;}
.uhead p{color:var(--muted);font-size:18px;line-height:1.55;margin:16px auto 0;}

/* Warum: Fliesstext + Stat-Tiles */
.uwarum .ubody{max-width:740px;margin:0 auto;font-size:18.5px;line-height:1.62;color:#3a4150;}
.uwarum .ubody p{margin:0 0 18px;}
.uwarum .ubody p:last-child{margin-bottom:0;}
.uwarum .ubody strong{color:var(--ink);font-weight:700;}

/* Wie wir arbeiten: Prinzip-Karten */
.ucards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:0 auto;}
.ucard{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:30px;}
.ucard .ic{width:46px;height:46px;border-radius:13px;background:var(--gold-tint);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:800;font-size:22px;margin-bottom:18px;}
.ucard h3{font-family:var(--serif);font-weight:800;font-size:21px;color:var(--ink);margin:0 0 9px;letter-spacing:-.01em;}
.ucard p{color:var(--muted);font-size:15.5px;line-height:1.55;margin:0;}

/* Digital: Text + Status-Karte */
.uflow{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;max-width:1120px;margin:0 auto;}
.uflow .utxt h2{font-family:var(--serif);font-weight:800;font-size:clamp(28px,3.2vw,38px);line-height:1.12;color:var(--ink);margin:14px 0 0;letter-spacing:-.02em;}
.uflow .utxt p{color:var(--muted);font-size:18px;line-height:1.58;margin:16px 0 0;}
.uflow .ulist{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:13px;}
.uflow .ulist li{display:flex;align-items:flex-start;gap:11px;font-size:15.5px;color:#3a4150;line-height:1.4;}
.uflow .ulist .tk{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--gold-tint);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;margin-top:1px;}

/* Status-Karte (Dashboard-Optik) */
.udash{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 24px 54px rgba(27,39,64,.12);}
.udash .dhead{display:flex;align-items:center;gap:9px;}
.udash .dhead .ddot{width:9px;height:9px;border-radius:50%;background:#1d9e75;}
.udash .dhead b{font-size:15px;font-weight:700;color:var(--ink);}
.udash .dhead .live{margin-left:auto;background:var(--gold-tint);color:var(--gold-deep);font-weight:800;font-size:9.5px;letter-spacing:.04em;padding:3px 7px;border-radius:6px;}
.udash .dproj-l{margin-top:16px;font-size:11.5px;color:var(--muted);}
.udash .dproj{font-size:15.5px;font-weight:700;color:var(--ink);margin-top:2px;}
.udash .dsteps{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:11px;}
.udash .dstep{display:flex;align-items:center;gap:11px;font-size:13.5px;color:var(--ink);}
.udash .dstep.todo{color:var(--muted);}
.udash .dico{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;}
.udash .dico.done{background:#e3f5ec;color:#1d9e75;}
.udash .dico.active{background:var(--navy);position:relative;}
.udash .dico.active::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);}
.udash .dico.todo{background:#efece6;color:var(--muted);font-weight:700;}
.udash .dbar{height:6px;border-radius:99px;background:var(--line);margin-top:18px;overflow:hidden;}
.udash .dbar i{display:block;height:100%;background:var(--gold);}
.udash .dfoot{display:flex;justify-content:space-between;margin-top:9px;font-size:11.5px;color:var(--muted);}

/* Team / Wer dahinter steht */
.uteam{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;max-width:1000px;margin:0 auto;}
.umember{flex:1 1 380px;display:flex;align-items:center;gap:22px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:26px 30px;max-width:470px;}
.umember .uava{flex:0 0 74px;width:74px;height:74px;border-radius:50%;object-fit:cover;background:var(--navy);color:var(--gold);font-family:var(--serif);font-weight:800;font-size:27px;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;}
.umember .uava svg{width:36px;height:36px;}
.umember .umname{font-family:var(--serif);font-weight:800;font-size:21px;color:var(--ink);letter-spacing:-.01em;}
.umember .umrole{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep);margin-top:5px;}
.umember .umbio{color:var(--muted);font-size:14.5px;line-height:1.55;margin:11px 0 0;}

/* Abschluss-CTA */
.ucta{background:var(--navy);text-align:center;padding:80px 24px;}
.ucta h2{font-family:var(--serif);font-weight:800;font-size:clamp(30px,3.6vw,44px);line-height:1.1;color:#fff;margin:0;letter-spacing:-.02em;}
.ucta p{color:#c4cbd8;font-size:18px;line-height:1.55;max-width:560px;margin:16px auto 0;}
.ucta .ucta-row{margin-top:30px;display:flex;justify-content:center;}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .usec{padding:60px 22px;}
  .uflow{grid-template-columns:1fr;gap:34px;}
  .ucards{grid-template-columns:1fr;}
  .uhero{grid-template-columns:1fr;grid-template-rows:auto minmax(300px,46vh);min-height:0;}
  .uhero .uleft{padding:calc(var(--aend-hd-h, 74px) + 26px) 22px 34px;justify-content:flex-start;}
  .uhero .ubc{position:static;left:auto;top:auto;margin-bottom:22px;}
  .uhero .sub{max-width:none;}
  .uhero .utrust-card{left:18px;bottom:18px;}
  .umember{flex-direction:column;text-align:center;gap:16px;}
}