/* Übernahme-Seite /nachfolgeberatung/ im Schreibtisch-Stil (Umbau 23.09.2026, Runden 1–4, 6–8; „Aus der Praxis“ folgt).
   Die Seite lädt zuerst gz-seite.css (gemeinsame Bausteine der GZ-Seite), dann bank-seite.css (Randlos-Auftakt .bk-a--b,
   Blatt .bk-blatt/.bk-zeilen/.bk-kreis, Route „Generalprobe“ .bk-ab-c/.bk-bankfragen, Haken .bk-haken), dann diese Datei.
   Achtung: Änderungen an gz-seite.css oder bank-seite.css wirken auch hier. */

/* ───────────── ueb-css ───────────── */
/* ══ Übernahme-Seite, Runde 1 (23.09.2026): Auftakt, gewählt: D = Mac A „Randlos“ mit Exposé, Handy C mit Prüfliste (Alex: „Perfekt!“) ══════════════════════════════ */

/* A: Holzverbindung randlos; die Gegenstände liegen rechts unten (x 73–100 %, y 41–90 %) */
.ub-a--a .gz-bild img{object-position:100% 62%}
@media (max-width:980px){ .ub-a--a .gz-bild img{object-position:96% 70%} }
@media (max-width:639.98px){ .ub-a--a .gz-bild img{object-position:94% 72%} }

/* Exposé-Blatt (aus Variante B, von D genutzt) */
.ub-expose{transform:rotate(1.2deg)}
.ub-expose::before{transform:rotate(-3deg) translate(-14px,10px)}
.ub-kreis path{fill:none;stroke:#1f5a96;stroke-width:1.8;stroke-linecap:round}
.ub-rand-zeile{border-top:0!important;padding:0 0 6px!important}
.ub-rand{margin:-4px 0 0;font-family:"Bradley Hand","Segoe Print",cursive;font-size:18px;font-weight:700;line-height:1.2;color:#1f5a96;transform:rotate(-2deg)}
.ub-wir{margin-top:22px}
.ub-wir-zeilen{padding:2px 12px;margin:0 -12px;background:rgba(31,90,150,.045);border-radius:2px}
.ub-notiz{right:-22px;bottom:-58px;font-family:"Bradley Hand","Segoe Print",cursive;font-weight:700;color:#1f5a96;font-size:22px;line-height:1.15;text-align:right}
@media (max-width:639.98px){
  .ub-expose{transform:rotate(.8deg)}
  .ub-expose::before{transform:rotate(-2.2deg) translate(-8px,8px)}
  .ub-nur-gross{display:none!important}
  .ub-rand{font-size:17px}
  .ub-notiz{right:-2px;bottom:-60px;font-size:20px}
}

/* D: Mac wie A, Exposé rechts vor den Holzklötzen; bis 980 px wie C mit Prüfliste, Exposé direkt danach */
.ub-pruef{display:none}
.ub-a--d .gz-a__inner{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:40px clamp(40px,5vw,80px);align-items:center}
.ub-a--d .bk-b__text{max-width:none}
.ub-d__blatt{position:relative;justify-self:end;width:min(100%,440px);margin-right:clamp(40px,9vw,170px);padding:0 0 64px}
.ub-a--d .ub-expose{padding:22px 26px 20px}
.ub-a--d .ub-expose .bk-zeilen div{padding:6px 0;font-size:14.5px}
.ub-a--d .bk-blatt__kopf{font-size:17px}
/* Bild nach rechts vergrößern, damit Kachel „Neu.“ und Klötze rechts neben dem Exposé frei bleiben */
@media (min-width:981px){ .ub-a--d .gz-bild img{scale:1.16;transform-origin:0% 62%} }
@media (min-width:1600px){ .ub-a--d .gz-bild img{scale:1.04} }
.ub-a--d .ub-d__blatt{justify-self:start;width:min(100%,400px);margin-right:0}
.ub-a--d .ub-notiz{right:auto;left:-6px;bottom:-54px;text-align:left;transform:rotate(-4deg)}
@media (max-width:1180px){ .ub-a--d .gz-a__inner{grid-template-columns:minmax(0,1fr) minmax(0,380px)} .ub-a--d .ub-d__blatt{width:100%} }
@media (max-width:980px){
  .ub-a--d .gz-a__inner{display:block}
  .ub-pruef{display:block;max-width:640px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(25,27,29,.12)}
  .ub-pruef__kopf{margin:0 0 10px;font-size:15px;font-weight:650;color:#191b1d}
  .ub-pruef ul{list-style:none;margin:0;padding:0;font-size:14.5px;line-height:1.45;color:rgba(25,27,29,.74)}
  .ub-pruef li + li{margin-top:7px}
  .ub-pruef b{font-weight:650;color:#161513}
  .ub-a--d .bk-belege{margin-top:22px;padding-top:0;border-top:0}
  .ub-d__blatt{justify-self:auto;width:auto;max-width:540px;margin:34px 0 0;padding:6px 14px 66px 16px}
}
@media (max-width:639.98px){
  .ub-a--d .ub-expose .ub-betrieb{display:none}
  .ub-a--d .ub-d__blatt{margin-top:30px}
  .ub-a--d .gz-a__inner{padding-bottom:40px}
}

/* Bewegung Exposé: Stift zieht den Kreis, dann Randnotiz und Schlussnotiz */
@media (prefers-reduced-motion:no-preference){
  html.fx-js .ub-kreis path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s cubic-bezier(.5,.1,.3,1) 1.4s}
  html.fx-js .gz-a.gz-in .ub-kreis path{stroke-dashoffset:0}
  html.fx-js .ub-rand{opacity:0;transition:opacity .5s ease 1s}
  html.fx-js .ub-notiz{opacity:0;transition:opacity .5s ease 2.3s}
  html.fx-js .gz-a.gz-in .ub-rand,html.fx-js .gz-a.gz-in .ub-notiz{opacity:1}
}

/* ───────────── ueb-pruefung-css ───────────── */
/* ══ Übernahme-Seite, Runde 2 (23.09.2026): Vor dem Kauf (#pruefung), gewählt: A „Drei Blätter“, Handy als Wischbahn (Alex) ══ */
.ub-pr .zw-hand{letter-spacing:0}
.ub-recht{max-width:48em;margin:clamp(44px,4.4vw,60px) 0 0;padding-top:20px;border-top:1px solid rgba(60,45,25,.16);font-size:16px;line-height:1.6;color:rgba(25,27,29,.74)}
.ub-recht b{font-weight:650;color:#191b1d}
.ub-pr .zw-stift path{stroke-dasharray:1;stroke-dashoffset:0}

/* A: drei Blätter */
.ub-a__raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);align-items:start}
.ub-a__blatt:nth-child(2){--r:.7deg;--y:22px}
.ub-a__blatt:nth-child(3){--r:-.5deg;--y:8px}
.ub-a__nr{font-size:22px;font-style:normal}
.ub-a__frage{margin:18px 0 0;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:850;font-size:clamp(22px,1.9vw,27px);letter-spacing:-.025em;line-height:1.15}
.ub-a__blatt .zw-liste{margin-bottom:10px}
.ub-a__notiz{position:absolute;right:18px;top:-30px;margin:0;font-size:17px;transform:rotate(-4deg);white-space:nowrap}
.ub-a__notiz svg{position:absolute;left:-40px;top:14px;width:44px;height:30px;transform:rotate(60deg)}
@media (max-width:980px){
  .ub-a__raster{grid-template-columns:1fr;max-width:600px;gap:34px}
  .ub-a__blatt:nth-child(n){--y:0px}
}
/* Handy: Wischbahn wie „Zwei Wege“ der GZ-Seite; oben Platz für die Stiftnotiz, unten für den Blattschatten */
@media (max-width:639.98px){
  .ub-a__raster{display:flex;align-items:stretch;gap:14px;max-width:none;margin:0 -20px -36px;padding:44px 20px 76px;
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scroll-behavior:smooth;
    overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ub-a__raster::-webkit-scrollbar{display:none}
  .ub-a__raster::after{content:"";flex:0 0 6px}
  .ub-a__raster .zw-blatt{flex:0 0 86%;scroll-snap-align:start;scroll-snap-stop:always;--r:-.8deg}
  .ub-a__raster .zw-blatt:nth-child(2){--r:.6deg}
  .ub-a__raster .zw-blatt:nth-child(3){--r:-.4deg}
  .ub-a__raster:focus-visible{outline:2px solid rgba(32,35,38,.3);outline-offset:-6px;border-radius:16px}
  .ub-pr.zw-bereit .zw__steuerung{display:flex}
  .ub-a__notiz{right:14px;top:-28px;font-size:16px}
}

@media (prefers-reduced-motion:no-preference){
  html.fx-js .ub-pr .zw-stift path{stroke-dashoffset:1;transition:stroke-dashoffset .7s cubic-bezier(.5,.1,.3,1) .9s}
  html.fx-js .ub-pr.zw-in .zw-stift path{stroke-dashoffset:0}
}

/* ───────────── ueb-coaching-css ───────────── */
/* ══ Übernahme-Seite, Runde 3 (23.09.2026): Was wir zusammen machen (#coaching), gewählt: C „Am Schreibtisch“ (Alex: „Wir nehmen C“) ══ */

/* C: wie das Coaching der GZ-Seite, vier Schritte etwas enger */
.ub-co--c .co-bblatt .co-zeilen li{padding:12px 0}
.ub-co--c .co-bblatt .co-zeilen p{font-size:14.5px}
/* bis 980 px: Blatt erst kurz vor der Bildunterkante, damit die Mappe „Neu.“ im Foto frei bleibt (Alex) */
@media (max-width:980px){ .ub-co--c .co-buehne{padding-top:calc(min(64vw,440px) + 16px)} }
@media (max-width:639.98px){ .ub-co--c .co-buehne{padding-top:calc(min(84vw,380px) + 14px)} }

/* ───────────── ueb-ablauf-css ───────────── */
/* ══ Übernahme-Seite, Runde 4 (23.09.2026): So läuft's ab (#ablauf) + Preis (#preis), gewählt: C „Route mit Stichtag“ (Alex: „Mach C“) – Route wie auf der GZ-Seite ══ */
.ab-preis .bk-ab{font-size:.5em}
.bk-avgs b{font-weight:650;color:#191b1d}
.bk-ab-a .ab-preis span,.bk-ab-c .ab-preis span{max-width:25em;text-align:left}
.bk-ab-c .ab-route{align-items:start}
.bk-ab-a .ab-fuss,.bk-ab-c .ab-fuss{gap:16px}
.bk-ab-a .ab-preis,.bk-ab-c .ab-preis{justify-content:center}
.bk-ab-a .bk-ehrlich,.bk-ab-c .bk-ehrlich{margin-top:6px}
.bk-ab-a .bk-avgs,.bk-ab-c .bk-avgs{max-width:640px;padding-top:16px;border-top:1px solid rgba(60,45,25,.16)}

/* C: was bis zur Übergabe erledigt ist, auf Station 4 */
.ub-stichtag span{font-size:14.5px;line-height:1.35;color:#191b1d}
.bk-bankfragen{list-style:none;margin:-4px 0 16px;padding:0}
.bk-bankfragen li{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:8px;padding:7px 0;border-top:1px solid rgba(25,27,29,.1)}
.bk-bankfragen q{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:18.5px;line-height:1.2;color:#174a78;quotes:"„" "“"}
.bk-bankfragen .bk-haken{width:18px;height:15px}
.bk-bankfragen li:nth-child(1){--hd:2.4s}.bk-bankfragen li:nth-child(2){--hd:2.6s}.bk-bankfragen li:nth-child(3){--hd:2.8s}
@media (prefers-reduced-motion:no-preference){
  html.fx-js .ab .bk-bankfragen .ab-haken .ab-stift{transition-delay:var(--hd)}
}

@media (max-width:980px){
  .bk-ab-a .ab-preis,.bk-ab-c .ab-preis{justify-content:flex-start}
}

/* ───────────── ueb-weiterlesen-css ───────────── */
/* ══ Übernahme-Seite, Runde 6 (23.09.2026): Zum Weiterlesen (#weiterlesen), gewählt: A „An der Wand“ (Alex: „A ist gut!“) – ganz aus gz-seite.css (.wl--c) ══ */

/* ───────────── ueb-faq-css ───────────── */
/* ══ Übernahme-Seite, Runde 7 (23.09.2026): Fragen (#faq), gewählt: B „Fragen und Merkzettel“ (Alex: „Ja B“) – ganz aus gz-seite.css (.fq--b) ══ */

/* ───────────── ueb-kontakt-css ───────────── */
/* ══ Übernahme-Seite, Runde 8 (23.09.2026): Kontakt (#kontakt) – System der GZ-Seite (C „Die Tür steht offen“), alles aus gz-seite.css ══ */

/* Sprungmarken: Überschrift nicht unter der festen Kopfzeile (wie Bank-Seite); #preis liegt mitten im Abschnitt */
#pruefung{scroll-margin-top:32px}
#preis{scroll-margin-top:96px}
@media (max-width:980px){ #pruefung,#coaching,#ablauf,#weiterlesen,#faq,#kontakt{scroll-margin-top:20px} }

/* Sentinel für den CSS-Failsafe im Kopf (muss am Ende stehen) */
:root{--css-ok-uebernahme-seite:1}