/* Gemeinsame responsive Korrekturen fuer Ratgeber und Sichtbarkeits-Check. */
:root { --content-gutter:clamp(20px,4vw,64px); }
:is(.check-site,.guide-page) .site-nav { padding-inline:max(var(--content-gutter),calc((100% - 1240px)/2)); gap:24px; }
:is(.check-site,.guide-page) .brand { white-space:nowrap; font-size:17px; }
:is(.check-site,.guide-page) .brand-mark { flex-shrink:0; }
:is(.check-site,.guide-page) .site-nav nav { gap:24px; }
:is(.check-site,.guide-page) .site-nav a { min-height:44px; display:inline-flex; align-items:center; }
:is(.check-site,.guide-page) .nav-cta { white-space:nowrap; }
:is(.check-site,.guide-page) footer { padding-inline:max(var(--content-gutter),calc((100% - 1240px)/2)); }
:is(.check-site,.guide-page) .footer-links { font-size:14px; }
:is(.check-site,.guide-page) .footer-links a { overflow-wrap:anywhere; }
:is(.check-site,.guide-page) :is(a,button,input,summary):focus-visible { outline:3px solid currentColor; outline-offset:5px; }
:is(.check-site,.guide-page) section[id] { scroll-margin-top:90px; }
.check-page .section,.guide-page .g,.guide-page .toc { padding-inline:max(var(--content-gutter),calc((100% - 1240px)/2)); }
.check-page :is(h1,h2),.guide-page .g h2 { font-size:clamp(34px,4.4vw,62px); overflow-wrap:break-word; }
.check-page .check-intro { gap:54px; align-items:center; }
.check-page .check-intro .url-check { min-width:0; min-height:0; margin-top:0; padding:32px; }
.check-page .check-hero-copy .doodle-arrow { position:static; margin:20px 0 0; width:100px; }
.check-page .input-row { grid-template-columns:minmax(0,1fr); }
.check-page .input-row button { min-height:52px; }
.check-page .check-intro h1 { max-width:14ch; }
.guide-page .hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:60px; align-items:center; min-height:0; padding:88px max(var(--content-gutter),calc((100% - 1240px)/2)); }
.guide-page .hero picture { display:block; grid-column:2; grid-row:1; }
.guide-page .hero-img { position:static; height:auto; object-fit:contain; border-radius:16px; }
.guide-page .hero-shade { display:none; }
.guide-page .hero-copy { grid-column:1; grid-row:1; width:auto; min-height:0; padding:0; }
.guide-page .hero h1 { font-size:clamp(36px,4.2vw,62px); max-width:none; }
.guide-page .hero-sub { max-width:48ch; }
.guide-page .g-steps-art img { height:auto; object-fit:contain; }
@media (max-width:1100px) {
 :is(.check-site,.guide-page) .site-nav { grid-template-columns:1fr auto auto; height:72px; gap:16px; }
 :is(.check-site,.guide-page) .nav-toggle { display:grid; }
 :is(.check-site,.guide-page) .site-nav nav { display:none; position:absolute; top:100%; left:0; right:0; padding:20px var(--content-gutter); background:var(--paper); border-bottom:1px solid var(--line); flex-direction:column; gap:4px; }
 :is(.check-site,.guide-page) .site-nav.open nav { display:flex; }
 .guide-page .hero { gap:32px; }
}
@media (max-width:900px) {
 .check-page .check-intro { grid-template-columns:minmax(0,1fr); gap:32px; padding-block:56px 72px; }
 .check-page .check-intro h1 { max-width:19ch; }
 .check-page .check-intro .url-check { margin-top:0; padding:24px; }
 .check-page .check-hero-copy .doodle-arrow { display:none; }
 .check-page .check-final { grid-template-columns:minmax(0,1fr); }
 .guide-page .g-final { gap:32px; }
}
@media (max-width:700px) {
 :is(.check-site,.guide-page) .site-nav { grid-template-columns:1fr auto; height:68px; }
 :is(.check-site,.guide-page) .site-nav .nav-cta { display:none; }
 :is(.check-site,.guide-page) .brand span:last-child { display:inline; }
 .guide-page .hero { grid-template-columns:minmax(0,1fr); padding-block:56px 64px; gap:36px; }
 .guide-page .hero picture { grid-column:1; grid-row:2; }
 .guide-page .hero-copy { grid-column:1; grid-row:1; }
 .guide-page .hero-img { height:auto; }
 .guide-page .hero h1 { font-size:clamp(36px,9vw,48px); }
 .guide-page .hero .eyebrow { font-size:11px; }
 .guide-page .g-final-art { justify-self:start; width:120px; order:-1; }
 .guide-page .g-final .final-action { padding:22px; }
 .check-page .check-final .spot { margin:0; width:120px; }
 .check-page .final-action { padding:22px; white-space:normal; }
 .guide-page .tbl th,.guide-page .tbl td { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); overflow-wrap:anywhere; }
}
/* Grid-Kinder duerfen auch unter 360 px unter ihre Text-Mindestbreite schrumpfen. */
.guide-page :is(.split,.offset,.split-sticky,.g-steps-grid) > * { min-width:0; }
.guide-page .diag, .guide-page .diag li { min-width:0; overflow-wrap:anywhere; }

/* Ratgeber: Vergleich gemeinsam lesen, Schritte nutzen die ganze Inhaltsbreite. */
.guide-page .g { padding-block:96px; }
.guide-page .g :is(h2,h3) { text-wrap:balance; }
.guide-page .guide-definition-head { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:80px; align-items:center; }
.guide-page .guide-definition-head h2 { max-width:22ch; }
.guide-page .guide-definition-head .lead { max-width:56ch; }
.guide-page .definition-art { width:220px; height:220px; object-fit:contain; justify-self:center; }
.guide-page .guide-comparison { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:none; margin-top:55px; gap:32px; }
.guide-page .guide-comparison .jb { padding:32px; box-shadow:none; }
.guide-page .guide-comparison .jb-tag { position:static; display:inline-block; max-width:100%; margin-bottom:18px; line-height:1.5; }
.guide-page .guide-comparison .jb-title { font:800 27px/1.15 var(--font-display); margin-bottom:14px; }
.guide-page .guide-comparison .jb--ziel { background:var(--forest); color:var(--paper); border-color:var(--forest); }
.guide-page .guide-comparison .jb--ziel .jb-title,.guide-page .guide-comparison .jb--ziel .jb-meta { color:var(--paper); }
.guide-page .guide-comparison .jb--ziel .jb-tag,.guide-page .guide-comparison .jb--ziel .jb-btn { background:var(--butter); color:var(--ink); }
.guide-page .guide-comparison .jb-btn { display:flex; justify-content:space-between; gap:16px; padding:13px 16px; border-radius:6px; line-height:1.5; }
.guide-page .jb-explanation { font-size:14px; margin-top:20px; }
.guide-page #was-ist .jobbox-note { max-width:80ch; margin-top:28px; font-size:15px; }
.guide-page .g-steps-grid { display:block; }
.guide-page .g-steps-head { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:80px; align-items:center; padding-bottom:60px; }
.guide-page .g-steps-head h2 { max-width:20ch; }
.guide-page .g-steps-head .lamps { margin:30px 0 0; }
.guide-page .guide-step-illustration { margin:0; }
.guide-page .guide-step-illustration img { width:100%; height:auto; border-radius:12px; }
.guide-page .g-step.card--plain { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:60px; align-items:start; padding:40px 0; margin:0; border-top:1px solid var(--line); }
.guide-page .g-step-heading { display:grid; grid-template-columns:36px minmax(0,1fr); gap:16px; align-items:baseline; }
.guide-page .g-step-heading b { font-size:38px; }
.guide-page .g-step-heading h3 { font-size:clamp(26px,2.6vw,36px); line-height:1.12; }
.guide-page .g-step-body { min-width:0; }
.guide-page .g-step-body > p:first-child { margin-top:0; }
.guide-page .g-step .dauer { max-width:100%; line-height:1.5; border-radius:6px; }
.guide-page .req > div { min-width:0; padding:20px; }
.guide-page .req li { overflow-wrap:break-word; hyphens:auto; }
@media (max-width:1000px) {
 .guide-page .guide-definition-head { grid-template-columns:minmax(0,1fr) 180px; gap:35px; }
 .guide-page .definition-art { width:170px; height:170px; }
 .guide-page .g-steps-head { grid-template-columns:minmax(0,1fr) 190px; gap:35px; }
 .guide-page .g-step.card--plain { grid-template-columns:minmax(0,1fr); gap:20px; }
 .guide-page .g-step-body { max-width:76ch; padding-left:52px; }
}
@media (max-width:700px) {
 .guide-page .g { padding-block:72px; }
 .guide-page .guide-definition-head { grid-template-columns:minmax(0,1fr); gap:25px; }
 .guide-page .definition-art { width:130px; height:130px; justify-self:start; }
 .guide-page .guide-comparison { grid-template-columns:minmax(0,1fr); gap:22px; margin-top:30px; }
 .guide-page .guide-comparison .jb { padding:24px; }
 .guide-page .guide-comparison .jb-title { font-size:26px; }
 .guide-page .guide-comparison .jb-tag { font-size:10px; letter-spacing:.04em; }
 .guide-page .g-steps-head { grid-template-columns:minmax(0,1fr) 110px; gap:20px; padding-bottom:35px; }
 .guide-page .g-steps-head > div { grid-column:1 / -1; }
 .guide-page .guide-step-illustration { grid-column:1 / -1; width:150px; }
 .guide-page .g-step.card--plain { padding-block:30px; }
 .guide-page .g-step-heading { grid-template-columns:28px minmax(0,1fr); gap:12px; }
 .guide-page .g-step-heading b { font-size:30px; }
 .guide-page .g-step-heading h3 { font-size:27px; }
 .guide-page .g-step-body { padding-left:0; }
 .guide-page .g-step .dauer { font-size:10px; letter-spacing:.03em; }
}