:root {
  --page-bg:#f5f8fc; --surface:#fff; --surface-subtle:#f9fbfd; --surface-blue:#eaf3ff; --surface-blue-strong:#d8e9ff;
  --text:#12233d; --text-secondary:#536174; --text-muted:#69778a; --border:#ccd8e6; --border-strong:#a7b9ce;
  --primary:#0b5fcc; --primary-hover:#084ca6; --primary-pressed:#063d88; --primary-disabled:#9dbbe2; --focus:#8a4600;
  --success:#18794e; --success-bg:#e9f7f0; --warning:#8a4b08; --warning-bg:#fff6e8; --danger:#b42318; --danger-bg:#fef0ee;
  --shadow:0 10px 30px rgba(18,35,61,.07); --radius:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--page-bg);scroll-behavior:smooth}
body{margin:0;line-height:1.55;background:var(--page-bg)}
button,input,textarea{font:inherit} button{cursor:pointer} a{color:var(--primary);text-underline-offset:.2em}
h1,h2,h3,p{margin-top:0} h1{font-size:clamp(1.7rem,7vw,2.25rem);line-height:1.18;letter-spacing:-.025em} h2{font-size:1.35rem;line-height:1.25} h3{font-size:1rem;margin-bottom:.75rem}
.shell{width:min(calc(100% - 24px),1120px);margin-inline:auto}.shell>*{min-width:0}.sr-only,.honeypot{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
img,svg{max-width:100%;height:auto}p,li,dd,a,button,label{overflow-wrap:anywhere}
.skip-link{position:fixed;z-index:100;left:12px;top:8px;transform:translateY(-160%);padding:.75rem 1rem;color:#fff;background:var(--primary);border-radius:8px}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}
.site-header{min-height:64px;background:#fff;border-bottom:1px solid var(--border)}.site-header__inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-block:6px}
.brand{display:flex;align-items:center;gap:.55rem;color:var(--text);font-weight:750;text-decoration:none;font-size:.95rem}.site-header .brand__icon{display:block;flex:0 0 32px;width:32px;height:32px;object-fit:contain}.brand__suffix{color:var(--primary)}.brand--footer .brand__icon{display:grid;place-items:center;width:32px;height:32px;color:#fff;background:var(--primary);border-radius:9px;font-size:1.25rem}
.main{min-height:calc(100vh - 132px);padding:28px 0 56px}.eyebrow{margin-bottom:8px;color:var(--primary);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hero{max-width:720px;padding-top:8px}.hero h1{font-size:clamp(2rem,9vw,2.875rem);max-width:650px;margin-bottom:16px}.hero__lead{font-size:1.05rem;color:var(--text-secondary);max-width:650px}.hero__action{margin:24px 0 20px}
.trust-list{display:grid;gap:10px;padding:0;margin:0;list-style:none;color:var(--text-secondary)}.trust-list span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;color:var(--primary);background:var(--surface-blue);font-weight:800}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1rem;border:1px solid transparent;border-radius:12px;font-weight:680;text-decoration:none;transition:background-color .16s,border-color .16s}.button--large{min-height:52px}.button--primary{color:#fff;background:var(--primary)}.button--primary:hover{background:var(--primary-hover)}.button--primary:active{background:var(--primary-pressed)}.button--secondary{color:var(--text);background:#fff;border-color:var(--border-strong)}.button--secondary:hover{border-color:var(--primary);background:var(--surface-blue)}.button--text{min-height:44px;padding:.5rem;color:var(--primary);background:transparent;border:0}.button:disabled{cursor:not-allowed;color:#24354c;background:var(--primary-disabled)}
.notice{padding:16px;margin-bottom:24px;border:1px solid var(--border);border-radius:12px;background:#fff}.notice p:last-child{margin-bottom:0}.notice--info{background:var(--surface-blue);border-color:#afcff5}.notice--warning{background:var(--warning-bg);border-color:#e7c99e}.notice--error{background:var(--danger-bg);border-color:#e9afa9}.button-row{display:flex;flex-wrap:wrap;gap:12px}
.calculator-shell{max-width:760px}.progress{margin-bottom:24px}.progress__mobile{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--text-secondary);font-size:.85rem}.progress__mobile strong{color:var(--text)}.progress__editing{display:none}.progress__list{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:0;margin:0;list-style:none}.progress__item{height:5px;border-radius:99px;background:#dce5ef}.progress__item.is-complete,.progress__item.is-active{background:var(--primary)}.progress__dot,.progress__label{display:none}
.question-card,.content-card,.manual-card,.lead-form-card,.status-card,.success-card{padding:0}.question-help{margin-bottom:24px;color:var(--text-secondary)}.question-form fieldset{padding:0;margin:0;border:0}.options{display:grid;gap:12px}.option-card{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:72px;padding:17px 18px;background:#fff;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:background-color .16s,border-color .16s,box-shadow .16s}.option-card__text{display:grid;gap:4px;padding-right:34px}.option-card__text strong{font-size:1rem;line-height:1.38}.option-card__text small{color:var(--text-secondary);font-size:.88rem;line-height:1.45}.option-card input{position:absolute;right:18px;top:18px;width:24px;height:24px;margin:0;opacity:0}.option-card__control{position:absolute;right:18px;top:18px;width:24px;height:24px;border:2px solid var(--border-strong);background:#fff}.options--single .option-card__control{border-radius:50%}.options--multi .option-card__control{border-radius:6px}.option-card:has(input:checked){background:var(--surface-blue);box-shadow:inset 0 0 0 2px var(--primary);border-color:transparent}.options--single .option-card:has(input:checked) .option-card__control{border:7px solid var(--primary)}.options--multi .option-card:has(input:checked) .option-card__control{display:grid;place-items:center;color:#fff;background:var(--primary);border-color:var(--primary)}.options--multi .option-card:has(input:checked) .option-card__control::after{content:"✓";font-weight:900;line-height:1}.option-card:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px;box-shadow:inset 0 0 0 2px var(--primary)}
.option-card--exclusive{margin-top:10px}.option-card--exclusive::before{content:"";position:absolute;left:0;right:0;top:-11px;border-top:1px solid var(--border)}.options>.option-card--exclusive:first-of-type{margin-top:0}.options>.option-card--exclusive:first-of-type::before{display:none}.selection-status,.submit-status{min-height:1.5em;margin:16px 0 0;color:var(--text-secondary);font-size:.9rem}.selection-status{padding-left:12px}.question-validation--error,.field-error,.error-summary{padding:14px;margin-bottom:16px;color:var(--danger);background:var(--danger-bg);border:1px solid #e9afa9;border-radius:10px}.question-validation--error{display:flex;align-items:flex-start;gap:9px;margin-top:16px;font-weight:650;line-height:1.45}.question-validation--error::before{display:inline-grid;flex:0 0 auto;place-items:center;width:20px;height:20px;margin-top:1px;border:2px solid currentColor;border-radius:50%;content:"!";font-size:.78rem;font-weight:800;line-height:1}.navigation,.lead-actions{display:flex;flex-direction:column-reverse;gap:12px;margin-top:24px}.navigation .button,.lead-actions .button{width:100%}
.price-card{padding:24px;text-align:center;background:#fff;border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow)}.result-chip{display:inline-flex;padding:5px 10px;margin-bottom:16px;color:var(--primary);background:var(--surface-blue);border-radius:99px;font-size:.82rem;font-weight:700}.price{margin:14px 0 8px;color:var(--primary);font-size:clamp(2.35rem,11vw,3.625rem);font-weight:780;line-height:1.05;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.price__value,.price__separator{display:inline-block;white-space:nowrap}.net-notice{margin-bottom:10px;color:var(--text);font-weight:700}.price-card>p:last-child{max-width:680px;margin-inline:auto;color:var(--text-secondary)}
.result-shell{max-width:960px}.result-grid{display:grid;gap:16px;margin-top:16px}.content-card,.manual-card,.lead-form-card,.status-card,.success-card{padding:20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px rgba(18,35,61,.04)}.section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.summary-list{margin:0}.summary-list__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--border)}.summary-list dt{color:var(--text-secondary);font-size:.82rem}.summary-list dd{margin:2px 0 0;font-weight:600}.summary-list form{flex:0 0 auto}.summary-list .button{min-height:44px}.services__columns{display:grid;gap:20px}.services ul{padding:0;margin:0;list-style:none}.services li{position:relative;padding-left:26px;margin:9px 0}.check-list li::before,.minus-list li::before{position:absolute;left:0;color:var(--primary);font-weight:800}.check-list li::before{content:"✓"}.minus-list li::before{content:"–";color:var(--text-secondary)}
.content-card.mobile-accordion{padding:0;overflow:hidden}.accordion-heading{position:relative;display:flex;align-items:center;min-height:58px;padding:17px 20px;background:var(--surface-subtle)}.accordion-heading h2{padding-right:44px;margin:0;font-size:1.05rem}.accordion-toggle{position:absolute;inset:0;width:100%;min-height:58px;padding:0;border:0;border-radius:12px;background:transparent}.accordion-toggle:hover{background:rgba(11,95,204,.04)}.accordion-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.accordion-chevron{position:absolute;right:20px;top:50%;width:12px;height:12px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:translateY(-65%) rotate(45deg);transition:transform .16s}.accordion-toggle[aria-expanded="true"] .accordion-chevron{transform:translateY(-35%) rotate(225deg)}.result-accordion{padding:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px rgba(18,35,61,.04);overflow:hidden}.result-accordion .accordion-heading{border:0;border-radius:calc(var(--radius) - 1px)}.result-accordion .accordion-panel{padding:18px 20px 20px}.result-accordion.is-open .accordion-heading{background:var(--surface-blue);border-bottom:1px solid var(--border);border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0}.result-accordion.is-open .accordion-toggle{border-radius:12px 12px 0 0}.section-heading__desktop-action{display:none}.summary-mobile-action{margin:0 0 18px}.summary-mobile-action+.summary-list{margin-top:0}
.content-card.mobile-accordion.result-accordion{padding:0;overflow:hidden}
.project-summary-card .summary-list__row:first-child{border-top:0}.project-summary-card .accordion-toggle:hover{background:rgba(18,35,61,.025)}.project-summary-card[data-force-open] .accordion-toggle--mobile{display:none}
.price__separator{margin-inline:.18em}
.no-js .accordion-toggle{display:none}
.explanation .accordion-heading h2{font-size:1rem}.explanation p{max-width:68ch;margin:0}
.lead-cta{padding:24px;margin-top:20px;text-align:center;background:var(--surface-blue);border:1px solid #bcd5f4;border-radius:20px}.lead-cta p{max-width:720px;margin-inline:auto}.lead-cta__action{width:100%;max-width:520px;margin:20px auto 0}.lead-cta__action form,.lead-cta__action .button{width:100%}.lead-cta__action .button{flex-direction:column;gap:3px;min-height:72px;padding:12px 10px;text-align:center}.lead-cta__button-title{white-space:nowrap;font-size:1rem;font-weight:750;line-height:1.25}.lead-cta__button-note{white-space:nowrap;font-size:.82rem;font-weight:550;line-height:1.25}.manual-card,.success-card,.status-card{max-width:760px;margin-inline:auto}.status-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:16px;color:var(--primary);background:var(--surface-blue);border-radius:50%;font-size:1.5rem;font-weight:800}.status-icon--success{color:#fff;background:var(--success)}.success-card{background:var(--success-bg);border-color:#acd8c2}.status-card--error{border-top:4px solid var(--danger)}
.lead-context{display:grid;gap:3px;padding:16px 20px;margin:20px auto 12px;max-width:720px;background:var(--surface-blue);border-radius:12px}.lead-context strong{font-size:1.25rem}.lead-form-card{max-width:720px;margin-inline:auto}.lead-form-card--compact{max-width:560px}.lead-step{margin-bottom:8px;color:var(--primary);font-size:.85rem;font-weight:750}.lead-form{display:grid;gap:18px;margin-top:24px}.field{display:grid;gap:7px;font-weight:650}.field input,.field textarea{width:100%;min-height:48px;padding:12px 14px;color:var(--text);background:#fff;border:1px solid var(--border-strong);border-radius:12px}.field textarea{min-height:128px;resize:vertical}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.field small{color:var(--text-secondary);font-weight:400}.field__error{color:var(--danger)!important;font-size:.875rem}.field-row{display:grid;gap:18px}.salutation-group{min-width:0;padding:0;margin:0;border:0}.salutation-group legend{margin-bottom:7px;font-weight:650}.salutation-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.salutation-option{position:relative;display:flex;align-items:center;min-height:52px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;cursor:pointer}.salutation-option input{width:22px;height:22px;margin:0 10px 0 0}.salutation-option:has(input:checked){border-color:var(--primary);background:var(--surface-blue);box-shadow:inset 0 0 0 1px var(--primary)}.salutation-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.salutation-group[aria-invalid=true] .salutation-option{border-color:var(--danger)}.optional-fields{border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle)}.optional-fields summary{min-height:48px;padding:12px 40px 12px 14px;color:var(--primary);font-weight:680;cursor:pointer}.optional-fields summary::marker{color:var(--primary)}.optional-fields__content{display:grid;gap:18px;padding:4px 14px 16px}.consent{display:flex;align-items:flex-start;gap:12px;font-weight:500}.consent input{flex:0 0 auto;width:24px;height:24px;margin:1px 0}.error-summary h2{font-size:1.05rem}.error-summary ul{margin-bottom:0}.error-summary small{display:block}.legal{max-width:760px;padding-top:24px}.site-footer{padding:12px 0 28px}.site-footer .shell{display:flex;gap:20px}.site-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-secondary)}
.summary-list__row>div{min-width:0}
@media (hover:hover){.option-card:hover{border-color:var(--border-strong);background:var(--surface-subtle);box-shadow:0 1px 2px rgba(18,35,61,.05)}.option-card:has(input:checked):hover{background:var(--surface-blue)}}
@media (min-width:480px){.question-card,.content-card,.manual-card,.lead-form-card,.status-card,.success-card{padding:24px;box-shadow:var(--shadow)}.hero{padding-top:32px}.navigation{flex-direction:row;justify-content:space-between}.navigation .button{width:auto;min-width:132px}.navigation .button--primary{order:2}}
@media (min-width:768px){.main{padding-top:40px}.site-header{height:72px}.brand{font-size:1.05rem}.shell{width:min(100% - 48px,1120px)}.options--single{grid-template-columns:repeat(2,minmax(0,1fr))}.question-card{padding:32px}.field-row,.services__columns{grid-template-columns:1fr 1fr}.lead-actions{flex-direction:row;align-items:center}.lead-actions .button{width:auto}.trust-list{grid-template-columns:repeat(3,max-content);gap:24px}.content-card.mobile-accordion{padding:24px;overflow:visible}.mobile-accordion .accordion-heading{min-height:0;padding:0;background:transparent;border:0}.mobile-accordion .accordion-heading h2{padding-right:0;font-size:1.35rem}.accordion-toggle--mobile{display:none}.mobile-accordion .accordion-panel{padding:0}.mobile-accordion .section-heading{margin-bottom:16px}.section-heading__desktop-action{display:block}.summary-mobile-action{display:none}}
@media (min-width:768px){.result-accordion .accordion-heading{min-height:58px;padding:17px 20px}.result-accordion .accordion-heading h2{padding-right:44px}.result-accordion .accordion-panel{padding:18px 20px 20px}.result-accordion .section-heading{margin-bottom:0}}
@media (min-width:1024px){.main{padding-top:48px}.progress{margin-bottom:40px}.progress__mobile{display:none}.progress--editing .progress__editing{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 12px;color:var(--text-secondary);font-size:.88rem}.progress__editing strong{color:var(--text)}.progress__list{position:relative;display:flex;justify-content:space-between;gap:0}.progress__list::before{content:"";position:absolute;top:14px;left:4%;right:4%;height:2px;background:var(--border);z-index:0}.progress__item{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;width:20%;height:auto;background:transparent!important}.progress__dot{display:grid;place-items:center;width:30px;height:30px;background:#fff;border:2px solid var(--border-strong);border-radius:50%;font-size:.78rem;font-weight:700}.progress__label{display:block;color:var(--text-secondary);font-size:.78rem}.progress__item.is-complete .progress__dot{color:#fff;background:var(--primary);border-color:var(--primary)}.progress__item.is-active .progress__dot{color:var(--primary);border:3px solid var(--primary)}.progress__item.is-active .progress__label{color:var(--text);font-weight:700}.question-card{padding:40px}.price-card{padding:40px}.content-card,.lead-form-card{padding:28px}.content-card.mobile-accordion{padding:28px}.hero{padding-top:56px}.hero__action .button{min-width:310px}.result-grid{grid-template-columns:5fr 7fr}.result-grid .explanation{grid-column:1/-1}.lead-cta{padding:32px}.price-card h1{font-size:2.25rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Public homepage */
.main--home{padding:0;overflow:hidden}.main--home>.notice--home{margin-top:24px}.site-header--home{position:relative;z-index:20;height:auto}.site-header__inner--home{flex-wrap:wrap}.nav-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 10px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:10px;font-weight:680}.nav-toggle__icon,.nav-toggle__icon::before,.nav-toggle__icon::after{display:block;width:19px;height:2px;background:currentColor;border-radius:99px;transition:transform .16s}.nav-toggle__icon{position:relative}.nav-toggle__icon::before,.nav-toggle__icon::after{position:absolute;left:0;content:""}.nav-toggle__icon::before{top:-6px}.nav-toggle__icon::after{top:6px}.nav-toggle[aria-expanded=true] .nav-toggle__icon{background:transparent}.nav-toggle[aria-expanded=true] .nav-toggle__icon::before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__icon::after{top:0;transform:rotate(-45deg)}.site-nav{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;padding:12px 0 8px;border-top:1px solid var(--border)}.site-nav>a{display:flex;align-items:center;min-height:44px;padding:8px 4px;color:var(--text);font-size:.92rem;font-weight:600;text-decoration:none}.site-nav>a:hover{color:var(--primary)}.site-nav form{margin-top:6px}.site-nav .button{width:100%}.js .site-nav{display:none}.js .site-nav.is-open{display:flex}.no-js .nav-toggle{display:none}
.home-hero{padding:44px 0 52px;background:linear-gradient(145deg,#fff 0%,#f7fbff 58%,#eaf3ff 100%);border-bottom:1px solid var(--border)}.home-hero__grid{display:grid;gap:32px;align-items:center}.home-hero__content{max-width:700px}.home-hero h1{max-width:680px;margin-bottom:18px;font-size:clamp(2.25rem,10vw,3.35rem);line-height:1.08}.home-hero__lead{max-width:680px;margin-bottom:26px;color:var(--text-secondary);font-size:1.08rem}.home-hero__actions{display:grid;gap:12px}.home-hero__actions .button,.home-hero__actions form{width:100%}.home-trust-list{display:grid;gap:10px;padding:0;margin:22px 0 0;list-style:none;color:var(--text-secondary);font-size:.93rem}.home-trust-list li{display:flex;align-items:flex-start;gap:9px}.home-trust-list span{display:grid;flex:0 0 auto;place-items:center;width:22px;height:22px;color:var(--success);background:var(--success-bg);border-radius:50%;font-weight:800}.hero-preview{padding:22px;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.hero-preview__label{margin-bottom:6px;color:var(--primary);font-size:.78rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.hero-preview h2{margin-bottom:18px}.hero-preview__types{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0 0 22px;list-style:none}.hero-preview__types li{padding:5px 9px;color:var(--primary);background:var(--surface-blue);border-radius:99px;font-size:.78rem;font-weight:700}.hero-preview__flow{display:grid;gap:0;padding:0;margin:0;list-style:none}.hero-preview__flow li{position:relative;display:flex;gap:12px;padding:0 0 20px}.hero-preview__flow li:last-child{padding-bottom:0}.hero-preview__flow li:not(:last-child)::after{position:absolute;top:30px;bottom:4px;left:14px;width:2px;background:var(--surface-blue-strong);content:""}.hero-preview__flow>li>span{position:relative;z-index:1;display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;color:#fff;background:var(--primary);border-radius:50%;font-size:.78rem;font-weight:800}.hero-preview__flow div{display:grid;gap:1px}.hero-preview__flow small{color:var(--text-secondary)}
.home-section{padding:58px 0;scroll-margin-top:16px}.home-section--white{background:#fff}.home-section--blue{background:#edf5ff;border-block:1px solid #d5e6fa}.home-section__heading{max-width:760px;margin-bottom:30px}.home-section__heading h2{margin-bottom:12px;font-size:clamp(1.7rem,6vw,2.35rem)}.home-section__heading>p:last-child{margin-bottom:0;color:var(--text-secondary);font-size:1.02rem}.home-section__heading--centered{text-align:left}.home-section__action{margin-top:24px}.home-section__action .button{width:100%}.info-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;color:var(--primary);background:var(--surface-blue);border:1px solid #c9def7;border-radius:11px;font-size:1rem;font-weight:800}.price-overview,.factor-grid,.comparison-grid,.project-type-grid{display:grid;gap:14px}.info-card,.factor-card,.comparison-card,.project-type-card,.scope-card{min-width:0;padding:20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 3px 14px rgba(18,35,61,.045)}.info-card h3,.factor-card h3,.comparison-card h3,.project-type-card h3,.scope-card h3{font-size:1.08rem}.info-card p:last-child,.factor-card p:last-child,.project-type-card p:last-child{margin-bottom:0;color:var(--text-secondary)}.price-overview__card{display:flex;flex-direction:column}.price-overview__price{margin:-2px 0 12px;color:var(--primary)!important;font-size:1.35rem;font-weight:780;font-variant-numeric:tabular-nums}.price-overview__note{max-width:760px;margin:20px 0 0;color:var(--text-secondary);font-size:.92rem}.factor-card{padding:18px}.factor-card .info-icon{width:38px;height:38px;margin-bottom:13px}.factor-card p{font-size:.93rem}.scope-grid{display:grid;gap:16px}.scope-card h3{margin-bottom:18px}.scope-card ul{padding:0;margin:0;list-style:none}.scope-card li{position:relative;padding-left:26px;margin:10px 0}.scope-card--included{border-top:3px solid var(--success)}.scope-card--included .check-list li::before{color:var(--success)}.scope-card--excluded{border-top:3px solid #bd5b55}.scope-card--excluded .minus-list li::before{color:#a64d47}
.comparison-card{padding:0;overflow:hidden}.comparison-card h3{padding:17px 20px;margin:0;border-bottom:1px solid var(--border);font-size:1.2rem}.comparison-card dl{padding:5px 20px 12px;margin:0}.comparison-card dl>div{padding:12px 0;border-bottom:1px solid rgba(155,174,199,.45)}.comparison-card dl>div:last-child{padding-bottom:0;border-bottom:0}.comparison-card dt{color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.comparison-card dd{margin:3px 0 0;font-size:.92rem;line-height:1.4}.comparison-card--builder{background:#fffdf8;border-color:#e6ddc9}.comparison-card--builder h3{background:#f8f2e7;border-color:#e6ddc9}.comparison-card--freelancer{background:#fbfdff;border-color:#cbdff7}.comparison-card--freelancer h3{color:var(--primary);background:#eaf4ff;border-color:#cbdff7}.comparison-card--agency{background:#fbfefc;border-color:#c8e2d3}.comparison-card--agency h3{color:#246b47;background:#eaf7ef;border-color:#c8e2d3}.project-type-card{display:flex;flex-direction:column;justify-content:space-between;gap:20px}.project-type-card p{font-size:.95rem}.project-type-card form,.project-type-card .button{width:100%}.process-grid{display:grid;gap:22px;padding:0;margin:0;list-style:none;counter-reset:process}.process-grid li{position:relative;padding-left:58px}.process-grid__number{position:absolute;left:0;top:0;display:grid;place-items:center;width:42px;height:42px;color:#fff;background:var(--primary);border-radius:50%;font-weight:800}.process-grid h3{margin:1px 0 5px}.process-grid p{margin:0;color:var(--text-secondary);font-size:.93rem}.about-grid{display:grid;gap:28px}.about-grid>div:first-child>p:last-child{color:var(--text-secondary)}.about-points{display:grid;gap:12px}.about-points article{height:100%;padding:16px 18px;background:#fff;border:1px solid #c9def7;border-radius:12px}.about-points h3{margin-bottom:5px}.about-points p{margin:0;color:var(--text-secondary);font-size:.93rem}
.faq-shell{max-width:900px}.faq-shell .home-section__heading{max-width:720px}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.faq-list summary{position:relative;display:flex;align-items:center;min-height:58px;padding:15px 54px 15px 17px;font-weight:700;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{position:absolute;right:18px;top:50%;width:12px;height:12px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:translateY(-65%) rotate(45deg);transition:transform .16s;content:""}.faq-list details[open] summary{color:var(--primary);background:var(--surface-blue);border-bottom:1px solid var(--border)}.faq-list details[open] summary::after{transform:translateY(-35%) rotate(225deg)}.faq-list details>div{padding:17px}.faq-list details p{max-width:72ch;margin:0;color:var(--text-secondary)}.home-final-cta{padding:42px 0;background:#dfeeff;border-top:1px solid #c4dcf7}.home-final-cta__inner{display:grid;gap:20px;align-items:center}.home-final-cta h2{margin-bottom:8px;font-size:clamp(1.7rem,6vw,2.25rem)}.home-final-cta p:last-child{margin:0;color:var(--text-secondary)}.home-final-cta form,.home-final-cta .button{width:100%}
.site-footer--home{padding:44px 0 22px;color:#dce7f5;background:#0e223e}.site-footer--home .footer-grid{display:grid;gap:30px}.site-footer--home h2{margin-bottom:12px;color:#fff;font-size:.9rem}.site-footer--home ul{padding:0;margin:0;list-style:none}.site-footer--home li{margin:3px 0}.site-footer--home a{min-height:40px;color:#c8d7e9;text-decoration:none}.site-footer--home a:hover{text-decoration:underline}.site-footer--home .brand--footer{display:inline-flex;min-height:44px;color:#fff}.footer-brand p{max-width:310px;margin:12px 0 0;color:#afc0d4;font-size:.9rem}.footer-bottom{display:flex;flex-direction:column;gap:6px;padding-top:20px;margin-top:30px;border-top:1px solid #354963;color:#9fb2c9;font-size:.82rem}
@media (min-width:480px){.home-hero__actions{display:flex;flex-wrap:wrap}.home-hero__actions form,.home-hero__actions .button{width:auto}.home-section__action .button{width:auto}.home-final-cta form,.home-final-cta .button{width:auto}.project-type-card form,.project-type-card .button{width:auto}.footer-bottom{flex-direction:row;justify-content:space-between}}
@media (min-width:600px){.home-hero{padding:64px 0}.price-overview,.factor-grid,.project-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section__heading--centered{margin-inline:auto;text-align:center}.home-final-cta__inner{grid-template-columns:1fr auto}.site-footer--home .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.site-header--home{min-height:76px}.site-header__inner--home{min-height:76px;flex-wrap:nowrap}.nav-toggle{display:none}.site-nav,.js .site-nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:3px;width:auto;padding:0;border:0}.site-nav>a{min-height:44px;padding:8px 9px;font-size:.84rem}.site-nav form{margin:0 0 0 8px}.site-nav .button{width:auto;min-height:44px;padding-inline:14px}.home-hero{padding:78px 0 84px}.home-hero__grid{grid-template-columns:minmax(0,7fr) minmax(340px,5fr);gap:64px}.home-hero h1{font-size:3.7rem}.home-hero__lead{font-size:1.16rem}.home-trust-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-section{padding:82px 0}.home-section__heading{margin-bottom:38px}.price-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.factor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.process-grid li{padding:58px 0 0}.process-grid__number{left:0}.about-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}.about-points{grid-template-columns:repeat(3,minmax(0,1fr))}.home-final-cta{padding:54px 0}.site-footer--home .footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:42px}}
@media (min-width:1200px){.site-nav>a{padding-inline:12px;font-size:.88rem}}

/* Touch targets in the homepage chrome remain usable on narrow screens. */
.site-header--home .brand{min-height:44px}
/* Keep the existing mobile navigation reachable without removing its layout space. */
@media (max-width:959.98px){
  .site-header--home{position:sticky;top:0;z-index:100}
  .site-header--home .site-nav.is-open{max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}
}
.site-footer--home a{display:inline-flex;align-items:center;min-height:44px}
@media (min-width:768px) and (max-width:959.98px){.site-header--home{min-height:72px}.site-header--home .site-nav{position:relative;z-index:1;background:#fff}}

/* Project-specific cost pages */
.cost-page-hero{padding:48px 0 56px;background:linear-gradient(145deg,#fff 0%,#f7fbff 58%,#eaf3ff 100%);border-bottom:1px solid var(--border)}
.cost-page-hero__grid{display:grid;gap:30px;align-items:center}.cost-page-hero h1{max-width:760px;margin-bottom:18px;font-size:clamp(2.15rem,9vw,3.4rem);line-height:1.08}.cost-page-hero__lead{max-width:740px;margin-bottom:26px;color:var(--text-secondary);font-size:1.08rem}.cost-page-hero__actions{display:grid;gap:12px}.cost-page-hero__actions form,.cost-page-hero__actions .button{width:100%}
.cost-highlight{padding:24px;background:#fff;border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:20px;box-shadow:var(--shadow)}.cost-highlight__label{margin-bottom:7px;color:var(--primary);font-size:.78rem;font-weight:750;letter-spacing:.055em;text-transform:uppercase}.cost-highlight__price{margin:0 0 12px;color:var(--primary);font-size:clamp(2rem,9vw,3rem);font-weight:790;line-height:1.05;font-variant-numeric:tabular-nums}.cost-highlight>p:not([class]){color:var(--text-secondary)}.cost-highlight small{display:block;color:var(--text);font-weight:700}
.cost-content-grid,.related-pages{display:grid;gap:16px}.cost-content-grid .info-card{display:flex;flex-direction:column;align-items:flex-start}.cost-content-grid .info-card p{flex:1}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--primary);font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}
.price-overview__card>p:not(.price-overview__price){flex:1;color:var(--text-secondary)}
.related-page-card{display:flex;flex-direction:column;align-items:flex-start;min-height:180px;padding:22px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 3px 14px rgba(18,35,61,.045);text-decoration:none}.related-page-card>strong{margin-bottom:8px;font-size:1.1rem}.related-page-card>span:not(.text-link){flex:1;color:var(--text-secondary);font-size:.93rem}.related-page-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}
@media (min-width:480px){.cost-page-hero__actions{display:flex;flex-wrap:wrap}.cost-page-hero__actions form,.cost-page-hero__actions .button{width:auto}}
@media (min-width:600px){.cost-content-grid,.related-pages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.cost-page-hero{padding:78px 0 84px}.cost-page-hero__grid{grid-template-columns:minmax(0,7fr) minmax(330px,5fr);gap:64px}.cost-page-hero h1{font-size:3.55rem}.cost-content-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cost-content-grid>.info-card:last-child:nth-child(5){grid-column:span 2}.related-pages{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Public navigation with accessible cost submenu */
.nav-menu{width:100%}.nav-menu summary{position:relative;display:flex;align-items:center;min-height:44px;padding:8px 30px 8px 4px;color:var(--text);font-size:.92rem;font-weight:600;cursor:pointer;list-style:none}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu__chevron{position:absolute;right:8px;top:50%;width:9px;height:9px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:translateY(-65%) rotate(45deg)}.nav-menu[open] .nav-menu__chevron{transform:translateY(-35%) rotate(225deg)}.nav-menu__panel{display:grid;padding:4px 0 8px 14px;border-left:2px solid var(--surface-blue-strong)}.nav-menu__panel a{display:flex;align-items:center;min-height:44px;padding:7px 10px;color:var(--text);font-size:.9rem;font-weight:580;text-decoration:none}.nav-menu__panel a:hover{color:var(--primary);background:var(--surface-blue)}
.site-nav>a[aria-current],.nav-menu__panel a[aria-current="page"]{color:var(--primary);background:var(--surface-blue);font-weight:750}.nav-menu.is-current>summary{color:var(--primary);background:rgba(11,95,204,.055);border-radius:8px}

/* FAQ, about and guide overview */
.info-page-hero{padding:48px 0 54px;background:linear-gradient(145deg,#fff 0%,#f7fbff 58%,#eaf3ff 100%);border-bottom:1px solid var(--border)}.info-page-hero__content{max-width:850px}.info-page-hero h1{max-width:830px;margin-bottom:18px;font-size:clamp(2.15rem,9vw,3.45rem);line-height:1.08}.info-page-hero__content>p:not(.eyebrow){max-width:760px;color:var(--text-secondary);font-size:1.08rem}.info-page-hero form{margin-top:25px}.anchor-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.anchor-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;color:var(--primary);background:#fff;border:1px solid #c9def7;border-radius:99px;font-size:.86rem;font-weight:680;text-decoration:none}.anchor-nav a:hover{background:var(--surface-blue)}
.faq-page-layout{max-width:900px;padding-block:54px}.faq-topic{padding-block:28px;scroll-margin-top:20px}.faq-topic:first-child{padding-top:0}.faq-topic>header{max-width:760px;margin-bottom:20px}.faq-topic h2{font-size:clamp(1.55rem,5vw,2rem)}.faq-topic .faq-list{max-width:900px}.faq-topic .faq-list a{color:var(--primary);font-weight:650}
.info-split{display:grid;gap:18px}.info-split h2{font-size:clamp(1.7rem,6vw,2.35rem)}.info-split>div:last-child{max-width:720px;color:var(--text-secondary)}.info-split>div:last-child p:last-child{margin-bottom:0}.about-principles{display:grid;gap:16px}.about-principles article{padding:22px;background:#fff;border:1px solid #c9def7;border-radius:var(--radius)}.about-principles article>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:16px;color:#fff;background:var(--primary);border-radius:50%;font-weight:800}.about-principles h3{margin-bottom:8px}.about-principles p{margin:0;color:var(--text-secondary)}
.guide-grid{display:grid;gap:16px}.guide-card{display:flex;flex-direction:column;align-items:flex-start;min-height:250px;padding:22px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 3px 14px rgba(18,35,61,.045);text-decoration:none}.guide-card h3{margin-bottom:10px}.guide-card p{flex:1;color:var(--text-secondary)}.guide-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}
.resource-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:24px}.resource-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--primary);font-weight:680;text-decoration:none}.resource-links a:hover{text-decoration:underline}
@media (min-width:600px){.about-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.nav-menu{position:relative;width:auto}.nav-menu summary{padding:8px 27px 8px 9px;font-size:.84rem}.nav-menu__chevron{right:10px}.nav-menu__panel{position:absolute;top:calc(100% + 7px);left:0;z-index:30;min-width:245px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.nav-menu__panel a{padding-inline:12px;border-radius:8px}.info-page-hero{padding:76px 0 80px}.info-page-hero h1{font-size:3.55rem}.faq-page-layout{padding-block:70px}.faq-topic{padding-block:36px}.info-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}.about-principles{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Ratgeberartikel */
.article-hero{padding:48px 0 52px;background:linear-gradient(145deg,#fff 0%,#f7fbff 58%,#eaf3ff 100%);border-bottom:1px solid var(--border)}.article-shell{max-width:900px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px 9px;margin-bottom:26px;color:var(--text-secondary);font-size:.86rem}.breadcrumbs a{color:var(--primary);font-weight:650;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.article-hero h1{max-width:850px;margin-bottom:20px;font-size:clamp(2.15rem,9vw,3.5rem);line-height:1.08}.article-lead{color:var(--text);font-size:1.16rem;line-height:1.65}.article-hero p:last-child{max-width:800px;margin-bottom:0;color:var(--text-secondary)}.article-layout{padding-block:42px 56px}.article-callout{padding:22px;background:var(--surface-blue);border:1px solid #bdd7f5;border-left:4px solid var(--primary);border-radius:var(--radius)}.article-callout h2{font-size:1.35rem}.article-callout p:last-child{margin-bottom:0}.article-toc{padding:20px;margin:24px 0 0;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.article-toc strong{display:block;margin-bottom:10px}.article-toc ul{display:grid;gap:5px;padding:0;margin:0;list-style:none}.article-toc a{display:inline-flex;align-items:center;min-height:38px;color:var(--primary);font-weight:620;text-decoration:none}.article-toc a:hover{text-decoration:underline}.article-content{max-width:780px;margin-top:42px}.article-content>section{padding-top:10px;margin-top:44px;scroll-margin-top:20px}.article-content>section:first-child{margin-top:0}.article-content h2{margin-bottom:18px;font-size:clamp(1.65rem,6vw,2.2rem)}.article-content h3{margin-top:30px;margin-bottom:10px;font-size:1.22rem}.article-content p,.article-content li{max-width:74ch}.article-content ul:not(.source-list),.article-content ol{display:grid;gap:8px;padding-left:1.35rem;margin:0 0 22px}.article-content a{color:var(--primary);font-weight:650}.article-category-grid{display:grid;gap:12px;margin:22px 0}.article-category-grid article{padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px}.article-category-grid h3{margin:0 0 6px;font-size:1.05rem}.article-category-grid p{margin:0;color:var(--text-secondary);font-size:.94rem}.article-checklist{counter-reset:article-check;padding:0!important;list-style:none}.article-checklist li{position:relative;min-height:42px;padding:10px 12px 10px 46px;background:#fff;border:1px solid var(--border);border-radius:10px}.article-checklist li::before{position:absolute;left:12px;top:9px;display:grid;place-items:center;width:26px;height:26px;color:#fff;background:var(--primary);border-radius:50%;font-size:.78rem;font-weight:800;counter-increment:article-check;content:counter(article-check)}.article-sources{padding-top:28px!important;border-top:1px solid var(--border)}.article-sources h2{font-size:1.35rem}.article-sources ul{font-size:.9rem}.guide-grid--featured{max-width:900px}.comparison-checklist-grid{display:grid;gap:14px;margin:24px 0}.comparison-checklist{padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px}.article-content .comparison-checklist h3{margin:0 0 12px;font-size:1.08rem}.article-content .comparison-checklist ul{gap:10px;padding:0;margin:0;list-style:none}.comparison-checklist li{display:flex;align-items:flex-start;gap:10px}.comparison-checklist li::before{flex:0 0 auto;margin-top:.3em;width:18px;height:18px;border:2px solid var(--primary);border-radius:4px;content:""}
@media (min-width:600px){.article-category-grid,.comparison-checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-toc ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}
@media (min-width:960px){.guide-grid--featured,.article-decision-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.article-hero{padding:74px 0 78px}.article-hero h1{font-size:3.55rem}.article-layout{padding-block:58px 78px}.article-callout{padding:28px}.article-toc{padding:24px}.article-content{margin-top:52px}}

/* Freigegebenes Startseiten-Redesign: ausschließlich Content innerhalb von .home-redesign */
.home-redesign{--home-blue:var(--primary);--home-blue-dark:var(--primary-hover);--home-blue-soft:#eef3ff;--home-blue-pale:#f7f9ff;--home-green:#1f9a69;--home-green-soft:#eaf8f2;--home-line:#dfe6f1;--home-shadow:0 16px 45px rgba(24,46,92,.09);--home-shadow-soft:0 8px 28px rgba(24,46,92,.07);color:#18253b;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.62}
.home-redesign .shell{width:min(1180px,calc(100% - 32px))}
.home-redesign .home-icon-library{position:absolute;width:0;height:0;overflow:hidden}
.home-redesign h1,.home-redesign h2,.home-redesign h3,.home-redesign .price-overview__price{font-family:"Segoe UI Variable Display","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif}
.home-redesign h1,.home-redesign h2{font-weight:650}.home-redesign h3{font-weight:600}
.home-redesign .eyebrow{display:inline-flex;align-items:center;min-height:28px;padding:5px 11px;margin:0 0 16px;color:var(--primary);background:var(--home-blue-soft);border:1px solid #dfe7ff;border-radius:99px;font-size:.75rem;font-weight:650;letter-spacing:.012em;text-transform:none}
.home-redesign .button{gap:9px;min-height:52px;padding:13px 19px;border-radius:11px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s}
.home-redesign .button:hover{transform:translateY(-2px);text-decoration:none}
.home-redesign .button--primary{color:#fff;background:var(--primary);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 22%,transparent)}
.home-redesign .button--primary:hover{background:var(--primary-hover);box-shadow:0 14px 30px color-mix(in srgb,var(--primary) 28%,transparent)}
.home-redesign .button--primary:active{background:var(--primary-pressed)}
.home-redesign .button--secondary{color:var(--home-blue);background:#fff;border-color:#b9c8ff}
.home-redesign .button--light{color:var(--home-blue);background:#fff;box-shadow:0 12px 30px rgba(1,12,42,.18)}
.home-redesign .button svg,.home-redesign .text-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.home-redesign .text-link{gap:7px;color:var(--home-blue);font-weight:700}

.home-redesign .home-hero{position:relative;overflow:hidden;padding:72px 0 86px;background:linear-gradient(145deg,#fff 5%,#f8faff 60%,#eef3ff);border:0}
.home-redesign .home-hero::before{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--primary) 3.5000000000000004%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 3.5000000000000004%,transparent) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent,#000 65%,transparent);content:""}
.home-redesign .home-hero__orb{position:absolute;border-radius:50%;filter:blur(3px)}.home-redesign .home-hero__orb--one{width:420px;height:420px;right:-150px;top:-190px;background:rgba(105,138,255,.13)}.home-redesign .home-hero__orb--two{width:220px;height:220px;left:47%;bottom:-150px;background:rgba(43,187,135,.09)}
.home-redesign .home-hero__grid{position:relative;display:grid;gap:54px;align-items:center}.home-redesign .home-hero__content{max-width:650px}
.home-redesign .home-hero h1{max-width:680px;margin:0 0 24px;color:#0b1930;font-size:clamp(2.55rem,11vw,4.65rem);line-height:1.06;letter-spacing:-.04em}.home-redesign .home-hero h1 span{display:block;color:var(--home-blue)}
.home-redesign .home-hero__lead{max-width:640px;margin:0;color:#5f6d81;font-size:1.08rem}
.home-redesign .home-hero__actions{display:flex;flex-direction:column;gap:12px;margin:30px 0}.home-redesign .home-hero__actions form,.home-redesign .home-hero__actions .button{width:100%}
.home-redesign .home-trust-list{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;width:fit-content;padding:0;margin:0;color:#39485e;font-size:.88rem;font-weight:650;list-style:none}.home-redesign .home-trust-list li{display:flex;align-items:center;gap:9px;white-space:nowrap}.home-redesign .home-trust-list svg{width:24px;height:24px;padding:4px;color:var(--home-blue);background:#fff;border:1px solid #dce5ff;border-radius:7px;fill:none;stroke:currentColor;stroke-width:1.7}
.home-redesign .home-trust-list li>span{display:inline;width:auto;height:auto;color:#39485e;background:transparent;border-radius:0;font-weight:650}
.home-redesign .hero-visual{position:relative;min-height:390px;display:grid;place-items:center}.home-redesign .hero-browser{position:relative;width:100%;max-width:610px;overflow:hidden;background:#fff;border:1px solid #d5dfef;border-radius:22px;box-shadow:0 34px 70px rgba(25,53,108,.18)}
.home-redesign .hero-browser__bar{height:36px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#f7f9fc;border-bottom:1px solid #e7ecf4}.home-redesign .hero-browser__bar span{width:7px;height:7px;background:#cbd5e5;border-radius:50%}.home-redesign .hero-browser__bar i{width:52%;height:8px;margin-left:12px;background:#e9edf4;border-radius:99px}
.home-redesign .hero-preview{display:grid;gap:22px;padding:24px;background:#fff;border:0;border-radius:0;box-shadow:none}.home-redesign .hero-preview__label{margin:0 0 7px;color:var(--primary);font-size:.68rem;font-weight:650;letter-spacing:.012em;text-transform:none}.home-redesign .hero-preview h2{margin:0 0 16px;font-size:1.12rem;line-height:1.25}.home-redesign .hero-preview__types{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;list-style:none}.home-redesign .hero-preview__types li{padding:5px 7px;color:var(--home-blue);background:var(--home-blue-soft);border-radius:99px;font-size:.62rem;font-weight:700}.home-redesign .hero-preview__lines{display:grid;gap:8px;margin-top:20px}.home-redesign .hero-preview__lines i{width:90%;height:7px;background:#edf1f7;border-radius:99px}.home-redesign .hero-preview__lines i:nth-child(2){width:70%}.home-redesign .hero-preview__lines i:nth-child(3){width:80%}
.home-redesign .hero-preview__flow{display:grid;gap:10px;padding:0;margin:0;list-style:none}.home-redesign .hero-preview__flow li{display:flex;gap:10px;align-items:flex-start;padding:9px;background:#f8faff;border:1px solid #edf1f8;border-radius:10px}.home-redesign .hero-preview__flow li::after{display:none}.home-redesign .hero-preview__flow>li>span{display:grid;flex:0 0 auto;place-items:center;width:24px;height:24px;color:#fff;background:var(--home-blue);border-radius:50%;font-size:.65rem}.home-redesign .hero-preview__flow div{display:grid}.home-redesign .hero-preview__flow strong{font-size:.7rem}.home-redesign .hero-preview__flow small{color:#5f6d81;font-size:.58rem}
.home-redesign .hero-floating-card{position:absolute;z-index:2;display:none;align-items:center;gap:10px;padding:11px 14px;background:rgba(255,255,255,.97);border:1px solid #dce4ef;border-radius:13px;box-shadow:var(--home-shadow-soft)}.home-redesign .hero-floating-card svg{width:28px;height:28px;padding:6px;color:#fff;background:var(--home-green);border-radius:50%;fill:none;stroke:currentColor;stroke-width:2}.home-redesign .hero-floating-card span{display:grid}.home-redesign .hero-floating-card small{color:#5f6d81;font-size:.62rem}.home-redesign .hero-floating-card strong{font-size:.72rem}.home-redesign .hero-floating-card--top{right:-18px;top:32px}.home-redesign .hero-floating-card--bottom{left:-18px;bottom:32px}

.home-redesign .home-section{padding:78px 0;background:#fff;border:0;scroll-margin-top:16px}.home-redesign .home-section__heading{max-width:790px;margin-bottom:38px}.home-redesign .home-section__heading--centered{margin-inline:auto;text-align:center}.home-redesign .home-section__heading h2,.home-redesign .home-scope__intro h2,.home-redesign .home-about__copy h2{margin:0 0 15px;color:#0b1930;font-size:clamp(2rem,7vw,3rem);line-height:1.12;letter-spacing:-.035em}.home-redesign .home-section__heading>p:last-of-type,.home-redesign .home-scope__intro>p,.home-redesign .home-about__copy>p{margin:0;color:#5f6d81;font-size:1.02rem}
.home-redesign .home-prices{background:linear-gradient(180deg,#f5f9ff 0%,#fbfdff 100%);border-block:1px solid #e7edf6}.home-redesign .price-overview{display:grid;gap:16px;align-items:stretch}.home-redesign .price-overview__card{--price-accent:var(--home-blue);--price-soft:#edf5ff;position:relative;display:flex;flex-direction:column;min-width:0;min-height:500px;padding:0;overflow:hidden;background:#fff;border:1px solid var(--home-line);border-top:3px solid var(--price-accent);border-radius:18px;box-shadow:var(--home-shadow-soft);transition:transform .18s,box-shadow .18s,border-color .18s}.home-redesign .price-overview__card--green{--price-accent:var(--home-green);--price-soft:var(--home-green-soft)}.home-redesign .price-overview__card--orange{--price-accent:#ed8318;--price-soft:#fff4e8}.home-redesign .price-overview__card--purple{--price-accent:#7651d8;--price-soft:#f4efff}.home-redesign .price-overview__card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--price-accent) 38%,var(--home-line));border-top-color:var(--price-accent);box-shadow:0 14px 34px rgba(24,46,92,.11)}.home-redesign .price-overview__visual{aspect-ratio:16/9;margin:13px 13px 0;overflow:hidden;background:var(--price-soft);border-radius:13px}.home-redesign .price-overview__visual img{display:block;width:100%;height:100%;object-fit:cover}.home-redesign .price-overview__body{display:flex;flex:1;flex-direction:column;min-width:0;padding:20px 20px 18px}.home-redesign .price-overview__card h3{margin:0 0 4px;color:#0b1930;font-size:1.04rem;line-height:1.3}.home-redesign .price-overview__price{margin:0 0 10px;color:var(--price-accent)!important;font-size:1.32rem;font-weight:720;letter-spacing:-.02em}.home-redesign .price-overview__description{flex:1;margin:0 0 16px;color:#5f6d81;font-size:.9rem;line-height:1.55}.home-redesign .price-overview__benefit{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 10px;margin:0 0 8px;color:#31435d;background:var(--price-soft);border-radius:9px;font-size:.76rem;font-weight:650;line-height:1.3}.home-redesign .price-overview__benefit span{display:grid;flex:0 0 auto;place-items:center;width:18px;height:18px;color:#fff;background:var(--price-accent);border-radius:50%;font-size:.7rem;font-weight:800}.home-redesign .price-overview__card .text-link{align-self:flex-start}.home-redesign .home-icon-bubble{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;color:var(--home-blue);background:var(--home-blue-soft);border:0;border-radius:16px}.home-redesign .home-icon-bubble svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.75}.home-redesign .price-overview__note{display:flex;align-items:flex-start;gap:10px;max-width:870px;padding:14px 18px;margin:22px auto 0;color:#40516a;background:var(--home-blue-pale);border:1px solid #e1e8f8;border-radius:12px;font-size:.86rem}.home-redesign .price-overview__note svg{flex:0 0 auto;width:22px;height:22px;color:var(--home-green);fill:none;stroke:currentColor;stroke-width:1.8}
.home-redesign .home-about__copy>p.eyebrow{margin-bottom:16px}
.home-redesign .home-drivers{background:linear-gradient(180deg,#f7f9fd,#fff)}.home-redesign .home-section__heading--split{display:grid;gap:18px;max-width:none}.home-redesign .home-section__heading--split>p{max-width:560px;align-self:end}.home-redesign .factor-grid{display:grid;gap:14px;align-items:stretch}.home-redesign .factor-card{position:relative;height:100%;min-height:230px;padding:24px;background:#fff;border:1px solid var(--home-line);border-radius:18px;box-shadow:0 5px 20px rgba(24,46,92,.045)}.home-redesign .factor-card__number{position:absolute;right:18px;top:15px;color:#d5deed;font-size:1.5rem;font-weight:650}.home-redesign .factor-card h3{margin:0 0 8px;font-size:1.05rem}.home-redesign .factor-card p{margin:0;color:#5f6d81;font-size:.9rem}
.home-redesign .home-scope{position:relative;overflow:hidden;background:#edf3ff}.home-redesign .home-scope::before{position:absolute;width:430px;height:430px;left:-240px;top:20px;background:color-mix(in srgb,var(--primary) 8%,transparent);border-radius:50%;content:""}.home-redesign .home-scope__grid{position:relative;display:grid;gap:36px}.home-redesign .home-scope__intro{position:relative}.home-redesign .home-scope__emblem{display:none}.home-redesign .scope-grid{display:grid;gap:16px}.home-redesign .scope-card{padding:25px;background:#fff;border:1px solid #dce4ef;border-radius:18px;box-shadow:var(--home-shadow-soft)}.home-redesign .scope-card--included{border-top:4px solid var(--home-green)}.home-redesign .scope-card--excluded{border-top:4px solid #e68a77}.home-redesign .scope-card__head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.home-redesign .scope-card__head>span{display:grid;place-items:center;width:38px;height:38px;color:var(--home-green);background:var(--home-green-soft);border-radius:11px;font-weight:900}.home-redesign .scope-card--excluded .scope-card__head>span{color:#bb5945;background:#fff0ed}.home-redesign .scope-card__head svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.home-redesign .scope-card h3{margin:0;font-size:1.08rem}.home-redesign .scope-card ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}.home-redesign .scope-card li{position:relative;padding-left:24px;margin:0;color:#48576b;font-size:.91rem}.home-redesign .scope-card li::before{top:1px}

.home-redesign .home-comparison{background:#fff}.home-redesign .comparison-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}.home-redesign .comparison-card{height:100%;padding:0;overflow:hidden;background:#fff;border:1px solid var(--home-line);border-radius:20px;box-shadow:0 8px 26px rgba(24,46,92,.06)}.home-redesign .comparison-card header{display:flex;align-items:center;gap:13px;min-height:114px;padding:24px;background:#fafbfe;border-bottom:1px solid #e8edf4}.home-redesign .comparison-card__icon{display:grid;place-items:center;width:44px;height:44px;color:var(--home-blue);background:#fff;border:1px solid #dbe3f4;border-radius:13px}.home-redesign .comparison-card__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.home-redesign .comparison-card header small{color:var(--primary);font-size:.73rem;font-weight:600;letter-spacing:.012em}.home-redesign .comparison-card h3{padding:0;margin:3px 0 0;border:0;font-size:1.18rem}.home-redesign .comparison-card dl{display:grid;gap:0;padding:10px 24px 22px;margin:0}.home-redesign .comparison-card dl>div{display:grid;gap:5px;min-width:0;padding:16px 0;border-bottom:1px solid #edf1f6}.home-redesign .comparison-card dl>div:last-child{padding-bottom:14px;border:0}.home-redesign .comparison-card dt{color:#728096;font-size:.73rem;font-weight:600;letter-spacing:0;line-height:1.35;text-transform:none}.home-redesign .comparison-card dd{margin:4px 0 0;color:#182943;font-size:.94rem;font-weight:600;line-height:1.42}
.home-redesign .home-process{background:#f7f9fd}.home-redesign .process-grid{position:relative;display:grid;gap:18px;padding:0;margin:0;list-style:none}.home-redesign .process-grid li{position:relative;padding:25px;background:#fff;border:1px solid var(--home-line);border-radius:18px;box-shadow:var(--home-shadow-soft)}.home-redesign .process-grid__number{display:block;position:absolute;right:18px;top:13px;left:auto;width:auto;height:auto;color:#d9e1ee;background:transparent;border-radius:0;font-size:1.35rem;font-weight:850}.home-redesign .process-grid__icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:19px;color:#fff;background:var(--primary);border-radius:15px;box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 22%,transparent)}.home-redesign .process-grid__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.home-redesign .process-grid h3{margin:0 0 8px;font-size:1.05rem}.home-redesign .process-grid p{margin:0;color:#5f6d81;font-size:.9rem}
.home-redesign .home-about{background:#fff}.home-redesign .about-grid{display:grid;gap:38px;align-items:center}.home-redesign .home-about__copy .text-link{margin-top:22px}.home-redesign .about-points{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.home-redesign .about-points article{position:relative;padding:23px 22px 23px 82px;background:var(--home-blue-pale);border:1px solid #e2e8f5;border-radius:17px}.home-redesign .about-points article>span{position:absolute;left:22px;top:23px;display:grid;place-items:center;width:42px;height:42px;color:var(--home-blue);background:#fff;border-radius:12px;box-shadow:0 5px 15px rgba(24,46,92,.08)}.home-redesign .about-points svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.home-redesign .about-points h3{margin:0 0 5px;font-size:1.17em}.home-redesign .about-points p{margin:0;color:#5f6d81;font-size:.9rem}
.home-redesign .home-faq{background:linear-gradient(180deg,#f5f8ff,#fff)}.home-redesign .faq-shell{max-width:none;display:grid;gap:30px}.home-redesign .home-faq .home-section__heading{margin:0}.home-redesign .home-faq .text-link{margin-top:22px}.home-redesign .faq-list{display:grid;gap:10px}.home-redesign .faq-list details{background:#fff;border:1px solid var(--home-line);border-radius:14px;box-shadow:0 4px 15px rgba(24,46,92,.04)}.home-redesign .faq-list summary{position:relative;display:flex;align-items:center;min-height:60px;padding:15px 54px 15px 18px;font-weight:750;cursor:pointer;list-style:none}.home-redesign .faq-list summary::after{position:absolute;right:20px;top:auto;display:grid;place-items:center;width:25px;height:25px;color:var(--home-blue);background:var(--home-blue-soft);border:0;border-radius:50%;font-size:1.1rem;transform:none;content:"+"}.home-redesign .faq-list details[open] summary{color:var(--home-blue);background:#fff;border:0}.home-redesign .faq-list details[open] summary::after{transform:none;content:"–"}.home-redesign .faq-list details>div{padding:0 18px 18px}.home-redesign .faq-list details p{margin:0;color:#5f6d81;font-size:.93rem}
.home-redesign .home-final-cta{position:relative;overflow:hidden;padding:54px 0;color:#fff;background:var(--primary);border:0}.home-redesign .home-final-cta__glow{position:absolute;width:420px;height:420px;right:-120px;top:-250px;background:rgba(255,255,255,.12);border-radius:50%}.home-redesign .home-final-cta__inner{position:relative;display:grid;gap:25px;align-items:center}.home-redesign .home-final-cta .eyebrow{margin:0;color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}.home-redesign .home-final-cta h2{margin:0 0 9px;color:#fff;font-size:clamp(2rem,7vw,2.8rem);line-height:1.1}.home-redesign .home-final-cta p:last-child{margin:0;color:#e3e9ff}.home-redesign .home-final-cta form,.home-redesign .home-final-cta .button{width:100%}

@media (min-width:480px){.home-redesign .home-hero__actions{flex-direction:row;flex-wrap:wrap}.home-redesign .home-hero__actions form,.home-redesign .home-hero__actions .button,.home-redesign .home-final-cta form,.home-redesign .home-final-cta .button{width:auto}}
@media (min-width:600px){.home-redesign .shell{width:min(1180px,calc(100% - 56px))}.home-redesign .hero-preview{grid-template-columns:1.2fr .8fr;padding:30px}.home-redesign .price-overview,.home-redesign .factor-grid,.home-redesign .scope-grid,.home-redesign .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-redesign .home-section__heading--split{grid-template-columns:1fr 1fr}.home-redesign .home-final-cta__inner{grid-template-columns:1fr auto}}
@media (min-width:900px){.home-redesign .home-hero{padding:92px 0 110px}.home-redesign .home-hero__grid{grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);gap:70px}.home-redesign .home-hero h1{font-size:clamp(3.3rem,5.2vw,4.65rem)}.home-redesign .hero-visual{min-height:470px}.home-redesign .hero-floating-card{display:flex}.home-redesign .home-trust-list{gap:28px}.home-redesign .home-section{padding:105px 0}.home-redesign .price-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.home-redesign .factor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-redesign .factor-card{min-height:277px}.home-redesign .home-scope__grid{grid-template-columns:.75fr 1.25fr;gap:70px}.home-redesign .home-scope__intro{padding-top:20px}.home-redesign .home-scope__emblem{position:relative;display:grid;place-items:center;width:115px;height:115px;margin-top:28px;color:var(--home-blue);background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.8);border-radius:32px;transform:rotate(-8deg)}.home-redesign .home-scope__emblem svg{width:55px;height:55px;fill:none;stroke:currentColor;stroke-width:1.25}.home-redesign .scope-grid{align-self:start}.home-redesign .comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-redesign .comparison-card dl{grid-template-rows:repeat(6,78px)}.home-redesign .comparison-card dl>div{align-content:center}.home-redesign .process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-redesign .process-grid::before{position:absolute;left:8%;right:8%;top:50px;height:2px;background:linear-gradient(90deg,transparent,#bfccf6 10%,#bfccf6 90%,transparent);content:""}.home-redesign .process-grid li{z-index:1}.home-redesign .about-grid{grid-template-columns:.85fr 1.15fr;gap:80px}.home-redesign .faq-shell{grid-template-columns:.72fr 1.28fr;gap:75px}.home-redesign .home-final-cta{padding:68px 0}}
@media (prefers-reduced-motion:reduce){.home-redesign *, .home-redesign *::before,.home-redesign *::after{transition:none!important}}
/* Lokale Anpassungen an bestehende semantische Elemente, ohne globale Styles. */
.home-redesign .price-overview__card>a{min-height:0;gap:6px;font-size:.87rem;font-weight:780}
.home-redesign .hero-preview__flow>li>span{font-weight:700}
.home-redesign .hero-preview__flow div{gap:0}
.home-redesign .hero-preview__types li{font-weight:750}
.home-redesign .comparison-card dl>div:last-child{padding:14px 0}
.home-redesign .scope-card--included .check-list li::before{color:var(--home-green)}
.home-redesign .scope-card--excluded .minus-list li::before{color:#bb5945}

/* Public cost-page finishing: isolated from calculator, header and footer. */
.public-line-icon{display:block;flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.cost-page .cost-card-icon,.info-page .cost-guide-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;color:var(--primary);background:var(--surface-blue);border:1px solid #d5e6fa;border-radius:11px}
.cost-page .cost-card-heading{display:flex;align-items:center;gap:16px;width:100%;margin-bottom:12px}
.cost-page .cost-card-heading h3{min-width:0;margin:0;font-variant-numeric:tabular-nums;font-size:1.25rem;line-height:1.3;overflow-wrap:anywhere}
.cost-page .cost-overview-card{padding:22px;border-color:#dbe4f3;border-radius:16px;box-shadow:0 5px 16px rgba(18,35,61,.045)}
.cost-page .cost-overview-card .cost-card-icon{width:46px;height:46px;border:0;border-radius:15px;color:#fff;background:var(--tile-fill);box-shadow:inset 0 6px 9px rgba(255,255,255,.22),0 3px 7px color-mix(in srgb,var(--tile-fill) 18%,transparent)}
.cost-page .cost-overview-card>p::before{display:block;width:26px;height:2px;margin-bottom:10px;background:var(--tile-fill);content:""}
.cost-page .cost-overview-card>p{margin:0;color:var(--text-secondary);font-size:.95rem}
.cost-page .cost-card-link,.info-page .guide-card .text-link{gap:9px;white-space:nowrap;overflow-wrap:normal}
.cost-page .cost-overview-card>.cost-card-link{margin-top:14px;color:var(--tile-ink)}
.cost-page .cost-card-link .public-line-icon{width:18px;height:18px}
.cost-page .factor-card .public-line-icon{width:23px;height:23px}
.cost-page .cost-examples__heading{max-width:900px}
.cost-page .cost-examples__grid{display:grid;gap:16px;align-items:stretch}
.cost-page .cost-example-card{--example-accent:#0b67d5;--example-ink:#0758bb;--example-soft:#edf5ff;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;height:100%;overflow:hidden;background:#fff;border:1px solid color-mix(in srgb,var(--example-accent) 14%,#dbe4ef);border-radius:17px;box-shadow:0 7px 22px rgba(18,35,61,.055)}
.cost-page .cost-example-card--green{--example-accent:#0da874;--example-ink:#08764f;--example-soft:#eaf9f3}
.cost-page .cost-example-card--orange{--example-accent:#ef810d;--example-ink:#b85b00;--example-soft:#fff3e7}
.cost-page .cost-example-card__summary{display:grid;grid-template-columns:96px minmax(0,1fr);gap:15px;align-items:center;padding:17px 18px;background:linear-gradient(145deg,#fff 25%,var(--example-soft));border-bottom:1px solid color-mix(in srgb,var(--example-accent) 10%,#e5ebf2)}
.cost-page .cost-example-card__visual{position:relative;display:grid;place-items:center;isolation:isolate;aspect-ratio:4/3;min-width:0;margin:0;overflow:hidden;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.92);border-radius:13px}
.cost-page .cost-example-card__visual::before{position:absolute;inset:9% 7%;z-index:-1;background:var(--example-soft);border-radius:45% 55% 50% 42%;content:""}
.cost-page .cost-example-card__visual img{display:block;width:100%;height:100%;object-fit:contain;transform:none;transition:none}
.cost-page .cost-example-card__visual-tools{position:absolute;right:5px;bottom:5px;display:flex;gap:3px}
.cost-page .cost-example-card__visual-tools>span{display:grid;place-items:center;width:23px;height:23px;color:var(--example-ink);background:rgba(255,255,255,.94);border:1px solid color-mix(in srgb,var(--example-accent) 17%,white);border-radius:7px;box-shadow:0 3px 9px rgba(28,48,78,.08)}
.cost-page .cost-example-card__visual-tools .public-line-icon{width:13px;height:13px;stroke-width:2}
.cost-page .cost-example-card__copy{min-width:0}
.cost-page .cost-example-card h3{margin:0 0 7px;color:#102440;font-size:1.04rem;line-height:1.3;overflow-wrap:anywhere}
.cost-page .cost-example-card__copy>p:last-child{margin:0;color:#54657b;font-size:.84rem;line-height:1.48}
.cost-page .cost-example-card__attributes{display:grid;padding:5px 18px 13px;margin:0}
.cost-page .cost-example-card__attributes>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;padding:10px 0;border-bottom:1px solid #edf1f6}
.cost-page .cost-example-card__attributes>div:last-child{border-bottom:0}
.cost-page .cost-example-card__attributes dt{color:#263b56;font-size:.8rem;font-weight:720}
.cost-page .cost-example-card__attributes dd{margin:0}
.cost-page .cost-example-meter{display:flex;gap:6px;align-items:center}
.cost-page .cost-example-meter>span{display:block;width:10px;height:10px;background:#e3e9f0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(27,48,76,.025)}
.cost-page .cost-example-meter>span.is-active{background:var(--example-accent);box-shadow:none}
.cost-page .related-pages{grid-template-columns:minmax(0,1fr);max-width:none}
.cost-page .related-page-card{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:272px;padding:0 20px 18px;overflow:hidden;text-align:center;border-color:#dbe4f3;border-radius:16px;box-shadow:0 5px 16px rgba(18,35,61,.04)}
.cost-page .related-page-card>.project-card-visual{position:relative;display:grid;place-items:center;flex:none;isolation:isolate;width:calc(100% + 40px);height:88px;margin:0 -20px 14px}
.cost-page .project-card-curve{position:absolute;inset:0;z-index:-1;width:100%;height:100%;fill:var(--tile-wash);stroke:color-mix(in srgb,var(--tile-fill) 16%,white);stroke-width:1.5}
.cost-page .project-card-visual .cost-card-icon{width:58px;height:58px;border:0;border-radius:21px;color:#fff;background:var(--tile-fill);box-shadow:inset 0 8px 12px rgba(255,255,255,.23),0 3px 6px color-mix(in srgb,var(--tile-fill) 13%,transparent)}
.cost-page .project-card-visual .public-line-icon{width:29px;height:29px}
.cost-page .related-page-card>strong{margin:0 0 12px;font-size:1rem;line-height:1.4}
.cost-page .related-page-card>.related-page-card__description{flex:1;min-width:0;margin:0 0 14px;font-size:.9rem;line-height:1.6}
.cost-page .related-page-card>.cost-card-link{flex:none;margin:0;color:var(--tile-ink);font-size:.93rem}
.cost-page .related-page-card:hover{border-color:var(--tile-fill);background:#fff;box-shadow:0 6px 18px rgba(18,35,61,.07)}
@media(min-width:600px){
  .cost-page .cost-examples__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cost-page .cost-example-card:last-child:nth-child(3){grid-column:1/-1;width:calc(50% - 8px);justify-self:center}
}
@media(min-width:960px){
  .cost-page .cost-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cost-page .cost-overview-grid>.info-card:last-child:nth-child(5){grid-column:auto}
  .cost-page .cost-overview-grid:not(:has(>:nth-child(5))){grid-template-columns:repeat(2,minmax(0,1fr))}
  .cost-page .cost-examples__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cost-page .cost-example-card:last-child:nth-child(3){grid-column:auto;width:auto;justify-self:stretch}
  .cost-page .cost-example-card__summary{grid-template-columns:108px minmax(0,1fr);padding:18px}
}
@media(max-width:374px){
  .cost-page .cost-example-card__summary{grid-template-columns:82px minmax(0,1fr);gap:11px;padding:14px}
  .cost-page .cost-example-card h3{font-size:.98rem}
  .cost-page .cost-example-card__copy>p:last-child{font-size:.8rem}
  .cost-page .cost-example-card__attributes{padding-inline:14px}
  .cost-page .cost-example-meter{gap:5px}
  .cost-page .cost-example-meter>span{width:9px;height:9px}
}
@media(forced-colors:active){.cost-page .cost-example-card,.cost-page .cost-example-card__visual,.cost-page .cost-example-card__visual-tools>span{border:1px solid ButtonText}.cost-page .cost-example-meter>span{border:1px solid ButtonText}.cost-page .cost-example-meter>span.is-active{background:Highlight}}

/* Accents belong only to the two approved card sections. */
.cost-page .cost-accent--blue{--tile-fill:var(--primary);--tile-ink:var(--primary);--tile-wash:#f0f5ff}
.cost-page .cost-accent--green{--tile-fill:#2b9a53;--tile-ink:#18783d;--tile-wash:#f1faf3}
.cost-page .cost-accent--purple{--tile-fill:#8850d9;--tile-ink:#7134bb;--tile-wash:#f6f1fd}
.cost-page .cost-accent--orange{--tile-fill:#ed942b;--tile-ink:#a45006;--tile-wash:#fff5eb}
.cost-page .cost-accent--teal{--tile-fill:#079ca7;--tile-ink:#00747e;--tile-wash:#edfafa}
.cost-page .cost-accent--pink{--tile-fill:#d92f6b;--tile-ink:#be1e55;--tile-wash:#fff0f5}
@media(min-width:600px){.cost-page .related-pages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){.cost-page .cost-overview-grid{grid-auto-rows:1fr}.cost-page .related-pages{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* A geometric plus/minus, independent of font baselines. Both layers share
   one centered grid cell; native details/summary behavior stays unchanged. */
:is(.home-redesign,.info-page) .faq-list summary{display:grid;grid-template-columns:minmax(0,1fr) 25px;column-gap:16px;padding-right:18px}
:is(.home-redesign,.info-page) .faq-list summary::before,
:is(.home-redesign,.info-page) .faq-list summary::after{position:static;grid-column:2;grid-row:1;place-self:center;margin:0;transform:none;border:0;content:"";pointer-events:none}
:is(.home-redesign,.info-page) .faq-list summary::after,
:is(.home-redesign,.info-page) .faq-list details[open] summary::after{width:25px;height:25px;background:var(--home-blue-soft,var(--surface-blue));border-radius:50%;transform:none;content:""}
:is(.home-redesign,.info-page) .faq-list summary::before{z-index:1;width:12px;height:12px;background:var(--home-blue,var(--primary));mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
:is(.home-redesign,.info-page) .faq-list details[open] summary::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1 6h10' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}
@media(forced-colors:active){:is(.home-redesign,.info-page) .faq-list summary::before{background:ButtonText;forced-color-adjust:none}:is(.home-redesign,.info-page) .faq-list summary::after{border:1px solid ButtonText}}

/* Consistent interaction shape for all public primary-navigation items. */
.site-nav>a,
.nav-menu>summary{
  border-radius:8px;
  transition:color .16s ease,background-color .16s ease;
}
.site-nav>a:hover,
.nav-menu>summary:hover,
.nav-menu[open]>summary{
  color:var(--primary);
  background:var(--surface-blue);
}
.site-nav>a[aria-current],
.nav-menu.is-current>summary{
  color:var(--primary);
  background:rgba(11,95,204,.07);
  border-radius:8px;
}
@media(min-width:960px){
  .site-nav>a,
  .nav-menu>summary{
    min-height:44px;
    padding-block:8px;
    font-size:.84rem;
  }
  .site-nav>a{padding-inline:9px}
  .nav-menu>summary{padding-inline:9px 27px}
}
@media(min-width:1200px){
  .site-nav>a{padding-inline:12px;font-size:.88rem}
  .nav-menu>summary{padding-inline:12px 30px;font-size:.88rem}
}

/* Shared visual project-type teasers used by the public cost pages. */
.cost-page .project-type-teasers{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
}
.cost-page .project-type-teaser{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #dbe4ef;
  border-radius:15px;
  box-shadow:0 5px 16px rgba(18,35,61,.04);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.cost-page .project-type-teaser:hover{
  border-color:color-mix(in srgb,var(--tile-fill) 35%,#dbe4ef);
  box-shadow:0 8px 22px rgba(18,35,61,.065);
}
.cost-page .project-type-teaser__visual{
  display:grid;
  place-items:center;
  flex:none;
  aspect-ratio:16/10;
  overflow:hidden;
  background:var(--tile-wash);
  border-bottom:1px solid color-mix(in srgb,var(--tile-fill) 12%,#dbe4ef);
}
.cost-page .project-mockup{
  width:84%;
  max-width:230px;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#fff;
  border:1px solid color-mix(in srgb,var(--tile-fill) 22%,#9fb0c3);
  border-radius:7px;
  box-shadow:0 12px 24px rgba(18,35,61,.12);
  transform:rotate(-4deg) translateY(5%);
}
.cost-page .project-type-teaser__visual--company .project-mockup,
.cost-page .project-type-teaser__visual--shop .project-mockup{transform:rotate(4deg) translateY(5%)}
.cost-page .project-type-teaser__visual--app .project-mockup{width:87%;transform:rotate(-2deg) translateY(5%)}
.cost-page .project-mockup__toolbar{
  display:flex;
  align-items:center;
  gap:3px;
  height:13px;
  padding-inline:6px;
  background:#fafbfc;
  border-bottom:1px solid #e1e7ed;
}
.cost-page .project-mockup__toolbar i{
  width:3px;
  height:3px;
  background:#bdcad8;
  border-radius:50%;
}
.cost-page .project-mockup__toolbar b{
  width:48%;
  height:3px;
  margin-inline:auto;
  background:#e3e9f0;
  border-radius:2px;
}
.cost-page .project-mockup__content{
  position:relative;
  height:calc(100% - 13px);
  padding:9px;
}
.cost-page .project-mockup__nav{
  height:5px;
  margin-bottom:9px;
  background:linear-gradient(90deg,var(--tile-fill) 13%,transparent 13% 55%,#d5dee8 55% 65%,transparent 65% 70%,#d5dee8 70% 80%,transparent 80% 85%,#d5dee8 85%);
}
.cost-page .project-mockup__landing{
  display:grid;
  grid-template-columns:1fr .75fr;
  gap:9px;
  height:45%;
}
.cost-page .project-mockup__landing>div{padding-top:6px}
.cost-page .project-mockup__landing i{
  display:block;
  width:90%;
  height:5px;
  margin-bottom:5px;
  background:#304762;
  border-radius:2px;
}
.cost-page .project-mockup__landing i:nth-child(2){width:65%}
.cost-page .project-mockup__landing b{
  display:block;
  width:30px;
  height:8px;
  margin-top:7px;
  background:var(--tile-fill);
  border-radius:2px;
}
.cost-page .project-mockup__landing>span{
  background:color-mix(in srgb,var(--tile-fill) 18%,white);
  border-radius:18px 18px 3px 3px;
  box-shadow:inset 13px -10px color-mix(in srgb,var(--tile-fill) 28%,white);
}
.cost-page .project-mockup__lines{
  width:100%;
  height:14px;
  margin-top:11px;
  background:repeating-linear-gradient(#dfe6ef 0 3px,transparent 3px 6px);
}
.cost-page .project-mockup__business{
  position:relative;
  height:43%;
  padding:10px;
  overflow:hidden;
  background:#243f3e;
}
.cost-page .project-mockup__business::after{
  position:absolute;
  top:2px;
  right:9px;
  width:44px;
  height:65px;
  background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--tile-fill) 55%,#38584e) 0 7px,color-mix(in srgb,var(--tile-fill) 35%,white) 7px 9px);
  transform:rotate(25deg);
  content:"";
}
.cost-page .project-mockup__business i{
  display:block;
  width:42%;
  height:4px;
  margin-bottom:4px;
  background:#edf5f1;
}
.cost-page .project-mockup__business b{
  display:block;
  width:27px;
  height:6px;
  background:color-mix(in srgb,var(--tile-fill) 40%,white);
}
.cost-page .project-mockup__three{
  display:flex;
  gap:6px;
  margin-top:8px;
}
.cost-page .project-mockup__three span{
  flex:1;
  height:18px;
  background:color-mix(in srgb,var(--tile-fill) 10%,white);
  border-top:3px solid color-mix(in srgb,var(--tile-fill) 48%,white);
  border-radius:2px;
}
.cost-page .project-type-teaser__visual--app .project-mockup__content{
  display:flex;
  padding:0;
}
.cost-page .project-mockup__sidebar{
  flex:0 0 22%;
  padding:11px 6px;
  background:#293550;
}
.cost-page .project-mockup__sidebar b,
.cost-page .project-mockup__sidebar i{
  display:block;
  height:4px;
  margin-bottom:9px;
  background:#7687a4;
  border-radius:1px;
}
.cost-page .project-mockup__sidebar b{background:#d0dcef}
.cost-page .project-mockup__dashboard{
  flex:1;
  min-width:0;
  padding:5px 8px;
}
.cost-page .project-mockup__dashboard .project-mockup__three span{height:16px}
.cost-page .project-mockup__chart{
  display:flex;
  align-items:end;
  gap:5px;
  height:34px;
  margin-top:7px;
  border-bottom:1px solid #c5cede;
}
.cost-page .project-mockup__chart i{
  flex:1;
  height:50%;
  background:color-mix(in srgb,var(--tile-fill) 58%,#8b9ab0);
  border-radius:2px 2px 0 0;
}
.cost-page .project-mockup__chart i:nth-child(2n){height:80%}
.cost-page .project-mockup__chart i:nth-child(3n){height:65%;background:var(--tile-fill)}
.cost-page .project-mockup__chart+.project-mockup__lines{height:9px;margin-top:7px}
.cost-page .project-mockup__products{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.cost-page .project-mockup__products>div{
  height:58px;
  padding-top:7px;
  background:color-mix(in srgb,var(--tile-fill) 7%,white);
}
.cost-page .project-mockup__products span{
  display:block;
  position:relative;
  width:25px;
  height:28px;
  margin:0 auto 6px;
}
.cost-page .project-product--vase{
  background:color-mix(in srgb,var(--tile-fill) 55%,#6e5d70);
  border-radius:8px 8px 12px 12px;
  clip-path:polygon(30% 0,70% 0,65% 25%,100% 65%,90% 100%,10% 100%,0 65%,35% 25%);
}
.cost-page .project-product--lamp{
  background:linear-gradient(90deg,transparent 46%,var(--tile-fill) 46% 54%,transparent 54%);
  border-bottom:2px solid color-mix(in srgb,var(--tile-fill) 60%,#445064);
}
.cost-page .project-product--lamp::before{
  position:absolute;
  inset:0 0 11px;
  background:color-mix(in srgb,var(--tile-fill) 42%,white);
  border-radius:15px 15px 0 0;
  content:"";
}
.cost-page .project-product--stool{
  height:23px!important;
  margin-top:5px!important;
  border:3px solid color-mix(in srgb,var(--tile-fill) 58%,#465266);
  border-top-width:10px;
  border-bottom:0;
}
.cost-page .project-mockup__products i,
.cost-page .project-mockup__products b{
  display:block;
  width:80%;
  height:3px;
  margin:5px auto;
  background:#ccd1d7;
}
.cost-page .project-mockup__products b{width:35%;background:color-mix(in srgb,var(--tile-fill) 50%,#8792a1)}
.cost-page .project-type-teaser__copy{
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  padding:21px 20px 19px;
}
.cost-page .project-type-teaser__copy h3{
  margin:0 0 10px;
  font-size:1.06rem;
  line-height:1.4;
}
.cost-page .project-type-teaser__copy p{
  flex:1;
  margin:0 0 18px;
  color:var(--text-secondary);
  font-size:.92rem;
  line-height:1.6;
}
.cost-page .project-type-teaser__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:9px 14px;
  color:var(--tile-ink);
  background:#fff;
  border:1px solid color-mix(in srgb,var(--tile-fill) 48%,#c7d2df);
  border-radius:9px;
  font-size:.9rem;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
  transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.cost-page .project-type-teaser__cta:hover{
  color:var(--tile-ink);
  background:var(--tile-wash);
  border-color:var(--tile-fill);
  text-decoration:none;
}
.cost-page .project-type-teaser__cta:focus-visible{
  outline:3px solid color-mix(in srgb,var(--tile-fill) 48%,white);
  outline-offset:3px;
  box-shadow:0 0 0 1px var(--tile-fill);
}
.cost-page .project-type-teaser__cta:active{
  color:var(--tile-ink);
  background:color-mix(in srgb,var(--tile-fill) 16%,white);
  border-color:var(--tile-fill);
}
@media(min-width:600px){
  .cost-page .project-type-teasers{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:960px){
  .cost-page .project-type-teasers{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .cost-page .project-type-teaser__copy h3{min-height:2.8em}
}
@media(max-width:599px){
  .cost-page .project-type-teaser__copy{padding-inline:22px}
}
@media(forced-colors:active){
  .cost-page .project-type-teaser__cta{border-color:ButtonText}
  .cost-page .project-type-teaser__cta:focus-visible{outline-color:Highlight}
}

/* Ratgeber overview: reference-led hero, filterable editorial cards and secondary cost links. */
.visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.guide-page{--guide-line:#dfe7f2;--guide-shadow:0 9px 28px rgba(26,57,105,.075)}
.guide-hero{
  padding:48px 0 54px;
  background:linear-gradient(135deg,#fff 0%,#f5f9ff 48%,#eaf3ff 100%);
  border-bottom:1px solid #dce7f5;
}
.guide-hero__grid{display:grid;gap:34px;align-items:center}
.guide-hero__content{max-width:680px}
.guide-hero h1{
  max-width:670px;
  margin:0 0 19px;
  color:#0c1f3d;
  font-size:clamp(2.25rem,6vw,2.6rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.guide-hero__content>p:not(.eyebrow){max-width:650px;margin:0;color:#53637a;font-size:1.04rem;line-height:1.68}
.guide-hero form{margin-top:25px}
.guide-trust-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px 22px;
  padding:0;
  margin:23px 0 0;
  color:#43546d;
  font-size:.85rem;
  list-style:none;
}
.guide-trust-list li{display:flex;align-items:center;gap:8px}
.guide-trust-list span{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:20px;
  height:20px;
  color:var(--primary);
  background:#fff;
  border:1.5px solid currentColor;
  border-radius:50%;
  font-size:.72rem;
  font-weight:850;
}
.guide-hero__visual{position:relative;max-width:660px;margin-inline:auto}
.guide-hero__visual::after{
  position:absolute;
  right:5%;
  bottom:2%;
  left:5%;
  z-index:0;
  height:17%;
  background:rgba(82,137,213,.12);
  border-radius:50%;
  filter:blur(18px);
  content:"";
}
.guide-hero__visual img{position:relative;z-index:1;display:block;width:100%;height:auto;mix-blend-mode:multiply}

.guide-library{padding:62px 0 66px;background:#fff}
.guide-library__header{display:grid;gap:24px;margin-bottom:30px}
.guide-library__intro{max-width:620px}
.guide-library__intro h2{margin:0 0 10px;color:#0c1f3d;font-size:clamp(1.9rem,6vw,2.55rem);letter-spacing:-.025em}
.guide-library__intro>p:last-child{margin:0;color:#5c6b80}
.guide-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.guide-filter{
  min-height:44px;
  padding:8px 15px;
  color:#4f6078;
  background:#f3f6fb;
  border:1px solid transparent;
  border-radius:99px;
  font:inherit;
  font-size:.84rem;
  font-weight:650;
  cursor:pointer;
  transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s;
}
.guide-filter:hover{color:var(--primary);background:#eaf2ff;border-color:#d6e4f8}
.guide-filter.is-active,.guide-filter[aria-pressed=true]{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 5px 14px rgba(11,95,204,.22)}
.guide-filter:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.guide-article-grid{display:grid;gap:18px;grid-auto-rows:1fr}
.guide-article-card{
  --guide-accent:var(--primary);
  --guide-tint:#eaf3ff;
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--guide-line);
  border-radius:17px;
  box-shadow:0 5px 18px rgba(26,57,105,.055);
  transition:transform .16s,box-shadow .16s,border-color .16s;
}
.guide-article-card[hidden]{display:none}
.guide-article-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--guide-accent) 28%,var(--guide-line));box-shadow:var(--guide-shadow)}
.guide-accent--blue{--guide-accent:#0b5fcc;--guide-tint:#eaf3ff}
.guide-accent--green{--guide-accent:#147c63;--guide-tint:#e8f7f1}
.guide-accent--purple{--guide-accent:#7141bc;--guide-tint:#f2ebfc}
.guide-accent--orange{--guide-accent:#bd5e16;--guide-tint:#fff0e6}
.guide-accent--teal{--guide-accent:#087f84;--guide-tint:#e8f7f5}
.guide-article-card__image{aspect-ratio:3/2;overflow:hidden;background:var(--guide-tint);border-bottom:1px solid color-mix(in srgb,var(--guide-accent) 12%,#e3eaf4)}
.guide-article-card__image img{display:block;width:100%;height:100%;object-fit:cover}
.guide-article-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:19px}
.guide-category-badge{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  margin-bottom:12px;
  color:var(--guide-accent);
  background:var(--guide-tint);
  border-radius:99px;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.025em;
  line-height:1;
  text-transform:uppercase;
}
.guide-article-card h3{margin:0 0 9px;color:#0c1f3d;font-size:1.08rem;line-height:1.32}
.guide-article-card p{flex:1;margin:0 0 18px;color:#5a6980;font-size:.91rem;line-height:1.58}
.guide-article-card__cta{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  padding:8px 13px;
  color:var(--guide-accent);
  background:#fff;
  border:1px solid color-mix(in srgb,var(--guide-accent) 68%,#fff);
  border-radius:9px;
  font-size:.85rem;
  font-weight:750;
  text-align:center;
  text-decoration:none;
  transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s;
}
.guide-article-card__cta:hover{color:var(--guide-accent);background:var(--guide-tint);border-color:var(--guide-accent);text-decoration:none}
.guide-article-card__cta:focus-visible{outline:3px solid color-mix(in srgb,var(--guide-accent) 36%,#fff);outline-offset:3px;box-shadow:0 0 0 1px var(--guide-accent)}
.guide-filter-empty{padding:24px;margin-top:18px;color:#465870;background:#f7f9fc;border:1px dashed #c8d5e5;border-radius:14px;text-align:center}
.guide-filter-empty strong,.guide-filter-empty span{display:block}
.guide-filter-empty span{margin-top:5px;font-size:.9rem}
.guide-library-more{
  display:grid;
  gap:15px;
  align-items:center;
  padding:20px;
  margin-top:34px;
  background:linear-gradient(100deg,#f4f8ff,#eef5ff);
  border:1px solid #dfe9f7;
  border-radius:15px;
}
.guide-library-more__icon{display:grid;place-items:center;width:48px;height:48px;color:var(--primary);background:#fff;border-radius:13px;box-shadow:0 4px 13px rgba(26,57,105,.08)}
.guide-library-more__icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}
.guide-library-more h3{margin:0 0 4px;color:#0c1f3d;font-size:1.12rem}
.guide-library-more p{margin:0;color:#5c6b80;font-size:.9rem}
.guide-library-more__button{
  min-height:44px;
  padding:9px 15px;
  color:var(--primary);
  background:#fff;
  border:1px solid var(--primary);
  border-radius:9px;
  font:inherit;
  font-size:.86rem;
  font-weight:750;
  cursor:pointer;
  transition:background-color .16s,box-shadow .16s;
}
.guide-library-more__button:hover{background:var(--surface-blue);box-shadow:0 4px 12px rgba(11,95,204,.08)}
.guide-library-more__button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}

.guide-secondary{padding:62px 0 66px;background:#f5f8fc;border-block:1px solid #e1e8f1}
.guide-secondary .project-type-teasers{display:grid;gap:14px}
.guide-secondary .project-type-teaser{
  --tile-fill:var(--primary);
  --tile-ink:var(--primary);
  --tile-wash:#eef5ff;
  display:flex;
  min-width:0;
  flex-direction:column;
  background:#fff;
  border:1px solid #dde6f1;
  border-top:3px solid var(--tile-fill);
  border-radius:14px;
  box-shadow:0 4px 14px rgba(26,57,105,.045);
}
.guide-secondary .cost-accent--green{--tile-fill:#2b8b55;--tile-ink:#176a3c;--tile-wash:#edf8f1}
.guide-secondary .cost-accent--orange{--tile-fill:#dc781d;--tile-ink:#9a4b09;--tile-wash:#fff3e7}
.guide-secondary .cost-accent--purple{--tile-fill:#7d4ac4;--tile-ink:#6531aa;--tile-wash:#f5effc}
.guide-secondary .project-type-teaser__visual{display:none}
.guide-secondary .project-type-teaser__copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:21px}
.guide-secondary .project-type-teaser h3{margin:0 0 8px;color:#142641;font-size:1.02rem}
.guide-secondary .project-type-teaser p{flex:1;margin:0 0 16px;color:#5d6c81;font-size:.9rem}
.guide-secondary .project-type-teaser__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 13px;
  color:var(--tile-ink);
  background:#fff;
  border:1px solid color-mix(in srgb,var(--tile-fill) 55%,#cbd6e4);
  border-radius:9px;
  font-size:.85rem;
  font-weight:750;
  text-decoration:none;
}
.guide-secondary .project-type-teaser__cta:hover{color:var(--tile-ink);background:var(--tile-wash);border-color:var(--tile-fill);text-decoration:none}
.guide-secondary .project-type-teaser__cta:focus-visible{outline:3px solid color-mix(in srgb,var(--tile-fill) 38%,#fff);outline-offset:3px}
.guide-question{padding:58px 0;background:#fff}
.guide-question__inner{display:grid;gap:24px}
.guide-question h2{margin:0;color:#0c1f3d;font-size:clamp(1.75rem,5vw,2.3rem)}
.guide-question__inner>div:last-child{max-width:700px;color:#5b6a80}
.guide-question__inner>div:last-child p:last-child{margin-bottom:0}
.guide-question a{color:var(--primary);font-weight:700}

@media(min-width:600px){
  .guide-article-grid,.guide-secondary .project-type-teasers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-library-more{grid-template-columns:auto minmax(0,1fr);padding:22px 24px}
  .guide-library-more__button{grid-column:1/-1;justify-self:start}
}
@media(min-width:768px){
  .guide-hero{padding-block:48px}
  .guide-library,.guide-secondary{padding-block:76px}
  .guide-question__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:60px}
}
@media(min-width:920px){
  .guide-hero__grid{grid-template-columns:minmax(0,.93fr) minmax(420px,1.07fr);gap:46px}
  .guide-hero__visual{margin-right:-2%}
  .guide-library__header{grid-template-columns:minmax(0,1fr) auto;align-items:end}
  .guide-filters{justify-content:flex-end;max-width:600px}
  .guide-article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .guide-secondary .project-type-teasers{grid-template-columns:repeat(4,minmax(0,1fr))}
  .guide-library-more{grid-template-columns:auto minmax(0,1fr) auto;padding:22px 26px}
  .guide-library-more__button{grid-column:auto;justify-self:end}
}
@media(min-width:1180px){
  .guide-article-grid:has(>.guide-article-card:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:599px){
  .guide-hero__visual{max-width:520px}
  .guide-filter{flex:1 1 auto}
  .guide-library-more__button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .guide-article-card,.guide-filter,.guide-article-card__cta{transition:none}
  .guide-article-card:hover{transform:none}
}
@media(forced-colors:active){
  .guide-category-badge,.guide-filter,.guide-article-card__cta,.guide-library-more__button{border:1px solid ButtonText}
}

/* Shared project-type card foundations for guide and cost pages. */
.project-type-teasers{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
}
.project-type-teaser{
  --tile-fill:#1475df;
  --tile-ink:#075ebf;
  --tile-wash:#eaf4ff;
  display:flex;
  min-width:0;
  overflow:hidden;
  flex-direction:column;
  background:#fff;
  border:1px solid #dce6f2;
  border-top:4px solid var(--tile-fill);
  border-radius:18px;
  box-shadow:0 10px 25px rgba(20,47,85,.07);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.project-type-teaser.cost-accent--green{--tile-fill:#20a064;--tile-ink:#0c864d;--tile-wash:#e8f8f0}
.project-type-teaser.cost-accent--orange{--tile-fill:#f58a1f;--tile-ink:#df6705;--tile-wash:#fff1e3}
.project-type-teaser.cost-accent--purple{--tile-fill:#8550dc;--tile-ink:#7237cc;--tile-wash:#f1eaff}
.project-type-teaser:hover{border-color:color-mix(in srgb,var(--tile-fill) 42%,#dce6f2);box-shadow:0 13px 30px rgba(20,47,85,.105)}
.project-type-teaser__visual,
.guide-secondary .project-type-teaser__visual{
  display:grid;
  place-items:center;
  flex:none;
  aspect-ratio:12/7;
  overflow:hidden;
  background:linear-gradient(145deg,#f8fbff 0%,var(--tile-wash) 100%);
  border-bottom:1px solid color-mix(in srgb,var(--tile-fill) 11%,#dce6f2);
}
.project-type-teaser__art{display:block;width:100%;height:100%}
.project-art__land{fill:color-mix(in srgb,var(--tile-fill) 9%,white)}
.project-art__shadow{fill:color-mix(in srgb,var(--tile-fill) 13%,transparent)}
.project-art__paper{fill:#fff}
.project-art__strong{fill:var(--tile-fill)}
.project-art__mid{fill:color-mix(in srgb,var(--tile-fill) 62%,white)}
.project-art__soft{fill:color-mix(in srgb,var(--tile-fill) 15%,white)}
.project-art__line{fill:#dce7f2}
.project-art__dot{fill:rgba(255,255,255,.78)}
.project-art__code,.project-art__cart{fill:none;stroke:var(--tile-fill);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.project-art__cart{stroke:#fff;stroke-width:2.5}
.project-type-teaser__copy,
.guide-secondary .project-type-teaser__copy{
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:stretch;
  padding:22px 22px 20px;
}
.project-type-teaser__copy h3,
.guide-secondary .project-type-teaser h3{
  min-height:0;
  margin:0 0 8px;
  color:#0f213e;
  font-size:1.08rem;
  line-height:1.3;
}
.project-type-teaser__copy>p,
.guide-secondary .project-type-teaser p{
  flex:0 0 auto;
  min-height:3.2em;
  margin:0 0 17px;
  color:#5a6a82;
  font-size:.92rem;
  line-height:1.55;
}
.project-type-teaser__advantages{display:grid;gap:10px;padding:0;margin:0 0 22px;list-style:none;color:#455874;font-size:.86rem;line-height:1.35}
.project-type-teaser__advantages li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;align-items:start}
.project-type-teaser__advantages span{display:grid;place-items:center;width:18px;height:18px;color:#fff;background:var(--tile-fill);border-radius:50%;font-size:.68rem;font-weight:900;line-height:1}
.project-type-teaser__cta,
.guide-secondary .project-type-teaser__cta{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:50px;
  padding:10px 15px;
  margin-top:auto;
  color:var(--tile-ink);
  background:#fff;
  border:1.5px solid var(--tile-fill);
  border-radius:12px;
  font-size:.93rem;
  font-weight:750;
  line-height:1.2;
  text-decoration:none;
  transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.project-type-teaser__cta:hover,
.guide-secondary .project-type-teaser__cta:hover{color:var(--tile-ink);background:var(--tile-wash);border-color:var(--tile-fill);box-shadow:0 5px 13px color-mix(in srgb,var(--tile-fill) 12%,transparent);text-decoration:none}
.project-type-teaser__cta:focus-visible,
.guide-secondary .project-type-teaser__cta:focus-visible{outline:3px solid color-mix(in srgb,var(--tile-fill) 45%,white);outline-offset:3px;box-shadow:0 0 0 1px var(--tile-fill)}
.project-type-teaser__cta:active{color:var(--tile-ink);background:color-mix(in srgb,var(--tile-fill) 16%,white);border-color:var(--tile-fill)}
.guide-secondary{padding:72px 0 78px;background:linear-gradient(105deg,#f5faff 0%,#edf6ff 58%,#f5f9ff 100%)}
.guide-secondary .home-section__heading{max-width:760px;margin-bottom:34px}

/* Ratgeber FAQ composition from the supplied visual reference. */
.guide-question{padding:68px 0 76px;background:#fff}
.guide-question__inner{display:grid;gap:42px;align-items:center}
.guide-question__copy{max-width:620px}
.guide-question h2{margin:0 0 16px;color:#0c1f3d;font-size:clamp(2rem,7vw,2.75rem);line-height:1.12;letter-spacing:-.025em}
.guide-question__copy>p:not(.eyebrow){margin:0 0 24px;color:#5b6a80;font-size:1rem;line-height:1.7}
.guide-question__cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;color:var(--primary);background:#fff;border:1.5px solid var(--primary);border-radius:12px;font-weight:750;text-decoration:none;transition:background-color .16s,border-color .16s,box-shadow .16s}
.guide-question__cta:hover{color:var(--primary);background:#eef6ff;box-shadow:0 5px 14px rgba(11,95,204,.1);text-decoration:none}
.guide-question__cta:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.guide-question__visual{position:relative;min-height:330px;isolation:isolate}
.guide-question__visual::before{position:absolute;z-index:-1;inset:22px 4% 0 12%;background:radial-gradient(circle at center,rgba(223,237,255,.75),rgba(244,248,255,.18) 68%,transparent 69%);border-radius:50%;content:""}
.guide-question__mark{position:absolute;left:36%;top:30%;display:grid;place-items:center;width:132px;height:144px;color:#0870e6;background:#fff;border:1px solid #e7eef8;border-radius:27px;box-shadow:0 17px 38px rgba(36,77,130,.13);font-size:6.2rem;font-weight:800;line-height:1}
.guide-question__mark::before,.guide-question__mark::after{position:absolute;top:-38px;width:4px;height:27px;background:#0b68d8;border-radius:4px;content:""}
.guide-question__mark::before{left:45px;transform:rotate(-15deg)}.guide-question__mark::after{right:39px;transform:rotate(23deg)}
.guide-question__card{position:absolute;padding:16px 19px;color:#0e4d9e;background:#eef6ff;border-radius:12px;box-shadow:0 12px 25px rgba(31,75,129,.08);font-size:.82rem;line-height:1.45}
.guide-question__card::after{position:absolute;bottom:-12px;left:24px;border:7px solid transparent;border-top-color:inherit;content:""}
.guide-question__card--one{left:4%;top:8%;transform:rotate(-7deg)}
.guide-question__card--two{left:0;bottom:8%;color:#08764a;background:#eafaf3;transform:rotate(-6deg)}
.guide-question__card--three{right:3%;top:0;color:#5630a6;background:#f2edff;transform:rotate(3deg)}
.guide-question__card--four{right:0;bottom:5%;color:#204b78;background:#fff4e7;transform:rotate(5deg)}

/* One websitewide calculator finale with protected POST/CSRF start action. */
.calculator-final-cta{position:relative;overflow:hidden;padding:64px 0;color:#fff;background:linear-gradient(116deg,#004eaf 0%,#075ecb 57%,#096ddc 100%);border:0}
.calculator-final-cta__orb{position:absolute;border-radius:50%;pointer-events:none}.calculator-final-cta__orb--one{right:-130px;top:-170px;width:460px;height:460px;background:rgba(91,166,255,.27)}.calculator-final-cta__orb--two{right:17%;bottom:-210px;width:430px;height:430px;background:rgba(0,52,145,.27)}
.calculator-final-cta__inner{position:relative;z-index:1;display:grid;gap:42px;align-items:center}
.calculator-final-cta__content{max-width:660px}
.calculator-final-cta .eyebrow{display:inline-flex;margin:0 0 12px;padding:5px 12px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.13);border-radius:99px;letter-spacing:0;text-transform:none}
.calculator-final-cta h2{margin:0 0 12px;color:#fff;font-size:clamp(2rem,8vw,2.65rem);line-height:1.1;letter-spacing:-.025em}
.calculator-final-cta__content>p:not(.eyebrow){max-width:620px;margin:0 0 24px;color:#e5f0ff;font-size:1.02rem;line-height:1.65}
.calculator-final-cta form{margin-bottom:28px}.calculator-final-cta .button--light{min-height:54px;padding-inline:24px;color:#075fc9;background:#fff;border-color:#fff;box-shadow:0 9px 20px rgba(0,35,96,.18)}
.calculator-final-cta .button--light:hover{color:#064fa9;background:#f0f7ff;border-color:#f0f7ff}.calculator-final-cta .button--light:focus-visible{outline:3px solid #ffd892;outline-offset:4px}
.calculator-final-cta__benefits{display:grid;gap:13px;padding:0;margin:0;list-style:none;color:#eaf3ff;font-size:.88rem}
.calculator-final-cta__benefits li{display:flex;align-items:center;gap:10px}.calculator-final-cta__benefits span{display:grid;place-items:center;width:29px;height:29px;color:#fff;border:1.5px solid rgba(255,255,255,.8);border-radius:9px;font-size:1rem;font-weight:800}
.calculator-final-cta__visual{position:relative;min-height:330px;max-width:470px;width:100%;margin-inline:auto}
.calculator-visual__sheet,.calculator-visual__estimate{position:absolute;color:#214271;background:#fff;border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 35px rgba(0,34,95,.25)}
.calculator-visual__sheet{left:2%;top:34px;width:57%;height:265px;padding:25px 22px;border-radius:13px;transform:rotate(-7deg)}
.calculator-visual__sheet strong,.calculator-visual__estimate strong{display:block;margin-bottom:19px;font-size:.8rem}
.calculator-visual__field{display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:center;margin:18px 0}.calculator-visual__field i{width:16px;height:16px;background:#086dde;border-radius:50%}.calculator-visual__field b{height:31px;background:#edf3fa;border-radius:8px;box-shadow:inset 0 -4px 0 #dbe8f7}.calculator-visual__field:nth-of-type(2) b::after,.calculator-visual__field:nth-of-type(3) b::after{display:block;width:65%;height:5px;margin:13px;background:#1677e8;border-radius:5px;content:""}
.calculator-visual__estimate{right:1%;top:98px;width:42%;height:184px;padding:20px 16px;border-radius:12px;transform:rotate(7deg)}
.calculator-visual__bars{display:flex;align-items:end;gap:8px;height:99px}.calculator-visual__bars i{flex:1;height:44%;background:#6eaff7;border-radius:4px 4px 2px 2px}.calculator-visual__bars i:nth-child(2){height:61%}.calculator-visual__bars i:nth-child(3){height:80%}.calculator-visual__bars i:nth-child(4){height:100%}
.calculator-visual__note{position:absolute;right:0;top:0;width:170px;color:#fff;font-size:.92rem;font-style:italic;font-weight:650;line-height:1.45;transform:rotate(-4deg)}

@media(min-width:600px){
  .project-type-teasers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calculator-final-cta__benefits{grid-template-columns:repeat(3,max-content);gap:25px}
}
@media(min-width:768px){
  .guide-question__inner{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:58px}
  .calculator-final-cta__inner{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}
}
@media(min-width:960px){
  .project-type-teasers,.guide-secondary .project-type-teasers{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .project-type-teaser__copy h3,.guide-secondary .project-type-teaser h3{min-height:2.6em}
  .project-type-teaser__copy>p,.guide-secondary .project-type-teaser p{min-height:4.8em}
  .calculator-final-cta{padding:78px 0}.calculator-final-cta__inner{gap:70px}
}
@media(max-width:599px){
  .guide-question__visual{min-height:310px;transform:scale(.92);transform-origin:center top}
  .calculator-final-cta__visual{min-height:285px}.calculator-visual__sheet{height:235px}.calculator-visual__estimate{height:165px}.calculator-visual__note{width:145px;font-size:.8rem}
  .calculator-final-cta .button,.calculator-final-cta form{width:100%}
}
@media(max-width:374px){
  .project-type-teaser__copy,.guide-secondary .project-type-teaser__copy{padding-inline:18px}
  .guide-question__visual{min-height:285px;margin-inline:-10px;transform:scale(.82)}
  .calculator-final-cta__visual{min-height:260px;transform:scale(.88);transform-origin:center top}
}
@media(prefers-reduced-motion:reduce){.project-type-teaser,.project-type-teaser__cta,.guide-question__cta{transition:none}}
@media(forced-colors:active){.project-type-teaser,.project-type-teaser__cta,.guide-question__cta,.calculator-final-cta .button{border-color:ButtonText}.project-type-teaser__cta:focus-visible{outline-color:Highlight}}

/* Compact project-type navigation shared by cost pages and the guide. */
.project-type-teasers--compact{gap:14px}
.project-type-teasers--compact .project-type-teaser,
.guide-secondary .project-type-teasers--compact .project-type-teaser{
  min-height:0;
  background:color-mix(in srgb,var(--tile-wash) 68%,#fff);
  border:1px solid color-mix(in srgb,var(--tile-fill) 18%,#dce6f2);
  border-radius:15px;
  box-shadow:0 5px 16px rgba(20,47,85,.055);
}
.project-type-teasers--compact .project-type-teaser:hover{
  border-color:color-mix(in srgb,var(--tile-fill) 40%,#dce6f2);
  box-shadow:0 8px 20px rgba(20,47,85,.085);
}
.project-type-teasers--compact .project-type-teaser__icon{
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  flex:none;
  width:94px;
  height:94px;
  margin:18px auto 0;
  color:var(--tile-ink);
  background:color-mix(in srgb,var(--tile-fill) 15%,#fff);
  border:1px solid color-mix(in srgb,var(--tile-fill) 16%,transparent);
  border-radius:50%;
  box-shadow:0 12px 26px color-mix(in srgb,var(--tile-fill) 15%,transparent),inset 0 1px 0 rgba(255,255,255,.86);
}
.project-type-teasers--compact .project-type-teaser__icon::before{position:absolute;z-index:-1;width:146px;height:62px;background:color-mix(in srgb,var(--tile-fill) 8%,transparent);border-radius:50%;content:"";transform:rotate(-5deg)}
.project-type-teasers--compact .project-type-teaser__icon svg{width:50px;height:50px;filter:drop-shadow(0 5px 7px color-mix(in srgb,var(--tile-fill) 22%,transparent))}
.project-type-teasers--compact .project-type-teaser__copy,
.guide-secondary .project-type-teasers--compact .project-type-teaser__copy{
  align-items:stretch;
  padding:17px 16px 16px;
}
.project-type-teasers--compact .project-type-teaser__copy h3,
.guide-secondary .project-type-teasers--compact .project-type-teaser h3{
  min-height:0;
  margin:0 0 8px;
  font-size:1.05rem;
  line-height:1.28;
}
.project-type-teasers--compact .project-type-teaser__copy>p,
.guide-secondary .project-type-teasers--compact .project-type-teaser p{
  flex:1;
  min-height:0;
  margin:0 0 16px;
  font-size:.9rem;
  line-height:1.5;
}
.project-type-teasers--compact .project-type-teaser__cta,
.guide-secondary .project-type-teasers--compact .project-type-teaser__cta{
  min-height:44px;
  padding:9px 13px;
  background:rgba(255,255,255,.9);
  border-width:1.25px;
  border-radius:10px;
  font-size:.9rem;
}
@media(min-width:600px){
  .project-type-teasers--compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:960px){
  .project-type-teasers--compact,
  .guide-secondary .project-type-teasers--compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .project-type-teasers--compact .project-type-teaser__copy h3,
  .guide-secondary .project-type-teasers--compact .project-type-teaser h3{min-height:2.6em}
  .project-type-teasers--compact .project-type-teaser__copy>p,
  .guide-secondary .project-type-teasers--compact .project-type-teaser p{min-height:4.2em}
}
@media(max-width:599px){
  .project-type-teasers--compact .project-type-teaser__icon{width:82px;height:82px;margin-top:17px}
  .project-type-teasers--compact .project-type-teaser__icon::before{width:126px;height:54px}
  .project-type-teasers--compact .project-type-teaser__icon svg{width:42px;height:42px}
  .project-type-teasers--compact .project-type-teaser__copy,
  .guide-secondary .project-type-teasers--compact .project-type-teaser__copy{padding:14px 16px 16px}
}
@media(max-width:374px){
  .project-type-teasers--compact .project-type-teaser__copy,
  .guide-secondary .project-type-teasers--compact .project-type-teaser__copy{padding:14px 15px 15px}
}

/* Homepage provider comparison: visual cards based on the supplied reference. */
.home-redesign .home-comparison{position:relative;overflow:hidden;background:linear-gradient(145deg,#f9fbff 0%,#f2f7ff 55%,#f8f5ff 100%)}
.home-redesign .home-comparison::before{position:absolute;inset:22px max(12px,calc((100% - 1220px)/2));pointer-events:none;border:1px solid rgba(178,203,235,.38);border-radius:24px;content:""}
.home-redesign .home-comparison>.shell{position:relative}
.home-redesign .home-comparison .home-section__heading{max-width:880px;margin-bottom:38px}
.home-redesign .home-comparison .eyebrow{display:inline-flex;padding:5px 12px;margin-bottom:12px;color:var(--home-blue);background:#e5f1ff;border-radius:99px;letter-spacing:0;text-transform:none}
.home-redesign .home-comparison .home-section__heading h2{max-width:820px;margin-inline:auto;font-size:clamp(2rem,6vw,3rem)}
.home-redesign .provider-comparison{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:stretch}
.home-redesign .comparison-card.provider-card{--provider:#0b67d5;--provider-ink:#0759bb;--provider-wash:#eaf4ff;display:flex;height:100%;min-width:0;overflow:hidden;flex-direction:column;padding:0;background:#fff;border:1px solid color-mix(in srgb,var(--provider) 18%,#dfe7f1);border-radius:19px;box-shadow:0 10px 28px rgba(21,52,94,.075);transition:border-color .16s ease,box-shadow .16s ease}
.home-redesign .comparison-card.provider-card--freelancer{--provider:#16985d;--provider-ink:#087a47;--provider-wash:#e7f8ef}
.home-redesign .comparison-card.provider-card--agency{--provider:#7544d5;--provider-ink:#6230bd;--provider-wash:#f1ebff}
.home-redesign .comparison-card.provider-card:hover{border-color:color-mix(in srgb,var(--provider) 38%,#dfe7f1);box-shadow:0 14px 34px rgba(21,52,94,.11)}
.home-redesign .provider-card__visual{display:grid;place-items:center;flex:none;aspect-ratio:21/11;overflow:hidden;background:linear-gradient(145deg,#f9fbff,var(--provider-wash));border-bottom:1px solid color-mix(in srgb,var(--provider) 11%,#dfe7f1)}
.home-redesign .provider-card__visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-redesign .provider-card__body{display:flex;flex:1;flex-direction:column;padding:23px 24px 22px}
.home-redesign .provider-card__label{align-self:flex-start;margin-bottom:7px;color:var(--provider-ink);font-size:.74rem;font-weight:750;line-height:1.3}
.home-redesign .comparison-card.provider-card h3{min-height:0;padding:0;margin:0 0 10px;color:#10233f;border:0;font-size:1.25rem;line-height:1.25}
.home-redesign .provider-card__body>p{min-height:3em;margin:0 0 20px;color:#5c6c82;font-size:.92rem;line-height:1.55}
.home-redesign .provider-card__features{display:grid;gap:11px;padding:0;margin:0 0 22px;list-style:none;color:#42556f;font-size:.88rem;line-height:1.4}
.home-redesign .provider-card__features li{position:relative;padding-left:28px}
.home-redesign .provider-card__features li::before{position:absolute;left:0;top:.08em;width:18px;height:18px;background:var(--provider);border-radius:50%;content:""}
.home-redesign .provider-card__features li::after{position:absolute;left:5px;top:.37em;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);content:""}
.home-redesign .provider-card__fit{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;align-items:start;min-height:82px;padding:14px 15px;margin-top:auto;color:var(--provider-ink);background:linear-gradient(135deg,color-mix(in srgb,var(--provider-wash) 80%,white),var(--provider-wash));border:1px solid color-mix(in srgb,var(--provider) 11%,#e3eaf2);border-radius:11px}
.home-redesign .provider-card__fit-icon{display:grid;place-items:center;width:30px;height:30px;color:var(--provider);background:#fff;border:1px solid color-mix(in srgb,var(--provider) 28%,white);border-radius:50%}
.home-redesign .provider-card__fit-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home-redesign .provider-card__fit div{display:grid;gap:3px}.home-redesign .provider-card__fit small{font-size:.7rem;line-height:1.25}.home-redesign .provider-card__fit strong{font-size:.8rem;line-height:1.4}
@media(min-width:650px){.home-redesign .provider-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.home-redesign .provider-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-redesign .provider-card__body>p{min-height:4.35em}}
@media(max-width:649px){.home-redesign .home-comparison::before{inset:14px 6px}.home-redesign .provider-card__body{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.home-redesign .comparison-card.provider-card{transition:none}}
@media(forced-colors:active){.home-redesign .comparison-card.provider-card,.home-redesign .provider-card__fit{border-color:ButtonText}.home-redesign .provider-card__features li::before{border:1px solid ButtonText}}

/* Shared project-specific cost classification on all public cost pages. */
.cost-page .cost-classification{--classification-accent:#0b67d5;--classification-soft:#eaf4ff;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.82),color-mix(in srgb,var(--classification-soft) 45%,white));border-block:1px solid #dce8f6}
.cost-page .cost-classification--green{--classification-accent:#0ca775;--classification-soft:#e6faf2}.cost-page .cost-classification--orange{--classification-accent:#ef810d;--classification-soft:#fff2e4}.cost-page .cost-classification--purple{--classification-accent:#7441db;--classification-soft:#f1ebff}
.cost-page .cost-classification__frame{padding-block:28px 20px;background:transparent;border:0;border-radius:0;box-shadow:none}
.cost-page .cost-classification__heading{max-width:880px;margin:0 0 27px}
.cost-page .cost-classification__heading .eyebrow{margin-bottom:8px;color:var(--classification-accent)}
.cost-page .cost-classification__heading h2{margin:0 0 11px;color:#0d203e;font-size:clamp(1.8rem,6vw,2.65rem);line-height:1.13;letter-spacing:-.026em}
.cost-page .cost-classification__heading>p:last-child{max-width:820px;margin:0;color:#50627a;font-size:1rem;line-height:1.62}
.cost-page .cost-classification__body{display:grid;gap:23px;align-items:center;min-width:0}
.cost-page .cost-classification__visual{display:grid;place-items:center;min-width:0;margin:0;overflow:hidden;background:linear-gradient(145deg,var(--classification-soft),rgba(255,255,255,.8));border-radius:16px}
.cost-page .cost-classification__visual img{display:block;width:100%;height:auto;max-width:720px;object-fit:contain}
.cost-page .cost-classification__levels{display:grid;gap:12px;min-width:0;padding:0;margin:0;list-style:none}
.cost-page .cost-classification__level{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;min-width:0;padding:14px 16px;background:rgba(255,255,255,.93);border:1px solid color-mix(in srgb,var(--classification-accent) 13%,#dce5f0);border-radius:13px;box-shadow:0 6px 17px rgba(24,52,91,.055)}
.cost-page .cost-classification__icon{display:grid;place-items:center;width:52px;height:52px;color:var(--classification-accent);background:var(--classification-soft);border:1px solid color-mix(in srgb,var(--classification-accent) 12%,white);border-radius:13px}
.cost-page .cost-classification__icon .public-line-icon{width:27px;height:27px;stroke-width:1.8}
.cost-page .cost-classification__level h3{margin:0 0 4px;color:#102440;font-size:1.02rem;line-height:1.3}
.cost-page .cost-classification__level p{margin:0;color:#52647b;font-size:.87rem;line-height:1.46}
.cost-page .cost-classification__context{display:grid;grid-template-columns:40px minmax(0,1fr);gap:13px;align-items:center;padding:14px 16px;margin:20px 0 0;color:#314862;background:color-mix(in srgb,var(--classification-soft) 62%,white);border:1px solid color-mix(in srgb,var(--classification-accent) 10%,#dce6f1);border-radius:13px;font-size:.86rem;line-height:1.5}
.cost-page .cost-classification__context-icon{display:grid;place-items:center;width:40px;height:40px;color:var(--classification-accent);background:#fff;border:1px solid color-mix(in srgb,var(--classification-accent) 18%,white);border-radius:50%}
.cost-page .cost-classification__context-icon .public-line-icon{width:22px;height:22px}
@media(min-width:768px){
  .cost-page .cost-classification__frame{padding-block:36px 28px}
  .cost-page .cost-classification__heading{margin-bottom:32px}
  .cost-page .cost-classification__body{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:30px}
  .cost-page .cost-classification__visual img{max-width:650px}
  .cost-page .cost-classification__context{margin-top:25px;padding:15px 18px}
}
@media(min-width:1100px){
  .cost-page .cost-classification{padding-block:76px}
  .cost-page .cost-classification__frame{padding-block:40px 30px}
  .cost-page .cost-classification__heading{max-width:850px;margin-bottom:30px}
  .cost-page .cost-classification__body{grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);gap:42px}
  .cost-page .cost-classification__visual img{max-width:690px}
  .cost-page .cost-classification__level{min-height:83px;padding:13px 16px}
}
@media(max-width:767px){
  .cost-page .cost-classification{padding-block:56px}
  .cost-page .cost-classification__visual{margin-inline:-3px}
  .cost-page .cost-classification__level{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:13px}
  .cost-page .cost-classification__icon{width:46px;height:46px}
  .cost-page .cost-classification__icon .public-line-icon{width:24px;height:24px}
  .cost-page .cost-classification__context{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:13px}
  .cost-page .cost-classification__context-icon{width:36px;height:36px}
}
@media(max-width:374px){.cost-page .cost-classification__heading>p:last-child{font-size:.95rem}.cost-page .cost-classification__level p,.cost-page .cost-classification__context{font-size:.83rem}}
@media(forced-colors:active){.cost-page .cost-classification__visual,.cost-page .cost-classification__level,.cost-page .cost-classification__context{border:1px solid ButtonText}}

/* Shared "Aufwand verstehen" composition on all public cost pages. */
.cost-page .cost-effort{--effort-accent:#0b67d5;--effort-soft:#eaf4ff;position:relative;overflow:hidden;background:linear-gradient(rgba(255,255,255,.44),rgba(255,255,255,.44)),linear-gradient(145deg,#f8fbff 0%,#f1f7ff 58%,#f9fbff 100%);border-block:1px solid #dbe7f5}
.cost-page .cost-effort--green{--effort-accent:#149966;--effort-soft:#e8f8f1}.cost-page .cost-effort--orange{--effort-accent:#ed7d13;--effort-soft:#fff2e5}.cost-page .cost-effort--purple{--effort-accent:#7650d7;--effort-soft:#f2edff}
.cost-page .cost-effort__frame{position:relative;padding-block:27px 24px;background:transparent;border:0;border-radius:0;box-shadow:none}
.cost-page .cost-effort__heading{max-width:900px;margin:0 auto 26px;text-align:center}
.cost-page .cost-effort__heading .eyebrow{margin-bottom:8px;color:var(--effort-accent)}
.cost-page .cost-effort__heading h2{margin:0 0 10px;color:#0d203e;font-size:clamp(1.75rem,6vw,2.55rem);line-height:1.13;letter-spacing:-.025em}
.cost-page .cost-effort__heading>p:last-child{max-width:760px;margin:0 auto;color:#56677e;font-size:.98rem;line-height:1.58}
.cost-page .cost-effort__layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.cost-page .cost-effort__visual{display:grid;grid-column:1/-1;place-items:center;min-width:0;margin:0;padding:0}
.cost-page .cost-effort__visual img{display:block;width:100%;height:auto;max-width:560px;object-fit:contain}
.cost-page .cost-effort__group{display:contents}
.cost-page .cost-effort__factor{--factor-color:var(--effort-accent);--factor-soft:var(--effort-soft);position:relative;display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0;padding:12px;background:rgba(255,255,255,.96);border:1px solid #dfe7f2;border-radius:13px;box-shadow:0 6px 16px rgba(22,51,90,.055)}
.cost-page .cost-effort__factor--green{--factor-color:#11a874;--factor-soft:#e8faf3}.cost-page .cost-effort__factor--purple{--factor-color:#7135d6;--factor-soft:#f1ebff}.cost-page .cost-effort__factor--orange{--factor-color:#ed7a0c;--factor-soft:#fff1e3}.cost-page .cost-effort__factor--blue{--factor-color:#126bd6;--factor-soft:#eaf3ff}.cost-page .cost-effort__factor--pink{--factor-color:#d62487;--factor-soft:#fdebf5}
.cost-page .cost-effort__icon{display:grid;place-items:center;width:38px;height:38px;color:var(--factor-color);background:var(--factor-soft);border:1px solid color-mix(in srgb,var(--factor-color) 12%,white);border-radius:11px}
.cost-page .cost-effort__icon .public-line-icon{width:22px;height:22px;stroke-width:1.75}
.cost-page .cost-effort__factor h3{margin:0 0 4px;color:#102440;font-size:.9rem;line-height:1.24}
.cost-page .cost-effort__factor p{margin:0;color:#56677d;font-size:.77rem;line-height:1.4}
.cost-page .cost-effort__text--full{display:none}
@media(min-width:768px){
  .cost-page .cost-effort__frame{padding-block:36px 31px}
  .cost-page .cost-effort__heading{margin-bottom:28px}
  .cost-page .cost-effort__layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .cost-page .cost-effort__visual img{max-width:540px}
  .cost-page .cost-effort__factor{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:13px}
  .cost-page .cost-effort__icon{width:42px;height:42px}
  .cost-page .cost-effort__icon .public-line-icon{width:24px;height:24px}
  .cost-page .cost-effort__factor h3{font-size:.94rem}
  .cost-page .cost-effort__factor p{font-size:.81rem;line-height:1.42}
}
@media(min-width:1100px){
  .cost-page .cost-effort{padding-block:74px}
  .cost-page .cost-effort__frame{padding-block:36px 32px}
  .cost-page .cost-effort__heading{margin-bottom:28px}
  .cost-page .cost-effort__layout{grid-template-columns:minmax(0,1fr) minmax(410px,1.25fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(102px,1fr));gap:12px 18px;align-items:stretch}
  .cost-page .cost-effort__visual{grid-column:2;grid-row:1/4;align-self:center}
  .cost-page .cost-effort__visual img{max-width:490px}
  .cost-page .cost-effort__factor{grid-template-columns:42px minmax(0,1fr);gap:11px;min-height:102px;padding:13px}
  .cost-page .cost-effort__group--left .cost-effort__factor:nth-child(1){grid-column:1;grid-row:1}
  .cost-page .cost-effort__group--left .cost-effort__factor:nth-child(2){grid-column:1;grid-row:2}
  .cost-page .cost-effort__group--left .cost-effort__factor:nth-child(3){grid-column:1;grid-row:3}
  .cost-page .cost-effort__group--right .cost-effort__factor:nth-child(1){grid-column:3;grid-row:1}
  .cost-page .cost-effort__group--right .cost-effort__factor:nth-child(2){grid-column:3;grid-row:2}
  .cost-page .cost-effort__group--right .cost-effort__factor:nth-child(3){grid-column:3;grid-row:3}
  .cost-page .cost-effort__text--full{display:block}
  .cost-page .cost-effort__text--compact{display:none}
}
@media(max-width:767px){.cost-page .cost-effort{padding-block:56px}}
@media(max-width:339px){
  .cost-page .cost-effort__layout{grid-template-columns:minmax(0,1fr)}
  .cost-page .cost-effort__visual{grid-column:1}
  .cost-page .cost-effort__factor{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:11px 12px}
}
@media(forced-colors:active){.cost-page .cost-effort__factor,.cost-page .cost-effort__icon{border-color:ButtonText}}

/* About page redesign: deliberately scoped so other public pages keep their approved layout. */
.about-page-redesign{--about-navy:#07183d;--about-blue:#0668e8;--about-blue-soft:#eaf4ff;--about-green:#10ad88;--about-purple:#7a34ef;--about-orange:#f57a00;--about-line:#d8e6f5;--about-muted:#52647d;--about-shadow:0 14px 38px rgba(30,74,125,.09);color:var(--about-navy);background:#fff}
.about-page-redesign .shell{width:min(1180px,calc(100% - 32px))}
.about-page-redesign figure{margin:0}
.about-page-redesign img{display:block;max-width:100%;height:auto}
.about-page-redesign .eyebrow{display:inline-flex;width:max-content;margin:0 0 10px;padding:5px 10px;color:var(--about-blue);background:#dceeff;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.055em;line-height:1;text-transform:uppercase}
.about-page-redesign h1,.about-page-redesign h2,.about-page-redesign h3{color:var(--about-navy)}
.about-page-redesign h2{margin-bottom:12px;font-size:clamp(1.65rem,7vw,2.45rem);line-height:1.08}
.about-page-redesign p{line-height:1.58}
.about-section{padding:18px 0}
.about-section__heading{max-width:810px;margin:0 0 24px}
.about-section__heading>p:last-child{margin:0;color:var(--about-muted)}

.about-hero{position:relative;overflow:hidden;padding:44px 0 34px;background:radial-gradient(circle at 76% 28%,rgba(100,173,255,.18),transparent 34%),linear-gradient(140deg,#fff 12%,#f7fbff 58%,#edf6ff 100%);border-bottom:1px solid #e4edf7}
.about-hero::before{position:absolute;right:-120px;bottom:-210px;width:460px;height:460px;background:rgba(82,159,250,.08);border-radius:50%;content:""}
.about-hero__grid{position:relative;display:grid;gap:26px;align-items:center}
.about-hero__content{z-index:1}
.about-hero h1{max-width:620px;margin:0 0 18px;font-size:clamp(1.65rem,8vw,3.5rem);line-height:.99;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal;hyphens:none}
.about-hero__domain{white-space:nowrap}
.about-hero__content>p:not(.eyebrow){max-width:600px;margin-bottom:0;color:#344a68;font-size:1.03rem}
.about-hero form{margin-top:24px}
.about-hero .button{box-shadow:0 10px 24px rgba(6,104,232,.2)}
.about-hero__visual{position:relative;justify-self:center;width:min(100%,650px)}
.about-hero__visual img{width:100%;aspect-ratio:3/2;object-fit:contain}

.about-purpose__heading{max-width:900px}
.about-purpose__grid{display:grid;gap:0;margin-top:26px}
.about-purpose__item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start;min-width:0;padding:20px 0;border-bottom:1px solid #dce8f4}
.about-purpose__item:last-child{border-bottom:0}
.about-purpose__icon{display:grid;place-items:center;width:52px;height:52px;color:var(--about-blue);background:var(--about-blue-soft);border-radius:50%}
.about-purpose__icon svg{width:28px;height:28px}
.about-purpose__item h3{margin:2px 0 7px;font-size:1.08rem}
.about-purpose__item p{margin:0;color:var(--about-muted);font-size:.94rem}
.about-purpose__note{display:grid;grid-template-columns:44px minmax(0,1fr);gap:15px;align-items:center;padding:16px 18px;margin-top:20px;color:#174d99;background:#eef6ff;border:1px solid #d6e7f8;border-radius:14px}
.about-purpose__note>span{display:grid;place-items:center;width:44px;height:44px;color:var(--about-blue);background:#dceeff;border-radius:50%}
.about-purpose__note svg{width:25px;height:25px}.about-purpose__note p{margin:0}
.about-request__layout{display:grid;gap:20px;align-items:center}
.about-request__content>p:not(.eyebrow){color:var(--about-muted)}
.about-request__visual{justify-self:center;width:min(100%,520px);overflow:hidden;border-radius:18px}
.about-request__visual img{width:100%;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply}

.about-method{margin-top:10px;background:linear-gradient(180deg,#f4f9ff,#edf6ff);border-block:1px solid #dfebf7}
.about-method .shell{padding-block:28px}
.about-method__grid{display:grid;gap:14px}
.about-method__step{position:relative;min-width:0;padding:22px;background:rgba(255,255,255,.94);border:1px solid #dce8f5;border-radius:18px;box-shadow:0 10px 25px rgba(38,78,121,.07)}
.about-method__top{display:flex;align-items:center;margin-bottom:16px}
.about-method__number{display:grid;place-items:center;width:46px;height:46px;color:#fff;background:linear-gradient(145deg,#0c8afa,#075fd8);border-radius:50%;font-size:1.25rem;font-weight:850}
.about-method__step:nth-child(2) .about-method__number{background:linear-gradient(145deg,#40d4b4,#12a17f)}
.about-method__step:nth-child(3) .about-method__number{background:linear-gradient(145deg,#a554ff,#7524e6)}
.about-method__step h3{margin-bottom:8px;font-size:1.08rem}
.about-method__step p{margin:0;color:var(--about-muted);font-size:.93rem}

.about-range__card{position:relative;display:grid;gap:16px;align-items:center;overflow:hidden;padding:24px;background:linear-gradient(115deg,#f0fffb 0%,#f9fffd 58%,#ecfbf6 100%);border:1px solid #cfeee5;border-radius:20px;box-shadow:0 10px 26px rgba(22,123,102,.06)}
.about-range__content{position:relative;z-index:1}
.about-range__content p:not(.eyebrow){margin:0;color:var(--about-muted)}
.about-range__content p+p{margin-top:4px}
.about-range__bars{position:absolute;right:22px;bottom:0;display:none;align-items:end;gap:10px;height:116px;opacity:.54}
.about-range__bars span{display:block;width:24px;background:linear-gradient(#77ddc4,#bdf2e5);border-radius:6px 6px 0 0}
.about-range__bars span:nth-child(1){height:34px}.about-range__bars span:nth-child(2){height:60px}.about-range__bars span:nth-child(3){height:84px}.about-range__bars span:nth-child(4){height:112px}

.about-difference__card{padding:24px;background:linear-gradient(130deg,#fffaf4,#fff5ea);border:1px solid #f5dcc0;border-radius:22px;box-shadow:0 10px 28px rgba(168,102,37,.06)}
.about-difference .eyebrow{color:var(--about-orange);background:#fff0df}
.about-difference__grid{display:grid;gap:14px}
.about-difference__column{min-width:0;padding:20px;background:rgba(255,255,255,.92);border:1px solid #f0e4d7;border-radius:16px}
.about-difference__title{margin-bottom:16px}
.about-difference__title h3{margin:0;font-size:1.05rem}
.about-difference__column ul{display:grid;gap:8px;padding:0;margin:0;list-style:none}
.about-difference__column li{position:relative;padding-left:24px;margin:0;color:#42536b;font-size:.92rem}
.about-difference__column .check-list li::before{top:1px;color:var(--about-orange)}

.about-request{padding-bottom:34px}
.about-request__layout{position:relative}
.about-request__layout::after{position:absolute;right:14%;top:22%;display:none;width:160px;border-top:2px dashed #77b5fa;content:"";transform:rotate(-8deg)}
.about-request__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.about-request__actions form{margin:0}.about-request__actions .button{min-height:46px}
.about-request__actions .button--outline{color:var(--about-blue);background:#fff;border-color:#9fcafa;box-shadow:0 6px 16px rgba(24,103,194,.08)}
.about-request__actions .button--outline:hover{background:#f8fbff}

@media(min-width:600px){
  .about-page-redesign .shell{width:min(1180px,calc(100% - 56px))}
  .about-section{padding:25px 0}
  .about-difference__card{padding:30px}
  .about-purpose__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .about-purpose__item{grid-template-columns:52px minmax(0,1fr);padding:12px 24px;border-right:1px solid #dce8f4;border-bottom:0}
  .about-purpose__item:first-child{padding-left:0}.about-purpose__item:last-child{padding-right:0;border-right:0}
  .about-method__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-method__step:last-child{grid-column:1/-1}
  .about-range__card{grid-template-columns:minmax(0,1fr);padding:28px 190px 28px 28px}
  .about-range__bars{display:flex}
  .about-difference__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:900px){
  .about-section{padding:30px 0}
  .about-hero{padding:70px 0 54px}
  .about-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:42px}
  .about-hero h1{font-size:clamp(2.65rem,3.8vw,3.35rem)}
  .about-hero__visual{width:110%;max-width:720px}
  .about-request__layout{grid-template-columns:minmax(0,1.06fr) minmax(370px,.94fr);gap:42px}
  .about-request__visual{width:100%}
  .about-method .shell{padding-block:36px}
  .about-method__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .about-method__step:last-child{grid-column:auto}
  .about-range__card{grid-template-columns:minmax(0,1fr);padding:28px 220px 28px 30px}
  .about-difference__card{padding:30px 42px}
  .about-request__layout::after{display:block}
}
@media(max-width:599px){
  .about-page-redesign .button{width:100%}
  .about-hero__visual{width:112%;margin-inline:-6%}
  .about-difference__card{padding:21px}
  .about-request__visual{width:100%;margin-inline:0}
  .about-request__actions{display:grid}.about-request__actions form,.about-request__actions .button{width:100%}
}
@media(max-width:359px){
  .about-page-redesign .shell{width:calc(100% - 24px)}
  .about-hero{padding-top:36px}
  .about-difference__card,.about-method__step,.about-range__card{padding:18px}
  .about-difference__column{padding:16px}
}
@media(forced-colors:active){.about-page-redesign .about-purpose__item,.about-page-redesign .about-purpose__note,.about-page-redesign .about-method__step,.about-page-redesign .about-range__card,.about-page-redesign .about-difference__card,.about-page-redesign .about-difference__column{border-color:ButtonText}}

/* Ratgeber-Bausteine: Tabelle, Infografik-Figure, kontextueller Inline-CTA (additiv, auf .article-content beschränkt) */
.article-content .article-table-wrap{margin:22px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:12px}
.article-content .article-table-wrap:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.article-content table.article-table{width:100%;min-width:520px;border-collapse:collapse;font-size:.94rem;background:#fff}
.article-content table.article-table caption{padding:12px 14px;color:var(--text-secondary);font-size:.86rem;text-align:left}
.article-content table.article-table th,.article-content table.article-table td{max-width:none;padding:11px 14px;border-top:1px solid var(--border);text-align:left;vertical-align:top;line-height:1.5}
.article-content table.article-table thead th{color:#fff;background:var(--primary);border-top:0;font-size:.9rem}
.article-content table.article-table tbody th{background:var(--surface-blue);font-weight:680}
.article-content table.article-table tbody tr:nth-child(even) td{background:#f7fbff}
.article-figure{margin:24px 0;text-align:center}
.article-figure img{display:block;width:100%;max-width:760px;height:auto;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}
.article-figure figcaption{max-width:74ch;margin:12px auto 0;color:var(--text-secondary);font-size:.9rem;line-height:1.55}
.article-figure--narrow img{max-width:520px}
.cost-detail-section .cost-detail{margin-inline:auto;margin-top:0}
.cost-detail__links{margin-top:6px}

/* One-Pager-Kostenseite: breites, eigenständiges Inhaltsmodul. */
.cost-page .cost-detail--onepager-scope{max-width:none}
.cost-page .onepager-overview{display:grid;gap:18px;color:var(--text)}
.cost-page .onepager-overview__intro{position:relative;display:grid;gap:24px;align-items:center;overflow:hidden;padding:clamp(22px,4vw,38px);background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%);border:1px solid #d8e6f7;border-radius:20px;box-shadow:0 7px 24px rgba(18,49,90,.055)}
.cost-page .onepager-overview__intro::after{position:absolute;right:-90px;bottom:-130px;width:310px;height:310px;background:rgba(69,137,225,.075);border-radius:50%;content:""}
.cost-page .onepager-overview__intro-copy{position:relative;z-index:1;min-width:0}
.cost-page .cost-detail--onepager-scope .onepager-overview__intro h2{max-width:760px;margin:0 0 14px;color:var(--text);font-size:clamp(1.75rem,4vw,2.45rem);line-height:1.12}
.cost-page .onepager-overview__intro p{max-width:76ch;margin:0;color:var(--text-secondary);line-height:1.7}
.cost-page .onepager-overview__visual{position:relative;z-index:1;display:none;min-height:190px;place-items:center}
.cost-page .onepager-browser{position:relative;width:min(100%,250px);padding:28px 18px 18px;background:#fff;border:1px solid #d6e3f3;border-radius:13px;box-shadow:0 12px 24px rgba(20,57,105,.11)}
.cost-page .onepager-browser__bar{position:absolute;display:flex;align-items:center;gap:5px;inset:0 0 auto;height:22px;padding-left:10px;background:var(--primary);border-radius:12px 12px 0 0}
.cost-page .onepager-browser__bar i{width:5px;height:5px;background:#fff;border-radius:50%;opacity:.9}
.cost-page .onepager-browser__image{display:block;height:72px;margin-bottom:12px;background:linear-gradient(145deg,#d9ebff,#a9d0ff);border-radius:7px}
.cost-page .onepager-browser__line{display:block;width:100%;height:6px;margin-top:8px;background:#e4ebf4;border-radius:99px}
.cost-page .onepager-browser__line--short{width:48%;background:#8cbaf2}
.cost-page .onepager-browser__actions{display:flex;gap:8px;margin-top:12px}.cost-page .onepager-browser__actions i{width:74px;height:13px;background:var(--primary);border-radius:5px}.cost-page .onepager-browser__actions i+ i{background:#e3ebf5}
.cost-page .onepager-overview__visual-icon{position:absolute;right:0;display:grid;place-items:center;width:42px;height:42px;color:var(--primary);background:#fff;border:1px solid #c9dcf3;border-radius:50%;box-shadow:0 6px 15px rgba(20,57,105,.08)}
.cost-page .onepager-overview__visual-icon:nth-of-type(1){top:12px}.cost-page .onepager-overview__visual-icon:nth-of-type(2){top:72px}.cost-page .onepager-overview__visual-icon:nth-of-type(3){top:132px}
.cost-page .onepager-overview__visual-icon svg{width:21px;height:21px}
.cost-page .onepager-content-module,.cost-page .onepager-fit-module{padding:clamp(18px,3vw,28px);background:#fff;border:1px solid #dbe5f1;border-radius:19px;box-shadow:0 5px 18px rgba(18,49,90,.045)}
.cost-page .onepager-module-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}
.cost-page .onepager-module-heading__icon{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;color:var(--primary);background:var(--surface-blue);border:1px solid #cfe0f5;border-radius:12px}
.cost-page .onepager-module-heading__icon svg{width:22px;height:22px}
.cost-page .cost-detail--onepager-scope .onepager-module-heading h3{margin:1px 0 3px;color:var(--text);font-size:clamp(1.2rem,3vw,1.55rem);line-height:1.3}
.cost-page .onepager-module-heading p{max-width:70ch;margin:0;color:var(--text-secondary);font-size:.93rem}
.cost-page .onepager-content-grid{display:grid;gap:15px 28px;padding:0;margin:0;list-style:none}
.cost-page .onepager-content-module.shop-components{box-shadow:none}
.cost-page .cost-detail--onepager-scope .onepager-content-module .onepager-module-heading h3{margin:0 0 3px;font-size:clamp(1.1rem,2.5vw,1.35rem)}
.cost-page .onepager-effort-note{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;margin-top:16px;color:#284765;background:#f5f9ff;border:1px solid #d5e5f7;border-radius:13px}
.cost-page .onepager-effort-note>span{display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;color:var(--primary);background:#fff;border-radius:9px}.cost-page .onepager-effort-note svg{width:18px;height:18px}.cost-page .onepager-effort-note p{max-width:none;margin:2px 0 0;font-size:.91rem;line-height:1.55}
.cost-page .onepager-fit-grid{display:grid;gap:12px}
.cost-page .onepager-fit-card{min-width:0;padding:18px;border:1px solid;border-radius:14px}
.cost-page .onepager-fit-card--positive{background:#f1fbf6;border-color:#d3edde}.cost-page .onepager-fit-card--notice{background:#fff8ef;border-color:#f3dfc4}
.cost-page .cost-detail--onepager-scope .onepager-fit-card h4{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:1rem}
.cost-page .onepager-fit-card h4>span,.cost-page .onepager-fit-card li>span{display:grid;flex:0 0 auto;place-items:center;color:#fff;border-radius:50%}
.cost-page .onepager-fit-card h4>span{width:31px;height:31px}.cost-page .onepager-fit-card h4>span::after{font-size:1rem;font-weight:850}
.cost-page .onepager-fit-card--positive h4>span,.cost-page .onepager-fit-card--positive li>span{background:#1aa16b}.cost-page .onepager-fit-card--notice h4>span,.cost-page .onepager-fit-card--notice li>span{background:#e98935}
.cost-page .onepager-fit-card--positive h4>span::after{content:"✓"}.cost-page .onepager-fit-card--notice h4>span::after{content:"!"}
.cost-page .cost-detail--onepager-scope .onepager-fit-card ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}
.cost-page .onepager-fit-card li{display:flex;gap:10px;align-items:flex-start;max-width:none;color:#334a65;font-size:.91rem;line-height:1.5}
.cost-page .onepager-fit-card li>span{width:18px;height:18px;margin-top:.15em}.cost-page .onepager-fit-card li>span::after{font-size:.7rem;font-weight:850}.cost-page .onepager-fit-card--positive li>span::after{content:"✓"}.cost-page .onepager-fit-card--notice li>span::after{content:"!"}
.cost-page .onepager-final-note{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;margin-top:16px;background:linear-gradient(135deg,#f2f7ff,#edf5ff);border:1px solid #cfe0f5;border-radius:13px}
.cost-page .onepager-final-note__icon{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;color:var(--primary);background:#fff;border-radius:11px}.cost-page .onepager-final-note__icon svg{width:21px;height:21px}
.cost-page .cost-detail--onepager-scope .onepager-final-note h4{margin:1px 0 4px;font-size:.98rem}.cost-page .onepager-final-note p{max-width:none;margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.55}
@media(min-width:480px){.cost-page .onepager-overview__visual{display:grid}}
@media(min-width:600px){.cost-page .onepager-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.cost-page .onepager-fit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-page .onepager-fit-card{padding:20px}}
@media(min-width:900px){.cost-page .onepager-overview__intro{grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr)}}
@media(max-width:374px){.cost-page .onepager-content-module,.cost-page .onepager-fit-module{padding:16px}.cost-page .onepager-overview__intro{padding:19px}.cost-page .onepager-module-heading{gap:10px}.cost-page .onepager-module-heading__icon{width:38px;height:38px}.cost-page .onepager-effort-note,.cost-page .onepager-final-note{padding:14px}}
@media(forced-colors:active){.cost-page .onepager-overview__intro,.cost-page .onepager-content-module,.cost-page .onepager-fit-module,.cost-page .onepager-fit-card,.cost-page .onepager-effort-note,.cost-page .onepager-final-note{border-color:ButtonText}}

/* Deliberately icon-free headings in the approved cost-page content modules. */
.cost-page .cost-detail--onepager-scope .onepager-module-heading,
.cost-page .cost-detail--website-scope .company-module-heading,
.cost-page .cost-detail--webapp-scope .webapp-module-heading,
.cost-page .cost-detail--shop-scope .shop-module-heading{display:block}
.cost-page .cost-detail--onepager-scope .onepager-fit-card h4{display:block;margin:0 0 14px}
.cost-page .onepager-fit-card li>span{display:grid;flex:0 0 auto;place-items:center;color:#fff;border-radius:50%}
.cost-page .onepager-fit-card--positive li>span{background:#1aa16b}.cost-page .onepager-fit-card--notice li>span{background:#e98935}
.cost-page .webapp-overview__label,.cost-page .shop-overview__label{display:block}
.cost-page .company-table caption{display:block}

/* Shared preparation block: one calm surface and four compact checklist cards. */
.cost-page .cost-detail--prepare{max-width:none}
.cost-page .cost-detail--prepare>h2{max-width:900px;margin-bottom:12px;font-size:clamp(1.75rem,5vw,2.45rem)}
.cost-page .cost-detail--prepare>p:not(.cost-detail__links){max-width:850px;margin-bottom:22px;color:var(--text-secondary);font-size:1rem;line-height:1.62}
.cost-page .comparison-checklist-grid--prepare{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px;margin:0;background:#eef6ff;border:1px solid #d5e6f7;border-radius:18px}
.cost-page .comparison-checklist-grid--prepare .comparison-checklist{display:block;min-width:0;padding:20px;margin:0;background:#fff;border:1px solid #e1eaf4;border-radius:15px;box-shadow:0 7px 18px rgba(29,67,111,.045)}
.cost-page .comparison-checklist-grid--prepare .comparison-checklist h3{margin:0 0 13px;color:var(--text);font-size:1.15rem}
.cost-page .comparison-checklist-grid--prepare .comparison-checklist ul{gap:11px}
.cost-page .comparison-checklist-grid--prepare .comparison-checklist li{gap:12px;color:#354b66;line-height:1.45}
.cost-page .cost-detail--onepager-prepare .cost-detail__links{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:18px 8px 0;margin:18px 0 0;border-top:1px solid #cbdff4;color:var(--text);font-weight:750}
.cost-page .cost-detail--onepager-prepare .cost-detail__links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.cost-page .cost-detail--onepager-prepare .cost-detail__links a:hover{text-decoration:underline}
@media(min-width:768px){
  .cost-page .comparison-checklist-grid--prepare{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px}
  .cost-page .comparison-checklist-grid--prepare .comparison-checklist{min-height:184px}
  .cost-page .cost-detail--onepager-prepare .cost-detail__links a+a{padding-left:24px;border-left:1px solid #cbdff4}
}
@media(max-width:599px){
  .cost-page .comparison-checklist-grid--prepare{padding:14px}
  .cost-page .comparison-checklist-grid--prepare .comparison-checklist{padding:17px}
  .cost-page .cost-detail--onepager-prepare .cost-detail__links{display:grid;gap:4px;padding-inline:0}
}
@media(max-width:359px){.cost-page .comparison-checklist-grid--prepare .comparison-checklist{padding:14px}}

/* Shared editorial closing block for related guides on all public cost pages. */
.cost-page .cost-related-reading{padding:clamp(20px,3vw,30px);margin:26px 0 0;background:linear-gradient(145deg,#f6faff 0%,#eef6ff 100%);border:1px solid #cfe0f5;border-radius:18px}
.cost-page .cost-related-reading__header{max-width:760px;margin:0 0 18px}
.cost-page .cost-related-reading__eyebrow{margin:0 0 4px;color:var(--primary);font-size:.76rem;font-weight:750;letter-spacing:.065em;line-height:1.4;text-transform:uppercase}
.cost-page .cost-detail--prepare .cost-related-reading__header h2{margin:0 0 5px;color:var(--text);font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.22}
.cost-page .cost-detail--prepare .cost-related-reading__header>p:last-child{max-width:680px;margin:0;color:var(--text-secondary);font-size:.94rem;line-height:1.55}
.cost-page .cost-related-reading__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch}
.cost-page .cost-related-reading__item{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:14px;align-items:center;min-width:0;height:100%;padding:16px;color:var(--text);background:rgba(255,255,255,.92);border:1px solid #d4e3f4;border-radius:13px;text-decoration:none;transition:background-color .16s,border-color .16s,box-shadow .16s}
.cost-page .cost-related-reading__copy{display:block;min-width:0}
.cost-page .cost-related-reading__copy strong{display:block;color:var(--primary);font-size:.98rem;font-weight:750;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}
.cost-page .cost-related-reading__copy>span{display:block;margin-top:5px;color:var(--text-secondary);font-size:.84rem;font-weight:400;line-height:1.48}
.cost-page .cost-related-reading__indicator{position:relative;display:grid;place-items:center;width:30px;height:30px;color:var(--primary);background:var(--surface-blue);border-radius:50%}
.cost-page .cost-related-reading__indicator::before{width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;content:"";transform:translateX(-2px) rotate(45deg)}
.cost-page .cost-related-reading__item:hover{background:#fff;border-color:#9fc2ed;box-shadow:0 4px 12px rgba(18,49,90,.045)}
.cost-page .cost-related-reading__item:hover .cost-related-reading__copy strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.cost-page .cost-related-reading__item:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(min-width:600px){
  .cost-page .cost-related-reading__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:900px){
  .cost-page .cost-related-reading__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cost-page .cost-related-reading__grid--count-2,.cost-page .cost-related-reading__grid--count-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:359px){
  .cost-page .cost-related-reading{padding:16px}
  .cost-page .cost-related-reading__item{grid-template-columns:minmax(0,1fr) 28px;gap:10px;padding:14px}
  .cost-page .cost-related-reading__indicator{width:28px;height:28px}
}
@media(forced-colors:active){.cost-page .cost-related-reading,.cost-page .cost-related-reading__item{border-color:ButtonText}}

/* Unternehmenswebsite-Kostenseite: breites Informationsmodul mit responsiver Datentabelle. */
.cost-page .cost-detail--website-scope{max-width:none}
.cost-page .company-overview{padding:clamp(20px,3.5vw,36px);color:var(--text);background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);border:1px solid #cfe0f5;border-radius:20px;box-shadow:0 7px 24px rgba(18,49,90,.05)}
.cost-page .company-overview__intro{margin-bottom:24px}
.cost-page .cost-detail--website-scope .company-overview__intro h2{max-width:820px;margin:0 0 13px;color:var(--text);font-size:clamp(1.75rem,4vw,2.45rem);line-height:1.12}
.cost-page .company-overview__intro p{max-width:82ch;margin:0;color:var(--text-secondary);line-height:1.68}
.cost-page .company-areas{padding:clamp(18px,2.8vw,25px);background:rgba(238,246,255,.72);border:1px solid #d5e5f7;border-radius:16px}
.cost-page .company-module-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.cost-page .company-module-heading__icon{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;color:var(--primary);background:#fff;border:1px solid #cfe0f5;border-radius:12px}
.cost-page .company-module-heading__icon svg{width:22px;height:22px}
.cost-page .cost-detail--website-scope .company-module-heading h3{margin:0;color:var(--text);font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.3}
.cost-page .cost-detail--website-scope .company-areas__grid{display:grid;gap:12px 24px;padding:0;margin:0;list-style:none}
.cost-page .company-areas__grid li{display:flex;align-items:flex-start;gap:10px;min-width:0;max-width:none}
.cost-page .company-areas__grid p{min-width:0;max-width:none;margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.5;overflow-wrap:break-word;word-break:normal;hyphens:none}
.cost-page .company-areas__grid strong{color:var(--text);font-weight:720}
.cost-page .company-check{display:grid;flex:0 0 auto;place-items:center;width:18px;height:18px;margin-top:.13em;color:#fff;background:var(--primary);border-radius:50%;font-size:.7rem;font-weight:850}
.cost-page .company-effort{padding-top:26px;margin-top:26px;border-top:1px solid #d5e3f2}
.cost-page .company-step-heading{display:flex;align-items:flex-start;gap:14px}
.cost-page .company-step-heading>span{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;color:var(--primary);background:var(--surface-blue);border-radius:50%;font-size:.78rem;font-weight:800}
.cost-page .cost-detail--website-scope .company-step-heading h3{margin:4px 0 8px;color:var(--text);font-size:clamp(1.16rem,2.8vw,1.45rem);line-height:1.3}
.cost-page .company-step-heading p{max-width:82ch;margin:0;color:var(--text-secondary);line-height:1.65}
.cost-page .company-table-wrap{margin:22px 0 18px;overflow:hidden;background:#fff;border:1px solid #d4e1ef;border-radius:15px;box-shadow:0 3px 13px rgba(18,49,90,.035)}
.cost-page .company-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:.91rem}
.cost-page .company-table caption{padding:13px 16px;color:var(--text);background:#f7fbff;border-bottom:1px solid #dbe6f2;font-size:.86rem;font-weight:720;text-align:left}
.cost-page .company-table caption span{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;color:var(--primary);vertical-align:middle;background:var(--surface-blue);border-radius:8px}
.cost-page .company-table caption svg{width:17px;height:17px}
.cost-page .company-table th,.cost-page .company-table td{max-width:none;padding:11px 14px;border-top:1px solid #e1e9f2;text-align:left;vertical-align:top;line-height:1.5;overflow-wrap:break-word;word-break:normal;hyphens:none}
.cost-page .company-table thead th{color:#fff;background:var(--primary);border-top:0;font-size:.86rem;font-weight:720}
.cost-page .company-table tbody th{width:22%;color:var(--text);background:#f2f7fd;font-weight:720}
.cost-page .company-table tbody td:nth-child(2){width:31%}
.cost-page .company-knowledge{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;color:#214f42;background:#f1fbf7;border:1px solid #caeadc;border-radius:14px}
.cost-page .company-knowledge__icon{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;color:#13865d;background:#dcf6eb;border-radius:11px}
.cost-page .company-knowledge__icon svg{width:21px;height:21px}
.cost-page .cost-detail--website-scope .company-knowledge h4{margin:1px 0 4px;color:#126344;font-size:.96rem}
.cost-page .company-knowledge p{max-width:none;margin:0;color:#365b51;font-size:.9rem;line-height:1.55}
.cost-page .company-material{padding-top:26px;margin-top:26px;border-top:1px solid #d5e3f2}
.cost-page .company-material a{white-space:normal}
@media(min-width:720px){.cost-page .company-areas__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){
  .cost-page .company-overview{padding:18px}
  .cost-page .company-areas{padding:16px}
  .cost-page .company-module-heading{align-items:flex-start;gap:10px}
  .cost-page .company-module-heading__icon{width:38px;height:38px}
  .cost-page .company-step-heading{gap:10px}
  .cost-page .company-step-heading>span{width:34px;height:34px}
  .cost-page .company-table-wrap{overflow:visible;background:transparent;border:0;box-shadow:none}
  .cost-page .company-table{display:block;background:transparent}
  .cost-page .company-table caption{display:flex;align-items:center;padding:12px 13px;background:#f7fbff;border:1px solid #d4e1ef;border-radius:13px;font-size:.82rem;line-height:1.4}
  .cost-page .company-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .cost-page .company-table tbody{display:grid;gap:11px;margin-top:11px}
  .cost-page .company-table tr{display:grid;overflow:hidden;background:#fff;border:1px solid #d4e1ef;border-radius:12px}
  .cost-page .company-table th,.cost-page .company-table td{display:grid;grid-template-columns:minmax(108px,42%) minmax(0,1fr);gap:10px;width:auto!important;padding:10px 12px;border-top:1px solid #e1e9f2;font-size:.84rem}
  .cost-page .company-table tr>:first-child{border-top:0}
  .cost-page .company-table th::before,.cost-page .company-table td::before{color:var(--primary);font-size:.69rem;font-weight:760;line-height:1.4;content:attr(data-label)}
  .cost-page .company-table tbody th{background:#f2f7fd}
  .cost-page .company-knowledge{padding:14px}
}
@media(max-width:359px){.cost-page .company-overview{padding:15px}.cost-page .company-areas{padding:14px}.cost-page .company-table th,.cost-page .company-table td{grid-template-columns:minmax(100px,43%) minmax(0,1fr);gap:8px;padding:9px 10px;font-size:.81rem}.cost-page .company-table th::before,.cost-page .company-table td::before{font-size:.66rem}.cost-page .company-knowledge{gap:10px;padding:13px}.cost-page .company-knowledge__icon{width:34px;height:34px}}
@media(forced-colors:active){.cost-page .company-overview,.cost-page .company-areas,.cost-page .company-table-wrap,.cost-page .company-table tr,.cost-page .company-knowledge{border-color:ButtonText}}

/* Web-App-Kostenseite: technische Projektübersicht in der gemeinsamen Kosten-Seiten-Designfamilie. */
.cost-page .cost-detail--webapp-scope{max-width:none}
.cost-page .webapp-overview{padding:clamp(20px,3.5vw,36px);color:var(--text);background:#fff;border:1px solid #cfe0f5;border-radius:20px;box-shadow:0 7px 24px rgba(18,49,90,.05)}
.cost-page .webapp-overview__intro{margin-bottom:24px}
.cost-page .webapp-overview__label{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--primary);font-size:.76rem;font-weight:800;letter-spacing:.035em;line-height:1.2}
.cost-page .webapp-overview__label span{display:grid;place-items:center;width:22px;height:22px}
.cost-page .webapp-overview__label svg{width:17px;height:17px}
.cost-page .cost-detail--webapp-scope .webapp-overview__intro h2{max-width:820px;margin:0 0 13px;color:var(--text);font-size:clamp(1.75rem,4vw,2.45rem);line-height:1.12}
.cost-page .webapp-overview__intro>p:last-child{max-width:82ch;margin:0;color:var(--text-secondary);line-height:1.68}
.cost-page .webapp-projects{padding:clamp(18px,2.8vw,25px);background:#f3f8fe;border:1px solid #d5e5f7;border-radius:16px}
.cost-page .webapp-module-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.cost-page .webapp-module-heading__icon{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;color:var(--primary);background:#fff;border:1px solid #cfe0f5;border-radius:12px}
.cost-page .webapp-module-heading__icon svg{width:22px;height:22px}
.cost-page .cost-detail--webapp-scope .webapp-module-heading h3{margin:0;color:var(--text);font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.3}
.cost-page .cost-detail--webapp-scope .webapp-projects__grid{display:grid;gap:12px 24px;padding:0;margin:0;list-style:none}
.cost-page .webapp-projects__grid li{display:flex;align-items:flex-start;gap:10px;min-width:0;max-width:none}
.cost-page .webapp-projects__grid p{min-width:0;max-width:none;margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.5;overflow-wrap:break-word;word-break:normal;hyphens:none}
.cost-page .webapp-projects__grid strong{color:var(--text);font-weight:720}
.cost-page .webapp-effort{padding-top:26px;margin-top:26px;border-top:1px solid #d5e3f2}
.cost-page .cost-detail--webapp-scope .company-step-heading h3{margin:4px 0 8px;color:var(--text);font-size:clamp(1.16rem,2.8vw,1.45rem);line-height:1.3}
.cost-page .cost-detail--webapp-scope .company-table tbody th{width:28%}
.cost-page .cost-detail--webapp-scope .company-table tbody td:nth-child(2){width:auto}
.cost-page .cost-detail--webapp-scope .company-knowledge h4{margin:1px 0 4px;color:#126344;font-size:.96rem}
.cost-page .webapp-explanation{padding-top:26px;margin-top:26px;border-top:1px solid #d5e3f2}
@media(min-width:720px){.cost-page .webapp-projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){
  .cost-page .webapp-overview{padding:18px}
  .cost-page .webapp-projects{padding:16px}
  .cost-page .webapp-module-heading{align-items:flex-start;gap:10px}
  .cost-page .webapp-module-heading__icon{width:38px;height:38px}
}
@media(max-width:359px){.cost-page .webapp-overview{padding:15px}.cost-page .webapp-projects{padding:14px}}
@media(forced-colors:active){.cost-page .webapp-overview,.cost-page .webapp-projects{border-color:ButtonText}}

/* Online-Shop-Kostenseite: kompakte Shop-Bausteine und nummerierte Fachabschnitte. */
.cost-page .cost-detail--shop-scope{max-width:none}
.cost-page .shop-overview{padding:clamp(20px,3.5vw,36px);color:var(--text);background:#fff;border:1px solid #cfe0f5;border-radius:20px;box-shadow:0 7px 24px rgba(18,49,90,.05)}
.cost-page .shop-overview__intro{margin-bottom:24px}
.cost-page .shop-overview__label{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--primary);font-size:.76rem;font-weight:800;letter-spacing:.035em;line-height:1.2}
.cost-page .shop-overview__label span{display:grid;place-items:center;width:22px;height:22px}
.cost-page .shop-overview__label svg{width:18px;height:18px}
.cost-page .cost-detail--shop-scope .shop-overview__intro h2{max-width:900px;margin:0 0 13px;color:var(--text);font-size:clamp(1.75rem,4vw,2.45rem);line-height:1.12}
.cost-page .shop-overview__intro>p:last-child{max-width:82ch;margin:0;color:var(--text-secondary);line-height:1.68}
.cost-page .shop-components{padding:clamp(18px,2.8vw,25px);background:#f3f8fe;border:1px solid #d5e5f7;border-radius:16px}
.cost-page .shop-module-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.cost-page .shop-module-heading__icon{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;color:var(--primary);background:#fff;border:1px solid #cfe0f5;border-radius:12px}
.cost-page .shop-module-heading__icon svg{width:22px;height:22px}
.cost-page .cost-detail--shop-scope .shop-module-heading h3{margin:0;color:var(--text);font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.3}
.cost-page .cost-detail--shop-scope .shop-components__grid{display:grid;gap:15px 28px;padding:0;margin:0;list-style:none}
.cost-page .shop-components__grid li{display:flex;align-items:flex-start;gap:11px;min-width:0;max-width:none}
.cost-page .shop-components__grid p{min-width:0;max-width:none;margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.45;overflow-wrap:break-word;word-break:normal;hyphens:none}
.cost-page .shop-components__grid strong,.cost-page .shop-components__grid p span{display:block}
.cost-page .shop-components__grid strong{margin-bottom:2px;color:var(--text);font-weight:720}
.cost-page .shop-complexity{padding-top:26px;margin-top:26px;border-top:1px solid #d5e3f2}
.cost-page .cost-detail--shop-scope .company-step-heading h3{margin:4px 0 8px;color:var(--text);font-size:clamp(1.16rem,2.8vw,1.45rem);line-height:1.3}
.cost-page .cost-detail--shop-scope .company-knowledge{margin-top:20px}
.cost-page .cost-detail--shop-scope .company-knowledge h4{margin:1px 0 4px;color:#126344;font-size:.96rem}
.cost-page .shop-explanation{padding-top:26px;margin-top:26px;border-top:1px solid #d5e3f2}
.cost-page .shop-explanation__body{margin-top:12px}
.cost-page .shop-explanation__body p{max-width:82ch;margin:0;overflow-wrap:break-word;word-break:normal;hyphens:none}
@media(min-width:720px){.cost-page .shop-components__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){
  .cost-page .shop-overview{padding:18px}
  .cost-page .shop-components{padding:16px}
  .cost-page .shop-module-heading{align-items:flex-start;gap:10px}
  .cost-page .shop-module-heading__icon{width:38px;height:38px}
}
@media(max-width:359px){.cost-page .shop-overview{padding:15px}.cost-page .shop-components{padding:14px}}
@media(forced-colors:active){.cost-page .shop-overview,.cost-page .shop-components{border-color:ButtonText}}

/* Shared compact checklist language across all four public cost pages. */
.cost-page .cost-scope-checklist{padding:clamp(18px,2.8vw,25px);background:#f3f8fe;border:1px solid #d5e5f7;border-radius:16px;box-shadow:none}
.cost-page .cost-scope-checklist__heading{display:block;margin-bottom:18px}
.cost-page .cost-scope-checklist__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:15px 28px;padding:0;margin:0;list-style:none}
.cost-page .cost-scope-checklist__grid li{display:flex;align-items:flex-start;gap:11px;min-width:0;max-width:none}
.cost-page .cost-scope-checklist__grid p{min-width:0;max-width:none;margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.45;overflow-wrap:break-word;word-break:normal;hyphens:none}
.cost-page .cost-scope-checklist__grid strong,.cost-page .cost-scope-checklist__grid p span{display:block}
.cost-page .cost-scope-checklist__grid strong{margin-bottom:2px;color:var(--text);font-weight:720}
@media(min-width:720px){.cost-page .cost-scope-checklist__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Numbered desktop/tablet sections share the text edge to the right of the number. */
@media(min-width:600px){
  .cost-page :is(.company-effort,.webapp-effort)>.company-table-wrap,
  .cost-page :is(.company-effort,.webapp-effort,.shop-complexity)>.company-knowledge{width:calc(100% - 52px);margin-left:52px}
}
.article-content .article-inline-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 4px;padding:20px 22px;background:var(--surface-blue);border:1px solid #bdd7f5;border-left:4px solid var(--primary);border-radius:var(--radius)}
.article-content .article-inline-cta__text{flex:1 1 260px}
.article-content .article-inline-cta__text strong{display:block;margin-bottom:4px;font-size:1.08rem}
.article-content .article-inline-cta__text p{max-width:60ch;margin:0;color:var(--text-secondary);font-size:.94rem}
.article-content .article-inline-cta form{margin:0;flex:0 0 auto}
@media(max-width:519px){.article-content .article-inline-cta__text p{font-size:.9rem}.article-content .article-inline-cta form{flex-basis:100%}.article-content .article-inline-cta .button{width:100%}}
@media(forced-colors:active){.article-content table.article-table th,.article-content table.article-table td{border-color:ButtonText}}

/* Ratgeber-FAQ: aufklappbares Accordion (native details/summary, kein JS) */
.article-content .article-faq{display:grid;gap:12px;margin:6px 0 0}
.article-content .article-faq__item{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.article-content .article-faq__q{position:relative;display:block;padding:16px 52px 16px 18px;color:var(--text);font-size:1.02rem;font-weight:680;line-height:1.45;cursor:pointer;list-style:none}
.article-content .article-faq__q::-webkit-details-marker{display:none}
.article-content .article-faq__q::after{content:"";position:absolute;right:20px;top:22px;width:10px;height:10px;border-right:2.5px solid var(--primary);border-bottom:2.5px solid var(--primary);transform:rotate(45deg);transition:transform .2s}
.article-content .article-faq__item[open] .article-faq__q::after{transform:rotate(-135deg)}
.article-content .article-faq__q:hover{background:var(--surface-blue)}
.article-content .article-faq__item[open] .article-faq__q{background:var(--surface-blue)}
.article-content .article-faq__q:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 36%,#fff);outline-offset:-3px}
.article-content .article-faq__a{padding:2px 18px 16px}
.article-content .article-faq__a p{margin:0;max-width:74ch}
@media(forced-colors:active){.article-content .article-faq__q::after{border-color:ButtonText}}

/* Market orientation: scoped to the new about-page section. */
.about-market{background:linear-gradient(135deg,#f5faff,#edf6ff);border-block:1px solid var(--about-line)}
.about-market .shell{padding-block:18px}
.about-market__stats{display:grid;gap:16px}
.about-market__stat{display:grid;gap:12px;min-width:0;padding:22px;background:#fff;border:1px solid var(--about-line);border-radius:var(--radius);box-shadow:0 6px 18px rgba(30,74,125,.04)}
.about-market__value{color:var(--about-blue);font-size:clamp(2.4rem,5vw,3.5rem);font-weight:850;line-height:1;letter-spacing:-.035em}
.about-market__stat h3,.about-market__steps h4,.about-market__note h3,.about-market__note h4{margin:0 0 7px;color:var(--about-navy);font-size:1rem;line-height:1.35}
.about-market__stat p,.about-market__steps p,.about-market__note p{margin:0;color:var(--about-muted);font-size:.93rem}
.about-market__method-title{margin:26px 0 18px;font-size:clamp(1.15rem,3vw,1.4rem);line-height:1.35}
.about-market__steps{display:grid;gap:22px;padding:0;margin:0;list-style:none}
.about-market__steps li{display:grid;align-content:start;gap:16px;min-width:0;padding:22px;background:#fff;border:1px solid var(--about-line);border-radius:var(--radius);box-shadow:0 6px 18px rgba(30,74,125,.04)}
.about-market__number{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:var(--about-blue);border-radius:50%;font-size:.85rem;font-weight:800}
.about-market__steps li:nth-child(2) .about-market__number{background:var(--about-green)}
.about-market__note{margin-top:24px;padding:20px;background:var(--about-blue-soft);border:1px solid var(--about-line);border-radius:var(--radius)}
@media(min-width:768px){.about-market__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.about-market__stat{grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}}
@media(min-width:960px){.about-market .shell{padding-block:24px}.about-market__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
@media(forced-colors:active){.about-market,.about-market__stat,.about-market__note{border-color:ButtonText}}

.about-market__steps li:nth-child(3) .about-market__number{background:var(--about-purple)}
.about-market__sources{margin-top:34px;padding-top:28px;border-top:1px solid var(--about-line)}
.about-market__sources-heading{margin-bottom:24px}
.about-market__sources-heading h3{margin:0 0 12px;font-size:clamp(1.5rem,5vw,2.1rem);line-height:1.15}
.about-market__sources-heading>p:last-child{margin:0;color:var(--about-muted)}
.about-market__source-grid{display:grid;gap:16px}
.about-market__source{display:flex;flex-direction:column;min-width:0;padding:22px;background:#fff;border:1px solid var(--about-line);border-radius:var(--radius);box-shadow:0 6px 18px rgba(30,74,125,.04)}
.about-market__source h4{margin:0 0 8px;color:var(--about-navy);font-size:1.1rem;line-height:1.3}
.about-market__source p{color:var(--about-muted);line-height:1.55}
.about-market__source .about-market__source-topics{margin:0;padding-bottom:14px;border-bottom:1px solid var(--about-line);font-size:.8rem}
.about-market__source .about-market__source-description{margin:14px 0 18px;font-size:.88rem}
.about-market__source a{display:inline-flex;align-items:center;gap:6px;align-self:start;min-height:32px;margin-top:auto;color:var(--about-blue);font-size:.88rem;font-weight:600;text-decoration:none}
.about-market__source a::before,.about-market__source a::after{content:none;display:none}
.about-market__external-icon{flex:0 0 13px;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.about-market__source a:hover{text-decoration:underline}
.about-market__source a:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:2px}
@media(min-width:600px){.about-market__source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){.about-market__source-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(forced-colors:active){.about-market__steps li,.about-market__source{border-color:ButtonText}}


/* Shared editorial additions, limited to guide article pages. */
.article-page .article-editorial-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 0 20px;color:var(--text-secondary);font-size:.88rem;line-height:1.6}
.article-editorial-meta a{color:var(--primary);font-weight:650;text-decoration:none}
.article-editorial-meta a:hover{text-decoration:underline}
.article-editorial-meta__date::before{content:"·";margin-right:12px}
.article-page .article-editorial-box{margin-top:36px;padding:24px;background:var(--surface-blue);border:1px solid var(--border);border-radius:var(--radius)}
.article-page .article-editorial-box h3{margin:0 0 12px;color:var(--text);font-size:1.22rem;line-height:1.35}
.article-page .article-editorial-box p{margin:0 0 12px;color:var(--text-secondary);line-height:1.6}
.article-editorial-box a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;color:var(--primary);font-weight:650;line-height:1.5}
.article-editorial-meta a:focus-visible,.article-editorial-box a:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:2px}
@media(forced-colors:active){.article-page .article-editorial-box{border-color:ButtonText}}

/* FAQ: one shared content edge for hero copy, groups and answers. */
.info-page:not(.about-page-redesign) .info-page-hero__content,
.info-page:not(.about-page-redesign) .faq-page-layout{max-width:780px}
.info-page:not(.about-page-redesign) .info-page-hero h1,
.info-page:not(.about-page-redesign) .info-page-hero__content>p:not(.eyebrow),
.info-page:not(.about-page-redesign) .faq-topic>header,
.info-page:not(.about-page-redesign) .faq-topic .faq-list,
.info-page:not(.about-page-redesign) .faq-list details,
.info-page:not(.about-page-redesign) .faq-list details p{max-width:none}

/* Guide articles: shared table of contents, editorial links and one content width. */
.article-page{
  --article-content-width:780px;
}
.article-page .article-content{max-width:var(--article-content-width)}
.article-page .article-content h2,
.article-page .article-content h3,
.article-page .article-content p,
.article-page .article-content li,
.article-page .article-content ul:not(.source-list),
.article-page .article-content ol{max-width:none}
.article-page .article-content .article-category-grid,
.article-page .article-content .comparison-checklist-grid,
.article-page .article-content .article-checklist,
.article-page .article-content .article-figure,
.article-page .article-content .article-table-wrap,
.article-page .article-content .article-inline-cta,
.article-page .article-content .article-faq,
.article-page .article-content .article-editorial-box{width:100%;max-width:100%}
.article-page .article-content .article-category-grid p,
.article-page .article-content .comparison-checklist li,
.article-page .article-content .article-checklist li{max-width:none}
.article-page .article-content .article-figure img{max-width:100%}
.article-page .article-content .article-figure--narrow img{max-width:520px}
.article-page .article-content .article-inline-cta__text p{max-width:60ch}
.article-page .article-content .article-sources{max-width:none}

.article-page .article-content p a:not(.button),
.article-page .article-content li a:not(.button){color:var(--primary);font-weight:inherit;text-decoration:none}
.article-page .article-content p a:not(.button):hover,
.article-page .article-content li a:not(.button):hover{text-decoration:underline}
.article-page .article-content p a:not(.button):focus-visible,
.article-page .article-content li a:not(.button):focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}

.article-page .article-callout,
.article-page .article-toc{width:100%;max-width:var(--article-content-width)}
.article-page .article-toc{padding:clamp(24px,4vw,36px);background:linear-gradient(145deg,#f8fbff 0%,#fff 100%);border-color:#cfe0f5}
.article-page .article-toc__eyebrow{display:block;margin:0 0 8px;color:var(--text-secondary);font-size:.78rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.article-page .article-toc__title{margin:0 0 8px;color:var(--text);font-size:clamp(1.55rem,4vw,2rem);line-height:1.15}
.article-page .article-toc__intro{max-width:none;margin:0 0 24px;color:var(--text-secondary);font-size:.96rem;line-height:1.55}
.article-page .article-toc ul{display:block;padding:0;margin:0;border-top:1px solid #d9e6f5;list-style:none;counter-reset:article-toc-item}
.article-page .article-toc li{max-width:none;margin:0;border-bottom:1px solid #d9e6f5;break-inside:avoid;counter-increment:article-toc-item}
.article-page .article-toc a{display:grid;grid-template-columns:40px minmax(0,1fr) 12px;gap:14px;align-items:center;min-height:64px;padding:10px 8px;color:var(--text);font-size:.96rem;font-weight:inherit;line-height:1.35;text-decoration:none}
.article-page .article-toc a::before{display:grid;place-items:center;width:40px;height:40px;color:var(--primary);background:#eaf3ff;border-radius:50%;font-size:.84rem;font-weight:700;content:counter(article-toc-item,decimal-leading-zero)}
.article-page .article-toc a::after{justify-self:end;width:8px;height:8px;border-top:2px solid var(--primary);border-right:2px solid var(--primary);transform:rotate(45deg);content:""}
.article-page .article-toc a:hover{color:var(--primary);text-decoration:none}
.article-page .article-toc a:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-radius:6px}
@media (min-width:600px){
  .article-page .article-toc ul{column-count:2;column-gap:42px;column-rule:1px solid #d9e6f5}
}
@media (max-width:374px){
  .article-page .article-toc{padding:22px 18px}
  .article-page .article-toc a{grid-template-columns:36px minmax(0,1fr) 10px;gap:11px;padding-inline:4px}
  .article-page .article-toc a::before{width:36px;height:36px}
}
@media(forced-colors:active){
  .article-page .article-toc,.article-page .article-toc ul,.article-page .article-toc li{border-color:ButtonText}
  .article-page .article-toc a::before{border:1px solid ButtonText}
}

/* Center the shared guide content column without changing the wider hero shell. */
.article-page .article-layout{max-width:var(--article-content-width)}

/* Align the complete guide hero with the centered article content column. */
.article-page .article-hero .article-shell{max-width:var(--article-content-width)}
.article-page .article-hero h1,
.article-page .article-hero p:last-child{max-width:none}

/* Normal editorial text links across content pages. Functional and card links stay scoped to their components. */
:is(
  .article-page .article-content :is(p,li) a:not(.button),
  .article-page .article-editorial-box>a,
  .info-page:not(.about-page-redesign) .faq-list details>div a,
  .about-page-redesign :is(p,li) a:not(.button),
  .cost-page p a:not(.button):not(.text-link)
){display:inline;min-height:0;padding:0;color:var(--primary);background:transparent;border:0;border-radius:0;font-weight:inherit;text-decoration:none}
.cost-page .cost-detail__links a{font-weight:400}
:is(
  .article-page .article-content :is(p,li) a:not(.button),
  .article-page .article-editorial-box>a,
  .info-page:not(.about-page-redesign) .faq-list details>div a,
  .about-page-redesign :is(p,li) a:not(.button),
  .cost-page p a:not(.button):not(.text-link)
):hover{text-decoration:underline}
:is(
  .article-page .article-content :is(p,li) a:not(.button),
  .article-page .article-editorial-box>a,
  .info-page:not(.about-page-redesign) .faq-list details>div a,
  .about-page-redesign :is(p,li) a:not(.button),
  .cost-page p a:not(.button):not(.text-link)
):focus-visible{outline:2px solid var(--focus);outline-offset:3px}

/* Only the legal notice immediately before lead submission. */
.lead-form .lead-legal-notice{font-size:.8125rem;line-height:1.6;font-weight:400;color:var(--text-secondary)}
.lead-form .lead-legal-notice .text-link{display:inline;min-height:0;color:var(--primary);font-weight:400;text-decoration:none}
.lead-form .lead-legal-notice .text-link:hover,.lead-form .lead-legal-notice .text-link:focus-visible{text-decoration:underline}
.lead-form .lead-legal-notice .text-link:focus-visible{outline:2px solid var(--focus);outline-offset:3px}

/* Match the shared cost-page shell on desktop; retain smaller-screen insets. */
@media(min-width:900px){
  .home-redesign .shell,.about-page-redesign .shell{width:min(100% - 48px,1120px)}
}