<div id="pshowwcag-noscript" class="pshowwcag-bottom-right"> <input type="checkbox" id="pshowwcag-noscript-toggle" hidden> <label for="pshowwcag-noscript-toggle" id="pshowwcag-toggle" aria-expanded="false" aria-controls="pshowwcag-noscript-menu" title="Accessibility Options" onmousedown="this.startX = event.clientX; this.startY = event.clientY; this.moved = false;" onmousemove="if(this.startX !== undefined) { var dx = Math.abs(event.clientX - this.startX); var dy = Math.abs(event.clientY - this.startY); if(dx > 5 || dy > 5) this.moved = true; }" onclick="if(this.moved) { event.preventDefault(); return false; }"> <i class="fas fa-universal-access" aria-hidden="true"></i> </label> <div id="pshowwcag-noscript-menu"> <div class="pshowwcag-header"> <p>Accessibility Options</p> <div class="pshowwcag-header-controls"> <label for="pshowwcag-noscript-toggle" class="pshowwcag-close-btn" aria-label="Schließen"> <i class="fas fa-times" aria-hidden="true"></i> </label> </div> </div> <form id="pshowwcag-form"> <div class="pshowwcag-content"> <div class="pshowwcag-cards"> <div class="pshowwcag-card-row"> <label for="pshowwcag-fonti-toggle" class="pshowwcag-card" title="Increase text size for better readability"> <input type="checkbox" id="pshowwcag-fonti-toggle" name="accessibility[]" value="fonti" hidden> <i class="fas fa-search-plus" aria-hidden="true"></i> <span>Increase Font</span> </label> <label for="pshowwcag-fontd-toggle" class="pshowwcag-card" title="Decrease text size"> <input type="checkbox" id="pshowwcag-fontd-toggle" name="accessibility[]" value="fontd" hidden> <i class="fas fa-search-minus" aria-hidden="true"></i> <span>Decrease Font</span> </label> </div> <div class="pshowwcag-card-row"> <label for="pshowwcag-contrast-toggle" class="pshowwcag-card" title="Enable high contrast mode for better visibility"> <input type="checkbox" id="pshowwcag-contrast-toggle" name="accessibility[]" value="contrast" hidden> <i class="fas fa-adjust" aria-hidden="true"></i> <span>High Contrast</span> </label> <label for="pshowwcag-grayscale-toggle" class="pshowwcag-card" title="Convert page to grayscale for color blind users"> <input type="checkbox" id="pshowwcag-grayscale-toggle" name="accessibility[]" value="grayscale" hidden> <i class="fas fa-low-vision" aria-hidden="true"></i> <span>Grayscale</span> </label> </div> <div class="pshowwcag-card-row"> <label for="pshowwcag-underline-toggle" class="pshowwcag-card" title="Underline all links to make them more visible"> <input type="checkbox" id="pshowwcag-underline-toggle" name="accessibility[]" value="underline" hidden> <i class="fas fa-link" aria-hidden="true"></i> <span>Underline Links</span> </label> <label for="pshowwcag-animation-toggle" class="pshowwcag-card" title="Stop all animations to prevent motion sensitivity issues"> <input type="checkbox" id="pshowwcag-animation-toggle" name="accessibility[]" value="animation" hidden> <i class="fas fa-pause-circle" aria-hidden="true"></i> <span>Stop Animations</span> </label> </div> </div> </div> <div class="pshowwcag-footer"> <button type="reset" class="pshowwcag-reset-btn" title="Reset all accessibility settings to default"> <i class="fas fa-sync-alt" aria-hidden="true"></i> Reset Settings </button> <a href="https://prestashow.com" target="_blank" class="pshowwcag-prestashow-link"> <span class="pshowwcag-prestashow-text">With accessibility in mind -</span> <img src="https://prestashow.pl/img/prestashop-1609-logo-1684754704.jpg" alt="PrestaShow" class="pshowwcag-prestashow-logo"> </a> </div> </div> </div> </form> <style> /* Use existing styles from main CSS - noscript specific overrides */ #pshowwcag-noscript { position: fixed; z-index: 9999; font-family: 'Segoe UI', sans-serif; } /* Regular toggle button styling */ #pshowwcag-toggle { position: relative; background: var(--pshowwcag-primary, #6366f1); color: var(--pshowwcag-primary-text, #fff); border: none; font-size: 1.6rem; padding: 16px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; } #pshowwcag-toggle:hover { background: var(--pshowwcag-primary, #6366f1); filter: brightness(0.95); } html:has(#pshowwcag-noscript-toggle:checked) #pshowwcag-toggle { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 0 0 3px #ffffff, 0 0 0 5px var(--pshowwcag-primary, #6366f1); } #pshowwcag-noscript-menu { position: fixed; right: -450px; top: 0; width: 450px; height: 100dvh; background: var(--pshowwcag-background, #f5f5f5); padding: 0; box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12); font-size: 14px; overflow-y: auto; transition: right 0.3s ease; z-index: 99999; display: flex; flex-direction: column; } /* Menu visibility */ html:has(#pshowwcag-noscript-toggle:checked) #pshowwcag-noscript-menu { right: 0 !important; } /* Close button hover effect */ .pshowwcag-close-btn:hover { background: rgba(255, 255, 255, 0.1); } /* Active states for cards */ html:has(#pshowwcag-fonti-toggle:checked) label[for="pshowwcag-fonti-toggle"].pshowwcag-card, html:has(#pshowwcag-fontd-toggle:checked) label[for="pshowwcag-fontd-toggle"].pshowwcag-card, html:has(#pshowwcag-contrast-toggle:checked) label[for="pshowwcag-contrast-toggle"].pshowwcag-card, html:has(#pshowwcag-grayscale-toggle:checked) label[for="pshowwcag-grayscale-toggle"].pshowwcag-card, html:has(#pshowwcag-underline-toggle:checked) label[for="pshowwcag-underline-toggle"].pshowwcag-card, html:has(#pshowwcag-animation-toggle:checked) label[for="pshowwcag-animation-toggle"].pshowwcag-card { background: var(--pshowwcag-primary, #6366f1) !important; border-color: var(--pshowwcag-primary, #6366f1) !important; color: var(--pshowwcag-primary-text, #fff) !important; box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3) !important; } html:has(#pshowwcag-fonti-toggle:checked) label[for="pshowwcag-fonti-toggle"].pshowwcag-card i, html:has(#pshowwcag-fontd-toggle:checked) label[for="pshowwcag-fontd-toggle"].pshowwcag-card i, html:has(#pshowwcag-contrast-toggle:checked) label[for="pshowwcag-contrast-toggle"].pshowwcag-card i, html:has(#pshowwcag-grayscale-toggle:checked) label[for="pshowwcag-grayscale-toggle"].pshowwcag-card i, html:has(#pshowwcag-underline-toggle:checked) label[for="pshowwcag-underline-toggle"].pshowwcag-card i, html:has(#pshowwcag-animation-toggle:checked) label[for="pshowwcag-animation-toggle"].pshowwcag-card i { color: var(--pshowwcag-primary-text, #fff) !important; } html:has(#pshowwcag-fonti-toggle:checked) label[for="pshowwcag-fonti-toggle"].pshowwcag-card span, html:has(#pshowwcag-fontd-toggle:checked) label[for="pshowwcag-fontd-toggle"].pshowwcag-card span, html:has(#pshowwcag-contrast-toggle:checked) label[for="pshowwcag-contrast-toggle"].pshowwcag-card span, html:has(#pshowwcag-grayscale-toggle:checked) label[for="pshowwcag-grayscale-toggle"].pshowwcag-card span, html:has(#pshowwcag-underline-toggle:checked) label[for="pshowwcag-underline-toggle"].pshowwcag-card span, html:has(#pshowwcag-animation-toggle:checked) label[for="pshowwcag-animation-toggle"].pshowwcag-card span { color: var(--pshowwcag-primary-text, #fff) !important; } /* Accessibility functions */ html:has(#pshowwcag-fonti-toggle:checked) { font-size: 150% !important; } html:has(#pshowwcag-fontd-toggle:checked) { font-size: 75% !important; } html:has(#pshowwcag-contrast-toggle:checked) { filter: contrast(125%) !important; } html:has(#pshowwcag-contrast-toggle:checked) * { color: #000 !important; } html:has(#pshowwcag-grayscale-toggle:checked) { filter: grayscale(100%) !important; } html:has(#pshowwcag-underline-toggle:checked) a { text-decoration: underline !important; } html:has(#pshowwcag-animation-toggle:checked) *, html:has(#pshowwcag-animation-toggle:checked) *::before, html:has(#pshowwcag-animation-toggle:checked) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } @media (max-width: 600px) { #pshowwcag-noscript-menu { width: 100vw; right: -100vw; top: 0; } html:has(#pshowwcag-noscript-toggle:checked) #pshowwcag-noscript-menu { right: 0 !important; } } @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } </style>

Produkte

Moon Box

Moon Box

Moon Organizer

Moon Organizer

Moon Bed

Moon Bed

Moon Kitchen

Moon Kitchen

Moon Frame

Moon Frame

Moon Window

Moon Window

Winthermo

Winthermo

Moon Accessories

Moon Accessories

End of Line

End of Line

Marken und Fahrzeuge

Mercedes

Mercedes

Volkswagen

Volkswagen

Ford

Ford

MAN

MAN

Citroën

Citroën

Fiat

Fiat

RAM

RAM

Peugeot

Peugeot

Renault

Renault

Opel

Opel

Nissan

Nissan

Outlet

Outlet

Download

Warenkorb / Empty

Moon Organizer Volkswagen Crafter, Left Middle, Gray

Sonderangebot

Sonderpreis!
-33%

Moon Organizer Volkswagen Crafter,...

€ 134,74 € 201,10 -33%

zzgl. MwSt. Stück

Der Preis hat sich in den letzten 30 Tagen nicht verändert.

Compatibility:

Old model. New, full-quality Moon Organizer. Fabric shade may differ slightly from the current production line.

Perfect for:
Volkswagen Crafter I
Mercedes Sprinter 906

Umsetzung

Die Vorlaufzeit beträgt 48 Stunden.
Im Falle eines erhöhten Interesses können die Vorlaufzeiten verlängert werden.

Beschreibung

Brand new unit. Pocket layout may differ from the current model. Fabric shade may differ slightly from the current production line.

Model: Volkswagen Crafter — Left Middle
Color: Gray

Learn more about Moon Organizer.

Artikeldetails

Artikel-Nr. Outlet_

Rezension (0)

Keine Rezension

Product added to wishlist