/* general */
body {
    margin: 0em !important;
    margin: 0px !important;
    overflow: auto;
	padding: 0em !important;
    padding: 0px !important;
    text-align: center;
}

.border-round,
input,
button,
textarea,
select,
#mainmenu ul .navigation--entry .main--category,
#mainmenu ul li .menu--list-container,
.menuleft .account--menu ul a.navigation--link,
#mainmenu ul .categories--headline,
.menuleft .account--menu .navigation--headline,
.filter--facet-container .filter-panel--flyout .filter-panel--content,
.filter--active-container .filter--active,
.off-canvas .button--container .btn,
.tab-menu--product .tab--container-list .tab--container,
.shop-teaser .btn--checkout-proceed,
#confirm--form .btn,
#confirm--form-products .btn,
.teaser--actions .btn,
.emotion--product-slider .is--horizontal .product-slider--item,
.listing--bottom-paging,
.blog--comments-wrapper,
.account--profile .panel,
.account--content .address--box,
.account--logout .btn,
.page-wrap--cookie-permission .btn {
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.border-round-top,
.tab-menu--product .tab--navigation-entry,
.product--details .product--detail-upper .buybox--inner.price--container {
    -moz-border-top-left-radius:0.25em;
    -webkit-border-top-left-radius:0.25em;
    border-top-left-radius:0.25em;    
    -moz-border-top-right-radius:0.25em;
    -webkit-border-right-left-radius:0.25em;
    border-top-right-radius:0.25em;
    -moz-border-top-left-radius:4px;
    -webkit-border-top-left-radius:0.4px;
    border-top-left-radius:4px;    
    -moz-border-top-right-radius:4px;
    -webkit-border-right-left-radius:4px;
    border-top-right-radius:4px;
}

.circle,
.topline-container .entry--notepad .badge,
.steps--list .icon {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.clear,
.clearfix {
    clear:both;
}

button .icon--arrow-right {
    float: right;
    margin-left: 0.25em;
    margin-left: 4px;
}

.is--hidden {
    display: none;
}

.is--loading .icon--cycle {
    margin-left:0.25em;
    margin-left:4px;
    position: absolute;
    -webkit-animation: rotation 1.5s infinite linear;
    -moz-animation: rotation 1.5s infinite linear;
    animation: rotation 1.5s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
                -moz-transform: rotate(359deg);
                transform: rotate(359deg);
		}
}

.product--image-clone.clone--animate {
    -webkit-animation: animateSmall 1s infinite linear !important;
    -moz-animation: animateSmall 1s infinite linear !important;
    animation: animateSmall 1s infinite linear !important;
    
}

@-webkit-keyframes animateSmall {
		from {
		    -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
		}
		to {
		    -webkit-transform: scale(0.01);
            -moz-transform: scale(0.01);
            transform: scale(0.01);
		}
}


/* Forms */
button {
    border: none;
    cursor: pointer;
    padding: 0.5em;
    padding: 8px;
}

button:disabled,
.btn.is--disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.klarna--btn-checkout button {
    margin: 1em auto;
    margin: 16px auto;
    width: 80%;
}


input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
    /*border: none;*/
    background: #ffffff;
    margin: 0em 0em 0.25em 0em;
    margin: 0px 0px 4px 0px;
    padding: 0.5em;
    padding: 8px;
    /*-moz-box-shadow: inset 0.125em 0.125em 0.25em rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0.125em 0.125em 0.25em rgba(0,0,0,0.3);
    box-shadow: inset 0.125em 0.125em 0.25em rgba(0,0,0,0.3);
    -moz-box-shadow:  inset 2px 2px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow:  inset 2px 2px 4px rgba(0,0,0,0.3);
    box-shadow: inset 2px 2px 4px rgba(0,0,0,0.3);*/
}

input[type="radio"] {
    margin: 0em 0em 0.25em 0em;
    margin: 0px 0px 4px 0px;
    padding: 0.5em;
    padding: 8px;
}

label {
    cursor: pointer;
}

.captcha--placeholder[data-src*="honeypot"] {
    display: none;
}

/* own Ceckboxen */
.is--ctl-register input[type='checkbox']:checked, 
.is--ctl-register input[type='checkbox']:not(:checked),
.is--ctl-checkout input[type='checkbox']:checked, 
.is--ctl-checkout input[type='checkbox']:not(:checked),
.newsletter--form input[type='checkbox']:checked, 
.newsletter--form input[type='checkbox']:not(:checked) {
    background: transparent;
    border:none;
    border-radius: 0;
    float: left;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;        
}

.is--ctl-register input[type='checkbox'] + label,
.is--ctl-checkout input[type='checkbox'] + label,
.newsletter--form input[type='checkbox'] + label {
  cursor: pointer;
}

.is--ctl-register input[type='checkbox']:checked + label::before, 
.is--ctl-register input[type='checkbox']:not(:checked) + label::before,
.is--ctl-checkout input[type='checkbox']:checked + label::before, 
.is--ctl-checkout input[type='checkbox']:not(:checked) + label::before,
.newsletter--form input[type='checkbox']:checked + label::before, 
.newsletter--form input[type='checkbox']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    height: 1em;
    height: 16px;
    margin: 0em 0.25em 0.25em 0em;
    margin: 0px 4px 4px 0px;
    padding: 0.125em;
    padding: 2px;
    position: relative;
    top: 0.25em;
    top: 4px;
    width: 1em;
    width: 16px;
}

.is--ctl-register input[type='checkbox']:hover + label::before,
.is--ctl-checkout input[type='checkbox']:hover + label::before,
.newsletter--form input[type='checkbox']:hover + label::before {
    background-image: url("../img/icons/checked-grey.png");
    background-repeat: no-repeat;
    background-position: left 0.125em top 0.125em;
    background-position: left 2px top 2px;
}

.is--ctl-register input[type='checkbox']:checked + label::before,
.is--ctl-checkout input[type='checkbox']:checked + label::before,
.newsletter--form input[type='checkbox']:checked + label::before{
    background-image: url("../img/icons/checked-green.png");
    background-repeat: no-repeat;
    background-position: left 0.125em top 0.125em;
    background-position: left 2px top 2px;
}


/* fonts */
@font-face {
    font-family: 'HelveticaCompressed';
    src: url('../fonts/helvetica-compressed.eot');
    src: url('../fonts/helvetica-compressed.eot') format('embedded-opentype'),
         url('../fonts/helvetica-compressed.woff') format('woff'),
         url('../fonts/helvetica-compressed.ttf') format('truetype'),
         url('../fonts/helvetica-compressed.svg#HelveticaCompressedRoman') format('svg');
    font-display: swap;
}

@font-face {
	font-family: 'shopware';
	src: url('../fonts/shopware.eot?201508211013');
	src: url('../fonts/shopware.eot?#201508211013') format('embedded-opentype'), url('../fonts/shopware.woff?201508211013') format('woff'), url('../fonts/shopware.ttf?201508211013') format('truetype'), url('../fonts/shopware.svg?201508211013') format('svg');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}

a {
    cursor: pointer;
    text-decoration: none
}

body {
   font-size:12pt; 
}

body,
.main-search--results .price--default {
    font-family:arial,tahoma,verdana;    
}

.big-12,
h3, h4
.off-canvas .item--price,
.tab-menu--product .tab--container-list .tab--container h4,
.tab--container-list .tab--header,
.steps--content .icon,
.js--modal .quick-view--supplier,
.js--modal .header .title,
.product--details .product--detail-upper #sQuantity, 
.klarna--btn-checkout button {
    font-size: 1.2em;
}

.big-15,
h2,
.tab-menu--product .tab--container-list .tab--container h2,
.tab-menu--product .tab--container-list .tab--container h3,
.js--modal .panel--title,
.account--profile .panel--title,
.page-wrap--cookie-permission #cookiePermissionSettings .cookie--title {
    font-size: 1.5em;
}

.big-20,
h1,
.js--modal .quick-view--title,
.product-slider--item .product--price .price--default,
.cat-teaser--box .price--default  {
    font-size: 2em;
}

.big-25,
.price--default,
#offerPopUp .product-slider--item .product--price .price--default {
    font-size: 2.5em;
}

.bold,
.price--default,
.badge--discount,
.off-canvas .item--price,
.off-canvas .prices--articles,
.tab--container-list .tab--header,
.basket--footer .entry--total,
.account--orders-overview .column--label {
    font-weight: bold;
}

.buybox--button {
    text-transform: uppercase;
}

.external-container .dsgvo-advice {
    font-size: 10px;
    white-space: normal;
}

h1 {
    margin: 0em 0em 0.75em 0em;
    margin: 0px 0px 12px 0px;
}

h2, h3, h4, h5 {
    margin: 1em 0em 0.75em 0em;
    margin: 16px 0px 12px 0px;
}

.line-height--normal {
    line-height: 1em;
}

p {
    margin: 0em;
    margin: 0px;
    padding: 0em;
    padding: 0px;
}

.text-borderPlusShadow,
.price--default {
    text-shadow: -2px -1px 0px #ffffff, 
                    -2px 0px 0px #ffffff, 
                    -2px -1px 0px #ffffff, 
                    2px -1px 0px #ffffff, 
                    2px 0px 0px #ffffff, 
                    2px 1px 0px #ffffff, 
                    0px -2px 0px #ffffff, 
                    0px 2px 0px #ffffff, 
                    1px 1px 6px rgba(0,0,0,0.75);
}

.sb-font,
.steps--content .icon,
.js--modal .panel--title,
.price--default {
    font-family: "HelveticaCompressed", arial,tahoma,verdana;
    font-weight: normal;
}

.small-09,
.topline-container .top-bar--navigation ul li,
#mainmenu ul,
footer .footer--columns,
.filter--facet-container .filter-panel--content ul li,
.filter--active-container .filter--active,
.off-canvas .prices--container,
.tab-menu--product .tab--container-list .tab--container,
.product-slider--item .product--title,
.js--modal .modal--container,
.js--modal .quick-view--description,
.main-search--results,
.main-search--results .price--default,
.blog--comments-wrapper ul,
.forms--container .forms--required,
.forms--container .privacy-information,
.forms--container .forms--checkbox label,
.content--custom p,
.content--custom li,
.account--profile .panel,
.account--content .address--box,
.account--orders-overview,
.order--details {
    font-size: 0.9em;
}

.small-08,
.topline--cart .cart--quantity,
.topline--cart .cart--amount,
.listing--wrapper .listing--sort-pagination .action--label,
.listing--wrapper .listing--sort-pagination .select-field,
.filter-panel--range-info,
.product--delivery,
.off-canvas .item--container,
.off-canvas .alert.is--success,
.off-canvas .prices--tax,
.systeminfo,
.is--act-finish .column--quantity,
.order--details .order--current-price,
.page-wrap--cookie-permission {
    font-size: 0.8em;
}

.small-07,
.topline-container .entry--notepad .badge,
.emotion--product-slider .product--delivery,
.product--box .price--unit {
    font-size: 0.75em;
}

.small-06 {
    font-size: 0.65em;
}

.text-center {
    text-align: center;
}

/* colors  */
.black-text,
body,
#topline a,
.off-canvas a,
.grey-box a,
#mainmenu ul li a,
#mainmenu ul li.is--active .menu--list-container a,
footer .footer--columns .navigation--list li a, 
footer .footer--bottom ul.service--list a,
.menuleft .account--menu ul a.navigation--link,
.last-seen-products .product--title,
.steps--content .is--active .text,
.steps--content .is--active .icon,
.main-search--results a,
.listing--paging .paging--link  {
    color: #000000;
}

.black-box,
.off-canvas .account--close-off-canvas,
.off-canvas .entry--close-off-canvas,
.ajax--cart .close--off-canvas,
#mainmenu ul .categories--headline,
.menuleft .account--menu .navigation--headline,
.product--box .badge--esd,
.topline-container .entry--notepad .badge,
.listing--paging .paging--link:hover,
.listing--paging .paging--link.is--active,
.account--logout .btn {
    background: #000000;
    color: #ffffff;
}

.black-box a,
.off-canvas .account--close-off-canvas a,
.off-canvas .entry--close-off-canvas a,
#mainmenu ul li .menu--list-container a,
#topline .black-box a {
    color: #ffffff;
}

.black-box-trans,
.emotion--banner-slider .image-slider--dots .dot--link {
    background: rgba(0,0,0,0.25);
    color: #ffffff;
}

.black-border,
.filter--facet-container .filter-panel,
.table--shipping-costs .dispatch--field:hover .dispatch-container,
.table--shipping-costs .payment--field:hover .payment-container,
.listing--paging .paging--link,
.is--ctl-register input[type='checkbox']:checked + label::before, 
.is--ctl-register input[type='checkbox']:not(:checked) + label::before,
.is--ctl-checkout input[type='checkbox']:checked + label::before, 
.is--ctl-checkout input[type='checkbox']:not(:checked) + label::before,
.newsletter--form input[type='checkbox']:checked + label::before,
.newsletter--form input[type='checkbox']:not(:checked) + label::before {
    border:1px solid #000000;
}

.black-border-bottom,
footer .footer--columns .navigation--list li,
footer .footer-minimal ul li {
    border-bottom:1px solid #000000;
}

.blue-box,
button,
.main-search--button,
#mainmenu ul li .menu--list-container,
.off-canvas .button--container .button--open-basket,
.range-slider--range-bar,
.product--box .badge--discount,
.shop-teaser .btn--checkout-proceed,
#confirm--form .btn,
#confirm--form-products .btn,
.teaser--actions .btn,
.page-wrap--cookie-permission .btn,
#plus, 
#plus:before {
    background: #0054a8;
    color: #ffffff;
}

.blue-box a {
    color: #ffffff;
}

.blue-text,
a,
.off-canvas .navigation--signin--register a,
.product--header-info a,
.main-search--results a:hover,
.grey-box a.blue-text {
    color: #0054a8;
}

.border-orange,
.range-slider--handle:hover, .range-slider--handle.is--dragging,
.filter--facet-container .filter-panel--flyout .filter-panel--content,
.filter--active-container .filter--active,
.off-canvas,
.image-slider--container .arrow:hover,
.image-slider--thumbnails .thumbnail--link.is--active,
.js--img-zoom--flyout,
.topline-container .entry--account.js--is--dropdown-active .account--dropdown-navigation,
.product-slider--arrow:hover,
.last-seen-products .last-seen-products--slider,
.steps--content .is--active .icon,
.payment--field.is--active .payment-container,
.dispatch--field.is--active .dispatch-container,
#offerClaim .product-slider--item {
    border: 1px solid #ea670d;
}

#offerPopUp .product--box {
     border: 4px solid #ea670d;
}

.border-blue,
.range-slider--handle{
     border: 1px solid #0054a8;
}

.box-shadow,
.js--modal {
    -webkit-box-shadow: 0em 0em 0.75em 0.5em rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 12px 8px rgba(0,0,0,0.25);
    box-shadow: 0em 0em 0.75em 0.5em rgba(0,0,0,0.25);
    box-shadow: 0px 0px 12px 8px rgba(0,0,0,0.25);
}

.green-text,
.delivery--text-available {
    color: #008a00;
}

.green-box,
.alert.is--success,
.order--status-icon.status--2 {
    background: #a8f0a8;
    color: #008a00;
}

.grey-box,
#topline,
#mainmenu ul .navigation--entry ul .level-1,
footer,
.range-slider--container,
.tab-menu--product .tab--navigation-entry a,
.steps--list .icon,
.listing--bottom-paging,
.blog--comments-wrapper,
.order--status-icon,
.tech_grey_bold, 
.tech_grey,
.filter--facet-container .filter-panel--content .filter-panel--star-rating label.is--active {
    background:#e5e5e5;
}

.grey-border,
.image-slider--thumbnails .thumbnail--link,
.js--img-zoom--lens,
.tab-menu--product .tab--navigation-entry,
.tab-menu--product .tab--container-list .tab--container,
.tab--container .product-slider,
.js--modal .modal--container .modal--container-item,
.emotion--product-slider .is--horizontal .product-slider--item,
.account--profile .panel,
.account--content .address--box,
.payment--field .payment-container,
.dispatch--field .dispatch-container,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
    border:1px solid #d2d2d2;
}

.grey-border-bottom,
#topline,
#mainmenu ul .navigation--entry ul a,
.filter--facet-container .filter-panel--content ul li,
.off-canvas .cart--item,
.topline-container .entry--account ul li,
.blog--comments-wrapper ul li,
.account--orders-overview .panel--tr {
    border-bottom:1px solid #d2d2d2;
}

.grey-gradient,
#mainmenu ul .navigation--entry a.main--category,
.menuleft .account--menu ul a.navigation--link,
.filter--facet-container .filter-panel,
.page-wrap--cookie-permission {
    background: #e5e5e5; /* Old browsers */
    background: -webkit-linear-gradient(#fafafa 0%, #dfdfdf 100%);
    background: -o-linear-gradient(#fafafa 0%, #dfdfdf 100%);
    background: linear-gradient(#fafafa 0%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
}

.grey-text,
#mainmenu ul .navigation--entry [class^="icon--"], 
#mainmenu ul .navigation--entry [class*=" icon--"],
.content--breadcrumb ul li a,
.rating--count-wrapper,
.tab-menu--product .tab--navigation-entry a,
.product--details .product--actions ul li,
.steps--content .text,
.steps--content .steps--spacer,
.steps--content .icon,
.js--modal .panel--title {
    color:#5e5e5e;
}

.grey-dark-text,
.tab-menu--product .tab--content,
.js--modal .quick-view--description,
.emotion--container .html--content {
    color:#333333;
}

.orange-box,
.off-canvas .navigation--headline,
.off-canvas .category--headline,
.off-canvas .button--container .button--checkout,
.emotion--banner-slider .image-slider--dots .dot--link.is--active,
.emotion--banner-slider .image-slider--dots .dot--link:hover {
    background-color: #fa9003;
    color: #ffffff;
}

.orange-text,
#topline a .cart--display,
.image-slider--container .arrow:hover,
.product-slider--arrow:hover,
.tab-menu--product .tab--navigation-entry a:hover,
.order--details .order--name {
    color: #ea670d;
}


.orange-box a,
.off-canvas .navigation--headline a {
    color: #ffffff;
}

.red-shadow,
.is--ctl-register input[type='checkbox']:not(:checked).has--error + label::before,
.is--ctl-checkout input[type='checkbox']:not(:checked).has--error + label::before {
    -webkit-box-shadow: 0em 0em 0.5em 0.125em rgba(197,0,0,0.5);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(197,0,0,0.5);
    box-shadow: 0em 0em 0.5em 0.125em rgba(197,0,0,0.5);
    box-shadow: 0px 0px 8px 2px rgba(197,0,0,0.5);
}

.red-box,
.alert.is--error,
.order--status-icon.status--4 {
    background: #ff7170;
    color: #c50000;
}

.red-text, .delivery--text-not-available {
    color: #c50000;
}

.white-box,
.off-canvas,
.filter--facet-container .filter-panel--flyout .filter-panel--content,
.filter--active-container .filter--active,
.topline-container .entry--account.js--is--dropdown-active .account--dropdown-navigation,
.tab-menu--product .tab--navigation-entry a.is--active,
.last-seen-products .last-seen-products--slider.is--open,
.main-search--results {
    background: #ffffff;
}

.yellow-box,
.alert.is--info,
.alert.is--warning,
.order--status-icon.status--0 {
    background: #ffd97d;
    color: #ea670d;
}

.yellow-light-box,
input[type="text"].is--required,
input[type="password"].is--required,
input[type="email"].is--required,
input[type="tel"].is--required,
select.is--required,
input[type="checkbox"].is--required::after,
.is--ctl-register input[type='checkbox'].is--required:checked + label::before, 
.is--ctl-register input[type='checkbox'].is--required:not(:checked) + label::before,
.is--ctl-checkout input[type='checkbox'].is--required:checked + label::before, 
.is--ctl-checkout input[type='checkbox'].is--required:not(:checked) + label::before,
.newsletter--form input[type='checkbox'].is--required:checked + label::before,
.newsletter--form input[type='checkbox'].is--required:not(:checked) + label::before {
    background-color: #fff6e1;
}


.yellow-text,
.icon--star,
.icon--star-half,
.icon--star-empty,
.tab-menu--product .product--description ul li:before,
.js--modal .quick-view--description ul li:before {
    color: #ffb61d;
}



/* responsive ###################### */
@media all and (min-width: 0em)/* 0 px */{
    
    a.buybox--button {
        display: block;
        font-size: smaller;
        padding: 0.5em;
        padding: 8px;
    }
    .clear-48 {
        clear: both;
    }
    
    /* Container Geasamte Breite ###################### */
    .topline-container,
    header .container,
    .content-main-container .container,
    footer .container,
    .claimcontainer .container,
    .content--breadcrumb .container,
    #offerClaim .product-slider {
        width: 95%;
    }
        
    /* Cookies */
    .page-wrap--cookie-permission {
        height: 80%;
        margin: 0 10%;
        overflow: auto;
        position: fixed;
        top: 4em;
        top: 64px;
        width: 80%;
        z-index: 100;
    }
    
    .page-wrap--cookie-permission .cookie-permission--title img {
        max-height: 50em;
        max-height: 80px;
    }
    
    .page-wrap--cookie-permission .cookie-permission--container { 
        margin: auto;
        padding: 2em;
        padding: 32px;
    }
    
    .page-wrap--cookie-permission .cookie-permission--content {
        margin: 0.25em 0em;
        margin: 4px 0px;
        position: relative;
        text-align: left;
    }
    
    .page-wrap--cookie-permission .cookie-permission--content .cookie-legal {
        height: 7.5em;
        height: 120px;
        overflow-y: scroll;
    }
    
    .page-wrap--cookie-permission .cookie-permission--content .scroll-advice {
        bottom: 0em;
        bottom: 0px;
        position: absolute;
        text-align: center;
        width: 100%;
    }
    
    .page-wrap--cookie-permission #cookieLoadSettings,
    .page-wrap--cookie-permission #cookiesAcceptAll,
    .page-wrap--cookie-permission #cookieDeclineAll,
    .page-wrap--cookie-permission #cookieSaveSettings,
    .page-wrap--cookie-permission #cookiesAcceptAll02 {
        margin: 0.25em 0em;
        margin: 4px 0px;
    }
    
    .page-wrap--cookie-permission .cookie-permission--button,
    .page-wrap--cookie-permission .btn,
    .page-wrap--cookie-permission .cookie--settings,
    .page-wrap--cookie-permission .cookie--accept, 
    .page-wrap--cookie-permission .cookie--decline {
        padding: 0.5em;
        padding: 8px;
    }
    
    .page-wrap--cookie-permission .cookie--settings,
    .page-wrap--cookie-permission .cookie--decline,
    .page-wrap--cookie-permission .cookie--accept {
        cursor: pointer;
    }
    
    .page-wrap--cookie-permission #cookiePermissionSettings {
        display: block;
        min-height: 5em;
        min-height: 80px;
        overflow: auto;
        opacity: 1;
        transition: all linear 0.5s;
    }
    
    .page-wrap--cookie-permission #cookiePermissionSettings.is--hidden {
        display: block;
        height: 0em;
        height: 0px;
        min-height: 0em;
        min-height: 0px;
        opacity: 0;
    }
    
    .page-wrap--cookie-permission .cookie--issue-container {
        margin: 0.5em 0em 1em 0em;
        margin: 8px 0px 16px 0px;
        position: relative;
        text-align: left;
    }
    
    .page-wrap--cookie-permission .cookie--issue-container .cookie--title,
    .page-wrap--cookie-permission .cookie--issue-container .cookie--description {
        width: 80%;
    }
    
    .page-wrap--cookie-permission .cookie--issue-container .cookie--check {
        width: 15%;
    }
    
    [data-cookie-edit="noedit"],
    [data-cookie-edit="edit"]{
        background-repeat: no-repeat;
        height: 1.75em;
        height: 28px;
        position: absolute;
        right: 0em;
        right: 0px;
        top: 0em;
        top: 0px;
        width: 3.25em;
        width: 52px;
    }
    
    [data-cookie-edit="noedit"] {
        background-image: url("../img/icons/cookieCheckRequired.png");
        cursor: not-allowed;
    }
    
    [data-cookie-edit="edit"][data-cookie-check="N"]{
        background-image: url("../img/icons/cookieCheckOff.png");
        cursor: pointer;
    }
    
    [data-cookie-edit="edit"][data-cookie-check="Y"]{
        background-image: url("../img/icons/cookieCheckOn.png");
        cursor: pointer;
    }
    
    
    /* Topline ###################### */
    #topline {
        left:0px;
        left:0em;
        height:2.25em;
        height:36px;
        /*height:4.5em;
        height:72px; Für Aktiion am Seitenanfang */
        position:fixed;
        top:0px;
        top:0em;
        width:100%;	
        z-index:15;
    }

    .topline-container {
        margin:auto;
        position: relative;
    }
    
    .topline-container #topline--language {
        left: 6em;
        left: 96px;
        position: absolute;
    }
    
    .topline-container #topline--language .international--flags {
        display: none;
    }
    
    .topline-container #topline--language .international--flags,
    .topline-container #topline--language #google_translate_element {
        float: left;
        margin: 0.25em 0.25em 0em 0em;
        top: 4px 4px 0px 0px;
    }
    
    .topline-container .topline--cart {
        height:2.25em;
        height: 36px;        
        text-align: left;
        padding: 0.5em;
        padding: 8px; 
        position: absolute;
        right: 0em;
        right: 0px;
    }
    
    .topline-container .topline--cart ul {
        list-style: none;
        margin: 0em;
        margin: 0px;
        padding: 0em;
        padding: 0px;
    }
    
    .topline-container .topline--cart .cart--quantity {
        display:none;
    }
    
    .topline-container #topBarBtn,
    .topline-container .entry--account,
    .topline-container .entry--notepad {
        display: block;
        position: absolute;
        left: 0em;
        left: 0px;
        top: 0.5em;
        top: 8px;
        
    }
    
    .topline-container #topBarBtn {
        left: 0em;
        left: 0px;
        
    }
    
    .topline-container .entry--account {
        left: 2em;
        left: 32px;        
    }
    
    .topline-container .entry--notepad {
        left:3.5em;
        left:56px;
    }
    
    
    .topline-container .entry--notepad .badge {
        display: block;
        height: 1em;
        height: 16px;
        left: 0.75em;
        left: 12px;
        padding: 0.125em 0em 0em 0em;
        padding: 2px 0px 0px 0px;
        position: absolute;
        text-align: center;
        top: -0.25em;
        top: -4px;
        width: 1.25em;
        width: 20px;
    }
    
    .topline-container .entry--account .account--display,
    .topline-container .entry--account .account--dropdown-navigation {
        display: none;
    }
    
    .topline-container .top-bar--navigation {
        position: absolute;
        text-align: left;
        transition: all linear 0.5s;
        top:2.5em;
        top:40px;
        /* only Mobile Styles */
        line-height: 1.5em;
        padding: 0.5em;
        padding: 8px;
        width: 30%;
        
    }
    
    .topline-container .top-bar--navigation.mobile-hidden {
        left:-30em;
        left: -280px;
    }
    
    .topline-container .top-bar--navigation.mobile-show {
        left: 0em;
        left: 0px;
    }
    
    .topline-container .top-bar--navigation ul,
    footer .footer--bottom ul.service--list,
    footer .footer-minimal ul {
        list-style: none;
        margin: 0em;
        margin: 0px;
        padding: 0em;
        padding: 0px;
    }
    
    .topline-container .top-bar--navigation ul a,
    footer .footer--bottom ul.service--list a {
        display:block;        
    } 
    
    .topline--spezial {
        padding: 0.25em;
        padding: 4px;
    }
    
    
    
    /* header ###################### */
    header {
        margin: 4em 0em 0em 0em;
        margin: 64px 0px 0px 0px;
    }
    
    /* Für Spezial Aktion ganz oben auf der Seeite */
    /*header {
        margin: 7em 0em 0em 0em;
        margin: 112px 0px 0px 0px;
    }*/
    
    header .container {
        margin: auto;
        position: relative;
    }
    
    header .logo-main {
        left: 0em;
        left:0px;
        position: absolute;
        width: 65%;
    }
    
    header .logo-main img {
        width: 100%;
    }
    
    .navigation--list {
        list-style: none;
    }
    
    .is--ctl-checkout .navigation--list {
        display: none;
    }
    
    /* header - Navigation - Account */
    .shop--navigation {
        height: 8em;
        height: 128px;        
    }
    
    .shop--navigation .navigation--mobile-menu {
        position: absolute;
        right:0em;
        right:0px;
    }
    
    .shop--navigation .navigation--mobile-menu ul {
        list-style: none;
        margin: 0em;
        margin: 0px;
        padding: 0em;
        padding: 0px;
    }
    
    .shop--navigation .navigation--mobile-menu ul li {
        float: right;
        margin: 0em 0em 0em 0.5em;
        margin: 0px 0px 0px 8px;
        padding: 0.5em;
        padding: 8px;
    }
    
    /* Search Navigation ###################### */
    .shop--navigation .entry--search {
        bottom:0em;
        bottom:0px;
        position: absolute;
        width: 100%;
        z-index: 10;
    }
    
    .shop--navigation .entry--search .orange-box {
        padding: 0.5em;
        padding: 8px;
    }
    
    .shop--navigation .entry--search input {
        width: 70%;
    }
    
    .main-search--results {
        position: absolute;
        top: 4em;
        top: 64px;
        width: 100%;
    }
    
    .main-search--results ul {
        margin: 0.5em;
        margin: 8px;
        list-style: none;
        padding: 0em;
        padding: 0px;
        text-align: left;
    }
    
    .main-search--results ul li {
        clear: both;
        height: 4.25em;
        height: 68px;
    }
    
    .main-search--results .block {
        float: left;
    }
    
    .main-search--results .entry--media {
        height: 3.25em;
        height: 52px;
        width: 10%;
    }
    
    .main-search--results .entry--media img {
        display: inline-block;
        max-height: 100%;
        max-width: 100%;
    }
    
    .main-search--results .entry--name {
        margin: 0% 0% 0% 1%;
        width: 58%;
    }
    
    .main-search--results .entry--price,
    .main-search--results .entry--all-results-number {
        text-align: right;
        width: 30%;
    }
    
    .main-search--results .entry--price .price--default {
        text-shadow: none;
    }
    
    /* claimcontainer ###################### */
    .claimcontainer {
        display:none;
    }
    
    .claimcontainer.deals {
        display: block;
        margin: 16px auto;
        width: 95%;
    } 
    
    .claimcontainer .container {
        margin: auto;
    }
    
    .claimcontainer.deals .container {
        width: 100%;
    }
    
    .claimcontainer.deals .container img {
        max-width: 100%;
    }
    
    .claimcontainer.deals .claim--partner-logo {
        display: none;
    }
    
    .claimcontainer-mobile {
        display: block;
        height: 11.25em;
        height: 180px;
        margin: 0.5em auto;
        margin: 8px auto;
        overflow: hidden;
        
        width: 95%;
    }
    
    .claimcontainer-mobile img {
        height: 100%;
    }
    
    /* Offer Claim */    
    #offerClaim .product-slider {
        margin: 0.5em auto;
        margin: 8px auto;
    }
    
    #offerClaim [data-ajaxmaxshow="1"] .product-slider--item {
        padding: 0.25em;
        padding: 4px;
        width: 95% !important;
    }
    
    #offerClaim .product-slider--item .product--image-thumb,
    #offerClaim .product-slider--item .product--title {
        float: left;
        text-align: left;
    }
    
    #offerClaim .product--image-thumb {
        height: auto;
        width: 20%;
    }
    
    #offerClaim .product--image-thumb img {
        max-width: 95%;
    }
    
    #offerClaim .product-slider--item .product--title {
        height: auto;
        width: 80%;
    }
    
    #offerClaim .product--price-box .product--price-info {
        float: left;
    }
    
    #offerClaim .product--price-box .product--buy {
        float: right;
    }
    
    #offerClaim .product-slider--container {
        overflow: visible;
    }
    
    /* Breadcrumbs ####################### */
    .content--breadcrumb {
        margin: 1em 0em;
        margin: 16px 0px;
    }
    
    .content--breadcrumb a.breadcrumb--button {
        display: none;
    }
    
    .content--breadcrumb .container {
        margin: auto;
        text-align: left;
    }
    
    .content--breadcrumb .breadcrumb--start-title,
    .content--breadcrumb .breadcrumb--start-link,
    .content--breadcrumb .breadcrumb--separator.level-start {
        display: none;
    }
    
    .content--breadcrumb ul {
        list-style: none;
        margin: 0em;
        margin: 0px;
        padding: 0em;
        padding: 0px;
    }
    
    .content--breadcrumb ul li {
        float: left;
        margin: 0em 0.5em 0em 0em;
        margin: 0px 8px 0px 0px;
    }
    
    .content--breadcrumb ul li a {
        text-decoration: underline;
    }
    
    .content--breadcrumb ul li .icon--arrow-right {
        font-size: 0.7em;
    }
    
    /* Main Content ###################### */
    .content-main-container  .container {
        margin: auto;
        position: relative;
        text-align: left;
    }
    
    /* Filter */
    .action--filter-options {
        overflow: hidden;
        transition: all linear 0.5s;
    }
    
    .action--filter-options.is--close {
        max-height: 0em;
        max-height: 0px;
        
    }
    
    .action--filter-options.is--open {
        max-height: 50em;
        max-height: 800px;
    }
    
    #actionFilterOptions {
        clear: both;
    }
    
    [data-filter-param="reset"] {
        cursor: pointer;
    }
    
    [data-filter-param="reset"]:before {
        margin: 0em 0.5em 0em 0em;
        margin: 0px 8px 0px 0px;
    }
    
    .filter--container {
        padding: 0.5em 0em;
        padding: 8px 0px;
    }
    
    .filter--container .filter--actions-top {
        display: none;
    }
    
    .filter--container .filter--actions-bottom,
    .filter--active-container {
        clear: both;
        margin: 0.5em 0em 0em 0em;
        margin: 8px 0px 0px 0px;
    }
    
    .filter--container .filter--btn-apply.is--loading  {
        cursor: not-allowed;
        opacity: 0.5;
        padding-right: 1.5em;
        padding-right: 24px;
    }
    
    .filter--active-container .filter--active {
        margin: 0em 0.25em 0.25em 0em;
        margin: 0px 4px 4px 0px;
        padding: 0.25em;
        padding: 4px;
    }
    
    .filter--facet-container {
        margin: 0.5em 0em;
        margin: 8px 0px;
    }
    
    .filter--facet-container .filter-panel {
        float: left;
        height: 1.5em;
        height:24px;
        margin: 0% 2% 1% 2%;
        padding: 0.5%;
        width: 44%;
    }
    
    .filter--facet-container .filter-panel .filter-panel--title {
        cursor: pointer;
        display: inline-block;
        padding: 0.5%;
        width: 100%;
    }
    
    .filter--facet-container .filter-panel .filter-panel--input {
        float: right;
        margin: -1em 0.25em 0em 0em;
        margin: -16px 4px 0px 0px;
        transform: scale(1.3);
    }
    
    .filter--facet-container .filter-panel .filter-panel--flyout .filter-panel--content {
        display: none;
    }
    
    .filter--facet-container .filter-panel.is--collapsed .filter-panel--flyout .filter-panel--content {
        display: block;
        margin:1em 0em;
        margin: 16px 0px;
        padding: 0.5em;
        padding: 8px;
        position: absolute;
        min-width: 25%;
        z-index: 10;
    }
    
    .filter--facet-container .filter-panel.filter--range.is--collapsed .filter-panel--flyout .filter-panel--content {
        min-width: 50%;
    }
    
    .filter--facet-container .filter-panel--content ul {
        list-style: none;
        padding: 0em;
        margin: 0em;
    }
    
    
    .filter--facet-container .filter-panel--content ul li {
        clear: both;
        min-height: 1.5em;
        min-height: 24px;
        margin: 0em 0em 0.5em 0em;
        margin: 0px 0px 8px 0px;
        overflow: hidden;
    }
    
    .filter--facet-container .filter-panel--content ul li label,
    .filter--facet-container .filter-panel--content ul li input,
    .filter--facet-container .filter-panel--content ul li .filter-panel--input {
        float: left;        
        cursor: pointer;
    }
    
    .filter--facet-container .filter-panel--content ul li label {
        margin: 0% 0% 0% 5%;
        width:85%;
    }
    
    .filter--facet-container .filter-panel--content ul li .filter-panel--input {
        width: 10%;
    }
    
    .filter--facet-container .filter-panel--content ul li .filter-panel--input,    
    .filter--facet-container .filter-panel--content ul li input {
        margin: auto;
        transform: scale(1);
    }
    
    .filter--facet-container .filter-panel--content .filter-panel--star-rating label {
        display: block;
    }
    
    .listing--actions,
    .listing--bottom-paging {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
        min-height: 1.25em;
        min-height: 20px;
        padding: 1em;
        padding: 16px;        
        position: relative;
    }
        
    .listing--wrapper .action--per-page,
    .listing--wrapper .action--sort {
        position: absolute;  
        right:0.5em;
        right:8px;
        top:0.5em;
        top:8px;
    }
    
    .listing--wrapper .action--label,
    .listing--wrapper .select-field {
        float: left;
        margin: 0em 0em 0em 0.25em;
        margin: 0px 0px 0px 4px;
    }
    
    .listing--wrapper .action--label {
        padding: 0.5em 0em;
        padding: 8px 0px;
    }
    
    .listing--wrapper .action--label {
        display: none;
    } 
    
    .listing--paging .paging--link {
        display: inline-block;
        height: 1em;
        height: 16px;
        text-align: center;
        padding: 0.25em;
        padding: 4px;
        width: 1em;
        width:16px;
    }
    
    .listing--paging .paging--prev,
    .listing--paging .paging--next {
        letter-spacing: -0.2em;
        
    }
    
    /* Last Seen Product */
    .last-seen-products {
        display: none;
    }
    
    /* Listing */
    .category--description,
    .category--description-top {
        padding: 0.5em;
        padding: 8px;
    }
    
    .category--description-top {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
    }
    
    .category--description .imgfloat,
    .category--description-top .imgfloat {
        float: left;
        margin: 0em 0.25em 0.25em 0em;
        margin: 0px 4px 4px 0px;
    }
    
    .category--description img,
    .category--description-top img {
        max-width: 100%;
    }
    
    .category--description .title,
    .category--description-top .title {
        clear: both;
    }
    
    .product--box {
        position: relative;
    }
    
    .product--box .box--content {
        margin: 0em 0em 0.5em 0em;
        margin: 0px 0px 16px 0px;
        padding: 0.5em;
        padding: 8px;
    }  
    
    .product--box .product--properties {
        margin: 0em 0em 0.5em 0em;
        margin: 0px 0px 8px 0px;
        padding: 0.125em;
        padding: 2px;
    }    
    
    .product--box .product--specs {
        padding: 0.125em;
        padding: 2px;
    }
    
    .product--box.box--basic .product--image-thumb,
    .product--box.box--image .product--image-thumb {
        float: left;
        width:25%;
    }
        
    .product--box.box--basic .product--image-thumb img,
    .product--box.box--image .product--image-thumb img {
        max-width: 100%;
    }
    
    .product--box.box--basic .product--image-thumb .image--bonus img {
        max-width: 60%;
    }
    
    .product--box.box--basic .product--info,
    .product--box.box--image .product--info {
        float: right;
        width:73%;
    }
    
    .product--box.box--basic .product--info .product--title,
    .product--box.box--image .product--info .product--title {
        margin: 0em 0em 0.5em 0em;
        margin: 0px 0px 8px 0px;
    }
    
    .product--box.box--basic .product--buy-info,
    .product--box.box--image .product--buy-info {
        margin: 0.5em 0em;
        margin: 8px 0px;
    }
    
    .product--box.box--basic .product--buy-info .product--price-info,
    .product--box.box--image .product--buy-info .product--price-info {
        float: left;
        width: 48%;
    }
    
    .product--box.box--basic .product--buy-info .product--btn-container,
    .product--box.box--image .product--buy-info .product--btn-container {
        float: right;
        width: 48%;
    }
    
    .product--box.box--basic .product--buy-info .price--pseudo,
    .product--box.box--image .product--buy-info .price--pseudo {
        display: none;
    }
    
    .product--box.box--basic .product--buy-info form,
    .product--box.box--image .product--buy-info form {
        text-align: right;
    }    
    .product--box .product--badges {
        position: absolute;
        left:0em;
        left:0px;
        top:0.5em;
        top:8px;
        z-index: 1;
    }
    
    .product--box .product--badges .product--badge {
        margin: 0em 0em 0.25em 0em;
        margin: 0px 0px 4px 0px;
        padding: 0.25em;
        padding: 4px;
        text-align: center;
    }
    
    /* Listing Blog */
    .blog--listing .blog--box {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
        padding: 0.5em;
        padding: 8px;
    }
    
    .blog--box .blog--box-content {
        clear: both;
        margin: 0.5em 0em 0em 0em;
        margin: 8px 0px 0px 0px;
    }
    
    .blog--box .blog--box-picture {
        text-align: center;
    }
    
    .blog--box .blog--box-picture img {
        max-width: 100%;
    }
    
    /* Listing Slider */
    .product-slider--item .box--content {
        height: 19.5em;
        height: 312px;
    }
    
    .product-slider--item .item--countdown {
        display: none;
    }
    .product-slider--item .product--image-thumb {
        height: 11.25em;
        height: 180px;
    }
    
    .product-slider--item .product--image-thumb img {
        max-height: 11.25em;
        max-height: 180px;
    }
    
    
    .product-slider--item .product--image-thumb .image--bonus {
        height: 4.25em;
        height: 68px;
        left: 0em;
        left: 0px;
        position: absolute;
        top: 7.25em;
        top: 116px;
        width: 4.25em;
        width: 68px; 
    }
    
    .product-slider--item .product--image-thumb .image--bonus img {
        width: 100%;
    }
    
    .product-slider--item .product--title, 
    .product--box.cat-teaser--box .product--title {
        height: 2.25em;
        height: 36px;
        overflow: hidden;
    }
    
    .product-slider--item .product--title,
    .product-slider--item .product--price,
    .product-slider--item .product--tax,
    .product-slider--item .product--delivery {
        text-align: left;
        white-space: normal;
    }
    
    .product-slider--item .price--pseudo {
        display: none;
    }
    
    .product-slider--item .product--btn-container,
    .product--box.cat-teaser--box .product--btn-container {
        margin: 0.5em 0em 0em 0em;
        margin: 8px 0px 0px 0px;
    }
    
    .tab--content .product-slider--item .box--content,
    .related-topseller .product-slider--item .box--content {
       border: 0 none;
    }
    
    .tab--content .tab--header-slider,
    .related-topseller .tab--header-slider {
        margin: 1em 0em 0.5em 0em;
        margin: 16px 0px 8px 0px;
        padding: 0.5em;
        padding: 8px;
    }
    
    .related-topseller .topseller {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
    }
    
    /* PopUp Listing */
    #offerPopUp {
        height: 0em;
        height: 0px;
        left: 5%;
        position: absolute;
        top: 2.5%;
        width:90%;
        z-index: 30;
    }
    
    #offerPopUp [data-ajaxmaxshow="1"] .product-slider--container {
        white-space: normal;
    }
    
    #offerPopUp [data-ajaxmaxshow="1"] .product-slider--item {
        width: 100% !important;
    }
    
    #offerPopUp [data-ajaxmaxshow="1"] .product--box {
        padding: 0.25em;
        padding: 4px;
    }
        
    #offerPopUp .box--close {
        margin: 0.75em 0em;
        margin: 12px 0px;
    }
    
    #offerPopUp .product-slider {
        height: 0em;
        height: 0px;
    }
    
    #offerPopUp .product-slider--item .box--content {
        height: auto;
    }
    
    #offerPopUp .product-slider--item .product--description {
        display: none;
    }
    
    #offerPopUp .box--content .product--image {
        margin: 0.5em 0em;
        margin: 8px 0px;
        position: relative;
    }
    
    #offerPopUp .box--content .product--image img {
        height: 22.5em;
        height: 360px;
    }
    
    #offerPopUp .box--content .product--image .product--price-info {
        bottom:0em;
        bottom:0px;
        right: 0em;
        right: 0px;
        position: absolute;
        text-align: right;
    }
    
    #offerPopUp .box--content .product--details {
        text-align: left;
    }
    
    #offerPopUp .box--close-top {
        position: absolute;
        right: 0.5em;
        right: 8px;
        top: 0.5em;
        top: 8px;
    }
    
    /* Duplicate Image */    
    .product--image-clone div {
        width: 100% !important;
    }
    
    .product--image-clone {
        position: fixed;
        transition: all linear 0.8s; /* Bei änderung JS anpassen */
        z-index: 100;
    }
    
    .product--image-clone img {
        max-height: 100%;
        max-width: 100%;
    }
    
    /* Details */
    nav.product--navigation {
        display: none;
    }
    
    .product--details {
        position: relative;
    }
    
    .product--details .product--header-info {
        padding: 0.75em 1em;
        padding: 12px 16px;
    }
    
    .product--details .product--header-info .product--back {
        float: right;
    }    
    
    .product--details .product--header-info .product--number {}
    
    .product--details h1 {
        margin: 1em 0em 0.25em 0em;
        margin: 16px 0px 4px 0px;
    }
    
    .product--details .product--title-language {
        margin: 0em 0em 0.75em 0em;
        margin: 0px 0px 12px 0px;
    }
    
    .product--details .product--detail-upper {
        margin: 1em 0em 0em 0em;
        margin: 16px 0px 0px 0px;
    }
    
    
    .product--details .product--detail-upper .product--buybox {        
        margin: 1em 0em;
        margin: 16px 0px;
        position: relative;
    }
    
    .product--details .product--detail-upper .product--buybox #offerCountdown {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
    }

    .product--details .product--detail-upper .product--buybox .countdown-title, 
    .product--details .product--detail-upper .product--buybox .countdown-value  {
        float: left;
        margin: 0.125em 0.125em 0em 0em;
        margin: 2px 2px 0px 0px;
        padding: 0.125em;
        padding: 2px;
        text-align: center;
        width: 3.75em;
        width: 60px;
    }
    
    .product--details .product--detail-upper .product--buybox .badge--recommend {
        right: 0em;
        right: 0px;
        padding: 0.125em;
        padding: 2px;
        position: absolute;
        top: 1em;
        top:16px;
    }
    
    .product--details .product--detail-upper .buybox--inner {
        padding: 0.5em;
        padding: 8px;
    }
    
    .product--details .product--detail-upper .buybox--inner.price--container {
        background: #ffffff;
        position: sticky;
        top: 2.25em;
        top: 36px;
        z-index: 10;
    }
	
	.product--details .product--detail-upper .buybox--inner .special--condition {
		padding: 0.75em 0em;
		padding: 12px 0px;
    }
	
	.product--details .product--detail-upper .buybox--inner .special--condition-checkbox, 
	.product--details .product--detail-upper .buybox--inner .special--condition-label {
	 	float: left;
	}
	
	.product--details .product--detail-upper .buybox--inner .special--condition-checkbox {
		width: 5%;
	}
	
	.product--details .product--detail-upper .buybox--inner .special--condition-label {
		width: 90%;
	}
    
    
    .product--details .product--detail-upper .buybox--form .select-field {
        float: left;
        margin: 0em 0.5em 0em 0em;
        margin: 0px 8px 0px 0px;
    }
    
    .product--details .product--detail-upper #sQuantity {
        height: 3.25em;
        height: 52px;
        width: 3.75em;
        width: 60px;
    }
    
    .product--details .product--actions {
        padding: 0.5em 0em;
        padding: 8px 0px;
    }
    
    .product--details .product--actions ul {
        list-style: none;
        margin: 0em;
        margin: 0px;
        padding: 0em;
        padding: 0px;
    }
    
    .product--details .product--actions ul li {
        float: left;
        padding: 0em 0.5em 0em 0em;
        padding: 0px 8px 0px 0px;
    }
    
    .product--details .product--actions ul li:after {
        content: "|";
    }
    
    .product--details .product--actions ul li:last-child::after {
        content: "";
    }
    
    .product--details .product--configurator select {
        width: 100%;
    }
    
    .product--details .product--detail-images .image--bonus {
        bottom: 0px;
        height: 8.75em;
        height: 140px;
        position: absolute;
        width: 8.75em;
        width: 140px;
        z-index: 1000;
    }
    
    .product--details .product--detail-images .image--bonus img {
        max-width: 100%;
    }
    
    .product--details .product--detail-images .product--properties-img img {
        float: left;
        height: 3em;
        height: 48px;
        margin: 0.25em 0.25em 0em 0em;
        margin: 4px 4px 0px 0px;
    }
    
    .product--details .incl--software {
        margin: 1em 0em;
        margin: 16px 0px;
    }
    
    .product--details .incl--software img {
        max-height: 4.75em;
        max-height: 76px;
    }
    
    .product--details .incl--software .incl--software--description {
        display: none;
    }
        
    .image-slider--container, .image-slider--container [data-externaliframesrc] {
        height: 22.5em;
        height: 360px;
        width: 100%;
    }
    
    .image-slider--container .image--media img,
    .image-slider--container .image--media iframe {
        display: block;
        max-height: 360px;
        max-width: 97%;
        position: relative;
    }
        
    .tab-menu--product {
        display: inline-block;
        margin: 1em 0em;
        margin: 16px 0px;
        width: 100%;
    }
    
    .tab-menu--product .off-canvas {
        z-index: 0;
    }
    
    .tab-menu--product .tab--navigation {
        display: none;
    }
    
    .tab-menu--product .tab--navigation-entry {
        margin: 0em 0em 0.125em 0em;
        margin: 0px 0px 2px 0px;
    }
    
    .tab-menu--product .tab--navigation-entry a {
        display: block;
        padding: 0.375em 0.625em;
        padding: 6px 10px;
    }
    
    .tab-menu--product .tab--container-list {
        clear: both;
    }
    
    .tab-menu--product .tab--container.js--off-canvas-button .off-canvas {
        border: 0;
        line-height: 1.25em;
        position:relative;
        right: auto;
        top: auto;
        width: 100%;
    }
    
    .tab-menu--product .tab--container-list .buttons--off-canvas {
        display: none;
    }
    
    .tab-menu--product .tab--container-list .tab--container {
        display: none;
        line-height: 1.25em;
        margin: 0.125em 0em 0em 0em;
        margin: 2px 0px 0px 0px;
        padding: 1em 0.75em;
        padding: 16px 12px;
    }
    
    .tab-menu--product .tab--container-list .tab--container.is--active,
    .tab-menu--product .tab--container-list .tab--container.js--off-canvas-button {
        display: block;
    }
    
    .tab-menu--product .tab--container-list .tab--container h2,
    .tab-menu--product .tab--container-list .tab--container h3,
    .tab-menu--product .tab--container-list .tab--container h4 {
        margin: 0em 0em 0.25em 0em;
        margin: 0px 0px 4px 0px;
        line-height: 1.275em;
    }
    
    .tab-menu--product .tab--container-list .tab--container p {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
    }
    
    .tab-menu--product ul,
    .js--modal .quick-view--description ul {
        list-style: none;
        margin: 1em 0em;
        margin: 16px 0px;
        padding: 0em;
        padding: 0px;
    }
    
    .tab-menu--product .product--description ul li,
    .js--modal .quick-view--description ul li {
        padding: 0em 0em 1.25em 0em;
        padding: 0px 0px 20px 0px;
    }
    
    .tab-menu--product .product--description ul li:before,
    .js--modal .quick-view--description ul li:before {
        margin: 0em 0.5em 0em 0em;
        margin: 0px 8px 0px 0px;
    }
    
    .tab-menu--product #tab--product-comment .content--title {
        display: none;
    }
    
    .tab-menu--product .content--form {
        margin: 1em 0em;
        margin: 16px 0px;
    }
    
    .tab-menu--product .content--form input,
    .tab-menu--product .content--form textarea {
        width: 95%;
    }
    
    .tab-menu--product .content--form input#privacy-checkbox {
        width: auto;
    }
    
    .tab-menu--product .product--properties-label {
        margin: 0em 0.5em 0em 0em;
        margin: 0px 8px 0px 0px;
    }
    
    .tab-menu--product .product--properties-label,
    .tab-menu--product .product--properties-value {
        float: left;
        width: 40%;
    }
    
    .social--media .social--media-entry {
        float: left;
        margin: 0.125em 0.125em 0em 0em;
        margin: 4px 4px 4px 0px;
    }
    
    .tech_grey_bold, .tech_bold {
        clear:left;
        float:left;
        font-size:0.9em;
        font-weight:bold;
        padding:3px;
        width:30%;
    }
    .tech_grey, .tech {
        float:left;
        font-size:0.9em;
        padding:3px;
        width:60%;
    }

    
    /* Detail Blog */
    .blog--detail-content h1 {
        margin: 0em 0em 0.125em 0em;
        margin: 0px 0px 2px 0px;
    }
        
    .blog--detail-content .blog--detail-description img {
        width: 100%;
    }
    
    .blog--comments-wrapper {
        margin: 1em 0em;
        margin: 16px 0px;
        padding: 1em;
        padding: 16px;
    }
    
    .blog--comments-wrapper form {       
        overflow: hidden;
        margin: 0.5em 0em;
        margin: 8px 0px;
        transition: all linear 0.8s;
    }
    
    .blog--comments-wrapper form input[type="text"],
    .blog--comments-wrapper form textarea,
    .forms--content input[type="text"],
    .forms--content textarea {
        width: 80%;
    }
    
    
    .blog--comments-wrapper form.is--close {
        max-height: 0em;
        max-height: 0px;
    }
    
    .blog--comments-wrapper form.is--open {
        max-height: 37.5em;
        max-height: 600px;
    }
    
    .blog--comments-wrapper ul {
        list-style: none;
        margin: 0.5em 0em;
        margin: 8px 0px;
        padding: 0em;
        padding: 0px;
    }
    
    .blog--comments-wrapper ul li {
        margin: 0em 0em 0.5em 0em;
        margin: 0px 0px 8px 0px;
        padding: 0em 0em 0.5em 0em;
        padding: 0px 0px 8px 0px;
    }
    
    .blog--comments-wrapper h3 {
        margin: 0.25em 0em;
        margin: 4px 0px;
    }
    
    /* Formular */
    .forms--content .forms--text {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
        padding: 0.5em;
        padding: 8px;
    }
    
    .forms--content .forms--container {
        padding: 0.5em;
        padding: 8px;
    }
    
    .forms--content .forms--container .panel--title {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
    }
    
    .forms--content .forms--checkbox, .forms--content button {
        margin: 0.75em 0em;
        margin: 12px 0px;
    }
    
    .forms--content button {
        width: 7.5em;
        width: 120px;
    }
    
    /* Custom Content */
    .content--custom p,
    .content--custom li {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
    }
    
    /* Account */
    .account--Logout a,
    .account--logout .btn {
        display: inline-block;
        padding: 0.25em;
        padding: 4px;
    }
    
    .account--logout .btn {
        margin: 1em 0em;
        margin: 16px 0px;
        text-align: center;
        width: 40%;
    }
    
    .account--logout .btn.is--icon-left i {
        float: left;
    }
    
    .account--logout .btn.is--icon-right i {
        float: right;
    }
    
    .account--content .address--box a {
        display: block;
    }
    
    .account--content .account--box,
    .account--content .address--box {
        margin: 0.5em 0em;
        margin: 8px 0px;
        padding: 0.5em;
        padding: 8px;
    }
    
    .account--content .account--box button,
    .account--content .address--box button {
        margin: 0em 0em 0.125em 0em;
        margin: 0px 0px 2px 0px;
    }
    
    .account--content .address--item-create,
    .account--orders-overview .column--actions {
        clear: both
    }
    
    .account--profile .panel {
        margin: 0.5em 0em;
        margin: 8px 0px;
        padding: 0.5em;
        padding: 8px;
    }
    
    .account--profile .panel input {
        width: 80%;
    }
    
    .account--orders-overview .orders--table-header {
        display: none;
    }
    
    .account--orders-overview .column--label,
    .order--details .panel--tr .column--label {
        display: block;
        float: left;
        width: 49%;
    }
    
    .account--orders-overview .column--value,
    .order--details .panel--tr .column--value {
        float: right;
        width: 49%;
    }
    
    .account--orders-overview .panel--tr {
        clear: both;
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
        padding: 0em 0em 0.5em 0em;
        padding: 0px 0px 8px 0px;
    }

    .order--details {
        display: none;
    }
    
    .order--details .panel--td {
        margin: 0.5em 0em;
        margin: 8px 0px;
    }
    
    .order--details .panel--tr.is--odd .panel--td {
        float: left;
        width: 50%;        
    }
    
    .order--details .panel--tr.is--odd .panel--td p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
    }
    
    .order--details .panel--tr {
        border: none;
    }
        
    .order--status-icon {
        height: 0.5em;
        height: 8px;
        display: inline-block;
        position: relative;
        top: 0.25em;
        top: 4px;
        width: 0.5em;
        width: 8px;
    }
    
    /* Register / login */
    #registration h2 {
        margin: 0em 0em 0.5em 0em;
        margin: 0px 0px 8px 0px;
    }
    
    #registration input[type="text"],
    #registration select,
    .newsletter--form input[type="text"],
    .newsletter--form slect {
        width: 80%;
    }
    
    #registration #register_billing_shippingAddress,
    #registration #register_personal_skipLogin {
        width: auto;
    }
    
    .register--existing-customer,
    .register--form .panel,
    .newsletter--headline,
    .newsletter--form {
        margin: 1em 0em;
        margin: 16px 0px;
        padding: 0.5em;
        padding: 8px;
    }
    
    .register--login-description,
    .newsletter--subscription {
        margin: 0em 0em 0.5em 0em;
        margin: 0px 0px 8px 0px;
    }
    
    .register--alt-shipping,
    .register--check {
        margin: 1em 0em;
        margin: 16px 0px
    }
    
    .register--required-info {
        margin: 0.5em 0em;
        margin: 8px 0px;
        padding: 0.25em;
        padding: 4px;
        width:80%
    }
    
    .newsletter--form .newsletter--agreement, .newsletter--form .newsletter--required-info {
        margin: 0.5em 0em;
        margin: 8px 0px;
    }
    
    .newsletter--form .left {
        margin: 1em 0em;
        margin: 16px 0px;
    }
    
    .newsletter--form .newsletter-image img {
        width: 100%;
    }
    
    .paypal-button-context-iframe {
        position: relative;
        z-index: 0;
    }

    /* Checkout / Header */
    .is--target-checkout .shop--navigation,
    .is--act-confirm .shop--navigation,
    .is--act-finish .shop--navigation {
        height: 5em;
        height: 80px;
    }
    
    /* Checkout / Cart */ 
    .content--checkout .alert {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
    }
    
    .content--checkout .basket--title-container {
        margin: 1em 0em;
        margin: 16px 0px;
        padding: 0.5em;
        padding: 8px;
    }
    
    .content--checkout .basket--title-container .continue--shopping {
        display: none;
    }
    
    .content--checkout .basket--empty {
        height: 20em;
        height: 320px;
    }
    
    .content--checkout .product--table .block {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
    }
    
    .content--checkout .product--table .block,
    .content--checkout .basket--footer {
        padding: 0.5em;
        padding: 8px;
    }
    
    .product--table .row--product {
        padding: 0.5em 0em;
        padding: 8px 0px;
    }
    
    .product--table .column--product .column--image {
        float: left;
        width: 20%;
    }
    
    .product--table .column--product .column--image img {
        max-width: 100%;
    }
    
    .product--table .column--product .column--product-info {
        float: right;
        width: 79%;
    }
    
    .product--table .column--product .column--quantity {
        margin: 1em 0em;
        margin: 16px 0px;
        padding: 0.25em;
        padding: 4px;
    }
    
    .product--table .column--product .column--quantity .column--label,
    .product--table .column--product .column--quantity .select-field {
        float: left;
    }
    
    .product--table .column--product .column--quantity .column--label {
        padding: 0.5em 0.5em 0em 0em;
        padding: 8px 8px 0px 0px;
    }
    
    .product--table .column--product .column--quantity .column--actions {
        float: right;
    }
    
    .product--table .column--product .column--product-price {
        clear: both;
    }
    
    .product--table .column--product .column--price {
        float: right;
        text-align: right;
    }
    
    .product--table .column--product .column--total-price {
        margin: 0em 0em 0em 3em;
        margin: 0px 0px 0px 48px;
    }
    
    .table--shipping-costs {
        margin: 1em 0em 0em 0em;
        margin: 16px 0px 0px 0px;
    }
    
    .table--shipping-costs .shipping-costs select {
        width: 90%;
    }
    
    .table--shipping-costs .shipping-costs--payment,
    .table--shipping-costs .shipping-costs--dispatch {
        margin: 1em 0em;
        margin: 16px 0px;
    }
    
    .table--shipping-costs .dispatch--field,
    .table--shipping-costs .payment--field {
        margin:0.5em 0em;
        margin: 8px 0px;
        position: relative;
    }
    
    .table--shipping-costs .dispatch--field .dispatch-container,
    .table--shipping-costs .payment--field .payment-container {
        padding: 0.5em;
        padding: 8px;
    }
    
    .table--shipping-costs .dispatch--field input,
    .table--shipping-costs .payment--field input,
    .table--shipping-costs .dispatch--field label,
    .table--shipping-costs .payment--field label {
        cursor: pointer;
        float: left;
    }
    
    .table--shipping-costs .dispatch--field input,
    .table--shipping-costs .payment--field input {
        width: 15%;
    }
    
    .table--shipping-costs .dispatch--field label,
    .table--shipping-costs .payment--field label {
        width: 84%;
    }
    
    .table--shipping-costs .payment--field img,
    .table--shipping-costs .dispatch--field img {
        max-width: 100%;
    }
    
    .table--shipping-costs .payment--description,
    .table--shipping-costs .dispatch--description {
        margin: 0.5em 0em 0em 0em;
        margin: 8px 0px 0px 0px;
    }
    
    .basket--footer ul {
        list-style: none;
        margin: 0em;
        margin: 0px;
        padding: 0em;
        padding: 0px;
    }
    
    .basket--footer ul li {
        padding: 0.5em 0em;
        padding: 8px 0px;        
    }
    
    .basket--footer ul li div {
        display: contents;
        float: left;
        margin: 0em 0.125em 0em 0em;
        margin: 0px 2px 0px 0px;
    }
    
    .actions--bottom .bestit-amazon-pay--cart-paypal-button-wrapper {
        margin: 0.5em 0em;
        margin: 8px 0px;
    }
        
    .btn--checkout-proceed,
    .teaser--actions .btn {
        display: block;
        margin: 0.5em 0em;
        margin: 8px 0px;
        padding: 0.5em;
        padding: 8px;
        width: 75%;
    }
    
    /* Checkout / Steps */
    .steps--content ul {
        list-style: none;
        margin: 1em 0em;
        margin: 16px 0em;
        padding: 0em;
        padding: 0px;
    }
    
    .steps--content ul li { 
        padding: 0.75em 0em;
        padding: 12px 0px;
    }
    
    .steps--content ul li.steps--spacer {
        display: none;
    }
    
    .steps--list .icon {
        padding: 0.75em 1em;
        padding: 12px 16px;
    }
    
    /* Checkout Confirm */
    #confirm--form .panel--body,
    #confirm--form-products .panel--body,
    .is--act-finish .information--panel-item .panel--body {
        line-height: 1.5em;
    }
    
    #confirm--form .btn,
    #confirm--form-products .btn {
        display: inline-block;
        margin: 0.125em 0em 0em 0em;
        margin: 2px 0px 0px 0px;
        padding: 0.25em;
        padding: 4px;
    }
    
    #confirm--form .information--panel-item-shipping,
    #confirm--form-products .information--panel-item-shipping,
    .finish--adresses .information--panel-item-shipping {
        margin: 1em 0em 0em 0em;
        margin: 16px 0px 0px 0px;
    }
    
    #confirm--form .tos--panel  {
        padding: 0.5em;
        padding: 8px;
    }
    
    #confirm--form ul {
        list-style: none;
        margin: 0.5em;
        margin: 8px;
        padding: 0em;
        padding: 0px;
    }
    
    #confirm--form ul .block {
        display: table-cell;
    }
    
    .is--act-confirm .main--actions {
        height: 7.5em;
        height: 120px;
        text-align: right;
    }
    
    .is--act-confirm .main--actions .paypal-button-width--responsive {
        width: 100%;
        position: absolute;
        right: 0em;
        right: 0px;
    }
    
    .is--act-finish .product--table .column--product .column--quantity .column--label {
        padding: 0em 1em 0em 0em;
        padding: 0px 16px 0px 0px;
    }
    
    .is--ctl-checkout .table--add-voucher input {
        width: 50%;
    }
    
    /* Checkout / Finsh */
    .is--act-finish .finish--teaser .panel--body {
        margin: 1em 0em;
        margin: 16px 0px;
        padding: 0.5em;
        padding: 8px;
    }
    
    .is--act-finish h2 {
        margin: 4em 0em;
        margin: 64px 0px;
        text-align: center;
    }
    
    .is--act-finish .payment--panel {
        margin: 1em 0em;
        margin: 16px 0px;
        padding: 0.5em;
        padding: 8px;
    } 
    
    .finish--table .product--table {
        margin: 1em 0em;
        margin: 16px 0px;
        padding: 0.5em;
        padding: 8px;
    }
    
    /* Sidebar Left / right ###################### */
    .menuleft #mainmenu,
    .shop-teaser,
    .menuleft .account--menu {
        display: none;
    }
    
    /* footer ###################### */
    footer {
        margin: 1em 0em 0em 0em;
        margin: 16px 0px 0px 0px;
        padding: 1em 0em;
        padding: 16px 0px;
    }
    
    footer .container {
        margin: auto;
        text-align: left;
    }
    
    footer .footer-minimal {
        padding: 1em 0em;
        padding: 16px 0px;
    }
    
    footer .footer-minimal .footer--vat-info {
        margin: 1em 0em 0em 0em;
        margin: 16px 0px 0px 0px;
    }
    
    footer .footer--columns {
        clear: both;
        padding: 0em 0em 1em 0em;
        padding: 0px 0px 16px 0px;
    }
    
    footer .footer--columns .column--headline {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
    }
    
    footer .footer--columns .navigation--list,
    footer .footer-minimal ul {
        float: left;
        margin: 0% 4% 0% 0%;
        padding: 0em;
        padding: 0px;
        width:45%
    }
    
    footer .footer--columns .navigation--list li,
    footer .footer-minimal ul li {
        padding: 0.5em 0em;
        padding: 8px 0px;
    }
    
    footer .footer--columns .navigation--list li a,
    footer .footer-minimal ul li a {
        display: block;
    }
    
    footer .footer--bottom ul.service--list {
        display: none;
    }    
    
    footer .footer--newsletter .newsletter--input {
        width: 40%;
    }
    
    footer .footer--newsletter button {
        width: 40%;
    }
    
    /* Amazon Pay */ 
       
    /* off-canvas Menu ###################### */
    .off-canvas {
        display: none;
        height: 100%;
        line-height: 2em;
        overflow: auto;
        position:fixed;
        text-align: left;
        transition: all linear 0.6s;
        width: 17.5em;
        width: 280px;
        z-index: 1000;
    }
    
    .off-canvas.is--active {
        display: block;
    }
    
    .off-canvas.is--left  {
        left:-20em;
        left:-320px;
        top:0em;
        top:0px;
    }
    
    .off-canvas.is--left.is--open  {
        left:0em;
        left:0px;
    }
    
    .off-canvas.is--right {
        right:-20em;
        right:-320px;
        top:0em;
        top:0px;
    }
    
    .off-canvas.is--right.is--open  {
        right:0em;
        right:0px;
    }
    
    .off-canvas .navigation--list {        
        list-style: none;
        margin: 0em;
        margin: 0px;
        padding: 0em;
        padding: 0px;
    }
    
    .off-canvas .navigation--entry a,
    .off-canvas .account--close-off-canvas,
    .off-canvas .navigation--headline,
    .off-canvas .navigation--signin--register,
    .off-canvas .overlay--headline a,
    .off-canvas .category--headline,
    .off-canvas .close--off-canvas,
    .off-canvas .prices--container,
    .categories--headline,
    .navigation--headline {
        display: block;
        padding: 0.25em 1em;
        padding: 4px 16px;
    }
    
    .off-canvas .navigation--entry:hover a,
    .off-canvas .overlay--headline:hover a,
    #mainmenu ul li.navigation--entry a:hover,
    .menuleft .account--menu ul li.navigation--entry a:hover,
    .topline-container .entry--account ul li a:hover {
        background:rgba(0,0,0,0.1) !important;        
    }
    
    .off-canvas .icon--arrow-right {
        margin: 8px 0px 0px 0px;
        margin: 0.5em 0em 0em 0em;
        font-size: 0.9em;
        float: right;
    }
    
    .sidebar-main {
    }
    
    .sidebar--navigation .Deals {
        display: none;
    }
    
    /* Off Canvas Ajax-Cart */
    .off-canvas .item--container {
        clear: both;
        max-height: 31.25em;
        max-height: 500px;
        overflow: auto;
        padding: 0.5em;
        padding: 8px;
    }
    
    .off-canvas .cart--item {
        clear: both;
        line-height: normal;        
        margin: 0em 0em 0.5em 0em;
        margin: 0px 0px 8px 0px;
        padding: 0em 0em 0.5em 0em;
        padding: 0px 0px 8px 0px;
    }
    
    .off-canvas .cart--item .thumbnail--container {
        float: left;
        width: 15%;
    }
    
    .off-canvas .cart--item .thumbnail--container img {
        width: 95%;
    }

    .off-canvas .cart--item .action--container {
        float: right;
        width: 10%;
    }
    
    .off-canvas .cart--item .item--price {
        display: block;
    }
    
    
    .off-canvas .is--success.is--hidden {
        display: none;
    }
    
    .off-canvas .prices--container {
        line-height: normal;
    }
    
    .off-canvas .prices--container .prices--articles-text::after {
        content: ":";
    }
    
    .off-canvas .button--container {
        margin: 1em 0em;
        margin: 16px 0px;
    }
    
    .off-canvas .button--container .btn {
        display: table;
        margin: 0.125em 0em 0em 0.5em;
        margin: 2px 0px 0px 8px;
        padding: 0.125em 0.5em;
        padding: 2px 8px;
        width:65%;
    }
    
    .off-canvas .button--container .bestit-amazon-pay--button,
    .off-canvas .button--container .paypal-unified-ec--outer-button-container {
        display: table;
        margin: 0.125em 0em 0em 0.5em;
        margin: 2px 0px 0px 8px;
    }
    
    
    /* Overlay ###################### */
    .js--overlay {
        background: rgba(0,0,0,0.7);                
        opacity: .01;        
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;        
        visibility: hidden;
        z-index: 990;
        -webkit-transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
        -moz-transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
        -ms-transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
        -o-transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
        transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
    }
        
    .js--overlay.is--open,
    .bestit-amazon-pay--loading-indicator ~ .js--overlay.is--closable {
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        -ms-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0;
        opacity: 0.7;
        visibility: visible;
    }
    
    .js--overlay.is--closable {
        cursor: pointer;
        opacity: 0.0;
    }
    
    /* JS--Modal */
    .js--modal a.close--off-canvas {
        display: none;
    }
    
    .js--modal .panel--title {
        margin: 0em 0em 0.5em 0em;
        margin: 0px 0px 8px 0px;
    }
    
    .js--modal .alert {
        margin: 0.5em 0em;
        margin: 8px 0px;
    }
    
    .js--modal select,
    .js--modal input {
        width: 90%;
    }
    
    .js--modal .modal--container .modal--container-item {
        margin: 0.25em 0em;
        margin: 4px 0px;
        padding: 0.5em;
        padding: 8px;
    }
    
    .js--modal .product--quick-view .quick-view--image-link {
        display: block;
        text-align: center;
    }
    
    .js--modal .product--quick-view .quick-view--image-link img {
        max-width: 100%;
    }
    
    .js--modal .product--quick-view .quick-view--description-title {
        display: none;
    }
    
    .js--modal .external-container {
        position: initial;
    }
    
    .js--modal [data-externaliframesrc] {
        height: 100%;
    }
    
    /* Alerts */
    .alert {
        line-height: normal;
        padding: 0.5em;
        padding: 8px;
        position: relative;
        overflow: hidden;
    }
    
    .alert .alert--icon {    
        width: 10%;
        text-align: center;
        padding-bottom: 9999em;
        margin-bottom: -9999em;
    }
    
    .alert .alert--content {
        width: 85%;
    }
    
    .alert .alert--icon, 
    .alert .alert--content {
        box-sizing: border-box;
        float: left;
    }

    /* Emotion ######################################### */
    .emotion--product-slider .is--horizontal .product-slider--item, .emotion--element.column--1 .product--box.cat-teaser--box {
        height: 22.75em;
        height: 364px;
    }
    
    .emotion--product-slider .is--horizontal .product-slider--item {
        width: 48.5%;
    }
    
    .emotion--element.column--1 .product--box.cat-teaser--box {
        width: 97%;
    }
    
    .emotion--product-slider .product-slider--item .box--content {
        padding: 0.25em;
        padding: 4px;        
    }
    
    .emotion--product-slider .product-slider--item .product--title, 
    .product--box.cat-teaser--box .product--title {
        height: 4em;
        height: 64px;
        line-height: 1.4em;
        overflow: hidden;
    }
    
    .emotion--product-slider .product-slider--item .product--badges {
        top: 4.5em;
        top: 72px;
    }
    
    .emotion--product-slider .product-slider--item .product--image div,
    .product--box.cat-teaser--box .product--image div {
        height: 10.25em;
        height: 164px;
        text-align: center;
    }
    
    .emotion--product-slider .product-slider--item .product--image img, 
    .emotion--element .product--box.cat-teaser--box .product--image img {
        max-height: 95%;
        max-width: 85%;
        /*min-height: 60%;
        min-width: 75%;*/
    }
    
    .emotion--product-slider .product-slider--item .product--image .image--bonus {
        height: 5em;
        height: 80px;
        left: 0em;
        left: 0px;
        position: absolute;
        top: 10em;
        top: 160px;
        width: 5em;
        width: 80px;
    }
    
    .content--emotions .html--content h1, 
    .content--emotions .html--content h2, 
    .content--emotions .html--content h3, 
    .content--emotions .html--content h4 {
         margin: 0em 0em 1em 0em;
         margin: 0px 0px 16px 0px;
    }
    
    
    /* Emotion Font Size / Product Slider Ausnahme */
    .product-slider--item .buybox--button .big-15 {
        font-size: 1.2em;
    }
    
    .product-slider--item .buybox--button .big-20 {
        font-size: 1.5em;
    }
    
    /* Lazy Load - external iFrames */ 
    .external-container {
        position: relative;
    }
    
    [data-externaliframesrc] {
        background-size: 100%;
        background-position: center; 
        background-repeat: no-repeat;
        cursor: pointer;
    }
    
    [data-externaliframesrc] .playbtn {
        background-image: url("../img/icons/video-play-btn-red.svg");
        background-repeat: no-repeat;
        left: 50%;
        height: 50px;
        margin-left: -30px;
        position: absolute;
        top: 45%;
        width: 60px;
        z-index: 1;
    }
    
    .external-container .dsgvo-advice {
        background: rgba(256,256,256,0.75);
        padding: 0.5em;
        padding: 8px;
        position: absolute;
        bottom: 0px;
    }
    
}

@media all and (min-width: 30em)/* 480 px */{
    
    /* Listing Blog */
    .blog--box .blog--box-picture {
        float: left;
        width: 30%;
    }
    
    .blog--box .blog--box-description {
        float: right;
        width: 68%;
    }
    
    /* Details */
    .product--details .incl--software img {
        max-height: 4.75em;
        max-height: 76px;
    }
    
    .tab-menu--product .tab--navigation {
        display: block;
        margin: 0em 0em 0em 1.5em;
        margin: 0px 0px 0px 24px;
    }
    
    .tab-menu--product .tab--navigation-entry {
        float:left;
        margin: 0em 0.125em 0.125em 0em;
        margin: 0px 2px 2px 0px;
    }
    
    /* Account */
    .order--details .panel--tr.is--odd .panel--td {
        float: left;
        width: 25%;        
    }
    
    .tab--container-list .tab--header {
        display: none;
    }
    
    /* JS--Modal */    
    .js--modal .modal--container .modal--container-item {
        float: left;
        margin: 0.25em;
        margin: 4px;
        width: 40%;
    }
    
    /* Emotion ######################################### */
    .emotion--product-slider .is--horizontal .product-slider--item {
        width: 32.4%;
    }
    
    .emotion--element.column--1 .product--box.cat-teaser--box {
        width: 64.8%;
    }

}

@media all and (min-width: 48em)/* 768 px */{
    
    /* Contaainer - gesamte Breite ###################### */
    .topline-container,
    header .container,
    .content-main-container .container,
    footer .container,
    .claimcontainer .container,
    .claimcontainer.deals .container,
    .content--breadcrumb .container,
    #offerClaim .product-slider  {
        width:48em;
        width:768px;
    }
    
    /* Mobile Hidden ###################### */ 
    .only-mobile {
        display:none;
    }
    
    /* Cookies */
    .page-wrap--cookie-permission {
        margin: 0% 15%;
        width: 70%;
    }
    
    .page-wrap--cookie-permission .cookie-permission--content .cookie-legal {
        height: auto;
        overflow: hidden;
    }
    
    .page-wrap--cookie-permission .cookie-permission--content .scroll-advice {
        display: none;
    }
    
    .page-wrap--cookie-permission .cookie-permission--title img {
        max-height: 10em;
        max-height: 160px;
    }
        
    .page-wrap--cookie-permission .cookie--decline,
    .page-wrap--cookie-permission #cookiesAcceptAll02,
    .page-wrap--cookie-permission .cookie--settings {
        width: 45%;
    }
    
    .page-wrap--cookie-permission .cookie--decline,
    .page-wrap--cookie-permission #cookiePermissionSettings .cookie--settings {
        float: left;
    }
    
    .page-wrap--cookie-permission #cookiePermissionButton .cookie--settings,
    .page-wrap--cookie-permission #cookiesAcceptAll02 {
        float: right;
    }
    
    /* Topline ###################### */
    /*#topline {
        height: 3.5em;
        height: 56px;
    }*/
    
    .topline-container #topline--language {
        left:0em;
        left:0px;
    }
    
    .topline-container .topline--cart {       
        top: 3.125em;
        top: 50px;
        width: 9em;
        width: 144px;
    }
    
    .topline-container .top-bar--navigation {
        top: 0.313em;
        top: 5px;
        /* only Mobile Styles */
        line-height: normal;
        padding: 0em;
        padding: 0px;
        width: auto;
    }
    
    .topline-container .top-bar--navigation ul li,
    footer .footer--bottom ul.service--list li {
        float: left;
        margin: 0.25em 0.25em 0em 0em;
        margin: 4px 4px 0px 0px;
    }
        
    .topline-container .top-bar--navigation ul a,
    footer .footer--bottom ul.service--list a {
        display:inline-block;        
    }
    
    .topline-container .top-bar--navigation ul li:after,
    footer .footer--bottom ul.service--list li:after {
        content: "|";
    }
    
    .topline-container .top-bar--navigation ul li:last-child,
    footer .footer--bottom ul.service--list li:last-child {
        margin: 0.25em 0em 0em 0em;
        margin: 4px 0px 0px 0px;
    } 
    
    .topline-container .top-bar--navigation ul li:last-child:after,
    footer .footer--bottom ul.service--list li:last-child:after {
        content:"";
    }
    
    .topline-container #topBarBtn {
        display: none;
    }
    
    .topline-container .top-bar--navigation.mobile-hidden,
    .topline-container .top-bar--navigation.mobile-show {
        left: 25.75em;
        left: 412px;
    }
    
    .topline-container .entry--account {
        left:auto;
        right: 2em;
        right: 32px;
        text-align: right;
    }
    
    .topline-container .entry--account .account--display {
        display: inline-block;
    }

    .topline-container .entry--account .account--dropdown-navigation {
        display: block;
        max-height: 0em;
        max-height: 0px;
        overflow: hidden;
        text-align: left;
        transition: all linear 0.5s;
    }
    
    .topline-container .entry--account.js--is--dropdown-active .account--dropdown-navigation {
        max-height: 25em;
        max-height: 400px;
        padding: 0.5em;
        padding: 8px;
    }
    
    .topline-container .entry--account ul {
        list-style: none;
        margin: 0em;
        margin: 0px;
        padding: 0em;
        padding: 0px;
    }
    
    .topline-container .entry--account ul li a {
        display: block;
        padding: 0.125em;
        padding: 4px;        
    }
    
    .topline-container .entry--notepad {
        left:auto;
        right:0em;
        right:0px;
    }
    
    .topline-container .topline--cart .cart--quantity {
        display: block;
        height: 1.25em;
        height: 20px;
        left:7.5em;
        left: 120px;
        padding: 0.25em 0em 0em 0em;
        padding: 4px 0px 0px 0px;
        position: absolute;
        text-align: center;
        top:-0.25em;
        top: -4px;
        width: 1.5em;
        width:24px;
    }
    
    .topline-container .topline--cart .cart--quantity.is--hidden {
        display: none;
    }
    
    /* header ###################### */
    /* Für Aktion oben auf der Seite
    header {
        margin: 5.5em 0em 0em 0em;
        margin: 88px 0px 0px 0px;
    } */
    
    header .logo-main {
        width:30%;
    }
    
    /* header - Navigation - Account */
    .shop--navigation,
    .is--target-checkout .shop--navigation,
    .is--act-confirm .shop--navigation,
    .is--act-finish .shop--navigation {
        height: 3.25em;
        height: 52px;
        text-align:left;
    }
    
    /* Search Navigation ###################### */
    .shop--navigation .entry--search {
        left: 32%;
        top:-0.625em;
        top:-10px;
        width: 21.25em;
        width: 340px;
    }
    
    .shop--navigation .entry--search .orange-box {
        background: none;
    }
    
    .shop--navigation .entry--search input {
        width: 85%;
    }
    
    .shop--navigation .entry--search .main-search--text {
        display:none;
    }
    
    .main-search--results {
        left: -5em;
        left: -80px;
        top: 3.5em;
        top: 56px;
        width:32.5em;
        width: 520px;
    }
    
    /* Breadcrumbs ######################### */
    .content--breadcrumb .breadcrumb--start-title,
    .content--breadcrumb .breadcrumb--separator.level-start {
        display: block;
    }
    
    /* claimcontainer ###################### */
    .claimcontainer,
    .claimcontainer.deals {
        display: block;
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
        width: 100%;
    }
    
    .claimcontainer .container {
        height: 7.5em;
        height:120px;
        text-align: left;
        position: relative;
    }
    
    .claimcontainer .container .claim,
    .claimcontainer .container .claim--additional {
        bottom:0em;
        bottom:0px;
        height: 100%;
        position: absolute;       
    }
    
    .claimcontainer .container .claim img,
    .claimcontainer .container .claim--additional img {
        bottom: 0em;
        bottom:0px;
        max-height: 100%;
        max-width: 100%;
        position: absolute;
    }
    
    .claimcontainer .container .claim {
        left:0em;
        left:0px;
        width:48em;
        width:768px;
    }
    
    .claimcontainer .container .claim--additional {
        display:none;
        right:0em;
        right:0px;
        width:17.5em;
        width:280px;
    }
    
    .claimcontainer.deals .claim,
    .claimcontainer.deals .claim--additional {
        display: block;
        width: 50%;
    }
    
    .claimcontainer.deals .claim--additional img {
        right: 0.25em;
        right: 4px;
    }
    
    .claimcontainer-mobile {
        display: none;
    }
    
    /* Offer Claim */  
    #offerClaim .product-slider--item .product--image-thumb {
        display: block;
        height: auto;
        margin: 0em 0.25em;
        margin: 0px 4px;
        width: 4em;
        width: 64px;
    }
    
    #offerClaim .product-slider--item .product--image-thumb img {
        max-width: 100%;
    }
        
    #offerClaim .product-slider--item .product--title {
        width: 22.5em;
        width: 360px;
    }
    
    #offerClaim .product-slider--item .product--price-box {
        float: right;
    }
    
    /* Main Content ###################### */
    .content-main-container .menuleft ~ .content-main {
        width:36em;
        width:576px;
        float: right;
    }
    
    .content-main-container .content-main {
    }
    
    /* Filter */
    .listing--wrapper .action--label {
        display: block;
    }
        
    /* Last Seen Product */
    .last-seen-products {
        bottom: 4em;
        bottom: 64px;
        display: block;
        position: fixed;
        transition: all linear 0.5s;
        width: 45em;
        width:720px;
        z-index: 10;
    }
    
    .last-seen-products.is--close {
        right:-43em;
        right:-688px;
    }
    
    .last-seen-products.is--open {
        right:0em;
        right:0px;
    }
    
    .last-seen-products .last-seen-products--title {
        left:-4.5em;
        left:-72px;
        position: absolute;
        transform: rotate(270deg);
        top:6em;
        top:96px;
        width: 11.25em;
        width: 180px;
    }
    
    .last-seen-products .last-seen-products--title a {
        display: block;        
        padding: 0.25em;
        padding: 4px;
    }
    
    .last-seen-products .last-seen-products--slider {
        margin: 0em 0em 0em 2em;        
        margin: 0px 0px 0px 32px;
    }
    
    .last-seen-products .last-seen-products--slider {
        padding: 0.5em;
        padding: 8px;
    }
    
    .last-seen-products .product--image,
    .last-seen-products .product--title {
        display: block;
        overflow: hidden;
    }
    
    .last-seen-products .product--image img {
        max-height: 10.5em;
        max-height: 168px;
    }
    
    .last-seen-products .product--title {
        max-height: 2.25em;
        max-height: 36px;
    }
    
    .last-seen-products .product-slider--item {
        margin: 0em 0.5em 0em 0em;
        margin: 0px 8px 0px 0px;
        width: 90%;
    }
    
    
    /* Listing Slider */
    .product-slider--item .item--countdown.is--hidden {
        display: none;
    }
    
    .product-slider--item .item--countdown {
        display: block;
        position: absolute;
        top: -3.25em;
        top: -52px;
    }
    
    .product-slider--item .countdown-title, 
    .product-slider--item .countdown-value  {
        float: left;
        margin: 0.125em 0.125em 0em 0em;
        margin: 2px 2px 0px 0px;
        overflow: hidden;
        padding: 0.125em;
        padding: 2px;
        text-align: center;
        text-overflow: ellipsis;
        width: 2em;
        width: 32px;
        white-space: nowrap;
    }
    
    .product-slider--item .product--details.has--countdown {
        top: 1em;
        top: 16px;
    }
    
    .product-slider--item .has--countdown .product--delivery {
        display: none;
    }

    /* PopUp Listing */
    #offerPopUp {
        left: 0em;
        left: 0px;
        text-align: center;
        top: 6.25em;
        top: 100px;
        width: 100%;
    }
    
    #offerPopUp [data-ajaxmaxshow="1"] .product--box {
        padding: 1em;
        padding: 16px;
    }
    
    #offerPopUp .product-slider--container {
        margin: auto;
        width: 26.25em;
        width: 420px;
    }
        
    #offerPopUp .product-slider--item .product--description {
        display: block;
    }
    
    
    /* Detail */
    .tab-menu--product .content--form input,
    .tab-menu--product .content--form textarea {
        width: 75%;
    }
    
    .product--details .product--configurator select {
        width: 40%;
    }

    
    /* Detail / Blog */
    .blog--detail-content .blog--detail-description img {
        float: left;
        margin: 0em 0.75em 0.5em 0em;
        margin: 0px 12px 8px 0px;
        width: 20em;
        width: 320px;
    }
    
    /* Account */
    
    
    /* Register / Login */
    #registration button {
        width: 11.25em;
        width: 180px;
    }
    
    #registration .register--entry {
        float: left;
        margin: 0% 2% 1% 0%;
        width: 40%;
    }
    
    #registration .register--entry input {
        width: 95%;
    }
    
    .register--existing-customer,
    .newsletter--headline {
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
    }
    
    .register--required-info {
        width:60%
    }
    
    .register--login .paypal-express--panel-account {
        float: left;
    }
    
    
    .register--login .paypal-express--panel-account ~ .bestit-amazon-pay--panel-account {
        float: right;
    }
    
    .register--login .paypal-express--panel-account,
    .register--login .paypal-express--panel-account ~ .bestit-amazon-pay--panel-account {
        height: 6em;
        height: 96px;
        width: 22.75em;
        width: 364px;
    }
    
    .is--target-account .register--login .paypal-express--panel-account,
    .is--target-account .register--login .paypal-express--panel-account ~ .bestit-amazon-pay--panel-account {
        width: 35em;
        width: 560px;
    }
    
    /*checkout / Cart */
    .content--checkout .basket--title-container .basket--title {
        float: left;
    }
    
    .content--checkout .basket--title-container .continue--shopping {
        display: block;
        float: right;
    }
    
    .content--basket .product--table {
        float: left;
        width: 31.75em;
        width: 508px;
    }
    
    .content--basket .product--basket-info {
        float: right;
        position: sticky;
        top: 3.25em;
        top: 52px;
        width: 15.5em;
        width: 248px;
    }
    
    /* Checkout / Steps */
    .steps--content ul li {
        float: left;
    }
    
    .steps--content ul li.steps--spacer {
        display: block;
        padding: 1em 0em 0em 0em;
        padding: 16px 0px 0px 0px;
        text-align: center;
        width: 3.25em;
        width: 52px;
    }
    
    /* Checkout / Finish */
    .teaser--actions .teaser--btn-back,
    .teaser--actions .teaser--btn-print {
        float: left;
        margin: 1em 0.5em 1em 0em;
        margin: 16px 8px 16px 0em;
        width:15em;
        width: 240px;
    }
    
    .is--act-finish .payment--panel .payment--content {
        float: left;
        margin: 0em 2em 0.25em 0em;
        margin: 0px 32px 4px 0em;
    }
    
        
    /* Sidebar Left / right ###################### */
    .menuleft {
        float:left;
        width:11.25em;
        width: 180px;
    }
    
    .menuleft #mainmenu,
    .menuleft .account--menu {
        display: block;
    }
    
    /* Sidebar Left - Categories */
    #mainmenu ul,
    .menuleft .account--menu ul {
        list-style: none;
        margin: 0em;
        margin: 0px;
        padding: 0em;
        padding: 0px;
    }
    
    #mainmenu ul li.navigation--entry,
    .menuleft .account--menu ul li.navigation--entry {
        margin: 0em 0em 0.125em 0em;
        margin: 0px 0px 1px 0px;
    }
        
    #mainmenu ul li.navigation--entry a,
    .menuleft .account--menu ul li.navigation--entry a {
        display: inline-block;
        font-size: 0.9em;
        padding:0.5em;
        padding: 8px;
        width: 90%;
    }
    
    #mainmenu ul .navigation--entry [class^="icon--"], 
    #mainmenu ul .navigation--entry [class*=" icon--"],
    .menuleft .account--menu .navigation--entry [class^="icon--"],
    .menuleft .account--menu .navigation--entry [class*=" icon--"] {
        float: right;
        font-size: 0.7em;
        padding:0.25em 0em 0em 0em;
        padding: 4px 0px 0px 0px;
    }
    
    #mainmenu ul .navigation--entry .icon--arrow-down,
    .menuleft .account--menu .navigation--entry .icon--arrow-down {
        font-size: 0.5em;
    }
    
    #mainmenu .Deals {
        display: none;
    }
    
    /* Sidebar Left - Categories Flyout */
    #mainmenu ul .sub--categories {
        position: relative;
        width:47.5em;
        width:760px;
    }
    
    #mainmenu ul li .menu--list-container {
        display: none;
        padding:0.5em;
        padding: 8px;
        position: absolute;
        left:11.25em;
        left:180px;
        top:2em;
        top:-32px;
        z-index: 100;
    }
    
    #mainmenu ul li:hover .menu--list-container {
        display: block;
    }
    
    #mainmenu ul li .menu--list-container ul.menu--level-0 {
        padding:0.25em;
        padding:4px;
        float: left;
        width:11em;
        width:176px;
    }
    
    #mainmenu ul li .menu--list-container .container--level-1 {
        display:none;
    }
    
    /* Sidebar Left - is--active */
    #mainmenu ul a.is--active,
    .menuleft .account--menu .navigation--entry a.is--active {
        font-weight: bold;
    }
    
    #mainmenu ul .is--active.navigation--entry a.level-1 {
        padding:0.25em 0.5em;
        padding: 4px 8px;
    }
    #mainmenu ul .is--active.navigation--entry a.level-1.is--active {
        font-weight:normal;
        text-decoration: underline;
    }
    
    #mainmenu ul .is--active .menu--list-container {
        background: none;
        display: block;
        padding: 0em;
        padding: 0px;
        position: inherit;
    }
    
    #mainmenu ul li.is--active .menu--list-container ul.menu--level-0 {
        float: none;
    }
    
    #mainmenu ul li.is--active .menu--list-container .is--active .container--level-1 {
        display: block;
    }
    
    #mainmenu ul .is--active .menu--list-headline { 
        display: none;
    }
    
    #mainmenu ul .is--active .sub--categories {        
        position: inherit;
        width: 100%
    }
    
    .NewsletterTopangebote {
        display: none;
    }
    
    /* footer ###################### */
    footer .footer--bottom ul.service--list {
        margin: 1em 0em;
        margin: 16px 0px;
        display: block;
    }
    
    /* off-canvas ###################### */
    .off-canvas .navigation--entry a,
    .off-canvas .account--close-off-canvas  {
        display: inline-block;
    }
    
    .sidebar-main{
        display:none;
    }
    
    /* Off Canvas Ajax-Cart */
    
    .off-canvas.container--ajax-cart {
        height: auto;
        line-height: 2em;
        position: fixed;
        text-align: left;
        transition: all linear 0.6s;        
        top: 3.125em;
        top: 50px;
        z-index: 1000;
    }
    
    .off-canvas.container--ajax-cart.is--open {
        width: 30em;
        width: 480px;
    }
    
    .off-canvas .cart--item {
        height: 4.25em;
        height: 68px;
    }
    
    .off-canvas .cart--item .thumbnail--container {
        width: 3.75em;
        width: 60px;
    }
    
    .off-canvas .cart--item .item--price {
        margin: 1em 0em;
        margin: 16px 0px;
    }
    
    .off-canvas .button--container a {
        width:15em;
        width:240px;
    }
    
    /* JS Modal */
    .js--modal .product--quick-view .quick-view--image-link {
        float: left;
        margin: 0% 1% 1% 0%;
        width: 30%;
    }
    

    /* Emotion ######################################### */
    .emotion--product-slider .is--horizontal .product-slider--item, .emotion--element.column--1 .product--box.cat-teaser--box {
        width: 11.875em;
        width: 190px;
    }    
    
    .campaigns .emotion--product-slider .is--horizontal .product-slider--item {
        width: 15.75em;
        width: 252px;
    }
}

@media all and (min-width: 64em)/* 1024 px */{
    
    .clear-48 {
        clear: none;
    }
    
    /* Container gesamte Breite ###################### */
    .topline-container,
    header .container,
    .content-main-container .container,
    footer .container,
    .claimcontainer .container,
    .claimcontainer.deals .container,
    .content--breadcrumb .container,
    #offerClaim .product-slider {
        width:64em;
        width: 1024px;
    }
    
    /* Fonts Ausnahmen ########### */
    .product--box.box--image .product--badge {
        font-size: 1.5em;
    }
    
    /* Cookies */
    .page-wrap--cookie-permission {
        margin: 0% 20%;
        width: 60%;
    }
    
    /* header ###################### */
    header .logo-main {
        width:15em;
        width: 240px;
    }
    
    /* Search Navigation ###################### */
    .shop--navigation .entry--search {
        left: 17.5em;
        left:280px;
        width: 35em;
        width: 560px;
    }
    
    .shop--navigation .entry--search input {
        width: 80%;
    }
    
    .shop--navigation .entry--search .main-search--text {
        display:inline-block;
    }
    
    .main-search--results {
        left: 0em;
        left: 0px;
    }
    
    /* Claim Content ###################### */
    .claimcontainer .container {
        height: 8.75em;
        height:140px;
        text-align: left;
        position: relative;
    }
    
    .claimcontainer .container .claim {
        width:56.25em;
        width:900px;
    }
    
    .claimcontainer.deals .claim--additional img {
        right: 1.5em;
        right: 24px;
    }
    
    .claimcontainer.deals .claim--partner-logo {
        display: block;
        position: absolute;
        left: 31.875em;
        left: 510px;
        top: 1em;
        top: 16px;
    }
    
    .claimcontainer.deals .claim--partner-logo img {
        margin-left: -50%;
    }
    
    /* Offer Claim */  
    #offerClaim .product-slider--item .product--title {
        width: 36.25em;
        width: 580px;
    }
    
    /* Breadcrumbs ######################### */
    .content--breadcrumb .breadcrumb--start-link {
        display: block;
    }
    
     /* Main Content ###################### */
    .content-main-container .menuleft ~ .content-main {
        width:52.25em;
        width: 836px;
    }
    
    /* Filter */
    .filter--facet-container .filter-panel {
        float: left;
        margin: 0% 2% 1% 1%;
        padding: 1%;
        width: 28%;
    }
    
    .filter--facet-container .filter-panel.filter--range.is--collapsed .filter-panel--flyout .filter-panel--content {
        min-width: 30%;
    }
    
    /* Listing */
    .product--box.box--basic .product--image-thumb {
        width: 10em;
        width: 160px;
    }
    
    .product--box.box--image .product--image-thumb {
        width: 12.5em;
        width: 200px;
    }
    
    .product--box.box--basic .product--info {
        margin: 0em 0em 0em 0.5em;
        margin: 0px 0px 0px 8px;
        float: left;
        width: 26.25em;
        width: 420px;
    }
    
    .product--box.box--image .product--info {
        margin: 0em 0em 0em 1.5em;
        margin: 0px 0px 0px 24px;
        float: left;
        width: 35em;
        width: 560px;
    }
    
    .product--box.box--basic .product--buy-info,
    .product--box.box--image .product--buy-info {
        float: right;
        margin: 0em;
        margin: 0px;
        width: 12.5em;
        width: 200px;
    }
    
    .product--box.box--basic .product--buy-info .product--price-info,
    .product--box.box--basic .product--buy-info .product--btn-container,
    .product--box.box--image .product--buy-info .product--price-info,
    .product--box.box--image .product--buy-info .product--btn-container {
        clear: both;
        width: 100%;
    }
    
    /* Lasst Seen Product */
    .last-seen-products {
        width: 57.5em;
        width: 920px;
    }
    
    .last-seen-products.is--close {
        right:-55em;
        right:-888px;
    }
    
    /* Detail */
    .product--details .product--detail-upper .product--detail-images {
        float: left;
        width: 50%;
    }
    
    .product--details .product--detail-upper .product--buybox {
        float: right;
        margin: 0em 0em 1em 0em;
        margin: 0px 0px 16px 0px;
        width: 48%;
    }
    
    .product--details .incl--software .incl--software--description {
        display: block;
        margin: 1em 0em 0em 0em;
        margin: 16px 0px 0px 0px;
    }
    
    /* Register / Login */
    .register--login .paypal-express--panel-account,
    .register--login .paypal-express--panel-account ~ .bestit-amazon-pay--panel-account {
        width: 30.5em;
        width: 488px;
    }
    
    .is--target-account .register--login .paypal-express--panel-account,
    .is--target-account .register--login .paypal-express--panel-account ~ .bestit-amazon-pay--panel-account {
        height: 8.5em;
        height: 136px;
        width: 24.75em;
        width: 396px;
    }
    
    .newsletter--form .left {
        float: left;
        width: 40%;
    }
    
    .newsletter--form .right {
        float: right;
    }
    
    /* Account */
    .account--content .account--box,
    .account--content .address--box {
        float: left;
        height: 12.5em;
        height: 200px;
        width: 24.5em;
        width: 392px;
    }
    
    .account--content .account--box:nth-child(2n+2),
    .account--content .address--box:nth-child(2n+2) {
        float: right;
    }
    
    .account--orders-overview .orders--table-header {
        display: block;
    }
    
    .account--orders-overview .column--label,
    .order--details .panel--tr .column--label {
        display: none;
    }
    
    .account--orders-overview .panel--th,
    .account--orders-overview .panel--td {
        float: left;
    }
    
    
    .account--orders-overview .panel--td.column--actions,
    .account--orders-overview .panel--th.column--actions {
        clear: none;
    }
    
    .account--orders-overview .column--value {
        float: none;
        width: 100%;
    }
    
    .account--orders-overview .order--date,
    .account--orders-overview .column--date {
        width: 22%;
    }
    
    .account--orders-overview .order--number,
    .account--orders-overview .column--id {
        width: 15%;
    }
    
    .account--orders-overview .order--dispatch,
    .account--orders-overview .column--dispatch {
        width: 15%;
    }
    
    .account--orders-overview .order--status,
    .account--orders-overview .column--status {
        width: 38%;
    }
    
    .account--orders-overview .order--actions,
    .account--orders-overview .column--actions {
        width: 10%;
        text-align: right;
    }
    
    .order--details .column--name {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 60%;
    }
    
    .order--details .column--quantity {
        text-align: right;
        width: 5%;
    }
    
    .order--details .column--price {
        text-align: right;
        width: 15%;
    }
    
    .order--details .column--total {
        text-align: right;
        width: 20%;
    }
    
    .orders--table-header {
        height: 1.5em;
        height: 24px;
    }
    
    .order--item {
        height: 3em;
        height: 48px;
    }
    
    /* Checkout / Cart */
    .content--basket .product--table {
        width: 46.25em;
        width: 740px;
    }
    
    .content--basket .product--basket-info {
        width: 17.75em;
        width: 268px;
    }
    
    .product--table .column--product .column--image {
        margin: 0% 1% 0% 0%;
        width: 10%;
    }
    
    .product--table .column--product .column--product-info {
        float: left;
        width: 58%;
    }
    
    .product--table .column--product .column--product-price {
        clear: none;
        float: right;
        width: 30%
    }
    
    .product--table .column--product .column--total-price {
        width: 40%;
    }
    
    .table--shipping-costs .shipping-costs {
        float: left;
        width: 45%;
    }
    
    .table--shipping-costs .shipping-costs .basket--country-list {
        height: 2.5em;
        height: 40px;
    }
    
    .table--shipping-costs .dispatch--field,
    .table--shipping-costs .payment--field {
        float: left;
        height: 10em;
        height: 160px;
        margin:0.5em 0.5em 0em 0em;
        margin: 8px 8px 0px 0px;
        width: 14.5em;
        width: 232px;
        z-index: 0;
    }
    
    .table--shipping-costs .dispatch--field .dispatch-container,
    .table--shipping-costs .payment--field .payment-container {
        position: relative;
        height: 8.75em;
        height: 140px;
        overflow: hidden;
        transition: all linear 0.5s;
    }
    
    .table--shipping-costs .dispatch--field:hover,
    .table--shipping-costs .payment--field:hover {
        z-index: 5;
    }
    
    .table--shipping-costs .dispatch--field:hover .dispatch-container,
    .table--shipping-costs .payment--field:hover .payment-container { 
        min-height: 8.75em;
        min-height: 140px;
        height: auto;
        z-index: 5;
    }
    
    .table--shipping-costs .payment--field.ppplus-expand.is--active {
        height: 20em;
        height: 320px;
    }
    
    .table--shipping-costs .payment--field.ppplus-expand.is--active .payment-container {
        height: 19.25em;
        height: 308px;
    }
    
    /* Checkout Confirm */
    #confirm--form .information--panel-item-billing,
    #confirm--form .information--panel-item-shipping,
    #confirm--form-products .information--panel-item-billing,
    #confirm--form-products .information--panel-item-shipping,
    .is--ctl-amazonpay .register--billing,
    .is--ctl-amazonpay .register--shipping {
        min-height: 15em;
        min-height: 240px;
        width: 22.75em;
        width: 364px;
    }    
    
    #confirm--form .information--panel-item-billing,
    #confirm--form-products .information--panel-item-billing,
    .finish--adresses .information--panel-item-billing,
    .is--ctl-amazonpay .register--billing {
        float: left;
    }
    
    #confirm--form .information--panel-item-shipping,
    #confirm--form-products .information--panel-item-shipping,
    .finish--adresses .information--panel-item-shipping,
    .is--ctl-amazonpay .register--shipping {
        float: right;
        margin: 0em;
        margin: 0px;
    }
    
    .is--act-confirm .main--actions .paypal-button-width--responsive {
        width: 50%;
    }
    
    /* Checkout / Finish */
    .finish--adresses .information--panel-item-shipping,
    .finish--adresses .information--panel-item-billing {
        width: 31.5em;
        width: 504px;
    }
    
    /* footer ###################### */
    footer .footer--columns {
        clear: none;
        float: left;
        padding: 0em 1em 0em 0em;
        padding: 0px 16px 0px 0px;
    }
    
    footer .footer--columns img {
        max-width: 100%;
    }
    
    footer .footer--columns:last-child {
        padding: 0em;
        padding: 0px;
    }
    
    footer .footer--columns.footer--navigation {
        width:19em;
        width:304px;
    }
    
    footer .footer--columns.footer--newsletter{
        width:17.5em;
        width:280px;
    }
    
    footer .footer--columns.footer--payment,
    footer .footer--columns.footer--partners {
        width: 11.25em;
        width:180px;
    }
    
    footer .footer--newsletter .newsletter--input {
        width: 80%;
    }
    
    footer .footer--newsletter button {
        width: 50%;
    }
    
    /* JS--Modal */    
    .js--modal .modal--container .modal--container-item {
        float: left;
        width: 30%;
    }
    
    /* Emotion */
    .emotion--product-slider .is--horizontal .product-slider--item, .emotion--element.column--1 .product--box.cat-teaser--box {
        width: 12.875em;
        width: 206px;
    }
    
    .campaigns .emotion--product-slider .is--horizontal .product-slider--item {
        width: 10.25em;
        width: 164px;
    }
}


@media all and (min-width: 71.25em)/* 1140 px */{
    
    /* Container gesamte Breite ###################### */
    .topline-container,
    header .container,
    .content-main-container .container,
    footer .container,
    .claimcontainer .container,
    .claimcontainer.deals .container,
    .content--breadcrumb .container,
    #offerClaim .product-slider {
        width: 71.25em;
        width: 1140px;
    } 
    
    /* Cookies */
    .page-wrap--cookie-permission {
        margin: 0% 30%;
        width: 40%;
    }
    
    /* Topline ###################### */
    .topline-container #topline--language .international--flags {
        display: block;
    }
    
    /* Search Navigation ###################### */    

    
    /* Claim Container ###################### */
    .claimcontainer .container .claim--additional {
        display: block;
    }
    
    .claimcontainer.deals .claim--partner-logo {
        left: 35.625em;
        left: 570px;
    }
    
    /* Offer Claim */  
    #offerClaim .product-slider--item .product--title {
        width: 42.5em;
        width: 680px;
    }
    
    /* Main Content ###################### */
    .content-main-container .menuleft ~ .content-main {
        width:58.75em;
        width: 940px;
    }
    
    .content-main-container .menuleft ~ .shop-teaser ~ .content-main {
        width:43.375em;
        width: 694px;
    }
    
    
    /* Listing */
    .product--box.box--basic .product--image-thumb {
        width: 7.5em;
        width: 120px;
    }
    
    .product--box.box--image .product--image-thumb {
        width: 15em;
        width: 240px;
    }
    
    .product--box.box--basic .product--info {
        width: 21.250em;
        width: 340px;
    }
    
    .product--box.box--image .product--info {
        width: 38.750em;
        width: 620px;
    }
    
    .product--box.box--basic .product--buy-info,
    .product--box.box--image .product--buy-info {
        width: 12em;
        width: 192px;
    }
    
    /* Details */
    .account--content .account--box,
    .account--content .address--box {
        width: 20em;
        width: 320px;
    }
    
    /* Register / Login */
    .register--login .paypal-express--panel-account,
    .register--login .paypal-express--panel-account ~ .bestit-amazon-pay--panel-account {
        width: 34.25em;
        width: 548px;
    }
    
    .is--target-account .register--login .paypal-express--panel-account,
    .is--target-account .register--login .paypal-express--panel-account ~ .bestit-amazon-pay--panel-account {
        height: 8.5em;
        height: 136px;
        width: 20.25em;
        width: 324px;
    }
    
    /* Checkout / Cart */
    .content--basket .product--table {
        width: 53.5em;
        width: 856px;
    }
    
    .table--shipping-costs .dispatch--field,
    .table--shipping-costs .payment--field {
        width: 17em;
        width: 272px;
    }
    
    /* Checkout Confirm */
    #confirm--form .information--panel-item-billing,
    #confirm--form .information--panel-item-shipping,
    #confirm--form-products .information--panel-item-billing,
    #confirm--form-products .information--panel-item-shipping,
    .is--ctl-amazonpay .register--billing,
    .is--ctl-amazonpay .register--shipping {
        width: 25.25em;
        width: 420px;
    }
    
    .is--act-confirm .main--actions .paypal-button-width--responsive {
        width: 33%;
    }
    
    /* Checkout / Finish */
    .finish--adresses .information--panel-item-shipping,
    .finish--adresses .information--panel-item-billing {
        width: 35.25em;
        width: 564px;
    }
    
    /* Sidebar Left / right ######################  */
    .shop-teaser {
        display: block;
        float: right;
        margin: 0em 0em 0em 1em;
        margin: 0px 0px 0px 16px;
        width: 14.25em;
        width: 228px;
    }
    
    .shop-teaser .shop-teaser--row {
        line-height: 1.25em;
        margin: 0em 0em 0.5em 0em;
        margin: 0px 0px 8px 0px;
        padding: 0.5em;
        padding: 8px;
    }
    
    .shop-teaser .shop-teaser--row .big-15 {
        line-height: 1.25em;
    }
    
    .shop-teaser .row--hotline {
        position: relative;
    }
    
    .shop-teaser .row--hotline .shop-teaser--service-img {
        left:0em;
        left:0px;
        position: absolute;
        top:0em;
        top:0px;
    }
    
    .shop-teaser .row--hotline .row--headline {
        height: 8.25em;
        height:132px;
        line-height: 1.1em;
    }
    
    .shop-teaser .news--box {
        margin: 0.25em 0em;
        margin: 4px 0px;
        padding: 0.25em;
        padding: 4px;
    }
    
    .shop-teaser .row--news .row--content {
        margin: 0.5em 0em 0em 0em;
        margin: 8px 0px 0px 0px;
    }
    
    .shop-teaser .news--box .news--icon {
        float: left;
        padding: 0.25em 0em 0em 0em;
        padding: 4px 0px 0px 0px;
        width: 1.5em;
        width: 24px;
    }
    
    .shop-teaser .news--box .news--title {
        float: right;
        width: 11em;
        width: 176px;
    }
    
    .shop-teaser .row--top-categories {
        line-height: 1.5em;
    }
    
    .shop-teaser .row--top-categories a {
        display: block;
    }
    
    /* footer ###################### */
    footer .footer--columns.footer--payment,
    footer .footer--columns.footer--partners {
        width: 15em;
        width:240px;
    }
    
    /* Emotion */
    .emotion--product-slider .is--horizontal .product-slider--item, .emotion--element.column--1 .product--box.cat-teaser--box {
        width: 10.625em;
        width: 170px;
    }
    
    .campaigns .emotion--product-slider .is--horizontal .product-slider--item {
        width: 11.5em;
        width: 184px;
    }
}