1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8757],{48757:function(a,b,c){c.r(b),c.d(b,{default:function(){return u}});var d=c(85893),e=c(67294),f=c(47737),g=c.n(f),h=c(31344),i=c(11163),j=c(30527),k=c(949),l=c(7297),m=c(19521);function n(){var a=(0,l.Z)(["\n /* display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center; */\n /* padding-top: 35px; */\n padding: 0 1.3vw;\n /* width: 21.37vw; */\n /* width: 410px; */\n margin: auto;\n\n .inner {\n padding-bottom: 40px;\n padding-top: 30px;\n margin-bottom: 45px;\n border-radius: 25px;\n background-color: #FFFFFF;\n box-shadow: 0px 5px 20px #00000029;\n /* max-width: 360px; */\n max-width: 330px;\n margin: auto;\n /* width: 100%; */\n\n /* min-height: 515px; */\n }\n \n .person-info {\n /* max-width: 215px; */\n padding: 0 12px;\n }\n\n .person-details {\n a {\n color: inherit;\n text-decoration: underline;\n }\n li {\n font-size: 15px;\n letter-spacing: 0;\n line-height: 24px;\n margin-bottom: 15px;\n word-break: break-all;\n display: flex;\n }\n .details-img {\n width: 18px;\n height: 18px;\n min-width: 18px;\n min-height: 18px;\n margin-right: 10px;\n background: red;\n } \n .logo-mail {\n mask: url(/icons/icon-mail2.svg) no-repeat center / contain;\n }\n .logo-phone {\n mask: url(/icons/icon-phone.svg) no-repeat center / contain;\n }\n }\n\n .person-name {\n font-size: 20px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 30px;\n margin-bottom: 6px;\n }\n\n .person-position {\n color: #D12D2A;\n text-transform: uppercase;\n font-size: 15px;\n letter-spacing: 1.8px;\n line-height: 22px;\n margin-bottom: 20px;\n font-weight: bold;\n }\n\n .card-image-wrapper {\n margin-bottom: 30px;\n position: relative;\n width: 220px;\n height: 220px;\n border-radius: 50%;\n overflow: hidden;\n margin: 0 auto 40px;\n }\n\n @media (max-width: 1399px) {\n /* width: 410px; */\n }\n\n @media (max-width: 701px) {\n width: 330px;\n }\n"]);return n=function(){return a},a}var o=m.ZP.div.withConfig({componentId:"sc-f118abaa-0"})(n()),p=c(5900),q=function(a){var b=a.seller,c=(0,i.useRouter)().asPath,e=(0,k.No)(b.imageUrl)?b.imageUrl:"https://autohaus24.de/background/seller_placeholder.jpg";return(0,d.jsx)(o,{children:(0,d.jsxs)("div",{className:"inner",children:[(0,d.jsx)("div",{className:"card-image-wrapper",children:(0,d.jsx)(p.Z,{layout:"fill",objectFit:"cover",fallbackSrc:"https://autohaus24.de/background/seller_placeholder.jpg",src:e,alt:"Gebrauchtwagen Seller"})}),(0,d.jsxs)("div",{className:"person-info",children:[(0,d.jsxs)("div",{className:"person-name",children:[b.salutation," ",b.firstName," ",b.surName]}),(0,d.jsx)("div",{className:"person-position",children:b.title}),(0,d.jsxs)("ul",{className:"list-unstyled person-details",children:[b.phoneNumber&&(0,d.jsxs)("li",{children:[(0,d.jsx)("div",{className:"details-img logo-phone"}),(0,d.jsx)("a",{onClick:function(){(0,j.U9)({phone:b.phoneNumber,url:c})},href:"tel:".concat(b.phoneNumber),children:b.phoneNumber})]}),b.email&&(0,d.jsxs)("li",{children:[(0,d.jsx)("div",{className:"details-img logo-mail"}),(0,d.jsx)("a",{onClick:function(){(0,j.S$)({email:b.email,url:c})},href:"email:".concat(b.email),children:b.email})]})]})]})]})})};function r(){var a=(0,l.Z)(["\n padding-top: 50px;\n padding-bottom: 50px;\n\n h2.title {\n font-size: 40px;\n margin-bottom: 70px;\n @media (max-width: 767px) {\n font-size: 24px;\n line-height: 26px;\n }\n }\n\n .nav-arrows {\n display: flex;\n margin-top: 55px;\n justify-content: flex-end;\n\n @media (max-width: ",") {\n display: none;\n }\n }\n\n .alice-carousel {\n /* display: flex; */\n /* flex-wrap: wrap; */\n\n &__wrapper {\n padding-bottom: 20px;\n }\n\n &__dots {\n width: 100%;\n margin-top: 0;\n display: none;\n\n &-item {\n background: rgb(216, 216, 216);\n width: 9px;\n height: 9px;\n\n &:not(:last-child) {\n margin-right: 6px;\n }\n\n &.__active {\n background: rgb(228, 0, 30);\n }\n }\n\n @media (max-width: ",") {\n display: block;\n }\n }\n\n & > div {\n width: 100%;\n }\n\n &__prev-btn, &__next-btn {\n width: auto!important;\n\n @media (max-width: ",") {\n display: none;\n }\n }\n\n &__prev-btn {\n margin-left: auto;\n }\n }\n .carousel-arrow {\n margin-right: 44px;\n height: 50px;\n width: 50px;\n border-radius: 3px;\n background-color: #000000;\n margin-left: 10px;\n cursor: pointer;\n position: relative;\n transition: opacity .35s;\n\n &.disabled {\n opacity: .6;\n pointer-events: none;\n }\n\n &:before {\n content: '';\n position: absolute;\n width: 15px;\n height: 15px;\n left: 50%;\n top: 50%;\n border-right: 2px solid #fff;\n border-top: 2px solid #fff;\n transform: translate(-60%,-50%) rotate(45deg);\n }\n\n &.prev {\n &:before {\n transform: translate(-35%,-50%) rotate(-135deg);\n }\n }\n }\n"]);return r=function(){return a},a}var s=m.ZP.div.withConfig({componentId:"sc-c8f41955-0"})(r(),function(a){return a.theme.breakpoints.lg},function(a){return a.theme.breakpoints.lg},function(a){return a.theme.breakpoints.lg}),t={0:{items:1},767:{items:2},1e3:{items:3},1440:{items:4}}
1,u=function(a){var b=a.sellers,c=void 0===b?[]:b,f=e.useRef(null),i=function(){var a;null==f||null===(a=f.current)|| void 0===a||a.slideNext()},j=function(){var a;null==f||null===(a=f.current)|| void 0===a||a.slidePrev()};return c.length?(0,d.jsx)(s,{children:(0,d.jsxs)(h.Z,{wider:!0,children:[(0,d.jsx)("h2",{className:"title",children:"Unser Team ist f\xfcr Sie da"}),(0,d.jsx)(g(),{disableButtonsControls:!0,ref:f,infinite:!0,responsive:t,children:c.map(function(a){return(0,d.jsx)(q,{seller:a},a.id)})}),(0,d.jsxs)("div",{className:"nav-arrows",children:[(0,d.jsx)("div",{className:"carousel-arrow prev",onClick:j}),(0,d.jsx)("div",{className:"carousel-arrow next",onClick:i})]})]})}):null}}}])
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.