.CompanyCarCalculator {
    --cc-green: #08783d;
    --cc-green-dark: #075d31;
    --cc-ink: #17314a;
    --cc-muted: #627280;
    --cc-line: #d8e0e5;
    --cc-surface: #f4f7f8;
    color: var(--cc-ink);
}

.CompanyCarCalculator .cc-hero {
    border-bottom: 1px solid var(--cc-line);
    padding: 3rem 0 2rem;
}

.CompanyCarCalculator .cc-eyebrow {
    color: var(--cc-green);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.CompanyCarCalculator .cc-hero h1 {
    font-size: 2.25rem;
    line-height: 1.16;
    margin: .45rem 0 1rem;
}

.CompanyCarCalculator .cc-intro {
    color: #405767;
    font-size: 1.1rem;
    max-width: 48rem;
}

.CompanyCarCalculator .cc-hero-image {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
    border-radius: 6px;
}

.CompanyCarCalculator .cc-calculator {
    padding: 2.5rem 0 1rem;
}

.CompanyCarCalculator .cc-calculator-shell {
    border: 1px solid var(--cc-line);
    background: #fff;
    box-shadow: 0 8px 22px rgba(23, 49, 74, .08);
}

.CompanyCarCalculator .cc-panel {
    padding: 1.5rem;
}

.CompanyCarCalculator .cc-panel + .cc-panel {
    border-left: 1px solid var(--cc-line);
}

.CompanyCarCalculator .cc-panel-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1.2rem;
}

.CompanyCarCalculator .cc-field {
    margin-bottom: 1.1rem;
}

.CompanyCarCalculator .cc-field label {
    display: flex;
    align-items: center;
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.CompanyCarCalculator .cc-field small,
.CompanyCarCalculator .cc-hint {
    color: var(--cc-muted);
    display: block;
    font-size: .8rem;
    line-height: 1.35;
    margin-top: .3rem;
}

.CompanyCarCalculator .cc-input-wrap {
    position: relative;
}

.CompanyCarCalculator .cc-input-wrap .form-control {
    height: 42px;
    padding-right: 3.6rem;
}

.CompanyCarCalculator .cc-input-suffix {
    color: var(--cc-muted);
    font-size: .85rem;
    pointer-events: none;
    position: absolute;
    right: .75rem;
    top: .68rem;
}

.CompanyCarCalculator .cc-mode-group {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
}

.CompanyCarCalculator .cc-mode-group .btn {
    border-radius: 4px;
    flex: 1 1 0;
    font-size: .83rem;
    min-height: 44px;
    white-space: normal;
}

.CompanyCarCalculator .cc-fahrtenbuch {
    background: var(--cc-surface);
    border-top: 1px solid var(--cc-line);
    margin: 1.25rem -1.5rem -1.5rem;
    padding: 1.25rem 1.5rem;
}

.CompanyCarCalculator .cc-fahrtenbuch summary {
    color: var(--cc-green-dark);
    cursor: pointer;
    font-size: .9rem;
    font-weight: 700;
}

.CompanyCarCalculator .cc-result-kicker {
    color: var(--cc-muted);
    font-size: .82rem;
    margin: 0;
}

.CompanyCarCalculator .cc-result-main {
    color: var(--cc-green-dark);
    font-size: 2.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.05;
    margin: .25rem 0;
}

.CompanyCarCalculator .cc-result-caption {
    color: var(--cc-muted);
    font-size: .85rem;
}

.CompanyCarCalculator .cc-result-table {
    border-top: 1px solid var(--cc-line);
    margin: 1.4rem 0 0;
}

.CompanyCarCalculator .cc-result-row {
    border-bottom: 1px solid var(--cc-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .72rem 0;
}

.CompanyCarCalculator .cc-result-row span {
    color: #4d6371;
    font-size: .88rem;
}

.CompanyCarCalculator .cc-result-row strong {
    font-size: .92rem;
    text-align: right;
}

.CompanyCarCalculator .cc-result-note {
    background: #edf6f0;
    border-left: 3px solid var(--cc-green);
    font-size: .88rem;
    line-height: 1.45;
    margin-top: 1.25rem;
    padding: .8rem;
}

.CompanyCarCalculator .cc-comparison {
    margin-top: 1.4rem;
}

.CompanyCarCalculator .cc-comparison-title {
    font-size: .9rem;
    font-weight: 700;
    margin: 0 0 .55rem;
}

.CompanyCarCalculator .cc-comparison-box {
    background: var(--cc-surface);
    border: 1px solid var(--cc-line);
    padding: .9rem;
}

.CompanyCarCalculator .cc-comparison-box strong {
    display: block;
    font-size: 1.22rem;
}

.CompanyCarCalculator .cc-section {
    margin: 3.25rem 0;
}

.CompanyCarCalculator .cc-section h2 {
    font-size: 1.55rem;
    margin-bottom: 1rem;
}

.CompanyCarCalculator .cc-step {
    border-top: 3px solid var(--cc-green);
    padding: 1rem 0 0;
}

.CompanyCarCalculator .cc-step h3,
.CompanyCarCalculator .cc-faq-question {
    font-size: 1rem;
    font-weight: 700;
}

.CompanyCarCalculator .cc-faq-item {
    border-top: 1px solid var(--cc-line);
    padding: 1.1rem 0;
}

.CompanyCarCalculator .cc-disclaimer {
    background: #fff8e8;
    border: 1px solid #edd8a4;
    color: #5b4a1b;
    font-size: .86rem;
    line-height: 1.45;
    padding: 1rem;
}

.CalculatorOverview {
    --co-green: #08783d;
    --co-ink: #17314a;
    --co-line: #d8e0e5;
    --co-surface: #f4f7f8;
    color: var(--co-ink);
}

.CalculatorOverview .co-hero {
    border-bottom: 1px solid var(--co-line);
    padding: 3rem 0 2.25rem;
}

.CalculatorOverview .co-eyebrow,
.CalculatorOverview .co-card-group {
    color: var(--co-green);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.CalculatorOverview h1 {
    font-size: 2.25rem;
    line-height: 1.16;
    margin: .45rem 0 1rem;
}

.CalculatorOverview .co-intro {
    color: #405767;
    font-size: 1.1rem;
    max-width: 46rem;
}

.CalculatorOverview .co-hero-image {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.CalculatorOverview .co-section {
    margin: 3rem 0;
}

.CalculatorOverview .co-section h2 {
    font-size: 1.55rem;
    margin-bottom: .7rem;
}

.CalculatorOverview .co-calculator-card {
    border: 1px solid var(--co-line);
    height: 100%;
    padding: 1.2rem;
}

.CalculatorOverview .co-calculator-card.is-active {
    border-top: 3px solid var(--co-green);
}

.CalculatorOverview .co-card-group {
    font-size: .72rem;
    letter-spacing: .05em;
    margin-bottom: .45rem;
}

.CalculatorOverview .co-calculator-card h3 {
    font-size: 1.05rem;
    margin-bottom: .55rem;
}

.CalculatorOverview .co-calculator-card p {
    color: #4d6371;
    font-size: .9rem;
    line-height: 1.45;
    margin-bottom: 1rem;
}

.CalculatorOverview .co-card-link {
    color: var(--co-green);
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
}

.CalculatorOverview .co-card-link:hover,
.CalculatorOverview .co-card-link:focus {
    color: #075d31;
    text-decoration: underline;
}

.CalculatorOverview .co-card-state {
    color: #71808a;
    font-size: .82rem;
    font-weight: 700;
}

.CalculatorOverview .co-how-it-helps {
    background: var(--co-surface);
    border-left: 3px solid var(--co-green);
    padding: 1.1rem;
}

.LeasingCalculator {
    --lc-green: #08783d;
    --lc-green-dark: #075d31;
    --lc-ink: #17314a;
    --lc-muted: #627280;
    --lc-line: #d8e0e5;
    --lc-surface: #f4f7f8;
    color: var(--lc-ink);
}

.LeasingCalculator .lc-hero {
    border-bottom: 1px solid var(--lc-line);
    padding: 3rem 0 2rem;
}

.LeasingCalculator .lc-eyebrow {
    color: var(--lc-green);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.LeasingCalculator .lc-hero h1 {
    font-size: 2.25rem;
    line-height: 1.16;
    margin: .45rem 0 1rem;
}

.LeasingCalculator .lc-intro {
    color: #405767;
    font-size: 1.1rem;
    max-width: 48rem;
}

.LeasingCalculator .lc-hero-image {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.LeasingCalculator .lc-calculator {
    padding: 2.5rem 0 1rem;
}

.LeasingCalculator .lc-calculator-shell {
    background: #fff;
    border: 1px solid var(--lc-line);
    box-shadow: 0 8px 22px rgba(23, 49, 74, .08);
}

.LeasingCalculator .lc-panel {
    padding: 1.5rem;
}

.LeasingCalculator .lc-panel + .lc-panel {
    border-left: 1px solid var(--lc-line);
}

.LeasingCalculator .lc-panel-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1.2rem;
}

.LeasingCalculator .lc-field {
    margin-bottom: 1.1rem;
}

.LeasingCalculator .lc-field label {
    display: block;
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.LeasingCalculator .lc-field small,
.LeasingCalculator .lc-hint {
    color: var(--lc-muted);
    display: block;
    font-size: .8rem;
    line-height: 1.35;
    margin-top: .3rem;
}

.LeasingCalculator .lc-input-wrap {
    position: relative;
}

.LeasingCalculator .lc-input-wrap .form-control {
    height: 42px;
    padding-right: 4rem;
}

.LeasingCalculator .lc-input-suffix {
    color: var(--lc-muted);
    font-size: .85rem;
    pointer-events: none;
    position: absolute;
    right: .75rem;
    top: .68rem;
}

.LeasingCalculator .lc-vat-option {
    align-items: flex-start;
    background: var(--lc-surface);
    border: 1px solid var(--lc-line);
    display: flex;
    gap: .65rem;
    margin: 1.2rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.LeasingCalculator .lc-vat-option input {
    margin-top: .28rem;
}

.LeasingCalculator .lc-vat-option label {
    cursor: pointer;
    font-size: .9rem;
    font-weight: 700;
    margin: 0;
}

.LeasingCalculator .lc-vat-option small {
    color: var(--lc-muted);
    display: block;
    font-size: .8rem;
    font-weight: 400;
    margin-top: .2rem;
}

.LeasingCalculator .lc-result-kicker {
    color: var(--lc-muted);
    font-size: .82rem;
    margin: 0;
}

.LeasingCalculator .lc-result-main {
    color: var(--lc-green-dark);
    font-size: 2.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.05;
    margin: .25rem 0;
}

.LeasingCalculator .lc-result-caption {
    color: var(--lc-muted);
    font-size: .85rem;
}

.LeasingCalculator .lc-result-table {
    border-top: 1px solid var(--lc-line);
    margin: 1.4rem 0 0;
}

.LeasingCalculator .lc-result-row {
    border-bottom: 1px solid var(--lc-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .72rem 0;
}

.LeasingCalculator .lc-result-row span {
    color: #4d6371;
    font-size: .88rem;
}

.LeasingCalculator .lc-result-row strong {
    font-size: .92rem;
    text-align: right;
}

.LeasingCalculator .lc-comparison {
    background: #edf6f0;
    border-left: 3px solid var(--lc-green);
    font-size: .88rem;
    line-height: 1.45;
    margin-top: 1.25rem;
    padding: .8rem;
}

.LeasingCalculator .lc-purchase {
    background: var(--lc-surface);
    border-top: 1px solid var(--lc-line);
    margin: 1.25rem -1.5rem -1.5rem;
    padding: 1.25rem 1.5rem;
}

.LeasingCalculator .lc-purchase summary {
    color: var(--lc-green-dark);
    cursor: pointer;
    font-size: .9rem;
    font-weight: 700;
}

.LeasingCalculator .lc-section {
    margin: 3.25rem 0;
}

.LeasingCalculator .lc-section h2 {
    font-size: 1.55rem;
    margin-bottom: 1rem;
}

.LeasingCalculator .lc-step {
    border-top: 3px solid var(--lc-green);
    padding: 1rem 0 0;
}

.LeasingCalculator .lc-step h3,
.LeasingCalculator .lc-faq-question {
    font-size: 1rem;
    font-weight: 700;
}

.LeasingCalculator .lc-faq-item {
    border-top: 1px solid var(--lc-line);
    padding: 1.1rem 0;
}

.LeasingCalculator .lc-disclaimer {
    background: #fff8e8;
    border: 1px solid #edd8a4;
    color: #5b4a1b;
    font-size: .86rem;
    line-height: 1.45;
    padding: 1rem;
}

.PersonnelCostCalculator {
    --pc-green: #08783d;
    --pc-green-dark: #075d31;
    --pc-ink: #17314a;
    --pc-muted: #627280;
    --pc-line: #d8e0e5;
    --pc-surface: #f4f7f8;
    color: var(--pc-ink);
}

.PersonnelCostCalculator .pc-hero {
    border-bottom: 1px solid var(--pc-line);
    padding: 3rem 0 2rem;
}

.PersonnelCostCalculator .pc-eyebrow {
    color: var(--pc-green);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.PersonnelCostCalculator .pc-hero h1 {
    font-size: 2.25rem;
    line-height: 1.16;
    margin: .45rem 0 1rem;
}

.PersonnelCostCalculator .pc-intro {
    color: #405767;
    font-size: 1.1rem;
    max-width: 48rem;
}

.PersonnelCostCalculator .pc-hero-image {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.PersonnelCostCalculator .pc-calculator {
    padding: 2.5rem 0 1rem;
}

.PersonnelCostCalculator .pc-calculator-shell {
    background: #fff;
    border: 1px solid var(--pc-line);
    box-shadow: 0 8px 22px rgba(23, 49, 74, .08);
}

.PersonnelCostCalculator .pc-panel {
    padding: 1.5rem;
}

.PersonnelCostCalculator .pc-panel + .pc-panel {
    border-left: 1px solid var(--pc-line);
}

@media (min-width: 992px) {
    .PersonnelCostCalculator .pc-calculator-shell > .row > .col-lg-5 > .pc-panel {
        border-left: 1px solid var(--pc-line);
    }
}

.PersonnelCostCalculator .pc-time-panel,
.PersonnelCostCalculator .pc-hour-result {
    border-top: 1px solid var(--pc-line);
}

.PersonnelCostCalculator .pc-panel-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1.2rem;
}

.PersonnelCostCalculator .pc-field {
    margin-bottom: 1.1rem;
}

.PersonnelCostCalculator .pc-field label {
    display: block;
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.PersonnelCostCalculator .pc-field small,
.PersonnelCostCalculator .pc-hint {
    color: var(--pc-muted);
    display: block;
    font-size: .8rem;
    line-height: 1.35;
    margin-top: .3rem;
}

.PersonnelCostCalculator .pc-input-wrap {
    position: relative;
}

.PersonnelCostCalculator .pc-input-wrap .form-control {
    height: 42px;
    padding-right: 4rem;
}

.PersonnelCostCalculator .pc-input-suffix {
    color: var(--pc-muted);
    font-size: .85rem;
    pointer-events: none;
    position: absolute;
    right: .75rem;
    top: .68rem;
}

.PersonnelCostCalculator .pc-details {
    background: var(--pc-surface);
    border: 1px solid var(--pc-line);
    margin: .4rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.PersonnelCostCalculator .pc-details summary {
    color: var(--pc-green-dark);
    cursor: pointer;
    font-size: .9rem;
    font-weight: 700;
}

.PersonnelCostCalculator .pc-checkbox {
    align-items: flex-start;
    display: flex;
    gap: .55rem;
    margin-top: 1.85rem;
}

.PersonnelCostCalculator .pc-checkbox input {
    margin-top: .26rem;
}

.PersonnelCostCalculator .pc-checkbox label {
    cursor: pointer;
    font-size: .88rem;
    font-weight: 700;
    margin: 0;
}

.PersonnelCostCalculator .pc-checkbox small {
    color: var(--pc-muted);
    display: block;
    font-size: .78rem;
    font-weight: 400;
    line-height: 1.35;
    margin-top: .16rem;
}

.PersonnelCostCalculator .pc-result-kicker {
    color: var(--pc-muted);
    font-size: .82rem;
    margin: 0;
}

.PersonnelCostCalculator .pc-result-main,
.PersonnelCostCalculator .pc-hour-main {
    color: var(--pc-green-dark);
    font-size: 2.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.05;
    margin: .25rem 0;
}

.PersonnelCostCalculator .pc-hour-main {
    font-size: 1.85rem;
}

.PersonnelCostCalculator .pc-result-caption {
    color: var(--pc-muted);
    font-size: .85rem;
}

.PersonnelCostCalculator .pc-result-table {
    border-top: 1px solid var(--pc-line);
    margin: 1.4rem 0 0;
}

.PersonnelCostCalculator .pc-result-row {
    border-bottom: 1px solid var(--pc-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .72rem 0;
}

.PersonnelCostCalculator .pc-result-row span {
    color: #4d6371;
    font-size: .88rem;
}

.PersonnelCostCalculator .pc-result-row strong {
    font-size: .92rem;
    text-align: right;
}

.PersonnelCostCalculator .pc-total-row strong {
    color: var(--pc-green-dark);
}

.PersonnelCostCalculator .pc-cost-ratio {
    background: var(--pc-surface);
    color: #4d6371;
    font-size: .84rem;
    line-height: 1.4;
    margin: 1.15rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.PersonnelCostCalculator .pc-cost-ratio strong {
    color: var(--pc-green-dark);
    font-size: .93rem;
}

.PersonnelCostCalculator .pc-section {
    margin: 3.25rem 0;
}

.PersonnelCostCalculator .pc-section h2 {
    font-size: 1.55rem;
    margin-bottom: 1rem;
}

.PersonnelCostCalculator .pc-step {
    border-top: 3px solid var(--pc-green);
    padding: 1rem 0 0;
}

.PersonnelCostCalculator .pc-step h3,
.PersonnelCostCalculator .pc-faq-question {
    font-size: 1rem;
    font-weight: 700;
}

.PersonnelCostCalculator .pc-faq-item {
    border-top: 1px solid var(--pc-line);
    padding: 1.1rem 0;
}

.PersonnelCostCalculator .pc-disclaimer {
    background: #fff8e8;
    border: 1px solid #edd8a4;
    color: #5b4a1b;
    font-size: .86rem;
    line-height: 1.45;
    padding: 1rem;
}

.HourlyRateCalculator {
    --hrc-green: #08783d;
    --hrc-green-dark: #075d31;
    --hrc-ink: #17314a;
    --hrc-muted: #627280;
    --hrc-line: #d8e0e5;
    --hrc-surface: #f4f7f8;
    color: var(--hrc-ink);
}

.HourlyRateCalculator .hrc-hero {
    border-bottom: 1px solid var(--hrc-line);
    padding: 3rem 0 2rem;
}

.HourlyRateCalculator .hrc-eyebrow {
    color: var(--hrc-green);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.HourlyRateCalculator .hrc-hero h1 {
    font-size: 2.25rem;
    line-height: 1.16;
    margin: .45rem 0 1rem;
}

.HourlyRateCalculator .hrc-intro {
    color: #405767;
    font-size: 1.1rem;
    max-width: 48rem;
}

.HourlyRateCalculator .hrc-hero-image {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.HourlyRateCalculator .hrc-calculator {
    padding: 2.5rem 0 1rem;
}

.HourlyRateCalculator .hrc-calculator-shell {
    background: #fff;
    border: 1px solid var(--hrc-line);
    box-shadow: 0 8px 22px rgba(23, 49, 74, .08);
}

.HourlyRateCalculator .hrc-panel {
    padding: 1.5rem;
}

@media (min-width: 992px) {
    .HourlyRateCalculator .hrc-calculator-shell > .row > .col-lg-5 > .hrc-panel {
        border-left: 1px solid var(--hrc-line);
    }
}

.HourlyRateCalculator .hrc-time-panel,
.HourlyRateCalculator .hrc-hours-result {
    border-top: 1px solid var(--hrc-line);
}

.HourlyRateCalculator .hrc-panel-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1.2rem;
}

.HourlyRateCalculator .hrc-field {
    margin-bottom: 1.1rem;
}

.HourlyRateCalculator .hrc-field label {
    display: block;
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.HourlyRateCalculator .hrc-field small,
.HourlyRateCalculator .hrc-hint {
    color: var(--hrc-muted);
    display: block;
    font-size: .8rem;
    line-height: 1.35;
    margin-top: .3rem;
}

.HourlyRateCalculator .hrc-input-wrap {
    position: relative;
}

.HourlyRateCalculator .hrc-input-wrap .form-control {
    height: 42px;
    padding-right: 5.5rem;
}

.HourlyRateCalculator .hrc-input-suffix {
    color: var(--hrc-muted);
    font-size: .8rem;
    pointer-events: none;
    position: absolute;
    right: .75rem;
    top: .7rem;
}

.HourlyRateCalculator .hrc-checkbox {
    align-items: flex-start;
    background: var(--hrc-surface);
    border: 1px solid var(--hrc-line);
    display: flex;
    gap: .6rem;
    margin: 1.2rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.HourlyRateCalculator .hrc-checkbox input {
    margin-top: .26rem;
}

.HourlyRateCalculator .hrc-checkbox label {
    cursor: pointer;
    font-size: .9rem;
    font-weight: 700;
    margin: 0;
}

.HourlyRateCalculator .hrc-checkbox small {
    color: var(--hrc-muted);
    display: block;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.35;
    margin-top: .2rem;
}

.HourlyRateCalculator .hrc-result-kicker {
    color: var(--hrc-muted);
    font-size: .82rem;
    margin: 0;
}

.HourlyRateCalculator .hrc-result-main,
.HourlyRateCalculator .hrc-hour-main {
    color: var(--hrc-green-dark);
    font-size: 2.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.05;
    margin: .25rem 0;
}

.HourlyRateCalculator .hrc-hour-main {
    font-size: 1.85rem;
}

.HourlyRateCalculator .hrc-result-caption {
    color: var(--hrc-muted);
    font-size: .85rem;
}

.HourlyRateCalculator .hrc-result-table {
    border-top: 1px solid var(--hrc-line);
    margin: 1.4rem 0 0;
}

.HourlyRateCalculator .hrc-result-row {
    border-bottom: 1px solid var(--hrc-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .72rem 0;
}

.HourlyRateCalculator .hrc-result-row span {
    color: #4d6371;
    font-size: .88rem;
}

.HourlyRateCalculator .hrc-result-row strong {
    font-size: .92rem;
    text-align: right;
}

.HourlyRateCalculator .hrc-vat-result {
    background: var(--hrc-surface);
    color: #4d6371;
    font-size: .84rem;
    line-height: 1.4;
    margin: 1.15rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.HourlyRateCalculator .hrc-vat-result strong {
    color: var(--hrc-green-dark);
    font-size: .93rem;
}

.HourlyRateCalculator .hrc-section {
    margin: 3.25rem 0;
}

.HourlyRateCalculator .hrc-section h2 {
    font-size: 1.55rem;
    margin-bottom: 1rem;
}

.HourlyRateCalculator .hrc-step {
    border-top: 3px solid var(--hrc-green);
    padding: 1rem 0 0;
}

.HourlyRateCalculator .hrc-step h3,
.HourlyRateCalculator .hrc-faq-question {
    font-size: 1rem;
    font-weight: 700;
}

.HourlyRateCalculator .hrc-faq-item {
    border-top: 1px solid var(--hrc-line);
    padding: 1.1rem 0;
}

.HourlyRateCalculator .hrc-disclaimer {
    background: #fff8e8;
    border: 1px solid #edd8a4;
    color: #5b4a1b;
    font-size: .86rem;
    line-height: 1.45;
    padding: 1rem;
}

.FinancingCalculator {
    --fc-green: #08783d;
    --fc-green-dark: #075d31;
    --fc-ink: #17314a;
    --fc-muted: #627280;
    --fc-line: #d8e0e5;
    --fc-surface: #f4f7f8;
    color: var(--fc-ink);
}

.FinancingCalculator .fc-hero {
    border-bottom: 1px solid var(--fc-line);
    padding: 3rem 0 2rem;
}

.FinancingCalculator .fc-eyebrow {
    color: var(--fc-green);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.FinancingCalculator .fc-hero h1 {
    font-size: 2.25rem;
    line-height: 1.16;
    margin: .45rem 0 1rem;
}

.FinancingCalculator .fc-intro {
    color: #405767;
    font-size: 1.1rem;
    max-width: 48rem;
}

.FinancingCalculator .fc-hero-image {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.FinancingCalculator .fc-calculator {
    padding: 2.5rem 0 1rem;
}

.FinancingCalculator .fc-calculator-shell {
    background: #fff;
    border: 1px solid var(--fc-line);
    box-shadow: 0 8px 22px rgba(23, 49, 74, .08);
}

.FinancingCalculator .fc-panel {
    padding: 1.5rem;
}

@media (min-width: 992px) {
    .FinancingCalculator .fc-calculator-shell > .row > .col-lg-5 > .fc-panel {
        border-left: 1px solid var(--fc-line);
    }
}

.FinancingCalculator .fc-panel-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1.2rem;
}

.FinancingCalculator .fc-field {
    margin-bottom: 1.1rem;
}

.FinancingCalculator .fc-field label {
    display: block;
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.FinancingCalculator .fc-field small {
    color: var(--fc-muted);
    display: block;
    font-size: .8rem;
    line-height: 1.35;
    margin-top: .3rem;
}

.FinancingCalculator .fc-input-wrap {
    position: relative;
}

.FinancingCalculator .fc-input-wrap .form-control {
    height: 42px;
    padding-right: 5.5rem;
}

.FinancingCalculator .fc-input-suffix {
    color: var(--fc-muted);
    font-size: .8rem;
    pointer-events: none;
    position: absolute;
    right: .75rem;
    top: .7rem;
}

.FinancingCalculator .fc-special-payment {
    background: var(--fc-surface);
    border: 1px solid var(--fc-line);
    margin: 1.2rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.FinancingCalculator .fc-result-kicker {
    color: var(--fc-muted);
    font-size: .82rem;
    margin: 0;
}

.FinancingCalculator .fc-result-main {
    color: var(--fc-green-dark);
    font-size: 2.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.05;
    margin: .25rem 0;
}

.FinancingCalculator .fc-result-caption {
    color: var(--fc-muted);
    font-size: .85rem;
}

.FinancingCalculator .fc-result-table {
    border-top: 1px solid var(--fc-line);
    margin: 1.4rem 0 0;
}

.FinancingCalculator .fc-result-row {
    border-bottom: 1px solid var(--fc-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .72rem 0;
}

.FinancingCalculator .fc-result-row span {
    color: #4d6371;
    font-size: .88rem;
}

.FinancingCalculator .fc-result-row strong {
    font-size: .92rem;
    text-align: right;
}

.FinancingCalculator .fc-term-result {
    background: var(--fc-surface);
    color: #4d6371;
    font-size: .84rem;
    line-height: 1.4;
    margin: 1.15rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.FinancingCalculator .fc-term-result strong {
    color: var(--fc-green-dark);
    font-size: .93rem;
}

.FinancingCalculator .fc-section {
    margin: 3.25rem 0;
}

.FinancingCalculator .fc-section h2 {
    font-size: 1.55rem;
    margin-bottom: 1rem;
}

.FinancingCalculator .fc-step {
    border-top: 3px solid var(--fc-green);
    padding: 1rem 0 0;
}

.FinancingCalculator .fc-step h3,
.FinancingCalculator .fc-faq-question {
    font-size: 1rem;
    font-weight: 700;
}

.FinancingCalculator .fc-faq-item {
    border-top: 1px solid var(--fc-line);
    padding: 1.1rem 0;
}

.FinancingCalculator .fc-disclaimer {
    background: #fff8e8;
    border: 1px solid #edd8a4;
    color: #5b4a1b;
    font-size: .86rem;
    line-height: 1.45;
    padding: 1rem;
}

.FreelancerCalculator {
    --flc-green: #08783d;
    --flc-green-dark: #075d31;
    --flc-ink: #17314a;
    --flc-muted: #627280;
    --flc-line: #d8e0e5;
    --flc-surface: #f4f7f8;
    color: var(--flc-ink);
}

.FreelancerCalculator .flc-hero {
    border-bottom: 1px solid var(--flc-line);
    padding: 3rem 0 2rem;
}

.FreelancerCalculator .flc-eyebrow {
    color: var(--flc-green);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.FreelancerCalculator .flc-hero h1 {
    font-size: 2.25rem;
    line-height: 1.16;
    margin: .45rem 0 1rem;
}

.FreelancerCalculator .flc-intro {
    color: #405767;
    font-size: 1.1rem;
    max-width: 48rem;
}

.FreelancerCalculator .flc-hero-image {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.FreelancerCalculator .flc-calculator {
    padding: 2.5rem 0 1rem;
}

.FreelancerCalculator .flc-calculator-shell {
    background: #fff;
    border: 1px solid var(--flc-line);
    box-shadow: 0 8px 22px rgba(23, 49, 74, .08);
}

.FreelancerCalculator .flc-panel {
    padding: 1.5rem;
}

@media (min-width: 992px) {
    .FreelancerCalculator .flc-calculator-shell > .row > .col-lg-5 > .flc-panel {
        border-left: 1px solid var(--flc-line);
    }
}

.FreelancerCalculator .flc-goal-panel,
.FreelancerCalculator .flc-target-result {
    border-top: 1px solid var(--flc-line);
}

.FreelancerCalculator .flc-panel-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1.2rem;
}

.FreelancerCalculator .flc-field {
    margin-bottom: 1.1rem;
}

.FreelancerCalculator .flc-field label {
    display: block;
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.FreelancerCalculator .flc-field small,
.FreelancerCalculator .flc-hint {
    color: var(--flc-muted);
    display: block;
    font-size: .8rem;
    line-height: 1.35;
    margin-top: .3rem;
}

.FreelancerCalculator .flc-input-wrap {
    position: relative;
}

.FreelancerCalculator .flc-input-wrap .form-control {
    height: 42px;
    padding-right: 5.5rem;
}

.FreelancerCalculator .flc-input-suffix {
    color: var(--flc-muted);
    font-size: .8rem;
    pointer-events: none;
    position: absolute;
    right: .75rem;
    top: .7rem;
}

.FreelancerCalculator .flc-result-kicker {
    color: var(--flc-muted);
    font-size: .82rem;
    margin: 0;
}

.FreelancerCalculator .flc-result-main,
.FreelancerCalculator .flc-target-main {
    color: var(--flc-green-dark);
    font-size: 2.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.05;
    margin: .25rem 0;
}

.FreelancerCalculator .flc-result-main.is-negative,
.FreelancerCalculator .flc-goal-result .is-negative {
    color: #b42318;
}

.FreelancerCalculator .flc-target-main {
    font-size: 1.85rem;
}

.FreelancerCalculator .flc-result-caption {
    color: var(--flc-muted);
    font-size: .85rem;
}

.FreelancerCalculator .flc-result-table {
    border-top: 1px solid var(--flc-line);
    margin: 1.4rem 0 0;
}

.FreelancerCalculator .flc-result-row {
    border-bottom: 1px solid var(--flc-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .72rem 0;
}

.FreelancerCalculator .flc-result-row span {
    color: #4d6371;
    font-size: .88rem;
}

.FreelancerCalculator .flc-result-row strong {
    font-size: .92rem;
    text-align: right;
}

.FreelancerCalculator .flc-goal-result {
    background: var(--flc-surface);
    color: #4d6371;
    font-size: .84rem;
    line-height: 1.4;
    margin: 1.15rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.FreelancerCalculator .flc-goal-result strong {
    color: var(--flc-green-dark);
    font-size: .93rem;
}

.FreelancerCalculator .flc-section {
    margin: 3.25rem 0;
}

.FreelancerCalculator .flc-section h2 {
    font-size: 1.55rem;
    margin-bottom: 1rem;
}

.FreelancerCalculator .flc-step {
    border-top: 3px solid var(--flc-green);
    padding: 1rem 0 0;
}

.FreelancerCalculator .flc-step h3,
.FreelancerCalculator .flc-faq-question {
    font-size: 1rem;
    font-weight: 700;
}

.FreelancerCalculator .flc-faq-item {
    border-top: 1px solid var(--flc-line);
    padding: 1.1rem 0;
}

.FreelancerCalculator .flc-disclaimer {
    background: #fff8e8;
    border: 1px solid #edd8a4;
    color: #5b4a1b;
    font-size: .86rem;
    line-height: 1.45;
    padding: 1rem;
}

.EmployerCostCalculator {
    --ec-green: #08783d;
    --ec-green-dark: #075d31;
    --ec-ink: #17314a;
    --ec-muted: #627280;
    --ec-line: #d8e0e5;
    --ec-surface: #f4f7f8;
    color: var(--ec-ink);
}

.EmployerCostCalculator .ec-hero {
    border-bottom: 1px solid var(--ec-line);
    padding: 3rem 0 2rem;
}

.EmployerCostCalculator .ec-eyebrow {
    color: var(--ec-green);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.EmployerCostCalculator .ec-hero h1 {
    font-size: 2.25rem;
    line-height: 1.16;
    margin: .45rem 0 1rem;
}

.EmployerCostCalculator .ec-intro {
    color: #405767;
    font-size: 1.1rem;
    max-width: 48rem;
}

.EmployerCostCalculator .ec-hero-image {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.EmployerCostCalculator .ec-calculator {
    padding: 2.5rem 0 1rem;
}

.EmployerCostCalculator .ec-calculator-shell {
    background: #fff;
    border: 1px solid var(--ec-line);
    box-shadow: 0 8px 22px rgba(23, 49, 74, .08);
}

.EmployerCostCalculator .ec-panel {
    padding: 1.5rem;
}

@media (min-width: 992px) {
    .EmployerCostCalculator .ec-calculator-shell > .row > .col-lg-5 > .ec-panel {
        border-left: 1px solid var(--ec-line);
    }
}

.EmployerCostCalculator .ec-panel-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1.2rem;
}

.EmployerCostCalculator .ec-field {
    margin-bottom: 1.1rem;
}

.EmployerCostCalculator .ec-field label {
    display: block;
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.EmployerCostCalculator .ec-field small,
.EmployerCostCalculator .ec-hint {
    color: var(--ec-muted);
    display: block;
    font-size: .8rem;
    line-height: 1.35;
    margin-top: .3rem;
}

.EmployerCostCalculator .ec-input-wrap {
    position: relative;
}

.EmployerCostCalculator .ec-input-wrap .form-control {
    height: 42px;
    padding-right: 4.5rem;
}

.EmployerCostCalculator .ec-input-suffix {
    color: var(--ec-muted);
    font-size: .8rem;
    pointer-events: none;
    position: absolute;
    right: .75rem;
    top: .7rem;
}

.EmployerCostCalculator .ec-details {
    background: var(--ec-surface);
    border: 1px solid var(--ec-line);
    margin: .4rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.EmployerCostCalculator .ec-details summary {
    color: var(--ec-green-dark);
    cursor: pointer;
    font-size: .9rem;
    font-weight: 700;
}

.EmployerCostCalculator .ec-checkbox {
    align-items: flex-start;
    display: flex;
    gap: .55rem;
    margin-top: 1.85rem;
}

.EmployerCostCalculator .ec-checkbox input {
    margin-top: .26rem;
}

.EmployerCostCalculator .ec-checkbox label {
    cursor: pointer;
    font-size: .88rem;
    font-weight: 700;
    margin: 0;
}

.EmployerCostCalculator .ec-checkbox small {
    color: var(--ec-muted);
    display: block;
    font-size: .78rem;
    font-weight: 400;
    line-height: 1.35;
    margin-top: .16rem;
}

.EmployerCostCalculator .ec-result-kicker {
    color: var(--ec-muted);
    font-size: .82rem;
    margin: 0;
}

.EmployerCostCalculator .ec-result-main {
    color: var(--ec-green-dark);
    font-size: 2.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.05;
    margin: .25rem 0;
}

.EmployerCostCalculator .ec-result-caption {
    color: var(--ec-muted);
    font-size: .85rem;
}

.EmployerCostCalculator .ec-result-table {
    border-top: 1px solid var(--ec-line);
    margin: 1.4rem 0 0;
}

.EmployerCostCalculator .ec-result-row {
    border-bottom: 1px solid var(--ec-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .72rem 0;
}

.EmployerCostCalculator .ec-result-row span {
    color: #4d6371;
    font-size: .88rem;
}

.EmployerCostCalculator .ec-result-row strong {
    font-size: .92rem;
    text-align: right;
}

.EmployerCostCalculator .ec-total-row strong {
    color: var(--ec-green-dark);
}

.EmployerCostCalculator .ec-factor-result {
    background: var(--ec-surface);
    color: #4d6371;
    font-size: .84rem;
    line-height: 1.4;
    margin: 1.15rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.EmployerCostCalculator .ec-factor-result strong {
    color: var(--ec-green-dark);
    font-size: .93rem;
}

.EmployerCostCalculator .ec-section {
    margin: 3.25rem 0;
}

.EmployerCostCalculator .ec-section h2 {
    font-size: 1.55rem;
    margin-bottom: 1rem;
}

.EmployerCostCalculator .ec-step {
    border-top: 3px solid var(--ec-green);
    padding: 1rem 0 0;
}

.EmployerCostCalculator .ec-step h3,
.EmployerCostCalculator .ec-faq-question {
    font-size: 1rem;
    font-weight: 700;
}

.EmployerCostCalculator .ec-faq-item {
    border-top: 1px solid var(--ec-line);
    padding: 1.1rem 0;
}

.EmployerCostCalculator .ec-disclaimer {
    background: #fff8e8;
    border: 1px solid #edd8a4;
    color: #5b4a1b;
    font-size: .86rem;
    line-height: 1.45;
    padding: 1rem;
}

.BreakEvenCalculator {
    --bec-green: #08783d;
    --bec-green-dark: #075d31;
    --bec-ink: #17314a;
    --bec-muted: #627280;
    --bec-line: #d8e0e5;
    --bec-surface: #f4f7f8;
    color: var(--bec-ink);
}

.BreakEvenCalculator .bec-hero {
    border-bottom: 1px solid var(--bec-line);
    padding: 3rem 0 2rem;
}

.BreakEvenCalculator .bec-eyebrow {
    color: var(--bec-green);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.BreakEvenCalculator .bec-hero h1 {
    font-size: 2.25rem;
    line-height: 1.16;
    margin: .45rem 0 1rem;
}

.BreakEvenCalculator .bec-intro {
    color: #405767;
    font-size: 1.1rem;
    max-width: 48rem;
}

.BreakEvenCalculator .bec-hero-image {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.BreakEvenCalculator .bec-calculator {
    padding: 2.5rem 0 1rem;
}

.BreakEvenCalculator .bec-calculator-shell {
    background: #fff;
    border: 1px solid var(--bec-line);
    box-shadow: 0 8px 22px rgba(23, 49, 74, .08);
}

.BreakEvenCalculator .bec-panel {
    padding: 1.5rem;
}

@media (min-width: 992px) {
    .BreakEvenCalculator .bec-calculator-shell > .row > .col-lg-5 > .bec-panel {
        border-left: 1px solid var(--bec-line);
    }
}

.BreakEvenCalculator .bec-panel-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1.2rem;
}

.BreakEvenCalculator .bec-field {
    margin-bottom: 1.1rem;
}

.BreakEvenCalculator .bec-field label {
    display: block;
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.BreakEvenCalculator .bec-field small {
    color: var(--bec-muted);
    display: block;
    font-size: .8rem;
    line-height: 1.35;
    margin-top: .3rem;
}

.BreakEvenCalculator .bec-input-wrap {
    position: relative;
}

.BreakEvenCalculator .bec-input-wrap .form-control {
    height: 42px;
    padding-right: 5.5rem;
}

.BreakEvenCalculator .bec-input-suffix {
    color: var(--bec-muted);
    font-size: .8rem;
    pointer-events: none;
    position: absolute;
    right: .75rem;
    top: .7rem;
}

.BreakEvenCalculator .bec-profit-goal {
    background: var(--bec-surface);
    border: 1px solid var(--bec-line);
    margin: 1.2rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.BreakEvenCalculator .bec-result-kicker {
    color: var(--bec-muted);
    font-size: .82rem;
    margin: 0;
}

.BreakEvenCalculator .bec-result-main {
    color: var(--bec-green-dark);
    font-size: 2.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.05;
    margin: .25rem 0;
}

.BreakEvenCalculator .bec-result-caption {
    color: var(--bec-muted);
    font-size: .85rem;
}

.BreakEvenCalculator .bec-result-table {
    border-top: 1px solid var(--bec-line);
    margin: 1.4rem 0 0;
}

.BreakEvenCalculator .bec-result-row {
    border-bottom: 1px solid var(--bec-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .72rem 0;
}

.BreakEvenCalculator .bec-result-row span {
    color: #4d6371;
    font-size: .88rem;
}

.BreakEvenCalculator .bec-result-row strong {
    font-size: .92rem;
    text-align: right;
}

.BreakEvenCalculator .bec-status-result {
    background: var(--bec-surface);
    color: #4d6371;
    font-size: .84rem;
    line-height: 1.4;
    margin: 1.15rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.BreakEvenCalculator .bec-status-result strong {
    color: var(--bec-green-dark);
    font-size: .93rem;
}

.BreakEvenCalculator .bec-status-result .is-negative {
    color: #b42318;
}

.BreakEvenCalculator .bec-section {
    margin: 3.25rem 0;
}

.BreakEvenCalculator .bec-section h2 {
    font-size: 1.55rem;
    margin-bottom: 1rem;
}

.BreakEvenCalculator .bec-step {
    border-top: 3px solid var(--bec-green);
    padding: 1rem 0 0;
}

.BreakEvenCalculator .bec-step h3,
.BreakEvenCalculator .bec-faq-question {
    font-size: 1rem;
    font-weight: 700;
}

.BreakEvenCalculator .bec-faq-item {
    border-top: 1px solid var(--bec-line);
    padding: 1.1rem 0;
}

.BreakEvenCalculator .bec-disclaimer {
    background: #fff8e8;
    border: 1px solid #edd8a4;
    color: #5b4a1b;
    font-size: .86rem;
    line-height: 1.45;
    padding: 1rem;
}

.ContributionMarginCalculator {
    --cmc-green: #08783d;
    --cmc-green-dark: #075d31;
    --cmc-ink: #17314a;
    --cmc-muted: #627280;
    --cmc-line: #d8e0e5;
    --cmc-surface: #f4f7f8;
    color: var(--cmc-ink);
}

.ContributionMarginCalculator .cmc-hero {
    border-bottom: 1px solid var(--cmc-line);
    padding: 3rem 0 2rem;
}

.ContributionMarginCalculator .cmc-eyebrow {
    color: var(--cmc-green);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ContributionMarginCalculator .cmc-hero h1 {
    font-size: 2.25rem;
    line-height: 1.16;
    margin: .45rem 0 1rem;
}

.ContributionMarginCalculator .cmc-intro {
    color: #405767;
    font-size: 1.1rem;
    max-width: 48rem;
}

.ContributionMarginCalculator .cmc-hero-image {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.ContributionMarginCalculator .cmc-calculator {
    padding: 2.5rem 0 1rem;
}

.ContributionMarginCalculator .cmc-calculator-shell {
    background: #fff;
    border: 1px solid var(--cmc-line);
    box-shadow: 0 8px 22px rgba(23, 49, 74, .08);
}

.ContributionMarginCalculator .cmc-panel {
    padding: 1.5rem;
}

@media (min-width: 992px) {
    .ContributionMarginCalculator .cmc-calculator-shell > .row > .col-lg-5 > .cmc-panel {
        border-left: 1px solid var(--cmc-line);
    }
}

.ContributionMarginCalculator .cmc-panel-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1.2rem;
}

.ContributionMarginCalculator .cmc-field {
    margin-bottom: 1.1rem;
}

.ContributionMarginCalculator .cmc-field label {
    display: block;
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.ContributionMarginCalculator .cmc-field small {
    color: var(--cmc-muted);
    display: block;
    font-size: .8rem;
    line-height: 1.35;
    margin-top: .3rem;
}

.ContributionMarginCalculator .cmc-input-wrap {
    position: relative;
}

.ContributionMarginCalculator .cmc-input-wrap .form-control {
    height: 42px;
    padding-right: 5.5rem;
}

.ContributionMarginCalculator .cmc-input-suffix {
    color: var(--cmc-muted);
    font-size: .8rem;
    pointer-events: none;
    position: absolute;
    right: .75rem;
    top: .7rem;
}

.ContributionMarginCalculator .cmc-target-margin {
    background: var(--cmc-surface);
    border: 1px solid var(--cmc-line);
    margin: 1.2rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.ContributionMarginCalculator .cmc-result-kicker {
    color: var(--cmc-muted);
    font-size: .82rem;
    margin: 0;
}

.ContributionMarginCalculator .cmc-result-main {
    color: var(--cmc-green-dark);
    font-size: 2.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.05;
    margin: .25rem 0;
}

.ContributionMarginCalculator .cmc-result-caption {
    color: var(--cmc-muted);
    font-size: .85rem;
}

.ContributionMarginCalculator .cmc-result-table {
    border-top: 1px solid var(--cmc-line);
    margin: 1.4rem 0 0;
}

.ContributionMarginCalculator .cmc-result-row {
    border-bottom: 1px solid var(--cmc-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .72rem 0;
}

.ContributionMarginCalculator .cmc-result-row span {
    color: #4d6371;
    font-size: .88rem;
}

.ContributionMarginCalculator .cmc-result-row strong {
    font-size: .92rem;
    text-align: right;
}

.ContributionMarginCalculator .cmc-status-result {
    background: var(--cmc-surface);
    color: #4d6371;
    font-size: .84rem;
    line-height: 1.4;
    margin: 1.15rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.ContributionMarginCalculator .cmc-status-result strong {
    color: var(--cmc-green-dark);
    font-size: .93rem;
}

.ContributionMarginCalculator .cmc-status-result .is-negative {
    color: #b42318;
}

.ContributionMarginCalculator .cmc-section {
    margin: 3.25rem 0;
}

.ContributionMarginCalculator .cmc-section h2 {
    font-size: 1.55rem;
    margin-bottom: 1rem;
}

.ContributionMarginCalculator .cmc-step {
    border-top: 3px solid var(--cmc-green);
    padding: 1rem 0 0;
}

.ContributionMarginCalculator .cmc-step h3,
.ContributionMarginCalculator .cmc-faq-question {
    font-size: 1rem;
    font-weight: 700;
}

.ContributionMarginCalculator .cmc-faq-item {
    border-top: 1px solid var(--cmc-line);
    padding: 1.1rem 0;
}

.ContributionMarginCalculator .cmc-disclaimer {
    background: #fff8e8;
    border: 1px solid #edd8a4;
    color: #5b4a1b;
    font-size: .86rem;
    line-height: 1.45;
    padding: 1rem;
}

.StorageCostCalculator {
    --sc-green: #08783d;
    --sc-green-dark: #075d31;
    --sc-ink: #17314a;
    --sc-muted: #627280;
    --sc-line: #d8e0e5;
    --sc-surface: #f4f7f8;
    color: var(--sc-ink);
}

.StorageCostCalculator .sc-hero {
    border-bottom: 1px solid var(--sc-line);
    padding: 3rem 0 2rem;
}

.StorageCostCalculator .sc-eyebrow {
    color: var(--sc-green);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.StorageCostCalculator .sc-hero h1 {
    font-size: 2.25rem;
    line-height: 1.16;
    margin: .45rem 0 1rem;
}

.StorageCostCalculator .sc-intro {
    color: #405767;
    font-size: 1.1rem;
    max-width: 48rem;
}

.StorageCostCalculator .sc-hero-image {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.StorageCostCalculator .sc-calculator {
    padding: 2.5rem 0 1rem;
}

.StorageCostCalculator .sc-calculator-shell {
    background: #fff;
    border: 1px solid var(--sc-line);
    box-shadow: 0 8px 22px rgba(23, 49, 74, .08);
}

.StorageCostCalculator .sc-panel {
    padding: 1.5rem;
}

@media (min-width: 992px) {
    .StorageCostCalculator .sc-calculator-shell > .row > .col-lg-5 > .sc-panel {
        border-left: 1px solid var(--sc-line);
    }
}

.StorageCostCalculator .sc-panel-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1.2rem;
}

.StorageCostCalculator .sc-field {
    margin-bottom: 1.1rem;
}

.StorageCostCalculator .sc-field label {
    display: block;
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.StorageCostCalculator .sc-field small {
    color: var(--sc-muted);
    display: block;
    font-size: .8rem;
    line-height: 1.35;
    margin-top: .3rem;
}

.StorageCostCalculator .sc-input-wrap {
    position: relative;
}

.StorageCostCalculator .sc-input-wrap .form-control {
    height: 42px;
    padding-right: 5.5rem;
}

.StorageCostCalculator .sc-input-suffix {
    color: var(--sc-muted);
    font-size: .8rem;
    pointer-events: none;
    position: absolute;
    right: .75rem;
    top: .7rem;
}

.StorageCostCalculator .sc-result-kicker {
    color: var(--sc-muted);
    font-size: .82rem;
    margin: 0;
}

.StorageCostCalculator .sc-result-main {
    color: var(--sc-green-dark);
    font-size: 2.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.05;
    margin: .25rem 0;
}

.StorageCostCalculator .sc-result-caption {
    color: var(--sc-muted);
    font-size: .85rem;
}

.StorageCostCalculator .sc-result-table {
    border-top: 1px solid var(--sc-line);
    margin: 1.4rem 0 0;
}

.StorageCostCalculator .sc-result-row {
    border-bottom: 1px solid var(--sc-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .72rem 0;
}

.StorageCostCalculator .sc-result-row span {
    color: #4d6371;
    font-size: .88rem;
}

.StorageCostCalculator .sc-result-row strong {
    font-size: .92rem;
    text-align: right;
}

.StorageCostCalculator .sc-total-row strong {
    color: var(--sc-green-dark);
}

.StorageCostCalculator .sc-rate-result {
    background: var(--sc-surface);
    color: #4d6371;
    font-size: .84rem;
    line-height: 1.4;
    margin: 1.15rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.StorageCostCalculator .sc-rate-result strong {
    color: var(--sc-green-dark);
    font-size: .93rem;
}

.StorageCostCalculator .sc-section {
    margin: 3.25rem 0;
}

.StorageCostCalculator .sc-section h2 {
    font-size: 1.55rem;
    margin-bottom: 1rem;
}

.StorageCostCalculator .sc-step {
    border-top: 3px solid var(--sc-green);
    padding: 1rem 0 0;
}

.StorageCostCalculator .sc-step h3,
.StorageCostCalculator .sc-faq-question {
    font-size: 1rem;
    font-weight: 700;
}

.StorageCostCalculator .sc-faq-item {
    border-top: 1px solid var(--sc-line);
    padding: 1.1rem 0;
}

.StorageCostCalculator .sc-disclaimer {
    background: #fff8e8;
    border: 1px solid #edd8a4;
    color: #5b4a1b;
    font-size: .86rem;
    line-height: 1.45;
    padding: 1rem;
}

.CloudCostCalculator {
    --clc-green: #08783d;
    --clc-green-dark: #075d31;
    --clc-ink: #17314a;
    --clc-muted: #627280;
    --clc-line: #d8e0e5;
    --clc-surface: #f4f7f8;
    color: var(--clc-ink);
}

.CloudCostCalculator .clc-hero {
    border-bottom: 1px solid var(--clc-line);
    padding: 3rem 0 2rem;
}

.CloudCostCalculator .clc-eyebrow {
    color: var(--clc-green);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.CloudCostCalculator .clc-hero h1 {
    font-size: 2.25rem;
    line-height: 1.16;
    margin: .45rem 0 1rem;
}

.CloudCostCalculator .clc-intro {
    color: #405767;
    font-size: 1.1rem;
    max-width: 48rem;
}

.CloudCostCalculator .clc-hero-image {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}

.CloudCostCalculator .clc-calculator {
    padding: 2.5rem 0 1rem;
}

.CloudCostCalculator .clc-calculator-shell {
    background: #fff;
    border: 1px solid var(--clc-line);
    box-shadow: 0 8px 22px rgba(23, 49, 74, .08);
}

.CloudCostCalculator .clc-panel {
    padding: 1.5rem;
}

@media (min-width: 992px) {
    .CloudCostCalculator .clc-calculator-shell > .row > .col-lg-5 > .clc-panel {
        border-left: 1px solid var(--clc-line);
    }
}

.CloudCostCalculator .clc-panel-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1.2rem;
}

.CloudCostCalculator .clc-field {
    margin-bottom: 1.1rem;
}

.CloudCostCalculator .clc-field label {
    display: block;
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.CloudCostCalculator .clc-field small {
    color: var(--clc-muted);
    display: block;
    font-size: .8rem;
    line-height: 1.35;
    margin-top: .3rem;
}

.CloudCostCalculator .clc-input-wrap {
    position: relative;
}

.CloudCostCalculator .clc-input-wrap .form-control {
    height: 42px;
    padding-right: 5.5rem;
}

.CloudCostCalculator .clc-input-suffix {
    color: var(--clc-muted);
    font-size: .8rem;
    pointer-events: none;
    position: absolute;
    right: .75rem;
    top: .7rem;
}

.CloudCostCalculator .clc-result-kicker {
    color: var(--clc-muted);
    font-size: .82rem;
    margin: 0;
}

.CloudCostCalculator .clc-result-main {
    color: var(--clc-green-dark);
    font-size: 2.35rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.05;
    margin: .25rem 0;
}

.CloudCostCalculator .clc-result-caption {
    color: var(--clc-muted);
    font-size: .85rem;
}

.CloudCostCalculator .clc-result-table {
    border-top: 1px solid var(--clc-line);
    margin: 1.4rem 0 0;
}

.CloudCostCalculator .clc-result-row {
    border-bottom: 1px solid var(--clc-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .72rem 0;
}

.CloudCostCalculator .clc-result-row span {
    color: #4d6371;
    font-size: .88rem;
}

.CloudCostCalculator .clc-result-row strong {
    font-size: .92rem;
    text-align: right;
}

.CloudCostCalculator .clc-total-row strong {
    color: var(--clc-green-dark);
}

.CloudCostCalculator .clc-rate-result {
    background: var(--clc-surface);
    color: #4d6371;
    font-size: .84rem;
    line-height: 1.4;
    margin: 1.15rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

.CloudCostCalculator .clc-rate-result strong {
    color: var(--clc-green-dark);
    font-size: .93rem;
}

.CloudCostCalculator .clc-section {
    margin: 3.25rem 0;
}

.CloudCostCalculator .clc-section h2 {
    font-size: 1.55rem;
    margin-bottom: 1rem;
}

.CloudCostCalculator .clc-step {
    border-top: 3px solid var(--clc-green);
    padding: 1rem 0 0;
}

.CloudCostCalculator .clc-step h3,
.CloudCostCalculator .clc-faq-question {
    font-size: 1rem;
    font-weight: 700;
}

.CloudCostCalculator .clc-faq-item {
    border-top: 1px solid var(--clc-line);
    padding: 1.1rem 0;
}

.CloudCostCalculator .clc-disclaimer {
    background: #fff8e8;
    border: 1px solid #edd8a4;
    color: #5b4a1b;
    font-size: .86rem;
    line-height: 1.45;
    padding: 1rem;
}

@media (max-width: 767.98px) {
    .CalculatorOverview .co-hero {
        padding-top: 2rem;
    }

    .CalculatorOverview h1 {
        font-size: 1.8rem;
    }

    .LeasingCalculator .lc-hero {
        padding-top: 2rem;
    }

    .LeasingCalculator .lc-hero h1 {
        font-size: 1.8rem;
    }

    .LeasingCalculator .lc-panel + .lc-panel {
        border-left: 0;
        border-top: 1px solid var(--lc-line);
    }

    .LeasingCalculator .lc-result-main {
        font-size: 2rem;
    }

    .PersonnelCostCalculator .pc-hero {
        padding-top: 2rem;
    }

    .PersonnelCostCalculator .pc-hero h1 {
        font-size: 1.8rem;
    }

    .PersonnelCostCalculator .pc-panel + .pc-panel {
        border-left: 0;
        border-top: 1px solid var(--pc-line);
    }

    .PersonnelCostCalculator .pc-calculator-shell > .row > .col-lg-5 > .pc-panel {
        border-left: 0;
    }

    .PersonnelCostCalculator .pc-result-main {
        font-size: 2rem;
    }

    .HourlyRateCalculator .hrc-hero {
        padding-top: 2rem;
    }

    .HourlyRateCalculator .hrc-hero h1 {
        font-size: 1.8rem;
    }

    .HourlyRateCalculator .hrc-calculator-shell > .row > .col-lg-5 > .hrc-panel {
        border-left: 0;
    }

    .HourlyRateCalculator .hrc-results,
    .HourlyRateCalculator .hrc-hours-result {
        border-top: 1px solid var(--hrc-line);
    }

    .HourlyRateCalculator .hrc-result-main {
        font-size: 2rem;
    }

    .FinancingCalculator .fc-hero {
        padding-top: 2rem;
    }

    .FinancingCalculator .fc-hero h1 {
        font-size: 1.8rem;
    }

    .FinancingCalculator .fc-calculator-shell > .row > .col-lg-5 > .fc-panel {
        border-left: 0;
        border-top: 1px solid var(--fc-line);
    }

    .FinancingCalculator .fc-result-main {
        font-size: 2rem;
    }

    .FreelancerCalculator .flc-hero {
        padding-top: 2rem;
    }

    .FreelancerCalculator .flc-hero h1 {
        font-size: 1.8rem;
    }

    .FreelancerCalculator .flc-calculator-shell > .row > .col-lg-5 > .flc-panel {
        border-left: 0;
        border-top: 1px solid var(--flc-line);
    }

    .FreelancerCalculator .flc-result-main {
        font-size: 2rem;
    }

    .EmployerCostCalculator .ec-hero {
        padding-top: 2rem;
    }

    .EmployerCostCalculator .ec-hero h1 {
        font-size: 1.8rem;
    }

    .EmployerCostCalculator .ec-calculator-shell > .row > .col-lg-5 > .ec-panel {
        border-left: 0;
        border-top: 1px solid var(--ec-line);
    }

    .EmployerCostCalculator .ec-result-main {
        font-size: 2rem;
    }

    .BreakEvenCalculator .bec-hero {
        padding-top: 2rem;
    }

    .BreakEvenCalculator .bec-hero h1 {
        font-size: 1.8rem;
    }

    .BreakEvenCalculator .bec-calculator-shell > .row > .col-lg-5 > .bec-panel {
        border-left: 0;
        border-top: 1px solid var(--bec-line);
    }

    .BreakEvenCalculator .bec-result-main {
        font-size: 2rem;
    }

    .ContributionMarginCalculator .cmc-hero {
        padding-top: 2rem;
    }

    .ContributionMarginCalculator .cmc-hero h1 {
        font-size: 1.8rem;
    }

    .ContributionMarginCalculator .cmc-calculator-shell > .row > .col-lg-5 > .cmc-panel {
        border-left: 0;
        border-top: 1px solid var(--cmc-line);
    }

    .ContributionMarginCalculator .cmc-result-main {
        font-size: 2rem;
    }

    .StorageCostCalculator .sc-hero {
        padding-top: 2rem;
    }

    .StorageCostCalculator .sc-hero h1 {
        font-size: 1.8rem;
    }

    .StorageCostCalculator .sc-calculator-shell > .row > .col-lg-5 > .sc-panel {
        border-left: 0;
        border-top: 1px solid var(--sc-line);
    }

    .StorageCostCalculator .sc-result-main {
        font-size: 2rem;
    }

    .CloudCostCalculator .clc-hero {
        padding-top: 2rem;
    }

    .CloudCostCalculator .clc-hero h1 {
        font-size: 1.8rem;
    }

    .CloudCostCalculator .clc-calculator-shell > .row > .col-lg-5 > .clc-panel {
        border-left: 0;
        border-top: 1px solid var(--clc-line);
    }

    .CloudCostCalculator .clc-result-main {
        font-size: 2rem;
    }
}

@media (max-width: 767.98px) {
    .CompanyCarCalculator .cc-hero {
        padding-top: 2rem;
    }

    .CompanyCarCalculator .cc-hero h1 {
        font-size: 1.8rem;
    }

    .CompanyCarCalculator .cc-panel + .cc-panel {
        border-left: 0;
        border-top: 1px solid var(--cc-line);
    }

    .CompanyCarCalculator .cc-result-main {
        font-size: 2rem;
    }
}

/* Öffentliche ByteBox-Rechner */
.BusinessCalculator { background: #f4f7f2; color: #1e2c20; }
.BusinessCalculator .bc-hero { padding: 4.5rem 0 3rem; background: #0f7f35; color: #fff; }
.BusinessCalculator .bc-eyebrow { margin: 0 0 .75rem; font-size: .9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0; color: #c9efd3; }
.BusinessCalculator .bc-hero h1 { margin: 0 0 1rem; font-size: 2.45rem; color: #fff; }
.BusinessCalculator .bc-intro { max-width: 760px; margin: 0; font-size: 1.15rem; line-height: 1.65; color: #effaf1; }
.BusinessCalculator .bc-calculator { padding: 3rem 0; }
.BusinessCalculator .bc-shell { overflow: hidden; border: 1px solid #d7e4d9; border-radius: 6px; background: #fff; box-shadow: 0 8px 26px rgba(17, 59, 29, .08); }
.BusinessCalculator .bc-panel { padding: 1.5rem; height: 100%; background: #fff; }
.BusinessCalculator .bc-panel h2 { margin: 0 0 1.25rem; font-size: 1.3rem; color: #1d4d2b; }
.BusinessCalculator .bc-field { margin-bottom: 1.1rem; }
.BusinessCalculator .bc-field label { display: block; margin-bottom: .45rem; font-weight: 700; font-size: .9rem; color: #27452e; }
.BusinessCalculator .bc-input { display: flex; align-items: stretch; border: 1px solid #c9d8cc; border-radius: 4px; overflow: hidden; background: #fff; }
.BusinessCalculator .bc-input input { width: 100%; min-width: 0; border: 0; padding: .65rem .7rem; outline: 0; }
.BusinessCalculator .bc-input:focus-within { border-color: #0f7f35; box-shadow: 0 0 0 .15rem rgba(15, 127, 53, .14); }
.BusinessCalculator .bc-input span { display: flex; align-items: center; padding: 0 .65rem; background: #eef5ef; color: #47644d; font-size: .82rem; white-space: nowrap; }
.BusinessCalculator .bc-results { background: #f0f8f2; border-left: 1px solid #d7e4d9; }
.BusinessCalculator .bc-results > p { margin: 0; color: #397046; font-weight: 700; font-size: .9rem; }
.BusinessCalculator .bc-main-result { display: block; margin: .35rem 0 0; font-size: 2.2rem; color: #0f7f35; line-height: 1.15; }
.BusinessCalculator .bc-results > span { display: block; margin: .3rem 0 1.3rem; color: #607265; font-size: .88rem; }
.BusinessCalculator .bc-result-row { display: flex; justify-content: space-between; gap: 1rem; padding: .7rem 0; border-top: 1px solid #d7e4d9; font-size: .92rem; }
.BusinessCalculator .bc-result-row strong { text-align: right; white-space: nowrap; }
.BusinessCalculator .bc-total { color: #075e25; font-weight: 700; }
.BusinessCalculator .bc-result-note { margin-top: 1.1rem; padding: .8rem; border-radius: 4px; background: #dcefe0; color: #285a34; font-size: .9rem; }
.BusinessCalculator .bc-section { padding: 2rem 0 3rem; background: #fff; }
.BusinessCalculator .bc-section h2 { color: #1d4d2b; font-size: 1.55rem; }
.BusinessCalculator .bc-section p { line-height: 1.7; }
.BusinessCalculator .bc-disclaimer { padding: 1rem; background: #fff8df; border-left: 3px solid #d69e11; font-size: .92rem; }
@media (max-width: 991.98px) { .BusinessCalculator .bc-hero { padding: 3rem 0 2.25rem; } .BusinessCalculator .bc-hero h1 { font-size: 2rem; } .BusinessCalculator .bc-results { border-top: 1px solid #d7e4d9; border-left: 0; } }
@media (max-width: 575.98px) { .BusinessCalculator .bc-calculator { padding: 1.5rem 0; } .BusinessCalculator .bc-panel { padding: 1rem; } .BusinessCalculator .bc-main-result { font-size: 1.9rem; } .BusinessCalculator .bc-result-row { font-size: .85rem; } }