.makler-cost-page .cost-answer,.makler-cost-page .cost-contact{grid-template-columns:1.2fr 1fr;align-items:start;gap:clamp(24px,5vw,72px);display:grid}.makler-cost-page .cost-note{border:1px solid hsl(var(--border));border-top:4px solid hsl(var(--primary));background:hsl(var(--muted)/.35);border-radius:1.5rem;padding:clamp(24px,3vw,40px)}.makler-cost-page .cost-text-link{text-underline-offset:5px;align-items:center;gap:10px;margin-top:24px;font-weight:700;text-decoration:underline;display:inline-flex}.makler-cost-page .cost-flow,.makler-cost-page .cost-models{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.makler-cost-page .cost-flow li{border:1px solid hsl(var(--border));background:hsl(var(--muted)/.3);border-radius:1.5rem;flex-direction:column;padding:28px;display:flex}.makler-cost-page .cost-flow-top{justify-content:space-between;align-items:center;display:flex}.makler-cost-page .cost-flow-label{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:24px;font-weight:700;display:flex}.makler-cost-page .cost-model{border:1px solid hsl(var(--border));border-radius:1.5rem;padding:28px}.makler-cost-page .cost-model:first-child{background:hsl(var(--primary)/.1);border-color:hsl(var(--primary)/.5)}.makler-cost-page .cost-model p{color:hsl(var(--muted-foreground));margin-top:16px;line-height:1.7}.makler-cost-page .cost-check{border:1px solid #ffffff26;border-radius:1.25rem;gap:16px;padding:24px;display:flex}.makler-cost-page .cost-check h3{color:#fff}.makler-cost-page .cost-next{border:1px solid hsl(var(--border));border-radius:1.25rem;padding:24px;transition:background-color .2s,border-color .2s}.makler-cost-page .cost-next:hover{background:hsl(var(--primary)/.08);border-color:hsl(var(--primary))}.makler-cost-page a:focus-visible,.makler-cost-page button:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:4px}.makler-cost-page #fragen [data-state=closed][role=region]{display:none}.makler-cost-page .topic-hero-content>p{color:#ffffffd9}.makler-cost-page .cost-contact>*,.makler-cost-page .cost-answer>*{min-width:0}@media (width<=767px){.makler-cost-page .cost-answer,.makler-cost-page .cost-contact,.makler-cost-page .cost-flow,.makler-cost-page .cost-models{grid-template-columns:1fr}.makler-cost-page .cost-flow-label svg{transform:rotate(90deg)}.makler-cost-page .cost-contact img{display:none}.makler-cost-page .topic-hero .btn-md{white-space:normal;min-width:0;max-width:100%;font-size:14px}.makler-cost-page .cost-flow li,.makler-cost-page .cost-model{padding:24px}}.home-topic-page.makler-cost-page{--topic-section-space:36px;--topic-heading-space:24px}.makler-cost-page .hero-headline-v2{font-size:clamp(28px,4.2vw,60px)}.makler-cost-page .topic-hero-content{padding-block:24px 28px}.makler-cost-page .topic-hero-content>p{max-width:660px;margin-block:18px 24px;font-size:clamp(16px,1.3vw,18px)}.makler-cost-page .heading-2{font-size:clamp(25px,2.4vw,34px);line-height:1.15}.makler-cost-page .heading-3{font-size:22px;line-height:1.3}.makler-cost-page .cost-answer>div>p{font-size:16px}.makler-cost-page .cost-answer,.makler-cost-page .cost-contact{gap:clamp(20px,3.5vw,48px)}.makler-cost-page .cost-note,.makler-cost-page .cost-flow li,.makler-cost-page .cost-model,.makler-cost-page .cost-check,.makler-cost-page .cost-next{border-radius:1.125rem;padding:20px}.makler-cost-page .cost-flow,.makler-cost-page .cost-models{gap:16px}.makler-cost-page .cost-flow h3{margin-top:18px}.makler-cost-page .cost-flow-label{padding-top:18px}.makler-cost-page .cost-check h3,.makler-cost-page .cost-next h3{font-size:18px}.makler-cost-page .btn-md{min-height:44px;padding:10px 18px;font-size:14px}.makler-cost-page #fragen button{padding-block:14px;font-size:16px}@media (width<=767px){.home-topic-page.makler-cost-page{--topic-section-space:28px;--topic-heading-space:20px}.makler-cost-page .hero-headline-v2{font-size:clamp(24px,6.5vw,38px)}.makler-cost-page .heading-2{font-size:clamp(22px,5.8vw,28px)}.makler-cost-page .topic-hero-content{padding-block:20px 24px;padding-inline:16px}.makler-cost-page .heading-3{font-size:20px}}
