/* Tipps & Tricks v1 (2026-10-28): Übersicht + Tipp-Seiten. Wird nur auf /tipps-tricks/ geladen. */

.ks-area-v2{max-width:1240px;margin:0 auto;font-size:1.125rem;line-height:1.65;color:var(--ast-global-color-3,#334155)}
.ks-area-v2 .ks-breadcrumb{font-size:.9375rem;margin:0 0 .9rem}
.ks-area-v2 .ks-fahrzeug__hero{aspect-ratio:3/1}
.ks-area-v2 .ks-fahrzeug__hero img{object-position:50% 60%}
.ks-intro{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:2rem;align-items:center;margin:0 0 2.5rem}
.ks-intro h2::before{content:none!important}
.ks-intro p{margin:0 0 .75rem}.ks-intro p:last-child{margin:0}
.ks-intro img{width:180px;height:180px;object-fit:contain;display:block}
.ks-area-v2 .ks-tips>h2{text-align:center;font-size:1.75rem;line-height:1.25;margin:0 0 1.25rem;color:var(--ast-global-color-2,#1e293b)}
.ks-area-v2 .ks-topic-tile__title{white-space:nowrap}
.ks-area-v2 .ks-topic-tile__body{min-height:5rem}
/* Erklärseite */
.ks-tip-head{display:flex;align-items:center;gap:1.5rem;margin:0 0 2rem;padding:1.5rem 2rem;background:var(--ast-global-color-4,#fff);border:1px solid var(--ast-global-color-7,#d1d5db);border-radius:10px;box-shadow:0 10px 30px -10px rgba(16,24,40,.18)}
.ks-tip-head__icon{flex:none;display:grid;place-items:center;width:7rem;height:7rem;border-radius:8px;background:var(--ast-global-color-5,#f0f5fa);border:1px solid #e5e7eb}
.ks-tip-head__icon svg{width:4.5rem;height:4.5rem}
.ks-tip-head__kicker{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0}
.ks-tip-head h1{margin:.1rem 0 .4rem;font-size:2.5rem;line-height:1.15;color:var(--ast-global-color-2,#1e293b)}
.ks-tip-head p.ks-lead{margin:0;max-width:52rem}
.ks-step{margin:0 0 2rem}
.ks-step ul{margin:0;padding-left:1.25em}.ks-step li+li{margin-top:.45em}
.ks-step--1{--ks-card-accent:#dc2626;--ks-card-icon:"1"}
.ks-step--2{--ks-card-accent:#b45309;--ks-card-icon:"2"}
.ks-step--3{--ks-card-accent:#16a34a;--ks-card-icon:"3"}
.ks-step--hint{--ks-card-accent:var(--ast-global-color-0,#046bd2);--ks-card-icon:"?"}
.ks-pair2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin:0 0 2rem;align-items:stretch}
.ks-pair2 .ks-step{margin:0}
.ks-cta{display:inline-block;margin-top:.9rem;font-weight:600;color:var(--ast-global-color-0,#046bd2);text-decoration:none}
.ks-more{margin:3rem 0 1rem}
.ks-back{display:block;text-align:center;margin:2rem 0 0;font-weight:600;text-decoration:none}
@media (max-width:921px){.ks-area-v2 .ks-topic-tiles{--ks-topic-cols:2;--ks-topic-gap:1rem}}
@media (max-width:782px){
 .ks-area-v2{font-size:1rem}
 .ks-area-v2 .ks-fahrzeug__hero{aspect-ratio:4/3}
 .ks-intro{grid-template-columns:1fr;gap:1rem;text-align:left}
 .ks-intro img{width:120px;height:120px;margin:0 auto;order:-1}
 .ks-area-v2 .ks-tips>h2{font-size:1.5rem}
 .ks-area-v2 .ks-topic-tile__icon{height:5.5rem}.ks-area-v2 .ks-topic-tile__icon svg{width:3.5rem;height:3.5rem}
 .ks-area-v2 .ks-topic-tile__body{min-height:5.6rem;padding:.6rem .7rem .7rem}
 .ks-area-v2 .ks-topic-tile__body{justify-content:flex-start}
 .ks-area-v2 .ks-topic-tile__title{white-space:normal;font-size:.9375rem;min-height:2.6em;display:flex;align-items:flex-end}
 .ks-area-v2 .ks-topic-tile__meta{font-size:.75rem;min-height:2.8em}
 .ks-tip-head{flex-direction:column;text-align:center;padding:1.25rem;gap:.9rem}
 .ks-tip-head__icon{width:5.5rem;height:5.5rem}.ks-tip-head__icon svg{width:3.5rem;height:3.5rem}
 .ks-tip-head h1{font-size:1.75rem}
 .ks-pair2{grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.25rem}
 .ks-step{margin-bottom:1.25rem}
 .ks-fahrzeug__card{padding:1.35rem 1.25rem}.ks-fahrzeug__card h2{font-size:1.4rem}
}


.ks-tip-head{display:block;padding:0;overflow:hidden}
.ks-tip-head__text{padding:1.4rem 2rem 1.6rem}
.ks-aff{margin:.9rem 0 0;padding:.7rem .9rem;background:var(--ast-global-color-5,#f0f5fa);border-radius:8px;font-size:.9375rem}
@media (max-width:782px){.ks-tip-head{text-align:left}.ks-tip-head__text{padding:1rem 1.1rem 1.2rem}}
.ks-area-page.ks-tipps-tricks{background:transparent}
body.ks-area-tipps-tricks.ast-narrow-container .site-content > .ast-container{max-width:1290px}
.ks-tipps-v1{padding:1.75rem 1.5rem 3rem}
.ks-tipps-v1 .ks-tip-hero{display:block;margin:0;border-bottom:1px solid #d1d5db;background:#e5e7eb}
.ks-tipps-v1 .ks-tip-hero img{display:block;width:100%;height:auto;aspect-ratio:7/3;object-fit:cover}
.ks-tipps-v1 .ks-aff a{font-weight:600}
@media (max-width:782px){.ks-tipps-v1{padding:1rem .75rem 2rem}.ks-tipps-v1 .ks-tip-hero img{aspect-ratio:16/9}}