.calc-nav{position:relative;color:var(--blue);font-size:.9rem;font-weight:600}
.calc-nav summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px}
.calc-nav summary::-webkit-details-marker{display:none}
.calc-nav summary:focus-visible,.calc-submenu a:focus-visible,.rate-presets button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.calc-nav[open] summary span{transform:rotate(180deg)}
.calc-submenu{position:absolute;top:100%;left:-18px;min-width:250px;padding:12px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:1100}
.nav .calc-submenu a{display:block;padding:9px 12px;border-radius:6px;font-size:.95rem;line-height:1.35}
.nav .calc-submenu a:hover,.nav .calc-submenu a:focus-visible{background:var(--gold-pale);color:var(--blue)}
.calculator-page{padding-top:92px;background:#fcfaf5}
.calculator-intro{padding:65px 0 45px;background:var(--off-white);border-bottom:1px solid var(--border)}
.calculator-intro h1{font-size:clamp(2.15rem,5vw,3.8rem);color:var(--blue);max-width:900px}
.calculator-intro p:not(.section-label){font-size:1.16rem;max-width:650px;margin-top:24px;color:var(--muted)}
.calculator-intro.compact{padding:32px 0 34px}
.calculator-intro.compact h1{font-size:clamp(2rem,4vw,3rem)}
.calculator-intro.compact p{margin-top:14px}
.calculator-back{display:inline-block;margin-bottom:18px;color:var(--blue);font-weight:600}
.calculator-hub,.calculator-tool{padding:48px 0 64px}
.calculator-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.calculator-card{padding:32px;border:1px solid var(--border);border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 4px 18px #122c5405}
.calculator-number{font-size:.85rem;letter-spacing:.12em;color:#806c13;border:1px solid #d9c978;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;margin-bottom:22px}
.calculator-card h2{font-size:1.7rem;color:var(--blue);margin-bottom:14px}
.calculator-card p{color:var(--muted);margin-bottom:24px;max-width:420px}
.calculator-card .btn{margin-top:auto;color:var(--blue);padding:12px 22px}
.calculator-page .calc-inputs{padding:30px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}
.calculator-page .calc-results{position:static;align-self:start;min-width:0}
.calculator-page .calc-layout{align-items:start;min-width:0}
.calculator-page .result-row{gap:12px}
.calculator-page .result-row-value{white-space:nowrap}
.rate-presets{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 24px}
.rate-presets>span{flex-basis:100%;font-size:.88rem;color:var(--muted)}
.rate-presets button{min-width:76px;min-height:44px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--blue);font:inherit;font-weight:700;font-size:1rem;cursor:pointer}
.rate-presets button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}
.rate-presets button:hover{border-color:var(--gold)}
.cashflow-rounding{font-size:.8rem;color:#ffffffa8;margin-top:20px}
.calculator-other{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px;padding-top:24px;border-top:1px solid var(--border)}
.calculator-other a{padding:10px 16px;border:1px solid var(--border);border-radius:8px;font-weight:600;color:var(--blue);background:#fff}
.calculator-other a[aria-current=page]{background:var(--gold-pale)}
.more-calculators{text-align:center;margin-top:28px}
.more-calculators .btn{color:var(--blue)}
@media(max-width:1100px) and (min-width:769px){.nav{gap:14px}.logo-img{height:60px}.nav a,.calc-nav{font-size:.82rem}}
@media(max-width:768px){
 .nav{overflow-y:auto;visibility:hidden}.nav.open{visibility:visible}
 .calc-nav{width:100%;font-size:1.1rem}.calc-submenu{position:static;min-width:0;box-shadow:none;margin-top:8px;padding:6px;background:var(--off-white)}
 .nav .calc-submenu a{font-size:.97rem;padding:11px 9px}.nav{gap:14px}
 .calculator-page{padding-top:92px}.calculator-intro{padding:36px 0 30px}
 .calculator-hub,.calculator-tool{padding:28px 0 48px}.calculator-cards{grid-template-columns:1fr;gap:16px}
 .calculator-card{padding:24px}.calculator-card .btn{width:100%}.calculator-number{margin-bottom:16px}
 .calculator-page .calc-inputs,.calculator-page .calc-results{padding:24px 20px}.calculator-page .calc-layout{gap:20px}
 .calculator-other{flex-direction:column}.calculator-page .result-row{font-size:.86rem}
}

@media(min-width:769px) and (max-width:1024px){
 .burger{display:flex}.nav{position:fixed;top:0;right:0;width:min(340px,85vw);height:100dvh;flex-direction:column;background:var(--white);padding:90px 30px 35px;gap:16px;transform:translateX(100%);visibility:hidden;overflow-y:auto;box-shadow:-8px 0 30px #0002;align-items:flex-start}
 .nav.open{transform:translateX(0);visibility:visible}.nav a,.calc-nav{font-size:1rem}.calc-nav{width:100%}.calc-submenu{position:static;min-width:0;box-shadow:none;margin-top:8px;background:var(--off-white)}
}

/* Wie viel Immobilie passt? */
.mlk{--bg:#f5f0e1;--panel:#fff;--edge:var(--border,#e4ddd0);--ink:var(--blue,#122c54);--ink-soft:#46597a;--ink-faint:#6f7c93;--gold:#806c13;--gold-bright:var(--gold,#c8aa23);--track:#ece4cf;--res-bg:#122c54;--res-ink:#f5f0e1;--res-soft:#c4cfe0;--warn:#f0968b;--f-head:"Source Sans 3",system-ui,sans-serif;--f-body:"Source Sans 3",system-ui,sans-serif}
.mlk *{box-sizing:border-box}
  

  .mlk .mlk-wrap { max-width: 640px; margin: 0 auto; padding-inline: 16px; padding-block: 28px 56px; display: grid; gap: 18px; }
  .mlk-eyebrow { font: 700 12px var(--f-head); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin: 0; }
  .mlk-lede { color: var(--ink-soft); margin: 0; max-width: 56ch; }
  .mlk-card { background: var(--panel); border: 1px solid var(--edge); border-radius: 14px; padding: 20px; display: grid; gap: 18px; }
  .mlk-sec { font: 700 17px var(--f-head); margin: 0; }
  .mlk-note { color: var(--ink-faint); font-size: 13px; margin: -12px 0 0; }
  .mlk-field { display: grid; gap: 6px; }
  .mlk-field label { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 14px; font-weight: 500; color: var(--ink-soft); }
  .mlk-field label .mlk-v { font: 700 16px var(--f-head); color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .mlk-field .mlk-hint { font-size: 12px; color: var(--ink-faint); }
  .mlk input[type="range"] { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 6px; background: var(--track); margin: 8px 0; }
  .mlk input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: var(--gold-bright); border: 3px solid var(--panel); box-shadow: 0 1px 4px rgba(0,0,0,.3); cursor: pointer; }
  .mlk input[type="range"]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: var(--gold-bright); border: 3px solid var(--panel); cursor: pointer; }
  .mlk input[type="range"]:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
  .mlk-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; background: var(--track); padding: 4px; border-radius: 10px; }
  .mlk-seg button { font: 600 14px var(--f-head); border: 0; border-radius: 8px; padding: 10px; background: transparent; color: var(--ink-soft); cursor: pointer; }
  .mlk-seg button[aria-pressed="true"] { background: var(--panel); color: var(--ink); box-shadow: 0 1px 3px rgba(0,0,0,.15); }
  .mlk-seg button:focus-visible { outline: 2px solid var(--gold); }
  .mlk-result { background: var(--res-bg); color: var(--res-ink); border-radius: 14px; padding: 24px 20px; display: grid; gap: 6px; }
  .mlk-result .mlk-lbl { font: 700 12px var(--f-head); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-bright); margin: 0; }
  .mlk-result .mlk-big { font: 800 clamp(40px, 10vw, 58px)/1 var(--f-head); margin: 4px 0 6px; font-variant-numeric: tabular-nums; }
  .mlk-rows { display: grid; margin-top: 10px; }
  .mlk-row { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid rgba(255,255,255,.1); font-size: 15px; }
  .mlk-row span:first-child { color: var(--res-soft); } .mlk-row span:last-child { font-weight: 700; font-variant-numeric: tabular-nums; }
  .mlk-warn { display: none; margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: rgba(240,150,139,.15); color: var(--warn); font-size: 14px; }
  .mlk-warn.show { display: block; }
  .mlk-extra { font-size: 13px; color: var(--res-soft); margin: 10px 0 0; }
  .mlk-disc { font-size: 12px; color: var(--ink-faint); text-align: center; margin: 4px 8px 0; }
  .mlk-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
  .mlk-grid2 > * { min-width: 0; }
  @media (max-width: 480px) { .mlk-grid2 { grid-template-columns: 1fr; } }
.mlk [hidden]{display:none!important}
