/*
Theme Name: kopfrechnen-child
Theme URI: https://kopfrechnen.org
Description: Update-sicheres OceanWP-Child-Theme für Rechenwege, Shortcodes und SVG-Darstellungen.
Author: kopfrechnen.org
Template: oceanwp
Version: 1.1.0
Text Domain: kopfrechnen-child
*/

/* Rechenbausteine */
.kr-box{box-sizing:border-box;width:100%;max-width:820px;padding:24px;border:1px solid #e8e8e8;border-radius:18px;background:#fff;margin:28px auto}.kr-tip{background:#fff7f7;border-color:#ffdede}.kr-kicker{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b73535}.kr-box h3{margin:6px 0 14px;font-size:28px}.kr-task{font-size:26px;font-weight:800;margin:10px 0}.kr-calc{padding:14px 16px;background:#fff;border:1px solid #eee;border-radius:12px;font-size:20px;line-height:1.55}.kr-arrow{padding:0 10px;color:#fe5252}.kr-steps{display:grid;gap:14px}.kr-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start}.kr-step-label{width:36px;height:36px;border-radius:50%;background:#fe5252;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.kr-note{font-weight:400;color:#666;margin-top:4px}.kr-result{margin-top:10px;padding:16px 18px;border-radius:12px;background:#171717;color:#fff;font-size:30px;font-weight:800;text-align:center}.kr-table{background:#f7f9fc}.kr-table-inner{font-family:monospace;background:#fff;border-radius:12px;padding:16px;overflow-x:auto}.kr-row{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;font-size:24px;line-height:1.6}.kr-row-ergebnis{border-top:1px solid #ddd;margin-top:8px;padding-top:8px;font-size:28px}.kr-svg-wrap{box-sizing:border-box;width:100%;max-width:820px;margin:28px auto;text-align:center;overflow:hidden;border-radius:16px}.kr-svg{display:block;width:100%;height:auto;background:#fff;border:1px solid #e8e8e8;border-radius:16px}.kr-svg text{font-family:inherit}.kr-svg-title{font-size:24px;font-weight:800}.kr-svg-num{font-size:28px;font-family:monospace}.kr-svg-big{font-size:52px;font-weight:800}.kr-svg-op{font-size:42px}.kr-svg-task{font-size:34px;font-family:monospace}.kr-svg-equation{font-family:monospace;font-weight:500}.kr-svg-result{font-size:46px;font-weight:800;font-family:monospace}.kr-svg-node{font-size:30px;font-weight:700}.kr-svg-hint{font-size:17px;fill:#666}.kr-svg-label{font-size:17px;fill:#666;font-weight:600}.kr-svg-carry{font-size:22px;fill:#fe5252;font-weight:800}.kr-svg-line{stroke:#999;stroke-width:2}.kr-svg-accent{stroke:#ed625b;stroke-width:4}.kr-svg-fill{fill:#ed625b}.kr-svg-box-a{fill:#fff7f7}.kr-svg-box-b{fill:#f5f8ff}

.kr-formula{box-sizing:border-box;max-width:820px;margin:24px auto;padding:16px 18px;overflow-x:auto;border:1px solid #ececec;border-radius:14px;background:#fafafa;text-align:center}.kr-formula math{font-size:1.28em;white-space:nowrap}

/* Einzelbeiträge: Metadaten im Header bewusst schlank halten. */
.single-post .ocean-single-post-header .blog-post-meta{margin-top:14px}
.single-post .ocean-single-post-header .meta-item{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:0}
.single-post .ocean-single-post-header .meta-item li{margin:0!important;padding:6px 10px!important;border:1px solid #e7e7e7;border-radius:999px;background:#fff;font-size:13px;line-height:1.25;white-space:nowrap}
.single-post .ocean-single-post-header .meta-item li:before,.single-post .ocean-single-post-header .meta-item li:after{display:none!important;content:none!important}
.single-post .ocean-single-post-header .meta-tag,.single-post .ocean-single-post-header .meta-comments,.single-post .ocean-single-post-header .meta-mod-date{display:none!important}
.single-post .ocean-single-post-header .meta-cat a{font-weight:700}
.single-post .post-tags{margin-top:28px;padding-top:16px;border-top:1px solid #eee;font-size:13px;line-height:1.7;color:#666}
.single-post .post-tags .owp-tag-texts{font-weight:700;color:#444}

@media(max-width:700px){.kr-box{padding:18px;margin:22px auto}.kr-box h3{font-size:23px}.kr-task{font-size:22px}.kr-calc{font-size:18px}.kr-row{gap:14px;font-size:19px}.kr-step{grid-template-columns:36px minmax(0,1fr)}.kr-result{font-size:26px}.kr-svg-wrap{margin:22px auto}.single-post .ocean-single-post-header .meta-item{gap:7px}.single-post .ocean-single-post-header .meta-item li{font-size:12px;padding:5px 8px!important;white-space:normal;text-align:center}}