<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: #ff6600; 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: #ff6600 !important } a[data-sidelink]:hover { border-color: rgba(7, 80, 142, .45) !important; background: #262626 !important; color: #ff6600 !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: #ff6600; font-weight: 900 } details[data-faq] summary::-webkit-details-marker { display: none } details[data-faq] summary::after { content: "＋"; float: right; color: #ff6600; 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 #ff6600 } .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: #ff6600; 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%,#ff6600 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%,#ff6600  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>