/* SmartKidsInvest Theme – globales CSS */
@font-face{font-family:'Cabinet Grotesk';src:url(fonts/CabinetGrotesk-Variable.woff2) format('woff2');font-weight:100 900;font-display:swap}

/* overflow:clip statt hidden -> kein Horizontal-Scroll UND position:sticky funktioniert
   (!important, damit ein evtl. konkurrierendes Theme nicht auf overflow:hidden zurückfällt) */
html{overflow-x:clip !important}
body.ski{margin:0;overflow-x:clip !important;max-width:100vw;color:#1c2b52;-webkit-font-smoothing:antialiased;background:#f7f9fd}
body.ski,body.ski h1,body.ski h2,body.ski h3,body.ski h4,body.ski p,body.ski span,body.ski a,body.ski div,body.ski button,body.ski input,body.ski textarea,body.ski select,body.ski li{font-family:'Cabinet Grotesk',sans-serif}
body.ski .ski-serif,body.ski .ski-serif *{font-family:Georgia,'Times New Roman',serif}
body.ski *{box-sizing:border-box}
body.ski a{color:#1c2b52;text-decoration:none}
body.ski img{max-width:100%}
body.ski button{border:none;outline:none}
body.ski .wrap{min-height:100vh;display:flex;flex-direction:column}

/* hover utilities */
.h-b11:hover{filter:brightness(1.1)}
.h-b94:hover{filter:brightness(.94)}
.h-b13:hover{filter:brightness(1.3);color:#fff}
.h-nav:hover{color:#1c2b52 !important}
.h-card:hover{border-color:#b9cdf3 !important}
.h-soft:hover{background:#dbe8fb !important}
.h-li:hover{background:#1c2b52 !important;color:#fff !important}
.h-arrow:hover{background:#3e6fe1 !important;color:#fff !important}

/* range slider */
input.skir{-webkit-appearance:none;appearance:none;outline:none;cursor:pointer}
input.skir::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:99px;background:#fff;border:7px solid #3e6fe1;cursor:pointer}
input.skir::-moz-range-thumb{width:11px;height:11px;border-radius:99px;background:#fff;border:6px solid #3e6fe1;cursor:pointer}

@keyframes stepIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes marqueeR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes skiFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* reveal on scroll (word by word) */
.ski-reveal .rw{display:inline-block;opacity:.12;transition:opacity .5s ease}
.ski-reveal.in .rw{opacity:1}

.ski-burger{display:none}
@media(max-width:920px){.rgrid2{grid-template-columns:1fr !important}.kgrid{grid-template-columns:1fr !important}.fgrid{grid-template-columns:1fr 1fr !important}.artgrid{grid-template-columns:1fr !important}.artgrid .toc-side{display:none !important}.ski-split{grid-template-columns:1fr !important}}
@media(max-width:760px){.navlinks{display:none !important}.ski-burger{display:flex !important}}
@media(max-width:720px){.ctab{flex-direction:column !important;padding:28px !important}.ctab img{align-self:center !important}}
@media(max-width:560px){.fgrid{grid-template-columns:1fr !important}.fcgrid{grid-template-columns:1fr !important}}

/* Fördercheck-Seite: Verlauf-Hintergrund */
body.ski-fc{background:linear-gradient(160deg,#1c2b52,#2f5bc4 60%,#38b6e3 130%) !important;background-attachment:fixed}

/* Artikel-Basis (für page.php / generische Inhalte) */
.ski-article{max-width:720px;min-width:0}
.ski-article p{font-size:17px;line-height:1.75;color:#3d4a68;margin:0 0 20px}
.ski-article h2{font-size:clamp(25px,4vw,30px);font-weight:700;letter-spacing:-.02em;margin:34px 0 18px;color:#1c2b52}
.ski-article h3{font-size:20px;font-weight:700;margin:26px 0 10px;color:#1c2b52}
.ski-article ul,.ski-article ol{margin:0 0 24px;padding-left:22px}
.ski-article li{font-size:17px;line-height:1.7;color:#3d4a68;margin-bottom:8px}
.ski-article a{color:#3e6fe1;font-weight:600;text-decoration:underline}
.ski-article img{border-radius:18px;height:auto;margin:12px 0 24px}
.ski-article blockquote{border-left:4px solid #3e6fe1;background:#eaf0fc;border-radius:0 14px 14px 0;padding:18px 24px;margin:24px 0;font-style:italic;color:#3d4a68}
.ski-article table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px}
.ski-article th,.ski-article td{border:1px solid #e3e9f4;padding:12px 14px;text-align:left}
.ski-article th{background:#f7f9fd;font-weight:800}