/* AUTOVERWERTUNG · Designsystem 2026, optische Vereinheitlichung */
:root{--av-yellow:#fabb02;--av-page-bg:#f4f5f6;--av-ink:#111318;--av-muted:#5d636a;--av-radius:18px}
html{scroll-padding-top:100px}
body{background:#f4f5f6;color:var(--av-ink)}
h1,h2,h3,h4,h5,h6{font-style:normal!important;transform:none;letter-spacing:-.025em;line-height:1.14;text-wrap:balance}
h2{font-size:clamp(27px,3.15vw,44px)}h3{font-size:clamp(20px,2vw,27px)}
/* Header und mobile Navigation */
.av-header-inner{border-radius:16px;box-shadow:0 12px 34px rgba(12,14,17,.15)}
.av-main-nav>a,.av-header-city-name{letter-spacing:0}
.av-header .av-nav-cta,.av-header button[data-av-phone-open]{border-radius:10px}
/* Hero: die bestätigte dunkle Komposition behalten, mit klarerer Hierarchie */
.av-hero .av-hero-box.av-hero-redesign{border-radius:22px;background:radial-gradient(ellipse at 80% 50%,#303238 0%,#181a1f 52%,#0d0e11 100%);box-shadow:0 20px 55px rgba(0,0,0,.16)}
.av-hero-redesign h1{font-style:normal!important;letter-spacing:-.04em;line-height:1.08}
.av-hero-redesign h1 small{font-style:normal!important;letter-spacing:-.01em}
.av-hero-redesign .av-hero-highlights span{border-radius:10px}
.av-hero-redesign .av-hero-actions .av-hero-button,.av-hero-redesign .av-hero-actions .av-phone-hero{border-radius:12px;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}
/* Allgemeine Section-Spalten, gleichmäßige Weißräume */
.av-steps,.av-vehicle-types,.av-about-recycling,.av-brands,.av-sustainability,.av-seo-services,.av-pickup,.av-why-us,.av-faq{position:relative}
.av-steps-shell,.av-vehicle-types-shell,.av-about-recycling-shell,.av-brands-shell,.av-sustainability-shell,.av-seo-services-shell,.av-pickup-shell,.av-why-us-shell,.av-faq-shell{max-width:1320px;margin-left:auto;margin-right:auto}
/* Anstatt schräger und verzerrter dekorativer Elemente: gerade Akzente */
.av-steps-heading::before,.av-about-recycling-line,.av-seo-services-left::before{transform:none!important}
.av-steps-heading h2,.av-vehicle-types-title h2,.av-about-recycling-content h2,.av-brands-head h2,.av-sustainability-title h2,.av-seo-services-left h2,.av-pickup-content h2,.av-why-us-heading h2,.av-faq-title h2,.av-inquiry-head h2{font-style:normal!important;line-height:1.16;letter-spacing:-.025em;max-width:27ch}
/* Ein konsistentes visuelles Kartensystem */
.av-step-card,.av-why-us-item,.av-faq-item,.av-vehicle-type-row,.av-pickup-info-item{border-radius:14px;transition:box-shadow .25s ease,border-color .25s ease,background-color .25s ease,transform .25s ease}
.av-step-card:hover,.av-why-us-item:hover{box-shadow:0 12px 28px rgba(19,23,28,.09)}
.av-about-recycling-image,.av-pickup-media{border-radius:18px;overflow:hidden}
.av-about-recycling-image img,.av-pickup-media img{object-fit:cover}
.av-brand-button,.av-brands-more-button{border-radius:10px;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
.av-seo-services-row{border-color:rgba(20,24,28,.12)}
.av-seo-services-keywords span{border-radius:8px}
.av-faq-item{overflow:hidden}.av-faq-item summary{cursor:pointer}
/* CTA buttons consistent across the document */
.av-pickup-button,.av-why-us-cta,.av-seo-services-link,.av-about-recycling-link{border-radius:10px;transition:background-color .2s ease,color .2s ease,transform .2s ease}
/* Separate and visually coherent inquiry section */
.av-inquiry-phonebar{border-radius:16px}
.av-footer-contact-simple .av-footer-action-group .av-phone-footer,.av-footer-contact-simple .av-footer-action-group .av-footer-form-cta{border-radius:11px}
/* Animation is intentionally limited, slower and starts only after the user enters the section. */
@media(prefers-reduced-motion:no-preference){
  .av-motion-ready .av-reveal{opacity:0!important;transform:translate3d(0,32px,0)!important;transition:opacity 1.35s cubic-bezier(.22,1,.36,1) var(--av-reveal-delay,0ms),transform 1.35s cubic-bezier(.22,1,.36,1) var(--av-reveal-delay,0ms)!important;will-change:opacity,transform}
  .av-motion-ready .av-reveal.av-reveal-left{transform:translate3d(-26px,18px,0)!important}
  .av-motion-ready .av-reveal.av-reveal-right{transform:translate3d(26px,18px,0)!important}
  .av-motion-ready .av-reveal.is-visible{opacity:1!important;transform:none!important;will-change:auto}
}
@media(prefers-reduced-motion:reduce){.av-motion-ready .av-reveal{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:820px){
.av-hero .av-hero-box.av-hero-redesign{border-radius:18px}
.av-hero-redesign .av-hero-actions .av-hero-button,.av-hero-redesign .av-hero-actions .av-phone-hero{min-height:58px}
.av-step-card,.av-why-us-item,.av-faq-item{border-radius:12px}
}
@media(max-width:600px){h2{font-size:clamp(25px,7vw,32px)}h3{font-size:clamp(19px,5vw,23px)}.av-hero .av-hero-box.av-hero-redesign{border-radius:16px}}