/* Bank-Seite /gruendungsfinanzierung/ 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: Auftakt, Tisch, Papier, Route, Wand, Fragen, Kontakt),
   dann diese Datei mit den eigenen Regeln der Bank-Seite. Achtung: Änderungen an gz-seite.css wirken auch hier. */

/* ───────────── bank-css ───────────── */
/* ══ Bank-Seite, Runde 1 (23.09.2026): Auftakt B „Randlos“ (Alex: „B“) ══════════════════════════════ */
.bk-ab{font-size:.62em;font-weight:700;letter-spacing:0;margin-right:.08em;color:rgba(22,21,19,.72)}

/* B: randlos wie der Auftakt der Startseite */
.bk-a--b{background:#efe8dc;--auslauf:clamp(56px,5vw,80px)}
.bk-a--b .gz-bild{position:absolute;inset:0;z-index:0}
.bk-a--b .gz-bild img{object-position:72% 42%}
.bk-a--b .gz-hell{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(251,249,245,0) calc(100% - var(--auslauf)),rgba(251,249,245,.16) calc(100% - var(--auslauf) * .75),rgba(251,249,245,.5) calc(100% - var(--auslauf) * .5),rgba(251,249,245,.84) calc(100% - var(--auslauf) * .25),#fbf9f5 100%),
    linear-gradient(180deg,rgba(247,242,234,.86) 0,rgba(247,242,234,.5) 70px,rgba(247,242,234,0) 150px),
    linear-gradient(90deg,rgba(248,245,239,.84) 0,rgba(248,245,239,.72) 34%,rgba(248,245,239,.3) 50%,rgba(248,245,239,0) 60%)}
.bk-a--b .gz-a__inner{padding:clamp(150px,12.5vw,190px) 0 clamp(96px,8vw,128px)}
.bk-b__text{max-width:min(560px,46%)}
.bk-a--b .gz-h1{font-size:clamp(52px,5.4vw,84px)}
.bk-belege .gz-stand{border-left:0;padding-left:0;margin-left:0;flex-basis:100%}  /* 24.09.2026: Stand immer als eigene Quellenzeile, bündig */
.bk-belege{margin-top:34px;padding-top:18px;border-top:1px solid rgba(25,27,29,.12)}
@media (max-width:1180px){ .bk-b__text{max-width:min(520px,50%)} }
@media (max-width:980px){
  .bk-a--b .gz-bild{position:relative;inset:auto;width:100vw;height:min(64vw,560px);overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
  .bk-a--b .gz-bild img{object-position:78% 40%}
  .bk-a--b .gz-hell{background:linear-gradient(180deg,rgba(247,242,234,.86) 0,rgba(247,242,234,.56) 64px,rgba(247,242,234,0) 136px)}
  .bk-a--b .gz-a__inner{padding:0 0 72px;margin-top:-30px}
  .bk-b__text{max-width:640px}
  .bk-a--b .gz-h1{font-size:clamp(40px,7vw,60px)}
}
@media (max-width:639.98px){
  .bk-a--b .gz-bild{height:96vw}
  .bk-a--b .gz-bild img{object-position:80% 40%}
  .bk-a--b .gz-a__inner{margin-top:-40px;padding-bottom:64px}
  .bk-a--b .gz-h1{font-size:clamp(40px,12vw,50px)}
  .bk-belege{margin-top:28px}
}

/* ───────────── bank-pruefung-css ───────────── */
/* ══ Bank-Seite, Runde 2 (23.09.2026): Was die Bank prüft (#pruefung), gewählt: A „Randnotizen“ (Alex: „Ja, wir nehmen A.“) – Tisch und Papier wie „Zwei Wege“ der GZ-Seite ══ */
.bk-pr__raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px clamp(48px,6vw,96px);align-items:start}
.bk-pr__blatt{position:relative;padding:6px 0 30px 12px}

/* das Blatt mit der Rechnung */
.bk-blatt{position:relative;max-width:560px;margin:0;padding:28px 32px 26px;border-radius:3px;color:#191b1d;
  background:linear-gradient(158deg,#fff 0%,#fefdfb 55%,#f8f5f0 100%);
  box-shadow:0 0 0 1px rgba(60,45,25,.05),-1px 1px 1px rgba(60,45,25,.07),-4px 7px 12px -5px rgba(60,45,25,.16),-22px 38px 52px -26px rgba(60,45,25,.46);
  transform:rotate(-.9deg)}
.bk-blatt::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:3px;background:linear-gradient(160deg,#fdfcf9,#f3eee6);
  box-shadow:0 0 0 1px rgba(60,45,25,.05),-10px 20px 36px -24px rgba(60,45,25,.3);transform:rotate(2.6deg) translate(12px,8px)}
.bk-blatt__kopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 4px;padding-bottom:12px;border-bottom:1px solid rgba(23,74,120,.3);
  font:800 19px/1.2 'Plus Jakarta Sans',-apple-system,sans-serif;letter-spacing:-.01em}
.bk-blatt__kopf i{font:italic 600 13px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;color:#174a78}
.bk-blatt__abschnitt{display:flex;align-items:center;gap:8px;margin:18px 0 4px;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:#174a78}
.bk-zeilen{margin:0}
.bk-zeilen div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;border-top:1px solid rgba(60,45,25,.09);font-size:15px;line-height:1.35}
.bk-zeilen div:first-child{border-top:0}
.bk-zeilen dt{color:rgba(25,27,29,.78)}
.bk-zeilen dt small{display:block;font-size:12.5px;color:rgba(25,27,29,.55)}
.bk-zeilen dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.bk-summe{border-top:1.5px solid rgba(25,27,29,.55)!important}
.bk-summe dt{font-weight:700;color:#191b1d}
.bk-summe dd{font-weight:800}
.bk-puffer dd{font-size:17px;color:#174a78}
.bk-kreis{position:relative;display:inline-block}
.bk-kreis svg{position:absolute;left:-16px;top:-12px;width:calc(100% + 32px);height:calc(100% + 24px);overflow:visible}
.bk-kreis path{vector-effect:non-scaling-stroke}
.bk-notiz{position:absolute;right:-14px;bottom:-34px;margin:0;font-size:24px;transform:rotate(-7deg)}
/* Nummer im Stiftkreis (A) */
.bk-nr{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border:1.8px solid #1f5a96;border-radius:50%;font-size:15px;line-height:1;letter-spacing:0}

/* A: Randnotizen */
.bk-anm{list-style:none;margin:0;padding:30px 0 0;display:grid;gap:clamp(30px,3vw,44px)}
.bk-anm li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px}
.bk-anm .bk-nr{grid-row:span 2;width:32px;height:32px;font-size:18px;margin-top:-2px}

/* gemeinsam: Zusatz und Ratgeber-Zeile */
.bk-pr__zusatz{max-width:46em;margin:clamp(40px,4vw,56px) 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)}
.bk-pr__zusatz b{font-weight:650;color:#191b1d}
.bk-pr__fuss{margin:12px 0 0;font-size:14.5px;color:rgba(25,27,29,.6)}
.bk-pr__fuss a{font-weight:650;color:#174a78;text-decoration:underline;text-decoration-color:rgba(23,74,120,.35);text-underline-offset:4px}
.bk-pr__fuss a:hover{text-decoration-color:currentColor}

@media (max-width:980px){
  .bk-pr__raster{grid-template-columns:1fr}
  .bk-pr__blatt{max-width:560px;padding:6px 14px 34px 16px}
  .bk-anm{padding-top:0}
}
@media (max-width:639.98px){
  .bk-blatt{padding:22px 20px;transform:rotate(-.6deg)}
  .bk-blatt::before{transform:rotate(2deg) translate(8px,6px)}
  .bk-zeilen div{font-size:14.5px}
  .bk-notiz{right:-4px;bottom:-32px;font-size:22px}
  .bk-anm li{grid-template-columns:34px minmax(0,1fr);column-gap:10px}
}
@media (max-width:639.98px){ .bk-blatt__kopf{flex-direction:column;gap:4px} }  /* 24.09.2026: „Beispiel, gerundet“ am Handy einzeilig darunter */
@media (max-width:379.98px){ .bk-zeilen div{gap:10px} }
.bk-ehrlich{text-wrap:balance}

@media (prefers-reduced-motion:no-preference){
  html.fx-js .zw.bk-pr .bk-kreis path{transition-delay:1.2s}
  html.fx-js .zw.bk-pr .bk-notiz{transition-delay:2s}
}

/* ───────────── bank-coaching-css ───────────── */
/* ══ Bank-Seite, Runde 3 (23.09.2026): Was wir zusammen machen (#coaching), gewählt: B „Die Bankmappe“ (Alex: „Wir nehmen B.“) – Bausteine wie „Coaching“ der GZ-Seite ══ */
.bk-haken{width:22px;height:18px;flex:none;overflow:visible}
.bk-haken path{fill:none;stroke:#1f5a96;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* B und C: Schritte links offen auf dem hellen Grund, Blatt rechts */
.bk-co__raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px clamp(48px,6vw,96px);align-items:center}  /* 24.09.2026: Schritte mittig neben der Mappe (vorher oben, Lücke unten links) */
.bk-co__schritte .co-zeilen li:first-child{padding-top:4px}

/* B: Inhaltsblatt der Bankmappe, Registerfarben nur als schmale Kante rechts */
.bk-mappe{position:relative;padding:4px 10px 44px 0}
.bk-mappe__blatt{position:relative;padding:24px clamp(22px,2.4vw,32px) 12px;transform:rotate(.8deg)}
.bk-mappe__blatt::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:3px;background:linear-gradient(160deg,#fdfcf9,#f3eee6);
  box-shadow:0 0 0 1px rgba(60,45,25,.05),-10px 20px 36px -24px rgba(60,45,25,.3);transform:rotate(-2.4deg) translate(-10px,10px)}
.bk-inhalt{list-style:none;margin:6px 0 0;padding:0}
.bk-inhalt li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;column-gap:10px;padding:13px 0;border-top:1px solid rgba(25,27,29,.1)}
.bk-inhalt li:first-child{border-top:0}
.bk-inhalt li::after{content:"";position:absolute;right:calc(-1 * clamp(22px,2.4vw,32px) - 6px);top:10px;bottom:10px;width:6px;border-radius:0 3px 3px 0;background:var(--reg)}
.bk-inhalt__nr{font-size:14px;font-weight:600;font-style:italic;color:#174a78}
.bk-inhalt b{display:block;font-family:'Plus Jakarta Sans',-apple-system,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.015em;color:#191b1d}
.bk-inhalt div span{display:block;margin-top:2px;font-size:14.5px;line-height:1.4;color:rgba(25,27,29,.68)}
.bk-mappe__fuss{display:flex;justify-content:space-between;gap:12px;margin:6px 0 0;padding-top:12px;border-top:1px solid rgba(25,27,29,.1);font-size:12px;color:rgba(25,27,29,.45)}
.bk-mappe__fuss b{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:rgba(25,27,29,.62);letter-spacing:-.02em}
.bk-mappe__notiz{position:absolute;right:0;bottom:0;margin:0;font-size:19px;transform:rotate(-4deg)}

@media (max-width:980px){
  .bk-co__raster{grid-template-columns:1fr}
  .bk-mappe{max-width:600px}
}
@media (max-width:639.98px){
  .bk-mappe__blatt{padding:20px 18px 10px}
  .bk-inhalt li{grid-template-columns:30px minmax(0,1fr) 22px}
  .bk-inhalt li::after{right:-24px}
  .bk-inhalt b{font-size:16px}
  .bk-mappe__notiz{font-size:18px}
}

@media (prefers-reduced-motion:no-preference){
  html.fx-js .bk-co .bk-haken path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .45s cubic-bezier(.4,0,.2,1) var(--d,1s)}
  html.fx-js .bk-co.co-in .bk-haken path{stroke-dashoffset:0}
}

/* ───────────── bank-ablauf-css ───────────── */
/* ══ Bank-Seite, Runde 4 (23.09.2026): So läuft's ab (#ablauf) + Preis (#preis), gewählt: C „Route mit Generalprobe“ (Alex: „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: drei Fragen der Bank auf dem Blatt „Bankgespräch“ */
.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}
}
@media (max-width:639.98px){
}

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

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

/* ───────────── bank-kontakt-css ───────────── */
/* ══ Bank-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 auf der GZ-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-bank-seite:1}