<style>
@media (max-width:768px) { #leistungen { background-image:linear-gradient(135deg, rgba(102, 102, 102, 0.85) 0%, rgba(80, 80, 80, 0.55) 100%), url('/images/autoankauf-background-mobile.png') !important; background-size: cover; background-position: center top; background-repeat: no-repeat; }
 }
 a[data-navlink]:hover { background: #00419d; color: #262626 }
 a[data-btn="primary"]:hover { box-shadow: 0 14px 28px rgba(7, 80, 142, .22) !important }
 a[data-btn="outline"]:hover { background: #262626 !important; border-color: rgba(7, 80, 142, .45) !important; color: #00419d !important }
 a[data-sidelink]:hover { border-color: rgba(7, 80, 142, .45) !important; background: #262626 !important; color: #00419d !important }
 a[data-fab]:hover { filter: brightness(1.05) }
 a[data-footerlink]:hover { color: #fff !important; opacity: 1 !important }
 ul[data-checklist] li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 999px; display: grid; place-items: center; background: rgba(7, 80, 142, .10); border: 1px solid rgba(7, 80, 142, .35); color: #00419d; font-weight: 900 }
 details[data-faq] summary::-webkit-details-marker { display: none }
 details[data-faq] summary::after { content: "＋"; float: right; color: #00419d; font-weight: 900 }
 details[data-faq][open] summary::after { content: "－" }
 @keyframes marquee-right { from { transform: translateX(-50%) }
 to { transform: translateX(0) }
 }
 @media (hover:hover) { div[data-marquee]:hover div[data-marquee-track] { animation-play-state: paused }
 }
 @media (max-width:1100px) { div[data-process-grid], div[data-doc-grid] { grid-template-columns: repeat(2, 1fr) !important }
 }
 @media (max-width:980px) { div[data-cards], div[data-info-grid], div[data-contact-wrap], div[data-buyall-wrap] { grid-template-columns: 1fr !important }
 div[data-footer-grid] { grid-template-columns: repeat(2, 1fr) !important }
 div[data-footer-bottom] { flex-direction: column !important; align-items: flex-start !important }
 }
 @media (max-width:880px) { nav#mainNav { position: absolute !important; left: 18px !important; right: 18px !important; top: 78px !important; display: none !important; flex-direction: column !important; gap: 8px !important; padding: 14px !important; border-radius: 18px !important; background: #fff !important; border: 1px solid rgba(33, 32, 30, .12) !important; box-shadow: 0 10px 30px rgba(33, 32, 30, .10) !important }
 nav#mainNav[data-open="true"] { display: flex !important }
 button#navToggle { display: inline-block !important }
 }
 @media (max-width:640px) { div[data-header-inner] { height: 72px !important }
 a[data-btn="primary"] { padding: 11px 14px !important }
 div[data-fab-stack] { right: 12px !important }
 div[data-fp-row], div[data-doc-grid], div[data-process-grid], div[data-footer-grid] { grid-template-columns: 1fr !important }
 div[data-marquee-item] { width: 260px !important; height: 170px !important }
 }
 @media (max-width:768px) { .mobile-disable { pointer-events: none; opacity: .5; cursor: not-allowed }
 }
 #cookieOverlay { position: fixed; inset: 0; background: rgba(0, 0, 0, .45); z-index: 99999; display: none; align-items: flex-end; justify-content: center }
 #cookiePanel { background: #fff; width: 100%; max-width: 520px; border-radius: 18px 18px 0 0; padding: 18px; box-shadow: 0 -20px 40px rgba(0, 0, 0, .25); font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; border-top: 4px solid #00419d }
 .cookie-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px }
 .cookie-head img { width: 40px; height: 40px }
 .cookie-head strong { font-size: 16px; color: #262626 }
 #cookiePanel h3 { margin: 10px 0 8px; font-size: 18px; color: #262626 }
 #cookiePanel p { margin: 0 0 16px; font-size: 14px; line-height: 1.45; color: rgba(33, 32, 30, .75); font-weight: 700 }
 .cookie-buttons { display: flex; flex-direction: column; gap: 10px }
 .cookie-buttons button { border: none; border-radius: 12px; padding: 14px; font-size: 15px; font-weight: 800; cursor: pointer }
 #cookieAccept { background: #00419d; color: #262626 }
 #cookieDecline { background: #262626; color: #fff }
 .cookie-links { display: flex; gap: 14px; justify-content: center; margin-top: 14px }
 .cookie-links a { font-size: 13px; color: #262626; text-decoration: underline }
 @media (min-width:768px) { #cookieOverlay { align-items: center }
 #cookiePanel { border-radius: 18px }
 }
 .content-image { padding: 60px 10px; }
 .image-container { max-width: 1180px; margin: 0 auto; }
 .image-container img { width: 100%; height: auto; display: block; border-radius: 5px; }
 .shine-text { background: linear-gradient(90deg,#ffffff 0%,#ffffff 40%,#00419d 50%,#ffffff 60%,#ffffff 100%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: shineMove 3s linear infinite; }
 @keyframes shineMove { from { background-position: -200% center; }
 to { background-position: 200% center; }
 }
 .shine-blau { background: linear-gradient(90deg,#262626 0%,#262626 40%,#00419d  50%,#262626 60%,#262626 100%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shineMove 3s linear infinite; }
 @keyframes shineMove { from { background-position: -200% center; }
 to { background-position: 200% center; }
}
 
@media (max-width: 900px){ .motorschaden-grid{
grid-template-columns:1fr !important;
gap:25px !important;
}

.motorschaden-grid > div{
padding:28px !important;
border-radius:24px !important;
}

.motorschaden-grid p{
font-size:16px !important;
line-height:1.8 !important;
}

.motorschaden-grid ul{
gap:16px !important;
}

}

@media (max-width: 600px){
.motorschaden-grid{
margin-bottom:50px !important;
}

.motorschaden-grid > div{
padding:24px !important;
border-radius:22px !important;
}

.motorschaden-grid h2,
.motorschaden-grid h3{
line-height:1.15 !important;
}

.motorschaden-grid p,
.motorschaden-grid span{
font-size:15px !important;
line-height:1.7 !important;
}

.motorschaden-grid li{
gap:12px !important;
}

.motorschaden-grid li div{
min-width:34px !important;
height:34px !important;
font-size:16px !important;
}

}

@media (max-width: 900px){
.autoexport-grid{
grid-template-columns:1fr !important;
gap:25px !important;
}

.autoexport-grid > div{
padding:30px !important;
border-radius:24px !important;
}

.autoexport-grid p{
font-size:16px !important;
line-height:1.8 !important;
}

.autoexport-grid ul{
gap:16px !important;
}

}

@media (max-width: 600px){
.autoexport-grid{
margin-bottom:50px !important;
}

.autoexport-grid > div{
padding:24px !important;
border-radius:22px !important;
}

.autoexport-grid h2,
.autoexport-grid h3{
line-height:1.15 !important;
}

.autoexport-grid p,
.autoexport-grid span{
font-size:15px !important;
line-height:1.7 !important;
}

.autoexport-grid li{
gap:12px !important;
}

.autoexport-grid li div{
min-width:34px !important;
height:34px !important;
font-size:16px !important;
}
}

@media (max-width: 980px){
.service-grid{
grid-template-columns:1fr !important;
gap:28px !important;
}

.service-grid > div:last-child{
padding:32px 28px !important;
}

}

@media (max-width: 700px){
.service-grid{
gap:24px !important;
}

.service-grid p{
font-size:16px !important;
line-height:1.8 !important;
}

.service-grid li{
gap:12px !important;
font-size:15px !important;
}

.service-grid li strong{
font-size:16px !important;
}

.service-grid li span{
width:34px !important;
height:34px !important;
font-size:15px !important;
flex:0 0 34px !important;
border-radius:10px !important;
}

.service-buttons{
flex-direction:column !important;
align-items:stretch !important;
}

.service-buttons a{
width:100% !important;
min-width:100% !important;
padding:15px 20px !important;
font-size:16px !important;
}

}

@media (max-width: 520px){
.service-grid > div:last-child{
padding:26px 22px !important;
border-radius:24px !important;
}

.service-grid p{
font-size:15px !important;
line-height:1.75 !important;
}

.service-grid li{
font-size:14px !important;
line-height:1.6 !important;
}

.service-grid li strong{
font-size:15px !important;
}

}

</style>