/* mietkosten.at — Landingpage-Styles */
.draft-ribbon{background:#ffedb5;color:#513a00;border-bottom:1px solid #e0bd50;padding:9px 18px;display:flex;justify-content:center;gap:12px;align-items:center;text-align:center;font-size:.78rem;line-height:1.35;position:relative;z-index:80}
.draft-ribbon strong{background:#513a00;color:#fff;border-radius:4px;padding:2px 7px;letter-spacing:.08em;font-size:.68rem}

.hero{background:radial-gradient(circle at 50% 0,#f3f7fc 0,#fff 62%);padding:clamp(48px,6.5vw,78px) 0 40px;text-align:center;overflow:hidden}
.hero-inner{max-width:940px}
.hero-kicker{display:inline-flex;color:var(--navy);background:var(--navy-soft);border:1px solid #d8e2f0;border-radius:99px;padding:7px 14px;font-size:.77rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:22px}
.hero h1{font-size:clamp(2.35rem,5.5vw,4.2rem);line-height:1.04;max-width:920px;margin:0 auto 22px;letter-spacing:-.052em}
.hero h1 em{font-style:normal;color:var(--navy)}
.hero-lead{font-size:clamp(1.05rem,2.2vw,1.28rem);line-height:1.65;color:var(--muted);max-width:760px;margin:0 auto}
.btn{position:relative;background:#245a9f;box-shadow:0 10px 24px rgba(31,78,143,.22)}
.btn:hover{background:#1b4a87}.btn[href]{padding-right:54px}.btn[href]::after{content:"→";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.2rem;font-weight:400;transition:transform .15s ease}.btn[href]:hover::after{transform:translate(3px,-50%)}
.btn-primary{padding:14px 34px;box-shadow:0 12px 28px rgba(31,78,143,.25)}
.btn .btn-sub{line-height:1.35}
#mkHeroCta.mk-hero-cta{display:grid;grid-template-columns:minmax(280px,390px);justify-content:center;justify-items:stretch;row-gap:12px;width:100%;margin:28px auto 0}
#mkHeroCta .btn{width:100%;min-height:62px}
.mk-video-link{display:block;width:max-content;max-width:100%;margin:0 auto;color:var(--navy);font-size:.84rem;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(32,73,135,.35);line-height:1.5}
.mk-video-link:hover{border-color:var(--navy)}
.mk-assurance-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:26px;row-gap:9px;width:100%;margin:22px auto 0;color:var(--muted);font-size:.8rem}
.mk-assurance-row>div{display:flex;align-items:center;white-space:nowrap}
.mk-assurance-row>div>span{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;background:#e5f7ee;color:#087a43;border-radius:50%;font-size:.68rem;font-weight:800}
.mk-assurance-mobile{display:none}
.hero-authority{margin:17px auto 0;color:var(--muted);font-size:.72rem;line-height:1.45}.hero-authority::before{content:"✓";display:inline-grid;place-items:center;width:16px;height:16px;margin-right:6px;background:var(--navy);color:#fff;border-radius:50%;font-size:.6rem;font-weight:800}

.mk-metrics{border-block:1px solid var(--line);background:#fff}
.mk-metrics-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:20px!important;padding-bottom:20px!important}
.mk-metric{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center;padding:4px 18px;border-right:1px solid var(--line)}
.mk-metric:last-child{border-right:0}
.mk-metric strong{display:block;color:var(--navy);font-size:.98rem;line-height:1.25}
.mk-metric p{display:block;margin:3px 0 0!important;color:var(--muted);font-size:.7rem;line-height:1.35;max-width:180px}

.video-section{background:#fff}
.video-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(36px,6vw,72px);align-items:center}
.mobile-video-heading{display:none}
.mobile-video-cta{display:none}
.video-copy h2,.quiz-intro h2,.authority-copy h2,.fairness-box h2{text-align:left}
.video-copy p{color:var(--muted);margin-top:18px}
.eyebrow.left{text-align:left}.eyebrow.light{color:#b9d4ff}
.video-box{border-radius:18px;overflow:hidden;background:#091527;border:1px solid #cbd7e6;box-shadow:0 22px 60px rgba(17,38,70,.16)}
.video-box wistia-player{display:block}
wistia-player[media-id='s0tz3ijiyl']:not(:defined){background:center/cover no-repeat url('/assets/img/vsl-poster.jpg');display:block;padding-top:56.25%}
.expert-line{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.expert-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:.78rem;flex:none}
.expert-avatars{display:flex;flex:none;padding-left:9px}.expert-avatars>span{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:.66rem;border:2px solid #fff;margin-left:-9px}.expert-avatars>span:last-child{background:#3970ac}.expert-avatars img{width:39px;height:39px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-9px;display:block}
.expert-line b,.expert-line small{display:block}.expert-line small{color:var(--muted);font-size:.76rem}

.quiz-section{background:var(--navy-dark);color:#fff}
.quiz-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(38px,7vw,86px);align-items:center}
.quiz-intro h2{color:#fff;font-size:clamp(1.8rem,3.5vw,2.65rem)}
.quiz-intro>p{color:#ccd9eb;margin-top:18px}
.check-list{list-style:none;margin-top:24px}.check-list li{margin:12px 0;padding-left:28px;position:relative}.check-list li::before{content:"✓";position:absolute;left:0;color:#73dca7;font-weight:800}
.quiz-box{background:#fff;color:var(--ink);border-radius:18px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.28);text-align:left}
.quiz-box-inner{padding:clamp(26px,5vw,42px)}
.progress{height:6px;background:#e7ebf0}.progress span{display:block;height:100%;background:#1bb26b;width:0;transition:width .4s ease}
.quiz-step-label{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin-bottom:8px}
.quiz-box h3{font-size:1.25rem;margin-bottom:20px}
.quiz-hint{font-size:.78rem;line-height:1.5;color:var(--muted);background:var(--navy-soft);border-radius:8px;padding:10px 12px;margin:-8px 0 16px}
.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:10px;font-size:.95rem;cursor:pointer;transition:.15s;min-height:50px;color:var(--ink)}
.opt::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid #bdc7d4;flex:none}.opt::after{content:"→";margin-left:auto;color:#8b9bb0;font-weight:700}.opt:hover{border-color:var(--navy);background:var(--navy-soft)}.opt:hover::before{border-color:var(--navy)}.opt:hover::after{color:var(--navy)}
.opt.selected{border-color:var(--navy);background:var(--navy-soft);color:var(--navy);font-weight:700}.opt.selected::before{border:5px solid var(--navy);background:#fff}.opt:disabled{cursor:default;opacity:.7}.opt.selected:disabled{opacity:1}
.quiz-privacy{border-top:1px solid var(--line);background:#f8fafc;padding:11px 22px;text-align:center;color:var(--muted);font-size:.7rem}
.submit-reassurance{text-align:center;color:var(--muted);font-size:.67rem;margin:10px auto 0}
.contact-intro{font-size:.84rem;line-height:1.55;margin-bottom:16px}
.result-teaser{display:grid;gap:7px;background:var(--navy-soft);border-radius:9px;padding:13px 14px;margin:0 0 18px;color:var(--ink);font-size:.76rem}.result-teaser span{position:relative;padding-left:21px}.result-teaser span::before{content:"✓";position:absolute;left:0;color:var(--money);font-weight:800}
.pricing-preview{border:1.5px solid #cad8ea;border-radius:11px;overflow:hidden;margin-bottom:16px;background:#fff}
.pricing-title,.pricing-preview>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 13px}
.pricing-title{background:var(--navy-soft);border-bottom:1px solid #dbe4f0;font-size:.78rem}.pricing-title>span{font-size:.56rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap}
.pricing-preview>div:not(.pricing-title){font-size:.76rem;border-bottom:1px solid var(--line)}.pricing-preview strong{color:var(--ink);white-space:nowrap}.pricing-preview .pricing-future strong{color:var(--money)}
.pricing-preview>p{font-size:.65rem;line-height:1.45;color:var(--muted);padding:10px 13px;max-width:none}
.contact-reassurance{display:grid;gap:5px;margin:0 0 16px;color:var(--muted);font-size:.69rem}.contact-reassurance span::first-letter{color:var(--money)}
.control-note{background:#edf7f2;border-left:3px solid var(--money);border-radius:8px;padding:12px 13px;margin:0 0 13px}.control-note b,.control-note span{display:block}.control-note b{font-size:.78rem;color:#12623b;margin-bottom:3px}.control-note span{font-size:.68rem;line-height:1.48;color:#3f5f50}
.contact-prompt{font-weight:800;font-size:.9rem;margin-bottom:10px}.field-label{display:flex;justify-content:space-between;gap:8px;font-size:.72rem;font-weight:700;margin:0 2px 5px}.field-hint{font-size:.68rem;color:var(--muted);line-height:1.45;margin:-2px 2px 10px}

.section-heading{text-align:center;max-width:760px;margin:0 auto 48px}.section-heading p{color:var(--muted);margin:16px auto 0}
.eligibility-section{background:#fff}.signal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.signal-card{border:1px solid var(--line);border-radius:14px;padding:28px;background:#fff;position:relative}.signal-number{font-size:.72rem;color:var(--navy);font-weight:800;letter-spacing:.08em}.signal-card h3{font-size:1.08rem;margin:10px 0 8px}.signal-card p{color:var(--muted);font-size:.93rem}.eligibility-note{max-width:800px;margin:26px auto 0;background:var(--navy-soft);padding:18px 22px;border-radius:10px;text-align:center;font-size:.92rem}

.examples-section{background:var(--bg-alt)}.example-grid{display:grid;grid-template-columns:minmax(280px,520px);justify-content:center;gap:18px;margin-bottom:36px}.example-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}.example-card.featured{border:2px solid var(--navy);box-shadow:0 14px 36px rgba(32,73,135,.12)}.placeholder-tag{display:inline-block;background:#fff0c9;color:#705200;border:1px solid #ead18d;border-radius:99px;padding:3px 8px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.example-card h3{margin:14px 0 20px}.example-math span,.example-math strong{display:block}.example-math span{font-size:.88rem;color:var(--muted);padding:6px 0;border-bottom:1px solid var(--line)}.example-math strong{font-size:2rem;color:var(--money);margin-top:13px;letter-spacing:-.04em}.example-card>p{font-size:.72rem;color:var(--muted);line-height:1.4;margin-top:3px}.example-card>p.example-disclaimer{font-size:.82rem;color:var(--ink);margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}

.process-section{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.process-step{position:relative;padding-top:21px;border-top:2px solid var(--navy)}.process-step>span{position:absolute;top:-17px;left:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:.8rem;font-weight:800;border:4px solid #fff}.process-step h3{margin:18px 0 8px}.process-step p{font-size:.88rem;color:var(--muted)}

.fairness-section{background:linear-gradient(180deg,#fff 50%,var(--bg-alt) 50%);padding-top:22px}.fairness-box{max-width:960px;background:var(--navy-dark);border-radius:20px;color:#fff;padding:clamp(30px,6vw,60px);display:grid;grid-template-columns:.85fr 1.15fr;gap:36px 54px;box-shadow:0 22px 55px rgba(21,51,95,.18)}.fairness-box h2{color:#fff}.fairness-box>div>p{color:#cbd8e9;margin-top:16px}.fairness-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fairness-facts div{background:rgba(255,255,255,.07);padding:14px 16px;border-radius:10px}.fairness-facts .fairness-primary{background:rgba(121,225,170,.13);border:1px solid rgba(121,225,170,.25)}.fairness-facts strong,.fairness-facts span{display:block}.fairness-facts strong{font-size:1.35rem;color:#d7e3f2}.fairness-facts .fairness-primary strong{font-size:1.65rem;color:#79e1aa}.fairness-facts span{font-size:.72rem;color:#d5e0ee;line-height:1.3}.fairness-small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.18);padding-top:18px;color:#bfcde0;font-size:.75rem;max-width:none}

.authority-section{background:var(--bg-alt)}.authority-grid{display:grid;grid-template-columns:1fr;max-width:760px;margin-inline:auto}.photo-placeholder{aspect-ratio:4/4.5;border:2px dashed #9db0c8;background:linear-gradient(145deg,#e5ebf3,#f9fafc);border-radius:18px;display:grid;place-content:center;text-align:center;color:var(--navy)}.photo-placeholder span{font-weight:800}.photo-placeholder small{display:block;color:var(--muted);margin-top:5px}.authority-copy>p{color:var(--muted);margin-top:18px}.check-list.dark li{color:var(--ink)}.check-list.dark li::before{color:var(--money)}.logo-placeholders{display:flex;gap:12px;margin-top:24px}.logo-placeholders span{border:1px dashed #9aacbf;background:#fff;padding:12px 22px;color:#738197;font-size:.66rem;font-weight:800;text-align:center;line-height:1.2}
.lawyer-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lawyer{margin:0}.lawyer img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:16px;display:block;box-shadow:0 14px 34px rgba(17,38,70,.16)}.lawyer figcaption{margin-top:10px;text-align:center}.lawyer figcaption b{display:block;font-size:.9rem;color:var(--navy)}.lawyer figcaption small{color:var(--muted);font-size:.72rem}
.partner-logos{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}.partner-logos .plogo{height:30px;width:auto;display:block}.reclaim-lockup{display:inline-flex;align-items:center;gap:6px}.reclaim-lockup img{height:29px;width:auto;display:block}.reclaim-lockup>span{font-weight:800;font-size:1rem;color:var(--navy);letter-spacing:.2px}

.reviews-section{background:#fff}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review{border:1px solid var(--line);border-radius:14px;padding:24px}.stars{color:#e9a62f;letter-spacing:2px;margin:16px 0 10px}.review blockquote{font-size:.92rem;line-height:1.65;color:var(--ink)}.review>p{font-size:.72rem;color:var(--muted);margin-top:18px}
.faq-section{background:var(--bg-alt)}

.final-cta{background:var(--navy);color:#fff}.final-cta h2{color:#fff;max-width:760px;margin:auto;font-size:clamp(1.8rem,4vw,2.8rem)}.final-cta p{color:#d2dfef;margin:18px auto 28px}.btn-light{background:#fff;color:var(--navy);box-shadow:0 12px 30px rgba(0,0,0,.18)}.btn-light:hover{background:#edf3fa}.btn-light::after{color:var(--navy)}.final-cta .final-micro{font-size:.75rem;margin:18px auto 0;color:#b9cae0}

.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-brand{display:block;color:#fff;font-size:1.12rem;margin-bottom:8px}.footer-grid p{max-width:650px}.footer-grid .links{flex:none;align-content:flex-start}

.fairness-box{padding:clamp(36px,6vw,60px)}
.verified-tag{display:inline-block;background:#e7f6ee;color:#12623b;border:1px solid #b9dfcb;border-radius:99px;padding:4px 9px;font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.result-stats{margin-top:4px}.result-stat{padding:16px 0 18px;border-top:1px solid var(--line)}.result-stat:first-child{border-top:0;padding-top:2px}.result-stat span,.result-stat strong{display:block}.result-stat span{color:var(--muted);font-size:.78rem;line-height:1.4;margin-bottom:7px}.result-stat strong{color:var(--money);font-size:clamp(1.8rem,7vw,2.35rem);line-height:1.08;letter-spacing:-.045em;white-space:nowrap}.example-cta{min-width:280px}

@media(max-width:820px){
  .mk-metrics-grid{grid-template-columns:1fr 1fr}.mk-metric:nth-child(2){border-right:0}.mk-metric:nth-child(-n+2){border-bottom:1px solid var(--line);padding-bottom:15px}.mk-metric:nth-child(n+3){padding-top:15px}
  .mk-assurance-desktop{display:none}.mk-assurance-mobile{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 24px;margin:26px auto 0;color:var(--muted);font-size:.78rem}
  .video-layout,.quiz-layout,.authority-grid,.fairness-box{grid-template-columns:1fr}.mobile-video-heading{order:0;display:block;text-align:center}.video-box{order:1}.video-copy{order:2}.mk-assurance-mobile{order:3}.mobile-video-cta{order:4}.quiz-intro{text-align:center}.quiz-intro h2,.quiz-intro .eyebrow{text-align:center}.quiz-intro>p{margin-inline:auto}.quiz-intro .check-list{display:inline-block;text-align:left}
  .mobile-video-heading>span{display:block;color:var(--navy);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.mobile-video-heading h2{text-align:center;font-size:clamp(1.35rem,4.5vw,1.75rem);max-width:640px;margin:0 auto}
  .video-copy>.eyebrow,.video-copy>h2{display:none}
  .example-grid{grid-template-columns:1fr}.example-card.featured{transform:none}.process-grid{grid-template-columns:1fr 1fr;gap:42px 22px}.review-grid{grid-template-columns:1fr}.authority-visual{max-width:450px;margin:auto;width:100%}.fairness-small{grid-column:auto}.footer-grid{display:block}.footer-grid .links{margin-top:26px}
}
@media(max-width:560px){
  body{font-size:1rem}.draft-ribbon span{display:none}.hero{padding:32px 0 24px}.hero h1{font-size:clamp(2.1rem,10vw,2.75rem);line-height:1.07}.hero-kicker{font-size:.62rem;margin-bottom:14px}.hero-lead{font-size:.98rem;line-height:1.5}.hero .btn{width:100%}#mkHeroCta.mk-hero-cta{grid-template-columns:1fr;margin-top:20px}.mk-assurance-desktop{display:none}.mk-video-link{display:none}.hero-authority{margin-top:14px;font-size:.68rem}
  .video-section{padding:26px 0 42px}.video-layout{gap:0}.mobile-video-heading{margin-bottom:16px}.video-box{margin-inline:-4px;border-radius:12px;box-shadow:0 14px 38px rgba(17,38,70,.17)}.video-copy{text-align:center;margin-top:24px}.video-copy .eyebrow{text-align:center}.video-copy h2{display:none}.video-copy>p{font-size:.86rem;margin:0 auto}.expert-line{justify-content:center;text-align:left;margin-top:18px;padding-top:14px}.mk-assurance-mobile{display:grid;grid-template-columns:1fr;justify-items:center;gap:7px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.mobile-video-cta{display:flex;width:100%;margin-top:22px}
  .mk-metric{padding-inline:6px}.mk-metric strong{font-size:.86rem}.mk-metric p{font-size:.62rem}
  section{padding:54px 0}.quiz-section .container-wide{padding-inline:10px}.quiz-box-inner{padding:24px 16px}.quiz-box h3{font-size:1.12rem}.opt{min-height:56px}.compact-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.compact-options .opt{margin:0;padding:11px 9px;font-size:.76rem;line-height:1.25}.compact-options .opt::before{width:15px;height:15px}.compact-options .opt::after{display:none}
  .signal-grid{grid-template-columns:1fr 1fr;gap:10px}.signal-card{padding:16px 13px;min-height:112px}.signal-card h3{font-size:.82rem;line-height:1.3;margin-top:6px}.signal-card p{display:none}.signal-number{font-size:.62rem}.eligibility-note{margin-top:18px;font-size:.8rem;padding:14px}
  .example-card{padding:24px 20px}.example-card h3{margin-bottom:16px}.result-stat strong{font-size:clamp(1.75rem,8.2vw,2.15rem)}.example-cta{width:100%;min-width:0;max-width:350px;padding-left:20px}.example-cta>span:first-child{white-space:nowrap}
  .process-grid{grid-template-columns:1fr;gap:10px}.process-step{border:1px solid var(--line);border-left:3px solid var(--navy);border-radius:9px;padding:14px 14px 14px 52px;min-height:88px}.process-step>span{top:16px;left:12px;width:27px;height:27px;border:0}.process-step h3{margin:0 0 4px;font-size:.92rem}.process-step p{font-size:.78rem;line-height:1.45}.fairness-facts{grid-template-columns:1fr 1fr}.fairness-box{border-radius:0}.fairness-section .container{padding-inline:0}.logo-placeholders{flex-wrap:wrap}
  .fairness-section{padding-top:16px;padding-bottom:48px}.fairness-box{padding:38px 22px 32px;gap:28px;border-radius:0}.fairness-box h2{font-size:1.75rem;margin-top:2px}.fairness-box>div>p{margin-top:12px;font-size:.88rem;line-height:1.6}.fairness-facts{gap:9px}.fairness-facts div{padding:14px 11px}.fairness-facts .fairness-primary strong{font-size:1.45rem}.fairness-facts span{font-size:.65rem}.fairness-small{padding-top:16px;font-size:.68rem;line-height:1.55}
  .final-cta{padding:62px 0 54px}.final-cta h2{font-size:1.8rem;line-height:1.15}.final-cta>div>p{margin:16px auto 24px;font-size:.9rem}.final-cta .btn-light{display:flex;width:100%;max-width:350px;min-height:64px;margin:0 auto;padding:13px 48px 13px 18px;font-size:.96rem}.final-cta .btn-light .btn-sub{font-size:.72rem;white-space:nowrap}.final-cta .btn-light::after{right:17px}.final-cta .final-micro{font-size:.66rem;margin-top:16px}
  .consent .consent-actions{width:100%}.consent button{flex:1;padding:10px 8px}
}

/* Must remain after the mobile rules: .container otherwise removes the box inset. */
@media(max-width:560px){
  .fairness-section .container.fairness-box{padding-left:22px;padding-right:22px}
}