/* MARKTOR Systemseite – Ergänzung. Globale styles.css und alle anderen Seiten bleiben unverändert. */
.system-page { --sy-paper:#f2eee4; --sy-ink:#30291f; --sy-champagne:#d5b981; }
.system-page .page-intro { padding-top:86px; padding-bottom:92px; }
.system-page .page-intro .lead { font-size:clamp(17px,1.55vw,19px); color:#d6d0c5; line-height:1.67; }
.system-page .page-intro .lead strong { color:#f4ebda; font-weight:600; }
.system-page .sy-hero-proof { margin-top:30px; padding-top:20px; border-top:1px solid rgba(213,185,129,.34); display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 18px; max-width:590px; }
.system-page .sy-hero-proof span { font-size:12px; color:#e4d5b4; font-weight:600; letter-spacing:.035em; }
.system-page .sy-hero-proof span::before { content:'•'; margin-right:9px; color:var(--sy-champagne); }
.system-page .section-head { max-width:880px; }
.system-page .section-head > p:not(.eyebrow) { max-width:820px; }
.system-page .section-head strong { color:#eee5d4; }
.system-page .card h3 { font-size:18px; }
.system-page #bereiche .cards .card { background:#171511; padding:32px 29px 34px; }
.system-page #bereiche .cards .card:nth-child(3) { background:#1a1815; }
.system-page #bereiche .card p { color:#cbc4b6; }
.system-page #bereiche .card .num { color:var(--gold-2); }
.system-page .sy-principle { margin-top:28px;padding:24px 26px;border-left:2px solid var(--gold);background:#181511;display:flex;align-items:flex-start;gap:24px; }
.system-page .sy-principle p { margin:0;font-size:16px;color:#cfc6b8;max-width:960px; }
.system-page .sy-principle strong { color:#f1e8d6; }
.system-page .sy-principle-marker { flex:none; font:700 13px var(--display);color:var(--gold-2);letter-spacing:.1em;margin-top:4px; }
.system-page #gatekeeper .gk-checks { gap:13px 16px; }
.system-page #gatekeeper .gk-checks li { font-size:14px; }
.system-page #gatekeeper .gk-res.ok, .system-page #gatekeeper .gk-res.stop { border:1px solid rgba(211,177,105,.4);background:#171512; }
.system-page #gatekeeper .gk-res.ok strong, .system-page #gatekeeper .gk-res.stop strong { color:#e6cf9b; }
.system-page #gatekeeper .gk-res.ok svg, .system-page #gatekeeper .gk-res.stop svg { stroke:#d5b981; }
.system-page .sy-vault { margin-top:66px;padding:36px;display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center;background:linear-gradient(125deg,#231d14,#12100d 85%);border:1px solid rgba(211,177,105,.37); }
.system-page .sy-vault h3 { font-size:clamp(23px,2.3vw,30px);margin-bottom:17px; }
.system-page .sy-vault .eyebrow {margin-bottom:15px; }
.system-page .sy-vault-copy p:not(.eyebrow) { font-size:16px;color:#c9c1b3; }
.system-page .sy-vault-graph {display:grid;grid-template-columns:1fr auto 1.15fr auto 1fr;gap:8px;align-items:center;}
.system-page .sy-vault-box { border:1px solid rgba(211,177,105,.28);padding:18px 10px;background:#0f0e0c;min-width:0;min-height:123px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px; }
.system-page .sy-vault-box.sy-vault-center { border-color:var(--gold);background:#302619; }
.system-page .sy-vault-box span { font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#d1b77e; }
.system-page .sy-vault-box strong { font:700 clamp(13px,1.35vw,17px) var(--display);color:#fbecd1; }
.system-page .sy-vault-box small { font-size:11px;color:#afa79b;line-height:1.3; }
.system-page .sy-vault-arrow { color:var(--gold-2);font-size:23px; }
.system-page .sy-vault-gate { grid-column:1 / -1; display:flex;align-items:center;gap:12px;margin:16px 8px 0;color:#dcc594;font-size:13px;line-height:1.4; }
.system-page .sy-gate-line {display:block;background:var(--gold);height:1px;width:40px;flex:none; }
.system-page .sy-flow-section {background:#0d0c0a;}
.system-page .sy-step-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.system-page .sy-step {background:var(--sy-paper);padding:25px 24px 26px;min-height:237px;position:relative;border-top:3px solid #c7a867;}
.system-page .sy-step-number {display:block;font:700 14px var(--display);color:#896c38;letter-spacing:.1em;margin-bottom:26px;}
.system-page .sy-step h3 {font-size:17px;line-height:1.35;color:var(--sy-ink);-webkit-text-fill-color:var(--sy-ink);margin-bottom:12px;}
.system-page .sy-step p {color:#5d554b;font-size:15px;line-height:1.6;margin:0;}
.system-page .sy-flow-foot {margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid rgba(196,162,99,.25);padding-top:26px;}
.system-page .sy-flow-foot div {color:#c7bfb3;font-size:15px;line-height:1.7;max-width:770px;}
.system-page .sy-flow-foot strong {color:#f2e7d4;}
.system-page .sy-inline-link {font-size:14px;font-weight:600;white-space:nowrap;}
.system-page .sy-verify-grid {display:grid;grid-template-columns:1fr auto 1fr;gap:19px;align-items:center;}
.system-page .sy-evidence {background:#1c1a16;border:1px solid rgba(205,168,94,.27);padding:32px 35px;min-height:183px;}
.system-page .sy-evidence-id,.system-page .sy-label,.system-page .sy-value-no {display:block;font:600 11px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#d4ba83;margin-bottom:13px;}
.system-page .sy-evidence h3 {font-size:21px;margin-bottom:12px;}
.system-page .sy-evidence p {color:#c5beb2;font-size:15px;margin:0;}
.system-page .sy-verify-plus {color:var(--gold-2);font-size:31px;font-weight:300;}
.system-page .sy-outcome {margin-top:16px;display:flex;gap:18px;align-items:center;background:rgba(199,161,87,.08);border:1px solid rgba(199,161,87,.30);padding:22px 27px;}
.system-page .sy-outcome-icon { flex:none;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--gold);color:var(--gold-2);border-radius:50%;font-size:22px;}
.system-page .sy-outcome strong {color:#f3e9d6;font-size:17px;}
.system-page .sy-outcome p {color:#c9c1b6;margin:4px 0 0;font-size:15px;}
.system-page .sy-econ-title {font-size:23px;margin:66px 0 20px;}
.system-page .sy-econ-grid {display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(205,168,94,.35);border-bottom:1px solid rgba(205,168,94,.35);}
.system-page .sy-econ-grid > div {padding:27px 23px 23px 0;}
.system-page .sy-econ-grid > div + div {border-left:1px solid rgba(205,168,94,.2);padding-left:24px;}
.system-page .sy-econ-grid span {display:block;color:var(--gold-2);font:600 13px var(--display);margin-bottom:16px;}
.system-page .sy-econ-grid strong {display:block;color:#f1e6d4;font-size:16px;margin-bottom:8px;}
.system-page .sy-econ-grid p,.system-page .sy-fineprint {color:#afa89d;font-size:14px;line-height:1.65;margin:0;}
.system-page .sy-fineprint {margin-top:24px;max-width:920px;}
.system-page #schutz .text-block:nth-child(3) {border-top:1px solid var(--line);margin-top:34px;padding-top:30px;}
.system-page .sy-roadmap {display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.system-page .sy-roadmap-card {padding:30px 32px;background:#201c15;border:1px solid rgba(205,168,94,.24);}
.system-page .sy-roadmap-card h3 {font-size:20px;margin-bottom:12px;}
.system-page .sy-roadmap-card p {color:#c6beb2;font-size:16px;margin:0;}
.system-page .sy-value-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
.system-page .sy-value-card {background:var(--sy-paper);padding:33px 29px;min-height:283px;border-top:3px solid #c7a867;}
.system-page .sy-value-card .sy-value-no {color:#867045;margin-bottom:30px;}
.system-page .sy-value-card h3 {font-size:21px;line-height:1.25;color:var(--sy-ink);-webkit-text-fill-color:var(--sy-ink);margin-bottom:13px;}
.system-page .sy-value-card p {font-size:15px;color:#5a5249;margin:0;line-height:1.65;}
.system-page .sy-investor-strip {display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:22px;padding:25px 0;border-top:1px solid rgba(205,168,94,.28);}
.system-page .sy-investor-strip p {font-size:16px;line-height:1.65;color:#c6beb2;margin:0;max-width:720px;}
.system-page .sy-investor-strip strong {color:#f1e4cc;}
.system-page .sy-investor-strip .btn {white-space:nowrap;flex:none;}
.system-page #faq .faq details p {max-width:950px;}
@media(max-width:1120px){.system-page .sy-vault{grid-template-columns:1fr;gap:24px}.system-page .sy-vault-graph{max-width:720px}.system-page .sy-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-page .sy-econ-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-page .sy-econ-grid > div:nth-child(3){border-left:0;padding-left:0}.system-page .sy-econ-grid > div:nth-child(n+3){border-top:1px solid rgba(205,168,94,.20)}}
@media(max-width:760px){.system-page .page-intro{padding:65px 0}.system-page .sy-hero-proof{grid-template-columns:1fr 1fr}.system-page .sy-principle{flex-direction:column;gap:7px;padding:20px}.system-page .sy-verify-grid{grid-template-columns:1fr;gap:11px}.system-page .sy-verify-plus{text-align:center;line-height:1}.system-page .sy-evidence{min-height:0;padding:25px}.system-page .sy-roadmap,.system-page .sy-value-grid{grid-template-columns:1fr}.system-page .sy-investor-strip,.system-page .sy-flow-foot{align-items:flex-start;flex-direction:column}.system-page .sy-value-card{min-height:0}.system-page .sy-investor-strip .btn{white-space:normal}.system-page .sy-econ-title{margin-top:48px}.system-page .sy-outcome{align-items:flex-start}}
@media(max-width:560px){.system-page .sy-step-grid,.system-page .sy-econ-grid{grid-template-columns:1fr}.system-page .sy-step{min-height:0;padding:23px}.system-page .sy-step-number{margin-bottom:16px}.system-page .sy-econ-grid > div,.system-page .sy-econ-grid > div + div,.system-page .sy-econ-grid > div:nth-child(3){padding:20px 0;border-left:0;border-top:1px solid rgba(205,168,94,.20)}.system-page .sy-econ-grid > div:first-child{border-top:0}.system-page .sy-vault{padding:24px 18px}.system-page .sy-vault-graph{grid-template-columns:1fr;justify-items:stretch}.system-page .sy-vault-box{width:100%;min-height:0;padding:17px 12px}.system-page .sy-vault-arrow{text-align:center;transform:rotate(90deg);font-size:21px;line-height:1}.system-page .sy-vault-gate{grid-column:auto;margin:12px 0 0}.system-page .sy-vault-gate .sy-gate-line{width:20px}.system-page .sy-outcome{padding:17px}.system-page .sy-hero-proof{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.system-page *{scroll-behavior:auto}}

/* Kontrastkorrekturen fuer den hellen Systemseiten-Stil aus styles.css */
body.system-page main > section#gatekeeper .gk-res strong { color:#e5c98e !important; }
body.system-page main > section#gatekeeper .gk-res p { color:#d6cebe !important; }
body.system-page main > section#gatekeeper .sy-vault .sy-vault-copy h3 { color:#f0e4d0 !important; -webkit-text-fill-color:#f0e4d0 !important; }
body.system-page main > section#gatekeeper .sy-vault .sy-vault-copy .eyebrow { color:#d8b879 !important; }
body.system-page main > section#gatekeeper .sy-vault .sy-vault-copy p:not(.eyebrow) { color:#d4c9b6 !important; }
body.system-page main > section#gatekeeper .sy-vault .sy-vault-box strong { color:#f5e4c8 !important; }
body.system-page main > section#gatekeeper .sy-vault .sy-vault-box small { color:#d2c6b3 !important; }
body.system-page main > section#gatekeeper .sy-vault .sy-vault-box span { color:#d5b981 !important; }
body.system-page main > section#gatekeeper .sy-vault .sy-vault-gate span:last-child { color:#e4ce9f !important; }
body.system-page main > section#ablauf .sy-flow-foot div { color:#514a40 !important; }
body.system-page main > section#ablauf .sy-flow-foot strong { color:#29231e !important; }
body.system-page main > section#erfolg .sy-evidence { background:#f0ece3; border-color:#d8c8ad; }
body.system-page main > section#erfolg .sy-evidence h3 { color:#2b251e !important; -webkit-text-fill-color:#2b251e !important; }
body.system-page main > section#erfolg .sy-evidence p { color:#60564c !important; }
body.system-page main > section#erfolg .sy-evidence-id { color:#85642d !important; }
body.system-page main > section#weiterentwicklung .sy-roadmap-card { background:#f0ece3; border-color:#d8c8ad; }
body.system-page main > section#weiterentwicklung .sy-roadmap-card h3 { color:#2b251e !important; -webkit-text-fill-color:#2b251e !important; }
body.system-page main > section#weiterentwicklung .sy-roadmap-card p { color:#60564c !important; }
body.system-page main > section#weiterentwicklung .sy-roadmap-card .sy-label { color:#85642d !important; }

/* ---------- 28.10.: Systemseite nach der Master-Systemerklaerung (Problem -> Loesung, vier Bausteine) ---------- */
.system-page #problem .cards { gap: 14px; }
.system-page #problem .card .num { color: #9a7437; }
.system-page #gatekeeper .gk-benefits + .section-note { margin-top: 30px; max-width: 920px; }
.system-page #gatekeeper .section-note + .sy-vault { margin-top: 48px; }
.system-page #ablauf .sy-example { margin-top: 26px; max-width: 980px; }

/* 02.11.: Systemwert mit vier Karten (neu: geprüfte Fachpartner) - Rechner vier nebeneinander, Tablet zwei je Reihe */
@media (min-width: 761px) and (max-width: 1120px) { .system-page .sy-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1121px) { .system-page .sy-value-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
/* 02.11.: Seitenkopf mit dem quadratischen Bild (Fachberaterin mit MARKTOR-Tablet) - Gesichter und Tablet bleiben im Ausschnitt */
body.system-page main > section.page-intro .intro-split > figure img { object-position: 50% 24%; }

/* 02.11.: Tool-Bild mit Textband – Abschnitt Datenuebergabe einspaltig, Bild ueber die ganze Breite */
.system-page .sy-vault.sy-vault-wide { grid-template-columns: 1fr; gap: 28px; }
.system-page .sy-vault.sy-vault-wide .sy-vault-copy { max-width: 780px; }
.system-page .sy-vault-fig { margin: 0; }
.system-page .sy-vault-fig img { display: block; width: 100%; height: auto; }
@media (max-width: 760px) { .system-page .sy-vault-fig { margin: 0 -36px; } .system-page .sy-vault-fig figcaption { padding-inline: 36px; } }
@media (max-width: 560px) { .system-page .sy-vault-fig { margin: 0 -18px; } .system-page .sy-vault-fig figcaption { padding-inline: 18px; } }

/* 08.11.2026 #ueberblick „Kontrolle schafft Vertrauen“: fünf Punkte, links Nummer + Titel, rechts Text; am Handy untereinander */
.system-page .sy-overview { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.system-page .sy-overview > li { display: grid; grid-template-columns: minmax(0, 320px) minmax(0, 1fr); gap: clamp(20px, 4vw, 56px); padding: 30px 0; border-bottom: 1px solid var(--line); }
.system-page .sy-ov-head { display: flex; gap: 16px; align-items: baseline; min-width: 0; }
.system-page .sy-ov-n { flex: none; font: 700 13px var(--display); letter-spacing: .12em; color: var(--gold-deep, var(--gold)); }
.system-page .sy-ov-head h3 { margin: 0; font-size: clamp(1.15rem, 1.6vw, 1.4rem); line-height: 1.3; }
.system-page .sy-ov-text { min-width: 0; }
.system-page .sy-ov-text p { margin: 0 0 .8em; max-width: 70ch; }
.system-page .sy-ov-text p:last-child { margin-bottom: 0; }
@media (max-width: 900px) { .system-page .sy-overview > li { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 24px 0; } }

/* 08.11.2026 gekürzte System-Seite: Tool-Grafik unter dem Kurztext */
.system-page .sy-ov-fig { margin: 44px auto 0; max-width: 1040px; }
.system-page .sy-ov-fig img { display: block; width: 100%; height: auto; }

/* 09.11.2026 Schlusssatz unter der einfachen Erklärung (#ueberblick) */
.system-page .sy-ov-close { margin: clamp(36px, 5vw, 56px) 0 0; text-align: center; font-family: var(--brand-serif); font-size: clamp(1.45rem, 2.6vw, 2.1rem); line-height: 1.25; text-wrap: balance; }