.c-header {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.c-header > div {
padding-right: 3px;
} .f12-captcha {
display: block;
width: 100%;
}
.f12-captcha.template-1 {
background-color: #fff;
border: 1px solid #ccc;
padding: 10px 15px 15px 15px;
position: relative;
border-radius: 3px;
}
.f12-captcha.template-1 .c-label {
left: 10px;
font-size: 12px;
color: #777;
}
.f12-captcha.template-1 .c-data {
font-size: 1.05rem;
}
.f12-captcha.template-1 .c-input {
display: flex;
flex-flow: row nowrap;
}
.f12-captcha.template-1 .c-header {
border: 1px solid #ccc;
padding: 5px 5px 5px 10px;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
width: 100%;
background-color: #fff;
border-radius: 3px;
}
.f12-captcha.template-1 .c-hint {
font-size: 12px;
margin-left: -10px;
color: #777;
line-height: 100%;
}
.f12-captcha.template-1 .c-reload {
padding: 0;
}
.f12-captcha.template-1 .c-reload a {
background-color: #2196f3;
width: 32px;
height: 32px;
display: flex;
flex-flow: column nowrap;
justify-content: center;
border-radius: 3px;
}
.f12-captcha.template-1 .c-reload a img {
margin: 0 !important;
align-self: center;
width: 16px !important;
height: 16px !important;
}
.f12-captcha.template-1 input.f12c {
display: block;
border: 0px solid #ccc;
margin-left: -10px;
background-color: #fff;
font-size: 1.05rem;
padding: 3px;
max-width: 100px;
height: 24px;
}
.f12-captcha.template-1 input.f12c:focus {
border: 0;
outline: 0;
}.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor:    -moz-grab;
cursor:         grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor:    -moz-grabbing;
cursor:         grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
} .leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
} .leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
font-size: 22px;
} .leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//dein-autofinder.de/wp-content/plugins/cars-fox-administration/styles/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//dein-autofinder.de/wp-content/plugins/cars-fox-administration/styles/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path {
background-image: url(//dein-autofinder.de/wp-content/plugins/cars-fox-administration/styles/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}:root {
--marketingsinfoone: rgb(255,255,255);
--marketingsinfotwo: rgb(72, 121, 55);
--marketingsinfothree: rgba(72, 121, 55,1);
--marketingsinfofour: #ffffff;
--marketingsinfofive: #487937;
--marketingsinfosix: #ffffff;
--marketingsinfoseven: rgba(255,255,255,1);
--searchcolorone: #487937;
--searchcolortwo: #487937;
--searchcolorthree: #fffbfb;
--searchcolordel: #f7e2e2;
--searchcolornotfound: red;
--searchcolorfour: #cccccc;
--searchcolorfive: #bfbfbf;
--searchcolorsix: #000000;
--categorycolorone: #cccccc;
--categorycolortwo: #f4f4f4;
--categorycolorthree: #d0d0d0;
--categorycolorfour: #7bdf58;
--categorycolorfive: #979595;
--colorotherpage: #28461e;
--colorotherhover: #28461e;
--colorotherlink: #487937;
--colorotherinfobg: #e4fbdc;
--colorotherinfoerrbg: #ffebeb;
--colorotherinfoerr: red;
--colorotherone: #cccccc;
--colorothertwo: #ffffff;
--colorotherthree: #1e1d1d;
--colorotherfour: #929aa3;
--colorotherfive: #7abc64;
--colorotherbutone: #7b7b7b;
--colorotherbuttwo: #ffffff;
--colorotherbutthree: #332f2f;
--colorotherbutonehover: #282727;
--colorotherbutfour: #ececec;
--colorotherbutfive: #e2f9de;
--colorotherbutsix: #f7f7f7;
--colorotherbutseven: #494c4e;
--colorotherbuteight: #6e6e6f;
--coloropenstatusone: #eeffe8;
--coloropenstatusonet: #def9d4;
--coloropenstatustwo: #f45555;
--coloropenstatusthree: #fddede;
--coloropenstatusred: red;
--coloropenstatusgreen: green;
--colorbgblack: #000000;
--colorselse: #545454;
--colorselgradblack: rgba(0, 0, 0, 0.1);
--inforedcolor: #f90808;
--labesseccolorone: #f2f2f2;
--labesseccolort: #c4bdbd;
--infoboxcontone: #eaeaea;
--colorupered: red;
--colorpriceblock: #fbfbfb;
}  .carareaactionblog {
width: 100%;
border-radius: 3px;
position: relative;
display: block;
padding: 10px;
float: left;
box-sizing: border-box;
}
.carareaactionblog .carareaactionbloglogo {
width: 20%;
position: relative;
float: left;
}
.carareaactionblog .carareaactionbloglogo img.blogactionimg {
width: 100%;
height: auto;
position: relative;
float: left;
}
.carareaactionblog .carareaactionblogtitle {
width: 60%;
position: relative;
float: left;
padding: 0px 10px 0px 10px;
box-sizing: border-box;
text-align: center;
}
.carareaactionblog .carareaactionblogtitle p:first-child {
font-size: 22px;
color: #fff;
padding: 0px;
margin: 0px;
line-height: 40px;
position: relative;
display: block;
}
.carareaactionblog .carareaactionblogtitle p {
font-size: 18px;
color: #fff;
padding: 0px;
margin: 0;
}
.carareaactionblog .carareaactionblogimgsmall {
width: 20%;
position: relative;
float: left;
text-align: right;
}
.carareaactionblog .carareaactionblogimgsmall img.blogactionimg {
width: auto;
position: relative;
float: right;
max-height: 91px;
margin-left: auto;
}
div#finanzierungblock .mainlabelvalfoxacc {
width: 50%;
position: relative;
float: left;
padding: 0px 15px 0px 15px;
min-height: 40px;
border-bottom: 1px solid #f7f5f7;
}
.disableddisplay{
display:none;
}
.foxformblock select { }
.rightleftblock {
position: absolute;
width: 100%;
bottom: 0px;
height: 28px;
}
.imgleft {
background-color: #000;
position: absolute;
padding: 2px 12px;
opacity: 0.7;
color: #fff;
left: 0;
bottom: 0px;
cursor: pointer;
}
.imgright {
background-color: #000;
position: absolute;
padding: 2px 12px;
opacity: 0.7;
color: #fff;
right: 0;
bottom: 0px;
cursor: pointer;
}
.countercarimg {
position: absolute;
right: 3px;
background-color: #000;
padding: 2px 14px;
border-radius: 3px;
top: 3px;
opacity: 0.5;
color: #fff;
text-shadow: none;
font-size: 12px;
}
.secdetailsfront span.secattr {
padding: 0px 9px;
border: 1px solid #ccc;
border-radius: 20px;
background-color: #f2f2f2;
margin-right: 5px;
text-transform: uppercase;
font-size: 11px;
font-weight: normal;
float: left;
margin-top: 8px;
}
.labletitelcar {
font-size: 11px;
font-weight: normal;
width: 100%;
padding-left: 30px;
margin-top: -5px;
}
.simularshortcodecars {
color: var(--marketingsinfotwo) !important;
}
.loadermainblocksearch {
position: fixed;
background-color: #fff;
z-index: 9999999;
color: #000000;
width: 100%;
opacity: 0.4;
height: 100%;
text-align: center;
font-size: 101px;
padding-top: 350px;
}
.mainlabelvalfoxacc.fulltitlefeat.featuresdetails .mainlabelvalfoxacc.fulltitlefeat .mainlabelfoxaccfeat {
font-weight: normal;
}
.featuresdetailsclass {
color: #494c4e !important;
text-decoration: none !important;
}
.featuresdetailsclass:hover {
color: #494c4e !important;
text-decoration: underline !important;
}
.featuresdetailsclass i
{
font-size: 11px;
position: absolute;
margin: 5px 5px 5px 5px;
}
.mainlabelvalfoxacc.fulltitlefeat {
width: 100%;
font-weight: bold;
}
.mainlabelvalfoxacc.fulltitlefeat.featuresdetails {
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
#mapdetailscar {
width: 100%;
height: 600px;
float: left;
display: block;
z-index: 2;
margin-bottom: 10px;
}
.dsgvohinweisoff {
position: absolute;
right: 9px;
top: 64px;
display: none;
z-index: 6;
}
.dsgvohinweisoff button#openmapblockfreeoff {
padding: 5px;
font-size: 12px !important;
}
.dsgvohinweis.openmapblock {
width: 100%;
height: 600px;
position: absolute;
display: block;
float: left;
}
.dsgvohinweis.openmapblock .openmapblockarea {
width: 320px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
background-color: #ffffff;
padding: 20px;
text-align: center;
font-size: 16px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 8px -4px rgba(204,204,204,0.68);
box-shadow: 1px 1px 8px -4px rgba(204,204,204,0.68);
transition: box-shadow 500ms;
display: none;
}
.dsgvohinweis.openmapblock .openmapblockarea #openmapblockfree {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
} .secdetailsfrontpricedetailssimular.prblockvi p.VatstatusFront {
margin-top: -5px !important;
}
.secdetailsfrontpricedetailssimular.prblockvi p.upeFront {
font-size: 14px;
margin-top: 5px !important;
}
.secdetailsfrontpricedetailssimular.prblockvi .secdetailsfront.discountmessage{
display: none !important;
}
.secdetailsfrontpricedetailssimular.prblockvi p.PriceGrossFront {
font-size: 24px;
margin-top: 0px !important;
}
.secdetailsfrontprice.prblockv p.upeFront {
font-size: 14px;
}
.secdetailsfrontprice.prblockv p.PriceGrossFront {
font-size: 20px;
}
.secdetailsfrontpricedetailssimular.prblockt p.PriceGrossFront {
font-size: 24px;
margin-top: 30px !important;
}
.secdetailsfrontprice.prblockt p.PriceGrossFront {
font-size: 20px;
margin-top: 20px;
}
.secdetailsfrontprice.prblocktr p.PriceGrossFront {
font-size: 20px;
margin-top: 12px;
}
.secdetailsfrontpricedetailssimular p.PriceGrossFront {
font-size: 24px;
margin-top: 15px !important;
line-height: 24px;
}
.consumption {
width: 100%;
border-top: 1px dotted var(--colorotherone) !important;
border-bottom: 1px dotted var(--colorotherone);
padding: 5px 0px;
margin-top: 10px;
float: left;
}
.consumption i {
font-size: 16px;
color: #679d67;
}
.carsfrontlist .viewhormain .foxcarattrbox.ez,
.carsfrontlist .viewhormain .foxcarattrbox.gear,
.carsfrontlist .viewhormain .foxcarattrbox.milage,
.carsfrontlist .viewhormain .foxcarattrbox.fuel,
.carsfrontlist .viewhormain .foxcarattrbox.color,
.carsfrontlist .viewhormain .foxcarattrbox.power {
width: 50%;
}
.carsfrontlist .foxcarattrbox.ez,
.carsfrontlist .foxcarattrbox.gear,
.carsfrontlist .foxcarattrbox.milage,
.carsfrontlist .foxcarattrbox.fuel,
.carsfrontlist .foxcarattrbox.color,
.carsfrontlist .foxcarattrbox.power,
.foxcaroneviewnotice .foxcarattrbox.ez,
.foxcaroneviewnotice .foxcarattrbox.gear,
.foxcaroneviewnotice .foxcarattrbox.milage,
.foxcaroneviewnotice .foxcarattrbox.fuel,
.foxcaroneviewnotice .foxcarattrbox.color,
.foxcaroneviewnotice .foxcarattrbox.power {
width: 33%;
}
.foxcarattrbox.ez,
.foxcarattrbox.gear,
.foxcarattrbox.milage,
.foxcarattrbox.fuel,
.foxcarattrbox.color,
.foxcarattrbox.power {
font-size: 22px;
width: 50%;
font-weight: bold;
margin-bottom: 5px;
}
.foxcarattrbox.ez i,
.foxcarattrbox.gear i,
.foxcarattrbox.milage i,
.foxcarattrbox.fuel i,
.foxcarattrbox.color i,
.foxcarattrbox.power i {
width: 25px;
text-align: center;
}
.foxcarattrbox.ez span,
.foxcarattrbox.gear span,
.foxcarattrbox.milage span,
.foxcarattrbox.fuel span,
.foxcarattrbox.color span,
.foxcarattrbox.power span {
font-size: 13px;
}
.foxcarfullrow .foxformblock .foxformblockfull .foxrowopentime .dayshow.closeday {
width: 80% !important;
text-align: center;
color: red;
font-size: 14px;
font-weight: bold;
background-color: var(--coloropenstatusthree) !important;
} .feal-pinterest {
background-image: url(//dein-autofinder.de/wp-content/plugins/cars-fox-administration/styles/images/icons/pinterest-100x100.png);
background-repeat: no-repeat;
background-size: contain;
width: 46px !important;
height: 46px;
display: block;
float: left;
margin: 5px;
}
.feal-whatsapp {
background-image: url(//dein-autofinder.de/wp-content/plugins/cars-fox-administration/styles/images/icons/whatsapp-100x100.png);
background-repeat: no-repeat;
background-size: contain;
width: 46px !important;
height: 46px;
display: block;
float: left;
margin: 5px;
}
.feal-facebook {
background-image: url(//dein-autofinder.de/wp-content/plugins/cars-fox-administration/styles/images/icons/facebook-100x100.png);
background-repeat: no-repeat;
background-size: contain;
width: 46px !important;
height: 46px;
display: block;
float: left;
margin: 5px;
}
.feal-twitter {
background-image: url(//dein-autofinder.de/wp-content/plugins/cars-fox-administration/styles/images/icons/twitter-100x100.png);
background-repeat: no-repeat;
background-size: contain;
width: 46px !important;
height: 46px;
display: block;
float: left;
margin: 5px;
}
.feal-xing {
background-image: url(//dein-autofinder.de/wp-content/plugins/cars-fox-administration/styles/images/icons/xing-100x100.png);
background-repeat: no-repeat;
background-size: contain;
width: 46px !important;
height: 46px;
display: block;
float: left;
margin: 5px;
} .searchform {
display: grid !important;
}
.searchparam.fox-cols-1.featureschoose,
.searchparam.fox-cols-1.climatisationchoose {
height: auto !important;
}
.container .wrap-caption {
background-color: #00000070;
padding: 20px !important;
max-width: 900px !important;
border-radius: 3px;
} .eventsformmainstep div {
padding: 15px 10px;
}
.foxcardetailsshow .elementor img {
width: 100%;
} .noticecompareothers{
right: 15px !important;
}
.fox-rows.priceblocksaleccs {
font-size: 20px;
line-height: 26px;
}
.dealsoneblock{
min-height: 200px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border: 1px solid var(--searchcolorfour);
padding: 5px !important;
}
.dealsoneblocktitle h2 {
margin: 0px !important;
border-bottom: 1px solid var(--searchcolorfour);
color: var(--marketingsinfotwo) !important;
padding: 10px;
font-size: 20px !important;
}
.dealsoneblockcontent{
padding: 10px 10px 10px 10px;
line-height: 24px;
font-size: 18px;
font-weight: normal;
}
.dealsoneblocklink{
padding: 10px 10px 10px 10px;
position: absolute;
bottom: 0px;
}
.dealsoneblocklink a {
font-size: 20px !important;
}
.dealsoneblockmain{
-webkit-box-shadow: 1px 1px 8px -4px rgba(204,204,204,0.68);
box-shadow: 1px 1px 8px -4px rgba(204,204,204,0.68);
transition: box-shadow 500ms;
width: calc(33% - 20px) !important;
margin: 10px !important;
cursor: default;
}
.dealsoneblockmain:hover{
-webkit-box-shadow: 4px 4px 10px -4px rgba(0,0,0,0.68);
box-shadow: 4px 4px 10px -4px rgba(0,0,0,0.68);
width: calc(33% - 20px) !important;
margin: 10px !important;
cursor: default;
}
.fox-rows.showcaresaledata .fox-cols-1 {
padding: 0px 15px !important;
}
.fox-rows.blockdatadetails .fox-cols-4,
.fox-rows.blockdatadetails .fox-cols-3,
.fox-rows.blockdatadetails .fox-cols-2,
.fox-rows.blockdatadetails .fox-cols-1 {
padding: 0px 0px 0px 0px !important;
}
.fox-cols-1.maintitleblock,
.fox-cols-1.foxcartitle {
font-size: 22px !important;
border-bottom: 1px solid #ccc !important;
color: var(--marketingsinfotwo) !important;
margin-bottom: 10px !important;
line-height: 58px !important;
}
.priceblocksaleccs .fox-cols-2 strong{
color: var(--marketingsinfotwo) !important;
}
.salesareamaindiv h1,
.salesareamaindiv h2,
.salesareamaindiv h3,
.salesareamaindiv h4
{
margin: 0px !important;
color: var(--marketingsinfotwo) !important;
line-height: 58px !important;
}
.salesareamaindiv p, .salesareamaindiv li {
line-height: 26px !important;
font-size: 20px;
font-weight: normal;
}
.contentaccordion p, .contentaccordion li {
padding-top: 20px !important;
font-size: 20px;
font-weight: normal;
}
.fox-rows.showcaresaledata .foxcartitle h1.maintitlecardetails{
color: var(--marketingsinfotwo) !important;
} a.buttonelementmy:link, a.buttonelementmy:focus, a.buttonelementmy:active, a.buttonelementmy:visited {
text-align: center;
width: 100%;
display: block;
background-color: var(--colorotherlink) !important;
color: var(--colorothertwo) !important;
padding: 10px 5px;
border-radius: 3px;
font-size: 18px;
}
a.buttonelementmy:hover {
text-align: center;
width: 100%;
display: block;
background-color: var(--colorotherhover) !important;
color: var(--colorothertwo) !important;
padding: 10px 5px;
border-radius: 3px;
font-size: 18px;
}
.fox-cols-1.accordionmainareabl,
.fox-cols-2.accordionmainareabl,
.fox-cols-3.accordionmainareabl {
position: relative;
float: left;
display: block;
}
.fox-cols-1.accordionmainareabl .titleaccordion i,
.fox-cols-2.accordionmainareabl .titleaccordion i,
.fox-cols-3.accordionmainareabl .titleaccordion i {
font-size: 18px;
}
.fox-cols-1.accordionmainareabl .titleaccordion,
.fox-cols-2.accordionmainareabl .titleaccordion,
.fox-cols-3.accordionmainareabl .titleaccordion {
background-color: var(--colorotherlink) !important;
color: var(--colorothertwo) !important;
font-size: 18px;
padding: 5px 20px !important;
border-radius: 3px 3px 3px 3px;
cursor: pointer;
margin-top: 5px;
}
.fox-cols-1.accordionmainareabl .titleaccordion:hover,
.fox-cols-2.accordionmainareabl .titleaccordion:hover,
.fox-cols-3.accordionmainareabl .titleaccordion:hover {
background-color: var(--colorotherhover) !important;
color: var(--colorothertwo) !important;
cursor: pointer;
margin-top: 5px;
}
.fox-cols-1.accordionmainareabl .contentaccordion,
.fox-cols-2.accordionmainareabl .contentaccordion,
.fox-cols-3.accordionmainareabl .contentaccordion {
border: 1px solid #categorycolorone;
border-radius: 0px 0px 3px 3px;
position: relative;
float: left;
padding: 5px 15px !important;
line-height: 24px;
}
.fox-cols-1.accordionmainareabl .titleaccordion,
.fox-cols-2.accordionmainareabl .titleaccordion,
.fox-cols-3.accordionmainareabl .titleaccordion {
background-color: var(--colorotherlink) !important;
color: var(--colorothertwo) !important;
font-size: 18px;
padding: 10px 20px !important;
border-radius: 3px 3px 3px 3px;
cursor: pointer;
margin-top: 5px;
}
.fox-cols-1.accordionmainareabl .titleaccordion:hover,
.fox-cols-2.accordionmainareabl .titleaccordion:hover,
.fox-cols-3.accordionmainareabl .titleaccordion:hover {
background-color: var(--colorotherhover) !important;
color: var(--colorothertwo) !important;
cursor: pointer;
margin-top: 5px;
}
.fox-cols-1.accordionmainareabl .contentaccordion,
.fox-cols-2.accordionmainareabl .contentaccordion,
.fox-cols-3.accordionmainareabl .contentaccordion {
border: 1px solid #categorycolorone;
border-radius: 0px 0px 3px 3px;
position: relative;
float: left;
padding: 0px 15px !important;
}
.accordionhidden{
display: none;
}   .color_BEIGE{
background: rgb(203,190,168);
background: -moz-linear-gradient(169deg, rgba(203,190,168,1) 0%, rgba(238,222,196,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(203,190,168,1) 0%, rgba(238,222,196,1) 100%);
background: linear-gradient(169deg, rgba(203,190,168,1) 0%, rgba(238,222,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cbbea8",endColorstr="#eedec4",GradientType=1);
}
.color_BLUE{
background: rgb(23,81,135);
background: -moz-linear-gradient(169deg, rgba(23,81,135,1) 0%, rgba(33,116,195,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(23,81,135,1) 0%, rgba(33,116,195,1) 100%);
background: linear-gradient(169deg, rgba(23,81,135,1) 0%, rgba(33,116,195,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#175187",endColorstr="#2174c3",GradientType=1);
}
.color_BROWN{
background: rgb(51,32,20);
background: -moz-linear-gradient(169deg, rgba(51,32,20,1) 0%, rgba(143,90,57,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(51,32,20,1) 0%, rgba(143,90,57,1) 100%);
background: linear-gradient(169deg, rgba(51,32,20,1) 0%, rgba(143,90,57,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#332014",endColorstr="#8f5a39",GradientType=1);
}
.color_YELLOW{
background: rgb(204,176,75);
background: -moz-linear-gradient(169deg, rgba(204,176,75,1) 0%, rgba(253,219,96,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(204,176,75,1) 0%, rgba(253,219,96,1) 100%);
background: linear-gradient(169deg, rgba(204,176,75,1) 0%, rgba(253,219,96,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ccb04b",endColorstr="#fddb60",GradientType=1);
}
.color_GOLD{
background: rgb(148,128,55);
background: -moz-linear-gradient(169deg, rgba(148,128,55,1) 0%, rgba(217,188,84,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(148,128,55,1) 0%, rgba(217,188,84,1) 100%);
background: linear-gradient(169deg, rgba(148,128,55,1) 0%, rgba(217,188,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#948037",endColorstr="#d9bc54",GradientType=1);
}
.color_GREY{
background: rgb(71,71,75);
background: -moz-linear-gradient(169deg, rgba(71,71,75,1) 0%, rgba(103,102,108,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(71,71,75,1) 0%, rgba(103,102,108,1) 100%);
background: linear-gradient(169deg, rgba(71,71,75,1) 0%, rgba(103,102,108,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#47474b",endColorstr="#67666c",GradientType=1);
}
.color_GREEN{
background: rgb(1,84,32);
background: -moz-linear-gradient(169deg, rgba(1,84,32,1) 0%, rgba(1,135,52,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(1,84,32,1) 0%, rgba(1,135,52,1) 100%);
background: linear-gradient(169deg, rgba(1,84,32,1) 0%, rgba(1,135,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#015420",endColorstr="#018734",GradientType=1);
}
.color_ORANGE{
background: rgb(171,78,11);
background: -moz-linear-gradient(169deg, rgba(171,78,11,1) 0%, rgba(235,106,14,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(171,78,11,1) 0%, rgba(235,106,14,1) 100%);
background: linear-gradient(169deg, rgba(171,78,11,1) 0%, rgba(235,106,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ab4e0b",endColorstr="#eb6a0e",GradientType=1);
}
.color_RED{
background: rgb(158,15,26);
background: -moz-linear-gradient(169deg, rgba(158,15,26,1) 0%, rgba(242,21,38,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(158,15,26,1) 0%, rgba(242,21,38,1) 100%);
background: linear-gradient(169deg, rgba(158,15,26,1) 0%, rgba(242,21,38,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9e0f1a",endColorstr="#f21526",GradientType=1);
}
.color_BLACK{
background: rgb(0,0,0);
background: -moz-linear-gradient(169deg, rgba(0,0,0,1) 0%, rgba(33,32,32,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(0,0,0,1) 0%, rgba(33,32,32,1) 100%);
background: linear-gradient(169deg, rgba(0,0,0,1) 0%, rgba(33,32,32,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#212020",GradientType=1);
}
.color_SILVER{
background: rgb(221,221,219);
background: -moz-linear-gradient(169deg, rgba(152,152,152,1) 0%, rgba(221,221,219,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(152,152,152,1) 0%, rgba(221,221,219,1) 100%);
background: linear-gradient(169deg, rgba(152,152,152,1) 0%, rgba(221,221,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#989898",endColorstr="#dddddb",GradientType=1);
}
.color_PURPLE{
background: rgb(50,5,73);
background: -moz-linear-gradient(169deg, rgba(50,5,73,1) 0%, rgba(82,8,119,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(50,5,73,1) 0%, rgba(82,8,119,1) 100%);
background: linear-gradient(169deg, rgba(50,5,73,1) 0%, rgba(82,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#320549",endColorstr="#520877",GradientType=1);
}
.color_WHITE{
background: rgb(200,198,198);
background: -moz-linear-gradient(169deg, rgba(200,198,198,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(200,198,198,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(169deg, rgba(200,198,198,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c8c6c6",endColorstr="#ffffff",GradientType=1);
} .color_BEIGE:hover{
background: rgb(203,190,168);
background: -moz-linear-gradient(169deg, rgba(203,190,168,1) 0%, rgba(244,232,213,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(203,190,168,1) 0%, rgba(244,232,213,1) 100%);
background: linear-gradient(169deg, rgba(203,190,168,1) 0%, rgba(244,232,213,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cbbea8",endColorstr="#eedec4",GradientType=1);
}
.color_BLUE:hover{
background: rgb(23,81,135);
background: -moz-linear-gradient(169deg, rgba(23,81,135,1) 0%, rgba(53,139,221,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(23,81,135,1) 0%, rgba(53,139,221,1) 100%);
background: linear-gradient(169deg, rgba(23,81,135,1) 0%, rgba(53,139,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#175187",endColorstr="#2174c3",GradientType=1);
}
.color_BROWN:hover{
background: rgb(51,32,20);
background: -moz-linear-gradient(169deg, rgba(51,32,20,1) 0%, rgba(177,130,101,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(51,32,20,1) 0%, rgba(177,130,101,1) 100%);
background: linear-gradient(169deg, rgba(51,32,20,1) 0%, rgba(177,130,101,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#332014",endColorstr="#8f5a39",GradientType=1);
}
.color_YELLOW:hover{
background: rgb(204,176,75);
background: -moz-linear-gradient(169deg, rgba(204,176,75,1) 0%, rgba(255,232,148,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(204,176,75,1) 0%, rgba(255,232,148,1) 100%);
background: linear-gradient(169deg, rgba(204,176,75,1) 0%, rgba(255,232,148,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ccb04b",endColorstr="#fddb60",GradientType=1);
}
.color_GOLD:hover{
background: rgb(148,128,55);
background: -moz-linear-gradient(169deg, rgba(148,128,55,1) 0%, rgba(232,205,109,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(148,128,55,1) 0%, rgba(232,205,109,1) 100%);
background: linear-gradient(169deg, rgba(148,128,55,1) 0%, rgba(232,205,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#948037",endColorstr="#d9bc54",GradientType=1);
}
.color_GREY:hover{
background: rgb(71,71,75);
background: -moz-linear-gradient(169deg, rgba(71,71,75,1) 0%, rgba(158,158,158,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(71,71,75,1) 0%, rgba(158,158,158,1) 100%);
background: linear-gradient(169deg, rgba(71,71,75,1) 0%, rgba(158,158,158,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#47474b",endColorstr="#67666c",GradientType=1);
}
.color_GREEN:hover{
background: rgb(1,84,32);
background: -moz-linear-gradient(169deg, rgba(1,84,32,1) 0%, rgba(21,179,81,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(1,84,32,1) 0%, rgba(21,179,81,1) 100%);
background: linear-gradient(169deg, rgba(1,84,32,1) 0%, rgba(21,179,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#015420",endColorstr="#018734",GradientType=1);
}
.color_ORANGE:hover{
background: rgb(171,78,11);
background: -moz-linear-gradient(169deg, rgba(171,78,11,1) 0%, rgba(253,160,94,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(171,78,11,1) 0%, rgba(253,160,94,1) 100%);
background: linear-gradient(169deg, rgba(171,78,11,1) 0%, rgba(253,160,94,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ab4e0b",endColorstr="#eb6a0e",GradientType=1);
}
.color_RED:hover{
background: rgb(158,15,26);
background: -moz-linear-gradient(169deg, rgba(158,15,26,1) 0%, rgba(255,79,92,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(158,15,26,1) 0%, rgba(255,79,92,1) 100%);
background: linear-gradient(169deg, rgba(158,15,26,1) 0%, rgba(255,79,92,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9e0f1a",endColorstr="#f21526",GradientType=1);
}
.color_BLACK:hover{
background: rgb(0,0,0);
background: -moz-linear-gradient(169deg, rgba(0,0,0,1) 0%, rgba(81,81,81,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(0,0,0,1) 0%, rgba(81,81,81,1) 100%);
background: linear-gradient(169deg, rgba(0,0,0,1) 0%, rgba(81,81,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#212020",GradientType=1);
}
.color_SILVER:hover{
background: rgb(221,221,219);
background: -moz-linear-gradient(169deg, rgba(152,152,152,1) 0%, rgba(240,240,230,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(152,152,152,1) 0%, rgba(240,240,230,1) 100%);
background: linear-gradient(169deg, rgba(152,152,152,1) 0%, rgba(240,240,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#989898",endColorstr="#dddddb",GradientType=1);
}
.color_PURPLE:hover{
background: rgb(50,5,73);
background: -moz-linear-gradient(169deg, rgba(50,5,73,1) 0%, rgba(82,8,119,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(50,5,73,1) 0%, rgba(82,8,119,1) 100%);
background: linear-gradient(169deg, rgba(50,5,73,1) 0%, rgba(82,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#320549",endColorstr="#520877",GradientType=1);
}
.color_WHITE:hover{
background: rgb(200,198,198);
background: -moz-linear-gradient(169deg, rgba(200,198,198,1) 0%, rgba(246,246,246,1) 100%);
background: -webkit-linear-gradient(169deg, rgba(200,198,198,1) 0%, rgba(246,246,246,1) 100%);
background: linear-gradient(169deg, rgba(200,198,198,1) 0%, rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c8c6c6",endColorstr="#ffffff",GradientType=1);
}  .fox-rows.seoblockmain {
border: 1px dotted var(--marketingsinfotwo);
border-radius: 3px;
margin-top: 25px;
}
.fox-rows.seoblockmain .fox-cols-1.titleblock {
border-bottom: 1px dotted var(--marketingsinfotwo);
background-color: var(--marketingsinfotwo);
color: var(--marketingsinfoone);
}
.moremakeormadel {
margin: 2px;
padding: 5px;
border: 1px solid var(--searchcolorfour);
float: left;
font-size: 14px;
border-radius: 3px;
} #slidescarcontainer {
width: 100%;
height: 100%;
white-space: nowrap;
font-size: 0;
transform: translateX(0);
}
.slidecarone {
width: 100%;
height: 100%;
display: inline-block;
background-size: contain;
background-position: center;
background-color: var(--searchcolorfour);
background-repeat: no-repeat;
}
.animate {
transition: all .5s ease-out;
}
.slidescarcontainermain {
width: 100% !important;
height: 517px !important;
max-width: 100%;
position: relative;
display: block;
margin: 0;
overflow: hidden;
background-color: var(--colorotherbutseven);
z-index: 9;
}  .flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.slider > div:not(.col), .slider > a, .slider > p, .slider > a > img, .slider > img {
width: 100%;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
width: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.flickity-slider > div:not(.col), .flickity-slider > a, .flickity-slider > p, .flickity-slider > a > img, .flickity-slider > img, .flickity-slider > figure {
width: 100% !important;
padding: 0;
margin: 0;
-webkit-transition: opacity .6s,-webkit-transform .6s,-webkit-box-shadow .6s;
transition: opacity .6s,-webkit-transform .6s,-webkit-box-shadow .6s;
-o-transition: transform .6s,opacity .6s,box-shadow .6s;
transition: transform .6s,opacity .6s,box-shadow .6s;
transition: transform .6s,opacity .6s,box-shadow .6s,-webkit-transform .6s,-webkit-box-shadow .6s;
} .searchareafilternavmobil.fox-rows {
width: 100%;
text-align: center;
border-radius: 3px;
cursor: pointer;
color: var(--marketingsinfofour);
background-color: var(--marketingsinfotwo);
display: none;
padding: 10px;
}
.searchareafilternavmobil.fox-rows:hover {
width: 100%;
text-align: center;
border-radius: 3px;
cursor: pointer;
color: var(--marketingsinfofour);
background-color: var(--colorotherhover);
} .uploadstatusinfo {
font-size: 12px;
}
.processuploadstep {
background-color: var(--colorotherinfobg);
display: block;
height: 2px;
position: absolute;
top: 2px;
}
.uplbuttondrop {
padding: 0px 0px;
float: left;
width: 100%;
}
.upload-btn-dropzone {
position: relative;
overflow: hidden;
display: inline-block;
}
.upload-btn-dropzone input[type="file"] {
font-size: 100px;
position: absolute;
left: 0;
top: 0px;
opacity: 0;
height: 60px;
max-height: 60px;
cursor: pointer;
}
.btn-fileupl {
width: 100%;
box-shadow: inset 0px 3px 3px 0px var(--marketingsinfotwo);
background: linear-gradient(to bottom, var(--marketingsinfotwo) 5%, var(--marketingsinfotwo) 100%);
background-color: var(--marketingsinfotwo);
border-radius: 3px;
display: inline-block;
cursor: pointer;
color: var(--marketingsinfofour);
font-family: Arial;
font-size: 15px;
font-weight: bold;
padding: 19px 76px;
text-decoration: none;
text-shadow: 0px -1px 0px var(--marketingsinfotwo);
border: 0px;
}  .divformapsmall{
border: 1px solid #ccc;
border-radius: 3px;
padding: 10px !important;
}
.uploadlablejob {
margin: 0px !important;
}
.moresmallinfo {
font-size: 12px;
padding: 0px 10px;
display: block;
float: left;
width: 100%;
}
.mainareajobsfron {
width: 100%;
position: relative;
float: left;
}
.jobsblockliste {
width: 100%;
position: relative;
float: left;
border: 1px solid #ccc;
padding: 20px;
border-radius: 3px;
margin-bottom: 20px;
}
.locationfronttitel {
font-size: 20px;
font-weight: bold;
color: var(--colorotherhover) !important;
}
.jobfronttitel h3 {
font-size: 26px;
margin-top: 15px;
margin-bottom: 15px;
}
.firstextfronttitel p, .firstextfronttitel {
font-size: 18px;
line-height: 22px;
}
.joboneblocktitlesmall {
font-size: 18px;
font-weight: bold;
font-style: italic;
}
.joboneblocktitle {
width: 100%;
position: relative;
display: block;
float: left;
background-color: var(--marketingsinfotwo) !important;
margin: 2px 0px;
padding: 10px 10px;
border-radius: 3px;
}
.joboneblocktitle:hover{
background-color: var(--colorotherhover) !important;
}
.joboneblocktitle a, .joboneblocktitle a:hover {
color: var(--colorothertwo) !important;
display: block;
}
.joboneblocktitle a h2 {
font-size: 18px !important;
margin: 0px;
color: var(--colorothertwo) !important;
font-weight: normal !important;
}
.mainareajobsfron .jobdetailstitle h1 {
width: 100%;
position: relative;
color: var(--marketingsinfotwo) !important;
margin: 0px;
font-size: 32px;
border-bottom: 1px solid var(--searchcolorfour) !important;
padding: 5px 10px;
}
.mainareajobsfron .fox-cols-1 h2 {
font-size: 24px !important;
margin: 0px;
color: var(--marketingsinfotwo) !important;
}
.mainareajobsfron .fox-cols-1 p {
padding: 0px 0px !important;
}
.mainareajobsfron .detailsjobcontent p {
padding: 0px 0px !important;
}
.fox-cols-1.frontjobssymbol {
text-align: right;
font-size: 14px;
}
.fox-cols-1.frontjobssymbol i {
color: var(--marketingsinfotwo) !important;
}
.fox-cols-1.detailsjobcontent {
border: 1px solid var(--searchcolorfour);
border-radius: 3px;
} .backlinklocation {
width: 100%;
padding: 5px;
float: left;
} .locationmorebutton {
position: absolute;
width: calc(100% - 20px);
bottom: 10px;
}
.locationmorebutton a {
width: 100%;
position: relative;
float: left;
text-align: center;
background-color: var(--marketingsinfotwo) !important;
padding: 10px;
border-radius: 3px;
color: var(--marketingsinfoone) !important;
cursor: pointer;
}
.locationmorebutton a:hover {
width: 100%;
position: relative;
float: left;
text-align: center;
background-color: var(--colorotherhover) !important;
padding: 10px;
border-radius: 3px;
color: var(--marketingsinfoone) !important;
cursor: pointer;
}
.locationadress h4 {
font-size: 18px !important;
position: relative;
float: left;
width: 100%;
padding: 0px;
margin: 5px 0px 5px 0px;
color: var(--colorotherbutthree) !important;
}
.locationname h3 {
font-size: 22px !important;
position: relative;
float: left;
width: 100%;
padding: 0px;
margin: 20px 0px 5px 0px;
color: var(--marketingsinfotwo) !important;
}
.locationblock01 h4 {
font-size: 18px !important;
position: relative;
float: left;
width: 100%;
color: var(--colorotherbutthree) !important;
border-top: 1px solid var(--searchcolorfour);
margin-top: 20px;
padding-top: 10px;
}
.locationadress {
position: relative;
float: left;
width: 100%;
border-top: 1px solid var(--searchcolorfour);
margin-top: 10px;
padding-top: 10px;
}
.locationmainareaone .fox-cols-1 h1 {
width: 100%;
position: relative;
color: var(--marketingsinfotwo) !important;
margin: 0px;
font-size: 32px;
border-bottom: 1px solid var(--searchcolorfour) !important;
padding: 5px 10px;
}
.locationmainareadiv {
width: calc(33% - 10px);
padding: 10px;
position: relative;
float: left;
border: 0px solid var(--searchcolorfour);
margin: 5px;
border-radius: 3px;
padding-bottom: 63px !important;
}
.locationimgshow {
width: 100%;
padding: 0px;
display: block;
float: left;
}
.locationimgshow img {
width: 100%;
}
.locationmainareaone {
width: 100%;
position: relative;
float: left;
}
.locationmainareaone .locationmainareadiv{
width: calc(100% - 10px);
padding: 10px;
position: relative;
float: left;
border: 0px solid var(--colorotherone) !important;
margin: 5px;
border-radius: 3px;
}
.locationmapdiv {
position: relative;
float: left;
width: 100%;
display: block;
}
.opentimedivmainall {
width: 100%;
position: relative;
float: left;
border: 0px solid var(--marketingsinfotwo);
border-radius: 3px;
margin-bottom: 20px;
}
.dateclosed {
padding: 3px 5px;
margin: 2px;
border: 1px solid var(--colorotherone) !important;
position: relative;
float: left;
border-radius: 3px;
font-size: 12px;
}
.showfulltime {
width: 100%;
position: relative;
float: left;
border: 1px solid var(--colorotherone);
margin: 10px 0px;
background-color: var(--colorotherbutsix);
border-radius: 3px;
}
.teamgroupmaindiv {
width: 100%;
float: left;
position: relative;
border: 1px solid var(--colorotherone);
border-radius: 3px;
margin-bottom: 20px;
background-color: var(--colorotherbutsix);
}
.teamgrouptitle {
padding: 5px;
position: relative;
float: left;
width: 100%;
border-top: 0px solid var(--colorotherone) !important;
border-bottom: 1px solid var(--colorotherone) !important;
background-color: var(--colorotherbutsix) !important;
font-weight: bold;
}
.personendivmain {
width: calc(25% - 10px);
margin: 5px;
position: relative;
float: left;
border: 1px solid var(--colorotherone) !important;
padding: 10px;
background-color: var(--marketingsinfofour);
}
.personenimg {
width: 100%;
float: left;
position: relative;
display: block;
}
.personennames h3 {
width: 100%;
font-size: 18px !important;
margin: 10px 0px;
padding: 0px;
position: relative;
float: left;
color: var(--marketingsinfotwo) !important;
}
.personennames h4 {
width: 100%;
font-size: 16px !important;
margin: 0px 0px 10px 0px;
padding: 0px;
position: relative;
float: left;
color: var(--colorotherbutthree) !important;
}
.locationtitlemaindiv {
width: 100%;
position: relative;
float: left;
padding: 5px;
background-color: var(--marketingsinfotwo) !important;
color: var(--marketingsinfoone) !important;
font-size: 22px;
}
.locationmainareaone .locationmainareadiv .locationimgshow,
.locationmainareaone .locationmainareadiv .locationname,
.locationmainareaone .locationmainareadiv .locationadress
{
width: 50%;
padding: 10px;
display: block;
float: left;
}
.infosboxes {
font-size: 14px;
background-color: var(--marketingsinfoone);
color: var(--colorbgblack);
min-height: 50px;
padding: 10px;
border-radius: 3px;
display: block;
float: left;
width: 100%;
}
.closesmallinfobox {
position: absolute;
top: -25px;
right: -20px;
background-color: var(--marketingsinfoone);
padding: 5px 5px 0px 5px;
border-radius: 25px;
height: 35px;
width: 35px;
line-height: 25px;
font-size: 20px;
cursor: pointer;
}
.infoboxescontent {
line-height: 20px;
cursor: default;
}
#vehicleimagesfront {
border: 1px solid #ccc;
border-radius: 3px;
text-align: center;
background-color: #f4f4f4;
width: 100% !important;
}
#carimgages {
width: 100%;
display: block;
background-color: #fff;
float: left;
}
.carimglistul {
width: 200px;
position: relative;
list-style: none;
float: left;
margin: 5px;
border: 1px solid var(--primarysec);
border-radius: 3px;
height: 180px;
}
.carimglistul img {
max-height: 148px;
width: auto;
text-align: center;
max-width: 100%;
border-style: none;
}
.dz-image-preview{
display: none !important;
}
#carimglistdetspanul {
width: 100%;
position: relative;
float: left;
} .foxformblock #nexthumonth, .foxformblock #ezmonth {
float: left;
width: calc(50% - 5px) !important;
margin-right: 10px;
}
.foxformblock #nexthuyear, .foxformblock #ezyear {
float: left;
width: calc(50% - 5px) !important;
margin-right: 0px;
}
.foxformblock.blocksmall {
width: 25%;
}
.reloadcaptcha {
position: absolute;
width: calc(100% - 10px);
background-color: #ccc;
text-align: center;
height: 53px;
font-size: 28px;
opacity: 0.7;
cursor: pointer;
display: none;
border-radius: 3px;
line-height: 53px;
}
.dz-default.dz-message {
height: 200px !important;
}
.carbaydetdivoff {
display: none;
}
.boxcarbayevent{
cursor: pointer;
}
.eventsformmainstepdetails1,.eventsformmainstepdetails2,.eventsformmainstepdetails3,.eventsformmainstepdetails4,.eventsformmainreifenservice, .eventsformmainpurchase, .eventsformmainsearchrequest
{
border: 1px solid var(--colorotherlink) !important;
float: left;
padding: 10px;
border-radius: 3px;
}
.eventsformmainpurchase, .eventsformmainsearchrequest{
margin-bottom: 10px;
width: 100%;
}
.eventsformmainsearchrequest{
text-align: left !important;
}
.checkboxwauto {
border: 1px solid #ccc;
padding: 15px !important;
margin: 5px;
border-radius: 3px;
}
.eventsformmainstepdetails2, .eventsformmainstepdetails3, .eventsformmainstepdetails4
{
display:none;
}
.fullareadiv{
width: 100% !important;
}
#desireddate01, #desireddate02 {
width: calc(50% - 5px) !important;
float: left;
margin-right: 5px;
}
#desiredtime01, #desiredtime02 {
width: calc(50% - 5px) !important;
margin-right: 5px;
float: left;
}
.buttonarealeftservice {
width: 50%;
float: left;
}
.buttonarearightservice {
width: 50%;
float: left;
}
.foxcarslistebuttonrequestfull.buttonstepps01left, .foxcarslistebuttonrequestfull.buttonstepps02left, .foxcarslistebuttonrequestfull.buttonstepps03left, .foxcarslistebuttonrequestfull.buttonstepps04left {
width: 250px;
margin-right: auto;
position: relative;
float: unset;
}
.foxcarslistebuttonrequestfull.buttonstepps01, .foxcarslistebuttonrequestfull.buttonstepps02, .foxcarslistebuttonrequestfull.buttonstepps03, .foxcarslistebuttonrequestfull.buttonstepps04 {
width: 250px;
margin-left: auto;
position: relative;
float: unset;
}
.foxcarslistebuttonrequestfull.buttonreifenservice01, .foxcarslistebuttonrequestfull.buttoncallback01 {
width: 250px;
margin-right: auto;
position: relative;
float: unset;
}
.foxformblockfull.formsmalltext.checkboxwauto {
width: auto;
font-size: 18px !important;
}
.foxformblockfull.formsmalltext.checkboxwautotitle h3 {
font-size: 20px !important;
margin: 20px 0px !important;
color: var(--colorotherlink);
}
.foxformblockfull.formsmalltext.checkboxwauto input[type="checkbox"] {
-ms-transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
padding: 10px;
margin-right: 10px;
}
.eventsformmainstep {
width: 100%;
position: relative;
float: left;
height: 35px;
margin-bottom: 20px;
}
.eventsformmainstepactiv {
background-color: var(--searchcolorfive) !important;
color: var(--marketingsinfofour) !important;
}
.eventsformmainstepactiv:hover {
background-color: var(--searchcolorfive) !important;
color: var(--marketingsinfofour) !important;
}
.eventsformmainstep1.eventsformmainstepactiv,
.eventsformmainstep2.eventsformmainstepactiv,
.eventsformmainstep3.eventsformmainstepactiv {
cursor: pointer !important;
}
#servicetermineformblock .eventsformmainstep1,
#servicetermineformblock .eventsformmainstep2,
#servicetermineformblock .eventsformmainstep3,
#servicetermineformblock .eventsformmainstep4{
cursor: default;
}
.eventsformmainstep1 {
width: calc(25% - 2px);
position: relative;
float: left;
text-align: center;
background-color: var(--searchcolorfour);
color: var(--colorotherhover);
margin: 0px 1px;
border-radius: 3px;
cursor: pointer;
font-size: 22px;
}
.eventsformmainstep2 {
width: calc(25% - 2px);
position: relative;
float: left;
text-align: center;
background-color: var(--searchcolorfour);
color: var(--colorotherhover);
margin: 0px 1px;
border-radius: 3px;
cursor: pointer;
font-size: 22px;
}
.eventsformmainstep3 {
width: calc(25% - 2px);
position: relative;
float: left;
text-align: center;
background-color: var(--searchcolorfour);
color: var(--colorotherhover);
margin: 0px 1px;
border-radius: 3px;
cursor: pointer;
font-size: 22px;
}
.eventsformmainstep4 {
width: calc(25% - 2px);
position: relative;
float: left;
text-align: center;
background-color: var(--searchcolorfour);
color: var(--colorotherhover);
margin: 0px 1px;
border-radius: 3px;
cursor: pointer;
font-size: 22px;
}
.foxformblock.captchaimgform {
max-width: 250px;
}
.foxcarheader a:link, .foxcarheader a:visited, .foxcarheader a:active,
.foxformblockfull.openmapblock a:link, .foxformblockfull.openmapblock a:visited, .foxformblockfull.openmapblock a:active {
font-size: 18px !important;
color: var(--colorotherpage) !important;
}
.foxcarheader a:hover, .foxformblockfull.openmapblock a:hover {
font-size: 18px !important;
color: var(--colorotherhover) !important;
}
.secdetailsfrontleasingoff, .secdetailsfrontfinancingoff {
display: none;
}
.upeFront sup {
font-size: 10px;
}
.upeFront span {
text-decoration: line-through;
}
.financingnotizen.smallnotiz {
font-size: 12px;
line-height: 14px;
padding: 10px 0px 0px 0px;
position: relative;
float: left;
}
.financingnotizen {
padding: 0px 5px;
margin: 0px;
font-size: 14px;
}
.financingnotizen sup {
font-size: 10px;
}
div.smallnoticefooter {
line-height: 18px;
padding-top: 10px;
position: relative;
float: left;
}
p.financingnotizen {
line-height: 18px;
margin: 0px;
hyphens: auto;
font-size: 12px;
}
#leasingnotemptyoff.block-w0 {
display: none;
}
#finacingnotempty.block-w50 {
width: calc(50% - 10px);
}
#finacingnotemptyoff.block-w0 {
display: none;
}
.secdetailsfrontpricedetails.block-w100 {
width: calc(100% - 10px) !important;
}
.secdetailsfrontleasing.block-w0 {
display: none;
}
.secdetailsfrontfinancing.block-w0 {
display: none;
}
.secdetailsfrontprice.block-w100 {
width: 100% !important;
}
.secdetailsfrontfinancing.block-w50 {
width: calc(50% - 10px) !important;
}
.secdetailsfrontprice.block-w50,
.secdetailsfrontleasing.block-w50
{
width: calc(50% - 10px) !important;
}
.secdetailsfrontleasingdetailssimular.leasingfinacingbut.block-vw0 {
display: none;
}
.secdetailsfrontfinancingdetailssimular.leasingfinacingbut.block-vw0 {
display: none;
}
.secdetailsfrontpricedetails.block-w50,
.secdetailsfrontleasingdetails.leasingfinacingbut.block-w50,
.secdetailsfrontfinancingdetails.leasingfinacingbut.block-w50 {
width: calc(50% - 10px) !important;
}
.pricetagimgblockone.financingblocktag{
width: 70px !important;
height: 70px !important;
line-height: 22px !important;
font-size: 12px !important;
}
.pricetagimgblock.financingblocktag{
width: 100px !important;
height: 100px !important;
line-height: 20px !important;
font-size: 18px !important;
padding-top: 15px;
z-index: 9999;
}
.pricetagimgblockone.financingblocktag span {
font-size: 10px !important;
font-weight: normal !important;
line-height: 12px !important;
display: block !important;
}
.pricetagimgblock.financingblocktag span {
font-size: 14px !important;
font-weight: normal !important;
line-height: 22px !important;
display: block !important;
}
.marketingcarinfo {
width: 100%;
float: left;
margin-bottom: 5px;
background: var(--marketingsinfoone);
background: -moz-linear-gradient(90deg, var(--marketingsinfoone) 0%, var(--marketingsinfoone) 23%, var(--marketingsinfotwo) 100%);
background: -webkit-linear-gradient(90deg, var(--marketingsinfoseven) 0%, var(--marketingsinfoseven) 23%, var(--marketingsinfothree) 100%);
background: linear-gradient(90deg, var(--marketingsinfoone) 0%, var(--marketingsinfoone) 23%, var(--marketingsinfotwo) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="var(--marketingsinfofour)",endColorstr="var(--marketingsinfofive)",GradientType=1);
color: var(--marketingsinfosix);
text-align: right;
padding: 0px 10px 0px 10px;
font-size: 14px;
border-radius: 3px;
}
a.delsearchparameter:link, a.delsearchparameter:focus, a.delsearchparameter:visited, a.delsearchparameter:link:active {
border: 1px solid var(--searchcolorfour);
color: var(--searchcolortwo);
margin: 2px;
padding: 2px 5px;
border-radius: 4px;
position: relative;
float: left;
line-height: 16px;
font-size: 12px;
background-color: var(--searchcolorthree);
text-decoration: none;
}
a.delsearchparameter:hover {
background-color: var(--searchcolordel);
text-decoration: none;
}
.labledelseaarch {
margin: 0px !important;
display: inline;
padding: 0px 2px 0px 4px;
font-weight: bold;
}
.carsnotfound {
width: 100%;
text-align: center;
padding: 50px 10px;
color: var(--searchcolornotfound);
font-size: 18px;
}
.searchparameterdivs {
width: 100%;
border-bottom: 1px dotted var(--searchcolorfour);
position: relative;
float: left;
padding: 5px 0px;
}
.colorchoosedblockmain,
.featureschoosedblockmain,
.vehicleClasschoosedblockmain,
.categorychoosedblockmain,
.paymentchoosedblockmain {
width: 100%;
position: relative;
}
#amount_vehicleClass,
#amount_category,
#amount_payments {
width: 100%;
display: block;
font-weight: bold;
}
.vehicleClasschoosed img,
.categorychoosed img,
.paymentchoosed img {
margin-top: 4px;
}
.vehicleClasschoosedblock,
.categorychoosedblock,
.paymentchoosedblock {
width: 33%;
float: left;
font-size: 12px;
text-align: center;
position: relative;
}
.grouplable {
width: 100%;
border: 1px solid #d4d4d4;
border-radius: 3px;
padding: 5px 10px;
font-size: 14px;
color: #5b5b5b;
background-color: #ececec;
min-height: 35px;
cursor: pointer;
}
.grouplable::after {
position: absolute;
content: "";
top: 18px;
right: 5px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: var(--colorselse) transparent transparent transparent;
}
.grouplable.select-arrow-active:after {
border-color: transparent transparent var(--colorselse) transparent;
top: 10px;
}
.groupdataareamore {
padding: 2px 10px;
margin-top: 15px;
display: none;
}
.groupdataareamoreshow {
display: block;
}
.categorychoosedblock .colorchoosedtextsmall,
.vehicleClasschoosedblock .colorchoosedtextsmall,
.paymentchoosedblock .colorchoosedtextsmall {
line-height: 11px;
font-size: 10px;
margin-bottom: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 2px 5px;
}
#amount_colorgroup,
#amount_featuresgroup {
width: 100%;
display: block;
font-weight: bold;
}
.vehicleClasschoosed,
.categorychoosed,
.paymentchoosed {
border: 1px solid var(--categorycolorone);
padding: 4px;
border-radius: 3px;
margin: 2px;
cursor: pointer;
background-color: var(--categorycolortwo);
}
.vehicleClasschoosed:hover,
.categorychoosed:hover,
.paymentchoosed:hover {
background-color: var(--categorycolorthree);
}
.colorchoosedblock {
width: 52px;
float: left;
font-size: 12px;
text-align: center;
position: relative;
}
.featureschoosedblock {
width: 100%;
float: left;
font-size: 12px;
text-align: left;
position: relative;
}
.featureschoosedblockmain label {
margin: 10px 0px;
}
.colorchoosedblockmain label {
margin: 10px 0px;
}
.categorychoosedblockmain label {
margin: 10px 0px;
}
.featureschoosedblock input.featuresboxcheck,
.featureschoosedblock input.climatisationboxcheck{
padding: 0px !important;
margin: 0px 5px 4px 0px !important;
float: left;
width: 20px !important;
height: 20px !important;
}
.morefeaturesbuttonbott {
margin-top: 13px;
position: relative;
float: left;
padding-left: 5px;
color: var(--marketingsinfotwo);
cursor: pointer;
}
.featureschoosedblock.featuresblockmoreashidden {
display: none;
}
.featureschoosedblock.featuresblockmoreashidden.featuresblockmoreasshow{
display: block;
}
.colorchoosed i,
.vehicleClasschoosed i,
.categorychoosed i,
.paymentchoosed i
{
font-size: 24px;
display: block;
position: absolute;
width: 100%; color: var(--categorycolorfour);
}
.colorchoosed i{
top: 15px !important;
}
.colorchoosed {
background-color: var(--categorycolorone);
width: 50px;
float: left;
margin: 2px;
text-align: center;
height: 50px;
padding: 30px 0px 0px 0px;
border: 1px solid var(--categorycolorfive);
border-radius: 2px;
cursor: pointer;
}
.colorchoosedtextsmall {
position: relative;
float: left;
text-align: center;
width: 100%;
font-size: 11px;
color: #929aa3;
}
.divgradientsearchcolor{
background: var(--searchcolorfive); background: -moz-linear-gradient(-45deg,  var(--searchcolorfive) 0%, var(--searchcolorsix) 12%, var(--searchcolorfive) 24%, var(--searchcolorsix) 37%, var(--searchcolorsix) 37%, var(--searchcolorfive) 50%, var(--searchcolorsix) 62%, var(--searchcolorfive) 76%, var(--searchcolorsix) 88%, var(--searchcolorfive) 100%); background: -webkit-linear-gradient(-45deg,  var(--searchcolorfive) 0%,var(--searchcolorsix) 12%,var(--searchcolorfive) 24%,var(--searchcolorsix) 37%,var(--searchcolorsix) 37%,var(--searchcolorfive) 50%,var(--searchcolorsix) 62%,var(--searchcolorfive) 76%,var(--searchcolorsix) 88%,var(--searchcolorfive) 100%); background: linear-gradient(135deg,  var(--searchcolorfive) 0%,var(--searchcolorsix) 12%,var(--searchcolorfive) 24%,var(--searchcolorsix) 37%,var(--searchcolorsix) 37%,var(--searchcolorfive) 50%,var(--searchcolorsix) 62%,var(--searchcolorfive) 76%,var(--searchcolorsix) 88%,var(--searchcolorfive) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--searchcolorfive)', endColorstr='var(--searchcolorfive)',GradientType=1 ); }
.pageactiv {
background-color: var(--colorotherpage) !important;
}  .imgsimularmain {
max-height: 305px;
max-width: 100%;
position: relative;
float: left;
background-color: var(--colorotherone);
width: 100%;
text-align: center;
padding: 5px;
min-height: 220px;
}
.imgsimularmain img{
border-style: none;
vertical-align: top;
height: auto;
max-width: 395px;
max-height: 295px;
}
.secdetailsfrontleasingdetailssimular, .secdetailsfrontfinancingdetailssimular, .secdetailsfrontpricedetailssimular {
width: 100%;
text-align: center;
border: 1px solid var(--colorotherone);
border-radius: 3px;
margin-bottom: 5px;
}
.secdetailsfrontleasingdetailssimular.leasingfinacingbut.block-w0,
.secdetailsfrontfinancingdetailssimular.leasingfinacingbut.block-w0{
display: none;
}
.secdetailsfrontleasingdetailssimular p, .secdetailsfrontfinancingdetailssimular p, .secdetailsfrontpricedetailssimular p {
padding: 0px !important;
margin: 0px !important;
}
.classsimilarone {
width: calc(33% - 0px);
float: left;
position: relative;
margin: 0px;
padding: 20px;
margin-bottom: 20px;
}
.mainsimilararea {
margin-top: 20px;
position: relative;
float: left;
width: 100%;
}
.classsimilarone.colsonesim_1,
.classsimilarone.colsonesim_4,
.classsimilarone.colsonesim_7,
.classsimilarone.colsonesim_10,
.classsimilarone.colsonesim_13,
.classsimilarone.colsonesim_16,
.classsimilarone.colsonesim_19,
.classsimilarone.colsonesim_22,
.classsimilarone.colsonesim_25,
.classsimilarone.colsonesim_28 {
border: 1px solid var(--colorotherone);
width: calc(33% - 10px);
margin-right: 10px;
border-radius: 3px;
}
.classsimilarone.colsonesim_2,
.classsimilarone.colsonesim_5,
.classsimilarone.colsonesim_8,
.classsimilarone.colsonesim_11,
.classsimilarone.colsonesim_14,
.classsimilarone.colsonesim_17,
.classsimilarone.colsonesim_20,
.classsimilarone.colsonesim_23,
.classsimilarone.colsonesim_26,
.classsimilarone.colsonesim_29 {
border: 1px solid var(--colorotherone);
width: calc(33% - 10px);
margin-right: 5px;
margin-left: 5px;
border-radius: 3px;
}
.classsimilarone.colsonesim_0,
.classsimilarone.colsonesim_3,
.classsimilarone.colsonesim_6,
.classsimilarone.colsonesim_9,
.classsimilarone.colsonesim_12,
.classsimilarone.colsonesim_15,
.classsimilarone.colsonesim_18,
.classsimilarone.colsonesim_21,
.classsimilarone.colsonesim_24,
.classsimilarone.colsonesim_27,
.classsimilarone.colsonesim_30 {
border: 1px solid var(--colorotherone);
width: calc(33% - 10px);
margin-left: 10px;
border-radius: 3px;
}
.titlesimularmain{
min-height: 65px;
float: left;
width:100%;
}
.titlesimularmain h4,
.titlesimularmain h2 {
border-bottom: 1px solid var(--colorotherone) !important;
min-height: 65px !important;
color: var(--colorotherfour) !important;
padding: 0px !important;
margin: 20px 0px !important;
font-size: 16px !important;
font-weight: bold !important;
line-height: 20px !important;
}
#frontendcarmainarea .carsfrontlist .classsimilarone .foxmaincardetone.stingline {
min-height: 80px !important;
}
#frontendcarmainarea .carsfrontlist .classsimilarone {
width: calc(33% - 4px);
float: left;
position: relative;
margin: 0px;
margin-bottom: 0px;
padding: 5px;
margin: 5px 4px 20px 0px;
}
#frontendcarmainarea .carsfrontlist .classsimilarone .imgsimularmain a img {
max-width: 100% !important;
}
.classsimilarone .foxmaincardetone .energyEfficiencyClassBlock {
margin-top: -15px;
}
.classsimilarone .foxmaincardetone .secdetailsfront {
margin-bottom: 0px;
}
a.showcardetailssimular:link, a.showcardetailssimular:focus, a.showcardetailssimular:active, a.showcardetailssimular:visited {
background-color: var(--colorotherlink) !important;
padding: 10px 0px;
cursor: pointer;
color: var(--colorothertwo) !important;
border-radius: 3px;
width: 100%;
display: block;
position: relative;
float: left;
}
a.showcardetailssimular:hover {
background-color: var(--colorotherhover) !important;
padding: 10px 0px;
cursor: pointer;
color: var(--colorothertwo) !important;
border-radius: 3px;
width: 100%;
display: block;
position: relative;
float: left;
}
.secdetailsfront.cardatensmallsimular {
min-height: 108px;
}
.secdetailsfrontpricedetailssimular {
min-height: 92px;
}  .selectactcolortitle{
color:var(--colorotherfive) !important;
}
.searchparamsmall{
padding: 10px 0px 0px 0px !important;
}
.filtersearchsmall {
width: 100%;
float: left;
background-color: var(--colorotherlink);
color: var(--colorothertwo);
padding: 5px 15px;
border-radius: 3px;
margin-top: 20px;
cursor: pointer;
}
.filtersearchsmall:hover {
width: 100%;
float: left;
background-color: var(--colorotherhover);
color: var(--colorothertwo);
padding: 5px 15px;
border-radius: 3px;
margin-top: 20px;
cursor: pointer;
}
.searchform .filtersearchsmall {
width: 100%;
float: left;
background-color: var(--colorotherlink);
color: var(--colorothertwo);
padding: 5px 15px;
border-radius: 3px;
margin-top: 20px;
cursor: pointer;
height: 35px;
}
.searchform .filtersearchsmall:hover {
width: 100%;
float: left;
background-color: var(--colorotherhover);
color: var(--colorothertwo);
padding: 5px 15px;
border-radius: 3px;
margin-top: 20px;
cursor: pointer;
height: 35px;
}  .filterreset {
width: 100%;
float: left;
background-color: var(--colorotherlink);
color: var(--colorothertwo);
padding: 5px 15px;
border-radius: 3px;
margin-top: 20px;
cursor: pointer;
}
.filterreset:hover {
width: 100%;
float: left;
background-color: var(--colorotherhover);
color: var(--colorothertwo);
padding: 5px 15px;
border-radius: 3px;
margin-top: 20px;
cursor: pointer;
} .logintextblock {
width: 100%;
position: relative;
padding: 10px;
line-height: 22px;
color: var(--colorotherthree);
float: left;
min-height: 0px;
font-size: 18px;
}
.logintextblock span {
font-size: 14px;
} .verysmallinfo {
font-size: 11px;
text-align: center;
width: 100%;
display: block;
padding: 0px;
margin: 0px;
font-weight: bold;
}
.captchaimg{
width: 100%;
border: 1px solid var(--colorotherone);
border-radius: 3px;
}
.formcheckbox {
max-width: 25px !important;
float: left;
max-height: 10px;
}
.foxformblock select.errorfieldtitleborder, .foxformblock input.errorfieldtitleborder, .foxformblockfull input.errorfieldtitleborder, .foxformblockfull textarea.errorfieldtitleborder, .foxformblock textarea.errorfieldtitleborder, div.errorfieldtitleborder {
border:1px solid var(--colorotherinfoerr) !important;
}
.okfieldtitle {
color:var(--coloropenstatusgreen) !important;
}
.errorfieldtitle {
color:var(--colorotherinfoerr) !important;
}
.errorfield {
color: var(--colorotherinfoerr) !important;
background-color: var(--colorotherinfoerrbg) !important;
}
.errorfield::placeholder { color: var(--colorotherinfoerr);
opacity: 1; }
.errorfield:-ms-input-placeholder { color: var(--colorotherinfoerr);
}
.errorfield::-ms-input-placeholder { color: var(--colorotherinfoerr);
}
.mailmessageboxerror {
margin: 5px 0px 5px 0px;
padding: 5px 10px;
border: 1px solid var(--colorotherinfoerr);
border-radius: 3px;
text-align: center;
background-color: var(--colorotherinfoerrbg);
color: var(--colorotherinfoerr);
}
.mailmessagebox {
margin: 5px 0px 5px 0px;
padding: 5px 10px;
border: 1px solid var(--colorotherlink);
border-radius: 3px;
text-align: center;
background-color: var(--colorotherinfobg);
color: var(--colorotherlink);
}  .buttonrightcompare {
background-color: var(--colorotherbutone);
width: 30px;
height: 37px;
position: absolute;
z-index: 9999;
right: 0px;
text-align: center;
padding: 7px 0px;
opacity: 0.8;
cursor: pointer;
border-top: 1px solid var(--colorotherbutthree);
border-left: 1px solid var(--colorotherbutthree);
border-bottom: 1px solid var(--colorotherbutthree);
border-radius: 3px 0px 0px 3px;
color: var(--colorotherbuttwo);
}
.buttonleftcompare {
background-color: var(--colorotherbutone);
width: 30px;
height: 37px;
position: absolute;
z-index: 9999;
left: 10px;
text-align: center;
padding: 7px 0px;
opacity: 0.8;
cursor: pointer;
border-top: 1px solid var(--colorotherbutthree);
border-right: 1px solid var(--colorotherbutthree);
border-bottom: 1px solid var(--colorotherbutthree);
border-radius: 0px 3px 3px 0px;
color: var(--colorotherbuttwo);
}
.buttonrightcompare:hover, .buttonleftcompare:hover {
background-color: var(--colorotherbutonehover);
}
.comparebuttonarea {
width: calc(100% - 10px);
position: absolute;
}
.compareposonebuttonarea {
position: relative;
min-height: 58px !important;
}
.comparelistarea {
width: 100% !important;
position: relative !important;
margin: 5px 0px !important;
}
.comparelistareahref {
text-align: center !important;
padding: 5px 0px !important;
}
.carcomparefeaturestitle {
height: 300px;
}
.carcomparefeaturesvalues {
height: 300px;
overflow-y: scroll;
}
.comparefeaturesone {
font-size: 12px;
font-weight: normal;
line-height: 20px;
}
.compareposoneimg img {
max-height: 190px;
}
.carcomparelinetitle {
background-color: var(--colorotherbutfour) !important;
font-weight: bold !important;
}
.choosedcomparelist{
background-color: var(--colorotherbutfive) !important;
}
.comparecontainerlist {
overflow-x: hidden; }
.compareemptyfield {
padding: 0px;
margin: 0px !important;
text-align: center;
}
.comparecarblock .compareposone {
padding-left: 35px;
}
.compareposone {
background-color: var(--colorotherbutsix);
width: 100%;
font-size: 13px;
padding: 5px 10px;
border-bottom: 1px solid var(--colorotherone);
font-weight: normal;
min-height: 37px;
}
.compareposonecartitle {
background-color: var(--colorotherbuttwo);
width: 100%;
font-size: 13px;
padding: 5px 10px;
border-bottom: 1px solid var(--colorotherbuttwo);
font-weight: bold;
height: 60px;
border-top: 1px solid var(--colorotherone);
}
.compareposoneimg {
background-color: var(--colorotherbuttwo);
width: 100%;
font-size: 13px;
padding: 5px 10px;
border-bottom: 1px solid var(--colorotherbuttwo);
font-weight: bold;
height: 200px;
text-align: center;
background-color: var(--colorotherbutfour) !important;
}
.dividerpage {
width: 45px;
height: 45px;
text-align: center;
border: 1px solid var(--colorotherone);
border-radius: 3px;
margin: 1px;
color: var(--colorotherlink);
display: inline-block;
padding: 5px 10px;
}
.paginatorshort {
width: 100%;
text-align: center;
color: var(--colorotherbuttwo) !important;
}
span.pagechoosepaginator {
padding: 0px 10px;
position: relative;
background-color: var(--colorotherlink);
color: var(--colorotherbuttwo) !important;
border-radius: 3px;
box-sizing: border-box;
width: 45px;
height: 45px;
text-align: center;
margin: 1px;
margin-top: 1px;
display: inline-block;
margin-top: 5px;
text-decoration: none;
line-height: 45px;
}
span.pagechoosepaginator:hover,
span.pagechoosepaginator.pagechooseactive {
padding: 0px 10px;
position: relative;
background-color: var(--colorotherhover);
color: var(--colorotherbuttwo) !important;
border-radius: 3px;
box-sizing: border-box;
width: 45px;
height: 45px;
text-align: center;
margin: 1px;
margin-top: 1px;
display: inline-block;
margin-top: 5px;
text-decoration: none;
line-height: 45px;
cursor: pointer;
} .mainsimilarareacars {
width: 100%;
position: relative;
float: left;
border-radius: 3px;
} a.hrefpage:active,
a.hrefpage:focus,
a.hrefpage:link,
a.hrefpage:after,
a.hrefpage:before,
a.hrefpage:visited {
padding: 0px 10px;
position: relative;
background-color: var(--colorotherlink);
color: var(--colorotherbuttwo) !important;
border-radius: 3px;
box-sizing: border-box;
width: 45px;
height: 45px;
text-align: center;
margin: 1px;
display: inline-block;
margin-top: 5px;
text-decoration: none;
line-height: 45px;
}
a.hrefpage:hover {
background-color: var(--colorotherhover);
color: var(--colorotherbuttwo) !important;
}
a.hrefpage.pageactiv {
background-color: var(--colorotherhover) !important;
}
.paginatorarea {
width: 100%;
text-align: center;
color: var(--colorotherbuttwo) !important;
}
.foxrowopentime {
width: 100%;
float: left;
position: relative;
}
.foxrowopentime div:nth-child(1), .foxrowopentime div:nth-child(2), .foxrowopentime div:nth-child(3), .foxrowopentime div:nth-child(4), .foxrowopentime div:nth-child(5) {
width: 20%;
float: left;
text-transform: uppercase;
}
.foxrowopentime div:nth-child(2), .foxrowopentime div:nth-child(3), .foxrowopentime div:nth-child(4), .foxrowopentime div:nth-child(5) {
width: 20%;
float: left;
text-transform: uppercase;
padding: 2px 15px;
border-bottom: 1px solid var(--colorotherone);
}
.foxrowopentime div:nth-child(2), .foxrowopentime div:nth-child(4) {
background-color: var(--colorotherbuttwo);
}
.foxrowopentime div:nth-child(3), .foxrowopentime div:nth-child(5) {
background-color: #f7f5f5;
}
.foxrowopentime.newdayclass div:nth-child(1) {
background-color: var(--colorotherlink);
color: var(--colorotherbuttwo);
}
.foxrowopentime.newdayclass div:nth-child(2), .foxrowopentime.newdayclass div:nth-child(4) {
background-color: var(--coloropenstatusone);
}
.foxrowopentime.newdayclass div:nth-child(3), .foxrowopentime.newdayclass div:nth-child(5) {
background-color: var(--coloropenstatusonet);
}
.foxrowopentime.newdayclass.statusoff div:nth-child(1) {
background-color: var(--coloropenstatustwo);;
color: var(--colorotherbuttwo);
}
.foxrowopentime.newdayclass.statusoff div:nth-child(2), .foxrowopentime.newdayclass.statusoff div:nth-child(4) {
background-color: var(--coloropenstatusthree);
}
.foxrowopentime.newdayclass.statusoff div:nth-child(3), .foxrowopentime.newdayclass.statusoff div:nth-child(5) {
background-color: var(--coloropenstatusthree);
}
.dayshow {
width: 40% !important;
}
.dayhidden {
display: none;
}
.smallareacarslider {
top: 30px !important;
}
#finacingnotempty, #leasingnotempty{
cursor:pointer;
}
.contactpersonsecdiv:nth-child(2),
.contactpersonsecdiv:nth-child(3),
.contactpersonsecdiv:nth-child(4),
.contactpersonsecdiv:nth-child(5),
.contactpersonsecdiv:nth-child(6) {
line-height: 26px;
padding: 0px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.contactpersonsecdiv:nth-child(2) {
font-weight: bold;
}
.contactpersonsecdiv:nth-child(1) {
width: 100%;
min-height: 252px;
border: 1px solid var(--colorotherone);
padding: 5px;
border-radius: 3px;
margin-bottom: 18px;
text-align: center;
background-color: var(--colorotherbutfour);
}
.contactpersonsecdiv:nth-child(1) img {
border-style: none;
vertical-align: top;
width: 100%;
height: auto;
}
.foxrowopentime div:nth-child(1) {
font-weight: bold;
text-align: right;
padding: 2px 10px;
background-color: var(--colorotherone);
margin-bottom: 1px;
float: left;
}
.showcaresaledata .priceblocksaleccs .bigfontsale,
.showcaresaledata .priceblocksaleccs .fox-cols-1,
.showcaresaledata .priceblocksaleccs .fox-cols-2,
.showcaresaledata .priceblocksaleccs .fox-cols-3,
.showcaresaledata .blockdatadetails .fox-cols-1,
.showcaresaledata .blockdatadetails .fox-cols-2,
.showcaresaledata .blockdatadetails .fox-cols-3{
font-weight: normal;
}
.showcaresaledata .blockdatadetails .fox-cols-2 {
width: 50%;
position: relative;
float: left;
padding: 5px 10px !important;
box-sizing: border-box !important;
font-size: 18px;
line-height: 24px;
font-weight: normal;
hyphens: auto;
}
.showcaresaledata .blockdatadetails .fox-cols-4,
.showcaresaledata .blockdatadetails .fox-cols-3 {
padding: 5px 10px !important;
box-sizing: border-box !important;
font-size: 18px;
line-height: 24px;
font-weight: normal;
hyphens: auto;
}
.foxcardetailsshow .elementor img {
width: 100%;
} .fox-rows {
width: calc(100% - 4px);
float: left;
position: relative;
margin: 2px 0px;
}
.fox-cols-1 {
width: 100%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.colssec {
padding: 0px;
}
.fox-cols-2 {
width: 50%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-60 {
width: 60%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-40 {
width: 40%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-3wp {
width: 298px;
position: relative;
float: left;
padding: 0px 10px;;
box-sizing: border-box;
}
.fox-cols-3 {
width: 33.3%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-30 {
width: 30%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-4 {
width: 25%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-70 {
width: 70%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-75 {
width: 75%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-5 {
width: 20%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-6 {
width: 16.66%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-7 {
width: 14.28%;
position: relative;
float: left;
padding: 5px 10px;,
box-sizing: border-box;
}
.fox-cols-8 {
width: 12.5%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-9 {
width: 11.11%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-10 {
width: 10%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-11 {
width: 9.09%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-12 {
width: 8.33%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.fox-cols-13 {
width: 7%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}  .foxcatimgboxbig {
border: 2px solid var(--colorotherbuttwo);
border-radius: 3px;
}
.foxcatimgboxbig img {
height: auto !important;
}
.carimagesblock {
width: 250px;
min-height: 243px;
display: block;
float: left;
}
.carimagesblock img{
border-style: none;
vertical-align: top;
max-width: 100%;
height: auto;
width: 100% !important;
}
.foximagecontaner {
width: 100%;
background-color: var(--colorotherone);
min-height: 187px;
position: relative;
}
.carsinfoafterimage a {
text-decoration: none !important;
}
.carsinfoafterimage {
width: 100%;
min-height: 70px;
text-decoration: none;
}
.carsinfoafterimage {
text-align: center;
font-size: 14px;
font-weight: bold;
padding: 5px;
text-decoration: none;
}
.energyEfficiencyClassBlock {
width: 45px;
position: absolute;
background-color: var(--colorotherlink);
text-align: center;
color: var(--colorotherbuttwo);
right: 10px;
font-size: 12px;
border-radius: 0px 0px 3px 3px;
font-weight: bold;
top: -6px;
padding: 0px 5px;
}
.energyEfficiencyClassBlock.eeffblock2 {
right: 58px;
}
.foxcaroneview {
width: 100%;
border: 1px solid var(--colorotherone);
padding: 10px;
margin-bottom: 10px;
border-radius: 3px;
float: left;
-webkit-box-shadow: 1px 1px 8px -4px rgba(204,204,204,0.68);
box-shadow: 1px 1px 8px -4px rgba(204,204,204,0.68);
transition: box-shadow 500ms;
}
.foxcaroneview:hover, .classsimilarone:hover{
-webkit-box-shadow: 4px 4px 10px -4px rgba(0,0,0,0.68);
box-shadow: 4px 4px 10px -4px rgba(0,0,0,0.68);
}
.classsimilarone {
-webkit-box-shadow: 1px 1px 8px -10px rgba(0,0,0,0.68);
box-shadow: 1px 1px 8px -10px rgba(0,0,0,0.68);
transition: box-shadow 500ms;
}
.foxcaronetitel h2 {
font-size: 18px !important;
margin-bottom: 10px;
}
.carothersinfos {
width: calc(100% - 250px);
display: block;
float: left;
min-height: 274px;
padding-left: 15px;
}
.secdetailsfrontfinancingdetailssimular.leasingfinacingbut.block-w50
{
font-size: 20px;
}
.leasingnotizenviewzwei
{
font-size: 10px;
position: relative;
display: block;
width: 100%;
float: left;
margin-top: 5px;
}
.foxmaincardet {
width: 100%;
position: relative;
float: left;
color: var(--colorotherbutseven);
font-size: 12px;
min-height: 0px;
}
.foxmaincardetone{
width: 100%;
position: relative;
float: left;
color: var(--colorotherbutseven);
font-size: 13px;
min-height: 0px;
}
.salesareamaindiv .foxmaincardetone {
font-size: 14px;
line-height: 16px;
font-weight: normal;
}
.salesareamaindiv .foxcarattrbox {
font-size: 16px;
line-height: 22px;
font-weight: normal;
}
.salesareamaindiv .foxmaincardetone.stingline {
margin-bottom: 5px;
}
.salesareamaindiv .financingnotizen.smallnotiz {
font-size: 12px;
line-height: 14px;
padding: 10px 0px 0px 0px;
position: relative;
float: left;
font-weight: normal;
}
.salesareamaindiv .secdetailsfrontleasingdetailssimular.leasingfinacingbut {
font-size: 16px;
line-height: 24px;
padding: 5px 0px;
font-weight: normal;
}
.salesareamaindiv .secdetailsfrontfinancingdetailssimular.leasingfinacingbut {
font-size: 16px;
line-height: 24px;
padding: 5px 0px;
font-weight: normal;
}
.salesareamaindiv .secdetailsfrontpricedetailssimular {
font-size: 16px;
line-height: 24px;
padding: 5px 0px;
font-weight: normal;
}
.salesareamaindiv .secdetailsfrontpricedetailssimular .PriceGrossFront {
font-size: 20px;
font-weight: normal;
}
.salesareamaindiv .secdetailsfrontpricedetailssimular .VatFront {
font-size: 12px;
font-weight: normal;
}
.salesareamaindiv .secdetailsfrontpricedetailssimular .VatstatusFront {
font-size: 14px;
font-weight: normal;
}
.foxcarattrbox span {
font-size: 12px;
}
.foxcarattrboxdetails span {
font-size: 12px;
line-height: 26px;
}
.salesareamaindiv .secdetailsfrontpricedetailssimular {
min-height: 20px;
}
.salesareamaindiv .foxcarslistebuttonrequestfull.sendcontactrequest {
font-size: 20px;
}
.salesareamaindiv .foxformblockfull.formsmalltext p {
font-size: 14px;
}
.foxcarattrboxdetails {
float: left;
padding: 10px 15px 10px 0px;
}
.foxcarattrbox {
float: left;
position: relative;
padding-right: 20px;
}
.foxcaronetitel {
border-bottom: 1px solid var(--colorotherone);
margin-bottom: 5px;
}
.finazingMonthlyRate {
font-weight: bold;
font-size: 20px;
margin: 5px 0px 0px 0px !important;
padding: 0px !important;
line-height: 12px;
}
.frontendmainarea sup
{
top: -1.0em !important;
}
.blackopacity {
width: 100%;
background-color: var(--colorbgblack);
position: absolute;
height: 100%;
z-index: 999;
opacity: 0.3;
left: 0px;
top: 0px;
}
.loaderblock {
width: 100%;
text-align: center;
margin-top: 20px;
float: left;
font-size: 64px;
position: absolute;
color: var(--colorotherbuttwo);
z-index: 9999;
}
.highlightedval {
font-weight: bold;
font-size: 16px;
}
.firstInstallmentCSS {
font-size: 12px;
padding: 3px 0px;
margin-bottom: 0px !important;
}
.secdetailsfront {
min-height: 24px;
line-height: 22px;
}
.secdetailsfrontother {
min-height: 24px;
line-height: 18px;
}
.secdetailsfrontleasing {
width: 33%;
position: relative;
float: left;
text-align: center;
}
.fiftyblock {
width: 50% !important;
}
.secdetailsfrontfinancing {
width: 33%;
position: relative;
float: left;
text-align: center;
border-left: 1px dotted;
min-height: 78.43px;
}
.finazingblocktitle {
margin-top: 12px !important;
padding: 0px;
margin-bottom: 0px !important;
}
.secdetailsfrontprice {
width: 33%;
position: relative;
float: left;
text-align: center;
border-left: 1px dotted;
min-height: 78.43px;
}
.secdetailsfrontprice .PriceGrossFront {
padding: 0px;
margin: 0px;
}
.secdetailsfrontprice .VatFront {
padding: 0px;
margin: 0px;
line-height: 12px;
margin-top: 5px;
}
.secdetailsfrontprice .VatstatusFront {
padding: 0px;
margin: 0px;
line-height: 12px;
}
.salecaracters {
font-size: 11px;
line-height: 14px;
}
.frontendmainarea .salecaracters sup {
top: -0.5em !important;
font-size: 7px;
font-weight: bold;
}
.secdetailsfrontleasingdetails {
width: calc(33% - 10px);
float: left;
padding: 10px;
border: 1px solid var(--colorotherone);
border-radius: 3px;
margin: 0px 5px;
text-align: center;
padding-bottom: 10px;
min-height: 50px;
}
.foxcartitleliste{
overflow: hidden;
-moz-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.secdetailsfrontleasingdetails p,
.secdetailsfrontfinancingdetails p{
font-size: 20px;
font-weight: bold;
margin-bottom: 0px !important;
}
.secdetailsfrontleasingdetails p sup,
.secdetailsfrontfinancingdetails p sup {
font-size: 12px;
}
.secdetailsfrontfinancingdetails {
width: calc(33% - 10px);
float: left;
padding: 10px;
border: 1px solid var(--colorotherone);
border-radius: 3px;
margin: 0px 5px;
text-align: center;
padding-bottom: 10px;
min-height: 50px;
}
.secdetailsfrontpricedetails {
width: calc(33% - 10px);
float: left;
padding: 10px;
border: 1px solid var(--colorotherone);
border-radius: 3px;
margin: 0px 5px;
text-align: center;
padding-bottom: 10px;
min-height: 50px;
}
.secdetailsfrontpricedetails .PriceGrossFront {
font-size: 20px;
height: 30px !important;
}
.secdetailsfrontpricedetails p {
margin-bottom: 0px !important;
padding: 0px !important;
height: 12px;
}
.upeFront {
font-size: 18px;
font-weight: bold;
color: var(--colorupered);
height: 24px !important;
margin-bottom: 0px !important;
}
.PriceGrossFront {
font-size: 16px;
font-weight: bold;
height: 22px !important;
}
.VatFront {
font-size: 11px;
}
.VatstatusFront {
font-size: 11px;
}
.priceblockmain {
margin-top: 10px;
border: 1px dotted;
background-color: var(--colorpriceblock);
border-radius: 3px;
}
.finazingMonthlyRate sup {
font-size: 9px;
}
.priceblockmaindetails {
margin-top: 0px;
border: 0px dotted;
width: 100%;
float: left;
position: relative;
}
.foxcarslistebutton {
width: calc(25% - 10px);
float: left;
margin: 5px;
padding: 5px;
background-color: var(--colorotherlink) !important;
text-align: center;
color: var(--colorotherbuttwo) !important;
border-radius: 3px;
cursor: pointer;
text-decoration: none !important;
}
.foxcarslistebutton:hover {
width: calc(25% - 10px);
float: left;
margin: 5px;
padding: 5px;
background-color: var(--colorotherhover) !important;
text-align: center;
color: var(--colorotherbuttwo) !important;
border-radius: 3px;
cursor: pointer;
}
.foxcarslistebutton.showformpurchasecardetails {
width: calc(100% - 10px) !important;
}
.searchsaverequest {
width: 100%;
max-width: 240px;
float: left;
margin: 0px 0px 0px 15px;
padding: 5px;
background-color: var(--colorotherlink) !important;
text-align: center;
color: var(--colorotherbuttwo) !important;
border-radius: 3px;
cursor: pointer;
}
.searchsaverequest:hover {
width: 100%;
max-width: 240px;
float: left;
margin: 0px 0px 0px 15px;
padding: 5px;
background-color: var(--colorotherhover) !important;
text-align: center;
color: var(--colorotherbuttwo) !important;
border-radius: 3px;
cursor: pointer;
} .selectboxfront {
width: 100%;
min-height: 40px;
font-size: 16px;
}
.rangearea label {
font-weight: bold;
display: inline-block;
line-height: 1px;
vertical-align: middle;
padding-bottom: 10px;
}
.searchform .rangearea label {
font-weight: bold;
display: inline-block;
line-height: 1px;
vertical-align: middle;
padding-bottom: 20px;
}
.sortandsearchparamarea {
width: 100%;
height: 50px;
position: relative;
border-bottom: 1px dotted var(--colorotherone) !important;
padding: 0px 0px 10px 0px;
}
.searchparameterarea {
width: 60%;
float: left;
position: relative;
height: 40px;
}
.sortparameterarea {
width: 40%;
height: 40px;
float: left;
position: relative;
}
#carsfrontlist {
width: 100%;
position: relative;
float: left;
min-height: 50px;
}
.newvalsdinamicleft {
width: 50%;
float: left;
text-align: left;
font-size: 14px;
padding-top: 5px;
}
.newvalsdinamiclefr {
width: 50%;
float: left;
text-align: right;
font-size: 14px;
padding-top: 5px;
}
#frontendcarsearch .searchparam {
padding: 0px;
margin-bottom: 5px;
}
.searchparam .selectparameter {
height: 35px;
padding: 5px;
width: 100%;
border: 1px solid var(--colorotherone);
border-radius: 3px;
font-size: 16px;
line-height: 40px;
margin-bottom: 5px;
}
.searchparam {
position: relative;
}
.make_css { }
.model_css { }
.searchparam select {
display: none; }
.select-selected {
background-color: var(--colorotherbutfour);
}
.searchparam .selectparameter.rangegroup {
height: 35px;
padding: 5px;
width: 90%;
border: 1px solid var(--colorotherone);
border-radius: 3px;
font-size: 16px;
line-height: 40px;
margin-bottom: 5px;
margin-left: 5%;
margin-right: 5%;
}
.searchparam datalist {
display: block ruby;
width: 100%;
}
.ui-draggable, .ui-droppable {
background-position: top;
} .searchform .select-selected:after {
position: absolute;
content: "";
top: 28px;
right: 5px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: var(--colorselse) transparent transparent transparent;
}
.searchform .searchparamsmall .select-selected:after {
position: absolute;
content: "";
top: 18px;
right: 5px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: var(--colorselse) transparent transparent transparent;
}
.searchform .searchparamsmall .select-selected.select-arrow-active::after {
border-color: transparent transparent var(--colorselse) transparent;
top: 10px;
}
.searchform .searchparamsmall .select-items {
top: 36px;
}
.select-selected:after {
position: absolute;
content: "";
top: 18px;
right: 5px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: var(--colorselse) transparent transparent transparent;
} .searchform .select-selected.select-arrow-active:after {
border-color: transparent transparent var(--colorselse) transparent;
top: 22px;
}
.select-selected.select-arrow-active:after {
border-color: transparent transparent var(--colorselse) transparent;
top: 10px;
} .select-items div, .select-selected {
color: var(--colorselse);
padding: 0px 8px 0px 8px;
border: 1px solid transparent;
border-color: transparent transparent var(--colorselgradblack) transparent;
cursor: pointer;
border-radius: 3px;
font-size: 13px;
min-height: 35px !important;
line-height: 35px !important;
border: 1px solid #d4d4d4;
} .loadingsmallsearchform i {
font-size: 55px;
}
.loadingsmallsearchform {
text-align: center;
}
.divhiddensearchsmall {
opacity: 0;
}
.select-items {
position: absolute;
background-color: var(--colorotherbuttwo);
top: 100%;
left: 0;
right: 0;
z-index: 99;
border-left: 1px solid var(--colorotherfive);
border-bottom: 1px solid var(--colorotherfive);
border-right: 1px solid var(--colorotherfive);
overflow-y: scroll;
max-height: 320px;
top: 36px;
}
.select-items.noscroll {
overflow: unset;
}
.searchform .select-items {
top: 42px;
} .select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: var(--colorotherfive);
border-radius: 0px !important;
color: var(--colorotherbuttwo) !important;
}
.noticecompare {
position: absolute;
right: 0px;
top: 15px;
width: 240px;
font-size: 12px;
}
.noticealllist, .comparealllist {
width: 120px;
float: left;
cursor: pointer;
}
.comparealllist {
width: 120px;
float: left;
cursor: pointer;
}
a.showcardetails {
background-color: var(--colorotherlink);
padding: 10px 0px;
cursor: pointer;
color: var(--colorotherbuttwo) !important;
border-radius: 3px;
width: 100%;
display: block;
}
a.showcardetails:hover {
background-color: var(--colorotherhover);
padding: 10px 0px;
cursor: pointer;
color: var(--colorotherbuttwo) !important;
border-radius: 3px;
width: 100%;
display: block;
}
.loader {
width: 100%;
text-align: center;
margin-top: 20px;
float: left;
font-size: 64px;
} .noticeoff i, .noticeoff i:hover, .compareoff i, .compareoff i:hover {
color: var(--inforedcolor);
cursor: pointer;
}
.foxcardetailsshow {
width: 100%;
position: relative;
float: left;
margin-top: 0px;
padding: 0px 10px 0px 10px;
}
.foxcarheader {
width: 100%;
border-bottom: 1px solid var(--colorotherone) !important;
padding-bottom: 25px;
margin-bottom: 25px;
display: block;
float: left;
}
.foxcarfullrow {
width: 100%;
border-bottom: 0px solid var(--colorotherone) !important;
padding-bottom: 0px;
margin-bottom: 0px;
display: block;
float: left;
position: relative;
}
.downloadcarinfosaspdf span {
padding-right: 10px;
border-right: 1px solid var(--colorotherlink) !important;
margin-right: 5px;
cursor: pointer;
}
.downloadcarinfosaspdf {
position: absolute;
display: block;
z-index: 9;
right: 0px;
margin-right: 10px;
top: -25px;
color: var(--colorotherlink) !important;
}
.downloadcarinfosaspdf span:hover {
color:var(--colorotherhover) !important;
}
.foxbigslidercont a i {
width: 20%;
font-size: 60px;
}
.foxdetailscar {
width: 59%;
padding: 0px 20px 0px 20px;
position: relative;
float: left;
}
.foxtextdetails {
position: relative;
display: block;
float: left;
width: 100%;
}
.foxdetailscarsec {
width: 50%;
padding: 0px 0px 0px 20px;
position: relative;
float: left;
}
.foxdetailscarattr {
width: 59%;
padding: 0px 20px 0px 20px;
position: relative;
float: left;
}
.foxdetailscarfeatures {
width: 41%;
padding: 0px 20px 0px 20px;
position: relative;
float: left;
}
.foxcartitle h1 {
font-size: 24px !important;
color: var(--colorotherbuteight) !important;
margin-top: 0px !important;
margin-bottom: 20px !important;
}
.foxcartitle h1.maintitlecardetails {
font-size: 24px !important;
color: var(--colorotherbuteight) !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.foxcartitle h2.secondtitlecardetails {
font-size: 14px !important;
color: var(--colorotherbuteight) !important;
margin-top: 0px !important;
margin-bottom: 10px !important;
font-weight: normal !important;
cursor: pointer;
}
.mainvalfoxsec h3 {
margin: 0px !important;
padding: 0px !important;
font-size: 15px !important;
font-weight: normal !important;
color: var(--colorotherbutseven) !important;
}
.foxcarimgdiv {
width: 50%;
position: relative;
float: left;
}
.foxcardetailsshow .foxcartitle .foxcarintnr {
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
color: var(--colorotherbuteight);
right: 5px;
bottom: 0px;
float: unset;
width: 150px;
text-align: right;
position: absolute;
left: unset;
}
.foxcarintnr { margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
color: var(--colorotherbuteight);
left: 5px;
bottom: 0px;
float: unset;
width: 150px;
text-align: left;
position: relative;
}
.foxcarinfoicon {
margin-bottom: 10px;
font-size: 16px;
}
.foxcarinfoicondetails {
margin-bottom: 10px;
font-size: 26px;
}
.foxcarinfoicondetailssec {
margin-bottom: 0px;
font-size: 28px;
padding: 0px 5px 0px 5px;
}
.foxcarattrboxdetails span {
font-size: 14px;
}
.cartechnikdetailsmain {
width: 100%;
position: relative;
float: left;
margin-top: 20px;
}
.cartechnikdetailssec {
width: 100%;
position: relative;
float: left;
margin-top: 0px;
padding: 0px 5px;
}
.foxcardetailsblocksec {
width: 100%;
position: relative;
float: left;
}
.mainlabelvalfoxsec {
width: 100%;
position: relative;
float: left;
font-size: 16px;
color: var(--colorotherbutseven);
padding-right: 5px;
}
.servicenavsec {
width: 45%;
position: relative;
float: left;
padding-right: 5px;
}
.accordnavsec {
width: 100%;
position: relative;
float: left;
margin-top: 5px;
height: 50px;
}
.accordbuttondet {
padding: 5px 12px 5px 12px;
position: relative;
float: left;
height: 50px;
padding-top: 10px;
margin-right: 2px;
background-color: var(--colorotherone);
color: var(--colorotherbutseven);
border-radius: 3px 3px 0px 0px;
cursor: pointer;
border-right: 2px solid var(--colorotherone);
border-top: 2px solid var(--colorotherone);
border-left: 2px solid var(--colorotherone);
border-bottom: 0px solid var(--colorotherbuttwo);
}
.accordbuttondet:hover {
padding: 5px 12px 5px 12px;
position: relative;
float: left;
height: 50px;
padding-top: 10px;
margin-right: 2px;
background-color: var(--colorotherbutseven);
color: var(--colorotherbuttwo);
border-radius: 3px 3px 0px 0px;
cursor: pointer;
border-right: 2px solid var(--colorotherbutseven);
border-top: 2px solid var(--colorotherbutseven);
border-left: 2px solid var(--colorotherbutseven);
border-bottom: 0px solid var(--colorotherbutseven);
}
.accordbutactiv{
border-right: 2px solid var(--colorotherhover);
border-top: 2px solid var(--colorotherhover);
border-left: 2px solid var(--colorotherhover);
border-bottom: 0px solid var(--colorotherbuttwo);
z-index: 9;
background-color: var(--colorotherbuttwo);
color: var(--colorotherbutseven);
}
.acccontentdyn {
width: calc(100% - 0px);
border: 2px solid var(--colorotherhover);
position: relative;
display: block;
float: left;
margin: 0px 0px 0px 0px;
border-radius: 0px 3px 3px 3px;
padding: 15px;
min-height: 100px;
}
.accorddetailsblock {
display: none;
width: 100%;
position: relative;
float: left;
color: var(--colorotherbutseven);
}
.othersdetailsblock {
display: block;
width: 100%;
position: relative;
float: left;
color: var(--colorotherbutseven);
margin-top: 20px;
}
.firstaccblock{
display: block;
}
.consumptiontext {
width: 50%;
position: relative;
float: left;
padding-right: 20px;
color:var(--colorotherbutseven);
}
.foxconsumlinetitle {
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid var(--colorotherone);
padding: 10px 0px 5px 0px;
margin-bottom: 5px;
float: left;
width: 100%;
color: var(--colorotherlink) !important;
}
.co2labelmain {
width: 100%;
float: left;
padding: 0px 0px 0px 25px;
}
.co2labeltitle {
font-size: 19px;
font-weight: bold;
padding: 0px;
margin: 0px;
}
.co2labelsectext {
font-size: 16px;
}
.foxconsumvalimage.wltpclass {
max-width: 500px;
}
.foxotherslinetitle {
font-size: 16px;
font-weight: bold;
padding: 5px 15px;
margin-bottom: 0px;
background-color: var(--colorotherone);
width: calc(100% - 0px);
line-height: 40px;
border-radius: 3px;
cursor:pointer;
}
.foxotherslinetitle:hover{
background-color: var(--colorotherbutseven);
color:var(--colorotherbuttwo);
}
.foxothersoff{
display:none;
}
.foxotherson{
display:block;
background-color: var(--colorotherbutseven);
color:var(--colorotherbuttwo);
}
.foxothersdetails {
width: calc(100% - 0px);
padding: 15px;
position: relative;
float: left;
border: 2px solid var(--colorotherbutseven);
margin-top: -2px;
border-radius: 0px 0px 3px 3px;
}
.secondfoxformblock {
width: 50%;
position: relative;
float: left;
padding-right: 20px;
}
.secondfoxformblockcontact {
width: 100%;
position: relative;
float: left; }
#purchaseformblock{
text-align: left;
}
.carrequestform.checkboxcarreq {
width: 20px !important;
height: 20px !important;
float: left;
margin: 5px 5px !important;
border: 1px solid var(--colorotherone) !important;
}
.purchasecardatashowblock {
width: 100%;
min-height: 50px;
padding: 10px;
border-radius: 3px;
border: 1px solid var(--colorotherlink) !important;
float: left;
}
.purchasecardatashowblock p {
padding: 5px !important;
margin: 2px !important;
float: left;
height: 24px;
background-color: #f2f2f2;
line-height: 14px;
}
.carbayimgsmall {
width: 100px;
height: 70px !important;
}
.carbayimgsmall img {
width: 100%;
height: auto;
}
.foxlocationimage img {
height: 217px;
}
.foxlocationimage {
text-align: center;
background-color: var(--colorotherbutfour);
border: 1px solid var(--colorotherone);
border-radius: 3px;
line-height: 0px !important;
}
.locationopentimeoff {
color: var(--coloropenstatusred);
}
.locationopentimeon {
color: var(--coloropenstatusgreen);
}
a.foxcarlink:focus,
a.foxcarlink:link,
a.foxcarlink:active,
a.foxcarlink:visited {
color:var(--colorotherbutseven);
font-size: 16px;
}
a.foxcarlink:hover,
span.foxcarlink.callbackbuttoncar:hover {
color:var(--colorotherhover);
font-size: 16px;
}
.foxcarlink.callbackbuttoncar{
cursor: pointer;
}
.contacttitleblock {
font-weight: bold;
border-bottom: 1px solid var(--colorotherone);
width: 100%;
margin-bottom: 20px;
padding-bottom: 10px;
}
.foxformblock {
width: 50%;
position: relative;
float: left;
padding: 5px;
}
.foxformblockfull {
width: 100%;
position: relative;
float: left;
padding: 5px;
}
.foxformblockfull textarea, .foxformblock textarea, .fox-cols-2 textarea, .fox-cols-1 textarea{
border-radius: 3px !important;
width: 100%;
padding: 5px !important;
border: 1px solid var(--colorotherone) !important;
height: 150px;
}
.foxformblock select, .foxformblock input, .fox-cols-2 input, .fox-cols-2 select, .fox-cols-1 input, .fox-cols-1 select {
border-radius: 3px !important;
width: 100% !important;
padding: 5px !important;
border: 1px solid var(--colorotherone) !important;
height: 40px !important;
}
.foxcarslistebuttonrequestfull {
width: 100%;
float: left;
padding: 5px;
background-color: var(--colorotherlink) !important;
text-align: center;
color: var(--colorotherbuttwo) !important;
border-radius: 3px;
cursor: pointer;
min-height: 40px;
line-height: 40px;
}
.foxcarslistebuttonrequestfull:hover {
background-color: var(--colorotherhover) !important;
text-align: center;
color: var(--colorotherbuttwo) !important;
}
.formsmalltext {
font-size: 14px !important;
line-height: 18px !important;
}
.mainlabelvalfoxaccfull {
width: 100%;
position: relative;
float: left;
font-size: 14px;
line-height: 16px;
margin-top: 10px;
}
.foxconsumline {
width: 100%;
position: relative;
display: block;
float: left;
}
.foxconsumkey {
width: 50%;
position: relative;
float: left;
font-weight: bold;
font-size: 15px;
}
.foxconsumval {
width: 50%;
position: relative;
float: left;
}
.consumptionimg {
width: 50%;
position: relative;
display: block;
float: left;
padding-top: 35px;
}
.mainlabelvalfoxacc {
width: 50%;
position: relative;
float: left;
}
.mainvalfoxaccfeat sup {
font-size: 11px;
}
.mainlabelvalfoxaccbox {
width: 50%;
position: relative;
float: left;
padding: 0px 15px 0px 15px;
min-height: 40px;
}
.mainlabelfoxacc {
width: 50%;
position: relative;
float: left;
font-weight: bold;
}
.mainvalfoxacc {
width: 50%;
position: relative;
float: left;
}
.mainlabelfoxaccfeat {
width: 65%;
position: relative;
float: left;
font-weight: bold;
}
.mainvalfoxaccfeat {
width: 30%;
position: relative;
float: left;
text-align: center;
}
#leasingdetailsmain .mainlabelvalfoxaccbox {
border-bottom: 1px solid #f7f5f7;
}
#leasingdetailsmain .mainlabelfoxaccfeat {
line-height: 40px;
}
#leasingdetailsmain .mainvalfoxaccfeat {
line-height: 40px;
}
.mainleadarea {
overflow: auto;
position: relative;
display: block;
float: left;
}
.mainleadarea table {
display: block; width: 1200px;
margin: 0 auto; }
.oneleadareablock {
width: calc(33% - 10px);
padding: 10px;
border: 1px solid #ccc;
margin: 5px;
border-radius: 3px;
float: left;
background-color: #fff;
color: var( --e-global-color-text );
font-family: "Roboto", Sans-serif;
}
.oneblvals {
width: 100%;
position: relative;
display: block;
float: left;
padding: 2px;
}
.leadtitlea {
width: 50%;
position: relative;
float: left;
background-color: #f4f4f4;
padding: 2px 5px 2px 5px;
border-radius: 3px;
}
.leadvala {
width: 50%;
position: relative;
float: left;
background-color: #fff;
padding: 2px 5px 2px 5px;
border-radius: 3px;
}
.leadvalafull {
width: 100%;
font-size: 12px;
padding: 5px;
} #financing_firstInstallment_change {
max-width: 100px;
height: 30px;
padding: 0px 10px 0px 10px;
float: right;
}
#financing_finalInstallment_change {
max-width: 100px;
height: 30px;
padding: 0px 10px 0px 10px;
float: right;
}
#financing_paybackPeriod_change {
max-width: 120px;
height: 30px;
padding: 0px 10px 0px 10px;
float: right;
}
.mainvalfoxaccfeat {
text-align: right;
} .mainvalfoxacc i.fa-check,.mainvalfoxaccfeat i.fa-check{
color:var(--colorotherhover);
}
.foxmaincardetbuttons {
width: 100%;
float: left;
position: relative;
margin: 0px 0px -2px 0px;
}
.mainlabelfoxsec {
width: 40%;
position: relative;
float: left;
font-size: 16px;
font-weight: bold;
line-height: 22px;
background-color: var(--labesseccolorone);
padding: 6px 10px 6px 15px;
border-bottom: 1px solid var(--labesseccolortwo);
}
.mainvalfoxsec {
width: 60%;
position: relative;
float: left;
text-align: left;
line-height: 22px;
padding: 6px 10px 6px 15px;
border-bottom: 1px solid var(--colorotherone);
}
.foxcartitle {
width: 100%;
position: relative;
float: left;
}
.foxcartitle h2 {
width: 100%;
position: relative;
float: left;
font-weight: bold !important;
font-size: 16px !important;
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.foxcardetailsshow .discountmessage {
color: var(--colorotherhover);
text-align: left;
font-size: 22px;
font-style: italic;
position: relative;
float: right;
}
.pricetagimgblock {
padding: 10px 0px 10px 0px;
color: var(--colorotherbuttwo);
font-size: 32px;
font-weight: bold;
position: absolute;
right: -15px;
top: -15px;
background-image: url(//dein-autofinder.de/wp-content/plugins/cars-fox-administration/images/others/prozent-discount.png);
background-repeat: no-repeat;
background-size: contain;
width: 120px;
height: 120px;
text-align: center;
line-height: 100px;
z-index: 99;
}
.pricetagimgblock sup {
font-size: 10px;
line-height: 10px;
top: 34px;
position: absolute;
font-weight: bold;
right: 12px;
}
.pricetagimgblock.financingblocktag span {
font-size: 18px;
font-weight: normal;
}
.secdetailsfront.discountmessage {
color: var(--colorotherhover);
text-align: right;
font-size: 16px;
margin-top: 5px;
font-style: italic;
}
.secdetailsfrontpricedetailssimular .secdetailsfront.discountmessage {
font-size: 12px;
text-align: center;
}
.secdetailsfront.discountmessage strong {
font-size: 18px;
font-weight: bolder;
font-style: normal;
} .pricetagimgblockone {
padding: 10px 0px 10px 0px;
color: var(--colorotherbuttwo);
font-size: 16px;
position: absolute;
right: -10px;
top: -10px;
line-height: 40px;
background-image: url(//dein-autofinder.de/wp-content/plugins/cars-fox-administration/images/others/prozent-discount.png);
background-repeat: no-repeat;
background-size: contain;
text-align: center;
width: 60px;
height: 60px;
font-weight: bold;
}
.pricetagimgblockone sup {
font-size: 8px;
line-height: 10px;
top: 16px;
position: absolute;
font-weight: bold;
right: 10px;
}
.pricetagimgblockone.financingblocktag span {
font-size: 11px;
font-weight: normal;
}
.foxcardetailsblock {
width: 100%;
position: relative;
float: left;
}
.foxcardetailsblockfeatures{
width: 100%;
position: relative;
float: left;
overflow-y: scroll;
height: 360px;
}
.mainlabelvalfox {
width: 50%;
position: relative;
float: left;
font-size: 14px;
color: var(--colorotherbutseven);
padding-right: 20px;
margin-bottom: 5px;
}
.mainlabelfox {
width: 40%;
position: relative;
float: left;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
.mainvalfox {
width: 60%;
position: relative;
float: left;
text-align: right;
line-height: 18px;
}
.mainlabelvalfoxfeat {
width: 100%;
position: relative;
float: left;
font-size: 14px;
color: var(--colorotherbutseven);
}
.mainlabelfoxfeat {
width: 90%;
position: relative;
float: left;
line-height: 18px;
}
.mainvalfoxfeat {
width: 10%;
position: relative;
float: left;
text-align: left;
}
.foxcarimgslider {
width: 100%;
height: 108px;
margin-top: 5px;
position: relative;
float: left;
overflow: hidden;
display: block;
}
.foxcarimgslidercontainer{
position: absolute;
margin-left:0px;
}
.foxcatimgbox {
padding: 0px 2px 0px 2px;
height: 424px;
text-align: center;
line-height: 424px;
font-size: 50px;
cursor:pointer;
background-color: var(--colorotherbutsix);
border-radius: 3px;
}
.foxcatimgboxlist {
padding: 0px;
height: 188px;
width: 250px;
text-align: center;
line-height: 250px;
font-size: 50px;
cursor:pointer;
}
.sliderimgfox {
width: 25%;
position: relative;
float: left;
padding: 2px;
display: block;
height: 108px;
line-height: 100px;
font-size: 30px;
text-align: center;
cursor: pointer;
border: 1px solid #494c4e36;
}
.activimgsl {
position: absolute;
width: calc(100% - 4px);
height: calc(100% - 4px);
opacity: 0.5;
border: 2px solid var(--colorotherhover);
border-radius: 3px;
background-color: var(--colorotherhover);
}
.foxmainimgcontainer {
width: 100%;
height: auto;
position: relative;
float: left;
}
.foxmainimgcontbutleft, .foxmainimgcontbutleftbig {
position: absolute;
width: 30px;
background-color: var(--colorotherone);
text-align: center;
padding: 0px 10px;
font-size: 25px;
left: 3px;
color: var(--colorbgblack);
opacity: 0.9;
top: 165px;
cursor: pointer;
z-index: 9999;
}
.accordionblockmain{
margin-top:30px;
}
.foxmainimgcontbutright, .foxmainimgcontbutrightbig {
position: absolute;
width: 30px;
background-color: var(--colorotherone);
text-align: center;
padding: 0px 10px;
font-size: 25px;
right: 3px;
color: var(--colorbgblack);
opacity: 0.9;
top: 165px;
cursor: pointer;
z-index: 9999;
}
.buttonsopacity{
opacity: 0;
}
.foxmainimgcontbutleft:hover, .foxmainimgcontbutright:hover, .foxmainimgcontbutleftbig:hover, .foxmainimgcontbutrightbig:hover{
background-color: var(--colorotherhover);
color:var(--colorotherbuttwo);
}
.blockbuttonsfoxmain {
position: relative;
display: block;
bottom: 0px;
width: 100%;
float: left;
margin-top: 10px;
}  .frontendmainarea {
width: 100%;
position: relative;
margin-top: 0px;
float: left;
}
.frontendmainarea h1 {
font-size: 24px !important;
margin: 5px 0px !important;
color: var(--colorotherone) !important;
} .blackopacitybg {
position: absolute;
background-color: var(--colorbgblack);
z-index: 99999;
opacity: 0.6;
}
.fixedloadarea{
width: 150px;
height: 300px;
text-align: center;
color: var(--colorotherbuttwo);
font-size: 150px;
position: fixed;
z-index: 99999;
}
.closesmallinfobox {
position: absolute;
top: -25px;
right: -20px;
background-color: #eaeaea;
padding: 5px 5px 0px 5px;
border-radius: 25px;
height: 35px;
width: 35px;
line-height: 25px;
font-size: 20px;
cursor: pointer;
color:#000;
}
.infoboxescontent {
line-height: 20px;
cursor: default;
background-color: #eaeaea;
border-radius: 3px;
}
.foxmainimgcontbutleftbig, .foxmainimgcontbutrightbig {
padding: 10px;
height: 45px;
}
#frontendcarmainarea .carsfrontlist .classsimilarone .foxcarintnr {
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
color: var(--colorotherbuteight);
left: 5px;
bottom: 0px;
float: unset;
width: 150px;
text-align: left;
position: relative;
}
@media only screen and (max-width:1150px)
{
.foxcarinfoicondetailssec {
font-size: 20px;
}
.foxcarattrboxdetails span {
font-size: 12px;
}
.oneleadareablock {
width: calc(50% - 10px);
}
#frontendcarmainarea .carsfrontlist .classsimilarone .foxcarintnr {
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
color: var(--colorotherbuteight);
left: 5px;
bottom: 0px;
float: unset;
width: 150px;
text-align: left;
position: relative;
}
.color_group_css, .vehicleClass_css, .category_css{
width: 100% !important;
height: auto !important;
}
.vehicleClasschoosedblock, .categorychoosedblock{
width: 100%;
max-width: 100px;
}
.blockbuttonsfoxmain .foxcarslistebutton{
width: calc(50% - 10px);
}
.foxcardetailsshow {
width: 100%;
position: relative;
float: left;
margin-top: 0px;
padding: 0px 10px 0px 10px;
}
.imgsimularmain {
max-height: 225px;
max-width: 100%;
position: relative;
float: left;
background-color: var(--colorotherone);
width: 100%;
text-align: center;
padding: 5px;
}
.imgsimularmain img {
border-style: none;
vertical-align: top;
height: auto;
max-width: 324px;
max-height: 210px;
position: relative;
width: 100%;
}
.classsimilarone.colsonesim_1,
.classsimilarone.colsonesim_3,
.classsimilarone.colsonesim_5,
.classsimilarone.colsonesim_7,
.classsimilarone.colsonesim_9,
.classsimilarone.colsonesim_11,
.classsimilarone.colsonesim_13,
.classsimilarone.colsonesim_15,
.classsimilarone.colsonesim_17,
.classsimilarone.colsonesim_19,
.classsimilarone.colsonesim_21,
.classsimilarone.colsonesim_23,
.classsimilarone.colsonesim_25 {
border: 1px solid var(--colorotherone);
width: calc(50% - 10px);
margin-right: 10px;
margin-left: 0px;
float: left;
}
.classsimilarone.colsonesim_0,
.classsimilarone.colsonesim_2,
.classsimilarone.colsonesim_4,
.classsimilarone.colsonesim_6,
.classsimilarone.colsonesim_8,
.classsimilarone.colsonesim_10,
.classsimilarone.colsonesim_12,
.classsimilarone.colsonesim_14,
.classsimilarone.colsonesim_16,
.classsimilarone.colsonesim_18,
.classsimilarone.colsonesim_20,
.classsimilarone.colsonesim_22,
.classsimilarone.colsonesim_24,
.classsimilarone.colsonesim_26 {
border: 1px solid var(--colorotherone);
width: calc(50% - 10px);
margin-left: 10px;
margin-right: 0px;
float: left;
}
}
@media only screen and (max-width:1000px)
{
.dealsoneblockmain {
-webkit-box-shadow: 8px 9px 8px -4px rgba(204, 204, 204, 0.68);
box-shadow: 8px 9px 8px -4px rgba(204, 204, 204, 0.68);
transition: box-shadow 500ms;
width: calc(50% - 20px) !important;
margin: 10px !important;
cursor: default;
}
.personendivmain {
width: calc(50% - 10px);
margin: 5px;
position: relative;
float: left;
border: 1px solid var(--colorotherone) !important;
padding: 10px;
}
.priceblockmaindetails .secdetailsfrontleasingdetails{
width: calc(33% - 10px);
float: left;
padding: 5px;
border: 1px solid var(--colorotherone);
border-radius: 3px;
margin: 0px 5px;
text-align: center;
padding-bottom: 0px;
min-height: 95px;
margin-bottom: 5px;
}
.priceblockmaindetails .secdetailsfrontfinancingdetails{
width: calc(33% - 10px);
float: left;
padding: 5px;
border: 1px solid var(--colorotherone);
border-radius: 3px;
margin: 0px 5px;
text-align: center;
padding-bottom: 0px;
min-height: 95px;
margin-bottom: 5px;
}
.priceblockmaindetails .secdetailsfrontpricedetails{
width: calc(33% - 10px);
float: left;
padding: 5px;
border: 1px solid var(--colorotherone);
border-radius: 3px;
margin: 0px 5px;
text-align: center;
padding-bottom: 10px;
min-height: 95px;
margin-bottom: 5px;
}
.foxcarattrboxdetails {
float: left;
padding: 5px;
width: 33%;
}
.foxcarinfoicondetailssec {
margin-bottom: 10px;
font-size: 20px;
padding: 0px 5px 0px 5px;
}
}
@media only screen and (max-width:1050px)
{
.seoblockmain{
display: none;
}
.searchareafilternavmobil.fox-rows{
display: block;
}
.searchareafilter.fox-rows {
display: none;
}
.searchparameterarea {
width: 50%;
float: left;
position: relative;
height: 40px;
}
.sortparameterarea {
width: 50%;
height: 40px;
float: left;
position: relative;
}
.frontendmainarea {
width: 100%;
position: relative;
margin-top: 10px;
float: left;
}
#frontendcarsearch {
width: 100%;
}
#frontendcarsearch .searchparameterarea{
width: 100%;
}
.searchparam {
width: calc(25% - 6px);
margin: 3px;
height: auto;
margin-bottom: 10px !important;
padding: 2px 7px !important;
}
.grouplable::after
{
border-color: transparent transparent var(--colorselse) transparent;
top: 10px;
right: 15px !important;
}
.select-selected::after {
right: 15px !important;
}
.newvalsdinamicleft {
width: 50%;
float: left;
text-align: left;
font-size: 14px;
padding-top: 5px;
display: block;
}
.newvalsdinamiclefr {
width: 50%;
float: left;
text-align: right;
font-size: 14px;
padding-top: 5px;
display: block;
}
#frontendcarmainarea {
width: 100%;
}
.searchparam.fox-cols-1.featureschoose,
.searchparam.fox-cols-1.climatisationchoose {
width: calc(50% - 10px) !important;
height: auto !important;
}
.featureschoosedblock {
width: 50%;
float: left;
font-size: 12px;
text-align: left;
position: relative;
}
}
@media only screen and (max-width:900px)
{
.mainlabelfoxsec {
width: 50%;
position: relative;
float: left;
font-size: 16px;
font-weight: bold;
line-height: 22px;
background-color: var(--labesseccolorone);
padding: 6px 10px 6px 15px;
border-bottom: 1px solid var(--labesseccolort);
}
.mainvalfoxsec {
width: 50%;
position: relative;
float: left;
text-align: left;
line-height: 22px;
padding: 8px 10px 8px 15px;
border-bottom: 1px solid var(--colorotherone);
}
.foxcarattrboxdetails {
float: left;
padding: 5px;
width: 50%;
}
.searchparam {
width: calc(33% - 6px);
margin: 3px;
height: auto;
margin-bottom: 10px !important;
padding: 2px 7px !important;
}
.foxcarslistebutton {
width: calc(50% - 10px);
float: left;
margin: 5px;
padding: 5px;
background-color: var(--colorotherhover);
text-align: center;
color: var(--colorotherbuttwo);
border-radius: 3px;
cursor: pointer;
}
}
@media only screen and (max-width:850px)
{
.slidescarcontainermain {
width: 100% !important;
max-width: 850px !important;
height: 707px !important;
position: relative;
display: block;
margin: 0;
overflow: hidden;
background-color: var(--colorotherbutseven);
}
#foximagessmallinfo{
width: 100%;
}
#foxpricesmalltechnicalinfo {
width: calc(100% - 0px);
padding: 10px 0px 0px 0px;
}
.foxcarattrboxdetails span {
font-size: 16px;
}
.foxcarinfoicondetailssec {
font-size: 24px;
}
.foxcarattrboxdetails {
float: left;
padding: 5px;
width: 33%;
}
.mainlabelvalfoxsec {
width: 50%;
position: relative;
float: left;
font-size: 16px;
color: var(--colorotherbutseven);
padding-right: 5px;
}
.foxmainimgcontainer div img{
height: 100%;
}
}
@media only screen and (max-width:800px)
{
.dealsoneblockmain {
-webkit-box-shadow: 8px 9px 8px -4px rgba(204, 204, 204, 0.68);
box-shadow: 8px 9px 8px -4px rgba(204, 204, 204, 0.68);
transition: box-shadow 500ms;
width: calc(100% - 20px) !important;
margin: 10px !important;
cursor: default;
}
.searchparam {
width: calc(50% - 6px);
margin: 3px;
height: auto;
margin-bottom: 10px !important;
padding: 2px 7px !important;
}
.oneleadareablock {
width: calc(100% - 10px);
}
}
@media only screen and (max-width:750px)
{
#leasingdetailsmain .mainlabelvalfoxaccbox{
width: 100%;
min-height: 32px;
}
#leasingdetailsmain .mainlabelvalfoxaccbox .mainlabelfoxaccfeat{
width: 50%;
}
#leasingdetailsmain .mainlabelvalfoxaccbox .mainvalfoxaccfeat{
width: 50%;
}
#frontendcarmainarea .carsfrontlist .classsimilarone .foxcarintnr {
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
color: var(--colorotherbuteight);
left: 5px;
bottom: 0px;
float: unset;
width: 150px;
text-align: left;
position: relative;
}
.imgsimularmain img {
border-style: none;
vertical-align: top;
height: auto;
max-width: 190px;
max-height: 210px;
min-height: 210px
position: relative;
width: 100%;
}
.mainlabelvalfoxsec {
width: 100%;
position: relative;
float: left;
font-size: 16px;
color: var(--colorotherbutseven);
padding-right: 0px;
}
.consumptiontext {
width: 100%;
position: relative;
float: left;
padding-right: 20px;
color: var(--colorotherbutseven);
}
.mainlabelvalfoxacc {
width: 100%;
position: relative;
float: left;
}
.consumptionimg {
width: 100%;
position: relative;
display: block;
float: left;
padding-top: 35px;
}
.foxformblock {
width: 100%;
position: relative;
float: left;
padding: 5px;
}
.accordbuttondet span {
display: none;
}
.accordbuttondet {
width: calc(25% - 10px);
text-align: center;
font-size: 24px;
padding: 10px;
}
.accordbuttondet:hover {
padding: 10px;
position: relative;
float: left;
height: 50px;
padding-top: 10px;
margin-right: 2px;
background-color: var(--colorotherbutseven);
color: var(--colorotherbuttwo);
border-radius: 3px 3px 0px 0px;
cursor: pointer;
border-right: 2px solid var(--colorotherbutseven);
border-top: 2px solid var(--colorotherbutseven);
border-left: 2px solid var(--colorotherbutseven);
border-bottom: 0px solid var(--colorotherbutseven);
}
.accordbutactiv{
border-right: 2px solid var(--colorotherlink);
border-top: 2px solid var(--colorotherlink);
border-left: 2px solid var(--colorotherlink);
border-bottom: 0px solid var(--colorotherbuttwo);
z-index: 9;
background-color: var(--colorotherbuttwo);
color: var(--colorotherbutseven);
}
}
@media only screen and (max-width:700px)
{
.frontendmainarea h1 {
font-size: 20px !important;
margin: 5px 0px !important;
color: var(--colorotherone) !important;
}
.noticecompare {
position: relative;
right: 0px;
top: 15px;
width: 240px;
font-size: 12px;
}
#frontendcarmainarea .carsfrontlist .classsimilarone .foxcarintnr {
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
color: var(--colorotherbuteight);
left: 5px;
bottom: 0px;
float: unset;
width: 150px;
text-align: left;
position: relative;
}
#frontendcarmainarea .carsfrontlist .classsimilarone .foxmaincardetone.stingline {
min-height: 80px !important;
}
#frontendcarmainarea .carsfrontlist .classsimilarone {
width: calc(50% - 4px);
float: left;
position: relative;
margin: 0px;
margin-bottom: 0px;
padding: 5px;
margin: 5px 4px 20px 0px;
}
#frontendcarmainarea .carsfrontlist .classsimilarone .imgsimularmain a img {
max-width: 100% !important;
}
.fox-cols-2, .fox-cols-75, .fox-cols-70, .fox-cols-30, .fox-cols-40, .fox-cols-60 {
width: 100%;
position: relative;
float: left;
padding: 5px 10px;
box-sizing: border-box;
}
.personendivmain {
width: calc(50% - 10px);
margin: 5px;
position: relative;
float: left;
border: 1px solid var(--colorotherone) !important;
padding: 10px;
}
.locationmainareadiv {
width: calc(50% - 10px);
padding: 10px;
padding-bottom: 10px;
position: relative;
float: left;
border: 0px solid #ccc;
margin: 5px;
border-radius: 3px;
padding-bottom: 63px !important;
}
.carimagesblock {
width: 100%;
}
.foxcatimgboxlist {
padding: 0px;
height: auto;
width: 100%;
text-align: center;
line-height: unset;
font-size: 50px;
cursor: pointer;
margin-left: auto;
margin-right: auto;
}
.foxcatimgboxlist a {
position: relative;
float: left;
}
.carothersinfos {
width: 100%;
display: block;
float: left;
min-height: 274px;
padding-left: 0px;
}
.foxdetailscarsec {
padding: 0px 0px 0px 0px;
}
}
@media only screen and (max-width:650px)
{
.slidescarcontainermain.oneimgcar {
width: 100% !important;
height: 280px !important;
}
.foxcarimgslider{
display: none;
}
.slidescarcontainermain {
width: 100% !important;
height: 541px !important;
position: relative;
display: block;
margin: 0;
overflow: hidden;
background-color: var(--colorotherbutseven);
margin-bottom:10px;
}
.imgsimularmain {
max-height: 225px;
max-width: 100%;
position: relative;
float: left;
background-color: var(--colorotherone);
width: 100%;
text-align: center;
padding: 5px;
}
.imgsimularmain img {
border-style: none;
vertical-align: top;
height: auto;
max-width: 324px;
max-height: 210px;
position: relative;
width: 100%;
}
.classsimilarone .imgsimularmain img.carimgonesim {
border-style: none;
vertical-align: top;
height: auto;
max-width: 324px;
max-height: 210px;
position: relative;
width: 100%;
}
.classsimilarone.colsonesim_1,
.classsimilarone.colsonesim_3,
.classsimilarone.colsonesim_5,
.classsimilarone.colsonesim_7,
.classsimilarone.colsonesim_9,
.classsimilarone.colsonesim_11,
.classsimilarone.colsonesim_13,
.classsimilarone.colsonesim_15,
.classsimilarone.colsonesim_17,
.classsimilarone.colsonesim_19,
.classsimilarone.colsonesim_21,
.classsimilarone.colsonesim_23,
.classsimilarone.colsonesim_25 {
border: 1px solid var(--colorotherone);
width: calc(100% - 10px);
margin-right: 5px;
margin-left: 5px;
float: left;
}
.classsimilarone.colsonesim_0,
.classsimilarone.colsonesim_2,
.classsimilarone.colsonesim_4,
.classsimilarone.colsonesim_6,
.classsimilarone.colsonesim_8,
.classsimilarone.colsonesim_10,
.classsimilarone.colsonesim_12,
.classsimilarone.colsonesim_14,
.classsimilarone.colsonesim_16,
.classsimilarone.colsonesim_18,
.classsimilarone.colsonesim_20,
.classsimilarone.colsonesim_22,
.classsimilarone.colsonesim_24,
.classsimilarone.colsonesim_26 {
border: 1px solid var(--colorotherone);
width: calc(100% - 10px);
margin-left: 5px;
margin-right: 5px;
float: left;
}
}
@media only screen and (max-width:600px)
{
.carareaactionblog {
width: calc(100% - 10px);
border-radius: 3px;
position: relative;
display: block;
padding: 10px;
float: left;
box-sizing: border-box;
margin: 0px 5px 20px 5px;
}
.carareaactionblog .carareaactionbloglogo {
width: 100%;
position: relative;
float: left;
text-align: center;
display: block;
}
.carareaactionblog .carareaactionbloglogo img.blogactionimg {
width: auto;
height: 40px;
position: relative;
float: unset;
margin-left: auto;
margin-right: auto;
}
.carareaactionblog .carareaactionblogtitle {
width: 100%;
position: relative;
float: left;
padding: 0px 10px 0px 10px;
box-sizing: border-box;
text-align: center;
}
.carareaactionblog .carareaactionblogtitle p:first-child {
font-size: 18px;
color: #fff;
padding: 0px 0px 10px 0px;
margin: 0px;
line-height: 24px;
position: relative;
display: block;
}
.carareaactionblog .carareaactionblogtitle p {
font-size: 12px;
color: #fff;
padding: 0px;
margin: 0;
}
.carareaactionblog .carareaactionblogimgsmall {
width: 20%;
position: relative;
float: left;
text-align: right;
display: none;
}
.dsgvohinweis.openmapblock {
width: 100%;
height: 400px;
position: absolute;
display: block;
float: left;
}
.slidescarcontainermain.oneimgcar {
width: 100% !important;
height: 423px !important;
}
#mapdetailscar {
width: 100%;
height: 400px;
float: left;
display: block;
z-index: 2;
margin-bottom: 10px;
}
div#finanzierungblock .mainlabelvalfoxacc {
width: 100%;
}
.buttonarearightservice {
width: 100%;
float: left;
}
.foxcarattrboxdetails {
float: left;
padding: 5px;
width: 50%;
}
.foxcarinfoicondetailssec {
font-size: 28px;
line-height: 24px;
}
#searchrequestformblock h2 {
font-size: 16px;
}
#searchrequestformblock h1 {
font-size: 26px;
}
.fox-cols-3.dealsoneblockmain {
width: 100% !important;
}
.searchform {
display: block !important;
}
.searchparam.searchparamsmall.fox-cols-1.make_css,
.searchparam.searchparamsmall.fox-cols-1.model_css,
.searchparam.searchparamsmall.fox-cols-1.category_css,
.searchparam.searchparamsmall.fox-cols-1.conditioncar_css {
margin: 2px !important;
} .searchparam.fox-cols-1.featureschoose, .searchparam.fox-cols-1.climatisationchoose {
width: calc(100% - 10px) !important;
height: auto !important;
}
.foxformblock.blocksmall {
width: 50%;
}
.foxmainimgcontainer div img {
height: auto;
}
.searchparameterarea {
width: 100%;
float: left;
position: relative;
height: auto;
}
.searchsaverequest {
width: 100%;
max-width: 100%;
float: left;
margin: 0px 0px 10px 0px;
padding: 5px;
background-color: var(--colorotherlink) !important;
text-align: center;
color: var(--colorotherbuttwo) !important;
border-radius: 3px;
cursor: pointer;
}
.sortandsearchparamarea {
width: 100%;
height: auto;
position: relative;
border-bottom: 0px dotted var(--colorotherone) !important;
padding: 0px 0px 0px 0px;
float: left;
}
.searchsaverequest:hover {
width: 100%;
max-width: 100%;
float: left;
margin: 0px 0px 10px 0px;
padding: 5px;
background-color: var(--colorotherhover) !important;
text-align: center;
color: var(--colorotherbuttwo) !important;
border-radius: 3px;
cursor: pointer;
}
.sortparameterarea {
width: 100%;
height: 55px;
float: left;
position: relative;
}
.noticecompare {
position: relative;
right: 0px;
top: 15px;
width: 240px;
font-size: 12px;
}
.foxmaincardetone .foxcarslistebutton {
width: calc(100% - 10px);
float: left;
margin: 5px 5px 0px 5px;
padding: 5px;
background-color: var(--colorotherhover);
text-align: center;
color: var(--colorotherbuttwo);
border-radius: 3px;
cursor: pointer;
}
.carsinfoafterimage {
text-align: center;
font-size: 14px;
font-weight: bold;
padding: 5px;
position: relative;
float: left;
text-decoration: none;
}
}
@media only screen and (max-width:500px)
{
.foxcardetailsshow .foxcartitle .foxcarintnr {
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
color: var(--colorotherbuteight);
right: 5px;
bottom: 0px;
float: unset;
width: 100%;
text-align: right;
position: relative;
left: unset;
}
div#finanzierungblock .mainlabelvalfoxacc {
width: 100%;
padding: 5px 0px 5px 0px;
}
div#finanzierungblock .mainlabelvalfoxacc .mainlabelfoxaccfeat {
width: 100%;
line-height: 20px;
text-align: left;
}
div#finanzierungblock .mainlabelvalfoxacc .mainvalfoxaccfeat {
width: 100%;
line-height: 20px;
text-align: left;
}
#leasingdetailsmain .mainlabelvalfoxaccbox {
width: 100%;
min-height: 32px;
padding: 5px 0px 5px 0px;
}
#leasingdetailsmain .mainlabelvalfoxaccbox .mainlabelfoxaccfeat {
width: 100%;
text-align: left;
line-height: 20px;
}
#leasingdetailsmain .mainlabelvalfoxaccbox .mainvalfoxaccfeat {
width: 100%;
text-align: left;
line-height: 20px;
}
.slidescarcontainermain.oneimgcar {
width: 100% !important;
height: 347px !important;
}
#leasingdetailsmain .mainlabelvalfoxaccbox{
width: 100%;
min-height: 32px;
}
#leasingdetailsmain .mainlabelvalfoxaccbox .mainlabelfoxaccfeat{
width: 50%;
}
#leasingdetailsmain .mainlabelvalfoxaccbox .mainvalfoxaccfeat{
width: 50%;
}
.foxcarfullrow .foxformblock .foxformblockfull .foxrowopentime .dayshow.closeday {
width: 100% !important;
text-align: center;
color: red;
font-size: 14px;
font-weight: bold;
background-color: var(--coloropenstatusthree) !important;
}
.carsfrontlist .foxcarattrbox.ez,
.carsfrontlist .foxcarattrbox.gear,
.carsfrontlist .foxcarattrbox.milage,
.carsfrontlist .foxcarattrbox.fuel,
.carsfrontlist .foxcarattrbox.color,
.carsfrontlist .foxcarattrbox.power,
.foxcaroneviewnotice .foxcarattrbox.ez,
.foxcaroneviewnotice .foxcarattrbox.gear,
.foxcaroneviewnotice .foxcarattrbox.milage,
.foxcaroneviewnotice .foxcarattrbox.fuel,
.foxcaroneviewnotice .foxcarattrbox.color,
.foxcaroneviewnotice .foxcarattrbox.power {
width: 50%;
}
.foxcarattrbox {
float: left;
position: relative;
padding-right: 0px;
}
#frontendcarmainarea .carsfrontlist .classsimilarone .foxcarintnr {
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
color: var(--colorotherbuteight);
left: 5px;
bottom: 0px;
float: unset;
width: 150px;
text-align: left;
position: relative;
}
#frontendcarmainarea .carsfrontlist .classsimilarone .foxmaincardetone.stingline {
min-height: 80px !important;
}
.imgsimularmain {
max-height: 100%;
}
#frontendcarmainarea .carsfrontlist .classsimilarone {
width: calc(100% - 8px);
float: left;
position: relative;
margin: 0px;
margin-bottom: 0px;
padding: 5px;
margin: 5px 4px 20px 4px;
}
#frontendcarmainarea .carsfrontlist .classsimilarone .imgsimularmain a img {
max-width: 100% !important;
}
#frontendcarmainarea .carsfrontlist .classsimilarone .imgsimularmain a img.carimgonesim {
height: auto !important;
max-height: 100% !important;
}
.dayshow {
width: 50% !important;
}
.personendivmain {
width: calc(100% - 10px);
margin: 5px;
position: relative;
float: left;
border: 1px solid var(--colorotherone) !important;
padding: 10px;
}
.locationmainareadiv {
width: calc(100% - 10px);
padding: 10px;
padding-bottom: 10px;
position: relative;
float: left;
border: 0px solid #ccc;
margin: 5px;
border-radius: 3px;
padding-bottom: 63px !important;
}
.locationmainareaone .locationmainareadiv .locationimgshow,
.locationmainareaone .locationmainareadiv .locationname,
.locationmainareaone .locationmainareadiv .locationadress
{
width: 100%;
padding: 10px;
display: block;
float: left;
}
.stingline {
margin-top: 20px;
}
.energyEfficiencyClassBlock{
margin-top: -20px;
}
.foxrowopentime div:nth-child(1) {
font-weight: bold;
text-align: right;
padding: 2px 10px;
background-color: var(--colorotherone);
margin-bottom: 1px;
float: left;
width: 100%;
text-align: left;
}
.foxrowopentime div:nth-child(2), .foxrowopentime div:nth-child(2), .foxrowopentime div:nth-child(4), .foxrowopentime div:nth-child(5) {
width: 25%;
}
.foxrowopentime div:nth-child(2), .foxrowopentime div:nth-child(3), .foxrowopentime div:nth-child(4), .foxrowopentime div:nth-child(5) {
width: 25%;
float: left;
text-transform: uppercase;
padding: 2px 15px;
border-bottom: 1px solid var(--colorotherone);
}
.foxconsumkey {
width: 100%;
position: relative;
float: left;
font-weight: bold;
font-size: 15px;
}
.foxconsumval {
width: 100%;
position: relative;
float: left;
}
.mainlabelfoxacc {
width: 100%;
position: relative;
float: left;
font-weight: bold;
}
.mainvalfoxacc {
width: 100%;
position: relative;
float: left;
}
.foxconsumline, .mainlabelvalfoxacc {
border-bottom: 1px solid var(--colorotherone);
}
div#finacingnotemptyoff.secdetailsfrontleasingdetails.leasingfinacingbut.block-w50{
min-width: calc(100% - 10px);
min-height: 60px;
}
.priceblockmaindetails .secdetailsfrontleasingdetails {
width: calc(100% - 10px);
float: left;
padding: 5px;
border: 1px solid var(--colorotherone);
border-radius: 3px;
margin: 0px 5px;
text-align: center;
padding-bottom: 0px;
min-height: 90px;
margin-bottom: 5px;
}
.priceblockmaindetails .secdetailsfrontfinancingdetails {
width: calc(100% - 10px);
float: left;
padding: 5px;
border: 1px solid var(--colorotherone);
border-radius: 3px;
margin: 0px 5px;
text-align: center;
padding-bottom: 0px;
min-height: 90px;
margin-bottom: 5px;
}
.priceblockmaindetails .secdetailsfrontpricedetails {
width: calc(100% - 10px);
float: left;
padding: 5px;
border: 1px solid var(--colorotherone);
border-radius: 3px;
margin: 0px 5px;
text-align: center;
padding-bottom: 10px;
min-height: 90px;
margin-bottom: 5px;
}
.foxcarattrboxdetails {
float: left;
padding: 5px;
width: 50%;
}
#main{
padding-left: 10px !important;
padding-right: 10px !important;
}
.searchparam {
width: 100%;
margin: 3px;
height: auto;
margin-bottom: 10px !important;
padding: 2px 7px !important;
}
.grouplable::after {
border-color: transparent transparent var(--colorselse) transparent;
top: 10px;
right: 15px !important;
}
.select-selected::after {
right: 15px !important;
}
.newvalsdinamicleft {
width: 50%;
float: left;
text-align: left;
font-size: 14px;
padding-top: 5px;
display: block;
}
.newvalsdinamiclefr {
width: 50%;
float: left;
text-align: right;
font-size: 14px;
padding-top: 5px;
display: block;
}
.secdetailsfrontleasing{
width: 100%;
position: relative;
float: left;
text-align: center;
padding: 10px 0px;
}
.finazingMonthlyRate {
font-weight: bold;
font-size: 16px;
margin: 0px !important;
padding: 0px !important;
line-height: 12px;
height: 20px;
}
.secdetailsfrontfinancing{
width: 100%;
position: relative;
float: left;
text-align: center;
border-left: 0px dotted;
min-height: 78.43px;
padding: 10px 0px;
}
.secdetailsfrontprice{
width: 100%;
position: relative;
float: left;
text-align: center;
border-left: 0px dotted;
min-height: 78.43px;
padding: 10px 0px;
}
.foxcatimgbox {
padding: 0px 2px 0px 2px;
height: auto;
text-align: center;
line-height: initial;
font-size: 50px;
cursor: pointer;
background-color: var(--colorotherbutsix);
border-radius: 3px;
}
}
@media only screen and (max-width:480px)
{ }
@media only screen and (max-width:450px)
{
.elementor-widget-container p {
hyphens: auto;
}
.slidescarcontainermain.oneimgcar {
width: 100% !important;
height: 311px !important;
}
.mainlabelfoxsec {
width: 100%;
position: relative;
float: left;
font-size: 16px;
font-weight: bold;
line-height: 22px;
background-color: var(--labesseccolorone);
padding: 6px 10px 6px 15px;
border-bottom: 1px solid var(--labesseccolort);
}
.mainvalfoxsec {
width: 100%;
position: relative;
float: left;
text-align: left;
line-height: 22px;
padding: 8px 10px 8px 15px;
border-bottom: 1px solid var(--colorotherone);
}
}
@media only screen and (max-width:400px)
{
.dsgvohinweis.openmapblock .openmapblockarea {
width: calc(100% - 10px);
margin-left: auto;
margin-right: auto;
margin-top: 50px;
background-color: #ffffff;
padding: 20px;
text-align: center;
font-size: 16px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 8px -4px rgba(204, 204, 204, 0.68);
box-shadow: 1px 1px 8px -4px rgba(204, 204, 204, 0.68);
transition: box-shadow 500ms;
display: none;
}
.elementor img {
border: none;
border-radius: 0;
box-shadow: none;
height: auto;
max-width: 100% !important;
}
.downloadcarinfosaspdf {
position: absolute;
display: block;
z-index: 9;
right: 0px;
margin-right: 10px;
top: -25px;
color: var(--colorotherlink) !important;
font-size: 12px;
}
.slidescarcontainermain.oneimgcar {
width: 100% !important;
height: 272px !important;
}
.slidescarcontainermain.oneimgcar {
width: 100% !important;
height: 280px !important;
}
.foxcarinfoicondetailssec {
font-size: 20px;
line-height: 24px;
}
.searchform {
display: block !important;
}
.fox-cols-3.dealsoneblockmain {
width: 100% !important;
}
.searchparam.searchparamsmall.fox-cols-1.make_css,
.searchparam.searchparamsmall.fox-cols-1.model_css,
.searchparam.searchparamsmall.fox-cols-1.category_css,
.searchparam.searchparamsmall.fox-cols-1.conditioncar_css {
margin: 2px !important;
} .foxcarimgslider{
display: none;
}
.slidescarcontainermain {
width: 100% !important;
height: 333px !important;
position: relative;
display: block;
margin: 0;
overflow: hidden;
background-color: var(--colorotherbutseven);
}
#finacingnotempty.block-w50 {
width: calc(100% - 10px) !important;
}
.secdetailsfrontpricedetails.block-w50 {
width: calc(100% - 10px) !important;
}
.foxformblock.blocksmall {
width: 100%;
}
.foxcarattrboxdetails {
float: left;
padding: 5px;
width: 50%;
}
.mainlabelfoxsec {
width: 100%;
position: relative;
float: left;
font-size: 16px;
font-weight: bold;
line-height: 22px;
background-color: var(--labesseccolorone);
padding: 6px 10px 6px 15px;
border-bottom: 1px solid var(--labesseccolort);
}
.mainvalfoxsec {
width: 100%;
position: relative;
float: left;
text-align: left;
line-height: 22px;
padding: 8px 10px 8px 15px;
border-bottom: 1px solid var(--colorotherone);
}
.blockbuttonsfoxmain .foxcarslistebutton {
width: calc(100% - 10px);
}
}
@media only screen and (max-width:320px)
{
.slidescarcontainermain.oneimgcar {
width: 100% !important;
height: 213px !important;
}
}