/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } canvas { display: none; } /* * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 8/9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input.hidden-radio { -webkit-appearance: none; display: none; } .ui-helper-hidden-accessible { visibility: hidden; position: absolute; } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: none; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } th, td { padding: 0; } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /* BACKGROUND GRADIENT */ /* BACKGROUND HORIZONTAL */ /* BACKGROUND RADIAL */ /* BACKGROUND SIZE */ /* BACKGROUND COLOR OPACITY */ /* BORDER RADIUS */ /* BOX */ /* BOX RGBA */ /* BOX SHADOW */ /* BOX SIZING */ /* COLUMNS */ /* DOUBLE BORDERS */ /* FLEX */ /* FLIP */ /* FONT FACE */ /* OPACITY */ /* OUTLINE RADIUS */ /* RESIZE */ /* ROTATE*/ /* TEXT SHADOW */ /* TRANSFORM */ /* TRANSFORM STYLE */ /* TRANSITION */ /* TRIPLE BORDERS */ /* KEYFRAMES */ /* ANIMATION */ /* G END */ @font-face { font-family: 'tazextrabold'; src: url("../fonts/Taz-Black.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'tazbold'; src: url("../fonts/Taz-Bold.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'tazregular'; src: url("../fonts/Taz-Regular.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bauhaus'; src: url("../fonts/bauhaus.eot"); src: url("../fonts/bauhaus.eot?#iefix") format("embedded-opentype"), url("../fonts/bauhaus.woff") format("woff"), url("../fonts/bauhaus.ttf") format("truetype"), url("../fonts/bauhaus.svg#bauhaus") format("svg"); font-weight: normal; font-style: normal; } .font-def, body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; } .font-bauhaus-bold, strong, b, h1, h3, h4, .fs-h1, .fs-h1-2, .fs-h2, .fs-h1-3, .fs-h3, .fs-h3-2, .serviceteaseronecolumncomponent .bd h3, .textmediatype08component .bd h3, .textmediatype03component h3, .textmediatype04component h3, .fs-h3-22, .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd h3, .fs-h4, .pictoService .line h3, .fs-h5, .pictoService .line .bd h4, .serviceCatalogs h1.leading, .eventRegister form.formVertical fieldset.newsletter legend, .fs-m2, .fancybox-wrap .inner .dialog-close, .fancybox-wrap .inner .dialogCloseButton, .fancybox-wrap .inner .defaultButton, .fancybox-wrap .limitLightboxDialog .dialog-close, .fancybox-wrap .limitLightboxDialog .dialogCloseButton, .fancybox-wrap .limitLightboxDialog .defaultButton, .fancybox-wrap .inner .highlight, .fancybox-wrap .limitLightboxDialog .highlight, .fancybox-wrap .inner .highlight2, .fancybox-wrap .limitLightboxDialog .highlight2, div.abtn, button.abtn, div.abtn.abtnLight, button.abtn.abtnLight, .form1 .btn-login button, .order-form .btn-login button, .checkoutStep3 .sepaMandate .btn-login button, .form1 .submit.checkout-voucher-add button, .order-form .submit.checkout-voucher-add button, .form1 .submit button, .order-form .submit button, .checkoutStep3 .sepaMandate .submit button, .ui-tabs-nav li, .fs-m2-2, .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd h4, .fachcentrumTeaserComponent .bd h4, .fachcentrumTeaserComponent .bd ul.link-list li a, .serviceteaseronecolumncomponent .bd h4, .textmediatype08component .bd h4, .textmediatype03component h4, .textmediatype04component h4, .fs-m3-bold, table tbody tr tdstrong, .head .cartTab .panel .editCart, .head .cartTab .panel .button, .head .cartTab .panel .productList li span, .head .cartTab .panel .miniCartFooter .summe, .loginPanel .flyout .logoutBtn, .loginPanel .flyout .letsRegister, .loginPanel .flyout .myAccountBtn, .loginPanel .flyout .loginBtn, .emptyListPanel .flyout .logoutBtn, .emptyListPanel .flyout .letsRegister, .emptyListPanel .flyout .myAccountBtn, .emptyListPanel .flyout .loginBtn, .modMainNavigation .ui-autocomplete .autosuggestItem, .modMainNavigation .ui-autocomplete .ui-category:first-child, .modMainNavigation .ui-autocomplete .ui-category:first-child a, .modMainNavigation .ui-autocomplete .search-autocomplete.searchCategoryResultTab .name-product .name-product-item, .modMainNavigation .ui-autocomplete .searchProductResultTab .name-product .name-product-item, .modMainNavigation .ui-autocomplete .ui-category, .head .cartTab .panel .productList .cartTabShowMoreProducts a, .modFilter .control .resetfilter, .accordionAsModFilter .control .resetfilter, .modProductResult.skinProductResultTile li .productInfoText, .modProductResult.skinProductResultList li .productTechData ul li div, .reserveToolTip, .loadMoreResults, .loadMoreEvents, .searchResultPage .searchTabs ul li a, .searchResultPage .searchResultsContent.guideTab li .nodeContent h3, .searchResultPage .searchResultsContent.guideTab li .nodeContent a, .searchResultPage .searchResultsContent.serviceTab a.content-link, .searchResultPage .shopResults .strong, .productSearchCategoriesSuggestion .btn-more .txt, .container-flags .content-flags a, .addToCartFancyWrapper div.titleH2, .couponCardBallanceCheck div.titleH2, .limitLightboxDialog div.titleH2, .addressValidationDialog div.titleH2, .addToCartFancyWrapper .message a, .couponCardBallanceCheck .message a, .limitLightboxDialog .message a, .addressValidationDialog .message a, .addToCartFancyWrapper .message, .couponCardBallanceCheck .message, .limitLightboxDialog .message, .addressValidationDialog .message, .addToCartFancyWrapper .buttons .button, .couponCardBallanceCheck .buttons .button, .limitLightboxDialog .buttons .button, .addressValidationDialog .buttons .button, .lightboxHeading, .productWrapper .productDetails .subheadline, .productWrapper .offerDetails .buyOptions .buyoptions-box .stock-status span, .productWrapper .offerDetails .buyOptions .buyoptions-box .buttonRs, .productWrapper .offerDetails .buyOptions .buyoptions-box button, .productWrapper .offerDetails .buyOptions .buyoptions-box .delivery-status a, .productWrapper .offerDetails .buyOptions .buyoptions-box .price-info a, .productWrapper .offerDetails .buyOptions .buyoptions-box .long-text a, .productWrapper .offerDetails .buyOptions .buyoptions-box .fc-status a, .productWrapper .offerDetails .buyOptions .buyoptions-box .delivery-status.selectedStore a span, .productWrapper .offerDetails .buyOptions .buyoptions-box .price-info.selectedStore a span, .productWrapper .offerDetails .buyOptions .buyoptions-box .long-text.selectedStore a span, .productWrapper .offerDetails .buyOptions .buyoptions-box .fc-status.selectedStore a span, .serviceButtons li.fb a, .priceInput .ammountType, .ammountCalculator .calcConversion a, .scalePrices .active, .savings .active, .savings, footer.footer .rInner3 .rInner .newslText, footer.footer .fcol span.emf, footer.footer .fcol span.emf a, .form1 .newsletter legend, .order-form .newsletter legend, .checkoutStep3 .sepaMandate .newsletter legend, #categoryNav li.topLevelNode, #beratungSubNavigation li.topLevelNode, .mobileNavigationPanel li.topLevelNode, .serviceMetaNavigation ul li.topLevelNode, .mobileNavigation #categoryNav li.mobileHeading, .mobileNavigation #beratungSubNavigation li.mobileHeading, .mobileNavigation .mobileNavigationPanel li.mobileHeading, .mobileNavigation .serviceMetaNavigation ul li.mobileHeading, .indexModules .tabs ul .ui-state-default .ui-tabs-anchor, .indexModules .tabs .ui-tabs-panel .bd .link-list, .indexModules .homePageQuickLinks .quickLinks ul li a, .reservation-confirmation .btm-section a.button, div.calendar_indicator li, .fc-calendar .fc-head > div, .opening .information span, .serviceWrapper .modSubNavigation ul li.activeItem .active, .serviceNavigationM-view .modSubNavigation ul li.activeItem .active, .serviceInnerPages .modSubNavigation ul li.activeItem .active, .serviceTeaserThreeColumnsComponent .bd a, .textMediaType01Component ul li a, .textComponent ul li a, .bulletPointsComponent ul li a, .textMediaType02Component .bd a, .jumpLabelComponent ul li a, .jumpLabelComponent ul a, .serviceModuleComponent ul li a, .ratgeberDetails .textComponent ul li a, .ratgeberDetails .media .textComponent ul li a, footer .footnote .footItem .componentContainer h2, .couponCardCheckForm .submit button, .container-comparison .content-view .different-day .section-header, .comparison-page .table-infos .column-table .buyoptions-box .stock-status span, .comparison-page .table-infos .column-table .buyoptions-box .buttonRs, .comparison-page .table-infos .column-table .buyoptions-box button, .comparison-page .table-infos .column-table .buyoptions-box .delivery-status a, .comparison-page .table-infos .column-table .buyoptions-box .price-info a, .comparison-page .table-infos .column-table .buyoptions-box .long-text a, .comparison-page .table-infos .column-table .buyoptions-box .fc-status a, .comparison-page .table-infos .column-table .buyoptions-box .delivery-status.selectedStore a span, .comparison-page .table-infos .column-table .buyoptions-box .price-info.selectedStore a span, .comparison-page .table-infos .column-table .buyoptions-box .long-text.selectedStore a span, .comparison-page .table-infos .column-table .buyoptions-box .fc-status.selectedStore a span, .comparison-delete-lightbox .lightBoxContainer h2, .buyProductContainer h2, .buyProductContainer .message, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .stock-status span, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .buttonRs, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box button, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .delivery-status a, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .price-info a, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .long-text a, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .fc-status a, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .delivery-status.selectedStore a span, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .price-info.selectedStore a span, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .long-text.selectedStore a span, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .fc-status.selectedStore a span { font-family: "tazbold", Helvetica, Arial, sans-serif; font-weight: 100; } .font-bauhaus-regular, h2, .fs-h6, .fachcentrumTeaserComponent h3, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span.icon-location, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .modProductResult.skinProductResultTile li .buyOptions .reserveProduct span:before, .modProductResult.skinProductResultTile li .buyOptions .reserveProduct .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct span:before, .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status span:before, .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status span:before, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel > section h2, .fs-m1, .tabsCW .tabC, .fs-m11, .fs-m2-nobold, .ratSearchWrapper .noResults p, .ratSearchWrapper .noResults h3, .ratSearchWrapper .noResults ul li, .fs-m3, .seoW p, .accordTitle, .stP0, .stP01, .stP, .stP2, .stP3, .msgT1, .form1 label, .order-form label, .checkoutStep3 .sepaMandate label, .form1 .txtAsLabel, .order-form .txtAsLabel, .checkoutStep3 .sepaMandate .txtAsLabel, .form1 .valAsLabel, .order-form .valAsLabel, .checkoutStep3 .sepaMandate .valAsLabel, .st1, .fs-m4, .product-variant-lightbox .infoTip, .product-variant-lightbox .infoTip td, .productWrapper .infoTip, .productWrapper .infoTip td, footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.left .copyright, footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right li a, footer.footer .footnote *, .msgT2 .information_message.positive, .form1 p.error-message, .order-form p.error-message, .checkoutStep3 .sepaMandate p.error-message, .form1 .errorField, .order-form .errorField, .checkoutStep3 .sepaMandate .errorField, .form1 .errorFieldGroup, .order-form .errorFieldGroup, .checkoutStep3 .sepaMandate .errorFieldGroup, .form1 .infoTip, .order-form .infoTip, .checkoutStep3 .sepaMandate .infoTip, .form1 .infoTip td, .order-form .infoTip td, .checkoutStep3 .sepaMandate .infoTip td, .form1 .inputAndErr .error .error-message, .order-form .inputAndErr .error .error-message, .checkoutStep3 .sepaMandate .inputAndErr .error .error-message, .cartItems .row .strike-price, .cartItems .row .discount-price, .reservationItems .row .strike-price, .reservationItems .row .discount-price, .checkoutStep3 .infobox .errorField, .voucherCheckoutWrapper .serverError, .lightbox-search #list .mod .result .clearfix .size2of5 h3 .noBold, .ratWrapper .unit ul.link-list li a, .ratWrapper .unit .inner.hLine p, .ratSearchWrapper .unit ul.link-list li a, .ratSearchWrapper .unit .inner.hLine p, .ratgeberDetails .unit ul.link-list li a, .ratgeberDetails .unit .inner.hLine p, .serviceWrapper .unit ul.link-list li a, .serviceNavigationM-view .unit ul.link-list li a, .serviceWrapper .unit .inner.hLine p, .serviceNavigationM-view .unit .inner.hLine p, .serviceTeaserOneAndAHalfColumnsComponent ul.link-list li a, .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd p, .serviceteaseronecolumncomponent ul.link-list li a, .serviceteaseronecolumncomponent .bd p, .textmediatype08component ul.link-list li a, .textmediatype08component .bd p, .textmediatype03component p, .textmediatype04component p, .fs-m4-2, .ratgeberDetails div p, .fs-m5, footer.footer .rInner.footerMenu .atArrow, .cartItems .row .helper-text, .reservationItems .row .helper-text, .fs-b1, body, table tbody tr td, .head .storeFinder .state-not-selected .storeSelect, .head .cartTab .headline a .amountTab, .head .cartTab .panel .productList .cartText, .head .cartTab .panel .productList .product-amount a, .head .cartTab .panel .productList .pricetag span, .modMainNavigation .ui-autocomplete .name-product .attr-product, .categoryGrid .mainTitle h1 .subTitle, .productFilters .filterHeader, .modProductResult.skinProductResultTile li .subheadline, .modProductResult.skinProductResultTile li .buyOptions, .modProductResult.skinProductResultList li h2 .subheadline, .modProductResult.skinProductResultList li .product-data ul li, .modProductResult.skinProductResultList li .product-data .buyOptions, .modProductResult.skinProductResultList li .product-data .subheadline, .modProductResult.skinProductResultList li .productTechData ul li span, .searchResultPage .mainTitle h1 .subTitle, .productGridFilterElements ul.facet_block .remove_filter_item, .productGridFilterElements ul.facet_block .remove_filter_item .action_remove, .productSearchCategoriesSuggestion .title, .productSearchCategoriesSuggestion .categories .suggestedCategory, .flexGiftCartDoubleError .message p, .productInfo section .detailSection h4, footer.footer, .form1 .line3 legend, .order-form .line3 legend, .checkoutStep3 .sepaMandate .line3 legend, .carouselHeader, .indexModules .homePageQuickLinks .quickLinks ul li p, .advertisingTeaserComponent h3, .service-content .modContentFilter .dropdown-form h3, .couponCardBallanceCheck .message-coupon-card { font-family: "tazregular", Helvetica, Arial, sans-serif; font-weight: 100; } .font-bauhaus-extra-bold, .modProductResult.skinProductResultTile li .product .productInfo .pricetag .price, .modProductResult.skinProductResultList li .product-data-additional .pricetag .price, .productWrapper .offerDetails .price-block .pricetag .price, .relatedProductsCarousel .productInfo .pricetag .price, .zuberhorProductCarousel .productInfo .pricetag .price, .imageGalleryComponent .productInfo .pricetag .price, .imageGalleryComponentSecond .productInfo .pricetag .price, .relatedProductsCarousel .gray-content .pricetag .price, .zuberhorProductCarousel .gray-content .pricetag .price, .imageGalleryComponent .gray-content .pricetag .price, .imageGalleryComponentSecond .gray-content .pricetag .price, .relatedProductsCarousel .gray-content .pricetag.power .price, .zuberhorProductCarousel .gray-content .pricetag.power .price, .imageGalleryComponent .gray-content .pricetag.power .price, .imageGalleryComponentSecond .gray-content .pricetag.power .price, .relatedProductsCarousel .gray-content .pricetag.promotion .price, .zuberhorProductCarousel .gray-content .pricetag.promotion .price, .imageGalleryComponent .gray-content .pricetag.promotion .price, .imageGalleryComponentSecond .gray-content .pricetag.promotion .price, .comparison-page .product-price .pricetag .price { font-family: "tazextrabold", Helvetica, Arial, sans-serif; font-weight: 100; } body { font-size: 1em; color: #666666; } ul { list-style-type: none; padding: 0; margin: 0; } ol { list-style-type: decimal; list-style-position: inside; padding: 0; } li { line-height: inherit; } em, i, q { font-style: italic; } h1 { color: #666666; font-size: 1.875em; margin-top: 0; } @media screen and (min-width: 660px) and (max-width: 960px) { h1 { font-size: 1.5em; } } @media screen and (max-width: 659px) { h1 { font-size: 1.25em; } } h1.withTopM { margin-top: 0.6875em !important; } @media screen and (max-width: 659px) { h1.withTopM { margin-top: 0.3125em !important; } } .fs-h1 { font-size: 2.5em; line-height: 2.625em; } .fs-h1-2 { font-size: 2.125em; line-height: 2.375em; } .fs-h2 { font-size: 2.5em; line-height: 2.625em; } .fs-h1-3 { font-size: 2.3em; } .fs-h3 { font-size: 1.875em; line-height: 2em; } .fs-h3-2, .serviceteaseronecolumncomponent .bd h3, .textmediatype08component .bd h3, .textmediatype03component h3, .textmediatype04component h3 { font-size: 1.5em; line-height: 1.625em; } .fs-h3-22, .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd h3 { font-size: 1.5em; } .fs-h4, .pictoService .line h3 { font-size: 1.5em; line-height: 1.625em; } .fs-h5, .pictoService .line .bd h4, .serviceCatalogs h1.leading, .eventRegister form.formVertical fieldset.newsletter legend { font-size: 1.25em; line-height: 1.375em; } .fs-h6, .fachcentrumTeaserComponent h3, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span.icon-location, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .modProductResult.skinProductResultTile li .buyOptions .reserveProduct span:before, .modProductResult.skinProductResultTile li .buyOptions .reserveProduct .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct span:before, .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status span:before, .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status span:before, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel > section h2 { font-size: 1.25em; line-height: 1.375em; } .fs-m1, .tabsCW .tabC { font-size: 1.125em; line-height: 1.25em; } .fs-m11 { font-size: 1.875em; line-height: 1.25em; } .fs-m2, .fancybox-wrap .inner .dialog-close, .fancybox-wrap .inner .dialogCloseButton, .fancybox-wrap .inner .defaultButton, .fancybox-wrap .limitLightboxDialog .dialog-close, .fancybox-wrap .limitLightboxDialog .dialogCloseButton, .fancybox-wrap .limitLightboxDialog .defaultButton, .fancybox-wrap .inner .highlight, .fancybox-wrap .limitLightboxDialog .highlight, .fancybox-wrap .inner .highlight2, .fancybox-wrap .limitLightboxDialog .highlight2, div.abtn, button.abtn, div.abtn.abtnLight, button.abtn.abtnLight, .form1 .btn-login button, .order-form .btn-login button, .checkoutStep3 .sepaMandate .btn-login button, .form1 .submit.checkout-voucher-add button, .order-form .submit.checkout-voucher-add button, .form1 .submit button, .order-form .submit button, .checkoutStep3 .sepaMandate .submit button, .ui-tabs-nav li { font-size: 1.125em; line-height: 1.25em; } .fs-m2-2, .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd h4, .fachcentrumTeaserComponent .bd h4, .fachcentrumTeaserComponent .bd ul.link-list li a, .serviceteaseronecolumncomponent .bd h4, .textmediatype08component .bd h4, .textmediatype03component h4, .textmediatype04component h4 { font-size: 1.125em; line-height: 1.25em; } .fs-m2-nobold, .ratSearchWrapper .noResults p, .ratSearchWrapper .noResults h3, .ratSearchWrapper .noResults ul li { font-size: 1.125em; line-height: 1.25em; } .fs-m3, .seoW p, .accordTitle, .stP0, .stP01, .stP, .stP2, .stP3, .msgT1, .form1 label, .order-form label, .checkoutStep3 .sepaMandate label, .form1 .txtAsLabel, .order-form .txtAsLabel, .checkoutStep3 .sepaMandate .txtAsLabel, .form1 .valAsLabel, .order-form .valAsLabel, .checkoutStep3 .sepaMandate .valAsLabel, .st1 { font-size: 1em; line-height: 1.25em; } .fs-m3-bold { font-size: 1em; line-height: 1.25em; } .fs-m4, .product-variant-lightbox .infoTip, .product-variant-lightbox .infoTip td, .productWrapper .infoTip, .productWrapper .infoTip td, footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.left .copyright, footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right li a, footer.footer .footnote *, .msgT2 .information_message.positive, .form1 p.error-message, .order-form p.error-message, .checkoutStep3 .sepaMandate p.error-message, .form1 .errorField, .order-form .errorField, .checkoutStep3 .sepaMandate .errorField, .form1 .errorFieldGroup, .order-form .errorFieldGroup, .checkoutStep3 .sepaMandate .errorFieldGroup, .form1 .infoTip, .order-form .infoTip, .checkoutStep3 .sepaMandate .infoTip, .form1 .infoTip td, .order-form .infoTip td, .checkoutStep3 .sepaMandate .infoTip td, .form1 .inputAndErr .error .error-message, .order-form .inputAndErr .error .error-message, .checkoutStep3 .sepaMandate .inputAndErr .error .error-message, .cartItems .row .strike-price, .cartItems .row .discount-price, .reservationItems .row .strike-price, .reservationItems .row .discount-price, .checkoutStep3 .infobox .errorField, .voucherCheckoutWrapper .serverError, .lightbox-search #list .mod .result .clearfix .size2of5 h3 .noBold, .ratWrapper .unit ul.link-list li a, .ratWrapper .unit .inner.hLine p, .ratSearchWrapper .unit ul.link-list li a, .ratSearchWrapper .unit .inner.hLine p, .ratgeberDetails .unit ul.link-list li a, .ratgeberDetails .unit .inner.hLine p, .serviceWrapper .unit ul.link-list li a, .serviceNavigationM-view .unit ul.link-list li a, .serviceWrapper .unit .inner.hLine p, .serviceNavigationM-view .unit .inner.hLine p, .serviceTeaserOneAndAHalfColumnsComponent ul.link-list li a, .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd p, .serviceteaseronecolumncomponent ul.link-list li a, .serviceteaseronecolumncomponent .bd p, .textmediatype08component ul.link-list li a, .textmediatype08component .bd p, .textmediatype03component p, .textmediatype04component p { font-size: 0.9375em; line-height: 1.125em; } .fs-m4-2, .ratgeberDetails div p { font-size: 1em; line-height: initial; } .fs-m5, footer.footer .rInner.footerMenu .atArrow, .cartItems .row .helper-text, .reservationItems .row .helper-text { line-height: 1em; } .fs-b1 { font-size: 1em; line-height: 1.5em; } /* use icons as follow: --- HTML link --- or ---- --- sass .link{ &:before{ @extend .icon-burger; } } */ [class^="icon-"], [class*=" icon-"] { font-family: 'bauhaus'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-burger:before { content: "\e802"; font-family: 'bauhaus'; } .icon-search:before, .productWrapper .detailImages .product-images .mainProductImage:before { content: "\e804"; font-family: 'bauhaus'; } .icon-account:before { content: "\e800"; font-family: 'bauhaus'; } .icon-location:before, .modProductResult.skinProductResultTile li .buyOptions .reserveProduct span:before, .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct span:before, .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status span:before, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status span:before { content: "\e803"; font-family: 'bauhaus'; } .icon-cart:before { content: "\e801"; font-family: 'bauhaus'; } .icon-facebook:before { content: "\e808"; font-family: 'bauhaus'; } .icon-twitter:before { content: "\e809"; font-family: 'bauhaus'; } .icon-google:before { content: "\e80a"; font-family: 'bauhaus'; } .icon-checkmark:before, .modFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup.inside-radiogroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup.inside-radiogroup .ui-state-active .ui-checkboxradio-icon:before, #pickup-choose.checked:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before { content: "\e805"; font-family: 'bauhaus'; } .icon-phone:before { content: "\e806"; font-family: 'bauhaus'; } .icon-email:before { content: "\e807"; font-family: 'bauhaus'; } .icon-mail:before { content: "\e80b"; font-family: 'bauhaus'; } .icon-arrow-right:before, .fancybox-nav.fancybox-next:before, .productWrapper .product-images .controls .nextBtn:before, .relatedProductsCarouselWrapper .controls .nextBtn:before, .mainSlider .controls .nextBtn:before, #categoryNav li.nextLevel > a:before, #beratungSubNavigation li.nextLevel > a:before, .mobileNavigationPanel li.nextLevel > a:before, .serviceMetaNavigation ul li.nextLevel > a:before, .mobileNavigation li span:before, .indexModules .tabs .ui-tabs-panel .bd .link-list li a:before, .indexModules .homePageQuickLinks .quickLinks ul li a:before, .pictoService .service-link a:before, .timeslotslider .slides-direction-nav .slides-next:before, .custom-header nav span.custom-next:before, .fachcentren-slider .slides-direction-nav .slides-next:before, .comparison-page .container-right .relatedProductsCarouselWrapper .dummy-right:before, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .dummy-right:before { content: "\e80c"; font-family: 'bauhaus'; } .icon-arrow-left:before, .productFilters .modSubNavigation ul .last-navigation-item.active .sprites a:before, .searchResultPage .modFilter .backBtn:before, .fancybox-nav.fancybox-prev:before, .productTitle .locator .backlink:before, .productWrapper .product-images .controls .prevBtn:before, .relatedProductsCarouselWrapper .controls .prevBtn:before, .mainSlider .controls .prevBtn:before, #categoryNav li.backButton a:before, #beratungSubNavigation li.backButton a:before, .mobileNavigationPanel li.backButton a:before, .serviceMetaNavigation ul li.backButton a:before, .mobileNavigation #categoryNav li.backButton.s-vp .sticky:before, .mobileNavigation #beratungSubNavigation li.backButton.s-vp .sticky:before, .mobileNavigation .mobileNavigationPanel li.backButton.s-vp .sticky:before, .mobileNavigation .serviceMetaNavigation ul li.backButton.s-vp .sticky:before, .update-design-customer-adress aside .back-button a:before, .update-personal-data aside .back-button a:before, .delAddr1 aside .back-button a:before, .update-my-account aside .back-button a:before, .update-my-account-plus-card aside .back-button a:before, .update-jobs-offer aside .back-button a:before, .update-presse aside .back-button a:before, .update-presse-contact aside .back-button a:before, .update-details-archive aside .back-button a:before, .timeslotslider .slides-direction-nav .slides-prev:before, .custom-header nav span.custom-prev:before, .fachcentren-slider .slides-direction-nav .slides-prev:before, .comparison-page .container-right .relatedProductsCarouselWrapper .dummy-left:before, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .dummy-left:before { content: "\e80d"; font-family: 'bauhaus'; } .icon-arrow-top:before, .ui-selectmenu-button.ui-state-active .ui-selectmenu-icon:before, .productFilters .filterHeader.toggle.active .sprites:before, .modFilter .leading .sprites:before, .accordionAsModFilter .leading .sprites:before, .m-vp .controls.productControls .prevBtn:before, .modAccordion .leading .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .icon-arrow-bottom:before, .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-button .ui-selectmenu-icon:before, .ui-selectmenu-button .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-icon:before, .faqWrapper .accordioncontainer .accordion input:checked + label .productFilters .filterHeader.toggle .sprites:before, .productFilters .filterHeader.toggle .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .modFilter .leading.closed .sprites:before, .modFilter .leading.closed .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .accordionAsModFilter .leading.closed .sprites:before, .accordionAsModFilter .leading.closed .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .m-vp .controls.productControls .nextBtn:before, .m-vp .controls.productControls .faqWrapper .accordioncontainer .accordion input:checked + label .nextBtn:before, .faqWrapper .accordioncontainer .accordion input:checked + label .modAccordion .leading.closed .sprites:before, .modAccordion .leading.closed .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .serviceAccordionHeader.closed .sprites:before, .serviceAccordionHeader.closed .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .accordionComponent h2.ui-accordion-header span:before, .accordionComponent h2.ui-accordion-header .faqWrapper .accordioncontainer .accordion input:checked + label span:before, .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .serviceInnerPages .linkToTop:before, .serviceAccordionHeader .sprites:before, .accordionComponent h2.ui-accordion-header.ui-state-active span:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .toggle.active .sprites:before { content: "\e80e"; font-family: 'bauhaus'; } .icon-arrow-bottom:before, .ui-selectmenu-button .ui-selectmenu-icon:before, .productFilters .filterHeader.toggle .sprites:before, .modFilter .leading.closed .sprites:before, .accordionAsModFilter .leading.closed .sprites:before, .m-vp .controls.productControls .nextBtn:before, .modAccordion .leading.closed .sprites:before, .serviceAccordionHeader.closed .sprites:before, .accordionComponent h2.ui-accordion-header span:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites:before { content: "\e80f"; font-family: 'bauhaus'; } .icon-dot:before, .formVertical .formGroup .formRadio input[type=radio]:checked:before, .formVertical .formGroup .formRadioButtons .ui-state-active > .ui-checkboxradio-icon:before, .modFilter .radiobuttonlist .link-transfer.checked:before, .accordionAsModFilter .radiobuttonlist .link-transfer.checked:before, .form1 .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .order-form .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .mainSlider .mainControls .numericControls li:before, .checkoutReservation .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before { content: "\e810"; font-family: 'bauhaus'; } .icon-list:before, .view ul li a.list-view:before { content: "\e811"; font-family: 'bauhaus'; } .icon-grid:before, .view ul li a.tile-view:before { content: "\e812"; font-family: 'bauhaus'; } .icon-home:before { content: "\e813"; font-family: 'bauhaus'; } .icon-cart-arrow:before { content: "\e900"; font-family: 'bauhaus'; } .icon-delete:before, .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:before, .fancybox-close-txt:before { content: "\e901"; font-family: 'bauhaus'; } .icon-pen:before { content: "\e90c"; font-family: 'bauhaus'; } .icon-bubble:before, .serviceButtons li.rec a:before { content: "\e90b"; font-family: 'bauhaus'; } .icon-share:before { content: "\e90a"; font-family: 'bauhaus'; } .icon-print:before, .serviceButtons li.print a:before { content: "\e909"; font-family: 'bauhaus'; } .icon-arrow-c-left:before, .imageGalleryComponent .controls .prevBtn:before, .imageGalleryComponentSecond .controls .prevBtn:before, .pictoService .controls .prevBtn:before { content: "\e908"; font-family: 'bauhaus'; } .icon-arrow-c-right:before, .imageGalleryComponent .controls .nextBtn:before, .imageGalleryComponentSecond .controls .nextBtn:before, .pictoService .controls .nextBtn:before { content: "\e907"; font-family: 'bauhaus'; } .icon-pin-delivery:before { content: "\e906"; font-family: 'bauhaus'; } .icon-file-pdf:before, .productInfo section .detailSection .pdf:before, .comparison-page .table-infos .column-table .pdf-product:before { content: "\e905"; font-family: 'bauhaus'; } .icon-info:before, .productWrapper .offerDetails .buyOptions .buyoptions-box .info:before, .offsetHeadingWrapper .offsetHeading .info:before, .comparison-page .table-infos .column-table .buyoptions-box .info:before, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .info:before { content: "\e904"; font-family: 'bauhaus'; } .icon-delivery:before, .modProductResult.skinProductResultTile li .buyOptions .availableOnline:before, .modProductResult.skinProductResultList li .product-data .buyOptions .availableOnline:before, .productWrapper .offerDetails .buyOptions .buyoptions-box .stock-status span:before, .comparison-page .table-infos .column-table .buyoptions-box .stock-status span:before, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.onlineOrder .stock-status span:before { content: "\e903"; font-family: 'bauhaus'; } .icon-wishlist:before, .productWrapper .offerDetails .additional-functions .notepad:before { content: "\e902"; font-family: 'bauhaus'; } .icon-play:before, .productWrapper .detailImages .product-images .prodThumbs .videoThumb a:before { content: "\e90d"; font-family: 'bauhaus'; } .icon-product-family:before { content: "\e90e"; font-family: 'bauhaus'; } .icon-product-set:before, .productInfo section .detailSection .setComponent span:before, .comparison-page .table-infos .column-table .set-product-list .setComponent span:before { content: "\e90f"; font-family: 'bauhaus'; } .icon-house:before, .mobileNavigation #categoryNav li.homeBtn a:before, .mobileNavigation #beratungSubNavigation li.homeBtn a:before, .mobileNavigation .mobileNavigationPanel li.homeBtn a:before, .mobileNavigation .serviceMetaNavigation ul li.homeBtn a:before { content: "\e910"; font-family: 'bauhaus'; } .icon-trash:before { content: "\e911"; font-family: 'bauhaus'; } .icon-house-information:before { content: "\e915"; font-family: 'bauhaus'; } .icon-share-facebook:before, .serviceButtons li.fb a span.facebook:before { content: "\e91f"; font-family: 'bauhaus'; } .icon-pin-connect:before { content: "\e914"; font-family: 'bauhaus'; } .icon-plain-pin:before, .lightbox-search #list .mod .result .clearfix .size1of10:before { content: "\e913"; font-family: 'bauhaus'; } .icon-pin-on-map:before { content: "\e912"; font-family: 'bauhaus'; } .icon-reload:before { content: "\e91e"; font-family: 'bauhaus'; } .icon-close:before { content: "\e91d"; font-family: 'bauhaus'; } .icon-sliders:before { content: "\e91c"; font-family: 'bauhaus'; } .icon-fax:before { content: "\e91b"; font-family: 'bauhaus'; } .icon-star:before { content: "\e91a"; font-family: 'bauhaus'; } .icon-block:before { content: "\e919"; font-family: 'bauhaus'; } .icon-calendar:before { content: "\e918"; font-family: 'bauhaus'; } .icon-warning:before { content: "\e917"; font-family: 'bauhaus'; } .icon-profile-lock:before { content: "\e916"; font-family: 'bauhaus'; } .icon-card:before { content: "\e920"; font-family: 'bauhaus'; } .icon-compare:before { content: "\e921"; font-family: 'bauhaus'; } .icon-plus:before { content: "\e922"; font-family: 'bauhaus'; } .icon-bookmark:before { content: "\e923"; font-family: 'bauhaus'; } .icon-eye:before { content: "\e924"; font-family: 'bauhaus'; } .icon-pinterest:before { content: "\e927"; font-family: 'bauhaus'; } .icon-tweet:before { content: "\e926"; font-family: 'bauhaus'; } .icon-youtube:before { content: "\e925"; font-family: 'bauhaus'; } html { font-size: 100%; height: 100%; } input { -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0; } *:focus { outline: none; } body { color: #636363; height: 100%; box-sizing: border-box; background: #EFEFEF; margin: 0; padding: 0; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { body { background: #FFFFFF; } } *, *:before, *:after { box-sizing: inherit; } a { color: #636363; text-decoration: none; } a:hover, a:focus, a:active { color: #666666; } hr { border: 1px solid #EFEFEF; margin: 1em 0; } .visuallyhidden, .hidden { display: none; } .vishidden { visibility: hidden; } .relPos { position: relative; } /* ::Import styles */ /* ------------------------------------------------------------ */ .pagination { width: 100%; margin-top: 1.5em; border-top: 1px solid #DDD; background-color: #EFEFEF; padding: 1em 5%; } .pagination:before, .pagination:after { content: ""; display: table; } .pagination:after { clear: both; } .pagination a { -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background-color: #FFF; width: 32px; height: 32px; float: left; margin-right: .5em; border: 1px solid #DDD; color: #333; display: block; text-align: center; line-height: 1.8em; } .pagination a.active { background-color: #EE1F26; border: 1px solid #EE1F26; color: #FFF; } .pagination .pages { margin-bottom: .5em; } .pagination .firstPage, .pagination .lastPage { width: 48px; } .pagination input { padding: .6em; background-color: #FFFFFF; border: 0; -webkit-transition: all, 0.6s, ease-in; -khtml-transition: all, 0.6s, ease-in; -moz-transition: all, 0.6s, ease-in; -ms-transition: all, 0.6s, ease-in; -o-transition: all, 0.6s, ease-in; transition: all, 0.6s, ease-in; width: 3em; } .pagination input:focus { outline: none; } .pagination .goToPage { float: right; margin-top: -1em; } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /* BACKGROUND GRADIENT */ /* BACKGROUND HORIZONTAL */ /* BACKGROUND RADIAL */ /* BACKGROUND SIZE */ /* BACKGROUND COLOR OPACITY */ /* BORDER RADIUS */ /* BOX */ /* BOX RGBA */ /* BOX SHADOW */ /* BOX SIZING */ /* COLUMNS */ /* DOUBLE BORDERS */ /* FLEX */ /* FLIP */ /* FONT FACE */ /* OPACITY */ /* OUTLINE RADIUS */ /* RESIZE */ /* ROTATE*/ /* TEXT SHADOW */ /* TRANSFORM */ /* TRANSFORM STYLE */ /* TRANSITION */ /* TRIPLE BORDERS */ /* KEYFRAMES */ /* ANIMATION */ .formVertical .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } .formVertical .formGroup:after { content: ""; clear: both; display: block; } .formVertical .formGroup label { display: block; margin-bottom: 0.625em; } .formVertical .formGroup label.error { color: orange; } .formVertical .formGroup input { padding: .6em; background-color: #FFFFFF; border: 0; -webkit-transition: all, 0.6s, ease-in; -khtml-transition: all, 0.6s, ease-in; -moz-transition: all, 0.6s, ease-in; -ms-transition: all, 0.6s, ease-in; -o-transition: all, 0.6s, ease-in; transition: all, 0.6s, ease-in; } .formVertical .formGroup input:focus { outline: none; } .formVertical .formGroup input[type=text] { display: block; padding: 0.5em; width: 100%; height: 2.8125em; background-color: #EFEFEF; } .formVertical .formGroup input[type=text].error { border: 1px solid orange; } .formVertical .formGroup textarea { display: block; padding: 0.5em; width: 100%; border: 0; background-color: #EFEFEF; } .formVertical .formGroup textarea.error { border: 1px solid orange; } .formVertical .formGroup .formRadio { display: inline-block; margin-right: 1.5625em; } .formVertical .formGroup .formRadio label { cursor: pointer; display: inline; } .formVertical .formGroup .formRadio input[type=radio] { -webkit-border-radius: 1em; -khtml-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; cursor: pointer; position: relative; top: 0.5em; transition: none; padding: 1em; line-height: 1em; font-size: 0.7em; margin-right: 0.625em; background-color: #EFEFEF; } .formVertical .formGroup .formRadio input:checked[type=radio] { top: 0em; padding: 0.5em; } .formVertical .formGroup .formRadioButtons:before, .formVertical .formGroup .formRadioButtons:after { content: ""; display: table; } .formVertical .formGroup .formRadioButtons:after { clear: both; } .formVertical .formGroup .formRadioButtons div { float: left; display: block; margin-left: 10px; } .formVertical .formGroup .formRadioButtons label { cursor: pointer; } .formVertical .formGroup .formRadioButtons label > .ui-checkboxradio-icon:before { background-color: #EFEFEF; padding: 1em; content: ''; line-height: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; font-size: 0.7em; content: ""; float: left; margin-right: 0.3125em; } .formVertical .formGroup .formRadioButtons .ui-state-active > .ui-checkboxradio-icon:before { padding: .5em; /*font-family: 'bauhaus'; font-size: $fs;*/ } .formVertical .formGroup .formSelect .error { border: 1px solid orange; } .formVertical .formGroup .formFields { margin-bottom: 1.25em; } @media screen and (min-width: 961px) { .formVertical .formGroup .formFields { float: left; width: 40%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .formVertical .formGroup .formFields { float: left; width: 60%; } } @media screen and (max-width: 659px) { .formVertical .formGroup .formFields { width: 100%; } } .formVertical .formGroup .formErrors, .formVertical .formGroup .formTooltip { display: none; color: #FFFFFF; padding: 0.5em 1em; min-height: 2.8125em; position: relative; } @media screen and (min-width: 961px) { .formVertical .formGroup .formErrors, .formVertical .formGroup .formTooltip { float: left; width: 40%; margin-left: 3%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .formVertical .formGroup .formErrors, .formVertical .formGroup .formTooltip { float: left; width: 37%; margin-left: 3%; } } @media screen and (max-width: 659px) { .formVertical .formGroup .formErrors, .formVertical .formGroup .formTooltip { width: 100%; margin-left: 0; margin-bottom: 1.25em; } } .formVertical .formGroup .formErrors { background-color: orange; } .formVertical .formGroup .formErrors.errorShown { display: block; } .formVertical .formGroup .formErrors:after { content: " "; width: 0; height: 0; border-top: 0.625em solid transparent; border-bottom: 0.625em solid transparent; border-right: 0.625em solid orange; position: absolute; top: 0.8125em; left: -0.625em; } @media screen and (max-width: 659px) { .formVertical .formGroup .formErrors:after { display: none; } } @media screen and (max-width: 659px) { .formVertical .formGroup .formErrors:before { content: " "; display: block; width: 0; height: 0; border-left: 0.625em solid transparent; border-right: 0.625em solid transparent; border-bottom: 0.625em solid orange; position: relative; top: -1.125em; margin: 0 auto; margin-bottom: -0.625em; } } .formVertical .formGroup .formTooltip { background-color: #3399cc; } .formVertical .formGroup .formTooltip .formTooltipArrow { content: " "; width: 0; height: 0; border-top: 0.625em solid transparent; border-bottom: 0.625em solid transparent; border-right: 0.625em solid #3399cc; position: absolute; top: 0.8125em; left: -0.625em; } @media screen and (max-width: 659px) { .formVertical .formGroup .formTooltip .formTooltipArrow { display: none; } } @media screen and (max-width: 659px) { .formVertical .formGroup .formTooltip:before { content: " "; display: block; width: 0; height: 0; border-left: 0.625em solid transparent; border-right: 0.625em solid transparent; border-bottom: 0.625em solid #3399cc; position: relative; top: -1.125em; margin: 0 auto; margin-bottom: -0.625em; } } fieldset { margin: 0; padding: 0; border: 0; } .alert { -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: .8em; -webkit-transition: all, 0.6s, ease-in; -khtml-transition: all, 0.6s, ease-in; -moz-transition: all, 0.6s, ease-in; -ms-transition: all, 0.6s, ease-in; -o-transition: all, 0.6s, ease-in; transition: all, 0.6s, ease-in; margin-bottom: 1em; background-color: rgba(187, 32, 100, 0.3); color: #BB2064; text-align: center; } .success { -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: .8em; -webkit-transition: all, 0.6s, ease-in; -khtml-transition: all, 0.6s, ease-in; -moz-transition: all, 0.6s, ease-in; -ms-transition: all, 0.6s, ease-in; -o-transition: all, 0.6s, ease-in; transition: all, 0.6s, ease-in; margin-bottom: 1em; background-color: rgba(238, 31, 38, 0.3); color: #EE1F26; text-align: center; } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /* BACKGROUND GRADIENT */ /* BACKGROUND HORIZONTAL */ /* BACKGROUND RADIAL */ /* BACKGROUND SIZE */ /* BACKGROUND COLOR OPACITY */ /* BORDER RADIUS */ /* BOX */ /* BOX RGBA */ /* BOX SHADOW */ /* BOX SIZING */ /* COLUMNS */ /* DOUBLE BORDERS */ /* FLEX */ /* FLIP */ /* FONT FACE */ /* OPACITY */ /* OUTLINE RADIUS */ /* RESIZE */ /* ROTATE*/ /* TEXT SHADOW */ /* TRANSFORM */ /* TRANSFORM STYLE */ /* TRANSITION */ /* TRIPLE BORDERS */ /* KEYFRAMES */ /* ANIMATION */ table { width: 100%; border-spacing: 0; } table tbody tr td { padding: 0 1.2em; } table tbody tr td.featureRow { width: 34%; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { table tbody tr td.featureRow { width: 50%; } } table tbody tr td.valueRow { width: 66%; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { table tbody tr td.valueRow { width: 50%; } } /* table tbody tr:nth-child(odd) { background-color: #EFEFEF; } */ .primaryBtn, .secondaryBtn, .dark-gray-button, .form1 .submit button.secondaryBtn, .order-form .submit button.secondaryBtn, .checkoutStep3 .sepaMandate .submit button.secondaryBtn { border: 0; color: #FFFFFF; padding: 0.5em 1em; text-align: center; font-size: 1.125em; } .primaryBtn:link, .secondaryBtn:link, .dark-gray-button:link, .form1 .submit button.secondaryBtn:link, .order-form .submit button.secondaryBtn:link, .checkoutStep3 .sepaMandate .submit button.secondaryBtn:link, .primaryBtn:active, .secondaryBtn:active, .dark-gray-button:active, .form1 .submit button.secondaryBtn:active, .order-form .submit button.secondaryBtn:active, .checkoutStep3 .sepaMandate .submit button.secondaryBtn:active, .primaryBtn:visited, .secondaryBtn:visited, .dark-gray-button:visited, .form1 .submit button.secondaryBtn:visited, .order-form .submit button.secondaryBtn:visited, .checkoutStep3 .sepaMandate .submit button.secondaryBtn:visited, .primaryBtn:hover, .secondaryBtn:hover, .dark-gray-button:hover, .form1 .submit button.secondaryBtn:hover, .order-form .submit button.secondaryBtn:hover, .checkoutStep3 .sepaMandate .submit button.secondaryBtn:hover { color: #FFFFFF; } .primaryBtn { background-color: #EE1F26; } .arrow:after { position: relative; color: #FFFFFF; background: none; content: '>'; display: inline-block; height: 18px; margin: 0 2px 0; width: 6px; } .secondaryBtn { background-color: #BABABA; } .dark-gray-button { background-color: #636363; } .primary-button { background-color: #636363; color: #FFFFFF; font-family: "tazbold", Helvetica, Arial, sans-serif; height: 55px; } .button-red { display: inline-block; background-color: #EE1F26; color: white; border: 0 none; padding: 0.5em 1em; font-size: 1em; text-align: center; } .button-red:link, .button-red:active, .button-red:visited, .button-red:hover { color: #FFFFFF; } .button-red.float-right { float: right; } .button-gray { display: inline-block; background-color: #636363; color: white; border: 0 none; padding: 0.5em 1em; font-size: 1em; text-align: center; } .button-gray:link, .button-gray:active, .button-gray:visited, .button-gray:hover { color: #FFFFFF; } .button-gray.float-right { float: right; } .button-gray.float-left { float: left; } body, html { width: 100%; height: 100%; } .legend { font-size: .9em; font-style: italic; color: #BABABA; } .mask, .fancybox-mask { z-index: 99; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(102, 102, 102, 0.7); } .fancybox-mask { z-index: 9998; } .body { margin: 0 auto; } @media screen and (min-width: 961px) { .body { width: 100%; border-top: 1px solid white; background-color: white; } } @media screen and (min-width: 660px) and (max-width: 960px) { .body { width: 100%; } } @media screen and (max-width: 659px) { .body { width: 100%; } } @media screen and (min-width: 961px) { .page, .headerWrapper, .footerWrapper { max-width: 1200px; padding: 0 20px; margin: 0 auto; } } @media screen and (max-width: 659px) { .page, .headerWrapper, .footerWrapper { min-width: 320px; } } @media screen and (min-width: 961px) { .headerWrapper { height: 150px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .headerWrapper { height: 130px; } } @media screen and (max-width: 659px) { .headerWrapper { height: 110px; } } .headerCheckout { position: relative; } @media screen and (min-width: 961px) { .headerCheckout { height: 100px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .headerCheckout { height: 80px; } } @media screen and (max-width: 659px) { .headerCheckout { height: 60px; } } @media screen and (max-width: 659px) { .wrapper { overflow: hidden; } } .wrapper, header.head { margin: 0 auto; } @media screen and (min-width: 961px) { .wrapper, header.head { max-width: 100%; } } @media screen and (max-width: 659px) { .wrapper, header.head { min-width: 320px; /* font-size: 0.9em */ } } .window { background-color: #fff; } .content { position: relative; } .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } .spinner { margin: 35% auto; float: none; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(70, 179, 180, 0.8); border-right: 1.1em solid rgba(70, 179, 180, 0.6); border-bottom: 1.1em solid rgba(70, 179, 180, 0.4); border-left: 1.1em solid rgba(70, 179, 180, 0.2); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } .spinner, .spinner:after { border-radius: 50%; width: 5em; height: 5em; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinWrap { position: fixed; width: 100vw; height: inherit; background-color: rgba(255, 255, 255, 0.9); margin: 0 auto; text-align: center; left: 0; top: 0; z-index: 12; } .textLeft { text-align: left; } .textRight { text-align: right; } .floatLeft, .service-content .service-nav, .service-content .main-content, .service-content .float-left, .skinContentRental .rates .size1of2 { float: left; display: block; } .floatRight, .service-content .float-right { float: right; display: block; } .hidden { display: none; } .full-width { width: 100%; } @media screen and (min-width: 660px) and (max-width: 960px) { .full-width .row { width: 100%; display: table; } } @media screen and (min-width: 961px) { .full-width .unit-1-out-of-3 { width: 33.3%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .full-width .unit-1-out-of-3 { width: 33.3%; } } @media screen and (max-width: 659px) { .full-width .unit-1-out-of-3 { width: 100%; } } @media screen and (min-width: 961px) { .full-width .unit-7-out-of-10 { width: 70%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .full-width .unit-7-out-of-10 { width: 70%; } } @media screen and (max-width: 659px) { .full-width .unit-7-out-of-10 { width: 100%; } } @media screen and (min-width: 961px) { .full-width .unit-3-out-of-10 { width: 30%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .full-width .unit-3-out-of-10 { width: 30%; } } @media screen and (max-width: 659px) { .full-width .unit-3-out-of-10 { width: 100%; } } @media screen and (min-width: 961px) { .full-width .unit-2-out-of-5 { width: 40%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .full-width .unit-2-out-of-5 { width: 60%; } } @media screen and (max-width: 659px) { .full-width .unit-2-out-of-5 { width: 93%; } } @media screen and (min-width: 961px) { .full-width .unit-1-out-of-4 { width: 25%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .full-width .unit-1-out-of-4 { width: 50%; } } @media screen and (max-width: 659px) { .full-width .unit-1-out-of-4 { width: 100%; } } .half-width { width: 50%; } .one-third-width { width: 33.3%; } .default-left-margin, .validation-error-message-box .validation-content, .service-content .accordion-section .accordion-section-content, .service-content .indent-content .bd, .skinContentRental .inner-text { margin-left: 1em; } .margin-left-10 { margin-left: 10px; } .default-mini-left-margin { margin-left: 0.1em; } .default-left-half-margin { margin-left: 0.5em; } .default-left-margin-pixels { margin-left: 20px; } .default-negative-left-margin, .service-content .accordion-section { margin-left: -1em; } .default-right-margin-pixels { margin-right: 20px; } .default-right-margin, .validation-error-message-box .validation-content, .service-content .accordion-section .accordion-section-content { margin-right: 1em; } .margin-right-2em { margin-right: 2em; } .default-right-half-margin { margin-right: 0.5em; } .default-mini-right-margin { margin-right: 0.1em; } .default-bottom-margin, .validation-error-message-box .validation-content { margin-bottom: 2em; } .default-bottom-mini-margin { margin-bottom: .5em; } .default-top-margin, .validation-error-message-box .validation-content, .checkoutStep1CorC .addressContent #checkoutDeliveryAddressDataForm, .service-content .security-and-transport li { margin-top: 1em; } .default-top-half-margin { margin-top: 0.5em; } .default-mini-top-margin { margin-top: 0.1em; } .bold, .modBreadcrumbNavigation .locator .txt, .fachcentrumSearchPage .strong { font-family: "tazbold", Helvetica, Arial, sans-serif; } .nine-out-of-ten { width: 90%; } .eight-out-of-ten { width: 80%; } .seven-out-of-ten { width: 70%; } .margin-top-8-out-of-10 { margin-top: 0.8em; } .zero-padding { padding: 0 0 0 0; } .zero-margin-bottom { margin-bottom: 0px; } .bg-light-gray { background-color: #DADADA; } .bg-very-light-gray { background-color: #F0EFED; } .default-top-padding { padding-top: 1em; } .default-bottom-padding { padding-bottom: 1em; } .hidden { display: none; } .modMessages.cookieerror { padding: 1em; } .inline-block { display: inline-block; } .validation-error-message-box { background-color: #ff9900; color: #FFFFFF; } .orange-color { color: #ff9900; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .small-viewport-show-inline-block { display: none; } } @media screen and (max-width: 659px) { .small-viewport-show-inline-block { display: inline-block; } .small-viewport-hide { display: none; } .viewport-small-textright { text-align: right; } } .postion-middle { margin-left: auto; margin-right: auto; display: block; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .large-viewport-show-only { display: none; } } @media screen and (min-width: 961px) { .large-viewport-show-only { display: block; } } .no-margin-top-and-bottom { margin-top: 0em; margin-bottom: 0em; } .no-margin-bottom { margin-bottom: 0em; } .darkGrayBackground-with-white-text { background: #636363; color: white; } .width-auto { width: auto; } .system-requirements { background-color: #3399cc; color: #FFFFFF; } .system-requirements .content { margin: auto; padding: 20px; } @media screen and (min-width: 961px) { .system-requirements .content { width: 1200px; } } .cookieLayer { display: block; max-width: 100%; background-color: #333333; color: #FFFFFF; } .cookieLayer .contentCookieLayer { display: block; max-width: 1200px; width: 100%; padding: 13px; margin: 0 auto; } @media screen and (min-width: 961px) { .cookieLayer .contentCookieLayer { padding: 13px 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cookieLayer .contentCookieLayer { padding: 13px 20px 13px 24px; } } @media screen and (max-width: 659px) { .cookieLayer .contentCookieLayer { padding: 13px 10px 13px 13px; } } .cookieLayer .contentCookieLayer .textCookieLayer { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 90%; float: left; display: inline-block; float: none; font-size: 14px; } .cookieLayer .contentCookieLayer a { color: #FFFFFF; margin-left: 20px; font-weight: bold; } .cookieLayer .contentCookieLayer .icon-delete, .cookieLayer .contentCookieLayer .productGridFilterElements ul.facet_block .remove_filter_item .action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .cookieLayer .contentCookieLayer .action_remove, .cookieLayer .contentCookieLayer .fancybox-close-txt:before { float: right; margin-top: 4px; } .cookieLayer .contentCookieLayer .icon-delete:hover, .cookieLayer .contentCookieLayer .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:hover, .productGridFilterElements ul.facet_block .remove_filter_item .cookieLayer .contentCookieLayer .action_remove:hover, .cookieLayer .contentCookieLayer .fancybox-close-txt:hover:before { cursor: pointer; } .editmode { display: block; } .editmode .editit { display: none; } .editmode .contactinfo { display: none; } .editmode .addressHidden { display: block; } .no-top { top: 0px !important; } @media screen and (max-width: 659px) { .viewpor-l-show-full-width { width: 100%; } } .fake-link { cursor: pointer; } .inline-header h1, .inline-header h2, .inline-header h3, .inline-header h4 { float: left; display: block; } .inline-header h1 { margin-top: 0.3em; } .inline-header h2 { margin-top: 0.3em; } .inline-header h3 { margin-top: 0.7em; } .inline-header h4 { margin-top: 1em; } .left-padding-8pixels { padding-left: 8px; } .right-padding-8pixels { padding-right: 8px; } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /* BACKGROUND GRADIENT */ /* BACKGROUND HORIZONTAL */ /* BACKGROUND RADIAL */ /* BACKGROUND SIZE */ /* BACKGROUND COLOR OPACITY */ /* BORDER RADIUS */ /* BOX */ /* BOX RGBA */ /* BOX SHADOW */ /* BOX SIZING */ /* COLUMNS */ /* DOUBLE BORDERS */ /* FLEX */ /* FLIP */ /* FONT FACE */ /* OPACITY */ /* OUTLINE RADIUS */ /* RESIZE */ /* ROTATE*/ /* TEXT SHADOW */ /* TRANSFORM */ /* TRANSFORM STYLE */ /* TRANSITION */ /* TRIPLE BORDERS */ /* KEYFRAMES */ /* ANIMATION */ .debug { display: none; background-color: #FFDF00; color: #333; position: absolute; bottom: 0; right: 0; z-index: 9999; } @media screen and (min-width: 961px) { .debug:after { content: "screen and (min-width: 961px)" "l-vp"; } } @media screen and (min-width: 660px) and (max-width: 960px) { .debug:after { content: "screen and (min-width: 660px)and(max-width: 960px)" "m-vp"; } } @media screen and (max-width: 659px) { .debug:after { content: "screen and (max-width: 659px)" "s-vp"; } } /* settings for search */ .head { background-color: #EE1F26; color: #FFFFFF; } .head .modMetaNavigation nav { width: auto; } .head .modMetaNavigation nav ul { margin: 0; padding: 0; } .head .modMetaNavigation nav li { float: right; display: block; font-size: 12px; padding: 10px 0 0 10px; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .modMetaNavigation nav { width: auto; padding: 0 20px 0 0; } } @media screen and (max-width: 659px) { .head .modMetaNavigation nav { display: none; } } .head li a { color: #FFFFFF; } .head .ui-autocomplete li a { color: #636363; } .head .ui-autocomplete .ui-category a { height: 20px; font-family: "tazbold", Helvetica, Arial, sans-serif; display: block; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .lineHeaderGradient, .head .modMainNavigation { max-width: 100%; margin-left: auto; margin-right: auto; } .head .lineHeaderGradient:after, .head .modMainNavigation:after { content: " "; display: block; clear: both; } } @media screen and (max-width: 659px) { .head .lineHeaderGradient, .head .modMainNavigation { max-width: 100%; margin-left: auto; margin-right: auto; } .head .lineHeaderGradient:after, .head .modMainNavigation:after { content: " "; display: block; clear: both; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .head .meta-navigation { height: 25px; } } .head .headerWrapper .lineHeaderGradient { position: relative; margin: auto; } @media screen and (min-width: 961px) { .head .headerWrapper .lineHeaderGradient { height: 75px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .head .headerWrapper .lineHeaderGradient { height: 55px; padding: 0 20px; } } @media screen and (max-width: 659px) { .head .headerWrapper .lineHeaderGradient { height: 60px; padding: 0 10px; } } .head .headerCheckout .lineHeaderGradient { position: absolute; margin: auto; top: 0; bottom: 0; } @media screen and (min-width: 961px) { .head .headerCheckout .lineHeaderGradient { height: 75px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .head .headerCheckout .lineHeaderGradient { height: 55px; padding: 0 20px; } } @media screen and (max-width: 659px) { .head .headerCheckout .lineHeaderGradient { height: 60px; padding: 0 10px; } } .head .sizeLogoMainHeader { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 62.5%; float: left; } @media screen and (min-width: 961px) { .head .sizeLogoMainHeader { margin-top: -10px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .head .sizeLogoMainHeader { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; margin-top: -9px; } } .head .sizeLogoCheckoutHeader { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; position: absolute; margin: auto; top: 0; bottom: 0; } @media screen and (min-width: 961px) { .head .sizeLogoCheckoutHeader { margin-top: 2px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .head .sizeLogoCheckoutHeader { margin-top: 3px; } } .head .storeFinder { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 37.5%; float: right; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .storeFinder { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: right; } } @media screen and (max-width: 659px) { .head .storeFinder { margin-top: -1px; width: auto; } } .head .storeFinder a { float: left; color: #FFF; display: block; } @media screen and (max-width: 659px) { .head .storeFinder a { margin: .5em 0; background-color: #B41821; font-size: 16px; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .head .storeFinder .dynamic-content { margin: 21px 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .head .storeFinder .dynamic-content { margin: 11px 0; } } .head .storeFinder .storeInformation { display: inline-block; cursor: pointer; text-align: left; } @media screen and (max-width: 659px) { .head .storeFinder .storeInformation { display: none; } } @media screen and (min-width: 961px) { .head .storeFinder .storeInformation .city-name-bold { font-size: 13px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .head .storeFinder .storeInformation .city-name-bold { font-size: 12px; } } .head .storeFinder .storeInformation .edit-adresse { font-size: 11px; float: none; display: inline-block; } .head .storeFinder .workingHours { float: left; font-weight: 400; } @media screen and (max-width: 659px) { .head .storeFinder .workingHours { display: none; } } @media screen and (min-width: 961px) { .head .storeFinder .workingHours { font-size: 12px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .head .storeFinder .workingHours { font-size: 11px; } } .head .storeFinder .state-selected { float: right; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .head .storeFinder .state-selected { margin-top: -4px; } } .head .storeFinder .state-selected .storeSelect { float: left; right: 0; top: 0; padding: 7px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .head .storeFinder .state-selected .storeSelect { font-size: 23px; } } @media screen and (max-width: 659px) { .head .storeFinder .state-selected .storeSelect { right: 0; top: 0; bottom: 0; padding: 7px; width: 30px; height: 30px; margin: auto; } } .head .storeFinder .state-selected .storeSelect:hover { cursor: pointer; } .head .storeFinder .state-not-selected { padding-right: 0; float: right; background-color: #B41821; } .head .storeFinder .state-not-selected .storeSelect { position: relative; display: block; padding: 5px 0.5em; } .head .storeFinder .state-not-selected .storeSelect .glyphicon { float: left; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .head .storeFinder .state-not-selected .storeSelect .glyphicon { margin: 0.1em 0.5em 0 0; } } @media screen and (max-width: 659px) { .head .storeFinder .state-not-selected .storeSelect { right: 0; top: 0; bottom: 0; padding: 7px; width: 30px; height: 30px; text-indent: -9999px; margin: auto; } .head .storeFinder .state-not-selected .storeSelect .glyphicon { text-indent: 0; } } .head .storeFinder .bookmark-s-view { width: 30px; height: 30px; float: left; margin-right: 1em; background-color: #B41821; display: none; } .head .storeFinder .bookmark-s-view a { margin: 0; } .head .storeFinder .bookmark-s-view a .icon-bookmark { position: relative; width: 30px; height: 30px; } .head .storeFinder .bookmark-s-view a .icon-bookmark:before { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 16px; height: 16px; } .head .storeFinder .bookmark-s-view a .icon-bookmark:hover { cursor: pointer; } .head .storeFinder .bookmark-s-view-position-helper { float: right; padding-right: 0; width: 30px; } .head .searchTab { display: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 16.66667%; float: left; display: block; height: 50px; background-color: #636363; color: #fff; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .searchTab { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 16.66667%; float: left; } } .head .searchTab .icon-search, .head .searchTab .productWrapper .detailImages .product-images .mainProductImage:before, .productWrapper .detailImages .product-images .head .searchTab .mainProductImage:before { border-left: 1px solid #909090; border-right: 1px solid #909090; } .head .searchTab .glyphicon { margin: 0 auto; text-align: center; line-height: 50px; } @media screen and (max-width: 659px) { .head .search { display: none; } .head .searchTab { display: block; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px) { .head .search { display: none; } .head .searchTab { display: block; } } @media screen and (min-width: 961px) { .head .search { display: block; } .head .searchTab { display: none; } } .head .search { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } .head .search form { position: relative; margin-bottom: 0; } .head .search form span.ui-helper-hidden-accessible { display: none; } .head .search input[type="search"] { padding: 0; width: calc(100% - 2.2em); height: 50px; border: 0; color: black; border-radius: 0; text-indent: 0.5em; font-family: "tazbold", Helvetica, Arial, sans-serif; text-indent: 15px; font-size: 18px; background-color: #EFEFEF; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .head .search input[type="search"]:-ms-input-placeholder { color: #A5A5A5; } .head .search .glyphicon.icon-delete, .head .search .productGridFilterElements ul.facet_block .remove_filter_item .glyphicon.action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .head .search .glyphicon.action_remove, .head .search .glyphicon.fancybox-close-txt:before { background-color: #EFEFEF; color: #636363; position: absolute; top: 0; height: 100%; width: 50px; display: none; cursor: pointer; } .head .search .glyphicon.icon-delete:before, .head .search .productGridFilterElements ul.facet_block .remove_filter_item .glyphicon.action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .head .search .glyphicon.action_remove:before, .head .search .glyphicon.fancybox-close-txt:before { pointer-events: none; position: absolute; } @media screen and (min-width: 961px) { .head .search .glyphicon.icon-delete:before, .head .search .productGridFilterElements ul.facet_block .remove_filter_item .glyphicon.action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .head .search .glyphicon.action_remove:before, .head .search .glyphicon.fancybox-close-txt:before { margin-top: 0.8em; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .head .search .glyphicon.icon-delete:before, .head .search .productGridFilterElements ul.facet_block .remove_filter_item .glyphicon.action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .head .search .glyphicon.action_remove:before, .head .search .glyphicon.fancybox-close-txt:before { font-size: 18.2px; width: 18.2px; height: 18.2px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } } @media screen and (min-width: 961px) { .head .search .glyphicon.icon-delete, .head .search .productGridFilterElements ul.facet_block .remove_filter_item .glyphicon.action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .head .search .glyphicon.action_remove, .head .search .glyphicon.fancybox-close-txt:before { right: 0; margin-right: 12.5%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .head .search .glyphicon.icon-delete, .head .search .productGridFilterElements ul.facet_block .remove_filter_item .glyphicon.action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .head .search .glyphicon.action_remove, .head .search .glyphicon.fancybox-close-txt:before { right: 0; margin-right: 16.66667%; } } @media screen and (max-width: 659px) { .head .search .glyphicon.icon-delete, .head .search .productGridFilterElements ul.facet_block .remove_filter_item .glyphicon.action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .head .search .glyphicon.action_remove, .head .search .glyphicon.fancybox-close-txt:before { right: 3em; } } .head .search .glyphicon.focused { background-color: #636363; color: #FFFFFF; } .head .search .glyphicon.focused span { margin-left: 37%; position: absolute; font-family: "tazregular", Helvetica, Arial, sans-serif; display: block; } @media screen and (min-width: 961px) { .head .search .glyphicon.focused span { margin-top: 0.8em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .head .search .glyphicon.focused span { margin-top: 0.8em; } } @media screen and (max-width: 659px) { .head .search .glyphicon.focused span { display: none; } } @media screen and (min-width: 961px) { .head .search .glyphicon { background-color: #EFEFEF; color: #636363; position: absolute; right: 0px; top: 0; height: 100%; width: 2.2em; z-index: 9; font-size: 18.2px; } .head .search .glyphicon:before { width: 18.2px; height: 18.2px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; position: absolute; margin-top: 0.8em; } .head .search .glyphicon span { display: none; color: #FFFFFF; } .head .search .glyphicon input[type="submit"] { cursor: pointer; text-indent: -9999em; border: 0; background-color: transparent; display: block; width: 100%; height: 100%; cursor: pointer; padding: 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .head .search .glyphicon { background-color: #FFFFFF; color: #636363; position: absolute; right: 0px; top: 0; height: 100%; width: 2.2em; z-index: 9; font-size: 18.2px; } .head .search .glyphicon:before { width: 18.2px; height: 18.2px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; position: absolute; margin-top: 0.85em; } .head .search .glyphicon span { display: none; color: #FFFFFF; } .head .search .glyphicon input[type="submit"] { cursor: pointer; text-indent: -9999em; border: 0; background-color: transparent; display: block; width: 100%; height: 100%; cursor: pointer; } } @media screen and (max-width: 659px) { .head .search .glyphicon { background-color: #FFFFFF; color: #636363; position: absolute; right: 0; top: 0; height: 100%; width: 2.2em; z-index: 9; font-size: 18.2px; } .head .search .glyphicon:before { width: 18.2px; height: 18.2px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; position: absolute; margin-top: 0.85em; } .head .search .glyphicon span { display: none; color: #FFFFFF; } .head .search .glyphicon input[type="submit"] { cursor: pointer; text-indent: -9999em; border: 0; background-color: transparent; display: block; width: 100%; height: 100%; cursor: pointer; } } .head .modMainNavigation .mainNav { margin: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; padding: 0; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .modMainNavigation .mainNav { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } } .head .modMainNavigation .mainNav li { display: block; text-align: center; background-color: #636363; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; height: 3em; display: block; text-align: center; height: 50px; } .head .modMainNavigation .mainNav li a { line-height: 3em; color: #EFEFEF; display: block; } @media screen and (max-width: 659px) { .head .modMainNavigation .mainNav li { display: none; } } .head .modMainNavigation .mainNav li:first-child div.headline { border-right: 1px solid #909090; } .head .modMainNavigation .mainNav li .sprites-after { line-height: 50px; font-size: 18px; } .head .accountTab { background-color: #636363; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 12.5%; float: left; height: 3em; display: block; text-align: center; height: 50px; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .accountTab { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 16.66667%; float: left; } } @media screen and (max-width: 659px) { .head .accountTab { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } } .head .accountTab.active { background-color: #333333; } .head .accountTab .row { display: block; } .head .accountTab a { line-height: 3em; color: #EFEFEF; display: block; } .head .accountTab .headline a { line-height: 3.7em; font-size: 13px; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .accountTab .headline a { text-indent: -9999em; } } .head .accountTab .headline a span { display: block; text-align: left; line-height: 1em; margin-top: 0.9em; height: 2.5em; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 62.5%; float: right; margin-left: .5em; float: left; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .head .accountTab .headline a span { display: none; } } .head .accountTab .headline a span.flyoutLoginName { height: 2.9em; } .head .accountTab .headline a .loggedOutText { margin-top: 1.3em; float: left; } @media screen and (max-width: 659px) { .head .accountTab { display: block; } } .head .accountTab .glyphicon { float: left; margin: .8em .2em .8em .6em; font-size: 1.4em; display: block; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .accountTab .glyphicon { text-indent: 0; margin: .8em auto .9em auto; float: none; } } @media screen and (max-width: 659px) { .head .accountTab .glyphicon { text-indent: 0; margin: .8em auto 1.1em auto; float: none; } } @media screen and (max-width: 659px) { .head .accountTab a { color: transparent; } .head .accountTab a .glyphicon { color: #EFEFEF; } } .head .accountTab .s-vp { display: none; } @media screen and (max-width: 659px) { .head .accountTab .s-vp { display: block; } } .head .accountTab .m-vp, .head .accountTab .l-vp { display: block; } @media screen and (max-width: 659px) { .head .accountTab .m-vp, .head .accountTab .l-vp { display: none; } } .head .cartTab { background-color: #636363; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 12.5%; float: right; height: 3em; display: block; text-align: center; height: 50px; } .head .cartTab a { line-height: 3em; color: #EFEFEF; display: block; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .cartTab { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 16.66667%; float: left; } } @media screen and (max-width: 659px) { .head .cartTab { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: right; } } .head .cartTab.active { background-color: #333333; } .head .cartTab div.headline { width: 100%; height: 100%; float: left; border-left: 1px solid #909090; } .head .cartTab .headline a { line-height: 3.7em; font-size: 13px; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .cartTab .headline a .basketText { display: block; text-indent: -9999em; } } .head .cartTab .headline a .amountTab { font-size: .6em; padding: 2px 6px; background-color: #EE1F26; border-radius: 2em; position: absolute; border: 2px solid #FFFFFF; margin: -1em; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .cartTab .headline a { text-indent: -9999em; } } .head .cartTab .headline a .glyphicon { float: left; margin: .8em .2em .8em .6em; font-size: 1.4em; display: block; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .cartTab .headline a .glyphicon { text-indent: 0; margin: .8em auto; float: inherit; } } @media screen and (max-width: 659px) { .head .cartTab .headline a .glyphicon { text-indent: 0; margin: .8em auto; float: inherit; } } .head .cartTab .s-vp { display: none; } @media screen and (max-width: 659px) { .head .cartTab .s-vp { display: block; } } .head .cartTab .m-vp, .head .cartTab .l-vp { display: block; } @media screen and (max-width: 659px) { .head .cartTab .m-vp, .head .cartTab .l-vp { display: none; } } .head .cartTab .panel { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 200%; float: left; margin: 0; margin-left: -100%; padding: 1.5em !important; display: none; background-color: #FFFFFF; position: relative; z-index: 99; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .cartTab .panel { margin-top: 0; } } .head .cartTab .panel .editCart { background-color: #636363; display: block; text-align: center; color: #FFFFFF; } .head .cartTab .panel .button { background-color: #EE1F26; display: block; text-align: center; color: #FFFFFF; width: 100%; border: none; padding: .8em 1em; } .head .cartTab .panel ul { padding: 0; margin-top: 0px; margin-bottom: 0px; } .head .cartTab .panel .productList { margin: 1.5em 0; } .head .cartTab .panel .productList li { max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: .5em; } .head .cartTab .panel .productList li:after { content: " "; display: block; clear: both; } .head .cartTab .panel .productList li span { color: #636363; } .head .cartTab .panel .productList a.itemRow { line-height: normal; color: #636363; } .head .cartTab .panel .productList img { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; float: left; height: auto; display: block; max-width: 60px; max-height: 60px; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .cartTab .panel .productList img { width: 37%; } } .head .cartTab .panel .productList .bd { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: right; float: left; padding-left: .8em; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .cartTab .panel .productList .bd { width: 63%; } } .head .cartTab .panel .productList .cartText { text-align: left; line-height: inherit; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #636363; } .head .cartTab .panel .productList div { text-align: left; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .head .cartTab .panel .productList div .currency-sign { display: none; } .head .cartTab .panel .miniCartFooter { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; color: #636363; margin-bottom: 24px; } .head .cartTab .panel .miniCartFooter div { text-align: left; font-size: 1em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .head .cartTab .panel .miniCartFooter div span { text-align: right; float: right; } .head .cartTab .panel .miniCartFooter div span.comma-values { float: none; margin-right: .3em; } .head .cartTab .panel .miniCartFooter .deliveryInfo { text-align: left; } .head .cartTab .miniCart .divH3 { font-size: 1.2em; font-weight: bold; margin-top: 1em; margin-bottom: 1em; color: #636363; text-align: left; } .head .mainNavigationTab { display: none; background-color: #636363; color: #EFEFEF; height: 50px; } @media screen and (max-width: 659px) { .head .mainNavigationTab { display: block; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .head .mainNavigationTab.active { background-color: #333333; } .head .mainNavigationTab .glyphicon { margin: 0 auto; margin-top: 1em; text-align: center; } .head .modLogo a { display: inline-block; } @media screen and (max-width: 659px) { .head .modLogo a { margin-left: 0; } } .head .modLogo a img { display: none; } @media screen and (max-width: 659px) { .head .modLogo a .s-vp { display: block; margin-top: 9px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .head .modLogo a .m-vp { display: block; margin-top: -2px; } } @media screen and (min-width: 961px) { .head .modLogo a .l-vp { display: block; margin-top: -1px; } } .head .promotion { position: absolute; left: 19.2em; bottom: .5em; height: 85px; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .promotion { height: 70px; left: 15.5em; bottom: .3em; } } @media screen and (max-width: 659px) { .head .promotion { display: none; } } .head .promotion img { display: block; height: 85px; } @media screen and (min-width: 660px) and (max-width: 960px) { .head .promotion img { height: 70px; } } .loginPanel { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 200%; float: left; margin-top: 1px; padding: 1.5em !important; display: none; background-color: #FFFFFF; position: relative; z-index: 99; } .loginPanel p { color: #636363; } .loginPanel .flyout { display: block; } .loginPanel .flyout .logoutBtn, .loginPanel .flyout .letsRegister { background-color: #636363; display: block; text-align: center; color: #FFFFFF; width: 100%; border: none; padding: .8em 1em; } .loginPanel .flyout .letsRegister { padding: 0; } .loginPanel .flyout .myAccountBtn, .loginPanel .flyout .loginBtn { background-color: #EE1F26; display: block; text-align: center; color: #FFFFFF; cursor: pointer; } .loginPanel .flyout ul { padding: 0; margin: 1em 0; } .loginPanel .flyout ul li { text-align: left; } .loginPanel .flyout a { color: #636363; } .loginPanel .flyout .links li { margin-bottom: .5em; } .loginPanel .flyout .links li a { line-height: inherit; } .emptyListPanel { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 200%; float: left; margin-top: 1px; padding: 1.5em !important; display: none; background-color: #FFFFFF; position: relative; z-index: 59; } .emptyListPanel p { color: #636363; } .emptyListPanel .flyout { display: block; } .emptyListPanel .flyout .logoutBtn, .emptyListPanel .flyout .letsRegister { background-color: #636363; display: block; text-align: center; color: #FFFFFF; width: 100%; border: none; padding: .8em 1em; } .emptyListPanel .flyout .letsRegister { padding: 0; } .emptyListPanel .flyout .myAccountBtn, .emptyListPanel .flyout .loginBtn { background-color: #EE1F26; display: block; text-align: center; color: #FFFFFF; cursor: pointer; } .emptyListPanel .flyout ul { padding: 0; margin: 1em 0; } .emptyListPanel .flyout ul li { text-align: left; } .emptyListPanel .flyout a { color: #636363; } .emptyListPanel .flyout .links li { margin-bottom: .5em; } .emptyListPanel .flyout .links li a { line-height: inherit; } .ellipsis { display: none; font-weight: 600; } .ellipsis font { font-weight: 600; } .notClickable { pointer-events: none; cursor: default; } .search-autocomplete { float: left; width: 33.3%; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .search-autocomplete { padding: 10px 15px 5px 15px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .search-autocomplete { width: 50%; } } @media screen and (max-width: 659px) { .search-autocomplete { padding: 10px 15px 11px 15px; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .search-autocomplete.searchCategoryResultTab { width: 100%; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .modMainNavigation .ui-autocomplete .search-autocomplete { padding-bottom: 10px; } } /* atcm: autocomplete*/ .modMainNavigation .ui-autocomplete { background-color: #EFEFEF; position: absolute; z-index: 800 !important; left: 0px !important; right: 0px; width: 100% !important; padding-left: 0px; padding-right: 0px; max-height: 406px; overflow: hidden; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .modMainNavigation .ui-autocomplete { max-height: 400px; } } .modMainNavigation .ui-autocomplete .autosuggestItem { color: #636363; } .modMainNavigation .ui-autocomplete .autosuggestItem span { color: black; font-weight: normal; } .modMainNavigation .autosuggestTab { background-color: #EFEFEF !important; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .modMainNavigation .autosuggestTab li:first-child { padding-top: 9px; } } .modMainNavigation .autosuggestTab li div { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .modMainNavigation .ui-autocomplete li { padding-right: 5px; } .modMainNavigation .ui-autocomplete li img { height: auto; display: block; max-width: 60px; max-height: 60px; /* @include span(1 of 4 $zeroGutter); */ float: left; margin-right: 15px; } .modMainNavigation .ui-autocomplete li .attr-product { width: 80%; } .modMainNavigation .ui-autocomplete .ui-category { border-top: 1px dotted #C3C4C5; margin: 0; color: #000; padding: 9px 0 19px 0; } .modMainNavigation .ui-autocomplete .searchProductResultTab .ui-category { padding-bottom: 21px; } .modMainNavigation .ui-autocomplete.link-list li.ui-category a:before { top: 3px; } .modMainNavigation .ui-autocomplete .ui-category:first-child { border-top: 0; font-size: 18px; color: black; } .modMainNavigation .ui-autocomplete .ui-category:first-child a { font-size: 18px; color: black; } .modMainNavigation .ui-autocomplete .autosuggestTab .name-product { margin-bottom: 17px; } .modMainNavigation .ui-autocomplete .search-autocomplete.searchCategoryResultTab li:first-child.name-product { margin-bottom: 20px; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .modMainNavigation .ui-autocomplete .search-autocomplete.searchCategoryResultTab li:first-child { padding-top: 0; } } .modMainNavigation .ui-autocomplete .search-autocomplete.searchCategoryResultTab li.name-product { margin-bottom: 20px; } .modMainNavigation .ui-autocomplete .searchProductResultTab li:first-child.name-product { margin-bottom: 18px; } .modMainNavigation .ui-autocomplete .searchProductResultTab li.name-product { margin-bottom: 18px; } .modMainNavigation .ui-autocomplete .search-autocomplete.searchCategoryResultTab { padding-top: 0; padding-bottom: 0; padding-right: 0; } .modMainNavigation .ui-autocomplete .search-autocomplete.searchCategoryResultTab .name-product-item .categorie-text { display: block; overflow: hidden; width: auto; } .modMainNavigation .ui-autocomplete .search-autocomplete.searchCategoryResultTab .name-product-item .categorie-label { float: right; overflow: hidden; box-sizing: border-box; padding-left: 5px; width: auto; } .modMainNavigation .ui-autocomplete .name-product { width: 100%; margin-bottom: 20px; float: left; } .modMainNavigation .ui-autocomplete .name-product .bd { /*@include span(3 of 4 last $zeroGutter);*/ max-width: 90%; float: left; padding-left: 25%; } .modMainNavigation .ui-autocomplete .name-product .name-product-item { max-height: 40px; overflow: hidden; float: left; font-size: 16px; } .modMainNavigation .ui-autocomplete .name-product .name-product-item.autosuggestItem { font-size: 18px; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .modMainNavigation .ui-autocomplete .name-product .name-product-item.autosuggestItem { font-size: 18px; } } .modMainNavigation .ui-autocomplete .name-product .attr-product { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 75%; float: left; font-size: 14px; font-weight: normal; } @media screen and (max-width: 659px) { .modMainNavigation .ui-autocomplete .name-product .attr-product { width: 65%; } } .show-all-result { display: block; font-family: "tazbold", Helvetica, Arial, sans-serif; font-size: 17px; float: left; } @media screen and (max-width: 659px) { .show-all-result { height: 20px; margin: 0 0 10px 0; } } .modMainNavigation .ui-autocomplete .searchProductResultTab .show-all-result { position: relative; top: -2px; height: auto; font-size: 16px; color: #636363; padding-top: 2px; } .modMainNavigation .ui-autocomplete a { cursor: pointer; } .modMainNavigation .allresults { border-top: 1px dotted #C3C4C5; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; } .modMainNavigation .allresults a { color: #000; display: block; margin: 0 auto; text-align: center; } .modMainNavigation .allresults a:before { content: ""; } .modMainNavigation .autocompleteWrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media screen and (min-width: 660px) and (max-width: 960px) { .modMainNavigation .autocompleteWrapper { display: block; } } .modMainNavigation .ui-autocomplete .search-autocomplete.searchCategoryResultTab div.name-product-item, .modMainNavigation .ui-autocomplete .autosuggestTab div.name-product-item { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-wrap: normal !important; white-space: nowrap !important; width: 100%; } .modMainNavigation .ui-autocomplete .searchProductResultTab .bd { float: none; position: relative; } .modMainNavigation .ui-autocomplete .searchProductResultTab div.name-product-item { max-height: initial; position: relative; float: none; } .modMainNavigation .ui-autocomplete .ui-category { color: #636363; font-size: 1.2em; } .focusedSearch { display: block !important; position: absolute; } .focusedSearch #toolbox-search { height: 51px; } .focusedSearch #toolbox-search::-ms-clear { display: none; } @media screen and (min-width: 961px) { .focusedSearch #toolbox-search { width: calc(100% - ( 50px + 12.5% )); } } @media screen and (min-width: 660px) and (max-width: 960px) { .focusedSearch #toolbox-search { width: calc(100% - ( 49px + 16.6667% )); } } @media screen and (max-width: 659px) { .focusedSearch #toolbox-search { width: calc(100% - 105px); border-right: 1px solid #EFEFEF; } } .allResultDiv { width: 100%; float: left; background: #FFFFFF; } .dim { filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -webkit-opacity: 0.4; -khtml-opacity: 0.4; -moz-opacity: 0.4; -ms-opacity: 0.4; -o-opacity: 0.4; opacity: 0.4; width: 100%; height: 100%; z-index: 700; display: none; content: ""; position: absolute; top: 0; left: 0; background-color: #000; z-index: 98; } .contentGrid .container-modSubNavigation, .serviceNavigationM-view .container-modSubNavigation, .faqContainer .container-modSubNavigation { float: left; } .contentGrid .modSubNavigation, .serviceNavigationM-view .modSubNavigation, .faqContainer .modSubNavigation { float: left; background: #FFFFFF; width: 100%; } .contentGrid .modSubNavigation ul.level2, .serviceNavigationM-view .modSubNavigation ul.level2, .faqContainer .modSubNavigation ul.level2 { padding-left: 1em; } .contentGrid .modSubNavigation li, .serviceNavigationM-view .modSubNavigation li, .faqContainer .modSubNavigation li { margin-top: 10px; cursor: pointer; } @media screen and (min-width: 961px) { .contentGrid .container-modSubNavigation { width: 25%; } .head .search .glyphicon.icon-search.focused, .head .search .productWrapper .detailImages .product-images .glyphicon.focused.mainProductImage:before, .productWrapper .detailImages .product-images .head .search .glyphicon.focused.mainProductImage:before { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 12.5%; float: right; } .head .search .glyphicon.icon-search.focused span, .head .search .productWrapper .detailImages .product-images .glyphicon.focused.mainProductImage:before span, .productWrapper .detailImages .product-images .head .search .glyphicon.focused.mainProductImage:before span { display: block; } .glyphicon.focused:before { margin-left: 20% !important; } /* .search-autocomplete li{ display: none; } .search-autocomplete li:nth-child(-n+6){ display: block; } */ } @media screen and (min-width: 660px) and (max-width: 960px) { .contentGrid .container-modSubNavigation, .serviceNavigationM-view .container-modSubNavigation { width: 33.3%; } .head .search .glyphicon.icon-search.focused, .head .search .productWrapper .detailImages .product-images .glyphicon.focused.mainProductImage:before, .productWrapper .detailImages .product-images .head .search .glyphicon.focused.mainProductImage:before { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 16.66667%; float: right; } .head .search .glyphicon.icon-search.focused span, .head .search .productWrapper .detailImages .product-images .glyphicon.focused.mainProductImage:before span, .productWrapper .detailImages .product-images .head .search .glyphicon.focused.mainProductImage:before span { display: block; } .glyphicon.focused:before { margin-left: 20% !important; } /* .search-autocomplete li{ display: none; } .search-autocomplete li:nth-child(-n+6){ display: block; } */ } @media screen and (max-width: 659px) { .search-autocomplete { width: 100%; } /* .search-autocomplete li{ display: none; } .search-autocomplete li:nth-child(-n+4){ display: block; } */ .contentGrid .container-modSubNavigation { display: none; } .head .search .glyphicon.icon-search.focused, .head .search .productWrapper .detailImages .product-images .glyphicon.focused.mainProductImage:before, .productWrapper .detailImages .product-images .head .search .glyphicon.focused.mainProductImage:before { width: 3em; height: 100%; } .head .search .glyphicon.icon-search.focused span, .head .search .productWrapper .detailImages .product-images .glyphicon.focused.mainProductImage:before span, .productWrapper .detailImages .product-images .head .search .glyphicon.focused.mainProductImage:before span { display: none; } } .modBreadcrumbNavigation .locatorWrapper { background-image: url(/_ui/bauhaus/img/bc_back.png); background-position: top left; background-repeat: no-repeat; background-color: transparent; height: 20px; line-height: 18px; width: 60px; text-align: center; margin-right: 10px; padding-left: 0px; padding-right: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .modBreadcrumbNavigation .locatorWrapper .locator { margin-left: 0; } } .modBreadcrumbNavigation ol { padding-left: 0; } @media screen and (min-width: 961px) { .modBreadcrumbNavigation ol { margin: 14px 0px 16px 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .modBreadcrumbNavigation ol { margin: 15px 4px 17px 20px; } } @media screen and (max-width: 659px) { .modBreadcrumbNavigation ol { margin: 10px 10px 15px 10px; } .modBreadcrumbNavigation ol li { display: none; } .modBreadcrumbNavigation ol li.locatorWrapper { display: inherit; } .modBreadcrumbNavigation ol li.locatorWrapper .pipe { display: none; } } @media screen and (max-width: 659px) { .modBreadcrumbNavigation ol.noBConSView { margin-top: 0; margin-bottom: 1.5625em; } } .modBreadcrumbNavigation li { font-family: 'tazbold'; display: inline-block; font-size: 12px; background-color: #efefef; height: 20px; display: block; float: left; line-height: 18px; padding-left: 5px; padding-right: 4px; } .modBreadcrumbNavigation li .icon-house:before, .modBreadcrumbNavigation .mobileNavigation #categoryNav li.homeBtn a:before, .mobileNavigation #categoryNav .modBreadcrumbNavigation li.homeBtn a:before, .modBreadcrumbNavigation .mobileNavigation #beratungSubNavigation li.homeBtn a:before, .mobileNavigation #beratungSubNavigation .modBreadcrumbNavigation li.homeBtn a:before, .modBreadcrumbNavigation .mobileNavigation .mobileNavigationPanel li.homeBtn a:before, .mobileNavigation .mobileNavigationPanel .modBreadcrumbNavigation li.homeBtn a:before, .modBreadcrumbNavigation .mobileNavigation .serviceMetaNavigation ul li.homeBtn a:before, .mobileNavigation .serviceMetaNavigation ul .modBreadcrumbNavigation li.homeBtn a:before { line-height: 18px; } .modBreadcrumbNavigation li.hidden { display: none; } .modBreadcrumbNavigation li a, .modBreadcrumbNavigation li a:link { color: #686868; text-decoration: none; position: relative; height: 20px; } .modBreadcrumbNavigation li a.sprites-after:after { background-position: -149px -59px; display: inline-block; height: 10px; margin: 14px 7px 0; width: 6px; } .modBreadcrumbNavigation li .arrow:after { position: relative; color: #a1a2a3; content: ' > '; display: inline-block; height: 20px; margin: 0; width: 8px; } .modBreadcrumbNavigation li.arrowLi { background-image: url(/_ui/bauhaus/img/bc_arrow.png); background-position: top left; background-repeat: no-repeat; background-color: #efefef; width: 8px; height: 20px; padding-left: 0; padding-right: 0; } .modBreadcrumbNavigation li.arrowLi.last { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 6px; border-color: transparent transparent transparent #efefef; background-color: transparent; } @media screen and (min-width: 660px) and (max-width: 960px) { .update-personal-data .modBreadcrumbNavigation ol, .update-my-account .modBreadcrumbNavigation ol, .update-my-account-plus-card .modBreadcrumbNavigation ol, .update-design-customer-adress .modBreadcrumbNavigation ol { margin-bottom: 0.8125em; } } .head .cartTab .panel .productList .cartTabShowMoreProducts { text-align: left; } .head .cartTab .panel .productList .cartTabShowMoreProducts a { display: inline; color: #636363; line-height: normal; } .mod.modMainNavigation.sticky { position: fixed; z-index: 9999; max-width: 1160px; top: 5px; margin: 0 auto; -webkit-overflow-scrolling: auto; } @media screen and (min-width: 660px) and (max-width: 960px) { .mod.modMainNavigation.sticky { width: 100%; top: 0; } } @media screen and (max-width: 659px) { .mod.modMainNavigation.sticky { width: 100%; top: 0; } } .mod.modMainNavigation.sticky .mainNav, .mod.modMainNavigation.sticky .accountTab, .mod.modMainNavigation.sticky .cartTab { border-bottom: 1px solid #909090; } .mod.modMainNavigation.sticky .accountTab, .mod.modMainNavigation.sticky .cartTab { height: 51px; } .mod.modMainNavigation.sticky .panel { margin-top: 1px; } .mod.modMainNavigation.sticky .panel.loginPanel { margin-top: 2px; } @media screen and (min-width: 660px) and (max-width: 960px) { .mod.modMainNavigation.sticky .panel { margin-top: 1px; } } .mod.modMainNavigation.sticky .search { border-bottom: 1px solid #FFFFFF; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .mod.modMainNavigation.sticky .searchTab { border-bottom: 1px solid #909090; height: 51px; } } .stickyWrapper { background-color: #EE1F26; width: 100%; position: fixed; top: 0; height: 56px; left: 0; z-index: 99; display: none; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .stickyWrapper { display: none !important; } } .rb { background-color: #EE1F26; position: fixed; top: 0; width: 100%; height: 5px; left: 0; z-index: 99; display: none; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .rb { display: none !important; } } .categoryWrapper { position: relative; z-index: 97; top: 0px; overflow-y: inherit; width: initial; height: inherit; } ul#categoryNav { z-index: 99; width: 100%; top: 3em; } @media screen and (max-width: 659px) { ul#categoryNav { top: 0; } } .categoryWrapper.sticky { position: relative; z-index: 1; } .categoryWrapper.sticky #categoryNav { top: -2em; } .categoryWrapper.sticky #categoryNav.open { top: 3em; } .head .modMainNavigation .mainNav .produkte-nav, .head .modMainNavigation .mainNav .beratung-nav { position: relative; z-index: 98; } .ui-slider { text-align: left; position: relative; } .ui-slider .ui-state-focus { outline: 0 none; } .ui-slider .ui-slider-handle { cursor: pointer; display: inline-block; height: 1em; position: absolute; width: 1em; z-index: 2; background-color: #636363; } .ui-slider .ui-slider-range { border: 0; display: block; position: absolute; z-index: 1; } .ui-slider-horizontal { height: 1em; background-color: #EFEFEF; } .ui-slider-horizontal .ui-slider-handle { margin-left: -8px; } .ui-slider-horizontal .ui-slider-range { background-color: #BABABA; height: 100%; top: 0; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .range-min-max { margin: 1em 0 0 0; } .range-min-max input[type="number"], .range-min-max input[type="text"] { padding: 1em; width: 5.5em; background-color: #EFEFEF; color: #636363; border: 0; text-align: right; } .range-min-max .sb { position: relative; display: inline-block; width: .9em; } .range-min-max .sb span { font-size: 2em; position: absolute; top: 0; bottom: 0; margin: auto; line-height: 0.4em; } .equalValues .ui-slider-range { background-color: #636363; } .ui-selectmenu-menu { display: none; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button:focus, .ui-selectmenu-button:focus, .ui-selectmenu-menu:focus { outline: 0; } .form1 .ui-selectmenu-button .ui-selectmenu-text, .order-form .ui-selectmenu-button .ui-selectmenu-text, .checkoutStep3 .sepaMandate .ui-selectmenu-button .ui-selectmenu-text { margin-left: 30%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 659px) { .form1 .ui-selectmenu-button .ui-selectmenu-text, .order-form .ui-selectmenu-button .ui-selectmenu-text, .checkoutStep3 .sepaMandate .ui-selectmenu-button .ui-selectmenu-text { font-size: 0.8em; } } .form1 .dropdownNormal .ui-selectmenu-button .ui-selectmenu-text, .order-form .dropdownNormal .ui-selectmenu-button .ui-selectmenu-text, .checkoutStep3 .sepaMandate .dropdownNormal .ui-selectmenu-button .ui-selectmenu-text { margin-left: 0.5em; position: relative; top: 0; -ms-transform: none; -webkit-transform: none; transform: none; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .shopping-cart { margin-left: 0.3em; } .shopping-cart .dropdownNormal .ui-selectmenu-button .ui-selectmenu-text { margin-left: 0.3em; position: relative; top: 0; -ms-transform: none; -webkit-transform: none; transform: none; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* jQuery migrate .ui-selectmenu { */ .ui-selectmenu-button { background-color: #EFEFEF; display: block; display: inline-block; height: 2.8125em; outline: none; overflow: hidden; position: relative; text-decoration: none; vertical-align: middle; zoom: 1; padding: 0 0 1em .5em; padding: 0.7em 0 1em .5em; } .ui-selectmenu-button li { display: block; margin: 0; padding: 0; } .ui-selectmenu-button li a { display: block; line-height: 1.4em; outline: none; padding: 4px; text-decoration: none; color: #636363; } .ui-selectmenu-button .ui-selectmenu-text { margin-left: 1em; } .ui-selectmenu-button .ui-selectmenu-icon { height: 2.8125em; background-color: #DADADA; position: absolute; right: 0; top: 0; width: 2.8125em; font-size: 1em; } .ui-selectmenu-button .ui-selectmenu-icon:before { position: absolute; font-size: .6em; top: 2em; left: 1.8em; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ui-selectmenu-button .ui-selectmenu-icon:before { /* IE10+ */ position: absolute; font-size: 1.4em; top: 1.7em; left: 1.5em; } } .ui-selectmenu-menu { display: none; margin: 0; padding: 0; position: absolute; top: 0; z-index: 1005; } .ui-selectmenu-menu ul { padding-right: 8.2em; background: #DADADA; list-style: none; max-height: 300px; margin: 0; padding: 0; position: relative; overflow-y: auto; } .ui-selectmenu-menu ul li .ui-menu-item-wrapper { width: 100%; display: block; padding: .8em; } .ui-selectmenu-menu.ui-selectmenu-open { display: block; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-text { font-size: inherit; } .ui-selectmenu-button:hover, .ui-selectmenu-button:active, .ui-selectmenu-button:focus { text-decoration: none; outline: none; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-text { margin-left: 5px; padding-left: 20px; position: relative; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-text .ui-icon { left: 0; margin-top: -8px; position: absolute; top: 1em; } .ui-selectmenu-text { line-height: 1em; } .ui-selectmenu-menu li span, .ui-selectmenu-text span { display: block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { display: block; font-weight: bold; line-height: 1.4em; padding: .6em .5em 0; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } #product-sorting-menu { overflow: visible; } .productGridWrapper { max-width: 100%; margin-left: auto; margin-right: auto; background-color: #FFFFFF; } .productGridWrapper:after { content: " "; display: block; clear: both; } .categoryGrid { max-width: 100%; margin-left: auto; margin-right: auto; } .categoryGrid:after { content: " "; display: block; clear: both; } .categoryGrid .locator .backlink { text-transform: inital; } @media screen and (min-width: 660px) and (max-width: 960px) { .categoryGrid .locator { margin-left: 1em; } } .categoryGrid .mainTitle { margin: 0 1.25em 1em 1.25em; } @media screen and (max-width: 659px) { .categoryGrid .mainTitle { margin: 0 0.625em 1em 0.625em; } } .categoryGrid .mainTitle h1 { color: #636363; margin: 0 0 1.1em 0; } .categoryGrid .mainTitle h1 .subTitle { font-size: 0.4375em; display: inline-block; } .footnote { padding: 0 1em; } .footnote sup { left: -.8em; top: 2.5em; } .viewModes { max-width: 100%; margin-left: auto; margin-right: auto; background-color: #FFFFFF; position: relative; margin: 0 0 0.0625em; } .viewModes:after { content: " "; display: block; clear: both; } .viewModes .ui-selectmenu-button { width: 100% !important; height: 3.65em; padding: 1em 0 1em .5em; } .viewModes .ui-selectmenu-button .ui-selectmenu-text { margin-left: 0 !important; } .mobilePagination { display: none; } @media screen and (min-width: 660px) and (max-width: 960px) { .mobilePagination { display: block; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: right; } } @media screen and (max-width: 659px) { .mobilePagination { display: block; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .mobilePagination .product-sorting { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .mobilePagination .product-sorting .ui-selectmenu-button { width: 100%; } } #product-sorting { width: 100%; } .normalPagination { display: block; margin: 2em 0; } .product-sorting { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .product-sorting { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .product-sorting .ui-selectmenu-button { color: grey; } @media screen and (min-width: 961px) { .product-sorting .ui-selectmenu-button { background-color: #FFFFFF; } } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .product-sorting .ui-selectmenu-button { background-color: #DADADA; color: grey; } } .product-sorting .ui-selectmenu-button .ui-selectmenu-icon { height: 3.6em; width: 3.6em; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .product-sorting .ui-selectmenu-button .ui-selectmenu-icon { right: .4em !important; } } .product-sorting .ui-selectmenu-button .ui-selectmenu-icon::before { top: 2.4em; left: 2.4em; } .product-sorting .ui-selectmenu.ui-state-active { color: grey; } @media screen and (min-width: 961px) { .product-sorting .ui-selectmenu.ui-state-active { background-color: #FFFFFF; } } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .product-sorting .ui-selectmenu.ui-state-active { background-color: #636363; color: #FFFFFF; } .product-sorting .ui-selectmenu.ui-state-active .ui-selectmenu-icon { background-color: #636363; right: .5em; } .product-sorting .ui-selectmenu.ui-state-active .ui-selectmenu-icon:before { color: #EFEFEF; } } .view { width: 44.44444%; float: right; margin-right: 0; } @media screen and (min-width: 660px) and (max-width: 960px) { .view { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .view ul { margin: 0; padding: 0; } .view ul li { display: block; float: right; background-color: #DADADA; } @media screen and (min-width: 660px) and (max-width: 960px) { .view ul li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; float: right; } } .view ul li a { color: #636363; padding: 1.19em; display: block; width: 100%; height: 100%; cursor: pointer; text-align: center; } .view ul li a.current { background-color: #636363; color: #EFEFEF; } .view ul li .tile-view { border-right: 1px solid white; } @media screen and (max-width: 659px) { .view { display: none; } } .productFilters { position: relative; z-index: 9; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .productFilters { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (max-width: 659px) { .productFilters { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (min-width: 961px) { .productFilters .view { display: none; } } .productFilters .filterHeader { background-color: #DADADA; color: #636363; margin: 0; } .productFilters .filterHeader h3 { margin: 0; } .productFilters .filterHeader.toggle.active { background-color: #636363; color: #FFFFFF; } .productFilters .modSubNavigation { background-color: #FFFFFF; } .productFilters .modSubNavigation ul { margin: 0; padding: 0; } .productFilters .modSubNavigation ul li { padding: 0; } .productFilters .modSubNavigation ul li a { padding: 1em 1em; display: block; } .productFilters .modSubNavigation ul .last-navigation-item.active .sprites { position: relative; background-color: #999; width: 100%; display: block; } .productFilters .modSubNavigation ul .last-navigation-item.active .sprites a { padding: 1.2em 1em 1.2em 3em; display: block; color: #FFFFFF; text-transform: lowercase; } .productFilters .modSubNavigation ul .last-navigation-item.active .sprites a:before { padding: 1em; color: #FFFFFF; position: absolute; width: 4em; left: 1em; height: 100%; top: 0; font-size: .5em; line-height: 5.7em; } .productFilters .modSubNavigation ul .last-navigation-item .sprites { display: none; } .productFilters .accordion-content { margin: 0 0 0.0625em; } .productGrid { background-color: #FFFFFF; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: right; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .productGrid { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (max-width: 659px) { .productGrid { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .productGrid:before, .productGrid:after { content: ""; display: table; } .productGrid:after { clear: both; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .productGrid .viewModes { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { .modFilter, .accordionAsModFilter { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; position: relative; } } .modFilter .leading, .accordionAsModFilter .leading { position: relative; text-align: left; cursor: pointer; padding: 1.2em 1em; background-color: #636363; color: #EFEFEF; font-size: 1em; border-bottom: 1px solid #DADADA; border-right: 1px solid #FFFFFF; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 3em; } .modFilter .leading .sprites, .accordionAsModFilter .leading .sprites { position: absolute; right: 2em; } .modFilter .leading .sprites:before, .accordionAsModFilter .leading .sprites:before { font-family: 'bauhaus'; font-size: .6em; } .modFilter .leading.closed, .accordionAsModFilter .leading.closed { color: #636363; background-color: #EFEFEF; } .modFilter .leading.closed .sprites:before, .accordionAsModFilter .leading.closed .sprites:before { font-family: 'bauhaus'; font-size: .6em; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .modFilter .leading.closed .sprites:before, .accordionAsModFilter .leading.closed .sprites:before { /* IE 10 + :( */ font-size: 1.8em !important; } } @media screen and (min-width: 961px) { .modFilter .leading.filterHeader, .accordionAsModFilter .leading.filterHeader { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { .modFilter .leading.filterHeader, .accordionAsModFilter .leading.filterHeader { border-bottom: 1px solid #FFFFFF; } } .modFilter div.accordion-content, .accordionAsModFilter div.accordion-content { padding: 1em; background-color: #FFFFFF; } .modFilter ul, .accordionAsModFilter ul { max-height: 280px; overflow-y: auto; position: relative; padding: 0; margin: 0; } .modFilter ul div, .accordionAsModFilter ul div { position: relative; float: left; margin-left: 2.8em; word-break: break-word; } .modFilter ul div .itemCount, .accordionAsModFilter ul div .itemCount { color: #BABABA; } .modFilter ul.radiobuttonlist div, .accordionAsModFilter ul.radiobuttonlist div { margin-left: 0; } .modFilter ul.facet-block, .accordionAsModFilter ul.facet-block { overflow: auto; } .modFilter ul li, .accordionAsModFilter ul li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: .5em 0em; } .modFilter ul li a, .accordionAsModFilter ul li a { cursor: pointer; } .modFilter .categoryContainer ul, .accordionAsModFilter .categoryContainer ul { max-height: 100%; } .modFilter .checkboxlist .link-transfer, .accordionAsModFilter .checkboxlist .link-transfer { line-height: 2em; } .modFilter .checkboxlist .link-transfer:before, .accordionAsModFilter .checkboxlist .link-transfer:before { background-color: #EFEFEF; padding: 1em; position: absolute; content: ''; left: 0; line-height: 1em; } .modFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .link-transfer.checked:before { padding: .5em; font-size: 1em; font-family: 'bauhaus'; } .modFilter .radiobuttonlist .link-transfer, .accordionAsModFilter .radiobuttonlist .link-transfer { padding-left: 0; line-height: 1.5em; display: flex; } .modFilter .radiobuttonlist .link-transfer:before, .accordionAsModFilter .radiobuttonlist .link-transfer:before { background-color: #EFEFEF; padding: 1em; content: ''; line-height: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; font-size: 0.7em; content: ""; float: left; margin-right: 0.3125em; height: 2em; } .modFilter .radiobuttonlist .link-transfer.checked:before, .accordionAsModFilter .radiobuttonlist .link-transfer.checked:before { padding: .5em; font-family: 'bauhaus'; } .modFilter .control, .accordionAsModFilter .control { padding: 0 2em; margin-top: 1em; } .modFilter .control .resetfilter, .accordionAsModFilter .control .resetfilter { background-color: #636363; display: block; text-align: center; color: #FFFFFF; margin: 1em auto; display: block; text-align: center; padding: 1em; } .modFilter .control .resetfilter-none, .accordionAsModFilter .control .resetfilter-none { display: none; } .modFilter .control.ta-right, .accordionAsModFilter .control.ta-right { padding: 0; } .modFilter .control.ta-right:hover, .accordionAsModFilter .control.ta-right:hover { cursor: pointer; } .modFilter div.filterWrapper, .accordionAsModFilter div.filterWrapper { padding: 0; -webkit-transition: 2s; -khtml-transition: 2s; -moz-transition: 2s; -ms-transition: 2s; -o-transition: 2s; transition: 2s; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .modFilter div.filterWrapper, .accordionAsModFilter div.filterWrapper { background-color: #DADADA; } } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .modFilter div.filterWrapper, .accordionAsModFilter div.filterWrapper { display: none; position: absolute; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; z-index: 2; } } .modFilter div.filterWrapper .accordion-content, .accordionAsModFilter div.filterWrapper .accordion-content { display: block; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .modFilter div.filterWrapper .accordion-content, .accordionAsModFilter div.filterWrapper .accordion-content { background-color: #DADADA; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .modFilter div.filterWrapper .leading, .accordionAsModFilter div.filterWrapper .leading { border-right: 1px solid #EFEFEF; } } .modFilter div.filterWrapper .no-space, .accordionAsModFilter div.filterWrapper .no-space { padding: 0; } .modFilter .leading.filterHeader, .accordionAsModFilter .leading.filterHeader { background-color: #DADADA; color: #636363; } @media screen and (min-width: 961px) { .modFilter .leading.filterHeader .sprites, .accordionAsModFilter .leading.filterHeader .sprites { display: none; } } .checkbox-content { width: auto; margin-top: 1em; } .checkbox-content .checkboxlist { float: left; } @media screen and (min-width: 961px) { .checkbox-content .checkboxlist { min-width: 7.5em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .checkbox-content .checkboxlist { min-width: 7em; } } .checkbox-content .checkboxlist [class^="icon-"] { font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; } .checkbox-content .checkboxlist [class^="icon-"]:before { padding: 0; margin-right: 0.5em; color: #FFFFFF; } .checkbox-content .checkboxlist [class^="icon-"]:hover { cursor: pointer; } .checkbox-content .checkboxlist [class^="icon-"].checked { font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; } .checkbox-content .checkboxlist [class^="icon-"].checked:before { padding: 0; margin-right: 0.5em; color: #B41821; } .checkbox-content .checkboxlist [class^="icon-"].checked:hover { cursor: pointer; } @media screen and (max-width: 659px) { .checkbox-content .checkboxlist { display: none; } } .checkbox-content .checkboxlist .checked a { margin-left: -3px; } .checkbox-content .checkboxlist.pus-grid .icon-bookmark { margin-left: 1.5em; } .checkbox-content .checkboxlist.pus-list { float: none; font-size: 0.8em; margin-bottom: 0.5em; margin-top: 12px; } .checkbox-content .checkboxlist.pus-list [class^="icon-"] { font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; } .checkbox-content .checkboxlist.pus-list [class^="icon-"]:before { padding: 0; margin-right: 0.5em; color: #DADADA; } .checkbox-content .checkboxlist.pus-list [class^="icon-"]:hover { cursor: pointer; } .checkbox-content .checkboxlist.pus-list [class^="icon-"].checked { font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; } .checkbox-content .checkboxlist.pus-list [class^="icon-"].checked:before { padding: 0; margin-right: 0.5em; color: #B41821; } .checkbox-content .checkboxlist.pus-list [class^="icon-"].checked:hover { cursor: pointer; } .modFilter-compare-checkbox { position: relative; font-size: 0.8em; float: left; margin-top: 3em; } .size-1of1 { width: 100% !important; } @media screen and (min-width: 660px) and (max-width: 960px) { .accordionAsModFilter { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; } } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .accordionAsModFilter div.filterWrapper { display: block; position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; z-index: 0; } } .accordionAsModFilter .leading .sprites { right: 1em; } .modProductResult { padding: 0; margin: 0; } .modProductResult.skinProductResultTile { max-width: 100%; margin-left: auto; margin-right: auto; } .modProductResult.skinProductResultTile:after { content: " "; display: block; clear: both; } .modProductResult.skinProductResultTile li { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .modProductResult.skinProductResultTile li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; } } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; border-bottom: 1px solid #BABABA; } } .modProductResult.skinProductResultTile li:nth-child(3n) { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: right; } .modProductResult.skinProductResultTile li:nth-child(3n) .productInfo { -moz-box-shadow: -1px 0px 0px #DCDCDC; -webkit-box-shadow: -1px 0px 0px #DCDCDC; box-shadow: -1px 0px 0px #DCDCDC; } @media screen and (min-width: 660px) and (max-width: 960px) { .modProductResult.skinProductResultTile li:nth-child(3n) { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; } } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li:nth-child(3n) { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .modProductResult.skinProductResultTile li .productInfoText { font-size: 1em; display: block; margin: 0; } .modProductResult.skinProductResultTile li .subheadline { font-size: .8em; margin: 0.6em 0.8em 0; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .modProductResult.skinProductResultTile li .productImage { position: relative; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .productImage { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } } .modProductResult.skinProductResultTile li .productImage a img { width: 100%; height: inherit; display: block; } .modProductResult.skinProductResultTile li .productImage .triangle { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #d6d6d6 transparent; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .productImage .triangle { width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #d6d6d6 transparent transparent; border-width: 7px 7px 7px 0; left: inherit; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .modProductResult.skinProductResultTile li .productImage span { position: absolute; min-width: 60px; color: #FFFFFF; text-align: center; margin-top: 10px; font-size: 16px; font-family: "tazbold"; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .productImage span { display: none; } } .modProductResult.skinProductResultTile li .productImage .overlay-red { width: 72px; background-color: #EE1F26; float: right; right: 0; padding: 3px 5px 5px 5px; margin-right: 10px; } .modProductResult.skinProductResultTile li .productImage .overlay-red.overlay-red-spain { width: 108px; } .modProductResult.skinProductResultTile li .productImage .overlay-blue { background-color: #3399cc; float: left; padding: 3px 8px 5px 8px; margin-left: 10px; } .modProductResult.skinProductResultTile li .product { width: 100%; height: auto; } .modProductResult.skinProductResultTile li .product .categorySavedPrice { background-color: #FFE805; color: #636363; float: left; text-transform: uppercase; /* arrow code */ /* arrow code end*/ padding: .6em; position: relative; top: 5.5em; width: 4.6em; margin-left: 0; font-size: .7em; line-height: 1em; text-align: center; top: 6.5em; } .modProductResult.skinProductResultTile li .product .categorySavedPrice:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #FFE805; border-width: 0.625em; margin-top: -0.625em; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .categorySavedPrice { display: none; } } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .categorySavedPrice { width: 4.7em; margin-left: 1.3em; } } .modProductResult.skinProductResultTile li .product .productInfo { background-image: -webkit-radial-gradient(50% 50%, #efefef, #E6E6E6, #D0D0D0 185px); background-image: radial-gradient(185px at 50% 50%, #efefef 0%, #E6E6E6 60%, #D0D0D0 100%); min-height: 17.2em; padding: 1em .5em 0 1em; position: relative; } .modProductResult.skinProductResultTile li .product .productInfo:not(:first-child) { box-shadow: -1px 0px 0px #D0D0D0; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo:not(:first-child) { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } } .modProductResult.skinProductResultTile li .product .productInfo p { margin: .4em 0; } .modProductResult.skinProductResultTile li .product .productInfo p.subheadline { margin-bottom: 0; } .modProductResult.skinProductResultTile li .product .productInfo .product-action p { margin-top: 1em; } .modProductResult.skinProductResultTile li .product .productInfo .product-buttons { margin-top: 0; position: absolute; bottom: 1em; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 40%; float: right; position: absolute; right: 0; min-height: inherit; height: 100%; } } .modProductResult.skinProductResultTile li .product .productInfo .product-price { position: absolute; top: 3.5em; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo .product-price { position: relative; margin-top: -.3em; } } .modProductResult.skinProductResultTile li .product .productInfo .product-price .price-subline { margin: 0; font-size: .8em; line-height: 2.5em; min-height: 3em; left: 0; position: absolute; top: 8.9em; width: 15em; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo .product-price .price-subline { font-size: .7em; margin-top: -.3em; width: 20em; top: 6em; } } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo .product-price { height: auto; } } .modProductResult.skinProductResultTile li .product .productInfo .product-price .energyPicto { top: 3.5em; position: absolute; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo .product-price .energyPicto { top: 1.3em; } } .modProductResult.skinProductResultTile li .product .productInfo .product-price.proto { top: 2.7em; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo .product-price.proto { top: 0; } } .modProductResult.skinProductResultTile li .product .productInfo .pricetag { display: inline-block; margin-top: 1em; padding: 0 2em 0 0; margin: 2.6em 1em 0 0; float: left; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag.promotion { min-width: 72px; padding-left: 10px; background-color: #EE1F26; color: #FFFFFF; padding-right: 10px; margin-top: 3.2em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .modProductResult.skinProductResultTile li .product .productInfo .pricetag.promotion { height: 68px; } } .modProductResult.skinProductResultTile li .product .productInfo .pricetag.promotion .price { line-height: 1.4em; margin: 0; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag.promotion .no-discount { line-height: 1.7em; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag.power { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag.blockbuster { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag .price { font-size: 2.5em; line-height: 1.9em; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag .price .comma-values { font-size: .6em; position: absolute; margin-top: -0.18em; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag .price .priceFrom { font-size: .6em; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag .price .currency-sign { display: none; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag .price span { float: left; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo .pricetag { margin: 0; padding: 0; margin-right: 1.2em; padding-right: 1em; font-size: .7em; margin-top: 1.6em; } } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo .pricetag.blockbuster, .modProductResult.skinProductResultTile li .product .productInfo .pricetag.power { background: url(../img/blockbuster_small.png) bottom right; margin-top: 2.4em; } } .modProductResult.skinProductResultTile li .product .productInfo .pricetag.promotion .price span { float: left; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag.promotion .price .comma-values { position: relative; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag.promotion .price .comma-values span { min-width: 10px; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag.promotion .price .comma-values span.dash-separate { position: relative; float: none; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo .pricetag.promotion { margin-top: 1.6em; } } .modProductResult.skinProductResultTile li .product .productInfo .pricetag.promotion .price-subline { top: 9.2em; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag .dash-separate { position: absolute; top: 5px; font-size: 1.5em; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo .pricetag .dash-separate { top: 1px; } } .modProductResult.skinProductResultTile li .product .productInfo .pricetag .discount { position: relative; padding: 3px 0 0; margin-bottom: -10px; float: left; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo .pricetag .discount { font-size: 1.1em; } } .modProductResult.skinProductResultTile li .product .productInfo .pricetag .price { display: block; margin-top: 8px; } .modProductResult.skinProductResultTile li .product .productInfo .pricetag .crossed-out { text-decoration: line-through; } .modProductResult.skinProductResultTile li .product .productInfo .compare { text-transform: lowercase; padding-left: 1.5em; font-size: .8em; line-height: 1em; display: none; } .modProductResult.skinProductResultTile li .product .productInfo .compare:before { background-color: #EFEFEF; padding: 1em; position: absolute; content: ''; left: 0; line-height: 1em; padding: .5em; margin-left: 1.3em; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product .productInfo { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: right; } } @media screen and (max-width: 659px) { .modProductResult.skinProductResultTile li .product-buttons { display: none; } } .modProductResult.skinProductResultTile li .buyOptions { min-height: 20px; font-size: .8em; } .modProductResult.skinProductResultTile li .buyOptions .availableOnline { color: #636363; display: block; } .modProductResult.skinProductResultTile li .buyOptions .availableOnline:before { margin: .5em .5em 0 0; } .modProductResult.skinProductResultTile li .buyOptions .reserveProduct span { color: #636363; display: block; } .modProductResult.skinProductResultTile li .buyOptions .reserveProduct span:before { margin: .5em .5em 0 0; } .modProductResult.skinProductResultTile li .buyOptions .reserveProduct span a { margin-left: -.2em; } .modProductResult.skinProductResultTile li .buyOptions .availableOffline { visibility: hidden; } .modProductResult.skinProductResultList { max-width: 100%; margin-left: auto; margin-right: auto; } .modProductResult.skinProductResultList:after { content: " "; display: block; clear: both; } .modProductResult.skinProductResultList li { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .modProductResult.skinProductResultList li h2 { font-size: 1em; display: block; margin: 1px 0 1em 0; } .modProductResult.skinProductResultList li h2 .subheadline { font-size: .8em; margin: .8em 0; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .modProductResult.skinProductResultList li .product-image { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; } .modProductResult.skinProductResultList li .product-image a img { width: 100%; height: inherit; display: block; top: 100%; } .modProductResult.skinProductResultList li .product-image span { position: absolute; min-width: 60px; color: #FFFFFF; padding: 8px; text-align: center; margin-top: 10px; font-size: 16px; font-family: "tazbold"; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultList li .product-image span { display: none; } } .modProductResult.skinProductResultList li .product-image .overlay-red { width: 72px; background-color: #EE1F26; float: right; right: 0; padding: 3px 5px 5px 5px; margin-right: 10px; } .modProductResult.skinProductResultList li .product-image .overlay-red.overlay-red-spain { width: 108px; } .modProductResult.skinProductResultList li .product-image .overlay-blue { background-color: #3399cc; float: left; padding: 3px 8px 5px 8px; margin-left: 10px; } .modProductResult.skinProductResultList li .product-data { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 44.44444%; float: left; padding-left: 1em; } .modProductResult.skinProductResultList li .product-data ul { margin: 0; padding: 0 0 1em 1em; } .modProductResult.skinProductResultList li .product-data ul li { font-size: .8em; display: block; } .modProductResult.skinProductResultList li .product-data ul li:before { content: '- '; position: absolute; left: -.8em; } .modProductResult.skinProductResultList li .product-data .buyOptions { font-size: .8em; width: 100%; float: left; margin-left: 0; margin-right: 0; } .modProductResult.skinProductResultList li .product-data .buyOptions .availableOnline { color: #636363; display: block; } .modProductResult.skinProductResultList li .product-data .buyOptions .availableOnline:before { margin: .5em .5em 0 0; } .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct span { color: #636363; display: block; } .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct span:before { margin: .5em .5em 0 0; } .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct span a { margin-left: -.2em; } .modProductResult.skinProductResultList li .product-data .buyOptions .availableOffline { visibility: hidden; } .modProductResult.skinProductResultList li .product-data .title-product { font-size: 1em; display: block; margin: 1px 0 0 0; } .modProductResult.skinProductResultList li .product-data .subheadline { font-size: .8em; margin: .8em 0 1.2em 0; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .modProductResult.skinProductResultList li .product-data-list { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 66.66667%; float: left; } .modProductResult.skinProductResultList li .product-data-list .product-info-text { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 66.66667%; float: left; } .modProductResult.skinProductResultList li .product-data-list .product-data-additional { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; min-height: inherit; float: left; } .modProductResult.skinProductResultList li .product-data-list .buyOptions { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 66.66667%; float: left; } .modProductResult.skinProductResultList li .product-data-list .buyOptions .availableOnline { padding-top: 4px; } .modProductResult.skinProductResultList li .product-data-list .pricetag.promotion { margin-top: 2.1em !important; } .modProductResult.skinProductResultList li .product-data-list .pricetag.promotion .price span { float: left; } .modProductResult.skinProductResultList li .product-data-list .pricetag.promotion .price .comma-values { position: relative; } .modProductResult.skinProductResultList li .product-data-list .pricetag.promotion .price .comma-values span { min-width: 10px; } .modProductResult.skinProductResultList li .product-data-additional { overflow: hidden; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 20%; float: right; position: relative; min-height: 14em; } .modProductResult.skinProductResultList li .product-data-additional .product-action { margin-top: 3em; } .modProductResult.skinProductResultList li .product-data-additional .pricetag { display: inline-block; margin-top: 1em; padding: 0 2em 0 0; margin: 2em 0 0 0; } .modProductResult.skinProductResultList li .product-data-additional .pricetag.promotion { min-width: 72px; padding-left: 10px; background-color: #EE1F26; color: #FFFFFF; padding-right: 10px; margin-top: 3.2em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .modProductResult.skinProductResultList li .product-data-additional .pricetag.promotion { height: 68px; } } .modProductResult.skinProductResultList li .product-data-additional .pricetag.promotion .price { line-height: 1.4em; margin: 0; } .modProductResult.skinProductResultList li .product-data-additional .pricetag.promotion .no-discount { line-height: 1.7em; } .modProductResult.skinProductResultList li .product-data-additional .pricetag.power { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .modProductResult.skinProductResultList li .product-data-additional .pricetag.blockbuster { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .modProductResult.skinProductResultList li .product-data-additional .pricetag .price { font-size: 2.5em; line-height: 1.9em; } .modProductResult.skinProductResultList li .product-data-additional .pricetag .price .comma-values { font-size: .6em; position: absolute; margin-top: -0.18em; } .modProductResult.skinProductResultList li .product-data-additional .pricetag .price .priceFrom { font-size: .6em; } .modProductResult.skinProductResultList li .product-data-additional .pricetag .price .currency-sign { display: none; } .modProductResult.skinProductResultList li .product-data-additional .pricetag .price span { float: left; } .modProductResult.skinProductResultList li .product-data-additional .pricetag .dash-separate { position: absolute; top: 5px; font-size: 1.5em; } .modProductResult.skinProductResultList li .product-data-additional .pricetag .discount { display: block; position: relative; padding: 3px 0 0; margin-bottom: -10px; } .modProductResult.skinProductResultList li .product-data-additional .pricetag .price { float: left; margin-top: 8px; } .modProductResult.skinProductResultList li .product-data-additional .pricetag .crossed-out { text-decoration: line-through; } .modProductResult.skinProductResultList li .product-data-additional .price-subline { margin: 0; font-size: .8em; } .modProductResult.skinProductResultList li .product-data-additional .compare { text-transform: lowercase; padding-left: 1.5em; display: none; } .modProductResult.skinProductResultList li .product-data-additional .compare:before { background-color: #EFEFEF; padding: 1em; position: absolute; content: ''; left: 0; line-height: 1em; padding: .5em; } .modProductResult.skinProductResultList li .product-data-additional .categorySavedPrice { background-color: #FFE805; color: #636363; float: left; text-transform: uppercase; padding: .8em .6em; position: relative; top: 1.5em; width: 5.2em; margin-left: 0; font-size: .8em; line-height: 1em; text-align: center; float: none; top: 0; margin-top: 1em; } .modProductResult.skinProductResultList li .product-data-additional .categorySavedPrice:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #FFE805; border-width: 0.625em; margin-left: -0.625em; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultList li .product-data-additional .categorySavedPrice { display: none; } } .modProductResult.skinProductResultList li .product .productInfo { background-image: -webkit-radial-gradient(50% 50%, #efefef, #E6E6E6, #D0D0D0 185px); background-image: radial-gradient(185px at 50% 50%, #efefef 0%, #E6E6E6 60%, #D0D0D0 100%); padding: 1em 1em 0 1em; min-height: 16em; position: relative; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultList li .product .productInfo { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: right; min-height: 12em; position: absolute; right: 0; min-height: inherit; height: 100%; } } .modProductResult.skinProductResultList li .productTechData { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: .5em 1em; background-color: #DADADA; } .modProductResult.skinProductResultList li .productTechData ul { margin: 0; padding: 0; } .modProductResult.skinProductResultList li .productTechData ul li { width: 16.66667%; float: left; margin-right: 4.16667%; color: #636363; } .modProductResult.skinProductResultList li .productTechData ul li:last-child { width: 16.66667%; float: right; margin-right: 0; } .modProductResult.skinProductResultList li .productTechData ul li div { font-size: .9em; } .modProductResult.skinProductResultList li .productTechData ul li span { font-size: .9em; } .modProductResult.skinProductResultList li .productTechData .triangle { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #d6d6d6 transparent; position: absolute; left: 16.5%; top: -0.625em; } @media screen and (max-width: 659px) { .modProductResult.skinProductResultList li .product-buttons { display: none; } } .reserveToolTip { background-color: #636363; display: block; text-align: center; color: #FFFFFF; float: right; width: 300px; display: block; padding: 1em; width: 6em; } .reserveToolTip:hover { color: #FFFFFF; } .reserveToolTip:focus { color: #FFFFFF; } .reserveToolTip:active { color: #FFFFFF; } .loadMoreResults, .loadMoreEvents { background-color: #636363; display: block; text-align: center; color: #FFFFFF; margin: 0 auto; display: block; padding: 1em; width: 14em; cursor: pointer; } .loadMoreResults:hover, .loadMoreEvents:hover { color: #FFFFFF; } .loadMoreResults:focus, .loadMoreEvents:focus { color: #FFFFFF; } .loadMoreResults:active, .loadMoreEvents:active { color: #FFFFFF; } .modFilter div.customAccordion { padding: 0; } .categoryHeader, .categoryContent { display: none; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .categoryHeader, .categoryContent { display: block; } } .searchResultPage .mainTitle { margin: 0 1.25em 0 1.25em; } .searchResultPage .mainTitle .locator .backlink { text-transform: inital; } @media screen and (min-width: 660px) and (max-width: 960px) { .searchResultPage .mainTitle .locator { margin-left: 1em; } } @media screen and (max-width: 659px) { .searchResultPage .mainTitle { margin: 0 0.625em 0 0.625em; } } .searchResultPage .mainTitle h1 { margin: 0 0 1.1em 0; margin-bottom: 16px; } .searchResultPage .mainTitle h1 .subTitle { font-size: 0.4375em; display: inline-block; } @media screen and (min-width: 660px) and (max-width: 960px) { .searchResultPage .mainTitle h1 { margin-bottom: 7px; } } @media screen and (max-width: 659px) { .searchResultPage .mainTitle h1 { margin-bottom: 7px; } } .searchResultPage .ui-selectmenu-button { width: 100% !important; height: 3.65em; padding: 1em 0 1em .5em; } .searchResultPage .ui-selectmenu-button li a { padding: 1em 1em !important; } .searchResultPage .modFilter .backBtn { position: relative; background-color: #999; width: 100%; display: block; padding: 1.2em 1em 1.2em 3em; display: block; color: #FFFFFF; text-transform: lowercase; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .searchResultPage .modFilter .backBtn { display: none; } } .searchResultPage .modFilter .backBtn:before { padding: 1em; color: #FFFFFF; position: absolute; width: 4em; left: 1em; height: 100%; top: 0; font-size: .5em; line-height: 5.7em; } .searchResultPage .skinContentResultEmpty { padding: 1em; } .searchResultPage .tabs { background-color: #FFFFFF; } .searchResultPage .searchTabs { max-width: 100%; margin-left: auto; margin-right: auto; } .searchResultPage .searchTabs:after { content: " "; display: block; clear: both; } .searchResultPage .searchTabs ul { margin: 0; padding: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .searchResultPage .searchTabs ul li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; margin: 0; padding: 0; border: 0; font-size: inherit; } @media screen and (max-width: 659px) { .searchResultPage .searchTabs ul li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } .searchResultPage .searchTabs ul li:nth-child(2) a { border-right: none; } } .searchResultPage .searchTabs ul li a { display: block; color: #636363; background-color: #DADADA; text-align: center; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 1em; } .searchResultPage .searchTabs ul li.ui-tabs-active a { background-color: #636363; color: #FFFFFF; } .searchResultPage .searchTabs ul li:last-child a { border-right: none; } .searchResultPage .productFilters { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .searchResultPage .productFilters { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (max-width: 659px) { .searchResultPage .productFilters { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .searchResultPage .productFilters .modFilter { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 0 0 0.0625em; } @media screen and (max-width: 659px) { .searchResultPage .productFilters .modFilter { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px) { .searchResultPage .productFilters .modFilter { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } } .searchResultPage .productFilters .modPagination .ui-selectmenu-button { padding: 1.2em 1em; } .searchResultPage .searchResultsContent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: right; } .searchResultPage .searchResultsContent.fullWidth { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .searchResultPage .searchResultsContent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .searchResultPage .searchResultsContent .modContentResult { margin: 0; padding: 0; } @media screen and (max-width: 659px) { .searchResultPage .searchResultsContent .modContentResult > li { margin-bottom: 2.5em; } } .searchResultPage .searchResultsContent.no-results { padding: 1em; } .searchResultPage .searchResultsContent.no-results ul { padding-left: 1em; } .searchResultPage .searchResultsContent.no-results ul li { padding: 0; } .searchResultPage .searchResultsContent.guideTab li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .searchResultPage .searchResultsContent.guideTab li .image { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 16.66667%; float: left; } @media screen and (max-width: 659px) { .searchResultPage .searchResultsContent.guideTab li .image { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .searchResultPage .searchResultsContent.guideTab li .image img { display: block; width: 100%; height: inherit; } .searchResultPage .searchResultsContent.guideTab li .nodeContent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 83.33333%; float: right; padding: 0 .5em; } @media screen and (max-width: 659px) { .searchResultPage .searchResultsContent.guideTab li .nodeContent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 1em 0; padding: 1em; } } .searchResultPage .searchResultsContent.guideTab li .nodeContent h3 { font-size: 1em; padding: 0; margin: .3em 0 1em 0; } .searchResultPage .searchResultsContent.guideTab li .nodeContent p { margin: 0 0 .3em 0; padding: 0; font-size: .9em; } .searchResultPage .searchResultsContent.guideTab li .nodeContent a { font-size: .9em; } .searchResultPage .searchResultsContent.serviceTab li { padding: 0.5em 1em 0em 1em; } .searchResultPage .searchResultsContent.serviceTab li .headline-link { margin: 1em 0 0 0; } .searchResultPage .ui-tabs-panel { max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 5em; } .searchResultPage .ui-tabs-panel:after { content: " "; display: block; clear: both; } .searchResultPage .ui-tabs-panel.guide .gridSelect { display: none; } @media screen and (min-width: 961px) { .searchResultPage .ui-tabs-panel #product-sorting-button { background-color: #FFFFFF; } } .searchResultPage .skinPaginationTop { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: right; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .searchResultPage .skinPaginationTop { display: none; } } .searchResultPage .skinPaginationTop .ui-selectmenu-button { width: 100% !important; padding: 1em 0 1em .5em; } .searchResultPage .shopResults { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; float: none; } .searchResultPage .shopResults .modContentResult { margin: 0; padding: 0; } .searchResultPage .shopResults .media { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } @media screen and (max-width: 659px) { .searchResultPage .shopResults .media { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px) { .searchResultPage .shopResults .media { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; } } .searchResultPage .shopResults .media img { width: 100%; height: inherit; display: block; } .searchResultPage .shopResults .bd.address { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; padding-left: 1em; } @media screen and (min-width: 660px) and (max-width: 960px) { .searchResultPage .shopResults .bd.address { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 66.66667%; float: right; } } .searchResultPage .shopResults h3 { margin: 1.25em 0 0.5em 0; } .searchResultPage .shopResults p { margin-bottom: .5em; padding: 0; } .searchResultPage .shopResults .logos { display: none; margin: 1em 0; padding: 0; } .searchResultPage .shopResults .logos li { float: left; margin-left: 1em; } .modProductResult.skinProductResultTile li .product { display: block; } .productGridFilterElements { float: right; width: 75%; padding-top: 10px; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .productGridFilterElements { display: none; } } @media screen and (min-width: 961px) { .productGridFilterElements { display: block; } } .productGridFilterElements ul.facet_block .remove_filter_item { float: left; margin-left: 15px; padding: 8px 8px 8px 12px; background-color: #efefef; margin-bottom: 10px; } .productGridFilterElements ul.facet_block .remove_filter_item .action_remove { color: #B41821; margin-left: .5em; font-size: .7em; font-weight: bold; cursor: pointer; } .productGridFilterElements ul.facet_block .remove_filter_item.remove_all { background-color: transparent; cursor: pointer; padding-left: 0px; } .title-print { background-color: #FFFFFF; display: none; } .title-print .print-img { float: left; margin-bottom: 1em; } @media print and (min-width: 161px) { body .page .categoryGrid { width: 1100px !important; background-color: #FFFFFF; float: left; } body .page .categoryGrid .modBreadcrumbNavigation, body .page .categoryGrid .print-hidden, body .page .categoryGrid .skinPaginationTop.viewModes { display: none !important; } body .page .categoryGrid .print-visible, body .page .categoryGrid .skinContentCompact { display: block !important; } body .page .categoryGrid .product.product-parent { page-break-inside: avoid; } body .page .categoryGrid .bd.box-gradient { page-break-inside: avoid; } body .page .categoryGrid .filterWrapper.accordion-content, body .page .categoryGrid .filters { display: none !important; } body .page .title-print { display: inline-block !important; } body .container-comparison { display: none !important; } .headerWrapper, .footer { display: none !important; } } .categoryGrid .title-product-compare { padding-top: 35px; } .categoryGrid .mainTitle { position: relative; margin: 0 0 0 1.25em; } @media screen and (max-width: 659px) { .categoryGrid .mainTitle { margin-left: 0.625em; margin-right: 0.625em; } } .categoryGrid .mainTitle h1 { margin-bottom: 0; padding-bottom: 16px; padding-right: 10em; } @media screen and (max-width: 659px) { .categoryGrid .mainTitle h1 { padding-bottom: 7px; padding-right: 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .categoryGrid .mainTitle h1 { padding-right: 3em; padding-bottom: 7px; } } @media screen and (max-width: 659px) { .categoryGrid .mainTitle h1 .subTitle { display: none; } } @media screen and (max-width: 659px) { .categoryGrid .mainTitle .modPagination { display: none; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .categoryGrid .mainTitle .viewModes { background-color: #FFFFFF; width: 40%; position: absolute; right: 0; bottom: 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .categoryGrid .mainTitle .viewModes { background-color: #FFFFFF; width: 16%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .categoryGrid .mainTitle .viewModes .gridSelect { float: right; } } .categoryGrid .mainTitle .view { width: auto; } @media screen and (min-width: 961px) { .categoryGrid .mainTitle .view { border-left: 1px solid #FFFFFF; } } .categoryGrid .mainTitle .view li a { width: 45px; height: 45px; padding: .8em; } .categoryGrid .mainTitle .product-sorting { float: right; width: 70%; } @media screen and (min-width: 961px) { .categoryGrid .mainTitle .product-sorting { width: 250px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .categoryGrid .mainTitle .product-sorting { display: none; } } .categoryGrid .mainTitle .product-sorting .ui-selectmenu-button { height: 2.8em; padding: .8em 0 1em .5em; text-align: right; } .categoryGrid .mainTitle .product-sorting .ui-selectmenu-button .ui-selectmenu-text { margin-right: 60px; } .categoryGrid .mainTitle .product-sorting .ui-selectmenu-icon { height: 45px; width: 45px; } .categoryGrid .mainTitle .product-sorting .ui-selectmenu-icon:before { top: 2em; left: 1.8em; } @media screen and (min-width: 961px) { .searchResultPage .product-sorting .ui-selectmenu .ui-selectmenu-text { margin-right: 60px; } } @media screen and (min-width: 961px) { .ui-selectmenu-menu.prodPage li a { text-align: right; padding-right: 60px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .productGridWrapper .gridSelect, .searchResultPage .gridSelect { display: none; } } .productGridWrapper .productFilters .leading, .searchResultPage .productFilters .leading { padding: 1em; } @media screen and (max-width: 659px) { .productGridWrapper .productFilters .leading, .searchResultPage .productFilters .leading { padding: 1em .6em; } } .productGridWrapper .productFilters .modSubNavigation ul li a, .searchResultPage .productFilters .modSubNavigation ul li a { padding: .8em 1em; } .productGridWrapper .skinPaginationTop .ui-selectmenu-button, .searchResultPage .skinPaginationTop .ui-selectmenu-button { height: 3.25em; padding: .8em 0 1em .5em; } .productGridWrapper .skinPaginationTop .ui-selectmenu-icon, .searchResultPage .skinPaginationTop .ui-selectmenu-icon { height: 45px; width: 45px; right: .9em !important; top: .1em; } .productGridWrapper .skinPaginationTop .ui-selectmenu-icon:before, .searchResultPage .skinPaginationTop .ui-selectmenu-icon:before { top: 2em; left: 1.8em; } .productGridWrapper .skinPaginationTop .view, .searchResultPage .skinPaginationTop .view { width: auto; } @media screen and (min-width: 961px) { .productGridWrapper .skinPaginationTop .view, .searchResultPage .skinPaginationTop .view { border-left: 1px solid #FFFFFF; } } .productGridWrapper .skinPaginationTop .view li a, .searchResultPage .skinPaginationTop .view li a { width: 45px; height: 45px; padding: .8em; } .productGridWrapper .mobilePagination .ui-selectmenu-button, .searchResultPage .mobilePagination .ui-selectmenu-button { height: 3.25em; padding: .8em 0 1em .5em; } @media screen and (min-width: 660px) and (max-width: 960px) { .productGridWrapper .mobilePagination .ui-selectmenu-button, .searchResultPage .mobilePagination .ui-selectmenu-button { padding-left: 1em; } } @media screen and (max-width: 659px) { .productGridWrapper .filterHeader, .searchResultPage .filterHeader { border-right: none; } } .productGridWrapper .filterWrapper .skinSubNavigationFilter, .searchResultPage .filterWrapper .skinSubNavigationFilter { padding: .6em 0; } .productGridWrapper .skinProductResultList .product, .searchResultPage .skinProductResultList .product { margin-top: 1.5em; } .searchResultPage .skinPaginationTop { width: 40%; } .searchResultPage .skinPaginationTop .product-sorting { width: 50%; float: right; } @media screen and (min-width: 961px) { .searchResultPage .skinPaginationTop .product-sorting { width: 250px; } } .searchResultPage .skinPaginationTop .product-sorting .ui-selectmenu-button { height: 2.8em; } .searchResultPage .skinPaginationTop .product-sorting .ui-selectmenu-button .ui-selectmenu-icon { top: 0; right: 0 !important; } @media screen and (max-width: 659px) { .searchResultPage .productFilters .modPagination .ui-selectmenu { padding: 1em .6em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .searchResultPage .productFilters .modPagination .ui-selectmenu { height: 3.2em; } } .productSearchCategoriesSuggestion { position: relative; } @media screen and (max-width: 659px) { .productSearchCategoriesSuggestion { display: none; } } .productSearchCategoriesSuggestion .title { float: left; padding: 8px 12px 0 18px; } .productSearchCategoriesSuggestion .categories { margin: 0 8% 0 10%; overflow: hidden; visibility: hidden; } .productSearchCategoriesSuggestion .categories .suggestedCategory { padding: 8px 10px 8px 8px; float: left; background-color: #72A5A6; color: white; margin-bottom: 8px; margin-right: 8px; cursor: pointer; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .productSearchCategoriesSuggestion .categories { overflow: visible; overflow-x: visible; overflow-y: hidden; } } .productSearchCategoriesSuggestion .btn-more { position: absolute; visibility: hidden; cursor: pointer; padding-top: 8px; } .productSearchCategoriesSuggestion .btn-more .txt { padding-left: 15px; } .fancybox-wrap { z-index: 100; } .fancybox-wrap .fancybox-skin { display: block; background-color: #FFFFFF; } .fancybox-wrap .inner .buttons, .fancybox-wrap .limitLightboxDialog .buttons { min-height: 2.5em; position: relative; } .fancybox-wrap .inner .buttons:before, .fancybox-wrap .inner .buttons:after, .fancybox-wrap .limitLightboxDialog .buttons:before, .fancybox-wrap .limitLightboxDialog .buttons:after { content: ""; display: table; } .fancybox-wrap .inner .buttons:after, .fancybox-wrap .limitLightboxDialog .buttons:after { clear: both; } .fancybox-wrap .inner .dialog-close, .fancybox-wrap .inner .dialogCloseButton, .fancybox-wrap .inner .defaultButton, .fancybox-wrap .limitLightboxDialog .dialog-close, .fancybox-wrap .limitLightboxDialog .dialogCloseButton, .fancybox-wrap .limitLightboxDialog .defaultButton { background-color: #636363; color: white; border: 0 none; padding: 0.5em 1em; font-size: 1em; color: #FFFFFF; float: left; text-align: center; } .fancybox-wrap .inner .dialog-close a, .fancybox-wrap .inner .dialogCloseButton a, .fancybox-wrap .inner .defaultButton a, .fancybox-wrap .limitLightboxDialog .dialog-close a, .fancybox-wrap .limitLightboxDialog .dialogCloseButton a, .fancybox-wrap .limitLightboxDialog .defaultButton a { color: white; } @media screen and (max-width: 659px) { .fancybox-wrap .inner .dialog-close, .fancybox-wrap .inner .dialogCloseButton, .fancybox-wrap .inner .defaultButton, .fancybox-wrap .limitLightboxDialog .dialog-close, .fancybox-wrap .limitLightboxDialog .dialogCloseButton, .fancybox-wrap .limitLightboxDialog .defaultButton { width: 50%; position: absolute; } .fancybox-wrap .inner .dialog-close > span, .fancybox-wrap .inner .dialogCloseButton > span, .fancybox-wrap .inner .defaultButton > span, .fancybox-wrap .limitLightboxDialog .dialog-close > span, .fancybox-wrap .limitLightboxDialog .dialogCloseButton > span, .fancybox-wrap .limitLightboxDialog .defaultButton > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .fancybox-wrap .inner .dialog-close.flLeft, .fancybox-wrap .inner .dialogCloseButton.flLeft, .fancybox-wrap .inner .defaultButton.flLeft, .fancybox-wrap .limitLightboxDialog .dialog-close.flLeft, .fancybox-wrap .limitLightboxDialog .dialogCloseButton.flLeft, .fancybox-wrap .limitLightboxDialog .defaultButton.flLeft { float: right; } .fancybox-wrap .inner .highlight, .fancybox-wrap .limitLightboxDialog .highlight { background-color: #EE1F26; color: white; border: 0 none; padding: 0.5em 1em; font-size: 1em; float: right; text-align: center; } .fancybox-wrap .inner .highlight a, .fancybox-wrap .limitLightboxDialog .highlight a { color: white; } @media screen and (max-width: 659px) { .fancybox-wrap .inner .highlight, .fancybox-wrap .limitLightboxDialog .highlight { width: 47%; min-height: 2.5em; } } .fancybox-wrap .inner .highlight2, .fancybox-wrap .limitLightboxDialog .highlight2 { background-color: #ed1c24; color: white; border: 0 none; padding: 0.5em 1em; /* PPS-68470 height: 100%;*/ font-size: 1em; float: right; text-align: center; } .fancybox-wrap .inner .highlight2 a, .fancybox-wrap .limitLightboxDialog .highlight2 a { color: white; } @media screen and (max-width: 659px) { .fancybox-wrap .inner .highlight2, .fancybox-wrap .limitLightboxDialog .highlight2 { width: 47%; min-height: 2.5em; position: relative; } } .fancybox-wrap .message p { margin: 1em 0 2em 0; } .fancybox-wrap .bottom-bar .float-right { float: right; } @media screen and (max-width: 659px) { .fancybox-wrap .bottom-bar { display: flex; } .fancybox-wrap .bottom-bar button:first-child { margin-right: 3%; } .fancybox-wrap .bottom-bar button { width: 47%; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .container-flags { width: 550px; } } @media screen and (max-width: 659px) { .container-flags { width: 250px; } } .container-flags .content-flags { display: block; margin: 0 auto; text-align: center; } @media screen and (max-width: 659px) { .container-flags .content-flags .not-mobile-visible { display: none; } } .container-flags .content-flags a { display: inline-block; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .container-flags .content-flags a:first-child { margin-right: 30px; } } @media screen and (max-width: 659px) { .container-flags .content-flags a:first-child { margin-right: 20px; } } .container-flags .content-flags a:hover { cursor: pointer; } .container-flags .content-flags img { display: block; margin-bottom: 15px; } @media screen and (max-width: 659px) { .container-flags .content-flags img { width: 100px; } } .fancybox-outer, .fancybox-inner, .modMessages, .inner { padding: 0; } .fancybox-close-txt { position: absolute; top: 1.2em; right: 1.2em; cursor: pointer; } .fancybox-close-txt:before { color: #636363; } .fancybox-nav { position: absolute; top: 50%; cursor: pointer; } .fancybox-nav:before { color: #FFFFFF; font-size: 2em; } .fancybox-nav.fancybox-next { right: -5.5em; } .fancybox-nav.fancybox-prev { left: -5.5em; } .fachcentrumItems { border-left: 1px solid #FFFFFF; display: table; width: 100%; table-layout: fixed; } .fachcentrumItems .row { display: table-row; } .fachcentrumItems .row .headerTextRight { display: inline-block; float: right; margin-right: 0.5em; } .fachcentrumItems .row .marginTop { margin-top: 0.5em; } .fachcentrumItems .row .fs-m1, .fachcentrumItems .row .tabsCW .tabC, .tabsCW .fachcentrumItems .row .tabC { margin-left: 1em; } @media screen and (min-width: 961px) { .fachcentrumItems .row .col-product-header { display: table-cell; width: 80%; margin-bottom: 1.2em; } .fachcentrumItems .row .col-amount-header { display: table-cell; width: 10%; } .fachcentrumItems .row .col-total-header { display: table-cell; width: 10%; } .fachcentrumItems .row .col-product { display: table-cell; margin-bottom: 1.2em; } .fachcentrumItems .row .col-product .col-image { display: inline-block; width: 20%; padding: 1em; vertical-align: top; } .fachcentrumItems .row .col-product .col-product-subRight { display: inline-block; width: 79%; } .fachcentrumItems .row .col-product .productInfo .name { font-family: "tazbold", Helvetica, Arial, sans-serif; } .fachcentrumItems .row .col-amount, .fachcentrumItems .row .col-total { display: table-cell; padding-left: 1em; vertical-align: middle; } .fachcentrumItems .row .col-amount .label, .fachcentrumItems .row .col-total .label { display: none; } .fachcentrumItems .row .col-amount .val, .fachcentrumItems .row .col-total .val { font-family: "tazbold", Helvetica, Arial, sans-serif; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumItems .row .col-product-header { display: table-cell; width: 70%; margin-bottom: 1.2em; } .fachcentrumItems .row .col-amount-header { display: table-cell; width: 15%; } .fachcentrumItems .row .col-total-header { display: table-cell; width: 15%; } .fachcentrumItems .row .col-product { display: table-cell; margin-bottom: 1.2em; } .fachcentrumItems .row .col-product .col-image { display: inline-block; width: 30%; padding: 1em; vertical-align: top; } .fachcentrumItems .row .col-product .col-product-subRight { display: inline-block; width: 69%; } .fachcentrumItems .row .col-product .productInfo .name { font-family: "tazbold", Helvetica, Arial, sans-serif; } .fachcentrumItems .row .col-amount, .fachcentrumItems .row .col-total { display: table-cell; padding-left: 1em; vertical-align: middle; } .fachcentrumItems .row .col-amount .label, .fachcentrumItems .row .col-total .label { display: none; } .fachcentrumItems .row .col-amount .val, .fachcentrumItems .row .col-total .val { font-family: "tazbold", Helvetica, Arial, sans-serif; } } @media screen and (max-width: 659px) { .fachcentrumItems .row .col-product-header { display: table-cell; width: 100%; margin-bottom: 1.2em; } .fachcentrumItems .row .col-amount-header { display: none; } .fachcentrumItems .row .col-total-header { display: none; } .fachcentrumItems .row .col-product { display: block; margin-bottom: 1.2em; } .fachcentrumItems .row .col-product .col-image { display: inline-block; width: 40%; padding: 1em; vertical-align: top; } .fachcentrumItems .row .col-product .col-product-subRight { display: inline-block; width: 58%; } .fachcentrumItems .row .col-product .productInfo { font-size: 1em; } .fachcentrumItems .row .col-product .productInfo .name { font-family: "tazbold", Helvetica, Arial, sans-serif; } .fachcentrumItems .row .col-amount, .fachcentrumItems .row .col-total { display: block; padding-left: 1em; clear: both; } .fachcentrumItems .row .col-amount .label, .fachcentrumItems .row .col-total .label { float: left; font-family: "tazregular", Helvetica, Arial, sans-serif; margin: 1em 0; } .fachcentrumItems .row .col-amount .val, .fachcentrumItems .row .col-total .val { float: right; padding-right: 1em; font-family: "tazbold", Helvetica, Arial, sans-serif; } } #fancybox-loading { cursor: pointer; left: 50%; margin-top: -22px; margin-left: -22px; opacity: 0.8; position: fixed; top: 50%; z-index: 8020; } #fancybox-loading div { background: url("../img/loading.gif") center center no-repeat; height: 44px; width: 44px; } .fancybox-overlay { position: relative; top: 0; left: 0; overflow: hidden; display: none; z-index: 9; } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-outer, .fancybox-inner { margin: 0; padding: 0; outline: none; position: relative; overflow: visible; } .fancybox-outer [id*="overlay-content-id-"] .h1, .fancybox-inner [id*="overlay-content-id-"] .h1 { font-size: 26px; font-weight: bold; } .fancybox-outer [id*="overlay-content-id-"] .h2, .fancybox-inner [id*="overlay-content-id-"] .h2 { font-size: 20px; font-weight: bold; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .container-information ol li { list-style-type: decimal; } .addToCartFancyWrapper, .couponCardBallanceCheck, .limitLightboxDialog, .addressValidationDialog { position: relative; max-width: 100%; margin-left: auto; margin-right: auto; } .addToCartFancyWrapper:after, .couponCardBallanceCheck:after, .limitLightboxDialog:after, .addressValidationDialog:after { content: " "; display: block; clear: both; } .addToCartFancyWrapper p, .couponCardBallanceCheck p, .limitLightboxDialog p, .addressValidationDialog p { max-width: 600px; } .addToCartFancyWrapper div.titleH2, .couponCardBallanceCheck div.titleH2, .limitLightboxDialog div.titleH2, .addressValidationDialog div.titleH2 { display: flex; padding-right: 1em; font-size: 1.5em; font-weight: bold; margin-top: 0.8em; margin-bottom: 0.8em; margin-top: 0; } @media screen and (max-width: 659px) { .addToCartFancyWrapper div.titleH2, .couponCardBallanceCheck div.titleH2, .limitLightboxDialog div.titleH2, .addressValidationDialog div.titleH2 { display: inline-block; } } .addToCartFancyWrapper .icon-checkmark, .addToCartFancyWrapper .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .addToCartFancyWrapper .link-transfer.checked:before, .addToCartFancyWrapper .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .addToCartFancyWrapper .link-transfer.checked:before, .addToCartFancyWrapper .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .addToCartFancyWrapper .ui-checkboxradio-icon:before, .addToCartFancyWrapper .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .addToCartFancyWrapper .ui-checkboxradio-icon:before, .addToCartFancyWrapper .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .addToCartFancyWrapper .ui-checkboxradio-icon:before, .addToCartFancyWrapper #pickup-choose.checked, .addToCartFancyWrapper .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .addToCartFancyWrapper .ui-checkboxradio-icon:before, .couponCardBallanceCheck .icon-checkmark, .couponCardBallanceCheck .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .couponCardBallanceCheck .link-transfer.checked:before, .couponCardBallanceCheck .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .couponCardBallanceCheck .link-transfer.checked:before, .couponCardBallanceCheck .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .couponCardBallanceCheck .ui-checkboxradio-icon:before, .couponCardBallanceCheck .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .couponCardBallanceCheck .ui-checkboxradio-icon:before, .couponCardBallanceCheck .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .couponCardBallanceCheck .ui-checkboxradio-icon:before, .couponCardBallanceCheck #pickup-choose.checked, .couponCardBallanceCheck .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .couponCardBallanceCheck .ui-checkboxradio-icon:before, .limitLightboxDialog .icon-checkmark, .limitLightboxDialog .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .limitLightboxDialog .link-transfer.checked:before, .limitLightboxDialog .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .limitLightboxDialog .link-transfer.checked:before, .limitLightboxDialog .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .limitLightboxDialog .ui-checkboxradio-icon:before, .limitLightboxDialog .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .limitLightboxDialog .ui-checkboxradio-icon:before, .limitLightboxDialog .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .limitLightboxDialog .ui-checkboxradio-icon:before, .limitLightboxDialog #pickup-choose.checked, .limitLightboxDialog .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .limitLightboxDialog .ui-checkboxradio-icon:before, .addressValidationDialog .icon-checkmark, .addressValidationDialog .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .addressValidationDialog .link-transfer.checked:before, .addressValidationDialog .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .addressValidationDialog .link-transfer.checked:before, .addressValidationDialog .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .addressValidationDialog .ui-checkboxradio-icon:before, .addressValidationDialog .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .addressValidationDialog .ui-checkboxradio-icon:before, .addressValidationDialog .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .addressValidationDialog .ui-checkboxradio-icon:before, .addressValidationDialog #pickup-choose.checked, .addressValidationDialog .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .addressValidationDialog .ui-checkboxradio-icon:before { font-size: 1.5em; color: #598C41; } @media screen and (max-width: 659px) { .addToCartFancyWrapper .icon-checkmark, .addToCartFancyWrapper .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .addToCartFancyWrapper .link-transfer.checked:before, .addToCartFancyWrapper .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .addToCartFancyWrapper .link-transfer.checked:before, .addToCartFancyWrapper .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .addToCartFancyWrapper .ui-checkboxradio-icon:before, .addToCartFancyWrapper .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .addToCartFancyWrapper .ui-checkboxradio-icon:before, .addToCartFancyWrapper .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .addToCartFancyWrapper .ui-checkboxradio-icon:before, .addToCartFancyWrapper #pickup-choose.checked, .addToCartFancyWrapper .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .addToCartFancyWrapper .ui-checkboxradio-icon:before, .couponCardBallanceCheck .icon-checkmark, .couponCardBallanceCheck .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .couponCardBallanceCheck .link-transfer.checked:before, .couponCardBallanceCheck .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .couponCardBallanceCheck .link-transfer.checked:before, .couponCardBallanceCheck .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .couponCardBallanceCheck .ui-checkboxradio-icon:before, .couponCardBallanceCheck .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .couponCardBallanceCheck .ui-checkboxradio-icon:before, .couponCardBallanceCheck .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .couponCardBallanceCheck .ui-checkboxradio-icon:before, .couponCardBallanceCheck #pickup-choose.checked, .couponCardBallanceCheck .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .couponCardBallanceCheck .ui-checkboxradio-icon:before, .limitLightboxDialog .icon-checkmark, .limitLightboxDialog .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .limitLightboxDialog .link-transfer.checked:before, .limitLightboxDialog .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .limitLightboxDialog .link-transfer.checked:before, .limitLightboxDialog .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .limitLightboxDialog .ui-checkboxradio-icon:before, .limitLightboxDialog .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .limitLightboxDialog .ui-checkboxradio-icon:before, .limitLightboxDialog .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .limitLightboxDialog .ui-checkboxradio-icon:before, .limitLightboxDialog #pickup-choose.checked, .limitLightboxDialog .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .limitLightboxDialog .ui-checkboxradio-icon:before, .addressValidationDialog .icon-checkmark, .addressValidationDialog .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .addressValidationDialog .link-transfer.checked:before, .addressValidationDialog .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .addressValidationDialog .link-transfer.checked:before, .addressValidationDialog .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .addressValidationDialog .ui-checkboxradio-icon:before, .addressValidationDialog .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .addressValidationDialog .ui-checkboxradio-icon:before, .addressValidationDialog .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .addressValidationDialog .ui-checkboxradio-icon:before, .addressValidationDialog #pickup-choose.checked, .addressValidationDialog .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .addressValidationDialog .ui-checkboxradio-icon:before { display: inline-block; float: left; } } .addToCartFancyWrapper .icon-warning, .couponCardBallanceCheck .icon-warning, .limitLightboxDialog .icon-warning, .addressValidationDialog .icon-warning { font-size: 1.5em; color: #ff9900; } @media screen and (max-width: 659px) { .addToCartFancyWrapper .icon-warning, .couponCardBallanceCheck .icon-warning, .limitLightboxDialog .icon-warning, .addressValidationDialog .icon-warning { display: inline-block; float: left; } } .addToCartFancyWrapper .icon-card-img, .couponCardBallanceCheck .icon-card-img, .limitLightboxDialog .icon-card-img, .addressValidationDialog .icon-card-img { font-size: 1em; margin-top: .2em; color: #636363; position: relative; top: -5px; } @media screen and (max-width: 659px) { .addToCartFancyWrapper .icon-card-img, .couponCardBallanceCheck .icon-card-img, .limitLightboxDialog .icon-card-img, .addressValidationDialog .icon-card-img { display: inline-block; float: left; } } .addToCartFancyWrapper .confirmation-title, .couponCardBallanceCheck .confirmation-title, .limitLightboxDialog .confirmation-title, .addressValidationDialog .confirmation-title { padding-left: 10px; } @media screen and (max-width: 659px) { .addToCartFancyWrapper .confirmation-title, .couponCardBallanceCheck .confirmation-title, .limitLightboxDialog .confirmation-title, .addressValidationDialog .confirmation-title { display: inline-block; float: left; width: 72%; } } .addToCartFancyWrapper .inner, .couponCardBallanceCheck .inner, .limitLightboxDialog .inner, .addressValidationDialog .inner { max-width: 100%; margin-left: auto; margin-right: auto; position: relative; } .addToCartFancyWrapper .inner:after, .couponCardBallanceCheck .inner:after, .limitLightboxDialog .inner:after, .addressValidationDialog .inner:after { content: " "; display: block; clear: both; } .addToCartFancyWrapper .thumb, .couponCardBallanceCheck .thumb, .limitLightboxDialog .thumb, .addressValidationDialog .thumb { display: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 20%; float: left; } .addToCartFancyWrapper .thumb img, .couponCardBallanceCheck .thumb img, .limitLightboxDialog .thumb img, .addressValidationDialog .thumb img { display: block; width: 100%; height: inherit; } .addToCartFancyWrapper .message, .couponCardBallanceCheck .message, .limitLightboxDialog .message, .addressValidationDialog .message { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; padding-left: 46px; } .addToCartFancyWrapper .message p, .couponCardBallanceCheck .message p, .limitLightboxDialog .message p, .addressValidationDialog .message p { padding-left: 0; margin-top: 0; } .addToCartFancyWrapper .buttons, .couponCardBallanceCheck .buttons, .limitLightboxDialog .buttons, .addressValidationDialog .buttons { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; margin-top: 1em; } .addToCartFancyWrapper .buttons .button:after, .couponCardBallanceCheck .buttons .button:after, .limitLightboxDialog .buttons .button:after, .addressValidationDialog .buttons .button:after { display: none; } @media screen and (max-width: 659px) { .addToCartFancyWrapper .buttons, .couponCardBallanceCheck .buttons, .limitLightboxDialog .buttons, .addressValidationDialog .buttons { padding-left: 46px; padding-right: 46px; width: 100%; } .addToCartFancyWrapper .buttons .dialog-close, .addToCartFancyWrapper .buttons .dialogCloseButton, .couponCardBallanceCheck .buttons .dialog-close, .couponCardBallanceCheck .buttons .dialogCloseButton, .limitLightboxDialog .buttons .dialog-close, .limitLightboxDialog .buttons .dialogCloseButton, .addressValidationDialog .buttons .dialog-close, .addressValidationDialog .buttons .dialogCloseButton { width: 100%; position: relative; float: left; min-height: 2.5em; } .addToCartFancyWrapper .buttons .dialog-close > span, .addToCartFancyWrapper .buttons .dialogCloseButton > span, .couponCardBallanceCheck .buttons .dialog-close > span, .couponCardBallanceCheck .buttons .dialogCloseButton > span, .limitLightboxDialog .buttons .dialog-close > span, .limitLightboxDialog .buttons .dialogCloseButton > span, .addressValidationDialog .buttons .dialog-close > span, .addressValidationDialog .buttons .dialogCloseButton > span { position: absolute; display: block; } .addToCartFancyWrapper .buttons .highlight, .couponCardBallanceCheck .buttons .highlight, .limitLightboxDialog .buttons .highlight, .addressValidationDialog .buttons .highlight { float: left; width: 100%; margin-top: 30px; } } @media screen and (max-width: 659px) { .fancybox-wrap .addressValidationDialog.inner .defaultButton { position: relative; line-height: 1.5em; } } @media screen and (max-width: 659px) { .fancybox-skin-energy { max-width: 100%; max-height: 100%; } } .fancybox-skin .mediaBlock { width: 720px; position: relative; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .fancybox-skin .mediaBlock { width: 480px; } } .fancybox-skin .mediaBlock img { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 60%; float: left; height: inherit; } @media screen and (max-width: 659px) { .fancybox-skin .mediaBlock img { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-bottom: 1.25em; } } .fancybox-skin .mediaBlock .bd { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 40%; float: left; padding-left: 1.25em; } @media screen and (max-width: 659px) { .fancybox-skin .mediaBlock .bd { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding-left: 0; } } @media screen and (max-width: 659px) { .fancybox-skin .mediaBlock .bd p { margin: 0; padding: 0; } } .fancybox-skin .mediaBlock .bd p a { font-weight: bold; } .couponCardBallanceCheck { display: none; } .lightboxHeading { font-size: 1.875em; } .productTitle { position: relative; margin: 0 0 1.25em 1.25em; } @media screen and (min-width: 660px) and (max-width: 960px) { .productTitle { margin: 0 0 0.625em 1.25em; } } @media screen and (max-width: 659px) { .productTitle { margin: 0 0 0.625em 0.625em; } } @media screen and (max-width: 659px) { .productTitle .locator { margin: 1.4em 0 1.8em 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .productTitle .locator { margin: 0 0 2em 0; } } .productTitle .locator.locatorNoMargin { margin-top: 0; margin-bottom: 0; } .productTitle .locator .backlink:before { font-size: .6em; } .productTitle h1 { margin: 0 0 .2em 0; padding: 0; font-size: 30px; } @media screen and (max-width: 659px) { .productTitle h1 { padding-right: 0; font-size: 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .productTitle h1 { padding-right: 0; font-size: 24px; } } .productTitle .title-print { background-color: #FFFFFF; display: none; } .productTitle .title-print .print-img { float: left; margin-bottom: 1em; } .product-variant-lightbox .infoTip { background-color: #3399cc; padding: 0.5em; width: 95%; color: white; position: relative; } .product-variant-lightbox .infoTip td:first-child { width: 1.4em; } .product-variant-lightbox .infoTip .tipTtl { position: relative; top: 2px; padding-bottom: 0.4em; } .product-variant-lightbox .infoTip td { color: white; border: 0 none; background-color: #3399cc; padding: 0; padding-bottom: 0.4em; } @media screen and (min-width: 961px) { .product-variant-lightbox .infoTip { width: 200px; } .product-variant-lightbox .infoTip:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #3399cc; border-width: 0.625em; margin-left: -0.625em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .product-variant-lightbox .infoTip { width: 200px; } .product-variant-lightbox .infoTip:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #3399cc; border-width: 0.625em; margin-left: -0.625em; } } @media screen and (max-width: 659px) { .product-variant-lightbox .infoTip { width: 200px; } .product-variant-lightbox .infoTip:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #3399cc; border-width: 0.625em; margin-left: -0.625em; } } .productWrapper { max-width: 100%; margin-left: auto; margin-right: auto; } .productWrapper .infoTip { background-color: #3399cc; padding: 0.5em; width: 95%; color: white; position: relative; } .productWrapper .infoTip td:first-child { width: 1.4em; } .productWrapper .infoTip .tipTtl { position: relative; top: 2px; padding-bottom: 0.4em; } .productWrapper .infoTip td { color: white; border: 0 none; background-color: #3399cc; padding: 0; padding-bottom: 0.4em; } @media screen and (min-width: 961px) { .productWrapper .infoTip { width: 200px; } .productWrapper .infoTip:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #3399cc; border-width: 0.625em; margin-left: -0.625em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .infoTip { width: 200px; } .productWrapper .infoTip:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #3399cc; border-width: 0.625em; margin-left: -0.625em; } } @media screen and (max-width: 659px) { .productWrapper .infoTip { width: 200px; } .productWrapper .infoTip:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #3399cc; border-width: 0.625em; margin-left: -0.625em; } } .productWrapper:after { content: " "; display: block; clear: both; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .productWrapper { max-width: 100%; margin-left: auto; margin-right: auto; padding: 0; } .productWrapper:after { content: " "; display: block; clear: both; } } .productWrapper .hidden { display: none; } .productWrapper .productContent { background-color: #FFFFFF; max-width: 100%; margin-left: auto; margin-right: auto; } .productWrapper .productContent:after { content: " "; display: block; clear: both; } .productWrapper .detailImages { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding: 1.25em; position: relative; overflow: hidden; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .detailImages { padding-top: 0px; } } @media screen and (min-width: 961px) { .productWrapper .detailImages { padding-bottom: 1em; } } @media screen and (max-width: 659px) { .productWrapper .detailImages { padding: .625em; } } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .detailImages { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .detailImages { max-height: 750px; overflow-y: hidden; } } .productWrapper .detailImages .hidden { display: none; } .productWrapper .detailImages .product-images { position: relative; width: 100%; } .productWrapper .detailImages .product-images .mainVideoIcon { display: none; position: absolute; margin: 0 auto; text-align: center; font-size: 8em; color: #DADADA; pointer-events: none; z-index: 9; width: 100%; top: 50%; cursor: pointer; } .productWrapper .detailImages .product-images .mainVideoIcon:before { position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .productWrapper .detailImages .product-images .mainVideoIcon:before { -ms-transform: translate(0%, -50%); position: relative; } } .productWrapper .detailImages .product-images .mainVideoIcon.show { display: block; } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .detailImages .product-images .mainVideoIcon { display: none !important; } } @media screen and (max-width: 659px) { .productWrapper .detailImages .product-images .mainVideoIcon { display: none !important; } } .productWrapper .detailImages .product-images .mainProductImage { position: relative; } .productWrapper .detailImages .product-images .mainProductImage img { width: 100%; height: inherit; margin-left: auto; margin-right: auto; } .productWrapper .detailImages .product-images .mainProductImage:before { font-size: 1.4em; color: #BABABA; position: absolute; right: 1em; bottom: 1em; } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .detailImages .product-images .mainProductImage:before { display: none; } } @media screen and (max-width: 659px) { .productWrapper .detailImages .product-images .mainProductImage { display: none !important; pointer-events: none; cursor: default; } } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .detailImages .product-images .mainProductImage { width: 85.29412%; float: right; margin-right: 0; display: none; cursor: default; pointer-events: none; } .productWrapper .detailImages .product-images .mainProductImage img { display: block; text-align: center; margin: 0 auto; } } @media screen and (min-width: 961px) { .productWrapper .detailImages .product-images .mainProductImage { display: block; text-align: center; margin: 0 auto; display: none; } } .productWrapper .detailImages .product-images .mainProductImage.videoImage { pointer-events: inherit; background-color: #000000; } .productWrapper .detailImages .product-images .mainProductImage.videoImage img { height: auto; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .productWrapper .detailImages .product-images .mainProductImage.videoImage img { transform: translate(0, -50%); } } @media screen and (min-width: 961px) { .productWrapper .detailImages .product-images .mainProductImage.videoImage .m-vp { display: none !important; } } .productWrapper .detailImages .product-images .mainProductImage.videoImage .m-vp .ytubeFrame { position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .detailImages .product-images .mainProductImage.videoImage .l-vp { display: none !important; } } .productWrapper .detailImages .product-images .nodeId-1 { display: block; } .productWrapper .detailImages .product-images .mainProductImage { position: relative; } @media screen and (max-width: 659px) { .productWrapper .detailImages .product-images .mainProductImage { display: none; } } @media screen and (min-width: 961px) { .productWrapper .detailImages .product-images .mainProductImage { margin-bottom: 0.8125em; } } .productWrapper .detailImages .product-images .prodThumbsWrapper.init { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 90%; float: left; position: relative; display: block; margin-left: 1.5em; z-index: 10; margin-top: 1em; } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .detailImages .product-images .prodThumbsWrapper.init { padding: 0; margin-left: 0; margin-top: 2em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 14.28571%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .detailImages .product-images .prodThumbsWrapper { margin-top: 0; } } .productWrapper .detailImages .product-images .prodThumbs { padding: 0; } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .detailImages .product-images .prodThumbs { padding: 0; margin-top: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 14.28571%; float: left; } } @media screen and (max-width: 659px) { .productWrapper .detailImages .product-images .prodThumbs { display: none !important; } } .productWrapper .detailImages .product-images .prodThumbs li { float: left; margin-right: 0em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; margin-bottom: 1em; } @media screen and (min-width: 961px) { .productWrapper .detailImages .product-images .prodThumbs li { margin-bottom: 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .detailImages .product-images .prodThumbs li { margin-bottom: 1em !important; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .productWrapper .detailImages .product-images .prodThumbs li a { display: block; width: 90%; margin: 0 auto; position: relative; } .productWrapper .detailImages .product-images .prodThumbs li a img { display: block; margin: 0 auto; width: 100%; height: inherit; } .productWrapper .detailImages .product-images .prodThumbs .videoThumb a { padding: .75em 0; background-color: #000; margin: 0 auto; } .productWrapper .detailImages .product-images .prodThumbs .videoThumb a:before { position: absolute; color: #EFEFEF; font-size: 2em; text-align: center; display: block; width: 100%; position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .productWrapper .detailImages .product-images .prodThumbs .videoThumb a img { width: 100%; height: inherit; } .productWrapper .detailImages span { position: absolute; min-width: 60px; color: #FFFFFF; text-align: center; margin-top: 10px; font-size: 16px; font-family: "tazbold"; z-index: 1; } @media screen and (max-width: 659px) { .productWrapper .detailImages span { display: none; } } .productWrapper .detailImages .overlay-red { width: 72px; background-color: #EE1F26; float: right; right: 0; padding: 3px 5px 5px 5px; margin-right: 10px; } .productWrapper .detailImages .overlay-red.overlay-red-spain { width: 108px; } .productWrapper .detailImages .overlay-blue { background-color: #3399cc; float: left; padding: 3px 8px 5px 8px; margin-left: 10px; } .productWrapper .sProductImage { display: block; overflow: hidden; width: auto; width: 100%; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .productWrapper .sProductImage { display: none !important; } } .productWrapper .sProductImage ul { width: auto; margin: 0; padding: 0; } .productWrapper .sProductImage img { display: block; height: inherit; width: 100%; } .productWrapper .sProductImage .ytubeFrame { display: block; text-align: center; margin: 0 auto; position: relative; width: 100%; } .productWrapper .product-images .controls { display: block; position: absolute; top: 50%; width: 100%; left: 0; z-index: 96; } .productWrapper .product-images .controls.productControls { bottom: 0; top: inherit; z-index: 9; } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .product-images .controls.productControls { position: relative; height: 100%; width: 14%; } } @media screen and (max-width: 659px) { .productWrapper .product-images .controls.productControls { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .productWrapper .product-images .controls { display: none; } .productWrapper .product-images .controls.productControls { display: block; bottom: -3.6em; } } .productWrapper .product-images .controls a { display: block; width: 2em; position: absolute; } .productWrapper .product-images .controls .prevBtn { left: .5em; } .productWrapper .product-images .controls .nextBtn { right: -.5em; } .productWrapper .productDetails { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } @media screen and (max-width: 659px) { .productWrapper .productDetails { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .productDetails { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0 1.25em; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .productWrapper .productDetails { margin-top: 1.25em; } } .productWrapper .productDetails .subheadline { font-size: 16px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; padding-left: 1.25em; margin-bottom: 1.5625em; margin-top: 0; } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .productDetails .subheadline { padding-left: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } } @media screen and (max-width: 659px) { .productWrapper .productDetails .subheadline { padding-left: 0.625em; } } .productWrapper .productDetails .logos { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: right; padding-right: 1.25em; } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .productDetails .logos { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: right; padding-right: 0; } } @media screen and (max-width: 659px) { .productWrapper .productDetails .logos { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0 0.625em; } } .productWrapper .productDetails .logos ul { margin: 0; padding: 0; } .productWrapper .productDetails .logos ul li { text-align: right; margin-bottom: 2em; } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .productDetails .logos ul li { float: right; margin: 0 0 .5em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (max-width: 659px) { .productWrapper .productDetails .logos ul li { float: left; margin: .5em 0; width: 50%; text-align: left; } .productWrapper .productDetails .logos ul li:nth-child(2n) { text-align: right; } } .productWrapper .productDetails .logos img { height: inherit; max-width: 100%; } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .productDetails .logos img { text-align: right; margin: inherit; float: right; } } @media screen and (max-width: 659px) { .productWrapper .productDetails .logos img { margin: 0; } } .productWrapper .productDetails .desc { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 66.66667%; float: left; padding-left: 5.55556%; padding-right: 5.55556%; padding-left: 1.25em; } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .productDetails .desc { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding: 0 1em 0 0; float: none; } } @media screen and (max-width: 659px) { .productWrapper .productDetails .desc { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0 0.625em; } } .productWrapper .productDetails .desc ul { padding: 0 1em 0 1em; margin-top: 0; } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .productDetails .desc ul { clear: left; } } .productWrapper .productDetails .desc ul li { margin-bottom: .5em; display: block; } .productWrapper .productDetails .desc ul li:before { content: "- "; margin-left: -.8em; position: absolute; } .productWrapper .productDetails .product-id { color: #BABABA; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; text-align: right; margin: 0; padding: 0; } @media screen and (max-width: 659px) { .productWrapper .productDetails .product-id { padding-right: 0.625em; } } .productWrapper .offerDetails { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0 1.25em 0 0; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .offerDetails { padding: 0; } } .productWrapper .offerDetails .couponHintMsg { background-color: #3399cc; color: #FFFFFF; padding: .6em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; margin: 1em 0; display: none; bottom: 0; } .productWrapper .offerDetails .couponHintMsg:after { top: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #3399cc; border-width: 0.6em; margin-left: -0.6em; } .productWrapper .offerDetails .couponHintMsg p { margin-top: 0; margin-bottom: 0; } .productWrapper .offerDetails .couponErrorMsg { overflow: visible; background-color: #ff9900; color: #FFFFFF; padding: .6em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; margin: 0; margin-top: 1em; padding-left: 1em; left: 52%; display: none; position: absolute; display: none; position: relative; left: 0; bottom: 0; margin: 1em 0; } .productWrapper .offerDetails .couponErrorMsg:after { top: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #ff9900; border-width: 0.6em; margin-left: -0.6em; } .productWrapper .offerDetails .couponErrorMsg p { margin-top: 0; margin-bottom: 0; } .productWrapper .offerDetails input[type="text"] { outline-offset: -1px; outline: 1px solid transparent; } .productWrapper .offerDetails input[type="text"].error { outline-offset: -1px; outline: 1px solid #ff9900; } .productWrapper .offerDetails .price-block { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: .5em 1.25em .35em 1.25em; position: relative; } @media screen and (max-width: 659px) { .productWrapper .offerDetails .price-block { padding-left: 0.625em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .offerDetails .price-block { padding-left: 0em; } } .productWrapper .offerDetails .price-block.totalScaledPrices-2 { margin-top: 1em; } .productWrapper .offerDetails .price-block.totalScaledPrices-2 .price-subline { margin-top: .8em; } .productWrapper .offerDetails .price-block.totalScaledPrices-3 { margin-top: 1em; } .productWrapper .offerDetails .price-block.totalScaledPrices-3 .price-subline { margin-top: .8em; } .productWrapper .offerDetails .price-block .pricetag { display: inline-block; margin-top: 1em; padding: 0 2em 0 0; margin-right: 1em; margin-top: -.8em; float: left; } .productWrapper .offerDetails .price-block .pricetag.promotion { min-width: 72px; padding-left: 10px; background-color: #EE1F26; color: #FFFFFF; padding-right: 10px; margin-top: 3.2em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .offerDetails .price-block .pricetag.promotion { height: 68px; } } .productWrapper .offerDetails .price-block .pricetag.promotion .price { line-height: 1.4em; margin: 0; } .productWrapper .offerDetails .price-block .pricetag.promotion .no-discount { line-height: 1.7em; } .productWrapper .offerDetails .price-block .pricetag.power { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .productWrapper .offerDetails .price-block .pricetag.blockbuster { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .productWrapper .offerDetails .price-block .pricetag .price { font-size: 2.5em; line-height: 1.9em; } .productWrapper .offerDetails .price-block .pricetag .price .comma-values { font-size: .6em; position: absolute; margin-top: -0.18em; } .productWrapper .offerDetails .price-block .pricetag .price .priceFrom { font-size: .6em; } .productWrapper .offerDetails .price-block .pricetag .price .currency-sign { display: none; } .productWrapper .offerDetails .price-block .pricetag .price span { float: left; } .productWrapper .offerDetails .price-block .pricetag.power, .productWrapper .offerDetails .price-block .pricetag.blockbuster { margin-top: -.6em !important; } .productWrapper .offerDetails .price-block .pricetag.promotion { margin-top: 1px !important; float: left; } .productWrapper .offerDetails .price-block .pricetag.promotion .price span { float: left; } .productWrapper .offerDetails .price-block .pricetag.promotion .price .comma-values { position: relative; } .productWrapper .offerDetails .price-block .pricetag.promotion .price .comma-values span { min-width: 10px; } .productWrapper .offerDetails .price-block .pricetag.promotion .price .comma-values span.dash-separate { position: relative; float: none; } .productWrapper .offerDetails .price-block .pricetag .dash-separate { position: absolute; top: 5px; font-size: 1.5em; } .productWrapper .offerDetails .price-block .pricetag .discount { position: relative; padding: 3px 0 0; margin-bottom: -10px; float: left; } .productWrapper .offerDetails .price-block .pricetag .price { display: block; margin-top: 8px; } .productWrapper .offerDetails .price-block .pricetag .crossed-out { text-decoration: line-through; } .productWrapper .offerDetails .price-block .saving { width: 100%; color: #EE1F26; margin: 5px 0 0; float: left; } .productWrapper .offerDetails .price-block .price-subline, .productWrapper .offerDetails .price-block .price-info { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; font-size: .8em; margin: .2em 0; } .productWrapper .offerDetails .price-block .energyPicto { float: left; margin-right: 1.6em; } .productWrapper .offerDetails .price-block.shorter .scalePrices { margin: -.62em 0 0 0; } .productWrapper .offerDetails .price-block.short .scalePrices { margin: 1px 0 0 0; } .productWrapper .offerDetails .modFilter-checkbox { float: left; width: 100%; position: relative; font-size: 16px; margin-top: 12px; margin-bottom: 22px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .offerDetails .modFilter-checkbox .checkboxlist.mark-checkbox { float: none; position: relative; width: 100px; margin: 0 auto; text-align: center; } } @media screen and (max-width: 659px) { .productWrapper .offerDetails .modFilter-checkbox .checkboxlist.mark-checkbox { display: block; margin-left: 0.6em; } } .productWrapper .offerDetails .modFilter-checkbox .checkboxlist { min-width: 10em; float: left; } .productWrapper .offerDetails .modFilter-checkbox .checkboxlist [class^="icon-"] { font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; } .productWrapper .offerDetails .modFilter-checkbox .checkboxlist [class^="icon-"]:before { padding: 0; margin-right: 0.5em; color: #DADADA; } .productWrapper .offerDetails .modFilter-checkbox .checkboxlist [class^="icon-"]:hover { cursor: pointer; } .productWrapper .offerDetails .modFilter-checkbox .checkboxlist [class^="icon-"].checked { font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; } .productWrapper .offerDetails .modFilter-checkbox .checkboxlist [class^="icon-"].checked:before { padding: 0; margin-right: 0.5em; color: #B41821; } .productWrapper .offerDetails .modFilter-checkbox .checkboxlist [class^="icon-"].checked:hover { cursor: pointer; } .productWrapper .offerDetails .checkbox-content-price-block { margin-bottom: 0; } .productWrapper .offerDetails .product-social-media { float: right; } .productWrapper .offerDetails .product-social-media .checkboxlist { min-width: 0em; cursor: pointer; } @media screen and (max-width: 659px) { .productWrapper .offerDetails .product-social-media { margin-right: 0.625em; } } @media screen and (max-width: 659px) { .productWrapper .offerDetails .product-social-media .checkboxlist { /*override style for mark and compare*/ display: block; } } .productWrapper .offerDetails .product-share-content { clear: both; display: none; position: relative; position: relative; } @media screen and (max-width: 659px) { .productWrapper .offerDetails .product-share-content { margin-left: 0.625em; margin-right: 0.625em; } } .productWrapper .offerDetails .product-share-content .inside-content-wrapper { padding-top: 14px; } .productWrapper .offerDetails .product-share-content .inside-content-wrapper .inside-content { position: relative; height: 48px; background-color: #EFEFEF; margin-top: 10px; } .productWrapper .offerDetails .product-share-content .inside-content-wrapper .inside-content:after { bottom: 100%; right: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #EFEFEF; border-width: 0.625em; margin-left: -0.625em; } .productWrapper .offerDetails .product-share-content .inside-content-wrapper .inside-content table { height: 100%; position: relative; top: 2px; } .productWrapper .offerDetails .product-share-content .inside-content-wrapper .inside-content table tr { background-color: transparent; } .productWrapper .offerDetails .product-share-content .inside-content-wrapper .inside-content table tr td { width: 20%; text-align: center; vertical-align: center; } @media screen and (max-width: 659px) { .productWrapper .offerDetails .product-share-content .inside-content-wrapper .inside-content table tr td { width: 25%; } } .productWrapper .offerDetails .product-share-content .inside-content-wrapper .inside-content table tr td [class*="icon-"] { cursor: pointer; font-size: 22px; } @media screen and (max-width: 659px) { .productWrapper .offerDetails .product-share-content .inside-content-wrapper .inside-content table tr td.print-icon-td { display: none; } } .productWrapper .offerDetails .product-share-content-bottom { height: 26px; overflow: hidden; display: block; position: relative; clear: both; } .productWrapper .offerDetails .additional-functions { position: relative; width: 100%; float: left; margin-left: 0; margin-right: 0; } .productWrapper .offerDetails .additional-functions .notepad { padding-left: .5em; float: right; } .productWrapper .offerDetails .additional-functions .notepad:before { margin-left: -.5em; } .productWrapper .offerDetails .message-box { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; margin: .5em 0 0 0; padding: 0; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .offerDetails .message-box { padding: 0 1em; } } .productWrapper .offerDetails .message-box p { color: #FFFFFF; padding: 1em; background-color: #ff9900; } .productWrapper .offerDetails .message-box .triangle { width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #ff9900 transparent transparent transparent; position: absolute; bottom: .4em; left: 8%; } .productWrapper .offerDetails .buyOptions { margin-top: 0.625em; margin-bottom: 0.8125em; padding: .8em; width: 100%; float: left; margin-left: 0; margin-right: 0; background-color: #EFEFEF; } .productWrapper .offerDetails .buyOptions:before, .productWrapper .offerDetails .buyOptions:after { content: ""; display: table; } .productWrapper .offerDetails .buyOptions:after { clear: both; } @media screen and (max-width: 659px) { .productWrapper .offerDetails .buyOptions { padding: .625em; } } .productWrapper .offerDetails .buyOptions.error .product-amount { outline: 1px solid #ff9900; outline-offset: -1px; } .productWrapper .offerDetails .buyOptions .buyoptions-box { height: auto; min-height: 10em; position: relative; width: 48.78049%; float: left; margin-right: 2.43902%; background-color: #FFFFFF; } .productWrapper .offerDetails .buyOptions .buyoptions-box:last-child { width: 48.78049%; float: right; margin-right: 0; } @media screen and (max-width: 659px) { .productWrapper .offerDetails .buyOptions .buyoptions-box { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .productWrapper .offerDetails .buyOptions .buyoptions-box:last-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .offerDetails .buyOptions .buyoptions-box form { float: left; } } .productWrapper .offerDetails .buyOptions .buyoptions-box.fullWidth { width: 100%; } @media screen and (max-width: 659px) { .productWrapper .offerDetails .buyOptions .buyoptions-box.onlineOrder { margin-bottom: .8em; } } .productWrapper .offerDetails .buyOptions .buyoptions-box .wrap { padding: .5em; float: left; } .productWrapper .offerDetails .buyOptions .buyoptions-box .wrap-reservation { padding-top: 65px; } .productWrapper .offerDetails .buyOptions .buyoptions-box .wrap-reservation .buttonRs, .productWrapper .offerDetails .buyOptions .buyoptions-box .wrap-reservation button { position: absolute; top: 0; bottom: auto; } .productWrapper .offerDetails .buyOptions .buyoptions-box .wrap-reservation .edit-adresse { cursor: pointer; font-family: "tazregular"; } .productWrapper .offerDetails .buyOptions .buyoptions-box .stock-status { padding: 0 0 .5em 0; margin: 0; } .productWrapper .offerDetails .buyOptions .buyoptions-box .stock-status span { position: relative; padding-left: 1.8em; padding-right: 2em; display: block; } .productWrapper .offerDetails .buyOptions .buyoptions-box .stock-status span:before { position: absolute; font-size: 1.4em; margin: -.1em -1.2em; } .productWrapper .offerDetails .buyOptions .buyoptions-box .stock-status span.red { color: #ed1b24; } .productWrapper .offerDetails .buyOptions .buyoptions-box .stock-status span.yellow { color: #F09600; } .productWrapper .offerDetails .buyOptions .buyoptions-box .stock-status span.green { color: #5A8C1E; } .productWrapper .offerDetails .buyOptions .buyoptions-box .stock-status span.gray { color: #636363; } .productWrapper .offerDetails .buyOptions .buyoptions-box .stock-status span.orange { color: #F09600; } .productWrapper .offerDetails .buyOptions .buyoptions-box .buttonRs, .productWrapper .offerDetails .buyOptions .buyoptions-box button { border: 0; width: 100%; text-align: center; padding: 1.2em 0; float: left; bottom: 0; left: 0; color: #FFFFFF; } .productWrapper .offerDetails .buyOptions .buyoptions-box .buttonRs span, .productWrapper .offerDetails .buyOptions .buyoptions-box button span { color: #FFFFFF; } .productWrapper .offerDetails .buyOptions .buyoptions-box .buttonRs.active, .productWrapper .offerDetails .buyOptions .buyoptions-box .buttonRs.reserve, .productWrapper .offerDetails .buyOptions .buyoptions-box button.active, .productWrapper .offerDetails .buyOptions .buyoptions-box button.reserve { background-color: #EE1F26; } .productWrapper .offerDetails .buyOptions .buyoptions-box .buttonRs.gray, .productWrapper .offerDetails .buyOptions .buyoptions-box button.gray { background-color: #636363; } .productWrapper .offerDetails .buyOptions .buyoptions-box .buttonRs.disabled, .productWrapper .offerDetails .buyOptions .buyoptions-box button.disabled { background-color: #DADADA; cursor: default; } .productWrapper .offerDetails .buyOptions .buyoptions-box .buttonRs.not-available, .productWrapper .offerDetails .buyOptions .buyoptions-box button.not-available { background-color: #DADADA; cursor: default; } .productWrapper .offerDetails .buyOptions .buyoptions-box .delivery-status, .productWrapper .offerDetails .buyOptions .buyoptions-box .price-info, .productWrapper .offerDetails .buyOptions .buyoptions-box .long-text, .productWrapper .offerDetails .buyOptions .buyoptions-box .fc-status { font-size: .9em; color: #666666; margin: 0; padding: 0; padding-left: 2em; } .productWrapper .offerDetails .buyOptions .buyoptions-box .info { position: absolute; right: .5em; top: .5em; z-index: 9; padding-top: 3.5em; } .productWrapper .offerDetails .buyOptions .buyoptions-box .info:before { color: #636363; } .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct form { float: left; margin-bottom: 0; } .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status span { position: relative; padding-left: 1.8em; } .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status span:before { position: absolute; margin: 0 -1.2em; } .productWrapper .productExpandedDetails { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .container-product-title .productTitle { margin-bottom: 1px; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .productWrapper .container-product-title h1 { height: auto; } } @media screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .container-product-title h1 { padding-top: 4px; } } .container-product-title { margin-right: 0 !important; } .container-product-title .productTitle { display: inline-block; width: 100%; margin: 0; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .container-product-title .productTitle { padding-left: 1.25em; } } @media screen and (max-width: 659px) { .container-product-title .productTitle { padding-left: 0.625em; } } .container-product-title h1 { display: inline-block; height: 41px; margin: 0; } @media screen and (min-width: 961px) { .container-product-title h1 { width: calc(100% - 135px); margin-bottom: 11px; margin-top: 0 !important; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .container-product-title h1 { width: calc(100% - 155px); margin-top: 0 !important; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .container-product-title .gridTitle-sub { width: calc(100% - 185px); margin-top: 0 !important; } } .container-product-title .service-content { display: table; float: right; } @media screen and (min-width: 961px) { .container-product-title .service-content { width: 135px; margin-top: 11px; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .container-product-title .service-content { width: 155px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceButtons { margin-right: 20px; } } @media screen and (max-width: 659px) { .serviceButtons { margin-right: 10px; } } .serviceButtons ul { margin: 0; padding: 0; } .serviceButtons li { display: block; float: right; background-color: #d4d4d4; color: #999999; margin-right: .1em; } .serviceButtons li a { color: #999999; padding: .5em .6em; cursor: pointer; display: block; width: 100%; height: 100%; } .serviceButtons li a:before { font-size: 1.4em; } @media screen and (max-width: 659px) { .serviceButtons li.print, .serviceButtons li.fb { display: none; } } .serviceButtons li.fb { margin-right: 0; } .serviceButtons li.fb a { position: relative; padding: 0.5em 0.5em 0.5em 0.7em; } .serviceButtons li.fb a span { display: inline-block; vertical-align: middle; font-size: 1em; } .serviceButtons li.fb a span.facebook:before { font-size: 1.4em; } @media screen and (max-width: 659px) { .serviceButtons li.print a { display: none; } } .serviceButtons li.rec { display: none; } .priceInput { margin-bottom: .6em; width: 100%; float: left; margin-left: 0; margin-right: 0; position: relative; } @media screen and (max-width: 659px) { .priceInput { margin-bottom: .625em; } } .priceInput input { padding: .6em; background-color: #FFFFFF; border: 0; -webkit-transition: all, 0.6s, ease-in; -khtml-transition: all, 0.6s, ease-in; -moz-transition: all, 0.6s, ease-in; -ms-transition: all, 0.6s, ease-in; -o-transition: all, 0.6s, ease-in; transition: all, 0.6s, ease-in; width: 6em; float: left; padding: .8em 1em; } .priceInput input:focus { outline: none; } .priceInput .ammountType { color: #FFFFFF; padding: .8em 1.5em; text-align: center; float: left; background-color: #636363; } .priceInput .amount .product-amount { text-align: right; } .ammountCalculator input { padding: .6em; background-color: #FFFFFF; border: 0; -webkit-transition: all, 0.6s, ease-in; -khtml-transition: all, 0.6s, ease-in; -moz-transition: all, 0.6s, ease-in; -ms-transition: all, 0.6s, ease-in; -o-transition: all, 0.6s, ease-in; transition: all, 0.6s, ease-in; width: 5em; padding: 0.8em 0.8em; text-align: right; } .ammountCalculator input:focus { outline: none; } .ammountCalculator .area, .ammountCalculator .amount { float: left; display: none; } .ammountCalculator .area.current, .ammountCalculator .amount.current { display: block; } .ammountCalculator .calcConversion { float: left; margin-left: 0.75em; } .ammountCalculator .calcConversion a { color: #FFFFFF; width: 65px; padding: .8em 0; text-align: center; float: left; background-color: #636363; } .ammountCalculator .calcConversion a.current { background-color: #333333; } .ammountCalculator .calcConversion .square-meter { border-right: 1px solid #FFFFFF; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .ammountCalculator .show-br-on-SM { display: block; } } @media screen and (min-width: 961px) { .ammountCalculator .show-br-on-SM { display: none; } } .ammountCalculator .calcResultBlock { float: left; } .ammountCalculator .calcResultBlock .calcResult { float: left; } .ammountCalculator .calcResultBlock .savings { float: left; margin: 0; top: 0; margin-left: 0.8em; } .ammountCalculator .calcWrapper1 { position: relative; float: left; } .ammountCalculator .calcResult { float: left; } .ammountCalculator .calcResult span { float: left; display: block; } .ammountCalculator .calcResult .amount, .ammountCalculator .calcResult .area { display: none; } .ammountCalculator .calcResult .amount.current, .ammountCalculator .calcResult .area.current { display: block !important; } .ammountCalculator .calcResult .amountVal, .ammountCalculator .calcResult .areaVal { display: none; } .ammountCalculator .calcResult .amountVal.current, .ammountCalculator .calcResult .areaVal.current { display: block !important; } .ammountCalculator p { margin: .8em; } .productExpandedDetails .navTabs { margin: 0; padding: 0; max-width: 100%; margin-left: auto; margin-right: auto; background-color: #7f7f7f; } .productExpandedDetails .navTabs:after { content: " "; display: block; clear: both; } @media screen and (max-width: 659px) { .productExpandedDetails .navTabs { display: none; } } .productExpandedDetails .navTabs li { text-align: center; float: left; margin-right: .5em; } .productExpandedDetails .navTabs li a { color: #FFFFFF; display: block; padding: 1em 1.25em; } .scalePrices, .savings { visibility: hidden; display: inline-block; margin: -0.9em 0 0 0; position: relative; padding: .8em; background-color: #FFE805; color: #636363; float: none; /* arrow code */ /* arrow code end*/ } .scalePrices:after, .savings:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #FFE805; border-width: 0.625em; margin-top: -0.625em; } .scalePrices .scaleHeader, .savings .scaleHeader { text-transform: uppercase; } .scalePrices li, .savings li { font-size: .9em; } .scalePrices .saveHeading, .scalePrices .savedPrice, .savings .saveHeading, .savings .savedPrice { font-size: .9em; } .scalePrices.default, .savings.default { left: 12.5em; right: inherit; } .scalePrices.topArrow, .savings.topArrow { margin-top: 1em !important; margin-left: 0; } .scalePrices.topArrow:after, .savings.topArrow:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #FFE805; border-width: 0.625em; margin-left: -0.625em; } .scalePrices.topArrow:after, .savings.topArrow:after { top: -.6em; } .savings { position: absolute; right: 0; top: 0.8em; padding: .4em; text-align: center; } .savings.savingsRel { visibilty: hidden; position: relative; } .scaledPrice { display: none; } .productInfo .accordion-trigger .generalHeader, .productInfo .accordion-trigger section .productComponent h4, .productInfo section .productComponent .accordion-trigger h4, .productInfo .accordion-trigger section .productTable h4, .productInfo section .productTable .accordion-trigger h4 { color: #636363; background-color: #DADADA; margin: 0; padding: 1em 1.25em; font-weight: 400; } @media screen and (max-width: 659px) { .productInfo .accordion-trigger .generalHeader, .productInfo .accordion-trigger section .productComponent h4, .productInfo section .productComponent .accordion-trigger h4, .productInfo .accordion-trigger section .productTable h4, .productInfo section .productTable .accordion-trigger h4 { color: #DADADA; background-color: #636363; padding-left: .625em; } } .productInfo .accordion-trigger.closed .generalHeader, .productInfo .accordion-trigger.closed section .productComponent h4, .productInfo section .productComponent .accordion-trigger.closed h4, .productInfo .accordion-trigger.closed section .productTable h4, .productInfo section .productTable .accordion-trigger.closed h4 { color: #636363; background-color: #DADADA; } .productInfo section .detailSection { background-color: #FFFFFF; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .productInfo section .detailSection h4 { font-size: 1.1em; } .productInfo section .detailSection p { color: #636363; margin: 0.5625em 0; } .productInfo section .detailSection li { color: #636363; margin-bottom: 1em; } .productInfo section .detailSection li.pdf { margin-top: 2em; padding-left: 2.2em; } .productInfo section .detailSection li.setComponent { margin-top: 1.25em; } .productInfo section .detailSection li.setComponent ~ .setComponent { margin-top: 0; } .productInfo section .detailSection .pdf:before { font-size: 1.6em; position: absolute; margin: -.2em -1.5em; } .productInfo section .detailSection .setComponent span { display: block; float: left; } .productInfo section .detailSection .setComponent span:before { margin: 0 .5em 0 0; } @media screen and (max-width: 659px) { .productInfo section .detailSection .accordion-content { display: none; } } .productInfo section .productDescription { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 71.42857%; float: left; padding: 1.25em 1.25em 2.5em 1.25em; margin: 0; } .productInfo section .productDescription.fullWidth { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .productInfo section .productDescription { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .productInfo section .imglist { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 28.57143%; float: right; margin-top: 2.25em; padding-right: 1.25em; padding-left: 0; margin-bottom: 0; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .productInfo section .imglist { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding-left: 1em; margin-top: 0; margin-bottom: 1em; } } .productInfo section .imglist li { width: 44.44444%; float: left; margin-right: 11.11111%; float: right; margin-right: 0; margin-bottom: 1em; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .productInfo section .imglist li { display: block; width: auto; float: left; margin: 0 1em 0 0; } } .productInfo section .imglist li a { display: block; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; text-align: right; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .productInfo section .imglist li a { text-align: left; } } @media screen and (max-width: 659px) { .productInfo section .imglist li a img { width: inherit; height: inherit; } } .productInfo section .imglist li a.loop-inside { position: relative; } .productInfo section .imglist li a.loop-inside .loop { position: absolute; right: 3px; bottom: 7px; } .productInfo section .productComponent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } @media screen and (max-width: 659px) { .productInfo section .productComponent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .productInfo section .productComponent p { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 1.25em 1.25em 2.5em 1.25em; margin: 0; } .productInfo section .productComponent ul { padding-left: 1.25em; padding-bottom: 1.875em; margin-bottom: 0; } .productInfo section .productComponent.fullWidth { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .productInfo section .productComponent .manuals .leading { border-left: 1px solid #FFFFFF; } } .productInfo section .productTable table { float: left; } .productInfo section .productTable h4 { margin-bottom: 0; } .productInfo section .productTable .imglist { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding-left: 2.77778%; padding-right: 2.77778%; padding-left: 1.25em; margin-top: 1em; margin-bottom: 1.875em; } .productInfo section .productTable .imglist li { width: auto; float: left; margin-right: 1em; margin-bottom: 0; } .productInfo section .productTable .imglist li a { border: 0; } .m-vp .controls.productControls { z-index: 9; bottom: 0 !important; } .m-vp .controls.productControls .prevBtn { left: 43%; } .m-vp .controls.productControls .nextBtn { left: 43%; right: inherit; bottom: 0; } .fullVideo { list-style-type: none; } .fullVideo h1 { display: none; } .fullVideo #videocontainerXY_wrapper { width: 100%; height: 300px; overflow: hidden; } .modAccordion .leading { position: relative; cursor: pointer; color: #EFEFEF; font-size: 1em; } .modAccordion .leading .sprites { position: absolute; right: 2em; margin-top: 0em; font-size: 1em; } .modAccordion .leading.closed { color: #636363; } .modAccordion .leading.closed .sprites:before { font-size: 1em; } .ui-selectmenu-menu.prodPage ul { display: inline-table; } .serviceCost { display: none; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .fancybox-pictos-list .fancybox-inner { text-align: center; position: relative; } .fancybox-pictos-list .fancybox-inner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .fancybox-pictos-list .fancybox-title { text-align: center; padding-top: 29px; } .flexGiftCartDoubleError { display: none; } @media print and (min-width: 161px) { body .page .productWrapper { width: 1100px !important; background-color: #FFFFFF; float: left; } body .page .productWrapper .modBreadcrumbNavigation, body .page .productWrapper .print-hidden, body .page .productWrapper .carouselHeader, body .page .productWrapper .relatedProductsCarouselWrapper, body .page .productWrapper .modPageFunctions.serviceButtons { display: none !important; } body .page .productWrapper .print-visible { display: block !important; } .headerWrapper, .footer { display: none !important; } } @media print and (min-width: 161px) { body .title-print { display: block !important; } body .page .productWrapper { width: 1160px !important; background-color: #FFFFFF; float: left; } body .page .productWrapper .modBreadcrumbNavigation, body .page .productWrapper .print-hidden, body .page .productWrapper .carouselHeader, body .page .productWrapper .relatedProductsCarouselWrapper, body .page .productWrapper .modPageFunctions.serviceButtons, body .page .productWrapper iframe, body .page .productWrapper .sProductImage, body .page .productWrapper .prodThumbs.slidesContainer, body .page .productWrapper .prodThumbsWrapper { display: none !important; } body .page .productWrapper .print-visible { display: block !important; } body .page .productWrapper .mainProductImage, body .page .productWrapper .productDetailProgressiveImage { page-break-inside: avoid; display: none; } body .page .productWrapper #overlay-product-id-1 { display: block !important; } .container-comparison { display: none !important; } .headerWrapper, .footer { display: none !important; } } .product-variant-container, .data-s-viewport { width: 100%; float: left; margin-left: 0; margin-right: 0; padding: 0 1.25em 0 1.25em; } @media screen and (min-width: 660px) and (max-width: 960px) { .product-variant-container, .data-s-viewport { padding-left: 0; } } @media screen and (max-width: 659px) { .product-variant-container, .data-s-viewport { padding: .5em 0.625em .35em 0.625em; } .product-variant-container:hover, .data-s-viewport:hover { cursor: pointer; } } .product-variant-container .product-variant, .data-s-viewport .product-variant { display: inline-block; width: 100%; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .product-variant-container .product-variant .category-variant, .data-s-viewport .product-variant .category-variant { margin-bottom: 8px; } } .product-variant-container .product-variant .product-variant-content, .data-s-viewport .product-variant .product-variant-content { margin: 0; } @media screen and (max-width: 659px) { .product-variant-container .product-variant .product-variant-content, .data-s-viewport .product-variant .product-variant-content { display: none; } } @media screen and (max-width: 659px) { .product-variant-container .product-variant, .data-s-viewport .product-variant { background-color: #DADADA; color: #636363; margin-bottom: 0.5em; } } @media screen and (max-width: 659px) { .product-variant-container .product-variant p, .data-s-viewport .product-variant p { margin: 0; } } .product-variant-container a.variant, .data-s-viewport a.variant { display: inline-block; position: relative; min-width: 50px; height: 35px; border: none; float: left; text-align: center; margin: 0 15px 15px 0; padding: 0 !important; } @media screen and (max-width: 659px) { .product-variant-container a.variant, .data-s-viewport a.variant { display: none; } } .product-variant-container a.variant span, .data-s-viewport a.variant span { float: left; } .product-variant-container a.variant .crossed-out, .data-s-viewport a.variant .crossed-out { position: absolute; width: 32px; height: 40px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .product-variant-container a.variant .crossed-out:before, .product-variant-container a.variant .crossed-out:after, .data-s-viewport a.variant .crossed-out:before, .data-s-viewport a.variant .crossed-out:after { position: absolute; content: ' '; height: 115%; width: 1px; background-color: #666666; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .product-variant-container a.variant .crossed-out:before, .data-s-viewport a.variant .crossed-out:before { transform: rotate(50deg); } .product-variant-container a.variant .crossed-out:after, .data-s-viewport a.variant .crossed-out:after { transform: rotate(-50deg); } .product-variant-container a.variant .text-variant, .data-s-viewport a.variant .text-variant { width: 100%; height: 100%; line-height: 35px; padding: 0 10px; background-color: #DADADA; color: #636363; } .product-variant-container a.variant .text-variant svg, .data-s-viewport a.variant .text-variant svg { position: absolute; width: 96%; height: 32px; top: 2px; left: 2%; z-index: 1; } .product-variant-container a.variant .text-variant img, .data-s-viewport a.variant .text-variant img { position: absolute; width: 100%; height: 90%; left: 0; top: 5%; } .product-variant-container a.selected-variant, .data-s-viewport a.selected-variant { position: relative; } .product-variant-container a.selected-variant .text-variant, .data-s-viewport a.selected-variant .text-variant { background-color: #666666; color: #FFFFFF; } .product-variant-container a.load-more, .data-s-viewport a.load-more { position: absolute; min-width: 40px; height: 35px; line-height: 35px; color: #636363; text-align: center; float: left; top: 42px; padding-top: 0; } .product-variant-container a.load-more span, .data-s-viewport a.load-more span { line-height: 40px; } .product-variant-container a.load-more:hover, .data-s-viewport a.load-more:hover { cursor: pointer; } @media screen and (max-width: 659px) { .product-variant-container a.load-more, .data-s-viewport a.load-more { display: none; } } .product-variant-container .changed-variant, .data-s-viewport .changed-variant { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; background-color: #666666; color: #FFFFFF; text-align: center; } .product-variant-container .icon-arrow-right, .product-variant-container .fancybox-nav.fancybox-next:before, .product-variant-container .productWrapper .product-images .controls .nextBtn:before, .productWrapper .product-images .controls .product-variant-container .nextBtn:before, .product-variant-container .relatedProductsCarouselWrapper .controls .nextBtn:before, .relatedProductsCarouselWrapper .controls .product-variant-container .nextBtn:before, .product-variant-container .mainSlider .controls .nextBtn:before, .mainSlider .controls .product-variant-container .nextBtn:before, .product-variant-container #categoryNav li.nextLevel > a:before, #categoryNav .product-variant-container li.nextLevel > a:before, .product-variant-container #beratungSubNavigation li.nextLevel > a:before, #beratungSubNavigation .product-variant-container li.nextLevel > a:before, .product-variant-container .mobileNavigationPanel li.nextLevel > a:before, .mobileNavigationPanel .product-variant-container li.nextLevel > a:before, .product-variant-container .serviceMetaNavigation ul li.nextLevel > a:before, .serviceMetaNavigation ul .product-variant-container li.nextLevel > a:before, .product-variant-container .mobileNavigation li span, .mobileNavigation li .product-variant-container span, .product-variant-container .indexModules .tabs .ui-tabs-panel .bd .link-list li a:before, .indexModules .tabs .ui-tabs-panel .bd .link-list li .product-variant-container a:before, .product-variant-container .indexModules .homePageQuickLinks .quickLinks ul li a:before, .indexModules .homePageQuickLinks .quickLinks ul li .product-variant-container a:before, .product-variant-container .pictoService .service-link a:before, .pictoService .service-link .product-variant-container a:before, .product-variant-container .timeslotslider .slides-direction-nav .slides-next, .timeslotslider .slides-direction-nav .product-variant-container .slides-next, .product-variant-container .custom-header nav span.custom-next, .custom-header nav .product-variant-container span.custom-next, .product-variant-container .fachcentren-slider .slides-direction-nav .slides-next, .fachcentren-slider .slides-direction-nav .product-variant-container .slides-next, .product-variant-container .comparison-page .container-right .relatedProductsCarouselWrapper .dummy-right:before, .comparison-page .container-right .relatedProductsCarouselWrapper .product-variant-container .dummy-right:before, .product-variant-container .comparison-page .container-columns-right .relatedProductsCarouselWrapper .dummy-right:before, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .product-variant-container .dummy-right:before, .data-s-viewport .icon-arrow-right, .data-s-viewport .fancybox-nav.fancybox-next:before, .data-s-viewport .productWrapper .product-images .controls .nextBtn:before, .productWrapper .product-images .controls .data-s-viewport .nextBtn:before, .data-s-viewport .relatedProductsCarouselWrapper .controls .nextBtn:before, .relatedProductsCarouselWrapper .controls .data-s-viewport .nextBtn:before, .data-s-viewport .mainSlider .controls .nextBtn:before, .mainSlider .controls .data-s-viewport .nextBtn:before, .data-s-viewport #categoryNav li.nextLevel > a:before, #categoryNav .data-s-viewport li.nextLevel > a:before, .data-s-viewport #beratungSubNavigation li.nextLevel > a:before, #beratungSubNavigation .data-s-viewport li.nextLevel > a:before, .data-s-viewport .mobileNavigationPanel li.nextLevel > a:before, .mobileNavigationPanel .data-s-viewport li.nextLevel > a:before, .data-s-viewport .serviceMetaNavigation ul li.nextLevel > a:before, .serviceMetaNavigation ul .data-s-viewport li.nextLevel > a:before, .data-s-viewport .mobileNavigation li span, .mobileNavigation li .data-s-viewport span, .data-s-viewport .indexModules .tabs .ui-tabs-panel .bd .link-list li a:before, .indexModules .tabs .ui-tabs-panel .bd .link-list li .data-s-viewport a:before, .data-s-viewport .indexModules .homePageQuickLinks .quickLinks ul li a:before, .indexModules .homePageQuickLinks .quickLinks ul li .data-s-viewport a:before, .data-s-viewport .pictoService .service-link a:before, .pictoService .service-link .data-s-viewport a:before, .data-s-viewport .timeslotslider .slides-direction-nav .slides-next, .timeslotslider .slides-direction-nav .data-s-viewport .slides-next, .data-s-viewport .custom-header nav span.custom-next, .custom-header nav .data-s-viewport span.custom-next, .data-s-viewport .fachcentren-slider .slides-direction-nav .slides-next, .fachcentren-slider .slides-direction-nav .data-s-viewport .slides-next, .data-s-viewport .comparison-page .container-right .relatedProductsCarouselWrapper .dummy-right:before, .comparison-page .container-right .relatedProductsCarouselWrapper .data-s-viewport .dummy-right:before, .data-s-viewport .comparison-page .container-columns-right .relatedProductsCarouselWrapper .dummy-right:before, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .data-s-viewport .dummy-right:before { float: right; margin-top: 3px; } .select-variant-error { display: none; position: absolute; top: 55px; left: 50%; transform: translateX(-50%); z-index: 2; } @media screen and (max-width: 659px) { .l-m-view-psd { display: none; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .s-view-psd { display: none; } } .lightBoxVariants { display: block; } @media screen and (max-width: 659px) { .lightBoxVariants .product-variant .option-variant { display: none; } } @media screen and (max-width: 659px) { .lightBoxVariants .product-variant p { display: block; padding: 15px; } } .lightBoxVariants .fancybox-close-txt { display: none; top: 0 !important; right: 0 !important; } .lightBoxVariants .apply-changed-variant, .lightBoxVariants .data-s-viewport { display: none; } @media screen and (max-width: 659px) { .lightBoxVariants .data-s-viewport a.variant { display: block; } } .product-variant-lightbox { position: fixed !important; width: 100% !important; left: 0 !important; top: inherit !important; } .product-variant-lightbox .fancybox-inner { width: auto !important; } .product-variant-lightbox .fancybox-inner .fancybox-close-txt { top: 0; right: 0; } @media screen and (max-width: 659px) { .product-variant-lightbox .fancybox-inner .fancybox-close-txt { display: block; top: 10px; right: 10px; z-index: 2; } } .product-variant-lightbox .fancybox-inner .product-variant-container { padding: 0; } @media screen and (max-width: 659px) { .product-variant-lightbox .fancybox-inner .product-variant-container .product-variant { background-color: transparent; padding: 0; top: 20px; } } .product-variant-lightbox .fancybox-inner .product-variant-container .product-variant .product-variant-content { display: block; height: 65px; min-height: 65px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } @media screen and (max-width: 659px) { .product-variant-lightbox .fancybox-inner .product-variant-container .product-variant .product-variant-content { min-height: 43px; } } @media screen and (max-width: 659px) { .product-variant-lightbox .fancybox-inner .product-variant-container .product-variant p { margin: 0 0 0.5em; padding: 0 10px; } } @media screen and (max-width: 659px) { .product-variant-lightbox .fancybox-inner .product-variant-container .icon-arrow-right, .product-variant-lightbox .fancybox-inner .product-variant-container .fancybox-nav.fancybox-next:before, .product-variant-lightbox .fancybox-inner .product-variant-container .productWrapper .product-images .controls .nextBtn:before, .productWrapper .product-images .controls .product-variant-lightbox .fancybox-inner .product-variant-container .nextBtn:before, .product-variant-lightbox .fancybox-inner .product-variant-container .relatedProductsCarouselWrapper .controls .nextBtn:before, .relatedProductsCarouselWrapper .controls .product-variant-lightbox .fancybox-inner .product-variant-container .nextBtn:before, .product-variant-lightbox .fancybox-inner .product-variant-container .mainSlider .controls .nextBtn:before, .mainSlider .controls .product-variant-lightbox .fancybox-inner .product-variant-container .nextBtn:before, .product-variant-lightbox .fancybox-inner .product-variant-container #categoryNav li.nextLevel > a:before, #categoryNav .product-variant-lightbox .fancybox-inner .product-variant-container li.nextLevel > a:before, .product-variant-lightbox .fancybox-inner .product-variant-container #beratungSubNavigation li.nextLevel > a:before, #beratungSubNavigation .product-variant-lightbox .fancybox-inner .product-variant-container li.nextLevel > a:before, .product-variant-lightbox .fancybox-inner .product-variant-container .mobileNavigationPanel li.nextLevel > a:before, .mobileNavigationPanel .product-variant-lightbox .fancybox-inner .product-variant-container li.nextLevel > a:before, .product-variant-lightbox .fancybox-inner .product-variant-container .serviceMetaNavigation ul li.nextLevel > a:before, .serviceMetaNavigation ul .product-variant-lightbox .fancybox-inner .product-variant-container li.nextLevel > a:before, .product-variant-lightbox .fancybox-inner .product-variant-container .mobileNavigation li span, .mobileNavigation li .product-variant-lightbox .fancybox-inner .product-variant-container span, .product-variant-lightbox .fancybox-inner .product-variant-container .indexModules .tabs .ui-tabs-panel .bd .link-list li a:before, .indexModules .tabs .ui-tabs-panel .bd .link-list li .product-variant-lightbox .fancybox-inner .product-variant-container a:before, .product-variant-lightbox .fancybox-inner .product-variant-container .indexModules .homePageQuickLinks .quickLinks ul li a:before, .indexModules .homePageQuickLinks .quickLinks ul li .product-variant-lightbox .fancybox-inner .product-variant-container a:before, .product-variant-lightbox .fancybox-inner .product-variant-container .pictoService .service-link a:before, .pictoService .service-link .product-variant-lightbox .fancybox-inner .product-variant-container a:before, .product-variant-lightbox .fancybox-inner .product-variant-container .timeslotslider .slides-direction-nav .slides-next, .timeslotslider .slides-direction-nav .product-variant-lightbox .fancybox-inner .product-variant-container .slides-next, .product-variant-lightbox .fancybox-inner .product-variant-container .custom-header nav span.custom-next, .custom-header nav .product-variant-lightbox .fancybox-inner .product-variant-container span.custom-next, .product-variant-lightbox .fancybox-inner .product-variant-container .fachcentren-slider .slides-direction-nav .slides-next, .fachcentren-slider .slides-direction-nav .product-variant-lightbox .fancybox-inner .product-variant-container .slides-next, .product-variant-lightbox .fancybox-inner .product-variant-container .comparison-page .container-right .relatedProductsCarouselWrapper .dummy-right:before, .comparison-page .container-right .relatedProductsCarouselWrapper .product-variant-lightbox .fancybox-inner .product-variant-container .dummy-right:before, .product-variant-lightbox .fancybox-inner .product-variant-container .comparison-page .container-columns-right .relatedProductsCarouselWrapper .dummy-right:before, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .product-variant-lightbox .fancybox-inner .product-variant-container .dummy-right:before { display: none; } } .product-variant-lightbox .fancybox-inner .apply-changed-variant { display: block; width: 94%; padding: 10px; margin: 25px 10px 10px 10px; background-color: #636363; color: #FFFFFF; text-align: center; float: left; } .product-variant-lightbox .fancybox-inner .apply-changed-variant:hover { cursor: pointer; } .product-variant-lightbox .fancybox-inner .l-m-view-psd, .product-variant-lightbox .fancybox-inner a.variant { display: inline-block; } .product-variant-lightbox .fancybox-inner a.variant { float: none; } .product-variant-lightbox .fancybox-inner a.variant:first-child { margin-left: 10px; } .product-variant-lightbox .fancybox-inner a.load-more { line-height: normal; } .product-variant-lightbox .fancybox-inner .data-s-viewport, .product-variant-lightbox .fancybox-inner a.load-more { display: none; } .foot { background-color: black; } .seoW { background-color: "white"; padding: 1.25em 0.5em; } .seoW .seoText { font-family: "tazbold",Helvetica,Arial,sans-serif; } footer.footer { /*because of merge conflicts*/ } @media screen and (max-width: 659px) { footer.footer { width: 100%; } } footer.footer { max-width: 100%; margin-left: auto; margin-right: auto; } @media screen and (max-width: 659px) { footer.footer { overflow: hidden; } } footer.footer.checkoutFooter { height: auto; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { footer.footer.checkoutFooter { margin-bottom: -30px; } } footer.footer .clearFoot { clear: both; } footer.footer .fwNoPadding { padding: 0; } footer.footer .hidden { display: none; } footer.footer ul { margin: 0; padding: 0; } footer.footer .headlineM2 { margin-bottom: 0.7em; } @media screen and (max-width: 659px) { footer.footer .hideOnS { display: none; } } footer.footer:after { content: " "; display: block; clear: both; } footer.footer .r1 { max-width: 100%; margin-left: auto; margin-right: auto; background-color: #676767; } footer.footer .r1:after { content: " "; display: block; clear: both; } footer.footer .r1 .rInner { max-width: 95%; margin-left: auto; margin-right: auto; margin-top: 30px; } footer.footer .r1 .rInner:after { content: " "; display: block; clear: both; } footer.footer .r1 .rInner ul li { line-height: 1.6em; } footer.footer .rInner3 { background-color: #818181; } @media screen and (max-width: 659px) { footer.footer .rInner3 { display: none; } } footer.footer .rInner3 .rInner { position: relative; color: white; padding: 1em 0; } footer.footer .rInner3 .rInner.newsletter { /*form{ @media screen and (min-width: 660px)and(max-width: 960px){ display: block; } }*/ } @media screen and (min-width: 961px) { footer.footer .rInner3 .rInner.newsletter { text-align: center; } } @media screen and (min-width: 660px) and (max-width: 960px) { footer.footer .rInner3 .rInner.newsletter .newslText { display: block; width: 100%; margin-bottom: 0.3em; } } footer.footer .rInner3 .rInner .newslText { font-size: 1.2em; display: inline; width: 30%; margin-right: 2em; } footer.footer .rInner3 .rInner .newslForm { display: inline-block; } footer.footer .rInner3 .rInner .newslForm .emailF { height: 2em; width: 20em; color: #666666; padding-left: 1em; background-color: #efefef; } footer.footer .rInner3 .rInner .newslForm .submitB { height: 2em; font-size: 1em; background-color: #666666; color: white; border: 0 none; padding: 0 1em; } footer.footer .rInner2 { background-color: #EE1F26; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation:before, footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation:after { content: ""; display: table; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation:after { clear: both; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul { margin: 0; padding: 0; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul li { line-height: inherit; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.left { float: left; } @media screen and (min-width: 660px) and (max-width: 960px), s-vp { footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.left { float: left; clear: left; } } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.left:before, footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.left:after { content: ""; display: table; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.left:after { clear: both; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.left .brand { float: left; position: relative; overflow: hidden; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.left .brand .logo-small { display: block; position: relative; top: 0; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.left .copyright { float: left; color: white; margin: 0.8125em 0 0 0.625em; line-height: 1.5625em; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right { margin-top: 0.8125em; } @media screen and (min-width: 961px) { footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right { float: right; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right { float: left; margin-top: 0; } } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right li { float: left; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right li:before, footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right li:after { content: ""; display: table; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right li:after { clear: both; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right li a { color: #FFFFFF; margin-left: 1.25em; font-weight: bold; line-height: 1.4375em; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right li { margin-bottom: 0.875em; } footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right li a { margin-left: 0; margin-right: 1.25em; } } @media screen and (max-width: 659px) { footer.footer .rInner2 .rInnerLegalNav .modLegalNavigation ul.right li { margin-bottom: 1.25em; } } @media screen and (min-width: 961px) { footer.footer .rInner2 .rInnerLegalNav { width: 100%; max-width: 100%; padding: 0.5625em 0 0.8125em; } } @media screen and (min-width: 660px) and (max-width: 960px) { footer.footer .rInner2 .rInnerLegalNav { padding: 1.6875em 0 1.1875em; } } @media screen and (max-width: 659px) { footer.footer .rInner2 .rInnerLegalNav { padding: 1.25em 0 1.25em; } } footer.footer .rInner.footerMenu { padding-top: 2em; padding-bottom: 2em; } footer.footer .rInner.footerMenu .atArrowsBottom { padding-righ: 2em; display: none; } footer.footer .rInner.footerMenu .atArrowsTop { padding-righ: 2em; display: none; } @media screen and (max-width: 659px) { footer.footer .rInner.footerMenu .atArrowsBottom { display: inline; position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 0; margin-top: 0.2em; } footer.footer .rInner.footerMenu .atArrowsTop { display: none; } footer.footer .rInner.footerMenu .active .atArrowsBottom { display: none; } footer.footer .rInner.footerMenu .active .atArrowsTop { display: inline; position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 0; margin-top: 0.2em; } } footer.footer .rInner.footerMenu .fcol ul { margin: 0; margin-bottom: 1.5em; padding: 0; } footer.footer .rInner.footerMenu .fcol ul li { margin-bottom: 0.2em; line-height: initial; } footer.footer .rInner.footerMenu .fcol ul li:first-child { margin-top: 0.5em; } @media screen and (min-width: 961px) { footer.footer .rInner.footerMenu .fcol { width: 16.66667%; float: left; margin-right: 4.16667%; } footer.footer .rInner.footerMenu .fcol:nth-child(5n+0) { width: 16.66667%; float: right; margin-right: 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { footer.footer .rInner.footerMenu .fcol { width: 28.57143%; float: left; margin-right: 7.14286%; } footer.footer .rInner.footerMenu .fcol:nth-child(3n+0) { width: 28.57143%; float: right; margin-right: 0; } footer.footer .rInner.footerMenu .fcol:nth-child(4n+0) { clear: left; } } @media screen and (max-width: 659px) { footer.footer .rInner.footerMenu .fcol { width: 100%; float: right; margin-right: 0; } footer.footer .rInner.footerMenu .fcol .footerTitle { margin: 0.4em 0; position: relative; } footer.footer .rInner.footerMenu .fcol ul { padding-top: 0.4em; } footer.footer .rInner.footerMenu .fcol .accordion-section-content { display: none; } } footer.footer .footnote { margin-bottom: 1em; padding: 0; } footer.footer .footnote * { color: #cccccc; margin: 0; padding: 0; } footer.footer .footnote a { text-decoration: underline; } footer.footer .footnote .superscript { margin-right: 0.5em; } footer.footer .footnote .footItem { margin-bottom: 0.2em; } footer.footer .brkTxt { padding-right: 5px; } footer.footer .fcol { color: #cccccc; } footer.footer .fcol a { color: #cccccc; } footer.footer .fcol .footerTitle { color: white; font-size: 1.2em; font-weight: bold; margin-top: 1em; margin-bottom: 1em; } footer.footer .fcol span.phone { font-size: 1.4em; } footer.footer .fcol span.emf.mail a { font-size: 1.1em; } footer.footer .fcol span.span-typo { margin-right: 0.5em; } footer.footer .fcol span.span-typo.icon-phone { font-size: 1.4em; font-weight: bold; margin-right: 0; } footer.footer .fcol span.span-typo.icon-mail { font-size: 1.2em; margin-right: 0.4em; } @media screen and (min-width: 961px) { footer.footer .fcol { width: 28.57143%; float: left; margin-right: 7.14286%; } footer.footer .fcol:nth-child(3n+0) { width: 28.57143%; float: right; margin-right: 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { footer.footer .fcol { width: 44.44444%; float: left; margin-right: 11.11111%; } footer.footer .fcol:nth-child(2n+0) { width: 44.44444%; float: right; margin-right: 0; } } @media screen and (max-width: 659px) { footer.footer .fcol { width: 100%; float: right; margin-right: 0; } footer.footer .fcol .phoneLine, footer.footer .fcol .secondCol { display: none; } } @media screen and (min-width: 961px) { footer.footer.checkoutFooter .fcol { width: 28.57143%; float: left; margin-right: 7.14286%; } footer.footer.checkoutFooter .fcol:nth-child(4n+0) { width: 28.57143%; float: right; margin-right: 0; } footer.footer.checkoutFooter .fcol:nth-child(3) { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { footer.footer.checkoutFooter .fcol { width: 44.44444%; float: left; margin-right: 11.11111%; /*&:nth-child(2n+0) { @include span(1 of 2 last); } */ } footer.footer.checkoutFooter .fcol:nth-child(2), footer.footer.checkoutFooter .fcol:nth-child(3) { width: 44.44444%; float: right; margin-right: 0; } footer.footer.checkoutFooter .fcol:nth-child(5) { display: none; } } @media screen and (max-width: 659px) { footer.footer.checkoutFooter .fcol { width: 100%; float: right; margin-right: 0; } footer.footer.checkoutFooter .fcol .phoneLine, footer.footer.checkoutFooter .fcol .secondCol { display: block; } footer.footer.checkoutFooter .fcol:nth-child(1) .hideOnS { display: block; } footer.footer.checkoutFooter .fcol:nth-child(1) .hideOnS h3 { visibility: hidden; height: 1em; margin: 0; } footer.footer.checkoutFooter .fcol:nth-child(2) h3, footer.footer.checkoutFooter .fcol:nth-child(3) h3 { visibility: hidden; height: 1em; margin: 0; } footer.footer.checkoutFooter .fcol:nth-child(5) { display: none; } } footer.footer .modSocialBar ul:before, footer.footer .modSocialBar ul:after { content: ""; display: table; } footer.footer .modSocialBar ul:after { clear: both; } footer.footer .modSocialBar ul li { float: left; margin-right: 1.5em; } footer.footer .modSocialBar ul li a { font-size: 1.5em; } footer.footer .modSocialBar ul li .facebook, footer.footer .modSocialBar ul li .twitter, footer.footer .modSocialBar ul li .youtube, footer.footer .modSocialBar ul li .google { position: relative; display: block; } footer.footer .modSocialBar ul li .images { position: absolute; top: 0; left: 0; } footer.footer .modSocialBar ul li .twitter .logo { clip: rect(60px, 300px, 80px, 275px); left: -275px; top: -60px; } footer.footer .modSocialBar ul li .facebook .logo { clip: rect(30px, 300px, 50px, 275px); left: -275px; top: -30px; } footer.footer .modSocialBar ul li .youtube .logo { clip: rect(90px, 300px, 110px, 275px); left: -275px; top: -90px; } footer.footer .modSocialBar ul li .google .logo { clip: rect(120px, 300px, 140px, 275px); left: -275px; top: -120px; } @media screen and (max-width: 659px) { footer.footer { position: absolute; height: auto; } } .paddingClass ul { padding-left: 15px !important; } .ui-selectmenu-menu { display: none; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button:focus, .ui-selectmenu-button:focus, .ui-selectmenu-menu:focus { outline: 0; } .form1 .ui-selectmenu-button .ui-selectmenu-text, .order-form .ui-selectmenu-button .ui-selectmenu-text, .checkoutStep3 .sepaMandate .ui-selectmenu-button .ui-selectmenu-text { margin-left: 30%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 659px) { .form1 .ui-selectmenu-button .ui-selectmenu-text, .order-form .ui-selectmenu-button .ui-selectmenu-text, .checkoutStep3 .sepaMandate .ui-selectmenu-button .ui-selectmenu-text { font-size: 0.8em; } } .form1 .dropdownNormal .ui-selectmenu-button .ui-selectmenu-text, .order-form .dropdownNormal .ui-selectmenu-button .ui-selectmenu-text, .checkoutStep3 .sepaMandate .dropdownNormal .ui-selectmenu-button .ui-selectmenu-text { margin-left: 0.5em; position: relative; top: 0; -ms-transform: none; -webkit-transform: none; transform: none; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .shopping-cart { margin-left: 0.3em; } .shopping-cart .dropdownNormal .ui-selectmenu-button .ui-selectmenu-text { margin-left: 0.3em; position: relative; top: 0; -ms-transform: none; -webkit-transform: none; transform: none; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* jQuery migrate .ui-selectmenu { */ .ui-selectmenu-button { background-color: #EFEFEF; display: block; display: inline-block; height: 2.8125em; outline: none; overflow: hidden; position: relative; text-decoration: none; vertical-align: middle; zoom: 1; padding: 0 0 1em .5em; padding: 0.7em 0 1em .5em; } .ui-selectmenu-button li { display: block; margin: 0; padding: 0; } .ui-selectmenu-button li a { display: block; line-height: 1.4em; outline: none; padding: 4px; text-decoration: none; color: #636363; } .ui-selectmenu-button .ui-selectmenu-text { margin-left: 1em; } .ui-selectmenu-button .ui-selectmenu-icon { height: 2.8125em; background-color: #DADADA; position: absolute; right: 0; top: 0; width: 2.8125em; font-size: 1em; } .ui-selectmenu-button .ui-selectmenu-icon:before { position: absolute; font-size: .6em; top: 2em; left: 1.8em; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ui-selectmenu-button .ui-selectmenu-icon:before { /* IE10+ */ position: absolute; font-size: 1.4em; top: 1.7em; left: 1.5em; } } .ui-selectmenu-menu { display: none; margin: 0; padding: 0; position: absolute; top: 0; z-index: 1005; } .ui-selectmenu-menu ul { padding-right: 8.2em; background: #DADADA; list-style: none; max-height: 300px; margin: 0; padding: 0; position: relative; overflow-y: auto; } .ui-selectmenu-menu ul li .ui-menu-item-wrapper { width: 100%; display: block; padding: .8em; } .ui-selectmenu-menu.ui-selectmenu-open { display: block; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-text { font-size: inherit; } .ui-selectmenu-button:hover, .ui-selectmenu-button:active, .ui-selectmenu-button:focus { text-decoration: none; outline: none; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-text { margin-left: 5px; padding-left: 20px; position: relative; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-text .ui-icon { left: 0; margin-top: -8px; position: absolute; top: 1em; } .ui-selectmenu-text { line-height: 1em; } .ui-selectmenu-menu li span, .ui-selectmenu-text span { display: block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { display: block; font-weight: bold; line-height: 1.4em; padding: .6em .5em 0; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } #product-sorting-menu { overflow: visible; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .accordReg { background-color: #FFFFFF; } .accordTitle { background-color: #666666; color: white; padding: 1em 0 1em 1.25em; cursor: pointer; } @media screen and (max-width: 659px) { .accordTitle { padding: 1em 0 1em 3%; } } .boldIt { font-weight: bold; } .flleft { float: left; } .flright { float: right; } .hiddenOnReg { display: none; } .checkBox1, .form1 .radiobuttongroup .radiobox input, .order-form .radiobuttongroup .radiobox input, .checkoutStep3 .sepaMandate .radiobuttongroup .radiobox input { border: 0 none; background-color: #EFEFEF; } .is-hidden { display: none; } .accordTitle2 { background-color: #dadada; margin-bottom: 1px; color: #636363; } .accordTitle2.active { background-color: #636363; color: white; margin-bottom: 1em; } .atArrowsBottom { float: right; padding-right: 1em; } .active .atArrowsBottom { display: none; } .atArrowsTop { float: right; padding-right: 1em; display: none; } .active .atArrowsTop { display: inline; } .bgWhite { background-color: white; } .padd1 { padding: 0.5em 1em; } .padd11 { padding: 1em 1.25em 1em 0; } @media screen and (min-width: 660px) and (max-width: 960px) { .padd11 { padding: 1em 1.25em; } } @media screen and (max-width: 659px) { .padd11 { padding: 1em 0.625em; } } .padd11 P { margin: 0; padding: 0; } .mrg1, .title1 .rPageBH, .p1p { margin: 1em 1.25em 0; } @media screen and (max-width: 659px) { .mrg1, .title1 .rPageBH, .p1p { margin: 1em 0.625em 0; } } .innerWrapperSize ul { margin: 1em; margin-left: 0; padding-left: 0; } @media screen and (min-width: 961px) { .innerWrapperSize { max-width: 100%; margin-left: auto; margin-right: auto; } .innerWrapperSize:after { content: " "; display: block; clear: both; } } .innerWrapperSize ul.registerTextUL { margin: 1em 1em 0 1em; } .innerWrapperSize ul.registerTextUL li { padding-left: 2em; margin-bottom: 0.3125em; } .title1 header { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .title1 header { margin-left: 0.625em; margin-right: 0.625em; } } .title1 header h1 { margin: 0 0 16px; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; } @media screen and (min-width: 660px) and (max-width: 960px) { .title1 header h1 { margin-bottom: 7px; } } @media screen and (max-width: 659px) { .title1 header h1 { margin-bottom: 7px; } } .title1 .rPageBH { background-color: white; width: 100%; color: #636363; margin: 0; padding: 1.3em 1.25em 1.5em; font-weight: bold; } @media screen and (min-width: 660px) and (max-width: 960px) { .title1 .rPageBH { padding: 0 1.25em 30px; } } @media screen and (max-width: 659px) { .title1 .rPageBH { padding: 0 0.625em 1.2em; } } .title1 .rPageBH h3 { margin: 0; } .stP0 { padding: 0 1%; margin: 0; } .stP01 { padding: 0 0 2em; margin: 0; } .stP { padding: 2em 1% 0 1%; margin: 0; } .stP2 { padding: 2em 1%; margin: 0; } .stP3 { padding: 0 1% 2em; margin: 0; } .stP4 { padding: 2em; } @media screen and (max-width: 659px) { .stP42 { padding: 2em 0.4em; } } @media screen and (min-width: 961px) { .stP43 { padding: 2em; } } .stP5 { padding: 2em 1em; } .noPM { padding: 0; margin: 0; } .mr10p { margin-right: 10%; } .msgT1 { color: white; background-color: #3399cc; margin: 0; padding: 1em; } .msgT2 .information_message.positive { color: white; min-height: 2.8125em; background-color: #3399cc; margin: 0; padding: 0.8125em; margin-bottom: 30px; } .msgT2 .information_message.positive p { margin: 0; } @media screen and (min-width: 660px) and (max-width: 960px) { .msgT2 .information_message.positive { margin-top: 15px; margin-left: 1.25em; margin-right: 1.25em; } } @media screen and (max-width: 659px) { .msgT2 .information_message.positive { margin-left: 0.625em; margin-right: 0.625em; } } .lsItem1 { /*&:before{ @extend .icon-arrow-right; @extend .fs-m5; margin-right: 0.5em; }*/ font-weight: bold; } .mrgl50p { margin-left: 50% !important; } .spCA { margin-left: auto; margin-right: 30% !important; } @media screen and (max-width: 659px) { .spCA { margin-right: 0% !important; } } div.abtn, button.abtn { background-color: #636363; color: white; border: 0 none; padding: 0.5em 1em; } div.abtn a, button.abtn a { color: white; } div.abtn.rbAbtn, button.abtn.rbAbtn { margin-left: 2em; } @media screen and (max-width: 659px) { div.abtn.rbAbtn, button.abtn.rbAbtn { margin-bottom: 1.25em; } } @media screen and (max-width: 659px) { div.abtn.rbAbtn.rbAbtn2, button.abtn.rbAbtn.rbAbtn2 { margin-left: 0; width: 7em; } } @media screen and (max-width: 659px) { div.abtn.rbAbtn.rbAbtn3, button.abtn.rbAbtn.rbAbtn3 { margin-left: 0; } } div.abtn.abtnLight, button.abtn.abtnLight { background-color: #BABABA; color: white; border: 0 none; padding: 0.5em 1em; } div.abtn.abtnLight a, button.abtn.abtnLight a { color: white; } @media screen and (max-width: 659px) { div.abtn.abtnLight.abtnLight2, button.abtn.abtnLight.abtnLight2 { margin-right: 2em; margin-bottom: 3em; } } @media screen and (max-width: 659px) { div.abtn.abtnLight.abtnLight3, button.abtn.abtnLight.abtnLight3 { margin-right: 2em; margin-bottom: 1.875em; } } @media screen and (max-width: 659px) { div.abtn.clBtn, button.abtn.clBtn { float: right; clear: right; } } .psFinder:before { vertical-align: middle; margin-right: 0.2em; } .form1, .order-form, .checkoutStep3 .sepaMandate { padding: 1.875em 1.25em; } @media screen and (min-width: 660px) and (max-width: 960px) { .form1, .order-form, .checkoutStep3 .sepaMandate { padding: 25px 1.25em 30px; } } @media screen and (max-width: 659px) { .form1, .order-form, .checkoutStep3 .sepaMandate { padding: 25px 0.625em 30px; } } .form1 *, .order-form *, .checkoutStep3 .sepaMandate * { margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; } .form1 .default-margin-top, .order-form .default-margin-top, .checkoutStep3 .sepaMandate .default-margin-top { margin-top: 1em; } .form1 .default-margin-bottom, .order-form .default-margin-bottom, .checkoutStep3 .sepaMandate .default-margin-bottom { margin-bottom: 1em; } .form1 .selectBox .error-message, .order-form .selectBox .error-message, .checkoutStep3 .sepaMandate .selectBox .error-message { display: none; } .form1 a, .order-form a, .checkoutStep3 .sepaMandate a { font-weight: bold; } .form1 a.noBold, .order-form a.noBold, .checkoutStep3 .sepaMandate a.noBold { font-weight: normal; } .form1#loginForm, #loginForm.order-form, .checkoutStep3 #loginForm.sepaMandate { padding-top: 0; } .form1 .hiddenVisForLayout, .order-form .hiddenVisForLayout, .checkoutStep3 .sepaMandate .hiddenVisForLayout { visibility: hidden; } @media screen and (max-width: 659px) { .form1 .hiddenVisForLayout.label1, .order-form .hiddenVisForLayout.label1, .checkoutStep3 .sepaMandate .hiddenVisForLayout.label1 { display: none; height: 0; overflow: hidden; } } .form1 .mrleft4, .order-form .mrleft4, .checkoutStep3 .sepaMandate .mrleft4 { margin-left: 4%; } .form1 .forHiddenError, .order-form .forHiddenError, .checkoutStep3 .sepaMandate .forHiddenError { display: none; } .form1 .hidden-text, .order-form .hidden-text, .checkoutStep3 .sepaMandate .hidden-text { display: none; } .form1 .error .checkboxgroup .ui-checkboxradio-icon:before, .order-form .error .checkboxgroup .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .error .checkboxgroup .ui-checkboxradio-icon:before { border: 1px solid #ff9900; } .form1 .checkboxgroup.formRadioButtons .error .ui-checkboxradio-icon:before, .order-form .checkboxgroup.formRadioButtons .error .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup.formRadioButtons .error .ui-checkboxradio-icon:before { border: 1px solid #ff9900; } .form1 .error .no-error .checkboxgroup .ui-checkboxradio-icon:before, .order-form .error .no-error .checkboxgroup .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .error .no-error .checkboxgroup .ui-checkboxradio-icon:before { border: 0px; } .form1 .error .radiobuttongroup .ui-checkboxradio-icon:before, .order-form .error .radiobuttongroup .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .error .radiobuttongroup .ui-checkboxradio-icon:before { border: 1px solid #ff9900; } .form1 .fieldVis1 .radiobuttongroup .ui-checkboxradio-icon:before, .order-form .fieldVis1 .radiobuttongroup .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .fieldVis1 .radiobuttongroup .ui-checkboxradio-icon:before { border: 1px solid #3399cc; } .form1 .fieldVis1 .no-error .checkboxgroup .ui-checkboxradio-icon:before, .order-form .fieldVis1 .no-error .checkboxgroup .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .fieldVis1 .no-error .checkboxgroup .ui-checkboxradio-icon:before { border: 0px; } .form1 .checkGroupW.error p.error-message, .order-form .checkGroupW.error p.error-message, .checkoutStep3 .sepaMandate .checkGroupW.error p.error-message { display: none; } .form1 p.error-message, .order-form p.error-message, .checkoutStep3 .sepaMandate p.error-message { background-color: #ff9900; min-height: 2em; padding: 0.8125em; width: 95%; color: white; position: relative; } @media screen and (min-width: 961px) { .form1 p.error-message, .order-form p.error-message, .checkoutStep3 .sepaMandate p.error-message { width: 95%; margin-left: 1.5625em; /* arrow code */ /* arrow code end*/ margin-bottom: 0.3125em; } .form1 p.error-message:after, .order-form p.error-message:after, .checkoutStep3 .sepaMandate p.error-message:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ff9900; border-width: 0.625em; margin-top: -0.625em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .form1 p.error-message, .order-form p.error-message, .checkoutStep3 .sepaMandate p.error-message { width: 95%; margin-left: 1.5625em; /* arrow code */ /* arrow code end*/ margin-bottom: 0.3125em; } .form1 p.error-message:after, .order-form p.error-message:after, .checkoutStep3 .sepaMandate p.error-message:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ff9900; border-width: 0.625em; margin-top: -0.625em; } } @media screen and (max-width: 659px) { .form1 p.error-message, .order-form p.error-message, .checkoutStep3 .sepaMandate p.error-message { width: 100%; margin-bottom: 0.9375em; } .form1 p.error-message:after, .order-form p.error-message:after, .checkoutStep3 .sepaMandate p.error-message:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.625em; margin-left: -0.625em; } } .form1 .checkboxgroup.hiddenlabel, .order-form .checkboxgroup.hiddenlabel, .checkoutStep3 .sepaMandate .checkboxgroup.hiddenlabel { float: left; margin-right: 5px; } .form1 .checkboxgroup.hiddenlabel + p.label, .order-form .checkboxgroup.hiddenlabel + p.label, .checkoutStep3 .sepaMandate .checkboxgroup.hiddenlabel + p.label { margin-top: 0; } .form1 .checkboxgroup.hiddenlabel + p.label.pNextToFloatCheckbox, .order-form .checkboxgroup.hiddenlabel + p.label.pNextToFloatCheckbox, .checkoutStep3 .sepaMandate .checkboxgroup.hiddenlabel + p.label.pNextToFloatCheckbox { height: 30px; } .form1 .checkboxgroup.hiddenlabel label, .order-form .checkboxgroup.hiddenlabel label, .checkoutStep3 .sepaMandate .checkboxgroup.hiddenlabel label { margin-bottom: 0; } .form1 .checkboxgroup.hiddenlabel label .ui-checkboxradio-icon, .order-form .checkboxgroup.hiddenlabel label .ui-checkboxradio-icon, .checkoutStep3 .sepaMandate .checkboxgroup.hiddenlabel label .ui-checkboxradio-icon { width: 1.5625em; height: 1.5625em; overflow: hidden; display: inline-block; /*text-indent: -999px;*/ cursor: pointer; } .form1 .checkboxgroup.hiddenlabel label .ui-checkboxradio-icon .ui-button-text, .order-form .checkboxgroup.hiddenlabel label .ui-checkboxradio-icon .ui-button-text, .checkoutStep3 .sepaMandate .checkboxgroup.hiddenlabel label .ui-checkboxradio-icon .ui-button-text { display: none; } .form1 .checkboxgroup.hide-label .util-label-text, .order-form .checkboxgroup.hide-label .util-label-text, .checkoutStep3 .sepaMandate .checkboxgroup.hide-label .util-label-text { display: none; } .form1 .checkboxgroup .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-checkboxradio-icon:before { color: black; background-color: #EFEFEF; padding: 1em; content: ''; line-height: 1em; float: left; margin: 0 0.9375em 0 0; font-size: 0.7em; } .form1 .checkboxgroup.inside-radiogroup .ui-checkboxradio-icon:before, .order-form .checkboxgroup.inside-radiogroup .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup.inside-radiogroup .ui-checkboxradio-icon:before { border-radius: 0; } .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before { padding: .5em; padding-bottom: 0.55em; font-family: 'bauhaus'; font-size: 0.7em; } .form1 .checkboxgroup.inside-radiogroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup.inside-radiogroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup.inside-radiogroup .ui-state-active .ui-checkboxradio-icon:before { padding: .5em; padding-bottom: 0.55em; font-family: 'bauhaus'; font-size: 0.7em; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before { font-size: 1.4em; } } .form1 .mandatoryDeliveryAddress, .order-form .mandatoryDeliveryAddress, .checkoutStep3 .sepaMandate .mandatoryDeliveryAddress { display: none; } .form1 .blueTextBox, .order-form .blueTextBox, .checkoutStep3 .sepaMandate .blueTextBox { margin: 1.5625em 0; padding: 15px; background-color: #3399cc; color: #FFFFFF; } .form1 .ui-helper-hidden-accessible, .order-form .ui-helper-hidden-accessible, .checkoutStep3 .sepaMandate .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .form1 .line, .order-form .line, .checkoutStep3 .sepaMandate .line { margin-bottom: 1.25em; } @media screen and (max-width: 659px) { .form1 .line, .order-form .line, .checkoutStep3 .sepaMandate .line { margin-bottom: 1.25em; } } .form1 .line2, .order-form .line2, .checkoutStep3 .sepaMandate .line2 { margin-bottom: 1em; } @media screen and (max-width: 659px) { .form1 .line2, .order-form .line2, .checkoutStep3 .sepaMandate .line2 { margin-bottom: 0em; } } .form1 .line3, .order-form .line3, .checkoutStep3 .sepaMandate .line3 { margin-bottom: 0.875em; } .form1 .line3 legend, .order-form .line3 legend, .checkoutStep3 .sepaMandate .line3 legend { color: #636363; font-size: 1em; margin-bottom: 0.875em; } .form1 fieldset.delivery-address, .order-form fieldset.delivery-address, .checkoutStep3 .sepaMandate fieldset.delivery-address { margin-bottom: 0.875em; } .form1 fieldset.checkbox-inside.not-with-radio, .order-form fieldset.checkbox-inside.not-with-radio, .checkoutStep3 .sepaMandate fieldset.checkbox-inside.not-with-radio { margin-bottom: 0.875em; } .form1 .label1, .order-form .label1, .checkoutStep3 .sepaMandate .label1 { display: block; } .form1 .fieldsColumn, .order-form .fieldsColumn, .checkoutStep3 .sepaMandate .fieldsColumn { float: left; } @media screen and (min-width: 961px) { .form1 .fieldsColumn, .order-form .fieldsColumn, .checkoutStep3 .sepaMandate .fieldsColumn { width: 40%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .form1 .fieldsColumn, .order-form .fieldsColumn, .checkoutStep3 .sepaMandate .fieldsColumn { width: 60%; } } @media screen and (max-width: 659px) { .form1 .fieldsColumn, .order-form .fieldsColumn, .checkoutStep3 .sepaMandate .fieldsColumn { width: 100%; } } .form1 .errorsColumn, .order-form .errorsColumn, .checkoutStep3 .sepaMandate .errorsColumn { display: block; float: left; position: relative; min-height: 2.8125em; } @media screen and (min-width: 961px) { .form1 .errorsColumn, .order-form .errorsColumn, .checkoutStep3 .sepaMandate .errorsColumn { width: 39%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .form1 .errorsColumn, .order-form .errorsColumn, .checkoutStep3 .sepaMandate .errorsColumn { width: 39%; } } @media screen and (max-width: 659px) { .form1 .errorsColumn, .order-form .errorsColumn, .checkoutStep3 .sepaMandate .errorsColumn { width: 100%; min-height: 0; margin-top: 0.2em; } .form1 .errorsColumn .errorFieldGroup, .order-form .errorsColumn .errorFieldGroup, .checkoutStep3 .sepaMandate .errorsColumn .errorFieldGroup { margin-top: 0em; } } .form1 .errorW:before, .order-form .errorW:before, .checkoutStep3 .sepaMandate .errorW:before, .form1 .errorW:after, .order-form .errorW:after, .checkoutStep3 .sepaMandate .errorW:after { content: ""; display: table; } .form1 .errorW:after, .order-form .errorW:after, .checkoutStep3 .sepaMandate .errorW:after { clear: both; } .form1 .errorW .errLabel, .order-form .errorW .errLabel, .checkoutStep3 .sepaMandate .errorW .errLabel { color: #ff9900; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .form1 #message-error, .order-form #message-error, .checkoutStep3 .sepaMandate #message-error, .form1 .text-area-error, .order-form .text-area-error, .checkoutStep3 .sepaMandate .text-area-error { margin-top: 6em; } } .form1 .regPartOne .selectBox, .order-form .regPartOne .selectBox, .checkoutStep3 .sepaMandate .regPartOne .selectBox { margin-bottom: 0.5em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; padding-left: 2.77778%; padding-right: 2.77778%; padding-left: 0; } .form1 .regPartOne .selectBox:last-child, .order-form .regPartOne .selectBox:last-child, .checkoutStep3 .sepaMandate .regPartOne .selectBox:last-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: right; padding-left: 2.77778%; padding-right: 2.77778%; padding-left: 0; } .form1 .noLabelError label, .order-form .noLabelError label, .checkoutStep3 .sepaMandate .noLabelError label, .form1 .noLabelError p, .order-form .noLabelError p, .checkoutStep3 .sepaMandate .noLabelError p { display: none; } .form1 .noLabelError .country-field label, .order-form .noLabelError .country-field label, .checkoutStep3 .sepaMandate .noLabelError .country-field label { display: block; } .form1 .toolTipShown .errorField, .order-form .toolTipShown .errorField, .checkoutStep3 .sepaMandate .toolTipShown .errorField, .form1 .toolTipShown .errorFieldGroup, .order-form .toolTipShown .errorFieldGroup, .checkoutStep3 .sepaMandate .toolTipShown .errorFieldGroup { visibility: hidden; position: absolute; top: -10000%; } .form1 .errorField, .order-form .errorField, .checkoutStep3 .sepaMandate .errorField { background-color: #ff9900; min-height: 2.8125em; padding: 0.8125em; width: 95%; color: white; position: relative; } @media screen and (min-width: 961px) { .form1 .errorField, .order-form .errorField, .checkoutStep3 .sepaMandate .errorField { width: 95%; margin-left: 1.5625em; /* arrow code */ /* arrow code end*/ margin-bottom: 0.3125em; } .form1 .errorField:after, .order-form .errorField:after, .checkoutStep3 .sepaMandate .errorField:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ff9900; border-width: 0.625em; margin-top: -0.625em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .form1 .errorField, .order-form .errorField, .checkoutStep3 .sepaMandate .errorField { width: 95%; margin-left: 1.5625em; /* arrow code */ /* arrow code end*/ margin-bottom: 0.3125em; } .form1 .errorField:after, .order-form .errorField:after, .checkoutStep3 .sepaMandate .errorField:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ff9900; border-width: 0.625em; margin-top: -0.625em; } } @media screen and (max-width: 659px) { .form1 .errorField, .order-form .errorField, .checkoutStep3 .sepaMandate .errorField { width: 100%; margin-bottom: 0.9375em; } .form1 .errorField:after, .order-form .errorField:after, .checkoutStep3 .sepaMandate .errorField:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.625em; margin-left: -0.625em; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .form1 .errorField, .order-form .errorField, .checkoutStep3 .sepaMandate .errorField { position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .form1 .errorField.errorShown, .order-form .errorField.errorShown, .checkoutStep3 .sepaMandate .errorField.errorShown { display: block; } .form1 .errorField.errorHidden, .order-form .errorField.errorHidden, .checkoutStep3 .sepaMandate .errorField.errorHidden { display: none; } .form1 .errorFieldGroup, .order-form .errorFieldGroup, .checkoutStep3 .sepaMandate .errorFieldGroup { background-color: #ff9900; min-height: 2.8125em; padding: 0.8125em; width: 95%; color: white; position: relative; display: none; } @media screen and (min-width: 961px) { .form1 .errorFieldGroup, .order-form .errorFieldGroup, .checkoutStep3 .sepaMandate .errorFieldGroup { width: 95%; margin-left: 1.5625em; /* arrow code */ /* arrow code end*/ margin-bottom: 0.3125em; } .form1 .errorFieldGroup:after, .order-form .errorFieldGroup:after, .checkoutStep3 .sepaMandate .errorFieldGroup:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ff9900; border-width: 0.625em; margin-top: -0.625em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .form1 .errorFieldGroup, .order-form .errorFieldGroup, .checkoutStep3 .sepaMandate .errorFieldGroup { width: 95%; margin-left: 1.5625em; /* arrow code */ /* arrow code end*/ margin-bottom: 0.3125em; } .form1 .errorFieldGroup:after, .order-form .errorFieldGroup:after, .checkoutStep3 .sepaMandate .errorFieldGroup:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ff9900; border-width: 0.625em; margin-top: -0.625em; } } @media screen and (max-width: 659px) { .form1 .errorFieldGroup, .order-form .errorFieldGroup, .checkoutStep3 .sepaMandate .errorFieldGroup { width: 100%; margin-bottom: 0.9375em; } .form1 .errorFieldGroup:after, .order-form .errorFieldGroup:after, .checkoutStep3 .sepaMandate .errorFieldGroup:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.625em; margin-left: -0.625em; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .form1 .errorFieldGroup, .order-form .errorFieldGroup, .checkoutStep3 .sepaMandate .errorFieldGroup { position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @media screen and (max-width: 659px) { .form1 .errorFieldGroup, .order-form .errorFieldGroup, .checkoutStep3 .sepaMandate .errorFieldGroup { margin-top: 0.2em; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .form1 .lineGroup .errorsColumn, .order-form .lineGroup .errorsColumn, .checkoutStep3 .sepaMandate .lineGroup .errorsColumn { top: 1.85em; } } .form1 .errorW .errorFieldGroup, .order-form .errorW .errorFieldGroup, .checkoutStep3 .sepaMandate .errorW .errorFieldGroup { display: block; } .form1 .infoTip, .order-form .infoTip, .checkoutStep3 .sepaMandate .infoTip { background-color: #3399cc; padding: 0.5em; width: 95%; color: white; position: relative; z-index: 10; } .form1 .infoTip td:first-child, .order-form .infoTip td:first-child, .checkoutStep3 .sepaMandate .infoTip td:first-child { width: 1.4em; } .form1 .infoTip .tipTtl, .order-form .infoTip .tipTtl, .checkoutStep3 .sepaMandate .infoTip .tipTtl { position: relative; top: 2px; padding-bottom: 0.4em; } .form1 .infoTip td, .order-form .infoTip td, .checkoutStep3 .sepaMandate .infoTip td { color: white; border: 0 none; background-color: #3399cc; padding: 0; padding-bottom: 0.4em; } @media screen and (min-width: 961px) { .form1 .infoTip, .order-form .infoTip, .checkoutStep3 .sepaMandate .infoTip { width: 95%; margin-left: 1.5625em; /* arrow code */ /* arrow code end*/ margin-bottom: 0.3125em; } .form1 .infoTip:after, .order-form .infoTip:after, .checkoutStep3 .sepaMandate .infoTip:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #3399cc; border-width: 0.625em; margin-top: -0.625em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .form1 .infoTip, .order-form .infoTip, .checkoutStep3 .sepaMandate .infoTip { width: 95%; margin-left: 1.5625em; /* arrow code */ /* arrow code end*/ margin-bottom: 0.3125em; } .form1 .infoTip:after, .order-form .infoTip:after, .checkoutStep3 .sepaMandate .infoTip:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #3399cc; border-width: 0.625em; margin-top: -0.625em; } } @media screen and (max-width: 659px) { .form1 .infoTip, .order-form .infoTip, .checkoutStep3 .sepaMandate .infoTip { width: 100%; margin-bottom: 0.9375em; } .form1 .infoTip:after, .order-form .infoTip:after, .checkoutStep3 .sepaMandate .infoTip:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #3399cc; border-width: 0.625em; margin-left: -0.625em; } } .form1 .infoTip .ok td, .order-form .infoTip .ok td, .checkoutStep3 .sepaMandate .infoTip .ok td, .form1 .infoTip .ok span, .order-form .infoTip .ok span, .checkoutStep3 .sepaMandate .infoTip .ok span { color: white; } .form1 .infoTip .ok .icon-checkmark, .order-form .infoTip .ok .icon-checkmark, .checkoutStep3 .sepaMandate .infoTip .ok .icon-checkmark, .form1 .infoTip .ok .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .form1 .infoTip .ok .link-transfer.checked:before, .order-form .infoTip .ok .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .order-form .infoTip .ok .link-transfer.checked:before, .checkoutStep3 .sepaMandate .infoTip .ok .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .checkoutStep3 .sepaMandate .infoTip .ok .link-transfer.checked:before, .form1 .infoTip .ok .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .form1 .infoTip .ok .link-transfer.checked:before, .order-form .infoTip .ok .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .order-form .infoTip .ok .link-transfer.checked:before, .checkoutStep3 .sepaMandate .infoTip .ok .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .checkoutStep3 .sepaMandate .infoTip .ok .link-transfer.checked:before, .form1 .infoTip .ok .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .infoTip .ok .ui-checkboxradio-icon:before, .order-form .infoTip .ok .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .infoTip .ok .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .infoTip .ok .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .infoTip .ok .ui-checkboxradio-icon:before, .form1 .infoTip .ok #pickup-choose.checked, .order-form .infoTip .ok #pickup-choose.checked, .checkoutStep3 .sepaMandate .infoTip .ok #pickup-choose.checked, .form1 .infoTip .ok .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .form1 .infoTip .ok .ui-checkboxradio-icon:before, .order-form .infoTip .ok .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .order-form .infoTip .ok .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .checkoutStep3 .sepaMandate .infoTip .ok .ui-checkboxradio-icon:before { display: block; } .form1 .infoTip .icon-checkmark, .order-form .infoTip .icon-checkmark, .checkoutStep3 .sepaMandate .infoTip .icon-checkmark, .form1 .infoTip .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .form1 .infoTip .link-transfer.checked:before, .order-form .infoTip .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .order-form .infoTip .link-transfer.checked:before, .checkoutStep3 .sepaMandate .infoTip .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .checkoutStep3 .sepaMandate .infoTip .link-transfer.checked:before, .form1 .infoTip .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .form1 .infoTip .link-transfer.checked:before, .order-form .infoTip .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .order-form .infoTip .link-transfer.checked:before, .checkoutStep3 .sepaMandate .infoTip .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .checkoutStep3 .sepaMandate .infoTip .link-transfer.checked:before, .form1 .infoTip .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .infoTip .ui-checkboxradio-icon:before, .order-form .infoTip .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .infoTip .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .infoTip .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .infoTip .ui-checkboxradio-icon:before, .form1 .infoTip #pickup-choose.checked, .order-form .infoTip #pickup-choose.checked, .checkoutStep3 .sepaMandate .infoTip #pickup-choose.checked, .form1 .infoTip .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .form1 .infoTip .ui-checkboxradio-icon:before, .order-form .infoTip .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .order-form .infoTip .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .infoTip .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .checkoutStep3 .sepaMandate .infoTip .ui-checkboxradio-icon:before { display: none; } .form1 .infoTip.hiddenPos, .order-form .infoTip.hiddenPos, .checkoutStep3 .sepaMandate .infoTip.hiddenPos { position: absolute; left: -10000%; } .form1 .infoTip.absPos, .order-form .infoTip.absPos, .checkoutStep3 .sepaMandate .infoTip.absPos { position: absolute; left: 0; top: 0; } .form1 .infoTip.relPos, .order-form .infoTip.relPos, .checkoutStep3 .sepaMandate .infoTip.relPos { position: relative; left: 0; top: 0; } .form1 label, .order-form label, .checkoutStep3 .sepaMandate label { color: #636363; margin-bottom: 0.625em; display: block; } @media screen and (max-width: 659px) { .form1 .noErrorAfter, .order-form .noErrorAfter, .checkoutStep3 .sepaMandate .noErrorAfter { margin-bottom: 1.5em; } } .form1 .txt input, .order-form .txt input, .checkoutStep3 .sepaMandate .txt input { display: block; background-color: #EFEFEF; border: 0 none; height: 2.8125em; width: 100%; padding: 0.5em; box-sizing: border-box; } .form1 .txt input:disabled, .order-form .txt input:disabled, .checkoutStep3 .sepaMandate .txt input:disabled { color: #EFEFEF; background-color: #BABABA; } @media screen and (max-width: 659px) { .form1 .txt input, .order-form .txt input, .checkoutStep3 .sepaMandate .txt input { margin-bottom: 0.5em; height: 2.5em; } } .form1 .txt.no-bottom-margin input, .order-form .txt.no-bottom-margin input, .checkoutStep3 .sepaMandate .txt.no-bottom-margin input { margin-bottom: 0; } @media screen and (max-width: 659px) { .form1 .txt.no-bottom-margin, .order-form .txt.no-bottom-margin, .checkoutStep3 .sepaMandate .txt.no-bottom-margin { margin-bottom: 0.5em; } } @media screen and (min-width: 961px) { .form1 .txt2 input, .order-form .txt2 input, .checkoutStep3 .sepaMandate .txt2 input { width: 40%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .form1 .txt2 input, .order-form .txt2 input, .checkoutStep3 .sepaMandate .txt2 input { width: 60%; } } @media screen and (max-width: 659px) { .form1 .txt2 input, .order-form .txt2 input, .checkoutStep3 .sepaMandate .txt2 input { width: 100%; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .form1 .txt2.newCaptchaCSS .errorsColumn, .order-form .txt2.newCaptchaCSS .errorsColumn, .checkoutStep3 .sepaMandate .txt2.newCaptchaCSS .errorsColumn { position: relative; left: -24%; width: 20%; } } .form1 .inputAndErr .error:before, .order-form .inputAndErr .error:before, .checkoutStep3 .sepaMandate .inputAndErr .error:before, .form1 .inputAndErr .error:after, .order-form .inputAndErr .error:after, .checkoutStep3 .sepaMandate .inputAndErr .error:after { content: ""; display: table; } .form1 .inputAndErr .error:after, .order-form .inputAndErr .error:after, .checkoutStep3 .sepaMandate .inputAndErr .error:after { clear: both; } .form1 .inputAndErr .error label, .order-form .inputAndErr .error label, .checkoutStep3 .sepaMandate .inputAndErr .error label { float: left; } .form1 .inputAndErr .error input, .order-form .inputAndErr .error input, .checkoutStep3 .sepaMandate .inputAndErr .error input { float: left; clear: left; } .form1 .inputAndErr .error .error-message, .order-form .inputAndErr .error .error-message, .checkoutStep3 .sepaMandate .inputAndErr .error .error-message { float: left; background-color: #ff9900; min-height: 2em; padding: 0.8125em; width: 95%; color: white; position: relative; margin-top: 0; margin-bottom: 0; position: relative; } @media screen and (min-width: 961px) { .form1 .inputAndErr .error .error-message, .order-form .inputAndErr .error .error-message, .checkoutStep3 .sepaMandate .inputAndErr .error .error-message { width: 95%; margin-left: 1.5625em; /* arrow code */ /* arrow code end*/ margin-bottom: 0.3125em; } .form1 .inputAndErr .error .error-message:after, .order-form .inputAndErr .error .error-message:after, .checkoutStep3 .sepaMandate .inputAndErr .error .error-message:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ff9900; border-width: 0.625em; margin-top: -0.625em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .form1 .inputAndErr .error .error-message, .order-form .inputAndErr .error .error-message, .checkoutStep3 .sepaMandate .inputAndErr .error .error-message { width: 95%; margin-left: 1.5625em; /* arrow code */ /* arrow code end*/ margin-bottom: 0.3125em; } .form1 .inputAndErr .error .error-message:after, .order-form .inputAndErr .error .error-message:after, .checkoutStep3 .sepaMandate .inputAndErr .error .error-message:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ff9900; border-width: 0.625em; margin-top: -0.625em; } } @media screen and (max-width: 659px) { .form1 .inputAndErr .error .error-message, .order-form .inputAndErr .error .error-message, .checkoutStep3 .sepaMandate .inputAndErr .error .error-message { width: 100%; margin-bottom: 0.9375em; } .form1 .inputAndErr .error .error-message:after, .order-form .inputAndErr .error .error-message:after, .checkoutStep3 .sepaMandate .inputAndErr .error .error-message:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.625em; margin-left: -0.625em; } } @media screen and (min-width: 961px) { .form1 .inputAndErr .error .error-message, .order-form .inputAndErr .error .error-message, .checkoutStep3 .sepaMandate .inputAndErr .error .error-message { width: 40%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .form1 .inputAndErr .error .error-message, .order-form .inputAndErr .error .error-message, .checkoutStep3 .sepaMandate .inputAndErr .error .error-message { width: 36%; } } @media screen and (max-width: 659px) { .form1 .inputAndErr .error .error-message, .order-form .inputAndErr .error .error-message, .checkoutStep3 .sepaMandate .inputAndErr .error .error-message { width: 100%; margin-top: 0.2em; } } @media screen and (min-width: 961px) { .form1 .fCaptcha.inputAndErr .error .error-message, .order-form .fCaptcha.inputAndErr .error .error-message, .checkoutStep3 .sepaMandate .fCaptcha.inputAndErr .error .error-message { width: 37%; } } .form1 .radiobuttongroup:before, .order-form .radiobuttongroup:before, .checkoutStep3 .sepaMandate .radiobuttongroup:before, .form1 .radiobuttongroup:after, .order-form .radiobuttongroup:after, .checkoutStep3 .sepaMandate .radiobuttongroup:after { content: ""; display: table; } .form1 .radiobuttongroup:after, .order-form .radiobuttongroup:after, .checkoutStep3 .sepaMandate .radiobuttongroup:after { clear: both; } .form1 .radiobuttongroup .fieldsColumn, .order-form .radiobuttongroup .fieldsColumn, .checkoutStep3 .sepaMandate .radiobuttongroup .fieldsColumn { margin-top: 10px; } @media screen and (max-width: 659px) { .form1 .radiobuttongroup .fieldsColumn, .order-form .radiobuttongroup .fieldsColumn, .checkoutStep3 .sepaMandate .radiobuttongroup .fieldsColumn { margin-bottom: 6px; } } .form1 .radiobuttongroup label, .order-form .radiobuttongroup label, .checkoutStep3 .sepaMandate .radiobuttongroup label { margin-bottom: 0; } .form1 .radiobuttongroup label > .ui-checkboxradio-icon:before, .order-form .radiobuttongroup label > .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .radiobuttongroup label > .ui-checkboxradio-icon:before { background-color: #EFEFEF; padding: 1em; content: ''; line-height: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; font-size: 0.7em; content: ""; float: left; margin-right: 0.3125em; } .form1 .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .order-form .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before { padding: .5em; /*font-family: 'bauhaus'; font-size: $fs;*/ } .form1 .radiobuttongroup .radiobox, .order-form .radiobuttongroup .radiobox, .checkoutStep3 .sepaMandate .radiobuttongroup .radiobox { position: relative; float: left; } .form1 .radiobuttongroup .radiobox:before, .order-form .radiobuttongroup .radiobox:before, .checkoutStep3 .sepaMandate .radiobuttongroup .radiobox:before, .form1 .radiobuttongroup .radiobox:after, .order-form .radiobuttongroup .radiobox:after, .checkoutStep3 .sepaMandate .radiobuttongroup .radiobox:after { content: ""; display: table; } .form1 .radiobuttongroup .radiobox:after, .order-form .radiobuttongroup .radiobox:after, .checkoutStep3 .sepaMandate .radiobuttongroup .radiobox:after { clear: both; } .form1 .radiobuttongroup .radiobox label, .order-form .radiobuttongroup .radiobox label, .checkoutStep3 .sepaMandate .radiobuttongroup .radiobox label { float: right; padding-left: 0.3em; cursor: pointer; } .form1 .radiobuttongroup .radiobox input, .order-form .radiobuttongroup .radiobox input, .checkoutStep3 .sepaMandate .radiobuttongroup .radiobox input { width: 1px; height: 1px; float: left; top: 0.3em; position: relative; } .form1 .radiobuttongroup.radioWithCheckbox .radiobox, .order-form .radiobuttongroup.radioWithCheckbox .radiobox, .checkoutStep3 .sepaMandate .radiobuttongroup.radioWithCheckbox .radiobox { height: 29px; } .form1 .radiobuttongroup .style1, .order-form .radiobuttongroup .style1, .checkoutStep3 .sepaMandate .radiobuttongroup .style1 { padding-left: 4%; } .form1 .radiobuttongroup .style1 label, .order-form .radiobuttongroup .style1 label, .checkoutStep3 .sepaMandate .radiobuttongroup .style1 label { padding-left: 0; } .form1 .radiobuttongroup .style2, .order-form .radiobuttongroup .style2, .checkoutStep3 .sepaMandate .radiobuttongroup .style2 { padding-left: 12%; /*fix for bottom spacing*/ } .form1 .radiobuttongroup .style2 label span.ui-checkboxradio-icon, .order-form .radiobuttongroup .style2 label span.ui-checkboxradio-icon, .checkoutStep3 .sepaMandate .radiobuttongroup .style2 label span.ui-checkboxradio-icon { display: inline; margin-left: 5px; } .form1 .error label, .order-form .error label, .checkoutStep3 .sepaMandate .error label, .form1 .error .label, .order-form .error .label, .checkoutStep3 .sepaMandate .error .label, .form1 .error .label a, .order-form .error .label a, .checkoutStep3 .sepaMandate .error .label a, .form1 label.error, .order-form label.error, .checkoutStep3 .sepaMandate label.error { color: #ff9900; } .form1 .fieldVis1 label, .order-form .fieldVis1 label, .checkoutStep3 .sepaMandate .fieldVis1 label, .form1 .fieldVis1 .label, .order-form .fieldVis1 .label, .checkoutStep3 .sepaMandate .fieldVis1 .label, .form1 .fieldVis1 .label a, .order-form .fieldVis1 .label a, .checkoutStep3 .sepaMandate .fieldVis1 .label a, .form1 label.fieldVis1, .order-form label.fieldVis1, .checkoutStep3 .sepaMandate label.fieldVis1 { color: #3399cc; } .form1 .error .no-error label, .order-form .error .no-error label, .checkoutStep3 .sepaMandate .error .no-error label, .form1 .error .no-error .label, .order-form .error .no-error .label, .checkoutStep3 .sepaMandate .error .no-error .label, .form1 .error .no-error .label a, .order-form .error .no-error .label a, .checkoutStep3 .sepaMandate .error .no-error .label a, .form1 .no-error label.error, .order-form .no-error label.error, .checkoutStep3 .sepaMandate .no-error label.error { color: #636363; } .form1 .fieldVis1 .no-error label, .order-form .fieldVis1 .no-error label, .checkoutStep3 .sepaMandate .fieldVis1 .no-error label, .form1 .fieldVis1 .no-error .label, .order-form .fieldVis1 .no-error .label, .checkoutStep3 .sepaMandate .fieldVis1 .no-error .label, .form1 .fieldVis1 .no-error .label a, .order-form .fieldVis1 .no-error .label a, .checkoutStep3 .sepaMandate .fieldVis1 .no-error .label a, .form1 .fieldVis1 .no-error label.error, .order-form .fieldVis1 .no-error label.error, .checkoutStep3 .sepaMandate .fieldVis1 .no-error label.error { color: #636363; } .form1 .error input, .order-form .error input, .checkoutStep3 .sepaMandate .error input, .form1 .error select, .order-form .error select, .checkoutStep3 .sepaMandate .error select, .form1 .error textarea, .order-form .error textarea, .checkoutStep3 .sepaMandate .error textarea, .form1 .error .ui-selectmenu-button, .order-form .error .ui-selectmenu-button, .checkoutStep3 .sepaMandate .error .ui-selectmenu-button { outline-offset: -1px; outline: 1px solid #ff9900; } .form1 .fieldVis1 input, .order-form .fieldVis1 input, .checkoutStep3 .sepaMandate .fieldVis1 input, .form1 .fieldVis1 select, .order-form .fieldVis1 select, .checkoutStep3 .sepaMandate .fieldVis1 select, .form1 .fieldVis1 textarea, .order-form .fieldVis1 textarea, .checkoutStep3 .sepaMandate .fieldVis1 textarea, .form1 .fieldVis1 .ui-selectmenu-button, .order-form .fieldVis1 .ui-selectmenu-button, .checkoutStep3 .sepaMandate .fieldVis1 .ui-selectmenu-button { outline-offset: -1px; outline: 1px solid #3399cc; } .form1 .checkGroupW.fieldVis1 .checkboxgroup.hiddenlabel label .ui-checkboxradio-icon:before, .order-form .checkGroupW.fieldVis1 .checkboxgroup.hiddenlabel label .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkGroupW.fieldVis1 .checkboxgroup.hiddenlabel label .ui-checkboxradio-icon:before { outline-offset: -1px; outline: 1px solid #3399cc; } .form1 .errPlaceHolder.error textarea, .order-form .errPlaceHolder.error textarea, .checkoutStep3 .sepaMandate .errPlaceHolder.error textarea { outline-offset: -1px; outline: 1px solid #ff9900; } .form1 #newsletter-info-box, .order-form #newsletter-info-box, .checkoutStep3 .sepaMandate #newsletter-info-box { border: 1px dashed; height: 1em; overflow: hidden; } .form1 #newsletter-info-box:before, .order-form #newsletter-info-box:before, .checkoutStep3 .sepaMandate #newsletter-info-box:before { content: "-----FOR LATER TASK-----"; } .form1 .fCaptcha input, .order-form .fCaptcha input, .checkoutStep3 .sepaMandate .fCaptcha input { display: block; } .form1 .btn-login, .order-form .btn-login, .checkoutStep3 .sepaMandate .btn-login { text-align: left; position: relative; } @media screen and (max-width: 659px) { .form1 .btn-login, .order-form .btn-login, .checkoutStep3 .sepaMandate .btn-login { margin: 0 0 3em 0; } } .form1 .btn-login button, .order-form .btn-login button, .checkoutStep3 .sepaMandate .btn-login button { background-color: #EE1F26; color: white; border: 0 none; padding: 0.5em 1em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .form1 .btn-login button, .order-form .btn-login button, .checkoutStep3 .sepaMandate .btn-login button { text-align: right; float: right; } } @media screen and (max-width: 659px) { .form1 .btn-login button, .order-form .btn-login button, .checkoutStep3 .sepaMandate .btn-login button { margin: 3em 0 0 0; } } .form1 .btn-login button a, .order-form .btn-login button a, .checkoutStep3 .sepaMandate .btn-login button a { color: white; } @media screen and (max-width: 659px) { .form1 .hide-on-s, .order-form .hide-on-s, .checkoutStep3 .sepaMandate .hide-on-s { display: none; } } .form1 .submit.checkout-voucher-add, .order-form .submit.checkout-voucher-add, .checkoutStep3 .sepaMandate .submit.checkout-voucher-add { text-align: left; position: relative; } @media screen and (max-width: 659px) { .form1 .submit.checkout-voucher-add, .order-form .submit.checkout-voucher-add, .checkoutStep3 .sepaMandate .submit.checkout-voucher-add { margin: 0 0 3em 0; } } .form1 .submit.checkout-voucher-add .txt, .order-form .submit.checkout-voucher-add .txt, .checkoutStep3 .sepaMandate .submit.checkout-voucher-add .txt { /*@media screen and (min-width: 660px)and(max-width: 960px){ float: left; width: 80%; } @media screen and (max-width: 659px){ text-align: left; }*/ text-align: right; float: right; clear: right; } .form1 .submit.checkout-voucher-add button, .order-form .submit.checkout-voucher-add button, .checkoutStep3 .sepaMandate .submit.checkout-voucher-add button { float: right; margin: 0 0 20px 0; background-color: #636363; color: white; border: 0 none; padding: 0.5em 1em; } .form1 .submit.checkout-voucher-add button a, .order-form .submit.checkout-voucher-add button a, .checkoutStep3 .sepaMandate .submit.checkout-voucher-add button a { color: white; } .form1 .submit, .order-form .submit, .checkoutStep3 .sepaMandate .submit { text-align: right; } .form1 .submit button, .order-form .submit button, .checkoutStep3 .sepaMandate .submit button { background-color: #EE1F26; color: white; border: 0 none; padding: 0.5em 1em; } .form1 .submit button a, .order-form .submit button a, .checkoutStep3 .sepaMandate .submit button a { color: white; } .form1 .submit button.secondaryBtn, .order-form .submit button.secondaryBtn, .checkoutStep3 .sepaMandate .submit button.secondaryBtn { background-color: #BABABA; } .form1 .submit .requiredlabel, .order-form .submit .requiredlabel, .checkoutStep3 .sepaMandate .submit .requiredlabel { float: left; } @media screen and (max-width: 659px) { .form1 .submit .requiredlabel, .order-form .submit .requiredlabel, .checkoutStep3 .sepaMandate .submit .requiredlabel { width: 100%; display: block; text-align: left; padding-bottom: 1em; } } .form1 .width23, .order-form .width23, .checkoutStep3 .sepaMandate .width23 { width: 23%; } .form1 .width73, .order-form .width73, .checkoutStep3 .sepaMandate .width73 { width: 73%; } .form1 .txtAsLabel, .order-form .txtAsLabel, .checkoutStep3 .sepaMandate .txtAsLabel { float: left; width: 40%; margin-right: 10%; color: #636363; margin-bottom: 0.625em; display: block; } @media screen and (max-width: 659px) { .form1 .txtAsLabel, .order-form .txtAsLabel, .checkoutStep3 .sepaMandate .txtAsLabel { width: 100%; margin-bottom: 0.125em; } } .form1 .valAsLabel, .order-form .valAsLabel, .checkoutStep3 .sepaMandate .valAsLabel { float: left; color: #636363; margin-bottom: 0.625em; display: block; font-weight: bold; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .form1 .vertCent, .order-form .vertCent, .checkoutStep3 .sepaMandate .vertCent { position: absolute; top: 50%; transform: translate(0, -50%); } } @media screen and (min-width: 961px) { .form1 .vertCent, .order-form .vertCent, .checkoutStep3 .sepaMandate .vertCent { left: 40%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .form1 .vertCent, .order-form .vertCent, .checkoutStep3 .sepaMandate .vertCent { left: 60%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .tabsCW { display: none; } } @media screen and (max-width: 659px) { .tabsCW { display: none; } } .tabsCW .tabC { cursor: pointer; position: relative; background-color: #DADADA; color: #636363; text-align: center; height: 3.125em; line-height: 3.125em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } .tabsCW .tabC.active { background-color: white; } .tabsCW .tabC .idToUse { position: absolute; left: -2000px; top: 0; } .tabsCW .tabC .whB { position: absolute; top: 0; left: 0; height: 100%; width: 0.0625em; background-color: white; } .tabsCW .tabC .whB.right { left: auto; right: 0; } .tabsCW .tabC:last-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } .whiteBg { background-color: "white"; } @media screen and (max-width: 659px) { .lightbox-search #packstationLocationFinder .btn-search:before { content: "\e804"; font-family: 'bauhaus'; } .lightbox-search #packstationLocationFinder .btn-search span { display: none; } } @media screen and (min-width: 961px) { .checkOutAccord .accordion-section-title { display: none; } } .order-form { padding: 0; } .order-form .line { margin-bottom: 1.5625em; } @media screen and (max-width: 659px) { .order-form .line { margin-bottom: 1.25em; } } .order-form .infoTip { background-color: #3399cc; padding: 0.5em; width: 95%; color: white; position: relative; z-index: 10; } .order-form .infoTip td:first-child { width: 1.4em; } .order-form .infoTip .tipTtl { padding-bottom: 0.4em; } .order-form .infoTip td { color: white; border: 0 none; background-color: #3399cc; padding: 0; padding-bottom: 0.4em; } @media screen and (min-width: 961px) { .order-form .infoTip { width: 95%; margin-left: 1.5625em; /* arrow code */ /* arrow code end*/ margin-bottom: 0.3125em; } .order-form .infoTip:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #3399cc; border-width: 0.625em; margin-top: -0.625em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .order-form .infoTip { width: 100%; margin-left: 0; margin-bottom: 0.625em; margin-top: 0.9375em; top: 0; } .order-form .infoTip:after { top: -10%; bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #3399cc; border-width: 0.625em; margin-left: -0.625em; } } @media screen and (max-width: 659px) { .order-form .infoTip { width: 100%; margin-bottom: 0.9375em; } .order-form .infoTip:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #3399cc; border-width: 0.625em; margin-left: -0.625em; } } .order-form.hiddenPos { position: absolute; left: -10000%; } .order-form.absPos { position: relative; left: 0; top: 0; margin-top: 10px; margin-bottom: 10px; } .order-form.relPos { position: relative; left: 0; top: 0; } .order-form .whitespace { margin-top: 1em; } .order-form .primaryBtn { float: right; margin: 1em 1em 1em 0; padding: 1em; color: #EE1F26; } .order-form .sprites-after { color: #FFFFFF; } .order-form .errorsColumn { display: block; float: left; position: relative; min-height: 2.8125em; } @media screen and (min-width: 961px) { .order-form .errorsColumn { width: 100%; top: -3em; left: 100%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .order-form .errorsColumn { top: .3em; width: 100%; } } @media screen and (max-width: 659px) { .order-form .errorsColumn { width: 100%; min-height: 0; margin-top: 0.2em; } .order-form .errorsColumn .errorFieldGroup { margin-top: 0em; } } .order-form label { color: #636363; margin-bottom: 0.625em; display: block; font-weight: bold; } #checkoutPaymentAddressDataForm .requiredlabel, #checkoutDeliveryAddressDataForm .requiredlabel { margin-bottom: 1.25em; } .checkboxgroup + p.plain { margin-left: 30px; } .posRel { position: relative; } .isForeignCustomer { background-color: #3399cc; color: #FFFFFF; padding: 0.5em; } .disabledCountryTopLayer { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; } .st1 { color: #636363; margin-bottom: 0.625em; display: block; } .update-design-customer-adress .bgWhite { display: table; width: 100%; } .update-design-customer-adress header { display: table; padding: 0 0em; } .update-design-customer-adress header h1 { margin: 0 0 0.67em 0; } .update-design-customer-adress .s-view { margin: 0 0 0 1em !important; } @media screen and (min-width: 961px) { .update-design-customer-adress .right-side { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-design-customer-adress .right-side { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (max-width: 659px) { .update-design-customer-adress .last-navigation-item li { display: none; } .update-design-customer-adress .last-navigation-item li.back-button { display: block; } } @media screen and (min-width: 961px) { .update-design-customer-adress .text-before-billing { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-design-customer-adress .text-before-billing { display: block; } } @media screen and (max-width: 659px) { .update-design-customer-adress .text-before-billing { display: block; } } .update-design-customer-adress .title-address { position: relative; height: 3em; line-height: 3em; background-color: #DADADA; font-weight: normal; padding: 0 1em; margin: 0; } .update-design-customer-adress .title-address .editit { width: 3em !important; height: 3em !important; top: 0 !important; } @media screen and (min-width: 961px) { .update-design-customer-adress .title-address .editit { right: -3.1em !important; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-design-customer-adress .title-address .editit { right: -3.03em !important; } } @media screen and (max-width: 659px) { .update-design-customer-adress .title-address { margin: 0 0 3.6875em 0; } } .update-design-customer-adress .title-address .options { float: right; right: 0; } @media screen and (max-width: 659px) { .update-design-customer-adress .title-address .options { float: none; } } @media screen and (max-width: 659px) { .update-design-customer-adress .title-address .options span { line-height: 3.6875em; } } .update-design-customer-adress .icon-arrow-right, .update-design-customer-adress .fancybox-nav.fancybox-next:before, .update-design-customer-adress .productWrapper .product-images .controls .nextBtn:before, .productWrapper .product-images .controls .update-design-customer-adress .nextBtn:before, .update-design-customer-adress .relatedProductsCarouselWrapper .controls .nextBtn:before, .relatedProductsCarouselWrapper .controls .update-design-customer-adress .nextBtn:before, .update-design-customer-adress .mainSlider .controls .nextBtn:before, .mainSlider .controls .update-design-customer-adress .nextBtn:before, .update-design-customer-adress #categoryNav li.nextLevel > a:before, #categoryNav .update-design-customer-adress li.nextLevel > a:before, .update-design-customer-adress #beratungSubNavigation li.nextLevel > a:before, #beratungSubNavigation .update-design-customer-adress li.nextLevel > a:before, .update-design-customer-adress .mobileNavigationPanel li.nextLevel > a:before, .mobileNavigationPanel .update-design-customer-adress li.nextLevel > a:before, .update-design-customer-adress .serviceMetaNavigation ul li.nextLevel > a:before, .serviceMetaNavigation ul .update-design-customer-adress li.nextLevel > a:before, .update-design-customer-adress .mobileNavigation li span, .mobileNavigation li .update-design-customer-adress span, .update-design-customer-adress .indexModules .tabs .ui-tabs-panel .bd .link-list li a:before, .indexModules .tabs .ui-tabs-panel .bd .link-list li .update-design-customer-adress a:before, .update-design-customer-adress .indexModules .homePageQuickLinks .quickLinks ul li a:before, .indexModules .homePageQuickLinks .quickLinks ul li .update-design-customer-adress a:before, .update-design-customer-adress .pictoService .service-link a:before, .pictoService .service-link .update-design-customer-adress a:before, .update-design-customer-adress .timeslotslider .slides-direction-nav .slides-next, .timeslotslider .slides-direction-nav .update-design-customer-adress .slides-next, .update-design-customer-adress .custom-header nav span.custom-next, .custom-header nav .update-design-customer-adress span.custom-next, .update-design-customer-adress .fachcentren-slider .slides-direction-nav .slides-next, .fachcentren-slider .slides-direction-nav .update-design-customer-adress .slides-next, .update-design-customer-adress .comparison-page .container-right .relatedProductsCarouselWrapper .dummy-right:before, .comparison-page .container-right .relatedProductsCarouselWrapper .update-design-customer-adress .dummy-right:before, .update-design-customer-adress .comparison-page .container-columns-right .relatedProductsCarouselWrapper .dummy-right:before, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .update-design-customer-adress .dummy-right:before { font-size: 0.6em; } .update-design-customer-adress form { float: left; min-height: 15.625em; } .update-design-customer-adress .sub-title-address { position: relative; height: 2.25em; line-height: 2.25em; background-color: #DADADA; font-weight: normal; padding: 0 1em; margin: 0; font-size: 1.125em; margin: 0.0625em 0.0625em 0 0; } .update-design-customer-adress .sub-address { min-height: 15.625em; margin-bottom: 20px; } @media screen and (min-width: 961px) { .update-design-customer-adress .sub-address { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; } .update-design-customer-adress .sub-address:nth-child(3n + 1) .sub-title-address { margin: 0.0625em 0 0 0; box-shadow: 1px 0px 0px 0px #DADADA; } .update-design-customer-adress .sub-address:nth-child(3n + 1) .editit, .update-design-customer-adress .sub-address:nth-child(3n + 1) .deleteit { right: -1px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-design-customer-adress .sub-address { width: 49.95%; float: left; } .update-design-customer-adress .sub-address:nth-child(2n + 1) .sub-title-address { margin: 0.0625em 0 0 0; box-shadow: 1px 0px 0px 0px #DADADA; } .update-design-customer-adress .sub-address:nth-child(2n + 1) .editit, .update-design-customer-adress .sub-address:nth-child(2n + 1) .deleteit { right: -1px; } } @media screen and (max-width: 659px) { .update-design-customer-adress .sub-address { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-design-customer-adress .billing-address-pluscard { width: 100% !important; } } .update-design-customer-adress .billing-address-common { width: 100%; /*@media screen and (min-width: 961px), screen and (min-width: 660px)and(max-width: 960px), screen and (max-width: 659px){ width: calc(100% - 58px) !important; }*/ } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-design-customer-adress .billing-address-common-pluscard { width: calc(100%) !important; } } .update-design-customer-adress .billing-address { display: inline-block; margin: 0 0 1em 0; } .update-design-customer-adress .billing-address .text-before-billing { position: relative; min-height: 4.375em; height: auto; padding: 1.8em 1.35em; } @media screen and (min-width: 961px) { .update-design-customer-adress .billing-address .text-before-billing { display: block; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-design-customer-adress .billing-address .text-before-billing { display: none; } } @media screen and (max-width: 659px) { .update-design-customer-adress .billing-address .text-before-billing { display: none; } } .update-design-customer-adress .billing-address .text-before-billing span { position: relative; width: 100%; } .update-design-customer-adress .billing-address .title-address { margin: 0; } @media screen and (min-width: 961px), screen and (max-width: 659px) { .update-design-customer-adress .billing-address.full-width { margin: 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-design-customer-adress .billing-address.full-width { margin: 0 0 1em 0; } } .update-design-customer-adress .text-no-address-info { padding-left: 1.2em; } .update-design-customer-adress .add-address { background-color: #636363; color: #FFFFFF; border: 0 none; padding: 0.6em 1.2em; margin: 5em 1em 0; font-size: 18px; } .update-design-customer-adress .text-bill { font-size: 0.875em; margin-top: 1.4375em; } .update-design-customer-adress .infobox { border: none; } .update-design-customer-adress .infobox ul { position: relative; padding: 0 1em; margin: 1.3125em 0 0 0; } .update-design-customer-adress .infobox .editit { position: absolute; width: 2.8125em; height: 2.8125em; background-color: #DADADA; top: -1.25em; right: 0.0625em; } .update-design-customer-adress .infobox .editit a { position: absolute; width: 100%; height: 100%; } .update-design-customer-adress .infobox .editit a span { position: absolute; width: 1em; height: 1em; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .update-design-customer-adress .infobox .deleteit { position: absolute; width: 2.8125em; height: 2.8125em; background-color: #DADADA; top: 1.625em; right: 0.0625em; } .update-design-customer-adress .infobox .deleteit a { position: absolute; width: 100%; height: 100%; } .update-design-customer-adress .infobox .deleteit a span { position: absolute; width: 1.25em; height: 1.25em; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .update-design-customer-adress .infobox .lower-parts { border: none; } .update-design-customer-adress .infobox .lower-parts .delivery { margin-left: 0; } .print-top { display: none; } .modPageFunctions span { font-size: 0.6em; } .body .contentGrid { margin-left: auto; margin-right: auto; background: #FFFFFF; } .body .contentGrid .gridTitle { padding-left: 10px; color: #666666; } .body .contentGrid::after { content: " "; display: block; clear: both; } .body section.modProductTeaser { float: left; background: #E5E6E6; text-align: center; height: auto !important; } .body section.modProductTeaser .media img { display: block; width: 100%; height: 100%; } .body section.modProductTeaser .media .bd { display: none; } .body section.modProductTeaser h3 { position: absolute; display: inline-block; width: 100%; margin-top: 0; margin-bottom: 0; bottom: 15%; left: 0; } .body .whiteBg { background: #FFFFFF; min-height: 500px; } @media screen and (min-width: 961px) { .body section.modProductTeaser { width: 25%; } .body .contentGrid { width: 100%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .body section.modProductTeaser { width: 33.3%; } .body .contentGrid { width: 100%; } } @media screen and (max-width: 659px) { .body section.modProductTeaser { width: 50%; } .body .contentGrid { width: 100%; } } .productTeaserImage { position: relative; height: auto; } .body .errorGrid { padding-top: 4px; } @media screen and (min-width: 660px) and (max-width: 960px) { .body .errorGrid { background-color: #FFFFFF; padding-top: 0; } } @media screen and (max-width: 659px) { .body .errorGrid { background-color: #FFFFFF; padding-top: 7px; } } .body .errorGrid .errorTitle { padding-left: 20px; margin-bottom: 16px; } @media screen and (max-width: 659px) { .body .errorGrid .errorTitle { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .body .errorGrid .errorTitle { margin-top: 0; margin-bottom: 0; } } .body .errorGrid .errorContent { width: 100%; height: 100%; padding: 8px 20px 10px 20px; background: #FFFFFF; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .body .errorGrid .errorContent p:first-child { margin-top: 0; } } .carouselHeader { padding: 1em; font-size: 1.1em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; background-color: #DADADA; margin: 0; } .imageGalleryComponentWrapper { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; } @media screen and (max-width: 659px) { .imageGalleryComponentWrapper .hidden { display: block; } .imageGalleryComponentWrapper .hidden img { display: none; } } .imageGalleryComponentSecond { margin-bottom: 1.25em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .imageGalleryComponentSecond .product-link { padding: 0 1.25em; } } @media screen and (max-width: 659px) { .imageGalleryComponentSecond .product-link { padding: 0 0.625em; } } .relatedProductsCarousel, .zuberhorProductCarousel, .imageGalleryComponent, .imageGalleryComponentSecond { max-width: 100%; margin-left: auto; margin-right: auto; position: relative; display: block; overflow: hidden; width: auto; width: 100%; } .relatedProductsCarousel:after, .zuberhorProductCarousel:after, .imageGalleryComponent:after, .imageGalleryComponentSecond:after { content: " "; display: block; clear: both; } .relatedProductsCarousel ul, .zuberhorProductCarousel ul, .imageGalleryComponent ul, .imageGalleryComponentSecond ul { width: auto; position: relative; } .relatedProductsCarousel img, .zuberhorProductCarousel img, .imageGalleryComponent img, .imageGalleryComponentSecond img { display: block; height: inherit; width: 100%; } .relatedProductsCarousel .energyPicto img, .zuberhorProductCarousel .energyPicto img, .imageGalleryComponent .energyPicto img, .imageGalleryComponentSecond .energyPicto img { display: inherit; height: inherit; width: inherit; } .relatedProductsCarousel li, .zuberhorProductCarousel li, .imageGalleryComponent li, .imageGalleryComponentSecond li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .relatedProductsCarousel li, .zuberhorProductCarousel li, .imageGalleryComponent li, .imageGalleryComponentSecond li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; } } @media screen and (max-width: 659px) { .relatedProductsCarousel li, .zuberhorProductCarousel li, .imageGalleryComponent li, .imageGalleryComponentSecond li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .relatedProductsCarousel .productImage, .zuberhorProductCarousel .productImage, .imageGalleryComponent .productImage, .imageGalleryComponentSecond .productImage { position: relative; } .relatedProductsCarousel .productImage span, .zuberhorProductCarousel .productImage span, .imageGalleryComponent .productImage span, .imageGalleryComponentSecond .productImage span { position: absolute; min-width: 60px; color: #FFFFFF; top: 0; text-align: center; margin-top: 10px; font-size: 16px; font-family: "tazbold"; z-index: 1; } @media screen and (max-width: 659px) { .relatedProductsCarousel .productImage span, .zuberhorProductCarousel .productImage span, .imageGalleryComponent .productImage span, .imageGalleryComponentSecond .productImage span { display: none; } } .relatedProductsCarousel .productImage .overlay-red, .zuberhorProductCarousel .productImage .overlay-red, .imageGalleryComponent .productImage .overlay-red, .imageGalleryComponentSecond .productImage .overlay-red { width: 72px; background-color: #EE1F26; float: right; right: 0; padding: 3px 5px 5px 5px; margin-right: 10px; } .relatedProductsCarousel .productImage .overlay-red.overlay-red-spain, .zuberhorProductCarousel .productImage .overlay-red.overlay-red-spain, .imageGalleryComponent .productImage .overlay-red.overlay-red-spain, .imageGalleryComponentSecond .productImage .overlay-red.overlay-red-spain { width: 108px; } .relatedProductsCarousel .productImage .overlay-blue, .zuberhorProductCarousel .productImage .overlay-blue, .imageGalleryComponent .productImage .overlay-blue, .imageGalleryComponentSecond .productImage .overlay-blue { background-color: #3399cc; float: left; padding: 3px 8px 5px 8px; margin-left: 10px; } .relatedProductsCarousel .productImage .triangle, .zuberhorProductCarousel .productImage .triangle, .imageGalleryComponent .productImage .triangle, .imageGalleryComponentSecond .productImage .triangle { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #EFEFEF transparent; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; } .relatedProductsCarousel .productInfo, .zuberhorProductCarousel .productInfo, .imageGalleryComponent .productInfo, .imageGalleryComponentSecond .productInfo { background-image: -webkit-radial-gradient(50% 50%, #efefef, #E6E6E6, #D0D0D0 185px); background-image: radial-gradient(185px at 50% 50%, #efefef 0%, #E6E6E6 60%, #D0D0D0 100%); padding: 1em; min-height: 12em; position: relative; } .relatedProductsCarousel .productInfo h3, .zuberhorProductCarousel .productInfo h3, .imageGalleryComponent .productInfo h3, .imageGalleryComponentSecond .productInfo h3 { margin: 0; overflow: hidden; font-size: 1em; } .relatedProductsCarousel .productInfo .title-h3, .zuberhorProductCarousel .productInfo .title-h3, .imageGalleryComponent .productInfo .title-h3, .imageGalleryComponentSecond .productInfo .title-h3 { height: auto; } .relatedProductsCarousel .productInfo p, .zuberhorProductCarousel .productInfo p, .imageGalleryComponent .productInfo p, .imageGalleryComponentSecond .productInfo p { margin-top: 1em; } .relatedProductsCarousel .productInfo .title-p, .zuberhorProductCarousel .productInfo .title-p, .imageGalleryComponent .productInfo .title-p, .imageGalleryComponentSecond .productInfo .title-p { margin-top: 0; } .relatedProductsCarousel .productInfo .subheadline, .zuberhorProductCarousel .productInfo .subheadline, .imageGalleryComponent .productInfo .subheadline, .imageGalleryComponentSecond .productInfo .subheadline { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; } .relatedProductsCarousel .productInfo .product-price, .zuberhorProductCarousel .productInfo .product-price, .imageGalleryComponent .productInfo .product-price, .imageGalleryComponentSecond .productInfo .product-price { position: absolute; bottom: 1em; } .relatedProductsCarousel .productInfo .product-price .price-subline, .zuberhorProductCarousel .productInfo .product-price .price-subline, .imageGalleryComponent .productInfo .product-price .price-subline, .imageGalleryComponentSecond .productInfo .product-price .price-subline { margin: 0; font-size: .8em; min-height: 1.3em; } .relatedProductsCarousel .productInfo .product-price .categorySavedPrice, .zuberhorProductCarousel .productInfo .product-price .categorySavedPrice, .imageGalleryComponent .productInfo .product-price .categorySavedPrice, .imageGalleryComponentSecond .productInfo .product-price .categorySavedPrice { background-color: #FFE805; color: #636363; float: left; text-transform: uppercase; /* arrow code */ /* arrow code end*/ padding: .6em; position: relative; top: 5.5em; width: 4.6em; margin-left: 0; font-size: .7em; line-height: 1em; text-align: center; top: 2em; } .relatedProductsCarousel .productInfo .product-price .categorySavedPrice:after, .zuberhorProductCarousel .productInfo .product-price .categorySavedPrice:after, .imageGalleryComponent .productInfo .product-price .categorySavedPrice:after, .imageGalleryComponentSecond .productInfo .product-price .categorySavedPrice:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #FFE805; border-width: 0.625em; margin-top: -0.625em; } @media screen and (max-width: 659px) { .relatedProductsCarousel .productInfo .product-price .categorySavedPrice, .zuberhorProductCarousel .productInfo .product-price .categorySavedPrice, .imageGalleryComponent .productInfo .product-price .categorySavedPrice, .imageGalleryComponentSecond .productInfo .product-price .categorySavedPrice { display: none; } } .relatedProductsCarousel .productInfo .power .price, .zuberhorProductCarousel .productInfo .power .price, .imageGalleryComponent .productInfo .power .price, .imageGalleryComponentSecond .productInfo .power .price { line-height: 1.9em !important; } .relatedProductsCarousel .productInfo .pricetag, .zuberhorProductCarousel .productInfo .pricetag, .imageGalleryComponent .productInfo .pricetag, .imageGalleryComponentSecond .productInfo .pricetag { display: inline-block; margin-top: 1em; padding: 0 2em 0 0; margin-top: 0; margin-right: 1em; } .relatedProductsCarousel .productInfo .pricetag.promotion, .zuberhorProductCarousel .productInfo .pricetag.promotion, .imageGalleryComponent .productInfo .pricetag.promotion, .imageGalleryComponentSecond .productInfo .pricetag.promotion { min-width: 72px; padding-left: 10px; background-color: #EE1F26; color: #FFFFFF; padding-right: 10px; margin-top: 3.2em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .relatedProductsCarousel .productInfo .pricetag.promotion, .zuberhorProductCarousel .productInfo .pricetag.promotion, .imageGalleryComponent .productInfo .pricetag.promotion, .imageGalleryComponentSecond .productInfo .pricetag.promotion { height: 68px; } } .relatedProductsCarousel .productInfo .pricetag.promotion .price, .zuberhorProductCarousel .productInfo .pricetag.promotion .price, .imageGalleryComponent .productInfo .pricetag.promotion .price, .imageGalleryComponentSecond .productInfo .pricetag.promotion .price { line-height: 1.4em; margin: 0; } .relatedProductsCarousel .productInfo .pricetag.promotion .no-discount, .zuberhorProductCarousel .productInfo .pricetag.promotion .no-discount, .imageGalleryComponent .productInfo .pricetag.promotion .no-discount, .imageGalleryComponentSecond .productInfo .pricetag.promotion .no-discount { line-height: 1.7em; } .relatedProductsCarousel .productInfo .pricetag.power, .zuberhorProductCarousel .productInfo .pricetag.power, .imageGalleryComponent .productInfo .pricetag.power, .imageGalleryComponentSecond .productInfo .pricetag.power { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .relatedProductsCarousel .productInfo .pricetag.blockbuster, .zuberhorProductCarousel .productInfo .pricetag.blockbuster, .imageGalleryComponent .productInfo .pricetag.blockbuster, .imageGalleryComponentSecond .productInfo .pricetag.blockbuster { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .relatedProductsCarousel .productInfo .pricetag .price, .zuberhorProductCarousel .productInfo .pricetag .price, .imageGalleryComponent .productInfo .pricetag .price, .imageGalleryComponentSecond .productInfo .pricetag .price { font-size: 2.5em; line-height: 1.9em; } .relatedProductsCarousel .productInfo .pricetag .price .comma-values, .zuberhorProductCarousel .productInfo .pricetag .price .comma-values, .imageGalleryComponent .productInfo .pricetag .price .comma-values, .imageGalleryComponentSecond .productInfo .pricetag .price .comma-values { font-size: .6em; position: absolute; margin-top: -0.18em; } .relatedProductsCarousel .productInfo .pricetag .price .priceFrom, .zuberhorProductCarousel .productInfo .pricetag .price .priceFrom, .imageGalleryComponent .productInfo .pricetag .price .priceFrom, .imageGalleryComponentSecond .productInfo .pricetag .price .priceFrom { font-size: .6em; } .relatedProductsCarousel .productInfo .pricetag .price .currency-sign, .zuberhorProductCarousel .productInfo .pricetag .price .currency-sign, .imageGalleryComponent .productInfo .pricetag .price .currency-sign, .imageGalleryComponentSecond .productInfo .pricetag .price .currency-sign { display: none; } .relatedProductsCarousel .productInfo .pricetag .price span, .zuberhorProductCarousel .productInfo .pricetag .price span, .imageGalleryComponent .productInfo .pricetag .price span, .imageGalleryComponentSecond .productInfo .pricetag .price span { float: left; } .relatedProductsCarousel .productInfo .pricetag .comma-values, .zuberhorProductCarousel .productInfo .pricetag .comma-values, .imageGalleryComponent .productInfo .pricetag .comma-values, .imageGalleryComponentSecond .productInfo .pricetag .comma-values { position: relative !important; line-height: inherit; } .relatedProductsCarousel .productInfo .pricetag .comma-values .dash-separate, .zuberhorProductCarousel .productInfo .pricetag .comma-values .dash-separate, .imageGalleryComponent .productInfo .pricetag .comma-values .dash-separate, .imageGalleryComponentSecond .productInfo .pricetag .comma-values .dash-separate { position: absolute; top: 2px; font-size: 1.5em; } .relatedProductsCarousel .productInfo .pricetag .discount, .zuberhorProductCarousel .productInfo .pricetag .discount, .imageGalleryComponent .productInfo .pricetag .discount, .imageGalleryComponentSecond .productInfo .pricetag .discount { position: relative; padding: 3px 0 0; margin-bottom: -10px; float: left; } .relatedProductsCarousel .productInfo .pricetag .price, .zuberhorProductCarousel .productInfo .pricetag .price, .imageGalleryComponent .productInfo .pricetag .price, .imageGalleryComponentSecond .productInfo .pricetag .price { display: block; margin-top: 8px; } .relatedProductsCarousel .productInfo .pricetag .crossed-out, .zuberhorProductCarousel .productInfo .pricetag .crossed-out, .imageGalleryComponent .productInfo .pricetag .crossed-out, .imageGalleryComponentSecond .productInfo .pricetag .crossed-out { text-decoration: line-through; } .relatedProductsCarousel .gray-content, .zuberhorProductCarousel .gray-content, .imageGalleryComponent .gray-content, .imageGalleryComponentSecond .gray-content { background-image: -webkit-radial-gradient(50% 50%, #efefef, #E6E6E6, #D0D0D0 185px); background-image: radial-gradient(185px at 50% 50%, #efefef 0%, #E6E6E6 60%, #D0D0D0 100%); padding: 0.5em 1em; min-height: 10em; position: relative; } .relatedProductsCarousel .gray-content h4, .zuberhorProductCarousel .gray-content h4, .imageGalleryComponent .gray-content h4, .imageGalleryComponentSecond .gray-content h4 { height: 2.5em; margin: 0; overflow: hidden; font-size: 1em; } .relatedProductsCarousel .gray-content p, .zuberhorProductCarousel .gray-content p, .imageGalleryComponent .gray-content p, .imageGalleryComponentSecond .gray-content p { margin-top: 1em; } .relatedProductsCarousel .gray-content .subheadline, .zuberhorProductCarousel .gray-content .subheadline, .imageGalleryComponent .gray-content .subheadline, .imageGalleryComponentSecond .gray-content .subheadline { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .relatedProductsCarousel .gray-content .product-price .price-subline, .zuberhorProductCarousel .gray-content .product-price .price-subline, .imageGalleryComponent .gray-content .product-price .price-subline, .imageGalleryComponentSecond .gray-content .product-price .price-subline { margin: 0; font-size: .8em; } .relatedProductsCarousel .gray-content .pricetag, .zuberhorProductCarousel .gray-content .pricetag, .imageGalleryComponent .gray-content .pricetag, .imageGalleryComponentSecond .gray-content .pricetag { display: inline-block; margin-top: 1em; padding: 0 2em 0 0; margin-top: 1em; } .relatedProductsCarousel .gray-content .pricetag.promotion, .zuberhorProductCarousel .gray-content .pricetag.promotion, .imageGalleryComponent .gray-content .pricetag.promotion, .imageGalleryComponentSecond .gray-content .pricetag.promotion { min-width: 72px; padding-left: 10px; background-color: #EE1F26; color: #FFFFFF; padding-right: 10px; margin-top: 3.2em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .relatedProductsCarousel .gray-content .pricetag.promotion, .zuberhorProductCarousel .gray-content .pricetag.promotion, .imageGalleryComponent .gray-content .pricetag.promotion, .imageGalleryComponentSecond .gray-content .pricetag.promotion { height: 68px; } } .relatedProductsCarousel .gray-content .pricetag.promotion .price, .zuberhorProductCarousel .gray-content .pricetag.promotion .price, .imageGalleryComponent .gray-content .pricetag.promotion .price, .imageGalleryComponentSecond .gray-content .pricetag.promotion .price { line-height: 1.4em; margin: 0; } .relatedProductsCarousel .gray-content .pricetag.promotion .no-discount, .zuberhorProductCarousel .gray-content .pricetag.promotion .no-discount, .imageGalleryComponent .gray-content .pricetag.promotion .no-discount, .imageGalleryComponentSecond .gray-content .pricetag.promotion .no-discount { line-height: 1.7em; } .relatedProductsCarousel .gray-content .pricetag.power, .zuberhorProductCarousel .gray-content .pricetag.power, .imageGalleryComponent .gray-content .pricetag.power, .imageGalleryComponentSecond .gray-content .pricetag.power { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .relatedProductsCarousel .gray-content .pricetag.blockbuster, .zuberhorProductCarousel .gray-content .pricetag.blockbuster, .imageGalleryComponent .gray-content .pricetag.blockbuster, .imageGalleryComponentSecond .gray-content .pricetag.blockbuster { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .relatedProductsCarousel .gray-content .pricetag .price, .zuberhorProductCarousel .gray-content .pricetag .price, .imageGalleryComponent .gray-content .pricetag .price, .imageGalleryComponentSecond .gray-content .pricetag .price { font-size: 2.5em; line-height: 1.9em; } .relatedProductsCarousel .gray-content .pricetag .price .comma-values, .zuberhorProductCarousel .gray-content .pricetag .price .comma-values, .imageGalleryComponent .gray-content .pricetag .price .comma-values, .imageGalleryComponentSecond .gray-content .pricetag .price .comma-values { font-size: .6em; position: absolute; margin-top: -0.18em; } .relatedProductsCarousel .gray-content .pricetag .price .priceFrom, .zuberhorProductCarousel .gray-content .pricetag .price .priceFrom, .imageGalleryComponent .gray-content .pricetag .price .priceFrom, .imageGalleryComponentSecond .gray-content .pricetag .price .priceFrom { font-size: .6em; } .relatedProductsCarousel .gray-content .pricetag .price .currency-sign, .zuberhorProductCarousel .gray-content .pricetag .price .currency-sign, .imageGalleryComponent .gray-content .pricetag .price .currency-sign, .imageGalleryComponentSecond .gray-content .pricetag .price .currency-sign { display: none; } .relatedProductsCarousel .gray-content .pricetag .price span, .zuberhorProductCarousel .gray-content .pricetag .price span, .imageGalleryComponent .gray-content .pricetag .price span, .imageGalleryComponentSecond .gray-content .pricetag .price span { float: left; } .relatedProductsCarousel .gray-content .pricetag .price .comma-values .dash-separate, .zuberhorProductCarousel .gray-content .pricetag .price .comma-values .dash-separate, .imageGalleryComponent .gray-content .pricetag .price .comma-values .dash-separate, .imageGalleryComponentSecond .gray-content .pricetag .price .comma-values .dash-separate { position: absolute; top: 5px; font-size: 1.5em; } .relatedProductsCarousel .gray-content .pricetag.power, .zuberhorProductCarousel .gray-content .pricetag.power, .imageGalleryComponent .gray-content .pricetag.power, .imageGalleryComponentSecond .gray-content .pricetag.power { display: inline-block; margin-top: 1em; padding: 0 2em 0 0; margin-top: 1em !important; } .relatedProductsCarousel .gray-content .pricetag.power.promotion, .zuberhorProductCarousel .gray-content .pricetag.power.promotion, .imageGalleryComponent .gray-content .pricetag.power.promotion, .imageGalleryComponentSecond .gray-content .pricetag.power.promotion { min-width: 72px; padding-left: 10px; background-color: #EE1F26; color: #FFFFFF; padding-right: 10px; margin-top: 3.2em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .relatedProductsCarousel .gray-content .pricetag.power.promotion, .zuberhorProductCarousel .gray-content .pricetag.power.promotion, .imageGalleryComponent .gray-content .pricetag.power.promotion, .imageGalleryComponentSecond .gray-content .pricetag.power.promotion { height: 68px; } } .relatedProductsCarousel .gray-content .pricetag.power.promotion .price, .zuberhorProductCarousel .gray-content .pricetag.power.promotion .price, .imageGalleryComponent .gray-content .pricetag.power.promotion .price, .imageGalleryComponentSecond .gray-content .pricetag.power.promotion .price { line-height: 1.4em; margin: 0; } .relatedProductsCarousel .gray-content .pricetag.power.promotion .no-discount, .zuberhorProductCarousel .gray-content .pricetag.power.promotion .no-discount, .imageGalleryComponent .gray-content .pricetag.power.promotion .no-discount, .imageGalleryComponentSecond .gray-content .pricetag.power.promotion .no-discount { line-height: 1.7em; } .relatedProductsCarousel .gray-content .pricetag.power.power, .zuberhorProductCarousel .gray-content .pricetag.power.power, .imageGalleryComponent .gray-content .pricetag.power.power, .imageGalleryComponentSecond .gray-content .pricetag.power.power { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .relatedProductsCarousel .gray-content .pricetag.power.blockbuster, .zuberhorProductCarousel .gray-content .pricetag.power.blockbuster, .imageGalleryComponent .gray-content .pricetag.power.blockbuster, .imageGalleryComponentSecond .gray-content .pricetag.power.blockbuster { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .relatedProductsCarousel .gray-content .pricetag.power .price, .zuberhorProductCarousel .gray-content .pricetag.power .price, .imageGalleryComponent .gray-content .pricetag.power .price, .imageGalleryComponentSecond .gray-content .pricetag.power .price { font-size: 2.5em; line-height: 1.9em; } .relatedProductsCarousel .gray-content .pricetag.power .price .comma-values, .zuberhorProductCarousel .gray-content .pricetag.power .price .comma-values, .imageGalleryComponent .gray-content .pricetag.power .price .comma-values, .imageGalleryComponentSecond .gray-content .pricetag.power .price .comma-values { font-size: .6em; position: absolute; margin-top: -0.18em; } .relatedProductsCarousel .gray-content .pricetag.power .price .priceFrom, .zuberhorProductCarousel .gray-content .pricetag.power .price .priceFrom, .imageGalleryComponent .gray-content .pricetag.power .price .priceFrom, .imageGalleryComponentSecond .gray-content .pricetag.power .price .priceFrom { font-size: .6em; } .relatedProductsCarousel .gray-content .pricetag.power .price .currency-sign, .zuberhorProductCarousel .gray-content .pricetag.power .price .currency-sign, .imageGalleryComponent .gray-content .pricetag.power .price .currency-sign, .imageGalleryComponentSecond .gray-content .pricetag.power .price .currency-sign { display: none; } .relatedProductsCarousel .gray-content .pricetag.power .price span, .zuberhorProductCarousel .gray-content .pricetag.power .price span, .imageGalleryComponent .gray-content .pricetag.power .price span, .imageGalleryComponentSecond .gray-content .pricetag.power .price span { float: left; } .relatedProductsCarousel .gray-content .pricetag.promotion, .zuberhorProductCarousel .gray-content .pricetag.promotion, .imageGalleryComponent .gray-content .pricetag.promotion, .imageGalleryComponentSecond .gray-content .pricetag.promotion { display: inline-block; margin-top: 1em; padding: 0 2em 0 0; margin-top: 1.3em !important; } .relatedProductsCarousel .gray-content .pricetag.promotion.promotion, .zuberhorProductCarousel .gray-content .pricetag.promotion.promotion, .imageGalleryComponent .gray-content .pricetag.promotion.promotion, .imageGalleryComponentSecond .gray-content .pricetag.promotion.promotion { min-width: 72px; padding-left: 10px; background-color: #EE1F26; color: #FFFFFF; padding-right: 10px; margin-top: 3.2em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .relatedProductsCarousel .gray-content .pricetag.promotion.promotion, .zuberhorProductCarousel .gray-content .pricetag.promotion.promotion, .imageGalleryComponent .gray-content .pricetag.promotion.promotion, .imageGalleryComponentSecond .gray-content .pricetag.promotion.promotion { height: 68px; } } .relatedProductsCarousel .gray-content .pricetag.promotion.promotion .price, .zuberhorProductCarousel .gray-content .pricetag.promotion.promotion .price, .imageGalleryComponent .gray-content .pricetag.promotion.promotion .price, .imageGalleryComponentSecond .gray-content .pricetag.promotion.promotion .price { line-height: 1.4em; margin: 0; } .relatedProductsCarousel .gray-content .pricetag.promotion.promotion .no-discount, .zuberhorProductCarousel .gray-content .pricetag.promotion.promotion .no-discount, .imageGalleryComponent .gray-content .pricetag.promotion.promotion .no-discount, .imageGalleryComponentSecond .gray-content .pricetag.promotion.promotion .no-discount { line-height: 1.7em; } .relatedProductsCarousel .gray-content .pricetag.promotion.power, .zuberhorProductCarousel .gray-content .pricetag.promotion.power, .imageGalleryComponent .gray-content .pricetag.promotion.power, .imageGalleryComponentSecond .gray-content .pricetag.promotion.power { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .relatedProductsCarousel .gray-content .pricetag.promotion.blockbuster, .zuberhorProductCarousel .gray-content .pricetag.promotion.blockbuster, .imageGalleryComponent .gray-content .pricetag.promotion.blockbuster, .imageGalleryComponentSecond .gray-content .pricetag.promotion.blockbuster { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .relatedProductsCarousel .gray-content .pricetag.promotion .price, .zuberhorProductCarousel .gray-content .pricetag.promotion .price, .imageGalleryComponent .gray-content .pricetag.promotion .price, .imageGalleryComponentSecond .gray-content .pricetag.promotion .price { font-size: 2.5em; line-height: 1.9em; } .relatedProductsCarousel .gray-content .pricetag.promotion .price .comma-values, .zuberhorProductCarousel .gray-content .pricetag.promotion .price .comma-values, .imageGalleryComponent .gray-content .pricetag.promotion .price .comma-values, .imageGalleryComponentSecond .gray-content .pricetag.promotion .price .comma-values { font-size: .6em; position: absolute; margin-top: -0.18em; } .relatedProductsCarousel .gray-content .pricetag.promotion .price .priceFrom, .zuberhorProductCarousel .gray-content .pricetag.promotion .price .priceFrom, .imageGalleryComponent .gray-content .pricetag.promotion .price .priceFrom, .imageGalleryComponentSecond .gray-content .pricetag.promotion .price .priceFrom { font-size: .6em; } .relatedProductsCarousel .gray-content .pricetag.promotion .price .currency-sign, .zuberhorProductCarousel .gray-content .pricetag.promotion .price .currency-sign, .imageGalleryComponent .gray-content .pricetag.promotion .price .currency-sign, .imageGalleryComponentSecond .gray-content .pricetag.promotion .price .currency-sign { display: none; } .relatedProductsCarousel .gray-content .pricetag.promotion .price span, .zuberhorProductCarousel .gray-content .pricetag.promotion .price span, .imageGalleryComponent .gray-content .pricetag.promotion .price span, .imageGalleryComponentSecond .gray-content .pricetag.promotion .price span { float: left; } .imageGalleryComponent, .imageGalleryComponentSecond { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .imageGalleryComponent .controls, .imageGalleryComponentSecond .controls { display: block; position: absolute; top: 20%; left: 0; z-index: 99; pointer-events: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .imageGalleryComponent .controls a, .imageGalleryComponentSecond .controls a { display: block; width: 2em; pointer-events: all; position: absolute; background-color: #EFEFEF; padding: 1em 2em 1em 1em; } .imageGalleryComponent .controls .prevBtn, .imageGalleryComponentSecond .controls .prevBtn { left: 0; } .imageGalleryComponent .controls .nextBtn, .imageGalleryComponentSecond .controls .nextBtn { right: 0; } .relatedProductsCarouselWrapper { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .relatedProductsCarouselWrapper .controls { display: block; position: absolute; top: 20%; left: 0; z-index: 95; pointer-events: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .relatedProductsCarouselWrapper .controls a { display: block; width: 2em; pointer-events: all; position: absolute; background-color: #EFEFEF; padding: 1em 2em 1em 1em; } .relatedProductsCarouselWrapper .controls .prevBtn { left: 0; } .relatedProductsCarouselWrapper .controls .nextBtn { right: 0; } .imageGalleryComponentSecond .controls { top: 20%; } .imageGalleryComponentSecond .controls a { background-color: #EFEFEF; height: 3em; } .imageGalleryComponentSecond .controls a:before { top: inherit; color: inherit; font-size: inherit; } .imageGalleryComponentSecond .controls .prevBtn { left: 0; } .imageGalleryComponentSecond .controls .nextBtn { right: 0; } .imageGalleryComponentSecond .inline-header h2 { padding: 0 20px; } .imageGalleryComponentSecond ul { margin: 0; padding: 0; } .imageGalleryComponent .controls { top: 38%; } .imageGalleryComponent .controls a { background-color: #EFEFEF; height: 3em; } .imageGalleryComponent .controls a:before { top: inherit; color: inherit; font-size: inherit; } .imageGalleryComponent .controls .prevBtn { left: 0; } .imageGalleryComponent .controls .nextBtn { right: 0; } .imageGalleryComponent ul { margin: 0; padding: 0; } .intro .mainSlider { margin-bottom: -.3em; } .mainSlider { height: auto; position: relative; margin: 0; padding: 0; max-width: 100%; margin-left: auto; margin-right: auto; position: relative; } .mainSlider:after { content: " "; display: block; clear: both; } .mainSlider ul { margin: 0; padding: 0; } .mainSlider .stage { position: absolute; width: auto; z-index: 0; border: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .mainSlider .stage.hidden { display: none; z-index: 2; } .mainSlider .stage img { width: 100%; height: inherit; } .mainSlider .accordion { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .mainSlider .accordion section { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 20%; float: left; } .mainSlider .layer-container { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; height: 420px; margin: 0; } .mainSlider .controls { display: block; top: 50%; width: 100%; left: 0; z-index: 96; } .mainSlider .controls a { display: block; width: 2em; position: absolute; color: #FFFFFF; padding: 1em 2em 1em 1em; font-size: 2em; } .mainSlider .controls.hidden { display: none; } .mainSlider .controls .prevBtn { left: 0; } .mainSlider .controls .nextBtn { right: 0; } .mainSlider .mainControls .prevBtn { position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .mainSlider .mainControls .nextBtn { position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .mainSlider .mainControls .nextBtn, .mainSlider .mainControls .prevBtn { position: absolute; } .mainSlider .mainControls .numericControls { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; bottom: 3em; font-size: .6em; width: 100%; margin: 0 auto; padding-left: 45%; } .mainSlider .mainControls .numericControls li { margin: 0 .25em; float: left; width: 2em; display: block; } .mainSlider .mainControls .numericControls li a { display: none; } .mainSlider .mainControls .numericControls li:before { color: #EFEFEF; } .mainSlider .mainControls .numericControls li.current:before { color: #EE1F26; } @media screen and (max-width: 659px) { .productWrapper .relatedProductsCarouselWrapper, .productWrapper .zuberhorProductCarousel, .productWrapper .carouselHeader, .imageGalleryComponentSecond { display: none; } } .cross-selling-wrapper { overflow: hidden; } .mainNav { position: relative; } #categoryNav, #beratungSubNavigation, .mobileNavigationPanel, .serviceMetaNavigation ul { position: absolute; top: 3.1em; left: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; z-index: 99; margin: 0; padding: 0; background-color: #FFFFFF; } #categoryNav li, #beratungSubNavigation li, .mobileNavigationPanel li, .serviceMetaNavigation ul li { border: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; height: auto; background-color: transparent; } #categoryNav li a, #beratungSubNavigation li a, .mobileNavigationPanel li a, .serviceMetaNavigation ul li a { display: block; padding: .5em .5em .5em 1em; line-height: inherit; text-align: left; color: #636363; } @media screen and (max-width: 659px) { #categoryNav li a, #beratungSubNavigation li a, .mobileNavigationPanel li a, .serviceMetaNavigation ul li a { padding: .7em .5em .7em 1em; } } #categoryNav li.active, #beratungSubNavigation li.active, .mobileNavigationPanel li.active, .serviceMetaNavigation ul li.active { background-color: #333333; } #categoryNav li.active a.current, #beratungSubNavigation li.active a.current, .mobileNavigationPanel li.active a.current, .serviceMetaNavigation ul li.active a.current { color: #FFFFFF; } #categoryNav li.active a.current:before, #beratungSubNavigation li.active a.current:before, .mobileNavigationPanel li.active a.current:before, .serviceMetaNavigation ul li.active a.current:before { color: #FFFFFF; } #categoryNav li.nextLevel a, #beratungSubNavigation li.nextLevel a, .mobileNavigationPanel li.nextLevel a, .serviceMetaNavigation ul li.nextLevel a { position: relative; } #categoryNav li.nextLevel > a:before, #beratungSubNavigation li.nextLevel > a:before, .mobileNavigationPanel li.nextLevel > a:before, .serviceMetaNavigation ul li.nextLevel > a:before { position: absolute; top: 1.8em; right: 1em; font-size: 8px; color: #636363; } @media screen and (max-width: 659px) { #categoryNav li.nextLevel > a:before, #beratungSubNavigation li.nextLevel > a:before, .mobileNavigationPanel li.nextLevel > a:before, .serviceMetaNavigation ul li.nextLevel > a:before { top: 2.6em; font-size: .5em; } } #categoryNav li.backButton, #beratungSubNavigation li.backButton, .mobileNavigationPanel li.backButton, .serviceMetaNavigation ul li.backButton { position: relative; background-color: #BABABA; display: block; text-align: left; } @media screen and (min-width: 961px) { #categoryNav li.backButton, #beratungSubNavigation li.backButton, .mobileNavigationPanel li.backButton, .serviceMetaNavigation ul li.backButton { display: none; } } @media screen and (max-width: 659px) { #categoryNav li.backButton, #beratungSubNavigation li.backButton, .mobileNavigationPanel li.backButton, .serviceMetaNavigation ul li.backButton { padding-left: 1.5em; } } #categoryNav li.backButton a, #beratungSubNavigation li.backButton a, .mobileNavigationPanel li.backButton a, .serviceMetaNavigation ul li.backButton a { color: #FFFFFF !important; padding-left: 2em; } #categoryNav li.backButton a:before, #beratungSubNavigation li.backButton a:before, .mobileNavigationPanel li.backButton a:before, .serviceMetaNavigation ul li.backButton a:before { color: #FFFFFF; position: absolute; margin: .8em 0 0 -2em; font-size: 8px; } @media screen and (max-width: 659px) { #categoryNav li.backButton a:before, #beratungSubNavigation li.backButton a:before, .mobileNavigationPanel li.backButton a:before, .serviceMetaNavigation ul li.backButton a:before { display: none; } } #categoryNav li.s-vp, #beratungSubNavigation li.s-vp, .mobileNavigationPanel li.s-vp, .serviceMetaNavigation ul li.s-vp { display: none; } #categoryNav ul, #beratungSubNavigation ul, .mobileNavigationPanel ul, .serviceMetaNavigation ul ul { display: none; margin: 0; padding: 0; height: inherit; position: absolute; left: 100%; top: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } #categoryNav ul.subLevel1, #beratungSubNavigation ul.subLevel1, .mobileNavigationPanel ul.subLevel1, .serviceMetaNavigation ul ul.subLevel1 { background-color: #FFFFFF; z-index: 97; } #categoryNav ul.subLevel2, #beratungSubNavigation ul.subLevel2, .mobileNavigationPanel ul.subLevel2, .serviceMetaNavigation ul ul.subLevel2 { background-color: #EFEFEF; z-index: 98; } #categoryNav ul.subLevel3, #beratungSubNavigation ul.subLevel3, .mobileNavigationPanel ul.subLevel3, .serviceMetaNavigation ul ul.subLevel3 { background-color: #DADADA; z-index: 99; } #categoryNav ul.subLevel4, #beratungSubNavigation ul.subLevel4, .mobileNavigationPanel ul.subLevel4, .serviceMetaNavigation ul ul.subLevel4 { background-color: #BABABA; z-index: 99; } @media screen and (min-width: 660px) and (max-width: 960px) { #categoryNav ul.subLevel3, #categoryNav ul.subLevel4, #beratungSubNavigation ul.subLevel3, #beratungSubNavigation ul.subLevel4, .mobileNavigationPanel ul.subLevel3, .mobileNavigationPanel ul.subLevel4, .serviceMetaNavigation ul ul.subLevel3, .serviceMetaNavigation ul ul.subLevel4 { left: 0; background-color: #EFEFEF; } } #categoryNav { display: none; height: 39em; } @media screen and (max-width: 659px) { #categoryNav { height: auto; } } #categoryNav ul { height: 39em; } @media screen and (max-width: 659px) { #categoryNav ul { height: auto; } } #categoryNav.homepage { height: auto; display: block; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { #categoryNav { height: 39em !important; } } .categoryMask { filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -webkit-opacity: 0.4; -khtml-opacity: 0.4; -moz-opacity: 0.4; -ms-opacity: 0.4; -o-opacity: 0.4; opacity: 0.4; display: none; width: 100%; height: 100%; background-color: #000; z-index: 96; top: 0; left: 0; position: fixed; } .mainNav .headline.active { background-color: #333333; } .mobileNavigation { border-top: 1px solid #EFEFEF; z-index: 99; position: absolute; display: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; background-color: #FFFFFF; margin: 0; padding: 0; } .mobileNavigation li { border: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; height: auto; background-color: transparent; } .mobileNavigation li span { position: relative; font-size: .5em; color: #636363; float: right; margin: 2.6em 1.2em 0 0; } .mobileNavigation li a.sprites-after { display: block; padding: .7em 0 .7em 1em; line-height: inherit; text-align: left; color: #636363; } .mobileNavigation li.metaNavigationComponent a { display: block; padding: .7em 0 .7em 1em; line-height: inherit; text-align: left; color: #636363; } .mobileNavigation #categoryNav, .mobileNavigation #beratungSubNavigation, .mobileNavigation .mobileNavigationPanel, .mobileNavigation .serviceMetaNavigation ul { padding: 0 0 0 55px; top: 0; } .mobileNavigation #categoryNav .subLevel1, .mobileNavigation #categoryNav .subLevel2, .mobileNavigation #categoryNav .subLevel3, .mobileNavigation #categoryNav .subLevel4, .mobileNavigation #beratungSubNavigation .subLevel1, .mobileNavigation #beratungSubNavigation .subLevel2, .mobileNavigation #beratungSubNavigation .subLevel3, .mobileNavigation #beratungSubNavigation .subLevel4, .mobileNavigation .mobileNavigationPanel .subLevel1, .mobileNavigation .mobileNavigationPanel .subLevel2, .mobileNavigation .mobileNavigationPanel .subLevel3, .mobileNavigation .mobileNavigationPanel .subLevel4, .mobileNavigation .serviceMetaNavigation ul .subLevel1, .mobileNavigation .serviceMetaNavigation ul .subLevel2, .mobileNavigation .serviceMetaNavigation ul .subLevel3, .mobileNavigation .serviceMetaNavigation ul .subLevel4 { left: 0; } .mobileNavigation #categoryNav ul, .mobileNavigation #beratungSubNavigation ul, .mobileNavigation .mobileNavigationPanel ul, .mobileNavigation .serviceMetaNavigation ul ul { padding: 0 0 0 55px; background-color: #FFFFFF; } .mobileNavigation #categoryNav li.backButton, .mobileNavigation #categoryNav li .topLevelNode, .mobileNavigation #beratungSubNavigation li.backButton, .mobileNavigation #beratungSubNavigation li .topLevelNode, .mobileNavigation .mobileNavigationPanel li.backButton, .mobileNavigation .mobileNavigationPanel li .topLevelNode, .mobileNavigation .serviceMetaNavigation ul li.backButton, .mobileNavigation .serviceMetaNavigation ul li .topLevelNode { display: none; } .mobileNavigation #categoryNav li.backButton.s-vp, .mobileNavigation #beratungSubNavigation li.backButton.s-vp, .mobileNavigation .mobileNavigationPanel li.backButton.s-vp, .mobileNavigation .serviceMetaNavigation ul li.backButton.s-vp { display: block; width: 54px; height: 100%; position: absolute; top: 0; left: 0; background-color: #DADADA; padding: 0; } .mobileNavigation #categoryNav li.backButton.s-vp a, .mobileNavigation #beratungSubNavigation li.backButton.s-vp a, .mobileNavigation .mobileNavigationPanel li.backButton.s-vp a, .mobileNavigation .serviceMetaNavigation ul li.backButton.s-vp a { display: inline-block; width: 100%; height: 100%; text-align: center; padding: 0; } .mobileNavigation #categoryNav li.backButton.s-vp a:before, .mobileNavigation #beratungSubNavigation li.backButton.s-vp a:before, .mobileNavigation .mobileNavigationPanel li.backButton.s-vp a:before, .mobileNavigation .serviceMetaNavigation ul li.backButton.s-vp a:before { display: none; } .mobileNavigation #categoryNav li.backButton.s-vp .sticky, .mobileNavigation #beratungSubNavigation li.backButton.s-vp .sticky, .mobileNavigation .mobileNavigationPanel li.backButton.s-vp .sticky, .mobileNavigation .serviceMetaNavigation ul li.backButton.s-vp .sticky { position: absolute; margin-top: 1.8em; left: 20px; top: 0; font-size: .8em; color: #636363; display: block; cursor: pointer; } .mobileNavigation #categoryNav li.homeBtn, .mobileNavigation #beratungSubNavigation li.homeBtn, .mobileNavigation .mobileNavigationPanel li.homeBtn, .mobileNavigation .serviceMetaNavigation ul li.homeBtn { display: block; width: 55px; height: 55px; border-bottom: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; top: 0; left: 0; background-color: #DADADA; position: absolute; z-index: 9; } .mobileNavigation #categoryNav li.homeBtn a, .mobileNavigation #beratungSubNavigation li.homeBtn a, .mobileNavigation .mobileNavigationPanel li.homeBtn a, .mobileNavigation .serviceMetaNavigation ul li.homeBtn a { width: 100%; height: 100%; display: block; padding: 0; } .mobileNavigation #categoryNav li.homeBtn a:before, .mobileNavigation #beratungSubNavigation li.homeBtn a:before, .mobileNavigation .mobileNavigationPanel li.homeBtn a:before, .mobileNavigation .serviceMetaNavigation ul li.homeBtn a:before { color: #636363; position: absolute; margin: 1.1em; font-size: 1em; top: 0; left: 0; } .mobileNavigation #categoryNav li.mobileHeading, .mobileNavigation #beratungSubNavigation li.mobileHeading, .mobileNavigation .mobileNavigationPanel li.mobileHeading, .mobileNavigation .serviceMetaNavigation ul li.mobileHeading { display: block; width: 100%; top: 0; left: 0; text-align: left; color: #636363; padding-left: 0; } .mobileNavigation #categoryNav li.mobileHeading a, .mobileNavigation #beratungSubNavigation li.mobileHeading a, .mobileNavigation .mobileNavigationPanel li.mobileHeading a, .mobileNavigation .serviceMetaNavigation ul li.mobileHeading a { padding: 1.2em 0 .7em 1em; } .mobileNavigation #categoryNav li.mobileHeading a:before, .mobileNavigation #beratungSubNavigation li.mobileHeading a:before, .mobileNavigation .mobileNavigationPanel li.mobileHeading a:before, .mobileNavigation .serviceMetaNavigation ul li.mobileHeading a:before { display: none; } #beratungSubNavigation { z-index: 100; } .navLoader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 9; min-height: 10em; } .navLoader img { position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); position: relative; width: 30px; height: 30px; display: block; margin: 0 auto; } .serviceMetaNavigation ul { position: relative; top: inherit; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } .serviceMetaNavigationWrapper { overflow: visible !important; } .serviceMetaNavigation .subLevel1 .topLvlNode-2 { display: none; } @media screen and (max-width: 659px) { #categoryNav li.nextLevel > a:before, #beratungSubNavigation li.nextLevel > a:before, .mobileNavigationPanel li.nextLevel > a:before, .serviceMetaNavigation ul li.nextLevel > a:before { top: 2.3em; } } .mobileNavigation li span { margin: 2.3em 1.2em 0 0; } .mod.modMainNavigation.sticky .search { border-bottom: 1px solid #efefef; } .mod.modMainNavigation.sticky .focusedSearch { border-bottom: none !important; } .fixedCategory { margin-top: 1.75em !important; } /* @media (min-width: 961px)and(max-width: 1060px){ #categoryNav{ display: none; height: 35.85em !important; ul{ height: 35.85em; } } } */ .cartGrid { margin: 0 auto; } @media screen and (min-width: 961px) { .cartGrid { max-width: 100%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cartGrid { max-width: 100%; } } @media screen and (max-width: 659px) { .cartGrid { max-width: 100%; } } .cartGrid p.empty-cart { margin-top: 0px; padding-top: 20px; } .cartGrid .cartErrorSummary { display: none; } .cartGrid .cartErrorSummary .triangle { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ff9900 transparent; position: absolute; top: -10px; left: 50%; margin-left: -0.625em; } @media screen and (min-width: 961px) { .cartGrid .cartErrorSummary { width: auto; float: right; margin: 1.4em 0.5em 0.6em 0; } .cartGrid .cartErrorSummary.errSumOnTop { margin: 0; margin-bottom: 10px; } .cartGrid .cartBottom { padding-bottom: 1.2em; } .cartGrid .padding-top { padding-top: 1em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cartGrid .serviceButtons { width: 100%; background: #FFFFFF; } .cartGrid .cartErrorSummary { width: auto; float: right; margin: 1.4em 0.5em 0.6em 0; } .cartGrid .cartErrorSummary.errSumOnTop { margin: 0; margin-bottom: 10px; } .cartGrid .cartBottom { padding-bottom: 1.2em; } } @media screen and (max-width: 659px) { .cartGrid .whiteBackground table, .cartGrid .service-content .main-content table, .service-content .cartGrid .main-content table { table-layout: fixed; } .cartGrid .serviceButtons { width: 100%; background: #FFFFFF; padding-bottom: 3em; display: none; } .cartGrid .serviceButtons li.print a { display: none; width: 100%; background: #FFFFFF; } .cartGrid .cartErrorSummary { width: auto; margin: 1.3em 0.5em 0 0.5em; } .cartGrid .cartErrorSummary.errSumOnTop { margin: 0; margin-top: 10px; margin-bottom: 10px; } .cartGrid .cartBottom { padding-bottom: 1.5em; } } .cartTitle:before { content: none; } @media screen and (min-width: 961px) { .cartTitle { padding: 35px 20px 0px 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cartTitle { padding: 35px 20px 15px 20px; background-color: #FFFFFF; } } @media screen and (max-width: 659px) { .cartTitle { padding: 30px 10px 10px 10px; background-color: #FFFFFF; } } .cartTitle h1 { margin-bottom: 0px; display: inline-block; } .cartTitle span { margin-left: 1em; } .cartMsgs { padding: 0.8em; background-color: #FFFFFF; } .cartActions { padding: 0.8em; background-color: #FFFFFF; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .cartActions { padding: 0.8em 20px; } } .cartActions .primaryBtn { float: right; } @media screen and (max-width: 659px) { .cartActions .primaryBtn { width: 50%; padding-bottom: 109px; margin-bottom: -100px; } } .cartActions .secondaryBtn { display: inline-block; background-color: #636363; } @media screen and (max-width: 659px) { .cartActions .secondaryBtn { width: 40%; padding-bottom: 109px; margin-bottom: -100px; } } @media screen and (max-width: 659px) { .cartActions.bottomActions .primaryBtn { float: none; width: 100%; margin-bottom: 18px; padding-bottom: 9px; } } @media screen and (max-width: 659px) { .cartActions.bottomActions .secondaryBtn { float: none; width: 100%; margin-bottom: 0; padding-bottom: 0.5em; } } .cartNotes { padding: 0.8em; background-color: #FFFFFF; } .cartTable { background-color: #FFFFFF; } .cartTable h2 { margin-left: 1em; } .cartItems { border-left: 1px solid #FFFFFF; } .cartItems .displayTable { display: table; width: 100%; } @media screen and (min-width: 961px) { .cartItems .displayTable .displayTable { margin-bottom: 1.95em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cartItems .displayTable .displayTable { margin-bottom: 1.4em; } .cartItems .displayTable .displayTable img { max-height: 110px !important; } } .cartItems .displayTable .productTable-right { display: table-cell; } @media screen and (max-width: 659px) { .cartItems .displayTable .productTable-right { padding: 0 10px; } } .cartItems .row .headerTextRight { display: inline-block; float: right; margin-right: 0.5em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .cartItems .row .col-product .title { margin-left: 20px; } } @media screen and (max-width: 659px) { .cartItems .row .col-product .title { margin-left: 10px; } } .cartItems .row .strike-price { text-decoration: line-through; color: #636363; } @media screen and (max-width: 659px) { .cartItems .row .strike-price { display: inline-block; } } .cartItems .row .discount-part { display: inline-block; } @media screen and (max-width: 659px) { .cartItems .row .total-price { display: inline-block; } } .cartItems .row .discount-price { color: #EE1F26; display: inline-block; } .cartItems .row .helper-text { color: #EE1F26; white-space: nowrap; margin-left: -3px; } @media screen and (max-width: 659px) { .cartItems .row .helper-text { display: inline-block; } } .cartItems .row .col-amount.error .cartQuantity { outline: 1px solid #ff9900; outline-offset: -1px; } .cartItems .row .total p { text-align: right; } .cartItems .row .total p .strike-price { display: inline-block; margin-right: -3px; } .cartItems .row .total p .total-price { display: block; float: right; margin-left: 5px; } @media screen and (min-width: 961px) { .cartItems .row .col-image { display: table-cell; text-align: center; vertical-align: top; width: auto; } .cartItems .row .col-product { width: 55%; margin-bottom: 1.2em; } .cartItems .row .col-product-subRight { width: 55%; } .cartItems .row .col-price-header, .cartItems .row .col-total-header { width: 16%; } .cartItems .row .col-total, .cartItems .row .col-price { width: 16%; } } @media screen and (min-width: 961px) and (min-width: 961px) { .cartItems .row .col-price p { margin: 0.8em 0.5em 1.3em 0; } } @media screen and (min-width: 961px) and (min-width: 660px) and (max-width: 960px) { .cartItems .row .col-price p { margin: 0.8em 0.5em 1.3em 0; } } @media screen and (min-width: 961px) { .cartItems .row .col-amount-header { width: 13%; text-align: center; } .cartItems .row .col-amount-header p { float: none; margin-right: 0; } .cartItems .row .col-amount { width: 13%; } .cartItems .row .headerTextRight { display: inline-block; } .cartItems .row .price, .cartItems .row .amount, .cartItems .row .total { float: left; } .cartItems .row .price p, .cartItems .row .amount p, .cartItems .row .total p { float: right; } .cartItems .row .total p { margin: 0.8em 0.5em 1.3em 0; } .cartItems .row .product-label { display: none; } .cartItems .row .product .productInfo .del { float: left; margin-right: 0; } .cartItems .row .topMargin-product { position: relative; } .cartItems .row .topMargin-product p { margin: 0.8em 0.5em 1.3em 0; } .cartItems .row .topMargin-product .dark-gray-button { position: absolute; bottom: 0; } .cartItems .row .empty-bookmark-page { height: 20em; padding: 0 1.3em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cartItems .row .col-image { display: table-cell; text-align: center; vertical-align: middle; width: auto; } .cartItems .row .col-product { width: 55%; margin-bottom: 0; } .cartItems .row .col-product-subRight { width: 55%; } .cartItems .row .col-price-header, .cartItems .row .col-total-header { width: 16%; } .cartItems .row .col-total { width: 16%; } .cartItems .row .col-price { width: 16%; } .cartItems .row .col-amount-header { width: 13%; text-align: center; } .cartItems .row .col-amount-header p { float: none; margin-right: 0; } .cartItems .row .col-amount { width: 13%; } .cartItems .row .headerTextRight { display: inline-block; } .cartItems .row .price, .cartItems .row .amount, .cartItems .row .total { float: left; } .cartItems .row .price p, .cartItems .row .amount p, .cartItems .row .total p { float: right; } } @media screen and (min-width: 660px) and (max-width: 960px) and (min-width: 961px) { .cartItems .row .price p, .cartItems .row .total p { margin: 1.4em 0.5em 1.3em 0; } } @media screen and (min-width: 660px) and (max-width: 960px) and (min-width: 660px) and (max-width: 960px) { .cartItems .row .price p, .cartItems .row .total p { margin: 1.4em 0.7em 1.3em 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cartItems .row .product-label { display: none; } .cartItems .row .marginTop { margin-top: 0.6em; } .cartItems .row .product .productInfo .del { float: left; } .cartItems .row .topMargin-product { position: relative; } } @media screen and (min-width: 660px) and (max-width: 960px) and (min-width: 961px) { .cartItems .row .topMargin-product p { margin: 1.4em 0.5em 1.3em 0; } } @media screen and (min-width: 660px) and (max-width: 960px) and (min-width: 660px) and (max-width: 960px) { .cartItems .row .topMargin-product p { margin: 1.4em 0.7em 1.3em 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cartItems .row .topMargin-product .dark-gray-button { position: absolute; bottom: 0; } .cartItems .row .empty-bookmark-page { height: 20em; padding: 0 1.3em; } } @media screen and (max-width: 659px) { .cartItems .row .col-image { display: table-cell; text-align: center; vertical-align: top; } .cartItems .row .col-product { width: 100%; margin-bottom: 30px; } .cartItems .row .col-product-subRight { width: 100%; margin-bottom: 1.2em; } .cartItems .row .col-price, .cartItems .row .col-total, .cartItems .row .col-amount { width: 60%; text-align: left; } .cartItems .row .headerTextRight { display: none; } .cartItems .row .price, .cartItems .row .amount, .cartItems .row .total { float: left; } .cartItems .row .price p, .cartItems .row .amount p, .cartItems .row .total p { float: right; text-align: right; padding-right: 10px; } .cartItems .row .product-label { display: block; width: 30%; margin-top: 0.9em; padding-left: 0.5em; } .cartItems .row .col-total, .cartItems .row .col-amount { margin-top: -1.3em; } .cartItems .row .product-label.total { margin-top: -0.2em; font-family: "tazbold", Helvetica, Arial, sans-serif; } .cartItems .row .product-label.amount { margin-top: 0.4em; } .cartItems .row .product .productInfo .del { margin-top: 20px; } .cartItems .row .topMargin-product { position: relative; } .cartItems .row .topMargin-product p { margin: 2em 0; } .cartItems .row .topMargin-product .dark-gray-button { width: 96%; position: absolute; bottom: 0; } .cartItems .row .empty-bookmark-page { height: 20em; padding: 0 1.3em; } .cartItems .row .total .discount-price-wrapper { margin-right: 10px; } } .cartItems .row .amount p { float: none; text-align: center; } @media screen and (min-width: 961px) { .cartItems .row .amount p { margin: 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cartItems .row .amount p { margin-top: 0.6em; } } .cartItems .row .amount input { width: 4em; padding: 0.8em 0.5em; border: 0; background-color: #EFEFEF; text-align: center; } .cartItems .row .product a { display: table-cell; font-weight: bold; } .cartItems .row .product a.overlay { display: inline-block; } .cartItems .row .product .productInfo { display: table-cell; vertical-align: top; padding-left: 0.5em; } .cartItems .row .product .productInfo p { margin-bottom: 5px; margin-top: 0px; } .cartItems .row .product .productInfo .name { font-weight: bold; margin-bottom: 11px; margin-top: 0.6em; } .cartItems .row .product .productInfo .delivery, .cartItems .row .product .productInfo .del { color: #BABABA; } .cartItems .row .product .productInfo .del { display: inline-block; } .cartItems .row .product .productInfo .no { margin-top: 0; } @media screen and (max-width: 659px) { .cartItems .row .product .productInfo .no { margin-top: 0; } } .cartItems .row .productInfo .name { margin-top: 0.6em; } .cartItems .row .amount input { width: 4em; padding: 0.8em 0.5em; border: 0; background-color: #EFEFEF; text-align: center; } .reservation-section .content-del-mark.s-view, .onlineOrders-section .content-del-mark.s-view { min-width: 174px; padding: 0; float: left; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .reservation-section .content-del-mark.s-view, .onlineOrders-section .content-del-mark.s-view { display: none; } } .reservation-section .content-del-mark.s-view [class^="icon-"], .onlineOrders-section .content-del-mark.s-view [class^="icon-"] { min-height: 20px; line-height: 17px; float: none; font-size: 16px; } .reservation-section .content-del-mark.s-view .price-info, .onlineOrders-section .content-del-mark.s-view .price-info { width: 20%; float: left; padding-left: 1.1em; } .reservation-section .content-del-mark.s-view .price-info [class^="col-"], .onlineOrders-section .content-del-mark.s-view .price-info [class^="col-"] { width: 20%; float: none; } .reservation-section .content-del-mark.s-view .price-info .floatLeft, .reservation-section .content-del-mark.s-view .price-info .service-content .service-nav, .service-content .reservation-section .content-del-mark.s-view .price-info .service-nav, .reservation-section .content-del-mark.s-view .price-info .service-content .main-content, .service-content .reservation-section .content-del-mark.s-view .price-info .main-content, .reservation-section .content-del-mark.s-view .price-info .service-content .float-left, .service-content .reservation-section .content-del-mark.s-view .price-info .float-left, .reservation-section .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2, .skinContentRental .rates .reservation-section .content-del-mark.s-view .price-info .size1of2, .onlineOrders-section .content-del-mark.s-view .price-info .floatLeft, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .service-nav, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .service-nav, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .main-content, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .main-content, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .float-left, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .float-left, .onlineOrders-section .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2, .skinContentRental .rates .onlineOrders-section .content-del-mark.s-view .price-info .size1of2 { padding-left: 0; } .reservation-section .content-del-mark.s-view .price-info .floatLeft p, .reservation-section .content-del-mark.s-view .price-info .service-content .service-nav p, .service-content .reservation-section .content-del-mark.s-view .price-info .service-nav p, .reservation-section .content-del-mark.s-view .price-info .service-content .main-content p, .service-content .reservation-section .content-del-mark.s-view .price-info .main-content p, .reservation-section .content-del-mark.s-view .price-info .service-content .float-left p, .service-content .reservation-section .content-del-mark.s-view .price-info .float-left p, .reservation-section .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 p, .skinContentRental .rates .reservation-section .content-del-mark.s-view .price-info .size1of2 p, .onlineOrders-section .content-del-mark.s-view .price-info .floatLeft p, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .service-nav p, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .service-nav p, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .main-content p, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .main-content p, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .float-left p, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .float-left p, .onlineOrders-section .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 p, .skinContentRental .rates .onlineOrders-section .content-del-mark.s-view .price-info .size1of2 p { float: right; text-align: right; padding: 0; margin: 0 0 2.5em 0; } .reservation-section .content-del-mark.s-view .price-info .floatLeft span.total-price, .reservation-section .content-del-mark.s-view .price-info .service-content .service-nav span.total-price, .service-content .reservation-section .content-del-mark.s-view .price-info .service-nav span.total-price, .reservation-section .content-del-mark.s-view .price-info .service-content .main-content span.total-price, .service-content .reservation-section .content-del-mark.s-view .price-info .main-content span.total-price, .reservation-section .content-del-mark.s-view .price-info .service-content .float-left span.total-price, .service-content .reservation-section .content-del-mark.s-view .price-info .float-left span.total-price, .reservation-section .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 span.total-price, .skinContentRental .rates .reservation-section .content-del-mark.s-view .price-info .size1of2 span.total-price, .onlineOrders-section .content-del-mark.s-view .price-info .floatLeft span.total-price, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .service-nav span.total-price, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .service-nav span.total-price, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .main-content span.total-price, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .main-content span.total-price, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .float-left span.total-price, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .float-left span.total-price, .onlineOrders-section .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 span.total-price, .skinContentRental .rates .onlineOrders-section .content-del-mark.s-view .price-info .size1of2 span.total-price { margin: 0; } .reservation-section .content-del-mark.s-view .price-info .floatLeft .price, .reservation-section .content-del-mark.s-view .price-info .service-content .service-nav .price, .service-content .reservation-section .content-del-mark.s-view .price-info .service-nav .price, .reservation-section .content-del-mark.s-view .price-info .service-content .main-content .price, .service-content .reservation-section .content-del-mark.s-view .price-info .main-content .price, .reservation-section .content-del-mark.s-view .price-info .service-content .float-left .price, .service-content .reservation-section .content-del-mark.s-view .price-info .float-left .price, .reservation-section .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 .price, .skinContentRental .rates .reservation-section .content-del-mark.s-view .price-info .size1of2 .price, .reservation-section .content-del-mark.s-view .price-info .floatLeft .amount, .reservation-section .content-del-mark.s-view .price-info .service-content .service-nav .amount, .service-content .reservation-section .content-del-mark.s-view .price-info .service-nav .amount, .reservation-section .content-del-mark.s-view .price-info .service-content .main-content .amount, .service-content .reservation-section .content-del-mark.s-view .price-info .main-content .amount, .reservation-section .content-del-mark.s-view .price-info .service-content .float-left .amount, .service-content .reservation-section .content-del-mark.s-view .price-info .float-left .amount, .reservation-section .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 .amount, .skinContentRental .rates .reservation-section .content-del-mark.s-view .price-info .size1of2 .amount, .reservation-section .content-del-mark.s-view .price-info .floatLeft .total, .reservation-section .content-del-mark.s-view .price-info .service-content .service-nav .total, .service-content .reservation-section .content-del-mark.s-view .price-info .service-nav .total, .reservation-section .content-del-mark.s-view .price-info .service-content .main-content .total, .service-content .reservation-section .content-del-mark.s-view .price-info .main-content .total, .reservation-section .content-del-mark.s-view .price-info .service-content .float-left .total, .service-content .reservation-section .content-del-mark.s-view .price-info .float-left .total, .reservation-section .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 .total, .skinContentRental .rates .reservation-section .content-del-mark.s-view .price-info .size1of2 .total, .onlineOrders-section .content-del-mark.s-view .price-info .floatLeft .price, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .service-nav .price, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .service-nav .price, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .main-content .price, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .main-content .price, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .float-left .price, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .float-left .price, .onlineOrders-section .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 .price, .skinContentRental .rates .onlineOrders-section .content-del-mark.s-view .price-info .size1of2 .price, .onlineOrders-section .content-del-mark.s-view .price-info .floatLeft .amount, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .service-nav .amount, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .service-nav .amount, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .main-content .amount, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .main-content .amount, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .float-left .amount, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .float-left .amount, .onlineOrders-section .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 .amount, .skinContentRental .rates .onlineOrders-section .content-del-mark.s-view .price-info .size1of2 .amount, .onlineOrders-section .content-del-mark.s-view .price-info .floatLeft .total, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .service-nav .total, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .service-nav .total, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .main-content .total, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .main-content .total, .onlineOrders-section .content-del-mark.s-view .price-info .service-content .float-left .total, .service-content .onlineOrders-section .content-del-mark.s-view .price-info .float-left .total, .onlineOrders-section .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 .total, .skinContentRental .rates .onlineOrders-section .content-del-mark.s-view .price-info .size1of2 .total { display: block; } .reservation-section .content-del-mark.s-view .price-info:last-child .floatLeft, .reservation-section .content-del-mark.s-view .price-info:last-child .service-content .service-nav, .service-content .reservation-section .content-del-mark.s-view .price-info:last-child .service-nav, .reservation-section .content-del-mark.s-view .price-info:last-child .service-content .main-content, .service-content .reservation-section .content-del-mark.s-view .price-info:last-child .main-content, .reservation-section .content-del-mark.s-view .price-info:last-child .service-content .float-left, .service-content .reservation-section .content-del-mark.s-view .price-info:last-child .float-left, .reservation-section .content-del-mark.s-view .price-info:last-child .skinContentRental .rates .size1of2, .skinContentRental .rates .reservation-section .content-del-mark.s-view .price-info:last-child .size1of2, .onlineOrders-section .content-del-mark.s-view .price-info:last-child .floatLeft, .onlineOrders-section .content-del-mark.s-view .price-info:last-child .service-content .service-nav, .service-content .onlineOrders-section .content-del-mark.s-view .price-info:last-child .service-nav, .onlineOrders-section .content-del-mark.s-view .price-info:last-child .service-content .main-content, .service-content .onlineOrders-section .content-del-mark.s-view .price-info:last-child .main-content, .onlineOrders-section .content-del-mark.s-view .price-info:last-child .service-content .float-left, .service-content .onlineOrders-section .content-del-mark.s-view .price-info:last-child .float-left, .onlineOrders-section .content-del-mark.s-view .price-info:last-child .skinContentRental .rates .size1of2, .skinContentRental .rates .onlineOrders-section .content-del-mark.s-view .price-info:last-child .size1of2 { float: right; } .reservation-section .content-del-mark.s-view .price-info.second, .onlineOrders-section .content-del-mark.s-view .price-info.second { width: 24%; float: right; padding-left: 0; } .reservation-section .content-del-mark.s-view .price-info.second .floatLeft, .reservation-section .content-del-mark.s-view .price-info.second .service-content .service-nav, .service-content .reservation-section .content-del-mark.s-view .price-info.second .service-nav, .reservation-section .content-del-mark.s-view .price-info.second .service-content .main-content, .service-content .reservation-section .content-del-mark.s-view .price-info.second .main-content, .reservation-section .content-del-mark.s-view .price-info.second .service-content .float-left, .service-content .reservation-section .content-del-mark.s-view .price-info.second .float-left, .reservation-section .content-del-mark.s-view .price-info.second .skinContentRental .rates .size1of2, .skinContentRental .rates .reservation-section .content-del-mark.s-view .price-info.second .size1of2, .onlineOrders-section .content-del-mark.s-view .price-info.second .floatLeft, .onlineOrders-section .content-del-mark.s-view .price-info.second .service-content .service-nav, .service-content .onlineOrders-section .content-del-mark.s-view .price-info.second .service-nav, .onlineOrders-section .content-del-mark.s-view .price-info.second .service-content .main-content, .service-content .onlineOrders-section .content-del-mark.s-view .price-info.second .main-content, .onlineOrders-section .content-del-mark.s-view .price-info.second .service-content .float-left, .service-content .onlineOrders-section .content-del-mark.s-view .price-info.second .float-left, .onlineOrders-section .content-del-mark.s-view .price-info.second .skinContentRental .rates .size1of2, .skinContentRental .rates .onlineOrders-section .content-del-mark.s-view .price-info.second .size1of2 { width: 100%; float: left; } .reservation-section .content-del-mark.s-view .delete, .reservation-section .content-del-mark.s-view .checkboxlist, .reservation-section .content-del-mark.s-view .product-label, .onlineOrders-section .content-del-mark.s-view .delete, .onlineOrders-section .content-del-mark.s-view .checkboxlist, .onlineOrders-section .content-del-mark.s-view .product-label { display: block; float: none; margin-right: 0; font-size: 16px; } .reservation-section .content-del-mark.s-view .product-label, .onlineOrders-section .content-del-mark.s-view .product-label { margin: 0 0 2em 0; } .reservation-section .content-del-mark.s-view.second, .onlineOrders-section .content-del-mark.s-view.second { float: none; } .reservation-section .content-del-mark, .onlineOrders-section .content-del-mark { float: left; } @media screen and (min-width: 961px) { .reservation-section .content-del-mark, .onlineOrders-section .content-del-mark { margin-top: 2px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .reservation-section .content-del-mark, .onlineOrders-section .content-del-mark { margin-top: 2px; } } .reservation-section .content-del-mark .delete, .reservation-section .content-del-mark .mark-checkbox, .onlineOrders-section .content-del-mark .delete, .onlineOrders-section .content-del-mark .mark-checkbox { float: left; height: 16px; line-height: 16px; font-size: 16px; margin-right: 2em; } .reservation-section .content-del-mark .delete a, .reservation-section .content-del-mark .mark-checkbox a, .onlineOrders-section .content-del-mark .delete a, .onlineOrders-section .content-del-mark .mark-checkbox a { display: inline-block; font-weight: normal; } .reservation-section .content-del-mark .delete [class^="icon-"], .reservation-section .content-del-mark .mark-checkbox [class^="icon-"], .onlineOrders-section .content-del-mark .delete [class^="icon-"], .onlineOrders-section .content-del-mark .mark-checkbox [class^="icon-"] { line-height: initial; } .reservation-section .content-del-mark .delete [class^="icon-"]:before, .reservation-section .content-del-mark .mark-checkbox [class^="icon-"]:before, .onlineOrders-section .content-del-mark .delete [class^="icon-"]:before, .onlineOrders-section .content-del-mark .mark-checkbox [class^="icon-"]:before { font-size: 12px; padding-right: 6px; } .reservation-section .content-del-mark .delete .icon-delete, .reservation-section .content-del-mark .delete .productGridFilterElements ul.facet_block .remove_filter_item .action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .reservation-section .content-del-mark .delete .action_remove, .reservation-section .content-del-mark .delete .fancybox-close-txt:before, .reservation-section .content-del-mark .delete .icon-bookmark, .reservation-section .content-del-mark .mark-checkbox .icon-delete, .reservation-section .content-del-mark .mark-checkbox .productGridFilterElements ul.facet_block .remove_filter_item .action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .reservation-section .content-del-mark .mark-checkbox .action_remove, .reservation-section .content-del-mark .mark-checkbox .fancybox-close-txt:before, .reservation-section .content-del-mark .mark-checkbox .icon-bookmark, .onlineOrders-section .content-del-mark .delete .icon-delete, .onlineOrders-section .content-del-mark .delete .productGridFilterElements ul.facet_block .remove_filter_item .action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .onlineOrders-section .content-del-mark .delete .action_remove, .onlineOrders-section .content-del-mark .delete .fancybox-close-txt:before, .onlineOrders-section .content-del-mark .delete .icon-bookmark, .onlineOrders-section .content-del-mark .mark-checkbox .icon-delete, .onlineOrders-section .content-del-mark .mark-checkbox .productGridFilterElements ul.facet_block .remove_filter_item .action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .onlineOrders-section .content-del-mark .mark-checkbox .action_remove, .onlineOrders-section .content-del-mark .mark-checkbox .fancybox-close-txt:before, .onlineOrders-section .content-del-mark .mark-checkbox .icon-bookmark { font-family: "tazregular"; } .reservation-section .content-del-mark .delete .icon-delete:before, .reservation-section .content-del-mark .delete .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .reservation-section .content-del-mark .delete .action_remove:before, .reservation-section .content-del-mark .delete .fancybox-close-txt:before, .reservation-section .content-del-mark .delete .icon-bookmark:before, .reservation-section .content-del-mark .mark-checkbox .icon-delete:before, .reservation-section .content-del-mark .mark-checkbox .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .reservation-section .content-del-mark .mark-checkbox .action_remove:before, .reservation-section .content-del-mark .mark-checkbox .fancybox-close-txt:before, .reservation-section .content-del-mark .mark-checkbox .icon-bookmark:before, .onlineOrders-section .content-del-mark .delete .icon-delete:before, .onlineOrders-section .content-del-mark .delete .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .onlineOrders-section .content-del-mark .delete .action_remove:before, .onlineOrders-section .content-del-mark .delete .fancybox-close-txt:before, .onlineOrders-section .content-del-mark .delete .icon-bookmark:before, .onlineOrders-section .content-del-mark .mark-checkbox .icon-delete:before, .onlineOrders-section .content-del-mark .mark-checkbox .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .onlineOrders-section .content-del-mark .mark-checkbox .action_remove:before, .onlineOrders-section .content-del-mark .mark-checkbox .fancybox-close-txt:before, .onlineOrders-section .content-del-mark .mark-checkbox .icon-bookmark:before { padding-right: 6px; } .reservation-section .content-del-mark .delete [class^="icon-"].checked:before, .reservation-section .content-del-mark .mark-checkbox [class^="icon-"].checked:before, .onlineOrders-section .content-del-mark .delete [class^="icon-"].checked:before, .onlineOrders-section .content-del-mark .mark-checkbox [class^="icon-"].checked:before { padding-right: 3px; } .reservation-section .content-del-mark .delete [class^="icon-"].checked:before, .reservation-section .content-del-mark .mark-checkbox [class^="icon-"].checked:before, .onlineOrders-section .content-del-mark .delete [class^="icon-"].checked:before, .onlineOrders-section .content-del-mark .mark-checkbox [class^="icon-"].checked:before { color: #B41821; } .reservation-section .content-del-mark .deleteItem, .onlineOrders-section .content-del-mark .deleteItem { display: inline !important; } .reservation-section .content-del-mark .delete, .onlineOrders-section .content-del-mark .delete { cursor: pointer; } @media screen and (max-width: 659px) { .reservation-section .content-del-mark .delete, .onlineOrders-section .content-del-mark .delete { margin-bottom: 2em; } } .reservation-section .content-del-mark .checkboxlist [class^="icon-"], .onlineOrders-section .content-del-mark .checkboxlist [class^="icon-"] { font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; line-height: 20px; } .reservation-section .content-del-mark .checkboxlist [class^="icon-"]:before, .onlineOrders-section .content-del-mark .checkboxlist [class^="icon-"]:before { padding: 0; margin-right: 0.5em; color: #DADADA; } .reservation-section .content-del-mark .checkboxlist [class^="icon-"]:hover, .onlineOrders-section .content-del-mark .checkboxlist [class^="icon-"]:hover { cursor: pointer; } .reservation-section .content-del-mark .checkboxlist [class^="icon-"].checked, .onlineOrders-section .content-del-mark .checkboxlist [class^="icon-"].checked { font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; line-height: 20px; } .reservation-section .content-del-mark .checkboxlist [class^="icon-"].checked:before, .onlineOrders-section .content-del-mark .checkboxlist [class^="icon-"].checked:before { padding: 0; margin-right: 0.5em; color: #B41821; } .reservation-section .content-del-mark .checkboxlist [class^="icon-"].checked:hover, .onlineOrders-section .content-del-mark .checkboxlist [class^="icon-"].checked:hover { cursor: pointer; } @media screen and (max-width: 659px) { .reservation-section .l-m-view, .onlineOrders-section .l-m-view { display: none; } } .reservationItems { border-left: 1px solid #FFFFFF; } .reservationItems .displayTable { display: table; width: 100%; } .reservationItems .displayTable .productTable-right { display: block; width: 100%; } @media screen and (min-width: 961px) { .reservationItems .displayTable .productTable-right { min-height: 120px; margin-bottom: 1.8em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .reservationItems .displayTable .productTable-right { min-height: 120px; margin-bottom: 1.73em; } .reservationItems .displayTable .productTable-right img { max-height: 110px !important; } } @media screen and (max-width: 659px) { .reservationItems .displayTable .productTable-right { padding: 0 10px; } } .reservationItems .displayTable .displaytableCell { display: table-cell; } .reservationItems .row .headerTextRight { display: inline-block; float: right; margin-right: 0.5em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .reservationItems .row .col-product .title { margin-left: 20px; } } @media screen and (max-width: 659px) { .reservationItems .row .col-product .title { margin-left: 10px; } } .reservationItems .row .strike-price { text-decoration: line-through; color: #636363; } @media screen and (max-width: 659px) { .reservationItems .row .strike-price { display: inline-block; } } @media screen and (max-width: 659px) { .reservationItems .row .total-price { display: inline-block; } } .reservationItems .row .discount-part { display: inline-block; } .reservationItems .row .discount-price { color: #EE1F26; display: inline-block; } .reservationItems .row .helper-text { color: #EE1F26; white-space: nowrap; } @media screen and (max-width: 659px) { .reservationItems .row .helper-text { display: inline-block; } } .reservationItems .row .col-amount.error .cartQuantity { outline: 1px solid #ff9900; outline-offset: -1px; } .reservationItems .row .total p { text-align: right; } .reservationItems .row .total p .strike-price { display: inline-block; margin-right: -3px; } .reservationItems .row .total p .total-price { display: block; float: right; margin-left: 10px; } .reservationItems .row .product .productInfo .del { display: inline-block; float: left; } @media screen and (min-width: 961px) { .reservationItems .row .col-image { display: table-cell; text-align: center; vertical-align: middle; } .reservationItems .row .col-product { width: 55%; margin-bottom: 1.2em; } .reservationItems .row .col-product-subRight { width: 55%; } .reservationItems .row .col-price-header, .reservationItems .row .col-total-header, .reservationItems .row .col-delivery-header { width: 16%; } .reservationItems .row .col-total, .reservationItems .row .col-price { width: 16%; } .reservationItems .row .col-amount-header { width: 13%; text-align: center; } .reservationItems .row .col-amount-header p { float: none; margin-right: 0; } .reservationItems .row .headerTextRight { display: inline-block; } .reservationItems .row .col-price, .reservationItems .row .col-delivery, .reservationItems .row .col-amount, .reservationItems .row .col-total { float: left; } .reservationItems .row .col-price p, .reservationItems .row .col-delivery p, .reservationItems .row .col-amount p, .reservationItems .row .col-total p { float: right; } .reservationItems .row .col-total .pricetag { margin: 0.8em 0.5em 1.3em 0; } .reservationItems .row .col-amount { width: 13%; text-align: center; } .reservationItems .row .col-amount p { float: none; text-align: center; margin: 0; } } @media screen and (min-width: 961px) and (min-width: 961px) { .reservationItems .row .col-price p { margin: 0.8em 0.8em 1.3em 0; } } @media screen and (min-width: 961px) and (min-width: 660px) and (max-width: 960px) { .reservationItems .row .col-price p { margin: 0.8em 0.7em 1.3em 0; } } @media screen and (min-width: 961px) { .reservationItems .row .product-label { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { .reservationItems .row .col-image { display: table-cell; text-align: center; vertical-align: middle; } .reservationItems .row .col-product { width: 55%; } .reservationItems .row .col-product-subRight { width: 55%; } .reservationItems .row .col-total-header, .reservationItems .row .col-delivery-header, .reservationItems .row .col-price-header { width: 16%; } .reservationItems .row .col-delivery { width: 14.5%; } .reservationItems .row .col-total { width: 16%; } .reservationItems .row .col-total .pricetag { margin: 1.4em 0.5em 1.3em 0; } .reservationItems .row .col-price { width: 16%; } .reservationItems .row .col-amount-header { width: 13%; text-align: center; } .reservationItems .row .col-amount-header .headerTextRight { float: none; margin-right: 0; } .reservationItems .row .col-amount { width: 13%; } .reservationItems .row .headerTextRight { display: inline-block; } .reservationItems .row .col-delivery, .reservationItems .row .col-total { float: left; } .reservationItems .row .col-delivery p, .reservationItems .row .col-total p { float: right; margin-right: 8px; } .reservationItems .row .col-price { float: left; } .reservationItems .row .col-price p { float: right; } } @media screen and (min-width: 660px) and (max-width: 960px) and (min-width: 961px) { .reservationItems .row .col-price p { margin: 1.4em 0.5em 1.3em 0; } } @media screen and (min-width: 660px) and (max-width: 960px) and (min-width: 660px) and (max-width: 960px) { .reservationItems .row .col-price p { margin: 1.4em 0.7em 1.3em 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .reservationItems .row .col-amount { float: left; text-align: center; } .reservationItems .row .col-amount p { float: none; } .reservationItems .row .product-label { display: none; } .reservationItems .row .marginTop { margin-top: 0.6em; } .reservationItems .row .topMargin-product { margin-top: 1.2em; } } @media screen and (max-width: 659px) { .reservationItems .row .col-image { display: table-cell; text-align: center; vertical-align: top; } .reservationItems .row .col-product { width: 100%; margin-bottom: 30px; } .reservationItems .row .col-product-subRight { width: 100%; margin-bottom: 1.2em; } .reservationItems .row .col-price, .reservationItems .row .col-total, .reservationItems .row .col-amount, .reservationItems .row .col-delivery { width: 70%; text-align: left; } .reservationItems .row .headerTextRight { display: none; } .reservationItems .row .col-price, .reservationItems .row .col-delivery, .reservationItems .row .col-amount, .reservationItems .row .col-total { float: left; } .reservationItems .row .col-price p, .reservationItems .row .col-delivery p, .reservationItems .row .col-amount p, .reservationItems .row .col-total p { float: right; text-align: right; padding-right: 10px; } .reservationItems .row .product-label { display: block; width: 30%; margin-top: 0.9em; padding-left: 0.5em; } .reservationItems .row .col-total, .reservationItems .row .col-amount { margin-top: -1.3em; } .reservationItems .row .product-label.total { margin-top: -0.2em; font-family: "tazbold", Helvetica, Arial, sans-serif; } .reservationItems .row .product-label.amount { margin-top: 0.4em; } .reservationItems .row .product .productInfo .del { margin-top: 20px; } .reservationItems .row .topMargin-product { margin-top: 1.2em; } .reservationItems .row .total .discount-price-wrapper { margin-right: 10px; } } .reservationItems .row .product .productInfo { display: table-cell; vertical-align: top; padding-left: 0.5em; } .reservationItems .row .product .productInfo p { margin: 0; margin-bottom: 5px; } .reservationItems .row .product .productInfo .name { font-weight: bold; margin-bottom: 11px; margin-top: 0.6em; } .reservationItems .row .product .productInfo .delivery { color: #BABABA; } .reservationItems .row .product .productInfo .no { margin-top: 0; } @media screen and (max-width: 659px) { .reservationItems .row .product .productInfo .no { margin-top: 0em; } } .reservationItems .row .amount input { width: 4em; padding: 0.8em 0.5em; border: 0; background-color: #EFEFEF; text-align: center; } .whiteBackground, .service-content .main-content { background-color: #FFFFFF; } .whiteBackground tr, .service-content .main-content tr { background-color: #FFFFFF; } .whiteBackground tr td, .service-content .main-content tr td { background-color: #FFFFFF; } .grayBackground { background-color: #DADADA; } .grayBackground tr td { background-color: #DADADA; color: #636363; } .grayBackground tr td p { font-family: "tazbold", Helvetica, Arial, sans-serif; } .grayBackground > div:not(.no-white-border-right) { background-color: #DADADA; border-right: #FFFFFF 1px solid; } .grayBackground > div:not(.no-white-border-right) p { font-family: "tazbold", Helvetica, Arial, sans-serif; } .offsetParagraph { margin-left: 1em; } .offsetHeadingWrapper .offsetHeading { float: none; } @media screen and (min-width: 961px) { .offsetHeadingWrapper .offsetHeading { margin: 30px 20px 30px 20px; } } @media screen and (min-width: 961px) { .offsetHeadingWrapper .offsetHeading.offsetHeadingFirst { margin: 25px 20px 30px 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .offsetHeadingWrapper .offsetHeading { margin: 0px 20px 30px 20px; } } @media screen and (max-width: 659px) { .offsetHeadingWrapper .offsetHeading { margin: 0px 10px 30px 10px; } } .offsetHeadingWrapper .offsetHeading .info { position: relative; margin-left: 1em; font-size: 0.6em; right: .5em; } .offsetHeadingWrapper .offsetHeading .info:before { color: #333333; } @media screen and (min-width: 961px) { .cartErrorSummaryWrapper { padding-left: 20px; padding-right: 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cartErrorSummaryWrapper { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 659px) { .cartErrorSummaryWrapper { padding-left: 10px; padding-right: 10px; } } .cartErrorSummary { background: #ff9900; position: relative; display: inline-block; color: #FFFFFF; margin-left: 1em; } .cartErrorSummary.promotion { background: #3399cc; } .cartErrorSummary p { color: #FFFFFF; margin-top: 1em; margin-left: 1em; margin-bottom: 1em; margin-right: 1em; display: inline-block; } .cartErrorSummary.errSumOnTop { float: none; width: 100%; display: inline-block; } .cartErrorMessage { display: none; } .cartTotalSummary { margin-bottom: 20px; } .cartTotalSummary .row .leftSide { float: left; display: inline-block; } .cartTotalSummary .row .rightSide { float: left; display: inline-block; } .cartTotalSummary .row .totalamount.reservation.rightSide h3 { margin-top: 5px; width: 101%; } @media screen and (min-width: 961px) { .cartTotalSummary .row .leftSide { width: 75%; } .cartTotalSummary .row .rightSide { width: 25%; } .cartTotalSummary .row .rightSide .textMiddle { margin-right: 0.5em; } .cartTotalSummary .row .greyBackground { height: 2.4em; } .cartTotalSummary .row .reduce-top-margin { margin-top: -10px; } .cartTotalSummary .row .reduce-top-margin-slightly { margin-top: 20px; } .cartTotalSummary .row .amount.margin-bottom { margin-bottom: 0em; } .cartTotalSummary .row .reservation.margin-bottom { margin-bottom: 0.3em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cartTotalSummary .row .leftSide { width: 50%; } .cartTotalSummary .row .rightSide { width: 50%; } .cartTotalSummary .row .rightSide .textMiddle { margin-right: 0.5em; } .cartTotalSummary .row .greyBackground { height: 2.5em; } .cartTotalSummary .row .reduce-top-margin { margin-top: -10px; } .cartTotalSummary .row .amount.margin-bottom { margin-bottom: 0.3em; } .cartTotalSummary .row .reservation.margin-bottom { margin-bottom: 0.3em; } } @media screen and (max-width: 659px) { .cartTotalSummary .row .leftSide { width: 65%; text-align: left; } .cartTotalSummary .row .leftSide span { margin-left: 10px; } .cartTotalSummary .row .rightSide { width: 35%; } .cartTotalSummary .row .rightSide .textMiddle { margin-right: 10px; } .cartTotalSummary .row .greyBackground { height: 2.5em; } .cartTotalSummary .row .reduce-top-margin { margin-top: 0px; } } .cartTotalSummary .row .greyBackground { background: #EFEFEF; } .cartTotalSummary .row .textMiddle { height: 2.5em; line-height: 19px; } .cartTotalSummary .row .textMiddlesubtotal { height: 2.5em; line-height: 2.4em; } .cartTotalSummary .row .right-padding { padding-right: .5em; } .cartActions { padding-bottom: 0em; padding-top: 0px; } .cartActions form { margin-top: 3em; } .offsetHeadingWrapper .cartActions { float: right; margin: 25px 0 0 0; } .offsetHeadingWrapper .cartActions form { margin-top: 0; } @media screen and (min-width: 961px) { .offsetHeadingWrapper .cartActions.cartActionsFirst { margin: 20px 0 0 0; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .offsetHeadingWrapper .cartActions { margin: 0 0 0 0; } } @media screen and (max-width: 659px) { .offsetHeadingWrapper .cartActions { float: none; margin-top: 0px; margin-left: 10px; margin-right: 10px; padding-left: 0px; padding-right: 0px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .offsetHeadingWrapper .cartActions .primaryBtn { margin-bottom: 19px; } } @media screen and (max-width: 659px) { .offsetHeadingWrapper .cartActions .primaryBtn { padding-bottom: 0.5em; margin-top: 10px; margin-bottom: 17px; width: 100%; } } .reservation-fieldset { margin-bottom: 20px; } .cartBottom { display: inline-block; padding-top: 1em; } .cartBottom p { margin-left: 1em; margin-right: 1em; margin-bottom: 1em; } .bold, .modBreadcrumbNavigation .locator .txt, .fachcentrumSearchPage .strong { font-family: "tazbold", Helvetica, Arial, sans-serif; } .cartItems .price p, .cartItems .total p { font-family: "tazbold", Helvetica, Arial, sans-serif; } .reservationItems .price p, .reservationItems .total p { font-family: "tazbold", Helvetica, Arial, sans-serif; } .subtotalamount h3 { margin-top: 7px; margin-bottom: 0; } .totalamount h3 { margin-top: 0; margin-bottom: 0; } @media screen and (min-width: 961px) { .infobox .input-spacing { margin-left: 2.5em; } } .infobox #message { height: 50px; } .infobox #dropshippingContactEmail, .infobox #dropshippingContactPhone, .infobox #message { /*text-indent: 0.5em;*/ } .infobox .headline { padding-top: 10px; padding-bottom: 10px; margin-top: 0px; } .infobox .edit-button-icon { width: 40px; height: 40px; text-align: center; line-height: 3.3em; } .infobox .edit-button-icon .icon-pen { font-size: 1.7em; } .infobox input[type=text] { display: block; background-color: #EFEFEF; border: 0 none; height: 2.8125em; width: 100%; padding: 0.5em; box-sizing: border-box; } .infobox input[type=text]:disabled { color: #EFEFEF; background-color: #BABABA; border: 2px inset; } @media screen and (max-width: 659px) { .infobox input[type=text] { margin-bottom: 0.5em; height: 2.5em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .checkoutStep3 { background-color: #FFFFFF; display: inline-block; width: 100%; } } @media screen and (max-width: 659px) { .checkoutStep3 { background-color: #FFFFFF; display: inline-block; } } .checkoutStep3 .cartItems .row .amount input { background-color: #FFFFFF; text-align: center; } input.cartQuantity[type=number]::-webkit-inner-spin-button, input.cartQuantity[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input.cartQuantity[type='number'] { -moz-appearance: textfield; } .no-img { float: left; } @media screen and (max-width: 659px) { .no-img { width: 110px; height: 110px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .no-img { width: 110px; height: 110px; } } @media screen and (min-width: 961px) { .no-img { width: 138px; height: 138px; } } .cartTab .panel .productList .no-img { width: 25%; height: 60px; } .cartProgressiveImage { height: auto; display: block; } @media screen and (max-width: 659px) { .cartProgressiveImage { max-width: 110px; max-height: 110px; } } @media (width: 659px) { .cartProgressiveImage { max-width: 227px; max-height: 227px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cartProgressiveImage { max-width: 110px; max-height: 110px; } } @media (width: 660px) { .cartProgressiveImage { max-width: 110px; max-height: 110px; } } @media (width: 960px) { .cartProgressiveImage { max-width: 160px; max-height: 160px; } } @media screen and (min-width: 961px) { .cartProgressiveImage { max-width: 138px; max-height: 138px; } } @media (width: 961px) { .cartProgressiveImage { max-width: 110px; max-height: 110px; } } .faqWrapper { max-width: 100%; margin-left: auto; margin-right: auto; /*----- ACCORDION -----*/ } .faqWrapper:after { content: " "; display: block; clear: both; } .faqWrapper .h1Wrapper { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .faqWrapper .h1Wrapper { margin-left: 0.625em; margin-right: 0.625em; } } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .faqWrapper { max-width: 100%; margin-left: auto; margin-right: auto; padding: 0.5em 0; } .faqWrapper:after { content: " "; display: block; clear: both; } } .faqWrapper .hidden { display: none; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .faqWrapper .zuruck { display: none; } } @media screen and (max-width: 659px) { .faqWrapper .zuruck { display: block; } } .faqWrapper .zuruck span { float: left; position: relative; font-size: 0.6em; padding-top: 7px; padding-right: 7px; padding-left: 14px; } .faqWrapper .faqContainer { background-color: #FFFFFF; max-width: 100%; margin-left: auto; margin-right: auto; } .faqWrapper .faqContainer:after { content: " "; display: block; clear: both; } .faqWrapper .faqContainer .article .h3 { padding-left: 15px; font-size: 20px; } .faqWrapper .faqContainer .link-list { font-weight: bold; padding-left: 15px; margin-bottom: 20px; } .faqWrapper .faqContainer .faqLeft { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } .faqWrapper .faqContainer .faqLeft aside { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .faqWrapper .faqContainer .faqLeft aside { display: none; } } .faqWrapper .faqContainer .faqLeft aside nav { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .faqWrapper .faqContainer .faqLeft ul { padding-left: 1em; margin: 0; } .faqWrapper .faqContainer .faqLeft ul li a { display: block; width: 100%; padding: 0.6em; } .faqWrapper .faqContainer .faqLeft .back-button { display: none; } .faqWrapper .faqContainer .faqLeft .link-transfer { cursor: pointer; } .faqWrapper .faqContainer .faqLeft .icon-arrow-right, .faqWrapper .faqContainer .faqLeft .fancybox-nav.fancybox-next:before, .faqWrapper .faqContainer .faqLeft .productWrapper .product-images .controls .nextBtn:before, .productWrapper .product-images .controls .faqWrapper .faqContainer .faqLeft .nextBtn:before, .faqWrapper .faqContainer .faqLeft .relatedProductsCarouselWrapper .controls .nextBtn:before, .relatedProductsCarouselWrapper .controls .faqWrapper .faqContainer .faqLeft .nextBtn:before, .faqWrapper .faqContainer .faqLeft .mainSlider .controls .nextBtn:before, .mainSlider .controls .faqWrapper .faqContainer .faqLeft .nextBtn:before, .faqWrapper .faqContainer .faqLeft #categoryNav li.nextLevel > a:before, #categoryNav .faqWrapper .faqContainer .faqLeft li.nextLevel > a:before, .faqWrapper .faqContainer .faqLeft #beratungSubNavigation li.nextLevel > a:before, #beratungSubNavigation .faqWrapper .faqContainer .faqLeft li.nextLevel > a:before, .faqWrapper .faqContainer .faqLeft .mobileNavigationPanel li.nextLevel > a:before, .mobileNavigationPanel .faqWrapper .faqContainer .faqLeft li.nextLevel > a:before, .faqWrapper .faqContainer .faqLeft .serviceMetaNavigation ul li.nextLevel > a:before, .serviceMetaNavigation ul .faqWrapper .faqContainer .faqLeft li.nextLevel > a:before, .faqWrapper .faqContainer .faqLeft .mobileNavigation li span, .mobileNavigation li .faqWrapper .faqContainer .faqLeft span, .faqWrapper .faqContainer .faqLeft .indexModules .tabs .ui-tabs-panel .bd .link-list li a:before, .indexModules .tabs .ui-tabs-panel .bd .link-list li .faqWrapper .faqContainer .faqLeft a:before, .faqWrapper .faqContainer .faqLeft .indexModules .homePageQuickLinks .quickLinks ul li a:before, .indexModules .homePageQuickLinks .quickLinks ul li .faqWrapper .faqContainer .faqLeft a:before, .faqWrapper .faqContainer .faqLeft .pictoService .service-link a:before, .pictoService .service-link .faqWrapper .faqContainer .faqLeft a:before, .faqWrapper .faqContainer .faqLeft .timeslotslider .slides-direction-nav .slides-next, .timeslotslider .slides-direction-nav .faqWrapper .faqContainer .faqLeft .slides-next, .faqWrapper .faqContainer .faqLeft .custom-header nav span.custom-next, .custom-header nav .faqWrapper .faqContainer .faqLeft span.custom-next, .faqWrapper .faqContainer .faqLeft .fachcentren-slider .slides-direction-nav .slides-next, .fachcentren-slider .slides-direction-nav .faqWrapper .faqContainer .faqLeft .slides-next, .faqWrapper .faqContainer .faqLeft .comparison-page .container-right .relatedProductsCarouselWrapper .dummy-right:before, .comparison-page .container-right .relatedProductsCarouselWrapper .faqWrapper .faqContainer .faqLeft .dummy-right:before, .faqWrapper .faqContainer .faqLeft .comparison-page .container-columns-right .relatedProductsCarouselWrapper .dummy-right:before, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .faqWrapper .faqContainer .faqLeft .dummy-right:before { float: right; padding-right: 40px; padding-top: 7px; font-size: .6em; } .faqWrapper .faqContainer .faqRight { padding-bottom: 30px; } @media screen and (min-width: 961px) { .faqWrapper .faqContainer .faqRight { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .faqWrapper .faqContainer .faqRight { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .faqWrapper .faqContainer .faqRight .faqText { padding: 1em; } .faqWrapper .faqContainer .faqRight .button { border: none; } @media screen and (max-width: 659px) { .faqWrapper .faqContainer .faqRight .error-message-orange { width: calc(100% - 78px) !important; } } .faqWrapper .faqContainer .faqRight input[type="search"] { display: block; background-color: #EFEFEF; border: 0 none; height: 50px; padding: 15px; box-sizing: border-box; float: left; -webkit-appearance: none; -webkit-border-radius: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .faqWrapper .faqContainer .faqRight input[type="search"] { width: calc(50% - 74px); } } @media screen and (max-width: 659px) { .faqWrapper .faqContainer .faqRight input[type="search"] { width: calc(100% - 75px); padding: 0 0.9375em; } } .faqWrapper .faqContainer .faqRight input[type="submit"] { background-color: #636363; color: #fff; height: 50px; margin: 0 0 0 0; padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .faqWrapper .faqContainer .faqRight #toc { padding: 0 0.9375em; } } .faqWrapper .faqContainer .faqRight .menu-wrap { height: 50px; background-color: #EFEFEF; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .faqWrapper .faqContainer .faqRight .menu-wrap { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; float: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { .faqWrapper .faqContainer .faqRight .menu-wrap { width: calc(50% - 15px); margin: 0 0.9375em; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .faqWrapper .faqContainer .faqRight .menu-wrap { margin: 0 0.9375em; } } @media screen and (max-width: 659px) { .faqWrapper .faqContainer .faqRight .menu-wrap { width: calc(100% - 30px); float: none; } } .faqWrapper .faqContainer .faqRight .menu-wrap .menu { width: 100%; margin: 0px auto; } .faqWrapper .faqContainer .faqRight .menu-wrap .menu .radiobuttonlist { padding: 0; } .faqWrapper .faqContainer .faqRight .menu-wrap .menu .radiobuttonlist li { display: inline-block; float: left; margin: 0px; list-style: none; cursor: pointer; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .faqWrapper .faqContainer .faqRight .menu-wrap .menu .radiobuttonlist li { width: 100%; position: relative; } } @media screen and (max-width: 659px) { .faqWrapper .faqContainer .faqRight .menu-wrap .menu .radiobuttonlist li { position: absolute; width: calc(100% - 30px); } } .faqWrapper .faqContainer .faqRight .menu-wrap .menu .radiobuttonlist li a { color: #636363; padding: 15px 0 0 0; } .faqWrapper .faqContainer .faqRight .menu-wrap .menu .radiobuttonlist .ui-selectmenu-icon { width: 50px; height: 100%; } .faqWrapper .faqContainer .faqRight .menu-wrap .menu .radiobuttonlist .ui-selectmenu-icon:before { width: 10px; height: 10px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .faqWrapper .faqContainer .faqRight .menu-wrap .sub-menu { display: none; position: absolute; width: 100%; background: #DADADA; z-index: 1; padding: 0 1em; } .faqWrapper .faqContainer .faqRight .menu-wrap .sub-menu .radiobuttonlist li { position: relative; padding: 10px 0; } .faqWrapper .faqContainer .faqRight .menu-wrap .sub-menu .radiobuttonlist li:first-child { padding: 20px 0 10px; } .faqWrapper .faqContainer .faqRight .menu-wrap .sub-menu .radiobuttonlist li:last-child { padding: 10px 0 20px; } .faqWrapper .faqContainer .faqRight .arrow-up { margin-top: 15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid orange; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .faqWrapper .faqContainer .faqRight .arrow-up { margin-left: 23%; } } @media screen and (max-width: 659px) { .faqWrapper .faqContainer .faqRight .arrow-up { margin-left: 48%; } } .faqWrapper .faqContainer .faqRight .noResultsBox { background-color: orange; color: #FFF; padding: 10px; } @media screen and (min-width: 961px) { .faqWrapper .faqContainer .faqRight .noResultsBox { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; float: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { .faqWrapper .faqContainer .faqRight .noResultsBox { width: calc(50% - 15px); margin-left: 15px; float: none; } } @media screen and (max-width: 659px) { .faqWrapper .faqContainer .faqRight .noResultsBox { width: calc(100% - 30px); margin: 0 0.9375em; float: none; } } .faqWrapper .accordioncontainer { padding-top: 40px; } .faqWrapper .accordioncontainer .accordion { width: 100%; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .faqWrapper .accordioncontainer .accordion h2 { padding: 0 15px; } } .faqWrapper .accordioncontainer .accordion input { display: none; } .faqWrapper .accordioncontainer .accordion label { position: relative; display: table; width: 100%; height: auto; min-height: 50px; cursor: pointer; color: #777; background: #EFEFEF; border-bottom: 1px solid #FFF; } .faqWrapper .accordioncontainer .accordion label .title-text { width: calc(100% - 50px); float: left; padding: 1em 0.9375em; } .faqWrapper .accordioncontainer .accordion label .icon-arrow-bottom, .faqWrapper .accordioncontainer .accordion label .ui-selectmenu-button .ui-selectmenu-icon:before, .ui-selectmenu-button .faqWrapper .accordioncontainer .accordion label .ui-selectmenu-icon:before, .faqWrapper .accordioncontainer .accordion label .productFilters .filterHeader.toggle .sprites, .productFilters .filterHeader.toggle .faqWrapper .accordioncontainer .accordion label .sprites, .faqWrapper .accordioncontainer .accordion label .modFilter .leading.closed .sprites:before, .modFilter .leading.closed .faqWrapper .accordioncontainer .accordion label .sprites:before, .faqWrapper .accordioncontainer .accordion label .accordionAsModFilter .leading.closed .sprites:before, .accordionAsModFilter .leading.closed .faqWrapper .accordioncontainer .accordion label .sprites:before, .faqWrapper .accordioncontainer .accordion label .m-vp .controls.productControls .nextBtn:before, .m-vp .controls.productControls .faqWrapper .accordioncontainer .accordion label .nextBtn:before, .faqWrapper .accordioncontainer .accordion label .modAccordion .leading.closed .sprites:before, .modAccordion .leading.closed .faqWrapper .accordioncontainer .accordion label .sprites:before, .faqWrapper .accordioncontainer .accordion label .serviceAccordionHeader.closed .sprites:before, .serviceAccordionHeader.closed .faqWrapper .accordioncontainer .accordion label .sprites:before, .faqWrapper .accordioncontainer .accordion label .accordionComponent h2.ui-accordion-header span:before, .accordionComponent h2.ui-accordion-header .faqWrapper .accordioncontainer .accordion label span:before, .faqWrapper .accordioncontainer .accordion label .update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .faqWrapper .accordioncontainer .accordion label .sprites:before { position: absolute; width: 50px; height: 50px; top: 0; bottom: 0; margin: auto; float: left; font-size: 0.6em; } .faqWrapper .accordioncontainer .accordion label .icon-arrow-bottom:before, .faqWrapper .accordioncontainer .accordion label .ui-selectmenu-button .ui-selectmenu-icon:before, .ui-selectmenu-button .faqWrapper .accordioncontainer .accordion label .ui-selectmenu-icon:before, .faqWrapper .accordioncontainer .accordion label .productFilters .filterHeader.toggle .sprites:before, .productFilters .filterHeader.toggle .faqWrapper .accordioncontainer .accordion label .sprites:before, .faqWrapper .accordioncontainer .accordion label .modFilter .leading.closed .sprites:before, .modFilter .leading.closed .faqWrapper .accordioncontainer .accordion label .sprites:before, .faqWrapper .accordioncontainer .accordion label .accordionAsModFilter .leading.closed .sprites:before, .accordionAsModFilter .leading.closed .faqWrapper .accordioncontainer .accordion label .sprites:before, .faqWrapper .accordioncontainer .accordion label .m-vp .controls.productControls .nextBtn:before, .m-vp .controls.productControls .faqWrapper .accordioncontainer .accordion label .nextBtn:before, .faqWrapper .accordioncontainer .accordion label .modAccordion .leading.closed .sprites:before, .modAccordion .leading.closed .faqWrapper .accordioncontainer .accordion label .sprites:before, .faqWrapper .accordioncontainer .accordion label .serviceAccordionHeader.closed .sprites:before, .serviceAccordionHeader.closed .faqWrapper .accordioncontainer .accordion label .sprites:before, .faqWrapper .accordioncontainer .accordion label .accordionComponent h2.ui-accordion-header span:before, .accordionComponent h2.ui-accordion-header .faqWrapper .accordioncontainer .accordion label span:before, .faqWrapper .accordioncontainer .accordion label .update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .faqWrapper .accordioncontainer .accordion label .sprites:before { position: absolute; width: 0.625em; height: 0.625em; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .faqWrapper .accordioncontainer .accordion input + label { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .faqWrapper .accordioncontainer .accordion input:checked + label { background: #636363; color: #FFF; } .faqWrapper .accordioncontainer .accordion .article { overflow: hidden; height: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .faqWrapper .accordioncontainer .accordion .article p { padding: 0 0.9375em; } .faqWrapper .accordioncontainer .accordion input:checked ~ .article.ac-small { height: auto; margin-bottom: 1.25em; } .intro { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: right; } @media screen and (min-width: 660px) and (max-width: 960px) { .intro { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (max-width: 659px) { .intro { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .contentRow { max-width: 100%; margin-left: auto; margin-right: auto; background-color: #FFFFFF; } .contentRow:after { content: " "; display: block; clear: both; } .indexModules ul.js-rotation { margin: 0; padding: 0; } .indexModules .tabs { height: 3em; position: relative; } .indexModules .tabs ul { margin: 0; padding: 0; overflow: hidden; position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .indexModules .tabs ul .ui-state-default { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; font-size: inherit; border-right: inherit; position: relative; height: 2em; padding: 1.5em 0; background-color: #636363; display: block; float: left; } @media screen and (max-width: 659px) { .indexModules .tabs ul .ui-state-default { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; border-bottom: 1px solid #FFFFFF; } } .indexModules .tabs ul .ui-state-default .ui-tabs-anchor { display: block; position: relative; color: #FFFFFF; text-align: center; border-right: 1px solid #FFFFFF; margin: 0; padding: 1em 0; line-height: 1em; position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; } @media screen and (max-width: 659px) { .indexModules .tabs ul .ui-state-default .ui-tabs-anchor { background-color: #DADADA; color: #636363; } } .indexModules .tabs ul .ui-state-default .ui-tabs-anchor img { display: block; width: 100%; } .indexModules .tabs ul .ui-state-default.ui-tabs-active a { background-color: #333333; color: #FFFFFF; } .indexModules .tabs .ui-tabs-panel { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .indexModules .tabs .ui-tabs-panel a.img { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } .indexModules .tabs .ui-tabs-panel a.img img { display: block; width: 100%; height: auto; } @media screen and (max-width: 659px) { .indexModules .tabs .ui-tabs-panel a.img { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .indexModules .tabs .ui-tabs-panel .bd { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: right; padding-left: 1em; } @media screen and (max-width: 659px) { .indexModules .tabs .ui-tabs-panel .bd { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0; } } .indexModules .tabs .ui-tabs-panel .bd h4, .indexModules .tabs .ui-tabs-panel .bd p { padding: 0 1em; } .indexModules .tabs .ui-tabs-panel .bd .link-list { padding-left: 1em; } @media screen and (max-width: 659px) { .indexModules .tabs .ui-tabs-panel .bd .link-list { padding: 0; } } @media screen and (max-width: 659px) { .indexModules .tabs .ui-tabs-panel .bd .link-list li { padding: 0 1em; background-color: #EFEFEF; color: #636363; position: relative; border-bottom: 1px solid #FFFFFF; } } @media screen and (max-width: 659px) { .indexModules .tabs .ui-tabs-panel .bd .link-list li a { padding: 1em 0; display: block; width: 100%; } } .indexModules .tabs .ui-tabs-panel .bd .link-list li a:before { color: #666666; font-size: .6em; } @media screen and (max-width: 659px) { .indexModules .tabs .ui-tabs-panel .bd .link-list li a:before { position: absolute; right: 1.9em; top: 2.2em; } } .indexModules .tabs .ui-tabs-panel span.img { box-sizing: border-box; width: 50%; float: left; } .indexModules .line { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .indexModules .line { z-index: 95; } } .indexModules .line h3 { display: none; } .indexModules .line img { width: 100%; display: block; height: auto; } .indexModules .line .media.rotation li { display: none; } .indexModules .line .media.rotation li.active { display: block; } .indexModules .line .size1of4 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } @media screen and (max-width: 659px) { .indexModules .line .size1of4 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } } .indexModules .line .size1of2 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } @media screen and (max-width: 659px) { .indexModules .line .size1of2 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .indexModules .line .size2of4 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } .indexModules .line .size3of4 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } @media screen and (max-width: 659px) { .indexModules .line .size3of4 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .indexModules .line .lastUnit { margin-right: 0; } .introRelated { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: right; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .introRelated { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .introRelated .unit.size1of2 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } .introRelated .unit.size1of2.lastUnit { margin-right: 0; } .introRelated .unit.size1of2 img { display: block; width: 100%; height: auto; } .introRelated h3 { display: none; } .indexModules .homePageQuickLinks { max-width: 100%; margin-left: auto; margin-right: auto; } .indexModules .homePageQuickLinks:after { content: " "; display: block; clear: both; } @media screen and (max-width: 659px) { .indexModules .homePageQuickLinks .size1of4 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .indexModules .homePageQuickLinks .quickLinks { background-color: #DADADA; color: #FFFFFF; height: 100%; position: absolute; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } @media screen and (max-width: 659px) { .indexModules .homePageQuickLinks .quickLinks { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; height: inherit; } } .indexModules .homePageQuickLinks .quickLinks h3 { padding: .6em; margin: 0; color: #666666; text-align: center; } .indexModules .homePageQuickLinks .quickLinks ul { margin: 0; padding: 1em 1em 1em 2em; } @media screen and (max-width: 659px) { .indexModules .homePageQuickLinks .quickLinks ul { padding: 0; } } .indexModules .homePageQuickLinks .quickLinks ul li { margin-bottom: 1vw; position: relative; } @media screen and (min-width: 660px) and (max-width: 960px) { .indexModules .homePageQuickLinks .quickLinks ul li { margin-bottom: 3vw; } } @media screen and (max-width: 659px) { .indexModules .homePageQuickLinks .quickLinks ul li { margin-bottom: 0; padding: 0 1em; border-bottom: 1px solid #FFFFFF; } } @media screen and (max-width: 659px) { .indexModules .homePageQuickLinks .quickLinks ul li a { padding: 1em 0; display: block; width: 100%; } } .indexModules .homePageQuickLinks .quickLinks ul li a:before { color: #666666; position: absolute; margin: .5em -1.7em; font-size: .6em; } @media screen and (max-width: 659px) { .indexModules .homePageQuickLinks .quickLinks ul li a:before { position: absolute; right: 3.5em; } } .indexModules .homePageQuickLinks .quickLinks ul li p { color: #666666; margin: 0 0 .5em 0; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .indexModules .homePageQuickLinks .quickLinks ul li p { display: none; } } @media screen and (max-width: 659px) { .pictoSlider { max-width: 50%; margin-left: auto; margin-right: auto; overflow: visible !important; } .pictoSlider:after { content: " "; display: block; clear: both; } } .pictoService { max-width: 100%; margin-left: auto; margin-right: auto; position: relative; padding: 1em; } .pictoService:after { content: " "; display: block; clear: both; } @media screen and (max-width: 659px) { .pictoService { overflow: hidden; } } .pictoService .service-link { position: absolute; right: 0; top: 1.5em; } @media screen and (max-width: 659px) { .pictoService .service-link { display: none; } } .pictoService .service-link a:before { font-size: .5em; } .pictoService .controls { display: block; position: absolute; top: 0; width: 100%; left: 0; z-index: 99; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .pictoService .controls { display: none; } } .pictoService .controls a { display: block; width: 2em; position: absolute; } .pictoService .controls .prevBtn { left: 30%; } .pictoService .controls .nextBtn { right: 30%; } .pictoService .line h3 { display: block; } @media screen and (max-width: 659px) { .pictoService .line h3 { text-align: center; } } .pictoService .line .picto-services img { display: block; text-align: center; margin: 0 auto; width: inherit; } .pictoService .line .size1of5, .pictoService .line .block { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 20%; float: left; } .pictoService .line .imgtag { height: 4em; } .pictoService .line .bd h4 { text-align: center; color: #999999; } .pictoService .line .bd p { display: none; } table.content-flags #german-flag, table.content-flags #german-flag-text { cursor: pointer; } table.content-flags tr td { padding: 0; } table.content-flags tr td .img img { margin-bottom: 10px; } @media screen and (max-width: 659px) { table.content-flags tr td .img img { width: 100px; height: auto; } } table.content-flags tr td .img.right-img img { margin-left: 10px; } table.content-flags tr td .img.left-img img { margin-right: 10px; } @media screen and (max-width: 659px) { table.content-flags tr td .s-view { display: inline; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { table.content-flags tr td .s-view { display: none; } } @media screen and (max-width: 659px) { table.content-flags tr td .ml-view { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { table.content-flags tr td .ml-view { display: inline; } } @media screen and (min-width: 961px) { .pC .body { background: #EFEFEF; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .pC .body { border-top: 0px; } } body .processbarWrapper { max-width: 1200px; margin: 0 auto; overflow: hidden; } body .processbar { color: #636363; width: 100%; display: table; margin: 0; } @media screen and (min-width: 961px) { body .processbar { padding: 0 20px; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { body .processbar { padding: 0; } } body .processbar li { display: inline-block; position: relative; width: 20%; height: 50px; float: left; background-color: #FFFFFF; border-right: 0px solid #808080; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { body .processbar li { background-color: #EFEFEF; } } body .processbar li .step-title { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; padding: 0; left: 12px; } body .processbar li:first-child .step-title { left: 6px; } body .processbar li:last-child .step-title { left: 6px; } body .processbar li .triangle { position: absolute; top: 0; bottom: 0; right: -10px; margin: auto; float: right; z-index: 3; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 10px; border-color: transparent transparent transparent #FFFFFF; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { body .processbar li .triangle { width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 10px; border-color: transparent transparent transparent #EFEFEF; } } body .processbar li .triangle-border { position: absolute; top: 0; bottom: 0; right: -11px; margin: auto; float: right; z-index: 2; width: 0; height: 0; border-style: solid; border-width: 26px 0 26px 10px; border-color: transparent transparent transparent #EFEFEF; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { body .processbar li .triangle-border { width: 0; height: 0; border-style: solid; border-width: 26px 0 26px 10px; border-color: transparent transparent transparent #FFFFFF; } } body .processbar li:last-child { border-right: none; } body .processbar li .text-step { white-space: nowrap; } @media screen and (min-width: 961px) { body .processbar li .text-step { margin-top: -2px; } } @media screen and (max-width: 659px) { body .processbar li .text-step { display: none; } } @media screen and (min-width: 961px) { body .processbar li .text-step .icon-cart { width: auto; font-size: 21px; padding-right: 12px; display: inline-block; } } @media screen and (min-width: 660px) and (max-width: 960px) { body .processbar li .text-step .icon-cart { font-size: 18px; display: inline-block; } } @media screen and (max-width: 659px) { body .processbar li .symbol-step .icon-cart { font-size: 22px; } } body .processbar li .item-num { background-color: #676767; display: inline-block; color: white; text-align: center; } @media screen and (min-width: 961px) { body .processbar li .item-num { margin-right: 12px; } } @media screen and (min-width: 660px) and (max-width: 960px) { body .processbar li .item-num { width: 20px; height: 20px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; line-height: 20px; font-size: 0.8em; } } @media screen and (max-width: 659px), screen and (min-width: 961px) { body .processbar li .item-num { width: 24px; height: 24px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; line-height: 24px; font-size: 1em; } } body .processbar li .icon-checkmark, body .processbar li .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist body .processbar li .link-transfer.checked:before, body .processbar li .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist body .processbar li .link-transfer.checked:before, body .processbar li .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active body .processbar li .ui-checkboxradio-icon:before, body .processbar li .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active body .processbar li .ui-checkboxradio-icon:before, body .processbar li .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active body .processbar li .ui-checkboxradio-icon:before, body .processbar li #pickup-choose.checked, body .processbar li .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active body .processbar li .ui-checkboxradio-icon:before { color: #5c8c1f; font-size: 1.4em; display: none; } @media screen and (min-width: 961px) { body .processbar li .icon-checkmark, body .processbar li .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist body .processbar li .link-transfer.checked:before, body .processbar li .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist body .processbar li .link-transfer.checked:before, body .processbar li .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active body .processbar li .ui-checkboxradio-icon:before, body .processbar li .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active body .processbar li .ui-checkboxradio-icon:before, body .processbar li .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active body .processbar li .ui-checkboxradio-icon:before, body .processbar li #pickup-choose.checked, body .processbar li .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active body .processbar li .ui-checkboxradio-icon:before { margin-right: 11px; } } @media screen and (min-width: 660px) and (max-width: 960px) { body .processbar li .icon-checkmark, body .processbar li .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist body .processbar li .link-transfer.checked:before, body .processbar li .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist body .processbar li .link-transfer.checked:before, body .processbar li .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active body .processbar li .ui-checkboxradio-icon:before, body .processbar li .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active body .processbar li .ui-checkboxradio-icon:before, body .processbar li .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active body .processbar li .ui-checkboxradio-icon:before, body .processbar li #pickup-choose.checked, body .processbar li .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active body .processbar li .ui-checkboxradio-icon:before { font-size: 1em; } } @media screen and (max-width: 659px) { body .processbar li .show-on-s { display: initial; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { body .processbar li .show-on-s { display: none; } } @media screen and (max-width: 659px) { body .processbar li .hide-on-s { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { body .processbar li .hide-on-s { display: initial; } } @media screen and (max-width: 659px), screen and (min-width: 961px) { body .processbar li .hide-on-ls { display: none; } } body .processbar .step-ok .item-num { display: none; } body .processbar .step-ok .icon-checkmark, body .processbar .step-ok .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist body .processbar .step-ok .link-transfer.checked:before, body .processbar .step-ok .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist body .processbar .step-ok .link-transfer.checked:before, body .processbar .step-ok .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active body .processbar .step-ok .ui-checkboxradio-icon:before, body .processbar .step-ok .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active body .processbar .step-ok .ui-checkboxradio-icon:before, body .processbar .step-ok .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active body .processbar .step-ok .ui-checkboxradio-icon:before, body .processbar .step-ok #pickup-choose.checked, body .processbar .step-ok .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active body .processbar .step-ok .ui-checkboxradio-icon:before { display: inline; } body .processbar .active { background-color: #EFEFEF; color: #636363; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { body .processbar .active { background-color: #FFFFFF; } } body .processbar .active .triangle { width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 10px; border-color: transparent transparent transparent #EFEFEF; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { body .processbar .active .triangle { width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 10px; border-color: transparent transparent transparent #FFFFFF; } } body .four-steps li { width: 25%; } body .three-steps li { width: 33%; } body .three-steps li:last-child { width: 34%; } body .three-steps li:last-child .triangle { display: none; } body .three-steps li:last-child .triangle-border { display: none; } @media screen and (min-width: 961px) { .checkoutPayment .checkoutMsg, .checkoutPayment .checkoutGrid > p, .checkoutStep3 ul.details, .checkoutStep3 .order-form, .checkoutStep3 #orderCompleteForm > div:last-child { padding: 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .checkoutPayment .checkoutMsg, .checkoutPayment .checkoutGrid > p, .checkoutStep3 ul.details, .checkoutStep3 .order-form, .checkoutStep3 #orderCompleteForm > div:last-child { padding: 20px; } } @media screen and (max-width: 659px) { .checkoutPayment .checkoutMsg, .checkoutPayment .checkoutGrid > p, .checkoutStep3 ul.details, .checkoutStep3 .order-form, .checkoutStep3 #orderCompleteForm > div:last-child { padding: 10px; } } .checkoutPayment .checkoutMsg { width: 100%; color: #FFFFFF; background-color: #3399cc; } .checkoutPayment .checkoutGrid { width: 100%; background-color: #FFFFFF; } @media screen and (min-width: 660px) and (max-width: 960px) { .checkoutPayment .checkoutGrid { float: left; padding-bottom: 3em; } } .checkoutPayment .checkoutGrid > p { margin: 0; padding-top: 0; padding-bottom: 30px; } @media screen and (min-width: 961px) { .checkoutPayment .checkoutGrid > p { padding-top: 30px; } } .checkoutPayment .checkoutGrid p:last-child { clear: both; } .checkoutPayment .checkoutGrid .geoblockingInfo { padding: 1em; background-color: #DADADA; } .checkoutPayment .checkoutGrid .geoblockingInfo .giTitle { font-weight: bold; width: 80%; } .checkoutPayment .checkoutGrid .geoblockingInfo .giDescription { width: 80%; } .checkoutPayment .checkoutGrid .geoblockingInfo .giDescription .bold, .checkoutPayment .checkoutGrid .geoblockingInfo .giDescription .modBreadcrumbNavigation .locator .txt, .modBreadcrumbNavigation .locator .checkoutPayment .checkoutGrid .geoblockingInfo .giDescription .txt, .checkoutPayment .checkoutGrid .geoblockingInfo .giDescription .fachcentrumSearchPage .strong, .fachcentrumSearchPage .checkoutPayment .checkoutGrid .geoblockingInfo .giDescription .strong { font-weight: bold; } .checkoutPayment .checkoutGrid details summary { margin: 0; padding: 1em 60px 1em 20px; cursor: pointer; font-weight: bold; color: #666666; background-color: #EFEFEF; position: relative; } .checkoutPayment .checkoutGrid details summary::-webkit-details-marker { display: none; } .checkoutPayment .checkoutGrid details summary .icon-arrow-top, .checkoutPayment .checkoutGrid details summary .ui-selectmenu-button.ui-state-active .ui-selectmenu-icon:before, .ui-selectmenu-button.ui-state-active .checkoutPayment .checkoutGrid details summary .ui-selectmenu-icon:before, .checkoutPayment .checkoutGrid details summary .productFilters .filterHeader.toggle.active .sprites, .productFilters .filterHeader.toggle.active .checkoutPayment .checkoutGrid details summary .sprites, .checkoutPayment .checkoutGrid details summary .modFilter .leading .sprites:before, .modFilter .leading .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .accordionAsModFilter .leading .sprites:before, .accordionAsModFilter .leading .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .m-vp .controls.productControls .prevBtn:before, .m-vp .controls.productControls .checkoutPayment .checkoutGrid details summary .prevBtn:before, .checkoutPayment .checkoutGrid details summary .modAccordion .leading .sprites:before, .modAccordion .leading .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .icon-arrow-bottom, .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary .icon-arrow-bottom, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-button .ui-selectmenu-icon:before, .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-button .checkoutPayment .checkoutGrid details summary .ui-selectmenu-icon:before, .checkoutPayment .checkoutGrid details summary .ui-selectmenu-button .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-icon:before, .ui-selectmenu-button .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary .ui-selectmenu-icon:before, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .productFilters .filterHeader.toggle .sprites, .faqWrapper .accordioncontainer .accordion input:checked + label .productFilters .filterHeader.toggle .checkoutPayment .checkoutGrid details summary .sprites, .checkoutPayment .checkoutGrid details summary .productFilters .filterHeader.toggle .faqWrapper .accordioncontainer .accordion input:checked + label .sprites, .productFilters .filterHeader.toggle .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary .sprites, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .m-vp .controls.productControls .nextBtn:before, .faqWrapper .accordioncontainer .accordion input:checked + label .m-vp .controls.productControls .checkoutPayment .checkoutGrid details summary .nextBtn:before, .checkoutPayment .checkoutGrid details summary .m-vp .controls.productControls .faqWrapper .accordioncontainer .accordion input:checked + label .nextBtn:before, .m-vp .controls.productControls .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary .nextBtn:before, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .serviceAccordionHeader.closed .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .serviceAccordionHeader.closed .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .serviceAccordionHeader.closed .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .serviceAccordionHeader.closed .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .accordionComponent h2.ui-accordion-header span:before, .faqWrapper .accordioncontainer .accordion input:checked + label .accordionComponent h2.ui-accordion-header .checkoutPayment .checkoutGrid details summary span:before, .checkoutPayment .checkoutGrid details summary .accordionComponent h2.ui-accordion-header .faqWrapper .accordioncontainer .accordion input:checked + label span:before, .accordionComponent h2.ui-accordion-header .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary span:before, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .filter-m-view .content-all-filter .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .update-jobs-offer .left-part .filter-m-view .content-all-filter .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .serviceInnerPages .linkToTop:before, .serviceInnerPages .checkoutPayment .checkoutGrid details summary .linkToTop:before, .checkoutPayment .checkoutGrid details summary .serviceAccordionHeader .sprites:before, .serviceAccordionHeader .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .accordionComponent h2.ui-accordion-header.ui-state-active span:before, .accordionComponent h2.ui-accordion-header.ui-state-active .checkoutPayment .checkoutGrid details summary span:before, .checkoutPayment .checkoutGrid details summary .update-jobs-offer .left-part .filter-m-view .content-all-filter .toggle.active .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .toggle.active .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .icon-arrow-bottom, .checkoutPayment .checkoutGrid details summary .ui-selectmenu-button .ui-selectmenu-icon:before, .ui-selectmenu-button .checkoutPayment .checkoutGrid details summary .ui-selectmenu-icon:before, .checkoutPayment .checkoutGrid details summary .productFilters .filterHeader.toggle .sprites, .productFilters .filterHeader.toggle .checkoutPayment .checkoutGrid details summary .sprites, .checkoutPayment .checkoutGrid details summary .modFilter .leading.closed .sprites:before, .modFilter .leading.closed .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .accordionAsModFilter .leading.closed .sprites:before, .accordionAsModFilter .leading.closed .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .m-vp .controls.productControls .nextBtn:before, .m-vp .controls.productControls .checkoutPayment .checkoutGrid details summary .nextBtn:before, .checkoutPayment .checkoutGrid details summary .modAccordion .leading.closed .sprites:before, .modAccordion .leading.closed .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .serviceAccordionHeader.closed .sprites:before, .serviceAccordionHeader.closed .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .accordionComponent h2.ui-accordion-header span:before, .accordionComponent h2.ui-accordion-header .checkoutPayment .checkoutGrid details summary span:before, .checkoutPayment .checkoutGrid details summary .update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .checkoutPayment .checkoutGrid details summary .sprites:before { position: absolute; top: 1.25em; right: 20px; } .checkoutPayment .checkoutGrid details summary .icon-arrow-top, .checkoutPayment .checkoutGrid details summary .ui-selectmenu-button.ui-state-active .ui-selectmenu-icon:before, .ui-selectmenu-button.ui-state-active .checkoutPayment .checkoutGrid details summary .ui-selectmenu-icon:before, .checkoutPayment .checkoutGrid details summary .productFilters .filterHeader.toggle.active .sprites, .productFilters .filterHeader.toggle.active .checkoutPayment .checkoutGrid details summary .sprites, .checkoutPayment .checkoutGrid details summary .modFilter .leading .sprites:before, .modFilter .leading .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .accordionAsModFilter .leading .sprites:before, .accordionAsModFilter .leading .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .m-vp .controls.productControls .prevBtn:before, .m-vp .controls.productControls .checkoutPayment .checkoutGrid details summary .prevBtn:before, .checkoutPayment .checkoutGrid details summary .modAccordion .leading .sprites:before, .modAccordion .leading .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .icon-arrow-bottom, .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary .icon-arrow-bottom, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-button .ui-selectmenu-icon:before, .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-button .checkoutPayment .checkoutGrid details summary .ui-selectmenu-icon:before, .checkoutPayment .checkoutGrid details summary .ui-selectmenu-button .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-icon:before, .ui-selectmenu-button .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary .ui-selectmenu-icon:before, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .productFilters .filterHeader.toggle .sprites, .faqWrapper .accordioncontainer .accordion input:checked + label .productFilters .filterHeader.toggle .checkoutPayment .checkoutGrid details summary .sprites, .checkoutPayment .checkoutGrid details summary .productFilters .filterHeader.toggle .faqWrapper .accordioncontainer .accordion input:checked + label .sprites, .productFilters .filterHeader.toggle .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary .sprites, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .m-vp .controls.productControls .nextBtn:before, .faqWrapper .accordioncontainer .accordion input:checked + label .m-vp .controls.productControls .checkoutPayment .checkoutGrid details summary .nextBtn:before, .checkoutPayment .checkoutGrid details summary .m-vp .controls.productControls .faqWrapper .accordioncontainer .accordion input:checked + label .nextBtn:before, .m-vp .controls.productControls .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary .nextBtn:before, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .serviceAccordionHeader.closed .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .serviceAccordionHeader.closed .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .serviceAccordionHeader.closed .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .serviceAccordionHeader.closed .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .accordionComponent h2.ui-accordion-header span:before, .faqWrapper .accordioncontainer .accordion input:checked + label .accordionComponent h2.ui-accordion-header .checkoutPayment .checkoutGrid details summary span:before, .checkoutPayment .checkoutGrid details summary .accordionComponent h2.ui-accordion-header .faqWrapper .accordioncontainer .accordion input:checked + label span:before, .accordionComponent h2.ui-accordion-header .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary span:before, .checkoutPayment .checkoutGrid details summary .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .filter-m-view .content-all-filter .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .update-jobs-offer .left-part .filter-m-view .content-all-filter .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .serviceInnerPages .linkToTop:before, .serviceInnerPages .checkoutPayment .checkoutGrid details summary .linkToTop:before, .checkoutPayment .checkoutGrid details summary .serviceAccordionHeader .sprites:before, .serviceAccordionHeader .checkoutPayment .checkoutGrid details summary .sprites:before, .checkoutPayment .checkoutGrid details summary .accordionComponent h2.ui-accordion-header.ui-state-active span:before, .accordionComponent h2.ui-accordion-header.ui-state-active .checkoutPayment .checkoutGrid details summary span:before, .checkoutPayment .checkoutGrid details summary .update-jobs-offer .left-part .filter-m-view .content-all-filter .toggle.active .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .toggle.active .checkoutPayment .checkoutGrid details summary .sprites:before { display: none; } .checkoutPayment .checkoutGrid details summary[aria-expanded=true] { color: #FFFFFF; background-color: #666666; } .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .icon-arrow-top, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .ui-selectmenu-button.ui-state-active .ui-selectmenu-icon:before, .ui-selectmenu-button.ui-state-active .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .ui-selectmenu-icon:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .productFilters .filterHeader.toggle.active .sprites, .productFilters .filterHeader.toggle.active .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .modFilter .leading .sprites:before, .modFilter .leading .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .accordionAsModFilter .leading .sprites:before, .accordionAsModFilter .leading .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .m-vp .controls.productControls .prevBtn:before, .m-vp .controls.productControls .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .prevBtn:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .modAccordion .leading .sprites:before, .modAccordion .leading .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .faqWrapper .accordioncontainer .accordion input:checked + label .icon-arrow-bottom, .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .icon-arrow-bottom, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-button .ui-selectmenu-icon:before, .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-button .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .ui-selectmenu-icon:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .ui-selectmenu-button .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-icon:before, .ui-selectmenu-button .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .ui-selectmenu-icon:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .faqWrapper .accordioncontainer .accordion input:checked + label .productFilters .filterHeader.toggle .sprites, .faqWrapper .accordioncontainer .accordion input:checked + label .productFilters .filterHeader.toggle .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .productFilters .filterHeader.toggle .faqWrapper .accordioncontainer .accordion input:checked + label .sprites, .productFilters .filterHeader.toggle .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .faqWrapper .accordioncontainer .accordion input:checked + label .m-vp .controls.productControls .nextBtn:before, .faqWrapper .accordioncontainer .accordion input:checked + label .m-vp .controls.productControls .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .nextBtn:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .m-vp .controls.productControls .faqWrapper .accordioncontainer .accordion input:checked + label .nextBtn:before, .m-vp .controls.productControls .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .nextBtn:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .faqWrapper .accordioncontainer .accordion input:checked + label .accordionComponent h2.ui-accordion-header span:before, .faqWrapper .accordioncontainer .accordion input:checked + label .accordionComponent h2.ui-accordion-header .checkoutPayment .checkoutGrid details summary[aria-expanded=true] span:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .accordionComponent h2.ui-accordion-header .faqWrapper .accordioncontainer .accordion input:checked + label span:before, .accordionComponent h2.ui-accordion-header .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary[aria-expanded=true] span:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .filter-m-view .content-all-filter .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .update-jobs-offer .left-part .filter-m-view .content-all-filter .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .faqWrapper .accordioncontainer .accordion input:checked + label .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .serviceInnerPages .linkToTop:before, .serviceInnerPages .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .linkToTop:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .serviceAccordionHeader .sprites:before, .serviceAccordionHeader .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .accordionComponent h2.ui-accordion-header.ui-state-active span:before, .accordionComponent h2.ui-accordion-header.ui-state-active .checkoutPayment .checkoutGrid details summary[aria-expanded=true] span:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .update-jobs-offer .left-part .filter-m-view .content-all-filter .toggle.active .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .toggle.active .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites:before { display: inline; } .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .icon-arrow-bottom, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .ui-selectmenu-button .ui-selectmenu-icon:before, .ui-selectmenu-button .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .ui-selectmenu-icon:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .productFilters .filterHeader.toggle .sprites, .productFilters .filterHeader.toggle .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .modFilter .leading.closed .sprites:before, .modFilter .leading.closed .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .accordionAsModFilter .leading.closed .sprites:before, .accordionAsModFilter .leading.closed .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .m-vp .controls.productControls .nextBtn:before, .m-vp .controls.productControls .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .nextBtn:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .modAccordion .leading.closed .sprites:before, .modAccordion .leading.closed .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .serviceAccordionHeader.closed .sprites:before, .serviceAccordionHeader.closed .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .accordionComponent h2.ui-accordion-header span:before, .accordionComponent h2.ui-accordion-header .checkoutPayment .checkoutGrid details summary[aria-expanded=true] span:before, .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .checkoutPayment .checkoutGrid details summary[aria-expanded=true] .sprites:before { display: none; } @media screen and (max-width: 659px) { .checkoutPayment .checkoutGrid details summary { padding-left: 10px; padding-right: 10px; } } .checkoutPayment .checkoutGrid details table { margin-bottom: 4em; } @media screen and (max-width: 659px) { .checkoutPayment .checkoutGrid details table { margin-bottom: 2em; } } .checkoutPayment .checkoutGrid details table th { padding: 1em; background-color: #DADADA; border-left: 1px solid #FFFFFF; } .checkoutPayment .checkoutGrid details table th:first-child { border: 0; } .checkoutPayment .checkoutGrid details table tbody tr:last-child td { font-weight: bold; } .checkoutPayment .checkoutGrid details table tbody tr td { padding: 0.8em 1em; } .checkoutPayment .checkoutGrid details table tbody tr td:last-child { white-space: nowrap; } .checkoutPayment .checkoutGrid details table tbody tr:nth-child(odd) { background-color: #FFFFFF; } .checkoutPayment .checkoutGrid details table tbody tr:nth-child(even) { background-color: #EFEFEF; } .checkoutPayment .checkoutGrid .paymentform .accordion-trigger li, .checkoutPayment .checkoutGrid .aspaymentform .accordion-trigger li { list-style-type: none; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .checkoutPayment .checkoutGrid .paymentform .accordion-content, .checkoutPayment .checkoutGrid .aspaymentform .accordion-content { position: relative; display: block; width: 100%; background-color: #FFFFFF; } } .checkoutPayment .checkoutGrid .paymentform .accordion-content li, .checkoutPayment .checkoutGrid .aspaymentform .accordion-content li { list-style-type: none; } .checkoutPayment .checkoutGrid .paymentform .accordion-content .row-question, .checkoutPayment .checkoutGrid .aspaymentform .accordion-content .row-question { font-size: 18px; padding: 1em 1em 0 1em; margin-top: 0px; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .checkoutPayment .checkoutGrid .paymentform .accordion-content .row-question, .checkoutPayment .checkoutGrid .aspaymentform .accordion-content .row-question { float: left; } } .checkoutPayment .checkoutGrid .paymentform .accordion-content .row-question.true, .checkoutPayment .checkoutGrid .aspaymentform .accordion-content .row-question.true { padding: 0 1em 0 1em; } .checkoutPayment .checkoutGrid .paymentform .payment-type, .checkoutPayment .checkoutGrid .aspaymentform .payment-type { padding: 0.75em 1em; border-right: 0; border-bottom-color: #FFFFFF; } .checkoutPayment .checkoutGrid .paymentform .payment-type.leading .sprites:before, .checkoutPayment .checkoutGrid .aspaymentform .payment-type.leading .sprites:before { font-size: 18px; } .checkoutPayment .checkoutGrid .paymentform .payment-type .online-price, .checkoutPayment .checkoutGrid .aspaymentform .payment-type .online-price { height: 31px; line-height: 31px; font-weight: 700; } .checkoutPayment .checkoutGrid .paymentform .payment-type .online-price span, .checkoutPayment .checkoutGrid .aspaymentform .payment-type .online-price span { margin-left: 0; } .checkoutPayment .checkoutGrid .paymentform .payment-type.closed, .checkoutPayment .checkoutGrid .aspaymentform .payment-type.closed { background-color: #DADADA; } .checkoutPayment .checkoutGrid .paymentform .payment-type .main-title .title-accordion, .checkoutPayment .checkoutGrid .aspaymentform .payment-type .main-title .title-accordion { margin-left: 1.5em; line-height: 31px; } .checkoutPayment .checkoutGrid .paymentform .payment-type .main-title .icon-title-accordion, .checkoutPayment .checkoutGrid .aspaymentform .payment-type .main-title .icon-title-accordion { float: left; } .checkoutPayment .checkoutGrid .paymentform .payment-type .main-title .icon-title-accordion img, .checkoutPayment .checkoutGrid .aspaymentform .payment-type .main-title .icon-title-accordion img { vertical-align: middle; } .checkoutPayment .checkoutGrid .paymentform .payment-type .main-title input[type=radio], .checkoutPayment .checkoutGrid .aspaymentform .payment-type .main-title input[type=radio] { display: none; } .checkoutPayment .checkoutGrid .paymentform .payment-type .sprites, .checkoutPayment .checkoutGrid .aspaymentform .payment-type .sprites { height: 16px; margin: auto; top: 0; bottom: 0; } .checkoutPayment .checkoutGrid .paymentform #blzInfo, .checkoutPayment .checkoutGrid .aspaymentform #blzInfo { display: none; } .checkoutPayment .checkout-payment table { display: table; margin-bottom: 2em; } @media screen and (max-width: 659px) { .checkoutPayment .checkout-payment table { margin-bottom: 2em; } } .checkoutPayment .checkout-payment table th { padding: 1em; background-color: #DADADA; border-left: 1px solid #FFFFFF; } .checkoutPayment .checkout-payment table th:first-child { border: 0; } .checkoutPayment .checkout-payment table th.colName { font-size: 1.18em; } .checkoutPayment .checkout-payment table th.colQuantity { font-size: 1.18em; } .checkoutPayment .checkout-payment table th.colSum { font-size: 1.18em; } .checkoutPayment .checkout-payment table th.colName, .checkoutPayment .checkout-payment table td.colName { width: 74%; } .checkoutPayment .checkout-payment table th.colQuantity, .checkoutPayment .checkout-payment table td.colQuantity { width: 11.5%; text-align: center; } .checkoutPayment .checkout-payment table th.colSum, .checkoutPayment .checkout-payment table td.colSum { width: 14.5%; } .checkoutPayment .checkout-payment table tbody tr { /*&:last-child { td { font-weight: bold; } }*/ } .checkoutPayment .checkout-payment table tbody tr td { padding: 0.8em 1em; } .checkoutPayment .checkout-payment table tbody tr td:last-child { white-space: nowrap; } .checkoutPayment .checkout-payment table tbody tr:nth-child(odd) { background-color: #FFFFFF; } .checkoutPayment .checkout-payment table tbody tr:nth-child(even) { background-color: #EFEFEF; } .checkoutPayment .checkout-payment table tbody tr.clearColor { background-color: #FFFFFF; } .checkoutPayment .checkout-payment table tbody tr.boldIt td { font-weight: 700; font-size: 1.2em; } .checkoutPayment .checkoutPaymentChannels { margin: 0; padding: 0; } @media screen and (min-width: 961px) { .checkoutPayment .checkoutPaymentChannels { margin-right: -1px; } } .checkoutPayment .checkoutPaymentChannels:after { content: ''; display: block; clear: both; } .checkoutPayment .checkoutPaymentChannels li { float: left; padding: 1em; display: block; cursor: pointer; background-color: #DADADA; border-bottom: 1px solid #FFFFFF; } .checkoutPayment .checkoutPaymentChannels li.activePaymentChannel { background-color: #666666; } .checkoutPayment .checkoutPaymentChannels li > div { text-align: center; } @media screen and (min-width: 961px) { .checkoutPayment .checkoutPaymentChannels li { width: 33%; } .checkoutPayment .checkoutPaymentChannels li:nth-child(3n+2) { width: 34%; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } } @media screen and (min-width: 660px) and (max-width: 960px) { .checkoutPayment .checkoutPaymentChannels li { width: 50%; } .checkoutPayment .checkoutPaymentChannels li:nth-child(2n+2) { border-left: 1px solid #FFFFFF; } } @media screen and (max-width: 659px) { .checkoutPayment .checkoutPaymentChannels li { width: 50%; } .checkoutPayment .checkoutPaymentChannels li:nth-child(2n+2) { border-left: 1px solid #FFFFFF; } } .checkoutPayment .checkoutPaymentChannels li img { cursor: pointer; text-align: center; } .checkoutPayment .checkoutPaymentChannels li input[type=radio] { visibility: hidden; } .checkoutPayment #creditcardtype-menu, .checkoutPayment #monthofexpiry-menu, .checkoutPayment #yearofexpiry-menu { height: 5em !important; min-height: 5em !important; } .checkoutPayment .checkoutPaymentChannelsDetails { clear: both; } .checkoutPayment .checkoutPaymentChannelsDetails #paypalInfo a { font-weight: bold; } .checkoutPayment .checkoutPaymentChannelsDetails #blzInfo { display: none; } .checkoutPayment .checkoutPaymentChannelsDetails #creditcardInfo .formErrors { padding: 0.75em 1em; } .checkoutPayment .checkoutPaymentChannelsDetails #debitCardForm .formErrors { padding: 0.75em 1em; } .checkoutPayment .checkoutPaymentChannelsDetails #creditcardtype-button { width: 70% !important; } @media screen and (max-width: 659px) { .checkoutPayment .checkoutPaymentChannelsDetails #creditcardtype-button { width: 100% !important; } } .checkoutPayment .checkoutPaymentChannelsDetails #monthYearOfExpiryWrapper { width: 70%; } @media screen and (max-width: 659px) { .checkoutPayment .checkoutPaymentChannelsDetails #monthYearOfExpiryWrapper { width: 100%; } } .checkoutPayment .checkoutPaymentChannelsDetails #monthYearOfExpiryWrapper:after { content: " "; display: block; clear: both; } .checkoutPayment .checkoutPaymentChannelsDetails #monthOfExpiryWrapper { display: block; float: left; width: 47%; margin-right: 6%; } .checkoutPayment .checkoutPaymentChannelsDetails #monthofexpiry-button { width: 100% !important; display: block; } .checkoutPayment .checkoutPaymentChannelsDetails #yearOfExpiryWrapper { display: block; float: left; width: 47%; } .checkoutPayment .checkoutPaymentChannelsDetails #yearofexpiry-button { width: 100% !important; display: block; float: right; } .checkoutPayment .checkoutPaymentChannelsDetails fieldset.login a { display: block; float: left; } .checkoutStep3 .sepaMandate { margin: 0; padding: 0px 20px; } @media screen and (max-width: 659px) { .checkoutStep3 .sepaMandate { padding: 0px 10px; } } .checkoutStep3 .sepaMandate dl { display: table; } .checkoutStep3 .sepaMandate dl dt { float: left; clear: both; } .checkoutStep3 .sepaMandate dl dd { float: left; margin-left: 5px; } .checkoutStep3 .sepaMandate p { margin: 16px 0px; } .checkoutStep3 .sepaMandate .sepaMandate-checkbox { padding: 0; } .checkoutStep3 .sepaMandate .sepaMandate-checkbox p.error-message { width: 100%; margin: 0; } .checkoutStep3 .sepaMandate .sepaMandate-checkbox p.error-message:after { border-width: 0; margin-top: 0; border-color: transparent; } .checkoutStep3 .sepaMandate .sepaMandate-checkbox label { display: inline-block; } .checkoutStep3 .requiredlabel { margin-top: 1em; } @media screen and (max-width: 659px) { .checkoutStep3 .infobox .headline { margin-left: 10px; margin-right: 10px; } } .checkoutStep3 ul.details { margin: 0; padding-top: 10px; } @media screen and (max-width: 659px) { .checkoutStep3 ul.details { padding-bottom: 30px; } } .checkoutStep3 .order-form { margin: 0; padding-top: 0; padding-bottom: 0; } .checkoutStep3 .infobox .line { margin-bottom: 1.5625em; } .checkoutStep3 .infobox .line.st2 { margin-bottom: 0; } .checkoutStep3 .infobox input, .checkoutStep3 .infobox .ui-selectmenu-button { margin-bottom: 15px; } .checkoutStep3 .infobox .error input, .checkoutStep3 .infobox .error .ui-selectmenu-button { outline-offset: -1px; outline: 1px solid #ff9900; } .checkoutStep3 .infobox .error label { color: #ff9900; } .checkoutStep3 .infobox .errorField { background-color: #ff9900; min-height: 2.8125em; padding: 0.8125em; width: 100%; color: white; position: relative; } .checkoutStep3 .infobox .errorField:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.625em; margin-left: -0.625em; } .checkoutStep3 .infobox .errorField.errorShown { display: block; } .checkoutStep3 .infobox .errorField.errorHidden { display: none; } .modCheckout header.title h1 { margin: 0; } @media screen and (min-width: 961px) { .modCheckout header.title h1 { padding: 26px 20px 20px 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .modCheckout header.title h1 { padding: 28px 20px 10px 20px; } } @media screen and (max-width: 659px) { .modCheckout header.title h1 { padding: 24px 10px 10px 10px; } } @media screen and (max-width: 659px) { .btn2 { text-align: right; } } .btn2 .float-left { clear: right; margin-bottom: 20px; } @media screen and (max-width: 659px) { .btn2 .float-right, .btn2 .float-left { float: none; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .btn2 .showIt-on-s { display: none; } } @media screen and (max-width: 659px) { .btn2 .showIt-on-s { display: block; } } .padding-border { padding-top: 1px; } .voucherCheckoutWrapper { position: relative; padding: 0; } .voucherCheckoutWrapper .loadingDiv { width: 100%; height: 100%; text-align: center; background-color: white; position: absolute; top: 0; left: 0; z-index: 10; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -webkit-opacity: 0.6; -khtml-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; display: none; } .voucherCheckoutWrapper .loadingDiv img { position: absolute; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .voucherCheckoutWrapper .voucherLineExample, .voucherCheckoutWrapper .voucherLineLeftExample { display: none; } .voucherCheckoutWrapper .voucherLineLeftList { margin-bottom: 22px; } .voucherCheckoutWrapper form.checkoutVoucherForm { padding: 0; } .voucherCheckoutWrapper .primaryBtn { margin-bottom: 33px; } .voucherCheckoutWrapper .primaryBtn.disabled { background-color: gray; } .voucherCheckoutWrapper .voucherLine { margin-bottom: 18px; } .voucherCheckoutWrapper .voucherLine .left { width: 70%; float: left; } .voucherCheckoutWrapper .voucherLine .right { float: right; margin-right: 0px; } .voucherCheckoutWrapper .voucherLine .delVoucher { margin-left: 50px; } @media screen and (max-width: 659px) { .voucherCheckoutWrapper .voucherLine .delVoucher { margin-left: 0; } } @media screen and (max-width: 659px) { .voucherCheckoutWrapper .voucherLine .ct-num { width: 100%; display: block; } } .voucherCheckoutWrapper .voucherLineLeft { text-align: right; } .voucherCheckoutWrapper .msgLine { position: relative; background-color: #3399cc; padding: 12px 4px 12px 12px; color: #FFFFFF; text-align: left; margin-bottom: 32px; } .voucherCheckoutWrapper .msgLine .ln { margin-bottom: 18px; } .voucherCheckoutWrapper .msgLine .ln .left { width: 70%; float: left; } .voucherCheckoutWrapper .msgLine .ln .right { float: right; } .voucherCheckoutWrapper .sepLine { height: 3px; line-height: 3px; background-color: #DADADA; margin-bottom: 12px; } .voucherCheckoutWrapper .serverError { background-color: #ff9900; text-align: center; min-height: 2em; padding: 0.8125em; color: white; width: 100%; margin-bottom: 0.9375em; margin-top: 0.9375em; position: relative; display: none; } .voucherCheckoutWrapper .serverError:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.625em; margin-left: -0.625em; } .newsletterWrapper .newsletterContainer header { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .newsletterWrapper .newsletterContainer header { margin-left: 0.625em; margin-right: 0.625em; } } .newsletterWrapper .newsletterContainer .size3of4 { padding-left: 20px; padding-right: 20px; padding-top: 1px; padding-bottom: 30px; background: #FFF; } .newsletterWrapper .newsletterContainer a { font-weight: bold; } .newsletterWrapper .newsletterContainer ul { list-style-position: inside; } .newsletterWrapper .newsletterContainer ul li { list-style-type: disc; } .newsletterWrapper .newsletterContainer .radiobuttongroup { padding-top: 10px; padding-bottom: 20px; } .newsletterWrapper .newsletterContainer label { padding-bottom: 10px; } @media screen and (min-width: 961px) { .checkoutStep1CorA .addressContent .buttonset, .checkoutStep1CorA .addressContent .buttonset2, .checkoutStep1CorB .addressContent .buttonset, .checkoutStep1CorB .addressContent .buttonset2, .checkoutStep1CorC .addressContent .buttonset, .checkoutStep1CorC .addressContent .buttonset2, .checkoutStep1CorA .addressContent .buttonset1, .checkoutStep1CorA .addressContent .buttonset21, .checkoutStep1CorB .addressContent .buttonset1, .checkoutStep1CorB .addressContent .buttonset21, .checkoutStep1CorC .addressContent .buttonset1, .checkoutStep1CorC .addressContent .buttonset21, .checkoutStep1CorA .heading, .checkoutStep1CorB .heading, .checkoutStep1CorC .heading, .checkoutStep1CorA .options2ContainerB, .checkoutStep1CorB .options2ContainerB, .checkoutStep1CorC .options2ContainerB, .checkoutStep1CorA .address, .checkoutStep1CorB .addressContent .addressHidden, .checkoutStep1CorB .addressContent .addressHidden2, .checkoutStep1CorB .addressContent .contactinfo, .checkoutStep1CorB .addressContent .addressLinks, .checkoutStep1CorB .addressContent .addressLinks2, .checkoutStep1CorC .addressContent .contactinfo, .checkoutStep1CorC .addressContent .sub-title-address, .checkoutStep1CorC .addressContent .addressHidden, .checkoutStep1CorC .addressContent .addressHidden2 { padding: 30px 20px 30px 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .checkoutStep1CorA .addressContent .buttonset, .checkoutStep1CorA .addressContent .buttonset2, .checkoutStep1CorB .addressContent .buttonset, .checkoutStep1CorB .addressContent .buttonset2, .checkoutStep1CorC .addressContent .buttonset, .checkoutStep1CorC .addressContent .buttonset2, .checkoutStep1CorA .addressContent .buttonset1, .checkoutStep1CorA .addressContent .buttonset21, .checkoutStep1CorB .addressContent .buttonset1, .checkoutStep1CorB .addressContent .buttonset21, .checkoutStep1CorC .addressContent .buttonset1, .checkoutStep1CorC .addressContent .buttonset21, .checkoutStep1CorA .heading, .checkoutStep1CorB .heading, .checkoutStep1CorC .heading, .checkoutStep1CorA .options2ContainerB, .checkoutStep1CorB .options2ContainerB, .checkoutStep1CorC .options2ContainerB, .checkoutStep1CorA .address, .checkoutStep1CorB .addressContent .addressHidden, .checkoutStep1CorB .addressContent .addressHidden2, .checkoutStep1CorB .addressContent .contactinfo, .checkoutStep1CorB .addressContent .addressLinks, .checkoutStep1CorB .addressContent .addressLinks2, .checkoutStep1CorC .addressContent .contactinfo, .checkoutStep1CorC .addressContent .sub-title-address, .checkoutStep1CorC .addressContent .addressHidden, .checkoutStep1CorC .addressContent .addressHidden2 { padding: 10px 20px 30px 20px; } } @media screen and (max-width: 659px) { .checkoutStep1CorA .addressContent .buttonset, .checkoutStep1CorA .addressContent .buttonset2, .checkoutStep1CorB .addressContent .buttonset, .checkoutStep1CorB .addressContent .buttonset2, .checkoutStep1CorC .addressContent .buttonset, .checkoutStep1CorC .addressContent .buttonset2, .checkoutStep1CorA .addressContent .buttonset1, .checkoutStep1CorA .addressContent .buttonset21, .checkoutStep1CorB .addressContent .buttonset1, .checkoutStep1CorB .addressContent .buttonset21, .checkoutStep1CorC .addressContent .buttonset1, .checkoutStep1CorC .addressContent .buttonset21, .checkoutStep1CorA .heading, .checkoutStep1CorB .heading, .checkoutStep1CorC .heading, .checkoutStep1CorA .options2ContainerB, .checkoutStep1CorB .options2ContainerB, .checkoutStep1CorC .options2ContainerB, .checkoutStep1CorA .address, .checkoutStep1CorB .addressContent .addressHidden, .checkoutStep1CorB .addressContent .addressHidden2, .checkoutStep1CorB .addressContent .contactinfo, .checkoutStep1CorB .addressContent .addressLinks, .checkoutStep1CorB .addressContent .addressLinks2, .checkoutStep1CorC .addressContent .contactinfo, .checkoutStep1CorC .addressContent .sub-title-address, .checkoutStep1CorC .addressContent .addressHidden, .checkoutStep1CorC .addressContent .addressHidden2 { padding: 10px 10px 30px 10px; } } .checkoutStep1CorA .packstationError, .checkoutStep1CorA .packstationInfo, .checkoutStep1CorB .packstationError, .checkoutStep1CorB .packstationInfo, .checkoutStep1CorC .packstationError, .checkoutStep1CorC .packstationInfo { padding: 15px; color: #FFFFFF; } .checkoutStep1CorA .packstationError, .checkoutStep1CorB .packstationError, .checkoutStep1CorC .packstationError { background-color: #ff9900; } .checkoutStep1CorA .packstationInfo, .checkoutStep1CorB .packstationInfo, .checkoutStep1CorC .packstationInfo { background-color: #3399cc; margin-bottom: 20px; } .checkoutStep1CorA .addressContent, .checkoutStep1CorB .addressContent, .checkoutStep1CorC .addressContent { background: #FFFFFF; } .checkoutStep1CorA .addressContent .buttonset, .checkoutStep1CorA .addressContent .buttonset2, .checkoutStep1CorB .addressContent .buttonset, .checkoutStep1CorB .addressContent .buttonset2, .checkoutStep1CorC .addressContent .buttonset, .checkoutStep1CorC .addressContent .buttonset2 { padding-top: 0; display: none; } .checkoutStep1CorA .addressContent .buttonset1, .checkoutStep1CorA .addressContent .buttonset21, .checkoutStep1CorB .addressContent .buttonset1, .checkoutStep1CorB .addressContent .buttonset21, .checkoutStep1CorC .addressContent .buttonset1, .checkoutStep1CorC .addressContent .buttonset21 { padding-top: 0; padding-right: 0; display: none; } .checkoutStep1CorA .heading, .checkoutStep1CorB .heading, .checkoutStep1CorC .heading { padding-top: 15px; padding-bottom: 15px; background: #DADADA; min-height: 55px; } .checkoutStep1CorA .form1, .checkoutStep1CorA .order-form, .checkoutStep1CorA .checkoutStep3 .sepaMandate, .checkoutStep3 .checkoutStep1CorA .sepaMandate, .checkoutStep1CorB .form1, .checkoutStep1CorB .order-form, .checkoutStep1CorB .checkoutStep3 .sepaMandate, .checkoutStep3 .checkoutStep1CorB .sepaMandate, .checkoutStep1CorC .form1, .checkoutStep1CorC .order-form, .checkoutStep1CorC .checkoutStep3 .sepaMandate, .checkoutStep3 .checkoutStep1CorC .sepaMandate { padding: 0; } .checkoutStep1CorA .options, .checkoutStep1CorB .options, .checkoutStep1CorC .options { float: right; } @media screen and (max-width: 659px) { .checkoutStep1CorA .options, .checkoutStep1CorB .options, .checkoutStep1CorC .options { float: none; } } .checkoutStep1CorA .options2, .checkoutStep1CorB .options2, .checkoutStep1CorC .options2 { float: right; background-color: #EE1F26; font-size: 1.125em; line-height: 1.25em; padding: 13px 25px; font-family: "tazbold", Helvetica, Arial, sans-serif; font-weight: 100; } .checkoutStep1CorA .options2 a, .checkoutStep1CorB .options2 a, .checkoutStep1CorC .options2 a { color: #FFF; } .checkoutStep1CorA .options2Container, .checkoutStep1CorB .options2Container, .checkoutStep1CorC .options2Container { padding: 30px 20px; width: 100%; background-color: #FFFFFF; } .checkoutStep1CorA .options2Container:before, .checkoutStep1CorA .options2Container:after, .checkoutStep1CorB .options2Container:before, .checkoutStep1CorB .options2Container:after, .checkoutStep1CorC .options2Container:before, .checkoutStep1CorC .options2Container:after { content: ""; display: table; } .checkoutStep1CorA .options2Container:after, .checkoutStep1CorB .options2Container:after, .checkoutStep1CorC .options2Container:after { clear: both; } .checkoutStep1CorA .options2ContainerB, .checkoutStep1CorB .options2ContainerB, .checkoutStep1CorC .options2ContainerB { padding-top: 0; background-color: #FFFFFF; } .checkoutStep1CorA .options2ContainerB:before, .checkoutStep1CorA .options2ContainerB:after, .checkoutStep1CorB .options2ContainerB:before, .checkoutStep1CorB .options2ContainerB:after, .checkoutStep1CorC .options2ContainerB:before, .checkoutStep1CorC .options2ContainerB:after { content: ""; display: table; } .checkoutStep1CorA .options2ContainerB:after, .checkoutStep1CorB .options2ContainerB:after, .checkoutStep1CorC .options2ContainerB:after { clear: both; } .checkoutStep1CorA .selectBox, .checkoutStep1CorB .selectBox, .checkoutStep1CorC .selectBox { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; padding-left: 2.77778%; padding-right: 2.77778%; } .checkoutStep1CorA .selectBox:first-child, .checkoutStep1CorB .selectBox:first-child, .checkoutStep1CorC .selectBox:first-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: right; padding-left: 2.77778%; padding-right: 2.77778%; float: left; padding-left: 0; } .checkoutStep1CorA .cart-overview { padding: 0 0 20px 20px; } .checkoutStep1CorB .addressContent .addressHidden, .checkoutStep1CorB .addressContent .addressHidden2 { display: none; } .checkoutStep1CorB .addressContent .editit, .checkoutStep1CorB .addressContent .editit2 { float: right; } .checkoutStep1CorB .addressContent .editit { padding-left: 20px; } .checkoutStep1CorB .addressContent .editit2 span { width: 45px; height: 45px; background-color: #dadada; top: -20px; right: 1px; } .checkoutStep1CorB .addressContent .addressLinks, .checkoutStep1CorB .addressContent .addressLinks2 { padding-top: 0; } .checkoutStep1CorC .addressContent .title-address .editit { position: absolute; width: 45px; height: 45px; background-color: #dadada; right: 1px; top: 0; } .checkoutStep1CorC .addressContent .title-address .editit a { position: absolute; width: 100%; height: 100%; } .checkoutStep1CorC .addressContent .title-address .editit a span { position: absolute; width: 20px; height: 20px; top: 0; bottom: 0; left: 0; right: 0; margin-left: 5px; margin-top: 20px; border-bottom: 1px solid #636363; } .checkoutStep1CorC .addressContent .editit, .checkoutStep1CorC .addressContent .editit2 { float: right; } .checkoutStep1CorC .addressContent .editit2 { padding-right: 20px; } .checkoutStep1CorC .addressContent .bottomCheck { padding-bottom: 60px; padding-right: 20px; } .checkoutStep1CorC .addressContent .editit2 span { width: 45px; height: 45px; background-color: #dadada; top: -20px; right: 1px; } .checkoutStep1CorC .addressContent .content-life-addresse { width: 100%; } .checkoutStep1CorC .addressContent .infobox { width: 386.6px; } .checkoutStep1CorC .addressContent .text-bill { font-size: 0.875em; margin-bottom: 0; } .checkoutStep1CorC .addressContent .sub-title-address { padding-top: 0; padding-bottom: 0; height: 36px; line-height: 36px; background-color: #dadada; font-weight: normal; margin: 0; margin: 1px 1px 0 0; font-size: 18px; } .checkoutStep1CorC .addressContent .otherAddressesArea .contactinfo { margin: 0; position: relative; } .checkoutStep1CorC .addressContent .otherAddressesArea .editit, .checkoutStep1CorC .addressContent .otherAddressesArea .deleteit { right: 1px; width: 45px; height: 45px; position: absolute; background-color: #dadada; } .checkoutStep1CorC .addressContent .otherAddressesArea .editit span, .checkoutStep1CorC .addressContent .otherAddressesArea .deleteit span { position: absolute; margin-top: 15px; padding-left: 15px; } .checkoutStep1CorC .addressContent .otherAddressesArea .editit { top: 1px; } .checkoutStep1CorC .addressContent .otherAddressesArea .deleteit { top: 47px; } .checkoutStep1CorC .addressContent .otherAddressesArea li.delivery { font-weight: bold; margin-top: 1em; } .checkoutStep1CorC .addressContent .addressHidden, .checkoutStep1CorC .addressContent .addressHidden2 { display: none; } .checkoutStep1CorC .addressContent .addressHidden .radiobuttongroup label, .checkoutStep1CorC .addressContent .addressHidden2 .radiobuttongroup label { margin-bottom: 0.625em; } @media screen and (min-width: 961px) { .checkoutStep1CorC .addressContent .otherAddressesArea { float: left; display: inline-block; width: 25%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .checkoutStep1CorC .addressContent .otherAddressesArea { float: left; display: inline-block; width: 50%; } } .update-design-customer-adress aside, .update-personal-data aside, .delAddr1 aside, .update-my-account aside, .update-my-account-plus-card aside, .update-jobs-offer aside, .update-presse aside, .update-presse-contact aside, .update-details-archive aside { display: inline-block; position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .update-design-customer-adress aside, .update-personal-data aside, .delAddr1 aside, .update-my-account aside, .update-my-account-plus-card aside, .update-jobs-offer aside, .update-presse aside, .update-presse-contact aside, .update-details-archive aside { margin-top: 0; } } .update-design-customer-adress aside .back-button, .update-personal-data aside .back-button, .delAddr1 aside .back-button, .update-my-account aside .back-button, .update-my-account-plus-card aside .back-button, .update-jobs-offer aside .back-button, .update-presse aside .back-button, .update-presse-contact aside .back-button, .update-details-archive aside .back-button { background-color: #999999; padding: 1.1em 0.5em; margin-bottom: 1em; } .update-design-customer-adress aside .back-button a, .update-personal-data aside .back-button a, .delAddr1 aside .back-button a, .update-my-account aside .back-button a, .update-my-account-plus-card aside .back-button a, .update-jobs-offer aside .back-button a, .update-presse aside .back-button a, .update-presse-contact aside .back-button a, .update-details-archive aside .back-button a { color: white; text-transform: lowercase; padding-left: 2.2em; } .update-design-customer-adress aside .back-button a:before, .update-personal-data aside .back-button a:before, .delAddr1 aside .back-button a:before, .update-my-account aside .back-button a:before, .update-my-account-plus-card aside .back-button a:before, .update-jobs-offer aside .back-button a:before, .update-presse aside .back-button a:before, .update-presse-contact aside .back-button a:before, .update-details-archive aside .back-button a:before { position: absolute; top: 0.9em; left: 2em; font-size: 8px; color: white; } @media screen and (min-width: 961px) { .update-design-customer-adress aside .back-button, .update-personal-data aside .back-button, .delAddr1 aside .back-button, .update-my-account aside .back-button, .update-my-account-plus-card aside .back-button, .update-jobs-offer aside .back-button, .update-presse aside .back-button, .update-presse-contact aside .back-button, .update-details-archive aside .back-button { display: none; } } .update-design-customer-adress aside nav.nav1, .update-personal-data aside nav.nav1, .delAddr1 aside nav.nav1, .update-my-account aside nav.nav1, .update-my-account-plus-card aside nav.nav1, .update-jobs-offer aside nav.nav1, .update-presse aside nav.nav1, .update-presse-contact aside nav.nav1, .update-details-archive aside nav.nav1 { padding: 12px 20px 0 20px; } @media screen and (max-width: 659px) { .update-design-customer-adress aside nav.nav1, .update-personal-data aside nav.nav1, .delAddr1 aside nav.nav1, .update-my-account aside nav.nav1, .update-my-account-plus-card aside nav.nav1, .update-jobs-offer aside nav.nav1, .update-presse aside nav.nav1, .update-presse-contact aside nav.nav1, .update-details-archive aside nav.nav1 { padding: 0; } } .update-design-customer-adress aside ul, .update-personal-data aside ul, .delAddr1 aside ul, .update-my-account aside ul, .update-my-account-plus-card aside ul, .update-jobs-offer aside ul, .update-presse aside ul, .update-presse-contact aside ul, .update-details-archive aside ul { display: inline; position: relative; width: 100%; height: auto; padding: 0; } .update-design-customer-adress aside ul .active, .update-personal-data aside ul .active, .delAddr1 aside ul .active, .update-my-account aside ul .active, .update-my-account-plus-card aside ul .active, .update-jobs-offer aside ul .active, .update-presse aside ul .active, .update-presse-contact aside ul .active, .update-details-archive aside ul .active { font-weight: bold; } .update-design-customer-adress aside ul li, .update-personal-data aside ul li, .delAddr1 aside ul li, .update-my-account aside ul li, .update-my-account-plus-card aside ul li, .update-jobs-offer aside ul li, .update-presse aside ul li, .update-presse-contact aside ul li, .update-details-archive aside ul li { border: medium none; box-sizing: border-box; width: 100%; height: auto; background-color: transparent; /*padding: 0.5em 1em;*/ padding: 0.5em 0; } .update-design-customer-adress aside ul li:hover, .update-personal-data aside ul li:hover, .delAddr1 aside ul li:hover, .update-my-account aside ul li:hover, .update-my-account-plus-card aside ul li:hover, .update-jobs-offer aside ul li:hover, .update-presse aside ul li:hover, .update-presse-contact aside ul li:hover, .update-details-archive aside ul li:hover { cursor: pointer; } .update-design-customer-adress aside ul li a, .update-personal-data aside ul li a, .delAddr1 aside ul li a, .update-my-account aside ul li a, .update-my-account-plus-card aside ul li a, .update-jobs-offer aside ul li a, .update-presse aside ul li a, .update-presse-contact aside ul li a, .update-details-archive aside ul li a { display: block; position: relative; width: 100%; /*&:before { position: absolute; top: 0.9em; right: 0.1em; font-size: 8px; color: #636363; @extend .icon-arrow-right; }*/ } .update-design-customer-adress aside ul .open, .update-personal-data aside ul .open, .delAddr1 aside ul .open, .update-my-account aside ul .open, .update-my-account-plus-card aside ul .open, .update-jobs-offer aside ul .open, .update-presse aside ul .open, .update-presse-contact aside ul .open, .update-details-archive aside ul .open { display: none; } @media screen and (min-width: 961px) { .update-design-customer-adress .navAccord, .update-personal-data .navAccord, .delAddr1 .navAccord, .update-my-account .navAccord, .update-my-account-plus-card .navAccord, .update-jobs-offer .navAccord, .update-presse .navAccord, .update-presse-contact .navAccord, .update-details-archive .navAccord { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-design-customer-adress .navAccord, .update-personal-data .navAccord, .delAddr1 .navAccord, .update-my-account .navAccord, .update-my-account-plus-card .navAccord, .update-jobs-offer .navAccord, .update-presse .navAccord, .update-presse-contact .navAccord, .update-details-archive .navAccord { display: block; } .update-design-customer-adress .navAccord .back-button, .update-personal-data .navAccord .back-button, .delAddr1 .navAccord .back-button, .update-my-account .navAccord .back-button, .update-my-account-plus-card .navAccord .back-button, .update-jobs-offer .navAccord .back-button, .update-presse .navAccord .back-button, .update-presse-contact .navAccord .back-button, .update-details-archive .navAccord .back-button { display: none; } } @media screen and (max-width: 659px) { .update-design-customer-adress .navAccord, .update-personal-data .navAccord, .delAddr1 .navAccord, .update-my-account .navAccord, .update-my-account-plus-card .navAccord, .update-jobs-offer .navAccord, .update-presse .navAccord, .update-presse-contact .navAccord, .update-details-archive .navAccord { display: none; } } .update-design-customer-adress .web-view nav, .update-personal-data .web-view nav, .delAddr1 .web-view nav, .update-my-account .web-view nav, .update-my-account-plus-card .web-view nav, .update-jobs-offer .web-view nav, .update-presse .web-view nav, .update-presse-contact .web-view nav, .update-details-archive .web-view nav { display: inline-block; width: 100%; } .update-design-customer-adress .web-view nav ul li.last-navigation-item:first-child, .update-personal-data .web-view nav ul li.last-navigation-item:first-child, .delAddr1 .web-view nav ul li.last-navigation-item:first-child, .update-my-account .web-view nav ul li.last-navigation-item:first-child, .update-my-account-plus-card .web-view nav ul li.last-navigation-item:first-child, .update-jobs-offer .web-view nav ul li.last-navigation-item:first-child, .update-presse .web-view nav ul li.last-navigation-item:first-child, .update-presse-contact .web-view nav ul li.last-navigation-item:first-child, .update-details-archive .web-view nav ul li.last-navigation-item:first-child { padding: 0; } @media screen and (min-width: 961px) { .update-design-customer-adress .web-view, .update-personal-data .web-view, .delAddr1 .web-view, .update-my-account .web-view, .update-my-account-plus-card .web-view, .update-jobs-offer .web-view, .update-presse .web-view, .update-presse-contact .web-view, .update-details-archive .web-view { display: inline-block; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-design-customer-adress .web-view, .update-personal-data .web-view, .delAddr1 .web-view, .update-my-account .web-view, .update-my-account-plus-card .web-view, .update-jobs-offer .web-view, .update-presse .web-view, .update-presse-contact .web-view, .update-details-archive .web-view { display: none; } } @media screen and (max-width: 659px) { .update-design-customer-adress .web-view, .update-personal-data .web-view, .delAddr1 .web-view, .update-my-account .web-view, .update-my-account-plus-card .web-view, .update-jobs-offer .web-view, .update-presse .web-view, .update-presse-contact .web-view, .update-details-archive .web-view { display: none; } } .update-design-customer-adress #registerCnt aside, .update-personal-data #registerCnt aside, .delAddr1 #registerCnt aside, .update-my-account #registerCnt aside, .update-my-account-plus-card #registerCnt aside, .update-jobs-offer #registerCnt aside, .update-presse #registerCnt aside, .update-presse-contact #registerCnt aside, .update-details-archive #registerCnt aside { width: 50%; float: none; } @media screen and (min-width: 961px) { .update-design-customer-adress .s-view, .update-personal-data .s-view, .delAddr1 .s-view, .update-my-account .s-view, .update-my-account-plus-card .s-view, .update-jobs-offer .s-view, .update-presse .s-view, .update-presse-contact .s-view, .update-details-archive .s-view { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-design-customer-adress .s-view, .update-personal-data .s-view, .delAddr1 .s-view, .update-my-account .s-view, .update-my-account-plus-card .s-view, .update-jobs-offer .s-view, .update-presse .s-view, .update-presse-contact .s-view, .update-details-archive .s-view { display: none; } } @media screen and (max-width: 659px) { .update-design-customer-adress .s-view, .update-personal-data .s-view, .delAddr1 .s-view, .update-my-account .s-view, .update-my-account-plus-card .s-view, .update-jobs-offer .s-view, .update-presse .s-view, .update-presse-contact .s-view, .update-details-archive .s-view { display: block; height: 50px; float: none; margin: 0; } .update-design-customer-adress .s-view .level3 li, .update-personal-data .s-view .level3 li, .delAddr1 .s-view .level3 li, .update-my-account .s-view .level3 li, .update-my-account-plus-card .s-view .level3 li, .update-jobs-offer .s-view .level3 li, .update-presse .s-view .level3 li, .update-presse-contact .s-view .level3 li, .update-details-archive .s-view .level3 li { display: none; } .update-design-customer-adress .s-view .back-button, .update-personal-data .s-view .back-button, .delAddr1 .s-view .back-button, .update-my-account .s-view .back-button, .update-my-account-plus-card .s-view .back-button, .update-jobs-offer .s-view .back-button, .update-presse .s-view .back-button, .update-presse-contact .s-view .back-button, .update-details-archive .s-view .back-button { display: block !important; background-color: transparent; margin-left: -25px; } .update-design-customer-adress .s-view .back-button a, .update-personal-data .s-view .back-button a, .delAddr1 .s-view .back-button a, .update-my-account .s-view .back-button a, .update-my-account-plus-card .s-view .back-button a, .update-jobs-offer .s-view .back-button a, .update-presse .s-view .back-button a, .update-presse-contact .s-view .back-button a, .update-details-archive .s-view .back-button a { color: #999999; } .update-design-customer-adress .s-view .back-button a:before, .update-personal-data .s-view .back-button a:before, .delAddr1 .s-view .back-button a:before, .update-my-account .s-view .back-button a:before, .update-my-account-plus-card .s-view .back-button a:before, .update-jobs-offer .s-view .back-button a:before, .update-presse .s-view .back-button a:before, .update-presse-contact .s-view .back-button a:before, .update-details-archive .s-view .back-button a:before { color: #999999; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-jobs-offer .serviceMetaNavigation ul { width: 50%; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-personal-data { width: 100%; } } @media screen and (max-width: 659px) { .update-personal-data .last-navigation-item li { display: none; } .update-personal-data .last-navigation-item li.back-button { display: block; } } .update-personal-data aside { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } .update-personal-data .right-side { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-personal-data .right-side { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (min-width: 961px) { .update-personal-data .right-side .right-side-content { padding-left: 1.25em; } } .update-personal-data .right-side .message-box p { margin: 0.5em 0 2.5em 0; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-personal-data .right-side .message-box { padding: 0 1em; } } .update-personal-data header { padding: 0 0 0 0; } .update-personal-data .s-view { margin: 0 0 0 1em; } .update-personal-data form { padding: 0; margin: 0 0 2.5em 0; } .update-personal-data .inner .text { position: relative; min-height: 4.375em; height: auto; padding: 1.8em 1.35em; } .update-personal-data .inner .text span { position: relative; width: 100%; } .update-personal-data .inner .bgWhite { display: table; width: 100%; } .update-personal-data label.block { width: 14.375em; } .update-personal-data .hidden-fieldset { display: none; margin-bottom: 2.5em; } @media screen and (min-width: 660px) and (max-width: 960px) { .update-personal-data .hidden-fieldset { margin: 0 1.25em 2.5em; } } @media screen and (max-width: 659px) { .update-personal-data .hidden-fieldset { margin: 0 0.625em 2.5em; } } .update-personal-data .personal-data { display: table; position: relative; width: 100%; height: auto; margin-bottom: 3.4375em; } .update-personal-data .personal-data .content { position: relative; height: auto; } @media screen and (max-width: 659px) { .update-personal-data .personal-data .content div.item { margin-bottom: 1.25em; } } .update-personal-data .personal-data .content div span { width: 35%; min-height: 2.1875em; float: left; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; } @media screen and (min-width: 660px) and (max-width: 960px) { .update-personal-data .personal-data .content div span { width: 45%; } } .update-personal-data .personal-data .content div span span:first-child { margin-bottom: 0.5em; } @media screen and (max-width: 659px) { .update-personal-data .personal-data .content div span { width: 100%; min-height: initial; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-personal-data .personal-data .content { padding: 0 1.25em; } } @media screen and (max-width: 659px) { .update-personal-data .personal-data .content { width: 100%; padding: 0 0.625em; } } .update-personal-data .personal-data .content div { display: table; width: 100%; height: auto; line-height: 2.1875em; } @media screen and (max-width: 659px) { .update-personal-data .personal-data .content div { line-height: initial; } } .update-personal-data .personal-data .right-part div { font-weight: bold; } .update-personal-data .personal-data .fieldsColumn { width: 51%; } .update-personal-data .button { width: auto; background-color: #636363; color: #FFF; border: 0px none; padding: 0.75em 1.5em !important; margin: 2.5em 1.375em 0; float: right; font-size: 1.125em; font-weight: normal; line-height: 1.25em; text-align: center; } .update-personal-data .btn-cancel { float: left; background-color: #999999; margin-left: 0; } @media screen and (max-width: 659px) { .update-personal-data .btn-cancel { margin-right: 0; } } .update-personal-data .red-button { float: right; } @media screen and (max-width: 659px) { .update-personal-data .red-button .button { margin-right: 0; margin-left: 0; } } .update-personal-data .disabled-button { color: #636363; background-color: white; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .update-personal-data .noBold p { padding: 0 1em; } } .textRightPriceData { text-align: right; padding-right: 1em; } .timeslotpicker .date { display: table; height: 75px; margin-bottom: 0px; width: 100%; } .timeslotpicker .date p { display: table-cell; font-family: Helvetica,Arial,sans-serif; font-size: 1em; font-weight: bold; letter-spacing: 0; line-height: 1.417em; text-align: start; margin-left: 1em; display: block; vertical-align: middle; } .timeslotpicker .date.closed p { color: gray; } .timeslotpicker ol, .timeslotpicker .slots { list-style-type: none; margin: 0; } .timeslotpicker .time { position: relative; } .timeslotpicker ol li { color: transparent; height: 120px; position: relative; } .timeslotpicker ol li:after { content: ""; display: block; height: 1px; left: -2px; position: absolute; top: -1px; width: 152px; } .timeslotpicker ol li:last-child:after { top: -2px; } .timeslotpicker input { position: absolute; visibility: hidden; } .timeslotpicker .slots input:checked + label { background: #ed1c24; border-color: #cc0d1f; color: #fff; } .timeslotpicker .slots input:checked + label::after { content: "\e805"; font-family: 'bauhaus'; margin-left: 10px; } .timeslotpicker .slots li { display: table; } .timeslotpicker .slots label, .timeslotpicker .slots span { display: table-cell; text-align: center; vertical-align: middle; width: 100%; } .timeslotpicker .slots label { background-color: #F0EFED; font-size: 1em; color: #535658; } .timeslotpicker .slots label:hover { background-color: #DEDBD7; } .timeslotslider.disabled { cursor: not-allowed; } .timeslotslider.disabled .slides-prev, .timeslotslider.disabled .slides-next { cursor: not-allowed; } .timeslotslider.disabled .timeslotpicker .slots label, .timeslotslider.disabled .timeslotpicker .slots label:hover { background-color: #c3c4c5; cursor: not-allowed; } .timeslotpicker .slots li { left: 0; position: absolute; width: 100%; } .timeslotpicker .slots li.not-available { background-color: #FFFFFF; color: #c3c4c5; } .timeslotpicker .slots li[data-start="7"] { top: 0; } .timeslotpicker .slots li[data-start="8"] { top: 20px; } .timeslotpicker .slots li[data-start="9"] { top: 40px; } .timeslotpicker .slots li[data-start="10"] { top: 60px; } .timeslotpicker .slots li[data-start="11"] { top: 80px; } .timeslotpicker .slots li[data-start="12"] { top: 100px; } .timeslotpicker .slots li[data-start="13"] { top: 120px; } .timeslotpicker .slots li[data-start="14"] { top: 140px; } .timeslotpicker .slots li[data-start="15"] { top: 160px; } .timeslotpicker .slots li[data-start="16"] { top: 180px; } .timeslotpicker .slots li[data-start="17"] { top: 200px; } .timeslotpicker .slots li[data-start="18"] { top: 220px; } .timeslotpicker .slots li[data-start="19"] { top: 240px; } .timeslotpicker .slots li[data-start="20"] { top: 260px; } .timeslotpicker .slots li[data-start="21"] { top: 280px; } .timeslotpicker .slots li[data-length="1"] { height: 20px; } .timeslotpicker .slots li[data-length="2"] { height: 40px; } .timeslotpicker .slots li[data-length="3"] { height: 60px; } .timeslotpicker .slots li[data-length="4"] { height: 80px; } .timeslotpicker .slots li[data-length="5"] { height: 100px; } .timeslotpicker .slots li[data-length="6"] { height: 120px; } .timeslotpicker .slots li[data-length="7"] { height: 140px; } .timeslotpicker .slots li[data-length="8"] { height: 160px; } .timeslotpicker .slots li[data-length="9"] { height: 180px; } .timeslotpicker .slots li[data-length="10"] { height: 200px; } .timeslotpicker .slots li[data-length="11"] { height: 220px; } .timeslotpicker .slots li[data-length="12"] { height: 240px; } .timeslotpicker .slots li[data-length="13"] { height: 80px; } .timeslotpicker .slots li[data-length="14"] { height: 280px; } .timeslotpicker .slots li[data-length="15"] { height: 300px; } .timeslotslider { padding: 0 30px; position: relative; width: 100%; } .timeslotslider .slides-item { position: relative; } .timeslotslider .slides-item .white-line { position: absolute; background-color: #FFFFFF; width: 1px; height: 100%; top: 0px; right: 0px; } .timeslotslider .slides-direction-nav li a { height: 75px; left: 0px; margin: 0; position: absolute; top: 0px; width: 31px; background-color: #F0EFED; } .slider-button-icon, .timeslotslider .slides-direction-nav .slides-prev::before, .timeslotslider .slides-direction-nav .slides-next::before, .fachcentren-slider .slides-direction-nav .slides-prev::before, .fachcentren-slider .slides-direction-nav .slides-next::before { top: 30px; position: absolute; } .timeslotslider .slides-direction-nav .slides-prev::before { margin-left: 10px; } .timeslotslider .slides-direction-nav .slides-next { left: auto; right: 0px; } .timeslotslider .slides-direction-nav .slides-next::before { margin-left: 5px; } .timeslotslider .slides-direction-nav .slides-disabled { opacity: .5; } .timeslotslider { position: relative; } #timeslotsOverlay { cursor: not-allowed; position: absolute; left: 0; background-color: #FFFFFF; opacity: 0.5; z-index: 1000; width: 100%; height: 100%; display: none; } .reservationItemsCheckout.displayTable { display: table; width: 100%; } .reservationItemsCheckout.displayTable .row { display: table-row; } .reservationItemsCheckout.displayTable .row.non-header:nth-child(odd) { background: #EFEFEF; } .reservationItemsCheckout.displayTable .row.non-header:nth-child(odd) .cell { background: #EFEFEF; } .product-accord { background-color: #dadada; width: 100%; display: table; word-break: break-all; color: #636363; margin-left: auto; margin-right: auto; cursor: pointer; } .product-accord > div { background-color: #dadada; } .product-accord > div p { font-family: "tazbold", Helvetica, Arial, sans-serif; } .product-accord div.floatLeft, .product-accord .service-content div.service-nav, .service-content .product-accord div.service-nav, .product-accord .service-content div.main-content, .service-content .product-accord div.main-content, .product-accord .service-content div.float-left, .service-content .product-accord div.float-left, .product-accord .skinContentRental .rates div.size1of2, .skinContentRental .rates .product-accord div.size1of2 { width: 96%; } .product-accord div.floatLeft p, .product-accord .service-content div.service-nav p, .service-content .product-accord div.service-nav p, .product-accord .service-content div.main-content p, .service-content .product-accord div.main-content p, .product-accord .service-content div.float-left p, .service-content .product-accord div.float-left p, .product-accord .skinContentRental .rates div.size1of2 p, .skinContentRental .rates .product-accord div.size1of2 p { margin-left: 1em; } .product-accord div.floatRight, .product-accord .service-content div.float-right, .service-content .product-accord div.float-right { width: 4%; } .product-accord div.floatRight p, .product-accord .service-content div.float-right p, .service-content .product-accord div.float-right p { margin-right: 0.5em; } .product-accord .width-auto { width: auto; } .product-accord.active { background-color: #636363; color: #FFFFFF; margin-left: auto; margin-right: auto; cursor: pointer; } .product-accord.active > div { background-color: #636363; } .product-accord.active > div p { font-family: "tazbold", Helvetica, Arial, sans-serif; } .reservationItemsCheckout .textMiddle { text-align: center; } .reservationItemsCheckout .rightMargin { margin-right: 0.5em; } .reservationItemsCheckout .grayBackground { background-color: #d3d3d3; width: 100%; } .reservationItemsCheckout .grayBackground > div { background-color: #d3d3d3; } .reservationItemsCheckout .grayBackground > div p { font-family: "tazbold", Helvetica, Arial, sans-serif; } .reservationItemsCheckout .grayBackground > div:not(.no-white-border-right) { border-right: #FFFFFF 1px solid; } .reservationItemsCheckout .row .col-product .title { margin-left: 1em; } @media screen and (min-width: 961px) { .reservationItemsCheckout .row .col-product { width: 76%; } .reservationItemsCheckout .row .col-total { width: 12%; } .reservationItemsCheckout .row .col-amount { width: 12%; } .reservationItemsCheckout .row .col-amount, .reservationItemsCheckout .row .col-total { float: left; } .reservationItemsCheckout .row .product-label { display: none; } .reservationItemsCheckout .row .marginTop { margin-top: 0.5em; } .reservationItemsCheckout .row .topMargin-product { margin-top: 1.2em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .reservationItemsCheckout .row .col-product { width: 70%; } .reservationItemsCheckout .row .col-total { width: 15%; } .reservationItemsCheckout .row .col-amount { width: 15%; } .reservationItemsCheckout .row .headerTextRight { display: inline-block; } .reservationItemsCheckout .row .col-amount, .reservationItemsCheckout .row .col-total { float: left; } .reservationItemsCheckout .row .product-label { display: none; } .reservationItemsCheckout .row .marginTop { margin-top: 0.5em; } .reservationItemsCheckout .row .topMargin-product { margin-top: 1.2em; } } @media screen and (max-width: 659px) { .reservationItemsCheckout .row .col-product { width: 50%; } .reservationItemsCheckout .row .col-total, .reservationItemsCheckout .row .col-amount { width: 25%; } .reservationItemsCheckout .row .col-amount p { margin-right: 2em; } .reservationItemsCheckout .row .col-amount, .reservationItemsCheckout .row .col-total { float: left; } .reservationItemsCheckout .row .col-total p { margin-right: 0.5em; } } .reservationItemsCheckout .row .product a { display: table-cell; } .reservationItemsCheckout .row .amount input { width: 4em; padding: 0.8em 0.5em; border: 0; background-color: #EFEFEF; text-align: center; } .cartTotalSummary-ReservationCheckout { margin-bottom: 20px; } .cartTotalSummary-ReservationCheckout .row .leftSide { float: left; display: inline-block; margin-top: 1em; } .cartTotalSummary-ReservationCheckout .row .rightSide { float: left; display: inline-block; margin-top: 1em; } .cartTotalSummary-ReservationCheckout .row .rightSide .textMiddle { margin-right: 0.5em; } .cartTotalSummary-ReservationCheckout .row .totalamount.reservation.rightSide h3 { width: 101%; } @media screen and (min-width: 961px) { .cartTotalSummary-ReservationCheckout .row .leftSide { width: 88%; } .cartTotalSummary-ReservationCheckout .row .rightSide { width: 12%; } .cartTotalSummary-ReservationCheckout .row .amount.margin-bottom { margin-bottom: 0.3em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cartTotalSummary-ReservationCheckout .row .leftSide { width: 84%; } .cartTotalSummary-ReservationCheckout .row .rightSide { width: 16%; } .cartTotalSummary-ReservationCheckout .row .amount.margin-bottom { margin-bottom: 0.3em; } .cartTotalSummary-ReservationCheckout .row .reservation.margin-bottom { margin-bottom: 0.3em; } } @media screen and (max-width: 659px) { .cartTotalSummary-ReservationCheckout .row .leftSide { width: 74%; } .cartTotalSummary-ReservationCheckout .row .rightSide { width: 26%; } .cartTotalSummary-ReservationCheckout .row .reduce-top-margin { margin-top: 0px; } } .cartTotalSummary-ReservationCheckout .row .textMiddle { height: 2.5em; line-height: 2.4em; } @media screen and (min-width: 961px) { .reservation-confirmation header { padding: 50px 15px 0 15px; } .reservation-confirmation header h1 { margin-bottom: 0; } .reservation-confirmation .modCheckout { background: #FFFFFF; padding: 10px 15px; } .reservation-confirmation .modCheckout .content-data-image-reservation { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .reservation-confirmation .modCheckout .content-data-image-reservation .img-reservation { width: 7%; min-width: 90px; float: left; margin-right: 2em; margin-top: 0; } .reservation-confirmation .modCheckout .content-data-image-reservation .img-reservation img { width: 100%; } .reservation-confirmation .modCheckout .content-data-image-reservation .img-click-collect { width: 15%; min-width: 225px; float: left; margin-right: 1em; margin-top: 0; } .reservation-confirmation .modCheckout .content-data-image-reservation .img-click-collect img { width: 100%; } .reservation-confirmation .modCheckout .content-data-image-reservation .text-data-reservation { float: left; margin-top: 10px; } .reservation-confirmation .modCheckout .content-data-image-reservation .text-data-reservation p { margin: 0.5em 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .reservation-confirmation header { padding: 40px 20px 0px 20px; } .reservation-confirmation .modCheckout { background: #FFFFFF; padding: 10px 20px 30px 20px; } .reservation-confirmation .modCheckout .content-data-image-reservation { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .reservation-confirmation .modCheckout .content-data-image-reservation .img-reservation { width: 7%; min-width: 90px; float: left; margin-right: 2em; margin-top: 0; } .reservation-confirmation .modCheckout .content-data-image-reservation .img-reservation img { width: 100%; } .reservation-confirmation .modCheckout .content-data-image-reservation .text-data-reservation { float: left; margin-top: 10px; } .reservation-confirmation .modCheckout .content-data-image-reservation .text-data-reservation p { margin: 0.5em 0; } } @media screen and (max-width: 659px) { .reservation-confirmation header { padding: 40px 10px 0px 10px; } .reservation-confirmation .modCheckout { background: #FFFFFF; padding: 10px 10px 30px 10px; } .reservation-confirmation .modCheckout .content-data-image-reservation { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .reservation-confirmation .modCheckout .content-data-image-reservation .img-reservation { float: none; text-align: center; } .reservation-confirmation .modCheckout .content-data-image-reservation .img-reservation img { width: auto; max-width: 120px; } .reservation-confirmation .modCheckout .content-data-image-reservation .img-click-collect { float: none; text-align: center; } .reservation-confirmation .modCheckout .content-data-image-reservation .img-click-collect img { width: auto; max-width: 225px; } } .reservation-confirmation .btm-section { overflow: hidden; } .reservation-confirmation .btm-section .reservation-detail { float: left; } .reservation-confirmation .btm-section a.button { background-color: #EE1F26; display: block; text-align: center; color: #FFFFFF; float: right; } .checkoutStep3 .reservationDisplayTable, .checkoutReservation .reservationDisplayTable, .order-confirmation .reservationDisplayTable, .outside-white-container .reservationDisplayTable { display: table; } .checkoutStep3 .reservationDisplayTable .reservationDisplayRow, .checkoutReservation .reservationDisplayTable .reservationDisplayRow, .order-confirmation .reservationDisplayTable .reservationDisplayRow, .outside-white-container .reservationDisplayTable .reservationDisplayRow { display: table-row; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; margin-bottom: .5em; } .checkoutStep3 .reservationDisplayTable .reservationDisplayRow span, .checkoutReservation .reservationDisplayTable .reservationDisplayRow span, .order-confirmation .reservationDisplayTable .reservationDisplayRow span, .outside-white-container .reservationDisplayTable .reservationDisplayRow span { padding-left: 2.5em; } .checkoutStep3 .reservationDisplayTable .reservationDisplayRow .reservationDisplayCell, .checkoutReservation .reservationDisplayTable .reservationDisplayRow .reservationDisplayCell, .order-confirmation .reservationDisplayTable .reservationDisplayRow .reservationDisplayCell, .outside-white-container .reservationDisplayTable .reservationDisplayRow .reservationDisplayCell { display: table-cell; position: relative; } @media screen and (min-width: 660px) and (max-width: 960px) { .checkoutStep3, .checkoutReservation, .order-confirmation, .outside-white-container { background-color: #FFFFFF; } .checkoutStep3 header h1.title, .checkoutReservation header h1.title, .order-confirmation header h1.title, .outside-white-container header h1.title { margin-top: 0px; } } @media screen and (max-width: 659px) { .checkoutStep3, .checkoutReservation, .order-confirmation, .outside-white-container { background-color: #FFFFFF; } .checkoutStep3 header h1.title, .checkoutReservation header h1.title, .order-confirmation header h1.title, .outside-white-container header h1.title { margin-top: 0px; } } .checkoutStep3 .opening p.information, .checkoutReservation .opening p.information, .order-confirmation .opening p.information, .outside-white-container .opening p.information { display: inline-block; float: left; } .checkoutStep3 .checkout-reserve-button, .checkoutReservation .checkout-reserve-button, .order-confirmation .checkout-reserve-button, .outside-white-container .checkout-reserve-button { width: 12em; } @media screen and (max-width: 659px) { .checkoutStep3 .checkout-reserve-button, .checkoutReservation .checkout-reserve-button, .order-confirmation .checkout-reserve-button, .outside-white-container .checkout-reserve-button { float: none; margin-right: auto; margin-left: auto; width: 40%; } } .checkoutStep3 .disclaimer, .checkoutReservation .disclaimer, .order-confirmation .disclaimer, .outside-white-container .disclaimer { text-align: right; } @media screen and (max-width: 659px) { .checkoutStep3 .disclaimer, .checkoutReservation .disclaimer, .order-confirmation .disclaimer, .outside-white-container .disclaimer { float: none; margin-right: auto; margin-left: auto; text-align: center; } } .checkoutReservation .radiobuttongroup:before, .checkoutReservation .radiobuttongroup:after { content: ""; display: table; } .checkoutReservation .radiobuttongroup:after { clear: both; } .checkoutReservation .radiobuttongroup label { margin-bottom: 0.875em; } .checkoutReservation .radiobuttongroup label > .ui-checkboxradio-icon:before { background-color: #EFEFEF; padding: 1em; content: ''; line-height: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; font-size: 0.7em; content: ""; float: left; margin-right: 0.3125em; } .checkoutReservation .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before { padding: .5em; /*font-family: 'bauhaus'; font-size: $fs;*/ } .checkoutReservation .ui-button { display: inline-block; position: relative; text-decoration: none !important; cursor: default; overflow: visible; } .checkoutReservation #reservationCompleteForm .no-margin-bottom { margin-bottom: 0px; } .checkoutReservation #reservationCompleteForm .no-top-margin { margin-top: 0px; } .checkoutReservation #reservationCompleteForm .margin-right-mini { margin-right: 3px; } #pickup-choose { background-color: #EFEFEF; padding: 1em; position: absolute; content: ''; left: 0; line-height: 1em; position: absolute; left: 0; padding: .7em .8em; } #pickup-choose.checked { padding: .5em; padding-bottom: 0.55em; font-family: 'bauhaus'; font-size: inherit; padding: .2em .4em; } .calendar_indicator { display: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding-left: 2.8em; padding-top: 1em; } @media screen and (max-width: 659px) { .calendar_indicator { margin-bottom: 1em; padding-left: 1em; } } .calendar_indicator ul { display: flex; } .calendar_indicator ul li { display: inline-block; white-space: nowrap; padding: 2px 10px 2px 10px; } div.calendar_indicator ul li div { width: 15px; height: 20px; float: left; padding: 2px 10px 2px 10px; display: block; } div.calendar_indicator ul li div.selectedDate { background-color: #ED1C23; } div.calendar_indicator ul li div.selectableDate { background-color: #636363; } div.calendar_indicator ul li div.notselectableDate { background-color: #EFEFEF; } @media screen and (max-width: 659px) { div.calendar_indicator ul { display: block; } } div.calendar_indicator li { text-indent: .5em; } @media screen and (max-width: 659px) { div.calendar_indicator li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .fc-calendar-container { position: relative; height: 400px; width: 400px; } .fc-calendar { width: 100%; height: 100%; } .fc-calendar .fc-head { height: 30px; line-height: 30px; background: #ccc; color: #fff; } .fc-calendar .fc-body { position: relative; width: 100%; height: 100%; height: -moz-calc(100% - 30px); height: -webkit-calc(100% - 30px); height: calc(100% - 30px); border-bottom: 0.5px solid #fff; border-right: 0.5px solid #fff; border-left: 0.5px solid #fff; } .fc-calendar .fc-row { width: 100%; } .fc-four-rows .fc-row { height: 25%; } .fc-five-rows .fc-row { height: 20%; } .fc-six-rows .fc-row { height: 16.66%; height: -moz-calc(100%/6); height: -webkit-calc(100%/6); height: calc(100%/6); } .fc-calendar .fc-row > div, .fc-calendar .fc-head > div { float: left; height: 100%; width: -moz-calc(100%/7); width: -webkit-calc(100%/7); width: calc(100%/7); width: 14.28%; /* 100% / 7 */ position: relative; } /* IE 9 is rounding up the calc it seems */ .ie9 .fc-calendar .fc-row > div, .ie9 .fc-calendar .fc-head > div { width: 14.2%; } .fc-calendar .fc-row > div { padding: 4px; overflow: hidden; position: relative; border: 1px solid gray; } .fc-calendar .fc-head > div { text-align: center; border: 1px solid #fff; vertical-align: middle; font-size: 1.6em; padding: 1em; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .fc-calendar .fc-head > div { text-transform: uppercase; padding: 0; line-height: 3.6em; } } .fc-calendar .fc-row > div > span.fc-date { position: absolute; width: 30px; height: 20px; font-size: 20px; line-height: 20px; font-weight: 700; color: #ddd; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8); bottom: 5px; right: 5px; text-align: right; } .fc-calendar .fc-row > div > span.fc-weekday { padding-left: 5px; display: none; } .fc-calendar .fc-row > div.fc-today { background: #fff4c3; } .fc-calendar .fc-row > div.fc-out { opacity: 0.6; } .fc-calendar .fc-row > div:last-child, .fc-calendar .fc-head > div:last-child { border-right: none; } .fc-calendar .fc-row:last-child { border-bottom: none; } #reservationCompleteForm fieldset.submit { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } /* Custom calendar elements */ .custom-calendar-wrap { margin: 10px auto; position: relative; overflow: hidden; display: none; } .custom-inner { background: #fff; } .custom-inner .custom-inner:before, .custom-inner:after { content: ''; width: 99%; height: 50%; position: absolute; background: #f6f6f6; bottom: -4px; left: 0.5%; z-index: -1; } .custom-inner:after { content: ''; width: 98%; bottom: -7px; left: 1%; z-index: -2; } .custom-header { background-color: #DADADA; position: relative; } .custom-header h2, .custom-header h3 { float: left; width: 45%; margin: 0; } .custom-header h2 { color: #495468; font-weight: 300; font-size: 18px; margin-top: 10px; margin-bottom: 10px; } .custom-header h3 { font-size: 1.2em; color: #636363; padding: 1em 0; } .custom-header h3.custom-year { text-indent: .5em; } .custom-header nav span.custom-prev { left: 0; border-right: 2px solid #FFF; } .custom-header nav span.custom-next { right: 0; border-left: 2px solid #FFF; } .custom-header nav span { cursor: pointer; text-align: center; position: absolute; padding: 1.4em 1.63em; } .custom-header nav span:before { font-size: .6em; } .custom-content-reveal { background: #f6f6f6; background: rgba(246, 246, 246, 0.9); width: 100%; height: 100%; position: absolute; z-index: 100; top: 100%; left: 0px; text-align: center; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .custom-content-reveal span.custom-content-close { position: absolute; top: 15px; right: 10px; width: 20px; height: 20px; text-align: center; background: #ef4f69; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); cursor: pointer; line-height: 13px; padding: 0; } .custom-content-reveal span.custom-content-close:after { content: 'x'; font-size: 18px; color: #fff; } .custom-content-reveal a, .custom-content-reveal span { font-size: 22px; padding: 10px 30px; display: block; } .custom-content-reveal h4 { text-transform: uppercase; font-size: 13px; font-weight: 300; letter-spacing: 3px; color: #777; padding: 20px; background: #fff; border-bottom: 1px solid #ddd; border-top: 5px solid #ef4f69; box-shadow: 0 1px rgba(255, 255, 255, 0.9); margin-bottom: 30px; } .custom-content-reveal span { color: #888; } .custom-content-reveal a { color: #ef4f69; } .custom-content-reveal a:hover { color: #333; } /* Modifications */ .fc-calendar-container { width: auto; padding: 0 3.9em 2em; background: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .fc-calendar-container { padding: 0 0 2em; } } .fc-calendar .fc-head { background-color: #DADADA; color: #8B8B8B; font-weight: bold; font-size: 12px; border: 1px solid #fff; height: 19%; border-bottom: 0; } .fc-calendar .fc-row > div { background: #EFEFEF; cursor: pointer; border-color: white; } .fc-calendar .fc-row > div:empty { background: transparent; } .fc-calendar .fc-row > div > span.fc-date { top: 50%; left: 50%; text-align: center; margin: -10px 0 0 -15px; color: #686a6e; font-weight: 400; pointer-events: none; } .fc-calendar .fc-row > div.fc-today { background: #636363; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1); } .fc-calendar .fc-row > div.fc-today input[type=radio] { -webkit-appearance: none; display: none; } .fc-calendar .fc-row > div.fc-today:hover { background: #ed1c23; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1); } .fc-calendar .fc-row > div.fc-today > span.fc-date { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .fc-calendar .fc-row > div.fc-selected { background: #ed1c23; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1); } .fc-calendar .fc-row > div.fc-selected input[type=radio] { -webkit-appearance: none; display: none; } .fc-calendar .fc-row > div.fc-selected:hover { background: #ed1c23; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1); } .fc-calendar .fc-row > div.fc-selected > span.fc-date { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .fc-calendar .fc-row > div.fc-content:after { text-align: center; width: 20px; margin-left: -10px; position: absolute; color: #DDD; font-size: 70px; line-height: 20px; left: 50%; bottom: 3px; } .fc-calendar .fc-row > div.fc-today.fc-content:after { color: #636363; } .fc-calendar .fc-row > div.fc-content:hover:after { color: #636363; } .fc-calendar .fc-row > div.fc-today.fc-content:hover:after { color: #636363; } .fc-calendar .fc-row > div > div a, .fc-calendar .fc-row > div > div span { display: none; font-size: 22px; } @media screen and (max-width: 400px) { .fc-calendar-container { height: 300px; } .fc-calendar .fc-row > div > span.fc-date { font-size: 15px; } } .fancybox-wrap { z-index: 10000 !important; } .fancybox-wrap { /*&:nth-child(1) { .fachCentrumSearchLayer{ #map{ display: none; } #list{ display: none; } } }*/ } .fancybox-wrap .fachCentrumSearchLayer .result li { border-right: 0.2em solid white; } .lightbox-search { position: relative; } .lightbox-search .selectedProduct { padding-top: 15px; } .lightbox-search .selectedProduct .img { float: left; max-width: 80px; max-height: 80px; } .lightbox-search .selectedProduct .title { font-weight: bold; font-size: 18px; padding-top: 15px; } .lightbox-search .selectedProduct .description { clear: both; padding-top: 15px; margin-bottom: 24px; } .lightbox-search .selectedProduct .inputFieldTitle { margin-bottom: 10px; } @media screen and (min-width: 961px) { .lightbox-search { width: 58.75em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .lightbox-search { width: 37.5em; } } @media screen and (max-width: 659px) { .lightbox-search { width: 17.5em; } } .lightbox-search .openingP { margin-bottom: 0.5em; } .lightbox-search h1 { font-weight: normal; font-size: 1.6em; } .lightbox-search form { margin-bottom: 2em; } .lightbox-search form .fcZipW { width: 50%; margin-right: 0; position: relative; } .lightbox-search form .fcZipW input { width: 100%; border-radius: 0; -webkit-appearance: none; } .lightbox-search form .fcCityW { display: none; } .lightbox-search form input { border: none; background-color: #EFEFEF; padding: 0.8em 0.2em; } .lightbox-search .float-left { width: auto; float: left; margin-right: 0.625em; } .lightbox-search .btn-search { float: left; background-color: #636363; color: #FFF; border: 0px none; padding: 0.8em 1.55em; margin-left: 0; } .lightbox-search #map_canvas { position: relative; height: 20em; } .lightbox-search #map_canvas .marker { color: #fff; font-family: 'WebfontBold',Helvetica,Arial,sans-serif; font-size: 1em; margin-left: -0.9375em !important; margin-top: -2.625em !important; text-align: center; width: 1.875em; } .lightbox-search #list { position: relative; height: 20.625em; } .lightbox-search #list.listSize2 { height: 16.25em; } .lightbox-search #list .mod { position: relative; height: 100%; } .lightbox-search #list .mod .list-item-arrow { position: absolute; width: 3.125em; height: 3.125em; top: 0; bottom: 0; margin: auto; background-color: #EFEFEF; } .lightbox-search #list .mod .list-item-arrow span { width: 1.1em; height: 1.1em; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .lightbox-search #list .mod .list-item-left { float: left; left: 0; } .lightbox-search #list .mod .list-item-right { float: right; right: 0; } .lightbox-search #list .mod .result { height: 98%; padding: 0; margin: 0; } .lightbox-search #list .mod .result .clearfix { width: 33.3333%; height: 100%; background: #DADADA; background: rgba(218, 218, 218, 0.7); padding: 1em 0; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .lightbox-search #list .mod .result .clearfix { width: 50%; } } @media screen and (max-width: 659px) { .lightbox-search #list .mod .result .clearfix { width: 100%; } } .lightbox-search #list .mod .result .clearfix .size2of5 h3 { height: 50px; margin: 0; } .lightbox-search #list .mod .result .clearfix .size2of5 h3 .noBold { font-weight: normal; } .lightbox-search #list .mod .result .clearfix .size2of5 h3.orange { color: #F09600; } .lightbox-search #list .mod .result .clearfix .size2of5 h3.green { color: #5A8C1E; } .lightbox-search #list .mod .result .clearfix .size2of5 h3.red { color: #ed1b24; } .lightbox-search #list .mod .result .clearfix .size2of5 h3.availability { height: 30px; } .lightbox-search #list .mod .result .clearfix .size2of5 p { margin-top: 0; padding-right: 50px; min-height: 50px; } .lightbox-search #list .mod .result .clearfix .size1of10 { position: relative; width: 25%; height: 100%; text-align: center; float: left; } .lightbox-search #list .mod .result .clearfix .size1of10.orange:before { color: #F09600; } .lightbox-search #list .mod .result .clearfix .size1of10.green:before { color: #5A8C1E; } .lightbox-search #list .mod .result .clearfix .size1of10.red:before { color: #ed1b24; } .lightbox-search #list .mod .result .clearfix .size1of10:before { position: absolute; left: 0; right: 0; margin: auto; font-size: 2em; color: #636363; } .lightbox-search #list .mod .result .clearfix .size1of10 span { position: absolute; width: 2.375em; height: 1.5625em; line-height: 1.5625em; left: 1px; right: 0px; top: 0.3em; margin: auto; font-size: 0.75em; color: #EFEFEF; } .lightbox-search #list .mod .result .clearfix .size9of10 { width: 75%; float: left; padding-right: 16px; } .lightbox-search #list .mod .result .clearfix .size9of10 button { margin-left: auto; margin-right: auto; background-color: #636363; color: #FFF; border: 0px none; padding: 0.5em 1em; margin-top: 1.875em; position: absolute; bottom: 0; margin-bottom: 1em; } .lightbox-search #list .mod .result .clearfix .size9of10 button.link-pick-packstation { position: absolute; bottom: 0; margin-bottom: 1em; } .lightbox-search #list .mod .result .clearfix .size9of10 .opening { min-height: 4.375em; } .lightbox-search #list .mod .result .clearfix .size9of10 .selected { margin-top: 1.875em; position: absolute; bottom: 0; margin-bottom: 1.5em; } .lightbox-search #list .mod .result .clearfix .opening p:first-child { margin-bottom: 0; } .lightbox-search #list .mod .result .highlight .size1of10:before { color: red; } .lightbox-search .meinButton { display: inherit; padding-top: 82px; padding-left: 50px; } .lightbox-search .zumF { position: absolute; bottom: 0; left: 0; margin-bottom: 81px; margin-left: 28px; } .lightbox-search .zumF .icon-house-information { font-size: 1.4em; margin-right: 27px; } .lightbox-search .zumF .zfTxt { font-weight: bold; } .ratWrapper ul.link-list li:before, .ratSearchWrapper ul.link-list li:before, .ratgeberDetails ul.link-list li:before { content: none; } @media screen and (min-width: 660px) and (max-width: 960px) { .ratWrapper.whiteButNotOnL { background-color: white; } } @media screen and (max-width: 659px) { .ratWrapper.whiteButNotOnL { background-color: white; } } .ratWrapper .whiteAllTheTime { background-color: white; } .ratWrapper .paddBottom28 { padding-bottom: 1.75em; } .ratWrapper .unit ul.link-list { margin: 0; padding: 0; overflow: hidden; } .ratWrapper .unit ul.link-list li a { font-weight: bold; } @media screen and (min-width: 961px) { .ratWrapper .unit .inner2 section { padding-bottom: 1.625em; } } .ratWrapper .unit .inner.hLine { padding-left: 0; padding-right: 0; margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .ratWrapper .unit .inner.hLine { margin-left: 0.625em; margin-right: 0.625em; } } .ratWrapper .unit .inner.hLine h1 { margin: 0; padding: 0; line-height: initial; margin-bottom: 16px; } @media screen and (min-width: 660px) and (max-width: 960px) { .ratWrapper .unit .inner.hLine h1 { margin-bottom: 7px; } } @media screen and (max-width: 659px) { .ratWrapper .unit .inner.hLine h1 { margin-bottom: 7px; } } .ratWrapper .unit .inner.hLine p { margin: 0.75em 0 1.625em; padding: 0; } .ratSearchWrapper { padding-top: 1px; } .ratSearchWrapper .paddBottom28 { padding-bottom: 1.75em; } @media screen and (min-width: 660px) and (max-width: 960px) { .ratSearchWrapper.whiteButNotOnL { background-color: white; } } @media screen and (max-width: 659px) { .ratSearchWrapper.whiteButNotOnL { background-color: white; } } .ratSearchWrapper .whiteAllTheTime { background-color: white; } .ratSearchWrapper .unit ul.link-list { margin: 0; padding: 0; overflow: hidden; } .ratSearchWrapper .unit ul.link-list li a { font-weight: bold; } @media screen and (min-width: 961px) { .ratSearchWrapper .unit .inner2 section { padding-bottom: 1.625em; } } .ratSearchWrapper .unit .inner.hLine { padding-left: 0; padding-right: 0; margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .ratSearchWrapper .unit .inner.hLine { margin-left: 0.625em; margin-right: 0.625em; } } .ratSearchWrapper .unit .inner.hLine h1 { margin: 0; padding: 0; line-height: initial; margin-bottom: 16px; } @media screen and (min-width: 660px) and (max-width: 960px) { .ratSearchWrapper .unit .inner.hLine h1 { margin-bottom: 7px; } } @media screen and (max-width: 659px) { .ratSearchWrapper .unit .inner.hLine h1 { margin-bottom: 7px; } } .ratSearchWrapper .unit .inner.hLine p { margin: 0.75em 0 1.625em; padding: 0; } .ratSearchWrapper .searchPart .block { float: left; margin-bottom: 1.625em; } @media screen and (min-width: 961px) { .ratSearchWrapper .searchPart .block { padding-top: 1.25em; width: 20em; padding: 1em 1.25em 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .ratSearchWrapper .searchPart .block { width: 18.75em; padding: 1em 1.25em 0; } } @media screen and (max-width: 659px) { .ratSearchWrapper .searchPart .block { width: 100%; padding: 1em 0.625em 0; } } .ratSearchWrapper .searchPart .linkcontainer { width: 100%; } @media screen and (max-width: 659px) { .ratSearchWrapper .searchPart .linkcontainer { width: 100%; } } .ratSearchWrapper .searchPart .linkcontainer .ui-selectmenu-button { width: 100% !important; padding: 0.7em 1em; } .ratSearchWrapper .searchPart .linkcontainer .ui-selectmenu-button .ui-selectmenu-text { margin-left: 0; } .ratSearchWrapper .searchPart .search { float: left; width: 63%; border: none; background-color: #EFEFEF; padding: 11px 4%; height: 23px; -webkit-appearance: none; -webkit-border-radius: 0px; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .ratSearchWrapper .searchPart .search { width: 60%; } } .ratSearchWrapper .searchPart .button { float: left; background-color: #636363; color: #FFF; border: 0px none; box-sizing: border-box; padding: 11px 1em; height: 45px; margin-left: 0; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .ratSearchWrapper .searchPart .button { width: 32%; } } .ratSearchWrapper .errorWrapper { position: relative; width: 100%; } .ratSearchWrapper .noResults-error .errorWrapper { border: 1px solid #ff9900; } .ratSearchWrapper .noResults-error .errorWrapper .right-background-fix { display: block; position: absolute; height: 45px; background-color: #636363; width: 0.625em; right: 0; top: 0; } .ratSearchWrapper .right-background-fix { display: none; } .ratSearchWrapper .noResults { position: relative; background-color: #ff9900; } @media screen and (min-width: 961px) { .ratSearchWrapper .noResults { width: 41.25em; margin-left: 1.25em; padding: 0.9375em; } .ratSearchWrapper .noResults:after { bottom: 100%; left: 75%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.625em; margin-left: -0.625em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .ratSearchWrapper .noResults { width: 38.75em; margin-left: 1.25em; padding: 0.9375em; } .ratSearchWrapper .noResults:after { bottom: 100%; left: 75%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.625em; margin-left: -0.625em; } } @media screen and (max-width: 659px) { .ratSearchWrapper .noResults { width: 90%; margin-left: 1.25em; padding: 0.9375em 0.625em; } .ratSearchWrapper .noResults:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.625em; margin-left: -0.625em; } } .ratSearchWrapper .noResults p, .ratSearchWrapper .noResults h3, .ratSearchWrapper .noResults ul li { color: white; padding: 0; margin: 0; font-weight: normal; } .ratSearchWrapper .noResults ul li:before { content: "\2013\00a0"; } .ratSearchWrapper .noResults ul { padding: 0; margin: 0; } .ratSearchWrapper .noResults ul li { margin-bottom: 0.125em; } .ratSearchWrapper .noResults p, .ratSearchWrapper .noResults h3 { margin-bottom: 1.25em; } .ratgeberDetails .paddBottom28 { padding-bottom: 1.75em; } .ratgeberDetails .paddBottom28 .divH3 { margin: 1em; } @media screen and (max-width: 659px) { .ratgeberDetails .paddBottom28 .divH3 { margin: 0.625em; } } .ratgeberDetails .marginFix { padding-top: 1px; } @media screen and (min-width: 660px) and (max-width: 960px) { .ratgeberDetails.whiteButNotOnL { background-color: white; } } @media screen and (max-width: 659px) { .ratgeberDetails.whiteButNotOnL { background-color: white; } } .ratgeberDetails .whiteAllTheTime { background-color: white; } .ratgeberDetails .unit ul.link-list { margin: 0; padding: 0; overflow: hidden; } .ratgeberDetails .unit ul.link-list li a { font-weight: bold; } @media screen and (min-width: 961px) { .ratgeberDetails .unit .inner2 section { padding-bottom: 1.625em; } } .ratgeberDetails .unit .inner.hLine { padding-left: 0; padding-right: 0; margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .ratgeberDetails .unit .inner.hLine { margin-left: 0.625em; margin-right: 0.625em; } } .ratgeberDetails .unit .inner.hLine h1 { margin: 0; padding: 0; line-height: initial; margin-bottom: 16px; } @media screen and (min-width: 660px) and (max-width: 960px) { .ratgeberDetails .unit .inner.hLine h1 { margin-bottom: 7px; } } @media screen and (max-width: 659px) { .ratgeberDetails .unit .inner.hLine h1 { margin-bottom: 7px; } } .ratgeberDetails .unit .inner.hLine p { margin: 0.75em 0 1.625em; padding: 0; } .ratgeberDetails .tabs { padding-bottom: 1.25em; } .ratgeberDetails .ui-tabs-nav { margin-bottom: 2em; margin-top: 0.625em; } .ratgeberDetails .ui-tabs-nav li { width: 25%; padding: 0 1em; height: 3.5em; position: relative; } .ratgeberDetails .ui-tabs-nav li a { position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; padding: 0 1em; } @media screen and (max-width: 659px) { .ratgeberDetails .ui-tabs-nav li { width: 50%; } } @media screen and (max-width: 659px) { .ratgeberDetails .ui-tabs-nav li:nth-child(3) { border-top: 1px solid #FFFFFF; } .ratgeberDetails .ui-tabs-nav li:nth-child(4) { border-top: 1px solid #FFFFFF; } } .ratgeberDetails .ui-tabs-panel section:nth-of-type(1) { margin-top: 0; padding-top: 0; } .ratgeberDetails .ui-tabs-panel section:nth-of-type(1) h2:nth-of-type(1) { margin-top: 0; padding-top: 0; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .ratgeberDetails section.media { margin-bottom: 1.25em; } } .ratgeberDetails .media p { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .ratgeberDetails .media p { margin-left: 0.625em; margin-right: 0.625em; width: auto; } } @media screen and (max-width: 659px) { .ratgeberDetails .media.textMediaType02Component { padding: 0; padding-right: 0; paddingleft: 0; } } .ratgeberDetails media.textmediatype07component .bd h3 { margin: 0 1.2em; } .ratgeberDetails media.textmediatype07component ul { margin: 0 1.25em; } .ratgeberDetails .serviceteaseronecolumncomponent ul.link-list li { margin-left: 0; } .full-height { height: auto !important; } .display-table { display: table; } .serviceWrapper, .serviceNavigationM-view { background-color: #FFFFFF; padding-bottom: 1.75em; } .serviceWrapper .unit ul.link-list, .serviceNavigationM-view .unit ul.link-list { margin: 0; padding: 0; overflow: hidden; } .serviceWrapper .unit ul.link-list li a, .serviceNavigationM-view .unit ul.link-list li a { font-weight: bold; } @media screen and (min-width: 961px) { .serviceWrapper .unit .inner2 section, .serviceNavigationM-view .unit .inner2 section { padding-bottom: 1.625em; } } .serviceWrapper .unit .inner.hLine, .serviceNavigationM-view .unit .inner.hLine { padding-left: 0; padding-right: 0; margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .serviceWrapper .unit .inner.hLine, .serviceNavigationM-view .unit .inner.hLine { margin-left: 0.625em; margin-right: 0.625em; } } .serviceWrapper .unit .inner.hLine h1, .serviceNavigationM-view .unit .inner.hLine h1 { margin: 0; padding: 0; line-height: initial; margin-bottom: 16px; } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceWrapper .unit .inner.hLine h1, .serviceNavigationM-view .unit .inner.hLine h1 { margin-bottom: 7px; } } @media screen and (max-width: 659px) { .serviceWrapper .unit .inner.hLine h1, .serviceNavigationM-view .unit .inner.hLine h1 { margin-bottom: 7px; } } .serviceWrapper .unit .inner.hLine p, .serviceNavigationM-view .unit .inner.hLine p { margin: 0.75em 0 1.625em; padding: 0; } .serviceWrapper .serviceContent, .serviceNavigationM-view .serviceContent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: right; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .serviceWrapper .serviceContent, .serviceNavigationM-view .serviceContent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .serviceWrapper aside, .serviceNavigationM-view aside { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } @media screen and (max-width: 659px) { .serviceWrapper aside, .serviceNavigationM-view aside { display: none; } } .serviceWrapper .modSubNavigation ul, .serviceNavigationM-view .modSubNavigation ul { margin: 0; padding: 0; } .serviceWrapper .modSubNavigation ul li, .serviceNavigationM-view .modSubNavigation ul li { font-size: 1em; margin: 0; padding: 0; position: relative; } .serviceWrapper .modSubNavigation ul li.back-button, .serviceNavigationM-view .modSubNavigation ul li.back-button { display: none; } .serviceWrapper .modSubNavigation ul li a, .serviceNavigationM-view .modSubNavigation ul li a { padding: 10px; display: block; width: 100%; } .serviceWrapper aside.serviceNavigation, .serviceNavigationM-view aside.serviceNavigation { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } @media screen and (max-width: 659px) { .serviceWrapper aside.serviceNavigation, .serviceNavigationM-view aside.serviceNavigation { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceWrapper aside.serviceNavigation, .serviceNavigationM-view aside.serviceNavigation { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; } .serviceWrapper aside.serviceNavigation nav, .serviceNavigationM-view aside.serviceNavigation nav { display: none; position: absolute; z-index: 9; } } .serviceMetaNavigationWrapper { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .serviceNavigationM-view .modSubNavigation ul { margin: 0; padding: 0; } .serviceNavigationM-view .modSubNavigation ul li { font-size: 1em; margin: 0; padding: 0; position: relative; } .serviceNavigationM-view .modSubNavigation ul li.back-button { display: none; } .serviceNavigationM-view .modSubNavigation ul li a { padding: 10px; display: block; width: 100%; } .serviceInnerPages { background-color: #FFFFFF; padding-bottom: 1.75em; } .serviceInnerPages .linkToTop { display: block; width: 2em; height: 2em; position: relative; float: right; background-color: #DADADA; color: #636363; margin-top: -2em; text-align: center; border-bottom: 1px solid #FFFFFF; } .serviceInnerPages .linkToTop:before { font-size: .6em; line-height: 3.5em; } .serviceInnerPages .modSubNavigation ul { margin: 0; padding: 0; } .serviceInnerPages .modSubNavigation ul li { font-size: 1em; margin: 0; padding: 0; position: relative; } .serviceInnerPages .modSubNavigation ul li.back-button { display: none; } .serviceInnerPages .modSubNavigation ul li a { padding: 10px; display: block; width: 100%; } .serviceInnerPages .serviceContent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: right; } @media screen and (min-width: 961px) { .serviceInnerPages .serviceContent > article > .inner > .textComponent { margin-top: 15px; } } @media screen and (min-width: 961px) { .serviceInnerPages .serviceContent > article > .inner > .jumpLabelComponent { padding-top: 15px; } } .serviceInnerPages .serviceContent .mainSlider { margin-bottom: 10px; } .serviceInnerPages .serviceContent .imageGalleryComponent { margin-top: 20px; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .serviceInnerPages .serviceContent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .serviceInnerPages .serviceContent .accordionComponent h2 { border-bottom: 1px solid #FFFFFF; } } .serviceInnerPages .serviceContent .service-float-left { float: left; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .serviceInnerPages .serviceContent .service-float-left { padding-left: 20px; } } @media screen and (max-width: 659px) { .serviceInnerPages .serviceContent .service-float-left img { width: 100%; height: auto; } } .serviceInnerPages .serviceContent .service-text-right { display: table; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .serviceInnerPages .serviceContent .service-text-right { padding: 20px; padding-top: 0px; } } @media screen and (max-width: 659px) { .serviceInnerPages .serviceContent .service-text-right { padding: 10px; padding-top: 0px; } } .serviceInnerPages .serviceContent .service-text-right p { margin-top: 0px; } @media screen and (max-width: 659px) { .serviceInnerPages .serviceContent .service-float-left, .serviceInnerPages .serviceContent .service-text-right { width: 100%; } .serviceInnerPages .serviceContent .service-float-left { margin-bottom: 15px; } } .serviceInnerPages .serviceContent .service-float-left { float: left; } .serviceInnerPages .serviceContent .service-text-right { display: table; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .serviceInnerPages .serviceContent .service-text-right { padding: 20px; padding-top: 0px; } } @media screen and (max-width: 659px) { .serviceInnerPages .serviceContent .service-text-right { padding: 10px; padding-top: 0px; } } .serviceInnerPages .serviceContent .service-text-right p { margin-top: 0px; } .serviceInnerPages .serviceContent .component { width: 100%; margin-bottom: 2.5em; } .serviceInnerPages .serviceContent .component:last-child { margin-bottom: 0; } @media screen and (min-width: 961px) { .serviceInnerPages .serviceContent .component { float: left; } } @media screen and (max-width: 659px) { .serviceInnerPages .serviceContent .component .display-table { padding: 15px; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .serviceInnerPages .serviceContent .component .display-table h2, .serviceInnerPages .serviceContent .component .display-table p { padding-left: 0; } } .serviceInnerPages .serviceContent .component .linkToTop { margin-top: 0; } .serviceInnerPages aside.serviceNavigation { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } @media screen and (max-width: 659px) { .serviceInnerPages aside.serviceNavigation { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceInnerPages aside.serviceNavigation { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .serviceInnerPages aside.serviceNavigation nav { display: none; position: absolute; z-index: 9; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .mainTitle { display: block; margin-left: 1.25em; margin-right: 1.25em; } } @media screen and (min-width: 961px) { .mainTitle .gridTitle-sub { margin-top: -8px; } } @media screen and (max-width: 659px) { .mainTitle { display: block; margin-left: 0.625em; margin-right: 0.625em; } .mainTitle .gridTitle-sub { margin-top: -8px; } } .mainTitle .gridTitle { margin-bottom: 16px; } @media screen and (min-width: 660px) and (max-width: 960px) { .mainTitle .gridTitle { margin-bottom: 7px; } } @media screen and (max-width: 659px) { .mainTitle .gridTitle { margin-bottom: 7px; } } .textMediaProductListComponent img { width: 48%; height: auto; } .textMediaProductListComponent img.float-right { float: right; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .textMediaProductListComponent img.float-right { margin-left: 1.25em; margin-right: 0; margin-bottom: 0.3125em; } } @media screen and (max-width: 659px) { .textMediaProductListComponent img.float-right { width: 100%; height: auto; margin-bottom: 0.9375em; } } .textMediaProductListComponent img.float-left { float: left; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .textMediaProductListComponent img.float-left { margin-right: 1.25em; margin-left: 0; } } @media screen and (max-width: 659px) { .textMediaProductListComponent img.float-left { width: 100%; height: auto; margin-bottom: 0.9375em; } } .textMediaProductListComponent .images-float-left { width: 30%; height: auto; margin-left: 1.25em; margin-right: 1.25em; position: relative; float: left; } @media screen and (max-width: 659px) { .textMediaProductListComponent .images-float-left { width: 100%; margin-left: 0; margin-right: 0; } } .textMediaProductListComponent .images-float-left .full-width { width: 100%; height: auto; } .textMediaProductListComponent .images-float-left .full-width img { width: 100%; height: auto; margin-bottom: 5px; } .textMediaProductListComponent p { margin-top: 0; margin-bottom: 0.9375em; margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .textMediaProductListComponent p { margin-left: 0.625em; margin-right: 0.625em; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .textMediaProductListComponent .media.nine .lm-view { display: block; } } @media screen and (max-width: 659px) { .textMediaProductListComponent .media.nine .lm-view { display: none; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .textMediaProductListComponent .media.nine .s-view { display: none; } } @media screen and (max-width: 659px) { .textMediaProductListComponent .media.nine .s-view { display: block; } } .textMediaProductListComponent .media.nine .size1of3.lm-view { width: 33%; float: right; } .textMediaProductListComponent .media.nine .size1of3.lm-view ul.link-list { margin: 0; padding: 0; } .textMediaProductListComponent .media.nine .size1of3.lm-view ul.link-list li { margin-bottom: 5px; } .textMediaProductListComponent .media.nine .size1of3.lm-view ul.link-list li:before { content: "-\00a0\00a0"; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .textMediaProductListComponent .media.nine .size1of3.lm-view ul.link-list { margin-right: 1.25em; margin-left: 1.25em; } } @media screen and (max-width: 659px) { .textMediaProductListComponent .media.nine .size1of3.lm-view ul.link-list { margin-right: 0.625em; margin-left: 0.625em; } } .textMediaProductListComponent .media.nine .size1of3.s-view ul.link-list { margin: 0; padding: 0; margin-bottom: 0.9375em; } .textMediaProductListComponent .media.nine .size1of3.s-view ul.link-list li { margin-bottom: 5px; } .textMediaProductListComponent .media.nine .size1of3.s-view ul.link-list li:before { content: "-\00a0\00a0"; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .textMediaProductListComponent .media.nine .size1of3.s-view ul.link-list { margin-right: 1.25em; margin-left: 1.25em; } } @media screen and (max-width: 659px) { .textMediaProductListComponent .media.nine .size1of3.s-view ul.link-list { margin-right: 0.625em; margin-left: 0.625em; } } .serviceAccordionHeader { position: relative; text-align: left; cursor: pointer; padding: 1.2em 1.25em; background-color: #636363; color: #EFEFEF; font-size: 1em; border-bottom: 1px solid #FFFFFF; display: none; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .serviceAccordionHeader { border-bottom: 1px solid #DADADA; } } .serviceAccordionHeader .sprites { position: absolute; right: 2em; } .serviceAccordionHeader .sprites:before { font-family: 'bauhaus'; font-size: .6em; } .serviceAccordionHeader.closed { color: #636363; background-color: #DADADA; } .serviceAccordionHeader.closed .sprites:before { font-family: 'bauhaus'; font-size: .6em; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .serviceAccordionHeader.closed .sprites:before { /* IE 10 + :( */ font-size: 1em !important; } } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceAccordionHeader { display: block; position: relative; z-index: 98; } .serviceAccordionHeader.closed { z-index: 95; } } @media screen and (min-width: 961px), screen and (max-width: 659px) { .serviceNavigationLS-view { display: block; } } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceNavigationLS-view { display: none; } } .serviceNavigationM-view { background-color: white; padding-bottom: 0.9375em; } @media screen and (min-width: 961px), screen and (max-width: 659px) { .serviceNavigationM-view { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceNavigationM-view { display: block; } } .serviceNavigationM-view .accordion-content { position: absolute; } .serviceNavigationM-view .modSubNavigation { float: left; background: #FFFFFF; width: 100%; } .serviceNavigationM-view .modSubNavigation ul li { font-size: 1em; margin: 0; padding: 0; position: relative; } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceNavigationM-view[data-uuid="uuid-page_00001E5L"] { display: none; } } .serviceCatalogs { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .serviceCatalogs .line { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .serviceCatalogs h1.leading { background-color: #DADADA; color: #636363; padding: .6em 1em; margin: 0; } .event-component .accordTitle2.active { margin-bottom: 0.1em; } .event-component .min-height-header { min-height: 40px; } .content-aids { padding-bottom: 0; } .content-aids .jumpLabelComponent { padding: 20px; } @media screen and (max-width: 659px) { .content-aids .jumpLabelComponent { padding: 20px 10px; } } .unit.fcol.size1of1 .highlightTeaserComponentThreeColumns { width: 100%; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .unit.fcol.size1of2 .highlightTeaserComponentThreeColumns { width: 50%; float: left; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .unit.fcol.size1of3 .highlightTeaserComponentThreeColumns { width: 33.4%; float: left; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .unit.fcol.size2of3 .highlightTeaserComponentThreeColumns { width: 66.6%; float: left; } } .unit .highlightTeaserComponentThreeColumns { margin-bottom: 2.1875em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .line .unit .highlightTeaserComponentThreeColumns { box-sizing: border-box; border-left: 1px solid white; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .line .unit:nth-child(1) > .highlightTeaserComponentThreeColumns { border-left: none; } } .indexModules .unit.fcol.size1of2 .highlightTeaserComponentThreeColumns, .indexModules .unit.fcol.size1of3 .unit.fcol.size2of3 .highlightTeaserComponentThreeColumns { width: 100%; } .indexModules .highlightTeaserComponentThreeColumns { margin-bottom: 0; } .indexModules .line .unit .highlightTeaserComponentThreeColumns { box-sizing: border-box; border-left: none; } .serviceTeaserOneAndAHalfColumnsComponent { width: 100%; } .serviceTeaserOneAndAHalfColumnsComponent ul.link-list { margin: 0; padding: 0; overflow: hidden; } .serviceTeaserOneAndAHalfColumnsComponent ul.link-list li a { font-weight: bold; } .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .float-left { float: left; width: 20%; position: relative; } .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .float-left img { width: 100%; height: auto; display: block; } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .float-left { width: 25%; } } @media screen and (max-width: 659px) { .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .float-left { width: 100%; float: none; } } .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd { float: left; box-sizing: border-box; width: 80%; padding-left: 0.75em; margin-left: 0; margin-top: 0; } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd { width: 75%; } } @media screen and (max-width: 659px) { .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd { width: 100%; float: none; padding-top: 0px; padding-bottom: 30px; } } .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd h3 { margin: 0; padding: 0; padding-bottom: 5px; padding-top: 5px; } .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd h4 { margin: 0; padding: 0; } .serviceTeaserOneAndAHalfColumnsComponent .flex-viewport .bd p { margin: 0.75em 0 0.375em; padding: 0 0.5em 0 0; } .ratWrapper .serviceTeaserOneAndAHalfColumnsComponent h3 { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .ratWrapper .serviceTeaserOneAndAHalfColumnsComponent h3 { margin-left: 0; margin-right: 0; padding-left: 0.625em; padding-right: 0.625em; } } .serviceTeaserOneAndAHalfColumnsComponent .bd h3 { background-color: initial; } .nauticStageComponent, .staticStageComponent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0; } .nauticStageComponent h1.leading, .staticStageComponent h1.leading { display: none; } .nauticStageComponent img, .staticStageComponent img { width: 100%; height: inherit; display: block; } .staticStageComponent { margin-bottom: 1.25em; } .update-job-details .staticStageComponent { margin-bottom: 0; } .serviceTeaserThreeColumnsComponent { position: relative; } .serviceTeaserThreeColumnsComponent h3 { background-color: #DADADA; color: #636363; margin: 0; padding: 1em; } .serviceTeaserThreeColumnsComponent .float-left { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; } .serviceTeaserThreeColumnsComponent .float-left img { display: block; width: 100%; height: inherit; } @media screen and (max-width: 659px) { .serviceTeaserThreeColumnsComponent .float-left { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .serviceTeaserThreeColumnsComponent .bd { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 66.66667%; float: right; padding: 0 1em; margin: 1em 0; } .serviceTeaserThreeColumnsComponent .bd h4 { margin: 0; padding: 0; } .serviceTeaserThreeColumnsComponent .bd p { margin: 0; padding: .4em 0; } .serviceTeaserThreeColumnsComponent .bd .link-list { margin: 0; padding: 0; } @media screen and (max-width: 659px) { .serviceTeaserThreeColumnsComponent .bd { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .serviceTeaserThreeColumnsComponent .slides-control-nav { position: absolute; right: 1em; top: .5em; } .serviceTeaserThreeColumnsComponent .slides-control-nav li { display: block; float: left; margin-left: .5em; } .serviceTeaserThreeColumnsComponent .slides-control-nav li a { text-indent: -9999px; padding: 0 6px; font-size: .7em; display: block; -webkit-border-radius: 1em; -khtml-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; background-color: #636363; } .serviceTeaserThreeColumnsComponent .slides-control-nav li a.slides-active { background-color: #EE1F26; } .highlightTeaserComponentThreeColumns { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0; } .highlightTeaserComponentThreeColumns img { display: block; width: 100%; height: inherit; } .productWrapper .highlightTeaserComponentThreeColumns.htcTwoColumns { margin-bottom: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .productWrapper .highlightTeaserComponentThreeColumns.htcTwoColumns { width: 50%; } } @media screen and (max-width: 659px) { .productWrapper .highlightTeaserComponentThreeColumns.htcTwoColumns { width: 100%; } } .serviceInnerPages .highlightTeaserComponentThreeColumns { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } @media screen and (max-width: 659px) { .serviceInnerPages .highlightTeaserComponentThreeColumns { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .serviceInnerPages .highlightTeaserComponentThreeColumns h3 { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-top: 0px; margin-bottom: 0px; background-color: #DADADA; color: #666666; margin-bottom: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .serviceInnerPages .highlightTeaserComponentThreeColumns h3 { padding: 20px; } } @media screen and (max-width: 659px) { .serviceInnerPages .highlightTeaserComponentThreeColumns h3 { padding: 10px; } } .serviceInnerPages .highlightTeaserComponentThreeColumns h1, .serviceInnerPages .highlightTeaserComponentThreeColumns h2, .serviceInnerPages .highlightTeaserComponentThreeColumns h4, .serviceInnerPages .highlightTeaserComponentThreeColumns h5, .serviceInnerPages .highlightTeaserComponentThreeColumns h6, .serviceInnerPages .highlightTeaserComponentThreeColumns h7 { padding: 20px; margin: 0; } .serviceInnerPages .textMediaProductListComponent h2.top-title { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-top: 0px; margin-bottom: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .serviceInnerPages .textMediaProductListComponent h2.top-title { padding: 20px; } } @media screen and (max-width: 659px) { .serviceInnerPages .textMediaProductListComponent h2.top-title { padding: 10px; } } .serviceInnerPages .textMediaProductListComponent section h2 { margin-top: 0px; margin-bottom: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .serviceInnerPages .textMediaProductListComponent section h2 { padding: 20px; padding-top: 0px; } } @media screen and (max-width: 659px) { .serviceInnerPages .textMediaProductListComponent section h2 { padding: 10px; padding-top: 0px; } } .textMediaType01Component h2 { margin-top: 0px; margin-bottom: 0px; margin-top: 0; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .textMediaType01Component h2 { padding: 20px; padding-top: 0px; } } @media screen and (max-width: 659px) { .textMediaType01Component h2 { padding: 10px; padding-top: 0px; } } .textMediaType01Component h3 { margin-top: 0; } .textMediaType01Component .img { float: left; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .textMediaType01Component .img { margin-right: 20px; padding-left: 20px; } } @media screen and (max-width: 659px) { .textMediaType01Component .img { display: block; width: 100%; height: inherit; margin: 0; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .textMediaType01Component .img { max-width: 220px; height: inherit; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .textMediaType01Component .img.float-left { float: left; } .textMediaType01Component .img.float-right { float: right; margin-right: 0px; padding-left: 20px; } } @media screen and (max-width: 659px) { .textMediaType01Component p { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 20px; display: block; width: 100%; height: inherit; margin-top: 0px; margin-bottom: 0px; margin: 15px 0 0 0; } } @media screen and (max-width: 659px) and (min-width: 961px), screen and (max-width: 659px) and (min-width: 660px) and (max-width: 960px) { .textMediaType01Component p { padding: 20px; padding-top: 0px; } } @media screen and (max-width: 659px) and (max-width: 659px) { .textMediaType01Component p { padding: 10px; padding-top: 0px; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .textMediaType01Component p { margin-top: 0px; margin-bottom: 0px; } } @media screen and (min-width: 961px) and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) and (min-width: 961px), screen and (min-width: 961px) and (min-width: 660px) and (max-width: 960px), screen and (min-width: 660px) and (max-width: 960px) and (min-width: 660px) and (max-width: 960px) { .textMediaType01Component p { padding: 20px; padding-top: 0px; } } @media screen and (min-width: 961px) and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) and (max-width: 659px) { .textMediaType01Component p { padding: 10px; padding-top: 0px; } } .textMediaType01Component ul { margin: 0; padding: 0; } .textMediaType01Component ul li { margin-bottom: .4em; } .textMediaType01Component ul li:before { content: "- "; } .textMediaType01Component ol { list-style-type: decimal; list-style-position: inside; padding: 0; } .textMediaType01Component ul, .textMediaType01Component ul.link-list, .textMediaType01Component ol, .serviceWrapper .textMediaType01Component ul, .serviceWrapper .textMediaType01Component ul.link-list, .serviceWrapper .textMediaType01Component ol, .serviceNavigationM-view .textMediaType01Component ul, .serviceNavigationM-view .textMediaType01Component ul.link-list, .serviceNavigationM-view .textMediaType01Component ol { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .textMediaType01Component ul, .textMediaType01Component ul.link-list, .textMediaType01Component ol, .serviceWrapper .textMediaType01Component ul, .serviceWrapper .textMediaType01Component ul.link-list, .serviceWrapper .textMediaType01Component ol, .serviceNavigationM-view .textMediaType01Component ul, .serviceNavigationM-view .textMediaType01Component ul.link-list, .serviceNavigationM-view .textMediaType01Component ol { margin-left: 0.625em; margin-right: 0.625em; } } .textMediaType01Component ul li, .textMediaType01Component ul.link-list li, .textMediaType01Component ol li, .serviceWrapper .textMediaType01Component ul li, .serviceWrapper .textMediaType01Component ul.link-list li, .serviceWrapper .textMediaType01Component ol li, .serviceNavigationM-view .textMediaType01Component ul li, .serviceNavigationM-view .textMediaType01Component ul.link-list li, .serviceNavigationM-view .textMediaType01Component ol li { margin-left: 0; } .ratgeberDetails .textMediaType01Component h3 { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .ratgeberDetails .textMediaType01Component { margin-bottom: 1em; } .ratgeberDetails .textMediaType01Component h3 { margin-left: 0.625em; margin-right: 0.625em; } .ratgeberDetails .textMediaType01Component p { float: none; padding-left: 0.625em; padding-right: 0.625em; } .ratgeberDetails .textMediaType01Component p:last-of-type { margin-bottom: 0.75em; } .ratgeberDetails .textMediaType01Component .img.float-left, .ratgeberDetails .textMediaType01Component .img.float-right { float: none; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .ratgeberDetails .textMediaType01Component .img.float-left { margin-left: 0; margin-right: 1.25em; padding-left: 0; padding-right: 0; } .ratgeberDetails .textMediaType01Component .img.float-right { margin-right: 0; padding-right: 0; padding-left: 0; margin-left: 1.25em; } .ratgeberDetails .textMediaType01Component p { padding: 0; margin-left: 1.25em; margin-right: 1.25em; margin-bottom: 0.75em; } .ratgeberDetails .textMediaType01Component p:first-of-type { padding-top: 0.75em; margin-top: 0; } } .ratgeberDetails .media.mediaBlock p a { font-weight: bold; } #overlay-content-id-reserve-available .textComponent h2 { margin: -0.3em 0 0.5em 0; } #overlay-content-id-reserve-available .component h2 { margin: 0 0 20px 0; } #overlay-content-id-reserve-available .component .img { padding-left: 0; } #overlay-content-id-reserve-available .component ul { margin: 0; } .textComponent { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0; margin-bottom: 20px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .textComponent { padding: 20px; } } @media screen and (max-width: 659px) { .textComponent { padding: 10px; } } .textComponent h2 { margin-top: 0; margin-bottom: 1.25em; } .textComponent h3 { margin-top: 0; margin-bottom: 1em; } .textComponent ul { margin: 0; padding: 0; margin-bottom: 1.5625em; } .textComponent ul li { margin-bottom: .4em; } .textComponent ul li:before { content: "- "; } .textComponent ul li:before { content: none; } .textComponent p { margin-top: 0; margin-bottom: 1em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .textComponent { padding-top: 0; padding-bottom: 0; } } .ratWrapper .textComponent { padding: 1em 1.25em; } @media screen and (max-width: 659px) { .ratWrapper .textComponent { padding: 0 0.625em 1em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .ratWrapper .textComponent { padding-top: 0; } } .serviceContent .textMediaType01Component h3 { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .serviceContent .textMediaType01Component { margin-bottom: 1em; } .serviceContent .textMediaType01Component h3 { margin-left: 0.625em; margin-right: 0.625em; } .serviceContent .textMediaType01Component p { float: none; padding-left: 0.625em; padding-right: 0.625em; } .serviceContent .textMediaType01Component p:last-of-type { margin-bottom: 0.75em; } .serviceContent .textMediaType01Component .img.float-left, .serviceContent .textMediaType01Component .img.float-right { float: none; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .serviceContent .textMediaType01Component .img.float-left { margin-left: 0; margin-right: 1.25em; padding-left: 0; padding-right: 0; } .serviceContent .textMediaType01Component .img.float-right { margin-right: 0; padding-right: 0; padding-left: 0; margin-left: 1.25em; } .serviceContent .textMediaType01Component p { padding: 0; margin-left: 1.25em; margin-right: 1.25em; margin-bottom: 0.75em; } .serviceContent .textMediaType01Component p:first-of-type { padding-top: 0.75em; margin-top: 0; } } .accordionComponent { margin-bottom: 1.875em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0; } .accordionComponent h2.ui-accordion-header { position: relative; text-align: left; cursor: pointer; font-size: 1em; border-bottom: 1px solid #FFFFFF; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 0; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .accordionComponent h2.ui-accordion-header { border-bottom: 1px solid #DADADA; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .accordionComponent h2.ui-accordion-header { padding: 20px 40px 20px 1.25em; } } @media screen and (max-width: 659px) { .accordionComponent h2.ui-accordion-header { padding: 15px 30px 15px 0.625em; } } .accordionComponent h2.ui-accordion-header span { position: absolute; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .accordionComponent h2.ui-accordion-header span { right: 20px; } } @media screen and (max-width: 659px) { .accordionComponent h2.ui-accordion-header span { right: 15px; } } .accordionComponent h2.ui-accordion-header span:before { font-family: 'bauhaus'; font-size: 1em; } .accordionComponent h2.ui-accordion-header.ui-state-default { background-color: #EFEFEF; color: #636363; } .accordionComponent h2.ui-accordion-header.ui-state-active { border-bottom: 0; color: #FFFFFF; background-color: #636363; } .accordionComponent h2.ui-accordion-header.ui-state-active span:before { font-family: 'bauhaus'; font-size: 1em; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .accordionComponent h2.ui-accordion-header.ui-state-active span:before { /* IE 10 + :( */ font-size: 1em !important; } } .accordionComponent .ui-accordion-content { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .accordionComponent .ui-accordion-content .mod.modContent { float: left; } .accordionComponent .ui-accordion-content .mod.modContent section:first-child h1:first-child, .accordionComponent .ui-accordion-content .mod.modContent section:first-child h2:first-child, .accordionComponent .ui-accordion-content .mod.modContent section:first-child h3:first-child, .accordionComponent .ui-accordion-content .mod.modContent section:first-child h4:first-child, .accordionComponent .ui-accordion-content .mod.modContent section:first-child p:first-child { padding-top: 1em; } .accordionComponent .textMediaType01Component h3 { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .accordionComponent .textMediaType01Component { margin-bottom: 1em; } .accordionComponent .textMediaType01Component h3 { margin-left: 0.625em; margin-right: 0.625em; } .accordionComponent .textMediaType01Component p { float: none; padding-left: 0.625em; padding-right: 0.625em; } .accordionComponent .textMediaType01Component p:last-of-type { margin-bottom: 0.75em; } .accordionComponent .textMediaType01Component .img.float-left, .accordionComponent .textMediaType01Component .img.float-right { float: none; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .accordionComponent .textMediaType01Component .img.float-left { margin-left: 0; margin-right: 1.25em; padding-left: 0; padding-right: 0; } .accordionComponent .textMediaType01Component .img.float-right { margin-right: 0; padding-right: 0; padding-left: 0; margin-left: 1.25em; } .accordionComponent .textMediaType01Component p { padding: 0; margin-left: 1.25em; margin-right: 1.25em; margin-bottom: 0.75em; } .accordionComponent .textMediaType01Component p:first-of-type { padding-top: 0.75em; margin-top: 0; } } .bulletPointsComponent { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-top: 0px; margin-bottom: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .bulletPointsComponent { padding: 20px; padding-top: 0px; } } @media screen and (max-width: 659px) { .bulletPointsComponent { padding: 10px; padding-top: 0px; } } .bulletPointsComponent h2 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 0; padding: 1em 0; } .bulletPointsComponent ul { margin: 0; padding: 0; } .bulletPointsComponent ul li { margin-bottom: .4em; } .bulletPointsComponent ul li:before { content: "- "; } .bulletPointsComponent .size1of2 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } @media screen and (max-width: 659px) { .bulletPointsComponent .size1of2 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .advertisingTeaserComponent { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-top: 0px; margin-bottom: 0px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; margin-bottom: 2em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .advertisingTeaserComponent { padding: 20px; padding-top: 0px; } } @media screen and (max-width: 659px) { .advertisingTeaserComponent { padding: 10px; padding-top: 0px; } } @media screen and (max-width: 659px) { .advertisingTeaserComponent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .advertisingTeaserComponent ul { padding: 0; } .advertisingTeaserComponent ul li a { font-weight: bold; } .advertisingTeaserComponent .bd { float: left; width: inherit; } .advertisingTeaserComponent img { float: left; margin-right: 1em; } .advertisingTeaserComponent h3 { margin: .5em 0 0 0; } .advertisingTeaserComponent .content-image { width: 34%; float: left; margin-right: 1.25em; } .advertisingTeaserComponent .content-image img { width: 100%; height: auto; margin-right: 0; float: none; } .advertisingTeaserComponent .content-titles { width: auto; float: none; } .advertisingTeaserComponent .content-titles .bd { width: auto; float: none; } .advertisingTeaserComponent .content-titles .bd ul.link-list li { margin-bottom: 0.3125em; } .textMediaType02Component { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-top: 0px; margin-bottom: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .textMediaType02Component { padding: 20px; padding-top: 0px; } } @media screen and (max-width: 659px) { .textMediaType02Component { padding: 10px; padding-top: 0px; } } .textMediaType02Component h2 { margin-tOP: 0; margin-left: 20px; margin-right: 20px; } @media screen and (max-width: 659px) { .textMediaType02Component h2 { margin-left: 10px; margin-right: 10px; } } .textMediaType02Component .float-left { display: block; width: 100%; height: inherit; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; height: inherit; } @media screen and (max-width: 659px) { .textMediaType02Component .float-left { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .textMediaType02Component .float-right { display: block; width: 100%; height: inherit; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; height: inherit; } @media screen and (max-width: 659px) { .textMediaType02Component .float-right { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .textMediaType02Component .img.float-right { float: right; } .textMediaType02Component .img.float-left { float: left; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .textMediaType02Component img { max-width: 220px; height: inherit; } } @media screen and (max-width: 659px) { .textMediaType02Component .img { margin-bottom: 0.9375em; } } .textMediaType02Component .bd { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 66.66667%; float: right; padding: 0 1em; margin: 0; } @media screen and (max-width: 659px) { .textMediaType02Component .bd { padding: 1em 0; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .textMediaType02Component .bd h3 { margin-top: 0px; } } @media screen and (max-width: 659px) { .textMediaType02Component .bd h3 { margin-top: 1em; } } .textMediaType02Component .bd h4 { margin: 0; padding: 0; } .textMediaType02Component .bd p { margin: 0; padding: 0 0 .4em 0; } @media screen and (max-width: 659px) { .textMediaType02Component .bd { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .textMediaType02Component .bd { padding: 1px 0 0 0 !important; width: initial; float: none; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .textMediaType02Component { padding-bottom: 0px; margin-bottom: 40px; padding-left: 0px; padding-right: 0px; } } @media screen and (max-width: 659px) { .textMediaType02Component { margin-bottom: 40px; padding-left: 0; padding-right: 0; padding-bottom: 0; } } .ratgeberDetails .textMediaType02Component { margin-bottom: 1.25em; padding-left: 0; padding-right: 0; } @media screen and (max-width: 659px) { .ratgeberDetails .textMediaType02Component h2 { margin-left: 10px; margin-right: 10px; } } .jumpLabelComponent { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-top: 0px; margin-bottom: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .jumpLabelComponent { padding: 20px; padding-top: 0px; } } @media screen and (max-width: 659px) { .jumpLabelComponent { padding: 10px; padding-top: 0px; } } .jumpLabelComponent ul { margin: 0; padding: 0; } .jumpLabelComponent ul li { margin-bottom: .4em; } .jumpLabelComponent ul li:before { content: "- "; } .jumpLabelComponent ul li:before { content: ""; } .jumpLabelComponent ul.size1of2 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } @media screen and (max-width: 659px) { .jumpLabelComponent ul.size1of2 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .fachcentrumTeaserComponent:before, .fachcentrumTeaserComponent:after { content: ""; display: table; } .fachcentrumTeaserComponent:after { clear: both; } .fachcentrumTeaserComponent h3 { background-color: #DADADA; padding: 0.75em 0.4375em; color: #666666; margin: 0; } .fachcentrumTeaserComponent a.img img { height: auto; } .fachcentrumTeaserComponent a.img.float-right { float: right; margin-left: 0.3125em; } .fachcentrumTeaserComponent a.img.float-right img { width: 16.0625em; } @media screen and (max-width: 659px) { .fachcentrumTeaserComponent a.img.float-right.l-view { display: none; } } .fachcentrumTeaserComponent a.img.float-right.s-view { display: block; width: 100%; margin-left: 0; float: none; } @media screen and (min-width: 961px) { .fachcentrumTeaserComponent a.img.float-right.s-view { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumTeaserComponent a.img.float-right.s-view { display: none; } } .fachcentrumTeaserComponent a.img.float-right.s-view img { width: 100%; height: auto; } .fachcentrumTeaserComponent .bd { position: relative; top: 0.9375em; padding: 0; margin-left: 1.25em !important; margin-right: 1.25em !important; } @media screen and (max-width: 659px) { .fachcentrumTeaserComponent .bd { margin-left: 0.625em !important; margin-right: 0.625em !important; } } .fachcentrumTeaserComponent .bd h4 { margin-bottom: 1.5625em; color: #666666; margin: 0; } .fachcentrumTeaserComponent .bd p { margin-bottom: 1.5625em; } .fachcentrumTeaserComponent .bd ul.link-list { margin: 0; padding: 0; margin-bottom: 1.25em; } .fachcentrumTeaserComponent .bd ul.link-list li a { cursor: pointer; } @media screen and (max-width: 659px) { .fachcentrumTeaserComponent .bd ul.link-list { padding-bottom: 1.25em; } } .textmediatype07component { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .textmediatype07component .img.float-right { float: right; display: block; } @media screen and (max-width: 659px) { .textmediatype07component .img.float-right { width: 100%; height: auto; margin-bottom: 0.625em; } } .textmediatype07component h2 { margin: 0; padding-left: 1em; margin-bottom: 1.25em; } .textmediatype07component p { margin: 0 0 1.25em 1.25em; padding: 0; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .textmediatype07component .img { max-width: 173px; height: inherit; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .textmediatype07component img { max-width: 173px; height: inherit; } } .textmediatype07component .line.clearfix .img.last { margin-left: 5.625em; } .ratgeberDetails .textmediatype07component { margin-bottom: 1.25em; } .imageGalleryComponent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-bottom: 1.875em; } .imageGalleryComponent h2 { margin-top: 0px; margin-bottom: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .imageGalleryComponent h2 { padding: 20px; padding-top: 0px; } } @media screen and (max-width: 659px) { .imageGalleryComponent h2 { padding: 10px; padding-top: 0px; } } .serviceModuleComponent section { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-top: 0px; margin-bottom: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .serviceModuleComponent section { padding: 20px; padding-top: 0px; } } @media screen and (max-width: 659px) { .serviceModuleComponent section { padding: 10px; padding-top: 0px; } } .serviceModuleComponent ul { margin: 0; padding: 0; } .serviceModuleComponent ul li { margin-bottom: .4em; } .serviceModuleComponent ul li:before { content: "- "; } .serviceModuleComponent ul li:before { content: ""; } .serviceteaseronecolumncomponent { width: 100%; } .serviceteaseronecolumncomponent:before, .serviceteaseronecolumncomponent:after { content: ""; display: table; } .serviceteaseronecolumncomponent:after { clear: both; } .serviceteaseronecolumncomponent ul.link-list { margin: 0; padding: 0; overflow: hidden; } .serviceteaseronecolumncomponent ul.link-list li a { font-weight: bold; } .serviceteaseronecolumncomponent .img { float: left; width: 20%; position: relative; } .serviceteaseronecolumncomponent .img img { width: 100%; height: auto; display: block; } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceteaseronecolumncomponent .img { width: 25%; } } @media screen and (max-width: 659px) { .serviceteaseronecolumncomponent .img { width: 100%; float: none; } } .serviceteaseronecolumncomponent .bd { float: left; box-sizing: border-box; width: 80%; padding-left: 0.75em; } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceteaseronecolumncomponent .bd { width: 75%; } } @media screen and (max-width: 659px) { .serviceteaseronecolumncomponent .bd { width: 100%; float: none; padding-top: 1.25em; padding-bottom: 1.875em; } } .serviceteaseronecolumncomponent .bd h3 { margin: 0; padding: 0; } .serviceteaseronecolumncomponent .bd h4 { margin: 0; padding: 0; } .serviceteaseronecolumncomponent .bd p { margin: 0.75em 0 0.375em; padding: 0 0.5em 0 0; } .textmediatype08component { width: 100%; margin-bottom: 1.25em; } .textmediatype08component:before, .textmediatype08component:after { content: ""; display: table; } .textmediatype08component:after { clear: both; } .textmediatype08component ul.link-list { margin: 0; padding: 0; overflow: hidden; } .textmediatype08component ul.link-list li a { font-weight: bold; } .textmediatype08component .img.float-left { float: left; width: 20%; position: relative; height: auto; display: block; } @media screen and (min-width: 660px) and (max-width: 960px) { .textmediatype08component .img.float-left { width: 25%; } } @media screen and (max-width: 659px) { .textmediatype08component .img.float-left { width: 100%; float: none; } } .textmediatype08component .bd { float: left; box-sizing: border-box; width: 80%; padding-left: 0.75em; } @media screen and (min-width: 660px) and (max-width: 960px) { .textmediatype08component .bd { width: 75%; } } @media screen and (max-width: 659px) { .textmediatype08component .bd { width: 100%; float: none; padding-top: 1.25em; padding-bottom: 1.875em; } } .textmediatype08component .bd h3 { margin: 0; padding: 0; } .textmediatype08component .bd h4 { margin: 0; padding: 0; } .textmediatype08component .bd p { margin: 0.75em 0 0.375em; padding: 0 0.5em 0 0; } .textmediatype03component { margin-bottom: 1.25em; } .textmediatype03component:before, .textmediatype03component:after { content: ""; display: table; } .textmediatype03component:after { clear: both; } .textmediatype03component .line { margin-bottom: 0.625em; } .textmediatype03component .img.float-left { float: left; width: 20%; position: relative; height: auto; display: block; } @media screen and (min-width: 660px) and (max-width: 960px) { .textmediatype03component .img.float-left { width: 25%; } } @media screen and (max-width: 659px) { .textmediatype03component .img.float-left { width: 100%; float: none; } } .textmediatype03component .img.float-right { float: right; width: 20%; position: relative; height: auto; display: block; } @media screen and (min-width: 660px) and (max-width: 960px) { .textmediatype03component .img.float-right { width: 25%; } } @media screen and (max-width: 659px) { .textmediatype03component .img.float-right { width: 100%; float: none; } } .textmediatype03component .bd, .textmediatype03component .block.size1of3 { float: left; box-sizing: border-box; width: 80%; padding-left: 0.75em; } @media screen and (min-width: 660px) and (max-width: 960px) { .textmediatype03component .bd, .textmediatype03component .block.size1of3 { width: 75%; } } @media screen and (max-width: 659px) { .textmediatype03component .bd, .textmediatype03component .block.size1of3 { width: 100%; float: none; padding-top: 0.625em; padding-bottom: 1.25em; } } .textmediatype03component h3 { margin: 0; padding: 0; } .textmediatype03component h4 { margin: 0; padding: 0; } .textmediatype03component p { margin: 0.75em 0 0.375em; padding: 0 0.5em 0 0; } .textmediatype04component { margin-bottom: 1.25em; } .textmediatype04component:before, .textmediatype04component:after { content: ""; display: table; } .textmediatype04component:after { clear: both; } .textmediatype04component .img.float-left { float: left; width: 20%; position: relative; height: auto; display: block; } @media screen and (min-width: 961px) { .textmediatype04component .img.float-left { margin-right: 0.9375em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .textmediatype04component .img.float-left { width: 25%; margin-right: 0.9375em; } } @media screen and (max-width: 659px) { .textmediatype04component .img.float-left { width: 100%; float: none; } } .textmediatype04component .img.float-right { float: right; width: 20%; position: relative; height: auto; display: block; } @media screen and (min-width: 660px) and (max-width: 960px) { .textmediatype04component .img.float-right { width: 25%; } } @media screen and (max-width: 659px) { .textmediatype04component .img.float-right { width: 100%; float: none; } } .textmediatype04component .bd, .textmediatype04component .block.size1of3 { float: left; box-sizing: border-box; width: 80%; padding-left: 0.75em; } @media screen and (min-width: 660px) and (max-width: 960px) { .textmediatype04component .bd, .textmediatype04component .block.size1of3 { width: 75%; } } @media screen and (max-width: 659px) { .textmediatype04component .bd, .textmediatype04component .block.size1of3 { width: 100%; float: none; padding-top: 0.625em; padding-bottom: 1.25em; } } .textmediatype04component h2 { margin: 0; padding-left: 1em; margin-bottom: 1.25em; } .textmediatype04component h3 { margin: 0; padding: 0; } .textmediatype04component h4 { margin: 0; padding: 0; } .textmediatype04component p { margin: 1.25em 0 1.25em 1.25em; padding: 0; } .textmediatype04component .leftClear { clear: left; } .rt-boxMargin, .textMediaType02Component .bd h3, .textMediaType02Component .bd ul.link-list, .rt-p bd p, .ratgeberDetails bd p, .rt-p p, .textMediaType02Component .bd p, .ratgeberDetails p, .ratgeberDetails .media p, .ratgeberDetails ul.link-list li, .ratgeberDetails .media ul.link-list li { margin-right: 1.25em; margin-left: 1.25em; padding-left: 0; padding-right: 0; } @media screen and (max-width: 659px) { .rt-boxMargin, .textMediaType02Component .bd h3, .textMediaType02Component .bd ul.link-list, .rt-p bd p, .ratgeberDetails bd p, .rt-p p, .textMediaType02Component .bd p, .ratgeberDetails p, .ratgeberDetails .media p, .ratgeberDetails ul.link-list li, .ratgeberDetails .media ul.link-list li { margin-right: 0.625em; margin-left: 0.625em; } } .rt-boxMargin-null, .textMediaType02Component .bd ul.link-list li { margin-right: 0px; margin-left: 0px; padding-left: 0; padding-right: 0; } @media screen and (max-width: 659px) { .rt-boxMargin-null, .textMediaType02Component .bd ul.link-list li { margin-right: 0px; margin-left: 0px; } } .rt-imgRight, .textMediaType02Component .img.float-right, .ratgeberDetails .img.float-right, .ratgeberDetails .media .img.float-right { margin-right: 0; margin-left: 1.25em; } @media screen and (max-width: 659px) { .rt-imgRight, .textMediaType02Component .img.float-right, .ratgeberDetails .img.float-right, .ratgeberDetails .media .img.float-right { margin-left: 0; } } .rt-imgLeft, .textMediaType02Component .img.float-left, .ratgeberDetails .img.float-left, .ratgeberDetails .media .img.float-left, .ratgeberDetails .textmediatype04component img.float-left, .ratgeberDetails .media .textmediatype04component img.float-left { margin-left: 0; margin-right: 1.25em; } @media screen and (max-width: 659px) { .rt-imgLeft, .textMediaType02Component .img.float-left, .ratgeberDetails .img.float-left, .ratgeberDetails .media .img.float-left, .ratgeberDetails .textmediatype04component img.float-left, .ratgeberDetails .media .textmediatype04component img.float-left { margin-right: 0; } } .rt-p bd p, .textMediaType02Component .bd bd p, .ratgeberDetails bd p, .ratgeberDetails .media bd p, .rt-p p, .textMediaType02Component .bd p, .ratgeberDetails p, .ratgeberDetails .media p { margin-top: 0.9375em; font-size: 1em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .rt-imgPlace .img.lm-view, .ratgeberDetails .textmediatype04component .img.lm-view { display: initial; } .rt-imgPlace .img.s-view, .ratgeberDetails .textmediatype04component .img.s-view { display: none; } } @media screen and (max-width: 659px) { .rt-imgPlace .img.lm-view, .ratgeberDetails .textmediatype04component .img.lm-view { display: none; } .rt-imgPlace .img.s-view, .ratgeberDetails .textmediatype04component .img.s-view { display: initial; } } .ratgeberDetails .img.float-right, .ratgeberDetails .media .img.float-right { float: right; } .ratgeberDetails .img.float-left, .ratgeberDetails .media .img.float-left { float: left; } .ratgeberDetails .textComponent p, .ratgeberDetails .media .textComponent p { margin-left: 0; margin-right: 0; } .ratgeberDetails .textmediatype07component .img.float-right, .ratgeberDetails .media .textmediatype07component .img.float-right { margin-left: 0; } .ratgeberDetails .textmediatype03component .bd, .ratgeberDetails .media .textmediatype03component .bd { float: none; width: 100%; } .ratgeberDetails .textmediatype08component .bd, .ratgeberDetails .media .textmediatype08component .bd { float: none; width: 100%; } .ratgeberDetails .textmediatype04component img.float-left, .ratgeberDetails .media .textmediatype04component img.float-left { float: left; } @media screen and (max-width: 659px) { .ratgeberDetails .img, .ratgeberDetails .media .img { margin-bottom: 0.9375em; } } .ratgeberDetails .textComponent ul, .ratgeberDetails .media .textComponent ul { margin: 0; padding: 0; } .ratgeberDetails .textComponent ul li, .ratgeberDetails .media .textComponent ul li { margin-bottom: .4em; } .ratgeberDetails .textComponent ul li:before, .ratgeberDetails .media .textComponent ul li:before { content: "- "; } .ratgeberDetails .textComponent ul li, .ratgeberDetails .media .textComponent ul li { margin-left: 10px; position: relative; } .ratgeberDetails .textComponent ul li:before, .ratgeberDetails .media .textComponent ul li:before { margin-left: -10px; position: absolute; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .ratgeberDetails .float-left, .ratgeberDetails .media .float-left { float: left; width: calc(100% - 250px); } .ratgeberDetails .float-left p, .ratgeberDetails .media .float-left p { margin-left: 0 !important; } .ratgeberDetails .float-left p:first-of-type, .ratgeberDetails .media .float-left p:first-of-type { padding-top: 0 !important; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .ratgeberDetails ul.link-list li, .ratgeberDetails .media ul.link-list li { margin-left: 0; } } .ratgeberDetails .whiteAllTheTime article.highlightTeaserComponentThreeColumns h3, .ratgeberDetails .media .whiteAllTheTime article.highlightTeaserComponentThreeColumns h3 { padding: 0 1.25em; } .markenshop .textMediaProductListComponent section { margin-top: 1.25em; } .markenshop .textMediaProductListComponent section p { margin-left: 0; } .virgin-vinyl .serviceInnerPages .highlightTeaserComponentThreeColumns .serviceContent article h3 { padding: 0px 0.75em; } .advertisingSupplementContainerComponent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 1.25em; } @media screen and (max-width: 659px) { .advertisingSupplementContainerComponent { margin-left: 0; margin-right: 0.625em; } } .serviceInnerPages .modServiceSelector .default-padding { margin-top: 0px; margin-bottom: 0px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .serviceInnerPages .modServiceSelector .default-padding { padding: 20px; padding-top: 0px; } } @media screen and (max-width: 659px) { .serviceInnerPages .modServiceSelector .default-padding { padding: 10px; padding-top: 0px; } } footer .footnote .footItem .asterix { margin-bottom: -1.1em; } footer .footnote .footItem .componentContainer { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-bottom: 20px; padding-left: 1em; } .divH3 { font-size: 1.2em; font-weight: bold; margin-top: 1em; margin-bottom: 1em; } section.media a { font-weight: bold; } .update-my-account .activeItem a.active { display: none; } .update-my-account aside { margin-top: 0; } .update-my-account aside .back-button { display: none; } .update-my-account aside li span.sprites { display: none; } .update-my-account aside li li { font-weight: normal; } @media screen and (max-width: 659px) { .update-my-account { background-color: white; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-my-account .background-white { background-color: white; } } .update-my-account .s-view { display: none; } .update-my-account .content-my-account { display: inline-block; } @media screen and (min-width: 961px) { .update-my-account .content-my-account { width: 75%; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-my-account .content-my-account { width: 100%; } } @media screen and (max-width: 659px) { .update-my-account .content-my-account { margin-top: 0; } } .update-my-account .content-my-account .logout-block { display: none !important; } @media screen and (max-width: 659px) { .update-my-account .content-my-account .logout-block { display: block !important; } } .update-my-account .content-my-account .infobox { display: table; width: 100%; height: auto; margin-bottom: 2em; } .update-my-account .content-my-account .infobox .bold, .update-my-account .content-my-account .infobox .modBreadcrumbNavigation .locator .txt, .modBreadcrumbNavigation .locator .update-my-account .content-my-account .infobox .txt, .update-my-account .content-my-account .infobox .fachcentrumSearchPage .strong, .fachcentrumSearchPage .update-my-account .content-my-account .infobox .strong { height: 3.4375em; line-height: 3.4375em; background-color: #DADADA; font-weight: normal; margin: 0; padding: 0 1.25em; } .update-my-account .content-my-account .infobox .text-no-address-info { padding-left: 1.2em; } .update-my-account .content-my-account .infobox ul { margin-bottom: 0; padding: 0 1.25em; } .update-my-account .content-my-account .infobox .logoutTxt { color: #FFFFFF; text-align: center; height: 3.4375em; line-height: 3.4375em; background-color: #999999; margin: 0; padding: 0 1.25em; } .update-my-account .content-my-account .infobox .logoutSBtn { padding: 0; border: none; background: none; } .update-my-account .content-my-account .infobox .lower-parts { display: table; width: auto; float: right; margin: 1.875em 0; } .update-my-account .content-my-account .infobox .lower-parts.outer { padding: 0 1em; margin-top: 0; } .update-my-account .content-my-account .infobox .lower-parts .btn-change { display: table; width: 170px; background-color: #636363; color: #FFF; border: 0px none; padding: 0.75em 0px !important; font-size: 1.125em; font-weight: normal; line-height: 1.25em; text-align: center; } a.btn-change2 { width: auto; float: right; background-color: #636363; color: #FFF; border: 0px none; padding: 0.75em; font-size: 1.125em; font-weight: normal; line-height: 1.25em; text-align: center; } a.btn-change2.outer { margin: 0 1.25em; } a.btn-change2.outer2 { clear: both; } .btn-change2:hover { color: #FFF; } a.btn-change2 { width: auto; float: right; background-color: #636363; color: #FFF; border: 0px none; padding: 0.75em; font-size: 1.125em; font-weight: normal; line-height: 1.25em; text-align: center; } a.btn-change2.outer { margin: 0 1.25em; } a.btn-change2.outer2 { clear: both; } .btn-change2:hover { color: #FFF; } .update-my-account header, .update-personal-data header, .update-design-customer-adress header, .update-my-account-plus-card header { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .update-my-account header, .update-personal-data header, .update-design-customer-adress header, .update-my-account-plus-card header { margin-left: 0.625em; margin-right: 0.625em; } } .update-my-account header h1, .update-personal-data header h1, .update-design-customer-adress header h1, .update-my-account-plus-card header h1 { margin-left: 0; margin-right: 0; margin-bottom: 16px; } @media screen and (min-width: 660px) and (max-width: 960px) { .update-my-account header h1, .update-personal-data header h1, .update-design-customer-adress header h1, .update-my-account-plus-card header h1 { margin-bottom: 0; } } @media screen and (max-width: 659px) { .update-my-account header h1, .update-personal-data header h1, .update-design-customer-adress header h1, .update-my-account-plus-card header h1 { margin-bottom: 5px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-my-account section p, .update-personal-data section p, .update-design-customer-adress section p, .update-my-account-plus-card section p { margin-top: 0; margin-bottom: 0; } } .headerH1 { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .headerH1 { margin-left: 0.625em; margin-right: 0.625em; } } .headerH1 h1 { margin-left: 0; margin-right: 0; } .update-my-account-plus-card .additional-content .info-content { min-height: auto !important; } .update-my-account-plus-card .additional-content .info-content .eqheight-elem { min-height: auto !important; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-my-account-plus-card .inner { background-color: white; } } @media screen and (max-width: 659px) { .update-my-account-plus-card .last-navigation-item li { display: none; } .update-my-account-plus-card .last-navigation-item li.back-button { display: block; } } @media screen and (max-width: 659px) { .update-my-account-plus-card .s-view { display: table; } } .update-my-account-plus-card .activeItem a.active { display: none; } @media screen and (max-width: 659px) { .update-my-account-plus-card .activeItem { display: none; } } @media screen and (max-width: 659px) { .update-my-account-plus-card .back-button { margin-left: -0.625em !important; margin-bottom: 0 !important; } } .update-my-account-plus-card .bgWhite { display: table; width: 100%; } @media screen and (min-width: 961px) { .update-my-account-plus-card .bgWhite .right-side { margin-top: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-my-account-plus-card .bgWhite .right-side { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .update-my-account-plus-card .bgWhite .right-side .information .text { position: relative; min-height: 4.375em; height: auto; padding: 1.8em 1.35em; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-my-account-plus-card .bgWhite .right-side .information .text { padding: 1.8em 1em; } } .update-my-account-plus-card .bgWhite .right-side .information .text span { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .update-my-account-plus-card .bgWhite .right-side .information .text2 { position: relative; height: auto; margin: 1.8em 1.35em; padding: 0; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-my-account-plus-card .bgWhite .right-side .information .text2 { margin: 0 1em 1.8em 1em; padding: 0; } } .update-my-account-plus-card .bgWhite .right-side .information .text2 span { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .update-my-account-plus-card .bgWhite .right-side .information .logout-block { display: none; min-height: 0em !important; margin-bottom: 1em !important; } @media screen and (max-width: 659px) { .update-my-account-plus-card .bgWhite .right-side .information .logout-block { display: block; } } .update-my-account-plus-card .bgWhite .right-side .information .info-content { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; min-height: 14.9375em; margin-bottom: 1.875em; } @media screen and (max-width: 659px) { .update-my-account-plus-card .bgWhite .right-side .information .info-content { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .update-my-account-plus-card .bgWhite .right-side .information .info-content h3 { position: relative; height: 3em; line-height: 3em; background-color: #DADADA; font-weight: normal; padding: 0 1em; margin: 0; margin: 0.0625em 0.0625em 0 0; font-size: 1.125em; } .update-my-account-plus-card .bgWhite .right-side .information .info-content h3.noTopRightMargin { margin-top: 0; margin-right: 0; } .update-my-account-plus-card .bgWhite .right-side .information .info-content h3.noTopMargin { margin-top: 0; } .update-my-account-plus-card .bgWhite .right-side .information .info-content h3.noRightMargin { margin-right: 0; } @media screen and (max-width: 659px) { .update-my-account-plus-card .bgWhite .right-side .information .info-content h3 { margin-right: 0px; } } .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem { width: 100%; min-height: 5.9375em; height: auto; float: left; padding: 0px; margin-bottom: 0px; display: block; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem.addresse-content { width: 50%; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem li { margin: 0 0 1em 0; padding: 0 0 0 1.125em; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem li:before, .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem li:after { content: ""; display: table; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem li:after { clear: both; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem li .lbls, .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem li .vals { width: 50%; float: left; display: block; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem li .lbls { width: 45%; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem li .vals { width: 55%; } @media screen and (max-width: 659px) { .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem li .lbls { width: auto; float: none; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem li .vals { width: auto; float: none; } } .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem.no-nl-on-s li .lbls { width: 45%; float: left; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .eqheight-elem.no-nl-on-s li .vals { width: 55%; float: left; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .ul-button { position: relative; display: table; padding: 0; float: right; margin-right: 1em; bottom: 0; margin-top: 0; margin-bottom: 0; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .ul-button .button { display: table; padding: 0; float: right; padding: 1em !important; background-color: #636363; text-align: center; margin-top: 1.25em; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .ul-button .button a { width: auto; color: #FFF; border: 0px none; font-size: 1.125em; font-weight: normal; line-height: 1.25em; text-align: center; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-my-account-plus-card .bgWhite .right-side .information .info-content .ul-button-s { display: none; } } @media screen and (max-width: 659px) { .update-my-account-plus-card .bgWhite .right-side .information .info-content .ul-button-s { display: block; } } .update-my-account-plus-card .bgWhite .right-side .information .info-content .data-content { min-height: 11.25em; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .data-content li { margin: 1em 0; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .data-content li:first-child { margin-top: 0; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .addresse-content .bold, .update-my-account-plus-card .bgWhite .right-side .information .info-content .addresse-content .modBreadcrumbNavigation .locator .txt, .modBreadcrumbNavigation .locator .update-my-account-plus-card .bgWhite .right-side .information .info-content .addresse-content .txt, .update-my-account-plus-card .bgWhite .right-side .information .info-content .addresse-content .fachcentrumSearchPage .strong, .fachcentrumSearchPage .update-my-account-plus-card .bgWhite .right-side .information .info-content .addresse-content .strong { margin-bottom: 1em; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .addresse-content li { margin: 0; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .logoutTxt { color: #FFFFFF; text-align: center; background-color: #999999; } .update-my-account-plus-card .bgWhite .right-side .information .info-content .logoutSBtn { padding: 0; border: none; background: none; } .update-my-account-plus-card .bgWhite .right-side .information .contact-block { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; min-height: 13.75em; margin-bottom: 0; } .update-my-account-plus-card .bgWhite .right-side .information .contact-block h3 { position: relative; height: 3em; line-height: 3em; background-color: #DADADA; font-weight: normal; padding: 0 1em; margin: 0.0625em 0.0625em 0 0; font-size: 1.125em; } .update-my-account-plus-card .bgWhite .right-side .information .contact-block h3.noTopRightMargin { margin-top: 0; margin-right: 0; } .update-my-account-plus-card .bgWhite .right-side .information .contact-block h3.noTopMargin { margin-top: 0; } .update-my-account-plus-card .bgWhite .right-side .information .contact-block h3.noRightMargin { margin-right: 0; } @media screen and (max-width: 659px) { .update-my-account-plus-card .bgWhite .right-side .information .contact-block h3 { margin-right: 0px; } } .update-my-account-plus-card .bgWhite .right-side .information .contact-block .contact-us { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding-left: 1em; } .update-my-account-plus-card .bgWhite .right-side .information .buttons-block { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; min-height: 0; } @media screen and (max-width: 659px) { .update-my-account-plus-card .bgWhite .right-side .information .buttons-block { display: none; } } .update-my-account-plus-card .bgWhite .right-side .information .buttons-block .link-list { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; margin-right: 0; padding-right: 1em; } .update-jobs-offer { display: table; width: 100%; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-jobs-offer { width: 100%; background-color: white; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-jobs-offer .s-view { display: none; } } @media screen and (max-width: 659px) { .update-jobs-offer .s-view { display: block; } } .update-jobs-offer .s-view li { display: none; } .update-jobs-offer .s-view .modSubNavigation { padding: 0.931em 0px; } .update-jobs-offer .s-view .modSubNavigation .back-button { display: block; margin-left: -9px; } .update-jobs-offer .text-view-m { padding: 0 1em; margin: 0 0 2.1875em 0; } @media screen and (min-width: 961px) { .update-jobs-offer .text-view-m { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-jobs-offer .text-view-m { display: block; } } .update-jobs-offer .modBreadcrumbNavigation { margin-bottom: 0; } .update-jobs-offer .bgWhite { display: table; width: 100%; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-jobs-offer .bgWhite .web-view { display: none; } } @media screen and (min-width: 961px) { .update-jobs-offer .left-part { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-jobs-offer .left-part { width: 100%; } } .update-jobs-offer .left-part aside { display: block; width: 100%; height: 150px; float: none; margin: 10px 0 0 0; } .update-jobs-offer .left-part aside .back-button { display: none; } .update-jobs-offer .left-part .container-filter { display: block; position: relative; } .update-jobs-offer .left-part .container-filter .accord { margin-bottom: 0.0625em; } .update-jobs-offer .left-part .container-filter .accord .accordTitle2 { background-color: #EFEFEF; } .update-jobs-offer .left-part .container-filter .accord .accordTitle2.active { background-color: #636363; margin: 0; } .update-jobs-offer .left-part .container-filter .accord .icon-arrow-top:before, .update-jobs-offer .left-part .container-filter .accord .ui-selectmenu-button.ui-state-active .ui-selectmenu-icon:before, .ui-selectmenu-button.ui-state-active .update-jobs-offer .left-part .container-filter .accord .ui-selectmenu-icon:before, .update-jobs-offer .left-part .container-filter .accord .productFilters .filterHeader.toggle.active .sprites:before, .productFilters .filterHeader.toggle.active .update-jobs-offer .left-part .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .modFilter .leading .sprites:before, .modFilter .leading .update-jobs-offer .left-part .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .accordionAsModFilter .leading .sprites:before, .accordionAsModFilter .leading .update-jobs-offer .left-part .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .m-vp .controls.productControls .prevBtn:before, .m-vp .controls.productControls .update-jobs-offer .left-part .container-filter .accord .prevBtn:before, .update-jobs-offer .left-part .container-filter .accord .modAccordion .leading .sprites:before, .modAccordion .leading .update-jobs-offer .left-part .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .faqWrapper .accordioncontainer .accordion input:checked + label .icon-arrow-bottom:before, .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .container-filter .accord .icon-arrow-bottom:before, .update-jobs-offer .left-part .container-filter .accord .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-button .ui-selectmenu-icon:before, .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-button .update-jobs-offer .left-part .container-filter .accord .ui-selectmenu-icon:before, .update-jobs-offer .left-part .container-filter .accord .ui-selectmenu-button .faqWrapper .accordioncontainer .accordion input:checked + label .ui-selectmenu-icon:before, .ui-selectmenu-button .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .container-filter .accord .ui-selectmenu-icon:before, .update-jobs-offer .left-part .container-filter .accord .faqWrapper .accordioncontainer .accordion input:checked + label .productFilters .filterHeader.toggle .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .productFilters .filterHeader.toggle .update-jobs-offer .left-part .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .productFilters .filterHeader.toggle .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .productFilters .filterHeader.toggle .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .faqWrapper .accordioncontainer .accordion input:checked + label .m-vp .controls.productControls .nextBtn:before, .faqWrapper .accordioncontainer .accordion input:checked + label .m-vp .controls.productControls .update-jobs-offer .left-part .container-filter .accord .nextBtn:before, .update-jobs-offer .left-part .container-filter .accord .m-vp .controls.productControls .faqWrapper .accordioncontainer .accordion input:checked + label .nextBtn:before, .m-vp .controls.productControls .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .container-filter .accord .nextBtn:before, .update-jobs-offer .left-part .container-filter .accord .faqWrapper .accordioncontainer .accordion input:checked + label .accordionComponent h2.ui-accordion-header span:before, .faqWrapper .accordioncontainer .accordion input:checked + label .accordionComponent h2.ui-accordion-header .update-jobs-offer .left-part .container-filter .accord span:before, .update-jobs-offer .left-part .container-filter .accord .accordionComponent h2.ui-accordion-header .faqWrapper .accordioncontainer .accordion input:checked + label span:before, .accordionComponent h2.ui-accordion-header .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .container-filter .accord span:before, .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .container-filter .accord .filter-m-view .content-all-filter .sprites:before, .faqWrapper .accordioncontainer .accordion input:checked + label .update-jobs-offer .left-part .filter-m-view .content-all-filter .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .filter-m-view .content-all-filter .faqWrapper .accordioncontainer .accordion input:checked + label .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .faqWrapper .accordioncontainer .accordion input:checked + label .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .serviceInnerPages .linkToTop:before, .serviceInnerPages .update-jobs-offer .left-part .container-filter .accord .linkToTop:before, .update-jobs-offer .left-part .container-filter .accord .serviceAccordionHeader .sprites:before, .serviceAccordionHeader .update-jobs-offer .left-part .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .accordionComponent h2.ui-accordion-header.ui-state-active span:before, .accordionComponent h2.ui-accordion-header.ui-state-active .update-jobs-offer .left-part .container-filter .accord span:before, .update-jobs-offer .left-part .container-filter .accord .filter-m-view .content-all-filter .toggle.active .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .toggle.active .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .icon-arrow-bottom:before, .update-jobs-offer .left-part .container-filter .accord .ui-selectmenu-button .ui-selectmenu-icon:before, .ui-selectmenu-button .update-jobs-offer .left-part .container-filter .accord .ui-selectmenu-icon:before, .update-jobs-offer .left-part .container-filter .accord .productFilters .filterHeader.toggle .sprites:before, .productFilters .filterHeader.toggle .update-jobs-offer .left-part .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .modFilter .leading.closed .sprites:before, .modFilter .leading.closed .update-jobs-offer .left-part .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .accordionAsModFilter .leading.closed .sprites:before, .accordionAsModFilter .leading.closed .update-jobs-offer .left-part .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .m-vp .controls.productControls .nextBtn:before, .m-vp .controls.productControls .update-jobs-offer .left-part .container-filter .accord .nextBtn:before, .update-jobs-offer .left-part .container-filter .accord .modAccordion .leading.closed .sprites:before, .modAccordion .leading.closed .update-jobs-offer .left-part .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .serviceAccordionHeader.closed .sprites:before, .serviceAccordionHeader.closed .update-jobs-offer .left-part .container-filter .accord .sprites:before, .update-jobs-offer .left-part .container-filter .accord .accordionComponent h2.ui-accordion-header span:before, .accordionComponent h2.ui-accordion-header .update-jobs-offer .left-part .container-filter .accord span:before, .update-jobs-offer .left-part .container-filter .accord .filter-m-view .content-all-filter .sprites:before, .update-jobs-offer .left-part .filter-m-view .content-all-filter .container-filter .accord .sprites:before { font-size: 0.6em; } .update-jobs-offer .left-part .container-filter .filter-title { width: 100%; height: 3.4375em; line-height: 3.4375em; background-color: #DADADA; padding: 0 1em; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-jobs-offer .left-part .container-filter .search-accord { display: none; } } .update-jobs-offer .left-part .container-filter .search-accord #filter-search1 { display: block; width: 13.125em; height: 3.4375em; border: none; background-color: #EFEFEF; color: #636363; margin: 1.25em auto 0; text-indent: 0.9375em; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0px; } .update-jobs-offer .left-part .container-filter .search-accord .plain { display: block; width: 13.125em; height: 3.4375em; border: none; background-color: #636363; color: white; text-align: center; margin: 0.625em auto 1.25em; -webkit-border-radius: 0; border-radius: 0; } .update-jobs-offer .left-part .container-filter .select-accord { color: red; } .update-jobs-offer .left-part .container-filter .select-accord .mod { padding: 1.3125em 1em; } .update-jobs-offer .left-part .container-filter .select-accord .mod .radiobox { display: block; width: 100%; margin-bottom: 1.25em; } .update-jobs-offer .left-part .container-filter .select-accord .mod .radiobox:last-child { margin-bottom: 0; } .update-jobs-offer .left-part .container-filter .select-accord .mod .radiobox label { float: left; padding: 0; } .update-jobs-offer .left-part .container-filter .select-accord .mod .radiobox label a { font-weight: normal; } .update-jobs-offer .left-part .container-filter .select-accord .mod .radiobox label > .ui-checkboxradio-icon { padding-left: 0.8125em; } .update-jobs-offer .left-part .container-filter .perimeter-accord .mod { padding: 1.3125em 1em; } .update-jobs-offer .left-part .container-filter .perimeter-accord .mod p { margin-top: 0; } .update-jobs-offer .left-part .container-filter .perimeter-accord .mod .region .ui-selectmenu-button { margin-bottom: 1.3125em; } .update-jobs-offer .left-part .container-filter .perimeter-accord .mod .ui-selectmenu-button { width: 100% !important; } .update-jobs-offer .left-part .container-filter .sorting-accord .accordion-section-content { display: table; width: 100%; padding: 1.3125em 1em; } .update-jobs-offer .left-part .container-filter .sorting-accord .accordion-section-content .product-sorting { width: 100%; } @media all { .update-jobs-offer .left-part .container-filter .sorting-accord .accordion-section-content .product-sorting .ui-selectmenu-button, .update-jobs-offer .left-part .container-filter .sorting-accord .accordion-section-content .product-sorting .ui-select-menu-button.ui-state-active { background-color: #EFEFEF; color: #636363; width: 100% !important; } .update-jobs-offer .left-part .container-filter .sorting-accord .accordion-section-content .product-sorting .ui-selectmenu-button .ui-selectmenu-icon, .update-jobs-offer .left-part .container-filter .sorting-accord .accordion-section-content .product-sorting .ui-select-menu-button.ui-state-active .ui-selectmenu-icon { background-color: #DADADA; height: 2.8125em; width: 2.8125em; right: 0 !important; } .update-jobs-offer .left-part .container-filter .sorting-accord .accordion-section-content .product-sorting .ui-selectmenu-button .ui-selectmenu-icon:before, .update-jobs-offer .left-part .container-filter .sorting-accord .accordion-section-content .product-sorting .ui-select-menu-button.ui-state-active .ui-selectmenu-icon:before { color: #636363; top: 2em; left: 1.8em; } } .update-jobs-offer .left-part .container-filter .sorting-accord .accordion-section-content .gridSelect { display: none; } @media screen and (min-width: 961px) { .update-jobs-offer .left-part .filter-l-view { display: block; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-jobs-offer .left-part .filter-l-view { display: none; } } @media screen and (min-width: 961px) { .update-jobs-offer .left-part .filter-m-view { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-jobs-offer .left-part .filter-m-view { display: table; width: 100%; margin-bottom: 0.0625em; } } .update-jobs-offer .left-part .filter-m-view .content-search-filter { position: relative; } @media screen and (min-width: 660px) and (max-width: 960px) { .update-jobs-offer .left-part .filter-m-view .content-search-filter { width: calc(50% - 1px); float: left; margin: 0 1px 0 0; } } @media screen and (max-width: 659px) { .update-jobs-offer .left-part .filter-m-view .content-search-filter { width: 100%; } } .update-jobs-offer .left-part .filter-m-view .content-search-filter #filter-search1 { display: block; width: 75%; height: 3.4375em; border: none; background-color: #EFEFEF; color: #636363; text-indent: 0.9375em; padding: 0; float: left; } .update-jobs-offer .left-part .filter-m-view .content-search-filter .plain { display: block; width: 25%; height: 3.4375em; border: none; background-color: #636363; color: white; text-align: center; } .update-jobs-offer .left-part .filter-m-view .content-all-filter { position: relative; } @media screen and (min-width: 660px) and (max-width: 960px) { .update-jobs-offer .left-part .filter-m-view .content-all-filter { width: 50%; float: left; } } @media screen and (max-width: 659px) { .update-jobs-offer .left-part .filter-m-view .content-all-filter { width: 100%; } } .update-jobs-offer .left-part .filter-m-view .content-all-filter .filterHeader { height: 3.4375em; line-height: 3.4375em; background-color: #DADADA; padding: 0 1em; } .update-jobs-offer .left-part .filter-m-view .content-all-filter .filterHeader:hover { cursor: pointer; } .update-jobs-offer .left-part .filter-m-view .content-all-filter .toggle.active { background-color: #636363; color: white; } .update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites { line-height: 3.4375em; float: right; right: 0; } .update-jobs-offer .left-part .filter-m-view .content-all-filter .sprites:before { position: absolute; right: 1.6em; font-size: 0.6em; } .update-jobs-offer .left-part .filter-m-view .content-all-filter .filterWrapper { background-color: white; } @media screen and (max-width: 659px) { .update-jobs-offer .left-part .filter-m-view .content-all-filter .filterWrapper { position: relative; } } .update-jobs-offer .left-part .filter-m-view .content-all-filter .modFilter #filter-search1 { display: block; width: 65%; height: 3.4375em; border: none; background-color: #EFEFEF; color: #636363; text-indent: 0.9375em; padding: 0; } .update-jobs-offer .left-part .filter-m-view .content-all-filter .modFilter .plain { display: block; width: 35%; height: 3.4375em; border: none; background-color: #636363; color: white; text-align: center; padding: 0; } .update-jobs-offer .left-part .filter-m-view .content-all-filter .sorting-accord { margin-bottom: 0; } @media screen and (min-width: 961px) { .update-jobs-offer .right-part { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-jobs-offer .right-part { width: 100%; } } .update-jobs-offer .right-part .container-job-offer .content-title { width: 100%; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-jobs-offer .right-part .container-job-offer .content-title { display: table; } } @media screen and (max-width: 659px) { .update-jobs-offer .right-part .container-job-offer .content-title { display: none; } } .update-jobs-offer .right-part .container-job-offer .content-title .title { height: 3.4375em; line-height: 3.4375em; background-color: #DADADA; float: left; padding: 0 1em; } @media screen and (min-width: 961px) { .update-jobs-offer .right-part .container-job-offer .content-title .header-job-titles { width: calc(70% - 2px); margin: 0 1px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-jobs-offer .right-part .container-job-offer .content-title .header-job-titles { width: calc(50% - 1px); margin-right: 1px; } } @media screen and (min-width: 961px) { .update-jobs-offer .right-part .container-job-offer .content-title .header-job-zip-code { width: 30%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-jobs-offer .right-part .container-job-offer .content-title .header-job-zip-code { width: 50%; } } .update-jobs-offer .right-part .container-job-offer .content-result .modContentResult { padding: 0 1em; } .update-jobs-offer .right-part .container-job-offer .content-result .row { display: inline-block; width: 100%; min-height: 60px; } .update-jobs-offer .right-part .container-job-offer .content-result .row:nth-child(even) { background-color: #EFEFEF; } .update-jobs-offer .right-part .container-job-offer .content-result .row .job-result { display: table; float: left; padding: 0.9375em 1em 0.9375em; font-weight: bold; } @media screen and (min-width: 961px) { .update-jobs-offer .right-part .container-job-offer .content-result .row .job-result { width: calc(70% - 2px); margin: 0 1px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-jobs-offer .right-part .container-job-offer .content-result .row .job-result { width: calc(50% - 1px); margin-right: 1px; } } .update-jobs-offer .right-part .container-job-offer .content-result .row .job-code { display: table; float: left; padding: 0.9375em 1em 0.9375em; } @media screen and (min-width: 961px) { .update-jobs-offer .right-part .container-job-offer .content-result .row .job-code { width: 30%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-jobs-offer .right-part .container-job-offer .content-result .row .job-code { width: 50%; } } .update-jobs-offer .right-part .text { height: 160px; padding-top: 1.875em; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-jobs-offer .right-part .text { display: none; } } .update-jobs-offer .right-part .content-jobs-offer { margin-top: 0; float: left; } .update-jobs-offer .modPagination .loadMoreResults { margin: 2.8125em auto 3.75em; } .update-jobs-offer header { display: table; padding: 0 1em; } .update-jobs-offer .text { position: relative; min-height: 4.375em; height: auto; padding: 1.8em 1.35em; } .update-jobs-offer .text span { position: relative; width: 100%; } .update-job-details aside { margin: 10px 0 0 0; } @media screen and (min-width: 961px) { .update-job-details aside { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-job-details aside { width: 100%; } } .update-job-details aside .back-button { display: none; } .update-job-details .header { display: table; position: relative; width: 100%; } @media screen and (min-width: 961px) { .update-job-details .header { padding: 0 0 0 1em; } } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .update-job-details .header { padding: 0 1em; } } .update-job-details .header .modVisual { display: inline-block; width: calc(100% - 100px); float: left; } .update-job-details .header img { display: none; } @media screen and (min-width: 961px) { .update-job-details .modContent { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-job-details .modContent { width: 100%; } } .update-job-details .modContent .main-image h1 { display: none; } .update-job-details .modContent .main-image .title-leading { display: block; } .update-job-details .modContent .main-image img { width: 100%; height: auto; } .update-job-details .modContent .inner { margin: 0 0 1.875em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-job-details .modContent .inner { padding: 0 20px; } } @media screen and (max-width: 659px) { .update-job-details .modContent .inner { padding: 15px; } } .update-job-details .modContent .inner span ul li:before { content: "- "; margin-left: -.8em; position: absolute; } .update-job-details .modContent .inner .textComponent { padding: 0; } .update-job-details .modContent .inner ul { padding: 0 1em; } .update-job-details .modContent .inner .address-section p { font-style: normal; margin: 0; } .update-job-details .modContent .inner .address-section p:last-child { margin: 1.25em 0 0 0; } .update-job-details .modContent .email a { font-weight: bold; } .update-job-details .modContent .red-box { display: table; width: 100%; height: auto; padding: 1em 5em 1em 5em; background-color: #EE1F26; text-align: center; color: white; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-job-details .modContent .red-box { padding: 1em 5em 1em 5em; } } @media screen and (max-width: 659px) { .update-job-details .modContent .red-box { padding: 1em; } } .update-job-details .modContent .red-box h1 { color: white; } @media screen and (min-width: 961px) { .update-job-details .icons { position: absolute; float: right; right: 0; bottom: 0; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-job-details .icons { position: relative; margin-top: 1.5625em; } } .update-job-details .icons .modPageFunctions { display: table; width: auto; height: auto; margin: 0; } .update-job-details .icons .modPageFunctions li { width: 2.8125em; height: 2.8125em; } .update-job-details .icons .modPageFunctions li a { display: block; } .update-job-details .icons .modPageFunctions li a:before { font-size: 1.5625em; } .update-job-details .icons .modPageFunctions .fb { margin-right: 0; } @media screen and (max-width: 659px) { .update-job-details .icons .modPageFunctions .print { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-card-overview { background-color: white; } } .update-card-overview .activeItem a.active { display: block; } .update-card-overview .content-card-overview .info-content { margin-bottom: 0 !important; } .update-card-overview .content-card-overview .float-left .ul-button { display: none !important; } .update-card-overview .content-card-overview .information { width: 100%; margin-left: 0; } @media screen and (min-width: 961px) { .update-card-overview .content-card-overview article { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-card-overview .content-card-overview article { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; float: none; } } .update-card-overview .content-card-overview .modContent { height: 4.25em; line-height: 4.25em; padding: 0 1.35em; } .update-card-overview .content-card-overview .modContent .leading { margin: 0; } .update-card-overview .content-card-overview .modTableSorter { text-align: center; } .update-card-overview .content-card-overview .modTableSorter .select-card-number { width: 22em; margin-bottom: 0.125em; } @media screen and (max-width: 659px) { .update-card-overview .content-card-overview .modTableSorter .select-card-number { width: 100%; } } .update-card-overview .content-card-overview .modTableSorter .select-card-number .ui-selectmenu-button { width: 100% !important; } .update-card-overview .content-card-overview .modTableSorter table { width: 100% !important; border-collapse: initial; } .update-card-overview .content-card-overview .modTableSorter #table-unique-id_wrapper { text-align: left; margin-bottom: 2.5em; } .update-card-overview .content-card-overview .modTableSorter #table-unique-id_wrapper h2 { font-weight: bold; padding: 0 0.7em 0 0.7em; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-card-overview .content-card-overview .modTableSorter #table-unique-id_wrapper h2 { padding: 0 0.7em; } } .update-card-overview .content-card-overview .modTableSorter #table-unique-id_paginate { display: none; } .update-card-overview .content-card-overview .modTableSorter table tbody tr:nth-child(2n+1) { background-color: transparent; } .update-card-overview .content-card-overview .modTableSorter table tbody tr:nth-child(2n+2) { background-color: #EFEFEF; } .update-card-overview .content-card-overview .modTableSorter thead td { position: relative; height: 1.0555em; line-height: 1.0555em; background-color: #DADADA; font-weight: normal; padding: 0px 1em; margin: 0.0625em 0.0625em 0px 0px; font-size: 1.125em; border-right: 1px solid white; } .update-card-overview .content-card-overview .modTableSorter thead td:first-child { width: 25% !important; } .update-card-overview .content-card-overview .modTableSorter thead td:nth-child(2) { width: 35% !important; } .update-card-overview .content-card-overview .modTableSorter thead td:nth-child(3) { width: 15% !important; } .update-card-overview .content-card-overview .modTableSorter thead td:nth-child(4) { width: 25% !important; border-right: 0px; } @media screen and (max-width: 659px) { .update-card-overview .content-card-overview .modTableSorter thead { display: none; } } .update-card-overview .content-card-overview .modTableSorter tbody .link-list { padding: 0; margin: 0; } @media screen and (max-width: 659px) { .update-card-overview .content-card-overview .modTableSorter tbody .link-list { width: 50%; float: right; } } .update-card-overview .content-card-overview .modTableSorter tbody .link-list li a { font-weight: bold; } @media screen and (max-width: 659px) { .update-card-overview .content-card-overview .modTableSorter tbody tr { display: table; width: 100%; height: 10em; padding: 0.625em 0; } } .update-card-overview .content-card-overview .modTableSorter tbody tr td { height: 38px !important; } .update-card-overview .content-card-overview .modTableSorter tbody tr td:nth-child(2) { margin-bottom: 44px; } @media screen and (max-width: 659px) { .update-card-overview .content-card-overview .modTableSorter tbody tr td { display: block; height: 1.5em !important; line-height: 1.5em !important; } } .update-card-overview .content-card-overview .modTableSorter tbody tr td .s-view-head { font-weight: bold; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-card-overview .content-card-overview .modTableSorter tbody tr td .s-view-head { display: none; } } @media screen and (max-width: 659px) { .update-card-overview .content-card-overview .modTableSorter tbody tr td .s-view-head { display: block; } } .update-card-overview .content-card-overview .modTableSorter tbody tr td p { margin: 0; } @media screen and (max-width: 659px) { .update-card-overview .content-card-overview .modTableSorter tbody tr td p { width: 50%; float: left; } } .update-card-overview .content-card-overview .load-data { background-color: #636363; color: #FFF; border: 0px none; padding: 1em !important; margin: 1.4375em 0 3.125em 0; font-size: 1.125em; font-weight: normal; line-height: 1.25em; text-align: center; } .update-card-overview .content-card-overview .contact-block { width: 100%; min-height: 13.75em; margin-bottom: 0; } .update-card-overview .content-card-overview .contact-block h3 { position: relative; height: 3em; line-height: 3em; background-color: #DADADA; font-weight: normal; padding: 0 1em; margin: 0; margin: 0.0625em 0.0625em 0 0; font-size: 1.125em; } .update-card-overview .content-card-overview .contact-block h3.noTopRightMargin { margin-top: 0; margin-right: 0; } .update-card-overview .content-card-overview .contact-block h3.noTopMargin { margin-top: 0; } .update-card-overview .content-card-overview .contact-block h3.noRightMargin { margin-right: 0; } @media screen and (max-width: 659px) { .update-card-overview .content-card-overview .contact-block h3 { margin-right: 0px; } } .update-card-overview .content-card-overview .contact-block ul { padding-left: 1em; } .update-card-overview .error-message { padding: 0 1em; } .disabled-option { pointer-events: none; } .card-overview-dropdown-sorting li a { padding: 0.5em 1em !important; } @media screen and (min-width: 961px) { .content-sale-overview article { display: table; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .content-sale-overview article { display: block; } } @media screen and (min-width: 961px) { .content-sale-overview article .mod { margin-top: 0; width: 100%; float: left; } } .content-sale-overview article .mod .text { position: relative; min-height: 4.375em; height: auto; padding: 1.8em 1.1em 0; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .content-sale-overview article .mod .text { padding: 1.8em 1em; } } .content-sale-overview article .mod .text span { position: relative; width: 100%; } .content-sale-overview article .mod .period { padding-top: 0; } .content-sale-overview article .mod .period p { margin-bottom: 0; } .content-sale-overview article .mod .period .bold, .content-sale-overview article .mod .period .modBreadcrumbNavigation .locator .txt, .modBreadcrumbNavigation .locator .content-sale-overview article .mod .period .txt, .content-sale-overview article .mod .period .fachcentrumSearchPage .strong, .fachcentrumSearchPage .content-sale-overview article .mod .period .strong { margin: 0; } .content-sale-overview article .mod .content-dropdown { position: relative; width: 42%; float: left; margin-right: 0.0625em; } .content-sale-overview article .mod .content-dropdown p { padding: 0 1.1em; margin: 0 0 0.9375em 0; } .content-sale-overview article .mod .content-dropdown .ui-selectmenu-button { width: 100% !important; } .content-sale-overview article .mod .content-button { position: relative; width: 15.6%; height: 2.8125em; float: left; margin-top: 2.1875em; } .content-sale-overview article .mod .content-button #btn-listings { width: 100%; background-color: #636363; color: #FFF; border: 0px none; padding: 11px !important; font-size: 1.125em; font-weight: normal; line-height: 1.25em; text-align: center; } .content-sale-overview article .content-download { display: table; height: 1.5625em; padding: 0 1.1em; } .content-sale-overview article .content-download .download { line-height: 1.5625em; } .content-sale-overview article .content-download .download span { float: left; margin-top: 1.25em; } .content-sale-overview article .content-download .download .icon-xls { position: absolute; width: 2.5em; height: 2.5em; line-height: 2.5em; background-color: #EFEFEF; text-align: center; font-size: 0.625em; } @media screen and (max-width: 659px) { .content-sale-overview article #filter { display: none; } } .content-sale-overview article .select-card-number { width: 50%; margin: 1.25em 0 0.0625em 0; } @media screen and (max-width: 659px) { .content-sale-overview article .select-card-number { width: 100%; } } .content-sale-overview article .select-card-number .ui-selectmenu { width: 100% !important; } .content-sale-overview article .select-card-number .accordTitle { padding: 1em 0 1em 1.1em !important; } .content-sale-overview article #table-unique-id_wrapper { margin-bottom: 2.5em; } .content-sale-overview article table { width: 100% !important; border-collapse: initial; } .content-sale-overview article table tbody tr:nth-child(2n+1) { background-color: transparent; } .content-sale-overview article table tbody tr:nth-child(2n+2) { background-color: #EFEFEF; } .content-sale-overview article table thead th { position: relative; height: 1.0555em; line-height: 1.0555em; background-color: #DADADA; font-weight: normal; padding: 0px 1em; margin: 0.0625em 0.0625em 0px 0px; font-size: 1.125em; border-right: 1px solid #FFF; text-align: left; } .content-sale-overview article table thead th:first-child { width: 35% !important; } .content-sale-overview article table thead th:nth-child(2), .content-sale-overview article table thead th:nth-child(3), .content-sale-overview article table thead th:nth-child(4) { width: 15% !important; } .content-sale-overview article table thead th:last-child { width: 20% !important; border-right: 0px; } @media screen and (max-width: 659px) { .content-sale-overview article table thead { display: none; } } .content-sale-overview article table .align-right { text-align: right; } @media screen and (max-width: 659px) { .content-sale-overview article table .align-right { text-align: initial; } } @media screen and (max-width: 659px) { .content-sale-overview article table tbody tr { display: table; width: 100%; height: auto; padding: 1.25em 0; } } .content-sale-overview article table tbody tr td { height: 38px; } @media screen and (max-width: 659px) { .content-sale-overview article table tbody tr td { display: block; height: 1.5em !important; line-height: 1.5em !important; } } .content-sale-overview article table tbody tr td .s-view-head { font-weight: bold; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .content-sale-overview article table tbody tr td .s-view-head { display: none; } } @media screen and (max-width: 659px) { .content-sale-overview article table tbody tr td .s-view-head { display: block; } } .content-sale-overview article table tbody tr td p { margin: 0; } @media screen and (max-width: 659px) { .content-sale-overview article table tbody tr td p { width: 50%; float: left; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .content-sale-overview article table tbody tr .float-right { text-align: right; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .content-sale-overview article .filter { display: none; } } @media screen and (max-width: 659px) { .content-sale-overview article .filter { display: block; } .content-sale-overview article .filter .content-dropdown { width: 100%; margin: 0 0 1.25em 0; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .content-sale-overview article .float-right { text-align: right; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .content-sale-overview article .title-s-view { display: none; } } @media screen and (max-width: 659px) { .content-sale-overview article .value-s-view { text-align: right; } } @media screen and (max-width: 659px) { .content-sale-overview article .sorting { margin-top: 0.0625em; } } .content-sale-overview article .sorting .ui-selectmenu-text { margin-left: 0.6em; } @media screen and (max-width: 659px) { .content-sale-overview article .sorting .ui-icon-triangle-1-s:before { position: absolute; width: 16px; height: 16px; margin: auto; } } .content-sale-overview article .content-total { display: table; position: relative; width: 100%; height: 1.0555em; line-height: 1.0555em; background-color: #EFEFEF; font-weight: normal; margin: 0.0625em 0.0625em 0px 0px; font-size: 1.125em; } @media screen and (max-width: 659px) { .content-sale-overview article .content-total { display: none; } } .content-sale-overview article .content-total p { float: left; } .content-sale-overview article .content-total p:first-child { width: 65%; padding-left: 1em; } .content-sale-overview article .content-total p:nth-child(2) { width: 15%; text-align: right; padding: 0 1em; } .content-sale-overview article .content-total p:last-child { width: 20%; text-align: right; padding: 0 1em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .content-sale-overview article .s-content-total { display: none; } } .content-sale-overview article .s-content-total .title { width: 50%; text-align: right; padding-right: 1em; } .content-sale-overview article .s-content-total .content { width: 50%; float: left; } .content-sale-overview article .s-content-total .content p { padding-right: 1em; text-align: right; } .content-sale-overview article .text-foot { background-color: transparent; font-weight: normal; padding: 0.5em 1em !important; font-size: 1em; color: #999999; margin-bottom: 3.125em; } @media screen and (max-width: 659px) { .content-sale-overview article .text-foot { padding: 0 1em !important; } } .content-sale-overview article #table-unique-id_paginate { display: none; } .content-sale-overview article .content-button-load { width: 100%; text-align: center; } .content-sale-overview article .content-button-load .load-data { background-color: #636363; color: #FFF; border: 0px none; padding: 1em !important; margin: 1.25em 0 1.25em 0; font-size: 1.125em; font-weight: normal; line-height: 1.25em; text-align: center; } .content-sale-overview article .contact-block { display: table; width: 100%; min-height: 13.75em; margin-bottom: 0; } .content-sale-overview article .contact-block h3 { position: relative; height: 3em; line-height: 3em; background-color: #DADADA; font-weight: normal; padding: 0 1em; margin: 0; margin: 0.0625em 0.0625em 0 0; font-size: 1.125em; } .content-sale-overview article .contact-block h3.noTopRightMargin { margin-top: 0; margin-right: 0; } .content-sale-overview article .contact-block h3.noTopMargin { margin-top: 0; } .content-sale-overview article .contact-block h3.noRightMargin { margin-right: 0; } @media screen and (max-width: 659px) { .content-sale-overview article .contact-block h3 { margin-right: 0px; } } .content-sale-overview article .contact-block ul { padding-left: 1em; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .dropdown-sorting header { margin: 0 1em; } } .fachcentren .modLocator { position: relative; } .fachcentren .modLocator p { font-size: 0.75em; } .fachcentren .modLocator .address .value { display: inline-block; } .fachcentren .modLocator .address b { vertical-align: top; display: inline-block; width: 50px; } .fachcentren .modLocator .block { float: left; } .fachcentren .modLocator .block.left { padding: 0 4px 0 15px; } .fachcentren .modLocator a { outline: 0; } .fachcentren .modLocator .locator { background-size: 100% 17px; font-size: 0.75em; line-height: 35px; } .fachcentren .modLocator a.backlink { float: left; margin: 0 15px; } .fachcentren .modLocator a.backlink.sprites-before:before { background-position: -150px -90px; display: inline-block; height: 10px; margin: 0 5px -1px 0; width: 5px; } .fachcentren .modLocator a.backlink.sprites-before:hover:before { background-position: -150px -100px; } .fachcentren .modLocator h1 { margin: 15px; } .fachcentren .modLocator .line div.rightpadding { padding: 0 15px 0 6px; } .fachcentren .modLocator .fc-image .overlay { display: block; } .fachcentren .modLocator .fc-image .sprites.zoom { background-position: -50px -40px; display: inline-block; height: 22px; left: 7px; position: absolute; top: 10px; width: 22px; } .fachcentren .modLocator .logos { list-style-type: none; margin: 5px 0 0 0; position: relative; } .fachcentren .modLocator .logos li { display: inline; margin-left: 5px; } .fachcentren .modLocator .logos li:first-child { display: inline; margin-left: 0; } .fachcentren .modLocator h3 { margin-top: 10px; } .fachcentren .modLocator .address { margin-top: 0; } .fachcentren .modLocator .compact-address { margin-top: 0; margin-bottom: 0; } .fachcentren .modLocator .myfc p { margin-bottom: 5px; } .fachcentren .modLocator .ui-tabs table.block { float: none; } .fachcentren .modLocator .border-bottom { border-bottom: 1px dotted #c3c4c5; margin-bottom: 15px; padding-bottom: 15px; } .fachcentren .modLocator .mapprint:before { background-position: -50px 0; float: left; height: 16px; margin: 0 5px 0 0; width: 17px; } .fachcentren .modLocator .resultmarker { background-position: -140px -270px; color: #fff; display: block; font-family: 'WebfontBold',Helvetica,Arial,sans-serif; font-size: 16px; height: 35px; padding-top: 6px; text-align: center; width: 34px; } .fachcentren .modLocator #map_canvas { height: 500px; width: 100%; } .fachcentren .modLocator #map_canvas.fcdetail { height: 350px; } .fachcentren .modLocator #map_canvas .marker { color: #fff; font-family: 'WebfontBold',Helvetica,Arial,sans-serif; font-size: 1em; margin-left: -14px !important; margin-top: -38px !important; text-align: center; width: 27px; height: 38px; padding-top: 7px; } .fachcentren .modLocator #map_canvas .infowindow { width: 250px; overflow: hidden; } .fachcentren .modLocator #map_canvas .infowindow a, .fachcentren .modLocator #map_canvas .infowindow p { font-family: Helvetica,Arial,sans-serif; font-size: 12px; } .fachcentren .modLocator #map_canvas .infowindow h3 { font-weight: bold; font-size: 12px; } .fachcentren .modLocator #map_canvas .infowindow h3 a { font-size: inherit; } .fachcentren .modLocator .directionform { margin-bottom: 10px; } .fachcentren .modLocator .directionform lable { font-size: .75em; margin: 0 10px 0 0; } .fachcentren .modLocator .directions { font-size: .75em; } .fachcentren .modLocator .directions #adp-placemark img, .fachcentren .adp-placemark img { display: none; } @media print { .modLocator .locator { display: none; } .modLocator .border-bottom { border: 0; } .modLocator h1, .modLocator p { margin-left: 0; } .modLocator h1 { width: 100%; } .modLocator .logos { margin-bottom: 10px; } .modLocator .fc-image { padding-left: 0; } .modLocator .rightpadding { float: none; margin-right: 0; overflow: hidden; width: auto; } .modLocator .groundplan, .modLocator .myfc, .modLocator .ui-tabs-nav, .modLocator .modContent .clip.link-arrow-before, .modLocator .routing-car { display: none; } .modLocator #range, .modLocator #service, .modLocator #rental, .modLocator #event, .modLocator .directions { border-bottom: 1px solid #c3c4c5; margin-bottom: 15px; padding-bottom: 15px; } .modLocator #range, .modLocator #service, .modLocator #rental, .modLocator #event, .modLocator #routing { display: block !important; } .modLocator .ui-tabs-panel { border: 0; } .modLocator .ui-tabs { margin-left: 0; } } .fachcentren .skinLocatorMap { padding-top: 15px; padding-bottom: 2px; position: relative; top: 0; } .fachcentren .skinLocatorMap .directionform input { width: 220px; vertical-align: top; } .fachcentrumSearchPage { box-sizing: border-box !important; } .fachcentrumSearchPage *, .fachcentrumSearchPage *:before, .fachcentrumSearchPage *:after { box-sizing: border-box !important; } .fachcentren-slider { position: relative; } .fachcentren-slider .slides-container .slides-item { background-color: #DFDDD8; position: relative; } .fachcentren-slider .slides-container .slides-item .white-line { position: absolute; background-color: #FFFFFF; width: 1px; height: 100%; top: 0px; right: 0px; } @media screen and (max-width: 659px) { .fachcentren-slider .slides-container .slides-item .item-container { text-align: center; } } .fachcentren-slider .slides-container .slides-item .item-container .item-content { display: inline-block; width: 80%; margin: 1em; } @media screen and (max-width: 659px) { .fachcentren-slider .slides-container .slides-item .item-container .item-content { display: inline-block; margin: 1em 3.125em; text-align: left; width: auto; } } .fachcentren-slider .slides-container .slides-item .item-container .item-content .item-margin { margin-left: 3.5em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .top-content-min-height { min-height: 240px; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .item-content-clickable { cursor: pointer; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .top-margin-for-house-text { margin-left: 0.5em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .icon-plain-pin, .fachcentren-slider .slides-container .slides-item .item-container .item-content .lightbox-search #list .mod .result .clearfix .size1of10, .lightbox-search #list .mod .result .clearfix .fachcentren-slider .slides-container .slides-item .item-container .item-content .size1of10 { font-size: 40px; position: relative; text-align: center; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .icon-plain-pin .location-number, .fachcentren-slider .slides-container .slides-item .item-container .item-content .lightbox-search #list .mod .result .clearfix .size1of10 .location-number, .lightbox-search #list .mod .result .clearfix .fachcentren-slider .slides-container .slides-item .item-container .item-content .size1of10 .location-number { font-size: 12px; position: relative; top: -35px; color: #FFFFFF; font-family: 'WebfontBold',Helvetica,Arial,sans-serif; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .text-for-icon { float: left; margin-top: 0.4375em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .icon-house-information { font-size: 25px; margin-right: 0.5em; margin-top: 0em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .favourite-button { margin-bottom: 1em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .favourite-button button { margin-top: 1.5625em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .favourite-button .light-gray-button { border: 0px none; background-color: #cccccc; color: #FFFFFF; padding: 0.5em 1em; text-align: center; margin-left: 56px; font-size: 1.125em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .text-zum-link { margin-top: 0.4em; margin-left: 0.6em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .select-margin-left { margin-left: 55px; } .fachcentren-slider .slides-container .slides-item.highlight .icon-plain-pin:before, .fachcentren-slider .slides-container .slides-item.highlight .lightbox-search #list .mod .result .clearfix .size1of10:before, .lightbox-search #list .mod .result .clearfix .fachcentren-slider .slides-container .slides-item.highlight .size1of10:before { color: #EE1F26; } .fachcentren-slider .slides-direction-nav { position: absolute; width: 100%; height: 3.125em; top: 0; bottom: 0; margin: auto; padding: 0; } .fachcentren-slider .slides-direction-nav li a { width: 3.125em; height: 3.125em; position: absolute; background-color: #F0EFED; } .fachcentren-slider .slider-button-icon, .timeslotslider .slides-direction-nav .fachcentren-slider .slides-prev::before, .timeslotslider .slides-direction-nav .fachcentren-slider .slides-next::before, .fachcentren-slider .slides-direction-nav .slides-prev::before, .fachcentren-slider .slides-direction-nav .slides-next::before { top: 35%; position: absolute; } .fachcentren-slider .slides-direction-nav .slides-prev::before { position: absolute; width: 1em; height: 1em; top: -0.125em; bottom: 0; left: -0.3125em; right: 0; margin: auto; } .fachcentren-slider .slides-direction-nav .slides-next { left: auto; right: 0px; } .fachcentren-slider .slides-direction-nav .slides-next::before { position: absolute; width: 1em; height: 1em; top: -0.125em; bottom: 0; left: 0.25em; right: 0; margin: auto; } .fachcentrumSearchForm { background: #FFFFFF; } .fachcentrumSearchForm .error-input-search { padding: 0.75em 0.2em !important; border: 1px solid #ff9900 !important; } .fachcentrumSearchForm #city { -webkit-appearance: none; border-radius: 0; background: #F0EFED; text-indent: 5px; padding: 0.8em 0.2em; border: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .fachcentrumSearchForm #searchAjaxButton { padding: 0.65em 1.55em; } .fachcentrumSearchForm .input-margin { margin-top: 1.5em; margin-bottom: 0.5em; } .fachcentrumSearchForm .input-margin .error-search-results { display: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; padding: 0; } @media screen and (max-width: 659px) { .fachcentrumSearchForm .input-margin .error-search-results { float: left; margin: 1.25em 0 0 0.625em; width: 301px; } } .fachcentrumSearchForm .formBackground { background: #FFFFFF; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .fachcentrumSearchForm #map.fachcentren { padding: 0 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumSearchPage { background: #FFFFFF; } } @media screen and (max-width: 659px) { .fachcentrumSearchPage { background: #FFFFFF; } .fachcentrumSearchPage .error-container { float: left; width: 100%; } } .fachcentrumSearchPage .titleWrappFS { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .fachcentrumSearchPage .titleWrappFS { margin-left: 0.625em; margin-right: 0.625em; } } .fachcentrumSearchPage .title { margin: 0; } @media screen and (min-width: 961px) { .fachcentrumSearchPage .title { margin-bottom: 0.67em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumSearchPage .title { background: #FFFFFF; } } @media screen and (max-width: 659px) { .fachcentrumSearchPage .title { background: #FFFFFF; padding-top: 0; } } .fachcentrumSearchPage .margin-left { width: 40%; margin-left: 20px; } @media screen and (max-width: 659px) { .fachcentrumSearchPage .margin-left { margin-left: 10px; width: 195px; } } .fachcentrumSearchPage .strong { width: 100%; display: inline-block; } .fachcentrumSearchPage .error-search-results { position: relative; } .fachcentrumSearchPage .error-search-results .errorField { transform: none; top: 0px; padding-bottom: 1em; } @media screen and (min-width: 961px) { .fachcentrenLocationFinder#packstationLocationFinder.form1 .line .fieldsColumn, .fachcentrenLocationFinder#packstationLocationFinder.order-form .line .fieldsColumn, .checkoutStep3 .fachcentrenLocationFinder#packstationLocationFinder.sepaMandate .line .fieldsColumn { width: 40%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrenLocationFinder#packstationLocationFinder.form1 .line .fieldsColumn, .fachcentrenLocationFinder#packstationLocationFinder.order-form .line .fieldsColumn, .checkoutStep3 .fachcentrenLocationFinder#packstationLocationFinder.sepaMandate .line .fieldsColumn { width: 32%; } } @media screen and (min-width: 961px) { .fachcentrenLocationFinder#packstationLocationFinder.form1 .line .errorsColumn, .fachcentrenLocationFinder#packstationLocationFinder.order-form .line .errorsColumn, .checkoutStep3 .fachcentrenLocationFinder#packstationLocationFinder.sepaMandate .line .errorsColumn { width: 36%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrenLocationFinder#packstationLocationFinder.form1 .line .errorsColumn, .fachcentrenLocationFinder#packstationLocationFinder.order-form .line .errorsColumn, .checkoutStep3 .fachcentrenLocationFinder#packstationLocationFinder.sepaMandate .line .errorsColumn { width: 34%; } } .fachcentrenLocationFinder.form1, .fachcentrenLocationFinder.order-form, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate { margin-bottom: 0; padding: 0; } @media screen and (max-width: 659px) { .fachcentrenLocationFinder.form1 .btn-search-fachcentrum, .fachcentrenLocationFinder.order-form .btn-search-fachcentrum, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .btn-search-fachcentrum { width: 34%; } } .fachcentrenLocationFinder.form1 .line .fieldsColumn, .fachcentrenLocationFinder.order-form .line .fieldsColumn, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .line .fieldsColumn { width: 48%; } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrenLocationFinder.form1 .line .fieldsColumn, .fachcentrenLocationFinder.order-form .line .fieldsColumn, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .line .fieldsColumn { width: 40%; box-sizing: border-box; } } @media screen and (max-width: 659px) { .fachcentrenLocationFinder.form1 .line .fieldsColumn, .fachcentrenLocationFinder.order-form .line .fieldsColumn, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .line .fieldsColumn { width: 60%; } .fachcentrenLocationFinder.form1 .line .fieldsColumn input, .fachcentrenLocationFinder.order-form .line .fieldsColumn input, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .line .fieldsColumn input { height: 2.8125em; } } @media screen and (max-width: 659px) { .fachcentrenLocationFinder.form1 .line .errorsColumn, .fachcentrenLocationFinder.order-form .line .errorsColumn, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .line .errorsColumn { width: 94%; } } @media screen and (max-width: 659px) { .fachcentrenLocationFinder.form1 .line .errorsColumn .errorField, .fachcentrenLocationFinder.order-form .line .errorsColumn .errorField, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .line .errorsColumn .errorField { margin-bottom: 0; } } .ui-tabs-nav { margin: 0; padding: 0; display: block; } .ui-tabs-nav:before, .ui-tabs-nav:after { content: ""; display: table; } .ui-tabs-nav:after { clear: both; } .ui-tabs-nav li { float: left; text-align: center; background-color: #DADADA; padding: 1em; border-right: 1px solid #FFFFFF; } .ui-tabs-nav li:last-child { border: 0; } .ui-tabs-nav li.ui-tabs-active { background-color: #636363; } .ui-tabs-nav li.ui-tabs-active a { color: #FFFFFF; } .fachcentren .modLocator { position: relative; } .fachcentren .modLocator p { font-size: 0.75em; } .fachcentren .modLocator .address .value { display: inline-block; } .fachcentren .modLocator .address b { vertical-align: top; display: inline-block; width: 50px; } .fachcentren .modLocator .block { float: left; } .fachcentren .modLocator .block.left { padding: 0 4px 0 15px; } .fachcentren .modLocator a { outline: 0; } .fachcentren .modLocator .locator { background-size: 100% 17px; font-size: 0.75em; line-height: 35px; } .fachcentren .modLocator a.backlink { float: left; margin: 0 15px; } .fachcentren .modLocator a.backlink.sprites-before:before { background-position: -150px -90px; display: inline-block; height: 10px; margin: 0 5px -1px 0; width: 5px; } .fachcentren .modLocator a.backlink.sprites-before:hover:before { background-position: -150px -100px; } .fachcentren .modLocator h1 { margin: 15px; } .fachcentren .modLocator .line div.rightpadding { padding: 0 15px 0 6px; } .fachcentren .modLocator .fc-image .overlay { display: block; } .fachcentren .modLocator .fc-image .sprites.zoom { background-position: -50px -40px; display: inline-block; height: 22px; left: 7px; position: absolute; top: 10px; width: 22px; } .fachcentren .modLocator .logos { list-style-type: none; margin: 5px 0 0 0; position: relative; } .fachcentren .modLocator .logos li { display: inline; margin-left: 5px; } .fachcentren .modLocator .logos li:first-child { display: inline; margin-left: 0; } .fachcentren .modLocator h3 { margin-top: 10px; } .fachcentren .modLocator .address { margin-top: 0; } .fachcentren .modLocator .compact-address { margin-top: 0; margin-bottom: 0; } .fachcentren .modLocator .myfc p { margin-bottom: 5px; } .fachcentren .modLocator .ui-tabs table.block { float: none; } .fachcentren .modLocator .border-bottom { border-bottom: 1px dotted #c3c4c5; margin-bottom: 15px; padding-bottom: 15px; } .fachcentren .modLocator .mapprint:before { background-position: -50px 0; float: left; height: 16px; margin: 0 5px 0 0; width: 17px; } .fachcentren .modLocator .resultmarker { background-position: -140px -270px; color: #fff; display: block; font-family: 'WebfontBold',Helvetica,Arial,sans-serif; font-size: 16px; height: 35px; padding-top: 6px; text-align: center; width: 34px; } .fachcentren .modLocator #map_canvas { height: 500px; width: 100%; } .fachcentren .modLocator #map_canvas.fcdetail { height: 350px; } .fachcentren .modLocator #map_canvas .marker { color: #fff; font-family: 'WebfontBold',Helvetica,Arial,sans-serif; font-size: 1em; margin-left: -14px !important; margin-top: -38px !important; text-align: center; width: 27px; height: 38px; padding-top: 7px; } .fachcentren .modLocator #map_canvas .infowindow { width: 250px; overflow: hidden; } .fachcentren .modLocator #map_canvas .infowindow a, .fachcentren .modLocator #map_canvas .infowindow p { font-family: Helvetica,Arial,sans-serif; font-size: 12px; } .fachcentren .modLocator #map_canvas .infowindow h3 { font-weight: bold; font-size: 12px; } .fachcentren .modLocator #map_canvas .infowindow h3 a { font-size: inherit; } .fachcentren .modLocator .directionform { margin-bottom: 10px; } .fachcentren .modLocator .directionform lable { font-size: .75em; margin: 0 10px 0 0; } .fachcentren .modLocator .directions { font-size: .75em; } .fachcentren .modLocator .directions #adp-placemark img, .fachcentren .adp-placemark img { display: none; } @media print { .modLocator .locator { display: none; } .modLocator .border-bottom { border: 0; } .modLocator h1, .modLocator p { margin-left: 0; } .modLocator h1 { width: 100%; } .modLocator .logos { margin-bottom: 10px; } .modLocator .fc-image { padding-left: 0; } .modLocator .rightpadding { float: none; margin-right: 0; overflow: hidden; width: auto; } .modLocator .groundplan, .modLocator .myfc, .modLocator .ui-tabs-nav, .modLocator .modContent .clip.link-arrow-before, .modLocator .routing-car { display: none; } .modLocator #range, .modLocator #service, .modLocator #rental, .modLocator #event, .modLocator .directions { border-bottom: 1px solid #c3c4c5; margin-bottom: 15px; padding-bottom: 15px; } .modLocator #range, .modLocator #service, .modLocator #rental, .modLocator #event, .modLocator #routing { display: block !important; } .modLocator .ui-tabs-panel { border: 0; } .modLocator .ui-tabs { margin-left: 0; } } .fachcentren .skinLocatorMap { padding-top: 15px; padding-bottom: 2px; position: relative; top: 0; } .fachcentren .skinLocatorMap .directionform input { width: 220px; vertical-align: top; } .fachcentrumSearchPage { box-sizing: border-box !important; } .fachcentrumSearchPage *, .fachcentrumSearchPage *:before, .fachcentrumSearchPage *:after { box-sizing: border-box !important; } .fachcentren-slider { position: relative; } .fachcentren-slider .slides-container .slides-item { background-color: #DFDDD8; position: relative; } .fachcentren-slider .slides-container .slides-item .white-line { position: absolute; background-color: #FFFFFF; width: 1px; height: 100%; top: 0px; right: 0px; } @media screen and (max-width: 659px) { .fachcentren-slider .slides-container .slides-item .item-container { text-align: center; } } .fachcentren-slider .slides-container .slides-item .item-container .item-content { display: inline-block; width: 80%; margin: 1em; } @media screen and (max-width: 659px) { .fachcentren-slider .slides-container .slides-item .item-container .item-content { display: inline-block; margin: 1em 3.125em; text-align: left; width: auto; } } .fachcentren-slider .slides-container .slides-item .item-container .item-content .item-margin { margin-left: 3.5em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .top-content-min-height { min-height: 240px; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .item-content-clickable { cursor: pointer; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .top-margin-for-house-text { margin-left: 0.5em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .icon-plain-pin, .fachcentren-slider .slides-container .slides-item .item-container .item-content .lightbox-search #list .mod .result .clearfix .size1of10, .lightbox-search #list .mod .result .clearfix .fachcentren-slider .slides-container .slides-item .item-container .item-content .size1of10 { font-size: 40px; position: relative; text-align: center; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .icon-plain-pin .location-number, .fachcentren-slider .slides-container .slides-item .item-container .item-content .lightbox-search #list .mod .result .clearfix .size1of10 .location-number, .lightbox-search #list .mod .result .clearfix .fachcentren-slider .slides-container .slides-item .item-container .item-content .size1of10 .location-number { font-size: 12px; position: relative; top: -35px; color: #FFFFFF; font-family: 'WebfontBold',Helvetica,Arial,sans-serif; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .text-for-icon { float: left; margin-top: 0.4375em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .icon-house-information { font-size: 25px; margin-right: 0.5em; margin-top: 0em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .favourite-button { margin-bottom: 1em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .favourite-button button { margin-top: 1.5625em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .favourite-button .light-gray-button { border: 0px none; background-color: #cccccc; color: #FFFFFF; padding: 0.5em 1em; text-align: center; margin-left: 56px; font-size: 1.125em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .text-zum-link { margin-top: 0.4em; margin-left: 0.6em; } .fachcentren-slider .slides-container .slides-item .item-container .item-content .select-margin-left { margin-left: 55px; } .fachcentren-slider .slides-container .slides-item.highlight .icon-plain-pin:before, .fachcentren-slider .slides-container .slides-item.highlight .lightbox-search #list .mod .result .clearfix .size1of10:before, .lightbox-search #list .mod .result .clearfix .fachcentren-slider .slides-container .slides-item.highlight .size1of10:before { color: #EE1F26; } .fachcentren-slider .slides-direction-nav { position: absolute; width: 100%; height: 3.125em; top: 0; bottom: 0; margin: auto; padding: 0; } .fachcentren-slider .slides-direction-nav li a { width: 3.125em; height: 3.125em; position: absolute; background-color: #F0EFED; } .fachcentren-slider .slider-button-icon, .timeslotslider .slides-direction-nav .fachcentren-slider .slides-prev::before, .timeslotslider .slides-direction-nav .fachcentren-slider .slides-next::before, .fachcentren-slider .slides-direction-nav .slides-prev::before, .fachcentren-slider .slides-direction-nav .slides-next::before { top: 35%; position: absolute; } .fachcentren-slider .slides-direction-nav .slides-prev::before { position: absolute; width: 1em; height: 1em; top: -0.125em; bottom: 0; left: -0.3125em; right: 0; margin: auto; } .fachcentren-slider .slides-direction-nav .slides-next { left: auto; right: 0px; } .fachcentren-slider .slides-direction-nav .slides-next::before { position: absolute; width: 1em; height: 1em; top: -0.125em; bottom: 0; left: 0.25em; right: 0; margin: auto; } .fachcentrumSearchForm { background: #FFFFFF; } .fachcentrumSearchForm .error-input-search { padding: 0.75em 0.2em !important; border: 1px solid #ff9900 !important; } .fachcentrumSearchForm #city { -webkit-appearance: none; border-radius: 0; background: #F0EFED; text-indent: 5px; padding: 0.8em 0.2em; border: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .fachcentrumSearchForm #searchAjaxButton { padding: 0.65em 1.55em; } .fachcentrumSearchForm .input-margin { margin-top: 1.5em; margin-bottom: 0.5em; } .fachcentrumSearchForm .input-margin .error-search-results { display: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; padding: 0; } @media screen and (max-width: 659px) { .fachcentrumSearchForm .input-margin .error-search-results { float: left; margin: 1.25em 0 0 0.625em; width: 301px; } } .fachcentrumSearchForm .formBackground { background: #FFFFFF; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .fachcentrumSearchForm #map.fachcentren { padding: 0 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumSearchPage { background: #FFFFFF; } } @media screen and (max-width: 659px) { .fachcentrumSearchPage { background: #FFFFFF; } .fachcentrumSearchPage .error-container { float: left; width: 100%; } } .fachcentrumSearchPage .titleWrappFS { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .fachcentrumSearchPage .titleWrappFS { margin-left: 0.625em; margin-right: 0.625em; } } .fachcentrumSearchPage .title { margin: 0; } @media screen and (min-width: 961px) { .fachcentrumSearchPage .title { margin-bottom: 0.67em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumSearchPage .title { background: #FFFFFF; } } @media screen and (max-width: 659px) { .fachcentrumSearchPage .title { background: #FFFFFF; padding-top: 0; } } .fachcentrumSearchPage .margin-left { width: 40%; margin-left: 20px; } @media screen and (max-width: 659px) { .fachcentrumSearchPage .margin-left { margin-left: 10px; width: 195px; } } .fachcentrumSearchPage .strong { width: 100%; display: inline-block; } .fachcentrumSearchPage .error-search-results { position: relative; } .fachcentrumSearchPage .error-search-results .errorField { transform: none; top: 0px; padding-bottom: 1em; } @media screen and (min-width: 961px) { .fachcentrenLocationFinder#packstationLocationFinder.form1 .line .fieldsColumn, .fachcentrenLocationFinder#packstationLocationFinder.order-form .line .fieldsColumn, .checkoutStep3 .fachcentrenLocationFinder#packstationLocationFinder.sepaMandate .line .fieldsColumn { width: 40%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrenLocationFinder#packstationLocationFinder.form1 .line .fieldsColumn, .fachcentrenLocationFinder#packstationLocationFinder.order-form .line .fieldsColumn, .checkoutStep3 .fachcentrenLocationFinder#packstationLocationFinder.sepaMandate .line .fieldsColumn { width: 32%; } } @media screen and (min-width: 961px) { .fachcentrenLocationFinder#packstationLocationFinder.form1 .line .errorsColumn, .fachcentrenLocationFinder#packstationLocationFinder.order-form .line .errorsColumn, .checkoutStep3 .fachcentrenLocationFinder#packstationLocationFinder.sepaMandate .line .errorsColumn { width: 36%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrenLocationFinder#packstationLocationFinder.form1 .line .errorsColumn, .fachcentrenLocationFinder#packstationLocationFinder.order-form .line .errorsColumn, .checkoutStep3 .fachcentrenLocationFinder#packstationLocationFinder.sepaMandate .line .errorsColumn { width: 34%; } } .fachcentrenLocationFinder.form1, .fachcentrenLocationFinder.order-form, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate { margin-bottom: 0; padding: 0; } @media screen and (max-width: 659px) { .fachcentrenLocationFinder.form1 .btn-search-fachcentrum, .fachcentrenLocationFinder.order-form .btn-search-fachcentrum, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .btn-search-fachcentrum { width: 34%; } } .fachcentrenLocationFinder.form1 .line .fieldsColumn, .fachcentrenLocationFinder.order-form .line .fieldsColumn, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .line .fieldsColumn { width: 48%; } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrenLocationFinder.form1 .line .fieldsColumn, .fachcentrenLocationFinder.order-form .line .fieldsColumn, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .line .fieldsColumn { width: 40%; box-sizing: border-box; } } @media screen and (max-width: 659px) { .fachcentrenLocationFinder.form1 .line .fieldsColumn, .fachcentrenLocationFinder.order-form .line .fieldsColumn, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .line .fieldsColumn { width: 60%; } .fachcentrenLocationFinder.form1 .line .fieldsColumn input, .fachcentrenLocationFinder.order-form .line .fieldsColumn input, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .line .fieldsColumn input { height: 2.8125em; } } @media screen and (max-width: 659px) { .fachcentrenLocationFinder.form1 .line .errorsColumn, .fachcentrenLocationFinder.order-form .line .errorsColumn, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .line .errorsColumn { width: 94%; } } @media screen and (max-width: 659px) { .fachcentrenLocationFinder.form1 .line .errorsColumn .errorField, .fachcentrenLocationFinder.order-form .line .errorsColumn .errorField, .checkoutStep3 .fachcentrenLocationFinder.sepaMandate .line .errorsColumn .errorField { margin-bottom: 0; } } @media screen and (min-width: 961px) { .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs.ui-tabs .ui-tabs-panel, .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumSaveFav, .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel, .eventRegister header, .eventRegister > section, .eventRegister form { padding: 15px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs.ui-tabs .ui-tabs-panel, .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumSaveFav, .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel, .eventRegister header, .eventRegister > section, .eventRegister form { padding: 20px; } } @media screen and (max-width: 659px) { .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs.ui-tabs .ui-tabs-panel, .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumSaveFav, .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel, .eventRegister header, .eventRegister > section, .eventRegister form { padding: 10px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumGrid { background-color: #FFFFFF; } } @media screen and (max-width: 659px) { .fachcentrumGrid { background-color: #FFFFFF; } } .fachcentrumGrid nav.modBreadcrumbNavigation { padding: 0; margin: 0; } @media screen and (min-width: 961px) { .fachcentrumGrid nav.modBreadcrumbNavigation { padding: 20px 15px 0 15px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumGrid nav.modBreadcrumbNavigation { padding: 20px 20px 0 20px; } } @media screen and (max-width: 659px) { .fachcentrumGrid nav.modBreadcrumbNavigation { padding: 20px 10px 0 10px; } } .fachcentrumGrid nav.modBreadcrumbNavigation ol { padding: 0; margin: 0; } @media screen and (min-width: 961px) { .fachcentrumGrid h1 { padding: 0 20px 0 20px; margin-top: 25px; margin-bottom: 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumGrid h1 { font-size: 1.875em; line-height: 2em; padding: 0 20px 0 20px; margin-top: 25px; margin-bottom: 10px; } } @media screen and (max-width: 659px) { .fachcentrumGrid h1 { font-size: 1.5em; line-height: 1.625em; padding: 0 10px 0 10px; margin-top: 20px; margin-bottom: 10px; } } @media screen and (max-width: 659px) { .fachcentrumGrid .locator { display: block; } } .fachcentrumGrid .fachcentrum .fachcentrumDetail { background-color: #FFFFFF; } .fachcentrumGrid .fachcentrum .fachcentrumDetail:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail:after { content: ""; display: table; } .fachcentrumGrid .fachcentrum .fachcentrumDetail:after { clear: both; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs { float: left; width: 50%; } @media screen and (max-width: 659px) { .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs { float: none; width: 100%; } } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg { overflow: hidden; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg img { display: block; } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg img { max-width: 100%; height: auto; } } @media screen and (max-width: 659px) { .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg img { max-width: 100%; height: auto; } } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent { background-color: #FFFFFF; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent:after { content: ""; display: table; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent:after { clear: both; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent ul { padding: 0; } @media screen and (min-width: 961px) { .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent ul li { width: 25%; padding-bottom: 15px; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent ul li:nth-child(4n+2) { padding-left: 15px; padding-right: 15px; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent ul li:nth-child(4n+3) { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent ul li { width: 33%; padding-bottom: 20px; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent ul li:nth-child(3n+2) { padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 659px) { .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent ul li { width: 33%; padding-bottom: 15px; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent ul li:nth-child(3n+2) { padding-left: 10px; padding-right: 10px; } } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent ul li div { text-align: center; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent ul li div img { display: inline-block; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumImg .fachcentrumExtraContent ul li div span { display: block; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs.ui-tabs .ui-tabs-nav li { width: 50%; padding: 0; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs.ui-tabs .ui-tabs-nav li a { display: block; padding: 1em; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs p { margin-bottom: 0; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab a { font-weight: bold; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer:after { content: ""; display: table; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer:after { clear: both; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer p { margin: 0; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer p.address { float: left; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span.icon-location, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .modProductResult.skinProductResultTile li .buyOptions .reserveProduct span:before, .modProductResult.skinProductResultTile li .buyOptions .reserveProduct .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct span:before, .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status span:before, .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status span:before, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before { float: right; background-color: #636363; color: #FFFFFF; padding: 0.8em; margin-top: 0.2em; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #contactContainer { margin-top: -0.5em; margin-bottom: 1em; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #contactContainer p { margin: 0; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab p[itemprop=specialNoteMessage] { font-weight: bold; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab p[itemprop=specialNoteMessage] span { font-weight: normal; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab .openingHours span { font-weight: bold; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #firmaSitzTab p:first-child { margin-top: 0; } .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #firmaSitzTab .parentCompanyAddress { margin-top: 0em; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumSaveFav { width: 50%; display: inline-block; float: right; padding-top: 0; } @media screen and (max-width: 659px) { .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumSaveFav { width: 100%; display: block; float: none; clear: both; margin-bottom: 1em; } } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumSaveFav .fachcentrumSelection p { margin-top: 0; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumSaveFav .fachcentrumSelection a { display: inline-block; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumSaveFav .fachcentrumSelection .button { font-weight: bold; background-color: #636363; } .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumSaveFav .fachcentrumSelection .button.disabled { background-color: #cccccc; cursor: default; } @media screen and (max-width: 659px) { .fachcentrumGrid .fachcentrum .fachcentrumDetail .fachcentrumSaveFav .fachcentrumSelection .fachcentrumSelectionAction { text-align: center; } } .fachcentrumGrid .fachcentrum #fachcentrumTabs { background-color: #FFFFFF; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-nav li { width: 50%; padding: 0; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-nav li a { display: block; padding: 1em; } @media screen and (min-width: 961px) { .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-nav.threeTabs li { width: 33%; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-nav.threeTabs li:nth-child(2) { width: 34%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-nav.threeTabs li { width: 33%; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-nav.threeTabs li:nth-child(2) { width: 34%; } } @media screen and (max-width: 659px) { .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-nav.threeTabs li { width: 50%; border-top: 1px solid #FFFFFF; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-nav.threeTabs li:nth-child(2) { border-right: 0; } } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-nav.fourTabs li { width: 25%; } @media screen and (max-width: 659px) { .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-nav.fourTabs li { width: 50%; border-top: 1px solid #FFFFFF; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-nav.fourTabs li:nth-child(2) { border-right: 0; } } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel { display: inline-block; } @media screen and (min-width: 961px) { .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel { padding: 20px; } } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel a { font-weight: bold; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel > section { margin-bottom: 2em; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel > section h2 { margin-top: 0.5em; margin-bottom: 0.5em; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel > section ol, .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel > section ul { padding: 0; margin: 0; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel .threeColsPanel:before, .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel .threeColsPanel:after { content: ""; display: table; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel .threeColsPanel:after { clear: both; } @media screen and (min-width: 961px) { .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel .threeColsPanel ol { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; } } @media screen and (min-width: 660px) and (max-width: 960px) { .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel .threeColsPanel ol { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; } } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel .threeColsPanel ol li { line-height: 1.5em; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel .event { margin-top: 2em; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel .event p:first-child { margin-bottom: 0; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel .event p:nth-child(2) { margin-top: 0.5em; } .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs #rental .textComponent { padding: 0; } .fachcentrumGrid .fachcentrum #fachcentrumTabs .modPagination:before, .fachcentrumGrid .fachcentrum #fachcentrumTabs .modPagination:after { content: ""; display: table; } .fachcentrumGrid .fachcentrum #fachcentrumTabs .modPagination:after { clear: both; } .fachcentrumGrid .fachcentrum #fachcentrumTabs .modPagination #items-per-page-label { display: inline; } .fachcentrumGrid .fachcentrum #fachcentrumTabs .modPagination ul { display: inline; } .fachcentrumGrid .fachcentrum #fachcentrumTabs .modPagination li { display: inline; padding: 0.5em; } .fachcentrumGrid .fachcentrum #fachcentrumTabs nav.modPagination { text-align: center; margin-bottom: 1em; } .fachcentrumGrid .fachcentrum .fachcentrumMap { padding-bottom: 2em; background-color: #FFFFFF; } .fachcentrumGrid .fachcentrum .fachcentrumMap #map { height: 500px; } #eventFancyboxSkin { padding: 0 !important; } @media screen and (min-width: 961px) { .eventRegister header { padding-left: 30px; padding-right: 30px; padding-top: 30px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .eventRegister header { padding-left: 30px; padding-right: 30px; padding-top: 30px; } } @media screen and (max-width: 659px) { .eventRegister header { padding-top: 20px; } } .eventRegister header h1 { margin-top: 0; } .eventRegister header p { font-weight: bold; } .eventRegister > section { background-color: #EFEFEF; } .eventRegister > section:before, .eventRegister > section:after { content: ""; display: table; } .eventRegister > section:after { clear: both; } @media screen and (min-width: 961px) { .eventRegister > section { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .eventRegister > section { padding-left: 30px; padding-right: 30px; } } .eventRegister > section.registered { margin-bottom: 1em; } .eventRegister > section p { margin: 0; } @media screen and (max-width: 659px) { .eventRegister > section p { margin-top: 10px; margin-bottom: 10px; } } .eventRegister > section div:first-child { width: 80%; float: left; } @media screen and (max-width: 659px) { .eventRegister > section div:first-child { width: 100%; float: none; } } .eventRegister > section div:first-child .fs-h6, .eventRegister > section div:first-child .fachcentrumTeaserComponent h3, .fachcentrumTeaserComponent .eventRegister > section div:first-child h3, .eventRegister > section div:first-child .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span.icon-location, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .eventRegister > section div:first-child span.icon-location, .eventRegister > section div:first-child .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .modProductResult.skinProductResultTile li .buyOptions .reserveProduct span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .modProductResult.skinProductResultTile li .buyOptions .reserveProduct .eventRegister > section div:first-child span:before, .eventRegister > section div:first-child .modProductResult.skinProductResultTile li .buyOptions .reserveProduct .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .modProductResult.skinProductResultTile li .buyOptions .reserveProduct .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .eventRegister > section div:first-child span:before, .eventRegister > section div:first-child .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct .eventRegister > section div:first-child span:before, .eventRegister > section div:first-child .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .modProductResult.skinProductResultList li .product-data .buyOptions .reserveProduct .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .eventRegister > section div:first-child span:before, .eventRegister > section div:first-child .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status .eventRegister > section div:first-child span:before, .eventRegister > section div:first-child .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .productWrapper .offerDetails .buyOptions .buyoptions-box.reserveProduct .stock-status .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .eventRegister > section div:first-child span:before, .eventRegister > section div:first-child .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status span:before, .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status .eventRegister > section div:first-child span:before, .eventRegister > section div:first-child .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer span:before, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status .fachcentrumGrid .fachcentrum .fachcentrumDetail #fachcentrumAddressFirmaSitzTabs #addressTab #addressContainer .eventRegister > section div:first-child span:before, .eventRegister > section div:first-child .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel > section h2, .fachcentrumGrid .fachcentrum #fachcentrumTabs.ui-tabs .ui-tabs-panel > section .eventRegister > section div:first-child h2 { font-weight: bold; } .eventRegister > section div:last-child { width: 20%; float: right; text-align: right; } @media screen and (max-width: 659px) { .eventRegister > section div:last-child { width: 100%; float: none; margin-top: 1em; margin-bottom: 1em; text-align: left; } } .eventRegister > section div:last-child span:last-child { font-weight: bold; } @media screen and (min-width: 961px) { .eventRegister form { padding-left: 30px; padding-right: 30px; padding-bottom: 30px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .eventRegister form { padding-left: 30px; padding-right: 30px; padding-bottom: 30px; } } @media screen and (max-width: 659px) { .eventRegister form { padding-bottom: 20px; } } .eventRegister form.formVertical .formGroup .formFields { width: 55%; } @media screen and (max-width: 659px) { .eventRegister form.formVertical .formGroup .formFields { float: none; width: 100%; } } .eventRegister form.formVertical .formGroup .formErrors, .eventRegister form.formVertical .formGroup .formTooltip { width: 42%; } @media screen and (max-width: 659px) { .eventRegister form.formVertical .formGroup .formErrors, .eventRegister form.formVertical .formGroup .formTooltip { float: none; width: 100%; } } .eventRegister form.formVertical .formRadioButtons div:last-child { margin-left: 30px; } .eventRegister form.formVertical fieldset.newsletter { margin: 1em 0; } .eventRegister form.formVertical fieldset.newsletter legend { margin-bottom: 1em; } .eventRegister form.formVertical fieldset.newsletter .checkboxgroup.hiddenlabel { float: left; margin-right: 5px; } .eventRegister form.formVertical fieldset.newsletter .checkboxgroup.hiddenlabel + p.label { margin-top: 0; } .eventRegister form.formVertical fieldset.newsletter .checkboxgroup.hiddenlabel label { width: 1.5625em; height: 1.5625em; display: inline-block; margin-bottom: 0; } .eventRegister form.formVertical fieldset.newsletter .checkboxgroup.hiddenlabel label .ui-checkboxradio-icon { width: 1.5625em; height: 1.5625em; overflow: hidden; display: inline-block; cursor: pointer; } .eventRegister form.formVertical fieldset.newsletter .checkboxgroup.hiddenlabel label .ui-checkboxradio-icon .ui-button-text { display: none; } .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-checkboxradio-icon:before { color: black; background-color: #EFEFEF; padding: 1em; content: ''; line-height: 1em; float: left; margin: 0 0.9375em 0 0; font-size: 0.7em; } .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before { padding: .5em; padding-bottom: 0.55em; font-family: 'bauhaus'; font-size: 0.7em; } .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .hidden-text { display: none; } .eventRegister form.formVertical fieldset.newsletter a { font-weight: bold; } .eventRegister form.formVertical .captchaContainer { width: 100%; } .eventRegister form.formVertical .captchaContainer:before, .eventRegister form.formVertical .captchaContainer:after { content: ""; display: table; } .eventRegister form.formVertical .captchaContainer:after { clear: both; } .eventRegister form.formVertical .captchaContainer .formFields:before, .eventRegister form.formVertical .captchaContainer .formFields:after { content: ""; display: table; } .eventRegister form.formVertical .captchaContainer .formFields:after { clear: both; } .eventRegister form.formVertical .captchaContainer .formErrors { margin-top: 53px; } @media screen and (max-width: 659px) { .eventRegister form.formVertical .captchaContainer .formErrors { margin-top: 0; } } .eventRegister form.formVertical fieldset.submit:before, .eventRegister form.formVertical fieldset.submit:after { content: ""; display: table; } .eventRegister form.formVertical fieldset.submit:after { clear: both; } .eventRegister form.formVertical fieldset.submit button { font-weight: bold; } .kontaktformularWrapper .size1of1 .modBreadcrumbNavigation { margin-bottom: 0px; } .kontaktformularWrapper header { padding-left: 0; padding-right: 0; margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .kontaktformularWrapper header { margin-left: 0.625em; margin-right: 0.625em; } } .kontaktformularWrapper .kontaktformularContainer { background-color: #FFF; padding-left: 1.25em; padding-right: 1.25em; padding-top: 10px; } @media screen and (max-width: 659px) { .kontaktformularWrapper .kontaktformularContainer { padding-left: 0.625em; padding-right: 0.625em; } } .kontaktformularWrapper .kontaktformularContainer .icon-phone { font-weight: bold; margin-right: 0; margin-top: 31px; } .kontaktformularWrapper .kontaktformularContainer .phone-number { position: relative; bottom: 2px; } .kontaktformularWrapper .kontaktformularContainer .service-hotline { font-weight: bold; } @media screen and (min-width: 961px) { .kontaktformularWrapper .kontaktformularContainer .boxField { width: 40%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .kontaktformularWrapper .kontaktformularContainer .boxField { width: 60%; } } .kontaktformularWrapper .kontaktformularContainer .service-hotline { font-size: 18px; } .kontaktformularWrapper .kontaktformularContainer a { font-weight: bold; } .kontaktformularWrapper .kontaktformularContainer #fachcentrumId { width: 100%; } .kontaktformularWrapper .kontaktformularContainer #fachcentrumId select { width: 100%; } .kontaktformularWrapper .kontaktformularContainer #fachcentrumId-button { width: 100% !important; } .kontaktformularWrapper .kontaktformularContainer #fachcentrumId-button .ui-selectmenu-text { margin-left: 74px; font-size: 16px; } .kontaktformularWrapper .kontaktformularContainer #fachcentrumId-button .ui-selectmenu-text { margin-left: 0.5em; } .kontaktformularWrapper .form1, .kontaktformularWrapper .order-form, .kontaktformularWrapper .checkoutStep3 .sepaMandate, .checkoutStep3 .kontaktformularWrapper .sepaMandate { padding: 30px 0; } .kontaktformularWrapper .form1 textarea, .kontaktformularWrapper .order-form textarea, .kontaktformularWrapper .checkoutStep3 .sepaMandate textarea, .checkoutStep3 .kontaktformularWrapper .sepaMandate textarea { width: 100%; background-color: #EFEFEF; border: none; margin-bottom: 20px; padding: 1em; } @media screen and (max-width: 659px) { .kontaktformularWrapper .form1 textarea, .kontaktformularWrapper .order-form textarea, .kontaktformularWrapper .checkoutStep3 .sepaMandate textarea, .checkoutStep3 .kontaktformularWrapper .sepaMandate textarea { margin-bottom: 4px; } } .kontaktformularWrapper .form1 .radiobuttongroup, .kontaktformularWrapper .order-form .radiobuttongroup, .kontaktformularWrapper .checkoutStep3 .sepaMandate .radiobuttongroup, .checkoutStep3 .kontaktformularWrapper .sepaMandate .radiobuttongroup { margin-top: 5px; } .kontaktformularWrapper .dataprotection { padding-bottom: 30px; } .kontaktformularWrapper.extendContactForm #contactForm { padding-bottom: 0px; } .kontaktformularWrapper #formContent.shown { padding-bottom: 30px; } .kontaktformularWrapper #contactFormMandatoryOut { padding-bottom: 30px; } .service-content .title { margin-left: 0.5em; } @media screen and (max-width: 659px) { .service-content .data .desc { padding: 0 1em; } } .service-content .data .desc p { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 80%; float: left; padding: 1em 1em 0 1em; margin-top: 0; } @media screen and (max-width: 659px) { .service-content .data .desc p { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0; } } .service-content .data .desc img { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 20%; float: left; display: block; height: inherit; } @media screen and (max-width: 659px) { .service-content .data .desc img { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-bottom: 1em; } } @media screen and (max-width: 659px) { .service-content .accordion-section .accordion-section-content { margin: 0; } } .service-content .accordion-section .accordion-section-title { font-size: 15px; } .service-content .validationErrWrap { padding: 0 1em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .service-content .validation-error-message-box { position: relative; } .service-content .arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid orange; position: absolute; margin-top: -10px; left: 50%; } .service-content .categories { display: inline-block; padding-left: 0px; width: 100%; } .service-content .categories li { float: left; } @media screen and (min-width: 961px) { .service-content .categories li { width: 25%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .service-content .categories li { width: 25%; } } @media screen and (max-width: 659px) { .service-content .categories li { width: 50%; margin-bottom: -.2em; } } .service-content .categories li img { width: 100%; height: 100%; } .service-content h2.greybackground { background-color: #DADADA; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 0; padding: .626em; font-size: 1.2em; margin-top: 1em; } .service-content .box-gradient-light-reverse { background-color: #DADADA; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 0; padding: .626em; font-size: 1.2em; margin-top: 1em; } .service-content .negative-left-margin { margin-left: -17px; } .service-content .security-and-transport { padding-left: 0; } .service-content .security-and-transport li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } .service-content .security-and-transport li img { display: block; text-align: center; margin: 0 auto; } .service-content .security-and-transport li .pictoTitle { display: block; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; text-align: center; } .service-content .modContentFilter .dropdown-form { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding: 1em; padding-right: 10%; } @media screen and (max-width: 659px) { .service-content .modContentFilter .dropdown-form { padding: 0 1em 0 0; } } .service-content .modContentFilter .dropdown-form fieldset span { display: block; } .service-content .modContentFilter .dropdown-form h3 { margin-bottom: .4em; padding-bottom: 0; } .service-content .modContentFilter .search-form { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding: 1em; } @media screen and (max-width: 659px) { .service-content .modContentFilter .search-form { padding: 0 1em 0 0; } } .service-content .modContentFilter .search-form .search-input { width: 60%; background: #F0EFED; padding: 1.15em; border: 0; } .service-content .modContentFilter .search-form .dark-gray-button { padding: 1.15em; } .service-content .indent-content .link-list { padding-left: 0px; } .service-content .orange-border .search-input-orange-border { border: 1px solid #ff9900; border-right: none; width: 60%; background: #F0EFED; padding: 1.15em; } .service-content .orange-border .dark-gray-button { border: 1px solid #ff9900; border-left: none; } @media screen and (min-width: 961px) { .service-content .service-nav { width: 25%; } .service-content .main-content { width: 75%; } .service-content .grey-lines tr:nth-child(odd) td { background: #EFEFEF; } .service-content .ui-selectmenu-text { margin-top: 1%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .service-content { background-color: #FFFFFF; } .service-content .service-nav { display: none; } .service-content .main-content { width: 100%; } .service-content .modContentFilter .dropdown-form { width: 40%; } .service-content .modContentFilter .search-form { width: 50%; } .service-content .modContentFilter .search-form .search-input { width: 60%; } .service-content .grey-lines tr:nth-child(odd) td { background: #EFEFEF; } .service-content .ui-selectmenu-text { margin-top: 1%; } } @media screen and (max-width: 659px) { .service-content { background-color: #FFFFFF; } .service-content .service-nav { display: none; } .service-content .main-content { width: 100%; } .service-content .fb, .service-content .print { display: block; } .service-content .fb a, .service-content .print a { display: block !important; } .service-content .modContentFilter .dropdown-form { width: 90%; } .service-content .modContentFilter .search-form { width: 100%; } .service-content .modContentFilter .search-form .search-input { width: 60%; } .service-content .grey-lines { width: 100%; } .service-content .grey-lines tr:nth-child(even) td { background: #EFEFEF; } .service-content .hidden-print .img { float: none; width: 100%; } .service-content .hidden-print .img img { width: 100%; height: 100%; } .service-content .ui-selectmenu-text { margin-top: 1%; } } .service-content .ui-selectmenu-text { margin-left: .4em; } .service-content table td { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } .service-content table td p { padding: .625em 0; margin: 0; } @media screen and (max-width: 659px) { .skinContentRental { margin: 0; } } .skinContentRental .rates, .skinContentRental .data { width: 100%; } .skinContentRental .rates .size1of2 { width: 50%; } .skinContentRental .rates h3 { margin: 2em 0 .4em 0; padding-bottom: 0; } @media screen and (max-width: 659px) { .skinContentRental .product-top-info img { margin-left: auto; margin-right: auto; position: relative; float: none; } .skinContentRental .product-top-info .eight-out-of-ten { width: 90%; } } @media screen and (max-width: 659px) { .skinContentRental .options { padding: 0 1em; } } .skinContentRental .options .block { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; padding-right: 2.5em; margin-bottom: 1em; } @media screen and (max-width: 659px) { .skinContentRental .options .block { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } } .skinContentRental .options .block .bd h4, .skinContentRental .options .media .bd h4 { padding: .5em 0 0 0; margin: 0; } .skinContentRental .options .block .bd p, .skinContentRental .options .media .bd p { margin-top: 0; } .skinContentRental .dgd { padding-left: 1em; } .serviceInnerPages .modVisual h1.leading { display: none; } .serviceInnerPages .bannerComponent img { display: block; width: 100%; height: inherit; } .serviceInnerPages .accordion-section { margin-left: 0; } @media screen and (max-width: 659px) { .serviceInnerPages .accordLeihservice { margin: 0; } } @media screen and (max-width: 659px) { .serviceInnerPages .accordTitle { margin-bottom: .1em; } } .serviceInnerPages .closed-content { display: none; overflow: hidden; } @media screen and (min-width: 660px) and (max-width: 960px) { .serviceInnerPages .serviceButtons { position: inherit; right: inherit; top: inherit; margin-top: -3.5em; margin-right: 1em; } } .update-prospect header { margin-top: 1.625em; margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .update-prospect header { margin-top: 1.3125em; margin-left: 0.625em; margin-right: 0.625em; margin-bottom: 0; } } .update-prospect header h1 { font-size: 1.875em; margin-top: 0; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-prospect header h1 { margin-bottom: 0; } } .update-prospect .introtext, .update-prospect .bottomtext { padding-top: 1.5em; margin-left: 1.25em; margin-right: 1.25em; } @media screen and (max-width: 659px) { .update-prospect .introtext, .update-prospect .bottomtext { margin-left: 0.625em; margin-right: 0.625em; } } .update-prospect .bottomtext { padding-bottom: 1.5em; } .update-prospect .ui-selectmenu-button { width: 100% !important; } .update-prospect .ui-selectmenu-button .ui-selectmenu-text { margin-left: 0.8em; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .content-brochures { padding-bottom: 0; } .content-brochures .jumpLabelComponent { padding-top: 20px; } .content-brochures .unit.size1of2 .advertisingTeaserComponent .content-image { width: 34%; float: left; margin-right: 1.25em; } .content-brochures .unit.size1of2 .advertisingTeaserComponent .content-image img { width: 100%; height: auto; margin-right: 0; float: none; } .content-brochures .unit.size1of2 .advertisingTeaserComponent .content-titles { width: auto; float: none; } .content-brochures .unit.size1of2 .advertisingTeaserComponent .content-titles .bd { width: auto; float: none; } .content-brochures .unit.size1of2 .advertisingTeaserComponent .content-titles .bd ul.link-list li { margin-bottom: 0.3125em; } #couponCardBalanceRequestForm { padding: 0em 1em 0 1em; } .couponCardCheck { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .couponCardCheck { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } @media screen and (max-width: 659px) { .couponCardCheck { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0 1em; } } .couponCardCheck .couponPinCode.error .error-message, .couponCardCheck .couponCardNumber.error .error-message { background-color: #ff9900; color: #FFFFFF; padding: .6em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; margin: 0; margin-top: 1em; padding-left: 1em; left: 52%; display: none; position: absolute; /* arrow code */ /* arrow code end*/ -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 40%; float: left; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; } .couponCardCheck .couponPinCode.error .error-message:after, .couponCardCheck .couponCardNumber.error .error-message:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ff9900; border-width: 0.6em; margin-top: -0.6em; } .couponCardCheck .couponPinCode.error .error-message p, .couponCardCheck .couponCardNumber.error .error-message p { margin: 0; padding: 0; } @media screen and (max-width: 659px) { .couponCardCheck .couponPinCode.error .error-message, .couponCardCheck .couponCardNumber.error .error-message { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; left: 0; position: relative; margin-top: 3em; overflow: visible; } .couponCardCheck .couponPinCode.error .error-message:after, .couponCardCheck .couponCardNumber.error .error-message:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.6em; margin-left: -0.6em; } .couponCardCheck .couponPinCode.error .error-message:after, .couponCardCheck .couponCardNumber.error .error-message:after { top: -7px; } } .couponCardCheck .fieldsColumn { position: relative; -webkit-transition: 0.1s, all; -khtml-transition: 0.1s, all; -moz-transition: 0.1s, all; -ms-transition: 0.1s, all; -o-transition: 0.1s, all; transition: 0.1s, all; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 1em 0; } .couponCardCheck .fieldsColumn label { margin-bottom: .5em; display: block; } .couponCardCheck .fieldsColumn input { display: block; background-color: #EFEFEF; border: 0 none; height: 2.8125em; width: 100%; padding: 0.5em; box-sizing: border-box; -webkit-transition: all, 0.6s, ease-in; -khtml-transition: all, 0.6s, ease-in; -moz-transition: all, 0.6s, ease-in; -ms-transition: all, 0.6s, ease-in; -o-transition: all, 0.6s, ease-in; transition: all, 0.6s, ease-in; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; margin-right: 1em; } .couponCardCheck .fieldsColumn input:disabled { color: #EFEFEF; background-color: #BABABA; } .couponCardCheck .fieldsColumn input:focus { outline: none; } @media screen and (max-width: 659px) { .couponCardCheck .fieldsColumn input { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .couponCardCheck .couponHintMsg, .couponCardCheck .pinHintMsg { background-color: #3399cc; color: #FFFFFF; padding: .6em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; margin: 0; margin-top: 1em; padding-left: 1em; left: 52%; display: none; position: absolute; /* arrow code */ /* arrow code end*/ -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 40%; float: left; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .couponCardCheck .couponHintMsg:after, .couponCardCheck .pinHintMsg:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #3399cc; border-width: 0.6em; margin-top: -0.6em; } .couponCardCheck .couponHintMsg p, .couponCardCheck .pinHintMsg p { margin: 0; padding: 0; } @media screen and (max-width: 659px) { .couponCardCheck .couponHintMsg, .couponCardCheck .pinHintMsg { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; left: 0; position: relative; margin-top: 3em; overflow: visible; } .couponCardCheck .couponHintMsg:after, .couponCardCheck .pinHintMsg:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #3399cc; border-width: 0.6em; margin-left: -0.6em; } .couponCardCheck .couponHintMsg:after, .couponCardCheck .pinHintMsg:after { top: -7px; } } .couponCardCheck .couponErrorMsg, .couponCardCheck .pinErrorMsg, .couponCardCheck .errorFieldBackend { background-color: #ff9900; color: #FFFFFF; padding: .6em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; margin: 0; margin-top: 1em; padding-left: 1em; left: 52%; display: none; position: absolute; /* arrow code */ /* arrow code end*/ -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 40%; float: left; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .couponCardCheck .couponErrorMsg:after, .couponCardCheck .pinErrorMsg:after, .couponCardCheck .errorFieldBackend:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ff9900; border-width: 0.6em; margin-top: -0.6em; } .couponCardCheck .couponErrorMsg p, .couponCardCheck .pinErrorMsg p, .couponCardCheck .errorFieldBackend p { margin: 0; padding: 0; } @media screen and (max-width: 659px) { .couponCardCheck .couponErrorMsg, .couponCardCheck .pinErrorMsg, .couponCardCheck .errorFieldBackend { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; left: 0; position: relative; margin-top: 3em; overflow: visible; } .couponCardCheck .couponErrorMsg:after, .couponCardCheck .pinErrorMsg:after, .couponCardCheck .errorFieldBackend:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.6em; margin-left: -0.6em; } .couponCardCheck .couponErrorMsg:after, .couponCardCheck .pinErrorMsg:after, .couponCardCheck .errorFieldBackend:after { top: -7px; } } .couponCardCheck .errorFieldBackend { display: block; } .couponCardCheck input[type="text"].error { outline-offset: -1px; outline: 1px solid #ff9900; } .couponCardCheck input#captchaAnswer { display: block; background-color: #EFEFEF; border: 0 none; height: 2.8125em; width: 100%; padding: 0.5em; box-sizing: border-box; -webkit-transition: all, 0.6s, ease-in; -khtml-transition: all, 0.6s, ease-in; -moz-transition: all, 0.6s, ease-in; -ms-transition: all, 0.6s, ease-in; -o-transition: all, 0.6s, ease-in; transition: all, 0.6s, ease-in; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } .couponCardCheck input#captchaAnswer:disabled { color: #EFEFEF; background-color: #BABABA; } .couponCardCheck input#captchaAnswer:focus { outline: none; } @media screen and (max-width: 659px) { .couponCardCheck input#captchaAnswer { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .couponCardCheck p#captchaAnswer { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 40%; float: left; background-color: #ff9900; color: #FFFFFF; padding: .6em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; margin: 0; margin-top: 1em; padding-left: 1em; left: 52%; display: none; position: absolute; /* arrow code */ /* arrow code end*/ position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .couponCardCheck p#captchaAnswer:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ff9900; border-width: 0.6em; margin-top: -0.6em; } .couponCardCheck p#captchaAnswer p { margin: 0; padding: 0; } .couponCardCheck .fCaptcha { position: relative; -webkit-transition: 0.1s, all; -khtml-transition: 0.1s, all; -moz-transition: 0.1s, all; -ms-transition: 0.1s, all; -o-transition: 0.1s, all; transition: 0.1s, all; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 1em 0; } .couponCardCheck .fCaptcha .error p#captchaAnswer { background-color: #ff9900; color: #FFFFFF; padding: .6em; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; position: relative; margin: 0; margin-top: 1em; padding-left: 1em; left: 52%; display: none; position: absolute; /* arrow code */ /* arrow code end*/ -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 40%; float: left; display: block; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; margin-top: 1.6em; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .couponCardCheck .fCaptcha .error p#captchaAnswer:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #ff9900; border-width: 0.6em; margin-top: -0.6em; } @media screen and (max-width: 659px) { .couponCardCheck .fCaptcha .error p#captchaAnswer { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; left: 0; position: relative; margin-top: 3em; overflow: visible; } .couponCardCheck .fCaptcha .error p#captchaAnswer:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.6em; margin-left: -0.6em; } .couponCardCheck .fCaptcha .error p#captchaAnswer:after { top: -7px; } } .couponCardBallanceCheck .message-coupon-card { padding-left: 56px; font-size: 16px; } .couponCardCheckForm .submit { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; margin: 1em 0; } .couponCardCheckForm .submit button { float: right; background-color: #636363; color: white; border: 0 none; padding: 0.5em 1em; } .container-coupon-voucher { padding: 1.875em 0 0 0; } .container-coupon-voucher .content-text { padding: 0 1.25em; } @media screen and (max-width: 659px) { .container-coupon-voucher .content-text span { display: block; } } .vouchersAddMoreCheck .ui-button { cursor: pointer; } .update-presse { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; float: none; } .update-presse .bgWhite { display: table; } .update-presse header { padding: 0 1em; } .update-presse .main-content { margin-bottom: 1.25em; } @media screen and (min-width: 961px) { .update-presse .main-content { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-presse .main-content { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 { display: table; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; } } @media screen and (max-width: 659px) { .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 section { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } @media screen and (max-width: 659px) { .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 section { padding: 0; } } .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 section .content-image { padding: 0; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 section .content-image { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } } @media screen and (max-width: 659px) { .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 section .content-image { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 section .content-image img { display: block; width: 100%; height: auto; margin: 0; } .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 section .content-titles { padding: 0 0 0 1em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 section .content-titles { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } } @media screen and (max-width: 659px) { .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 section .content-titles { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } } .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 section .content-titles .bd { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .update-presse .main-content .unit.size1of1.lastUnit .unit.size1of2 .serviceTeaserOneAndAHalfColumnsComponent { padding: 1em; } } .update-presse .main-content .media.four { margin-bottom: 40px; } .update-presse article .link-list { padding: 0 1em; font-weight: bold; } .update-presse article .media.four .link-list { padding-left: 0; } .update-presse .article-title { display: table; padding: 0 1em; } .update-presse .line { display: table; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-presse .flex-viewport .float-left { padding-left: 1em; } } .update-presse .flex-viewport .link-list { padding-left: 0; } .update-archive .bgWhite { display: table; width: 100%; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-archive .content-archive { padding: 0 1em; } } .update-presse-contact .s-view { padding-left: 1em; } .update-presse-contact .s-view li { display: none; } .update-presse-contact .s-view .back-button { display: block; } .update-presse-contact header { padding: 0 1em; } .update-presse-contact header h1 { margin-top: 0; } .update-presse-contact .bgWhite { display: table; } @media screen and (min-width: 961px) { .update-presse-contact .bgWhite .right-side { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-presse-contact .bgWhite .right-side { padding: 0 20px; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-presse-contact .bgWhite .right-side { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0 1em; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .update-presse-contact .bgWhite .right-side { padding: 0 15px; } } .update-presse-contact .bgWhite .right-side #pressContactForm { padding: 0; } .update-presse-contact .bgWhite .right-side #pressContactForm .textarea textarea { width: 100%; background-color: #EFEFEF; border: none; padding: 1em; margin-bottom: 1em; } .update-presse-contact .bgWhite .right-side #pressContactForm .textarea .error-message { width: 100%; margin: 0 0 0.5em 0; } .update-presse-contact .bgWhite .right-side #pressContactForm .textarea .error-message:after { bottom: 100%; left: 50%; top: auto; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff9900; border-width: 0.625em; margin-left: -0.625em; } .update-presse-contact .bgWhite .right-side #pressContactForm .submit { text-align: left; float: left; width: 100%; } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .line { margin-bottom: 0; } @media screen and (min-width: 660px) and (max-width: 960px) { .update-presse-contact .bgWhite .right-side #pressContactForm .submit .fieldsColumn { width: 55%; } } @media screen and (max-width: 659px) { .update-presse-contact .bgWhite .right-side #pressContactForm .submit .no-s-vp { display: none; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .update-presse-contact .bgWhite .right-side #pressContactForm .submit .errorsColumn { width: 41%; } } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .titles .inline { margin-top: 5px; } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .titles .error-message { margin-bottom: 0px; } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .inline { float: left; margin-left: 0.1875em; } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .txt { margin-bottom: 1.25em; } @media screen and (min-width: 961px) { .update-presse-contact .bgWhite .right-side #pressContactForm .submit .txt { width: 40%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-presse-contact .bgWhite .right-side #pressContactForm .submit .txt { width: 55%; } } @media screen and (max-width: 659px) { .update-presse-contact .bgWhite .right-side #pressContactForm .submit .txt { width: 100%; margin-bottom: 0.5em; } } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .txt input { width: 100%; } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .txt .block { margin-bottom: 0.625em; } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .txt .float-left { width: 60%; float: left; } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .txt .float-right { width: 39%; float: right; } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .txt-fix { width: auto; } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .full-width { width: 100%; float: left; } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .full-width input { width: 40%; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-presse-contact .bgWhite .right-side #pressContactForm .submit .full-width input { float: left; } } @media screen and (max-width: 659px) { .update-presse-contact .bgWhite .right-side #pressContactForm .submit .full-width input { width: 100%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-presse-contact .bgWhite .right-side #pressContactForm .submit .full-width input { width: 55%; } } .update-presse-contact .bgWhite .right-side #pressContactForm .submit .full-width .error-message { width: 41%; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-presse-contact .bgWhite .right-side #pressContactForm .submit .full-width .error-message { float: left; } } @media screen and (max-width: 659px) { .update-presse-contact .bgWhite .right-side #pressContactForm .submit .full-width .error-message { width: 100%; } } .update-presse-contact .bgWhite .right-side ::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; } .update-presse-contact .bgWhite .right-side :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; opacity: 1; } .update-presse-contact .bgWhite .right-side ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; opacity: 1; } .update-presse-contact .bgWhite .right-side :-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; } .update-presse-contact .captcha { width: 100%; float: left; } .update-presse-contact .captcha input, .update-presse-contact .captcha .error-message { width: 40%; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-presse-contact .captcha input, .update-presse-contact .captcha .error-message { float: left; } } @media screen and (max-width: 659px) { .update-presse-contact .captcha input, .update-presse-contact .captcha .error-message { width: 100%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-presse-contact .captcha input { width: 55%; } } .update-presse-contact .captcha .error-message { display: none; } .update-presse-contact .ui-selectmenu-button { width: 100% !important; } .update-presse-contact .ui-selectmenu-button .ui-selectmenu-text { margin-left: 0; } .update-presse-contact .button-submit { float: right; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .update-presse-contact .button-submit { margin-top: 20px; } } .update-details-archive .bgWhite { display: table; width: 100%; } @media screen and (min-width: 961px) { .update-details-archive header { padding: 0 20px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-details-archive header { padding: 20px 20px 0; } } @media screen and (max-width: 659px) { .update-details-archive header { padding: 20px 10px 0; } } .update-details-archive .content-details-arhive { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .update-details-archive .content-details-arhive .locator { padding: 20px 0 20px 20px; } } @media screen and (max-width: 659px) { .update-details-archive .content-details-arhive .locator { padding: 10px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .update-details-archive .textComponent { padding: 0 20px; } } .protoLegend { padding: 1em; width: 100%; float: left; margin-left: 0; margin-right: 0; } .protoLegend .icon-checkmark, .protoLegend .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .protoLegend .link-transfer.checked:before, .protoLegend .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .protoLegend .link-transfer.checked:before, .protoLegend .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .protoLegend .ui-checkboxradio-icon:before, .protoLegend .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .protoLegend .ui-checkboxradio-icon:before, .protoLegend .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .protoLegend .ui-checkboxradio-icon:before, .protoLegend #pickup-choose.checked, .protoLegend .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .protoLegend .ui-checkboxradio-icon:before { color: #01AF50; } .protoLegend .icon-arrow-c-right, .protoLegend .imageGalleryComponent .controls .nextBtn:before, .imageGalleryComponent .controls .protoLegend .nextBtn:before, .protoLegend .imageGalleryComponentSecond .controls .nextBtn:before, .imageGalleryComponentSecond .controls .protoLegend .nextBtn:before, .protoLegend .pictoService .controls .nextBtn:before, .pictoService .controls .protoLegend .nextBtn:before { color: #3399cc; } .protoLegend .icon-dot, .protoLegend .formVertical .formGroup .formRadio input[type=radio]:checked, .formVertical .formGroup .formRadio .protoLegend input[type=radio]:checked, .protoLegend .formVertical .formGroup .formRadioButtons .ui-state-active > .ui-checkboxradio-icon:before, .formVertical .formGroup .formRadioButtons .protoLegend .ui-state-active > .ui-checkboxradio-icon:before, .protoLegend .modFilter .radiobuttonlist .link-transfer.checked:before, .modFilter .radiobuttonlist .protoLegend .link-transfer.checked:before, .protoLegend .accordionAsModFilter .radiobuttonlist .link-transfer.checked:before, .accordionAsModFilter .radiobuttonlist .protoLegend .link-transfer.checked:before, .protoLegend .form1 .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .form1 .radiobuttongroup .protoLegend .ui-state-active > .ui-checkboxradio-icon:before, .protoLegend .order-form .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .order-form .radiobuttongroup .protoLegend .ui-state-active > .ui-checkboxradio-icon:before, .protoLegend .checkoutStep3 .sepaMandate .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .radiobuttongroup .protoLegend .ui-state-active > .ui-checkboxradio-icon:before, .protoLegend .mainSlider .mainControls .numericControls li:before, .mainSlider .mainControls .numericControls .protoLegend li:before, .protoLegend .checkoutReservation .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .checkoutReservation .radiobuttongroup .protoLegend .ui-state-active > .ui-checkboxradio-icon:before { color: #cccccc; } .protoTypes .icon-checkmark, .protoTypes .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .protoTypes .link-transfer.checked:before, .protoTypes .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .protoTypes .link-transfer.checked:before, .protoTypes .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .protoTypes .ui-checkboxradio-icon:before, .protoTypes .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .protoTypes .ui-checkboxradio-icon:before, .protoTypes .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .protoTypes .ui-checkboxradio-icon:before, .protoTypes #pickup-choose.checked, .protoTypes .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .protoTypes .ui-checkboxradio-icon:before { color: #01AF50; } .protoTypes .icon-arrow-c-right, .protoTypes .imageGalleryComponent .controls .nextBtn:before, .imageGalleryComponent .controls .protoTypes .nextBtn:before, .protoTypes .imageGalleryComponentSecond .controls .nextBtn:before, .imageGalleryComponentSecond .controls .protoTypes .nextBtn:before, .protoTypes .pictoService .controls .nextBtn:before, .pictoService .controls .protoTypes .nextBtn:before { color: #3399cc; } .protoTypes .icon-dot, .protoTypes .formVertical .formGroup .formRadio input[type=radio]:checked, .formVertical .formGroup .formRadio .protoTypes input[type=radio]:checked, .protoTypes .formVertical .formGroup .formRadioButtons .ui-state-active > .ui-checkboxradio-icon:before, .formVertical .formGroup .formRadioButtons .protoTypes .ui-state-active > .ui-checkboxradio-icon:before, .protoTypes .modFilter .radiobuttonlist .link-transfer.checked:before, .modFilter .radiobuttonlist .protoTypes .link-transfer.checked:before, .protoTypes .accordionAsModFilter .radiobuttonlist .link-transfer.checked:before, .accordionAsModFilter .radiobuttonlist .protoTypes .link-transfer.checked:before, .protoTypes .form1 .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .form1 .radiobuttongroup .protoTypes .ui-state-active > .ui-checkboxradio-icon:before, .protoTypes .order-form .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .order-form .radiobuttongroup .protoTypes .ui-state-active > .ui-checkboxradio-icon:before, .protoTypes .checkoutStep3 .sepaMandate .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .radiobuttongroup .protoTypes .ui-state-active > .ui-checkboxradio-icon:before, .protoTypes .mainSlider .mainControls .numericControls li:before, .mainSlider .mainControls .numericControls .protoTypes li:before, .protoTypes .checkoutReservation .radiobuttongroup .ui-state-active > .ui-checkboxradio-icon:before, .checkoutReservation .radiobuttongroup .protoTypes .ui-state-active > .ui-checkboxradio-icon:before { color: #cccccc; } .protoTypes .leading { border-right: 0 !important; } @media screen and (max-width: 659px), screen and (min-width: 660px) and (max-width: 960px) { .protoTypes { width: 100%; float: left; margin-left: 0; margin-right: 0; } .protoTypes:before, .protoTypes:after { content: ""; display: table; } .protoTypes:after { clear: both; } .protoTypes .filterWrapper { display: block !important; position: relative !important; } } .container-comparison { position: fixed; width: 300px; height: 100%; top: 0; float: right; right: -9999px; background: #FFFFFF; z-index: 95; opacity: 0; font-family: "tazregular", Helvetica, Arial, sans-serif; } .container-comparison .header-comparison { position: relative; width: 100%; height: 50px; color: #FFFFFF; background: #636363; } .container-comparison .header-comparison a, .container-comparison .header-comparison div { color: #FFFFFF; float: left; } .container-comparison .header-comparison .icon-title { padding: 17px 0.8em 17px 1.5em; } .container-comparison .header-comparison .text { text-align: left; padding: 15px 1.5em 0 0; } .container-comparison .header-comparison .close-container-comparison { position: relative; width: 50px; height: 50px; float: right; border-left: 1px solid #FFFFFF; } .container-comparison .header-comparison .close-container-comparison:before { position: absolute; width: 17px; height: 17px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .container-comparison .header-comparison .close-container-comparison:hover { cursor: pointer; } .container-comparison .info-message { width: 100%; display: inline-block; padding: 15px 1.5em 0; float: left; display: none; } .container-comparison .info-message div { display: inline; } .container-comparison .info-message div:first-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 11.11111%; float: left; text-align: left; } .container-comparison .info-message div:first-child:before { color: green; } .container-comparison .info-message div:last-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 88.88889%; float: left; } .container-comparison [class^="content-"] { display: none; position: relative; width: 100%; height: calc(100% - 150px); float: left; padding: 1.5em; overflow-y: auto; } .container-comparison [class^="content-"] [class^="product-for-"] { width: 100%; height: auto; margin-bottom: 1em; display: inline-block; } .container-comparison [class^="content-"] [class^="product-for-"] img { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; margin-top: 5px; } .container-comparison [class^="content-"] [class^="product-for-"] .description-product { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 66.66667%; float: left; padding-left: 10px; } .container-comparison [class^="content-"] [class^="product-for-"] .description-product .title-product { width: 100%; max-height: 40px; overflow: hidden; margin: 4px 0 2px 0; font-family: "tazbold", Helvetica, Arial, sans-serif; } .container-comparison [class^="content-"] [class^="product-for-"] .description-product .price { margin: 0 0 7px 0; } .container-comparison [class^="content-"] [class^="product-for-"] .delete-product { font-size: 14px; margin: 0; font-family: "tazregular", Helvetica, Arial, sans-serif; } .container-comparison [class^="content-"] [class^="product-for-"] .delete-product:before { font-size: 10px; padding-right: 8px; } .container-comparison [class^="content-"] [class^="product-for-"] .delete-product:hover { cursor: pointer; } .container-comparison .content-view { padding-top: 0; } .container-comparison .content-view .different-day { border-bottom: 1px solid #DADADA; } .container-comparison .content-view .different-day:last-child { border-bottom: none; } .container-comparison .content-view .different-day .section-header { font-size: 1.2em; } .container-comparison .content-view .delete-product { display: none; } .container-comparison .bottom { position: absolute; width: 100%; } @media screen and (min-width: 961px) { .container-comparison .bottom { bottom: 7px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .container-comparison .bottom { bottom: 4.2em; } } .container-comparison .bottom .link-all-productions-comparison, .container-comparison .bottom .link-all-product-shopping { position: relative; width: 100%; height: 50px; color: #FFFFFF; background: #EE1F26; padding: 15px 1.5em; } .container-comparison .bottom .link-all-productions-comparison:hover, .container-comparison .bottom .link-all-product-shopping:hover { cursor: pointer; } .container-comparison .bottom .link-all-productions-comparison div, .container-comparison .bottom .link-all-product-shopping div { height: 100%; float: left; text-align: left; } .container-comparison .bottom .link-all-productions-comparison div [class^="show-"], .container-comparison .bottom .link-all-product-shopping div [class^="show-"] { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 88.88889%; float: left; } .container-comparison .bottom .link-all-productions-comparison div:last-child, .container-comparison .bottom .link-all-product-shopping div:last-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 11.11111%; float: left; text-align: right; padding-top: 3px; } .container-comparison .bottom [class^="open-container-"] { position: relative; width: 50px; height: 50px; left: -50px; margin-top: 1px; background: #666666; visibility: hidden; display: none; } .container-comparison .bottom [class^="open-container-"]:hover { cursor: pointer; } .container-comparison .bottom [class^="open-container-"] [class^="icon-"] { padding: 14px; } .container-comparison .bottom [class^="open-container-"] [class^="icon-"]:before { color: white; font-size: 24px; } .container-comparison .bottom [class^="open-container-"] .count { font-size: .6em; padding: 2px 6px; background-color: #EE1F26; border-radius: 2em; position: absolute; top: 0; border: 2px solid #FFFFFF; margin: 2px 0 0 2px; color: #FFFFFF; } .container-comparison .bottom .button-back-shop { position: relative; width: 100%; height: 50px; padding: 15px 1.5em; background-color: #FFFFFF; } .container-comparison .bottom .button-back-shop:hover { cursor: pointer; } .container-comparison .bottom .button-back-shop div { display: inline; } .container-comparison .bottom .button-back-shop div:first-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 11.11111%; float: left; text-align: left; padding-top: 3px; margin-left: -3px; } .container-comparison .bottom .button-back-shop div:last-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 88.88889%; float: left; } .container-comparison .show-compare, .container-comparison .show-bookmark, .container-comparison .show-view { display: none; } .container-comparison .show-compare, .container-comparison .show-bookmark { cursor: pointer; } .comparison-page { font-family: "tazregular", Helvetica, Arial, sans-serif; } .comparison-page #lightBoxInfo { display: none; } @media screen and (max-width: 659px) { .comparison-page { display: none; } } .comparison-page .container-right, .comparison-page .container-columns-right { width: calc(100% - 12em); float: left; } .comparison-page .container-right .relatedProductsCarouselWrapper, .comparison-page .container-columns-right .relatedProductsCarouselWrapper { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .comparison-page .container-right .relatedProductsCarouselWrapper, .comparison-page .container-columns-right .relatedProductsCarouselWrapper { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 66.66667%; float: left; } } .comparison-page .container-right .relatedProductsCarouselWrapper .col, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .col { background-color: #dff0f7; } .comparison-page .container-right .relatedProductsCarouselWrapper .col.col-white, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .col.col-white { background-color: #FFF; } .comparison-page .container-right .relatedProductsCarouselWrapper .controls, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .controls { top: 34.5%; } .comparison-page .container-right .relatedProductsCarouselWrapper .controls a, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .controls a { width: 35px; height: 35px; padding: 8px; background-color: #636363; } .comparison-page .container-right .relatedProductsCarouselWrapper .controls a:before, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .controls a:before { width: 16px; height: 16px; color: #FFFFFF; } .comparison-page .container-right .relatedProductsCarouselWrapper .controls .nextBtn:before, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .controls .nextBtn:before { margin-left: 1px; } .comparison-page .container-right .relatedProductsCarouselWrapper [class^="dummy-"], .comparison-page .container-columns-right .relatedProductsCarouselWrapper [class^="dummy-"] { display: block; pointer-events: all; position: absolute; background-color: #DADADA; width: 35px; height: 35px; padding: 8px; z-index: 1; top: 34.5%; } .comparison-page .container-right .relatedProductsCarouselWrapper [class^="dummy-"]:hover, .comparison-page .container-columns-right .relatedProductsCarouselWrapper [class^="dummy-"]:hover { cursor: pointer; } .comparison-page .container-right .relatedProductsCarouselWrapper [class^="dummy-"]:before, .comparison-page .container-columns-right .relatedProductsCarouselWrapper [class^="dummy-"]:before { width: 16px; height: 16px; color: #FFFFFF; } .comparison-page .container-right .relatedProductsCarouselWrapper .dummy-left, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .dummy-left { left: 0; } .comparison-page .container-right .relatedProductsCarouselWrapper .dummy-right, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .dummy-right { right: 0; } .comparison-page .container-right .relatedProductsCarouselWrapper .dummy-right:before, .comparison-page .container-columns-right .relatedProductsCarouselWrapper .dummy-right:before { margin-left: 1px; } .comparison-page .container-right .relatedProductsCarousel-products .image-product .triangle, .comparison-page .container-columns-right .relatedProductsCarousel-products .image-product .triangle { border-color: transparent transparent #efefef transparent; } .comparison-page .sticky .title-column, .comparison-page .sticky .title-column { display: none; } .comparison-page .container-right > .add-product { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } .comparison-page .container-columns-right { border-bottom: 1px solid #DADADA; } .comparison-page .table-infos > .container-columns-right > .add-product-table { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } .comparison-page .container-right.sticky { position: fixed; z-index: 9999; max-width: 968px; margin: 0 auto; margin-left: 12em; background-color: #FFFFFF; } @media screen and (min-width: 961px) { .comparison-page .container-right.sticky { top: 5px; width: calc(100% - 14.5em); } } @media screen and (min-width: 660px) and (max-width: 960px) { .comparison-page .container-right.sticky { top: 0; } } .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .controls, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .dummy-left, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .dummy-right { top: 24.5% !important; } .comparison-page .container-right.sticky .info-product { height: auto; } .comparison-page .container-right.sticky .product-price { display: none; } .comparison-page .fixed-width.sticky { position: fixed; z-index: 9999; margin: 0 auto; } @media screen and (min-width: 961px) { .comparison-page .fixed-width.sticky { top: 5px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .comparison-page .fixed-width.sticky { top: 0; } } .comparison-page .column { position: relative; width: 100%; float: left; } .comparison-page .column.flex-width.slider-width-check { width: 242px; } .comparison-page .column .title-column { width: 100%; height: 70px; padding: 0.6em 1em; background-color: #EFEFEF; } .comparison-page .column .title-column .set-favorite:hover, .comparison-page .column .title-column .delete-product:hover { cursor: pointer; } .comparison-page .column .title-column div { width: 100%; display: inline-block; padding: 0.2em 0; } .comparison-page .column .title-column div .icon-star { float: left; font-size: 1.5em; margin: -0.15em 0.5em 0 0; color: #FFFFFF; } .comparison-page .column .title-column div .icon-plus { float: left; font-size: 1em; margin: 0.2em 0.5em 0 0; color: #636363; } .comparison-page .column .title-column div .icon-delete, .comparison-page .column .title-column div .productGridFilterElements ul.facet_block .remove_filter_item .action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .comparison-page .column .title-column div .action_remove, .comparison-page .column .title-column div .fancybox-close-txt:before { float: left; font-size: 0.8em; margin: 0.15em 1.4em 0 0.4em; } .comparison-page .column .title-column div .text { float: left; } .comparison-page .column .title-column div .text.delete { font-size: 0.8em; } .comparison-page .column .section-buttons { width: 100%; display: inline-block; padding: 0.4em 1em; } .comparison-page .column .section-buttons .button { width: 100%; display: inline-block; padding: 1em 0; } .comparison-page .column .section-buttons .button:first-child { padding-top: 0; } .comparison-page .column .section-buttons .button:hover { cursor: pointer; } .comparison-page .column .section-buttons .button a { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .comparison-page .column .section-buttons .button div { float: left; } .comparison-page .column .section-buttons .button div:first-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 16.66667%; float: left; } .comparison-page .column .section-buttons .button div:last-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 83.33333%; float: left; } .comparison-page .column .section-buttons .button div[class^="icon-"] { margin-top: 4px; font-size: 0.8em; } .comparison-page .column .compare-info-message { position: absolute; width: auto; bottom: 0; padding: 0.4em 0.5em; margin: 0 0.5em 0.25em; color: #FFFFFF; background-color: #3399cc; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .comparison-page .column .compare-info-message { margin: 0 0.5em 0.45em; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .comparison-page .column .compare-info-message { margin: 0 0.5em 0.45em; } } .comparison-page .column.fixed-width, .comparison-page .print-visible { width: 12em; background-color: #FFFFFF; } .comparison-page .column.fixed-width .title-column, .comparison-page .print-visible .title-column { font-size: 1.2em; } .comparison-page .print-visible { display: none; float: left; padding: 0.6em 1em; background: transparent; } .comparison-page .column.column-favorite.flex-width { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .comparison-page .column.column-favorite.flex-width { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; } } .comparison-page .column.column-favorite.flex-width .info-product { background-image: -webkit-radial-gradient(50% 50%, #efefef, #d6d8d7, #d6d8d7 185px); background-image: radial-gradient(185px at 50% 50%, #efefef, #d6d8d7, #d6d8d7 100%); height: 190px; } .comparison-page .column.column-favorite.flex-width .title-column { background-color: #DADADA; } .comparison-page .column.column-favorite.flex-width .title-column .icon-star { color: #636363; } .comparison-page .column.column-favorite.flex-width .title-column .set-favorite:hover { cursor: auto; } .comparison-page .container-product { position: relative; } .comparison-page .container-product .image-product { position: relative; display: block; } .comparison-page .container-product .image-product img { width: 100%; display: block; } .comparison-page .container-product .image-product a { position: relative; display: block; } .comparison-page .container-product .image-product .triangle { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #d6d6d6 transparent; position: absolute; left: 0; right: 0; bottom: -.1em; margin: auto; } .comparison-page .container-product .image-product span { position: absolute; min-width: 60px; color: #FFFFFF; text-align: center; margin-top: 10px; font-size: 16px; font-family: "tazbold"; z-index: 1; } @media screen and (max-width: 659px) { .comparison-page .container-product .image-product span { display: none; } } .comparison-page .container-product .image-product .overlay-red { width: 72px; background-color: #EE1F26; float: right; right: 0; padding: 3px 5px 5px 5px; margin-right: 10px; } .comparison-page .container-product .image-product .overlay-blue { background-color: #3399cc; float: left; padding: 3px 8px 5px 8px; margin-left: 10px; } .comparison-page .container-product .icon-plus-bg { position: absolute; width: 90px; height: 90px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; background-color: #EFEFEF; } .comparison-page .container-product .icon-plus-bg .icon-plus { position: absolute; width: 40px; height: 40px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; font-size: 40px; color: #DADADA; } .comparison-page .container-product .info-product { background-image: -webkit-radial-gradient(50% 50%, #efefef, #E6E6E6, #D0D0D0 185px); background-image: radial-gradient(185px at 50% 50%, #efefef 0%, #E6E6E6 60%, #D0D0D0 100%); height: 190px; padding: 1em; position: relative; } .comparison-page .container-product .info-product a { font-size: 1.1em; } .comparison-page .container-product .info-product a p { width: 100%; min-height: 45px; max-height: 45px; overflow: hidden; margin: 0; } .comparison-page .product-price { font-family: "tazregular", Helvetica, Arial, sans-serif; float: left; } .comparison-page .product-price .pricetag { display: inline-block; margin-top: 1em; padding: 0 2em 0 0; margin-top: 0; margin-right: 1em; margin-top: 5px; padding: 0 1em 0 0; float: left; } .comparison-page .product-price .pricetag.promotion { min-width: 72px; padding-left: 10px; background-color: #EE1F26; color: #FFFFFF; padding-right: 10px; margin-top: 3.2em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .comparison-page .product-price .pricetag.promotion { height: 68px; } } .comparison-page .product-price .pricetag.promotion .price { line-height: 1.4em; margin: 0; } .comparison-page .product-price .pricetag.promotion .no-discount { line-height: 1.7em; } .comparison-page .product-price .pricetag.power { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .comparison-page .product-price .pricetag.blockbuster { background: url(../img/blockbuster.png) bottom right; color: #FFFFFF; padding-right: 3.8em; padding-left: 1em; } .comparison-page .product-price .pricetag .price { font-size: 2.5em; line-height: 1.9em; } .comparison-page .product-price .pricetag .price .comma-values { font-size: .6em; position: absolute; margin-top: -0.18em; } .comparison-page .product-price .pricetag .price .priceFrom { font-size: .6em; } .comparison-page .product-price .pricetag .price .currency-sign { display: none; } .comparison-page .product-price .pricetag .price span { float: left; } .comparison-page .product-price .pricetag .comma-values { position: relative !important; line-height: inherit; } .comparison-page .product-price .pricetag .comma-values .dash-separate { position: absolute; top: 2px; font-size: 1.5em; } .comparison-page .product-price .pricetag .discount { display: block; position: relative; padding: 3px 0 0; margin-bottom: -10px; } .comparison-page .product-price .pricetag .price { display: block; margin-top: 8px; } .comparison-page .product-price .pricetag .crossed-out { text-decoration: line-through; } .comparison-page .product-price .promotion { margin-top: 0.7em !important; } .comparison-page .product-price .energyPicto { float: left; margin-top: 1em; } .comparison-page .product-price .price-subline { margin: 0; font-size: .8em; position: absolute; bottom: 1em; } .comparison-page .product-price.shorter { position: relative; float: left; min-height: 1.3em; } .comparison-page .product-price.shorter .price-subline { position: absolute; bottom: 0; } .comparison-page .product-price .categorySavedPrice { background-color: #FFE805; color: #636363; float: left; text-transform: uppercase; /* arrow code */ /* arrow code end*/ padding: .6em; position: relative; top: 5.5em; width: 4.6em; margin-left: 0; font-size: .7em; line-height: 1em; text-align: center; top: 2.3em; margin-left: 0.5em; } .comparison-page .product-price .categorySavedPrice:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #FFE805; border-width: 0.625em; margin-top: -0.625em; } @media screen and (max-width: 659px) { .comparison-page .product-price .categorySavedPrice { display: none; } } .comparison-page .table-infos { position: relative; width: 100%; float: left; padding-bottom: 3em; margin-top: -1px; } .comparison-page .table-infos .column-table { width: 100%; float: left; text-align: left; word-wrap: break-word; border-top: 1px solid #DADADA; } .comparison-page .table-infos .column-table .col.shortPrice { padding-bottom: 1.5em; padding-top: 1.5em; } .comparison-page .table-infos .column-table .col .product-price { padding: 0; } .comparison-page .table-infos .column-table .col .pricetag { width: auto; padding: 0 1em 0 0; border: none; } .comparison-page .table-infos .column-table .col .shorter .pricetag { margin-top: -.3em; } .comparison-page .table-infos .column-table .col .shorter .price-subline { bottom: -14px; } .comparison-page .table-infos .column-table .col .shorter .energyPicto { margin-top: .5em; } .comparison-page .table-infos .column-table .col .promotion { padding: 0 10px; } .comparison-page .table-infos .column-table .col .blockbuster { padding: 0 3.8em 0 1em; } .comparison-page .table-infos .column-table .col .categorySavedPrice { width: 4.6em; border: none; padding: 0.6em; top: 15px; } .comparison-page .table-infos .column-table div { padding: .6em 1em; width: 100%; float: left; border-bottom: 1px solid #DADADA; box-sizing: border-box; } .comparison-page .table-infos .column-table div.reservationBox { padding: .6em .4em; } .comparison-page .table-infos .column-table div.buyOptions { padding: 0; } .comparison-page .table-infos .column-table div img { width: 40px; height: 40px; float: left; margin-right: 1.5em; } .comparison-page .table-infos .column-table div:last-child { border-bottom: none; } .comparison-page .table-infos .column-table .light-blue { background-color: #dff0f7; } .comparison-page .table-infos .column-table .pdf-product { width: 100%; float: left; padding-top: .6em; padding-bottom: .6em; display: block; } .comparison-page .table-infos .column-table .pdf-product span { float: left; } .comparison-page .table-infos .column-table .pdf-product:before { font-size: 1.6em; float: left; margin: 0 .3em 0 0; } .comparison-page .table-infos .column-table .set-product-list { width: 100%; float: left; display: block; } .comparison-page .table-infos .column-table .set-product-list span { float: left; } .comparison-page .table-infos .column-table .set-product-list li { color: #636363; margin-bottom: 0; } .comparison-page .table-infos .column-table .set-product-list li.setComponent { margin-bottom: 1em; } .comparison-page .table-infos .column-table .set-product-list .setComponent { margin: 0.3em 0.5em 0 0; } .comparison-page .table-infos .column-table .set-product-list .setComponent span { display: block; float: left; } .comparison-page .table-infos .column-table .set-product-list .setComponent span:before { margin: 0 .5em 0 0; } .comparison-page .table-infos .column-table .buyoptions-box { height: 3.5em; position: relative; padding: 0; width: 100%; float: left; margin-left: 0; margin-right: 0; background-color: #FFFFFF; } .comparison-page .table-infos .column-table .buyoptions-box:first-child { margin-bottom: 10px; } @media screen and (max-width: 659px) { .comparison-page .table-infos .column-table .buyoptions-box { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; } .comparison-page .table-infos .column-table .buyoptions-box:last-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; } } @media screen and (max-width: 659px) { .comparison-page .table-infos .column-table .buyoptions-box.onlineOrder { margin-bottom: .8em; } } .comparison-page .table-infos .column-table .buyoptions-box .wrap { display: none; position: relative; padding: .5em; margin-top: 3.5em; border-bottom: none; } .comparison-page .table-infos .column-table .buyoptions-box .stock-status { padding: 0 0 .5em 0; margin: 0; } .comparison-page .table-infos .column-table .buyoptions-box .fc-setup-status.clip { display: none; margin: 0; padding: 0; } .comparison-page .table-infos .column-table .buyoptions-box .stock-status span { position: relative; padding-left: 1.8em; padding-right: 2em; display: block; } .comparison-page .table-infos .column-table .buyoptions-box .stock-status span:before { position: absolute; font-size: 1.4em; margin: -.1em -1.2em; } .comparison-page .table-infos .column-table .buyoptions-box .stock-status span.red { color: #ed1b24; } .comparison-page .table-infos .column-table .buyoptions-box .stock-status span.yellow { color: #F09600; } .comparison-page .table-infos .column-table .buyoptions-box .stock-status span.green { color: #5A8C1E; } .comparison-page .table-infos .column-table .buyoptions-box .stock-status span.gray { color: #636363; } .comparison-page .table-infos .column-table .buyoptions-box .buttonRs, .comparison-page .table-infos .column-table .buyoptions-box button { border: 0; width: 100%; text-align: center; padding: 1.2em 0; float: left; position: absolute; bottom: 0; left: 0; color: #FFFFFF; } .comparison-page .table-infos .column-table .buyoptions-box .buttonRs span, .comparison-page .table-infos .column-table .buyoptions-box button span { color: #FFFFFF; } .comparison-page .table-infos .column-table .buyoptions-box .buttonRs.active, .comparison-page .table-infos .column-table .buyoptions-box .buttonRs.reserve, .comparison-page .table-infos .column-table .buyoptions-box button.active, .comparison-page .table-infos .column-table .buyoptions-box button.reserve { background-color: #EE1F26; } .comparison-page .table-infos .column-table .buyoptions-box .buttonRs.gray, .comparison-page .table-infos .column-table .buyoptions-box button.gray { background-color: #636363; } .comparison-page .table-infos .column-table .buyoptions-box .buttonRs.disabled, .comparison-page .table-infos .column-table .buyoptions-box button.disabled { background-color: #DADADA; cursor: default; } .comparison-page .table-infos .column-table .buyoptions-box .buttonRs.not-available, .comparison-page .table-infos .column-table .buyoptions-box button.not-available { background-color: #DADADA; cursor: default; } .comparison-page .table-infos .column-table .buyoptions-box .delivery-status, .comparison-page .table-infos .column-table .buyoptions-box .price-info, .comparison-page .table-infos .column-table .buyoptions-box .long-text, .comparison-page .table-infos .column-table .buyoptions-box .fc-status { font-size: .9em; color: #666666; margin: 0; padding: 0; padding-left: 0; } .comparison-page .table-infos .column-table .buyoptions-box .info { display: none; position: absolute; right: .5em; top: 0.4 0.1em; z-index: 9; } .comparison-page .table-infos .column-table .buyoptions-box .info:before { color: #636363; } .comparison-page .table-infos .column-table.flex-width { border-right: 1px solid #DADADA; } .comparison-page .table-infos .column-table.flex-width .print-hidden { background-color: #EFEFEF; } .comparison-page .table-infos .column-table.add-product-table .print-hidden { background-color: #FFFFFF; } .comparison-page .table-infos .column-table.column-titles { width: 12em; font-family: "tazbold"; } .comparison-page .table-infos .column-table.column-titles .print-hidden { border-bottom: none; } .comparison-page .table-infos .column-infos-favorite { background-color: #EFEFEF; border-left: 1px solid #DADADA; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; } @media screen and (min-width: 660px) and (max-width: 960px) { .comparison-page .table-infos .column-infos-favorite { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; } } .comparison-page .table-infos .hidden-controls { display: none !important; } .comparison-page .title-print { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0.6em 1em; background-color: #FFFFFF; display: none; } .comparison-page .title-print h1 { float: left; margin-top: 15px; } .comparison-page .title-print .print-img { float: right; } .container-s-view { margin: 0 0.625em; text-align: left; } .container-s-view img { width: 100%; margin: 2em 0; } .container-s-view .primary-button { padding: 1.2em 0; float: left; width: 10em; text-align: center; } .container-s-view .primary-button:hover { color: #FFFFFF; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px), print and (min-width: 161px) { .container-s-view { display: none; } } @media screen and (max-width: 659px) { .container-s-view { display: block; } } #lightBoxDeleteAllProducts, #buyProduct { display: none; position: relative; width: 600px; } .lightBoxContainer, .buyProductContainer { position: relative; width: 600px; padding: 5px; } .lightBoxContainer .fancybox-close-txt, .buyProductContainer .fancybox-close-txt { position: relative; width: 100%; } .lightBoxContainer .fancybox-close-txt:before, .buyProductContainer .fancybox-close-txt:before { float: right; } .lightBoxContainer .icon-checkmark, .lightBoxContainer .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .lightBoxContainer .link-transfer.checked:before, .lightBoxContainer .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .lightBoxContainer .link-transfer.checked:before, .lightBoxContainer .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .lightBoxContainer .ui-checkboxradio-icon:before, .lightBoxContainer .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .lightBoxContainer .ui-checkboxradio-icon:before, .lightBoxContainer .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .lightBoxContainer .ui-checkboxradio-icon:before, .lightBoxContainer #pickup-choose.checked, .lightBoxContainer .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .lightBoxContainer .ui-checkboxradio-icon:before, .buyProductContainer .icon-checkmark, .buyProductContainer .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .buyProductContainer .link-transfer.checked:before, .buyProductContainer .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .buyProductContainer .link-transfer.checked:before, .buyProductContainer .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .buyProductContainer .ui-checkboxradio-icon:before, .buyProductContainer .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .buyProductContainer .ui-checkboxradio-icon:before, .buyProductContainer .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .buyProductContainer .ui-checkboxradio-icon:before, .buyProductContainer #pickup-choose.checked, .buyProductContainer .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .buyProductContainer .ui-checkboxradio-icon:before { color: #01AF50; } .lightBoxContainer .buttons, .buyProductContainer .buttons { margin-top: 3em; } .lightBoxContainer .buttons a:hover, .buyProductContainer .buttons a:hover { cursor: pointer; } @media screen and (max-width: 659px) { .s-hidden { display: none; } } /* Print CSS START */ @media print and (min-width: 161px) { body, .page { width: 977px !important; background-color: #FFFFFF; } .comparison-page { width: 100% !important; } .comparison-page .container-right, .comparison-page .container-right.sticky { height: 418px !important; position: relative; margin-left: 0; } .comparison-page .container-right .info-product, .comparison-page .container-right.sticky .info-product { display: block !important; height: 11em !important; } .comparison-page .container-right .relatedProductsCarouselWrapper, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper { width: 588px !important; height: 418px !important; } .comparison-page .container-right .relatedProductsCarouselWrapper .slidesContainer, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .slidesContainer { width: auto !important; height: 418px !important; } .comparison-page .container-right .relatedProductsCarouselWrapper .slide, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .slide { width: 196px !important; height: 418px !important; float: left !important; } .comparison-page .container-right .relatedProductsCarouselWrapper .slide .image-product, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .slide .image-product { width: 196px !important; } .comparison-page .container-right .relatedProductsCarouselWrapper .slide .image-product img, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .slide .image-product img { width: 196px !important; } .comparison-page .container-right .relatedProductsCarouselWrapper .slide .info-product, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .slide .info-product { display: block !important; height: 11em !important; } .comparison-page .container-right .relatedProductsCarouselWrapper .slide .info-product .product-price, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .slide .info-product .product-price { display: block !important; } .comparison-page .container-right .relatedProductsCarouselWrapper .slide:last-child, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .slide:last-child { display: none !important; } .comparison-page .container-right .relatedProductsCarouselWrapper .controls, .comparison-page .container-right .relatedProductsCarouselWrapper .dummy-left, .comparison-page .container-right .relatedProductsCarouselWrapper .dummy-right, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .controls, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .dummy-left, .comparison-page .container-right.sticky .relatedProductsCarouselWrapper .dummy-right { display: none !important; } .comparison-page .container-right .product-price, .comparison-page .container-right.sticky .product-price { display: block !important; } .comparison-page .fixed-width.sticky { position: relative; } .comparison-page .sticky .title-column { display: block !important; } .headerWrapper, .footer, .modBreadcrumbNavigation, .skinContentCompact, .delete-product, .static.fixed-width, .print-hidden { display: none !important; } .title-column { height: 45px !important; } .print-visible, .title-print { display: block !important; } .container-columns-right { border-bottom: none !important; } .container-columns-right .relatedProductsCarousel-table-infos .slidesContainer { width: auto !important; } .container-columns-right .relatedProductsCarousel-table-infos .slide { width: 196px !important; } .container-columns-right .relatedProductsCarousel-table-infos .slide:last-child { display: none !important; } .table-infos { margin-top: 0 !important; } .table-infos .column-table.fixed-width { border-left: 1px solid #DADADA !important; } } /* Print CSS END */ @media screen and (min-width: 961px) { .comparison-delete-lightbox .lightBoxContainer { width: 600px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .comparison-delete-lightbox .lightBoxContainer { width: 500px; } } @media screen and (max-width: 659px) { .comparison-delete-lightbox .lightBoxContainer { padding: 5px 30px 5px 5px; } } .comparison-delete-lightbox .lightBoxContainer h2 { margin-top: -6px; } .comparison-delete-lightbox .lightBoxContainer p { margin-bottom: 40px; } @media screen and (max-width: 659px) { .comparison-delete-lightbox .lightBoxContainer .button { position: relative; width: 100%; padding: 24px; } .comparison-delete-lightbox .lightBoxContainer .button:last-child { margin-top: 20px; } } .info-product.bold, .modBreadcrumbNavigation .locator .info-product.txt, .fachcentrumSearchPage .info-product.strong { position: absolute; height: 180px; } .static.sticky .column-favorite { height: auto !important; } .static.sticky .info-product { height: auto !important; } @media screen and (min-width: 961px) { .column-favorite.flex-width { width: 25% !important; height: inherit !important; } } .buyProductContainer .icon-checkmark, .buyProductContainer .modFilter .checkboxlist .link-transfer.checked:before, .modFilter .checkboxlist .buyProductContainer .link-transfer.checked:before, .buyProductContainer .accordionAsModFilter .checkboxlist .link-transfer.checked:before, .accordionAsModFilter .checkboxlist .buyProductContainer .link-transfer.checked:before, .buyProductContainer .form1 .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .form1 .checkboxgroup .ui-state-active .buyProductContainer .ui-checkboxradio-icon:before, .buyProductContainer .order-form .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .order-form .checkboxgroup .ui-state-active .buyProductContainer .ui-checkboxradio-icon:before, .buyProductContainer .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .checkoutStep3 .sepaMandate .checkboxgroup .ui-state-active .buyProductContainer .ui-checkboxradio-icon:before, .buyProductContainer #pickup-choose.checked, .buyProductContainer .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .ui-checkboxradio-icon:before, .eventRegister form.formVertical fieldset.newsletter .checkboxgroup .ui-state-active .buyProductContainer .ui-checkboxradio-icon:before { color: #008000; font-size: 1.5em; } .buyProductContainer h2 { display: flex; margin-top: 0; padding-right: 1em; } .buyProductContainer .message { padding-left: 46px; } .buyProductContainer .confirmation-title { padding-left: 10px; } .delete-product span { font-size: 0.8em; margin-left: .5em; } .delete-product span:before { font-size: 11px; } .delete-product span.text { margin-left: 1.2em; } #dummyProduct .col { background-color: #FFF; } @media screen and (max-width: 659px) { .productCompareMask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; z-index: 9999; } } @media screen and (min-width: 660px) and (max-width: 960px), screen and (min-width: 961px) { .productCompareMask { display: none !important; } } @media print and (min-width: 161px) { .pdf-product { word-break: break-all; } } .bookmark-page { padding-bottom: 1.25em; font-family: "tazregular", Helvetica, Arial, sans-serif; } .bookmark-page #lightBoxDeleteAllProductsBookmark, .bookmark-page #lightBoxInfo { display: none; } .bookmark-page .cartTitle { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 35px 0 20px 20px; position: relative; } @media screen and (max-width: 659px) { .bookmark-page .cartTitle { padding-left: 0.7em; } } .bookmark-page .cartTitle h1 { float: left; } @media screen and (max-width: 659px) { .bookmark-page .cartTitle h1 { padding-top: 10px; } } .bookmark-page .cartTitle .products-num { float: left; } @media screen and (min-width: 961px) { .bookmark-page .cartTitle .products-num { padding-top: 12px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .cartTitle .products-num { padding-top: 12px; } } @media screen and (max-width: 659px) { .bookmark-page .cartTitle .products-num { padding-top: 12px !important; } } .bookmark-page .cartTitle .serviceButtons { float: right; } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .cartTitle .serviceButtons { width: auto; margin-right: 0; } .bookmark-page .cartTitle .serviceButtons li { margin-right: 0.05em; } } @media screen and (max-width: 659px) { .bookmark-page .cartTitle .serviceButtons { width: auto; display: block; padding-bottom: 0; margin-right: 0.7em; } .bookmark-page .cartTitle .serviceButtons ul { display: none; } } .bookmark-page .cartTitle .serviceButtons a.empty-list { padding: 0.75em 0; margin: 0 1em 0; font-family: "tazregular"; } @media screen and (max-width: 659px) { .bookmark-page .cartTitle .serviceButtons a.empty-list { margin: 0; } } .bookmark-page .cartTitle .serviceButtons a.empty-list span { margin: 0; } @media screen and (max-width: 659px) { .bookmark-page .cartTitle .serviceButtons a.empty-list span:first-child { display: none; } } @media screen and (max-width: 659px) { .bookmark-page .cartTitle .serviceButtons a.empty-list span:last-child { text-transform: capitalize; font-family: "tazbold"; } } .bookmark-page .cartTitle .serviceButtons a.empty-list:hover { cursor: pointer; } .bookmark-page .cartTitle .serviceButtons a.icon-delete:before, .bookmark-page .cartTitle .serviceButtons .productGridFilterElements ul.facet_block .remove_filter_item a.action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .bookmark-page .cartTitle .serviceButtons a.action_remove:before, .bookmark-page .cartTitle .serviceButtons a.fancybox-close-txt:before { font-size: 0.8em; margin-right: 6px; } .bookmark-page .cartTitle .serviceButtons a, .bookmark-page .cartTitle .serviceButtons ul { float: left; } .bookmark-page .print-visible { display: none; } .bookmark-page .print-visible img { float: right; } .bookmark-page .bookmark-cart { margin-bottom: 0; } .bookmark-page .bookmark-cart .row { display: inline; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .bookmark-cart .col-product { width: 55%; margin-bottom: 1.2em; } } @media screen and (max-width: 659px) { .bookmark-page .bookmark-cart .col-product { width: 100%; } } .bookmark-page .bookmark-cart .col-price-header { width: 16%; } .bookmark-page .bookmark-cart .col-amount-header { width: 13%; text-align: center; } .bookmark-page .bookmark-cart .col-amount-header p { margin-right: 0; float: none; } .bookmark-page .bookmark-cart .col-total-header { width: 16%; } .bookmark-page .delete { margin-top: 0.1em; } .bookmark-page .delete .icon-delete, .bookmark-page .delete .productGridFilterElements ul.facet_block .remove_filter_item .action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .bookmark-page .delete .action_remove, .bookmark-page .delete .fancybox-close-txt:before { font-family: "tazregular"; } .bookmark-page .checkboxlist.compare-checkbox { height: 20px; line-height: 24px; float: left; } .bookmark-page .checkboxlist.compare-checkbox [class^="icon-"] { float: left; font-size: 14px; font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; } .bookmark-page .checkboxlist.compare-checkbox [class^="icon-"]:before { padding: 0; margin-right: 0.5em; color: #EFEFEF; } .bookmark-page .checkboxlist.compare-checkbox [class^="icon-"]:hover { cursor: pointer; } .bookmark-page .checkboxlist.compare-checkbox [class^="icon-"].checked { font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; } .bookmark-page .checkboxlist.compare-checkbox [class^="icon-"].checked:before { padding: 0; margin-right: 0.5em; color: #B41821; } .bookmark-page .checkboxlist.compare-checkbox [class^="icon-"].checked:hover { cursor: pointer; } .bookmark-page .checkboxlist.compare-checkbox a { float: left; font-size: 14px; font-weight: normal !important; } @media screen and (max-width: 659px) { .bookmark-page .checkboxlist.compare-checkbox { display: block; float: none; } } .bookmark-page .displayTable { margin-bottom: 0; } .bookmark-page .displayTable .product-parent { border-bottom: 2px solid #EFEFEF; padding-bottom: 2.5em; margin-bottom: 2.5em; } .bookmark-page .displayTable .product-parent:last-child { border: none; } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent { margin-bottom: 2.5em; } } .bookmark-page .displayTable .product-parent .col-image { min-height: 7em; vertical-align: top; } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .displayTable .product-parent .col-image { width: auto; float: left; } } .bookmark-page .displayTable .product-parent .col-image a { float: left; } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent .col-image a { display: block; float: none; } } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent .col-image a img { margin: 0; } } .bookmark-page .displayTable .product-parent .col-image .content-del-mark .delete { text-align: left; margin-top: 0.1em; } .bookmark-page .displayTable .product-parent .col-image .content-del-mark .delete .icon-delete:before, .bookmark-page .displayTable .product-parent .col-image .content-del-mark .delete .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .bookmark-page .displayTable .product-parent .col-image .content-del-mark .delete .action_remove:before, .bookmark-page .displayTable .product-parent .col-image .content-del-mark .delete .fancybox-close-txt:before { padding-left: 1px; padding-right: 10px; } @media screen and (min-width: 961px) { .bookmark-page .displayTable .product-parent .col-product-subRight { width: 55%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .displayTable .product-parent .col-product-subRight { width: 55%; } } .bookmark-page .displayTable .product-parent .section-buttons { width: 44%; float: right; padding: 10px; margin-right: 7px; background-color: #EFEFEF; } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .displayTable .product-parent .section-buttons { width: 98%; margin: 2em 1% 0 1%; } } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent .section-buttons { display: none; width: 100%; margin: 0; } } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box { /* For Example */ height: auto; min-height: 10em; position: relative; padding: 0; background-color: #FFFFFF; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box:first-child { float: left; } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box:first-child { margin: 0; } } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box:last-child { float: right; } @media screen and (min-width: 961px) { .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box { width: 49%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box { width: 49.3%; } } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 0; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box:last-child { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; } } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.onlineOrder { margin-bottom: .8em; } } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.onlineOrder .stock-status span:before { position: absolute; font-size: 1.4em; margin: -.1em -1.2em; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct { float: right; } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct { margin-bottom: .8em; } } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box.reserveProduct .stock-status span:before { position: absolute; font-size: 1.4em; margin: -.1em -1.2em; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .wrap { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; position: relative; padding: .5em; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .wrap .edit-adresse { cursor: pointer; font-family: "tazregular"; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .stock-status { padding: 0 0 .5em 0; margin: 0; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .stock-status span { position: relative; padding-left: 1.8em; padding-right: 1.2em; display: block; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .stock-status span.red { color: #ed1b24; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .stock-status span.yellow { color: #F09600; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .stock-status span.green { color: #5A8C1E; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .stock-status span.gray { color: #636363; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .stock-status span.orange { color: #F09600; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .buttonRs, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box button { border: 0; width: 100%; text-align: center; padding: 1.2em 0; float: left; bottom: 0; left: 0; color: #FFFFFF; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .buttonRs span, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box button span { color: #FFFFFF; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .buttonRs.active, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .buttonRs.reserve, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box button.active, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box button.reserve { background-color: #EE1F26; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .buttonRs.gray, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box button.gray { background-color: #636363; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .buttonRs.disabled, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box button.disabled { background-color: #DADADA; cursor: default; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .buttonRs.not-available, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box button.not-available { background-color: #DADADA; cursor: default; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .delivery-status, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .price-info, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .long-text, .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .fc-status { font-size: .9em; color: #666666; margin: 0; padding: 0; padding-left: 2em; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .info { position: absolute; right: .5em; top: .5em; z-index: 9; padding-top: 3.5em; } .bookmark-page .displayTable .product-parent .section-buttons .buyoptions-box .info:before { color: #636363; } .bookmark-page .displayTable .product-parent .section-buttons .fullWidth { width: 100%; } .bookmark-page .displayTable .product-parent .productTable-right { display: block; } .bookmark-page .displayTable .product-parent .productTable-right .productInfo { min-width: 100px; position: relative; padding-left: 1.1em; } .bookmark-page .displayTable .product-parent .productTable-right .productInfo .name { margin-top: 0.6em; } @media screen and (min-width: 961px) { .bookmark-page .displayTable .product-parent .productTable-right .productInfo { min-height: 7em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .displayTable .product-parent .productTable-right .productInfo { min-height: 7.8em; } } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent .productTable-right { width: 100%; float: left; padding: 0 10px; } .bookmark-page .displayTable .product-parent .productTable-right .l-m-view { display: none; } } .bookmark-page .displayTable .product-parent .productTable-right .no.fs-m3, .bookmark-page .displayTable .product-parent .productTable-right .seoW p.no, .seoW .bookmark-page .displayTable .product-parent .productTable-right p.no, .bookmark-page .displayTable .product-parent .productTable-right .no.accordTitle, .bookmark-page .displayTable .product-parent .productTable-right .no.stP0, .bookmark-page .displayTable .product-parent .productTable-right .no.stP01, .bookmark-page .displayTable .product-parent .productTable-right .no.stP, .bookmark-page .displayTable .product-parent .productTable-right .no.stP2, .bookmark-page .displayTable .product-parent .productTable-right .no.stP3, .bookmark-page .displayTable .product-parent .productTable-right .no.msgT1, .bookmark-page .displayTable .product-parent .productTable-right .form1 label.no, .form1 .bookmark-page .displayTable .product-parent .productTable-right label.no, .bookmark-page .displayTable .product-parent .productTable-right .order-form label.no, .order-form .bookmark-page .displayTable .product-parent .productTable-right label.no, .bookmark-page .displayTable .product-parent .productTable-right .checkoutStep3 .sepaMandate label.no, .checkoutStep3 .sepaMandate .bookmark-page .displayTable .product-parent .productTable-right label.no, .bookmark-page .displayTable .product-parent .productTable-right .form1 .no.txtAsLabel, .form1 .bookmark-page .displayTable .product-parent .productTable-right .no.txtAsLabel, .bookmark-page .displayTable .product-parent .productTable-right .order-form .no.txtAsLabel, .order-form .bookmark-page .displayTable .product-parent .productTable-right .no.txtAsLabel, .bookmark-page .displayTable .product-parent .productTable-right .checkoutStep3 .sepaMandate .no.txtAsLabel, .checkoutStep3 .sepaMandate .bookmark-page .displayTable .product-parent .productTable-right .no.txtAsLabel, .bookmark-page .displayTable .product-parent .productTable-right .form1 .no.valAsLabel, .form1 .bookmark-page .displayTable .product-parent .productTable-right .no.valAsLabel, .bookmark-page .displayTable .product-parent .productTable-right .order-form .no.valAsLabel, .order-form .bookmark-page .displayTable .product-parent .productTable-right .no.valAsLabel, .bookmark-page .displayTable .product-parent .productTable-right .checkoutStep3 .sepaMandate .no.valAsLabel, .checkoutStep3 .sepaMandate .bookmark-page .displayTable .product-parent .productTable-right .no.valAsLabel, .bookmark-page .displayTable .product-parent .productTable-right .no.st1 { margin: 10px 0 0; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.l-m-view { margin-top: 1.1em; width: 100%; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.l-m-view .del2 { margin: 0; } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark { margin-bottom: 0; } } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view { padding: 0; float: left; min-width: 174px; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view [class^="icon-"] { min-height: 20px; float: left; font-size: 16px; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view [class^="icon-"]:before { font-size: 10px; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view [class^="icon-arrow-"] { float: none; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info { width: 20%; padding-left: 1.1em; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info [class^="col-"] { width: 20%; float: none; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .floatLeft, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .service-nav, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-nav, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .main-content, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .main-content, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .float-left, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .float-left, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2, .skinContentRental .rates .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .size1of2 { padding-left: 0; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .floatLeft p, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .service-nav p, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-nav p, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .main-content p, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .main-content p, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .float-left p, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .float-left p, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 p, .skinContentRental .rates .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .size1of2 p { float: right; text-align: right; padding: 0; margin: 0 0 2.5em 0; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .floatLeft span.total-price, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .service-nav span.total-price, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-nav span.total-price, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .main-content span.total-price, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .main-content span.total-price, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .float-left span.total-price, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .float-left span.total-price, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 span.total-price, .skinContentRental .rates .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .size1of2 span.total-price { margin: 0; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .floatLeft .price, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .service-nav .price, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-nav .price, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .main-content .price, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .main-content .price, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .float-left .price, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .float-left .price, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 .price, .skinContentRental .rates .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .size1of2 .price, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .floatLeft .amount, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .service-nav .amount, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-nav .amount, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .main-content .amount, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .main-content .amount, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .float-left .amount, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .float-left .amount, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 .amount, .skinContentRental .rates .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .size1of2 .amount, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .floatLeft .total, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .service-nav .total, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-nav .total, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .main-content .total, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .main-content .total, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .service-content .float-left .total, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .float-left .total, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 .total, .skinContentRental .rates .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info .size1of2 .total { display: block; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info:last-child .floatLeft, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info:last-child .service-content .service-nav, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info:last-child .service-nav, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info:last-child .service-content .main-content, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info:last-child .main-content, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info:last-child .service-content .float-left, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info:last-child .float-left, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info:last-child .skinContentRental .rates .size1of2, .skinContentRental .rates .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info:last-child .size1of2 { float: right; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info.second { width: 24%; float: right; padding-left: 0; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info.second .floatLeft, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info.second .service-content .service-nav, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info.second .service-nav, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info.second .service-content .main-content, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info.second .main-content, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info.second .service-content .float-left, .service-content .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info.second .float-left, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info.second .skinContentRental .rates .size1of2, .skinContentRental .rates .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .price-info.second .size1of2 { width: 100%; float: left; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .delete, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .checkboxlist, .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .product-label { display: block; float: none; margin-top: 0; margin-right: 0; font-size: 16px; } .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view .product-label { margin: 0 0 2em 0; } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent .productTable-right .content-del-mark.s-view.second { float: none; } } .bookmark-page .displayTable .product-parent .open-buttons { font-size: 16px; margin: 2em 0; font-family: "tazregular"; } .bookmark-page .displayTable .product-parent .open-buttons:before { margin-top: 2px; font-size: 11px; } .bookmark-page .displayTable .product-parent .open-buttons:hover { cursor: pointer; } @media screen and (min-width: 961px) { .bookmark-page .displayTable .product-parent .col-price { width: 16%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .displayTable .product-parent .col-price { width: 16%; } } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent .col-price { width: 70%; } } .bookmark-page .displayTable .product-parent .col-price p { margin-top: 0.85em; } @media screen and (min-width: 961px) { .bookmark-page .displayTable .product-parent .col-price p { margin-right: 0.8em; } } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .displayTable .product-parent .col-price p { margin-right: 0.7em; } } .bookmark-page .displayTable .product-parent .col-amount { text-align: center; } @media screen and (min-width: 961px) { .bookmark-page .displayTable .product-parent .col-amount { width: 13%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .displayTable .product-parent .col-amount { width: 13%; } } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent .col-amount { width: 70%; } } .bookmark-page .displayTable .product-parent .col-amount p { float: none; } @media screen and (min-width: 961px) { .bookmark-page .displayTable .product-parent .col-total { width: 16%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .displayTable .product-parent .col-total { width: 16%; } } @media screen and (max-width: 659px) { .bookmark-page .displayTable .product-parent .col-total { width: 70%; } } .bookmark-page .displayTable .product-parent .col-total .fs-m3, .bookmark-page .displayTable .product-parent .col-total .seoW p, .seoW .bookmark-page .displayTable .product-parent .col-total p, .bookmark-page .displayTable .product-parent .col-total .accordTitle, .bookmark-page .displayTable .product-parent .col-total .stP0, .bookmark-page .displayTable .product-parent .col-total .stP01, .bookmark-page .displayTable .product-parent .col-total .stP, .bookmark-page .displayTable .product-parent .col-total .stP2, .bookmark-page .displayTable .product-parent .col-total .stP3, .bookmark-page .displayTable .product-parent .col-total .msgT1, .bookmark-page .displayTable .product-parent .col-total .form1 label, .form1 .bookmark-page .displayTable .product-parent .col-total label, .bookmark-page .displayTable .product-parent .col-total .order-form label, .order-form .bookmark-page .displayTable .product-parent .col-total label, .bookmark-page .displayTable .product-parent .col-total .checkoutStep3 .sepaMandate label, .checkoutStep3 .sepaMandate .bookmark-page .displayTable .product-parent .col-total label, .bookmark-page .displayTable .product-parent .col-total .form1 .txtAsLabel, .form1 .bookmark-page .displayTable .product-parent .col-total .txtAsLabel, .bookmark-page .displayTable .product-parent .col-total .order-form .txtAsLabel, .order-form .bookmark-page .displayTable .product-parent .col-total .txtAsLabel, .bookmark-page .displayTable .product-parent .col-total .checkoutStep3 .sepaMandate .txtAsLabel, .checkoutStep3 .sepaMandate .bookmark-page .displayTable .product-parent .col-total .txtAsLabel, .bookmark-page .displayTable .product-parent .col-total .form1 .valAsLabel, .form1 .bookmark-page .displayTable .product-parent .col-total .valAsLabel, .bookmark-page .displayTable .product-parent .col-total .order-form .valAsLabel, .order-form .bookmark-page .displayTable .product-parent .col-total .valAsLabel, .bookmark-page .displayTable .product-parent .col-total .checkoutStep3 .sepaMandate .valAsLabel, .checkoutStep3 .sepaMandate .bookmark-page .displayTable .product-parent .col-total .valAsLabel, .bookmark-page .displayTable .product-parent .col-total .st1 { margin-right: 0.5em; margin-top: 0.85em; } .bookmark-page .cartTotalSummary { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; } .bookmark-page .cartTotalSummary .amount { margin-top: 0; } .bookmark-page .cartTotalSummary .leftSide { width: 70%; } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .cartTotalSummary .leftSide { width: 50%; } } .bookmark-page .cartTotalSummary .leftSide .textMiddlesubtotal { padding-right: 0.9em; } .bookmark-page .cartTotalSummary .rightSide { width: 30%; padding-right: 0.7em; } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .cartTotalSummary .rightSide { width: 50%; } } .bookmark-page .hint-message { padding: 10px; float: left; color: #FFFFFF; background-color: #3399cc; margin-top: 1em; } .bookmark-page .hint-message span { /*text-transform: capitalize; This property gets broken bookmark.alternative.products.category */ } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .hint-message { margin: 2.5em 0 0; } } @media screen and (max-width: 659px) { .bookmark-page .hint-message.l-m-view { display: none; } } .bookmark-page .hint-message.s-view { width: 100%; margin-top: 0; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .hint-message.s-view { display: none; } } .bookmark-page .cartActions { width: 100%; padding: 0; } @media screen and (min-width: 660px) and (max-width: 960px) { .bookmark-page .cartActions { width: 98%; padding: 0; margin: 2em 1% 0 1%; } } @media screen and (max-width: 659px) { .bookmark-page .cartActions { padding: 0; } } .bookmark-page .cartActions .shopping-cart { width: 44%; padding: 10px; margin: 10px 7px 0 0; float: right; background-color: #EFEFEF; } @media screen and (min-width: 660px) and (max-width: 960px), screen and (max-width: 659px) { .bookmark-page .cartActions .shopping-cart { margin: 0; width: 100%; } } .bookmark-page .cartActions .shopping-cart button.button { width: 49%; font-size: 16px; padding: 1.2em; } @media screen and (max-width: 659px) { .bookmark-page .cartActions .shopping-cart button.button { width: 100%; margin-bottom: 1em; } .bookmark-page .cartActions .shopping-cart button.button:last-child { margin: 0; } } .bookmark-page .cartActions .shopping-cart button.fullWidth { width: 100%; } .bookmark-page .cartActions .shopping-cart .primaryBtn { float: right; } .bookmark-page .cartActions .shopping-cart .secondaryBtn { float: left; background-color: #DADADA; } .bookmark-page .cartActions .shopping-cart p { font-weight: bold; margin-top: 0; } /* Print CSS START */ @media print and (min-width: 161px) { body, .page { width: 977px !important; background-color: #FFFFFF; } .bookmark-page { width: 100% !important; padding: 0 !important; } .bookmark-page .product-parent { margin-bottom: 0 !important; } .bookmark-page .bookmark-cart { width: 100% !important; } .bookmark-page .bookmark-cart .productTable-right { margin-top: 1.2em; } .bookmark-page .bookmark-cart .col-product, .bookmark-page .bookmark-cart .col-product-subRight { width: 55% !important; } .bookmark-page .bookmark-cart .col-product p { margin-left: 20px !important; } .bookmark-page .bookmark-cart .col-image { float: left !important; } .bookmark-page .bookmark-cart .total, .bookmark-page .bookmark-cart .price { width: 16% !important; } .bookmark-page .bookmark-cart .total p, .bookmark-page .bookmark-cart .price p { float: right !important; margin-right: 0.8em !important; } .bookmark-page .bookmark-cart .amount { width: 13% !important; } .bookmark-page .bookmark-cart .amount p { margin: 0 !important; } .bookmark-page .bookmark-cart .amount p input { text-align: center !important; } .print-hidden, .s-view, .section-buttons, .hint-message, .content-del-mark, .cartActions { display: none !important; } .print-visible { display: block !important; } .print-visible h1 { padding-top: 0.5em !important; } .print-visible .products-num { padding-top: 1.7em !important; } .cartTotalSummary { margin-bottom: 0 !important; } } /* Print CSS END */ .cart-page .cartTitle { float: left; width: 100%; } .cart-page .cartTitle h1 { float: left; } .cart-page .cartTitle .products-num { float: left; } @media screen and (min-width: 961px) { .cart-page .cartTitle .products-num { padding-top: 12px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cart-page .cartTitle .products-num { padding-top: 8px; } } @media screen and (max-width: 659px) { .cart-page .cartTitle .products-num { padding-top: 4px; } } @media screen and (max-width: 659px) { .cart-page .bookmark-cart .productTable-right { padding: 0 10px; } } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .cart-page .bookmark-cart .row .col-product { width: 55%; } } @media screen and (max-width: 659px) { .cart-page .bookmark-cart .row .col-product { width: 100%; } } .cart-page .bookmark-cart .row .col-price-header { width: 16%; } .cart-page .bookmark-cart .row .col-amount-header { width: 13%; text-align: center; } .cart-page .bookmark-cart .row .col-amount-header p { margin-right: 0; float: none; } .cart-page .bookmark-cart .row .col-total-header { width: 16%; } @media screen and (max-width: 659px) { .cart-page .bookmark-cart .col-product-subRight { margin-bottom: 1.2em; } } .cart-page .bookmark-cart .displayTable.product-parent:last-child { margin-bottom: 0; } @media screen and (min-width: 660px) and (max-width: 960px) { .cart-page .bookmark-cart .cart-content { margin-top: 1.2em; } } .cart-page .bookmark-cart .cart-content .product .productInfo { padding-left: 1.1em; } .cart-page .bookmark-cart .cart-content .product .productInfo p.name { margin: 0.6em 0; } .cart-page .bookmark-cart .cart-content .col-image { vertical-align: top; } @media screen and (max-width: 659px) { .cart-page .bookmark-cart .cart-content .col-image img { margin-top: 0; } } .cart-page .bookmark-cart .cart-content .col-price .main-price { margin-top: 0.8em; } .cart-page .bookmark-cart .cart-content .col-amount .marginTop { margin-top: 0; } .cart-page .bookmark-cart .cart-content .col-total .fs-m3, .cart-page .bookmark-cart .cart-content .col-total .seoW p, .seoW .cart-page .bookmark-cart .cart-content .col-total p, .cart-page .bookmark-cart .cart-content .col-total .accordTitle, .cart-page .bookmark-cart .cart-content .col-total .stP0, .cart-page .bookmark-cart .cart-content .col-total .stP01, .cart-page .bookmark-cart .cart-content .col-total .stP, .cart-page .bookmark-cart .cart-content .col-total .stP2, .cart-page .bookmark-cart .cart-content .col-total .stP3, .cart-page .bookmark-cart .cart-content .col-total .msgT1, .cart-page .bookmark-cart .cart-content .col-total .form1 label, .form1 .cart-page .bookmark-cart .cart-content .col-total label, .cart-page .bookmark-cart .cart-content .col-total .order-form label, .order-form .cart-page .bookmark-cart .cart-content .col-total label, .cart-page .bookmark-cart .cart-content .col-total .checkoutStep3 .sepaMandate label, .checkoutStep3 .sepaMandate .cart-page .bookmark-cart .cart-content .col-total label, .cart-page .bookmark-cart .cart-content .col-total .form1 .txtAsLabel, .form1 .cart-page .bookmark-cart .cart-content .col-total .txtAsLabel, .cart-page .bookmark-cart .cart-content .col-total .order-form .txtAsLabel, .order-form .cart-page .bookmark-cart .cart-content .col-total .txtAsLabel, .cart-page .bookmark-cart .cart-content .col-total .checkoutStep3 .sepaMandate .txtAsLabel, .checkoutStep3 .sepaMandate .cart-page .bookmark-cart .cart-content .col-total .txtAsLabel, .cart-page .bookmark-cart .cart-content .col-total .form1 .valAsLabel, .form1 .cart-page .bookmark-cart .cart-content .col-total .valAsLabel, .cart-page .bookmark-cart .cart-content .col-total .order-form .valAsLabel, .order-form .cart-page .bookmark-cart .cart-content .col-total .valAsLabel, .cart-page .bookmark-cart .cart-content .col-total .checkoutStep3 .sepaMandate .valAsLabel, .checkoutStep3 .sepaMandate .cart-page .bookmark-cart .cart-content .col-total .valAsLabel, .cart-page .bookmark-cart .cart-content .col-total .st1 { margin-top: 0.8em; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .cart-page .bookmark-cart #updateCartForm.shopping-form { float: right; } } @media screen and (max-width: 659px) { .cart-page .bookmark-cart #updateCartForm.shopping-form .cartActions { float: left; width: 100%; padding: 0.6em; } } .cart-page .bookmark-cart #updateCartForm.shopping-form .primaryBtn { padding: 0.5em 1em; float: left; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .cart-page .bookmark-cart #updateCartForm.shopping-form .primaryBtn { width: auto; } } @media screen and (max-width: 659px) { .cart-page .bookmark-cart #updateCartForm.shopping-form .primaryBtn { width: 100%; margin-bottom: 0; } } .cart-page .bookmark-cart #updateCartForm.shopping-form .secondaryBtn { float: right; } @media screen and (max-width: 659px) { .cart-page .bookmark-cart .offsetHeading { float: left; margin: 10px 10px 30px 10px; } } @media screen and (max-width: 659px) { .cart-page .bookmark-cart .l-m-view { display: none; } } .cart-page .bookmark-cart .s-view { padding: 20px 10px; } @media screen and (min-width: 961px), screen and (min-width: 660px) and (max-width: 960px) { .cart-page .bookmark-cart .s-view { display: none; } } .cart-page .bookmark-cart .content-del-mark.s-view { min-width: 174px; padding: 0; margin-top: -1px; float: left; } .cart-page .bookmark-cart .content-del-mark.s-view [class^="icon-"] { min-height: 20px; line-height: 22px !important; float: none; font-size: 16px; } .cart-page .bookmark-cart .content-del-mark.s-view .price-info { width: 20%; float: left; padding-left: 1.1em; } .cart-page .bookmark-cart .content-del-mark.s-view .price-info [class^="col-"] { width: 20%; float: none; } .cart-page .bookmark-cart .content-del-mark.s-view .price-info .floatLeft, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .service-nav, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-nav, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .main-content, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .main-content, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .float-left, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .float-left, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2, .skinContentRental .rates .cart-page .bookmark-cart .content-del-mark.s-view .price-info .size1of2 { padding-left: 0; } .cart-page .bookmark-cart .content-del-mark.s-view .price-info .floatLeft p, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .service-nav p, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-nav p, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .main-content p, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .main-content p, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .float-left p, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .float-left p, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 p, .skinContentRental .rates .cart-page .bookmark-cart .content-del-mark.s-view .price-info .size1of2 p { float: right; text-align: right; padding: 0; margin: 0 0 2.3em 0; } .cart-page .bookmark-cart .content-del-mark.s-view .price-info .floatLeft span.total-price, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .service-nav span.total-price, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-nav span.total-price, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .main-content span.total-price, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .main-content span.total-price, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .float-left span.total-price, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .float-left span.total-price, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 span.total-price, .skinContentRental .rates .cart-page .bookmark-cart .content-del-mark.s-view .price-info .size1of2 span.total-price { margin: 0; } .cart-page .bookmark-cart .content-del-mark.s-view .price-info .floatLeft .price, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .service-nav .price, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-nav .price, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .main-content .price, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .main-content .price, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .float-left .price, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .float-left .price, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 .price, .skinContentRental .rates .cart-page .bookmark-cart .content-del-mark.s-view .price-info .size1of2 .price, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .floatLeft .amount, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .service-nav .amount, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-nav .amount, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .main-content .amount, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .main-content .amount, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .float-left .amount, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .float-left .amount, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 .amount, .skinContentRental .rates .cart-page .bookmark-cart .content-del-mark.s-view .price-info .size1of2 .amount, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .floatLeft .total, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .service-nav .total, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-nav .total, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .main-content .total, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .main-content .total, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .service-content .float-left .total, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info .float-left .total, .cart-page .bookmark-cart .content-del-mark.s-view .price-info .skinContentRental .rates .size1of2 .total, .skinContentRental .rates .cart-page .bookmark-cart .content-del-mark.s-view .price-info .size1of2 .total { display: block; } .cart-page .bookmark-cart .content-del-mark.s-view .price-info:last-child .floatLeft, .cart-page .bookmark-cart .content-del-mark.s-view .price-info:last-child .service-content .service-nav, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info:last-child .service-nav, .cart-page .bookmark-cart .content-del-mark.s-view .price-info:last-child .service-content .main-content, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info:last-child .main-content, .cart-page .bookmark-cart .content-del-mark.s-view .price-info:last-child .service-content .float-left, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info:last-child .float-left, .cart-page .bookmark-cart .content-del-mark.s-view .price-info:last-child .skinContentRental .rates .size1of2, .skinContentRental .rates .cart-page .bookmark-cart .content-del-mark.s-view .price-info:last-child .size1of2 { float: right; } .cart-page .bookmark-cart .content-del-mark.s-view .price-info.second { width: 24%; float: right; padding-left: 0; } .cart-page .bookmark-cart .content-del-mark.s-view .price-info.second .floatLeft, .cart-page .bookmark-cart .content-del-mark.s-view .price-info.second .service-content .service-nav, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info.second .service-nav, .cart-page .bookmark-cart .content-del-mark.s-view .price-info.second .service-content .main-content, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info.second .main-content, .cart-page .bookmark-cart .content-del-mark.s-view .price-info.second .service-content .float-left, .service-content .cart-page .bookmark-cart .content-del-mark.s-view .price-info.second .float-left, .cart-page .bookmark-cart .content-del-mark.s-view .price-info.second .skinContentRental .rates .size1of2, .skinContentRental .rates .cart-page .bookmark-cart .content-del-mark.s-view .price-info.second .size1of2 { width: 100%; float: left; } .cart-page .bookmark-cart .content-del-mark.s-view .delete, .cart-page .bookmark-cart .content-del-mark.s-view .checkboxlist, .cart-page .bookmark-cart .content-del-mark.s-view .product-label { display: block; height: 17px; line-height: 17px; float: none; margin-right: 0; font-size: 16px; } .cart-page .bookmark-cart .content-del-mark.s-view .delete:hover, .cart-page .bookmark-cart .content-del-mark.s-view .checkboxlist:hover, .cart-page .bookmark-cart .content-del-mark.s-view .product-label:hover { cursor: pointer; } .cart-page .bookmark-cart .content-del-mark.s-view .product-label { margin: 2px 0 2em 0; } .cart-page .bookmark-cart .content-del-mark.s-view .del { margin-top: 0; } .cart-page .bookmark-cart .content-del-mark.s-view.second { float: none; } @media screen and (min-width: 961px) { .cart-page .bookmark-cart .content-del-mark { float: left; margin-top: 16px; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cart-page .bookmark-cart .content-del-mark { float: left; margin-top: 5px; } } .cart-page .bookmark-cart .content-del-mark .buttons-del-mark { display: inline; } .cart-page .bookmark-cart .content-del-mark .delete, .cart-page .bookmark-cart .content-del-mark .mark-checkbox { float: left; height: 14px; line-height: 14px; font-size: 14px; } .cart-page .bookmark-cart .content-del-mark .delete:hover, .cart-page .bookmark-cart .content-del-mark .mark-checkbox:hover { cursor: pointer; } .cart-page .bookmark-cart .content-del-mark .delete a, .cart-page .bookmark-cart .content-del-mark .mark-checkbox a { display: inline-block; font-weight: normal; } .cart-page .bookmark-cart .content-del-mark .delete [class^="icon-"]:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox [class^="icon-"]:before { font-size: 11px; padding-right: 6px; } .cart-page .bookmark-cart .content-del-mark .delete .icon-delete, .cart-page .bookmark-cart .content-del-mark .delete .productGridFilterElements ul.facet_block .remove_filter_item .action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .cart-page .bookmark-cart .content-del-mark .delete .action_remove, .cart-page .bookmark-cart .content-del-mark .delete .fancybox-close-txt:before, .cart-page .bookmark-cart .content-del-mark .delete .icon-bookmark, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .icon-delete, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .productGridFilterElements ul.facet_block .remove_filter_item .action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .cart-page .bookmark-cart .content-del-mark .mark-checkbox .action_remove, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .fancybox-close-txt:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .icon-bookmark { font-family: "tazregular"; } .cart-page .bookmark-cart .content-del-mark .delete .icon-delete:before, .cart-page .bookmark-cart .content-del-mark .delete .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .cart-page .bookmark-cart .content-del-mark .delete .action_remove:before, .cart-page .bookmark-cart .content-del-mark .delete .fancybox-close-txt:before, .cart-page .bookmark-cart .content-del-mark .delete .icon-bookmark:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .icon-delete:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .cart-page .bookmark-cart .content-del-mark .mark-checkbox .action_remove:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .fancybox-close-txt:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .icon-bookmark:before { padding-right: 6px; } .cart-page .bookmark-cart .content-del-mark .delete .icon-delete, .cart-page .bookmark-cart .content-del-mark .delete .productGridFilterElements ul.facet_block .remove_filter_item .action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .cart-page .bookmark-cart .content-del-mark .delete .action_remove, .cart-page .bookmark-cart .content-del-mark .delete .fancybox-close-txt:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .icon-delete, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .productGridFilterElements ul.facet_block .remove_filter_item .action_remove, .productGridFilterElements ul.facet_block .remove_filter_item .cart-page .bookmark-cart .content-del-mark .mark-checkbox .action_remove, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .fancybox-close-txt:before { font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; } .cart-page .bookmark-cart .content-del-mark .delete .icon-delete:before, .cart-page .bookmark-cart .content-del-mark .delete .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .cart-page .bookmark-cart .content-del-mark .delete .action_remove:before, .cart-page .bookmark-cart .content-del-mark .delete .fancybox-close-txt:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .icon-delete:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:before, .productGridFilterElements ul.facet_block .remove_filter_item .cart-page .bookmark-cart .content-del-mark .mark-checkbox .action_remove:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .fancybox-close-txt:before { padding: 0; margin-right: 0.5em; color: #636363; } .cart-page .bookmark-cart .content-del-mark .delete .icon-delete:hover, .cart-page .bookmark-cart .content-del-mark .delete .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:hover, .productGridFilterElements ul.facet_block .remove_filter_item .cart-page .bookmark-cart .content-del-mark .delete .action_remove:hover, .cart-page .bookmark-cart .content-del-mark .delete .fancybox-close-txt:hover:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .icon-delete:hover, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .productGridFilterElements ul.facet_block .remove_filter_item .action_remove:hover, .productGridFilterElements ul.facet_block .remove_filter_item .cart-page .bookmark-cart .content-del-mark .mark-checkbox .action_remove:hover, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .fancybox-close-txt:hover:before { cursor: pointer; } .cart-page .bookmark-cart .content-del-mark .delete .icon-bookmark, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .icon-bookmark { font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; } .cart-page .bookmark-cart .content-del-mark .delete .icon-bookmark:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .icon-bookmark:before { padding: 0; margin-right: 0.5em; color: #DADADA; } .cart-page .bookmark-cart .content-del-mark .delete .icon-bookmark:hover, .cart-page .bookmark-cart .content-del-mark .mark-checkbox .icon-bookmark:hover { cursor: pointer; } .cart-page .bookmark-cart .content-del-mark .delete [class^="icon-"].checked, .cart-page .bookmark-cart .content-del-mark .mark-checkbox [class^="icon-"].checked { font-family: "tazregular", Helvetica, Arial, sans-serif; line-height: 20px; } .cart-page .bookmark-cart .content-del-mark .delete [class^="icon-"].checked:before, .cart-page .bookmark-cart .content-del-mark .mark-checkbox [class^="icon-"].checked:before { padding: 0; margin-right: 0.5em; color: #B41821; } .cart-page .bookmark-cart .content-del-mark .delete [class^="icon-"].checked:hover, .cart-page .bookmark-cart .content-del-mark .mark-checkbox [class^="icon-"].checked:hover { cursor: pointer; } .cart-page .bookmark-cart .content-del-mark .delete { margin-right: 2em; } @media screen and (max-width: 659px) { .cart-page .bookmark-cart .content-del-mark .delete { margin-bottom: 2em; } } .cart-page .bookmark-cart .cartActions.buttons { padding: 0.6em; } @media screen and (max-width: 659px) { .cart-page .bookmark-cart .cartActions.buttons .button { width: 100%; padding-bottom: 9px; margin-bottom: 1em; } } @media screen and (min-width: 961px) { .cart-page .bookmark-cart .row .col-product-subRight { width: 55%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cart-page .bookmark-cart .row .col-product-subRight { width: 55%; } } @media screen and (min-width: 961px) { .cart-page .bookmark-cart .row .col-price { width: 16%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cart-page .bookmark-cart .row .col-price { width: 16%; } } @media screen and (max-width: 659px) { .cart-page .bookmark-cart .row .col-price { width: 70%; } } @media screen and (min-width: 961px) { .cart-page .bookmark-cart .row .col-price p { margin: 0.8em 0.5em 1.3em 0; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cart-page .bookmark-cart .row .col-price p { margin: 1.4em 0.7em 1.3em 0; } } .cart-page .bookmark-cart .row .col-amount { text-align: center; } @media screen and (min-width: 961px) { .cart-page .bookmark-cart .row .col-amount { width: 13%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cart-page .bookmark-cart .row .col-amount { width: 13%; } } @media screen and (max-width: 659px) { .cart-page .bookmark-cart .row .col-amount { width: 70%; } } .cart-page .bookmark-cart .row .col-amount p { float: none; } @media screen and (min-width: 961px) { .cart-page .bookmark-cart .row .col-total { width: 16%; } } @media screen and (min-width: 660px) and (max-width: 960px) { .cart-page .bookmark-cart .row .col-total { width: 16%; } } @media screen and (max-width: 659px) { .cart-page .bookmark-cart .row .col-total { width: 70%; } } .cart-page .bookmark-cart .row .col-total .fs-m3, .cart-page .bookmark-cart .row .col-total .seoW p, .seoW .cart-page .bookmark-cart .row .col-total p, .cart-page .bookmark-cart .row .col-total .accordTitle, .cart-page .bookmark-cart .row .col-total .stP0, .cart-page .bookmark-cart .row .col-total .stP01, .cart-page .bookmark-cart .row .col-total .stP, .cart-page .bookmark-cart .row .col-total .stP2, .cart-page .bookmark-cart .row .col-total .stP3, .cart-page .bookmark-cart .row .col-total .msgT1, .cart-page .bookmark-cart .row .col-total .form1 label, .form1 .cart-page .bookmark-cart .row .col-total label, .cart-page .bookmark-cart .row .col-total .order-form label, .order-form .cart-page .bookmark-cart .row .col-total label, .cart-page .bookmark-cart .row .col-total .checkoutStep3 .sepaMandate label, .checkoutStep3 .sepaMandate .cart-page .bookmark-cart .row .col-total label, .cart-page .bookmark-cart .row .col-total .form1 .txtAsLabel, .form1 .cart-page .bookmark-cart .row .col-total .txtAsLabel, .cart-page .bookmark-cart .row .col-total .order-form .txtAsLabel, .order-form .cart-page .bookmark-cart .row .col-total .txtAsLabel, .cart-page .bookmark-cart .row .col-total .checkoutStep3 .sepaMandate .txtAsLabel, .checkoutStep3 .sepaMandate .cart-page .bookmark-cart .row .col-total .txtAsLabel, .cart-page .bookmark-cart .row .col-total .form1 .valAsLabel, .form1 .cart-page .bookmark-cart .row .col-total .valAsLabel, .cart-page .bookmark-cart .row .col-total .order-form .valAsLabel, .order-form .cart-page .bookmark-cart .row .col-total .valAsLabel, .cart-page .bookmark-cart .row .col-total .checkoutStep3 .sepaMandate .valAsLabel, .checkoutStep3 .sepaMandate .cart-page .bookmark-cart .row .col-total .valAsLabel, .cart-page .bookmark-cart .row .col-total .st1 { margin-right: 0.5em; } /*# sourceMappingURL=main.css.map */