.mk-page{background:linear-gradient(180deg,#0E9E8E 0%,#0a5a63 44%,#103040 76%,var(--grey-footer) 100%);color:#fff;position:relative;overflow:hidden}.mk-page .wrap{position:relative;z-index:2}.mk-page h1{color:#fff}.mk-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1}.mk-orb.a{top:160px;right:-130px;width:520px;height:520px;background:radial-gradient(circle,rgba(255,192,0,.22),transparent 64%)}.mk-orb.b{top:520px;left:-170px;width:540px;height:540px;background:radial-gradient(circle,rgba(20,200,180,.22),transparent 70%)}.mk-hero-top{text-align:center;padding:34px 0 10px}.mk-crumb{display:flex;justify-content:center;gap:9px;font-size:.86rem;font-weight:600;color:#fffc;margin-bottom:20px;flex-wrap:wrap}.mk-crumb a{color:#ffffffe0;text-decoration:none}.mk-crumb a:hover{color:#fff;text-decoration:underline}.mk-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#06342f;background:linear-gradient(135deg,#25d6be,#14c8a6);padding:8px 16px;border-radius:var(--r-pill);box-shadow:0 8px 22px #14c8a666}.mk-hero-top h1{margin-top:16px}.mk-hero-top .lead{color:#e0f8f4eb;max-width:680px;margin:14px auto 0}.mk-hero-vs{display:inline-flex;align-items:center;gap:12px;margin-top:18px;font-family:var(--font-display);font-weight:800}.mk-hero-vs span{display:inline-flex;align-items:center;gap:8px;font-size:1rem;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);padding:8px 16px;border-radius:var(--r-pill)}.mk-hero-vs .x{background:none;border:none;color:#ffffffb3;font-size:.86rem;padding:0}.mk-dash{padding:28px 0 80px}.mk-foot{color:#e0ecea99;font-size:.78rem;line-height:1.6;margin-top:22px;max-width:900px}.mk-result{display:flex;flex-direction:column;gap:18px}.mk-card{background:#fff;color:var(--ink);border-radius:var(--r-xl);box-shadow:0 22px 50px #0210284d;padding:22px clamp(18px,3vw,26px)}.mk-card-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.mk-card-h span{font-family:var(--font-display);font-weight:700;font-size:1.04rem;color:var(--ink)}.mk-card-h small{font-size:.82rem;color:var(--ink-mute)}.mk-presets{display:flex;gap:7px;flex-wrap:wrap}.mk-hero{display:flex;align-items:center;gap:clamp(14px,3vw,26px);border-radius:var(--r-xl);padding:clamp(20px,3.5vw,30px) clamp(20px,4vw,34px);box-shadow:0 26px 60px #02102857;position:relative;overflow:hidden}.mk-hero.kauf{background:linear-gradient(135deg,#fff8e8,#fff0cc)}.mk-hero.miete{background:linear-gradient(135deg,#eef5ff,#dcebff)}.mk-hero-ic{font-size:clamp(2.6rem,6vw,3.6rem);line-height:1;flex-shrink:0;filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}.mk-eyebrow{font-family:var(--font-display);font-weight:800;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}.mk-verdict{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,1rem + 2.6vw,2.4rem);line-height:1.08;letter-spacing:-.02em;color:var(--ink);margin:4px 0 0}.mk-verdict span{color:#b5740b}.mk-hero.miete .mk-verdict span{color:var(--blue-700)}.mk-hero-sub{font-size:.96rem;line-height:1.55;color:var(--ink-soft);margin-top:10px;max-width:56ch}.mk-hero-sub strong{color:var(--ink);font-family:var(--font-figure)}.mk-chart-wrap{position:relative}.mk-chart{width:100%;height:clamp(200px,34vw,250px);display:block}.mk-be-flag{position:absolute;top:-2px;transform:translate(-50%);font-family:var(--font-display);font-weight:700;font-size:.72rem;color:#7a6a1f;background:#fff7df;border:1px solid #ecdca0;padding:2px 9px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px #9a8b3a33;pointer-events:none}.mk-chart-x{display:flex;justify-content:space-between;font-size:.76rem;color:var(--ink-mute);margin-top:8px;font-family:var(--font-figure)}.mk-versus{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}.mk-side{background:#fff;border-radius:var(--r-xl);box-shadow:0 18px 44px #02102842;padding:20px;border-top:4px solid transparent}.mk-side.kauf{border-top-color:#e0a800}.mk-side.miete{border-top-color:#0064fe}.mk-side-h{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--ink)}.mk-dot{width:11px;height:11px;border-radius:3px}.mk-dot.kauf{background:#e0a800}.mk-dot.miete{background:#0064fe}.mk-side-big{font-family:var(--font-figure);font-weight:700;font-size:clamp(1.8rem,1.2rem + 2vw,2.4rem);letter-spacing:-.02em;color:var(--ink);margin-top:10px;line-height:1;font-variant-numeric:tabular-nums}.mk-side.kauf .mk-side-big{color:#b5740b}.mk-side.miete .mk-side-big{color:var(--blue-700)}.mk-side-sub{font-size:.8rem;color:var(--ink-mute);margin-top:4px}.mk-break{list-style:none;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:7px}.mk-break li{display:flex;justify-content:space-between;gap:10px;font-size:.84rem;color:var(--ink-soft)}.mk-break b{font-family:var(--font-figure);color:var(--ink);white-space:nowrap}.mk-vs{align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px}.mk-vs>span{font-family:var(--font-display);font-weight:800;font-size:.8rem;color:var(--ink-mute);letter-spacing:.1em}.mk-vs b{font-family:var(--font-figure);font-weight:700;font-size:1.15rem;line-height:1;padding:6px 12px;border-radius:var(--r-pill);white-space:nowrap}.mk-vs.kauf b{color:#8a5a06;background:#fff0cc}.mk-vs.miete b{color:var(--blue-800);background:var(--blue-50)}.mk-vs small{font-size:.68rem;color:var(--ink-mute)}@media(max-width:720px){.mk-versus{grid-template-columns:1fr}.mk-vs{flex-direction:row;gap:10px}}.mk-flow{display:flex;height:38px;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.mk-flow-seg{height:100%;min-width:2px;transition:width .5s var(--ease)}.mk-flow-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:13px;font-size:.84rem;color:var(--ink-soft)}.mk-flow-legend span{display:inline-flex;align-items:center;gap:7px}.mk-flow-legend i{width:11px;height:11px;border-radius:3px}.mk-flow-legend b{font-family:var(--font-figure);color:var(--ink)}
