/* Bereichsseiten Layout v3 (2026-10-28): Über uns, Selber machen, Verstehen & Reparieren
 * im Kartensystem von Tipps & Tricks (vehicle-page.css + area-tipps-v1.css).
 * Wird nur geladen, wenn templates/area-v3/<slug>.php existiert. Ohne diese Datei gilt wieder area-pages.css. */
body.ks-area-selber-machen.ast-narrow-container .site-content > .ast-container,
body.ks-area-ueber-uns.ast-narrow-container .site-content > .ast-container,
body.ks-area-verstehen-reparieren.ast-narrow-container .site-content > .ast-container{max-width:1290px}
.ks-area-page.ks-selber-machen,.ks-area-page.ks-ueber-uns,.ks-area-page.ks-verstehen-reparieren{background:transparent}
.ks-v3 img{max-width:100%}
.ks-v3 .ks-fahrzeug__card h2::before{content:none}
.ks-v3 .ks-fahrzeug__card{--ks-card-accent:var(--ast-global-color-0,#046bd2)}
.ks-v3 .ks-fahrzeug__hero img{max-width:none}
.ks-v3-hero__gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 30%,rgba(200,121,47,.55) 0%,rgba(120,72,34,.35) 28%,rgba(0,0,0,0) 60%),linear-gradient(120deg,#16233f 0%,#2a2a2e 55%,#4a3524 100%)}
.ks-area-page.ks-verstehen-reparieren .ks-fahrzeug__hero img{object-position:50% 30%}
.ks-v3-hero picture{display:contents}
.ks-area-page.ks-ueber-uns .ks-fahrzeug__hero img{object-position:50% 50%}
.ks-v3 .ks-intro--solo{grid-template-columns:1fr}
.ks-v3 .ks-v3-badge img{width:180px;height:180px;object-fit:contain;display:block}
.ks-v3 p.lead strong,.ks-v3 p.hl strong{color:var(--ast-global-color-2,#1e293b)}
.ks-v3 h2.ks-v3-big{text-align:center;font-size:1.75rem;line-height:1.25;margin:2.75rem 0 1.5rem;color:var(--ast-global-color-2,#1e293b)}
.ks-v3-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:2rem;align-items:start;margin:0 0 2rem}
.ks-v3-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.ks-v3-sec h2,.ks-v3-sec h3,.ks-v3-pair h2,.ks-v3-reco h2{font-size:1.5rem;line-height:1.3;margin:0 0 .9rem;color:var(--ast-global-color-2,#1e293b)}
.ks-v3-sec p,.ks-v3-pair p,.ks-v3-reco p{margin:0 0 .75rem}
.ks-v3-pair{margin:0 0 2rem}
.ks-v3-pair p:last-child,.ks-v3-sec>div>p:last-child{margin-bottom:0}
.ks-v3-tip{display:flex;align-items:center;gap:1rem;margin:1.25rem 0 0;padding:.9rem 1.1rem;background:var(--ast-global-color-5,#f0f5fa);border:1px solid #dbe3ee;border-left:4px solid var(--ast-global-color-0,#046bd2);border-radius:6px}
.ks-v3-tip img{flex:none;width:72px;height:72px;object-fit:contain}
.ks-v3-tip .lbl{display:block;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
.ks-v3-tip .q{display:block;margin-top:.15rem;color:var(--ast-global-color-2,#1e293b);font-weight:600;line-height:1.45}
.ks-v3-reco{display:flex;align-items:flex-start;gap:1.75rem;margin:0 0 2rem}
.ks-v3-reco>img{flex:none;width:140px;height:140px;object-fit:contain}
.ks-v3-reco p.amz{font-size:.875rem;color:#64748b;margin:.4rem 0 0}
.ks-v3-cta{margin:2.75rem 0 0;padding:2.5rem 2rem;background:var(--ast-global-color-5,#f0f5fa);text-align:center}
.ks-v3-cta__inner{max-width:46rem;margin:0 auto}
.ks-v3 .ks-v3-cta h2{justify-content:center;font-size:1.75rem;margin:0 0 1rem}
.ks-v3-cta p{margin:0 0 .75rem}
.ks-v3-cta p.final{font-size:1.25rem;line-height:1.45;margin:1.25rem 0 0;color:var(--ast-global-color-2,#1e293b)}
.ks-v3 a.ks-v3-btn,.ks-v3 a.ks-v3-btn:visited{display:inline-block;margin:1rem 0 0;padding:.8rem 1.6rem;background:var(--ast-global-color-0,#046bd2);color:#fff;border-radius:6px;font-weight:700;text-decoration:none}
.ks-v3 a.ks-v3-btn:hover,.ks-v3 a.ks-v3-btn:focus{background:var(--ast-global-color-1,#045cb4);color:#fff;text-decoration:none}
.ks-v3-claim{margin:1.25rem 0 0;font-weight:600;font-style:italic;color:#64748b}
@media (max-width:782px){
 .ks-v3 h2.ks-v3-big{font-size:1.5rem;margin:2rem 0 1.25rem}
 .ks-v3 .ks-intro .ks-v3-badge{order:-1}
 .ks-v3 .ks-v3-badge img{width:120px;height:120px;margin:0 auto}
 .ks-v3-sec{grid-template-columns:1fr;gap:1rem;margin-bottom:1.25rem}
 .ks-v3-media img{aspect-ratio:16/10}
 .ks-v3-sec h2,.ks-v3-sec h3,.ks-v3-pair h2,.ks-v3-reco h2{font-size:1.3rem}
 .ks-v3-pair{margin-bottom:1.25rem}
 .ks-v3-tip{padding:.75rem .9rem;gap:.75rem}
 .ks-v3-tip img{width:56px;height:56px}
 .ks-v3-reco{flex-direction:column;gap:.75rem;margin-bottom:1.25rem}
 .ks-v3-reco>img{width:100px;height:100px}
 .ks-v3-cta{margin-top:2rem;padding:1.75rem 1.25rem}
 .ks-v3 .ks-v3-cta h2{font-size:1.6rem}
 .ks-v3-cta p.final{font-size:1.125rem}
 .ks-v3 a.ks-v3-btn{display:block}
}