/* Finanzen+Familie „Kassenbuch“ */
@font-face{font-family:"Bricolage";src:url(../fonts/Bricolage-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Bricolage";src:url(../fonts/Bricolage-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Instrument";src:url(../fonts/Instrument-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument";src:url(../fonts/Instrument-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Instrument";src:url(../fonts/Instrument-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Instrument";src:url(../fonts/Instrument-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--tinte:#10275e;--tinte2:#0b1b45;--gruen:#1f8a5b;--gruen2:#166a45;--mint:#e2f0e8;--papier:#f7f4ee;--papier2:#efeadf;--line:#d9d6cf;--mute:#5e6470;--ink:#171a21;--head:"Bricolage",system-ui,sans-serif;--sans:"Instrument",system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 var(--sans)}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--head);font-weight:700;margin:0;letter-spacing:-.01em}
.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Kopf */
.bar{background:var(--tinte);color:#fff}
.bar .wrap{display:flex;align-items:center;gap:28px;height:64px}
.logo{font:700 24px/1 var(--head);letter-spacing:-.02em;color:#fff;white-space:nowrap}
.logo .plus{display:inline-block;background:var(--gruen);color:#fff;width:26px;height:26px;line-height:26px;text-align:center;margin:0 3px;vertical-align:-2px;font-size:22px}
.logo img{height:36px;width:auto}
.nav{display:flex;gap:4px;margin-left:8px}
.nav a{font:600 15px var(--sans);padding:10px 12px;color:#fff;border-bottom:3px solid transparent}
.nav a.on,.nav a:hover{border-bottom-color:var(--gruen)}
.tools{margin-left:auto;display:flex;gap:4px}
.ic{display:inline-flex;align-items:center;gap:8px;color:#fff;font:600 14px var(--sans);padding:10px 12px}
.burger{display:none}
.themen{border-bottom:1px solid var(--line);background:#fff}
.themen .wrap{display:flex;align-items:center;gap:0;height:46px;overflow-x:auto;white-space:nowrap}
.themen b{font:700 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gruen2);margin-right:18px}
.themen a{font:600 14px var(--sans);color:var(--ink);padding:0 14px;border-left:1px solid var(--line);line-height:1}
.themen a:first-of-type{border-left:0;padding-left:0}
.themen a:hover{color:var(--gruen2)}
.ad{background:var(--papier);color:var(--mute);font:700 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;justify-content:center}
.ad.top{height:90px;max-width:970px;margin:20px auto 0}
.ad.side{height:250px;margin-bottom:28px}
.ad.inart{height:120px;margin:28px 0}
/* Einstieg */
.einstieg{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:36px 0 40px;border-bottom:1px solid var(--ink)}
.einstieg .claim h1{font-size:42px;line-height:1.08;letter-spacing:-.02em}
.einstieg .claim h1 em{font-style:normal;color:var(--gruen2)}
.einstieg .claim p{font-size:17.5px;color:var(--mute);margin:14px 0 22px;max-width:520px}
.fragen{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fragen a{display:flex;align-items:center;gap:12px;background:var(--papier);padding:14px 16px;font:600 15px/1.3 var(--sans);border-left:4px solid var(--gruen)}
.fragen a i{flex:0 0 auto;width:28px;height:28px;background:var(--tinte);color:#fff;font:700 18px/28px var(--head);text-align:center;font-style:normal}
.fragen a:hover{background:var(--mint)}
.lead{display:block;background:var(--tinte);color:#fff}
.lead img{aspect-ratio:3/2;object-fit:cover;width:100%}
.lead div{padding:20px 22px 24px}
.lead h2{font-size:26px;line-height:1.15;margin:8px 0 10px}
.lead p{color:#c9d2ea;margin:0 0 12px;font-size:15px}
.lead .meta{color:#9fb0d8}
.k{display:inline-block;font:700 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gruen2)}
.lead .k{color:#7fd6a9}
.meta{display:block;font-size:13.5px;color:var(--mute);margin-top:8px}
/* Abschnitte */
.sec{margin:40px 0}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:3px solid var(--tinte);padding-bottom:10px;margin-bottom:22px}
.sec-head h2{font-size:26px;letter-spacing:-.015em}
.sec-head h2 span{color:var(--gruen2)}
.sec-head .sub{font-size:15px;color:var(--mute);margin-left:12px;font-family:var(--sans);font-weight:400;letter-spacing:0}
.more{font:600 14px var(--sans);color:var(--tinte);white-space:nowrap}
.more:hover{color:var(--gruen2)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.card{display:block}
.card img{aspect-ratio:3/2;object-fit:cover;width:100%;margin-bottom:12px;background:var(--papier)}
.card h3{font-size:19px;line-height:1.25;margin:4px 0 8px}
.card p{margin:0;font-size:15px;color:var(--mute)}
.card .weiter{display:inline-block;margin-top:10px;font:600 14px var(--sans);color:var(--gruen2);border-bottom:2px solid var(--gruen)}
.card:hover h3{color:var(--tinte)}
/* Zwei Spalten */
.two{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
/* Kassenbuch-Liste: nummeriert */
.buch{counter-reset:zeile}
.buch a{display:grid;grid-template-columns:52px minmax(0,1fr) 180px;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}
.buch a::before{counter-increment:zeile;content:counter(zeile,decimal-leading-zero);font:700 30px/1 var(--head);color:var(--gruen);letter-spacing:-.03em}
.buch h3{font-size:20px;line-height:1.25;margin:3px 0 6px}
.buch p{margin:0;font-size:15px;color:var(--mute)}
.buch img{aspect-ratio:4/3;object-fit:cover;width:100%;background:var(--papier)}
.buch a:hover h3{color:var(--tinte)}
/* Faustregeln */
.regeln{background:var(--mint);padding:26px 28px 10px;margin:40px 0}
.regeln .sec-head{border-bottom-color:var(--gruen2);margin-bottom:8px}
.regeln ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}
.regeln li{padding:16px 0;border-bottom:1px solid #c4ddcf}
.regeln li:nth-last-child(-n+3){border-bottom:0}
.regeln b{display:block;font:700 34px/1 var(--head);color:var(--tinte);letter-spacing:-.03em;margin-bottom:6px}
.regeln span{font-size:14.5px;color:#2c3a33;display:block}
/* Kacheln 2x2 */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pair .card img{aspect-ratio:16/10}
/* Sidebar */
.side .box{border-top:3px solid var(--tinte);padding-top:14px;margin-bottom:30px}
.side .box h3{font:700 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--tinte);margin-bottom:12px}
.ranked{list-style:none;margin:0;padding:0}
.ranked li{border-bottom:1px solid var(--line)}
.ranked a{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:11px 0}
.ranked i{font:700 26px/1.1 var(--head);color:var(--gruen);font-style:normal}
.ranked b{font:700 15.5px/1.3 var(--head);display:block}
.ranked .meta{margin-top:3px}
.fragenliste a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font:600 15px var(--sans)}
.fragenliste a::before{content:"+";display:inline-block;width:20px;color:var(--gruen);font:700 18px/1 var(--head)}
.autorinnen{display:grid;gap:10px}
.autorinnen a{display:flex;gap:12px;align-items:center;font-size:14.5px}
.autorinnen i{width:40px;height:40px;background:var(--tinte);color:#fff;font:700 15px/40px var(--head);text-align:center;font-style:normal;flex:0 0 auto}
.autorinnen b{display:block;font-weight:600}
.autorinnen span{color:var(--mute);font-size:13px}
.box.about{background:var(--tinte);color:#fff;padding:22px;border-top:0}
.box.about h3{color:#7fd6a9}
.box.about b{font:700 22px/1.2 var(--head);display:block;margin-bottom:8px}
.box.about p{color:#c9d2ea;font-size:15px;margin:0 0 16px}
.btn{display:inline-block;background:var(--gruen);color:#fff;font:600 14px var(--sans);padding:10px 16px}
/* Rubrik */
.cat-head{background:var(--papier);padding:34px 0 24px;border-bottom:1px solid var(--line)}
.crumbs{font-size:13.5px;color:var(--mute);margin-bottom:12px}.crumbs a{color:var(--mute)}
.cat-head h1{font-size:44px;line-height:1.05;letter-spacing:-.025em;margin:6px 0 10px}
.cat-head p{font-size:17.5px;color:var(--mute);max-width:720px;margin:0 0 18px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:600 13.5px var(--sans);border:1px solid var(--ink);padding:7px 12px;background:#fff}
.chip.on{background:var(--tinte);color:#fff;border-color:var(--tinte)}
.count{font-size:14px;color:var(--mute);margin:0 0 18px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}
.pages{display:flex;gap:6px;margin-top:32px}
.pages a{font:600 13.5px var(--sans);padding:8px 13px;border:1px solid var(--line)}
.pages a.on{background:var(--tinte);color:#fff;border-color:var(--tinte)}
/* Artikel */
.art-head{max-width:780px;padding:30px 0 22px}
.art-head h1{font-size:44px;line-height:1.08;letter-spacing:-.025em;margin:8px 0 14px}
.art-head .lede{font-size:19px;line-height:1.5;color:var(--mute);margin:0 0 18px}
.byline{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;font-size:14px;color:var(--mute);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}
.byline i{width:32px;height:32px;background:var(--tinte);color:#fff;font:700 13px/32px var(--head);text-align:center;font-style:normal}
.byline b{color:var(--ink)}
.art-img{margin:26px 0 8px}
.art-img img{aspect-ratio:2/1;object-fit:cover;width:100%}
.art-img figcaption{font-size:13px;color:var(--mute);padding-top:8px}
.kurz{background:var(--mint);border-left:4px solid var(--gruen);padding:18px 22px;margin:28px 0}
.kurz h3{font:700 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gruen2);margin-bottom:8px}
.kurz ul{margin:0;padding-left:18px;font-size:15.5px}
.kurz li{margin:4px 0}
.inhalt{border:1px solid var(--line);padding:16px 22px;margin:0 0 28px}
.inhalt h3{font:700 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--tinte);margin-bottom:8px}
.inhalt ol{margin:0;padding-left:20px;columns:2;column-gap:28px;font-size:14.5px}
.inhalt li{margin:3px 0;break-inside:avoid}
.prose{font-size:17.5px;line-height:1.72;max-width:720px}
.prose p{margin:0 0 1.25em}
.prose h2{font-size:28px;line-height:1.2;margin:1.6em 0 .55em;letter-spacing:-.015em}
.prose h3{font-size:21px;margin:1.4em 0 .5em}
.prose ul,.prose ol{padding-left:24px;margin:0 0 1.25em}
.prose a{color:var(--gruen2);border-bottom:1px solid var(--gruen)}
.prose blockquote{margin:1.6em 0;padding:0 0 0 22px;border-left:4px solid var(--gruen);font-size:20px;line-height:1.5;color:var(--tinte);font-family:var(--head);font-weight:600}
.prose table{border-collapse:collapse;width:100%;font-size:15px;margin:0 0 1.6em}
.prose th{text-align:left;background:var(--tinte);color:#fff;padding:9px 12px;font-weight:600}
.prose td{padding:9px 12px;border-bottom:1px solid var(--line)}
.prose img{margin:1.4em 0}
.regel{background:var(--papier);padding:18px 22px;margin:1.6em 0;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.regel b{font:700 36px/1 var(--head);color:var(--gruen);letter-spacing:-.03em}
.regel span{font-size:15.5px}
.art-foot{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center}
.autorbox{display:grid;grid-template-columns:56px 1fr;gap:16px;background:var(--papier);padding:22px;margin:28px 0}
.autorbox i{width:56px;height:56px;background:var(--tinte);color:#fff;font:700 20px/56px var(--head);text-align:center;font-style:normal}
.autorbox b{font:700 17px var(--head);display:block;margin-bottom:4px}
.autorbox p{margin:0;font-size:15px;color:var(--mute)}
/* Footer */
.site-footer{background:var(--tinte);color:#c9d2ea;margin-top:60px;padding:44px 0 26px}
.site-footer .grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px}
.site-footer .brand{color:#fff;font:700 24px var(--head)}
.site-footer .brand .plus{display:inline-block;background:var(--gruen);color:#fff;width:24px;height:24px;line-height:24px;text-align:center;margin:0 2px}
.site-footer p{font-size:15px;margin:12px 0 0;max-width:380px}
.site-footer h4{font:700 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#7fd6a9;margin-bottom:12px}
.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:7px 0;font-size:15px}.site-footer li a{color:#fff}
.site-footer .bottom{border-top:1px solid #2b4280;margin-top:34px;padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13.5px}
@media (max-width:1000px){.two{grid-template-columns:1fr}.einstieg{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.site-footer .grid{grid-template-columns:1fr 1fr}.nav{display:none}.burger{display:inline-flex}.regeln ul{grid-template-columns:1fr 1fr}.regeln li:nth-last-child(-n+3){border-bottom:1px solid #c4ddcf}.regeln li:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:700px){.wrap{padding:0 16px}.bar .wrap{height:56px;gap:12px}.ic span{display:none}.einstieg .claim h1{font-size:32px}.fragen{grid-template-columns:1fr}.cards,.pair,.grid2{grid-template-columns:1fr}.buch a{grid-template-columns:40px 1fr}.buch img{display:none}.buch a::before{font-size:24px}.regeln ul{grid-template-columns:1fr}.regeln li{border-bottom:1px solid #c4ddcf!important}.regeln li:last-child{border-bottom:0!important}.cat-head h1,.art-head h1{font-size:32px}.inhalt ol{columns:1}.site-footer .grid{grid-template-columns:1fr}.ad.top{height:100px}.prose{font-size:16.5px}}

/* WordPress-Ergänzungen */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:16px;top:16px;z-index:9;background:var(--gruen);color:#fff;padding:10px 14px}
.logo .custom-logo{height:38px;width:auto}
.bar .ic{background:none;border:0;cursor:pointer}
.nav ul{display:flex;margin:0;padding:0;gap:4px}.nav li{list-style:none}.nav li.current-menu-item a,.nav li.current-category-ancestor a{border-bottom-color:var(--gruen)}
.fragen a small{display:block;font-weight:400;color:var(--mute);font-size:13.5px}
.sform{display:flex;border:1px solid var(--tinte);background:#fff}
.sform input{flex:1;min-width:0;border:0;padding:12px 14px;font:inherit;font-size:16px;background:transparent;color:var(--ink)}
.sform button{border:0;background:var(--tinte);color:#fff;font:600 14px var(--sans);padding:0 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.searchbar{display:none;border-bottom:1px solid var(--line);padding:16px 0}
body.search-open .searchbar{display:block}
.mobile-nav{display:none;border-bottom:3px solid var(--tinte);padding:16px 0 24px}
body.nav-open .mobile-nav{display:block}
.mobile-nav .cols2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}
.mobile-nav .cols2 b{display:block;font:700 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gruen2);padding:8px 0 4px}
.mobile-nav .cols2 a{display:block;font:600 15px var(--sans);padding:8px 0;border-bottom:1px solid var(--line)}
.ad.js-ad:not(.loaded){min-height:0}
.ad.js-ad.loaded,.ad.loaded{background:none;border:0;height:auto;min-height:0;display:block}
.adwrap{border-top:0!important;padding-top:0!important}
.adwrap .k.m{display:block;margin-bottom:8px;color:var(--mute)}
.card .k,.buch .k,.lead .k,.einstieg .k{display:inline-block}
.buch a>span:last-child:empty{display:none}
.buch a:has(>span:last-child:empty){grid-template-columns:52px minmax(0,1fr)}
.meta.count{display:block;margin-bottom:18px}
.cat-head .k{margin-bottom:6px}
.cat-head .sform{margin:16px 0;max-width:560px}
.cat-head .chips{margin-top:4px}
.no-results{font-size:17px;color:var(--mute);padding:20px 0}
.nav-links{display:flex;gap:6px;margin-top:32px;flex-wrap:wrap}
.nav-links .page-numbers{font:600 13.5px var(--sans);padding:8px 13px;border:1px solid var(--line);color:var(--ink)}
.nav-links .page-numbers.current{background:var(--tinte);color:#fff;border-color:var(--tinte)}
.nav-links .page-numbers.dots{border:0}
.side .box.zahl b{display:block;font:700 34px/1 var(--head);color:var(--tinte);letter-spacing:-.03em;margin-bottom:6px}
.side .box.zahl p{margin:0;font-size:14.5px;color:#2c3a33}
.side .box.about{border-top:0}
.side .box.about .btn{color:#fff}
.site-footer ul{margin:0;padding:0}.site-footer li{list-style:none}
.art-foot .share{display:flex;gap:14px;align-items:center;font:600 14px var(--sans)}
.art-foot .share .k{margin-right:4px}
.byline .k{margin-right:4px}
.prose .wp-caption,.prose figure{max-width:100%;margin:0 0 1.25em}
.prose .wp-caption-text,.prose figcaption{font-size:13px;color:var(--mute);padding:6px 0}
.prose .alignleft{float:left;margin:4px 24px 12px 0;max-width:50%}
.prose .alignright{float:right;margin:4px 0 12px 24px;max-width:50%}
.prose .aligncenter{margin-left:auto;margin-right:auto}
.prose .table-wrap{overflow-x:auto;margin:0 0 1.6em}
.prose .table-wrap table{margin:0}
.prose iframe,.prose video{max-width:100%}
.prose .page-links{font:15px var(--sans);margin:1.5em 0}
.prose h4{font:600 18px/1.3 var(--head);color:var(--ink);margin:1.4em 0 .5em}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.prose pre{font:14px/1.5 monospace;background:var(--papier);padding:16px;overflow-x:auto;margin:0 0 1.25em}
.prose code{font-size:.9em;background:var(--papier);padding:1px 5px}
.prose .wp-block-table table{margin:0}.prose .wp-block-table{margin:1.4em 0;overflow-x:auto}
.prose .merke{background:var(--papier);border-left:4px solid var(--tinte);padding:14px 18px;margin:1.6em 0;font-size:16px}
.prose .hinweis{border:1px solid var(--line);padding:14px 18px;margin:1.6em 0;font-size:15px;color:var(--mute)}
.prose .regel b{font:700 36px/1 var(--head)}
.page-body .prose{max-width:760px;margin-top:28px}
.page-body{margin-bottom:60px}
.comments{margin-top:48px;border-top:3px solid var(--tinte);padding-top:28px}
.comments h2{font-size:26px;margin-bottom:16px}
.comment-list li{padding:14px 0;border-top:1px solid var(--line)}
.comment-list .children{padding-left:28px}
.comment-list .comment-meta{font-size:13px;color:var(--mute)}
.comment-list .fn{font-style:normal;font-weight:600}
.comment-form{display:grid;gap:12px}
.comment-form label{display:block;font:700 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;background:#fff;border:1px solid var(--line);color:var(--ink);padding:10px 12px;font:inherit}
.comment-form .submit{background:var(--gruen);color:#fff;border:1px solid var(--gruen);font:600 14px var(--sans);padding:12px 18px;cursor:pointer}
.themen-chips .chip{color:var(--ink)}
/* Absicherung gegen Plugin-CSS */
body .nav a,body .card,body .buch a,body .lead,body .fragen a,body .ranked a,body .fragenliste a,body .site-footer li a,body .mobile-nav a,body .chip,body .themen a,body .autorinnen a{text-decoration:none}
body .box.about .btn{background:var(--gruen);color:#fff}