/* Powertune – Designentwurf v3 · Unterseiten: Leistungen, Qualität, Karriere, Stellen, News, Wissen, AWG, Kontakt, Downloads, Rechtliches, 404 */

/* Kompakter Seiteneinstieg */
.p-hero{position:relative;overflow:hidden;padding:calc(var(--hdr) + 64px) 0 84px;background:radial-gradient(80% 90% at 80% 20%,var(--bg-2),var(--bg) 65%);color:var(--text)}
.p-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(ellipse 60% 80% at 80% 30%,#000 5%,transparent 70%);mask-image:radial-gradient(ellipse 60% 80% at 80% 30%,#000 5%,transparent 70%)}
.p-hero .wrap{position:relative}
.p-hero .h1{max-width:18ch;margin-top:20px;font-size:clamp(40px,5.2vw,80px)}
.p-hero .lead{max-width:42em}
.p-hero .chips{margin-top:28px}
.p-hero .chip{border-color:var(--line-2)}
.p-hero .hero-actions,.nf .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.d-ico-tile{width:64px;height:64px;margin-bottom:26px;border-radius:18px}
.d-ico-tile img{width:34px;height:34px}
.ico-tile svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.stack-top{margin-top:52px}

/* Karten, Raster, Chips, Hinweise */
.grid-2,.grid-3,.grid-4{display:grid;gap:12px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--card-line);border-radius:var(--r-lg);background:var(--card);color:var(--fg);text-decoration:none}
.card p{margin:0;font-size:15.5px;line-height:1.65;color:var(--fg-2)}
.card .ico-tile{margin-bottom:8px}
a.card{transition:border-color .3s,transform .5s var(--ease)}
a.card:hover{border-color:var(--line-2);transform:translateY(-3px)}
.card .link{align-self:flex-start;margin-top:auto}
.num{margin:0;font:500 11.5px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.chip{padding:8px 13px;border:1px solid var(--card-line);border-radius:999px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2)}
.tag-idea{padding:3px 8px 2px;border:1px dashed currentColor;border-radius:999px}
.note-box{display:flex;gap:14px;align-items:flex-start;margin-top:28px;padding:18px 20px;border:1px dashed var(--line-2);border-radius:18px;font-size:15px;line-height:1.55;color:var(--fg-2)}
.bg-white .note-box{border-color:rgba(10,12,14,.22)}
.note-box::before{content:"i";display:grid;flex:none;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font:600 12px/1 var(--mono)}
.note-box strong,.note-box a{color:var(--fg)}

/* FAQ mit Absätzen und Listen */
.faq .ans{padding:0 24px 24px}
.faq .ans p{max-width:70ch;margin:0 0 14px;padding:0}
.faq .ans p:last-child{margin-bottom:0}
.faq .ans ul{display:grid;gap:6px;margin:0 0 16px;padding-left:20px;color:var(--fg-2)}
.faq .ans li{font-size:15.5px;line-height:1.55}
.faq .ans strong{font-weight:600;color:var(--fg)}

/* Karriere */
.car-hero .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:end}
.car-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.car-facts > div{display:flex;flex-direction:column-reverse;gap:10px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.03)}
.car-facts dt{font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.car-facts dd{margin:0;font:560 clamp(24px,2.3vw,34px)/1 var(--display);font-variation-settings:"wdth" 116;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.perks{display:flex;flex-wrap:wrap;gap:10px;margin:44px 0 0;padding:0;list-style:none}
.perks li{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid var(--card-line);border-radius:14px;background:var(--card);font:500 15px/1.2 var(--display)}
.perks li::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--fg)}
.jobs-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}

/* Stellenanzeige */
.job-h1{max-width:22ch;font-size:clamp(34px,4.3vw,66px)}
.job-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:64px;align-items:start}
.job-sec{padding:34px 0;border-top:1px solid var(--card-line)}
.job-sec:first-child{padding-top:0;border-top:0}
.job-sec .h3{margin-bottom:16px;font-size:clamp(22px,1.9vw,28px);letter-spacing:-.025em}
.job-sec p{max-width:66ch;margin:0 0 16px;font-size:17px;line-height:1.72;color:var(--fg-2)}
.job-sec p:last-child{margin-bottom:0}
.job-intro p:first-child{font:500 clamp(19px,1.6vw,23px)/1.55 var(--display);font-variation-settings:"wdth" 104;color:var(--fg)}
.bullets{display:grid;gap:10px;margin:4px 0 18px;padding:0;list-style:none}
.bullets:last-child{margin-bottom:0}
.bullets li{display:grid;grid-template-columns:22px 1fr;font-size:16.5px;line-height:1.55;color:var(--fg)}
.bullets li::before{content:"";width:7px;height:7px;margin-top:.62em;border-radius:2px;background:var(--fg)}
.bullets.two{grid-template-columns:1fr 1fr;column-gap:28px}
.apply-card{--fg:var(--text);--fg-2:var(--text-2);--fg-3:var(--text-3);--card-line:var(--line);position:sticky;top:112px;display:grid;gap:18px;padding:28px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--text)}
.apply-card dl{display:grid;gap:14px;margin:0}
.apply-card dt{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.apply-card dd{margin:6px 0 0;font-size:16px;line-height:1.45}
.apply-card dd a{text-decoration:none}
.apply-card .btn{width:100%}
.apply-card .hint{margin:0;font-size:13px;line-height:1.5;color:var(--text-3)}
.apply-card .hint a{color:var(--text-2)}

/* Fließtext & Artikel */
.prose{max-width:72ch}
.prose > p:first-child{font:400 clamp(19px,1.6vw,23px)/1.6 var(--display);letter-spacing:-.01em;color:var(--fg)}
.prose h2{margin:52px 0 14px;font:500 clamp(24px,2.3vw,32px)/1.18 var(--display);letter-spacing:-.03em;text-wrap:balance}
.prose h3{margin:36px 0 10px;font:560 19px/1.3 var(--display)}
.prose p{margin:0 0 18px;font-size:17.5px;line-height:1.78;color:var(--fg-2)}
.prose ul{margin:0 0 20px;padding-left:20px;color:var(--fg-2)}
.prose li{margin:6px 0;font-size:17px;line-height:1.65}
.prose figure{margin:36px 0;padding:8px;border:1px solid var(--card-line);border-radius:var(--r-lg);background:var(--card)}
.prose figure img{width:100%;border-radius:18px}
.prose figcaption{padding:12px 10px 6px;font:500 12px/1.5 var(--mono);letter-spacing:.06em;color:var(--fg-3)}
.art-hero .meta{margin-bottom:6px;color:var(--text-3)}
.art-h1{max-width:20ch;font-size:clamp(36px,4.6vw,72px)}
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:72px;align-items:start}
.art-aside{position:sticky;top:112px;display:grid;gap:12px}
.art-aside .btn{width:100%}
.art-note{margin:0;font-size:13px;line-height:1.55;color:var(--fg-3)}
.spec-card{padding:24px;border:1px solid var(--card-line);border-radius:var(--r-lg);background:var(--card)}
.spec-table{width:100%;margin:14px 0 0;border-collapse:collapse;font-variant-numeric:tabular-nums}
.spec-table th,.spec-table td{padding:12px 0;border-bottom:1px solid var(--card-line);text-align:left;vertical-align:top;font-size:15px;line-height:1.45}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}
.spec-table th{width:46%;padding-right:14px;font:500 11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.art-fig .svgbox{overflow:hidden;border-radius:18px;background:radial-gradient(90% 90% at 50% 45%,#17181B,#0A0B0C)}
.art-fig svg{width:100%;height:auto}
.art-svg-t{font:500 10px var(--mono);letter-spacing:.14em;fill:rgba(255,255,255,.45)}
.art-rotor{transform-box:fill-box;transform-origin:center;animation:artspin 3.2s var(--ease) infinite}
@keyframes artspin{0%{transform:rotate(0) scale(1.3)}35%{transform:rotate(250deg) scale(.94)}70%{transform:rotate(470deg) scale(.94)}100%{transform:rotate(720deg) scale(1.3)}}
.art-slug{animation:artpull 3.2s var(--ease) infinite}
@keyframes artpull{0%,10%{transform:translateX(0);opacity:0}16%,60%{transform:translateX(0);opacity:1}90%,100%{transform:translateX(70px);opacity:0}}
.art-tags{margin-top:40px}

/* News-Übersicht */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.filters button{height:40px;padding:0 16px;border:1px solid var(--line-2);border-radius:999px;background:rgba(255,255,255,.04);font:500 13.5px/1 var(--display);color:var(--text-2);cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.filters button:hover{color:var(--text)}
.filters button[aria-pressed="true"]{border-color:#fff;background:#fff;color:#000}
.news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.news-list > [hidden]{display:none}
.news-feat{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}
.news-feat .news-img{aspect-ratio:auto;min-height:360px;margin:8px}
.news-feat .news-body{align-content:center;padding:36px 40px}
.news-feat .h3{font-size:clamp(26px,2.6vw,40px);line-height:1.1;letter-spacing:-.03em}
.news-card .link{justify-self:start}

/* Qualität: Prüfkette */
.q-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:52px 0 0;padding:0;list-style:none;counter-reset:q}
.q-steps li{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--card-line);border-radius:var(--r-lg);background:var(--card)}
.q-steps li::before{counter-increment:q;content:"0" counter(q);font:500 12px/1 var(--mono);letter-spacing:.14em;color:var(--fg-3)}
.q-steps strong{font:560 19px/1.25 var(--display);font-variation-settings:"wdth" 106;letter-spacing:-.01em}
.q-steps p{margin:0;font-size:15px;line-height:1.6;color:var(--fg-2)}

/* Qualität: Prüftisch */
.bench{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:52px}
.bench-fig{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--bg-2)}
.bench-fig svg{width:100%;height:auto}
.bench-fig figcaption,.cfa-fig figcaption{padding:14px 22px;border-top:1px solid var(--line);font:500 10.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.bw{fill:none;stroke-width:3.4;stroke-linecap:round;opacity:.26;transition:opacity .35s}
.bw.ok{opacity:.9}
.bw.run{opacity:1;stroke-width:5;stroke-dasharray:10 12;animation:bdash .45s linear infinite;filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}
@keyframes bdash{to{stroke-dashoffset:-22}}
.bconn{fill:var(--surface-2);stroke:var(--line-2);stroke-width:1.2}
.bp{fill:var(--text-3);transition:fill .3s}
.bp.ok{fill:var(--ok)}
.bl{font:500 11px var(--mono);letter-spacing:.12em;fill:var(--text-3)}
.bn{font:500 11px var(--mono);fill:var(--text-3)}
.bench-log{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface)}
.bench-log header{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line);font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}
.bench-sub{margin:12px 0 4px;font:500 10.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.bench-log ol{margin:0;padding:0;list-style:none;font:500 13px/1 var(--mono);letter-spacing:.04em}
.bench-log li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);color:var(--text-2);transition:color .3s}
.bench-log li span:first-child{color:var(--text-3)}
.bench-log li b{font-weight:500;color:var(--text-3)}
.bench-log li.ok b{color:var(--ok)}
.bench-log li.run,.bench-log li.run b{color:#fff}
.bench-stamp{display:flex;align-items:center;gap:10px;margin:16px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;font:500 12px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);transition:color .4s,border-color .4s,background-color .4s}
.bench-stamp::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.bench-stamp.on{color:var(--ok);border-color:rgba(98,213,150,.4);background:rgba(98,213,150,.07)}

/* Qualität: Kraftkurve */
.cfa{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:52px}
.cfa-fig{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface)}
.cfa-fig svg{width:100%;height:auto;padding:18px 18px 6px}
.cfa-cards{display:grid;gap:12px}
.cfa-grid{fill:none;stroke:rgba(255,255,255,.05)}
.cfa-ax{fill:none;stroke:rgba(255,255,255,.28)}
.cfa-band{fill:none;stroke:rgba(255,255,255,.1);stroke-width:26;stroke-linecap:round;stroke-linejoin:round}
.cfa-ref{fill:none;stroke:rgba(255,255,255,.35);stroke-width:1.2;stroke-dasharray:4 5}
.cfa-live{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
html.js .cfa-live{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 2.2s var(--ease) .2s}
html.js .cfa-fig.in .cfa-live{stroke-dashoffset:0}
.cfa-peak{fill:#fff}
.cfa-t{font:500 10.5px var(--mono);letter-spacing:.12em;fill:var(--text-3)}
.cfa-ok{font:500 11px var(--mono);letter-spacing:.12em;fill:var(--ok)}

/* Qualität: Rückverfolgbarkeit */
.trace{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:56px 0 0;padding:0;list-style:none}
.trace::before{content:"";position:absolute;left:12.5%;right:12.5%;top:37px;height:1px;background:var(--line-2)}
.trace::after{content:"";position:absolute;top:34px;left:12.5%;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff;animation:trace 4.2s linear infinite}
@keyframes trace{from{left:12.5%}to{left:87.5%}}
.trace li{position:relative;display:grid;justify-items:center;gap:12px;text-align:center}
.trace .node{display:grid;place-items:center;width:74px;height:74px;border:1px solid var(--line-2);border-radius:22px;background:var(--surface)}
.trace .node svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.trace strong{font:560 18px/1.3 var(--display);font-variation-settings:"wdth" 106}
.trace p{max-width:26ch;margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}

/* Wissen */
.gloss{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:52px 0 0}
.gloss > div{padding:24px;border:1px solid var(--card-line);border-radius:var(--r-lg);background:var(--card)}
.gloss dt{font:560 18px/1.3 var(--display);font-variation-settings:"wdth" 106}
.gloss dt small{display:block;margin-top:6px;font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.gloss dd{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--fg-2)}
.check{display:grid;gap:9px;margin:4px 0 0;padding:0;list-style:none}
.check li{display:grid;grid-template-columns:24px 1fr;font-size:15px;line-height:1.5;color:var(--fg-2)}
.check li::before{content:"";width:12px;height:12px;margin-top:.3em;border:1.5px solid var(--fg-2);border-radius:4px}

/* AWG-Rechner & Tabelle */
.awg-tool{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:52px}
.awg-panel{display:grid;gap:22px;align-content:start;padding:28px;border:1px solid var(--card-line);border-radius:var(--r-xl);background:var(--card)}
.awg-panel label{display:grid;gap:10px;font:500 11px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.awg-in{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.awg-panel input[type=number]{width:132px;padding:12px 14px;border:1px solid var(--card-line);border-radius:14px;background:rgba(127,127,127,.07);color:var(--fg);font:560 26px/1 var(--display);font-variant-numeric:tabular-nums}
.awg-panel input[type=number]:focus{outline:none;border-color:var(--fg-2)}
.awg-range{flex:1;min-width:180px;accent-color:#fff}
.awg-read{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}
.awg-read > div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px;padding:16px;border:1px solid var(--card-line);border-radius:16px}
.awg-read dt{font:500 10.5px/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.awg-read dd{margin:0;font:560 22px/1.1 var(--display);font-variant-numeric:tabular-nums}
.awg-rev{display:grid;gap:12px;padding-top:22px;border-top:1px solid var(--card-line)}
.awg-rev output{font-size:16px;line-height:1.55;color:var(--fg-2)}
.awg-rev output b{font-weight:600;color:var(--fg)}
.awg-fig{display:flex;flex-direction:column;margin:0;padding:22px;border:1px solid var(--card-line);border-radius:var(--r-xl);background:radial-gradient(80% 80% at 50% 45%,var(--glow),transparent 70%),var(--card)}
.awg-fig svg{width:100%;height:auto}
.awg-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 0;padding:0;list-style:none;font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.awg-legend i{display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-2px;border-radius:50%}
.lg-cu{background:#C48450}
.lg-norm{border:1.5px dashed var(--fg-2)}
.awg-cu{fill:url(#cuGrad)}
.awg-norm{fill:none;stroke:var(--fg-2);stroke-width:1.5;stroke-dasharray:5 5}
.awg-bar{stroke:var(--fg);stroke-width:2}
.awg-t{font:500 11px var(--mono);letter-spacing:.08em;fill:var(--fg-2)}
.awg-wrap{overflow-x:auto;margin-top:44px;border:1px solid var(--card-line);border-radius:var(--r-lg);background:var(--card)}
table.awg{width:100%;min-width:600px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.awg th,.awg td{padding:12px 18px;border-bottom:1px solid var(--card-line);text-align:left;font-size:15.5px}
.awg thead th{background:var(--card-2);font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.awg tbody tr:last-child td{border-bottom:0}
.awg tbody tr{transition:background-color .3s}
.awg tbody tr:hover{background:rgba(127,127,127,.06)}
.awg td:first-child{font-family:var(--mono);font-weight:500}
.awg td.muted{color:var(--fg-3)}
.awg tr.hl{background:rgba(127,127,127,.14)}
.awg tr.hl td:first-child{box-shadow:inset 3px 0 0 var(--fg)}
.awg-info{margin:0;padding:8px;border:1px solid var(--card-line);border-radius:var(--r-lg);background:var(--card)}
.awg-info img{width:100%;border-radius:18px}

/* Kontakt */
.kt-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}
.kt-side{display:grid;gap:12px}
.kt-side .ct-card{margin-top:0}
.map-card{overflow:hidden;border:1px solid var(--card-line);border-radius:var(--r-lg);background:var(--card)}
.map-card svg{width:100%;height:auto;background:radial-gradient(70% 90% at 50% 50%,#15161A,#0A0B0C)}
.map-body{display:grid;gap:14px;padding:20px 22px 22px}
.map-body address{font-style:normal;font-size:15.5px;line-height:1.6;color:var(--fg-2)}
.map-actions{display:flex;flex-wrap:wrap;gap:10px}
.map-actions .btn{height:44px;padding:0 18px;font-size:13.5px}
.map-note{margin:0;font-size:13px;line-height:1.5;color:var(--fg-3)}
.map-ring{fill:none;stroke:rgba(255,255,255,.4);transform-box:fill-box;transform-origin:center;animation:ring 3s var(--ease) infinite}
.map-ring.r2{animation-delay:1.5s}
@keyframes ring{from{transform:scale(.15);opacity:1}to{transform:scale(1);opacity:0}}
.map-t{font:500 10.5px var(--mono);letter-spacing:.12em;fill:rgba(255,255,255,.5)}

/* Downloads */
.dl-group + .dl-group{margin-top:56px}
.dl-group > h2{margin:0 0 14px;font:500 11.5px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.dl-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.dl{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:16px 18px;border:1px solid var(--card-line);border-radius:18px;background:var(--card)}
.dl.is-missing{border-style:dashed}
.dl-type{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--card-line);border-radius:12px;font:500 10.5px/1 var(--mono);letter-spacing:.06em;color:var(--fg-2)}
.dl strong{display:block;font:560 17px/1.3 var(--display);font-variation-settings:"wdth" 104}
.dl small{display:block;margin-top:4px;font-size:14px;color:var(--fg-3)}
.dl .btn{height:42px;padding:0 16px;font-size:13.5px}

/* Rechtliches */
.legal{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;align-items:start}
.legal-nav{position:sticky;top:112px;display:grid;gap:4px}
.legal-nav a{padding:10px 14px;border-radius:12px;font-size:15px;color:var(--fg-2);text-decoration:none;transition:background-color .25s,color .25s}
.legal-nav a:hover,.legal-nav a.on{background:rgba(127,127,127,.12);color:var(--fg)}
.legal-sec{padding:0 0 64px;margin-bottom:64px;border-bottom:1px solid var(--card-line);scroll-margin-top:120px}
.legal-sec:last-child{margin-bottom:0;border-bottom:0}
.legal-sec h2{margin:0 0 24px;font:500 clamp(28px,3vw,44px)/1.1 var(--display);letter-spacing:-.035em}
.legal-sec h3{margin:34px 0 10px;font:560 18px/1.35 var(--display);font-variation-settings:"wdth" 106}
.legal-sec p,.legal-sec li{max-width:74ch;font-size:16px;line-height:1.72;color:var(--fg-2)}
.legal-sec p{margin:0 0 14px}
.legal-sec ul{margin:0 0 16px;padding-left:20px}
.legal-sec .stand{font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.legal dl.facts{display:grid;grid-template-columns:200px 1fr;gap:14px 24px;margin:0}
.legal dl.facts dt{font:500 11px/1.8 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.legal dl.facts dd{margin:0;font-size:17px;line-height:1.6}
.legal dl.facts a{text-decoration:none}

/* 404 */
.nf{position:relative;display:grid;place-items:center;min-height:92vh;padding:calc(var(--hdr) + 40px) 20px 90px;overflow:hidden;background:radial-gradient(70% 70% at 50% 45%,var(--bg-2),var(--bg) 70%);text-align:center}
.nf::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 45%,#000 5%,transparent 70%);mask-image:radial-gradient(ellipse 50% 50% at 50% 45%,#000 5%,transparent 70%)}
.nf > div{position:relative}
.nf-fig{width:min(560px,86vw);margin:0 auto 14px}
.nf-fig svg{width:100%;height:auto}
.nf-svg-t{font:500 12px var(--mono);letter-spacing:.08em;fill:rgba(255,255,255,.55)}
.nf-plug{animation:nfplug 3.4s var(--ease) infinite}
@keyframes nfplug{0%,100%{transform:translateX(0)}50%{transform:translateX(-16px)}}
.nf-spark{animation:nfblink 1.4s steps(1,end) infinite}
@keyframes nfblink{50%{opacity:.12}}
.nf-code{margin:0;font:500 12px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}
.nf-code b{font-weight:500;color:#E5484D}
.nf .h1{margin-top:18px;font-size:clamp(44px,6vw,92px)}
.nf .lead{margin-inline:auto}
.nf .hero-actions{justify-content:center}
.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:36px 0 0;padding:0;list-style:none}
.nf-links a{font-size:15px;color:var(--text-2);text-decoration:none}
.nf-links a:hover{color:var(--text)}

@media (max-width:1180px){
  .grid-3,.grid-4,.gloss{grid-template-columns:1fr 1fr}
  .car-hero .wrap,.jobs-wrap,.job-layout,.legal,.kt-grid,.art-grid,.bench,.cfa,.awg-tool{grid-template-columns:1fr;gap:36px}
  .apply-card,.art-aside{position:static}
  .legal-nav{position:static;display:flex;flex-wrap:wrap}
  .q-steps,.news-list{grid-template-columns:1fr 1fr}
  .news-feat{grid-template-columns:1fr}
  .news-feat .news-img{min-height:260px}
  .trace{grid-template-columns:1fr 1fr;row-gap:32px}
  .trace::before,.trace::after{display:none}
}
@media (max-width:720px){
  .grid-2,.grid-3,.grid-4,.gloss,.q-steps,.news-list,.bullets.two,.car-facts,.awg-read,.trace{grid-template-columns:1fr}
  .legal dl.facts{grid-template-columns:1fr;gap:4px 0}
  .legal dl.facts dd{margin-bottom:12px}
  .dl{grid-template-columns:auto 1fr}
  .dl .btn{grid-column:1/-1;justify-self:start}
  .news-feat .news-body{padding:24px}
  .bench-log,.awg-panel{padding:20px}
}
.map-frame{display:block;width:100%;aspect-ratio:600/260;border:0;background:#0A0B0D}
/* Wissensartikel: Inhaltsverzeichnis, Sprungziele, Teaser */
.art-toc ol{display:grid;gap:9px;margin:0;padding-left:18px;font-size:14.5px;line-height:1.45}
.art-toc a{color:var(--fg-2);text-decoration:none}
.art-toc a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}
.prose h2{scroll-margin-top:calc(var(--hdr) + 24px)}
.news-body > p:not(.meta){margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--fg-2)}
.hours{margin:16px 0 0;line-height:1.6}
/* Beiträge: Linkliste in der Seitenspalte */
.art-links ul{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}
.art-links a{color:var(--fg);text-decoration:none;font-size:15px;line-height:1.4;border-bottom:1px solid var(--line-2)}
.art-links a:hover{border-color:currentColor}
/* FAQ-Hub: Themen */
.faq .faq-cat{margin:26px 0 2px;font:500 11.5px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.faq .faq-cat:first-child{margin-top:0}
/* Glossar: Buchstabenleiste */
.gloss-az{display:flex;flex-wrap:wrap;gap:6px;margin:40px 0 0}
.gloss-az a,.gloss-az span{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid var(--card-line);border-radius:10px;font:500 12.5px/1 var(--mono);color:var(--fg)}
.gloss-az a{text-decoration:none;background:var(--card)}
.gloss-az a:hover,.gloss-az a:focus-visible{border-color:var(--fg)}
.gloss-az span{color:var(--fg-3);opacity:.45}
.gloss-az + .gloss{margin-top:20px}
.gloss > div{scroll-margin-top:120px}
.gloss dd a{color:var(--fg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* Projektablauf: sechs Schritte */
.q-steps.q6{grid-template-columns:repeat(3,1fr)}
.q-steps .link{margin-top:auto;align-self:flex-start}
@media (max-width:1180px){.q-steps.q6{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.q-steps.q6{grid-template-columns:1fr}}