/* ==========================================================
   unterseiten.css: Vertiefungsseiten, Referenzen, Sales Coaching, Buyer's Guide
   Phasenband.
   ========================================================== */

/* --- Phasenband --- */
.band{display:flex;gap:0;margin:0;border:1px solid var(--linie);border-radius:3px;overflow:hidden}
.band a{flex:1;text-decoration:none;padding:15px 18px;background:#fff;color:var(--grau);
        font-size:15px;border-right:1px solid var(--linie);transition:.15s;display:block}
.band a:last-child{border-right:none}
.band a:hover{background:var(--bg-hell);color:var(--blau)}
.band a.hier{background:var(--blau);color:#fff;font-weight:bold;cursor:default}
.band a.hier:hover{background:var(--blau)}
.band .nr{display:block;font-size:12px;letter-spacing:.09em;text-transform:uppercase;
          opacity:.72;margin-bottom:3px}
.zurueck{background:var(--bg-hell);border-left:3px solid var(--cyan);padding:20px 24px;margin:0 0 8px}
.zurueck p{margin-bottom:9px;font-size:16.5px}
.zurueck p:last-child{margin-bottom:0}
.satz{border-top:1px solid var(--linie);padding:22px 0}
.satz:last-of-type{border-bottom:1px solid var(--linie)}
.satz h3{color:var(--blau);font-size:18px;margin-bottom:8px}
.satz p{margin-bottom:0;font-size:16.5px}
.these{margin-bottom:32px;padding-left:22px;border-left:3px solid var(--blau-hell)}
.these .nr{font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--grau);
           display:block;margin-bottom:5px}
.these h3{font-size:19.5px;color:var(--blau);margin-bottom:9px}
.these p{margin-bottom:0}
.stufe{display:grid;grid-template-columns:52px 1fr;gap:20px;margin-bottom:34px}
.stufe .z{width:44px;height:44px;border-radius:50%;background:var(--blau);color:#fff;
          display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:bold}
.stufe h3{color:var(--blau);font-size:20px;margin-bottom:9px}
.ergebnis{background:var(--bg-hell);padding:14px 18px;margin-top:12px;font-size:16px;border-radius:2px}
.ergebnis b{color:var(--blau)}
.persp td:first-child{width:30%}
.persp td:nth-child(2){width:26%;font-size:15.5px;color:var(--grau)}
@media(max-width:860px){
  .band{flex-direction:column}
  .band a{border-right:none;border-bottom:1px solid var(--linie)}
  .stufe{grid-template-columns:1fr;gap:10px}
}
/* V6.5: Überleitung zur nächsten Vertiefung */
#weiter{padding:56px 0}
.weiter{border-left:4px solid var(--blau);background:var(--bg-hell);padding:24px 28px}
.weiter h3{color:var(--navy);margin-top:0}
.weiter p:last-child{margin-bottom:0;margin-top:18px}