body:not(.post-type-archive-caroffers) .page-wrapper {
margin-top: 0 !important;
}   @media (max-width: 1365px) {
header nav {
display: none !important;
} .page-header {
background: #fff !important;
position: relative !important;
z-index: 100;
} .page-header.fixed,
.page-header.scroll {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 999 !important;
background: #fff !important;
animation: none !important;
transition: transform 0.35s ease !important;
} .page-header.fixed {
transform: translateY(-100%) !important;
} .page-header.scroll {
transform: translateY(0) !important;
}
.page-header.fixed .mobile .logos,
.page-header.scroll .mobile .logos {
height: auto !important;
overflow: visible !important;
transform: none !important;
animation: none !important;
}
.page-header .top-header .top-content .nav-wrapper-right,
.top-header .top-content .nav-wrapper-right {
display: flex !important;
width: 100%;
background: #fff;
}
.page-header .top-header .top-content .nav-wrapper-right .brands-landscape {
display: none !important;
} .page-header .top-header .top-content .nav-wrapper-right .mobile,
.top-header .top-content .nav-wrapper-right .mobile,
.mobile {
display: grid !important;
grid-template-columns: 1fr auto;
grid-template-areas:
"logo burger"
"brands brands";
align-items: center;
width: 100%;
background: #fff;
position: relative;
}
.page-header .top-header .top-content .nav-wrapper-right .mobile.init-in-progress,
.top-header .top-content .nav-wrapper-right .mobile.init-in-progress,
.mobile.init-in-progress {
display: grid !important;
}
.mobile .logo-mobile {
grid-area: logo;
background: #fff !important;
padding: 0.75rem 1rem !important;
text-align: left !important;
width: 100%;
max-width: none;
}
.mobile .logo-mobile img {
height: 28px !important;
width: auto !important;
max-width: 70%;
}
.mobile .logos {
grid-area: brands;
background: #fff !important;
margin: 0 !important;
padding: 0.4rem 0.75rem 0.75rem !important;
width: 100%;
display: flex !important;
flex-wrap: nowrap !important;
align-items: center;
justify-content: space-between;
gap: 0.35rem;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.mobile .logos a {
flex: 0 0 auto;
}
.mobile .logos img {
max-height: 22px !important;
max-width: 36px !important;
width: auto !important;
height: auto !important;
object-fit: contain;
}
.mobile-main-navigation-component {
grid-area: burger;
display: flex !important;
align-items: center;
justify-content: center;
position: relative !important;
right: auto;
top: auto;
z-index: 30;
padding: 0.75rem 1rem !important;
} .mobile-main-navigation-component .trigger {
position: relative !important;
right: auto !important;
top: auto !important;
}
.mobile-main-navigation-component .trigger:not(.active) .bar1,
.mobile-main-navigation-component .trigger:not(.active) .bar2,
.mobile-main-navigation-component .trigger:not(.active) .bar3 {
background-color: var(--baseFontColor, #4f5151) !important;
} .hero-slider .slick-dots {
bottom: 12px !important;
left: 0;
right: 0;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
display: flex !important;
justify-content: center;
align-items: center;
gap: 0.35rem;
z-index: 5;
}
.hero-slider .slick-dots li {
margin: 0 !important;
width: auto !important;
height: auto !important;
}
.hero-slider .slick-dots li button {
font-size: 0 !important;
line-height: 0 !important;
color: transparent !important;
text-indent: -9999px !important;
width: 0.55rem !important;
height: 0.55rem !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.55) !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
opacity: 1 !important;
}
.hero-slider .slick-dots li button::before {
display: none !important;
content: none !important;
}
.hero-slider .slick-dots li.slick-active button {
background: #fff !important;
width: 0.7rem !important;
height: 0.7rem !important;
}
}
@media (min-width: 1366px) { header nav {
display: flex !important;
}
.page-header .top-header .top-content .nav-wrapper-right,
.top-header .top-content .nav-wrapper-right {
display: none !important;
}
.page-header .top-header .top-content .nav-wrapper-right .mobile,
.top-header .top-content .nav-wrapper-right .mobile,
.mobile,
.mobile.init-in-progress {
display: none !important;
}
.mobile-main-navigation-component {
display: none !important;
}
}
@media (min-width: 1366px) and (max-width: 1600px) {
header nav {
flex-flow: wrap;
justify-content: space-between;
align-items: center;
}
header nav .show-lg {
display: none !important;
}
header nav .show-md {
display: block !important;
}
}
@media (min-width: 1601px) {
header nav .show-md {
display: none !important;
}
header nav .show-lg {
display: block !important;
}
}   .mobile-main-navigation-component .trigger {
display: inline-block;
cursor: pointer;
position: relative;
z-index: 40;
padding-right: 7px;
transition: transform 0.3s ease, right 0.3s ease, top 0.3s ease;
}
.mobile-main-navigation-component .trigger .mobile-menu-trigger {
display: block;
}
.mobile-main-navigation-component .trigger .bar1,
.mobile-main-navigation-component .trigger .bar2,
.mobile-main-navigation-component .trigger .bar3 {
width: 25px;
height: 3px;
background-color: var(--baseFontColor, #333);
margin: 4px 0;
transition: 0.4s;
border-radius: 5px;
} .mobile-main-navigation-component .trigger.active {
position: fixed !important;
right: 12px !important;
top: 12px !important;
padding: 0;
z-index: 40;
}
.mobile-main-navigation-component .trigger.active .bar1,
.mobile-main-navigation-component .trigger.active .bar2,
.mobile-main-navigation-component .trigger.active .bar3 {
background-color: #fff;
}
.mobile-main-navigation-component .trigger.active .bar1 {
transform: rotate(-45deg) translate(-2px, 2px);
}
.mobile-main-navigation-component .trigger.active .bar2 {
opacity: 0;
}
.mobile-main-navigation-component .trigger.active .bar3 {
transform: rotate(45deg) translate(-8px, -8px);
} .page-header .top-header .top-content .nav-wrapper-right .mobile-main-navigation-component .overlay,
.mobile-main-navigation-component .overlay {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
bottom: 0 !important;
z-index: 35;
width: min(100vw, 420px) !important;
max-width: 100vw !important;
min-width: 250px;
height: 100vh !important;
height: 100dvh !important;
margin: 0;
padding: 3em 0 2em;
overflow-x: hidden;
overflow-y: auto;
list-style: none;
background-color: var(--baseFontColor, #292929);
border-right: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
transform: translateX(100%) !important;
transition: transform 0.45s ease;
pointer-events: none;
visibility: hidden;
}
.page-header .top-header .top-content .nav-wrapper-right .mobile-main-navigation-component .overlay.active,
.mobile-main-navigation-component .overlay.active {
transform: translateX(0) !important;
pointer-events: auto;
visibility: visible;
} @media (max-width: 1365px) {
.page-header.overlay-active,
.page-header.overlay-active.fixed,
.page-header.overlay-active.scroll {
transform: none !important;
animation: none !important;
}
}
.mobile-main-navigation-component .overlay .logo-mobile {
padding: 0 2em 1.5em;
}
.mobile-main-navigation-component .overlay .logo-mobile img,
.mobile-main-navigation-component .overlay .logo-mobile picture {
max-width: 180px;
height: auto;
}
.mobile-main-navigation-component .overlay .nav {
border-top: 1px solid rgba(255, 255, 255, 0.35);
border-bottom: 1px solid rgba(255, 255, 255, 0.35);
padding: 1em 0;
width: 100%;
}
.mobile-main-navigation-component .overlay .nav .menu,
.mobile-main-navigation-component .overlay .nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.mobile-main-navigation-component .overlay .nav .menu-item {
margin: 0;
}
.mobile-main-navigation-component .overlay .nav a {
display: block;
padding: 0.55em 2em;
color: #fff;
text-decoration: none;
}
.mobile-main-navigation-component .overlay .nav .text,
.mobile-main-navigation-component .overlay .nav .indicator {
color: #fff;
}
.mobile-main-navigation-component .overlay .nav .sub-menu {
list-style: none;
margin: 0;
padding: 0 0 0 1em;
overflow: hidden;
max-height: 0;
transition: max-height 0.45s ease;
}
.mobile-main-navigation-component .overlay .nav .menu-item-has-children.open > .sub-menu,
.mobile-main-navigation-component .overlay .nav .sub-menu.active {
max-height: 100vh;
}
.mobile-main-navigation-component .overlay .nav .sub-menu a {
background-color: #fff;
color: var(--baseFontColor, #292929);
}
.mobile-main-navigation-component .overlay .nav .sub-menu a .text {
color: var(--baseFontColor, #292929);
}
.mobile-main-navigation-component .overlay .nav .dropdown-indicator {
display: none;
}
.mobile-main-navigation-component .overlay .mobile-hero-navbar {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5em;
padding: 1.5em 1em 0;
}
.mobile-main-navigation-component .overlay .mobile-hero-navbar .nav-item {
color: #fff;
}
.admin-bar .mobile-main-navigation-component .overlay {
padding-top: 5em;
}
.admin-bar .mobile-main-navigation-component .trigger.active {
top: calc(12px + 32px);
}
@media (max-width: 782px) {
.admin-bar .mobile-main-navigation-component .trigger.active {
top: calc(12px + 46px);
}
}   .footer-section .main-footer .copy .menu-rechtliches-container ul {
flex-wrap: wrap !important;
justify-content: center;
row-gap: 0.5em;
max-width: 100%;
}
.footer-section .main-footer .copy .menu-rechtliches-container ul li:first-child:before {
content: none;
margin: 0;
}
@media (max-width: 700px) {
.footer-section .main-footer .copy {
height: auto !important;
min-height: 3em;
padding: 1.25em 1em !important;
box-sizing: border-box;
}
.footer-section .main-footer .copy .menu-rechtliches-container {
max-width: 100%;
}
}.at-fahrzeuge--grid {
width: 100%;
margin: 2rem 0;
box-sizing: border-box;
}
.at-fahrzeuge__status {
margin-bottom: 1rem;
font-size: 0.95em;
}
.at-fahrzeuge__status.is-error {
color: #b00020;
}
.at-fahrzeuge__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.25rem;
width: 100%;
box-sizing: border-box;
}
@media (max-width: 1100px) {
.at-fahrzeuge__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.at-fahrzeuge__grid {
grid-template-columns: 1fr;
}
}
.at-fahrzeuge__card {
margin: 0;
width: 100%;
min-width: 0;
max-width: none;
height: 100%;
box-sizing: border-box;
}
.at-fahrzeuge__card-link {
display: flex;
flex-direction: column;
height: 100%;
text-decoration: none;
color: inherit;
background: #fff;
overflow: hidden;
}
.at-fahrzeuge__image {
aspect-ratio: 4 / 3;
overflow: hidden;
background: #f3f3f3;
}
.at-fahrzeuge__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.at-fahrzeuge__body {
padding: 1rem 1.1rem 1rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
flex: 1;
min-width: 0;
}
.at-fahrzeuge__badge {
display: inline-block;
align-self: flex-start;
padding: 0.25em 0.55em;
border: 1px solid currentColor;
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1.2;
color: var(--baseFontColor, #4f5151);
}
.at-fahrzeuge__title {
font-weight: 700;
font-size: 1.05rem;
line-height: 1.25;
color: var(--baseFontColor, #2f3e46);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.at-fahrzeuge__meta {
list-style: none;
margin: 0.35rem 0 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.at-fahrzeuge__meta-item {
display: flex;
flex-direction: column;
gap: 0.2rem;
min-width: 0;
}
.at-fahrzeuge__meta-label {
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #9db2be;
line-height: 1.2;
}
.at-fahrzeuge__meta-value {
font-size: 0.9rem;
font-weight: 700;
line-height: 1.25;
color: var(--baseFontColor, #2f3e46);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.at-fahrzeuge__envkv {
font-size: 0.72rem;
line-height: 1.35;
color: var(--baseFontColor, #4f5151);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.at-fahrzeuge__footer {
margin-top: auto;
padding-top: 0.35rem;
display: flex;
flex-direction: column;
gap: 0.65rem;
}
.at-fahrzeuge__disclaimer {
font-size: 0.75rem;
line-height: 1.35;
color: var(--baseFontColor, #4f5151);
}
.at-fahrzeuge__cta.btn-secondary.angebot {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 40px;
border: 1px solid var(--blue, #47aae1);
border-radius: 40px;
color: var(--blue, #47aae1);
font: 700 16px / 1.2 var(--headlineFamily, inherit);
text-transform: uppercase;
text-decoration: none;
background: transparent;
box-sizing: border-box;
}
.at-fahrzeuge__card-link:hover .at-fahrzeuge__cta.btn-secondary.angebot {
background: rgba(71, 170, 225, 0.08);
}
.at-fahrzeuge__price {
margin-top: 0;
padding: 0.85rem 1.1rem;
background: var(--blue, #47aae1);
color: #fff;
display: flex;
flex-direction: column;
gap: 0.15rem;
}
.at-fahrzeuge__price-gross {
font-weight: 700;
font-size: 1.15rem;
line-height: 1.2;
color: #fff;
}
.at-fahrzeuge__price-net {
font-size: 0.78rem;
font-weight: 400;
line-height: 1.3;
color: #fff;
opacity: 0.95;
}
.at-fahrzeuge__pager {
display: flex;
justify-content: center;
margin-top: 2rem;
}
.at-fahrzeuge__loadmore {
cursor: pointer;
}
.at-fahrzeuge__pages {
display: flex;
align-items: center;
gap: 1rem;
}
.at-fahrzeuge__pages .btn-pagination:disabled {
opacity: 0.4;
cursor: not-allowed;
} .at-fahrzeuge--full {
margin: 2rem 0;
} body.at-marketplace-listing .page-header.fixed header nav.scrolled {
transform: translateY(-120%) !important;
opacity: 0 !important;
pointer-events: none !important;
box-shadow: none !important;
transition: transform 0.3s ease, opacity 0.3s ease;
}
body.at-marketplace-listing .page-header.scroll header nav.scrolled {
transform: translateY(0) !important;
opacity: 1 !important;
pointer-events: auto !important;
transition: transform 0.3s ease, opacity 0.3s ease;
}
body.admin-bar.at-marketplace-listing .page-header.scroll header nav.scrolled,
body.admin-bar.at-marketplace-listing header nav.scrolled {
top: 32px !important;
}
@media screen and (max-width: 782px) {
body.admin-bar.at-marketplace-listing .page-header.scroll header nav.scrolled,
body.admin-bar.at-marketplace-listing header nav.scrolled {
top: 46px !important;
}
} @media (max-width: 600px) {
body.at-marketplace-listing .page-header.fixed {
position: fixed !important;
left: 0;
right: 0;
z-index: 999;
background: #fff;
transform: translateY(-100%) !important;
animation: none !important;
}
body.at-marketplace-listing .page-header.fixed .mobile .logos {
height: auto;
overflow: visible;
transform: none;
}
}
#at-marketplace-header-spacer {
display: block;
width: 100%;
pointer-events: none;
}
body.at-marketplace-listing .nr-top-head {
background-color: #f3f5f7;
}
body.at-marketplace-listing .top-filter-result,
body.at-marketplace-listing #top-overview-bar {
background-color: #fff;
margin-top: 0 !important;
}