<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

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

Startseite

97 - 108 von 198 Artikel(n)

Moon Organizer MAN TGE /...

Moon Organizer

Moon Organizer MAN TGE / Volkswagen Crafter II H1 / H2 RAWD

Vorschau

Moon Organizer MAX Mercedes...

Moon Organizer

Moon Organizer MAX Mercedes Sprinter 906 / Volkswagen Crafter I H2 RAWD

Vorschau

Moon Organizer Mercedes...

Moon Organizer

Moon Organizer Mercedes Sprinter 906 / Volkswagen Crafter I H2 RAWD

Vorschau

Moon Organizer MAX Mercedes...

Moon Organizer

Moon Organizer MAX Mercedes Sprinter 907 H2/H3 RAWD

Vorschau

Moon Organizer Mercedes...

Moon Organizer

Moon Organizer Mercedes Sprinter 907 H3/H2 RAWD

Vorschau

Moon Box TEBE 109°

Moon Box

Moon Box TEBE 109°

Vorschau

Moon Box TEBE 101.5°

Moon Box

Moon Box TEBE 101.5°

Vorschau

Moon Box TEBE 105°

Moon Box

Moon Box TEBE 105°

Vorschau

Moon Box Tebe

Moon Box

Moon Box Tebe

Modularer Schrank für Wohnmobile

• Aluminiumkonstruktion mit weicher Abdeckung,

• Breite: 50, 70, 95, 114 cm

• Höhe: 26,5 cm

• Tiefe: 26 cm

• 20% kleiner als die Moon Box Titan

Modularer Schrank für Wohnmobile • Aluminiumkonstruktion mit weicher Abdeckung, • Breite: 50, 70, 95, 114 cm • Höhe: 26,5 cm • Tiefe: 26 cm • 20% kleiner als die Moon Box Titan

Vorschau

Moon Style Bag

Moon Accessories

Moon Style Bag

Vorschau

MoonPack

Artikel nur noch in anderer Variante erhältlich

Startseite

MoonPack

Vorschau

Moon Kitchen 2.0 M30 Montage

Moduł 30

Moon Kitchen 2.0 M30 Montage

Vorschau

1
…
8
9
10
…
17

Product added to wishlist