/* Karriereseite oder Jobportal, 19.09.2026. Auf diese Unterseite begrenzt. */
.comparison-page { --cmp-width:1320px; --cmp-gutter:clamp(20px,4vw,64px); font-size:17px; }
.cmp-wrap { width:min(var(--cmp-width),calc(100% - 2*var(--cmp-gutter))); margin-inline:auto; }
.comparison-page .site-nav { padding-inline:var(--cmp-gutter); }
.comparison-page :is(h1,h2,h3) { text-wrap:balance; }
.comparison-page h2 { font-size:clamp(35px,4.2vw,62px); line-height:1.04; letter-spacing:-.035em; }
.comparison-page h3 { font-size:clamp(24px,2.3vw,32px); line-height:1.13; letter-spacing:-.025em; }
.comparison-page .eyebrow { font-size:11px; line-height:1.4; max-width:100%; margin-bottom:24px; }
.comparison-page :is(a,button,summary):focus-visible { outline:3px solid currentColor; outline-offset:5px; }
.comparison-page :is(section,main)[id] { scroll-margin-top:calc(var(--site-nav-height) + 24px); }
.cmp-skip { position:fixed; left:16px; top:20px; transform:translateY(-200%); z-index:150; background:var(--paper); padding:12px 20px; }
.cmp-skip:focus { transform:none; }
.cmp-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.cmp-band { padding-block:clamp(72px,8vw,120px); }
.cmp-paper { background:var(--paper); color:var(--ink); }
.cmp-paper-alt { background:var(--paper-2); color:var(--ink); }
.cmp-forest { background:var(--forest); color:var(--paper); }
.cmp-butter { background:var(--butter); color:var(--ink); }
.cmp-forest .eyebrow { color:var(--butter); }
.cmp-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(36px,6vw,88px); align-items:start; }
.cmp-copy { max-width:60ch; }
.cmp-copy p + p { margin-top:20px; }
p.cmp-copy { margin-top:26px; }
.cmp-copy a:not(.cmp-button),.cmp-meta a { text-decoration:underline; text-underline-offset:4px; }
.cmp-section-head { max-width:780px; }
.cmp-section-head > p:last-child:not(.eyebrow) { max-width:56ch; margin-top:26px; }
.cmp-arrow { width:23px; height:23px; flex:0 0 23px; }
.cmp-button { display:inline-flex; justify-content:space-between; align-items:center; gap:26px; min-height:56px; padding:17px 24px; border:2px solid var(--forest); border-radius:8px; background:var(--forest); color:var(--paper); font-size:15px; font-weight:800; line-height:1.4; transition:transform .2s,box-shadow .2s; }
.cmp-button:hover { transform:translateY(-3px); box-shadow:5px 6px 0 rgba(23,39,31,.18); }
.cmp-button--brick { background:var(--brick); border-color:var(--brick); color:var(--on-brick); }
.cmp-button--paper { background:var(--paper); border-color:var(--paper); color:var(--ink); }
.cmp-text-link { display:inline-flex; gap:16px; align-items:center; min-height:44px; font-size:14px; line-height:1.5; font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.cmp-hero { background:linear-gradient(120deg,var(--forest) 38%,#30452f 100%); color:var(--paper); padding-block:80px 72px; position:relative; }
.cmp-hero::after { content:''; position:absolute; inset:auto 0 0; height:6px; background:linear-gradient(90deg,var(--brick) 0%,var(--brick) 32%,var(--butter) 75%,var(--paper)); }
.cmp-hero-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:48px; align-items:center; }
.cmp-hero .eyebrow { color:var(--butter); }
.cmp-hero h1 { font-size:clamp(42px,4.75vw,72px); line-height:1.02; letter-spacing:-.045em; max-width:13ch; }
.cmp-hero h1 span { color:var(--butter); }
.cmp-lead { max-width:44ch; margin-top:28px; font-size:18px; line-height:1.7; }
.cmp-hero .cmp-button { margin-top:30px; }
.cmp-meta { display:flex; flex-direction:column; gap:6px; font-size:12px; line-height:1.6; margin-top:26px; }
.cmp-hero-art { position:relative; border-radius:16px; overflow:hidden; background:var(--paper); color:var(--ink); box-shadow:14px 16px 0 rgba(0,0,0,.12); }
.cmp-hero-art picture,.cmp-operation picture { display:block; }
.cmp-hero-art img { display:block; width:100%; height:auto; aspect-ratio:1.32; object-fit:cover; object-position:55% center; }
.cmp-hero-art figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 18px; padding:18px 22px; font-size:12px; font-weight:700; }
.cmp-toc { padding-block:20px; background:var(--paper-2); color:var(--ink); border-bottom:1px solid var(--line); }
.cmp-toc .cmp-wrap { display:flex; align-items:center; flex-wrap:wrap; gap:10px 32px; }
.cmp-toc span { font:11px/1.4 var(--font-mono); text-transform:uppercase; letter-spacing:.08em; margin-right:auto; }
.cmp-toc a { font-size:13px; font-weight:700; min-height:44px; display:inline-flex; align-items:center; text-decoration:underline; text-underline-offset:5px; }
.cmp-intro { align-items:center; }
.cmp-definitions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px; margin-top:64px; padding-top:34px; border-top:1px solid var(--line); }
.cmp-definitions h3 { margin:17px 0 14px; font-size:25px; }
.cmp-definitions p { font-size:15px; line-height:1.7; }
.cmp-index { color:var(--brick-text); font:700 13px/1.2 var(--font-mono); }
.cmp-statement { padding-block:74px; background:linear-gradient(110deg,#a33e26,var(--brick) 65%,#bd5234); color:var(--on-brick); }
.cmp-statement .eyebrow { margin-bottom:28px; }
.cmp-statement h2 { font-size:clamp(38px,5.5vw,78px); max-width:1000px; }
.cmp-statement h2 span { color:var(--on-brick); }
.cmp-statement p:last-child { margin-top:26px; max-width:62ch; }
.cmp-table { width:100%; border-collapse:separate; border-spacing:0; margin-top:46px; font-size:15px; line-height:1.6; border:1px solid var(--ink); border-radius:16px; overflow:hidden; }
.cmp-table th,.cmp-table td { padding:24px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); width:39%; }
.cmp-table thead th { background:var(--forest); color:var(--paper); font-size:17px; }
.cmp-table th:first-child { width:22%; }
.cmp-table tbody th { font-size:16px; }
.cmp-table td:nth-child(2) { background:rgba(242,196,93,.18); border-inline:1px solid var(--line); }
.cmp-table tr:last-child > * { border-bottom:0; }
.cmp-table-note { font-size:14px; max-width:78ch; margin-top:24px; }
.cmp-scenarios { margin-top:44px; }
.cmp-choice-list { display:none; }
.cmp-scenarios.is-enhanced .cmp-choice-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:22px; }
.cmp-choice { display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; background:transparent; color:var(--paper); border:1px solid rgba(243,231,197,.5); border-radius:8px; min-height:96px; padding:20px; text-align:left; font-size:15px; font-weight:700; line-height:1.5; cursor:pointer; }
.cmp-choice > span { font:700 12px/1 var(--font-mono); color:var(--butter); }
.cmp-choice[aria-selected="true"] { background:var(--butter); color:var(--ink); border-color:var(--butter); }
.cmp-choice[aria-selected="true"] > span { color:var(--ink); }
.cmp-choice:hover:not([aria-selected="true"]) { background:rgba(243,231,197,.08); }
.cmp-choice .cmp-arrow { width:18px; height:18px; }
.cmp-scenario { padding:clamp(28px,4vw,52px); background:var(--paper); color:var(--ink); border-radius:16px; margin-top:24px; }
.cmp-scenario[hidden] { display:none; }
.cmp-scenarios.is-enhanced .cmp-scenario { margin:0; display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); column-gap:64px; align-content:start; min-height:410px; }
.cmp-scenarios.is-enhanced .cmp-scenario[hidden] { display:none; }
.cmp-scenario .cmp-mini { grid-column:1; margin-bottom:16px; }
.cmp-scenario h3 { grid-column:1; font-size:clamp(30px,3.5vw,48px); }
.cmp-scenario > p:not(.cmp-mini) { grid-column:2; margin-top:18px; font-size:16px; }
.cmp-scenario > p:nth-of-type(2) { grid-row:1 / span 2; margin-top:0; align-self:start; }
.cmp-scenario > p:nth-of-type(3) { grid-row:3; }
.cmp-scenario > p:nth-of-type(4) { grid-row:4; }
.cmp-recommendation { grid-column:1; grid-row:3 / span 2; padding-top:26px; margin-top:24px; border-top:2px solid var(--brick); max-width:42ch; }
.cmp-recommendation b { font-size:12px; text-transform:uppercase; letter-spacing:.07em; }
.cmp-recommendation p { margin-top:12px; font-size:16px; }
.cmp-mini { font:700 11px/1.5 var(--font-mono); letter-spacing:.06em; text-transform:uppercase; }
.cmp-middle-action { display:flex; align-items:center; gap:22px 32px; flex-wrap:wrap; margin-top:36px; }
.cmp-middle-action .cmp-text-link { color:var(--paper); }
.cmp-operation { align-items:center; }
.cmp-operation figure img { display:block; width:100%; height:auto; border-radius:16px; aspect-ratio:1.12; object-fit:cover; }
.cmp-operation .cmp-copy { margin-top:26px; }
.cmp-cost-layout h2 { max-width:15ch; }
.cmp-cost-layout .cmp-copy { margin-top:26px; }
.cmp-ledger { align-self:stretch; border:2px solid var(--ink); border-radius:16px; overflow:hidden; background:var(--paper-2); }
.cmp-ledger-head { display:flex; justify-content:space-between; gap:12px; padding:20px 28px; background:var(--forest); color:var(--paper); font:700 11px/1.5 var(--font-mono); text-transform:uppercase; }
.cmp-ledger-head span:last-child { color:var(--butter); }
.cmp-ledger-body { padding:32px; }
.cmp-ledger-body h3 { margin-bottom:26px; }
.cmp-ledger ol { margin:0; padding:0; list-style:none; counter-reset:cost; }
.cmp-ledger li { position:relative; padding:18px 0 18px 34px; border-top:1px dashed var(--olive); counter-increment:cost; font-size:15px; }
.cmp-ledger li::before { content:counter(cost,decimal-leading-zero); position:absolute; top:20px; left:0; font:700 12px/1.4 var(--font-mono); color:var(--brick-text); }
.cmp-ledger li b,.cmp-ledger li span { display:block; }
.cmp-ledger li span { margin-top:5px; }
.cmp-ledger-foot { font-size:13px; padding-top:24px; border-top:1px solid var(--ink); }
.cmp-checklist { list-style:none; padding:0; margin:0; }
.cmp-checklist li { display:flex; gap:24px; padding:26px 0; border-top:1px solid rgba(23,39,31,.25); }
.cmp-checklist li:first-child { padding-top:0; border-top:0; }
.cmp-checklist li:last-child { padding-bottom:0; }
.cmp-checklist li > span { font:800 26px/1.3 var(--font-display); color:var(--brick-text); }
.cmp-checklist h3 { font-size:23px; }
.cmp-checklist p { margin-top:12px; font-size:16px; }
.cmp-google { padding-block:80px; }
.cmp-google .cmp-split { align-items:center; }
.cmp-google .cmp-text-link { color:var(--butter); margin-top:20px; }
.cmp-faq details { padding:24px 0; border-bottom:1px solid var(--line); }
.cmp-faq details:first-child { padding-top:0; }
.cmp-faq summary { display:flex; gap:20px; justify-content:space-between; align-items:center; font-size:18px; font-weight:700; line-height:1.5; min-height:44px; cursor:pointer; list-style:none; }
.cmp-faq summary::-webkit-details-marker { display:none; }
.cmp-faq summary::after { content:'+'; color:var(--brick-text); font:400 28px/1 Inter,sans-serif; flex-shrink:0; }
.cmp-faq details[open] summary::after { content:'−'; }
.cmp-faq details p { margin-top:18px; font-size:16px; }
.cmp-author-band { padding-block:58px; }
.cmp-author-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr); gap:70px; align-items:center; }
.cmp-author { display:grid; grid-template-columns:100px minmax(0,1fr); gap:26px; align-items:start; }
.cmp-author img { width:100px; height:120px; object-fit:cover; border-radius:10px; }
.cmp-author h3 { font-size:23px; margin-top:10px; }
.cmp-author p:not(.cmp-mini) { font-size:14px; line-height:1.7; margin-top:14px; }
.cmp-author .cmp-text-link { margin-top:7px; }
.cmp-sources a { display:flex; align-items:center; justify-content:space-between; gap:14px; font-size:12px; text-decoration:underline; text-underline-offset:3px; padding-block:10px; }
.cmp-sources .cmp-arrow { width:15px; height:15px; flex-basis:15px; }
.cmp-sources p:last-child { font-size:12px; line-height:1.7; margin-top:12px; }
.cmp-final .cmp-split { align-items:center; }
.cmp-final-note { font-size:13px; margin-top:26px; font-weight:700; }
.cmp-final-action { max-width:500px; width:100%; justify-self:end; }
.cmp-button--large { width:100%; font-size:clamp(20px,2.2vw,30px); min-height:116px; padding:30px; border-radius:12px; box-shadow:7px 9px 0 rgba(23,39,31,.16); }
.cmp-final-action .cmp-text-link { margin-top:22px; }
.cmp-final-action p { font-size:13px; margin-top:8px; }
.comparison-page footer { padding:56px var(--cmp-gutter) 28px; }
.comparison-page .footer-nav { display:flex; flex-wrap:wrap; gap:8px 24px; margin-block:26px; }
.comparison-page .footer-nav a { font-size:13px; min-height:44px; display:inline-flex; align-items:center; }
.comparison-page .footer-links { flex-wrap:wrap; gap:16px; }
.comparison-page .footer-links a { overflow-wrap:anywhere; }
.comparison-page .footer-wordmark { margin-block:35px; }
@media(min-width:1800px) { .cmp-hero { padding-block:100px; } }
@media(max-width:1050px) { .cmp-hero-grid { gap:32px; } .cmp-hero h1 { font-size:clamp(42px,5vw,60px); } .cmp-hero-art img { aspect-ratio:1; } .cmp-choice { grid-template-columns:auto 1fr; padding:16px; } .cmp-choice .cmp-arrow { display:none; } .cmp-scenarios.is-enhanced .cmp-scenario { column-gap:32px; } .cmp-author-grid { gap:40px; } }
@media(max-width:800px) {
 .cmp-hero { padding-block:52px 44px; } .cmp-hero-grid,.cmp-split,.cmp-author-grid { grid-template-columns:1fr; gap:36px; }
 .cmp-hero h1 { font-size:clamp(43px,8vw,65px); max-width:16ch; } .cmp-hero .eyebrow { font-size:10px; } .cmp-hero-art img { aspect-ratio:1.5; object-fit:cover; }
 .cmp-hero-art { box-shadow:7px 8px 0 rgba(0,0,0,.12); } .cmp-lead { font-size:17px; max-width:54ch; }
 .cmp-toc .cmp-wrap { gap:8px 24px; } .cmp-toc span { width:100%; }
 .cmp-definitions { gap:26px; } .cmp-definitions h3 { font-size:21px; }
 .cmp-table th,.cmp-table td { padding:18px 16px; font-size:14px; }
 .cmp-choice { font-size:13px; gap:10px; min-height:110px; }
 .cmp-scenarios.is-enhanced .cmp-scenario { min-height:0; column-gap:32px; }
 .cmp-operation figure { order:2; } .cmp-operation figure img { aspect-ratio:1.5; }
 .cmp-cost-layout .cmp-copy { max-width:none; } .cmp-ledger { max-width:650px; }
 .cmp-google .cmp-split { gap:30px; } .cmp-final-action { justify-self:start; max-width:none; }
 .cmp-author-grid { gap:40px; } .cmp-sources { padding-top:28px; border-top:1px solid var(--line); }
}
@media(max-width:600px) {
 .comparison-page { font-size:16px; } .comparison-page h2 { font-size:36px; } .cmp-band { padding-block:65px; }
 .cmp-hero h1 { font-size:clamp(36px,9.8vw,55px); } .cmp-hero-grid { gap:34px; } .cmp-meta { font-size:11px; }
 .cmp-hero-art figcaption { padding:14px 16px; font-size:10px; gap:5px; } .cmp-toc { padding-block:18px; } .cmp-toc a { font-size:12px; }
 .cmp-definitions { grid-template-columns:1fr; margin-top:36px; padding-top:0; border-top:0; gap:26px; }
 .cmp-definitions > div { border-top:1px solid var(--line); padding-top:25px; } .cmp-definitions h3 { font-size:25px; margin-top:12px; }
 .cmp-statement { padding-block:56px; } .cmp-statement h2 { font-size:38px; } .cmp-statement p:last-child { font-size:15px; }
 .cmp-table,.cmp-table tbody,.cmp-table tr,.cmp-table th,.cmp-table td { display:block; width:100%; }
 .cmp-table { border:0; border-radius:0; margin-top:36px; overflow:visible; }
 .cmp-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
 .cmp-table tbody tr { border:1px solid var(--ink); border-radius:12px; overflow:hidden; margin-bottom:18px; }
 .cmp-table th:first-child { width:100%; } .cmp-table tbody th { background:var(--forest); color:var(--paper); padding:14px 18px; font-size:17px; border:0; }
 .cmp-table td { padding:17px 18px; font-size:15px; border:0; }
 .cmp-table td::before { content:attr(data-label); display:block; margin-bottom:6px; font:700 10px/1.5 var(--font-mono); text-transform:uppercase; letter-spacing:.06em; }
 .cmp-table td:nth-child(2) { border:0; background:rgba(242,196,93,.25); }
 .cmp-table-note { margin-top:8px; } .cmp-scenarios { margin-top:30px; }
 .cmp-scenarios.is-enhanced .cmp-choice-list { grid-template-columns:1fr; gap:10px; }
 .cmp-choice { min-height:66px; padding:16px 18px; font-size:14px; grid-template-columns:auto 1fr auto; }
 .cmp-choice .cmp-arrow { display:block; } .cmp-scenarios.is-enhanced .cmp-scenario { display:block; padding:26px 22px; }
 .cmp-scenario h3 { font-size:32px; } .cmp-scenario > p:nth-of-type(2) { margin-top:25px; }
 .cmp-scenario > p:not(.cmp-mini) { font-size:15px; } .cmp-recommendation { margin-top:26px; padding-top:22px; }
 .cmp-recommendation p { font-size:15px; } .cmp-middle-action { gap:14px; } .cmp-middle-action .cmp-button { width:100%; }
 .cmp-operation .cmp-copy { margin-top:24px; } .cmp-ledger-head { padding:18px 20px; font-size:10px; } .cmp-ledger-body { padding:26px 22px; }
 .cmp-checklist li { gap:18px; } .cmp-checklist h3 { font-size:22px; } .cmp-checklist p { font-size:15px; }
 .cmp-google { padding-block:62px; } .cmp-faq summary { font-size:17px; } .cmp-faq details p { font-size:15px; }
 .cmp-author { grid-template-columns:70px minmax(0,1fr); gap:18px; } .cmp-author img { width:70px; height:88px; }
 .cmp-author h3 { font-size:21px; } .cmp-author-band { padding-block:42px; } .cmp-mini { font-size:10px; }
 .cmp-button--large { font-size:22px; min-height:90px; padding:24px; } .comparison-page .footer-links { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .cmp-button { transition:none; } .cmp-button:hover { transform:none; } }
@media print { .cmp-toc,.cmp-choice-list,.cmp-middle-action,.cmp-final,.cmp-skip { display:none !important; } .cmp-scenario[hidden],.cmp-scenarios.is-enhanced .cmp-scenario[hidden] { display:block !important; } .cmp-scenarios.is-enhanced .cmp-scenario { display:block; min-height:0; } .cmp-wrap { width:100%; } .cmp-band { padding-block:25px; } .cmp-hero { padding-block:25px; } .comparison-page { font-size:11pt; } }