/* Zweiter Fachguide: dieselben Bausteine, eigener ruhiger grüner Akzent. */
.sb-guide { --rk-akzent:#216349; --rk-weich:#e6f3ed; overflow-wrap:anywhere; }
.sb-guide .rk-phasenwahl button[aria-pressed=true],.sb-guide .rk-phasenwahl button[aria-pressed=true] small { color:#174d37; }
.sb-kopfgrafik { width:112px; height:130px; position:relative; flex:none; display:grid; place-items:center; transform:rotate(7deg); border:2px solid #99b7a8; border-radius:16px; background:#e6f3ed; box-shadow:9px 9px 0 #1f293712; }
.sb-kopfgrafik svg { width:66px; height:66px; color:#216349; }
.sb-kopfgrafik span { position:absolute; right:-7px; bottom:8px; display:grid; place-items:center; width:39px; height:39px; border:2px solid #fff; border-radius:50%; background:#216349; color:white; font-weight:800; }
.sb-einordnung { margin:0 0 22px; padding:15px 18px; border-left:4px solid #6e8b7f; background:#e9eef2; border-radius:0 12px 12px 0; color:#374151; font-size:.9rem; }
.sb-phase-erfassen { background:#e8f1ec; border-color:#c2d8cd; }
.sb-raster { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sb-breit { grid-column:1/-1; }
.sb-guide .rk-schritt { scroll-margin-top:110px; min-width:0; }
.sb-guide .rk-schrittkopf h3 { min-width:0; }
.sb-guide .rk-nummer { width:34px; }
.sb-sprungwahl { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
.sb-sprungwahl a { display:inline-flex; align-items:center; min-height:44px; padding:9px 13px; border:1px solid #9bb7a8; border-radius:10px; background:#fff; color:#174d37; font-size:.85rem; font-weight:650; }
.sb-weiter { margin-top:18px; }
.sb-wechselhinweis { margin-top:18px; padding:18px; background:#edf7f2; color:#174832; border:1px solid #b5d5c4; border-radius:12px; }
.sb-wechselhinweis h4 { margin:0 0 12px; font-size:1rem; }
.sb-merkliste { padding-left:22px; margin:0 0 16px; line-height:1.65; }
.sb-merkliste li + li { margin-top:7px; }
.sb-wechselgrafik { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:18px 0 6px; }
.sb-wechselgrafik span { padding:13px; background:white; border:1px solid #a8c6b8; border-radius:10px; font-size:.8rem; }
.sb-wechselgrafik b { display:block; font-size:1.05rem; margin-bottom:4px; }
.sb-guide .sb-bildhinweis { font-size:.75rem; color:#445c50; margin:8px 0 16px; }
.sb-fristhinweis { background:#fff3d7; border:1px solid #dbb96f; border-radius:10px; color:#684300; padding:14px; font-size:.9rem; }
@media(max-width:650px) {
 .sb-kopfgrafik { width:60px; height:82px; border-radius:11px; box-shadow:5px 6px 0 #1f293712; }
 .sb-kopfgrafik svg { width:40px; height:40px; }
 .sb-kopfgrafik span { width:26px; height:26px; right:-4px; bottom:4px; font-size:.8rem; }
 .sb-guide h1 { font-size:clamp(1.7rem,6.3vw,2.5rem); }
 .sb-raster,.sb-wechselgrafik { grid-template-columns:1fr; }
 .sb-einordnung { padding:13px; font-size:.85rem; }
 .sb-guide .rk-schrittkopf { flex-wrap:nowrap; }
 .sb-guide .rk-schrittkopf h3 { flex:1; }
 .sb-wechselhinweis { padding:14px; }
 .sb-guide .rk-phase { padding:12px; }
 .sb-sprungwahl a { flex:1 1 100%; }
}
@media print { .sb-guide [data-sb-panel] { display:block!important; } .sb-guide .rk-lang { display:block!important; } .sb-guide .rk-werkzeuge,.sb-sprungwahl,.sb-weiter { display:none; } }
.sb-nachschlagen:not([data-sb-detail=""]) > .rk-kopf,
.sb-nachschlagen:not([data-sb-detail=""]) > .sb-kurzhinweis,
.sb-nachschlagen:not([data-sb-detail=""]) > .sb-einordnung,
.sb-nachschlagen:not([data-sb-detail=""]) .sb-sprungwahl,
.sb-nachschlagen:not([data-sb-detail=""]) [data-sb-panel] > h2,
.sb-nachschlagen .sb-weiter {display:none}
.sb-nachschlagen .rk-werkzeuge{display:none}
.sb-nachschlagen[data-sb-detail=""] [data-sb-panel]{background:transparent;border:0;padding:0;margin:24px 0}
.sb-nachschlagen[data-sb-detail=""] #vorbereiten{padding:16px 20px;background:#eaf1ed;border:1px solid #c5d5cb;border-radius:16px}
.sb-nachschlagen[data-sb-detail=""] #vorbereiten > h2{display:none}
.sb-nachschlagen[data-sb-detail=""] #vorbereiten .rk-schritt{padding:0;background:none;border:0}
.sb-nachschlagen[data-sb-detail=""] #abschliessen{padding:20px;background:#edf0f7;border:1px solid #cdd4e5;border-radius:16px}
.sb-nachschlagen[data-sb-detail=""] #abschliessen .rk-ablauf{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sb-nachschlagen[data-sb-detail=""] .sb-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sb-nachschlagen[data-sb-detail=""] .sb-breit{grid-column:auto}
.sb-nachschlagen[data-sb-detail=""] .rk-schritt{box-shadow:0 3px 12px #183e2710;border:1px solid #cfddd4;padding:20px}
.sb-nachschlagen[data-sb-detail=""] #wechsel{grid-column:1/-1}
.sb-nachschlagen[data-sb-detail=""] .rk-schrittkopf{margin-bottom:12px}
.sb-thema-link{color:#174832;text-decoration:none}
.sb-thema-link:hover{text-decoration:underline}
.sb-detail-link{display:inline-flex;min-height:44px;align-items:center;margin-top:12px;color:#174832;font-weight:700;font-size:.9rem}
.sb-nachschlagen:not([data-sb-detail=""]) .rk-lang{display:block!important}
.sb-nachschlagen:not([data-sb-detail=""]) .sb-raster,.sb-nachschlagen:not([data-sb-detail=""]) .rk-ablauf{display:block;list-style:none;padding:0}
.sb-nachschlagen:not([data-sb-detail=""]) .rk-nummer{display:none}
.sb-nachschlagen:not([data-sb-detail=""]) .rk-schritt{background:#fff}
.sb-detail-kopf{margin:22px 0 18px}.sb-detail-kopf h1{font-size:clamp(2rem,4vw,3.5rem);margin:8px 0}
.sb-detail-navigation{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.sb-felder{margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sb-feld{border-left:4px solid #2d7958;padding:14px 16px;background:#edf5f0;border-radius:0 10px 10px 0}
.sb-feld h3{margin:0 0 8px;font-size:1rem}.sb-feld p{margin:0;font-size:.95rem;line-height:1.65}
.sb-originalbilder{margin-top:28px}.sb-originalbilder h3{font-size:1.15rem;margin-bottom:8px}
.sb-originalbild{margin:24px auto;max-width:780px}.sb-originalbild img{display:block;width:100%;height:auto;border:1px solid #9ab7a6;border-radius:10px;box-shadow:0 6px 20px #163e241a}
.sb-originalbild figcaption,.sb-bildquelle{font-size:.85rem;line-height:1.6;color:#42564b;margin-top:10px}
.sb-originalbild figcaption a{color:#174832;font-weight:600;text-decoration:underline}
.sb-thema-link:focus-visible,.sb-detail-link:focus-visible,.sb-originalbild a:focus-visible{outline:3px solid #21593a;outline-offset:5px}
@media(max-width:650px){.sb-nachschlagen[data-sb-detail=""] .sb-raster,.sb-nachschlagen[data-sb-detail=""] #abschliessen .rk-ablauf,.sb-felder{grid-template-columns:1fr}.sb-nachschlagen[data-sb-detail=""] #wechsel{grid-column:auto}.sb-detail-navigation .rk-knopf{flex:1 1 100%}}
.sb-bildflaeche{display:block;position:relative;margin-top:16px}
.sb-bildmarke{position:absolute;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#172033;color:#fff;border:2px solid white;box-shadow:0 2px 6px #0006;font-size:14px;font-weight:800;transform:translateY(-50%)}
.sb-bildmarke::after{content:'';position:absolute;bottom:-6px;left:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #172033}
.sb-bildlegende{display:flex;flex-wrap:wrap;gap:8px 30px;margin:14px 0 0;padding-left:24px;font-size:.9rem;line-height:1.6;color:#233b2d}

/* Bild zuerst, passende nummerierte Hinweise daneben. Zusatzwissen auf Abruf. */
.sb-nachschlagen:not([data-sb-detail=""]) .rk-schritt{display:flex;flex-direction:column;gap:0}
.sb-nachschlagen:not([data-sb-detail=""]) .rk-schritt > .rk-schrittkopf,
.sb-nachschlagen:not([data-sb-detail=""]) .rk-schritt > .rk-fokus{display:none}
.sb-nachschlagen:not([data-sb-detail=""]) .rk-lang[hidden]{display:none!important}
.sb-nachschlagen:not([data-sb-detail=""]) .rk-schritt > .rk-lang{order:4;margin-top:16px}
.sb-nachschlagen:not([data-sb-detail=""]) .rk-schritt > .rk-knopf{order:5}
.sb-nachschlagen .sb-originalbilder,.sb-nachschlagen .sb-felder{order:2;margin:0}
.sb-originalbilder > h2{font-size:1.1rem;margin:0 0 16px;color:#345b43}.sb-felder > h2{grid-column:1/-1;font-size:1.1rem;margin:0}
.sb-mehr-hinweise{align-self:flex-start;order:3;margin:20px 0 0;padding:10px 15px;min-height:44px;border:1px solid #9ab7a6;border-radius:12px;background:#f2f7f4;color:#174832;font:650 .9rem var(--font-text);cursor:pointer}
.sb-thema-link{display:inline-flex;align-items:center;min-height:44px}
.sb-originalbild{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:16px;max-width:none;margin:16px 0 28px}
.sb-bildflaeche{margin:0}.sb-originalbild figcaption{grid-column:1/-1;font-size:.75rem;margin:0}
.sb-bildmarke{width:30px;height:30px;transform:translate(-50%,-50%);font-size:15px;background:#21593a}
.sb-bildmarke::after{border-top-color:#21593a;left:10px}
.sb-bildlegende{display:grid;gap:10px;padding:0;margin:0;list-style:none;counter-reset:bildhinweis}
.sb-bildkarte{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #c7d9cd;border-radius:15px;background:#edf6ef;min-width:0}
.sb-hinweisnummer{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#21593a;color:#fff;font-size:1rem;font-weight:800}
.sb-bildkarte h3{font-size:1rem;margin:2px 0 6px}.sb-bildkarte p{font-size:.9rem;line-height:1.6;margin:0}
.sb-bildquelle{font-size:.75rem;margin:0}.sb-nachschlagen:not([data-sb-detail=""]){padding-bottom:8rem}
.sb-hotbar{position:fixed;z-index:45;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(31rem,calc(100% - 24px));display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:6px;padding:7px;border:1px solid #b9cbbf;border-radius:22px;background:#f5faf6;box-shadow:0 8px 30px #163c2533}
.sb-hotbar-knopf{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:48px;border-radius:15px;padding:8px;color:#174832;text-decoration:none;font-size:.9rem;font-weight:700;overflow-wrap:anywhere}
.sb-hotbar-knopf:nth-child(2){background:#21593a;color:#fff}.sb-hotbar-knopf svg{flex:none;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sb-hotbar-knopf[aria-disabled=true]{color:#64756b}.sb-hotbar-knopf:hover{box-shadow:inset 0 0 0 1px #91b39d}.sb-hotbar-knopf:focus-visible,.sb-mehr-hinweise:focus-visible{outline:3px solid #c48a06;outline-offset:3px}
@media(max-width:750px){.sb-originalbild{grid-template-columns:1fr}.sb-bildlegende{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.sb-hotbar-knopf{flex-direction:column;gap:3px;font-size:.82rem}.sb-bildmarke{width:25px;height:25px;font-size:13px}.sb-bildmarke::after{left:7px}}
@media print{.sb-hotbar,.sb-mehr-hinweise{display:none}.sb-nachschlagen:not([data-sb-detail=""]) .rk-lang[hidden]{display:block!important}}
/* Max' Skizze: eine zusammenhängende Leiste, größere Listenmitte. */
.sb-hotbar{width:min(22rem,calc(100% - 32px));grid-template-columns:1fr 1.65fr 1fr;gap:0;padding:0;border:2px solid #21593a;border-radius:18px;overflow:hidden;background:#f8fcf9}
.sb-hotbar-knopf{border-radius:0;min-height:60px;padding:12px;color:#174832}.sb-hotbar-knopf+ .sb-hotbar-knopf{border-left:1px solid #8fb49c}.sb-hotbar-knopf:nth-child(2){background:#e5f0e9;color:#174832}.sb-hotbar-knopf svg{width:28px;height:28px;stroke-width:2.1}.sb-hotbar-knopf[aria-disabled=true]{background:#eef1ef;color:#7f8c84}.sb-hotbar-knopf:focus-visible{outline:3px solid #a36a00;outline-offset:-5px}.sb-hotbar-knopf:hover{background:#dbece1;box-shadow:none}
html:has(.sb-hotbar){scroll-padding-block-end:110px}