.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.rc-hub-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin: 1.5rem 0;
}
@media (min-width: 600px) {
.rc-hub-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem;
}
}
@media (min-width: 960px) {
.rc-hub-grid {
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
}
.rc-hub-card {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1.25rem 1.5rem;
border: 1px solid #d8dee6;
border-radius: 8px;
background: #fff;
color: inherit;
text-decoration: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
a.rc-hub-card:hover,
a.rc-hub-card:focus-visible {
border-color: #2c5282;
box-shadow: 0 2px 8px rgba(44, 82, 130, 0.12);
text-decoration: none;
}
a.rc-hub-card:focus-visible {
outline: 2px solid #2c5282;
outline-offset: 2px;
}
.rc-hub-card__title {
display: block;
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.35;
color: #1a365d;
}
a.rc-hub-card:hover .rc-hub-card__title,
a.rc-hub-card:focus-visible .rc-hub-card__title {
color: #2c5282;
}
.rc-hub-card__desc {
display: block;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.5;
color: #4a5568;
} .rc-hub-card--geplant {
background: #f7f8fa;
border-color: #e2e8f0;
border-style: dashed;
cursor: default;
pointer-events: none;
}
.rc-hub-card--geplant .rc-hub-card__title {
color: #718096;
font-weight: 600;
}
.rc-hub-card--geplant .rc-hub-card__desc {
color: #a0aec0;
} .home.ast-theme-transparent-header #content.site-content,
.page-id-725.ast-theme-transparent-header #content.site-content {
padding-top: 7rem;
}
@media (max-width: 921px) {
.home.ast-theme-transparent-header #content.site-content,
.page-id-725.ast-theme-transparent-header #content.site-content {
padding-top: 6.5rem;
}
}
.home .entry-content > .rc-home-eyebrow:first-child,
.page-id-725 .entry-content > .rc-home-eyebrow:first-child {
display: block;
line-height: 1.5;
margin-top: 0;
margin-bottom: 0.75rem;
}
.home .entry-content > .rc-home-eyebrow + h1,
.page-id-725 .entry-content > .rc-home-eyebrow + h1 {
margin-top: 0;
} .home #content.site-content > .ast-container,
.page-id-725 #content.site-content > .ast-container {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
@media (max-width: 921px) {
.home #content.site-content > .ast-container,
.page-id-725 #content.site-content > .ast-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}.rc-calc {
--rc-bg: #f4f6f8;
--rc-surface: #ffffff;
--rc-text: #1a2332;
--rc-muted: #5c6b7a;
--rc-border: #d8dee6;
--rc-accent: #0d5c63;
--rc-accent-hover: #094a50;
--rc-low: #2d6a4f;
--rc-low-bg: #eaf4ee;
--rc-medium: #b8860b;
--rc-medium-bg: #fdf6e3;
--rc-high: #9b2226;
--rc-high-bg: #fdeaea;
--rc-insufficient: #495057;
--rc-insufficient-bg: #eceff1;
--rc-space-1: 4px;
--rc-space-2: 8px;
--rc-space-3: 12px;
--rc-space-4: 16px;
--rc-space-5: 24px;
--rc-space-6: 32px;
--rc-space-7: 48px;
--rc-radius-sm: 6px;
--rc-radius-md: 8px;
--rc-radius-lg: 10px;
--rc-radius: var(--rc-radius-lg);
--rc-shadow: 0 2px 12px rgba(26, 35, 50, 0.08);
--rc-shadow-card: 0 2px 8px rgba(26, 35, 50, 0.06);
--rc-font-sm: 0.875rem;
--rc-font-base: 1rem;
--rc-font-lg: 1.0625rem;
--rc-font-xl: 1.25rem;
--rc-line: 1.55;
--rc-field-height: 2.75rem;
--rc-label-gap: var(--rc-space-2);
--rc-btn-height: 2.75rem;
--rc-btn-radius: var(--rc-radius-sm);
--rc-wizard-dot: 2rem;
--rc-wizard-line: 1.5rem;
--rc-wizard-gap: var(--rc-space-2);
--rc-wizard-margin: var(--rc-space-5);
--rc-grid-gap: var(--rc-space-3);
--rc-grid-break: 560px;
--rc-grid-break-lg: 720px;
max-width: 720px;
width: 100%;
margin: var(--rc-space-5) auto var(--rc-space-6);
padding: 0 var(--rc-space-2);
color: var(--rc-text);
line-height: var(--rc-line);
overflow-x: clip;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
} .entry-content .rc-calc,
.wp-block-shortcode .rc-calc {
max-width: 720px !important;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.rc-calc [hidden] {
display: none !important;
}
.rc-calc *,
.rc-calc *::before,
.rc-calc *::after {
box-sizing: border-box;
} .rc-calc__badge {
display: inline-block;
margin: 0 0 var(--rc-space-2);
padding: var(--rc-space-1) var(--rc-space-3);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--rc-muted);
background: var(--rc-insufficient-bg);
border-radius: var(--rc-radius-sm);
}
.rc-calc__header h1 {
margin: 0 0 var(--rc-space-2);
font-size: clamp(1.45rem, 4vw, 1.85rem);
line-height: 1.25;
}
.rc-calc__lead {
margin: 0 0 var(--rc-space-4);
color: var(--rc-muted);
font-size: 0.98rem;
} .rc-calc .rc-calc__progress {
display: flex !important;
align-items: center;
justify-content: center;
gap: var(--rc-wizard-gap);
margin-bottom: var(--rc-wizard-margin);
flex-wrap: nowrap;
max-width: 100%;
width: 100%;
} .rc-calc .rc-calc__progress[aria-valuemax="5"] {
--rc-wizard-dot: 1.75rem;
--rc-wizard-line: 1rem;
--rc-wizard-gap: 6px;
}
.rc-calc .rc-calc__step-dot {
width: var(--rc-wizard-dot);
height: var(--rc-wizard-dot);
min-width: var(--rc-wizard-dot);
min-height: var(--rc-wizard-dot);
flex-shrink: 0;
border-radius: 50%;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 0.85rem;
font-weight: 700;
line-height: 1;
background: var(--rc-insufficient-bg);
color: var(--rc-muted);
border: 2px solid var(--rc-border);
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.rc-calc .rc-calc__step-line {
display: block !important;
width: var(--rc-wizard-line);
min-width: var(--rc-space-2);
height: 2px;
flex-shrink: 1;
background: var(--rc-border);
}
.rc-calc .rc-calc__step-dot.is-active {
background: var(--rc-accent);
color: #fff;
border-color: var(--rc-accent);
}
.rc-calc .rc-calc__step-dot.is-done {
background: var(--rc-low-bg);
color: var(--rc-low);
border-color: var(--rc-low);
}
.rc-calc__step-legend {
font-weight: 700;
font-size: var(--rc-font-lg);
margin: 0 0 var(--rc-space-3);
} .rc-calc [data-step-panel="1"] fieldset {
margin-bottom: var(--rc-space-3);
padding: var(--rc-space-3);
box-shadow: var(--rc-shadow-card);
}
.rc-calc [data-step-panel="1"] .rc-calc__grid {
gap: var(--rc-space-2);
}
.rc-calc [data-step-panel="1"] .rc-calc__hint {
margin-top: var(--rc-space-2);
} .rc-calc__form fieldset {
margin: 0 0 var(--rc-space-4);
padding: var(--rc-space-4);
border: 1px solid var(--rc-border);
border-radius: var(--rc-radius);
background: var(--rc-surface);
box-shadow: var(--rc-shadow);
}
.rc-calc__form fieldset.rc-calc__fieldset--optional {
border-style: dashed;
background: #fafbfc;
}
.rc-calc__form legend {
padding: 0 var(--rc-space-2);
font-weight: 700;
font-size: 0.95rem;
}
.req {
color: var(--rc-high);
font-weight: 700;
}
.opt {
font-weight: 500;
font-size: 0.82rem;
color: var(--rc-muted);
}
.rc-calc__form label,
.rc-calc__label {
display: block;
margin-bottom: var(--rc-label-gap);
font-size: var(--rc-font-sm);
font-weight: 600;
color: var(--rc-muted);
}
.rc-calc__form select,
.rc-calc__form input[type="text"] {
width: 100%;
min-height: var(--rc-field-height);
padding: var(--rc-space-3) var(--rc-space-3);
font-size: var(--rc-font-base);
border: 1px solid var(--rc-border);
border-radius: var(--rc-btn-radius);
background: #fff;
color: var(--rc-text);
}
.rc-calc__form select:focus,
.rc-calc__form input:focus {
outline: 2px solid var(--rc-accent);
outline-offset: 1px;
}
.rc-calc__grid {
display: grid;
gap: var(--rc-grid-gap);
grid-template-columns: 1fr;
}
.rc-calc__full {
grid-column: 1 / -1;
}
.rc-calc__hint {
margin: var(--rc-space-3) 0 0;
font-size: var(--rc-font-sm);
color: var(--rc-muted);
}
.rc-calc__checks {
display: grid;
gap: var(--rc-space-2);
}
.rc-calc__check {
display: flex;
align-items: flex-start;
gap: var(--rc-space-2);
font-size: 0.92rem;
cursor: pointer;
}
.rc-calc__check input {
margin-top: 0.2rem;
width: 1rem;
height: 1rem;
flex-shrink: 0;
}
@media (min-width: 560px) {
.rc-calc__grid {
grid-template-columns: 1fr 1fr;
}
.rc-calc__checks {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 720px) {
.rc-calc {
padding: var(--rc-space-6) var(--rc-space-4) var(--rc-space-7);
}
.rc-calc .rc-calc__progress[aria-valuemax="5"] {
--rc-wizard-dot: 2rem;
--rc-wizard-line: 1.5rem;
--rc-wizard-gap: var(--rc-space-2);
}
}
@media (max-width: 359px) {
.rc-calc .rc-calc__progress[aria-valuemax="5"] {
--rc-wizard-dot: 1.5rem;
--rc-wizard-line: 0.5rem;
--rc-wizard-gap: 4px;
}
.rc-calc .rc-calc__step-dot {
font-size: 0.75rem;
}
} .rc-calc__actions {
display: flex;
flex-wrap: wrap;
gap: var(--rc-space-3);
margin-top: var(--rc-space-4);
margin-bottom: var(--rc-space-5);
}
.rc-calc__btn {
min-height: var(--rc-btn-height);
padding: var(--rc-space-3) var(--rc-space-5);
font-size: var(--rc-font-base);
font-weight: 600;
border-radius: var(--rc-btn-radius);
border: none;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}
.rc-calc__btn--primary {
background: var(--rc-accent);
color: #fff;
}
.rc-calc__btn--primary:hover:not(:disabled) {
background: var(--rc-accent-hover);
}
.rc-calc__btn--ghost {
background: transparent;
color: var(--rc-muted);
border: 1px solid var(--rc-border);
}
.rc-calc__btn--ghost:hover:not(:disabled) {
border-color: var(--rc-accent);
color: var(--rc-accent);
}
.rc-calc__btn:focus-visible {
outline: 2px solid var(--rc-accent);
outline-offset: 2px;
}
.rc-calc__btn:disabled {
opacity: 0.55;
cursor: not-allowed;
} .rc-calc__result {
margin-top: var(--rc-space-5);
padding: var(--rc-space-5) var(--rc-space-4);
border-radius: var(--rc-radius);
background: var(--rc-surface);
border: 1px solid var(--rc-border);
box-shadow: var(--rc-shadow);
}
.rc-calc__result h2,
.rc-calc__result-heading {
margin: var(--rc-space-5) 0 var(--rc-space-2);
font-size: var(--rc-font-lg);
}
.rc-calc__risk-badge,
.rc-calc__decision-badge {
display: inline-block;
padding: var(--rc-space-2) var(--rc-space-3);
font-weight: 700;
font-size: var(--rc-font-base);
border-radius: var(--rc-radius-md);
}
.risk-low,
.decision-ok {
background: var(--rc-low-bg);
color: var(--rc-low);
}
.risk-medium,
.decision-caution {
background: var(--rc-medium-bg);
color: var(--rc-medium);
}
.risk-high,
.decision-review {
background: var(--rc-high-bg);
color: var(--rc-high);
}
.risk-insufficient,
.decision-insufficient {
background: var(--rc-insufficient-bg);
color: var(--rc-insufficient);
}
.rc-missing-block {
margin: var(--rc-space-4) 0;
padding: var(--rc-space-3) var(--rc-space-4);
background: var(--rc-insufficient-bg);
border-radius: var(--rc-radius);
font-size: 0.92rem;
} .rc-calc__footer {
margin-top: var(--rc-space-4);
padding-top: var(--rc-space-3);
border-top: 1px solid var(--rc-border);
font-size: var(--rc-font-sm);
color: var(--rc-muted);
}
.rc-calc__footer-meta {
margin-top: var(--rc-space-2);
font-size: 0.78rem;
} .rc-calc.is-loading {
position: relative;
pointer-events: none;
}
.rc-calc.is-loading::after {
content: "";
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.65);
border-radius: var(--rc-radius);
z-index: 10;
}
.rc-calc__empty {
padding: var(--rc-space-5);
text-align: center;
color: var(--rc-muted);
font-size: var(--rc-font-sm);
border: 1px dashed var(--rc-border);
border-radius: var(--rc-radius);
background: var(--rc-surface);
} .rc-calc__links {
display: flex;
flex-direction: column;
gap: var(--rc-space-2);
}
.rc-calc__link {
display: block;
padding: var(--rc-space-3) var(--rc-space-3);
text-decoration: none;
color: var(--rc-accent);
font-weight: 600;
border: 1px solid var(--rc-border);
border-radius: var(--rc-radius-md);
background: var(--rc-bg);
}
.rc-calc__link:hover,
.rc-calc__link:focus-visible {
border-color: var(--rc-accent);
background: #fff;
}
.rc-calc__link small {
display: block;
font-weight: 400;
font-size: 0.8rem;
color: var(--rc-muted);
margin-top: var(--rc-space-1);
} @media (prefers-reduced-motion: reduce) {
.rc-calc__btn,
.rc-calc__step-dot {
transition: none;
}
}.rc-result__orientation {
display: inline-block;
margin: 0 0 0.75rem;
padding: 0.45rem 0.85rem;
font-size: 1rem;
font-weight: 700;
border-radius: 8px;
line-height: 1.3;
}
.rc-result__orientation.risk-low,
.rc-result__orientation.decision-ok {
color: var(--rc-low, #2d6a4f);
background: var(--rc-low-bg, #eaf4ee);
border: 1px solid #b7dfc9;
}
.rc-result__orientation.risk-medium,
.rc-result__orientation.decision-caution {
color: var(--rc-medium, #8a6d00);
background: var(--rc-medium-bg, #fdf6e3);
border: 1px solid #e8d48a;
}
.rc-result__orientation.risk-high,
.rc-result__orientation.decision-review {
color: var(--rc-high, #9b2226);
background: var(--rc-high-bg, #fdeaea);
border: 1px solid #f0b4b6;
}
.rc-result__orientation.risk-insufficient,
.rc-result__orientation.decision-insufficient {
color: var(--rc-insufficient, #495057);
background: var(--rc-insufficient-bg, #eceff1);
border: 1px solid #cfd4da;
}
.rc-result__intro {
margin: 0 0 1.25rem;
color: var(--rc-muted, #5c6b7a);
font-size: 0.98rem;
}
.rc-result__heading {
margin: 1.25rem 0 0.5rem;
font-size: 1rem;
font-weight: 700;
}
.rc-result__dimensions {
display: grid;
gap: 0.75rem;
margin-bottom: 0.5rem;
}
@media (min-width: 520px) {
.rc-result__dimensions {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
}
.rc-dim-card {
padding: 0.85rem 1rem;
border: 1px solid var(--rc-border, #d8dee6);
border-radius: var(--rc-radius, 10px);
background: var(--rc-surface, #fff);
}
.rc-dim-card__title {
margin: 0 0 0.5rem;
font-size: 0.85rem;
font-weight: 600;
color: var(--rc-muted, #5c6b7a);
}
.rc-band__label {
display: block;
margin-bottom: 0.35rem;
font-size: 0.92rem;
font-weight: 600;
}
.rc-band__track {
display: flex;
gap: 4px;
height: 8px;
}
.rc-band__seg {
flex: 1;
border-radius: 4px;
background: #e2e8f0;
}
.rc-band__seg.is-on {
background: currentColor;
}
.rc-dim-card.risk-low,
.rc-dim-card.conf-high { color: var(--rc-low, #2d6a4f); }
.rc-dim-card.risk-medium,
.rc-dim-card.conf-medium { color: var(--rc-medium, #b8860b); }
.rc-dim-card.risk-high,
.rc-dim-card.conf-low { color: var(--rc-high, #9b2226); }
.rc-dim-card.risk-insufficient { color: var(--rc-insufficient, #495057); }
.rc-factor-block__list,
.rc-reason-block__list,
.rc-next-block__list {
margin: 0;
padding-left: 1.2rem;
}
.rc-factor-block__list li,
.rc-reason-block__list li,
.rc-next-block__list li {
margin-bottom: 0.35rem;
}
.rc-factor-block--positive {
padding: 0.75rem 1rem;
border-left: 4px solid var(--rc-low, #2d6a4f);
background: var(--rc-low-bg, #eaf4ee);
border-radius: 0 var(--rc-radius, 10px) var(--rc-radius, 10px) 0;
}
.rc-factor-block--negative {
padding: 0.75rem 1rem;
border-left: 4px solid var(--rc-high, #9b2226);
background: var(--rc-high-bg, #fdeaea);
border-radius: 0 var(--rc-radius, 10px) var(--rc-radius, 10px) 0;
}
.rc-result__uncertainty {
margin: 1rem 0;
padding: 0.75rem 1rem;
font-size: 0.92rem;
color: var(--rc-muted, #5c6b7a);
background: var(--rc-insufficient-bg, #eceff1);
border-radius: var(--rc-radius, 10px);
}
.rc-articles-block__links {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.rc-result__link {
display: block;
padding: 0.65rem 0.85rem;
text-decoration: none;
color: var(--rc-accent, #0d5c63);
background: var(--rc-surface, #fff);
border: 1px solid var(--rc-border, #d8dee6);
border-radius: 8px;
font-weight: 600;
}
.rc-result__link small {
display: block;
margin-top: 0.15rem;
font-weight: 400;
font-size: 0.78rem;
color: var(--rc-muted, #5c6b7a);
}
.rc-result__disclaimer {
margin-top: 1.25rem;
padding-top: 1rem;
border-top: 1px solid var(--rc-border, #d8dee6);
font-size: 0.85rem;
color: var(--rc-muted, #5c6b7a);
} .rc-featured {
margin: 1.5rem 0;
}
.rc-featured__heading {
font-size: 1.15rem;
margin: 0 0 0.75rem;
}
.rc-featured__card {
padding: 1.25rem 1.35rem;
border: 2px solid var(--rc-accent, #0d5c63);
border-radius: var(--rc-radius, 10px);
background: linear-gradient(135deg, #f0f9fa 0%, #fff 100%);
box-shadow: 0 2px 8px rgba(13, 92, 99, 0.12);
}
.rc-featured__title {
margin: 0 0 0.5rem;
font-size: 1.2rem;
line-height: 1.35;
}
.rc-featured__desc {
margin: 0 0 0.65rem;
font-size: 0.95rem;
line-height: 1.5;
}
.rc-featured__reason {
margin: 0 0 0.85rem;
font-size: 0.88rem;
color: var(--rc-muted, #5c6b7a);
}
.rc-featured__link {
display: inline-block;
padding: 0.55rem 1rem;
font-weight: 600;
text-decoration: none;
color: #fff;
background: var(--rc-accent, #0d5c63);
border-radius: 8px;
}
.rc-featured__link:focus-visible {
outline: 3px solid var(--rc-accent, #0d5c63);
outline-offset: 2px;
}
.rc-featured__card--calculator {
border-color: #3d6b8c;
background: linear-gradient(135deg, #f4f8fb 0%, #fff 100%);
}
.rc-calculators {
margin: 1.35rem 0;
}
.rc-calculators__heading {
font-size: 1.05rem;
margin: 0 0 0.75rem;
}
.rc-calculators__grid {
display: grid;
gap: 0.75rem;
}
@media (min-width: 600px) {
.rc-calculators__grid {
grid-template-columns: repeat(2, 1fr);
}
}
.rc-calc-card {
padding: 0.95rem 1rem;
border: 1px solid #c5d4e0;
border-radius: 8px;
background: #f8fafc;
}
.rc-calc-card__title {
margin: 0 0 0.35rem;
font-size: 1rem;
}
.rc-calc-card__title a {
color: #3d6b8c;
text-decoration: none;
font-weight: 600;
}
.rc-calc-card__title a:hover,
.rc-calc-card__title a:focus-visible {
text-decoration: underline;
}
.rc-calc-card__desc {
margin: 0 0 0.35rem;
font-size: 0.88rem;
line-height: 1.45;
}
.rc-calc-card__reason {
margin: 0 0 0.5rem;
font-size: 0.82rem;
color: var(--rc-muted, #5c6b7a);
}
.rc-calc-card__cta a {
font-size: 0.88rem;
font-weight: 600;
color: #3d6b8c;
text-decoration: none;
}
.rc-calc-card__cta a:focus-visible {
outline: 2px solid #3d6b8c;
outline-offset: 2px;
}
.rc-guides {
margin: 1.5rem 0;
}
.rc-guides__heading {
font-size: 1.05rem;
margin: 0 0 0.75rem;
}
.rc-guides__grid {
display: grid;
gap: 0.75rem;
}
@media (min-width: 600px) {
.rc-guides__grid {
grid-template-columns: repeat(2, 1fr);
}
}
.rc-guide-card {
padding: 0.9rem 1rem;
border: 1px solid var(--rc-border, #d8dee6);
border-radius: 8px;
background: var(--rc-surface, #fff);
}
.rc-guide-card__title {
margin: 0 0 0.35rem;
font-size: 1rem;
}
.rc-guide-card__title a {
color: var(--rc-accent, #0d5c63);
text-decoration: none;
font-weight: 600;
}
.rc-guide-card__title a:hover,
.rc-guide-card__title a:focus-visible {
text-decoration: underline;
}
.rc-guide-card__desc {
margin: 0 0 0.35rem;
font-size: 0.88rem;
line-height: 1.45;
}
.rc-guide-card__reason {
margin: 0;
font-size: 0.82rem;
color: var(--rc-muted, #5c6b7a);
}
.rc-knowledge {
margin: 1.25rem 0;
padding-top: 0.5rem;
}
.rc-knowledge__heading {
font-size: 0.92rem;
font-weight: 600;
color: var(--rc-muted, #5c6b7a);
margin: 0 0 0.5rem;
}
.rc-knowledge__list {
margin: 0;
padding-left: 1.25rem;
font-size: 0.88rem;
}
.rc-knowledge__list a {
color: var(--rc-muted, #5c6b7a);
text-decoration: underline;
}
.rc-knowledge__list a:focus-visible {
outline: 2px solid var(--rc-accent, #0d5c63);
outline-offset: 2px;
}.rc-ux,
.rc-decision-center { --rc-brand: #0d5c63;
--rc-brand-hover: #094a50;
--rc-brand-soft: #e8f4f5; --rc-cat-kosten: #4a7fd4;
--rc-cat-kosten-bg: #eef4fc;
--rc-cat-kosten-border: #c5d9f2;
--rc-cat-wartung: #c47a2d;
--rc-cat-wartung-bg: #fdf4ea;
--rc-cat-wartung-border: #f0d4b8;
--rc-cat-gw: #3d8b5a;
--rc-cat-gw-bg: #edf7f0;
--rc-cat-gw-border: #b8dfc8;
--rc-cat-entscheidung: #7b5ea8;
--rc-cat-entscheidung-bg: #f3eff8;
--rc-cat-entscheidung-border: #d4c4e8;
--rc-cat-planung: #2a8f8f;
--rc-cat-planung-bg: #e8f6f6;
--rc-cat-planung-border: #b5e0e0; --rc-success: #2d6a4f;
--rc-success-bg: #eaf4ee;
--rc-caution: #b8860b;
--rc-caution-bg: #fdf6e3;
--rc-elevated: #9b2226;
--rc-elevated-bg: #fdeaea;
--rc-uncertain: #5c6b7a;
--rc-uncertain-bg: #eceff1; --rc-focus-ring: 0 0 0 3px rgba(13, 92, 99, 0.35); --rc-dc-max: 1120px;
--rc-dc-card-radius: 12px;
--rc-dc-gap: 20px;
}
@media (prefers-reduced-motion: reduce) {
.rc-ux *,
.rc-decision-center * {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}.rc-ux,
.rc-decision-center { --rc-brand: #0d5c63;
--rc-brand-hover: #094a50;
--rc-brand-soft: #e8f4f5; --rc-cat-kosten: #4a7fd4;
--rc-cat-kosten-bg: #eef4fc;
--rc-cat-kosten-border: #c5d9f2;
--rc-cat-wartung: #c47a2d;
--rc-cat-wartung-bg: #fdf4ea;
--rc-cat-wartung-border: #f0d4b8;
--rc-cat-gw: #3d8b5a;
--rc-cat-gw-bg: #edf7f0;
--rc-cat-gw-border: #b8dfc8;
--rc-cat-entscheidung: #7b5ea8;
--rc-cat-entscheidung-bg: #f3eff8;
--rc-cat-entscheidung-border: #d4c4e8;
--rc-cat-planung: #2a8f8f;
--rc-cat-planung-bg: #e8f6f6;
--rc-cat-planung-border: #b5e0e0; --rc-success: #2d6a4f;
--rc-success-bg: #eaf4ee;
--rc-caution: #b8860b;
--rc-caution-bg: #fdf6e3;
--rc-elevated: #9b2226;
--rc-elevated-bg: #fdeaea;
--rc-uncertain: #5c6b7a;
--rc-uncertain-bg: #eceff1; --rc-focus-ring: 0 0 0 3px rgba(13, 92, 99, 0.35); --rc-dc-max: 1120px;
--rc-dc-card-radius: 12px;
--rc-dc-gap: 20px;
}
@media (prefers-reduced-motion: reduce) {
.rc-ux *,
.rc-decision-center * {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}
.rc-decision-center {
max-width: var(--rc-dc-max);
margin: 0 auto;
padding: 24px 16px 48px;
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color: #1a2332;
line-height: 1.55;
}
.rc-dc-hero { margin-bottom: 32px; }
.rc-dc-hero__eyebrow {
display: inline-block;
margin: 0 0 8px;
padding: 4px 12px;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--rc-brand);
background: var(--rc-brand-soft);
border-radius: 6px;
}
.rc-dc-hero h1 { margin: 0 0 12px; font-size: clamp(1.5rem, 4vw, 2rem); line-height: 1.2; }
.rc-dc-hero__lead { margin: 0 0 16px; color: #5c6b7a; max-width: 52ch; }
.rc-dc-trust { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 0.875rem; color: #5c6b7a; }
.rc-dc-trust span::before { content: '✓ '; color: var(--rc-brand); }
.rc-dc-situations { display: grid; gap: var(--rc-dc-gap); margin-bottom: 40px; }
@media (min-width: 640px) { .rc-dc-situations { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .rc-dc-situations { grid-template-columns: repeat(4, 1fr); } }
.rc-dc-situation {
display: flex; flex-direction: column; gap: 8px;
padding: 20px; border-radius: var(--rc-dc-card-radius);
border: 1px solid transparent; text-decoration: none; color: inherit;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.rc-dc-situation:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(26,35,50,0.08); }
.rc-dc-situation:focus-visible { outline: none; box-shadow: var(--rc-focus-ring); }
.rc-dc-situation--kosten { background: var(--rc-cat-kosten-bg); border-color: var(--rc-cat-kosten-border); }
.rc-dc-situation--wartung { background: var(--rc-cat-wartung-bg); border-color: var(--rc-cat-wartung-border); }
.rc-dc-situation--gebrauchtwagen { background: var(--rc-cat-gw-bg); border-color: var(--rc-cat-gw-border); }
.rc-dc-situation--entscheidung { background: var(--rc-cat-entscheidung-bg); border-color: var(--rc-cat-entscheidung-border); }
.rc-dc-situation__icon { width: 32px; height: 32px; color: var(--rc-brand); flex-shrink: 0; }
.rc-dc-situation h2 { margin: 0; font-size: 1rem; }
.rc-dc-situation p { margin: 0; font-size: 0.875rem; color: #5c6b7a; flex: 1; }
.rc-dc-situation__cta { font-weight: 600; font-size: 0.875rem; color: var(--rc-brand); }
.rc-calc-card {
display: flex; flex-direction: column; gap: 10px;
padding: 20px; border-radius: var(--rc-dc-card-radius);
background: #fff; border: 1px solid #d8dee6;
box-shadow: 0 2px 8px rgba(26,35,50,0.04);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.rc-calc-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(26,35,50,0.08); }
.rc-calc-card:focus-within { box-shadow: var(--rc-focus-ring); }
.rc-calc-card--featured { border-width: 2px; }
.rc-calc-card--kosten { border-color: var(--rc-cat-kosten-border); background: linear-gradient(180deg, var(--rc-cat-kosten-bg) 0%, #fff 40%); }
.rc-calc-card--wartung { border-color: var(--rc-cat-wartung-border); background: linear-gradient(180deg, var(--rc-cat-wartung-bg) 0%, #fff 40%); }
.rc-calc-card--gebrauchtwagen { border-color: var(--rc-cat-gw-border); background: linear-gradient(180deg, var(--rc-cat-gw-bg) 0%, #fff 40%); }
.rc-calc-card--entscheidung { border-color: var(--rc-cat-entscheidung-border); background: linear-gradient(180deg, var(--rc-cat-entscheidung-bg) 0%, #fff 40%); }
.rc-calc-card--planung { border-color: var(--rc-cat-planung-border); background: linear-gradient(180deg, var(--rc-cat-planung-bg) 0%, #fff 40%); }
.rc-calc-card__badge { align-self: flex-start; padding: 2px 8px; font-size: 0.7rem; font-weight: 600; border-radius: 4px; background: var(--rc-cat-planung-bg); color: var(--rc-cat-planung); }
.rc-calc-card__cat { font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; color: #5c6b7a; }
.rc-calc-card h3 { margin: 0; font-size: 1.05rem; }
.rc-calc-card h3 a { color: inherit; text-decoration: none; }
.rc-calc-card h3 a:hover { text-decoration: underline; }
.rc-calc-card__desc { margin: 0; font-size: 0.9rem; color: #5c6b7a; }
.rc-calc-card__benefits { margin: 0; padding: 0; list-style: none; font-size: 0.85rem; }
.rc-calc-card__benefits li::before { content: '· '; color: var(--rc-brand); }
.rc-calc-card__effort { font-size: 0.8rem; color: #5c6b7a; }
.rc-calc-card__cta a {
display: inline-block; font-weight: 600; color: var(--rc-brand);
text-decoration: none; padding: 8px 0;
}
.rc-calc-card__cta a:hover { text-decoration: underline; }
.rc-dc-grid { display: grid; gap: var(--rc-dc-gap); }
.rc-dc-grid--featured { grid-template-columns: 1fr; margin-bottom: 40px; }
@media (min-width: 768px) { .rc-dc-grid--featured { grid-template-columns: repeat(3, 1fr); } }
.rc-dc-grid--tools { grid-template-columns: 1fr; }
@media (min-width: 640px) { .rc-dc-grid--tools { grid-template-columns: repeat(2, 1fr); } }
.rc-dc-section { margin-bottom: 40px; }
.rc-dc-section h2 { margin: 0 0 8px; font-size: 1.15rem; }
.rc-dc-section__lead { margin: 0 0 16px; color: #5c6b7a; font-size: 0.95rem; }
.rc-dc-group { margin-bottom: 32px; }
.rc-dc-group h3 { margin: 0 0 4px; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em; color: #5c6b7a; }
.rc-sie-erhalten {
padding: 16px; border-radius: 8px; margin-bottom: 20px;
background: var(--rc-brand-soft); border: 1px solid #c5e0e2;
}
.rc-sie-erhalten h2 { margin: 0 0 10px; font-size: 0.95rem; }
.rc-sie-erhalten ul { margin: 0; padding: 0 0 0 4px; list-style: none; }
.rc-sie-erhalten li { font-size: 0.9rem; padding: 4px 0; }
.rc-sie-erhalten li::before { content: '→ '; color: var(--rc-brand); font-weight: 600; }
.rc-dc-value-grid { display: grid; gap: 16px; }
@media (min-width: 640px) { .rc-dc-value-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .rc-dc-value-grid { grid-template-columns: repeat(3, 1fr); } }
.rc-dc-value-card { padding: 16px; background: #f4f6f8; border-radius: 8px; font-size: 0.9rem; }
.rc-dc-value-card strong { display: block; margin-bottom: 4px; }
.rc-dc-steps { display: grid; gap: 16px; counter-reset: step; }
@media (min-width: 768px) { .rc-dc-steps { grid-template-columns: repeat(3, 1fr); } }
.rc-dc-step { padding: 16px; background: #fff; border: 1px solid #d8dee6; border-radius: 8px; }
.rc-dc-step::before { counter-increment: step; content: counter(step); display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; background: var(--rc-brand); color: #fff; border-radius: 50%; font-weight: 700; font-size: 0.85rem; margin-bottom: 8px; }
.rc-dc-future-slot { padding: 16px; border: 1px dashed #d8dee6; border-radius: 8px; color: #5c6b7a; font-size: 0.85rem; background: #fafbfc; }
.rc-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; }.rc-ux,
.rc-decision-center { --rc-brand: #0d5c63;
--rc-brand-hover: #094a50;
--rc-brand-soft: #e8f4f5; --rc-cat-kosten: #4a7fd4;
--rc-cat-kosten-bg: #eef4fc;
--rc-cat-kosten-border: #c5d9f2;
--rc-cat-wartung: #c47a2d;
--rc-cat-wartung-bg: #fdf4ea;
--rc-cat-wartung-border: #f0d4b8;
--rc-cat-gw: #3d8b5a;
--rc-cat-gw-bg: #edf7f0;
--rc-cat-gw-border: #b8dfc8;
--rc-cat-entscheidung: #7b5ea8;
--rc-cat-entscheidung-bg: #f3eff8;
--rc-cat-entscheidung-border: #d4c4e8;
--rc-cat-planung: #2a8f8f;
--rc-cat-planung-bg: #e8f6f6;
--rc-cat-planung-border: #b5e0e0; --rc-success: #2d6a4f;
--rc-success-bg: #eaf4ee;
--rc-caution: #b8860b;
--rc-caution-bg: #fdf6e3;
--rc-elevated: #9b2226;
--rc-elevated-bg: #fdeaea;
--rc-uncertain: #5c6b7a;
--rc-uncertain-bg: #eceff1; --rc-focus-ring: 0 0 0 3px rgba(13, 92, 99, 0.35); --rc-dc-max: 1120px;
--rc-dc-card-radius: 12px;
--rc-dc-gap: 20px;
}
@media (prefers-reduced-motion: reduce) {
.rc-ux *,
.rc-decision-center * {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
} .rc-px-product-header {
margin: 0 0 28px;
padding: 24px 20px;
border-radius: 14px;
border: 1px solid #d8dee6;
background: linear-gradient(165deg, #fff 0%, #f8fafb 100%);
}
.rc-px-product-header--kosten { border-color: var(--rc-cat-kosten-border); background: linear-gradient(165deg, var(--rc-cat-kosten-bg) 0%, #fff 55%); }
.rc-px-product-header--wartung { border-color: var(--rc-cat-wartung-border); background: linear-gradient(165deg, var(--rc-cat-wartung-bg) 0%, #fff 55%); }
.rc-px-product-header--gebrauchtwagen { border-color: var(--rc-cat-gw-border); background: linear-gradient(165deg, var(--rc-cat-gw-bg) 0%, #fff 55%); }
.rc-px-product-header--entscheidung { border-color: var(--rc-cat-entscheidung-border); background: linear-gradient(165deg, var(--rc-cat-entscheidung-bg) 0%, #fff 55%); }
.rc-px-product-header--planung { border-color: var(--rc-cat-planung-border); background: linear-gradient(165deg, var(--rc-cat-planung-bg) 0%, #fff 55%); }
.rc-px-product-header__eyebrow {
display: inline-block;
margin: 0 0 8px;
padding: 4px 10px;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--rc-brand);
background: var(--rc-brand-soft);
border-radius: 6px;
}
.rc-px-product-header__badge {
display: inline-block;
margin: 0 0 12px 8px;
padding: 3px 10px;
font-size: 0.72rem;
font-weight: 600;
border-radius: 999px;
background: #fff;
border: 1px solid #d8dee6;
color: #5c6b7a;
}
.rc-px-product-header--kosten .rc-px-product-header__badge { border-color: var(--rc-cat-kosten-border); color: var(--rc-cat-kosten); }
.rc-px-product-header--wartung .rc-px-product-header__badge { border-color: var(--rc-cat-wartung-border); color: var(--rc-cat-wartung); }
.rc-px-product-header--gebrauchtwagen .rc-px-product-header__badge { border-color: var(--rc-cat-gw-border); color: var(--rc-cat-gw); }
.rc-px-product-header--entscheidung .rc-px-product-header__badge { border-color: var(--rc-cat-entscheidung-border); color: var(--rc-cat-entscheidung); }
.rc-px-product-header--planung .rc-px-product-header__badge { border-color: var(--rc-cat-planung-border); color: var(--rc-cat-planung); }
.rc-px-product-header__intro {
margin: 0 0 16px;
font-size: 1.05rem;
line-height: 1.5;
color: #1a2332;
max-width: 58ch;
}
.rc-px-product-header__panel {
padding: 14px 16px;
margin-bottom: 12px;
border-radius: 10px;
background: rgba(255,255,255,0.85);
border: 1px solid rgba(26,35,50,0.08);
}
.rc-px-product-header__panel-title { margin: 0 0 8px; font-size: 0.9rem; font-weight: 700; }
.rc-px-product-header__benefits { margin: 0; padding: 0; list-style: none; }
.rc-px-product-header__benefits li { padding: 3px 0; font-size: 0.9rem; }
.rc-px-product-header__benefits li::before { content: '→ '; color: var(--rc-brand); font-weight: 700; }
.rc-px-product-header__duration { margin: 10px 0 0; font-size: 0.85rem; color: #5c6b7a; }
.rc-px-product-header__trust { margin: 0 0 8px; font-size: 0.82rem; color: #5c6b7a; }
.rc-px-product-header__trust a { color: var(--rc-brand); }
.rc-px-product-header__start { margin: 0; font-size: 0.88rem; font-weight: 600; }
.rc-px-product-header__start a { color: var(--rc-brand); text-decoration: none; }
.rc-px-product-header__start a:hover { text-decoration: underline; }
#rc-calc-start { scroll-margin-top: 96px; } .rc-decision-center.rc-px-v2 .rc-dc-hero {
padding: 28px 24px;
border-radius: 16px;
background: linear-gradient(135deg, var(--rc-brand-soft) 0%, #fff 70%);
border: 1px solid #c5e0e2;
margin-bottom: 36px;
}
.rc-decision-center.rc-px-v2 .rc-dc-hero__title { font-size: clamp(1.6rem, 4.5vw, 2.15rem); }
.rc-dc-journeys { margin-bottom: 44px; }
.rc-dc-journey-grid { display: grid; gap: 18px; }
@media (min-width: 640px) { .rc-dc-journey-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .rc-dc-journey-grid { grid-template-columns: repeat(4, 1fr); } }
.rc-dc-journey {
display: flex; flex-direction: column; gap: 10px;
padding: 18px; border-radius: 12px;
border: 1px solid #d8dee6; background: #fff;
box-shadow: 0 2px 10px rgba(26,35,50,0.04);
}
.rc-dc-journey--gw { border-color: var(--rc-cat-gw-border); background: linear-gradient(180deg, var(--rc-cat-gw-bg) 0%, #fff 45%); }
.rc-dc-journey--wartung { border-color: var(--rc-cat-wartung-border); background: linear-gradient(180deg, var(--rc-cat-wartung-bg) 0%, #fff 45%); }
.rc-dc-journey--kosten { border-color: var(--rc-cat-kosten-border); background: linear-gradient(180deg, var(--rc-cat-kosten-bg) 0%, #fff 45%); }
.rc-dc-journey--entscheidung { border-color: var(--rc-cat-entscheidung-border); background: linear-gradient(180deg, var(--rc-cat-entscheidung-bg) 0%, #fff 45%); }
.rc-dc-journey__question { margin: 0; font-size: 0.95rem; font-weight: 700; line-height: 1.3; }
.rc-dc-journey__start { margin: 0; font-size: 0.82rem; color: #5c6b7a; }
.rc-dc-journey__start strong { color: #1a2332; }
.rc-dc-journey__steps { margin: 0; padding: 0; list-style: none; font-size: 0.8rem; color: #5c6b7a; }
.rc-dc-journey__steps li { padding: 2px 0; }
.rc-dc-journey__steps li::before { content: '· '; color: var(--rc-brand); font-weight: 700; }
.rc-dc-journey__cta a {
display: inline-block; margin-top: 4px;
padding: 8px 14px; border-radius: 8px;
font-size: 0.85rem; font-weight: 600;
text-decoration: none; color: #fff; background: var(--rc-brand);
}
.rc-dc-journey__cta a:hover { background: var(--rc-brand-hover); }
.rc-dc-finder {
padding: 20px; border-radius: 12px;
background: #f4f6f8; border: 1px solid #d8dee6;
margin-bottom: 40px;
}
.rc-dc-finder ol { margin: 12px 0 0; padding-left: 20px; }
.rc-dc-finder li { margin-bottom: 8px; font-size: 0.92rem; color: #1a2332; }
.rc-dc-finder li span { color: #5c6b7a; } .rc-result__band {
padding: 16px 18px;
border-radius: 10px;
margin-bottom: 20px;
border-left: 4px solid var(--rc-brand);
background: var(--rc-brand-soft);
}
.rc-result__band--caution { border-left-color: var(--rc-caution); background: var(--rc-caution-bg); }
.rc-result__band--elevated { border-left-color: var(--rc-elevated); background: var(--rc-elevated-bg); }
.rc-result__band--success { border-left-color: var(--rc-success); background: var(--rc-success-bg); }
.rc-result__section-title {
margin: 24px 0 10px;
font-size: 0.95rem;
font-weight: 700;
color: #1a2332;
padding-bottom: 6px;
border-bottom: 1px solid #e8ecf0;
}
.rc-result__next-featured {
padding: 16px 18px;
border-radius: 10px;
border: 2px solid var(--rc-brand);
background: #fff;
margin: 16px 0;
}
.rc-result__next-featured strong { display: block; margin-bottom: 6px; color: var(--rc-brand); } .rc-home-entry { margin: 32px 0; padding: 24px 20px; border-radius: 14px; background: linear-gradient(135deg, #eef4fc 0%, #fff 60%); border: 1px solid var(--rc-cat-kosten-border); }
.rc-home-entry h2 { margin: 0 0 8px; font-size: 1.25rem; }
.rc-home-entry__lead { margin: 0 0 18px; color: #5c6b7a; font-size: 0.95rem; max-width: 52ch; }
.rc-home-entry__grid { display: grid; gap: 14px; }
@media (min-width: 640px) { .rc-home-entry__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .rc-home-entry__grid { grid-template-columns: repeat(4, 1fr); } }
.rc-home-entry__card {
display: flex; flex-direction: column; gap: 6px;
padding: 16px; border-radius: 10px; background: #fff;
border: 1px solid #d8dee6; text-decoration: none; color: inherit;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.rc-home-entry__card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(26,35,50,0.08); }
.rc-home-entry__card--gw { border-color: var(--rc-cat-gw-border); }
.rc-home-entry__card--wartung { border-color: var(--rc-cat-wartung-border); }
.rc-home-entry__card--kosten { border-color: var(--rc-cat-kosten-border); }
.rc-home-entry__card--entscheidung { border-color: var(--rc-cat-entscheidung-border); }
.rc-home-entry__card strong { font-size: 0.95rem; }
.rc-home-entry__card span { font-size: 0.82rem; color: #5c6b7a; }
@media (max-width: 480px) {
.rc-px-product-header { padding: 18px 14px; }
.rc-dc-journey__cta a { width: 100%; text-align: center; }
}
body { margin: 0; overflow-x: clip; background: #f4f6f8; }
.rc-calc--gw-kosten-v2 {
--rc-accent: var(--rc-cat-gw);
--rc-accent-hover: #2f7348;
}
@media (max-width: 400px) {
.rc-calc--gw-kosten-v2 .rc-calc__progress {
--rc-wizard-dot: 1.5rem;
--rc-wizard-line: 0.65rem;
--rc-wizard-gap: 4px;
}
}
.rc-calc--gw-kosten-v2 .rc-calc__badge {
background: var(--rc-cat-gw-bg);
color: var(--rc-cat-gw);
}
.rc-calc--gw-kosten-v2 .rc-sie-erhalten {
background: var(--rc-cat-gw-bg);
border-color: var(--rc-cat-gw-border);
}
.rc-calc--gw-kosten-v2 .rc-distinction {
padding: 12px; margin-bottom: 16px; font-size: 0.875rem;
background: var(--rc-cat-gw-bg); border: 1px solid var(--rc-cat-gw-border); border-radius: 8px;
}
.rc-result-bars { margin: 16px 0; }
.rc-result-bars .bar-row {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 4px;
margin-bottom: 12px;
font-size: 0.875rem;
}
@media (min-width: 480px) {
.rc-result-bars .bar-row {
grid-template-columns: 100px 1fr 44px;
gap: 8px;
align-items: center;
margin-bottom: 8px;
}
}
.rc-result-bars .bar { height: 10px; background: #eceff1; border-radius: 4px; overflow: hidden; }
.rc-result-bars .bar-fill--wert { background: var(--rc-cat-gw); }
.rc-result-bars .bar-fill--kraft { background: var(--rc-cat-kosten); }
.rc-result-bars .bar-fill--betrieb { background: var(--rc-cat-wartung); }
.rc-result-bars .bar-fill { height: 100%; }
.rc-result-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); margin-bottom: 20px; }
.rc-result-card { padding: 14px; background: #fff; border: 1px solid #d8dee6; border-radius: 8px; }
.rc-result-card--highlight { border-color: var(--rc-cat-gw-border); background: var(--rc-cat-gw-bg); }
.rc-result-card__label { display: block; font-size: 0.8rem; color: #5c6b7a; }
.rc-result-card__value { display: block; font-size: 1.25rem; font-weight: 700; }
.rc-errors .error-item { padding: 8px 12px; margin-bottom: 8px; background: var(--rc-elevated-bg); border-radius: 6px; font-size: 0.875rem; }
.rc-warnings .warning-item { padding: 8px 12px; margin-bottom: 8px; background: var(--rc-caution-bg); border-radius: 6px; font-size: 0.875rem; }
.rc-reco-links { margin-top: 20px; padding: 16px; background: #f4f6f8; border-radius: 8px; font-size: 0.9rem; }
.rc-reco-links a { color: var(--rc-brand); }body.page-id-1043 .entry-content > h1.wp-block-heading,
body.page-id-1049 .entry-content > h1.wp-block-heading,
body.page-id-1056 .entry-content > h1.wp-block-heading {
margin: 0 0 1rem;
line-height: 1.25;
}
body.page-id-1043 .entry-content > p:nth-of-type(1),
body.page-id-1049 .entry-content > p:nth-of-type(1),
body.page-id-1056 .entry-content > p:nth-of-type(1),
body.page-id-1043 .entry-content > p:nth-of-type(2),
body.page-id-1049 .entry-content > p:nth-of-type(2),
body.page-id-1056 .entry-content > p:nth-of-type(2) {
margin: 0 0 1rem;
line-height: 1.55;
}
body.page-id-1043 .entry-content > p:nth-of-type(3),
body.page-id-1049 .entry-content > p:nth-of-type(3),
body.page-id-1056 .entry-content > p:nth-of-type(3) {
margin: 0 0 1.5rem;
line-height: 1.55;
}
body.page-id-1043 .entry-content > .rc-calc,
body.page-id-1049 .entry-content > .rc-calc,
body.page-id-1056 .entry-content > .rc-calc {
margin-top: 0;
}