.page-color-catColor11 .form-pagination .form-pagination-arrow.disabled, .page-color-catColor11 .form-pagination .form-pagination-arrow:disabled, .page-color-catColor11 .form-pagination .form-pagination-arrow[disabled] { color: #BABABA; } .page-color-catColor11 .bootstrap-select .bs-filter-sort-action .btn-group button.btn, .page-color-catColor11 .bootstrap-select .bs-filter-sort-action .btn-group button.SizeCalculator { color: #d7667c; border-color: #bd0025; } .page-color-catColor11 .bootstrap-select .bs-filter-sort-action .btn-group button.btn.bs-apply, .page-color-catColor11 .bootstrap-select .bs-filter-sort-action .btn-group button.bs-apply.SizeCalculator { color: #757571; background-color: #bd0025; } .page-color-catColor11 .bootstrap-select .bs-filter-sort-action .btn-group button.btn:hover, .page-color-catColor11 .bootstrap-select .bs-filter-sort-action .btn-group button.SizeCalculator:hover, .page-color-catColor11 .bootstrap-select .bs-filter-sort-action .btn-group button.btn:focus, .page-color-catColor11 .bootstrap-select .bs-filter-sort-action .btn-group button.SizeCalculator:focus { color: #5E5E5E !important; border-color: #e599a8; background-color: #e599a8; } .page-color-catColor11 .selected-facets .btn.btn-primary, .page-color-catColor11 .selected-facets .boxInnerHeight193 .doubleCol .control a.btn-primary, .boxInnerHeight193 .doubleCol .control .page-color-catColor11 .selected-facets a.btn-primary, .page-color-catColor11 .selected-facets .btn-primary.SizeCalculator { color: #4f4b43; border: 1px solid #EEEEEE; } .page-color-catColor11 .selected-facets .btn.btn-primary:hover, .page-color-catColor11 .selected-facets .boxInnerHeight193 .doubleCol .control a.btn-primary:hover, .boxInnerHeight193 .doubleCol .control .page-color-catColor11 .selected-facets a.btn-primary:hover, .page-color-catColor11 .selected-facets .btn-primary.SizeCalculator:hover { color: #5E5E5E !important; border-color: #e599a8; background-color: #e599a8; } .page-color-catColor12 { /* override for mobile filter */ } .page-color-catColor12 .flexible-teaser-row-component .flexible-teaser-row-headline.moulding, .page-color-catColor12 .flexible-teaser-row-component .theme-world-container-headline.moulding, .page-color-catColor12 .theme-world-container-component .flexible-teaser-row-headline.moulding, .page-color-catColor12 .theme-world-container-component .theme-world-container-headline.moulding { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, #f7b0c8 49%, #f7b0c8 51%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, #f7b0c8 49%, #f7b0c8 51%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, #f7b0c8 49%, #f7b0c8 51%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%); } .page-color-catColor12 .extended-flexible-teaser-tile-box-container .category-color, .page-color-catColor12 .extended-full-width-slider-box-container .category-color { color: #e87fa2; } .page-color-catColor12 .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-link-background.bg-category { background-color: #f7b0c8; } .page-color-catColor12 .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-link-background.bg-category:before { border-right-color: #f7b0c8 !important; } .page-color-catColor12 .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-link-background.bg-category:after { border-left-color: #f7b0c8 !important; } .page-color-catColor12 .flexible-teaser-tile-component .transparent-box, .page-color-catColor12 .extended-flexible-teaser-tile-component .transparent-box, .page-color-catColor12 .cta-only-flexible-teaser-tile-component .transparent-box { border-color: #f7b0c8 !important; } .page-color-catColor12 .theme-world-button-component .theme-world-button:before { background-color: #f7b0c8; } .page-color-catColor12 .theme-world-button-component .theme-world-button:hover, .page-color-catColor12 .theme-world-button-component .theme-world-button:focus { background-color: #f7b0c8; } .page-color-catColor12 .seasonTeaserBig, .page-color-catColor12 .seasonTeaserSmall { border-color: #f7b0c8; } .page-color-catColor12 .seasonTeaserBig:hover, .page-color-catColor12 .seasonTeaserSmall:hover { border-color: #fcdfe9; } .page-color-catColor12 .product-wrapper { border-color: #fcdfe9; } .page-color-catColor12 .product-wrapper:hover { border-color: #f7b0c8; } .page-color-catColor12 #facetteFormAjaxWrapper .filter-facett-container, .page-color-catColor12 #paginationFormAjaxWrapperTop, .page-color-catColor12 #paginationFormAjaxWrapperBottom, .page-color-catColor12 .form-pagination .form-pagination-input-wrapper .form-pagination-input:hover, .page-color-catColor12 .form-pagination .form-pagination-input-wrapper .form-pagination-input:focus, .page-color-catColor12 .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner), .page-color-catColor12 .filter-facett-container .bootstrap-select.open .btn-default.dropdown-toggle, .page-color-catColor12 .filter-facett-container .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .filter-facett-container .bootstrap-select.open a.dropdown-toggle, .page-color-catColor12 .filter-facett-container .bootstrap-select.open .dropdown-toggle.SizeCalculator, .page-color-catColor12 .bootstrap-select.open .btn-default.dropdown-toggle, .page-color-catColor12 .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .bootstrap-select.open a.dropdown-toggle, .page-color-catColor12 .bootstrap-select.open .dropdown-toggle.SizeCalculator, .page-color-catColor12 .bootstrap-select.open > .btn-default.dropdown-toggle, .page-color-catColor12 .boxInnerHeight193 .doubleCol .control .bootstrap-select.open > a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .bootstrap-select.open > a.dropdown-toggle, .page-color-catColor12 .bootstrap-select.open > .dropdown-toggle.SizeCalculator, .page-color-catColor12 .modal-layer .bootstrap-select.open > .dropdown-toggle.SizeCalculator, .page-color-catColor12 .bootstrap-select.open .dropdown-menu:not(.inner), .page-color-catColor12 .bootstrap-select .btn:hover, .page-color-catColor12 .bootstrap-select .boxInnerHeight193 .doubleCol .control a:hover, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .bootstrap-select a:hover, .page-color-catColor12 .bootstrap-select .SizeCalculator:hover, .page-color-catColor12 .bootstrap-select .btn:focus, .page-color-catColor12 .bootstrap-select .boxInnerHeight193 .doubleCol .control a:focus, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .bootstrap-select a:focus, .page-color-catColor12 .bootstrap-select .SizeCalculator:focus, .page-color-catColor12 .form-pagination .form-pagination-input-wrapper .form-pagination-input:hover, .page-color-catColor12 .form-pagination .form-pagination-input-wrapper .form-pagination-input:focus { border-color: #f7b0c8; } .page-color-catColor12 .filter-facett-container .bootstrap-select.open .btn-default.dropdown-toggle, .page-color-catColor12 .filter-facett-container .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .filter-facett-container .bootstrap-select.open a.dropdown-toggle, .page-color-catColor12 .filter-facett-container .bootstrap-select.open .dropdown-toggle.SizeCalculator, .page-color-catColor12 .bootstrap-select.open .btn-default.dropdown-toggle, .page-color-catColor12 .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .bootstrap-select.open a.dropdown-toggle, .page-color-catColor12 .bootstrap-select.open .dropdown-toggle.SizeCalculator { border-bottom-color: white; } .page-color-catColor12 .filter-facett-container .bootstrap-select.open.dropup .btn-default.dropdown-toggle, .page-color-catColor12 .filter-facett-container .bootstrap-select.open.dropup .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .filter-facett-container .bootstrap-select.open.dropup a.dropdown-toggle, .page-color-catColor12 .filter-facett-container .bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator, .page-color-catColor12 .bootstrap-select.open.dropup .btn-default.dropdown-toggle, .page-color-catColor12 .bootstrap-select.open.dropup .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .bootstrap-select.open.dropup a.dropdown-toggle, .page-color-catColor12 .bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator, .page-color-catColor12 .bootstrap-select.open.dropup .modal-layer .dropdown-toggle.SizeCalculator, .modal-layer .page-color-catColor12 .bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator { border-bottom-color: #f7b0c8; } .page-color-catColor12 .filter-facett-container .bootstrap-select.open.dropup .btn-default.dropdown-toggle:hover, .page-color-catColor12 .filter-facett-container .bootstrap-select.open.dropup .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:hover, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .filter-facett-container .bootstrap-select.open.dropup a.dropdown-toggle:hover, .page-color-catColor12 .filter-facett-container .bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator:hover, .page-color-catColor12 .bootstrap-select.open.dropup .btn-default.dropdown-toggle:hover, .page-color-catColor12 .bootstrap-select.open.dropup .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:hover, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .bootstrap-select.open.dropup a.dropdown-toggle:hover, .page-color-catColor12 .bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator:hover { border-bottom-color: #f7b0c8; } .page-color-catColor12 .filter-facett-container .bootstrap-select.open.dropup .dropdown-menu:not(.inner).open, .page-color-catColor12 .bootstrap-select.open.dropup .dropdown-menu:not(.inner).open { border-top-color: #f7b0c8; } .page-color-catColor12 #mobile-filter-window .bootstrap-select.open .btn-default.dropdown-toggle, .page-color-catColor12 #mobile-filter-window .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 #mobile-filter-window .bootstrap-select.open a.dropdown-toggle, .page-color-catColor12 #mobile-filter-window .bootstrap-select.open .dropdown-toggle.SizeCalculator { border-bottom-color: #f7b0c8 !important; } .page-color-catColor12 .form-pagination .form-pagination-arrow, .page-color-catColor12 #mobile-filter-sort { color: #5E5E5E; border-color: #f7b0c8; background-color: #f7b0c8; } .page-color-catColor12 .form-pagination .form-pagination-arrow:hover, .page-color-catColor12 #mobile-filter-sort:hover { color: #5E5E5E; border-color: #f7b0c8; background-color: #fcdfe9; } .page-color-catColor12 .form-pagination .form-pagination-arrow.disabled, .page-color-catColor12 .form-pagination .form-pagination-arrow:disabled, .page-color-catColor12 .form-pagination .form-pagination-arrow[disabled] { color: #BABABA; } .page-color-catColor12 .bootstrap-select .bs-filter-sort-action .btn-group button.btn, .page-color-catColor12 .bootstrap-select .bs-filter-sort-action .btn-group button.SizeCalculator { color: #e87fa2; border-color: #f7b0c8; } .page-color-catColor12 .bootstrap-select .bs-filter-sort-action .btn-group button.btn.bs-apply, .page-color-catColor12 .bootstrap-select .bs-filter-sort-action .btn-group button.bs-apply.SizeCalculator { color: #757571; background-color: #f7b0c8; } .page-color-catColor12 .bootstrap-select .bs-filter-sort-action .btn-group button.btn:hover, .page-color-catColor12 .bootstrap-select .bs-filter-sort-action .btn-group button.SizeCalculator:hover, .page-color-catColor12 .bootstrap-select .bs-filter-sort-action .btn-group button.btn:focus, .page-color-catColor12 .bootstrap-select .bs-filter-sort-action .btn-group button.SizeCalculator:focus { color: #5E5E5E !important; border-color: #fcdfe9; background-color: #fcdfe9; } .page-color-catColor12 .selected-facets .btn.btn-primary, .page-color-catColor12 .selected-facets .boxInnerHeight193 .doubleCol .control a.btn-primary, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .selected-facets a.btn-primary, .page-color-catColor12 .selected-facets .btn-primary.SizeCalculator { color: #4f4b43; border: 1px solid #EEEEEE; } .page-color-catColor12 .selected-facets .btn.btn-primary:hover, .page-color-catColor12 .selected-facets .boxInnerHeight193 .doubleCol .control a.btn-primary:hover, .boxInnerHeight193 .doubleCol .control .page-color-catColor12 .selected-facets a.btn-primary:hover, .page-color-catColor12 .selected-facets .btn-primary.SizeCalculator:hover { color: #5E5E5E !important; border-color: #fcdfe9; background-color: #fcdfe9; } .page-color-catColor13 { /* override for mobile filter */ } .page-color-catColor13 .flexible-teaser-row-component .flexible-teaser-row-headline.moulding, .page-color-catColor13 .flexible-teaser-row-component .theme-world-container-headline.moulding, .page-color-catColor13 .theme-world-container-component .flexible-teaser-row-headline.moulding, .page-color-catColor13 .theme-world-container-component .theme-world-container-headline.moulding { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, #8dbec8 49%, #8dbec8 51%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, #8dbec8 49%, #8dbec8 51%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, #8dbec8 49%, #8dbec8 51%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%); } .page-color-catColor13 .extended-flexible-teaser-tile-box-container .category-color, .page-color-catColor13 .extended-full-width-slider-box-container .category-color { color: #7ca5ad; } .page-color-catColor13 .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-link-background.bg-category { background-color: #8dbec8; } .page-color-catColor13 .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-link-background.bg-category:before { border-right-color: #8dbec8 !important; } .page-color-catColor13 .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-link-background.bg-category:after { border-left-color: #8dbec8 !important; } .page-color-catColor13 .flexible-teaser-tile-component .transparent-box, .page-color-catColor13 .extended-flexible-teaser-tile-component .transparent-box, .page-color-catColor13 .cta-only-flexible-teaser-tile-component .transparent-box { border-color: #8dbec8 !important; } .page-color-catColor13 .theme-world-button-component .theme-world-button:before { background-color: #8dbec8; } .page-color-catColor13 .theme-world-button-component .theme-world-button:hover, .page-color-catColor13 .theme-world-button-component .theme-world-button:focus { background-color: #8dbec8; } .page-color-catColor13 .seasonTeaserBig, .page-color-catColor13 .seasonTeaserSmall { border-color: #8dbec8; } .page-color-catColor13 .seasonTeaserBig:hover, .page-color-catColor13 .seasonTeaserSmall:hover { border-color: #d1e5e9; } .page-color-catColor13 .product-wrapper { border-color: #d1e5e9; } .page-color-catColor13 .product-wrapper:hover { border-color: #8dbec8; } .page-color-catColor13 #facetteFormAjaxWrapper .filter-facett-container, .page-color-catColor13 #paginationFormAjaxWrapperTop, .page-color-catColor13 #paginationFormAjaxWrapperBottom, .page-color-catColor13 .form-pagination .form-pagination-input-wrapper .form-pagination-input:hover, .page-color-catColor13 .form-pagination .form-pagination-input-wrapper .form-pagination-input:focus, .page-color-catColor13 .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner), .page-color-catColor13 .filter-facett-container .bootstrap-select.open .btn-default.dropdown-toggle, .page-color-catColor13 .filter-facett-container .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .filter-facett-container .bootstrap-select.open a.dropdown-toggle, .page-color-catColor13 .filter-facett-container .bootstrap-select.open .dropdown-toggle.SizeCalculator, .page-color-catColor13 .bootstrap-select.open .btn-default.dropdown-toggle, .page-color-catColor13 .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .bootstrap-select.open a.dropdown-toggle, .page-color-catColor13 .bootstrap-select.open .dropdown-toggle.SizeCalculator, .page-color-catColor13 .bootstrap-select.open > .btn-default.dropdown-toggle, .page-color-catColor13 .boxInnerHeight193 .doubleCol .control .bootstrap-select.open > a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .bootstrap-select.open > a.dropdown-toggle, .page-color-catColor13 .bootstrap-select.open > .dropdown-toggle.SizeCalculator, .page-color-catColor13 .modal-layer .bootstrap-select.open > .dropdown-toggle.SizeCalculator, .page-color-catColor13 .bootstrap-select.open .dropdown-menu:not(.inner), .page-color-catColor13 .bootstrap-select .btn:hover, .page-color-catColor13 .bootstrap-select .boxInnerHeight193 .doubleCol .control a:hover, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .bootstrap-select a:hover, .page-color-catColor13 .bootstrap-select .SizeCalculator:hover, .page-color-catColor13 .bootstrap-select .btn:focus, .page-color-catColor13 .bootstrap-select .boxInnerHeight193 .doubleCol .control a:focus, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .bootstrap-select a:focus, .page-color-catColor13 .bootstrap-select .SizeCalculator:focus, .page-color-catColor13 .form-pagination .form-pagination-input-wrapper .form-pagination-input:hover, .page-color-catColor13 .form-pagination .form-pagination-input-wrapper .form-pagination-input:focus { border-color: #8dbec8; } .page-color-catColor13 .filter-facett-container .bootstrap-select.open .btn-default.dropdown-toggle, .page-color-catColor13 .filter-facett-container .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .filter-facett-container .bootstrap-select.open a.dropdown-toggle, .page-color-catColor13 .filter-facett-container .bootstrap-select.open .dropdown-toggle.SizeCalculator, .page-color-catColor13 .bootstrap-select.open .btn-default.dropdown-toggle, .page-color-catColor13 .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .bootstrap-select.open a.dropdown-toggle, .page-color-catColor13 .bootstrap-select.open .dropdown-toggle.SizeCalculator { border-bottom-color: white; } .page-color-catColor13 .filter-facett-container .bootstrap-select.open.dropup .btn-default.dropdown-toggle, .page-color-catColor13 .filter-facett-container .bootstrap-select.open.dropup .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .filter-facett-container .bootstrap-select.open.dropup a.dropdown-toggle, .page-color-catColor13 .filter-facett-container .bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator, .page-color-catColor13 .bootstrap-select.open.dropup .btn-default.dropdown-toggle, .page-color-catColor13 .bootstrap-select.open.dropup .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .bootstrap-select.open.dropup a.dropdown-toggle, .page-color-catColor13 .bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator, .page-color-catColor13 .bootstrap-select.open.dropup .modal-layer .dropdown-toggle.SizeCalculator, .modal-layer .page-color-catColor13 .bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator { border-bottom-color: #8dbec8; } .page-color-catColor13 .filter-facett-container .bootstrap-select.open.dropup .btn-default.dropdown-toggle:hover, .page-color-catColor13 .filter-facett-container .bootstrap-select.open.dropup .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:hover, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .filter-facett-container .bootstrap-select.open.dropup a.dropdown-toggle:hover, .page-color-catColor13 .filter-facett-container .bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator:hover, .page-color-catColor13 .bootstrap-select.open.dropup .btn-default.dropdown-toggle:hover, .page-color-catColor13 .bootstrap-select.open.dropup .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:hover, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .bootstrap-select.open.dropup a.dropdown-toggle:hover, .page-color-catColor13 .bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator:hover { border-bottom-color: #8dbec8; } .page-color-catColor13 .filter-facett-container .bootstrap-select.open.dropup .dropdown-menu:not(.inner).open, .page-color-catColor13 .bootstrap-select.open.dropup .dropdown-menu:not(.inner).open { border-top-color: #8dbec8; } .page-color-catColor13 #mobile-filter-window .bootstrap-select.open .btn-default.dropdown-toggle, .page-color-catColor13 #mobile-filter-window .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 #mobile-filter-window .bootstrap-select.open a.dropdown-toggle, .page-color-catColor13 #mobile-filter-window .bootstrap-select.open .dropdown-toggle.SizeCalculator { border-bottom-color: #8dbec8 !important; } .page-color-catColor13 .form-pagination .form-pagination-arrow, .page-color-catColor13 #mobile-filter-sort { color: #5E5E5E; border-color: #8dbec8; background-color: #8dbec8; } .page-color-catColor13 .form-pagination .form-pagination-arrow:hover, .page-color-catColor13 #mobile-filter-sort:hover { color: #5E5E5E; border-color: #8dbec8; background-color: #d1e5e9; } .page-color-catColor13 .form-pagination .form-pagination-arrow.disabled, .page-color-catColor13 .form-pagination .form-pagination-arrow:disabled, .page-color-catColor13 .form-pagination .form-pagination-arrow[disabled] { color: #BABABA; } .page-color-catColor13 .bootstrap-select .bs-filter-sort-action .btn-group button.btn, .page-color-catColor13 .bootstrap-select .bs-filter-sort-action .btn-group button.SizeCalculator { color: #7ca5ad; border-color: #8dbec8; } .page-color-catColor13 .bootstrap-select .bs-filter-sort-action .btn-group button.btn.bs-apply, .page-color-catColor13 .bootstrap-select .bs-filter-sort-action .btn-group button.bs-apply.SizeCalculator { color: #757571; background-color: #8dbec8; } .page-color-catColor13 .bootstrap-select .bs-filter-sort-action .btn-group button.btn:hover, .page-color-catColor13 .bootstrap-select .bs-filter-sort-action .btn-group button.SizeCalculator:hover, .page-color-catColor13 .bootstrap-select .bs-filter-sort-action .btn-group button.btn:focus, .page-color-catColor13 .bootstrap-select .bs-filter-sort-action .btn-group button.SizeCalculator:focus { color: #5E5E5E !important; border-color: #d1e5e9; background-color: #d1e5e9; } .page-color-catColor13 .selected-facets .btn.btn-primary, .page-color-catColor13 .selected-facets .boxInnerHeight193 .doubleCol .control a.btn-primary, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .selected-facets a.btn-primary, .page-color-catColor13 .selected-facets .btn-primary.SizeCalculator { color: #4f4b43; border: 1px solid #EEEEEE; } .page-color-catColor13 .selected-facets .btn.btn-primary:hover, .page-color-catColor13 .selected-facets .boxInnerHeight193 .doubleCol .control a.btn-primary:hover, .boxInnerHeight193 .doubleCol .control .page-color-catColor13 .selected-facets a.btn-primary:hover, .page-color-catColor13 .selected-facets .btn-primary.SizeCalculator:hover { color: #5E5E5E !important; border-color: #d1e5e9; background-color: #d1e5e9; } #NavColLeft .color-catColor11 a.active { color: #bd0025; } .color-catColor11 .cat-title a { color: #ffffff; } .color-catColor11 li a:hover { color: #ffffff !important; } .page-color-catColor11 #NavColLeft .topLevel { color: #ffffff; } .page-color-catColor11 #NavColLeft .sub-categorie > ul a { background-color: #f1b3b3; } .page-color-catColor11 #NavColLeft .sub-categorie > ul a:hover { background-color: #e692a2; } .page-color-catColor11 .form-pagination .form-pagination-arrow { color: #ffffff !important; } .page-color-catColor11 .bootstrap-select .bs-filter-sort-action .btn-group button.btn.bs-apply, .page-color-catColor11 .bootstrap-select .bs-filter-sort-action .btn-group button.bs-apply.SizeCalculator { color: #ffffff !important; } @font-face { font-family: 'Mathilde'; src: url("/styles/common/fonts/mathilde.eot?z81uqb"); src: url("/styles/common/fonts/mathilde.eot?z81uqb#iefix") format("embedded-opentype"), url("/styles/common/fonts/mathilde.ttf?z81uqb") format("truetype"), url("/styles/common/fonts/mathilde.woff?z81uqb") format("woff"), url("/styles/common/fonts/mathilde.svg?z81uqb#BADER-Iconfont") format("svg"); font-weight: normal; font-style: normal; } /* open-sans-regular - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local("Open Sans Regular"), local("OpenSans-Regular"), url("/styles/common/fonts/opensans/open-sans-v17-latin_latin-ext-regular.woff2") format("woff2"), url("/styles/common/fonts/opensans/open-sans-v17-latin_latin-ext-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-600 - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("/styles/common/fonts/opensans/open-sans-v17-latin_latin-ext-600.woff2") format("woff2"), url("/styles/common/fonts/opensans/open-sans-v17-latin_latin-ext-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-700 - latin_latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/styles/common/fonts/opensans/open-sans-v17-latin_latin-ext-700.woff2") format("woff2"), url("/styles/common/fonts/opensans/open-sans-v17-latin_latin-ext-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* satisfy-regular - latin */ @font-face { font-family: 'Satisfy'; font-style: normal; font-weight: 400; font-display: block; src: local("Satisfy Regular"), local("Satisfy-Regular"), url("/styles/common/fonts/satisfy/satisfy-v10-latin-regular.woff2") format("woff2"), url("/styles/common/fonts/satisfy/satisfy-v10-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } .font-mathilde { font-family: 'Mathilde'; font-weight: bold; } .text-grey { color: #757571; } .font-size-small { font-size: 12px; } .font-size-big { font-size: 16px !important; } .font-size-bigger { font-size: 20px !important; } .font-uppercase { text-transform: uppercase !important; } .text-transform-none { text-transform: none !important; } .link, a { text-decoration: underline; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .link:hover, .link:focus, a:hover, a:focus { color: #A44C96; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .text-light { color: #757571; } .center { text-align: center; } .font-bold { font-weight: bold; } .first-letter-uppercase { text-transform: lowercase; display: inline-block; } .first-letter-uppercase:first-letter { text-transform: uppercase; } .nomarg { margin: 0 !important; } .nomargt { margin-top: 0 !important; } .nomargl { margin-left: 0 !important; } .nomargr { margin-right: 0 !important; } .nomargb { margin-bottom: 0 !important; } .nopad { padding: 0 !important; } .nopadr { padding-right: 0 !important; } .nopadl { padding-left: 0 !important; } .nopadh { padding-left: 0 !important; padding-right: 0 !important; } .nopadv { padding-top: 0 !important; padding-bottom: 0 !important; } .nopadb { padding-bottom: 0 !important; } /* padding all scale */ .pan { padding: 0; } .paxs { padding: 5px; } .pas { padding: 5px; } .pam { padding: 10px; } .pal { padding: 20px; } .pax { padding: 30px; } .paxl { padding: 50px; } .paxxl { padding: 50px; } /* padding left */ .pln { padding-left: 0; } .plxs { padding-left: 5px; } .pls { padding-left: 5px; } .plm { padding-left: 10px; } .pll { padding-left: 20px; } .plx { padding-left: 30px; } .plxl { padding-left: 50px; } .plxxl { padding-left: 50px; } /* padding right */ .prn { padding-right: 0; } .prxs { padding-right: 5px; } .prs { padding-right: 5px; } .prm { padding-right: 10px; } .prl { padding-right: 20px; } .prx { padding-right: 30px; } .prxl { padding-right: 50px; } .prxxl { padding-right: 50px; } /* padding bottom */ .pbn { padding-bottom: 0; } .pbxs { padding-bottom: 5px; } .pbs { padding-bottom: 5px; } .pbm { padding-bottom: 10px; } .pbl { padding-bottom: 20px; } .pbx { padding-bottom: 30px; } .pbxl { padding-bottom: 50px; } .pbxxl { padding-bottom: 50px; } /* padding top */ .ptn { padding-top: 0; } .ptxs { padding-top: 5px; } .pts { padding-top: 5px; } .ptm { padding-top: 10px; } .ptl { padding-top: 20px; } .ptx { padding-top: 30px; } .ptxl { padding-top: 50px; } .ptxxl { padding-top: 50px; } /* padding vertical */ .pvn { padding-top: 0; padding-bottom: 0; } .pvxs { padding-top: 5px; padding-bottom: 5px; } .pvs { padding-top: 5px; padding-bottom: 5px; } .pvm { padding-top: 10px; padding-bottom: 10px; } .pvl { padding-top: 20px; padding-bottom: 20px; } .pvx { padding-top: 30px; padding-bottom: 30px; } .pvxl { padding-top: 50px; padding-bottom: 50px; } .pvxxl { padding-top: 50px; padding-bottom: 50px; } /* padding horizontal */ .phn { padding-left: 0; padding-right: 0; } .phxs { padding-left: 5px; padding-right: 5px; } .phs { padding-left: 5px; padding-right: 5px; } .phm { padding-left: 10px; padding-right: 10px; } .phl { padding-left: 20px; padding-right: 20px; } .phx { padding-left: 30px; padding-right: 30px; } .phxl { padding-left: 50px; padding-right: 50px; } .phxxl { padding-left: 50px; padding-right: 50px; } /* margin all */ .man { margin: 0; } .maxs { margin: 5px; } .mas { margin: 5px; } .mam { margin: 10px; } .mal { margin: 20px; } .max { margin: 30px; } .maxl { margin: 50px; } .maxxl { margin: 50px; } /* margin left */ .mln { margin-left: 0; } .mlxs { margin-left: 5px; } .mls { margin-left: 5px; } .mlm { margin-left: 10px; } .mll { margin-left: 20px; } .mlx { margin-left: 30px; } .mlxl { margin-left: 50px; } .mlxxl { margin-left: 50px; } /* margin right */ .mrn { margin-right: 0; } .mrxs { margin-right: 5px; } .mrs { margin-right: 5px; } .mrm { margin-right: 10px; } .mrl { margin-right: 20px; } .mrx { margin-right: 30px; } .mrxl { margin-right: 50px; } .mrxxl { margin-right: 50px; } /* margin bottom */ .mbn { margin-bottom: 0; } .mbxs { margin-bottom: 5px; } .mbs { margin-bottom: 5px; } .mbm { margin-bottom: 10px; } .mbl { margin-bottom: 20px; } .mbx { margin-bottom: 30px; } .mbxl { margin-bottom: 50px; } .mbxxl { margin-bottom: 50px; } /* margin top */ .mtn { margin-top: 0; } .mtxs { margin-top: 5px; } .mts { margin-top: 5px; } .mtm { margin-top: 10px; } .mtl { margin-top: 20px; } .mtx { margin-top: 30px; } .mtxl { margin-top: 50px; } .mtxxl { margin-top: 50px; } /* margin vertical */ .mvn { margin-top: 0; margin-bottom: 0; } .mvxs { margin-top: 5px; margin-bottom: 5px; } .mvs { margin-top: 5px; margin-bottom: 5px; } .mvm { margin-top: 10px; margin-bottom: 10px; } .mvl { margin-top: 20px; margin-bottom: 20px; } .mvx { margin-top: 30px; margin-bottom: 30px; } .mvxl { margin-top: 50px; margin-bottom: 50px; } .mvxl { margin-top: 50px; margin-bottom: 50px; } /* margin horizontal */ .mhn { margin-left: 0; margin-right: 0; } .mhxs { margin-left: 5px; margin-right: 5px; } .mhs { margin-left: 5px; margin-right: 5px; } .mhm { margin-left: 10px; margin-right: 10px; } .mhl { margin-left: 20px; margin-right: 20px; } .mhx { margin-left: 30px; margin-right: 30px; } .mhxl { margin-left: 50px; margin-right: 50px; } .mhxxl { margin-left: 50px; margin-right: 50px; } .negativ-mlm { margin-left: -10px; } .negativ-mll { margin-left: -20px; } @media (max-width: 1023px) { .sm-nomargl { margin-left: 0 !important; } .sm-mbm { margin-bottom: 10px; } .sm-mbl { margin-bottom: 20px; } .sm-mtm { margin-top: 10px; } .sm-mtl { margin-top: 20px; } .sm-mhm-negative { margin: 0 -10px !important; } .sm-ptm { padding-top: 10px; } } @media (max-width: 767px) { .xs-nomarg { margin: 0 !important; } .xs-nomargb { margin-bottom: 0 !important; } .xs-mbm { margin-bottom: 10px; } .xs-mbl { margin-bottom: 20px; } .xs-mtm { margin-top: 10px; } .xs-mtl { margin-top: 20px; } .xs-mvl { margin-top: 20px; margin-bottom: 20px; } /* padding */ .xs-nopad { padding: 0 !important; } .xs-ptm { padding-top: 10px; } } @media (max-width: 500px) { .xxs-nomarg { margin: 0 !important; } .xxs-nomargb { margin-bottom: 0 !important; } .xxs-mbm { margin-bottom: 10px; } .xxs-mbl { margin-bottom: 20px; } .xxs-mtm { margin-top: 10px; } .xxs-mtl { margin-top: 20px; } .xxs-mvl { margin-top: 20px; margin-bottom: 20px; } /* padding */ .xxs-nopad { padding: 0 !important; } .xxs-nopadl { padding-left: 0; } .xxs-nopadr { padding-right: 0; } .xxs-ptm { padding-top: 10px; } } /* * === helpers global === */ .container-maxW { width: 100% !important; } .w18 { width: 18%; } .w38 { width: 38%; } .w58 { width: 58%; } .w78 { width: 78%; } .w98 { width: 98%; } .inline-block { display: inline-block; } .d-block { display: block; } .inline { display: inline; } .displayNone { display: none; } .layerLarge { display: none; } .bg-greyVlight { background-color: #FAFAFA; } .bg-white { background-color: #fff; } .bg-black { background-color: #000; } .bg-gray { background-color: #757571; } .bg-dark { background-color: #7d7d7d; } .hr-light { border-color: #EEEEEE; } img.img-post { max-width: 175px; height: auto; margin-bottom: 5px; } @media (max-width: 767px) { img.img-post { max-width: 150px; } } @media (max-width: 1023px) { img.img-post { float: center; text-align: center; } } img .bevh-wrapper img.img-bevh { max-height: 60px; } img.img-bevh { max-width: 120px; height: auto; margin-top: 7px; } @media (max-width: 767px) { img.img-bevh { max-width: 100px; } } img.img-gv { max-height: 80px !important; /* quick fix for BAD-4560 */ margin-top: -45px; position: absolute; } @media (max-width: 1279px) { img.img-gv { float: center; text-align: center; margin-top: 5px; position: static; } } @media (max-width: 767px) { img.img-gv { float: right; margin-top: -36px; } } img.img-float { display: inline; float: left; vertical-align: top; } .img-center { margin: auto; } .js-hidden { display: none; } .js-toggle { display: none; } .js-toggle.in { display: block; } .grayBox { background: none; padding: 0; } .grayBox:before, .grayBox:after { content: " "; display: table; } .grayBox:after { clear: both; } .grayBox > div:first-child { background-color: #EEEEEE; padding: 10px; margin: 0; } .grayBox > div:first-child:before, .grayBox > div:first-child:after { content: " "; display: table; } .grayBox > div:first-child:after { clear: both; } .white-box { background-color: #fff; border: 1px solid #EEEEEE; border-radius: 4px 0; padding: 10px; } .white-box.has-error { border-color: #dc3522; } .equalize-height { display: block; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .equalize-height .equalHW { display: inline-block; } .equalize-height .equalHW, .equalize-height .equalHW.zero { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .equalize-height .equalHW.one { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .equalize-height .equalHW.two { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .equalize-height .full-height { height: 100%; } @media (max-width: 500px) { .equalize-height.xsp-remove-flex, .equalize-height.xsp-remove-flex .equalHW, .equalize-height.xsp-remove-flex .flex-item { display: block; } } @media (max-width: 767px) { .equalize-height.xs-remove-flex, .equalize-height.xsl-remove-flex, .equalize-height.xs-remove-flex .equalHW, .equalize-height.xs-remove-flex .flex-item, .equalize-height.xsl-remove-flex .equalHW, .equalize-height.xsl-remove-flex .flex-item { display: block; } } @media (max-width: 1279px) { .equalize-height.md-remove-flex, .equalize-height.md-remove-flex .equalHW, .equalize-height.md-remove-flex .flex-item { display: block; } } .sliderNext, .sliderPrev { top: 50%; position: absolute; cursor: pointer; z-index: 1; } .sliderNext { right: -10px; } .sliderPrev { left: -10px; } .left { float: left; display: inline; } .right { float: right; display: inline; } .clearBoth { clear: both; } .borderR { border-right: 1px solid #EEEEEE; } .fixed { position: fixed !important; } .p-relative { position: relative; } .p-absolute { position: absolute; } .p-absolute-t { position: absolute; top: 0; } @media (max-width: 767px) { .p-absolute-t.xs-relative { position: relative; } } .p-absolute-b { position: absolute; bottom: 0; } @media (max-width: 767px) { .p-absolute-b.xs-relative { position: relative; } } @media (max-width: 767px) { .p-absolute.xs-relative { position: relative; } } .spacy-line-height { line-height: 32px; } @media (max-width: 767px) { .spacy-line-height-mobile { line-height: 32px; } } .wauto { width: auto !important; } @media (max-width: 767px) { .xs-width-auto { width: auto; } } .nowrap { white-space: nowrap; } .display-inline-block { display: inline-block; } #factfinderAjaxLoaderDiv { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); z-index: 101; } /* * === read more toggle === */ .read-more-state { display: none; } .read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em; } .read-more-state:checked ~ .read-more-wrap + .read-more-trigger { margin-top: 10px; } .read-more-target { opacity: 0; max-height: 0; font-size: 0; transition: .25s ease; } .read-more-trigger { cursor: pointer; display: inline-block; text-decoration: underline; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .read-more-trigger:before { content: attr(data-show-more); } .read-more-trigger.in::before { content: attr(data-show-less); } .read-more-trigger:hover, .read-more-trigger:focus { color: #A44C96; text-decoration: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .read-more-wrap--max-height { overflow: hidden; position: relative; } .read-more-wrap--max-height:before { content: ""; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; pointer-events: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FAFAFA 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FAFAFA 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FAFAFA 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='$bg-gray-VLight',GradientType=0 ); /* IE6-9 */ transition: height .5s; } .read-more-wrap--max-height.show:before { height: 100px; } .read-more-wrap--max-height + .read-more-trigger { display: none; margin-top: 10px; } .read-more-wrap--max-height.active + .read-more-trigger { display: block; } @media (min-width: 768px) { .read-more-wrap--max-height { height: 100% !important; } .read-more-wrap--max-height:before { content: none; } .read-more-wrap--max-height.active + .read-more-trigger, .read-more-wrap--max-height + .read-more-trigger { display: none; } } .bold { font-weight: 600; } .bolder { font-weight: 700; } i.loading { background: url("/resources/BRI/images/ajax-loader.gif") no-repeat center center #fff; width: 32px; height: 32px; display: block; } i.loading.center { margin: auto; } .clear-sizes { line-height: 0; font-size: 0; } .stop-scroll { overflow: hidden; position: fixed; } /* * === all helpers for XSP and XSL === */ @media (max-width: 767px) { .xs-max { width: 100% !important; } .hidden-mobile { display: none !important; } .xs-text-right { text-align: right; } .xs-text-center { text-align: center !important; } .xs-bg-greyVlight { background-color: #FAFAFA; } .xs-clearfix:before, .xs-clearfix:after { content: " "; display: table; } .xs-clearfix:after { clear: both; } } /* * === all helpers for >= md (desctop) === */ @media (min-width: 768px) { .hidden-desktop, .btn.hidden-desktop, .boxInnerHeight193 .doubleCol .control a.hidden-desktop, .hidden-desktop.SizeCalculator { display: none !important; } } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .font-bold { font-weight: 600; } .font-bolder { font-weight: 700; } .font-cursive { font-family: Satisfy, cursive; font-style: italic; } .font-print { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .font-very-small { font-size: 17px; } .font-small { font-size: 21px; } .font-normal { font-size: 26px; } .font-big { font-size: 29px; } .font-very-big { font-size: 34px; } .font-black, .font-hover-black:hover { color: #000; } .font-white, .font-hover-white:hover { color: #fff; } h2.font-very-small, .h2.font-very-small { font-size: 24px; } h2.font-small, .h2.font-small { font-size: 28px; } h2.font-normal, .h2.font-normal { font-size: 32px; } h2.font-big, .h2.font-big { font-size: 36px; } h2.font-very-big, .h2.font-very-big { font-size: 44px; } /* * === breakpoint specific clearfixes only work in the ONE viewport === */ @media (max-width: 500px) { .xsp-clearfix { clear: both; } } @media (min-width: 501px) and (max-width: 767px) { .xsl-clearfix { clear: both; } } @media (min-width: 768px) and (max-width: 1023px) { .sm-clearfix { clear: both; } } @media (min-width: 1024px) and (max-width: 1279px) { .md-clearfix { clear: both; } } @media (min-width: 1280px) and (max-width: 1599px) { .lg-clearfix { clear: both; } } @media (min-width: 1600px) { .xl-clearfix { clear: both; } } .visible-from-xsp { display: none; } @media (min-width: 321px) { .visible-from-xsp { display: block; } } .visible-from-xsp-inline { display: none; } @media (min-width: 321px) { .visible-from-xsp-inline { display: inline-block; } } .visible-from-xsl { display: none; } @media (min-width: 501px) { .visible-from-xsl { display: block; } } .visible-from-xsl-inline { display: none; } @media (min-width: 501px) { .visible-from-xsl-inline { display: inline-block; } } .visible-from-sm { display: none; } @media (min-width: 768px) { .visible-from-sm { display: block; } } .visible-from-sm-inline { display: none; } @media (min-width: 768px) { .visible-from-sm-inline { display: inline-block; } } .visible-from-md { display: none; } @media (min-width: 1024px) { .visible-from-md { display: block; } } .visible-from-md-inline { display: none; } @media (min-width: 1024px) { .visible-from-md-inline { display: inline-block; } } .visible-from-lg { display: none; } @media (min-width: 1280px) { .visible-from-lg { display: block; } } .visible-from-lg-inline { display: none; } @media (min-width: 1280px) { .visible-from-lg-inline { display: inline-block; } } .visible-from-xl { display: none; } @media (min-width: 1600px) { .visible-from-xl { display: block; } } .visible-from-xl-inline { display: none; } @media (min-width: 1600px) { .visible-from-xl-inline { display: inline-block; } } .visible-upto-xsp { display: none; } @media (max-width: 500px) { .visible-upto-xsp { display: block; } } .visible-upto-xsp-inline { display: none; } @media (max-width: 500px) { .visible-upto-xsp-inline { display: inline-block; } } .visible-upto-xsl { display: none; } @media (max-width: 767px) { .visible-upto-xsl { display: block; } } .visible-upto-xsl-inline { display: none; } @media (max-width: 767px) { .visible-upto-xsl-inline { display: inline-block; } } .visible-upto-sm { display: none; } @media (max-width: 1023px) { .visible-upto-sm { display: block; } } .visible-upto-sm-inline { display: none; } @media (max-width: 1023px) { .visible-upto-sm-inline { display: inline-block; } } .visible-upto-md { display: none; } @media (max-width: 1279px) { .visible-upto-md { display: block; } } .visible-upto-md-inline { display: none; } @media (max-width: 1279px) { .visible-upto-md-inline { display: inline-block; } } .visible-upto-lg { display: none; } @media (max-width: 1599px) { .visible-upto-lg { display: block; } } .visible-upto-lg-inline { display: none; } @media (max-width: 1599px) { .visible-upto-lg-inline { display: inline-block; } } .visible-upto-xl { display: block; } .visible-upto-xl-inline { display: inline-block; } .show-bullet-points { list-style: disc; margin-left: 20px; } textarea.noResize { resize: none; } .no-overflow { overflow: visible !important; } .overflow-hidden { overflow: hidden !important; } .slide-fix { visibility: hidden; } .slide-fix.slick-initialized { visibility: visible; } .slide-fix.slick-initialized .slick-slide { position: relative; } .slide-fix.slick-initialized .slick-slide:first-child { position: relative; } .slide-fix .slick-slide { position: absolute; } .slide-fix .slick-slide:first-child { position: relative; } @media (max-width: 767px) { .slide-fix.js-trusted-elements-slider { height: 38px; overflow: hidden; } .slide-fix.js-trusted-elements-slider.slick-initialized { height: auto; overflow: visible; } } .is-ie11 .pds-main-image-wrapper * { transition: 0 !important; } .is-ie11 .pds-main-image-wrapper .product-badge-wrapper { top: -1px; right: -1px; } @media (min-width: 1024px) { .col-md-auto { width: auto; } } .btn, .boxInnerHeight193 .doubleCol .control a, .SizeCalculator, .modal-layer .SizeCalculator { text-decoration: none; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10 */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; } .btn.btn-min-width, .boxInnerHeight193 .doubleCol .control a.btn-min-width, .btn-min-width.SizeCalculator { min-width: 150px; } .btn.btn-min-width-big, .boxInnerHeight193 .doubleCol .control a.btn-min-width-big, .btn-min-width-big.SizeCalculator { min-width: 230px; } .btn-default:focus, .boxInnerHeight193 .doubleCol .control a:focus, .SizeCalculator:focus, .btn-default:active, .boxInnerHeight193 .doubleCol .control a:active, .SizeCalculator:active, .btn-default:hover, .boxInnerHeight193 .doubleCol .control a:hover, .SizeCalculator:hover, .btn-help:focus, .btn-help:active, .btn-help:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:hover { outline: none !important; border: 2px solid transparent; } .btn.sending, .boxInnerHeight193 .doubleCol .control a.sending, .sending.SizeCalculator { position: relative; text-align: left; } .btn.sending:before, .boxInnerHeight193 .doubleCol .control a.sending:before, .sending.SizeCalculator:before { content: ''; position: absolute; right: 1px; top: 50%; margin-top: -17px; width: 10px; height: 10px; border: 2px solid; border-left-color: transparent; border-radius: 50%; opacity: 0; filter: alpha(opacity=0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: opacity; transition-property: opacity; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: animate_rotate; animation-name: animate_rotate; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .btn.sending, .boxInnerHeight193 .doubleCol .control a.sending, .sending.SizeCalculator { pointer-events: none; cursor: not-allowed; } .btn.sending:before, .boxInnerHeight193 .doubleCol .control a.sending:before, .sending.SizeCalculator:before { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transition-duration: 1s; transition-duration: 1s; opacity: 1; filter: alpha(opacity=100); } .btn.sending:after, .boxInnerHeight193 .doubleCol .control a.sending:after, .sending.SizeCalculator:after { -webkit-transition-delay: 0s; transition-delay: 0s; width: 20px; } @keyframes animate_rotate { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .btn, .boxInnerHeight193 .doubleCol .control a, .SizeCalculator, .modal-layer .SizeCalculator { display: inline-block; margin-bottom: 0; font-weight: 600; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 2px solid transparent; white-space: nowrap; height: 40px; padding: 9px 12px; font-size: 14px; line-height: 1.42857; border-radius: 0px 0 0px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:hover, .boxInnerHeight193 .doubleCol .control a:hover, .SizeCalculator:hover, .btn:focus, .boxInnerHeight193 .doubleCol .control a:focus, .SizeCalculator:focus, .btn.focus, .boxInnerHeight193 .doubleCol .control a.focus, .focus.SizeCalculator { color: #fff; text-decoration: none; } .btn:active, .boxInnerHeight193 .doubleCol .control a:active, .SizeCalculator:active, .btn.active, .boxInnerHeight193 .doubleCol .control a.active, .active.SizeCalculator { outline: 0; background-image: none; } .btn i, .boxInnerHeight193 .doubleCol .control a i, .SizeCalculator i, .modal-layer .SizeCalculator i { margin-right: 10px; } .btn .text-decoration, .boxInnerHeight193 .doubleCol .control a .text-decoration, .SizeCalculator .text-decoration { text-decoration: underline; } .btn:hover span.text-decoration, .boxInnerHeight193 .doubleCol .control a:hover span.text-decoration, .SizeCalculator:hover span.text-decoration, .btn:focus span.text-decoration, .boxInnerHeight193 .doubleCol .control a:focus span.text-decoration, .SizeCalculator:focus span.text-decoration { text-decoration: none; color: #A44C96; } a.btn.disabled, .boxInnerHeight193 .doubleCol .control a.disabled, a.disabled.SizeCalculator, fieldset[disabled] a.btn, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a, fieldset[disabled] a.SizeCalculator { pointer-events: none; } .btn-default, .boxInnerHeight193 .doubleCol .control a, .SizeCalculator, .modal-layer .SizeCalculator { color: #fff; background-color: #A44C96; border-color: #A44C96; /* color: $color; background-color: $background; border-color: $border; */ } .btn-default:focus, .boxInnerHeight193 .doubleCol .control a:focus, .SizeCalculator:focus, .btn-default.focus, .boxInnerHeight193 .doubleCol .control a.focus, .focus.SizeCalculator { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .btn-default:hover:not(.disabled), .boxInnerHeight193 .doubleCol .control a:hover:not(.disabled), .SizeCalculator:hover:not(.disabled) { color: #4F4B43 !important; background-color: #EDD9EA; border-color: #A44C96; } .btn-default:active, .boxInnerHeight193 .doubleCol .control a:active, .SizeCalculator:active, .btn-default.active, .boxInnerHeight193 .doubleCol .control a.active, .active.SizeCalculator, .open > .btn-default.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .open > a.dropdown-toggle, .open > .dropdown-toggle.SizeCalculator, .modal-layer .open > .dropdown-toggle.SizeCalculator { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .btn-default:active:hover, .boxInnerHeight193 .doubleCol .control a:active:hover, .SizeCalculator:active:hover, .btn-default:active:focus, .boxInnerHeight193 .doubleCol .control a:active:focus, .SizeCalculator:active:focus, .btn-default:active.focus, .boxInnerHeight193 .doubleCol .control a:active.focus, .SizeCalculator:active.focus, .btn-default.active:hover, .boxInnerHeight193 .doubleCol .control a.active:hover, .active.SizeCalculator:hover, .btn-default.active:focus, .boxInnerHeight193 .doubleCol .control a.active:focus, .active.SizeCalculator:focus, .btn-default.active.focus, .boxInnerHeight193 .doubleCol .control a.active.focus, .active.focus.SizeCalculator, .open > .btn-default.dropdown-toggle:hover, .boxInnerHeight193 .doubleCol .control .open > a.dropdown-toggle:hover, .open > .dropdown-toggle.SizeCalculator:hover, .modal-layer .open > .dropdown-toggle.SizeCalculator:hover, .open > .btn-default.dropdown-toggle:focus, .boxInnerHeight193 .doubleCol .control .open > a.dropdown-toggle:focus, .open > .dropdown-toggle.SizeCalculator:focus, .modal-layer .open > .dropdown-toggle.SizeCalculator:focus, .open > .btn-default.dropdown-toggle.focus, .boxInnerHeight193 .doubleCol .control .open > a.dropdown-toggle.focus, .open > .dropdown-toggle.focus.SizeCalculator, .modal-layer .open > .dropdown-toggle.focus.SizeCalculator { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .btn-default:active, .boxInnerHeight193 .doubleCol .control a:active, .SizeCalculator:active, .btn-default.active, .boxInnerHeight193 .doubleCol .control a.active, .active.SizeCalculator, .open > .btn-default.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .open > a.dropdown-toggle, .open > .dropdown-toggle.SizeCalculator, .modal-layer .open > .dropdown-toggle.SizeCalculator { background-image: none; } .btn-default.disabled:hover, .boxInnerHeight193 .doubleCol .control a.disabled:hover, .disabled.SizeCalculator:hover, .btn-default.disabled:focus, .boxInnerHeight193 .doubleCol .control a.disabled:focus, .disabled.SizeCalculator:focus, .btn-default.disabled.focus, .boxInnerHeight193 .doubleCol .control a.disabled.focus, .disabled.focus.SizeCalculator, .btn-default[disabled]:hover, .boxInnerHeight193 .doubleCol .control a[disabled]:hover, [disabled].SizeCalculator:hover, .btn-default[disabled]:focus, .boxInnerHeight193 .doubleCol .control a[disabled]:focus, [disabled].SizeCalculator:focus, .btn-default[disabled].focus, .boxInnerHeight193 .doubleCol .control a[disabled].focus, [disabled].focus.SizeCalculator, fieldset[disabled] .btn-default:hover, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a:hover, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a:hover, fieldset[disabled] .SizeCalculator:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a:focus, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a:focus, fieldset[disabled] .SizeCalculator:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a.focus, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a.focus, fieldset[disabled] .focus.SizeCalculator { background-color: #EDD9EA; border-color: #A44C96; } .btn-default .badge, .boxInnerHeight193 .doubleCol .control a .badge, .SizeCalculator .badge { color: #EDD9EA; background-color: #4F4B43; } .btn-default, .boxInnerHeight193 .doubleCol .control a, .SizeCalculator, .modal-layer .SizeCalculator { color: #fff; background-color: #A44C96; border-color: #A44C96; /* color: $color; background-color: $background; border-color: $border; */ } .btn-default:focus, .boxInnerHeight193 .doubleCol .control a:focus, .SizeCalculator:focus, .btn-default.focus, .boxInnerHeight193 .doubleCol .control a.focus, .focus.SizeCalculator { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .btn-default:hover:not(.disabled), .boxInnerHeight193 .doubleCol .control a:hover:not(.disabled), .SizeCalculator:hover:not(.disabled) { color: #4F4B43 !important; background-color: #EDD9EA; border-color: #A44C96; } .btn-default:active, .boxInnerHeight193 .doubleCol .control a:active, .SizeCalculator:active, .btn-default.active, .boxInnerHeight193 .doubleCol .control a.active, .active.SizeCalculator, .open > .btn-default.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .open > a.dropdown-toggle, .open > .dropdown-toggle.SizeCalculator, .modal-layer .open > .dropdown-toggle.SizeCalculator { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .btn-default:active:hover, .boxInnerHeight193 .doubleCol .control a:active:hover, .SizeCalculator:active:hover, .btn-default:active:focus, .boxInnerHeight193 .doubleCol .control a:active:focus, .SizeCalculator:active:focus, .btn-default:active.focus, .boxInnerHeight193 .doubleCol .control a:active.focus, .SizeCalculator:active.focus, .btn-default.active:hover, .boxInnerHeight193 .doubleCol .control a.active:hover, .active.SizeCalculator:hover, .btn-default.active:focus, .boxInnerHeight193 .doubleCol .control a.active:focus, .active.SizeCalculator:focus, .btn-default.active.focus, .boxInnerHeight193 .doubleCol .control a.active.focus, .active.focus.SizeCalculator, .open > .btn-default.dropdown-toggle:hover, .boxInnerHeight193 .doubleCol .control .open > a.dropdown-toggle:hover, .open > .dropdown-toggle.SizeCalculator:hover, .modal-layer .open > .dropdown-toggle.SizeCalculator:hover, .open > .btn-default.dropdown-toggle:focus, .boxInnerHeight193 .doubleCol .control .open > a.dropdown-toggle:focus, .open > .dropdown-toggle.SizeCalculator:focus, .modal-layer .open > .dropdown-toggle.SizeCalculator:focus, .open > .btn-default.dropdown-toggle.focus, .boxInnerHeight193 .doubleCol .control .open > a.dropdown-toggle.focus, .open > .dropdown-toggle.focus.SizeCalculator, .modal-layer .open > .dropdown-toggle.focus.SizeCalculator { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .btn-default:active, .boxInnerHeight193 .doubleCol .control a:active, .SizeCalculator:active, .btn-default.active, .boxInnerHeight193 .doubleCol .control a.active, .active.SizeCalculator, .open > .btn-default.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .open > a.dropdown-toggle, .open > .dropdown-toggle.SizeCalculator, .modal-layer .open > .dropdown-toggle.SizeCalculator { background-image: none; } .btn-default.disabled:hover, .boxInnerHeight193 .doubleCol .control a.disabled:hover, .disabled.SizeCalculator:hover, .btn-default.disabled:focus, .boxInnerHeight193 .doubleCol .control a.disabled:focus, .disabled.SizeCalculator:focus, .btn-default.disabled.focus, .boxInnerHeight193 .doubleCol .control a.disabled.focus, .disabled.focus.SizeCalculator, .btn-default[disabled]:hover, .boxInnerHeight193 .doubleCol .control a[disabled]:hover, [disabled].SizeCalculator:hover, .btn-default[disabled]:focus, .boxInnerHeight193 .doubleCol .control a[disabled]:focus, [disabled].SizeCalculator:focus, .btn-default[disabled].focus, .boxInnerHeight193 .doubleCol .control a[disabled].focus, [disabled].focus.SizeCalculator, fieldset[disabled] .btn-default:hover, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a:hover, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a:hover, fieldset[disabled] .SizeCalculator:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a:focus, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a:focus, fieldset[disabled] .SizeCalculator:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a.focus, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a.focus, fieldset[disabled] .focus.SizeCalculator { background-color: #EDD9EA; border-color: #A44C96; } .btn-default .badge, .boxInnerHeight193 .doubleCol .control a .badge, .SizeCalculator .badge { color: #EDD9EA; background-color: #4F4B43; } .btn-primary { text-transform: none; color: #A44C96; background-color: #fff; border-color: #A44C96; /* color: $color; background-color: $background; border-color: $border; */ } .btn-primary:focus, .btn-primary.focus { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .btn-primary:hover:not(.disabled) { color: #4F4B43 !important; background-color: #EDD9EA; border-color: #A44C96; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #EDD9EA; border-color: #A44C96; } .btn-primary .badge { color: #EDD9EA; background-color: #4F4B43; } .btn-secondary { color: #fff; background-color: #A44C96; border-color: none; /* color: $color; background-color: $background; border-color: $border; */ } .btn-secondary:focus, .btn-secondary.focus { color: #A44C96; background-color: #EDD9EA; border-color: none; } .btn-secondary:hover:not(.disabled) { color: #A44C96 !important; background-color: #EDD9EA; border-color: none; } .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { color: #A44C96; background-color: #EDD9EA; border-color: none; } .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus { color: #A44C96; background-color: #EDD9EA; border-color: none; } .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { background-image: none; } .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus { background-color: #EDD9EA; border-color: none; } .btn-secondary .badge { color: #EDD9EA; background-color: #A44C96; } .btn-help { color: #757571; background-color: #A44C96; border-color: #A44C96; /* color: $color; background-color: $background; border-color: $border; */ } .btn-help:focus, .btn-help.focus { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .btn-help:hover:not(.disabled) { color: #4F4B43 !important; background-color: #EDD9EA; border-color: #A44C96; } .btn-help:active, .btn-help.active, .open > .btn-help.dropdown-toggle { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .btn-help:active:hover, .btn-help:active:focus, .btn-help:active.focus, .btn-help.active:hover, .btn-help.active:focus, .btn-help.active.focus, .open > .btn-help.dropdown-toggle:hover, .open > .btn-help.dropdown-toggle:focus, .open > .btn-help.dropdown-toggle.focus { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .btn-help:active, .btn-help.active, .open > .btn-help.dropdown-toggle { background-image: none; } .btn-help.disabled:hover, .btn-help.disabled:focus, .btn-help.disabled.focus, .btn-help[disabled]:hover, .btn-help[disabled]:focus, .btn-help[disabled].focus, fieldset[disabled] .btn-help:hover, fieldset[disabled] .btn-help:focus, fieldset[disabled] .btn-help.focus { background-color: #EDD9EA; border-color: #A44C96; } .btn-help .badge { color: #EDD9EA; background-color: #4F4B43; } .btn-success { /* color: $color; background-color: $background; border-color: $border; */ } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover:not(.disabled) { color: #fff !important; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { /* color: $color; background-color: $background; border-color: $border; */ } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover:not(.disabled) { color: #fff !important; background-color: #5bc0de; border-color: #46b8da; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { /* color: $color; background-color: $background; border-color: $border; */ } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover:not(.disabled) { color: #fff !important; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { /* color: $color; background-color: $background; border-color: $border; */ } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover:not(.disabled) { color: #fff !important; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-collapse, .btn-collapse:focus { background: #EDD9EA; border-color: #A44C96; color: #4f4b43; text-transform: none; width: 100%; text-align: left; position: relative; } .btn-collapse:before, .btn-collapse:focus:before { content: "\e90a"; font-family: 'BADER-Iconfont' !important; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto 0; font-size: 15px; width: 16px; height: 37px; line-height: 37px; } .btn-collapse.collapsed:before, .btn-collapse:focus.collapsed:before { content: "\e916"; } .btn-collapse:hover, .btn-collapse:focus:hover { color: #A44C96; background-color: #fff; border-color: #A44C96; } .btn-link { color: #4f4b43; font-weight: normal; border-radius: 0; border: 0; outline: 0; text-transform: none; } .btn-link:not(.pvs) { padding: 10px 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #A44C96; text-decoration: none; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #c5c2bb; text-decoration: none; } .btn-lg, .btn-group-lg > .btn, .boxInnerHeight193 .doubleCol .control .btn-group-lg > a, .btn-group-lg > .SizeCalculator, .modal-layer .btn-group-lg > .SizeCalculator { padding: 9px 12px; font-size: 18px; line-height: 1.33333; border-radius: 0px 0 0px 0; } .btn-sm, .btn-group-sm > .btn, .boxInnerHeight193 .doubleCol .control .btn-group-sm > a, .btn-group-sm > .SizeCalculator, .modal-layer .btn-group-sm > .SizeCalculator { padding: 9px 12px; font-size: 12px; line-height: 1.5; border-radius: 0px 0 0px 0; } .btn-xs, .btn-group-xs > .btn, .boxInnerHeight193 .doubleCol .control .btn-group-xs > a, .btn-group-xs > .SizeCalculator, .modal-layer .btn-group-xs > .SizeCalculator { padding: 9px 12px; font-size: 12px; line-height: 1.5; border-radius: 0px 0 0px 0; } .btn-block { display: block; width: 100%; } @media (max-width: 767px) { .xs-btn-block { display: block; width: 100%; } .xs-btn-block + .xs-btn-block { margin-top: 10px; } } .btn-block + .btn-block { margin-top: 10px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .input-group-addon { color: #4f4b43; } .btn-table { display: block; } .btn-table.btn-table-full { width: 100%; } .btn-table .btn-name, .btn-table i { display: inline-block; vertical-align: middle; } .btn-table .btn-name { line-height: 1; } .btn-table i { font-size: 20px; padding-right: 5px; } .btn-table.js-wishlist-remove { float: left; } .btn-table.js-wishlist-remove i { margin-right: 0; padding-right: 0; } .input-group-quantity.wrap { width: 100px; } .input-group-quantity.wrap input { text-align: right; padding-right: 40px; } @media (max-width: 767px) { .input-group-quantity.wrap input { text-align: center; } } .input-group-quantity .input-group-inner { display: block; position: relative; width: 100%; } @media (max-width: 767px) { .input-group-quantity .input-group-inner { padding-left: 40px; } } .input-group-quantity .input-group-inner .label-qty { line-height: 40px; position: absolute; right: 32px; z-index: 5; } @media (max-width: 767px) { .input-group-quantity .input-group-inner .label-qty { display: none; } } .input-group-quantity .form-control { height: 40px; border-radius: 0px 0 0px 0 !important; } @media (min-width: 768px) { .input-group-quantity .form-control { padding: 9px 5px; } } @media (max-width: 767px) { .input-group-quantity .form-control { margin-left: -40px; padding: 9px 40px; border-radius: 4px 0 4px 0 !important; width: 140px; width: calc(100% + 40px); } } .input-group-quantity .input-group-btn-vertical { position: absolute; white-space: nowrap; width: 20px; vertical-align: middle; display: block; top: 1px; right: 1px; z-index: 4; background: transparent; } @media (max-width: 767px) { .input-group-quantity .input-group-btn-vertical { width: 40px; position: static; } } .input-group-quantity .input-group-btn-vertical > .btn, .input-group-quantity .boxInnerHeight193 .doubleCol .control .input-group-btn-vertical > a, .boxInnerHeight193 .doubleCol .control .input-group-quantity .input-group-btn-vertical > a, .input-group-quantity .input-group-btn-vertical > .SizeCalculator, .input-group-quantity .modal-layer .input-group-btn-vertical > .SizeCalculator { display: block; float: none; width: 100%; max-width: 100%; padding: 8px; margin-left: 0; position: relative; border-radius: 0; height: 20px; width: 25px; font-size: 10px; line-height: 20px; border-color: #4f4b43; color: #4f4b43; } .input-group-quantity .input-group-btn-vertical > .btn:disabled, .input-group-quantity .boxInnerHeight193 .doubleCol .control .input-group-btn-vertical > a:disabled, .boxInnerHeight193 .doubleCol .control .input-group-quantity .input-group-btn-vertical > a:disabled, .input-group-quantity .input-group-btn-vertical > .SizeCalculator:disabled, .input-group-quantity .modal-layer .input-group-btn-vertical > .SizeCalculator:disabled { border-color: #EEEEEE; } .input-group-quantity .input-group-btn-vertical > .btn:last-child, .input-group-quantity .boxInnerHeight193 .doubleCol .control .input-group-btn-vertical > a:last-child, .boxInnerHeight193 .doubleCol .control .input-group-quantity .input-group-btn-vertical > a:last-child, .input-group-quantity .input-group-btn-vertical > .SizeCalculator:last-child, .input-group-quantity .modal-layer .input-group-btn-vertical > .SizeCalculator:last-child { margin-top: -2px; border-bottom-right-radius: 4px; } @media (max-width: 767px) { .input-group-quantity .input-group-btn-vertical > .btn:last-child, .input-group-quantity .boxInnerHeight193 .doubleCol .control .input-group-btn-vertical > a:last-child, .boxInnerHeight193 .doubleCol .control .input-group-quantity .input-group-btn-vertical > a:last-child, .input-group-quantity .input-group-btn-vertical > .SizeCalculator:last-child, .input-group-quantity .modal-layer .input-group-btn-vertical > .SizeCalculator:last-child { margin: 0; border-radius: 4px 0 0 0; } } .input-group-quantity .input-group-btn-vertical i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; line-height: 20px; } .input-group-quantity .input-group-btn-vertical .btn-plus:focus:not(:hover), .input-group-quantity .input-group-btn-vertical .btn-minus:focus:not(:hover) { color: #A44C96; background-color: #fff; } @media (max-width: 767px) { .input-group-quantity .input-group-btn-vertical .btn-plus, .input-group-quantity .input-group-btn-vertical .btn-minus { height: 38px; width: 40px; display: block; border-radius: 0 0 4px 0; z-index: 5; top: 1px; position: absolute; } .input-group-quantity .input-group-btn-vertical .btn-plus i, .input-group-quantity .input-group-btn-vertical .btn-minus i { line-height: 38px; } } .input-group-quantity .input-group-btn-vertical .btn-plus { border-width: 0 0 0 1px; } @media (max-width: 767px) { .input-group-quantity .input-group-btn-vertical .btn-plus { right: 1px; top: 1px; border-width: 0 0 0 1px; } } .input-group-quantity .input-group-btn-vertical .btn-minus { border-width: 1px 0 0 1px; } @media (max-width: 767px) { .input-group-quantity .input-group-btn-vertical .btn-minus { border-width: 0 1px 0 0; position: absolute; left: 1px; } } .btn-radius { border-radius: 50%; color: #4f4b43; background-color: #fff; text-decoration: none; text-align: center; display: block; width: 20px; height: 20px; line-height: 20px; cursor: pointer; } .btn-radius .icon-info { font-weight: 700; } .btn-radius:hover, .btn-radius:focus { color: #4f4b43; } .btn-on-top { display: none; position: fixed; z-index: 105; bottom: 40px; right: 0; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 2px solid transparent; white-space: nowrap; height: 40px; padding: 9px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px 0 4px 0; /* prevent flicker effect on fade in */ -webkit-transition: color 0.3s ease-out, background 0.3s ease-out; -moz-transition: color 0.3s ease-out, background 0.3s ease-out; -ms-transition: color 0.3s ease-out, background 0.3s ease-out; -o-transition: color 0.3s ease-out, background 0.3s ease-out; transition: color 0.3s ease-out, background 0.3s ease-out; } @media (max-width: 767px) { .btn-on-top { bottom: 96px; } } .btn-on-top i { margin: 0; } .panel-title > a:focus { color: inherit; } .panel-title > a:focus:hover { color: #A44C96; } @media (max-width: 767px) { .btn, .boxInnerHeight193 .doubleCol .control a, .SizeCalculator, .modal-layer .SizeCalculator { font-size: 14px; } } #eKomiVFreport-fixed { visibility: hidden; } /* * None of the CSS in this example is necessary for the base script to work properly. The only required CSS is the one shipped with Bootstrap. */ .breakpoint-alias { background-color: rgba(0, 0, 0, 0.4); color: #fff; position: fixed; bottom: 60px; left: 0; margin: 0px; padding: 5px; z-index: 1000; overflow: hidden; font-size: 14px; pointer-events: none; } @media (max-width: 500px) { .breakpoint-alias:before { content: "VP: XSP"; } } @media (min-width: 501px) { .breakpoint-alias:before { content: "VP: xsl"; } } @media (min-width: 768px) { .breakpoint-alias:before { content: "VP: SM"; } } @media (min-width: 1024px) { .breakpoint-alias:before { content: "VP: MD"; } } @media (min-width: 1280px) { .breakpoint-alias:before { content: "VP: LG"; } } @media (min-width: 1600px) { .breakpoint-alias:before { content: "VP: XL"; } } /* old stuff */ .boxInnerHeight193 { height: 191px; overflow: hidden; } .boxInnerHeight193 .doubleCol p.teaserText { position: absolute; bottom: 0; right: 30px; width: 160px; padding: 0; z-index: 2; } .boxInnerHeight193 .control { position: static; padding: 0; display: none; } .boxInnerHeight193 .doubleCol .control a { position: absolute; top: 80px; z-index: 3; } .boxInnerHeight193 .control a.prev { float: left; } .boxInnerHeight193 .control a.next { float: right; } .boxInnerHeight193 .doubleCol .control a.prev { left: 0; } .boxInnerHeight193 .doubleCol .control a.next { right: 6px; } .boxInnerHeight193 .doubleCol .teaserPic { padding: 0 18px; } .boxInnerHeight193 .doubleCol .jCarouselLite li { padding: 0 18px; width: 334px !important; margin: 0; } .separatorCol { width: 1px; border: solid 1px #FFFFFF; border-width: 0 1px; background-color: #c3c3c3; } .boxInnerHeight193 { height: 191px; overflow: hidden; } #PreFooter .box192 .boxInnerHeight193 { position: relative; } .boxInnerHeight333 { overflow: hidden; } .boxInnerHeight193 .singleCol, .boxInnerHeight193 .doubleCol, .boxInnerHeight193 .separatorCol { height: 174px; } img.floatPic { float: left; display: inline; margin: 0 15px 17px 0; } .box789 .singleCol { width: 178px; padding: 0 4px 0 8px; position: relative; } .box789 .boxInnerHeight193 .singleCol p { position: absolute; bottom: 0; padding: 0; } .box789 .boxInnerHeight193 .singleCol p.teaserPic { position: static; } .box789 .boxInnerHeight193 .singleCol p.teaserPic img { margin: 0 auto; display: block; } .box789 .doubleCol { width: 371px; position: relative; margin: 4px 6px 0; } .box789 .boxInnerHeight193 .doubleCol h3, .box789 .boxInnerHeight193 .singleCol h3 { margin-top: -3px !important; } * html .box789 .doubleCol { overflow: hidden; } .box391 .boxTeaser .picCol { width: 240px; } .box391 .boxTeaser .textCol { width: 112px; } .singleCol, .doubleCol, .separatorCol { float: left; display: inline; } @media (max-width: 767px) { #Process ul { width: 98%; } .voucherForm table.registration th.left, .voucherForm table.registration td.left { display: block; float: left; height: auto; width: 100%; padding-bottom: 20px; } .voucherForm table.registration th.middle, .voucherForm table.registration td.middle { display: block; float: left; overflow: hidden; width: 40%; text-align: center; } table.registration tbody tr td.right { display: block; float: right; height: auto; padding: 0; width: 49%; } } .posAbs { position: absolute; } #MinOrderWarning .mobileSeasonTeaserSmall { width: 50%; } @media (max-width: 767px) { #MinOrderWarning .mobileSeasonTeaserSmall { width: 100%; } } /* Insert class into form label */ * .required:after { content: " *"; } .mandatoryInfo { padding: 0; margin: 0; } .form-group { position: relative; } .form-group.has-error .skip { color: #BD0025; } .form-group span.normal { font-size: 15px; } .form-group .label-with-hint { display: inline-block !important; width: 90%; width: calc(100% - 35px); } @media (max-width: 767px) { .form-group .label-with-hint { padding-top: 10px; margin-bottom: 0 !important; } } .form-group .btn-label-hint { border-radius: 50%; border: 1px solid #ECE9E2; background-color: #FAFAFA; height: 30px; width: 30px; line-height: 30px; font-size: 14px; position: absolute; top: 0px; right: 10px; margin: auto 0; padding: 0; } .form-group .btn-label-hint:hover, .form-group .btn-label-hint:focus { color: #e2c3f2; } .form-group .btn-label-hint.btn-help:hover, .form-group .btn-label-hint.btn-help:focus { color: #e2c3f2 !important; } .form-horizontal label.control-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .form-horizontal label.control-label.required:after { content: "*"; position: absolute; right: 0px; width: 10px; } .form-horizontal .form-control-static { padding: 10px 12px; height: auto; } .form-horizontal.form-horizontal-small .control-label { padding-top: 5px; } .form-horizontal.form-horizontal-small .form-control-static { padding: 5px 12px 0 12px; height: auto; } .form-nomarg .form-group { margin-bottom: 0; } .form-half-width .form-group { width: 100%; float: left; margin: 0 0 10px 0; } @media (min-width: 768px) { .form-half-width .form-group { width: 50%; margin: 0 0 10px 0; } } .form-half-width .form-group.concrete-variante-margin .variante-list-type-btn li { margin: 0 5px 3px 0; } .form-third-width .form-group { width: 100%; float: left; margin: 0 0 10px 0; } @media (min-width: 768px) { .form-third-width .form-group { width: 33.333%; margin: 0 0 10px 0; } } .form-third-width .form-group.concrete-variante-margin .variante-list-type-btn li { margin: 0 5px 3px 0; } .form-third-width .form-group .input-group-quantity.wrap { width: 100%; } .form-control { color: #4f4b43; } .form-control:hover, .form-control:active, .form-control:focus { border-color: #A44C96; } select.form-control option:hover, select.form-control option:active, select.form-control option:focus { background-color: #eaeaea; } select.form-control option:checked, select.form-control option:hover { box-shadow: 0 0 10px 100px #eaeaea inset; background-color: #eaeaea !important; } .selectwrap { position: relative; float: left; width: 100%; } .selectwrap:after { /* Reset bootstrap default, because we include an icon via formInputbox.tag */ content: ""; position: absolute; right: -100px; } .form-control:disabled, .form-control.disabled, .form-control[readonly], .btn:disabled, .boxInnerHeight193 .doubleCol .control a:disabled, .SizeCalculator:disabled, .btn.disabled, .boxInnerHeight193 .doubleCol .control a.disabled, .disabled.SizeCalculator, .bootstrap-select .btn.dropdown-toggle:disabled, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled, .bootstrap-select .btn.dropdown-toggle.disabled, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled, .bootstrap-select .dropdown-toggle.disabled.SizeCalculator, input:disabled, input.disabled, input[readonly] { color: #BABABA !important; background-color: #FAFAFA; border-color: #EEEEEE; cursor: not-allowed; /* color: $color; background-color: $background; border-color: $border; */ } .form-control:disabled:focus, .form-control:disabled.focus, .form-control.disabled:focus, .form-control.disabled.focus, .form-control[readonly]:focus, .form-control[readonly].focus, .btn:disabled:focus, .boxInnerHeight193 .doubleCol .control a:disabled:focus, .SizeCalculator:disabled:focus, .btn:disabled.focus, .boxInnerHeight193 .doubleCol .control a:disabled.focus, .SizeCalculator:disabled.focus, .btn.disabled:focus, .boxInnerHeight193 .doubleCol .control a.disabled:focus, .disabled.SizeCalculator:focus, .btn.disabled.focus, .boxInnerHeight193 .doubleCol .control a.disabled.focus, .disabled.focus.SizeCalculator, .bootstrap-select .btn.dropdown-toggle:disabled:focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled:focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled:focus, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled:focus, .bootstrap-select .btn.dropdown-toggle:disabled.focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled.focus, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.focus, .bootstrap-select .btn.dropdown-toggle.disabled:focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled:focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled:focus, .bootstrap-select .dropdown-toggle.disabled.SizeCalculator:focus, .bootstrap-select .btn.dropdown-toggle.disabled.focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled.focus, .bootstrap-select .dropdown-toggle.disabled.focus.SizeCalculator, input:disabled:focus, input:disabled.focus, input.disabled:focus, input.disabled.focus, input[readonly]:focus, input[readonly].focus { color: #BABABA; background-color: #FAFAFA; border-color: #EEEEEE; } .form-control:disabled:hover:not(.disabled), .form-control.disabled:hover:not(.disabled), .form-control[readonly]:hover:not(.disabled), .btn:disabled:hover:not(.disabled), .boxInnerHeight193 .doubleCol .control a:disabled:hover:not(.disabled), .SizeCalculator:disabled:hover:not(.disabled), .btn.disabled:hover:not(.disabled), .boxInnerHeight193 .doubleCol .control a.disabled:hover:not(.disabled), .disabled.SizeCalculator:hover:not(.disabled), .bootstrap-select .btn.dropdown-toggle:disabled:hover:not(.disabled), .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled:hover:not(.disabled), .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled:hover:not(.disabled), .bootstrap-select .dropdown-toggle.SizeCalculator:disabled:hover:not(.disabled), .bootstrap-select .btn.dropdown-toggle.disabled:hover:not(.disabled), .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled:hover:not(.disabled), .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled:hover:not(.disabled), .bootstrap-select .dropdown-toggle.disabled.SizeCalculator:hover:not(.disabled), input:disabled:hover:not(.disabled), input.disabled:hover:not(.disabled), input[readonly]:hover:not(.disabled) { color: #BABABA !important; background-color: #FAFAFA; border-color: #EEEEEE; } .form-control:disabled:active, .form-control:disabled.active, .open > .form-control:disabled.dropdown-toggle, .form-control.disabled:active, .form-control.disabled.active, .open > .form-control.disabled.dropdown-toggle, .form-control[readonly]:active, .form-control[readonly].active, .open > .form-control[readonly].dropdown-toggle, .btn:disabled:active, .boxInnerHeight193 .doubleCol .control a:disabled:active, .SizeCalculator:disabled:active, .btn:disabled.active, .boxInnerHeight193 .doubleCol .control a:disabled.active, .SizeCalculator:disabled.active, .open > .btn:disabled.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .open > a:disabled.dropdown-toggle, .open > .SizeCalculator:disabled.dropdown-toggle, .modal-layer .open > .SizeCalculator:disabled.dropdown-toggle, .btn.disabled:active, .boxInnerHeight193 .doubleCol .control a.disabled:active, .disabled.SizeCalculator:active, .btn.disabled.active, .boxInnerHeight193 .doubleCol .control a.disabled.active, .disabled.active.SizeCalculator, .open > .btn.disabled.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .open > a.disabled.dropdown-toggle, .open > .disabled.dropdown-toggle.SizeCalculator, .modal-layer .open > .disabled.dropdown-toggle.SizeCalculator, .bootstrap-select .btn.dropdown-toggle:disabled:active, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled:active, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled:active, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled:active, .bootstrap-select .btn.dropdown-toggle:disabled.active, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.active, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled.active, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.active, .open > .bootstrap-select .btn.dropdown-toggle:disabled.dropdown-toggle, .open > .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .open > .bootstrap-select a.dropdown-toggle:disabled.dropdown-toggle, .open > .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.dropdown-toggle, .modal-layer .open > .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.dropdown-toggle, .bootstrap-select .btn.dropdown-toggle.disabled:active, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled:active, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled:active, .bootstrap-select .dropdown-toggle.disabled.SizeCalculator:active, .bootstrap-select .btn.dropdown-toggle.disabled.active, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.active, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled.active, .bootstrap-select .dropdown-toggle.disabled.active.SizeCalculator, .open > .bootstrap-select .btn.dropdown-toggle.disabled.dropdown-toggle, .open > .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .open > .bootstrap-select a.dropdown-toggle.disabled.dropdown-toggle, .open > .bootstrap-select .dropdown-toggle.disabled.dropdown-toggle.SizeCalculator, .modal-layer .open > .bootstrap-select .dropdown-toggle.disabled.dropdown-toggle.SizeCalculator, input:disabled:active, input:disabled.active, .open > input:disabled.dropdown-toggle, input.disabled:active, input.disabled.active, .open > input.disabled.dropdown-toggle, input[readonly]:active, input[readonly].active, .open > input[readonly].dropdown-toggle { color: #BABABA; background-color: #FAFAFA; border-color: #EEEEEE; } .form-control:disabled:active:hover, .form-control:disabled:active:focus, .form-control:disabled:active.focus, .form-control:disabled.active:hover, .form-control:disabled.active:focus, .form-control:disabled.active.focus, .open > .form-control:disabled.dropdown-toggle:hover, .open > .form-control:disabled.dropdown-toggle:focus, .open > .form-control:disabled.dropdown-toggle.focus, .form-control.disabled:active:hover, .form-control.disabled:active:focus, .form-control.disabled:active.focus, .form-control.disabled.active:hover, .form-control.disabled.active:focus, .form-control.disabled.active.focus, .open > .form-control.disabled.dropdown-toggle:hover, .open > .form-control.disabled.dropdown-toggle:focus, .open > .form-control.disabled.dropdown-toggle.focus, .form-control[readonly]:active:hover, .form-control[readonly]:active:focus, .form-control[readonly]:active.focus, .form-control[readonly].active:hover, .form-control[readonly].active:focus, .form-control[readonly].active.focus, .open > .form-control[readonly].dropdown-toggle:hover, .open > .form-control[readonly].dropdown-toggle:focus, .open > .form-control[readonly].dropdown-toggle.focus, .btn:disabled:active:hover, .boxInnerHeight193 .doubleCol .control a:disabled:active:hover, .SizeCalculator:disabled:active:hover, .btn:disabled:active:focus, .boxInnerHeight193 .doubleCol .control a:disabled:active:focus, .SizeCalculator:disabled:active:focus, .btn:disabled:active.focus, .boxInnerHeight193 .doubleCol .control a:disabled:active.focus, .SizeCalculator:disabled:active.focus, .btn:disabled.active:hover, .boxInnerHeight193 .doubleCol .control a:disabled.active:hover, .SizeCalculator:disabled.active:hover, .btn:disabled.active:focus, .boxInnerHeight193 .doubleCol .control a:disabled.active:focus, .SizeCalculator:disabled.active:focus, .btn:disabled.active.focus, .boxInnerHeight193 .doubleCol .control a:disabled.active.focus, .SizeCalculator:disabled.active.focus, .open > .btn:disabled.dropdown-toggle:hover, .boxInnerHeight193 .doubleCol .control .open > a:disabled.dropdown-toggle:hover, .open > .SizeCalculator:disabled.dropdown-toggle:hover, .modal-layer .open > .SizeCalculator:disabled.dropdown-toggle:hover, .open > .btn:disabled.dropdown-toggle:focus, .boxInnerHeight193 .doubleCol .control .open > a:disabled.dropdown-toggle:focus, .open > .SizeCalculator:disabled.dropdown-toggle:focus, .modal-layer .open > .SizeCalculator:disabled.dropdown-toggle:focus, .open > .btn:disabled.dropdown-toggle.focus, .boxInnerHeight193 .doubleCol .control .open > a:disabled.dropdown-toggle.focus, .open > .SizeCalculator:disabled.dropdown-toggle.focus, .modal-layer .open > .SizeCalculator:disabled.dropdown-toggle.focus, .btn.disabled:active:hover, .boxInnerHeight193 .doubleCol .control a.disabled:active:hover, .disabled.SizeCalculator:active:hover, .btn.disabled:active:focus, .boxInnerHeight193 .doubleCol .control a.disabled:active:focus, .disabled.SizeCalculator:active:focus, .btn.disabled:active.focus, .boxInnerHeight193 .doubleCol .control a.disabled:active.focus, .disabled.SizeCalculator:active.focus, .btn.disabled.active:hover, .boxInnerHeight193 .doubleCol .control a.disabled.active:hover, .disabled.active.SizeCalculator:hover, .btn.disabled.active:focus, .boxInnerHeight193 .doubleCol .control a.disabled.active:focus, .disabled.active.SizeCalculator:focus, .btn.disabled.active.focus, .boxInnerHeight193 .doubleCol .control a.disabled.active.focus, .disabled.active.focus.SizeCalculator, .open > .btn.disabled.dropdown-toggle:hover, .boxInnerHeight193 .doubleCol .control .open > a.disabled.dropdown-toggle:hover, .open > .disabled.dropdown-toggle.SizeCalculator:hover, .modal-layer .open > .disabled.dropdown-toggle.SizeCalculator:hover, .open > .btn.disabled.dropdown-toggle:focus, .boxInnerHeight193 .doubleCol .control .open > a.disabled.dropdown-toggle:focus, .open > .disabled.dropdown-toggle.SizeCalculator:focus, .modal-layer .open > .disabled.dropdown-toggle.SizeCalculator:focus, .open > .btn.disabled.dropdown-toggle.focus, .boxInnerHeight193 .doubleCol .control .open > a.disabled.dropdown-toggle.focus, .open > .disabled.dropdown-toggle.focus.SizeCalculator, .modal-layer .open > .disabled.dropdown-toggle.focus.SizeCalculator, .bootstrap-select .btn.dropdown-toggle:disabled:active:hover, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled:active:hover, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled:active:hover, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled:active:hover, .bootstrap-select .btn.dropdown-toggle:disabled:active:focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled:active:focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled:active:focus, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled:active:focus, .bootstrap-select .btn.dropdown-toggle:disabled:active.focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled:active.focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled:active.focus, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled:active.focus, .bootstrap-select .btn.dropdown-toggle:disabled.active:hover, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.active:hover, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled.active:hover, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.active:hover, .bootstrap-select .btn.dropdown-toggle:disabled.active:focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.active:focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled.active:focus, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.active:focus, .bootstrap-select .btn.dropdown-toggle:disabled.active.focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.active.focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled.active.focus, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.active.focus, .open > .bootstrap-select .btn.dropdown-toggle:disabled.dropdown-toggle:hover, .open > .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.dropdown-toggle:hover, .boxInnerHeight193 .doubleCol .control .open > .bootstrap-select a.dropdown-toggle:disabled.dropdown-toggle:hover, .open > .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.dropdown-toggle:hover, .modal-layer .open > .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.dropdown-toggle:hover, .open > .bootstrap-select .btn.dropdown-toggle:disabled.dropdown-toggle:focus, .open > .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.dropdown-toggle:focus, .boxInnerHeight193 .doubleCol .control .open > .bootstrap-select a.dropdown-toggle:disabled.dropdown-toggle:focus, .open > .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.dropdown-toggle:focus, .modal-layer .open > .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.dropdown-toggle:focus, .open > .bootstrap-select .btn.dropdown-toggle:disabled.dropdown-toggle.focus, .open > .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.dropdown-toggle.focus, .boxInnerHeight193 .doubleCol .control .open > .bootstrap-select a.dropdown-toggle:disabled.dropdown-toggle.focus, .open > .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.dropdown-toggle.focus, .modal-layer .open > .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.dropdown-toggle.focus, .bootstrap-select .btn.dropdown-toggle.disabled:active:hover, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled:active:hover, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled:active:hover, .bootstrap-select .dropdown-toggle.disabled.SizeCalculator:active:hover, .bootstrap-select .btn.dropdown-toggle.disabled:active:focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled:active:focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled:active:focus, .bootstrap-select .dropdown-toggle.disabled.SizeCalculator:active:focus, .bootstrap-select .btn.dropdown-toggle.disabled:active.focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled:active.focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled:active.focus, .bootstrap-select .dropdown-toggle.disabled.SizeCalculator:active.focus, .bootstrap-select .btn.dropdown-toggle.disabled.active:hover, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.active:hover, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled.active:hover, .bootstrap-select .dropdown-toggle.disabled.active.SizeCalculator:hover, .bootstrap-select .btn.dropdown-toggle.disabled.active:focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.active:focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled.active:focus, .bootstrap-select .dropdown-toggle.disabled.active.SizeCalculator:focus, .bootstrap-select .btn.dropdown-toggle.disabled.active.focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.active.focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled.active.focus, .bootstrap-select .dropdown-toggle.disabled.active.focus.SizeCalculator, .open > .bootstrap-select .btn.dropdown-toggle.disabled.dropdown-toggle:hover, .open > .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.dropdown-toggle:hover, .boxInnerHeight193 .doubleCol .control .open > .bootstrap-select a.dropdown-toggle.disabled.dropdown-toggle:hover, .open > .bootstrap-select .dropdown-toggle.disabled.dropdown-toggle.SizeCalculator:hover, .modal-layer .open > .bootstrap-select .dropdown-toggle.disabled.dropdown-toggle.SizeCalculator:hover, .open > .bootstrap-select .btn.dropdown-toggle.disabled.dropdown-toggle:focus, .open > .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.dropdown-toggle:focus, .boxInnerHeight193 .doubleCol .control .open > .bootstrap-select a.dropdown-toggle.disabled.dropdown-toggle:focus, .open > .bootstrap-select .dropdown-toggle.disabled.dropdown-toggle.SizeCalculator:focus, .modal-layer .open > .bootstrap-select .dropdown-toggle.disabled.dropdown-toggle.SizeCalculator:focus, .open > .bootstrap-select .btn.dropdown-toggle.disabled.dropdown-toggle.focus, .open > .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.dropdown-toggle.focus, .boxInnerHeight193 .doubleCol .control .open > .bootstrap-select a.dropdown-toggle.disabled.dropdown-toggle.focus, .open > .bootstrap-select .dropdown-toggle.disabled.dropdown-toggle.focus.SizeCalculator, .modal-layer .open > .bootstrap-select .dropdown-toggle.disabled.dropdown-toggle.focus.SizeCalculator, input:disabled:active:hover, input:disabled:active:focus, input:disabled:active.focus, input:disabled.active:hover, input:disabled.active:focus, input:disabled.active.focus, .open > input:disabled.dropdown-toggle:hover, .open > input:disabled.dropdown-toggle:focus, .open > input:disabled.dropdown-toggle.focus, input.disabled:active:hover, input.disabled:active:focus, input.disabled:active.focus, input.disabled.active:hover, input.disabled.active:focus, input.disabled.active.focus, .open > input.disabled.dropdown-toggle:hover, .open > input.disabled.dropdown-toggle:focus, .open > input.disabled.dropdown-toggle.focus, input[readonly]:active:hover, input[readonly]:active:focus, input[readonly]:active.focus, input[readonly].active:hover, input[readonly].active:focus, input[readonly].active.focus, .open > input[readonly].dropdown-toggle:hover, .open > input[readonly].dropdown-toggle:focus, .open > input[readonly].dropdown-toggle.focus { color: #BABABA; background-color: #FAFAFA; border-color: #EEEEEE; } .form-control:disabled:active, .form-control:disabled.active, .open > .form-control:disabled.dropdown-toggle, .form-control.disabled:active, .form-control.disabled.active, .open > .form-control.disabled.dropdown-toggle, .form-control[readonly]:active, .form-control[readonly].active, .open > .form-control[readonly].dropdown-toggle, .btn:disabled:active, .boxInnerHeight193 .doubleCol .control a:disabled:active, .SizeCalculator:disabled:active, .btn:disabled.active, .boxInnerHeight193 .doubleCol .control a:disabled.active, .SizeCalculator:disabled.active, .open > .btn:disabled.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .open > a:disabled.dropdown-toggle, .open > .SizeCalculator:disabled.dropdown-toggle, .modal-layer .open > .SizeCalculator:disabled.dropdown-toggle, .btn.disabled:active, .boxInnerHeight193 .doubleCol .control a.disabled:active, .disabled.SizeCalculator:active, .btn.disabled.active, .boxInnerHeight193 .doubleCol .control a.disabled.active, .disabled.active.SizeCalculator, .open > .btn.disabled.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .open > a.disabled.dropdown-toggle, .open > .disabled.dropdown-toggle.SizeCalculator, .modal-layer .open > .disabled.dropdown-toggle.SizeCalculator, .bootstrap-select .btn.dropdown-toggle:disabled:active, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled:active, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled:active, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled:active, .bootstrap-select .btn.dropdown-toggle:disabled.active, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.active, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled.active, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.active, .open > .bootstrap-select .btn.dropdown-toggle:disabled.dropdown-toggle, .open > .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .open > .bootstrap-select a.dropdown-toggle:disabled.dropdown-toggle, .open > .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.dropdown-toggle, .modal-layer .open > .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.dropdown-toggle, .bootstrap-select .btn.dropdown-toggle.disabled:active, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled:active, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled:active, .bootstrap-select .dropdown-toggle.disabled.SizeCalculator:active, .bootstrap-select .btn.dropdown-toggle.disabled.active, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.active, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled.active, .bootstrap-select .dropdown-toggle.disabled.active.SizeCalculator, .open > .bootstrap-select .btn.dropdown-toggle.disabled.dropdown-toggle, .open > .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .open > .bootstrap-select a.dropdown-toggle.disabled.dropdown-toggle, .open > .bootstrap-select .dropdown-toggle.disabled.dropdown-toggle.SizeCalculator, .modal-layer .open > .bootstrap-select .dropdown-toggle.disabled.dropdown-toggle.SizeCalculator, input:disabled:active, input:disabled.active, .open > input:disabled.dropdown-toggle, input.disabled:active, input.disabled.active, .open > input.disabled.dropdown-toggle, input[readonly]:active, input[readonly].active, .open > input[readonly].dropdown-toggle { background-image: none; } .form-control:disabled.disabled:hover, .form-control:disabled.disabled:focus, .form-control:disabled.disabled.focus, .form-control:disabled[disabled]:hover, .form-control:disabled[disabled]:focus, .form-control:disabled[disabled].focus, fieldset[disabled] .form-control:disabled:hover, fieldset[disabled] .form-control:disabled:focus, fieldset[disabled] .form-control:disabled.focus, .form-control.disabled.disabled:hover, .form-control.disabled.disabled:focus, .form-control.disabled.disabled.focus, .form-control.disabled[disabled]:hover, .form-control.disabled[disabled]:focus, .form-control.disabled[disabled].focus, fieldset[disabled] .form-control.disabled:hover, fieldset[disabled] .form-control.disabled:focus, fieldset[disabled] .form-control.disabled.focus, .form-control[readonly].disabled:hover, .form-control[readonly].disabled:focus, .form-control[readonly].disabled.focus, .form-control[readonly][disabled]:hover, .form-control[readonly][disabled]:focus, .form-control[readonly][disabled].focus, fieldset[disabled] .form-control[readonly]:hover, fieldset[disabled] .form-control[readonly]:focus, fieldset[disabled] .form-control[readonly].focus, .btn:disabled.disabled:hover, .boxInnerHeight193 .doubleCol .control a:disabled.disabled:hover, .SizeCalculator:disabled.disabled:hover, .btn:disabled.disabled:focus, .boxInnerHeight193 .doubleCol .control a:disabled.disabled:focus, .SizeCalculator:disabled.disabled:focus, .btn:disabled.disabled.focus, .boxInnerHeight193 .doubleCol .control a:disabled.disabled.focus, .SizeCalculator:disabled.disabled.focus, .btn:disabled[disabled]:hover, .boxInnerHeight193 .doubleCol .control a:disabled[disabled]:hover, .SizeCalculator:disabled[disabled]:hover, .btn:disabled[disabled]:focus, .boxInnerHeight193 .doubleCol .control a:disabled[disabled]:focus, .SizeCalculator:disabled[disabled]:focus, .btn:disabled[disabled].focus, .boxInnerHeight193 .doubleCol .control a:disabled[disabled].focus, .SizeCalculator:disabled[disabled].focus, fieldset[disabled] .btn:disabled:hover, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a:disabled:hover, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a:disabled:hover, fieldset[disabled] .SizeCalculator:disabled:hover, fieldset[disabled] .btn:disabled:focus, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a:disabled:focus, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a:disabled:focus, fieldset[disabled] .SizeCalculator:disabled:focus, fieldset[disabled] .btn:disabled.focus, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a:disabled.focus, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a:disabled.focus, fieldset[disabled] .SizeCalculator:disabled.focus, .btn.disabled.disabled:hover, .boxInnerHeight193 .doubleCol .control a.disabled.disabled:hover, .disabled.disabled.SizeCalculator:hover, .btn.disabled.disabled:focus, .boxInnerHeight193 .doubleCol .control a.disabled.disabled:focus, .disabled.disabled.SizeCalculator:focus, .btn.disabled.disabled.focus, .boxInnerHeight193 .doubleCol .control a.disabled.disabled.focus, .disabled.disabled.focus.SizeCalculator, .btn.disabled[disabled]:hover, .boxInnerHeight193 .doubleCol .control a.disabled[disabled]:hover, .disabled[disabled].SizeCalculator:hover, .btn.disabled[disabled]:focus, .boxInnerHeight193 .doubleCol .control a.disabled[disabled]:focus, .disabled[disabled].SizeCalculator:focus, .btn.disabled[disabled].focus, .boxInnerHeight193 .doubleCol .control a.disabled[disabled].focus, .disabled[disabled].focus.SizeCalculator, fieldset[disabled] .btn.disabled:hover, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a.disabled:hover, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a.disabled:hover, fieldset[disabled] .disabled.SizeCalculator:hover, fieldset[disabled] .btn.disabled:focus, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a.disabled:focus, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a.disabled:focus, fieldset[disabled] .disabled.SizeCalculator:focus, fieldset[disabled] .btn.disabled.focus, fieldset[disabled] .boxInnerHeight193 .doubleCol .control a.disabled.focus, .boxInnerHeight193 .doubleCol .control fieldset[disabled] a.disabled.focus, fieldset[disabled] .disabled.focus.SizeCalculator, .bootstrap-select .btn.dropdown-toggle:disabled.disabled:hover, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.disabled:hover, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled.disabled:hover, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.disabled:hover, .bootstrap-select .btn.dropdown-toggle:disabled.disabled:focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.disabled:focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled.disabled:focus, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.disabled:focus, .bootstrap-select .btn.dropdown-toggle:disabled.disabled.focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.disabled.focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled.disabled.focus, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.disabled.focus, .bootstrap-select .btn.dropdown-toggle:disabled[disabled]:hover, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled[disabled]:hover, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled[disabled]:hover, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled[disabled]:hover, .bootstrap-select .btn.dropdown-toggle:disabled[disabled]:focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled[disabled]:focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled[disabled]:focus, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled[disabled]:focus, .bootstrap-select .btn.dropdown-toggle:disabled[disabled].focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled[disabled].focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled[disabled].focus, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled[disabled].focus, fieldset[disabled] .bootstrap-select .btn.dropdown-toggle:disabled:hover, fieldset[disabled] .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled:hover, .boxInnerHeight193 .doubleCol .control fieldset[disabled] .bootstrap-select a.dropdown-toggle:disabled:hover, fieldset[disabled] .bootstrap-select .dropdown-toggle.SizeCalculator:disabled:hover, fieldset[disabled] .bootstrap-select .btn.dropdown-toggle:disabled:focus, fieldset[disabled] .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled:focus, .boxInnerHeight193 .doubleCol .control fieldset[disabled] .bootstrap-select a.dropdown-toggle:disabled:focus, fieldset[disabled] .bootstrap-select .dropdown-toggle.SizeCalculator:disabled:focus, fieldset[disabled] .bootstrap-select .btn.dropdown-toggle:disabled.focus, fieldset[disabled] .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled.focus, .boxInnerHeight193 .doubleCol .control fieldset[disabled] .bootstrap-select a.dropdown-toggle:disabled.focus, fieldset[disabled] .bootstrap-select .dropdown-toggle.SizeCalculator:disabled.focus, .bootstrap-select .btn.dropdown-toggle.disabled.disabled:hover, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.disabled:hover, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled.disabled:hover, .bootstrap-select .dropdown-toggle.disabled.disabled.SizeCalculator:hover, .bootstrap-select .btn.dropdown-toggle.disabled.disabled:focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.disabled:focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled.disabled:focus, .bootstrap-select .dropdown-toggle.disabled.disabled.SizeCalculator:focus, .bootstrap-select .btn.dropdown-toggle.disabled.disabled.focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.disabled.focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled.disabled.focus, .bootstrap-select .dropdown-toggle.disabled.disabled.focus.SizeCalculator, .bootstrap-select .btn.dropdown-toggle.disabled[disabled]:hover, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled[disabled]:hover, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled[disabled]:hover, .bootstrap-select .dropdown-toggle.disabled[disabled].SizeCalculator:hover, .bootstrap-select .btn.dropdown-toggle.disabled[disabled]:focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled[disabled]:focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled[disabled]:focus, .bootstrap-select .dropdown-toggle.disabled[disabled].SizeCalculator:focus, .bootstrap-select .btn.dropdown-toggle.disabled[disabled].focus, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled[disabled].focus, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled[disabled].focus, .bootstrap-select .dropdown-toggle.disabled[disabled].focus.SizeCalculator, fieldset[disabled] .bootstrap-select .btn.dropdown-toggle.disabled:hover, fieldset[disabled] .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled:hover, .boxInnerHeight193 .doubleCol .control fieldset[disabled] .bootstrap-select a.dropdown-toggle.disabled:hover, fieldset[disabled] .bootstrap-select .dropdown-toggle.disabled.SizeCalculator:hover, fieldset[disabled] .bootstrap-select .btn.dropdown-toggle.disabled:focus, fieldset[disabled] .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled:focus, .boxInnerHeight193 .doubleCol .control fieldset[disabled] .bootstrap-select a.dropdown-toggle.disabled:focus, fieldset[disabled] .bootstrap-select .dropdown-toggle.disabled.SizeCalculator:focus, fieldset[disabled] .bootstrap-select .btn.dropdown-toggle.disabled.focus, fieldset[disabled] .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled.focus, .boxInnerHeight193 .doubleCol .control fieldset[disabled] .bootstrap-select a.dropdown-toggle.disabled.focus, fieldset[disabled] .bootstrap-select .dropdown-toggle.disabled.focus.SizeCalculator, input:disabled.disabled:hover, input:disabled.disabled:focus, input:disabled.disabled.focus, input:disabled[disabled]:hover, input:disabled[disabled]:focus, input:disabled[disabled].focus, fieldset[disabled] input:disabled:hover, fieldset[disabled] input:disabled:focus, fieldset[disabled] input:disabled.focus, input.disabled.disabled:hover, input.disabled.disabled:focus, input.disabled.disabled.focus, input.disabled[disabled]:hover, input.disabled[disabled]:focus, input.disabled[disabled].focus, fieldset[disabled] input.disabled:hover, fieldset[disabled] input.disabled:focus, fieldset[disabled] input.disabled.focus, input[readonly].disabled:hover, input[readonly].disabled:focus, input[readonly].disabled.focus, input[readonly][disabled]:hover, input[readonly][disabled]:focus, input[readonly][disabled].focus, fieldset[disabled] input[readonly]:hover, fieldset[disabled] input[readonly]:focus, fieldset[disabled] input[readonly].focus { background-color: #FAFAFA; border-color: #EEEEEE; } .form-control:disabled .badge, .form-control.disabled .badge, .form-control[readonly] .badge, .btn:disabled .badge, .boxInnerHeight193 .doubleCol .control a:disabled .badge, .SizeCalculator:disabled .badge, .btn.disabled .badge, .boxInnerHeight193 .doubleCol .control a.disabled .badge, .disabled.SizeCalculator .badge, .bootstrap-select .btn.dropdown-toggle:disabled .badge, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:disabled .badge, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle:disabled .badge, .bootstrap-select .dropdown-toggle.SizeCalculator:disabled .badge, .bootstrap-select .btn.dropdown-toggle.disabled .badge, .bootstrap-select .boxInnerHeight193 .doubleCol .control a.dropdown-toggle.disabled .badge, .boxInnerHeight193 .doubleCol .control .bootstrap-select a.dropdown-toggle.disabled .badge, .bootstrap-select .dropdown-toggle.disabled.SizeCalculator .badge, input:disabled .badge, input.disabled .badge, input[readonly] .badge { color: #FAFAFA; background-color: #BABABA; } .watchlistControls { background-color: #eaeaea; background-image: none; padding: 10px; vertical-align: top; box-sizing: border-box; } .watchlistControls:before, .watchlistControls:after { content: " "; display: table; } .watchlistControls:after { clear: both; } #Watchlist .productLine { padding: 10px 0px 10px; border-bottom: 1px solid #eaeaea; } #Watchlist .productLine:last-child { border-bottom: none; } #Watchlist .description { height: auto; width: auto; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } /* Anpassung Hintergrund in gefülten Formelementen in Chrome */ input, textarea, select { color: #757571; } input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active, textarea:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:active, select:-webkit-autofill:hover { background-color: #FAFAFA !important; -webkit-box-shadow: 0 0 0 50px #FAFAFA inset; -webkit-text-fill-color: #757571; } .section-label:hover { text-decoration: none; color: inherit; } .section-label p { margin: 20px 0 10px 0; padding-bottom: 0; } /* pagination */ .disabled-paginatin-element, .form-pagination .form-pagination-input-wrapper .form-pagination-input.disabled { opacity: 0.4; filter: alpha(opacity=40); pointer-events: none; } .disabled-paginatin-element:hover, .form-pagination .form-pagination-input-wrapper .form-pagination-input.disabled:hover, .disabled-paginatin-element:focus, .form-pagination .form-pagination-input-wrapper .form-pagination-input.disabled:focus { cursor: not-allowed; background-color: #fff; color: #4f4b43 !important; } @media (min-width: 1024px) { #result-wrapper .form-pagination .pagination-select-wrapper { float: right; max-width: 90px; } } @media (min-width: 1280px) { #result-wrapper .form-pagination .pagination-select-wrapper { max-width: none; } } @media (max-width: 840px) { #result-wrapper .form-pagination .pagination-select-wrapper { width: 50%; } } @media (max-width: 1023px) { #result-wrapper .form-pagination .pagination-select-wrapper { padding-right: 0; } } @media (max-width: 767px) { #result-wrapper .form-pagination .pagination-select-wrapper { width: auto; min-width: 100px; float: right; padding-right: 10px; } } @media (max-width: 500px) { #result-wrapper .form-pagination .pagination-select-wrapper { min-width: 80px; padding-right: 0; } } @media (max-width: 1023px) { .pID-myBaderShoppingListPage .form-pagination .control-label.control-label-left { width: auto; text-align: right; } } @media (max-width: 767px) { .pID-myBaderShoppingListPage .form-pagination .control-label.control-label-left { width: 100%; text-align: left; padding-left: 10px; } } .pID-myBaderShoppingListPage .form-pager-wrapper { display: inline-block; } .pID-myBaderShoppingListPage .form-pager-wrapper .pagination-select-wrapper { min-width: 90px; } @media (max-width: 767px) { .pID-myBaderShoppingListPage .form-pager-wrapper { margin: 0 -10px; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; justify-content: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .pID-myBaderShoppingListPage .form-pager-wrapper .form-pagination-arrow-left { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .pID-myBaderShoppingListPage .form-pager-wrapper .pagination-select-wrapper { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .pID-myBaderShoppingListPage .form-pager-wrapper .control-label { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .pID-myBaderShoppingListPage .form-pager-wrapper .form-pagination-arrow-right { -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } } .form-pagination { text-align: right; font-size: 0; } .form-pagination .form-pagination { float: left; } .form-pagination .form-pagination-arrow { display: inline-block; vertical-align: middle; color: #fff; background-color: #A44C96; border-color: #A44C96; } .form-pagination .form-pagination-arrow:hover, .form-pagination .form-pagination-arrow:focus, .form-pagination .form-pagination-arrow.focus { color: #A44C96; background-color: #EDD9EA; border-color: #A44C96; } .form-pagination .form-pagination-arrow.disabled, .form-pagination .form-pagination-arrow[disabled] { color: #BABABA; background-color: #FAFAFA; border-color: #EEEEEE; } .form-pagination .form-pagination-arrow.disabled:hover, .form-pagination .form-pagination-arrow.disabled:focus, .form-pagination .form-pagination-arrow.disabled.focus, .form-pagination .form-pagination-arrow[disabled]:hover, .form-pagination .form-pagination-arrow[disabled]:focus, .form-pagination .form-pagination-arrow[disabled].focus { color: #BABABA; background-color: #FAFAFA; border-color: #EEEEEE; } .form-pagination .form-pagination-arrow.disabled { opacity: .4; } .form-pagination .control-label-left, .form-pagination .control-label-right { display: inline-block; padding: 10px 10px 0 10px; } @media (max-width: 767px) { .form-pagination .control-label-left, .form-pagination .control-label-right { font-size: 13px !important; padding-left: 0; } } .form-pagination .control-label-left { vertical-align: top; } @media (max-width: 1023px) { .form-pagination .control-label-left { width: 100%; text-align: left; } } @media (max-width: 767px) { .form-pagination .control-label-left { width: auto; } } .form-pagination .control-label-right { float: right; padding-left: 0; } @media (min-width: 768px) { .form-pagination .control-label-right { padding-left: 10px; } } @media (min-width: 1024px) { .form-pagination .control-label-right { padding-left: 0; } } @media (max-width: 500px) { .form-pagination .control-label-right { display: none; } } .form-pagination .form-pagination-input-wrapper { position: relative; } .form-pagination .form-pagination-input-wrapper .form-pagination-input { font-size: 14px; width: 30px; height: 40px; margin: 0 5px; text-align: center; display: inline-block; border: 1px solid #EEEEEE; border-radius: 0px 0 0px 0; outline: 0; vertical-align: middle; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 500px) { .form-pagination .form-pagination-input-wrapper .form-pagination-input { margin: 0; } } .form-pagination .form-pagination-input-wrapper .form-pagination-input:hover, .form-pagination .form-pagination-input-wrapper .form-pagination-input:focus { border-color: #A44C96; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .form-pagination .form-pagination-input-wrapper span { font-size: 14px; } @media (min-width: 1024px) { .form-pagination .form-pagination-input-wrapper .form-pagination-input { width: 80px; padding-right: 50px; text-align: right; } .form-pagination .form-pagination-input-wrapper .form-pagination-input.large-page-number { width: 90px; padding-right: 60px; } } @media (max-width: 1023px) { .form-pagination.xs-text-center .form-pagination-input-wrapper .form-pagination-input { width: 80px; padding-right: 50px; text-align: right; } } .col-seperator-birthday:before, .col-seperator-birthday:after, .col-seperator-slash:before, .col-seperator-slash:after { position: absolute !important; top: 0; display: block; width: 7%; text-align: center; line-height: 40px; } .col-seperator-birthday:after, .col-seperator-slash:after { right: -7px; } .col-seperator-birthday:before, .col-seperator-slash:before { left: -7px; } .col-seperator-birthday:before, .col-seperator-birthday:after { content: "."; } @media (min-width: 768px) { .col-seperator-slash:before { content: "/"; } } .form-myBader-popup i { font-weight: 700; line-height: 1; margin: 0 5px; vertical-align: middle; } .form-myBader-popup .col-seperator { padding-left: 0; } .form-myBader-popup .col-seperator input { width: 80%; margin-left: 20%; text-align: center; } @media (max-width: 500px) { .form-myBader-popup .col-seperator input { width: 70%; margin-left: 30%; } } .form-myBader-popup .col-seperator:before { content: "-"; float: left; display: block; width: 15%; text-align: center; line-height: 40px; } /* * === CSS 3 Radio === */ .custom-radio input[type=radio] { position: absolute; left: -10000px; } .custom-radio label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; } .custom-radio label:before { content: ""; display: inline-block; width: 17px; height: 17px; margin-right: 10px; position: absolute; top: 0; left: 1px; bottom: 0; margin: auto 0; background-color: #fff; border-radius: 50%; border: 1px solid #ece9e2; font-size: 0; z-index: 2; } .custom-radio label:after { display: inline-block; width: 17px; height: 17px; margin-right: 10px; position: absolute; top: 0; left: 5px; bottom: 0; margin: auto 0; background-color: #fff; border-radius: 50%; border: 1px solid #ece9e2; font-size: 0; } .custom-radio input[type=radio]:checked ~ label:before { content: "\2022"; background-color: #fff; border: 1px solid #757571; text-align: center; line-height: 8px; } .custom-radio input[type=radio]:checked ~ label:after { content: ""; background-color: #757571; text-align: center; line-height: 8px; z-index: 2; width: 9px; height: 9px; border: 1px solid #757571; } /* * === CSS 3 CHECKBOX === */ .custom-checkbox.form-group { margin-bottom: 0; } .custom-checkbox input[type=checkbox] { position: absolute; left: -10000px; } .custom-checkbox label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; } .custom-checkbox label:before { content: ""; display: inline-block; font-family: 'BADER-Iconfont' !important; width: 15px; height: 15px; border-radius: 4px 0; margin-right: 10px; position: absolute; top: 0; left: 0; bottom: 0; margin: auto 0; background-color: #fff; border: 1px solid #4f4b43; } .custom-checkbox input[type=checkbox]:checked ~ label:before { content: "\e904"; color: #4f4b43; font-size: 16px; font-weight: 700; text-align: center; line-height: 8px; } .custom-checkbox input[type=checkbox]:focus ~ label:before { border-color: #A44C96; } .FreeSearchInput .input-group-addon { position: absolute; width: 100px; } @media (max-width: 767px) { input.form-control[name$=".town"] { margin-top: 8px; } } .form-hint-required { float: right; color: #757571; } .alert.alert-availability { background: #eaeaea; } .alert span img { display: inline-block; } .price-draw-teaser { border: 1px solid #e6e6e6; background-color: #f6f4f1; padding: 15px; margin-bottom: 20px; border-radius: 5px 0; } .price-draw-teaser-headline { font-size: 16px; text-transform: uppercase; } .price-draw-teaser-desc { margin: 0; padding: 0; } .table-list { width: 100%; } .table-list td { width: 55%; line-height: 30px; vertical-align: top; word-break: break-word; } .table-list .list-name { width: 45%; } /* * === all helpers for xs === */ @media (max-width: 767px) { .table-responsive-01 { margin: 0; } .table-responsive-01 thead { display: none; } .table-responsive-01 tr { border-bottom: 1px solid #EEEEEE; padding-bottom: 15px; margin-bottom: 15px; display: block; width: 100%; float: left; } .table-responsive-01 tr:last-child { border: 0; padding: 0; } .table-responsive-01 tbody tr td { display: block; width: 100%; float: left; clear: both; text-align: right; min-height: 35px; border: 0; } .table-responsive-01 tbody tr td:before { content: attr(data-th) ""; font-weight: bold; width: 6.5em; display: inline-block; float: left; text-align: left; } } #headerWrapper { padding-left: 0; padding-right: 0; } @media (max-width: 1023px) { .js-simple-fade-slideshow { position: relative; width: 100%; } .js-simple-fade-slideshow div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; display: none; } .js-simple-fade-slideshow div ul { display: inline-block; float: none !important; } .js-simple-fade-slideshow div ul li { float: none !important; display: inline-block; padding: 0; } } .sticky-flyout-service .btn-toggle { border-radius: 0 !important; } .sticky-flyout-service .btn-toggle i.icon-phone:before { color: #A44C96; content: "\e930"; } .btn-on-top { border-radius: 0px 0 0px 0 !important; } @media (max-width: 767px) { section.main-content { transition: margin-top 0.5s ease; margin-top: 60px; } section.main-content.iconbar-flyout-open { margin-top: 120px; } } .header-top { position: relative; height: 30px; line-height: 30px; font-size: 12px; } @media (max-width: 767px) { .header-top { display: none; } } .header-top a { text-decoration: none; } .header-top a.js-logout { font-size: 11px; } .header-top a:hover, .header-top a:focus { text-decoration: none; } .header-top a:hover .numberOfWishlistItems, .header-top a:focus .numberOfWishlistItems { color: inherit; text-decoration: none; } @media (min-width: 1380px) { .header-top .list-customer { padding-right: 8px; } } .header-top .numberOfWishlistItems { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } @media (max-width: 767px) { .header-top { text-align: center; height: 0px; overflow: visible; } } .header-top .header-top-inner { width: auto; } @media (max-width: 500px) { .header-top .header-top-inner .only-xsp { display: inline-block; } .header-top .header-top-inner .except-xsp { display: none; } } @media (min-width: 501px) { .header-top .header-top-inner .only-xsp { display: none; } .header-top .header-top-inner .except-xsp { display: inline-block; } } @media (max-width: 767px) { .header-top .header-top-inner { width: auto; } .header-top .header-top-inner ul { position: absolute; z-index: 3; top: -7px; right: 0; width: 50%; text-align: right; line-height: 20px; } .header-top .header-top-inner ul li { display: block; margin: 4px 20px 4px 0; } .header-top .header-top-inner ul li.mrl { margin-right: none; } .header-top .header-top-inner ul .pull-left { float: none !important; } } @media (min-width: 768px) { .header-middle.cheader-checkout { border-bottom: 1px solid #ddd; } .header-middle.cheader-checkout .header-middle-inner { margin-bottom: 0; padding: 10px; } } @media (min-width: 768px) and (min-width: 768px) { .header-middle.cheader-checkout .header-middle-inner { padding: 20px 10px; } } @media (max-width: 767px) { .header-middle.cheader-checkout { display: none; } } /* bootstrap-row */ .header-middle-inner { padding: 20px 10px; width: auto; max-width: 1600px; /* fix for long welcome text */ } @media (min-width: 768px) and (max-width: 830px) { .header-middle-inner { margin-top: 20px; } } @media (max-width: 1023px) { .header-middle-inner { padding: 20px 10px; } } @media (max-width: 767px) { .header-middle-inner { padding: 0 10px; } .header-middle-inner #areaWrapper { position: fixed; background-color: white; top: 0; z-index: 100; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px; } } @media (min-width: 768px) { .header-middle-inner .HeaderLogo { margin-top: -40px; } } @media (max-width: 767px) { .header-middle-inner .HeaderLogo { display: none; } } @media (min-width: 768px) { .header-middle-inner .HeaderLogo img { max-width: 100%; margin: 0; } } .header-middle-inner .mobile-logo .img-responsive, .header-middle-inner .mobile-logo img { margin-top: 8px; max-height: 49px; } @media (min-width: 768px) { .header-middle-inner .mobile-logo { display: none; margin-top: 0; } } .header-middle-inner .area-wrapper { /* header styling Desctop */ /* header styling mobile */ } @media (min-width: 768px) { .header-middle-inner .area-wrapper { display: flex; flex-direction: row-reverse; justify-content: space-around; margin-left: 20px; width: 45%; width: calc(50% - 20px); margin-top: 20px; } .header-middle-inner .area-wrapper li { margin-right: 0; word-wrap: break-word; } } @media (min-width: 768px) and (max-width: 1023px) { .header-middle-inner .area-wrapper li { text-align: center; } } @media (max-width: 767px) { .header-middle-inner .area-wrapper { width: 100%; height: 60px; overflow: hidden; } .header-middle-inner .area-wrapper li { width: 40px; display: inline-block; margin: 10px 0 0 0; } .header-middle-inner .area-wrapper li.area-wrapper-icon { border: 0; } .header-middle-inner .area-wrapper li.mobile-logo { width: auto; margin: 0; } .header-middle-inner .area-wrapper li.area-menu { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; /* fixed gray line */ } .header-middle-inner .area-wrapper li.area-menu:hover, .header-middle-inner .area-wrapper li.area-menu:active, .header-middle-inner .area-wrapper li.area-menu.active { background-color: #EEEEEE; cursor: pointer; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .header-middle-inner .area-wrapper li.area-menu i { font-size: 17px; } .header-middle-inner .area-wrapper li .menuToggler { display: block; text-align: center; padding: 8px 8px 18px 8px; line-height: 24px; font-size: 16px; text-decoration: none; transition: background-color 0.5s ease; } .header-middle-inner .area-wrapper li .menuToggler:hover, .header-middle-inner .area-wrapper li .menuToggler:active, .header-middle-inner .area-wrapper li .menuToggler:focus { background-color: white; } .header-middle-inner .area-wrapper li .menuToggler.active { background-color: #EEEEEE; } .header-middle-inner .area-wrapper li .menuToggler.active i.icon-burger_icon:before { content: "\e909"; } } @media (max-width: 767px) { .header-middle-inner .header-additional-area { padding: 0 10px; } } .header-middle-inner .header-additional-area #collapseUserInfos { margin: 0 -10px; background-color: #EEEEEE; } .header-middle-inner .header-additional-area .area-item { display: table; transition: color 0.5s ease; text-decoration: none; } @media (max-width: 767px) { .header-middle-inner .header-additional-area .area-item { padding-bottom: 10px; } } @media (max-width: 1279px) { .header-middle-inner .header-additional-area .area-item { width: 100%; } } .header-middle-inner .header-additional-area .area-item a:hover { text-decoration: none; } .header-middle-inner .header-additional-area .area-item:hover { text-decoration: none; } .header-middle-inner .header-additional-area .area-item:hover .area-icon, .header-middle-inner .header-additional-area .area-item:hover .area-name { color: #A44C96; transition: color 0.5s ease; } @media (max-width: 767px) { .header-middle-inner .header-additional-area .area-item:hover .area-icon, .header-middle-inner .header-additional-area .area-item:hover .area-name { color: #4F4B43; } } .header-middle-inner .header-additional-area .area-item:hover .area-subline { color: #A3A3A3; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .header-middle-inner .header-additional-area .area-item.area-with-counter .area-icon { position: relative; } .header-middle-inner .header-additional-area .area-item.area-with-counter .item-counter { display: block; width: 18px; height: 18px; line-height: 18px; background-color: #A44C96; border-radius: 50%; color: #fff; font-size: 11px; text-align: center; position: absolute; top: 0; right: 0px; } @media (min-width: 768px) and (max-width: 1023px) { .header-middle-inner .header-additional-area .area-item.area-with-counter .item-counter { right: -15px; } } @media (min-width: 1024px) { .header-middle-inner .header-additional-area .area-item.area-with-counter .item-counter { right: 4px; } } @media (max-width: 767px) { .header-middle-inner .header-additional-area .area-item { display: block; text-align: center; transition: background-color .5s ease; } .header-middle-inner .header-additional-area .area-item.active { background-color: #EEEEEE; } } .header-middle-inner .header-additional-area .area-item .area-icon { width: 20px; padding-right: 20px; display: table-cell; vertical-align: middle; color: #A44C96; font-size: 24px; } @media (min-width: 1024px) and (max-width: 1279px) { .header-middle-inner .header-additional-area .area-item .area-icon.hidden-header-icon { display: none; } } @media (max-width: 1023px) and (min-width: 768px) { .header-middle-inner .header-additional-area .area-item .area-icon { display: block; margin: 0 auto; } } @media (max-width: 767px) { .header-middle-inner .header-additional-area .area-item .area-icon { padding: 8px; height: 40px; line-height: 26px; width: 100%; margin: 0 auto; display: inline-block; font-size: 20px; } } .header-middle-inner .header-additional-area .area-block { display: inline-block; padding-left: 8px; } .header-middle-inner .header-additional-area .area-block .area-name { display: block; color: #4f4b43; transition: color 0.5s ease; } .header-middle-inner .header-additional-area .area-block .area-subline { color: #A3A3A3; transition: color 0.5s ease; } .header-middle-inner .header-additional-area .user-infos-inner { padding: 10px; border-width: 1px 0; position: relative; } .header-middle-inner .header-additional-area .user-infos-inner .btn, .header-middle-inner .header-additional-area .user-infos-inner .boxInnerHeight193 .doubleCol .control a, .boxInnerHeight193 .doubleCol .control .header-middle-inner .header-additional-area .user-infos-inner a, .header-middle-inner .header-additional-area .user-infos-inner .SizeCalculator { width: 100%; } .header-middle-inner .header-search-wrapper { width: 50%; } .header-middle-inner .header-search-wrapper .top-slogan { position: absolute; top: -40px; left: 10px; right: 0; width: 90%; width: calc(100% - 10px); font-family: "Satisfy", cursive; font-size: 20px; } @media (max-width: 767px) { .header-middle-inner .header-search-wrapper .top-slogan { display: none; } } @media (min-width: 768px) { .header-middle-inner .header-search-wrapper #FreeSearch { max-width: 400px; margin: 20px 0; } } @media (max-width: 767px) { .header-middle-inner .header-search-wrapper { width: 100%; margin-right: 0; } .header-middle-inner .header-search-wrapper #FreeSearch { background-color: #EEEEEE; margin: 0 -10px; } } .header-middle-inner .header-search-wrapper .form-group { position: relative; } @media (max-width: 767px) { .header-middle-inner .header-search-wrapper .form-group { margin-bottom: 0; } } @media (max-width: 767px) { .header-middle-inner .header-search-wrapper .form-group { margin-bottom: 0; padding: 10px; } } .header-middle-inner .header-search-wrapper .form-group .input-group { width: 100%; } .header-middle-inner .header-search-wrapper .form-group .input-group-addon { border: 2px solid #A44C96; background-color: #A44C96; color: #fff; display: inline-block; width: 60px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; font-weight: 600; line-height: 40px; font-size: 16px; padding: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } @media (max-width: 767px) { .header-middle-inner .header-search-wrapper .form-group .input-group-addon { border-radius: 0; } } .header-middle-inner .header-search-wrapper .form-group .input-group-addon:hover { background-color: #fff; color: #A44C96; cursor: pointer; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .header-middle-inner .header-search-wrapper .form-control { padding: 6px 70px 6px 20px; width: 100%; z-index: 1; } @media (max-width: 767px) { .header-checkout-mobile { position: fixed; background-color: white; top: 0; z-index: 100; width: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px; padding: 10px; } } @media (max-width: 767px) and (max-width: 369px) { .header-checkout-mobile { padding: 10px 5px; } } @media (max-width: 767px) { .header-checkout-mobile .logo-bar li { display: inline-block; float: right; line-height: 42px; margin-right: 10px; } } @media (max-width: 767px) and (max-width: 369px) { .header-checkout-mobile .logo-bar li { margin-right: 5px; } } @media (max-width: 767px) { .header-checkout-mobile .logo-bar li.magazin { display: none !important; margin-right: 0; } .header-checkout-mobile .logo-bar li.last { margin-right: 0; } .header-checkout-mobile img { height: 42px; } .header-checkout-mobile img.img-bevh { margin-top: 0; } .header-checkout-mobile .item-counter { display: block; width: 18px; height: 18px; line-height: 18px; background-color: #A44C96; border-radius: 50%; color: #4f4b43; font-size: 11px; text-align: center; position: absolute; top: 7px; right: -7px; } } @media (max-width: 767px) and (min-width: 1280px) { .header-checkout-mobile .item-counter { display: none; } } @media (min-width: 768px) { .header-checkout-mobile { display: none; } } .boxPadding { padding: 10px; position: relative; } #Content { /* fix tables for cms pages agb */ } #Content #RestColMiddle .toggleContainer table { width: 100% !important; } #Content #RestColMiddle .toggleContainer table td { padding: 5px; } #Content #RestColMiddle p { font-size: 15px; } @media (max-width: 1023px) { .homepage .SidebarColRight { display: block !important; height: 570px; } } @media (max-width: 1023px) and (max-width: 1023px) { .homepage .SidebarColRight { display: none !important; } } @media (max-width: 1023px) { .homepage .SidebarColRight > div, .homepage .SidebarColRight > p { display: block; float: left; min-height: 280px; margin: 0; padding: 0; width: 25%; } .homepage .SidebarColRight br.spacer10 { clear: none; } } h3.dogEar, #RestColMiddle h3, .dogEarBoxHalf h3, .h3.dogEar, #RestColMiddle .h3, .dogEarBoxHalf .h3 { font-weight: 700; font-size: 16px; padding: 0; line-height: inherit; margin: 20px 0 10px; } #RestColRight p, #RestColLeft p, .registration p { max-width: 100%; } dl.services dd { margin-top: 0; } dl.services dd li { width: 165px; float: left; white-space: nowrap; margin: 0; padding: 0; } @media (max-width: 767px) { dl.services dd li { width: 100%; } } .socialBox { height: 20px; } @media (max-width: 767px) { p.textR a.refreshShopCart, p.textR a.print, #ShopCartAppend_ { display: inline-block; line-height: inherit; margin-bottom: 10px; float: right; clear: both; } #DeliveryAddressChoice div { display: block; } } h1.h1welcometext { font-size: 14px; margin: 20px 0 10px 0; } @media (max-width: 1023px) { h1.h1welcometext { text-align: center; } } #h1welcometext.with-breadcrumb { float: right; text-align: right; } @media (min-width: 768px) { #h1welcometext.with-breadcrumb { width: 50%; } } #h1welcometext.with-breadcrumb h1.h1welcometext { text-align: right; } @media (max-width: 767px) { #h1welcometext.with-breadcrumb h1.h1welcometext { font-size: 12px; } } @media (min-width: 1024px) { .breadcrumb-wrapper { float: left; width: 100%; } .breadcrumb-wrapper #BreadCrumbTrail { float: left; } .breadcrumb-wrapper #h1welcometext .h1welcometext { margin: 20px 0 10px 0; } } .pID-searchResult #RestColRight .headline-results-info { padding-bottom: 0; margin: 0 0 20px 0; text-align: center; } .pID-searchResult #RestColRight .headline-results-info h1 { font-size: 20px; color: #757571; display: inline-block; float: none; font-weight: 500; padding-right: 0; } .pID-searchResult #RestColRight .headline-results-info .resultInfo { font-size: 20px; color: #757571; } .pID-searchResult #RestColRight .panel-transparent > .panel-heading { color: #757571; } .pID-searchResult #RestColRight .panel-transparent > .panel-heading h3 { font-size: 14px; } .content-search-result { margin-bottom: 40px; } .content-search-result .content-search-headline { margin: 0 0 10px 0; padding: 0; font-weight: 700; font-size: 16px; color: #757571; } .content-search-result .content-result-list { float: left; padding: 0; width: 100%; } .content-search-result .content-result-list li { padding: 0; margin-bottom: 10px; } .content-search-result .content-result-list li:last-child { margin-bottom: 0; } .content-search-result .content-result-list li a { color: #757571; font-size: 16px; text-decoration: underline; } .content-search-result .content-result-list li a:hover, .content-search-result .content-result-list li a:focus { color: #A44C96; } .sepa-mandate { border: 1px solid #EEEEEE; padding: 12px 8px; } /* * === FOOTER SECTION TOP === */ footer.no-padding { padding-left: 0; padding-right: 0; margin-bottom: 20px; } .service-info-wrapper { box-shadow: inset 0px 30px 20px -25px rgba(0, 0, 0, 0.2); padding: 20px 10px 0 10px; color: #fff; } .service-info-wrapper .service-info-container { text-align: center; } .service-info-wrapper .service-info-container .service-info-col { margin-bottom: 20px; } .service-info-wrapper .service-info-container .service-info-light { color: #757571; } .service-info-wrapper .service-info-container .service-info-name { font-size: 24px; } .service-info-wrapper .service-info-container .service-info-text { font-size: 24px; color: #fff; } .service-info-wrapper .service-info-container .service-info-text i { margin-right: 5px; vertical-align: middle; } .service-info-wrapper .service-info-container .service-info-text a { color: #fff; text-decoration: none; } .service-info-wrapper .service-info-container .service-info-text a:hover, .service-info-wrapper .service-info-container .service-info-text a:focus { color: #EDD9EA; } .service-info-wrapper .service-info-container .service-info-col-company-data { text-align: center; } .service-info-wrapper .service-info-container .service-info-col-company-data .service-info-text { display: table; margin: 0 auto; } .service-info-wrapper .service-info-container .service-info-col-company-data .service-info-text i { display: table-cell; padding-right: 10px; padding-top: 5px; vertical-align: top; } .service-info-wrapper .service-info-container .service-info-col-company-data .service-info-text .service-info-text-name { display: table-cell; } @media (min-width: 768px) { .service-info-wrapper { padding: 50px 10px; } .service-info-wrapper .service-info-container { text-align: left; } .service-info-wrapper .service-info-container .service-info-col { margin-bottom: 0; } .service-info-wrapper .service-info-container .service-info-light { padding-left: 35px; } .service-info-wrapper .service-info-container .service-info-col-first { text-align: center; margin-bottom: 30px; /* if no service-info-light is available */ } .service-info-wrapper .service-info-container .service-info-col-first > span.service-info-name { margin-top: 22px; } } @media (min-width: 1024px) { .service-info-wrapper .service-info-container { text-align: left; } .service-info-wrapper .service-info-container .service-info-name { max-width: 280px; display: block; margin: 0 auto; } .service-info-wrapper .service-info-container .service-info-first-col { margin-bottom: 0; } .service-info-wrapper .service-info-container .service-info-col-company-data { text-align: left; } .service-info-wrapper .service-info-container .service-info-col-company-data .service-info-text { margin: 0; } } /* * === FOOTER SECTION MIDDLE === */ @media (max-width: 1023px) { .footer-middle-wrapper { padding-top: 20px; padding-bottom: 20px; background-color: #7d7d7d; } } .cms-footer-column-wrapper { float: right; } .static-footer-column-wrapper { float: right; margin-top: 20px; } .static-footer-column-content { text-align: center; } .static-footer-column-content .static-footer-column-content-headline { font-size: 18px; /* 18px */ color: #757571; } .static-footer-column-content .static-footer-other-font { font-size: 20px; color: #757571; font-family: "Satisfy", cursive; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } .cms-footer-column-component .btn, .cms-footer-column-component .boxInnerHeight193 .doubleCol .control a, .boxInnerHeight193 .doubleCol .control .cms-footer-column-component a, .cms-footer-column-component .SizeCalculator, .static-footer-column-content .btn, .static-footer-column-content .boxInnerHeight193 .doubleCol .control a, .boxInnerHeight193 .doubleCol .control .static-footer-column-content a, .static-footer-column-content .SizeCalculator { background-color: transparent; border-color: #fff; color: #fff; min-width: 140px; margin-bottom: 20px; } .cms-footer-column-component .btn:hover, .cms-footer-column-component .boxInnerHeight193 .doubleCol .control a:hover, .boxInnerHeight193 .doubleCol .control .cms-footer-column-component a:hover, .cms-footer-column-component .SizeCalculator:hover, .cms-footer-column-component .btn:focus, .cms-footer-column-component .boxInnerHeight193 .doubleCol .control a:focus, .boxInnerHeight193 .doubleCol .control .cms-footer-column-component a:focus, .cms-footer-column-component .SizeCalculator:focus, .static-footer-column-content .btn:hover, .static-footer-column-content .boxInnerHeight193 .doubleCol .control a:hover, .boxInnerHeight193 .doubleCol .control .static-footer-column-content a:hover, .static-footer-column-content .SizeCalculator:hover, .static-footer-column-content .btn:focus, .static-footer-column-content .boxInnerHeight193 .doubleCol .control a:focus, .boxInnerHeight193 .doubleCol .control .static-footer-column-content a:focus, .static-footer-column-content .SizeCalculator:focus { background-color: #ece9e2; border-color: #ece9e2; color: #757571; } .cms-footer-column-component .btn-table, .static-footer-column-content .btn-table { display: inline-block; } .cms-footer-column-component .btn-table i, .static-footer-column-content .btn-table i { width: 20%; } .cms-footer-column-component .btn-table .btn-name, .static-footer-column-content .btn-table .btn-name { width: 80%; } @media (max-width: 1023px) { .cms-footer-column-component .btn-table, .static-footer-column-content .btn-table { margin: 6px 0 10px 22px; } } .cms-footer-column-component .cms-footer-headline { height: 44px; line-height: 40px; padding: 0 20px; width: 100%; margin: 0 0 2px 0; background-color: #ece9e2; border: 1px solid #ece9e2; border-radius: 4px 0; color: #7d7d7d; font-size: 14px; position: relative; cursor: pointer; } .cms-footer-column-component .cms-footer-headline:before { content: "\e916"; font-family: 'BADER-Iconfont' !important; position: absolute; right: 20px; } .cms-footer-column-component ul { display: none; margin: 10px 0; } .cms-footer-column-component ul li a { color: #fff; display: block; text-decoration: none; } .cms-footer-column-component ul li a:hover, .cms-footer-column-component ul li a:focus { color: #bab9b3; } .cms-footer-column-component ul li a:not(.btn) { padding: 0 22px; } .cms-footer-column-component ul li.footer-icon-float { float: left; margin-right: 10px; } .cms-footer-column-component.in .cms-footer-headline:before { content: "\e90a"; } .cms-footer-column-component.in ul { display: block; } .cms-footer-column-component:last-child { padding-bottom: 20px; } @media (min-width: 1024px) { .cms-footer-column-component:last-child { padding-bottom: 0; } } @media (min-width: 1024px) { .static-footer-column-wrapper { margin-top: 0; } .footer-middle-wrapper { background-color: #eee; padding: 50px 60px 30px 60px; } .cms-footer-column-wrapper { float: left; } .static-footer-column-content { margin-bottom: 20px; } .static-footer-column-content.bottom { margin-bottom: 0; margin-top: 20px; } .static-footer-column-content .static-footer-other-font { text-align: right; margin: 20px; } .static-footer-column-content .static-footer-column-content-btn { display: inline-block; margin: 0 10px; } .cms-footer-column-component .cms-footer-headline { line-height: 19px; background-color: transparent; border-color: transparent; padding: 0; font-weight: 700; font-size: 16px; color: #757571; margin: 0; cursor: default; } .cms-footer-column-component .cms-footer-headline:before { content: ""; } .cms-footer-column-component.in .cms-footer-headline:before { content: ""; } .cms-footer-column-component ul { display: block; margin: 0; height: auto !important; } .cms-footer-column-component ul li { margin-bottom: 5px; } .cms-footer-column-component ul li a:not(.btn) { padding: 0; color: #757571; padding: 5px 0; } .cms-footer-column-component ul li a:not(.btn):hover, .cms-footer-column-component ul li a:not(.btn):focus { text-decoration: underline; color: #4f4b43; } .static-footer-column-content .btn, .static-footer-column-content .boxInnerHeight193 .doubleCol .control a, .boxInnerHeight193 .doubleCol .control .static-footer-column-content a, .static-footer-column-content .SizeCalculator, .cms-footer-column-component .btn, .cms-footer-column-component .boxInnerHeight193 .doubleCol .control a, .boxInnerHeight193 .doubleCol .control .cms-footer-column-component a, .cms-footer-column-component .SizeCalculator { background-color: transparent; border-color: #757571; color: #757571; min-width: 140px; margin-bottom: 20px; } .static-footer-column-content .btn:hover, .static-footer-column-content .boxInnerHeight193 .doubleCol .control a:hover, .boxInnerHeight193 .doubleCol .control .static-footer-column-content a:hover, .static-footer-column-content .SizeCalculator:hover, .static-footer-column-content .btn:focus, .static-footer-column-content .boxInnerHeight193 .doubleCol .control a:focus, .boxInnerHeight193 .doubleCol .control .static-footer-column-content a:focus, .static-footer-column-content .SizeCalculator:focus, .cms-footer-column-component .btn:hover, .cms-footer-column-component .boxInnerHeight193 .doubleCol .control a:hover, .boxInnerHeight193 .doubleCol .control .cms-footer-column-component a:hover, .cms-footer-column-component .SizeCalculator:hover, .cms-footer-column-component .btn:focus, .cms-footer-column-component .boxInnerHeight193 .doubleCol .control a:focus, .boxInnerHeight193 .doubleCol .control .cms-footer-column-component a:focus, .cms-footer-column-component .SizeCalculator:focus { background-color: #757571; border-color: #757571; color: #fff !important; } } @media (min-width: 1024px) { .static-footer-column-wrapper { float: left; } .static-footer-column-wrapper .static-footer-column-content { text-align: right; } .static-footer-column-wrapper .static-footer-column-content.bottom { margin: 0; } .static-footer-column-wrapper .static-footer-column-content .static-footer-other-font { margin: 20px 0; } .static-footer-column-wrapper .static-footer-column-content .static-footer-column-content-btn { margin: 0 0 10px 0; text-align: center; } .static-footer-column-wrapper .static-footer-column-content .static-footer-column-content-btn a:not(.bnt) { margin: 0; display: block; min-width: 120px; } .cms-footer-column-wrapper { float: right; } } /* * === FOOTER SECTION BOTTOM === */ .footer-bottom-wrapper { padding-top: 20px; } .footer-bottom-wrapper .footer-bottom-container .hr-light { width: 95%; width: calc(100% - 20px); } .footer-bottom-wrapper .footer-bottom-container .section-one img { margin: auto; display: block; max-width: 100%; height: auto; } .footer-bottom-wrapper .footer-bottom-container .section-one .center-content { display: inline-block; vertical-align: middle; } .footer-bottom-wrapper .footer-bottom-container .section-center-content { text-align: center; } .footer-bottom-wrapper .footer-bottom-container .section-second .section-col { margin-bottom: 10px; } .footer-bottom-wrapper .footer-bottom-container .section-second .section-col a { text-decoration: none; } .footer-bottom-wrapper .footer-bottom-container .section-second .section-col img { max-height: 60px; } .footer-bottom-wrapper .footer-bottom-container .section-second .section-col.payment-bundle img { max-height: 70px; } .footer-bottom-wrapper .footer-bottom-container .section-second .section-col.payment-bundle .flex-row { margin-top: 4px; } .footer-bottom-wrapper .footer-bottom-container .section-second .section-col.section-col-flags .section-col-img-list { margin-top: 9px; } .footer-bottom-wrapper .footer-bottom-container .section-second .section-col.section-col-flags img { margin-left: 4px; margin-right: 4px; border: 1px solid #757571; opacity: 1; filter: alpha(opacity=100); } .footer-bottom-wrapper .footer-bottom-container .section-second .section-col.section-col-flags img:hover, .footer-bottom-wrapper .footer-bottom-container .section-second .section-col.section-col-flags img:focus { opacity: 0.6; filter: alpha(opacity=60); } .footer-bottom-wrapper .footer-bottom-container .section-col-link-list { text-align: center; margin-bottom: 20px; } .footer-bottom-wrapper .footer-bottom-container .section-col-link-list li { position: relative; display: inline-block; padding: 0 5px; margin-right: 5px; } .footer-bottom-wrapper .footer-bottom-container .section-col-link-list li:before { content: "|"; position: absolute; top: 0; right: -5px; color: #757571; } .footer-bottom-wrapper .footer-bottom-container .section-col-link-list li:last-child:before { content: ""; } .footer-bottom-wrapper .footer-bottom-container .section-col-link-list li a { text-decoration: none; } .footer-bottom-wrapper .footer-bottom-container .text-light { color: #757571; } .footer-bottom-wrapper .footer-bottom-container .bader-slogan { font-size: 20px; color: #757571; font-family: "Satisfy", cursive; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); margin: 20px 0; text-align: center; } .footer-bottom-wrapper .footer-bottom-container .bader-slogan a { text-decoration: none; display: inline-block; margin: 0 auto; } .section-col img { max-height: 40px; } .section-col .section-col-img-list { text-align: center; } .section-col .section-col-img-list li { display: inline-block; } .section-col .section-col-img-list.center-vertical { max-width: 100%; white-space: nowrap; overflow: hidden; } .section-col .section-col-img-list.center-vertical li { vertical-align: middle; line-height: 60px; } .section-col .section-col-img-list.center-vertical li.dp-logo { max-width: 100%; } .section-col .section-col-img-list.center-vertical li.vg-logo { max-width: 100%; clear: right; } @media (min-width: 768px) { .footer-bottom-wrapper .footer-bottom-container .hr-light { width: 80%; } .footer-bottom-wrapper .footer-bottom-container .section-second { margin-bottom: 20px; } .footer-bottom-wrapper .footer-bottom-container .section-second .section-col { margin-bottom: 0; } .footer-bottom-wrapper .footer-bottom-container .bader-slogan { margin: 20px 0 0 0; } } .footer-bottom-wrapper .footer-bottom-container .section-second .section-col img.img-post { max-height: 32px; } /* * === GENERAL === */ .size-wrapper { display: none; } .pdp-overview-link, .pdp-onlinecatalog-link { margin-bottom: 5px; display: inline-block; } @media (min-width: 768px) { .pdp-overview-link, .pdp-onlinecatalog-link { margin-bottom: 20px; } } @media (min-width: 768px) { .pdp-onlinecatalog-link { display: inline-block; font-weight: 600; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 2px solid transparent; white-space: nowrap; height: 40px; padding: 9px 12px; font-size: 14px; line-height: 1.42857; border-radius: 0px 0 0px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-transform: none; color: #A44C96; background-color: #fff; border-color: #A44C96; /* color: $color; background-color: $background; border-color: $border; */ } .pdp-onlinecatalog-link:hover, .pdp-onlinecatalog-link:focus, .pdp-onlinecatalog-link.focus { color: #fff; text-decoration: none; } .pdp-onlinecatalog-link:active, .pdp-onlinecatalog-link.active { outline: 0; background-image: none; } .pdp-onlinecatalog-link i { margin-right: 10px; } .pdp-onlinecatalog-link .text-decoration { text-decoration: underline; } .pdp-onlinecatalog-link:hover span.text-decoration, .pdp-onlinecatalog-link:focus span.text-decoration { text-decoration: none; color: #A44C96; } .pdp-onlinecatalog-link:focus, .pdp-onlinecatalog-link.focus { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .pdp-onlinecatalog-link:hover:not(.disabled) { color: #4F4B43 !important; background-color: #EDD9EA; border-color: #A44C96; } .pdp-onlinecatalog-link:active, .pdp-onlinecatalog-link.active, .open > .pdp-onlinecatalog-link.dropdown-toggle { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .pdp-onlinecatalog-link:active:hover, .pdp-onlinecatalog-link:active:focus, .pdp-onlinecatalog-link:active.focus, .pdp-onlinecatalog-link.active:hover, .pdp-onlinecatalog-link.active:focus, .pdp-onlinecatalog-link.active.focus, .open > .pdp-onlinecatalog-link.dropdown-toggle:hover, .open > .pdp-onlinecatalog-link.dropdown-toggle:focus, .open > .pdp-onlinecatalog-link.dropdown-toggle.focus { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .pdp-onlinecatalog-link:active, .pdp-onlinecatalog-link.active, .open > .pdp-onlinecatalog-link.dropdown-toggle { background-image: none; } .pdp-onlinecatalog-link.disabled:hover, .pdp-onlinecatalog-link.disabled:focus, .pdp-onlinecatalog-link.disabled.focus, .pdp-onlinecatalog-link[disabled]:hover, .pdp-onlinecatalog-link[disabled]:focus, .pdp-onlinecatalog-link[disabled].focus, fieldset[disabled] .pdp-onlinecatalog-link:hover, fieldset[disabled] .pdp-onlinecatalog-link:focus, fieldset[disabled] .pdp-onlinecatalog-link.focus { background-color: #EDD9EA; border-color: #A44C96; } .pdp-onlinecatalog-link .badge { color: #EDD9EA; background-color: #4F4B43; } } .price-wrapper { text-align: right; } .price-wrapper .price-type, .price-wrapper .reduce { color: #757571; font-size: 16px; margin-right: 5px; } .price-wrapper .reduce { text-decoration: line-through; } .price-wrapper .price-sale { display: block; font-size: 30px; } .price-wrapper .price-sale .prefix { font-size: 16px; } @media (max-width: 767px) { .price-wrapper .price-sale { display: block; text-align: right; } } .price-wrapper .price-info-old { margin-top: 15px; display: block; } @media (max-width: 767px) { .price-wrapper .price-info-old { display: inline-block; text-align: right; } } .price-wrapper .monthly-rate { display: block; color: #757571; } .price-wrapper .monthly-rate a { color: #757571; } #energyLabelBox .layer-wrapper { width: 226px; } #energyLabelBox .layer-wrapper .layerContent { text-align: center; } #energyLabelBox .layer-wrapper .layerContent img { display: inline-block; } .tax-wrapper { color: #A3A3A3; font-size: 12px; text-align: right; display: block; } .predicates { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-around; align-content: flex-start; margin-bottom: 30px; } .predicates li { display: flex; margin-bottom: 20px; background: none; align-items: center; } .predicates li img { max-width: 100px; } .video-container { position: relative; width: 100%; } .video-container .video-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .productSpecifications, .productSpecifications-linkContainer { width: 100%; display: inline-block; text-align: right; margin: 0 0 5px 0; } .productSpecifications img, .productSpecifications-linkContainer img { display: inline-block; } .variante-list-type-btn li { float: none; display: inline-block; margin: 0 4px 3px 0; } .variante-list-type-btn li button { display: inline-block; height: 33px; line-height: 26px; width: 33px; padding: 2px; border-style: solid; border-width: 1px; border-radius: 4px 0; cursor: pointer; float: none; position: relative; text-align: center; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; font-size: 12px; color: #4f4b43; background-color: #fff; border-color: #BABABA; } .variante-list-type-btn li button:hover, .variante-list-type-btn li button:focus, .variante-list-type-btn li button.focus { color: #fff; background-color: #A44C96; border-color: #A44C96; } .variante-list-type-btn li.selected button { pointer-events: none; color: #fff; background-color: #A44C96; border-color: none; } .variante-list-type-btn li.selected button:hover, .variante-list-type-btn li.selected button:focus, .variante-list-type-btn li.selected button.focus { color: #4f4b43; background-color: #fff; border-color: none; } .variante-list-type-btn li.conditional button { opacity: 0.4; filter: alpha(opacity=40); color: #BABABA; background-color: #FAFAFA; border-color: #EEEEEE; } .variante-list-type-btn li.conditional button:hover, .variante-list-type-btn li.conditional button:focus, .variante-list-type-btn li.conditional button.focus { color: #BABABA; background-color: #FAFAFA; border-color: #EEEEEE; } .variante-list-type-btn.variante-list-type-btn-feature li button { min-width: 51px; width: 100%; -webkit-transition: width 0s; transition: width 0s; } .pds-product-list-carousel .productListCarousel { text-align: center; color: #757571; font-size: 18px; } .pds-product-list-carousel .sliderProducts .js-sliderProducts-c-boxBody { background: transparent; border: 0; } .productDetailPage-top { margin-bottom: 20px; } .productDetailPage { /* * === LEFT === */ /* * === RIGHT === */ } .productDetailPage .panel-transparent > .panel-heading { background: none; border-bottom: 2px solid #A44C96; } .productDetailPage .panel-body { font-size: 15px; } .productDetailPage iframe { width: 100%; } @media (min-width: 768px) { .productDetailPage .pds-headline { overflow: hidden; } } .productDetailPage .pds-headline .pds-headline-inner { width: calc(100% - 80px); float: left; } @media (max-width: 767px) { .productDetailPage .pds-headline .pds-headline-inner { margin-bottom: 20px; } } .productDetailPage .pds-headline .pds-headline-inner h1 { font-size: 18px; color: #757571; font-weight: 700; margin: 15px 0; } .productDetailPage .pds-headline .img-logo { float: left; } @media (max-width: 767px) { .productDetailPage .pds-headline .img-logo { margin-top: -15px; } } @media (min-width: 768px) { .productDetailPage-left { max-height: 530px; } } .productDetailPage-left .thumbnails { float: left; width: 82px; margin-right: 15px; /* fixed on load bug */ min-height: 1px; } .productDetailPage-left .thumbnails .slick-slide.slick-hover img { border-color: #A44C96; } .productDetailPage-left .pds-thumbnails-wrapper { margin: auto; /* required for pds thumbnail slider */ } .productDetailPage-left .pds-thumbnails-wrapper .slick-prev, .productDetailPage-left .pds-thumbnails-wrapper .slick-next { padding: 0; } .productDetailPage-left .pds-thumbnails-wrapper .slick-prev:before { content: "\e908"; } .productDetailPage-left .pds-thumbnails-wrapper .slick-next:before { content: "\e905"; } .productDetailPage-left .pds-thumbnails-wrapper .js-pds-thumbnails.with-prev-and-next-arrows { padding: 40px 0; } .productDetailPage-left .pds-thumbnails-wrapper .js-thumbnailLink { display: block; width: 80px; height: 80px; margin-bottom: 11px; overflow: hidden; } .productDetailPage-left .pds-thumbnails-wrapper .js-thumbnailLink img { width: 100%; height: 100%; object-fit: cover; } .productDetailPage-left .pds-thumbnails-wrapper img { opacity: 0.6; } .productDetailPage-left .pds-thumbnails-wrapper img:hover { opacity: 1; } .productDetailPage-left .pds-thumbnails-wrapper img.translucent { opacity: 0.6 !important; } .productDetailPage-left .pds-thumbnails-wrapper .slick-hover img { opacity: 1; } .productDetailPage-left .pds-thumbnails-wrapper .slick-hover img.translucent { opacity: 1 !important; } .productDetailPage-left .pds-thumbnails-wrapper .slick-slide img { margin: auto; border: 1px solid #EEEEEE; } .productDetailPage-left .pds-thumbnails-wrapper .slick-next { right: 0; left: 0; margin: 0 auto; bottom: 0; top: inherit; } .productDetailPage-left .pds-thumbnails-wrapper .slick-prev { right: 0; left: 0; margin: 0 auto; top: 0; bottom: inherit; } .productDetailPage-left .pds-main-image-wrapper { float: right; width: 80%; width: calc(100% - 97px); position: relative; } .productDetailPage-left .pds-main-image-wrapper .pds-main-image-slider { margin-bottom: 20px; text-align: center; } .productDetailPage-left .pds-main-image-wrapper .pds-main-image-slider.slick-dotted { margin-bottom: 50px; } .productDetailPage-left .pds-main-image-wrapper .pds-main-image-slider .slick-slide { width: 100%; } .productDetailPage-left .pds-main-image-wrapper a { max-width: 100%; } .productDetailPage-left .pds-main-image-wrapper .image-badge-wrapper { display: inline-block; position: relative; max-width: 100%; } @media (min-width: 768px) { .productDetailPage-left .pds-main-image-wrapper .image-badge-wrapper:before { content: "\e90e"; position: absolute; bottom: 10px; right: 10px; z-index: 2; font-size: 24px; font-family: 'BADER-Iconfont' !important; pointer-events: none; font-weight: 700; } } @media (min-width: 768px) { .productDetailPage-left .pds-main-image-wrapper .image-badge-wrapper img { flex: 1; max-width: 100%; max-height: 530px; } } .productDetailPage-right { float: right; padding-left: 50px; } .productDetailPage-right-inner-padding { padding: 0 20px; } .productDetailPage-right .product-details-short-description { padding: 0; margin-bottom: 5px; font-size: 15px; } .productDetailPage-right .hr-light { margin: 10px 0; } .productDetailPage-right .brand p { margin: 0; padding: 0; float: right; } .productDetailPage-right .tax-wrapper, .productDetailPage-right .monthly-rate { float: right; } .productDetailPage-right .tax-wrapper { padding-left: 5px; margin-left: 5px; position: relative; } .productDetailPage-right .tax-wrapper.extended:before { content: "|"; position: absolute; left: 0; top: 0; } .productDetailPage-right .pds-form-horizontal { padding: 0 10px; margin-bottom: 15px; } .productDetailPage-right .pds-form-horizontal .form-group { width: 50%; float: left; margin: 0 0 15px 0; } .productDetailPage-right .pds-form-horizontal .form-group .control-label { text-align: left; padding: 0 10px 0 10px; margin-bottom: 10px; color: #757571; } .productDetailPage-right .pds-form-horizontal .form-group .col-xs-12 { padding: 0; } .productDetailPage-right .pds-form-horizontal.form-attributes { padding-right: 0; margin-right: -10px; } .productDetailPage-right .price-info-old, .productDetailPage-right .price-sale { display: inline-block; } .productDetailPage-right .price-info-old { margin-right: 10px; } .productDetailPage-right .price { font-size: 30px; } .productDetailPage-right .product-availability { margin: 20px 0; } .productDetailPage-right .product-availability .btn-availability-info { display: inline-block; padding: 0; border: 0; margin-left: 10px; line-height: 22px; } .productDetailPage-right .product-add-to-cart-wrapper .form-group { margin-bottom: 0; } .productDetailPage-right .panel-group-accordion { padding: 0 20px; } .productDetailPage .panel-warnings .row { margin-bottom: 15px; } .productDetailPage .panel-warnings .symbol { display: inline-block; max-width: 128px; } .productDetailPage .panel-warnings .title { font-weight: 700; } .productDetailPage .panel-warnings .content { word-break: break-word; } /* * === BOTTOM === */ .pds-bottom-left-col-padding { padding-left: 10px; } @media (min-width: 768px) { .pds-bottom-left-col-padding { padding-left: 75px; } } @media (min-width: 1024px) { .pds-bottom-left-col-padding { padding-left: 105px; } } .pds-bottom-right-col-padding { padding-left: 10px; float: right; } @media (min-width: 1024px) { .pds-bottom-right-col-padding { padding-left: 50px; } } .product-detail-bottom h2 { font-size: 20px; } .product-detail-bottom .panel-group { margin-bottom: 5px; } .product-detail-bottom .panel-group-accordion.two-column { /* thumbnail width + margin & row margin = 95px */ /* main image margin-right + inner-padding pds details = 90px */ } .product-detail-bottom .panel-group-accordion.two-column .pds-left-colmn { padding-left: 85px; } .product-detail-bottom .panel-group-accordion.two-column .pds-right-colmn { padding-left: 90px; } .product-detail-bottom .accordionDescription ul { padding-left: 17px; margin-bottom: 15px; list-style-type: disc; } /* * fix for full-background-color(.bg-greyVlight) * added padding/margin only for proudct sliders * we don't know is the cms slot are empty or not */ .pds-product-list-carousel .sliderProducts { margin-bottom: 20px; padding: 20px 0; } @media (max-width: 1023px) { .productDetailPage-left .pds-main-image-wrapper { width: 85%; width: calc(100% - 70px); } .productDetailPage-left .thumbnails { width: 55px; } .productDetailPage-left .pds-thumbnails-wrapper .js-thumbnailLink { width: 50px; height: 50px; } .productDetailPage-right { padding: 0 10px; } .productDetailPage-right .pds-form-horizontal { margin: 0 -10px; } .productDetailPage-right .pds-form-horizontal .form-group { width: 100%; margin-bottom: 10px; padding-left: 15px; } .product-detail-bottom .panel-group-accordion.two-column .pds-left-colmn { padding-left: 65px; } .product-detail-bottom .panel-group-accordion.two-column .pds-right-colmn { padding-left: 95px; } } .price-details-center-wrapper { display: table; width: 100%; } .price-details-center-wrapper .price-details-wrapper-left, .price-details-center-wrapper .price-details-wrapper-right { display: table-cell; } .price-details-center-wrapper .price-details-wrapper-left.preis-tipp { width: 80%; } .price-details-center-wrapper .price-details-wrapper-left.jubilee { width: 80%; } .price-details-center-wrapper .price-details-wrapper-right { width: 20%; vertical-align: middle; } .price-details-center-wrapper .price-details-wrapper-right .preis-tipp-wrapper, .price-details-center-wrapper .price-details-wrapper-right .jubilee-wrapper { width: 100%; max-width: 90px; float: right; padding-left: 20px; } .price-details-center-wrapper .price-details-wrapper-right .preis-tipp-wrapper { max-width: 90px; } .price-details-center-wrapper .price-details-wrapper-right .jubilee-wrapper { max-width: 120px; padding-bottom: 10px; } .care-instructions-wrapper { clear: both; margin: 20px 0; padding: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } @media (max-width: 500px) { .care-instructions-wrapper { padding: 20px 5px; } } .care-instructions-wrapper .care-instructions { list-style-type: none !important; padding: 0 !important; margin: 0 !important; } .care-instructions-wrapper .care-instructions li { display: flex; align-items: center; min-height: 40px; line-height: 20px; } .care-instructions-wrapper .care-instructions li span { width: calc(100% - 40px); } .care-instructions-wrapper .care-instructions img { width: 30px; margin-right: 10px; } /* only screen xs styles */ @media (max-width: 767px) { .predicates li img { margin: 0 auto; } .productDetailPage-right { padding: 0 10px; } .productDetailPage-right .panel-group-accordion, .productDetailPage-right .pds-form-horizontal { padding: 0; } .productDetailPage-right .pds-form-horizontal .form-group { padding-left: 0; } .productDetailPage-right iframe { width: 100%; } .productDetailPage-right-inner-padding { padding: 0; } .productDetailPage-left .pds-main-image-wrapper { width: 100%; /* fix for empty images */ min-height: 250px; float: left; /* fix for touch devices */ } .productDetailPage-left .pds-main-image-wrapper img { max-height: 400px; margin: auto; } .productDetailPage-left .pds-main-image-wrapper #ProductDisplay { pointer-events: none; } .productDetailPage-left .thumbnails { width: 100%; margin-top: 20px; display: none; } .productDetailPage-left .thumbnails .js-pds-thumbnails.with-prev-and-next-arrows { padding: 0; } .productDetailPage-left .thumbnails .slick-list { text-align: center; padding: 0 !important; } .productDetailPage-left .thumbnails .slick-track { width: 100% !important; transform: none !important; } .productDetailPage-left .thumbnails .slick-slide, .productDetailPage-left .thumbnails .js-thumbnailLink { display: inline-block; float: none; width: 10px !important; height: 10px !important; border-radius: 50%; } .productDetailPage-left .thumbnails .slick-slide { margin: 0 5px; background-color: #ece9e2; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .productDetailPage-left .thumbnails .slick-slide.slick-hover { background-color: #878682; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .productDetailPage-left .thumbnails .slick-arrow { display: none !important; } .productDetailPage-left .thumbnails img { display: none; } .productDetailPage-top { margin-bottom: 0; } .product-detail-bottom .panel-group-accordion.two-column .pds-left-colmn, .product-detail-bottom .panel-group-accordion.two-column .pds-right-colmn { padding: 0; width: 100%; } .zoomContainer, .zoomWindowContainer { display: none !important; } } /* end @media (max-width: $screen-xsl-max) */ @media (min-width: 768px) { .tabbedNav li { display: inline-block; margin-right: 10px; padding: 0 10px; border: 1px solid #EEEEEE; border-radius: 0px 0 0px 0; } .tabbedNav li.active { border-bottom-color: #EEEEEE; } .tabbedContainer { margin-top: -1px; padding: 10px; border: 1px solid #EEEEEE; } } /* @media (min-width: $screen-sm-min) */ .description-image-info img { margin: 0 auto; } /* styling for zoom popup */ .modal-layer.main-image-popup { /* no overwrite for add to cart */ } .modal-layer.main-image-popup .layer-wrapper { padding-top: 10px; margin: 0; width: 100%; height: auto !important; max-height: none !important; } .modal-layer.main-image-popup .layer-wrapper .compensatePdg { overflow-x: scroll; } .modal-layer.main-image-popup .layer-wrapper .scroll { height: 100% !important; max-height: 100% !important; } .modal-layer.main-image-popup .layer-wrapper .scroll .compensatePdg { overflow-x: visible; } .modal-layer.main-image-popup .modal-wrapper-close:not(.add-to-cart) { width: 100%; height: 40px; margin: -10px 0 0 0; position: static; } .modal-layer.main-image-popup .close:not(.add-to-cart) { position: fixed; top: 0; left: 0; width: 100%; border-radius: 0; background-color: #d4d1cb; border-color: #d4d1cb; } .modal-layer.main-image-popup .close:not(.add-to-cart):before { content: attr(title); width: 100%; font-family: "Cabin", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 16px; } .modal-layer.main-image-popup .close:not(.add-to-cart):after { content: "\e909"; width: 100%; font-family: 'BADER-Iconfont' !important; font-size: 16px; position: absolute; right: 0; top: 0; z-index: 2; width: 30px; height: 38px; line-height: 38px; } .modal-layer.main-image-popup .layer-wrapper { background: rgba(255, 255, 255, 0.4); padding-top: 0; transform: translate(0, 0) !important; transition: inherit !important; } .modal-layer.main-image-popup .layer-wrapper .layerContent.scroll { padding: 0; margin-top: 0; } .modal-layer.main-image-popup .modal-wrapper-close { position: absolute; margin: 0 auto; transform: translate(0, 0) !important; transition: inherit !important; } .modal-layer.main-image-popup .close { width: 40px; right: -100px; left: auto; top: 10px; position: absolute; background: #fff; } .modal-layer.main-image-popup .close:before { font-size: 0; } .modal-layer.main-image-popup .close:after { right: -4px; } .modal-layer.main-image-popup .close:focus, .modal-layer.main-image-popup .close:hover { color: #000; background: #fff; } .modal-layer.main-image-popup .close, .modal-layer.main-image-popup .switcher { border: none; border-radius: 0; } .modal-layer.main-image-popup .mainContent { overflow: hidden; display: block; } .modal-layer.main-image-popup .mainContent .content-wrapper { display: flex; position: relative; overflow: hidden; clear: both; } .modal-layer.main-image-popup .mainContent .content-wrapper:before { content: ""; height: 100%; background-color: #fff; width: 100px; position: absolute; top: 0; left: 0; z-index: 2; } .modal-layer.main-image-popup .mainContent .content-wrapper.slick-initialized:before, .modal-layer.main-image-popup .mainContent .content-wrapper.remove-helper-container:before { content: none; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper { display: flex; align-self: center; padding: 40px 10px; width: 100px; margin-right: 0; z-index: 1; overflow: hidden; float: left; min-height: 1px; position: relative; /* required for pds thumbnail slider */ /* required for pds thumbnail slider */ } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper:before { content: ""; height: 200%; background-color: #fff; width: 100px; position: absolute; top: -50%; left: 0; z-index: -1; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper.remove-helper-container:before { content: none; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper.slick-initialized { z-index: 3; overflow: visible; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper img { opacity: 0.6; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper img:hover { opacity: 1; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper img.translucent { opacity: 0.6 !important; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper .slick-slide-selected img, .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper .slick-hover img { opacity: 1; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper .slick-slide-selected img.translucent, .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper .slick-hover img.translucent { opacity: 1 !important; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper img.slick-slide { display: block; width: 80px; height: 80px; margin: auto; margin-bottom: 11px; border: 1px solid #EEEEEE; outline: none; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper img.slick-slide.slick-hover { opacity: 1 !important; border-color: #A44C96; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper .slick-next { right: 0; left: 0; margin: 0 auto; bottom: 0; top: inherit; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper .slick-next:before { content: "\e905"; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper .slick-prev { right: 0; left: 0; margin: 0 auto; top: -10px; bottom: inherit; } .modal-layer.main-image-popup .mainContent .content-wrapper .pds-thumbnails-wrapper .slick-prev:before { content: "\e908"; } .modal-layer.main-image-popup .mainContent .content-wrapper .zoom-image { margin: 0 auto; padding: 20px 0; position: relative; height: 100%; max-width: 540px; /* biggest possible size in SM to prevent overlapping */ max-width: calc(100% - 224px); } .modal-layer.main-image-popup .mainContent .content-wrapper .zoom-image:before { content: ""; background: #fff; height: 98%; height: calc(100% - 20px); width: 102%; width: calc(100% + 20px); z-index: -1; top: 10px; left: -10px; position: absolute; } .modal-layer.main-image-popup .mainContent .content-wrapper .zoom-image .slick-prev { left: -45px; } .modal-layer.main-image-popup .mainContent .content-wrapper .zoom-image .slick-next { right: -45px; } .modal-layer.main-image-popup .mainContent .content-wrapper .zoom-image .main-image { max-height: 100%; } .modal-layer.main-image-popup .textClose { display: none; } .max-quantity-text { font-size: 12px; } @media (min-width: 1280px) { .max-quantity-text { padding-left: 200px; } } #RestColRight .headline-results-info { padding-bottom: 20px; } #RestColRight .headline-results-info h1 { font-size: 16px; font-weight: 700; margin: 0; float: left; padding-right: 6px; } #RestColRight .headline-results-info .resultInfo { white-space: nowrap; } .category-slider { position: relative; margin-bottom: 20px; } @media (min-width: 768px) { .category-slider { display: none; } } .category-slider .slick-list { margin: 0 50px; } .category-slider .slick-prev, .category-slider .slick-next { position: absolute; top: 0; line-height: 1; padding: 0; } .category-slider .slick-prev { left: 0; } .category-slider .slick-next { right: 0; } .category-slider .slick-slide { text-align: center; } .flex-row { display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .flex-row:before, .flex-row:after { content: normal; } .flex-row .flex-col { display: inline-block; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } @media (min-width: 768px) { .filter-facett-container { margin-top: 10px; padding-top: 20px; border-top: 1px solid #EDD9EA; margin-bottom: 10px; border-bottom: 1px solid #EDD9EA; } .filter-facett-container .facette-select { width: auto !important; margin-right: 10px; margin-bottom: 20px; } .filter-facett-container .facette-select .dropdown-menu { min-width: 250px; } } .btn-primary.removeFilter { color: #4f4b43; border-color: #4f4b43; } .btn-primary.removeFilter .icon-close_1 { font-weight: 600; } /* small btn's for selected filters */ .selected-facets .selected-facette-container .btn, .selected-facets .selected-facette-container .boxInnerHeight193 .doubleCol .control a, .boxInnerHeight193 .doubleCol .control .selected-facets .selected-facette-container a, .selected-facets .selected-facette-container .SizeCalculator { margin-bottom: 20px; } .selected-facets .btn, .selected-facets .boxInnerHeight193 .doubleCol .control a, .boxInnerHeight193 .doubleCol .control .selected-facets a, .selected-facets .SizeCalculator { padding: 2px 12px; height: 24px; font-size: 12px; } .selected-facets .btn i, .selected-facets .boxInnerHeight193 .doubleCol .control a i, .boxInnerHeight193 .doubleCol .control .selected-facets a i, .selected-facets .SizeCalculator i { font-size: 10px; margin-right: 0; margin-left: 6px; } /* pager for productlist pages */ .paginationWrapper { padding: 10px 0; margin-bottom: 20px; } @media (max-width: 1023px) { .paginationWrapper { padding-top: 0; } } @media (min-width: 768px) { .paginationWrapper { /* overwrite select styling */ } .paginationWrapper .no-outline { width: auto !important; left: 0; } .paginationWrapper .no-outline .dropdown-toggle { border: none !important; } .paginationWrapper .no-outline .dropdown-toggle .filter-option { font-weight: 900; } .paginationWrapper .no-outline .icon-chef_down { font-weight: 900 !important; } .paginationWrapper .no-outline .bs-caret { width: 16px; } .paginationWrapper .no-outline .bs-caret:before { content: none !important; } } .paginationWrapper .page-size-wrapper label.control-label { text-align: left; } @media (max-width: 1279px) { .paginationWrapper .page-size-wrapper.width-auto { width: auto; } .paginationWrapper .page-size-wrapper.width-auto label { min-width: 110px; } .paginationWrapper .page-size-wrapper.width-auto .select-wrapper { width: auto; padding: 0; } } @media (max-width: 1023px) { .paginationWrapper .page-size-wrapper.width-auto { width: 25%; } .paginationWrapper .page-size-wrapper.width-auto .select-wrapper { width: 100%; padding: 0 10px; } } .paginationWrapper .form-pagination .form-pagination-arrow { vertical-align: top; } .paginationWrapper .form-pagination .form-pagination-arrow-right { margin-right: 10px; } @media (max-width: 1023px) { .paginationWrapper .form-pagination .form-pagination-arrow-left { float: left; margin-left: 10px; } } @media (max-width: 767px) { .sticky-nav-bottom-action .btn.form-pagination-arrow-right, .sticky-nav-bottom-action .boxInnerHeight193 .doubleCol .control a.form-pagination-arrow-right, .boxInnerHeight193 .doubleCol .control .sticky-nav-bottom-action a.form-pagination-arrow-right, .sticky-nav-bottom-action .form-pagination-arrow-right.SizeCalculator, .sticky-nav-bottom-action .btn.form-pagination-arrow-left, .sticky-nav-bottom-action .boxInnerHeight193 .doubleCol .control a.form-pagination-arrow-left, .boxInnerHeight193 .doubleCol .control .sticky-nav-bottom-action a.form-pagination-arrow-left, .sticky-nav-bottom-action .form-pagination-arrow-left.SizeCalculator { display: none; } } /* overwrite bootstrap for the smallest sm VP*/ @media (min-width: 768px) and (max-width: 1023px) and (max-width: 820px) { .paginationWrapper .pager-wrapper .form-pagination .form-pagination-input { margin: 0 3px; } } /* styling of product tile */ .product-wrapper { border: 1px solid #EDD9EA; transition: border 300ms ease-out; width: 100%; margin-bottom: 20px; padding: 5px; } .product-wrapper a { text-decoration: none; text-align: left; } .product-wrapper a:active, .product-wrapper a:focus { color: #4f4b43; } .product-wrapper:hover { border-color: #A44C96; } .product-wrapper:hover a { color: #4f4b43; } .product-wrapper .outer-image-box { height: 0; position: relative; } .product-wrapper .outer-image-box.xx-tall { padding-bottom: 138.3721%; } .product-wrapper .outer-image-box.x-tall { padding-bottom: 135.2%; } .product-wrapper .outer-image-box.tall { padding-bottom: 123.464%; } .product-wrapper .outer-image-box.square { padding-bottom: 100%; } .product-wrapper .outer-image-box .inner-image-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; overflow: hidden; } .product-wrapper .outer-image-box .inner-image-box .centered-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .product-wrapper .color-picker { padding-left: 16px; padding-right: 16px; margin-top: 10px; max-height: 30px; overflow: hidden; width: 154px; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .product-wrapper .color-picker { display: none; } } .product-wrapper .color-picker > .bubble-wrapper { display: inline-block; } @media (min-width: 851px) and (max-width: 1023px), (min-width: 1101px) and (max-width: 1279px) { .product-wrapper .color-picker { padding-left: 24px; padding-right: 24px; width: 170px; } } @media (min-width: 1280px) { .product-wrapper .color-picker { padding-left: 24px; padding-right: 24px; width: 200px; } } .product-wrapper .color-picker .slick-prev { left: 0; } .product-wrapper .color-picker .slick-next { right: 0; } .product-wrapper .color-picker .slick-arrow { background: none; border-width: 0; height: 24px; width: 16px; } @media (min-width: 851px) and (max-width: 1023px), (min-width: 1101px) and (max-width: 1279px), (min-width: 1280px) { .product-wrapper .color-picker .slick-arrow { width: 24px; } } .product-wrapper .color-picker .slick-arrow:before { font-size: 14px; font-weight: bolder; } .product-wrapper .color-picker .slick-arrow:hover { color: #A3A3A3; } .product-wrapper .color-picker .slick-arrow:focus { outline: none; } .product-wrapper .color-picker .slick-track { margin: auto; } .product-wrapper .color-picker .bubble-wrapper { margin: auto; } .product-wrapper .color-picker .bubble { background-size: cover; background-position: 50% 50%; display: inline-block; border: 1px solid #A3A3A3; border-radius: 0; height: 24px; width: 24px; margin: 0 4px; } .product-wrapper .color-picker .bubble.active { border: 2px solid #4f4b43; } .product-wrapper .color-picker .bubble:hover, .product-wrapper .color-picker .bubble.active:hover { border: 2px solid #A3A3A3; } .product-wrapper .color-picker .more-link { display: inline-block; font-size: 12px; line-height: 24px; vertical-align: top; } .product-wrapper .brand { min-width: 10px; font-weight: 700; color: #A3A3A3; } .product-wrapper .product-name-wrapper { text-align: left; width: 100%; display: block; } .product-wrapper .product-name-wrapper h2 { font-size: 14px; line-height: 1.42857; margin-top: 0; margin-bottom: 0; } .product-wrapper .tile-actions { padding: 0 20px; } /******************************************* * * BADER Product tile sizes * ********************************************/ .product-container, .product-container-3, .product-container-4 { float: left; position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } @media (max-width: 350px) { .product-container, .product-container-3, .product-container-4 { width: 100%; } } @media (min-width: 351px) and (max-width: 600px) { .product-container, .product-container-3, .product-container-4 { width: 50%; } } @media (min-width: 601px) and (max-width: 1024px) { .product-container, .product-container-3, .product-container-4 { width: 33.3333%; } } @media (min-width: 1025px) { .product-container, .product-container-4 { width: 25%; } } @media (min-width: 1025px) { .product-container-3 { width: 33.3333%; } } .bader-friends-list-page-inner .product-container { margin-bottom: 20px; } .bader-friends-list-page-inner .product-container .product-wrapper.bader-friends { position: relative; margin-bottom: 0; height: 100%; } .bader-friends-list-page-inner .product-container .product-wrapper.bader-friends .posAbs { position: absolute; top: 0; right: 0; } #paginationFormAjaxWrapperTop.no-facet { border-top: none; } #RestColRight .headline-results-info h1 { color: #757571; } .product-wrapper .color-picker { text-align: center; } .product-wrapper .color-picker .slick-arrow { color: #4F4B43; } .product-wrapper .color-picker .slick-arrow:hover { color: #A3A3A3; } .btn-primary.removeFilter { border-color: #4f4b43 !important; border-width: 1px; } .btn-primary.removeFilter .icon-close_1 { font-weight: 600; } /* * === GENERAL === */ .account-info-box { background-color: #fff; text-align: center; padding: 15px 40px; margin-bottom: 20px; } @media (max-width: 767px) { .account-info-box { padding: 15px 0; } } .account-info-box-headline, .account-info-box h2 { font-size: 24px; color: #757571; margin: 0 0 10px 0; } .account-info-box-description, .account-info-box p { line-height: 20px; color: #757571; padding: 0; margin: 0; font-size: 15px; } .account-info-box-description p, .account-info-box p p { padding: 0; margin-bottom: 10px; } .account-info-box-description p:last-child, .account-info-box p p:last-child { margin: 0; } .account-info-box ol li, .account-info-box .account-info-box-description { font-size: 15px; } .panel-login .ssl { font-size: 15px; } /* * === Dashboard === */ .my-bader-welcome-container { background: url("/styles/common/images/dashboard-teaser.jpg") no-repeat center center #A44C96; background-size: cover; padding: 5px; text-align: center; color: #fff; } .my-bader-welcome-container-inner { border: 1px dashed #f2bd29; padding: 20px 80px; } @media (max-width: 767px) { .my-bader-welcome-container-inner { padding: 10px; } } .my-bader-welcome-container-headline, .my-bader-welcome-container h2 { margin: 0 0 20px 0; text-transform: uppercase; font-size: 24px; } .my-bader-welcome-container-description p, .my-bader-welcome-container p { padding: 0; } .my-bader-welcome-container-description p:last-child, .my-bader-welcome-container p:last-child { margin: 0; } .my-bader-welcome-container ol { text-align: left; } .my-bader-welcome-container.type-02 { padding: 10px; } .my-bader-welcome-container.type-02 .my-bader-welcome-container-inner { border: 0; background-color: #fff; background: rgba(255, 255, 255, 0.6); color: #757571; } .second-container .panel { margin-bottom: 40px; } @media (max-width: 767px) { .second-container .panel { margin-bottom: 20px; } } .second-container .panel-section-description { font-size: 15px; } /* * === Wishlist === */ .wishlist-content .wishlist-entry-hidden { display: none; } .wishlist-content .product-line { padding: 0 30px; } @media (max-width: 767px) { .wishlist-content .product-line { padding: 0; } } .wishlist-content .product-line-content { border-bottom: 1px solid #ddd; padding: 30px 0; } .wishlist-content .product-line:last-child .product-line-content, .wishlist-content .product-line.last .product-line-content { border: 0; } .wishlist-content .product-line .product-price, .wishlist-content .product-line .product-number, .wishlist-content .product-line .product-name { margin-bottom: 10px; } .wishlist-content .product-line .product-name { color: #878682; font-weight: 700; font-size: 16px; text-decoration: none; display: block; } .wishlist-content .product-line .wishlist-link { display: inline-block; border: 1px solid #EEEEEE; position: relative; max-width: 80px; } .wishlist-content .product-line .wishlist-link:hover, .wishlist-content .product-line .wishlist-link:focus { border-color: #4f4b43; } .wishlist-content .product-line .actions .btn, .wishlist-content .product-line .actions .boxInnerHeight193 .doubleCol .control a, .boxInnerHeight193 .doubleCol .control .wishlist-content .product-line .actions a, .wishlist-content .product-line .actions .SizeCalculator { margin-bottom: 15px; } .wishlist-content .product-line .actions .btn-link { text-align: right; } @media (max-width: 767px) { .wishlist-content .product-line .actions { margin-top: 20px; padding: 0 20px; } } /* * === OrderHistory === */ .orderhistory .orderhistorylist-content .orderhistorylist-entry-hidden { display: none; } .orderhistory .orderhistorylist-content .order-line { padding: 0 30px; } @media (max-width: 767px) { .orderhistory .orderhistorylist-content .order-line { padding: 0; } } .orderhistory .orderhistorylist-content .order-line .order-line-content { padding: 0 0 30px; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-header { background: #FAFAFA; border: 1px solid #EEEEEE; border-radius: 4px 0; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-header .heading { font-weight: 700; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry span { display: block; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .entry-link { text-decoration: none; border: 1px solid transparent; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transition-property: border-color; transition-property: border-color; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .entry-link:hover, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .entry-link:focus { border-color: #ddd; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transition-property: border-color; transition-property: border-color; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .entry-link.obsolete img { opacity: 0.5; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-image-box, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-box { height: 0; position: relative; padding-bottom: 138.3721%; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-image-box .inner-image-box, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-box .inner-image-box { background-color: transparent; overflow: hidden; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-image-box .inner-image-box .centered-image, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-box .inner-image-box .centered-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-image-box .inner-box, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-box .inner-box { border: 1px solid #A44C96; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-image-box .inner-box .label, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-box .inner-box .label { position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); font-size: 32px; color: #A3A3A3; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-image-box .inner-image-box, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-image-box .inner-box, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-box .inner-image-box, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-box .inner-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-image-box.plus-x:hover, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-box.plus-x:hover { background-color: #EEEEEE; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-image-box.plus-x:hover .inner-box, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-box.plus-x:hover .inner-box { border: 1px solid #EDD9EA; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-image-box.plus-x:hover .inner-box .label, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .entry .outer-box.plus-x:hover .inner-box .label { color: #4f4b43; } .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .btn, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .boxInnerHeight193 .doubleCol .control a, .boxInnerHeight193 .doubleCol .control .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries a, .orderhistory .orderhistorylist-content .order-line .order-line-content .order-entries .SizeCalculator { min-width: 150px; } .orderhistory #OrderInfos .product-name-wrapper { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #A3A3A3; } .orderhistory #OrderInfos .prices { margin-top: 10px; font-size: 14px; } .orderhistory #OrderInfos .prices .single-price, .orderhistory #OrderInfos .prices .single-price span { color: #757571; } .orderhistory #OrderInfos .prices .price-sale { color: #4f4b43; } .orderhistory #OrderInfos .faq li { margin: 0 10px; padding: 20px 0; border-bottom: 1px solid #A3A3A3; } .orderhistory #OrderInfos .faq li:last-child { border-bottom: none; } @media (min-width: 768px) { .orderhistory .flex-row-desktop { display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -webkit-box-pack: end; -moz-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: end; -webkit-align-content: flex-end; -ms-flex-line-pack: end; justify-content: flex-end; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .orderhistory .flex-row-desktop .panel-transparent { width: 50%; } .orderhistory .flex-row-desktop .panel-transparent.first-item { margin-right: 10px; } .orderhistory .flex-row-desktop .panel-transparent.second-item { margin-left: 10px; } .orderhistory .flex-row-desktop .panel-transparent .panel-body { height: calc(100% - 41px); } .orderhistory .order-history-pager { float: right !important; } .orderhistory .order-history-pager .col-xsp-12.left { float: left !important; width: auto; } } .orderhistory .obsolete-product { position: absolute; left: 0; right: 0; background-color: #fff; margin-top: 30px; text-align: center; } .orderhistory .btn.btn-collapse, .orderhistory .boxInnerHeight193 .doubleCol .control a.btn-collapse, .boxInnerHeight193 .doubleCol .control .orderhistory a.btn-collapse, .orderhistory .btn-collapse.SizeCalculator { border-radius: 0px 0 0 0; } .orderhistory .action-order-tracking-container { text-align: right; padding: 10px; margin-bottom: 20px; background-color: #FAFAFA; border-radius: 0 0 0px 0; } @media (max-width: 500px) { .myBaderRegistrationPage-conent .panel-body.pal { padding-left: 5px; padding-right: 5px; } } .checkout-panel-payment-mode-additional-info { padding: 0 25px; margin: 0 -10px; } .checkout-panel-col-wrapper { padding: 20px 15px; min-height: 120px; } @media (max-width: 767px) { .checkout-panel-col-wrapper { height: auto !important; } } .checkout-panel-col-wrapper .checkout-panel-col-content { position: relative; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section { margin-bottom: 15px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section:last-child { margin-bottom: 0; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-name { margin-bottom: 15px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value { display: none; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-additional { background: #FAFAFA; padding: 20px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-additional .info-box label { background-color: #fff; border: 1px solid #EEEEEE; border-radius: 4px 0; padding: 10px 10px 10px 35px; width: 100%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transition-property: border-color; transition-property: border-color; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-additional .info-box label:before { left: 10px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-additional .info-box label:after { left: 14px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-additional .info-box label:hover, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-additional .info-box label:focus { border-color: #A44C96; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transition-property: border-color; transition-property: border-color; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner { background: #FAFAFA; padding: 20px; margin-bottom: 20px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .form-control:-webkit-autofill, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .form-control:-webkit-autofill:focus, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .form-control:-webkit-autofill:active, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .form-control:-webkit-autofill:hover { background-color: #fff !important; -webkit-box-shadow: 0 0 0 50px #fff inset; -webkit-text-fill-color: #757571; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .DebitPayment:last-child .form-group { margin-bottom: 0; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .CreditCard span.form-control { padding: 0; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .col-seperator-birthday:before, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .col-seperator-birthday:after { width: 15%; } @media (min-width: 1024px) { .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .form-myBader-popup .col-seperator input { width: 70%; margin-left: 30%; } } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .col-error { width: 100%; margin: 0; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner label { text-align: left; margin-bottom: 5px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner label:after { position: static; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .custom-radio label::after { position: absolute; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner p { font-size: 15px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .col-sm-3:after { position: static; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-checkout-edit-finished { display: none; width: 100%; margin-top: 10px; } @media (min-width: 768px) { .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-checkout-edit-finished { width: auto; margin-top: 0; } } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-checkout-edit { line-height: 40px; margin: 0; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .PaymentDelay span { font-weight: 700; font-size: 14px !important; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .PaymentDelay p { margin-bottom: 0; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .info-box label { background-color: #fff; border: 1px solid #EEEEEE; border-radius: 4px 0; padding: 10px 10px 10px 35px; width: 100%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transition-property: border-color; transition-property: border-color; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .info-box label:before { left: 10px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .info-box label:hover, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .info-box label:focus { border-color: #A44C96; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transition-property: border-color; transition-property: border-color; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .Installment p { padding: 0; margin-bottom: 0; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-lightboxInstallments-c-paymentFormTerm { width: 100%; margin: 10px 0; display: block; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-lightboxInstallments-c-paymentFormTerm p { padding: 0 10px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-lightboxInstallments-c-paymentFormTerm dl { float: left; width: 100%; margin: 0; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-lightboxInstallments-c-paymentFormTerm dt { clear: both; margin-right: 5px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-lightboxInstallments-c-paymentFormTerm dt, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-lightboxInstallments-c-paymentFormTerm dd { width: auto; float: left; margin-bottom: 5px; } @media (min-width: 501px) { .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-lightboxInstallments-c-paymentFormTerm dt, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-lightboxInstallments-c-paymentFormTerm dd { margin-bottom: 0; } } @media (min-width: 767px) { .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-lightboxInstallments-c-paymentFormTerm dt, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-lightboxInstallments-c-paymentFormTerm dd { margin-bottom: 5px; } } @media (min-width: 1023px) { .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-lightboxInstallments-c-paymentFormTerm dt, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value .checkout-panel-col-value-inner .js-lightboxInstallments-c-paymentFormTerm dd { margin-bottom: 0; } } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-name input[type=radio]:checked ~ label:after { left: 25px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-name label { display: block; border: 1px solid #EEEEEE; border-radius: 0px 0 0px 0; padding: 10px 15px 10px 45px; outline: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transition-property: border-color; transition-property: border-color; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-name label:before { margin: auto 0 auto 20px; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-name label:hover, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-name label:focus { border-color: #A44C96; cursor: pointer; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transition-property: border-color; transition-property: border-color; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section input[type=radio]:checked + label { border-color: #878682; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section input[type=radio]:checked + label:hover, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section input[type=radio]:checked + label:focus { border-color: #A44C96; cursor: default; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section input[type=radio]:checked:focus + label { border-color: #A44C96; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section.in .checkout-panel-col-value { *display: block; } @media (min-width: 768px) { .checkout-panel-col-wrapper { padding: 20px 50px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section:last-child .checkout-panel-col-name { margin-bottom: 0; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-name { width: 50%; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-name { padding-right: 10%; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-value { position: absolute; top: 0; right: 0; } .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-input, .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .inputIframe { padding: 0; } .checkout-panel-payment-mode-additional-info { padding: 0 50px; margin: 0; } } @media (min-width: 1024px) { .checkout-panel-col-wrapper { padding: 20px 90px; } .checkout-panel-payment-mode-additional-info { padding: 0 90px; } } /* * === CART === */ .cart-edit .panel-body { padding-bottom: 0; } .cart-edit .btn-collapse { margin: 30px -11px 0 -11px; padding: 9px 15px; width: calc(100% + 22px); } .cart-edit #collapseTestGiftForm + .btn-collapse { margin-top: 10px; } @media (max-width: 767px) { .cart-mobile-header-h1 { font-size: 18px; color: #757571; font-weight: 700; padding-left: 10px; } } @media (min-width: 768px) { .cart-mobile-header-h1 { display: none; } } @media (max-width: 767px) { .cart-mobile-back-link { padding-left: 10px; } } @media (min-width: 768px) { .cart-mobile-back-link { display: none; } } .voucher-wrapper { padding: 30px 15px; background-size: cover; overflow: hidden; } @media (min-width: 768px) { .voucher-wrapper { padding: 30px 25px; } } .voucher-wrapper .voucher-content h3 { margin: 0 0 20px 0; font-size: 16px; color: #757571; font-weight: 700; } .voucher-wrapper .voucher-content .form-group p { margin: 0; padding: 0; color: #757571; font-size: 15px; } .voucher-wrapper .voucher-content .mbl { margin-top: 20px; margin-bottom: 10px; } @media (min-width: 768px) { .voucher-wrapper .voucher-content .mbl { margin-top: -20px; } } .voucher-wrapper .voucher-content .form-control { border-radius: 0px 0 0px 0; width: 100%; z-index: 1; } .voucher-wrapper .voucher-content .input-group-addon { display: inline-block; width: 100px; position: absolute; top: 0; right: 0; z-index: 2; } .checkout-table-wrapper .checkout-table-content .input-group-addon.disabled { cursor: default; } .checkout-table-wrapper .checkout-table-content .input-group-addon, .voucher-wrapper .voucher-content .input-group-addon { border: 0; padding: 9px 12px; height: 40px; line-height: 22px; text-decoration: none; color: #fff; background-color: #A44C96; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } @media (max-width: 767px) { .checkout-table-wrapper .checkout-table-content .input-group-addon, .voucher-wrapper .voucher-content .input-group-addon { border-radius: 0; } } .checkout-table-wrapper .checkout-table-content .input-group-addon:hover:not(.disabled), .checkout-table-wrapper .checkout-table-content .input-group-addon:focus:not(.disabled), .voucher-wrapper .voucher-content .input-group-addon:hover:not(.disabled), .voucher-wrapper .voucher-content .input-group-addon:focus:not(.disabled) { cursor: pointer; color: #4F4B43; background-color: #EDD9EA; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #collapseTestGiftForm .voucher-wrapper { background: none; margin: 0 -11px; } /* * === CART BOTTOM === */ .cart-content .wishlist-content { margin: 20px 0 40px 0; } .cart-bottom-wrapper { padding-top: 10px; } .cart-bottom-wrapper.border { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .cart-bottom-wrapper .cart-bottom-section.border { border-bottom: 1px solid #EEEEEE; margin-bottom: 20px; } .cart-bottom-wrapper .product-slider-wrapper .product-slider-headline { margin-top: 0; } @media (min-width: 768px) { .cart-bottom-wrapper { border-top: 1px solid #EEEEEE; padding-top: 0; } .cart-bottom-wrapper .cart-bottom-section.border { border-bottom: 1px solid #EEEEEE; margin-bottom: 20px; } } /* * === REVIEW PAGE === */ .checkout-review-sidebar .checkout-review-sidebar-wrap .panel .panel-body span { word-wrap: break-word; } .checkout-review-sidebar .checkout-review-sidebar-wrap:last-child .panel { margin-bottom: 0; } @media (min-width: 768px) { .checkout-review-sidebar-wrap { display: flex; justify-content: space-between; } .checkout-review-sidebar-col { display: flex; margin-bottom: 10px; } .checkout-review-sidebar-col .panel { height: calc(100% + 0px); width: 100%; } .checkout-review-sidebar-col .panel-body { height: calc(100% - 54px); } } @media (min-width: 1024px) { .checkout-review-sidebar-wrap { display: block; } .checkout-review-sidebar-col { display: block; margin-bottom: 0; } .checkout-review-sidebar-col .panel { height: auto; width: auto; } .checkout-review-sidebar-col .panel-body { height: auto; } } @media (min-width: 768px) { .checkOutReview-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-data { width: 50%; } .checkOutReview-content .checkout-table-wrapper .checkout-table-entry .qty-field { padding: 0; height: auto; border: 0; } } .trustSeals { margin: 20px 0 0 0; text-align: center; } .trustSeals img { display: inline-block; } @media (min-width: 768px) { .trustSeals { margin: 30px 0; } } .reviewchangelayer.modal-layer .layer-wrapper { width: 50%; max-width: 767px; } @media (max-width: 1023px) { .reviewchangelayer.modal-layer .layer-wrapper { width: 75%; } } .reviewchangelayerbig.modal-layer .layer-wrapper { width: 80%; max-width: 1050px; } @media (max-width: 767px) { .reviewchangelayer.modal-layer .layer-wrapper, .reviewchangelayerbig.modal-layer .layer-wrapper { width: 100%; } } .productinfolayer.modal-layer .layer-wrapper, .directorderlayer.modal-layer .layer-wrapper, .shoppinglistlayer.modal-layer .layer-wrapper { width: 750px; } @media (max-width: 767px) { .productinfolayer.modal-layer .layer-wrapper, .directorderlayer.modal-layer .layer-wrapper, .shoppinglistlayer.modal-layer .layer-wrapper { width: 100%; } .productinfolayer.modal-layer .layer-wrapper .slick-slide img, .directorderlayer.modal-layer .layer-wrapper .slick-slide img, .shoppinglistlayer.modal-layer .layer-wrapper .slick-slide img { max-height: 300px; margin: 0 auto; } } .productinfolayer.modal-layer .layer-wrapper .alert-success, .directorderlayer.modal-layer .layer-wrapper .alert-success, .shoppinglistlayer.modal-layer .layer-wrapper .alert-success { color: #746e63; background: none; border: none; padding-left: 0; } .productinfolayer.modal-layer .layer-wrapper .alert-success .icon, .directorderlayer.modal-layer .layer-wrapper .alert-success .icon, .shoppinglistlayer.modal-layer .layer-wrapper .alert-success .icon { margin-right: 11px; color: #74BD2B; } .productinfolayer.modal-layer .headline, .directorderlayer.modal-layer .headline, .shoppinglistlayer.modal-layer .headline { font-size: 18px; margin-bottom: 5px; display: block; } .productinfolayer.modal-layer .subline, .directorderlayer.modal-layer .subline, .shoppinglistlayer.modal-layer .subline { color: #A3A3A3; font-size: 12px; } .productinfolayer.modal-layer .border-bottom, .directorderlayer.modal-layer .border-bottom, .shoppinglistlayer.modal-layer .border-bottom { border-bottom: 1px solid #d1d1d1; margin-bottom: 10px; padding-bottom: 5px; } .productinfolayer.modal-layer .light, .directorderlayer.modal-layer .light, .shoppinglistlayer.modal-layer .light { color: #A3A3A3; } .productinfolayer.modal-layer .col-image, .productinfolayer.modal-layer .col-summary, .directorderlayer.modal-layer .col-image, .directorderlayer.modal-layer .col-summary, .shoppinglistlayer.modal-layer .col-image, .shoppinglistlayer.modal-layer .col-summary { margin-bottom: 20px; } @media (min-width: 768px) { .productinfolayer.modal-layer .col-image, .productinfolayer.modal-layer .col-summary, .directorderlayer.modal-layer .col-image, .directorderlayer.modal-layer .col-summary, .shoppinglistlayer.modal-layer .col-image, .shoppinglistlayer.modal-layer .col-summary { margin-bottom: 0; } } @media (max-width: 767px) { .productinfolayer.modal-layer .col-image img, .productinfolayer.modal-layer .col-summary img, .directorderlayer.modal-layer .col-image img, .directorderlayer.modal-layer .col-summary img, .shoppinglistlayer.modal-layer .col-image img, .shoppinglistlayer.modal-layer .col-summary img { margin: auto; } } @media (max-width: 767px) { .productinfolayer.modal-layer .col-image img, .directorderlayer.modal-layer .col-image img, .shoppinglistlayer.modal-layer .col-image img { max-height: 150px; } } .productinfolayer.modal-layer .col-product-desc p, .productinfolayer.modal-layer .col-product-features p, .productinfolayer.modal-layer .col-delivery-info p, .directorderlayer.modal-layer .col-product-desc p, .directorderlayer.modal-layer .col-product-features p, .directorderlayer.modal-layer .col-delivery-info p, .shoppinglistlayer.modal-layer .col-product-desc p, .shoppinglistlayer.modal-layer .col-product-features p, .shoppinglistlayer.modal-layer .col-delivery-info p { margin-bottom: 10px; padding-bottom: 0; } .productinfolayer.modal-layer .col-product-desc .headline, .productinfolayer.modal-layer .col-product-desc .subline, .productinfolayer.modal-layer .col-product-desc p, .productinfolayer.modal-layer .col-product-features .headline, .productinfolayer.modal-layer .col-product-features .subline, .productinfolayer.modal-layer .col-product-features p, .productinfolayer.modal-layer .col-delivery-info .headline, .productinfolayer.modal-layer .col-delivery-info .subline, .productinfolayer.modal-layer .col-delivery-info p, .directorderlayer.modal-layer .col-product-desc .headline, .directorderlayer.modal-layer .col-product-desc .subline, .directorderlayer.modal-layer .col-product-desc p, .directorderlayer.modal-layer .col-product-features .headline, .directorderlayer.modal-layer .col-product-features .subline, .directorderlayer.modal-layer .col-product-features p, .directorderlayer.modal-layer .col-delivery-info .headline, .directorderlayer.modal-layer .col-delivery-info .subline, .directorderlayer.modal-layer .col-delivery-info p, .shoppinglistlayer.modal-layer .col-product-desc .headline, .shoppinglistlayer.modal-layer .col-product-desc .subline, .shoppinglistlayer.modal-layer .col-product-desc p, .shoppinglistlayer.modal-layer .col-product-features .headline, .shoppinglistlayer.modal-layer .col-product-features .subline, .shoppinglistlayer.modal-layer .col-product-features p, .shoppinglistlayer.modal-layer .col-delivery-info .headline, .shoppinglistlayer.modal-layer .col-delivery-info .subline, .shoppinglistlayer.modal-layer .col-delivery-info p { padding: 0 15px; } .productinfolayer.modal-layer .col-product-desc .subline, .productinfolayer.modal-layer .col-product-features .subline, .productinfolayer.modal-layer .col-delivery-info .subline, .directorderlayer.modal-layer .col-product-desc .subline, .directorderlayer.modal-layer .col-product-features .subline, .directorderlayer.modal-layer .col-delivery-info .subline, .shoppinglistlayer.modal-layer .col-product-desc .subline, .shoppinglistlayer.modal-layer .col-product-features .subline, .shoppinglistlayer.modal-layer .col-delivery-info .subline { padding-bottom: 5px; } .productinfolayer.modal-layer .col-product-brand, .directorderlayer.modal-layer .col-product-brand, .shoppinglistlayer.modal-layer .col-product-brand { border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; padding-bottom: 5px; } .productinfolayer.modal-layer .col-product-feature .bg-greyVlight, .productinfolayer.modal-layer .col-functions .bg-greyVlight, .directorderlayer.modal-layer .col-product-feature .bg-greyVlight, .directorderlayer.modal-layer .col-functions .bg-greyVlight, .shoppinglistlayer.modal-layer .col-product-feature .bg-greyVlight, .shoppinglistlayer.modal-layer .col-functions .bg-greyVlight { padding: 10px; } .productinfolayer.modal-layer .col-product-feature .bg-greyVlight.flex, .productinfolayer.modal-layer .col-functions .bg-greyVlight.flex, .directorderlayer.modal-layer .col-product-feature .bg-greyVlight.flex, .directorderlayer.modal-layer .col-functions .bg-greyVlight.flex, .shoppinglistlayer.modal-layer .col-product-feature .bg-greyVlight.flex, .shoppinglistlayer.modal-layer .col-functions .bg-greyVlight.flex { display: flex; } .productinfolayer.modal-layer .col-product-feature .price-wrapper .price-type, .productinfolayer.modal-layer .col-product-feature .price-wrapper .reduce, .productinfolayer.modal-layer .col-functions .price-wrapper .price-type, .productinfolayer.modal-layer .col-functions .price-wrapper .reduce, .directorderlayer.modal-layer .col-product-feature .price-wrapper .price-type, .directorderlayer.modal-layer .col-product-feature .price-wrapper .reduce, .directorderlayer.modal-layer .col-functions .price-wrapper .price-type, .directorderlayer.modal-layer .col-functions .price-wrapper .reduce, .shoppinglistlayer.modal-layer .col-product-feature .price-wrapper .price-type, .shoppinglistlayer.modal-layer .col-product-feature .price-wrapper .reduce, .shoppinglistlayer.modal-layer .col-functions .price-wrapper .price-type, .shoppinglistlayer.modal-layer .col-functions .price-wrapper .reduce { font-size: 14px; } .productinfolayer.modal-layer .col-product-feature .price-wrapper .price-sale, .productinfolayer.modal-layer .col-product-feature .price-wrapper .price, .productinfolayer.modal-layer .col-functions .price-wrapper .price-sale, .productinfolayer.modal-layer .col-functions .price-wrapper .price, .directorderlayer.modal-layer .col-product-feature .price-wrapper .price-sale, .directorderlayer.modal-layer .col-product-feature .price-wrapper .price, .directorderlayer.modal-layer .col-functions .price-wrapper .price-sale, .directorderlayer.modal-layer .col-functions .price-wrapper .price, .shoppinglistlayer.modal-layer .col-product-feature .price-wrapper .price-sale, .shoppinglistlayer.modal-layer .col-product-feature .price-wrapper .price, .shoppinglistlayer.modal-layer .col-functions .price-wrapper .price-sale, .shoppinglistlayer.modal-layer .col-functions .price-wrapper .price { font-size: 25px; } .productinfolayer.modal-layer .col-product-feature .product-availability, .productinfolayer.modal-layer .col-functions .product-availability, .directorderlayer.modal-layer .col-product-feature .product-availability, .directorderlayer.modal-layer .col-functions .product-availability, .shoppinglistlayer.modal-layer .col-product-feature .product-availability, .shoppinglistlayer.modal-layer .col-functions .product-availability { font-size: 12px; margin: 5px 0; } .productinfolayer.modal-layer .col-product-feature .col-actions, .productinfolayer.modal-layer .col-functions .col-actions, .directorderlayer.modal-layer .col-product-feature .col-actions, .directorderlayer.modal-layer .col-functions .col-actions, .shoppinglistlayer.modal-layer .col-product-feature .col-actions, .shoppinglistlayer.modal-layer .col-functions .col-actions { margin-top: 10px; } .productinfolayer.modal-layer .col-product-feature .flex-bottom, .productinfolayer.modal-layer .col-functions .flex-bottom, .directorderlayer.modal-layer .col-product-feature .flex-bottom, .directorderlayer.modal-layer .col-functions .flex-bottom, .shoppinglistlayer.modal-layer .col-product-feature .flex-bottom, .shoppinglistlayer.modal-layer .col-functions .flex-bottom { width: 100%; } @media (min-width: 768px) { .productinfolayer.modal-layer .col-product-feature .flex-bottom, .productinfolayer.modal-layer .col-functions .flex-bottom, .directorderlayer.modal-layer .col-product-feature .flex-bottom, .directorderlayer.modal-layer .col-functions .flex-bottom, .shoppinglistlayer.modal-layer .col-product-feature .flex-bottom, .shoppinglistlayer.modal-layer .col-functions .flex-bottom { width: auto; display: flex; align-self: flex-end; flex-wrap: wrap; } .productinfolayer.modal-layer .col-product-feature .flex-bottom .price-wrapper, .productinfolayer.modal-layer .col-product-feature .flex-bottom .product-availability, .productinfolayer.modal-layer .col-product-feature .flex-bottom .col-actions, .productinfolayer.modal-layer .col-functions .flex-bottom .price-wrapper, .productinfolayer.modal-layer .col-functions .flex-bottom .product-availability, .productinfolayer.modal-layer .col-functions .flex-bottom .col-actions, .directorderlayer.modal-layer .col-product-feature .flex-bottom .price-wrapper, .directorderlayer.modal-layer .col-product-feature .flex-bottom .product-availability, .directorderlayer.modal-layer .col-product-feature .flex-bottom .col-actions, .directorderlayer.modal-layer .col-functions .flex-bottom .price-wrapper, .directorderlayer.modal-layer .col-functions .flex-bottom .product-availability, .directorderlayer.modal-layer .col-functions .flex-bottom .col-actions, .shoppinglistlayer.modal-layer .col-product-feature .flex-bottom .price-wrapper, .shoppinglistlayer.modal-layer .col-product-feature .flex-bottom .product-availability, .shoppinglistlayer.modal-layer .col-product-feature .flex-bottom .col-actions, .shoppinglistlayer.modal-layer .col-functions .flex-bottom .price-wrapper, .shoppinglistlayer.modal-layer .col-functions .flex-bottom .product-availability, .shoppinglistlayer.modal-layer .col-functions .flex-bottom .col-actions { flex: 1 100%; -ms-flex: auto; } } .productinfolayer.modal-layer .row-product, .directorderlayer.modal-layer .row-product, .shoppinglistlayer.modal-layer .row-product { border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; padding-bottom: 5px; overflow: hidden; } .productinfolayer.modal-layer .row-product > div, .directorderlayer.modal-layer .row-product > div, .shoppinglistlayer.modal-layer .row-product > div { padding: 0; } .productinfolayer.modal-layer .row-product:last-child, .directorderlayer.modal-layer .row-product:last-child, .shoppinglistlayer.modal-layer .row-product:last-child { border-bottom-width: 0; } .productinfolayer.modal-layer .row-product .price-wrapper .price-type, .productinfolayer.modal-layer .row-product .price-wrapper .reduce, .productinfolayer.modal-layer .row-product .price-wrapper .prefix, .directorderlayer.modal-layer .row-product .price-wrapper .price-type, .directorderlayer.modal-layer .row-product .price-wrapper .reduce, .directorderlayer.modal-layer .row-product .price-wrapper .prefix, .shoppinglistlayer.modal-layer .row-product .price-wrapper .price-type, .shoppinglistlayer.modal-layer .row-product .price-wrapper .reduce, .shoppinglistlayer.modal-layer .row-product .price-wrapper .prefix { font-size: 12px; font-weight: normal; margin: 0; } .productinfolayer.modal-layer .row-product .price-wrapper .prefix, .directorderlayer.modal-layer .row-product .price-wrapper .prefix, .shoppinglistlayer.modal-layer .row-product .price-wrapper .prefix { display: block; } .productinfolayer.modal-layer .row-product .price-wrapper .price, .productinfolayer.modal-layer .row-product .price-wrapper .price-sale, .directorderlayer.modal-layer .row-product .price-wrapper .price, .directorderlayer.modal-layer .row-product .price-wrapper .price-sale, .shoppinglistlayer.modal-layer .row-product .price-wrapper .price, .shoppinglistlayer.modal-layer .row-product .price-wrapper .price-sale { font-size: 18px; font-weight: bold; } @media (max-width: 767px) { .productinfolayer.modal-layer.add-to-cart { margin: 20px; width: calc(100% - 40px); max-width: 460px; overflow: initial; } } @media (max-width: 767px) and (min-width: 501px) { .productinfolayer.modal-layer.add-to-cart { margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .productinfolayer.modal-layer.add-to-cart .layer-wrapper.add-to-cart { padding-top: 0; } } .payment-info-img { max-height: 70px; } @media (min-width: 1280px) { .payment-info-img { max-width: 65%; } } @media (min-width: 1024px) and (max-width: 1279px) { .payment-info-img { max-width: 75%; } } @media (max-width: 1023px) { .payment-info-img { max-width: 90%; } } .collapsible-text { display: inline-block; overflow-wrap: break-word; max-height: 50px; } .collapsible-text + .collapsible-btn { display: inline-block; margin-top: 10px; } .sticky-nav-bottom-action .stickyFooter-action-wrapper { font-size: 0; line-height: 0; text-align: center; } .sticky-nav-bottom-action .stickyFooter-action-wrapper button { margin-top: 0; } .sticky-nav-bottom-action .stickyFooter-action-wrapper .stickyFooter-checkOutLoginPageBtn { max-width: 100%; max-height: 40px; } .checkout-additional-wrapper .checkout-summary-wrapper .list-value, .checkout-additional-wrapper .checkout-summary-wrapper .list-name { float: left; display: block; line-height: 25px; text-align: right; } .checkout-additional-wrapper .checkout-summary-wrapper li { color: #757571; } .checkout-additional-wrapper .checkout-summary-wrapper .list-name { width: 70%; } @media (min-width: 768px) { .checkout-additional-wrapper .checkout-summary-wrapper .list-name { width: 75%; } } .checkout-additional-wrapper .checkout-summary-wrapper .list-name.delivery .cartCostLabelHint { padding-left: 50px; font-size: 12px; } .checkout-additional-wrapper .checkout-summary-wrapper .list-value { width: 30%; font-size: 16px; } .checkout-additional-wrapper .checkout-summary-wrapper .list-value.js-totalPrice { color: #4f4b43; } @media (min-width: 768px) { .checkout-additional-wrapper .checkout-summary-wrapper .list-value { width: 25%; } } .checkout-additional-wrapper .checkout-summary-wrapper .list-sale { color: #BD0025; } .checkout-additional-wrapper .checkout-summary-wrapper .list-sum { border-top: 1px solid #EEEEEE; margin-top: 10px; padding-top: 10px; } .checkout-additional-wrapper .checkout-summary-wrapper .list-sum .list-name { padding-left: 0; } .checkout-additional-wrapper .checkout-summary-wrapper .list-sum .list-value { font-size: 18px; font-weight: 700; } .checkout-additional-wrapper .checkout-summary-wrapper .list-sum strong { font-size: 18px; } .checkout-additional-wrapper .checkout-summary-wrapper .list-image { position: absolute; bottom: 36px; left: 0; } @media (max-width: 767px) { .checkout-additional-wrapper .checkout-summary-wrapper .list-image { bottom: 42px; } } .checkout-additional-wrapper .checkout-summary-wrapper .list-image img { max-width: 65px; } @media (min-width: 768px) { .checkout-additional-wrapper .checkout-summary-wrapper .list-image img { max-width: 100%; } } .checkout-additional-wrapper .trustSeals .trust-seals-content { margin: 0 auto; } .checkout-additional-wrapper .trustSeals .trust-seals-content img { margin: 20px auto 20px auto; } @media (min-width: 768px) { .checkout-additional-wrapper .trustSeals .trust-seals-content img { margin: 0 0 20px 0; } } /* Overwrite paddings in checkout summary for small VP to be able to show bigger prizes */ @media (max-width: 500px) { .checkout-content .checkout-additional-wrapper.panel { padding: 0; } .checkout-content .checkout-additional-wrapper.panel .panel-body { padding: 0; } } .checkout-confirmation p { font-size: 15px; } .checkout-confirmation img { vertical-align: text-top; } .ch-header-info-text h2, .ch-header-info-text p { color: #757571; font-size: 15px; } .ch-header-info-text h2 { margin: 0 0 20px 0; } .ch-header-info-text p { padding: 0; margin: 0 0 30px 0; } @media (min-width: 768px) { .ch-header-info-text p { padding: 0 60px; } } @media (min-width: 1024px) { .ch-header-info-text p { padding: 0 100px; } } .ch-header-info-text.border-top { border-top: 1px solid #EEEEEE; padding-top: 20px; } .checkout-content-header { width: 100%; max-width: 1020px; margin: 0 auto; padding: 0; float: none; } .checkout-content { width: 100%; max-width: 1020px; margin: 0 auto; float: none; padding: 0 10px; } .checkout-content.update-content { position: relative; } .checkout-content.update-content:before { content: ""; height: 100%; width: 100%; opacity: 0.7; position: absolute; top: 0; left: 0; background: url("/resources/BRI/images/ajax-loader.gif") no-repeat center center #fff; z-index: 10; } @media (min-width: 768px) { .checkout-content { width: 90%; width: calc(100% - 80px); } } @media (min-width: 1024px) { .checkout-content { width: 90%; width: calc(100% - 80px); } } @media (min-width: 1280px) { .checkout-content { width: 100%; } } .checkout-content .panel-heading, .checkout-content .dogEar { position: relative; } .checkout-content .panel-heading .btn-help, .checkout-content .dogEar .btn-help { border-radius: 50%; border: 1px solid #ECE9E2; background-color: #FAFAFA; height: 30px; width: 30px; line-height: 30px; font-size: 14px; bottom: 0; margin: auto 0; padding: 0; } .checkout-content .panel-heading .btn-help:hover, .checkout-content .panel-heading .btn-help:focus, .checkout-content .dogEar .btn-help:hover, .checkout-content .dogEar .btn-help:focus { color: #e2c3f2 !important; } .checkout-content .panel-heading .btn-help { position: absolute; top: 0; right: 10px; } .checkout-content .dogEar > div { display: inline-block; width: 90%; width: calc(100% - 35px); } @media (max-width: 500px) { .checkout-content .panel-body { padding-left: 0; padding-right: 0; } .checkout-content .panel-body .checkout-panel-col-wrapper { padding-left: 5px; padding-right: 5px; } .checkout-content .panel-body .checkout-panel-col-wrapper .checkout-panel-col-value-inner { padding-left: 5px !important; padding-right: 5px !important; } .checkout-content .checkout-review-sidebar .panel-body { padding-left: 5px; padding-right: 5px; } } .animated { animation-duration: 0.5s; animation-fill-mode: both; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } .globalMessages-ajax { position: fixed; right: 0; top: 35px; clear: both; text-align: right; z-index: 105; } .globalMessages-ajax .wf-alert-box:last-child { margin-bottom: 0; } .wf-alert-box { padding: 10px 15px 10px 20px; position: relative; text-align: center; box-shadow: 0px 20px 10px -15px rgba(0, 0, 0, 0.25); margin-bottom: 10px; overflow: hidden; max-height: 300px; border-radius: 0px 0 0px 0 0 0px 0 0px 0 0; display: inline-block; float: right; clear: both; } @media (max-width: 500px) { .wf-alert-box { max-width: 100%; } } .wf-alert-box.alert-danger, .wf-alert-box.alert-info, .wf-alert-box.alert-success { padding-right: 40px; } .wf-alert-box.alert-danger::after, .wf-alert-box.alert-info::after, .wf-alert-box.alert-success::after { content: "\e909"; cursor: pointer; width: 100%; font-family: 'BADER-Iconfont' !important; position: absolute; right: 10px; top: 0; z-index: 2; width: 30px; height: 38px; line-height: 38px; } .transitionTrick { transition: padding 0.3s, margin 0.3s, max-height 0.1s; -webkit-transition: padding 0.3s, margin 0.3s, max-height 0.1s; padding: 0; margin: 0; max-height: 0; } .panel-heading .btn-help, .dogEar .btn-help { background-color: auto; border-width: 1px; border-style: solid; } .panel { border-radius: 0px 0 0px 0 !important; } .white-box { border-radius: 0px 0 0px 0 !important; } .pw-reset-inner .form-control { padding-right: 100px; } .pw-reset-inner .pw-reset-inner-content { position: absolute; top: 5px; right: 20px; } .pw-reset-inner .pw-reset-inner-content a { color: #4f4b43; } .pw-reset-inner .pw-reset-inner-content a:hover, .pw-reset-inner .pw-reset-inner-content a:focus { color: #A44C96; } /* * === LOGIN === */ .panel-login .form-group label { text-align: left; padding-top: 0; } .login-section p { padding: 0; } .checkout-login-wrapper .checkout-login-content .form-horizontal { overflow: hidden; } .checkout-login-wrapper .checkout-login-content .form-horizontal h3 { margin: 20px 0 10px 0; } .checkout-login-wrapper .checkout-login-content .form-horizontal h3:first-child { margin-top: 0; } .checkout-login-wrapper .checkout-login-content .form-horizontal p { margin-bottom: 20px; padding: 0; } .checkout-login-wrapper .checkout-login-content .form-horizontal .control-label { display: inline; margin-bottom: 0px; text-align: left; } @media (max-width: 767px) { .checkout-login-wrapper .checkout-login-content .form-horizontal .control-label a { margin-left: 10px; } } .checkout-login-wrapper .checkout-login-content .form-horizontal .mandatoryInfo { margin: 20px 0 0 0; } .checkout-authentication-success { border: 1px solid #878682; background-color: #A9F5BC; padding: 15px; margin-bottom: 20px; border-radius: 5px 0; } @media (max-width: 500px) { .form-control.js-birthMonth, .form-control.js-birthDay { padding-left: 5px; padding-right: 5px; } } .checkOutReview-content .panel-body { padding-bottom: 0; } .checkOutReview-content .checkout-table-wrapper .checkout-table-entry .btn-radius { /* BAD-1227 fix problems with energy label */ position: absolute; left: 38%; left: calc(50% - 10px); bottom: -20px; } .checkOutReview-content .checkout-table-wrapper .checkout-table-entry .btn-radius .icon-info { font-size: 16px; line-height: 21px; } .checkOutReview-content .checkout-additional-wrapper { padding: 0 5px; margin-bottom: 0; } .checkOutReview-content .checkout-additional-wrapper .panel-body { padding-bottom: 20px; } .checkOutReview-content .agb-wrapper { font-size: 15px; } .checkOutReview-content .custom-checkbox.white-box { padding: 10px 20px; } @media (max-width: 767px) { .checkOutReview-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-action a { padding-left: 90px; } } @media (min-width: 768px) { .checkOutReview-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-action, .checkOutReview-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-data { padding-top: 25px; } .checkOutReview-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-data { width: 50%; } .checkOutReview-content .checkout-table-wrapper .checkout-table-entry .qty-field { padding: 0; height: auto; border: 0; } } #CheckoutReviewChangeLayer .checkout-payment-wrapper { width: 100%; padding: 10px 0; } #CheckoutReviewChangeLayer .checkout-payment-wrapper .checkout-payment-content.form-horizontal .panel-body { padding: 10px 0; } #CheckoutReviewChangeLayer .checkout-payment-wrapper .checkout-payment-content.form-horizontal .panel-body .checkout-panel-col-wrapper { padding: 20px; } @media (max-width: 500px) { #CheckoutReviewChangeLayer .checkout-payment-wrapper .checkout-payment-content.form-horizontal .panel-body .checkout-panel-col-wrapper { padding-left: 5px; padding-right: 5px; } } #CheckoutReviewChangeLayer .checkout-payment-wrapper .checkout-payment-content.form-horizontal .control-label { text-align: left; } #CheckoutReviewChangeLayer .checkout-payment-wrapper .checkout-payment-content.form-horizontal .control-label:after { position: static; } #CheckoutReviewChangeLayer .checkout-payment-wrapper .checkout-payment-content.form-horizontal .checkout-cart-close-button, #CheckoutReviewChangeLayer .checkout-payment-wrapper .checkout-payment-content.form-horizontal .checkout-cart-submit-button { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: auto; margin: 0 10px; } @media (max-width: 500px) { #CheckoutReviewChangeLayer .checkout-payment-wrapper .checkout-payment-content.form-horizontal .checkout-cart-close-button, #CheckoutReviewChangeLayer .checkout-payment-wrapper .checkout-payment-content.form-horizontal .checkout-cart-submit-button { width: 45%; width: calc(50% - 20px); } } @media (max-width: 500px) { #CheckoutReviewChangeLayer .pal { padding-left: 5px; padding-right: 5px; } } .checkout-table-wrapper { padding: 0 5px; } .checkout-table-wrapper .checkout-table-head { padding-top: 10px; color: #757571; font-weight: 700; } @media (min-width: 768px) { .checkout-table-wrapper .checkout-table-head { padding-top: 20px; } } .checkout-table-wrapper .checkout-table-entry { border-top: 1px solid #EEEEEE; margin-top: 10px; padding-top: 10px; } .checkout-table-wrapper .checkout-table-entry:last-child { padding: 20px 0; } @media (min-width: 768px) { .checkout-table-wrapper .checkout-table-entry { margin-top: 20px; padding-top: 20px; } } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-info-image { padding: 0 10px; float: left; max-width: 90px; position: relative; } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-info-image .product-image { max-width: 80px; } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-info-image .product-energyLabel { left: 8px; } .checkout-table-wrapper .checkout-table-entry .product-image { display: inline-block; border: 1px solid #EEEEEE; position: relative; } .checkout-table-wrapper .checkout-table-entry .product-image:hover, .checkout-table-wrapper .checkout-table-entry .product-image:focus { border-color: #4f4b43; } .checkout-table-wrapper .checkout-table-entry .product-image.product-image--no-link:hover, .checkout-table-wrapper .checkout-table-entry .product-image.product-image--no-link:focus { border-color: #EEEEEE; } .checkout-table-wrapper .checkout-table-entry .baseprice { font-size: 12px; } .checkout-table-wrapper .checkout-table-entry .price, .checkout-table-wrapper .checkout-table-entry .product-price { font-size: 16px; } .checkout-table-wrapper .checkout-table-entry .product-price { margin-top: -2px; } .checkout-table-wrapper .checkout-table-entry .price-sale { font-size: 16px; } .checkout-table-wrapper .checkout-table-entry .price-sale .prefix { font-size: 14px; } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-price { float: right; } @media (min-width: 768px) { .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-price { float: left; } } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-price.voucher-discount-text { text-align: left; } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-price.voucher-discount-text .price-sale { font-weight: normal; font-size: 14px; } @media (max-width: 767px) { .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-price.voucher-discount-text { float: left; text-align: left; padding: 0; } } @media (min-width: 768px) { .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-price.summary { text-align: right; } } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-price.voucher-discount-value-summary { text-align: right; } @media (max-width: 767px) { .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-price.voucher-discount-value-summary { float: left; } } .checkout-table-wrapper .checkout-table-entry .cart-checkout-nopad-fix { padding-right: 10px !important; padding-left: 10px !important; } .checkout-table-wrapper .checkout-table-entry .input-group-quantity.wrap { width: 100%; } @media (min-width: 768px) { .checkout-table-wrapper .checkout-table-entry .input-group-quantity.wrap input { padding-right: 50px; padding-left: 5px; width: calc(100% + 20px); transform: translateX(-19px); } .checkout-table-wrapper .checkout-table-entry .input-group-quantity.wrap .label-qty { right: 25px; } } @media (min-width: 880px) { .checkout-table-wrapper .checkout-table-entry .input-group-quantity.wrap input { padding-right: 45px; padding-left: 5px; } .checkout-table-wrapper .checkout-table-entry .input-group-quantity.wrap .label-qty { right: 25px; } } @media (min-width: 900px) { .checkout-table-wrapper .checkout-table-entry .input-group-quantity.wrap input { padding-right: 55px; padding-left: 5px; } .checkout-table-wrapper .checkout-table-entry .input-group-quantity.wrap .label-qty { right: 32px; } } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-table { width: 100%; } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-table table { width: 100%; } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-table table td { vertical-align: top; width: 100%; display: block; } @media (min-width: 768px) { .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-table table td { width: 50%; display: table-cell; } } @media (min-width: 1024px) { .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-table table td { width: 33.33333%; } } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-table table td.vertical-align-bottom { vertical-align: bottom; } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-info-product .product-name { font-size: 16px; line-height: 25px; text-decoration: none; display: block; color: #757571; font-weight: 700; } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-info-product .product-name:hover, .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-info-product .product-name:focus { color: #A44C96; } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-info-product .product-name.product-name--no-link:hover, .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-info-product .product-name.product-name--no-link:focus { color: #757571; } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-data { background-color: #FAFAFA; margin: 0 -6px; padding: 10px 10px 10px 20px; width: calc(100% + 12px); } @media (min-width: 768px) { .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-data { width: 41.66667%; margin: 0; padding: 0 10px; background-color: transparent; } } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-action { text-align: left; white-space: normal; } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-action.text-left { text-align: left; } @media (min-width: 1024px) { .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-action { margin-left: 20px; } } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-action a, .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-action span { display: inline-block; text-decoration: none; font-size: 16px; min-width: 85px; text-align: left; line-height: 25px; vertical-align: middle; } @media (max-width: 767px) { .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-action a, .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-action span { margin-right: 30px; } } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-action a i, .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-action span i { margin-right: 10px; } .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-action:last-child { margin-right: 0px !important; } .checkout-table-wrapper .visible-table-xs { display: table; } @media (min-width: 768px) { .checkout-table-wrapper .visible-table-xs { display: none; } } .checkout-table-wrapper .js-submit-engraving { text-decoration: none; color: #4f4b43; } .checkout-table-wrapper .js-submit-engraving.disabled { opacity: 0.6; filter: alpha(opacity=60); } .checkout-table-wrapper .progressBar { width: calc(100% + 20px); margin: 0 auto; margin-left: -20px; height: 2px; background-color: #fff; } .checkout-table-wrapper .progressBar div { height: 100%; text-align: right; line-height: 2px; /* same as #progressBar height if we want text middle aligned */ width: 0; background-color: #A44C96; } .checkout-login .login p, .checkout-login .customerid p { padding: 0; } .checkout-login .login .panel, .checkout-login .customerid .panel { padding: 10px; height: 100%; } .sectionWrapper { margin: 10px 10px 30px; } .sectionWrapper:before, .sectionWrapper:after { content: " "; display: table; } .sectionWrapper:after { clear: both; } .cmsContent .iconSection { float: left; display: inline; padding: 15px 20px 0 60px; border-top: solid 1px #ECE9E2; width: 100%; } .cmsContent .iconSection img.icon { float: left; display: inline; margin: 0 0 0 -60px; } .cmsContent .iconSection h4, .cmsContent .iconSection .h4 { padding: 0 !important; margin: 0 !important; font-weight: 600 !important; } .cmsContent .iconSection p { width: auto; font-size: 15px; } .cmsContent .iconSection div.compensatePdg { margin-right: -12px; } /* * === GENERAL === */ table.sizes { border: 0; width: 100%; margin-bottom: 20px; } table.sizes.remove-last-border tr:last-child { border-bottom: 0; } table.sizes tr { border-bottom: 1px solid #EEEEEE; } table.sizes thead tr { border-bottom: 0; } table.sizes caption { color: #4f4b43; } table.sizes th, table.sizes td { padding: 5px; } table.sizes caption.alternate, table.sizes .table-headline, table.sizes thead { color: #8a8a8a; background-color: #ECE9E2; border-bottom: 1px solid transparent; border-radius: 4px 0 4px 0; padding: 12px 15px; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1; height: 40px; } table.sizes .separator { width: 3px; padding: 0; } .cms-info-box { background-color: #fff; padding: 15px 40px; margin-bottom: 20px; text-align: center; } @media (max-width: 767px) { .cms-info-box { padding: 15px 0; } } .cms-info-box-headline, .cms-info-box h2, .cms-info-box .h2 { font-size: 24px; color: #4f4b43; margin: 0 0 10px 0; } .cms-info-box-description, .cms-info-box p { line-height: 20px; color: #4f4b43; padding: 0; margin: 0; } .cms-info-box-description p, .cms-info-box p p { padding: 0; margin-bottom: 10px; } .cms-info-box-description p:last-child, .cms-info-box p p:last-child { margin: 0; } .cmsTextEditorContent { font-size: 15px; } .nav-col-menu ul li a { display: block; color: #4f4b43; width: 100%; padding: 5px 0; text-decoration: none; } .nav-col-menu ul li a.active, .nav-col-menu ul li a:hover, .nav-col-menu ul li a:focus { color: #A44C96; } .nav-col-menu ul li:first-child a { padding-top: 0; } .nav-col-menu ul li.separator { border-bottom: 1px solid #ddd; margin-bottom: 5px; padding-bottom: 5px; } /* * === SiteMap === */ #SiteMap { line-height: 2.1em; } #SiteMap div { width: 100%; float: left; } @media (min-width: 768px) { #SiteMap div { width: 33.33333%; } } #SiteMap ul { margin-bottom: 20px; } #SiteMap ul ul { float: left; width: 100%; } @media (min-width: 768px) { #SiteMap ul ul { width: auto; float: none; } } #SiteMap ul ul li { float: left; margin-right: 10px; } @media (min-width: 768px) { #SiteMap ul ul li { margin-right: 0; float: none; } } #SiteMap a.rootCategory { font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; } .cmsContent .iconSection { padding: 15px 20px 0 50px; } .cmsContent .iconSection img.icon { margin: 0 0 0 -50px; } /* * === middle content === */ .cms-middle-conent .section h3, .cms-middle-conent .section .h3 { background-color: #EEEEEE; } .cms-middle-conent .section .iconSection .iconSection, .cms-middle-conent .section div .iconSection { padding: 15px 20px 0 50px; } .cms-middle-conent .section .catalog-list-component { padding: 12px 0 !important; } .cms-middle-conent .section .catalog-list-component .section-grid { padding: 0; } @media (max-width: 500px) { .cms-middle-conent .section .catalog-list-component .section-grid .flex-item { padding-left: 0; padding-right: 0; } } .cms-middle-conent .section .catalog-list-component .catalogBox { padding: 0 !important; position: relative; height: 100%; } .cms-middle-conent .section .catalog-list-component .catalogBox .catalog-image a { display: block; position: relative; overflow: hidden; } .cms-middle-conent .section .catalog-list-component .catalogBox .catalog-image a .invisible { display: block; visibility: hidden; } .cms-middle-conent .section .catalog-list-component .catalogBox .catalog-image a .visible { display: block; position: absolute; top: 0; left: 0; max-width: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } .cms-middle-conent .section .catalog-list-component .catalogBox .catalog-image a .visible:hover { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); } .cms-middle-conent .section .catalog-list-component .catalogBox .catalog-image { margin-bottom: 10px; padding: 0; } .cms-middle-conent .section .catalog-list-component .catalogBox .catalog-text { padding: 0 0 60px 0; } .cms-middle-conent .section .catalog-list-component .catalogBox .catalog-links { position: absolute; bottom: 10px; padding: 0; } .cms-middle-conent .section .catalog-list-component .main-catalog-wrapper { justify-content: center; flex-wrap: nowrap; } @media (max-width: 500px) { .cms-middle-conent .section .catalog-list-component .main-catalog-wrapper { flex-wrap: wrap; } } @media (max-width: 1023px) { .cms-middle-conent .section .catalog-list-component .main-catalog-wrapper { padding: 0; } } .cms-middle-conent .section .catalog-list-component .catalog-navigation { flex-shrink: 0; } @media (max-width: 500px) { .cms-middle-conent .section .catalog-list-component .catalog-navigation { flex-grow: 1; } } @media (max-width: 1023px) { .cms-middle-conent .section .catalog-list-component .catalog-navigation { padding: 0 10px 0 0; } } @media (max-width: 500px) { .cms-middle-conent .section .catalog-list-component .catalog-navigation { padding: 0; } } .cms-middle-conent .section .catalog-list-component .main-catalog-component { flex-shrink: 1; overflow: hidden; } @media (max-width: 1023px) { .cms-middle-conent .section .catalog-list-component .main-catalog-component { padding: 0; } } .cms-middle-conent .section .catalog-list-component .main-catalog-component .catalogBox { height: auto; } .catalogOverviewLayer.modal-layer .layer-wrapper { width: 90%; } @media (max-width: 767px) { .catalogOverviewLayer.modal-layer .layer-wrapper { width: 100%; } } .catalogOverviewLayer.modal-layer .layer-wrapper .catalogFrame { width: 97%; width: calc(100% - 20px); height: 100%; overflow-x: hidden; overflow-y: hidden; } #friendreferral-products-wrapper.slick-initialized > div { display: flex !important; } #friendreferral-products-wrapper.slick-initialized > div > div { display: flex !important; } #friendreferral-products-wrapper.slick-initialized .slick-dots { bottom: -35px; } .bader-friends-list-page .panel { margin-top: 40px; } .friendreferral-step { margin-top: 20px; margin: 20px 10px 0 10px; text-align: center; } .friendreferral-step > * { display: inline-block; width: 100%; } .friendreferral-step > i { font-size: 48px; line-height: 60px; color: #A44C96; } .friendreferral-step .step-count { margin-top: 10px; font-size: 20px; color: #757571; } .friendreferral-step strong { margin-top: 20px; } .friendreferral-step p { color: #757571; } .friend-referral .footnote, .friend-referral .mandatoryInfo { font-size: 12px; color: #757571; } .friend-referral .form-description { margin: 10px 0; } @media (min-width: 1280px) { .friend-referral .form-description { margin-bottom: 50px; } } .friend-referral h2 { text-align: center; font-size: 24px; color: #757571; margin: 20px 0 30px 0; } @media (min-width: 1280px) { .friend-referral .panel-body .form-container { margin: 20px 80px; } } .friend-referral .product-container { margin-bottom: 20px; } .friend-referral .product-container .product-wrapper { border-color: #EEEEEE; text-align: center; height: 100%; padding-bottom: 120px; position: relative; } .friend-referral .product-container .product-wrapper img { margin-left: auto; margin-right: auto; } .friend-referral .product-container .product-wrapper .product-name { font-weight: 700; } .friend-referral .product-container .product-wrapper button { position: absolute; width: calc(100% - 20px); left: 10px; } .friend-referral .product-container .product-wrapper button.btn-default, .friend-referral .product-container .product-wrapper button.SizeCalculator { bottom: 70px; } .friend-referral .product-container .product-wrapper button.btn-primary { bottom: 20px; } .friend-referral .checkbox-area { padding: 10px 20px; border: 1px solid #EEEEEE; margin-bottom: 20px; } .friend-referral textarea { resize: none; } .friend-referral-form.form-horizontal label.control-label.required:after { right: auto; margin-left: 5px; } .friendreferral-products-select-btn:focus { color: #fff; background-color: #A44C96; border-color: #A44C96; } .friendreferral-products-select-btn:focus:hover { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .friendreferral-products-select-btn.active { color: #4F4B43; background-color: #EDD9EA; border-color: #A44C96; } .friendreferral-products-select-btn.is-popup { width: 152px; } @media (max-width: 767px) { .friendreferral-products-select-btn { margin-left: auto; margin-right: auto; display: block; } } .friendreferral-product-name { margin-top: 0; font-size: 18px; font-weight: 700; } .friendreferral-product-description { margin-top: 10px; } /* bigger font sizes for landing pages */ .pID-friendReferralSuccessPage .account-info-box-inner .main-content, .pID-friendReferredLandingPage .account-info-box-inner .main-content, .pID-friendReferredLandingErrorPage .account-info-box-inner .main-content { font-size: 16px; } @media print { html, body { padding-bottom: 0; -webkit-print-color-adjust: exact; } table { page-break-inside: auto; -fs-table-paginate: paginate; } tr { page-break-inside: avoid; page-break-after: auto; } td { page-break-inside: avoid; page-break-after: avoid; } thead { display: table-header-group; } tfoot { display: table-footer-group; } .checkout-table-head, .accordion-headline { page-break-inside: avoid; page-break-after: avoid; } .cms-additional-shop-wrapper, .panel-group-accordion, .product-line, .checkout-table-entry { page-break-inside: avoid; page-break-after: auto; } header .header-additional-area, footer, #breadcrumb, #NavColLeft, #link-back-to-category, #accordion_print, .account-nav, .checkout-progress-bar, .product-slider-wrapper, .error, .alert, .actions, .checkout-table-entry-action, .voucher-wrapper, .trustSeals, .not-printable, .sticky-elements, .btn-on-top, .modal-layer, .cookieInformation { display: none !important; } .HeaderLogo { width: 100% !important; } .HeaderLogo img { margin: 0 auto !important; } .cms-accordion-component .accordion-headline a:after { display: none; } .cms-accordion-component .collapse { display: block !important; height: auto !important; } .cms-accordion-component .accordion-content { padding-left: 0 !important; } .cms-accordion-component .accordion-content .accordion-content-inner, .cms-accordion-component .accordion-content .cmsContent, .cms-accordion-component .accordion-content .l-content { padding: 0 !important; } .cms-accordion-component .accordion-content .cmsTextEditorContent-c-textWrapper { padding-left: 0 !important; } .cms-accordion-component .accordion-content .cmsTextEditorContent { padding-top: 0 !important; } .panel-default, .panel-transparent { margin-bottom: 30px; } .panel-default .panel-heading, .panel-transparent .panel-heading { background-color: #EEEEEE !important; border: 0 solid #EEEEEE; border-bottom-width: 1px; padding: 4px 10px; } .panel-default .panel-body, .panel-transparent .panel-body { padding: 0 10px; } .panel-default .panel-body .table-list td, .panel-transparent .panel-body .table-list td { line-height: normal; } .table-responsive-01 { margin-top: 10px; } .table-responsive-01 tbody tr td { padding: 0; min-height: auto; } .wishlist-content .product-line .product-line-content { padding: 10px 0; } .wishlist-content .product-line .product-line-content .product-number, .wishlist-content .product-line .product-line-content .product-price, .wishlist-content .product-line .product-line-content .product-classification, .wishlist-content .product-line .product-line-content .mbm { margin: 0; } .checkout-review-content .ch-header-info-text { display: none; } .checkout-review-content .panel-default { margin-bottom: 30px; border-width: 0; } .checkout-review-content .checkout-review-sidebar { margin-top: 30px; } .checkout-review-content .checkout-review-sidebar .checkout-review-sidebar-col { padding: 0 10px; width: 50%; } .checkout-review-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-info { width: 65%; } .checkout-review-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-info .mbs { margin: 0; } .checkout-review-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-info .checkout-table-entry-info-image .btn-radius { border: 1px solid #757571; background: #757571 !important; } .checkout-review-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-data { background: transparent; width: 35%; margin: 0; } .checkout-review-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-data .checkout-table-entry-quantity { width: 50%; } .checkout-review-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-data .checkout-table-entry-quantity .qty-field.form-control { border: none; padding: 0; } .checkout-review-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-data .checkout-table-entry-price { width: 50%; } .checkout-review-content .checkout-table-wrapper .checkout-table-entry .checkout-table-entry-data .checkout-table-entry-price .product-price { display: block !important; } .bader-kaufbelege { width: 100% !important; } .bader-kaufbelege .bader-kaufbelege-inner .panel-transparent .panel-heading { padding: 12px 15px; background: #EEEEEE !important; } .bader-kaufbelege .bader-kaufbelege-inner .equalize-height { display: block !important; } .bader-kaufbelege .bader-kaufbelege-inner .equalize-height .col-sm-6 { width: 100% !important; } .bader-kaufbelege .bader-kaufbelege-inner .list-value.xs-text-right { text-align: right; } .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 thead, .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 tbody { display: table-header-group; border-bottom: 1px solid #EEEEEE; } .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 thead th, .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 thead td, .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 tbody th, .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 tbody td { width: 8%; } .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 thead th:first-child, .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 thead td:first-child, .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 tbody th:first-child, .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 tbody td:first-child { width: 10%; } .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 thead th.hidden-sm, .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 thead td.hidden-sm, .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 tbody th.hidden-sm, .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 tbody td.hidden-sm { display: table-cell !important; } .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 tr { display: table-row; float: none; } .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 tbody tr td { display: table-cell; float: none; width: 8%; padding: 8px; text-align: left; } .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 tbody tr td:first-child { width: 10%; } .bader-kaufbelege .bader-kaufbelege-inner .table-responsive-01 tbody tr td:before { content: none; } } .payment-page { margin-bottom: 20px; } .payment-page .panel-heading .btn.btn-help, .payment-page .panel-heading .boxInnerHeight193 .doubleCol .control a.btn-help, .boxInnerHeight193 .doubleCol .control .payment-page .panel-heading a.btn-help, .payment-page .panel-heading .btn-help.SizeCalculator { display: none; } .payment-page .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-name label { padding-top: 15px; padding-bottom: 15px; } .payment-page .payment-logo-wrapper { position: absolute; font-size: 0; top: 5px; right: 10px; } .payment-page .payment-logo-wrapper img { display: inline-block; padding-left: 10px; } .payment-page .payment-page-sepa-link { margin-top: 20px; display: inline-block; } @media (min-width: 768px) { .payment-page .checkout-panel-col-wrapper { padding: 20px 15px; } .payment-page .checkout-panel-col-wrapper .checkout-panel-col-content .checkout-panel-col-section .checkout-panel-col-name { padding-right: 20px; } } @media (min-width: 1024px) { .payment-page .checkout-panel-col-wrapper { padding: 20px 50px; } .payment-page .checkout-panel-payment-mode-additional-info { padding: 0 50px; } } @media (min-width: 1280px) { .payment-page .checkout-panel-col-wrapper { padding: 20px 90px; } } .js-simple-fade-slideshow.active .animate-fading { -webkit-animation: fading 10s infinite; animation: fading 10s infinite; } @keyframes fading { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* * === Breadcrumb === */ .breadcrumb { padding: 10px 0; margin: 10px 0; list-style: none; } .breadcrumb.col-6 { width: 50%; float: left; } .breadcrumb > li { display: inline-block; color: #a3a3a3; } .breadcrumb > li a { color: #757571; text-decoration: none; } .breadcrumb > li a:hover, .breadcrumb > li a:focus { color: #A44C96; } .breadcrumb > li span.active { color: #4f4b43; } @media (max-width: 767px) { .breadcrumb { font-size: 12px; } } @keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } /* desctop Main Navi styling */ @media (min-width: 768px) { #js-main-nav { border-width: 1px 0; position: relative; } #js-main-nav.has-break { background-color: #eee; } #js-main-nav.has-break .menu { background: none; margin: 0 auto; } #js-main-nav.middle-line:after { content: ""; position: absolute; background-color: #BABABA; height: 1px; width: 100%; top: 50%; bottom: 50%; left: 0; } #js-main-nav .close-dropdown { position: absolute; right: 15px; top: 10px; z-index: 1; font-size: 14px; } } .menu { font-size: 0px; max-width: 1400px; /* .menu .sub-menu-list */ } .menu li { list-style: none; } .menu li a { text-decoration: none; font-size: 14px; color: #4f4b43; } .menu li.onlinecatalog a:hover { color: #4f4b43; } .menu .sub-menu-list { position: absolute; } .menu .sub-menu-list .cat-col-title { border-bottom: 1px solid #EEEEEE; height: 40px; overflow: hidden; } @media (max-width: 767px) { .menu .sub-menu-list .cat-col-title .category-name, .menu .sub-menu-list .cat-col-title .category-hint { line-height: 12px; padding-top: 5px; display: block; } } .menu .sub-menu-list .cat-col-title .category-hint { padding-left: 4px; font-size: 12px; font-weight: lighter; } @media (max-width: 767px) { .menu .sub-menu-list .cat-col-title .category-hint { padding-left: 0; font-size: 10px; } } .menu .sub-menu-list a { display: inline-block; padding: 5px 10px; position: relative; cursor: pointer; transition: color 0.5s ease; } .menu .sub-menu-list a:before { content: " "; width: 100%; height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 0; transition: background-color 0.5s ease; } .menu .sub-menu-theme .cat-col-title, .menu .sub-menu-special .cat-col-title { width: 16%; } .menu .sub-menu-item-all-items { display: none; } @media (max-width: 767px) { /* bind all animations to class */ .menu.mobile-animation { transition: left 0.5s; } .menu.active { left: 0; } .mobile-nav-overlay { width: 100%; height: calc(100% - 60px); opacity: 0; top: 60px; left: 0; pointer-events: none; background: #000; position: fixed; z-index: 1005; -webkit-transition: opacity .2s; transition: opacity .2s; } .mobile-nav-overlay.active { opacity: .4; pointer-events: all; } .menu { display: block; position: fixed; top: 60px; left: -280px; z-index: 1010; background-color: #FAFAFA; width: 280px; height: calc(100% - 60px); overflow-y: auto; overflow-x: hidden; } .menu .sub-menu-list a { position: static; padding: 0; font-size: 16px; width: 100%; } .menu .sub-menu-list a:before { width: auto; } .menu .sub-menu-list a:before:hover { background: transparent; } .menu > li { display: block; height: 40px; text-align: center; background-color: #FAFAFA; border-bottom: 1px solid #EEEEEE; } .menu > li.main-menu-bottom { background-color: #EEEEEE; position: fixed; width: 100%; } .menu > li.main-menu-bottom a { text-transform: uppercase; } .menu > li a { font-size: 16px; } .menu > li a:hover:before { background: transparent !important; } .menu > li a.half-width { display: inline-block; width: 50%; } .menu > li a.half-width + .half-width { border-left: 1px solid #EEEEEE; } .menu > li a.dark { background-color: #757571; border-color: #757571 !important; color: white; } .menu > li .has-sub-categories { /* icon width */ padding-left: 36px; } .menu > li .has-sub-categories i[class^="icon-"] { float: right; margin-right: 20px; height: 40px; line-height: 40px; } .menu > li .has-sub-categories.active { border-bottom: 1px solid #EEEEEE; } .menu > li .sub-menu-item { /* .menu > li .sub-menu-item li */ } .menu > li .sub-menu-item a { padding: 0; transition: none; position: static; font-size: 16px; } .menu > li .sub-menu-item .sub-menu { position: relative; } .menu > li .sub-menu-item li { border-bottom: 1px solid #EEEEEE; /* .menu > li .sub-menu-item li */ } .menu > li .sub-menu-item li a { color: #4F4B43; position: relative; padding-left: 0; display: block; } .menu > li .sub-menu-item li a.has-sub-categories:before { content: "\e92b"; font-family: 'BADER-Iconfont' !important; position: absolute; right: 20px; top: 0; height: 40px; left: inherit; background: transparent; } .menu > li .sub-menu-item li a:hover { background-color: #FAFAFA !important; color: #4F4B43; } .menu > li .sub-menu-item.active { background-color: #fff; } .menu > li .sub-menu-item-all-items { border-bottom: 1px solid #EEEEEE; } .menu > li .sub-menu-item-all-items a { color: #4F4B43; width: 100%; } .menu > li .sub-menu-theme .sub-menu, .menu > li .sub-menu-special .sub-menu { position: absolute; width: 280px; } .menu > li .sub-menu-theme .open-sub-sub-menu, .menu > li .sub-menu-special .open-sub-sub-menu { top: 0; } .menu > li .sub-menu-theme li, .menu > li .sub-menu-special li { background-color: #fff; border-bottom: 1px solid #EEEEEE; } .menu > li .sub-menu-theme li a, .menu > li .sub-menu-special li a { color: #4F4B43; padding-left: 0; position: relative; width: 100%; } .menu > li .sub-menu-theme li a.has-sub-categories:before, .menu > li .sub-menu-special li a.has-sub-categories:before { content: "\e92b"; font-family: 'BADER-Iconfont' !important; position: absolute; right: 20px; top: 0; height: 40px; left: inherit; background: transparent; } .menu > li .nav-back, .menu > li .nav-close { position: absolute; height: 40px; line-height: 40px; top: 0; font-size: 16px; pointer-events: none; } .menu > li .nav-back { left: 20px; display: none; } .menu > li .nav-close { right: 20px; } .menu > li .open-sub-sub-menu, .menu > li .open-sub-sub-sub-menu { position: absolute; top: 80px; left: 0; width: 100%; background: #fff; height: 100%; /* overlayer hack */ } .menu > li .open-sub-sub-menu:before, .menu > li .open-sub-sub-sub-menu:before { content: ""; position: absolute; right: 0; width: 100%; height: 1000px; background-color: #fff; } .menu > li .open-sub-sub-menu a.active.has-sub-categories:before, .menu > li .open-sub-sub-sub-menu a.active.has-sub-categories:before { content: "\e92c"; right: inherit; left: 20px; position: absolute; font-family: 'BADER-Iconfont' !important; } .menu > li .open-sub-sub-menu a.has-sub-categories.js-remove-after-back:before, .menu > li .open-sub-sub-sub-menu a.has-sub-categories.js-remove-after-back:before { content: ""; } .menu > li .sub-menu-list { position: fixed; top: 60px; left: -280px; background-color: #fff; border-top: 1px solid #EEEEEE; width: 280px; height: calc(100% - 60px); overflow-y: scroll; overflow-x: hidden; } .menu > li .sub-menu-list .tab-navigation-container { height: 40px; } .menu > li .sub-menu-list .cat-lvl2-container { height: calc(100% - 81px); position: relative; width: 280px; overflow: hidden; } .menu > li .sub-menu-list .cat-lvl2-container .tab-navigation-content-container { position: absolute; height: 100%; } .menu > li .sub-menu-list .cat-lvl2-container .tab-navigation-content-container .sub-menu-item { margin-top: -1px; width: 280px; height: 100%; overflow-y: scroll; } .menu > li .sub-menu-list .cat-lvl2-container .tab-navigation-content-container .sub-menu-theme, .menu > li .sub-menu-list .cat-lvl2-container .tab-navigation-content-container .sub-menu-special { position: absolute; top: 0; } .menu > li .sub-menu-list .cat-lvl2-container .tab-navigation-content-container .sub-menu-theme { left: 280px; } .menu > li .sub-menu-list .cat-lvl2-container .tab-navigation-content-container .sub-menu-special { left: 560px; } .menu > li .sub-menu-list .sub-sub-menu { max-height: 0; overflow: hidden; } .menu > li .cat-col-title { font-size: 16px; line-height: 40px; width: 50%; padding: 0; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; background-color: #FAFAFA; cursor: pointer; color: #4F4B43; float: left; } .menu > li .cat-col-title.activeCategory { background-color: #fff; border-bottom-color: transparent; } .menu > li .cat-col-title.fixed { top: 80px; } .menu > li .cat-title { font-size: 16px; width: 100%; top: 40px; z-index: 1001; } .menu > li .cat-title a:before { content: "\e906"; font-family: 'BADER-Iconfont' !important; right: inherit; left: 20px; height: 40px; position: absolute; background: none; transition: none; bottom: inherit; } .menu > li .sub-menu-topics .cat-col-title, .menu > li .sub-menu-special .cat-col-title { right: 0; left: inherit; } .menu > li.has-one-category .cat-col-title { display: none; } .menu > li.has-one-category .first-sub-menu { margin-top: 39px; } .menu > li.has-one-category .cat-lvl2-container { /* overwrite the height if ther is no tab navigation */ height: calc(100% - 40px); } .menu > li.has-one-category .cat-lvl2-container .tab-navigation-content-container { width: 280px; } .menu > li.has-three-categories .cat-col-title { width: 33.333%; } .menu > li.has-three-categories .sub-menu-theme .cat-col-title { left: 33.333%; } .menu > li.has-three-categories .sub-menu-special .cat-col-title { left: inherit; right: 0; } .menu > li.has-three-categories .cat-lvl2-container .tab-navigation-content-container { width: 840px; } .menu > li.has-two-categories .cat-col-title { width: 50%; } .menu > li.has-two-categories .sub-menu-theme .cat-col-title { left: inherit; right: 0; } .menu > li.has-two-categories .cat-lvl2-container .tab-navigation-content-container { width: 560px; } .menu a { display: block; color: #4F4B43; line-height: 40px; } /* bind all animations separately to a class mobile-animation, to be able to turn it of or on very simple */ .menu.mobile-animation { transition: left 0.5s; } .menu.mobile-animation .sub-menu-list { transition: left 0.5s; } .menu.mobile-animation .sub-menu-list .category-level-2 { transition: background-color 0.5s; } .menu.mobile-animation .sub-menu-list .category-level-2:before { transition: transform 0.5s !important; } .menu.mobile-animation .sub-menu-list .tab-navigation-content-container { transition: left 0.5s; } .menu.mobile-animation .sub-menu-list .sub-sub-menu { transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); } .menu.mobile-animation .sub-menu-list .sub-sub-menu.activeCategory { transition: max-height 0.5s cubic-bezier(1, 0, 1, 0); } /* set display handling separately for better understanding */ .menu.active { left: 0; } .menu.active .activeCategory .sub-menu-list { left: 0px; } .menu .activeCategory .sub-menu-list .category-level-2:before { transform: rotate(0); } .menu .activeCategory .sub-menu-list .category-level-2.activeCategory { background-color: #FAFAFA; border-bottom: 1px solid #EEEEEE; } .menu .activeCategory .sub-menu-list .category-level-2.activeCategory:before { transform: rotate(90deg); } .menu .activeCategory .sub-menu-list .sub-sub-menu.activeCategory { background-color: #FAFAFA; max-height: 1000px !important; } .menu .tab-navigation-content-container.categoryActive { left: 0; } .menu .tab-navigation-content-container.themeActive { left: -280px; } .menu .tab-navigation-content-container.specialActive { left: -560px; } } @media (min-width: 768px) { .menu { position: relative; background-color: #eee; text-align: center; } .menu > li { display: inline-block; border-bottom: 3px solid transparent; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .menu > li > a { color: #4F4B43; font-size: 16px; display: block; text-decoration: none; position: relative; padding: 10px; line-height: 20px; } } @media (min-width: 768px) and (max-width: 840px) { .menu > li > a { padding: 10px 6px; } } @media (min-width: 768px) { .menu > li > a i[class^="icon-"]:not(.force) { display: none; } .menu > li > a:before, .menu > li > a:after { content: ""; position: absolute; height: 80%; width: 1px; top: 10%; background-color: #BABABA; } .menu > li > a:before { left: -1px; } .menu > li > a:after { right: 0px; } .menu > li > a.has-no-sub-categories:hover + ul.sub-menu-list { display: none !important; } .menu > li .sub-menu-list { display: none; padding: 60px 10px 20px 10px; border-style: solid; border-width: 2px 0; width: 100%; background-color: #fff; top: 43px; left: 0px; right: 0px; z-index: 1001; max-width: 1600px; margin: 0 auto; } } @media (min-width: 768px) and (min-width: 1600px) { .menu > li .sub-menu-list { border-width: 2px; } } @media (min-width: 768px) { .menu > li .sub-menu-list.push-down { top: 86px; } .menu > li .sub-menu-list .sub-menu-item, .menu > li .sub-menu-list .sub-menu-theme, .menu > li .sub-menu-list .sub-menu-special { display: inline-block; width: 20%; padding: 10px; text-align: left; vertical-align: top; } .menu > li .sub-menu-list .sub-menu-item.sub-menu-item-all-items, .menu > li .sub-menu-list .sub-menu-theme.sub-menu-item-all-items, .menu > li .sub-menu-list .sub-menu-special.sub-menu-item-all-items { display: none; } .menu > li .sub-menu-list .sub-menu-item .cat-col-title, .menu > li .sub-menu-list .sub-menu-theme .cat-col-title, .menu > li .sub-menu-list .sub-menu-special .cat-col-title { border-bottom: 1px solid #EEEEEE; padding: 10px; height: 40px; overflow: hidden; font-size: 16px; font-weight: 400; position: absolute; top: 24px; width: inherit; } } @media (min-width: 768px) and (max-width: 767px) { .menu > li .sub-menu-list .sub-menu-item .cat-col-title .category-name, .menu > li .sub-menu-list .sub-menu-item .cat-col-title .category-hint, .menu > li .sub-menu-list .sub-menu-theme .cat-col-title .category-name, .menu > li .sub-menu-list .sub-menu-theme .cat-col-title .category-hint, .menu > li .sub-menu-list .sub-menu-special .cat-col-title .category-name, .menu > li .sub-menu-list .sub-menu-special .cat-col-title .category-hint { line-height: 12px; padding-top: 5px; display: block; } } @media (min-width: 768px) { .menu > li .sub-menu-list .sub-menu-item .cat-col-title .category-hint, .menu > li .sub-menu-list .sub-menu-theme .cat-col-title .category-hint, .menu > li .sub-menu-list .sub-menu-special .cat-col-title .category-hint { padding-left: 4px; font-size: 12px; font-weight: lighter; } .menu > li .sub-menu-list .sub-menu-item .sub-sub-menu, .menu > li .sub-menu-list .sub-menu-theme .sub-sub-menu, .menu > li .sub-menu-list .sub-menu-special .sub-sub-menu { display: none; } .menu > li .sub-menu-list .sub-menu-categorys { /* block with dynamic with of col for BRI */ } .menu > li .sub-menu-list .sub-menu-categorys.col-count-1 { width: 20%; } .menu > li .sub-menu-list .sub-menu-categorys.col-count-1 .sub-menu { width: 100%; } .menu > li .sub-menu-list .sub-menu-categorys.col-count-2 { width: 40%; } .menu > li .sub-menu-list .sub-menu-categorys.col-count-2 .sub-menu { width: 50%; } .menu > li .sub-menu-list .sub-menu-categorys.col-count-3 { width: 60%; } .menu > li .sub-menu-list .sub-menu-categorys.col-count-3 .sub-menu { width: 33%; } .menu > li .sub-menu-list .sub-menu-categorys.col-count-4 { width: 80%; } .menu > li .sub-menu-list .sub-menu-categorys.col-count-4 .sub-menu { width: 25%; } .menu > li .sub-menu-list .sub-menu-categorys .sub-menu { width: 20%; float: left; } /* set display handling separately for better sorting of animations */ .menu > li.opened .sub-menu-list { display: block; animation: fadeInFromNone .5s ease-out; } } .seo-wrapper { padding-top: 20px; padding-bottom: 20px; } .seo-wrapper .seo-content { line-height: 21px !important; color: #757571; font-size: 15px !important; } .seo-wrapper .seo-content *:first-child { margin-top: 0; } .seo-wrapper .seo-content h3, .seo-wrapper .seo-content h2, .seo-wrapper .seo-content h1, .seo-wrapper .seo-content .h3, .seo-wrapper .seo-content .h2, .seo-wrapper .seo-content .h1 { font-weight: 700; font-size: 14px !important; line-height: 21px !important; color: #757571; } .seo-wrapper .seo-content p { font-size: 14px !important; line-height: 21px !important; color: #757571; } .boxBody { background-color: #fff; } .mobileCategoryTeaser { margin-bottom: 20px; } .mobileCategoryTeaser .boxBody { border: 0; } .sliderProducts { margin: 0 0 10px 0; } .sliderProducts:before, .sliderProducts:after { content: " "; display: table; } .sliderProducts:after { clear: both; } .sliderProducts .js-sliderProducts-c-boxBody { border: 1px solid #EEEEEE; } .sliderProducts .js-sliderProducts-c-boxBody:before, .sliderProducts .js-sliderProducts-c-boxBody:after { content: " "; display: table; } .sliderProducts .js-sliderProducts-c-boxBody:after { clear: both; } .mobileSeasonTeaserBig { margin-bottom: 10px; } .mobileSeasonTeaserDouble { margin-bottom: 10px; } .mobileSeasonTeaserDouble .boxPadding { padding-bottom: 0; } .mobileSeasonTeaserDouble img.teaserDoubleHeadlineImg { padding-bottom: 0; } .cms-product-variant-add-to-cart, .deals-component { margin-bottom: 10px; } .cms-product-variant-add-to-cart .boxBody, .deals-component .boxBody { margin-bottom: 0; } .cms-product-variant-add-to-cart .boxPadding, .deals-component .boxPadding { padding: 6px; border: 1px solid #EEEEEE; transition: border-color 1s ease; /* @media (max-width: $screen-xsl-max) { */ /* display: inline-block; */ /* } */ } @media (max-width: 767px) { .cms-product-variant-add-to-cart, .deals-component { text-align: center; } } .cms-product-variant-add-to-cart:hover .boxPadding, .cms-product-variant-add-to-cart:focus .boxPadding, .deals-component:hover .boxPadding, .deals-component:focus .boxPadding { border-color: #A44C96; transition: border-color 1s ease; } .cms-product-variant-add-to-cart:hover a, .cms-product-variant-add-to-cart:focus a, .deals-component:hover a, .deals-component:focus a { color: inherit; } .deals-component { width: 100%; float: left; padding: 0 10px; } .deals-component .dealsComponentImg { max-width: 100%; } .box391 .boxTeaser { overflow: hidden; } .box391 .boxTeaser .picCol { display: inline-block; float: left; } .box391 .boxTeaser .textCol { display: inline-block; float: right; text-align: left; } .box391 .boxTeaser .textCol .sIFR { word-wrap: break-word; } @media (min-width: 401px) and (max-width: 450px), (min-width: 651px) and (max-width: 700px) { .box391 .boxTeaser .picCol { width: 45%; } .box391 .boxTeaser .textCol { width: 55%; } } @media (min-width: 701px) and (max-width: 768px), (min-width: 1024px) { .box391 .boxTeaser .picCol { width: 55%; } .box391 .boxTeaser .textCol { width: 45%; } } @media (max-width: 400px), (min-width: 451px) and (max-width: 650px), (min-width: 768px) and (max-width: 1023px) { .box391 .boxTeaser .picCol { width: 100%; float: none; } .box391 .boxTeaser .textCol { width: 100%; float: none; text-align: center; padding-top: 5px; } } .box391 .boxTeaser { height: auto; } @media (min-width: 451px) and (max-width: 650px), (min-width: 768px) and (max-width: 1023px) { .box391 .boxTeaser { height: 310px; } } @media (min-width: 651px) and (max-width: 768px) { .box391 .boxTeaser { height: 180px; } } @media (min-width: 1024px) { .box391 .boxTeaser { height: 191px; } } .cms-product-variant-add-to-cart img, .deals-component img { margin: 0 auto; } .cms-product-variant-add-to-cart a, .deals-component a { text-decoration: none; } .cms-product-variant-add-to-cart a:hover, .deals-component a:hover { text-decoration: none; } .teaserDoubleHeadlineImg.margin-bottom { margin-bottom: 6px; } /* evil, remove this in phase 2 */ .homepage .phase-1-samller-image img { max-width: 60%; margin-top: 10px; } .categorySeoTeaser { color: #4f4b43; margin-bottom: 20px; } @media (max-width: 500px) { .categorySeoTeaser { display: none; } } .categorySeoTeaser .categorySeoTeaserRight { background: #eee; position: relative; } .categorySeoTeaser .categorySeoTeaserRight .categorySeoTeaserText { z-index: 1; top: 4px; bottom: 4px; display: block; left: 15px; right: 15px; position: absolute; padding: 0 !important; overflow: hidden; } @media (max-width: 1023px) { .categorySeoTeaser .categorySeoTeaserRight .categorySeoTeaserText p { margin: 0; padding: 10px; } } @media (min-width: 501px) and (max-width: 1023px) { .categorySeoTeaser { display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .categorySeoTeaser .categorySeoTeaserLeft { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .categorySeoTeaser .categorySeoTeaserRight { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } } @media (min-width: 1024px) { .categorySeoTeaser { display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; justify-content: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .categorySeoTeaser.orientation-left .categorySeoTeaserLeft { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .categorySeoTeaser.orientation-left .categorySeoTeaserRight { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .categorySeoTeaser.orientation-center .categorySeoTeaserLeft, .categorySeoTeaser.orientation-right .categorySeoTeaserLeft { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .categorySeoTeaser.orientation-center .categorySeoTeaserRight, .categorySeoTeaser.orientation-right .categorySeoTeaserRight { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } } @media (max-width: 767px) { .pID-bader-vor-ort .boxPadding .toggleContent table { width: auto !important; } } .homepage .cms-product-variant-add-to-cart .boxPadding, .homepage .deals-component .boxPadding { padding: 0px; } .homepage .cms-product-variant-add-to-cart.box391, .homepage .deals-component.box391 { width: 50%; } @media (max-width: 410px) { .homepage .cms-product-variant-add-to-cart.box391, .homepage .deals-component.box391 { width: 100%; } } .doorpage .cms-product-variant-add-to-cart .boxPadding { padding: 0px; } .doorpage .cms-product-variant-add-to-cart.box391 { width: 50%; } @media (max-width: 410px) { .doorpage .cms-product-variant-add-to-cart.box391 { width: 100%; } } .cms-product-variant-add-to-cart { width: 50%; float: left; padding: 0 10px; margin-bottom: 10px; } .cms-product-variant-add-to-cart.loading { position: relative; } .cms-product-variant-add-to-cart.loading:before { content: ""; background: url(/styles/common/images/spinner.gif) no-repeat center center rgba(255, 255, 255, 0.9); position: absolute; width: 100%; height: 100%; z-index: 2; } /* CMSActionBannerComponent */ .action-banner-component .element-container { position: relative; margin-bottom: 20px; } .action-banner-component .element-container span { display: block; position: absolute; top: 10px; right: 10px; left: 10px; bottom: 10px; padding: 10px; border: 1px dashed #f0b31a; text-transform: uppercase; font-weight: 700; font-size: 20px; color: #757571; text-align: right; background-color: rgba(255, 255, 255, 0); transition: 0.5s; } .action-banner-component a:hover { color: #757571; } .action-banner-component a:hover span { background-color: rgba(255, 255, 255, 0.75); } .action-banner-component .col-xs-12 { margin-bottom: 10px; } .page-color-homepage .flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-link, .page-color-homepage .flexible-teaser-tile-component .flexible-teaser-tile-background-link { color: #A44C96; } /* size_calculator */ /* size layer */ .SizeCalculator { width: auto; min-width: 215px; background-image: none; } @media (max-width: 500px) { .SizeCalculator { width: 100%; } } @media (min-width: 1024px) { .modal-layer .layer-wrapper.size-content { width: 900px; } } .size-content .heading-wrapper { background-color: #EEEEEE; border-radius: 0px 0 0px 0; padding: 5px 10px; margin-bottom: 10px; } .size-calculator-list li { display: inline-block; margin: 15px; } .size-calculator-list li .btn.btn-primary, .size-calculator-list li .boxInnerHeight193 .doubleCol .control a.btn-primary, .boxInnerHeight193 .doubleCol .control .size-calculator-list li a.btn-primary, .size-calculator-list li .btn-primary.SizeCalculator { width: 100%; margin: 20px 0 0 0; } /* * === Account Navigation Left === */ .account-nav ul li a { display: block; color: #757571; width: 100%; padding: 5px 0; text-decoration: none; } .account-nav ul li a:hover, .account-nav ul li a:focus, .account-nav ul li a.active { color: #A44C96; } .account-nav ul li.disabled a { color: #A3A3A3; } .account-nav ul li.disabled a i { color: #4f4b43; } .account-nav ul li ul ul { padding-left: 10px; } .account-nav .logout-btn { width: 100%; margin-top: 10px; } @media (max-width: 500px) { .account-nav .logout-btn { width: 100%; } } /* * === google reCAPTCHA === */ .grecaptcha-badge { z-index: 1; } /* * === Account Sticky Nav === */ .sticky-nav-bottom { position: fixed; bottom: 0; left: 0; z-index: 1000; width: 100%; min-width: 320px; min-height: 50px; background-color: #fff; box-shadow: 0 -5px 18px -10px rgba(0, 0, 0, 0.2); } .sticky-nav-bottom-inner { padding: 7px 10px; width: 100%; float: left; } .sticky-nav-bottom-inner .btn.no-hover:hover, .sticky-nav-bottom-inner .boxInnerHeight193 .doubleCol .control a.no-hover:hover, .boxInnerHeight193 .doubleCol .control .sticky-nav-bottom-inner a.no-hover:hover, .sticky-nav-bottom-inner .no-hover.SizeCalculator:hover, .sticky-nav-bottom-inner .btn.no-hover:focus, .sticky-nav-bottom-inner .boxInnerHeight193 .doubleCol .control a.no-hover:focus, .boxInnerHeight193 .doubleCol .control .sticky-nav-bottom-inner a.no-hover:focus, .sticky-nav-bottom-inner .no-hover.SizeCalculator:focus { background: inherit; color: inherit !important; } .sticky-nav-bottom-action { width: 80%; padding: 0 10px; width: calc(100% - 84px); } .sticky-nav-bottom-action .btn, .sticky-nav-bottom-action .boxInnerHeight193 .doubleCol .control a, .boxInnerHeight193 .doubleCol .control .sticky-nav-bottom-action a, .sticky-nav-bottom-action .SizeCalculator, .sticky-nav-bottom-action form { display: inline-block; } .sticky-nav-bottom-action .first-btn { width: 100%; } .sticky-nav-bottom-action .second-btn { width: 100%; } .sticky-nav-bottom-action form .btn, .sticky-nav-bottom-action form .boxInnerHeight193 .doubleCol .control a, .boxInnerHeight193 .doubleCol .control .sticky-nav-bottom-action form a, .sticky-nav-bottom-action form .SizeCalculator { width: 100%; } .sticky-nav-bottom-action #btn-add-to-cart-sticky i { font-size: 20px; } .sticky-nav-bottom-action #btn-add-to-cart-sticky span { line-height: 18px; vertical-align: inherit; } /* * === Sticky Flyout Service === */ .sticky-flyout-service { position: fixed; top: 240px; right: 0; z-index: 110; height: auto; webkit-transition: right .6s ease-in; -moz-transition: right .6s ease-in; -ms-transition: right .6s ease-in; -o-transition: right .6s ease-in; transition: right .6s ease-in; } .sticky-flyout-service.close { right: -301px; height: 40px; webkit-transition: right .6s ease-in; -moz-transition: right .6s ease-in; -ms-transition: right .6s ease-in; -o-transition: right .6s ease-in; transition: right .6s ease-in; } .sticky-flyout-service.close .sticky-flyout-service-inner { height: 40px; } .sticky-flyout-service-inner { width: 100%; float: left; } .sticky-flyout-service .btn-toggle { width: 40px; height: 40px; line-height: 40px; cursor: pointer; font-size: 21px; text-align: center; border: 1px solid #757571; border-right-color: #fff; margin-right: -1px; border-radius: 5px 0 0 0; background-color: #fff; position: relative; z-index: 110; } .sticky-flyout-service-content { width: 300px; padding: 20px; background-color: #fff; border: 1px solid #757571; border-right: 0; position: relative; } .sticky-flyout-service-content button.btn-close { right: -10px; top: -10px; padding: 0; } .sticky-flyout-service-content .h3, .sticky-flyout-service-content .h4, .sticky-flyout-service-content ul, .sticky-flyout-service-content .flyout-info-text-small { padding: 0 20px; } .sticky-flyout-service-content .h3, .sticky-flyout-service-content .h4 { display: block; margin: 0 0 20px 0; font-weight: 700; } .sticky-flyout-service-content .h3 { color: #757571; font-size: 16px; } .sticky-flyout-service-content .h4 { color: #757571; font-size: 14px; } .sticky-flyout-service-content .flyout-name, .sticky-flyout-service-content .flyout-subline { display: block; } .sticky-flyout-service-content .flyout-name { color: #757571; } .sticky-flyout-service-content .flyout-subline { color: #757571; font-size: 16px; } .sticky-flyout-service-content .flyout-info a { text-decoration: none; cursor: pointer; color: #757571; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .sticky-flyout-service-content .flyout-info a:hover, .sticky-flyout-service-content .flyout-info a:focus { color: #A44C96; text-decoration: none; } .sticky-flyout-service-content .flyout-info .email { text-decoration: underline; } .sticky-flyout-service-content .flyout-info-text-small { font-size: 13px; color: #A3A3A3; } .sticky-flyout-service-content ul li { display: table; width: 100%; margin-bottom: 10px; } .sticky-flyout-service-content ul li .flyout-info, .sticky-flyout-service-content ul li .flyout-icon { display: table-cell; vertical-align: middle; } .sticky-flyout-service-content ul li .flyout-icon { margin-right: 10px; color: #A44C96; font-size: 20px; text-align: left; width: 12%; } .sticky-flyout-service-content ul li .flyout-info { width: 80%; } @media (max-width: 767px) { .sticky-flyout-service { top: auto; right: auto; bottom: 49px; left: 10px; transition: top 1s, bottom 1s; } .sticky-flyout-service.scrollable { top: 0; overflow-y: scroll; } .sticky-flyout-service.close { top: auto; right: auto; height: auto; bottom: -600px; transition: top 1s, bottom 1s; } .sticky-flyout-service.close.scrollable { top: 600px; transition: top 1s; } .sticky-flyout-service.close .sticky-flyout-service-inner { height: auto; } .sticky-flyout-service-content { border-right: 1px solid #757571; } } .sticky-layer { position: fixed; top: 240px; left: 0; z-index: 110; } .sticky-layer.open { left: 0 !important; -webkit-transition: left .6s ease-out; -moz-transition: left .6s ease-out; -ms-transition: left .6s ease-out; -o-transition: left .6s ease-out; transition: left .6s ease-out; } .sticky-layer.close { -webkit-transition: left .6s ease-in; -moz-transition: left .6s ease-in; -ms-transition: left .6s ease-in; -o-transition: left .6s ease-in; transition: left .6s ease-in; } .sticky-layer .layer-wrapper { background: white; white-space: nowrap; border: 1px solid #757571; } .sticky-layer .layer-wrapper .sticky-layer-content { padding: 20px; display: inline-block; } @media (max-width: 767px) { .sticky-layer .layer-wrapper .sticky-layer-content { width: 100vw; } } @media (min-width: 768px) { .sticky-layer .layer-wrapper .sticky-layer-content { max-width: 95vw; max-width: calc(100vw - 65px); } } .sticky-layer .layer-wrapper .sticky-layer-content .img-responsive, .sticky-layer .layer-wrapper .sticky-layer-content img { margin: 0 auto; } .sticky-layer .layer-wrapper .btn-toggle { display: inline-block; color: #fff; background: #A44C96; border: 1px solid #A44C96; border-left-width: 0; margin: -1px 0 0 0; padding: 10px 5px; cursor: pointer; position: absolute; width: 40px; line-height: 25px; border-radius: 0 0px 0px 0; } .sticky-layer .layer-wrapper .btn-toggle.opener-small { height: 40px; } .sticky-layer .layer-wrapper .btn-toggle.active .icon-sticky-popup-handler:before { content: "\e924"; } .sticky-layer .layer-wrapper .btn-toggle .icon-sticky-popup-handler:before { content: "\e907"; } .sticky-layer .layer-wrapper .btn-toggle .inner { white-space: nowrap; display: inline-block; overflow: visible; } .sticky-layer .layer-wrapper .btn-toggle i { position: absolute; top: 10px; right: 0; left: 0; text-align: center; } .sticky-layer .layer-wrapper .btn-toggle span { padding-top: 30px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-lr; } #NavColLeft { /* 2 level */ } #NavColLeft .mobileCMSpages li a:hover, #NavColLeft .mobileCMSpages li a:focus, #NavColLeft .mobileCMSpages li a.active { color: #A44C96; } #NavColLeft .panel-body { padding-left: 30px; } #NavColLeft ul { background-color: #fff; } #NavColLeft li { margin: 0; padding: 15px 0; overflow: hidden; width: 100%; /* account */ /* global */ } #NavColLeft li.sub-cotegorie { padding: 0; margin-bottom: 5px; } #NavColLeft li.steady ul { display: block; border: 0; } #NavColLeft li.steady ul ul a { position: relative; } #NavColLeft li.open .topLevel:before { transition: all 0.5s ease-in-out; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } #NavColLeft li.open .topLevel:after { transition: all 0.5s ease-in-out; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #NavColLeft a { text-decoration: none; display: block; padding: 6px 30px 6px 10px; outline: 0; color: #4f4b43; } #NavColLeft .topLevel { background-color: #EEEEEE; border: 1px solid transparent; border-radius: 0px 0 0px 0; padding: 8px 30px 8px 10px; color: #757571; font-weight: 700; position: relative; /* horizontal */ /* vertical */ } #NavColLeft .topLevel:before, #NavColLeft .topLevel:after { content: ""; position: absolute; background-color: #757571; } #NavColLeft .topLevel:before { width: 15px; height: 1px; right: 10px; top: 50%; margin-top: 0; transition: all 0.5s ease-in-out; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; } #NavColLeft .topLevel:after { width: 1px; height: 15px; right: 17px; top: 50%; margin-top: -7px; transition: all 0.5s ease-in-out; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #NavColLeft ul ul { display: none; } #NavColLeft ul ul ul { border: 0; } #NavColLeft ul ul li { padding: 0; /* 3 level */ } #NavColLeft ul ul li li { /* 4 level */ } #NavColLeft ul ul li li a { padding-left: 25px; } #NavColLeft ul ul li li li a { padding-left: 35px; } #NavColLeft ul ul li li li a:after { left: 20px !important; } #NavColLeft ul ul li.open ul li.active { /* 4 level */ } #NavColLeft ul ul li.open ul li.active a { font-weight: 700; } #NavColLeft ul ul li.open ul li.active li a { font-weight: 500; } #NavColLeft ul ul li.open ul li a { color: #4f4b43; font-weight: 500; } #NavColLeft ul ul li.active a { font-weight: 700; } #NavColLeft ul.menu-lvl1, #NavColLeft ul.menu-lvl2, #NavColLeft ul.menu-lvl3 { display: block; list-style-type: disc; list-style-position: outside; } #NavColLeft ul.menu-lvl1.marker-disc, #NavColLeft ul.menu-lvl2.marker-disc, #NavColLeft ul.menu-lvl3.marker-disc { list-style-type: disc; } #NavColLeft ul.menu-lvl1.marker-circle, #NavColLeft ul.menu-lvl2.marker-circle, #NavColLeft ul.menu-lvl3.marker-circle { list-style-type: circle; } #NavColLeft ul.menu-lvl1.marker-square, #NavColLeft ul.menu-lvl2.marker-square, #NavColLeft ul.menu-lvl3.marker-square { list-style-type: square; } #NavColLeft li.menu-lvl1-item, #NavColLeft li.menu-lvl2-item, #NavColLeft li.menu-lvl3-item { overflow: visible; padding: 6px 0; } #NavColLeft li.menu-lvl1-item a, #NavColLeft li.menu-lvl2-item a, #NavColLeft li.menu-lvl3-item a { display: inline; position: relative; padding: 0; } #GrayOut { position: fixed; top: 0; left: 0; z-index: 1100; width: 100%; height: 100%; background-color: #000000; opacity: 0.4; display: none; } body.modal-open { padding-right: 0; overflow: hidden; } @media (min-width: 768px) { body.modal-open { overflow: visible; } } body.modal-blur header, body.modal-blur section, body.modal-blur footer, body.modal-blur .sticky-elements { filter: blur(5px); transition: 1s filter linear; } /* fix modal for bader */ .modal-layer { padding: 0; position: fixed; left: -10000px; top: 0; margin: auto; min-height: 200px; display: block; z-index: -1; /* fix to prevent content from overlaping in IE11 */ overflow-x: hidden; overflow-y: auto; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .modal-layer.open { right: 0; left: 0; z-index: 1200; /* fix to prevent content from overlaping in IE11 */ } .modal-layer.loading .layerContent:before { content: ""; height: 100%; width: 100%; opacity: 0.7; position: absolute; top: 0; left: 0; background: url("/resources/BRI/images/ajax-loader.gif") no-repeat center center #fff; z-index: 10; } .modal-layer.in { opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .modal-layer.in .layer-wrapper { -webkit-transform: translate(0, 0); -mot-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -ms-transition: -ms-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal-layer.in .modal-wrapper-close { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-layer .modal-wrapper-close { position: absolute; right: 0; left: 0; z-index: 4; -webkit-transform: translate(0, -150%); -ms-transform: translate(0, -150%); -o-transform: translate(0, -150%); transform: translate(0, -150%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -ms-transition: -ms-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal-layer .layer-wrapper { margin: 30px auto; position: absolute; left: 0; right: 0; background-color: #FFFFFF; width: 640px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -ms-transition: -ms-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal-layer .layer-wrapper .layerContent { padding: 30px 15px 15px; font-size: 15px; } .modal-layer .layer-wrapper .layerContent .textClose { margin-top: 10px; } .modal-layer .layer-wrapper .layerContent .compensatePdg { overflow-x: auto; } .modal-layer .layer-wrapper .layerContent.scroll .compensatePdg, .modal-layer .layer-wrapper .layerContent .scroll .compensatePdg { overflow-x: visible; } @media (max-width: 767px) { .modal-layer .layer-wrapper .layerContent .left .box391:nth-child(even), .modal-layer .layer-wrapper .layerContent .left .box391:nth-child(odd) { margin-right: -10px; margin-left: -10px; } } @media (min-width: 768px) { .modal-layer .layer-wrapper .layerContent .left .box391:nth-child(even) { margin-left: -10px; } .modal-layer .layer-wrapper .layerContent .left .box391:nth-child(odd) { margin-right: -10px; } } @media (min-width: 768px) { .modal-layer .layer-wrapper .layerContent.scroll { padding: 0 15px 15px; margin-top: 30px; overflow: auto; } } .modal-layer .close, .modal-layer .btn-close, .sticky-flyout-service .close, .sticky-flyout-service .btn-close { width: 40px; height: 40px; border: 1px solid #757571; border-radius: 50%; position: absolute; top: -15px; right: -15px; background: #fff; text-decoration: none; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-property: background; transition-property: background; } .modal-layer .close:hover, .modal-layer .close:focus, .modal-layer .btn-close:hover, .modal-layer .btn-close:focus, .sticky-flyout-service .close:hover, .sticky-flyout-service .close:focus, .sticky-flyout-service .btn-close:hover, .sticky-flyout-service .btn-close:focus { background-color: #A44C96; color: #fff; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; } .modal-layer .close:before, .modal-layer .btn-close:before, .sticky-flyout-service .close:before, .sticky-flyout-service .btn-close:before { content: "\e909"; font-family: 'BADER-Iconfont' !important; font-size: 18px; width: 38px; height: 38px; line-height: 38px; text-align: center; display: block; } @media (max-width: 767px) { .modal-layer { /* no overwrite for add to cart */ } .modal-layer .layer-wrapper { padding-top: 10px; margin: 0; width: 100%; height: auto !important; max-height: none !important; } .modal-layer .layer-wrapper .compensatePdg { overflow-x: scroll; } .modal-layer .layer-wrapper .scroll { height: 100% !important; max-height: 100% !important; } .modal-layer .layer-wrapper .scroll .compensatePdg { overflow-x: visible; } .modal-layer .modal-wrapper-close:not(.add-to-cart) { width: 100%; height: 40px; margin: -10px 0 0 0; position: static; } .modal-layer .close:not(.add-to-cart) { position: fixed; top: 0; left: 0; width: 100%; border-radius: 0; background-color: #d4d1cb; border-color: #d4d1cb; } .modal-layer .close:not(.add-to-cart):before { content: attr(title); width: 100%; font-family: "Cabin", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 16px; } .modal-layer .close:not(.add-to-cart):after { content: "\e909"; width: 100%; font-family: 'BADER-Iconfont' !important; font-size: 16px; position: absolute; right: 0; top: 0; z-index: 2; width: 30px; height: 38px; line-height: 38px; } } /* * === MODAL WITH PRODUCT IMAGE === */ .modal-thumbnail-wrapper { width: 50px; float: left; margin-right: 15px; } .modal-thumbnail-wrapper .slick-prev { top: -40px; right: 0; left: 0; margin: 0 auto !important; } .modal-thumbnail-wrapper .slick-prev:before { content: "\e908"; } .modal-thumbnail-wrapper .slick-next { bottom: -40px; top: auto; right: 0; left: 0; margin: 0 auto !important; } .modal-thumbnail-wrapper .slick-next:before { content: "\e905"; } .modal-thumbnail-wrapper .js-thumbnail-modal.has-arrows { margin-top: 40px; } .modal-main-image-wrapper { float: left; width: 100%; } @media (min-width: 768px) { .modal-main-image-wrapper { width: 95%; width: calc(100% - 65px); } } .modal-layer .SizeCalculator { width: auto; min-width: 215px; } @media (max-width: 500px) { .modal-layer .SizeCalculator { width: 100%; } } .dropdown-backdrop { z-index: 99; } .filter-facett-container .bootstrap-select.open .btn-default.dropdown-toggle, .filter-facett-container .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .filter-facett-container .bootstrap-select.open a.dropdown-toggle, .filter-facett-container .bootstrap-select.open .dropdown-toggle.SizeCalculator, .bootstrap-select.open .btn-default.dropdown-toggle, .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle, .boxInnerHeight193 .doubleCol .control .bootstrap-select.open a.dropdown-toggle, .bootstrap-select.open .dropdown-toggle.SizeCalculator, .bootstrap-select.open .modal-layer .dropdown-toggle.SizeCalculator, .modal-layer .bootstrap-select.open .dropdown-toggle.SizeCalculator { border: 1px solid #A44C96; border-bottom-color: white; border-bottom-right-radius: 0; z-index: 101; } .filter-facett-container .bootstrap-select.open .btn-default.dropdown-toggle:hover, .filter-facett-container .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:hover, .boxInnerHeight193 .doubleCol .control .filter-facett-container .bootstrap-select.open a.dropdown-toggle:hover, .filter-facett-container .bootstrap-select.open .dropdown-toggle.SizeCalculator:hover, .bootstrap-select.open .btn-default.dropdown-toggle:hover, .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:hover, .boxInnerHeight193 .doubleCol .control .bootstrap-select.open a.dropdown-toggle:hover, .bootstrap-select.open .dropdown-toggle.SizeCalculator:hover { border-bottom-color: white; } .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner), .bootstrap-select.open .dropdown-menu:not(.inner) { margin-top: -1px; border: 1px solid #A44C96; z-index: 100; } .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open, .bootstrap-select.open .dropdown-menu:not(.inner).open { border-top-left-radius: 0; } .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-thumb, .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-thumb { background-size: cover; background-position: 50% 50%; } .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .text-with-offset, .bootstrap-select.open .dropdown-menu:not(.inner).open .text-with-offset { margin-left: 30px; } .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-color, .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-thumb, .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-color, .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-thumb { display: inline-block; position: absolute; width: 16px; height: 16px; border-radius: 0; vertical-align: bottom; } .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-color:before, .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-thumb:before, .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-color:before, .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-thumb:before { content: ''; position: absolute; display: inline-block; top: -4px; left: -4px; width: 24px; height: 24px; border: 1px solid #A3A3A3; border-radius: 0; } .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .selected .icon-color:before, .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .selected .icon-thumb:before, .bootstrap-select.open .dropdown-menu:not(.inner).open .selected .icon-color:before, .bootstrap-select.open .dropdown-menu:not(.inner).open .selected .icon-thumb:before { border-width: 3px; } .filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner) li a, .bootstrap-select.open .dropdown-menu:not(.inner) li a { padding: 7px 20px 5px; text-decoration: none; }