Részletek
Product Description.aplus-v2 .aplus-content-wrapper {
position: relative;
overflow: hidden;
}
.aplus-v2 .container-with-background-image {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
}function logShoppableMetrics(moduleName, showsAddToCart) {
if (window.ue && window.ue.count) {
window.ue.count("aplus:shoppable:" + moduleName + ":addToCart", showsAddToCart ? 1 : 0);
}
}/**
* Premium-module 11: FAQs - Common Styles (All Devices)
*/
.aplus-v2 .premium-aplus-module-11 {
background: #fff;
position: relative;
}
.aplus-v2 .premium-aplus-module-11.aplus-secondary-color {
background: #000;
}
.aplus-v2 .premium-aplus-module-11 .aplus-question,
.aplus-v2 .premium-aplus-module-11 .aplus-answer {
display: block;
width: 100%;
margin: 0;
}
.aplus-v2 .premium-aplus-module-11 .aplus-answer {
visibility: hidden;
opacity: 0;
height: 0;
transition: display 0.1s linear, opacity 0.1s linear, height 0.1s linear;
transition-behavior: allow-discrete;
}
.aplus-v2 .premium-aplus-module-11 .aplus-active .aplus-answer {
visibility: visible;
opacity: 1;
height: auto;
height: calc-size(auto);
min-height: 40px;
}
.aplus-v2 .premium-aplus-module-11 .faq-list {
margin: 0;
}
.aplus-v2 .premium-aplus-module-11 .faq-block {
position: relative;
list-style-type: none;
cursor: pointer;
border: 2px solid #E6E6E6;
background: #fff;
border-radius: 3px;
margin-bottom: 10px;
}
.aplus-v2 .premium-aplus-module-11.aplus-secondary-color .faq-block {
border: none;
}
.aplus-v2 .premium-aplus-module-11 .aplus-question::before,
.aplus-v2 .premium-aplus-module-11 .aplus-answer::before {
text-align: center;
border-radius: 3px;
display: inline-block;
font-weight: 500;
position: absolute;
color: #fff;
top: 10px;
left: 10px;
}
html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .aplus-question::before,
html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .aplus-answer::before {
right: 10px;
}
.aplus-v2 .premium-aplus-module-11 .aplus-question::before {
content: "Q";
background: #505050;
transition: background 0.1s linear;
z-index: 2;
}
.aplus-v2 .premium-aplus-module-11 .aplus-answer::before {
content: "A";
background: #DF7600;
color: #000000;
z-index: 1;
transform: translateY(0px);
transition: transform 0.1s linear;
}
.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active .aplus-question::before {
background: #404040;
}
.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active .aplus-answer::before {
transform: translateY(40px);
}
.aplus-v2 .premium-aplus-module-11 .faq-arrow {
position: absolute;
top: 25px;
border: 10px solid transparent;
border-top-color: #505050;
}
html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .faq-arrow {
right: auto;
}
.aplus-v2 .premium-aplus-module-11 .aplus-active .faq-arrow {
top: 15px;
border-top-color: transparent;
border-bottom-color: #404040;
}.aplus-v2 .premium-aplus-module-2 .premium-background-wrapper {
position: relative;
}
.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper {
position: absolute;
width: 50%;
height: 100%;
top: 0;
}
.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {
left: 50%;
}
html[dir="rtl"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {
left: auto;
right: 50%;
}
.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.secondary-color {
color: #fff;
}
.aplus-v2 .premium-aplus-module-2 .premium-intro-background {
padding: 20px;
}
.aplus-v2 .premium-aplus-module-2 .aplus-module-2-topic {
padding-bottom: 10px;
}
.aplus-v2 .premium-aplus-module-2 .aplus-module-2-heading {
padding-bottom: 20px;
}
.aplus-v2 .premium-aplus-module-2 .aplus-module-2-description {
line-height: 1.5em;
}
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.white-background {
background: rgba(255,255,255,0.5);
}
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background {
background: rgba(0,0,0,0.5);
}
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h1,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h5,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol .a-list-item,
.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul .a-list-item {
color: #fff;
}
.aplus-v2 .premium-aplus-module-2 .premium-intro-content-container {
display: table;
height: 100%;
}
.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {
padding-left: 40px;
}
html[dir="rtl"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {
padding-left: 0px;
padding-right: 40px;
}
.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {
padding-right: 40px;
}
html[dir="rtl"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {
padding-right: 0px;
padding-left: 40px;
}
.aplus-v2 .premium-aplus-module-2 .premium-intro-content-column {
display: table-cell;
vertical-align: middle;
}/**
* Common event handler for click and keydown events.
* @param {Event} event - The event object.
* @param {Function} handleClickOrEnter - Function to handle click or Enter key events.
* @param {Function} handleEsc - Function to handle Esc key events.
*/
// [TODO][AplusMantle-8064] Create common event handler util(key events, click events) in AplusModuleResources
function handleClickAndKeyEvents(event, handleClickOrEnterOrSpace) {
const ENTER_KEY_CODE = 13;
const ESCAPE_KEY_CODE = 27;
const SPACE_KEY_CODE = 32;
const isClick = event.type === 'click';
const isKeydown = event.type === 'keydown';
const isEnter = isKeydown && event.keyCode === ENTER_KEY_CODE;
const isSpace = isKeydown && event.keyCode === SPACE_KEY_CODE;
const isEsc = isKeydown && event.keyCode === ESCAPE_KEY_CODE;
if (isClick || isEnter || isSpace) {
handleClickOrEnterOrSpace();
} else if (isEsc) {
handleEsc(event);
}
}
/**
* Function to handle esc key event.
* @param {Event} event - The event object.
*/
function handleEsc(event) {
event.target.blur() // force remove focus
}(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.now('module-9-comparison-table-carousel').execute(function(init){
if (init) {
return;
}
P.register('module-9-comparison-table-carousel', function() {
return function() {
P.when('A', 'jQuery', 'a-carousel-framework', 'ready').execute(function (A, $, framework) {
function initiateCarousel(module) {
var moduleId = $(module).data('carousel-name');
var containerClass = '.aplus-v2 .premium-aplus-module-9';
var carouselName = 'premium-aplus-9-carousel-'+moduleId;
var comparisonName = '.compare-'+moduleId;
var productLink = '.aplus-product-link-'+moduleId;
/* If the carousel goes to a new page, make sure the right toggle button is selected */
A.on('a:carousel:'+carouselName+':change:pageNumber', function (data) {
var oldCompareClass = containerClass+' '+comparisonName+data.oldValue;
var newCompareClass = containerClass+' '+comparisonName+data.newValue;
var oldLinkClass = containerClass+' '+productLink+data.oldValue;
var newLinkClass = containerClass+' '+productLink+data.newValue;
$(oldCompareClass+', '+oldLinkClass).hide();
$(newCompareClass+', '+newLinkClass).show();
});
}
$(".aplus-v2 .premium-aplus-module-9 .aplus-comparison-carousel-container").each(function(index) {
initiateCarousel(this);
});
});
}
});
})
}));/**
* Premium-module 9: Comparison table - carousel
*/
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table {
max-height: 700px;
overflow: hidden;
}
.aplus-v2 .premium-aplus-module-9.aplus-secondary-color,
.aplus-v2 .premium-aplus-module-9 .aplus-secondary-color {
background-color: #262626;
}
.aplus-v2 .premium-aplus-module-9 .aplus-primary-color {
background-color : #fff;
}
.aplus-v2 .premium-aplus-module-9.aplus-secondary-text-color,
.aplus-v2 .premium-aplus-module-9 .aplus-secondary-text-color {
color: #fff;
}
.aplus-v2 .premium-aplus-module-9 .aplus-primary-text-color {
color: #000;
}
.aplus-v2 .premium-aplus-module-9 .aplus-display-none {
display: none;
}
.aplus-v2 .premium-aplus-module-9 .aplus-primary-border {
border: 0.16px solid #000;
}
.aplus-v2 .premium-aplus-module-9 .aplus-secondary-border {
border: 0.16px solid #fff;
}
.aplus-v2 .premium-aplus-module-9 .aplus-primary-border-checkbox {
border: 2.4px solid #000;
}
.aplus-v2 .premium-aplus-module-9 .aplus-secondary-border-checkbox {
border: 2.4px solid #fff;
}
.aplus-v2 .premium-aplus-module-9 .base-container {
position: relative;
height: 700px;
}
/* Setup three basic containers (left, center, and right) */
.aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container {
position: absolute;
width: 33.33%;
}
.aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container.aplus-comparison-table-left-content {
top: 0;
left: 0;
text-align: left;
}
.aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container.aplus-comparison-table-left-content {
text-align: inherit;
}
.aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container.aplus-comparison-table-center-content {
height: 100%;
top: 0;
left: 50%;
-ms-transform: translate(-50%);
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
transform: translate(-50%);
text-align: center;
}
.aplus-v2 .premium-aplus-module-9 .aplus-comparison-table-content-container.aplus-comparison-table-right-content {
top: 0;
right: 0;
}
/* Setup description of base item to compare with others */
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-container {
position: relative;
height: 700px;
background-position: center;
background-size: cover;
}
/* overrides AUI carousel card text-align: center */
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-caption,
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-caption {
position: absolute;
text-align: left;
padding: 10px;
left: 25%;
right: 25%;
top: 48px;
font-size: 22px;
letter-spacing: 0.12px;
line-height: 1.2;
}
/* overrides AUI carousel card text-align: center */
html[dir="rtl"] .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-caption,
html[dir="rtl"] .aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-caption {
text-align: right;
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-caption.aplus-primary-text-color,
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-caption.aplus-primary-text-color {
background: rgba(255,255,255,0.5);
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-base-item-caption.aplus-secondary-text-color,
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-caption.aplus-secondary-text-color {
background: rgba(0,0,0,0.5);
}
/* Setup carousel styling */
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel {
position: relative;
max-width: 488px;
}
/* 1464 / 3 = 488 */
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element {
width: 488px;
height: 700px;
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-carousel-nav .carousel-slider-circle.aplus-carousel-active {
background-color: #DE7921;
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-carousel-element-container {
position: relative;
height: 100%;
}
/* Setup table styling */
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-main-container {
position: relative;
width: 100%;
height: 100%;
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-container {
vertical-align: middle;
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-header {
padding: 0 20px;
width: auto;
transform: translateY(50%);
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-content td {
width: 33%;
padding-top: 19.2px;
padding-bottom: 19.2px;
vertical-align: middle;
letter-spacing: 0.16px;
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-content tr:first-of-type td {
padding-top: 10%
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-content tr:last-of-type td {
padding-bottom: 15%;
}
/* Setup styling for 'tickboxes' (APLUS-TRUE or APLUS-FALSE feature details) */
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-tickbox {
width: 35px;
height: 35px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-checkmark {
width: 35px;
height: 25px;
-ms-transform: translateX(-15%) translateY(-10%) rotate(45deg);
-webkit-transform: translateX(-15%) translateY(-10%) rotate(45deg);
transform: translateX(-15%) translateY(-10%) rotate(45deg);
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-checkmark-stem {
position: absolute;
width: 12px;
height: 4px;
left: 16px;
top: 18.4px;
-webkit-border-radius: 25%;
-moz-border-radius: 25%;
border-radius: 25%;
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-comparison-table-checkmark-kick {
position: absolute;
width: 4px;
height: 22.4px;
left: 24px;
top: 0;
-webkit-border-radius: 25%;
-moz-border-radius: 25%;
border-radius: 25%;
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-pagination-container {
position: absolute;
bottom: 12px;
width: 100%;
}
.aplus-v2 .premium-aplus-module-9.aplus-comparison-table .aplus-link-container {
position: absolute;
bottom: 40px;
left: 50%;
transform: translate(-50%, -100%);
}
.a-carousel-display-single .a-carousel-card img {
object-fit: cover;
width: 100%;
height: 100%;
}/**
* Premium modules global styles
*/
.aplus-v2.desktop {
max-width: 1464px;
min-width: 800px;
margin-left: auto;
margin-right: auto;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
}
/* Undo this for tech-specs because it breaks table layout */
.aplus-v2.desktop .premium-aplus .aplus-tech-spec-table { word-break: initial; }
.aplus-v2 .premium-aplus,
.aplus-v2 .premium-aplus .aplus-h1,
.aplus-v2 .premium-aplus .aplus-h2,
.aplus-v2 .premium-aplus .aplus-p1,
.aplus-v2 .premium-aplus .aplus-p2,
.aplus-v2 .premium-aplus .aplus-p3,
.aplus-v2 .premium-aplus .aplus-accent1,
.aplus-v2 .premium-aplus .aplus-accent2
{ font-family: Arial, sans-serif; }
.aplus-v2 .premium-aplus,
.aplus-v2 .premium-aplus .aplus-h1,
.aplus-v2 .premium-aplus .aplus-h2,
.aplus-v2 .premium-aplus .aplus-p1,
.aplus-v2 .premium-aplus .aplus-p2,
.aplus-v2 .premium-aplus .aplus-p3,
.aplus-v2 .premium-aplus .aplus-accent1,
.aplus-v2 .premium-aplus .aplus-accent2
{ font-family: inherit; }
/* type */
.aplus-v2 .premium-aplus .aplus-h1 { font-size: 32px; line-height: 1.2em; font-weight: 500; }
.aplus-v2 .premium-aplus .aplus-h2 { font-size: 26px; line-height: 1.25em; font-weight: 500; }
.aplus-v2 .premium-aplus .aplus-h3 { font-size: 18px; line-height: 1.25em; font-weight: 500; }
.aplus-v2 .premium-aplus .aplus-p1 { font-size: 20px; line-height: 1.3em; font-weight: 300; }
.aplus-v2 .premium-aplus .aplus-p2 { font-size: 16px; line-height: 1.4em; font-weight: 300; }
.aplus-v2 .premium-aplus .aplus-p3 { font-size: 14px; line-height: 1.4em; font-weight: 300; }
.aplus-v2 .premium-aplus .aplus-accent1 { font-size: 16px; line-height: 1.4em; font-weight: 600; }
.aplus-v2 .premium-aplus .aplus-accent2 { font-size: 14px; line-height: 1.4em; font-weight: 600; }
/* spacing */
.aplus-v2 .aplus-container-1 { padding: 40px; }
.aplus-v2 .aplus-container-1-2 { padding: 40px 80px; }
.aplus-v2 .aplus-container-2 { padding: 80px; }
.aplus-v2 .aplus-container-3 { padding: 40px 0; }
/* Display */
.aplus-v2 .premium-aplus .aplus-display-table { display: table; }
.aplus-v2 .premium-aplus .aplus-display-table-cell { display: table-cell; }
.aplus-v2 .premium-aplus .aplus-display-inline-block { display: inline-block; }
/* Aplus display table with min-width 1000px and fill remaining space inside parent */
.aplus-v2.desktop .premium-aplus .aplus-display-table-width { min-width: 1000px; width: 100% }
/**
* Padding and margin for element should be 10, 20, 40, or 80 px. Considering mini 10, small 20, medium 40, large 80.
*//**
* Premium-module 11: FAQs
*/
.aplus-v2 .premium-aplus-module-11 .aplus-question {
line-height: 25px;
padding-bottom: 10px;
}
.aplus-v2 .premium-aplus-module-11 .faq-block {
padding: 10px 80px 15px 100px;
}
html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .faq-block {
padding-left: 80px;
padding-right: 100px;
}
.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active {
padding-bottom: 35px;
}
.aplus-v2 .premium-aplus-module-11 .aplus-question::before,
.aplus-v2 .premium-aplus-module-11 .aplus-answer::before {
width: 80px;
line-height: 40px;
font-size: 25px;
}
.aplus-v2 .premium-aplus-module-11 .faq-arrow {
right: 40px;
}
html[dir="rtl"] .aplus-v2 .premium-aplus-module-11 .faq-arrow {
left: 40px;
}(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.now('premium-module-11-faq').execute(function(init) {
if (init) {
return;
}
P.register('premium-module-11-faq', function() {
return function() {
P.when('A', 'jQuery', 'ready').execute(function(A, $){
function initFaq(module) {
const MODULE_CLASS_NAME = 'premium-aplus-module-11';
const FAQ_CONTAINER_CLASS_NAME = 'faqs-container';
const FAQ_BLOCK_CLASS_NAME = 'faq-block';
const moduleId = $(module).data('faq-block');
const $faqBlocks = $('.aplus-v2 .' + MODULE_CLASS_NAME + ' .' + FAQ_CONTAINER_CLASS_NAME + '.' + moduleId + ' .' + FAQ_BLOCK_CLASS_NAME);
/**
* Function to handle click or Enter or Space key events.
* @param {Element} element - The this object from which the event is dispatched
* @param {faqBlocks} faqBlocks - List of all the Question and Answer blocks.
*/
function handleClickOrEnterOrSpace(element, faqBlocks) {
const $element = $(element);
const isActive = $element.hasClass('aplus-active');
faqBlocks.removeClass('aplus-active');
faqBlocks.find('[data-faq-question]').attr('aria-expanded', 'false');
if (!isActive) {
$element.addClass('aplus-active');
$element.find('[data-faq-question]').attr('aria-expanded', 'true');
}
}
/* Using jQuery event namespace for preventing duplicate binding on twister refresh */
$faqBlocks.unbind('click keydown.premiumAplusModule11ClickHandler').bind('click keydown.premiumAplusModule11ClickHandler', function(event) {
handleClickAndKeyEvents(event, () => handleClickOrEnterOrSpace(this, $faqBlocks));
});
}
$(".aplus-v2 .premium-aplus-module-11 .faqs-container").each(function(index, module) {
initFaq(module);
});
});
};
});
});
}));/**
* Premium-module 12: Nav Carousel
*/
.aplus-v2 .premium-aplus-module-12 .aplus-carousel-card {
position: relative;
width: 100%;
}
.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container {
position: relative;
}
.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container {
/* Match the aspect ratio of the desktop image uploaded via the editor (1464px x 600px) */
padding-top: calc(600 / 1464 * 100%); /* ~40.983% */
height: 0;
}
.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container > div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
/* Override AUI styles. It poorly attempts to measure the slide heights before waiting until images load. */
.aplus-v2 .premium-aplus-module-12 .a-carousel-viewport {
height: 100% !important;
}
.aplus-v2 .premium-aplus-module-12 .aplus-card-image img {
width: 100%;
height: auto;
}
.aplus-v2 .premium-aplus-module-12 .aplus-card-details-wrapper {
position: absolute;
top: 0;
width: 50%;
height: 100%;
}
.aplus-v2 .premium-aplus-module-12 .aplus-card-detail {
display: table;
width: 100%;
height: 100%
}
.aplus-v2 .premium-aplus-module-12 .card-description {
text-align: left;
}
html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .card-description {
text-align: right;
}
.aplus-v2 .premium-aplus-module-12 .aplus-table-cell {
display: table-cell;
vertical-align: middle;
}
.aplus-v2 .premium-aplus-module-12 .aplus-text-background {
padding: 20px;
}
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color {
background: rgba(0, 0, 0, 0.5);
}
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color,
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h1,
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h5,
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol,
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul,
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol .a-list-item,
.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul .a-list-item {
color: #fff;
}
.aplus-v2 .premium-aplus-module-12 .description {
margin-top: 20px;
}
/* nav */
.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions {
position: absolute;
top: 20px;
width: 100%;
text-align: center;
}
.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn {
display: inline-block;
margin: 7px 10px;
cursor: pointer;
border-radius: 30px;
border: 2px solid #000;
line-height: 2.5em;
min-width: 200px;
background-color: #fff;
white-space: nowrap;
color: #000;
}
.aplus-v2 .premium-aplus-module-12 .aplus-carousel-index {
display: none;
}
.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.aplus-active {
border-color: #fff;
background-color: #000;
color: #fff;
}
/**
* Regimen template specific css
*/
html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {
text-align: right;
}
.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {
text-align: right;
top: 50%;
width: 250px;
right: 75px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {
text-align: left;
top: 50%;
left: 75px;
right: auto;
}
.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {
display: inline-block;
margin: 10px 10px;
cursor: pointer;
border-radius: 30px;
border: 2px solid #000;
width: 220px;
background-color: #fff;
padding: 2px 0 2px;
}
.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active {
border-color: #fff;
background-color: #000;
color: #fff;
}
.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-index {
color: inherit;
}
.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-label {
color: inherit;
}
.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {
display: inline-block;
width: 12px;
color: #000;
}
.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-label {
color: #000;
}
html[dir="rtl"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {
margin-left: 0px;
margin-right: 6px;
}
.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #000;
opacity: 0.5;
text-align: center;
}
.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen .aplus-headline {
color: #fff;
line-height: 2em;
}
/**
* Navigation template specific css
*/
.aplus-v2 .premium-aplus-module-12--top-nav .aplus-carousel-actions {
background-color: rgba(0, 0, 0, 0.8);
top: 0px;
}
.aplus-v2 .premium-aplus-module-12--top-nav .aplus-goto-btn {
padding: 8px;
color: #fff;
background-color: transparent;
border: none;
}
.aplus-v2 .premium-aplus-module-12--top-nav .aplus-goto-btn.aplus-active {
text-decoration: underline;
text-underline-offset: 0.8em;
text-decoration-thickness: 3px;
background-color: transparent;
border: none;
}(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.now('premium-module-12-nav-carousel').execute(function(init) {
if (init) {
return;
}
P.register('premium-module-12-nav-carousel', function(){
return function() {
P.when('A', 'jQuery', 'a-carousel-framework', 'ready').execute(function (A, $, framework) {
function initiateCarousel(module) {
var MODULE_ID = $(module).data('module-id');
/**
* Carousel button element classname
* @const
*/
var GOTO_BTN_CLASS_NAME = "aplus-goto-btn-" + MODULE_ID;
/**
* Carousel button element active classname
* @const
*/
var GOTO_BTN_ACTIVE_CLASS_NAME = "aplus-active";
/**
* AUI name for aui carousel
* @const
*/
var CAROUSEL_NAME = "premium-aplus-12-carousel-" + MODULE_ID;
/**
* Module class name
* @const
*/
var MODULE_CLASS_NAME = ".aplus-v2 .premium-aplus-module-12";
/**
* Carousel text container class name
* @const
*/
var TEXT_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + " .aplus-carousel-text-container-" + MODULE_ID;
/**
* Carousel text hidden class name
* @const
*/
var TEXT_CONTAINER_HIDDEN = "aplus-hidden";
/**
* Carousel horizontal scroll container class name
* @const
*/
var HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + " .aplus-horizontal-scroll-container-" + MODULE_ID;
function showCarouselText(oldIndex, newIndex) {
var oldClass = TEXT_CONTAINER_CLASS_NAME + "-" + oldIndex;
var newClass= TEXT_CONTAINER_CLASS_NAME + "-" + newIndex;
$(oldClass).addClass(TEXT_CONTAINER_HIDDEN);
$(newClass).removeClass(TEXT_CONTAINER_HIDDEN);
}
function scrollToCarouselButton(scrollLeft) {
if ($(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).length) {
$(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).animate({scrollLeft}, 200);
}
}
/**
* Creates a CarouselButton class for provided carousel instance
* @param {object} carousel - AUI Carousel instance
* @returns {Class} - CarouselButton Class
*/
function CarouselButtonTemplate(carousel) {
/**
* Button for controlling the active slide
* @constructor
* @param {number} index - slide index
* @param {DOMElement} [elem] - optional DOM element to use as this objects DOM representation
*/
function CarouselButton(index, elem) {
var self = this;
this.index = index;
this.carousel = carousel;
/* create the button element */
this.elem = this.getElem(elem);
this.$elem = $(this.elem); /* store jquery version */
this.elem.addEventListener('click', self.handleClick.bind(self));
this.elem.setAttribute('role', 'tab');
/* add this object to the object manager */
CarouselButton.objects.byId[index] = this;
CarouselButton.objects.all.push(this);
}
/**
* Describe behavior for click events on this.elem
* @memberOf CarouselButton
*/
CarouselButton.prototype.handleClick = function(e) {
e.preventDefault();
this.carousel.gotoPage(this.index);
};
/**
* Enter active state
* @memberOf CarouselButton
*/
CarouselButton.prototype.activate = function() {
this.$elem.addClass(GOTO_BTN_ACTIVE_CLASS_NAME).attr('aria-selected', 'true');
};
/**
* Enter inactive state
* @memberOf CarouselButton
*/
CarouselButton.prototype.deactivate = function() {
this.$elem.removeClass(GOTO_BTN_ACTIVE_CLASS_NAME).attr('aria-selected', 'false');
};
/**
* Returns an existing or creates a new bound element for this object
* @memberOf CarouselButton
* @param {DOMElement} [elem] - optionally provide an existing element in the DOM to use
* @returns {DOMElement} - this objects DOM representation
*/
CarouselButton.prototype.getElem = function(elem) {
if (this.elem) return this.elem;
if (elem) return elem;
var createdElem = document.createElement('span');
createdElem.className = GOTO_BTN_CLASS_NAME;
return createdElem;
};
/** @const Object manager */
CarouselButton.objects = {
byId: {},
all: [],
};
return CarouselButton;
}
framework.onInit(CAROUSEL_NAME, function(carousel) {
/** @const {Class} */
var CarouselButton = CarouselButtonTemplate(carousel);
/* create carousel controls */
var $carouselBtns = $(safeClassSelector(GOTO_BTN_CLASS_NAME));
var btns = $carouselBtns.map(function(i, btnElem) {
return new CarouselButton(i + 1, btnElem);
});
/* activate first one */
CarouselButton.objects.byId[1].activate();
/* Listen to slide changes */
A.on("a:carousel:" + CAROUSEL_NAME + ":change:pageNumber", function (data) {
var newCarouselButton = CarouselButton.objects.byId[data.newValue];
var marginLeft = parseInt(getComputedStyle(newCarouselButton.elem).getPropertyValue('margin-left'));
var positionLeft = newCarouselButton.elem.offsetLeft - marginLeft;
newCarouselButton.activate();
CarouselButton.objects.byId[data.oldValue].deactivate();
scrollToCarouselButton(positionLeft);
showCarouselText(data.oldValue, data.newValue);
});
});
/**
* @returns {string} - css classname prefixed with module selector
*/
function safeClassSelector(className) {
return '.' + MODULE_CLASS_NAME + ' .' + className;
}
}
$('.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container').each(function (index, module) {
initiateCarousel(module);
});
framework.createAll();
framework.initializeAll();
});
}
})
});
}));Previous page2000 W Leistung, betriebsbereit in 30 Sekunden+43% Leistung vs Vorgängermodell, Dampf bis 30 g/min für besonders effizientes Glätten.Eine einzige Bewegung genügtDampf auf Anfrage mit ergonomischem Auslöser, verriegelbar für einfache und intuitive Nutzung.260 ml Tank, ideale Betriebsdauer zum Glätten mehrerer Kleidungsstücke in einer AnwendungEntfernt 99,99 %* der BakterientEntfernt effektiv Keime, Bakterien und Viren aus Textilien.*Im externen Labor getestetNext page1Leistung2Einfachheit3Große Kapazität4Hygienisch(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.when('premium-module-12-nav-carousel').execute(function(init){
init();
});
}));Warum einen Dampfglätter statt einer Dampfbügelstation oder eines Bügeleisens verwenden?Der Dampfglätter ist die schnelle, effiziente Lösung für müheloses Glätten. Alle Textilien ohne Risiko von Verbrennungen oder Glanzstellen. Dampf reduziert bis zu 70 % unerwünschte Gerüche.Wie verwendet man einen Steamer?1) Ich hänge mein Kleidungsstück an einen stabilen Kleiderbügel. 2) Ich spanne den Stoff. 3) Ich setze die Platte direkt auf den Stoff. 4) Ich löse den Dampf aus. Ich achte darauf, meine Hand mit einem Schutzhandschuh zu schützen.Sind die SteamOne Steamer für alle Textilarten geeignet?Ja, denn der Kopf eines SteamOne Dampfglätters erhitzt sich nicht über 120°C. Die Produkte können auf allen Textilien verwendet werden. Wir raten von der Anwendung auf Leder und pflanzlichem Leder ab.Beeinträchtigt der Dampf der Steamer die Kleidung?Der Dampf beschädigt die Stoffe nicht. Sie können sogar Stoffe mit Pailletten, Sequins, Stickereien oder Beflockung glätten, die mit Bügeleisen und Dampfbügelstation schwer zu behandeln sind.Sind die SteamOne Steamer nur für Profis bestimmt?Jeder kann von den Vorteilen eines Steamers profitieren. Keine komplizierte Technik mehr, kein Bügelbrett, keine langen Aufheizzeiten und kein mühsames Befüllen des Tanks. Mit SteamOne wird alles einfacher.(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.when('premium-module-11-faq').execute(function(init){
init();
});
}));STRAVEL 2 (EUST260BV2)Handdampfglätter2000 WLeistung2000 W8 MinutenBetriebsdauer6 Minuten260 mlWassertank140 mlVertikalMobilitätVertikal/HorizontalMattschwarzFinishSchwarz/Zubehör/Für alle Stoffarten2000 WLeistung2000 W8 MinutenBetriebsdauer27 Minuten260 mlWassertank400 mlVertikalMobilitätVertikalMattschwarzFinishSchwarz/ZubehörTextilbürsteFür alle StoffartenPrevious pageSIMON XL 2 (EUDTC140BV2)Learn MoreSNOMAD (EUSN400B)Learn MoreNext page.aplus-mantle.aplus-module .aplus-pagination-dots {
margin: 0;
}
.aplus-mantle.aplus-module .aplus-pagination-dot {
display: inline-block;
list-style: none;
}
.aplus-mantle.aplus-module .aplus-carousel-nav {
text-align:center;
}
.aplus-mantle.aplus-module .carousel-slider-circle {
display: inline-block;
cursor: pointer;
height: 15px;
width: 15px;
border: 1px solid #000;
border-radius: 20px;
background-color: #fff;
margin-left: 5px;
}
.aplus-mantle.aplus-module .carousel-slider-circle.aplus-carousel-active {
background-color: #DE7921;
}
.aplus-mantle.aplus-module .aplus-pagination-dot--display-none {
display: none;
}P.now("premium-aplus-9-carousel-4").execute(function(init) {
if (init) {
return;
}
P.register("premium-aplus-9-carousel-4", function() {
return function() {
P.when("A", "jQuery", "a-carousel-framework", "ready").execute("paginate-carousel", function (A, $, framework) {
const ENTER_KEY_CODE = 13;
const ESCAPE_KEY_CODE = 27;
const LEFT_ARROW_KEY = 37;
const RIGHT_ARROW_KEY = 39;
const HOME_KEY = 36;
const END_KEY = 35;
var moduleId = "4";
var carouselName = "premium-aplus-9-carousel-4";
var paginationAction = "aplus-pagination-dot-action-" + moduleId + "-" + carouselName;
var paginationGroup = "#aplus-pagination-group-" + moduleId + "-" + carouselName;
/* If the carousel goes to a new page */
A.on("a:carousel:"+carouselName+":change:pageNumber", function (data) {
A.$(paginationGroup+" .carousel-slider-circle").removeClass("aplus-carousel-active").attr('aria-selected', 'false').attr('tabindex', -1)
.eq(data.newValue - 1).addClass("aplus-carousel-active").attr('aria-selected', 'true').attr('tabindex', 0);
});
function syncPaginationDotsWithCarouselPages(numPages) {
const parentElement = document.querySelector(paginationGroup);
if (parentElement && parentElement.children) {
const children = parentElement.children;
for (let i = 0; i < children.length; i++) {
if (i >= numPages) {
// If number of dots > num of pages, we should hide other dots
children[i].classList.add('aplus-pagination-dot--display-none');
} else if (children[i].classList.contains('aplus-pagination-dot--display-none')) {
// Reset display of dots if it was hidden before
children[i].classList.remove('aplus-pagination-dot--display-none');
}
}
}
}
framework.onInit(carouselName, function (carousel) {
try {
var totalPages = carousel.getAttr('totalPages');
syncPaginationDotsWithCarouselPages(totalPages);
/* Resize event handler to re-calculate the pagination dots count based on orientation */
window.addEventListener('resize', function() {
carousel.resize();
totalPages = carousel.getAttr('totalPages');
syncPaginationDotsWithCarouselPages(totalPages);
});
A.declarative(paginationAction, 'click keydown', function(event){
var isClick = event.type === 'click';
var isKeydown = event.type === 'keydown';
var isEnter = isKeydown && event.$event.keyCode === ENTER_KEY_CODE;
var isEsc = isKeydown && event.$event.keyCode === ESCAPE_KEY_CODE;
var isLeftArrow = isKeydown && event.$event.keyCode === LEFT_ARROW_KEY;
var isRightArrow = isKeydown && event.$event.keyCode === RIGHT_ARROW_KEY;
var isHome = isKeydown && event.$event.keyCode === HOME_KEY;
var isEnd = isKeydown && event.$event.keyCode === END_KEY;
if (isClick || isEnter) {
var data = event.data;
carousel.gotoPage(data.page);
} else if (isEsc) {
event.$target.blur();
} else if (isLeftArrow || isRightArrow || isHome || isEnd) {
event.$event.preventDefault();
const dots = A.$(paginationGroup + " .carousel-slider-circle");
const currentIndex = dots.index(event.$target);
let nextIndex;
if (isLeftArrow) {
nextIndex = currentIndex > 0 ? currentIndex - 1 : dots.length - 1;
} else if (isRightArrow) {
nextIndex = currentIndex < dots.length - 1 ? currentIndex + 1 : 0;
} else if (isHome) {
nextIndex = 0;
} else if (isEnd) {
nextIndex = dots.length - 1;
}
dots.eq(nextIndex).focus();
carousel.gotoPage(nextIndex + 1);
}
});
} catch (e) {
P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources');
}
});
});
}
});
});(function(f) {var _np=(window.P._namespace("PremiumAplusModule"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {
P.when('module-9-comparison-table-carousel').execute(function(init){init();});
P.when('premium-aplus-9-carousel-4').execute(function(init) {init();});
}));
