/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, 
summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
ol, ul {list-style: none; list-style-type: none;}
table {border-collapse: collapse; border-spacing: 0; }

body {font-family: "Open Sans",Helvetica, Arial, sans-serif; font-size: 16px; background: #fff; color: #111; }

/* Notepad -> should be the default style */

.add_to_notepad, .remove_from_notepad {transition: .3s; }
.add_to_notepad .inactive, .remove_from_notepad .active {display: none!important; }
.notepad_btn span {display: block!important; }

/* Slideshow Details */

.ap24-details-top {display: grid; grid-template-columns: 65% 35%; gap: 1.5rem; width: calc(100% - 1.5rem); }

.ap24-details-slideshow {width: 100%; clear: both; float: left; display: block; }
.ap24-details-slideshow img {display: block; width: 100%; height: auto; cursor: pointer; }
.ap24-slidewhow-divider {display: block; width: 100%; height: 30px; clear: both; overflow: hidden; }

.splide__slide img {display: block;  width: 100%;  height: auto; }

body.fahrzeuge .splide {display: none; } /* Img dummy! */
.details.content .slideshow {display: none; } /* Img dummy! */

/* Vehicle Item Overview */

.vehicle-item {display: grid; grid-template-columns: 1fr; float: left; clear:both; width: 100%; box-sizing: border-box; border: 1px solid #ddd; margin: 0.5rem 0;  }
.vehicle-item img.ap24-no-img {border: 1px solid #ddd; display: block; width: 100%; height: auto; float: left; display: none; }

/* Forms temp */

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea {display: block; width: 100%; float: left; clear: both; min-height: 45px; line-height: 45px; box-sizing: border-box; padding: 0 1rem; border: 1px solid #ddd; }
.captcha_wrapper {display: block; width: 100%; clear: both; }
