/*
Theme Name: Solvable Problems
Description: Redaktionelles Problemlösungsportal mit eigenständigen Landingpages.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Author: Solvable Problems
Text Domain: solvable-problems
*/
:root{--sp-ink:#17243b;--sp-green:#0b625c;--sp-mint:#e8f5ef;--sp-border:#dfe5e9;--sp-muted:#536178}
*{box-sizing:border-box}body{margin:0;color:var(--sp-ink);background:#f7f8fa;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px;line-height:1.65}a{color:var(--sp-green);text-underline-offset:4px}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bd752a;outline-offset:4px}h1,h2,h3{line-height:1.16;letter-spacing:-.035em;color:var(--sp-ink)}h1{font-size:clamp(2.2rem,4.3vw,3.8rem);margin:.4em 0}h2{font-size:clamp(1.7rem,3vw,2.35rem);margin:0 0 1rem}h3{font-size:1.25rem}p{margin:.6em 0 1em}img{display:block;max-width:100%;height:auto}button,input{font:inherit}.sp-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.sp-section{padding-block:48px}.sp-header{background:#fff;border-bottom:1px solid var(--sp-border);margin:0!important}.sp-header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px}.sp-brand{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:800;color:var(--sp-ink);letter-spacing:-.04em;text-decoration:none}.sp-mark{display:block;width:24px;height:29px;position:relative}.sp-mark:before,.sp-mark:after{content:"";position:absolute;width:15px;height:19px;background:var(--sp-green);border-radius:12px 0 12px 12px;bottom:0;left:0}.sp-mark:after{background:#8bd0bd;top:0;left:9px;bottom:auto}.sp-navigation{display:flex;align-items:center;gap:30px;font-size:.95rem}.sp-navigation a{color:var(--sp-ink);text-decoration:none}.sp-navigation a:hover{color:var(--sp-green);text-decoration:underline}.sp-hero{padding:70px 0 56px;background:linear-gradient(110deg,#edf6f2 0%,#f7f8fa 75%);margin:0!important}.sp-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--sp-green);font-size:.72rem;font-weight:700}.sp-lead{font-size:1.16rem;color:var(--sp-muted);max-width:760px}.sp-search{display:flex;max-width:760px;gap:0;margin:28px 0}.sp-search input{min-width:0;flex:1;border:1px solid #b9c9c9;border-radius:7px 0 0 7px;background:white;padding:16px 20px}.sp-search button,.sp-button{border:1px solid var(--sp-green);border-radius:0 7px 7px 0;padding:15px 26px;background:var(--sp-green);color:white;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block}.sp-button{border-radius:5px}.sp-button-outline{background:white;color:var(--sp-green)}.sp-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.sp-topics>a{display:flex;flex-direction:column;align-items:center;gap:16px;justify-content:center;text-align:center;background:white;border:1px solid var(--sp-border);padding:25px 18px;border-radius:6px;text-decoration:none;color:var(--sp-ink);font-size:.9rem}.sp-topics>a:hover{border-color:var(--sp-green)}.sp-topics span{display:grid;place-items:center;border-radius:50%;background:var(--sp-mint);width:42px;height:42px;color:var(--sp-green);font-size:1.2rem}.sp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sp-card{border:1px solid var(--sp-border);background:white;border-radius:7px;overflow:hidden}.sp-card .sp-figure{margin:0}.sp-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.sp-card-body{padding:22px}.sp-card h3 a{color:var(--sp-ink);text-decoration:none}.sp-text-link{font-weight:650;text-decoration:none}.sp-figure{margin:0;position:relative}.sp-figure figcaption{font-size:.72rem;padding:4px 10px;background:#fff;color:var(--sp-muted);line-height:1.4}.sp-trust{background:var(--sp-mint);padding:48px 0;margin-top:40px}.sp-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.sp-trust h3{font-size:1.15rem}.sp-trust p{font-size:.95rem;color:var(--sp-muted)}.sp-footer{background:#fff;border-top:1px solid var(--sp-border);margin-top:0!important;padding:34px 0}.sp-footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.sp-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.78rem}.sp-footer p{font-size:.8rem;color:var(--sp-muted)}.sp-small{font-size:.8rem;color:var(--sp-muted)}.sp-breadcrumb{font-size:.8rem;padding:22px 0}.sp-problem-head{padding-bottom:30px}.sp-problem-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:46px;align-items:center;margin:15px 0 30px}.sp-problem-hero h1{font-size:clamp(2rem,3.5vw,3.2rem)}.sp-problem-hero img{border-radius:8px;width:100%;aspect-ratio:3/2;object-fit:cover}.sp-answer{background:var(--sp-mint);padding:26px 32px;border-radius:7px}.sp-answer h2{font-size:1.5rem;margin:0}.sp-answer p{margin:.5em 0 0}.sp-article{width:min(940px,calc(100% - 64px));margin:0 auto 60px}.sp-article h2{margin-top:2.1em}.sp-article ol{padding-left:28px}.sp-article li{padding-left:8px;margin-bottom:14px}.sp-offer{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:28px;padding:24px;border:1px solid #b6dcd2;border-radius:8px;background:#f0f8f5;margin:28px 0}.sp-offer>div:first-child:empty{display:none}.sp-offer:has(>div:first-child:empty){grid-template-columns:1fr}.sp-offer h3{margin-top:0}.sp-offer p{font-size:.94rem}.sp-offer .sp-small{font-size:.75rem}.sp-offer-book{background:white;border-color:var(--sp-border)}.sp-offer img{max-height:280px;object-fit:contain}.sp-sources{border-top:1px solid var(--sp-border);padding-top:24px;margin-top:40px;color:var(--sp-muted);font-size:.85rem;overflow-wrap:anywhere}.sp-sources h2{font-size:1.15rem;margin-top:0}.sp-empty{padding:30px;background:white;border:1px solid var(--sp-border);border-radius:8px}.sp-demo{padding:14px 20px;background:#fff3cb;border:1px solid #d9bf75;border-radius:6px}.sp-page{max-width:850px;margin:45px auto 70px;padding:0 28px}.sp-page:has(.sp-topics){max-width:1260px}.wp-block-post-content a{overflow-wrap:anywhere}.sp-article .wp-block-image figcaption{font-size:.75rem;color:var(--sp-muted)}.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:fixed;top:15px;left:15px;width:auto;height:auto;clip:auto;background:white;padding:12px;z-index:10000}.sp-skip{position:absolute;top:10px;left:-9999px}.sp-skip:focus{left:10px;background:white;padding:10px;z-index:999}.wp-site-blocks{padding:0}.wp-site-blocks>main{margin-top:0}.wp-block-post-title{margin-top:0}
@media(max-width:900px){.sp-header-inner{align-items:flex-start;padding-block:22px;flex-direction:column;gap:15px}.sp-navigation{gap:22px;flex-wrap:wrap}.sp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-problem-hero{grid-template-columns:1fr}.sp-problem-hero .sp-figure{max-width:650px}.sp-footer-inner{flex-direction:column}.sp-trust-grid{gap:24px}}
@media(max-width:600px){body{font-size:17px}.sp-wrap{width:calc(100% - 36px)}.sp-article{width:calc(100% - 36px)}.sp-section{padding-block:30px}.sp-hero{padding:40px 0 30px}.sp-brand{font-size:1.25rem}.sp-navigation{gap:20px;font-size:.85rem}.sp-search input{padding:13px 12px;font-size:.88rem}.sp-search button{padding:12px 16px;font-size:.88rem}.sp-cards,.sp-trust-grid{grid-template-columns:1fr}.sp-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-answer{padding:22px}.sp-offer{grid-template-columns:1fr;padding:20px;gap:18px}.sp-offer .sp-figure{max-width:200px}.sp-button{width:100%;text-align:center}.sp-problem-hero{gap:22px}.sp-trust{padding:32px 0}}