/* Großzügiges Editorial: Farbe als Akzent und Gegenüber, keine langen Farbblöcke. */
.finance-page{background:var(--cream)}
.section-nav>a:nth-child(n){display:block}
.finance-hero{padding:35px var(--g) 70px}
.finance-hero .section-meta{border-bottom:1px solid;padding-bottom:22px}
.finance-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:7vw;align-items:center;margin:55px 0 30px}
.finance-hero h1{font-size:clamp(65px,7.8vw,126px)}
.finance-hero h1 em{color:var(--blue)}
.finance-mark{background:var(--blue);color:var(--cream);padding:30px;transform:rotate(3deg);position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:12px 12px 0 var(--pink)}
.finance-mark strong{font-size:clamp(68px,7vw,112px);line-height:1;letter-spacing:-.07em;color:var(--mint)}
.finance-mark b{font-size:25px;line-height:1.2}
.finance-intro{max-width:1050px;font-size:28px;line-height:1.45}
.finance-section{padding:65px var(--g) 75px;border-top:1px solid #14164b70}
.finance-section>.section-meta{padding-bottom:18px;border-bottom:1px solid #14164b50}
.finance-page h2{max-width:1150px;margin-top:35px}
.finance-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:40px 0}
.finance-case-grid article{border-top:3px solid;padding-top:22px}
.finance-case-grid strong{font-size:clamp(54px,6.3vw,96px);line-height:1.1;letter-spacing:-.065em;display:block}
.finance-case-grid article:nth-child(2){color:var(--blue)}
.finance-case-grid article p{color:var(--ink)}
.finance-case-grid .unit{font-size:26px;letter-spacing:-1px}
.housing-strip{display:grid;grid-template-columns:.8fr 1.6fr;gap:45px;border-block:1px solid;padding:30px 0;margin-top:45px;align-items:start}
.housing-strip>strong{font-size:clamp(50px,6vw,88px);line-height:1;letter-spacing:-.06em}
.housing-strip p{margin-top:0}
.finance-split{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.4fr);gap:6vw;margin-top:40px}
.finance-split h3{font-size:clamp(32px,3.2vw,49px);margin-top:0}
.finance-lab{padding:32px;background:var(--mint);border:2px solid var(--ink)}
.finance-lab .calculator-fields{grid-template-columns:1fr 1fr;gap:25px;margin-top:0}
.finance-lab .calculator-fields>label:last-child{grid-column:1/-1}
.finance-result{border-top:1px solid;padding-top:25px;display:grid;gap:12px}
.finance-result strong{font-size:clamp(44px,4.9vw,75px);letter-spacing:-.06em;line-height:1.1}
.finance-result .micro{overflow-wrap:anywhere}
.comparison-panel{background:var(--ink);color:var(--cream);padding:35px;margin-top:40px}
.comparison-panel h3{margin-top:0;font-size:34px}
.finance-select{display:grid;gap:10px;font-size:18px;max-width:680px;margin-bottom:25px}
.finance-select select{padding:12px;border:1px solid currentColor;background:var(--cream);color:var(--ink);font:inherit;width:100%;min-width:0;border-radius:0}
.comparison-rows{display:grid;gap:0}
.comparison-row{display:grid;grid-template-columns:1.2fr 1fr;gap:8px 30px;border-top:1px solid #f7f2e670;padding:20px 0}
.comparison-row strong{font-size:30px;line-height:1.2;color:var(--mint)}
.comparison-row small{grid-column:1/-1;font-size:18px;max-width:950px}
.finance-chart-shell{border-top:2px solid;padding-top:25px;margin-top:35px}
.chart-scroll{overflow-x:auto}
.row-sources{display:inline-block;text-align:left;font-size:18px;white-space:normal;margin-left:10px;max-width:240px}
.row-sources summary{font-weight:400;cursor:pointer;line-height:1.5}
.row-sources .source-inline{display:inline-block;padding:8px}
.chart-tools{display:flex;justify-content:space-between;gap:30px;align-items:start;flex-wrap:wrap}
.chart-tools .finance-select{min-width:240px;margin:0}
.chart-total{font-size:24px;line-height:1.3;text-align:right}
.chart-total strong{font-size:46px;letter-spacing:-.045em;display:block;line-height:1.15}
.finance-chart{width:100%;display:block;overflow:visible;margin:25px 0 5px;min-height:180px}
.finance-chart text{font-family:Manrope,Arial,sans-serif;fill:var(--ink);font-size:16px}
.finance-chart .grid{stroke:#14164b28;stroke-width:1}
.finance-chart .series{stroke:var(--blue);stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.finance-chart .dot{fill:var(--blue);stroke:var(--cream);stroke-width:2}
.finance-chart .break-line{stroke:var(--pink);stroke-width:2;stroke-dasharray:5 5}
.finance-legend{display:flex;gap:20px;flex-wrap:wrap;font:18px/1.5 'Courier New',monospace}
.finance-legend b{color:var(--blue)}
.finance-page .table-scroll table{font-size:18px}
.finance-page th,.finance-page td{padding:15px 15px 15px 0}
.finance-page tbody th{min-width:180px}
.finance-page td.numeric{text-align:right;white-space:nowrap}
.finance-page .pay-table tbody th{min-width:100px}
.finance-page .finance-note{font-size:18px;border-left:5px solid var(--pink);padding-left:22px;margin-top:30px;max-width:1100px}
.finance-page .source-inline{font-size:18px;text-decoration:underline;text-underline-offset:4px}
.finance-page .info-footer .sources{background:var(--cream);color:var(--ink);margin-inline:calc(-1 * var(--g));padding:30px var(--g);border-block:1px solid var(--ink)}
.finance-source-index>summary{font-weight:800;font-size:23px;cursor:pointer;padding:15px 0}
.finance-page .method-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 55px;margin-top:35px}
.finance-page .method-grid>div{border-top:1px solid;padding-top:15px}
.finance-page .method-grid h3{font-size:25px}
.finance-download{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:35px 0 0;padding-top:25px;border-top:1px solid}
.finance-download a{text-decoration:underline;text-underline-offset:5px}
.chapter-three-link{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:40px var(--g);border-block:1px solid var(--ink);background:var(--cream)}
.chapter-three-link strong{font-size:clamp(28px,3.2vw,49px);line-height:1.15;letter-spacing:-.04em;display:block;margin-top:10px}
.chapter-three-link .arrow{font-size:55px;color:var(--blue)}
#zahlen.cream .stat-grid{background:var(--mint);padding:32px;margin-block:38px}
#schutzsuchende.cream .refugee-equation{background:var(--orange);padding:35px}
.info-page .info-nav{gap:20px}
@media(max-width:900px){.finance-hero-grid{gap:30px;grid-template-columns:1.2fr .8fr}.finance-mark{padding:22px;min-height:270px}.finance-split{grid-template-columns:1fr;gap:28px}.finance-split>div:first-child>p{max-width:900px}.finance-case-grid{gap:25px}.info-page .info-nav{font-size:17px;gap:16px}.finance-chart text{font-size:17px}}
@media(max-width:700px){.finance-hero,.finance-section{padding:28px var(--g) 48px}.finance-hero-grid{grid-template-columns:1fr;margin-block:35px;gap:40px}.finance-hero h1{font-size:clamp(53px,12.7vw,87px)}.finance-mark{width:calc(100% - 25px);min-height:230px;margin-bottom:20px}.finance-mark strong{font-size:82px}.finance-intro{font-size:23px}.finance-case-grid{grid-template-columns:1fr;gap:30px}.finance-case-grid strong{font-size:68px}.housing-strip{grid-template-columns:1fr;gap:20px}.finance-lab{padding:22px 18px}.finance-lab .calculator-fields{grid-template-columns:1fr}.comparison-panel{padding:25px 18px}.comparison-row{grid-template-columns:1fr;gap:12px}.comparison-row small{grid-column:auto}.chart-total{text-align:left}.chart-total strong{font-size:37px}.finance-chart{min-height:170px}.finance-page .method-grid{grid-template-columns:1fr;gap:20px}.finance-download{flex-direction:column;align-items:start}.chapter-three-link{padding-block:30px;gap:20px}.chapter-three-link .arrow{font-size:40px}.info-page .info-nav{max-width:210px;gap:5px 16px;font-size:17px}.info-page .info-nav a{padding-block:3px}#zahlen.cream .stat-grid{padding:25px 18px}#schutzsuchende.cream .refugee-equation{padding:25px 20px}}
@media print{.finance-hero,.finance-section{padding:20px;background:white}.finance-mark,.finance-lab,.comparison-panel,.chart-tools select,.finance-download{display:none}.finance-split,.finance-hero-grid{display:block}.finance-chart{max-height:250px}.chapter-three-link{display:none}}
@media(max-width:700px){.finance-chart{min-width:700px}.finance-chart text{font-size:25px}}
/* Jahreserlöse: absolute Balkenhöhe ab null, darunter jährliche Veränderung. */
.finance-chart .revenue-bar{fill:var(--blue)}
.finance-chart .bar-value{font-size:15px;font-weight:700}
.finance-chart .annual-change{font-size:17px;font-weight:800;fill:var(--blue)}
.finance-chart .change-caption{font-size:15px}
@media(max-width:700px){#revenue-chart{min-width:1000px}.finance-chart .bar-value{font-size:19px}.finance-chart .annual-change{font-size:20px}.finance-chart .change-caption{font-size:18px}#revenue-chart text{font-size:19px}}
