/* generated: 2024-12-18 06:19:13 (1734499129595) */
@font-face { font-family: 'Univers'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://content.schweitzer-online.de/static/content/uploads/StoreFront/file/000/153/000153890/original/UniversLTW04-45Light.woff2?version=0) format('woff2'), url(https://content.schweitzer-online.de/static/content/uploads/StoreFront/file/000/153/000153889/original/UniversLTW04-45Light.woff?version=0) format('woff'); } @font-face { font-family: 'Univers'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://content.schweitzer-online.de/static/content/uploads/StoreFront/file/000/153/000153892/original/UniversLTW04-45LightOblique.woff2?version=0) format('woff2'), url(https://content.schweitzer-online.de/static/content/uploads/StoreFront/file/000/153/000153891/original/UniversLTW04-45LightOblique.woff?version=0) format('woff'); } @font-face { font-family: 'Univers'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://content.schweitzer-online.de/static/content/uploads/StoreFront/file/000/213/000213612/original/UniversLTW04-75Black-shop2020-Bold.woff2?version=0) format('woff2'), url(https://content.schweitzer-online.de/static/content/uploads/StoreFront/file/000/213/000213611/original/UniversLTW04-75Black-shop2020-Bold.woff?version=0) format('woff'); } @font-face { font-family: "FontAwesomeSolid"; font-weight: 900; font-style: normal; font-display: swap; src: url(/static/fonts/StoreFront/font-awesome/6.5.2/pro/webfonts/fa-solid-900__41342c17c4a352a807e5d745ae9add05.woff2) format("woff2"),url(/static/fonts/font-awesome/6.5.2/pro/webfonts/fa-solid-900.woff) format("woff"); } .fa, .fas, .fas::before { font-family: "FontAwesomeSolid"; font-weight: 900; } @font-face { font-family: "FontAwesomeRegular"; font-weight: 400; font-style: normal; font-display: swap; src: url(/static/fonts/StoreFront/font-awesome/6.5.2/pro/webfonts/fa-regular-400__4f75935646dbe1c2d7feca0282fe29c8.woff2) format("woff2"),url(/static/fonts/font-awesome/6.5.2/pro/webfonts/fa-regular-400.woff) format("woff"); } .far, .far::before { font-family: "FontAwesomeRegular"; font-weight: 400; } @font-face { font-family: "FontAwesomeLight"; font-weight: 300; font-style: normal; font-display: swap; src: url(/static/fonts/StoreFront/font-awesome/6.5.2/pro/webfonts/fa-light-300__02f03bc45ff66763a770feb3e95e3c90.woff2) format("woff2"),url(/static/fonts/font-awesome/6.5.2/pro/webfonts/fa-light-300.woff) format("woff"); } .fal, .fal::before { font-family: "FontAwesomeLight"; font-weight: 300; } @font-face { font-family: "FontAwesomeBrands"; font-weight: 400; font-style: normal; font-display: swap; src: url(/static/fonts/StoreFront/font-awesome/6.5.2/pro/webfonts/fa-brands-400__3b66fb2367bd9dd8c967600cf7e38b12.woff2) format("woff2"),url(/static/fonts/font-awesome/6.5.2/pro/webfonts/fa-brands-400.woff) format("woff"); } .fab, .fab::before { font-family: "FontAwesomeBrands"; font-weight: 400; } @font-face { font-family: "FontAwesomeDuotone"; font-weight: 900; font-style: normal; font-display: swap; src: url(/static/fonts/StoreFront/font-awesome/6.5.2/pro/webfonts/fa-duotone-900__bb3ceb7a95ff450ba5fcb755882ba881.woff2) format("woff2"),url(/static/fonts/font-awesome/6.5.2/pro/webfonts/fa-duotone-900.woff) format("woff"); } .fad, .fad::before { font-family: "FontAwesomeDuotone"; font-weight: 900; } .fad { position: relative; } .fad::before { position: absolute; } .fad::after { font-family: "FontAwesomeDuotone"; opacity: 0.4; } @font-face { font-family: "FontAwesome6Thin"; font-weight: 100; font-style: normal; font-display: swap; src: url(/static/fonts/StoreFront/font-awesome/6.5.2/pro/webfonts/fa-thin-100__bb3ceb7a95ff450ba5fcb755882ba881.woff2) format("woff2"),url(/static/fonts/font-awesome/6.5.2/pro/webfonts/fa-thin-100.woff) format("woff"); } .fat, .fat::before { font-family: "FontAwesome6Thin"; font-weight: 100; } .fa, .fas, .far, .fal, .fat, .fab, .fad { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-angle-down::before { content: "\f107"; } .fad.fa-angle-down::after { content: "\f107\f107"; } .fa-angle-left::before { content: "\f104"; } .fad.fa-angle-left::after { content: "\f104\f104"; } .fa-angle-right::before { content: "\f105"; } .fad.fa-angle-right::after { content: "\f105\f105"; } .fa-angle-up::before { content: "\f106"; } .fad.fa-angle-up::after { content: "\f106\f106"; } .fa-arrow-down::before { content: "\f063"; } .fad.fa-arrow-down::after { content: "\f063\f063"; } .fa-arrow-up::before { content: "\f062"; } .fad.fa-arrow-up::after { content: "\f062\f062"; } .fa-arrow-up-right-from-square::before { content: "\f08e"; } .fad.fa-arrow-up-right-from-square::after { content: "\f08e\f08e"; } .fa-asterisk::before { content: "\2a"; } .fad.fa-asterisk::after { content: "\2a\2a"; } .fa-backward-step::before { content: "\f048"; } .fad.fa-backward-step::after { content: "\f048\f048"; } .fa-ban::before { content: "\f05e"; } .fad.fa-ban::after { content: "\f05e\f05e"; } .fa-bars::before { content: "\f0c9"; } .fad.fa-bars::after { content: "\f0c9\f0c9"; } .fa-bell::before { content: "\f0f3"; } .fad.fa-bell::after { content: "\f0f3\f0f3"; } .fa-book-blank::before { content: "\f5d9"; } .fad.fa-book-blank::after { content: "\f5d9\f5d9"; } .fa-book-open::before { content: "\f518"; } .fad.fa-book-open::after { content: "\f518\f518"; } .fa-book-sparkles::before { content: "\f6b8"; } .fad.fa-book-sparkles::after { content: "\f6b8\f6b8"; } .fa-book-user::before { content: "\f7e7"; } .fad.fa-book-user::after { content: "\f7e7\f7e7"; } .fa-box-archive::before { content: "\f187"; } .fad.fa-box-archive::after { content: "\f187\f187"; } .fa-broom::before { content: "\f51a"; } .fad.fa-broom::after { content: "\f51a\f51a"; } .fa-bug::before { content: "\f188"; } .fad.fa-bug::after { content: "\f188\f188"; } .fa-calendar::before { content: "\f133"; } .fad.fa-calendar::after { content: "\f133\f133"; } .fa-calendar-days::before { content: "\f073"; } .fad.fa-calendar-days::after { content: "\f073\f073"; } .fa-caret-down::before { content: "\f0d7"; } .fad.fa-caret-down::after { content: "\f0d7\f0d7"; } .fa-caret-right::before { content: "\f0da"; } .fad.fa-caret-right::after { content: "\f0da\f0da"; } .fa-cart-circle-exclamation::before { content: "\e3f2"; } .fad.fa-cart-circle-exclamation::after { content: "\e3f2\e3f2"; } .fa-cauldron::before { content: "\f6bf"; } .fad.fa-cauldron::after { content: "\f6bf\f6bf"; } .fa-chart-column::before { content: "\e0e3"; } .fad.fa-chart-column::after { content: "\e0e3\e0e3"; } .fa-chart-pie::before { content: "\f200"; } .fad.fa-chart-pie::after { content: "\f200\f200"; } .fa-chart-user::before { content: "\f6a3"; } .fad.fa-chart-user::after { content: "\f6a3\f6a3"; } .fa-check::before { content: "\f00c"; } .fad.fa-check::after { content: "\f00c\f00c"; } .fa-check-double::before { content: "\f560"; } .fad.fa-check-double::after { content: "\f560\f560"; } .fa-chevron-down::before { content: "\f078"; } .fad.fa-chevron-down::after { content: "\f078\f078"; } .fa-chevron-left::before { content: "\f053"; } .fad.fa-chevron-left::after { content: "\f053\f053"; } .fa-chevron-right::before { content: "\f054"; } .fad.fa-chevron-right::after { content: "\f054\f054"; } .fa-chevron-up::before { content: "\f077"; } .fad.fa-chevron-up::after { content: "\f077\f077"; } .fa-circle::before { content: "\f111"; } .fad.fa-circle::after { content: "\f111\f111"; } .fa-circle-arrow-left::before { content: "\f0a8"; } .fad.fa-circle-arrow-left::after { content: "\f0a8\f0a8"; } .fa-circle-check::before { content: "\f058"; } .fad.fa-circle-check::after { content: "\f058\f058"; } .fa-circle-dot::before { content: "\f192"; } .fad.fa-circle-dot::after { content: "\f192\f192"; } .fa-circle-exclamation::before { content: "\f06a"; } .fad.fa-circle-exclamation::after { content: "\f06a\f06a"; } .fa-circle-info::before { content: "\f05a"; } .fad.fa-circle-info::after { content: "\f05a\f05a"; } .fa-circle-left::before { content: "\f359"; } .fad.fa-circle-left::after { content: "\f359\f359"; } .fa-circle-plus::before { content: "\f055"; } .fad.fa-circle-plus::after { content: "\f055\f055"; } .fa-circle-xmark::before { content: "\f057"; } .fad.fa-circle-xmark::after { content: "\f057\f057"; } .fa-comment-check::before { content: "\f4ac"; } .fad.fa-comment-check::after { content: "\f4ac\f4ac"; } .fa-desktop::before { content: "\f390"; } .fad.fa-desktop::after { content: "\f390\f390"; } .fa-dev::before { content: "\f6cc"; } .fa-dice-d6::before { content: "\f6d1"; } .fad.fa-dice-d6::after { content: "\f6d1\f6d1"; } .fa-down-to-line::before { content: "\f34a"; } .fad.fa-down-to-line::after { content: "\f34a\f34a"; } .fa-ellipsis-stroke-vertical::before { content: "\f39c"; } .fad.fa-ellipsis-stroke-vertical::after { content: "\f39c\f39c"; } .fa-euro-sign::before { content: "\f153"; } .fad.fa-euro-sign::after { content: "\f153\f153"; } .fa-expand::before { content: "\f065"; } .fad.fa-expand::after { content: "\f065\f065"; } .fa-eye-slash::before { content: "\f070"; } .fad.fa-eye-slash::after { content: "\f070\f070"; } .fa-file::before { content: "\f15b"; } .fad.fa-file::after { content: "\f15b\f15b"; } .fa-file-audio::before { content: "\f1c7"; } .fad.fa-file-audio::after { content: "\f1c7\f1c7"; } .fa-file-code::before { content: "\f1c9"; } .fad.fa-file-code::after { content: "\f1c9\f1c9"; } .fa-file-excel::before { content: "\f1c3"; } .fad.fa-file-excel::after { content: "\f1c3\f1c3"; } .fa-file-image::before { content: "\f1c5"; } .fad.fa-file-image::after { content: "\f1c5\f1c5"; } .fa-file-lines::before { content: "\f15c"; } .fad.fa-file-lines::after { content: "\f15c\f15c"; } .fa-file-pdf::before { content: "\f1c1"; } .fad.fa-file-pdf::after { content: "\f1c1\f1c1"; } .fa-file-plus::before { content: "\f319"; } .fad.fa-file-plus::after { content: "\f319\f319"; } .fa-file-powerpoint::before { content: "\f1c4"; } .fad.fa-file-powerpoint::after { content: "\f1c4\f1c4"; } .fa-file-signature::before { content: "\f573"; } .fad.fa-file-signature::after { content: "\f573\f573"; } .fa-file-video::before { content: "\f1c8"; } .fad.fa-file-video::after { content: "\f1c8\f1c8"; } .fa-file-word::before { content: "\f1c2"; } .fad.fa-file-word::after { content: "\f1c2\f1c2"; } .fa-file-zipper::before { content: "\f1c6"; } .fad.fa-file-zipper::after { content: "\f1c6\f1c6"; } .fa-floppy-disk::before { content: "\f0c7"; } .fad.fa-floppy-disk::after { content: "\f0c7\f0c7"; } .fa-forward-step::before { content: "\f051"; } .fad.fa-forward-step::after { content: "\f051\f051"; } .fa-gear::before { content: "\f013"; } .fad.fa-gear::after { content: "\f013\f013"; } .fa-globe::before { content: "\f0ac"; } .fad.fa-globe::after { content: "\f0ac\f0ac"; } .fa-heart-pulse::before { content: "\f21e"; } .fad.fa-heart-pulse::after { content: "\f21e\f21e"; } .fa-hourglass-half::before { content: "\f252"; } .fad.fa-hourglass-half::after { content: "\f252\f252"; } .fa-laptop-mobile::before { content: "\f87a"; } .fad.fa-laptop-mobile::after { content: "\f87a\f87a"; } .fa-lock-keyhole::before { content: "\f30d"; } .fad.fa-lock-keyhole::after { content: "\f30d\f30d"; } .fa-lock-keyhole-open::before { content: "\f3c2"; } .fad.fa-lock-keyhole-open::after { content: "\f3c2\f3c2"; } .fa-magnifying-glass-minus::before { content: "\f010"; } .fad.fa-magnifying-glass-minus::after { content: "\f010\f010"; } .fa-magnifying-glass-plus::before { content: "\f00e"; } .fad.fa-magnifying-glass-plus::after { content: "\f00e\f00e"; } .fa-map-pin::before { content: "\f276"; } .fad.fa-map-pin::after { content: "\f276\f276"; } .fa-mobile::before { content: "\f3ce"; } .fad.fa-mobile::after { content: "\f3ce\f3ce"; } .fa-mobile-screen-button::before { content: "\f3cd"; } .fad.fa-mobile-screen-button::after { content: "\f3cd\f3cd"; } .fa-object-exclude::before { content: "\e49c"; } .fad.fa-object-exclude::after { content: "\e49c\e49c"; } .fa-object-ungroup::before { content: "\f248"; } .fad.fa-object-ungroup::after { content: "\f248\f248"; } .fa-palette::before { content: "\f53f"; } .fad.fa-palette::after { content: "\f53f\f53f"; } .fa-pause::before { content: "\f04c"; } .fad.fa-pause::after { content: "\f04c\f04c"; } .fa-pen-to-square::before { content: "\f044"; } .fad.fa-pen-to-square::after { content: "\f044\f044"; } .fa-pencil::before { content: "\f303"; } .fad.fa-pencil::after { content: "\f303\f303"; } .fa-phone-flip::before { content: "\f879"; } .fad.fa-phone-flip::after { content: "\f879\f879"; } .fa-play::before { content: "\f04b"; } .fad.fa-play::after { content: "\f04b\f04b"; } .fa-power-off::before { content: "\f011"; } .fad.fa-power-off::after { content: "\f011\f011"; } .fa-presentation-screen::before { content: "\f685"; } .fad.fa-presentation-screen::after { content: "\f685\f685"; } .fa-rectangle-xmark::before { content: "\f410"; } .fad.fa-rectangle-xmark::after { content: "\f410\f410"; } .fa-retweet::before { content: "\f079"; } .fad.fa-retweet::after { content: "\f079\f079"; } .fa-rocket::before { content: "\f135"; } .fad.fa-rocket::after { content: "\f135\f135"; } .fa-share-all::before { content: "\f367"; } .fad.fa-share-all::after { content: "\f367\f367"; } .fa-shuttle-space::before { content: "\f197"; } .fad.fa-shuttle-space::after { content: "\f197\f197"; } .fa-signal::before { content: "\f012"; } .fad.fa-signal::after { content: "\f012\f012"; } .fa-signal-slash::before { content: "\f695"; } .fad.fa-signal-slash::after { content: "\f695\f695"; } .fa-sitemap::before { content: "\f0e8"; } .fad.fa-sitemap::after { content: "\f0e8\f0e8"; } .fa-sort::before { content: "\f0dc"; } .fad.fa-sort::after { content: "\f0dc\f0dc"; } .fa-sort-down::before { content: "\f0dd"; } .fad.fa-sort-down::after { content: "\f0dd\f0dd"; } .fa-sort-up::before { content: "\f0de"; } .fad.fa-sort-up::after { content: "\f0de\f0de"; } .fa-spinner-third::before { content: "\f3f4"; } .fad.fa-spinner-third::after { content: "\f3f4\f3f4"; } .fa-square::before { content: "\f0c8"; } .fad.fa-square::after { content: "\f0c8\f0c8"; } .fa-square-check::before { content: "\f14a"; } .fad.fa-square-check::after { content: "\f14a\f14a"; } .fa-square-minus::before { content: "\f146"; } .fad.fa-square-minus::after { content: "\f146\f146"; } .fa-tablet::before { content: "\f3fb"; } .fad.fa-tablet::after { content: "\f3fb\f3fb"; } .fa-toggle-large-off::before { content: "\e5b0"; } .fad.fa-toggle-large-off::after { content: "\e5b0\e5b0"; } .fa-toggle-large-on::before { content: "\e5b1"; } .fad.fa-toggle-large-on::after { content: "\e5b1\e5b1"; } .fa-trash::before { content: "\f1f8"; } .fad.fa-trash::after { content: "\f1f8\f1f8"; } .fa-triangle-exclamation::before { content: "\f071"; } .fad.fa-triangle-exclamation::after { content: "\f071\f071"; } .fa-truck::before { content: "\f0d1"; } .fad.fa-truck::after { content: "\f0d1\f0d1"; } .fa-up-down-left-right::before { content: "\f0b2"; } .fad.fa-up-down-left-right::after { content: "\f0b2\f0b2"; } .fa-user-check::before { content: "\f4fc"; } .fad.fa-user-check::after { content: "\f4fc\f4fc"; } .fa-wrench::before { content: "\f0ad"; } .fad.fa-wrench::after { content: "\f0ad\f0ad"; } .fa-xmark::before { content: "\f00d"; } .fad.fa-xmark::after { content: "\f00d\f00d"; } .fa-cube::before { content: "\f1b2"; } .fad.fa-cube::after { content: "\f1b2\f1b2"; } .fa-newspaper::before { content: "\f1ea"; } .fad.fa-newspaper::after { content: "\f1ea\f1ea"; } .fa-html5::before { content: "\f13b"; } .fa-download::before { content: "\f019"; } .fad.fa-download::after { content: "\f019\f019"; } .fa-address-book::before { content: "\f2b9"; } .fad.fa-address-book::after { content: "\f2b9\f2b9"; } .fa-table::before { content: "\f0ce"; } .fad.fa-table::after { content: "\f0ce\f0ce"; } .fa-leaf::before { content: "\f06c"; } .fad.fa-leaf::after { content: "\f06c\f06c"; } .fa-user::before { content: "\f007"; } .fad.fa-user::after { content: "\f007\f007"; } .fa-envelope-open::before { content: "\f2b6"; } .fad.fa-envelope-open::after { content: "\f2b6\f2b6"; } .fa-id-card::before { content: "\f2c2"; } .fad.fa-id-card::after { content: "\f2c2\f2c2"; } .fa-linkedin::before { content: "\f08c"; } .fa-credit-card::before { content: "\f09d"; } .fad.fa-credit-card::after { content: "\f09d\f09d"; } .fa-twitter::before { content: "\f099"; } .fa-eye::before { content: "\f06e"; } .fad.fa-eye::after { content: "\f06e\f06e"; } .fa-star::before { content: "\f005"; } .fad.fa-star::after { content: "\f005\f005"; } .fa-comment::before { content: "\f075"; } .fad.fa-comment::after { content: "\f075\f075"; } .fa-android::before { content: "\f17b"; } .fa-graduation-cap::before { content: "\f19d"; } .fad.fa-graduation-cap::after { content: "\f19d\f19d"; } .fa-book::before { content: "\f02d"; } .fad.fa-book::after { content: "\f02d\f02d"; } .fa-envelope::before { content: "\f0e0"; } .fad.fa-envelope::after { content: "\f0e0\f0e0"; } .fa-font-awesome::before { content: "\f2b4"; } .fa-accessible-icon::before { content: "\f368"; } .fa-clock::before { content: "\f017"; } .fad.fa-clock::after { content: "\f017\f017"; } .fa-google::before { content: "\f1a0"; } .fa-users::before { content: "\f0c0"; } .fad.fa-users::after { content: "\f0c0\f0c0"; } .fa-file-export::before { content: "\f56e"; } .fad.fa-file-export::after { content: "\f56e\f56e"; } .fa-hourglass-end::before { content: "\f253"; } .fad.fa-hourglass-end::after { content: "\f253\f253"; } .fa-youtube::before { content: "\f167"; } .fa-thumbs-up::before { content: "\f164"; } .fad.fa-thumbs-up::after { content: "\f164\f164"; } .fa-question::before { content: "\3f"; } .fad.fa-question::after { content: "\3f\3f"; } .fa-500px::before { content: "\f26e"; } .fa-tv::before { content: "\f26c"; } .fad.fa-tv::after { content: "\f26c\f26c"; } .fa-hashtag::before { content: "\23"; } .fad.fa-hashtag::after { content: "\23\23"; } .fa-chart-bar::before { content: "\f080"; } .fad.fa-chart-bar::after { content: "\f080\f080"; } .fa-comments::before { content: "\f086"; } .fad.fa-comments::after { content: "\f086\f086"; } .fa-cubes::before { content: "\f1b3"; } .fad.fa-cubes::after { content: "\f1b3\f1b3"; } .fa-facebook::before { content: "\f09a"; } .fa-vimeo::before { content: "\f40a"; } .fa-filter::before { content: "\f0b0"; } .fad.fa-filter::after { content: "\f0b0\f0b0"; } .fa-stop::before { content: "\f04d"; } .fad.fa-stop::after { content: "\f04d\f04d"; } .fa-image::before { content: "\f03e"; } .fad.fa-image::after { content: "\f03e\f03e"; } .fa-server::before { content: "\f233"; } .fad.fa-server::after { content: "\f233\f233"; } .fa-list::before { content: "\f03a"; } .fad.fa-list::after { content: "\f03a\f03a"; } .fa-link::before { content: "\f0c1"; } .fad.fa-link::after { content: "\f0c1\f0c1"; } .fa-shield::before { content: "\f132"; } .fad.fa-shield::after { content: "\f132\f132"; } .fa-toggle-on::before { content: "\f205"; } .fad.fa-toggle-on::after { content: "\f205\f205"; } .fa-calendar-day::before { content: "\f783"; } .fad.fa-calendar-day::after { content: "\f783\f783"; } .fa-address-card::before { content: "\f2bb"; } .fad.fa-address-card::after { content: "\f2bb\f2bb"; } .fa-robot::before { content: "\f544"; } .fad.fa-robot::after { content: "\f544\f544"; } .fa-chart-line::before { content: "\f201"; } .fad.fa-chart-line::after { content: "\f201\f201"; } .fa-object-group::before { content: "\f247"; } .fad.fa-object-group::after { content: "\f247\f247"; } .fa-money-bill::before { content: "\f0d6"; } .fad.fa-money-bill::after { content: "\f0d6\f0d6"; } .fa-code::before { content: "\f121"; } .fad.fa-code::after { content: "\f121\f121"; } .fa-folder-tree::before { content: "\f802"; } .fad.fa-folder-tree::after { content: "\f802\f802"; } .fa-person-dolly::before { content: "\f4d0"; } .fad.fa-person-dolly::after { content: "\f4d0\f4d0"; } .fa-video::before { content: "\f03d"; } .fad.fa-video::after { content: "\f03d\f03d"; } .fa-glasses::before { content: "\f530"; } .fad.fa-glasses::after { content: "\f530\f530"; } .fa-images::before { content: "\f302"; } .fad.fa-images::after { content: "\f302\f302"; } .fa-phone::before { content: "\f095"; } .fad.fa-phone::after { content: "\f095\f095"; } .fa-list-ul::before { content: "\f0ca"; } .fad.fa-list-ul::after { content: "\f0ca\f0ca"; } .fa-map::before { content: "\f279"; } .fad.fa-map::after { content: "\f279\f279"; } .fa-minus::before { content: "\f068"; } .fad.fa-minus::after { content: "\f068\f068"; } .fa-paragraph::before { content: "\f1dd"; } .fad.fa-paragraph::after { content: "\f1dd\f1dd"; } .fa-plug::before { content: "\f1e6"; } .fad.fa-plug::after { content: "\f1e6\f1e6"; } .fa-ballot::before { content: "\f732"; } .fad.fa-ballot::after { content: "\f732\f732"; } .fa-ballot-check::before { content: "\f733"; } .fad.fa-ballot-check::after { content: "\f733\f733"; } .fa-car::before { content: "\f1b9"; } .fad.fa-car::after { content: "\f1b9\f1b9"; } .fa-file-spreadsheet::before { content: "\f65b"; } .fad.fa-file-spreadsheet::after { content: "\f65b\f65b"; } .fa-computer-classic::before { content: "\f8b1"; } .fad.fa-computer-classic::after { content: "\f8b1\f8b1"; } .fa-house::before { content: "\f015"; } .fad.fa-house::after { content: "\f015\f015"; } .fa-up-right-from-square::before { content: "\f35d"; } .fad.fa-up-right-from-square::after { content: "\f35d\f35d"; } .fa-up-down::before { content: "\f338"; } .fad.fa-up-down::after { content: "\f338\f338"; } .fa-turn-up::before { content: "\f3bf"; } .fad.fa-turn-up::after { content: "\f3bf\f3bf"; } .fa-table-columns::before { content: "\f0db"; } .fad.fa-table-columns::after { content: "\f0db\f0db"; } .fa-table-cells-large::before { content: "\f009"; } .fad.fa-table-cells-large::after { content: "\f009\f009"; } .fa-square-xing::before { content: "\f169"; } .fa-square-instagram::before { content: "\e055"; } .fa-square-info::before { content: "\f30f"; } .fad.fa-square-info::after { content: "\f30f\f30f"; } .fa-square-facebook::before { content: "\f082"; } .fa-share-nodes::before { content: "\f1e0"; } .fad.fa-share-nodes::after { content: "\f1e0\f1e0"; } .fa-right-from-bracket::before { content: "\f2f5"; } .fad.fa-right-from-bracket::after { content: "\f2f5\f2f5"; } .fa-rectangle-list::before { content: "\f022"; } .fad.fa-rectangle-list::after { content: "\f022\f022"; } .fa-people-carry-box::before { content: "\f4ce"; } .fad.fa-people-carry-box::after { content: "\f4ce\f4ce"; } .fa-money-bill-1::before { content: "\f3d1"; } .fad.fa-money-bill-1::after { content: "\f3d1\f3d1"; } .fa-magnifying-glass::before { content: "\f002"; } .fad.fa-magnifying-glass::after { content: "\f002\f002"; } .fa-location-dot::before { content: "\f3c5"; } .fad.fa-location-dot::after { content: "\f3c5\f3c5"; } .fa-list-check::before { content: "\f0ae"; } .fad.fa-list-check::after { content: "\f0ae\f0ae"; } .fa-gauge::before { content: "\f624"; } .fad.fa-gauge::after { content: "\f624\f624"; } .fa-ellipsis::before { content: "\f141"; } .fad.fa-ellipsis::after { content: "\f141\f141"; } .fa-droplet::before { content: "\f043"; } .fad.fa-droplet::after { content: "\f043\f043"; } .fa-computer-mouse-scrollwheel::before { content: "\f8cd"; } .fad.fa-computer-mouse-scrollwheel::after { content: "\f8cd\f8cd"; } .fa-cloud-arrow-down::before { content: "\f0ed"; } .fad.fa-cloud-arrow-down::after { content: "\f0ed\f0ed"; } .fa-circle-user::before { content: "\f2bd"; } .fad.fa-circle-user::after { content: "\f2bd\f2bd"; } .fa-circle-question::before { content: "\f059"; } .fad.fa-circle-question::after { content: "\f059\f059"; } .fa-circle-arrow-right::before { content: "\f0a9"; } .fad.fa-circle-arrow-right::after { content: "\f0a9\f0a9"; } .fa-cart-shopping::before { content: "\f07a"; } .fad.fa-cart-shopping::after { content: "\f07a\f07a"; } .fa-building-columns::before { content: "\f19c"; } .fad.fa-building-columns::after { content: "\f19c\f19c"; } .fa-bars-staggered::before { content: "\f550"; } .fad.fa-bars-staggered::after { content: "\f550\f550"; } .fa-bars-sort::before { content: "\e0ae"; } .fad.fa-bars-sort::after { content: "\e0ae\e0ae"; } .fa-bag-shopping::before { content: "\f290"; } .fad.fa-bag-shopping::after { content: "\f290\f290"; } .fa-arrows-rotate::before { content: "\f021"; } .fad.fa-arrows-rotate::after { content: "\f021\f021"; } .fa-arrow-up-wide-short::before { content: "\f161"; } .fad.fa-arrow-up-wide-short::after { content: "\f161\f161"; } .fa-internet-explorer::before { content: "\f26b"; } .fa-edge::before { content: "\f282"; } .fa-firefox::before { content: "\f269"; } .fa-chrome::before { content: "\f268"; } .fa-safari::before { content: "\f267"; } .fa-arrow-rotate-left::before { content: "\f0e2"; } .fad.fa-arrow-rotate-left::after { content: "\f0e2\f0e2"; } .fa-plus::before { content: "\2b"; } .fad.fa-plus::after { content: "\2b\2b"; } .fa-unlock-keyhole::before { content: "\f13e"; } .fad.fa-unlock-keyhole::after { content: "\f13e\f13e"; } .fa-trash-can::before { content: "\f2ed"; } .fad.fa-trash-can::after { content: "\f2ed\f2ed"; } .fa-face-frown::before { content: "\f119"; } .fad.fa-face-frown::after { content: "\f119\f119"; } .fa-file-contract::before { content: "\f56c"; } .fad.fa-file-contract::after { content: "\f56c\f56c"; } .fa-instagram::before { content: "\f16d"; } .fa-gears::before { content: "\f085"; } .fad.fa-gears::after { content: "\f085\f085"; } .fa-circle-play::before { content: "\f144"; } .fad.fa-circle-play::after { content: "\f144\f144"; } .fa-xing::before { content: "\f168"; } .fa-caret-up::before { content: "\f0d8"; } .fad.fa-caret-up::after { content: "\f0d8\f0d8"; } .fa-bell-exclamation::before { content: "\f848"; } .fad.fa-bell-exclamation::after { content: "\f848\f848"; } .fa-link-slash::before { content: "\f127"; } .fad.fa-link-slash::after { content: "\f127\f127"; } .fa-copy::before { content: "\f0c5"; } .fad.fa-copy::after { content: "\f0c5\f0c5"; } .fa-cart-circle-xmark::before { content: "\e3f4"; } .fad.fa-cart-circle-xmark::after { content: "\e3f4\e3f4"; } .fa-file-magnifying-glass::before { content: "\f865"; } .fad.fa-file-magnifying-glass::after { content: "\f865\f865"; } .fa-clone::before { content: "\f24d"; } .fad.fa-clone::after { content: "\f24d\f24d"; } .fa-compress::before { content: "\f066"; } .fad.fa-compress::after { content: "\f066\f066"; } .fa-lock::before { content: "\f023"; } .fad.fa-lock::after { content: "\f023\f023"; } .fa-clock-rotate-left::before { content: "\f1da"; } .fad.fa-clock-rotate-left::after { content: "\f1da\f1da"; } .fa-paper-plane::before { content: "\f1d8"; } .fad.fa-paper-plane::after { content: "\f1d8\f1d8"; } .fa-linkedin-in::before { content: "\f0e1"; } .fa-upload::before { content: "\f093"; } .fad.fa-upload::after { content: "\f093\f093"; } .fa-lock-open::before { content: "\f3c1"; } .fad.fa-lock-open::after { content: "\f3c1\f3c1"; } .fa-arrows-up-down-left-right::before { content: "\f047"; } .fad.fa-arrows-up-down-left-right::after { content: "\f047\f047"; } .fa-angles-up::before { content: "\f102"; } .fad.fa-angles-up::after { content: "\f102\f102"; } .fa-angles-down::before { content: "\f103"; } .fad.fa-angles-down::after { content: "\f103\f103"; } .fa-envelopes-bulk::before { content: "\f674"; } .fad.fa-envelopes-bulk::after { content: "\f674\f674"; } .fa-thumbtack::before { content: "\f08d"; } .fad.fa-thumbtack::after { content: "\f08d\f08d"; } .fa-pinterest-p::before { content: "\f231"; } .fa-print::before { content: "\f02f"; } .fad.fa-print::after { content: "\f02f\f02f"; } .fa-circle-right::before { content: "\f35a"; } .fad.fa-circle-right::after { content: "\f35a\f35a"; } .fa-screen-users::before { content: "\f63d"; } .fad.fa-screen-users::after { content: "\f63d\f63d"; } .fa-tablet-screen-button::before { content: "\f3fa"; } .fad.fa-tablet-screen-button::after { content: "\f3fa\f3fa"; } .fa-face-smile::before { content: "\f118"; } .fad.fa-face-smile::after { content: "\f118\f118"; } .fa-calendar-xmark::before { content: "\f273"; } .fad.fa-calendar-xmark::after { content: "\f273\f273"; } .fa-trash-arrow-up::before { content: "\f829"; } .fad.fa-trash-arrow-up::after { content: "\f829\f829"; } .fa-key::before { content: "\f084"; } .fad.fa-key::after { content: "\f084\f084"; } .fa-barcode-read::before { content: "\f464"; } .fad.fa-barcode-read::after { content: "\f464\f464"; } .fa-envelope-open-text::before { content: "\f658"; } .fad.fa-envelope-open-text::after { content: "\f658\f658"; } .fa-circle-chevron-down::before { content: "\f13a"; } .fad.fa-circle-chevron-down::after { content: "\f13a\f13a"; } .fa-align-left::before { content: "\f036"; } .fad.fa-align-left::after { content: "\f036\f036"; } .fa-shoe-prints::before { content: "\f54b"; } .fad.fa-shoe-prints::after { content: "\f54b\f54b"; } .fa-microphone::before { content: "\f130"; } .fad.fa-microphone::after { content: "\f130\f130"; } .fa-bookmark::before { content: "\f02e"; } .fad.fa-bookmark::after { content: "\f02e\f02e"; } .fa-exclamation::before { content: "\21"; } .fad.fa-exclamation::after { content: "\21\21"; } .fa-whatsapp::before { content: "\f232"; } .hidden { display: none !important; } .bold_text { font-weight: bold; } .center_text { text-align: center; } .nobr { white-space: nowrap; } pre { margin: 0; } .plain_list { padding: 0; margin: 0; list-style: none; } .field_with_filter .filtered { display: none !important; } .field_with_filter .remove { max-height: 0; opacity: 0; } .field_with_filter .selection_element, .field_with_filter .checkbox_list li, .field_with_filter .ipfit__checkbox_list_element_wrapper li { transition: background 200ms, max-height 200ms ease-out, padding 200ms, opacity 200ms ease-in; } .field_with_filter .selection_element, .field_with_filter .checkbox_list li:not(.remove), .field_with_filter .ipfit__checkbox_list_element_wrapper li:not(.remove) { opacity: 1; } html { line-height: 1.4; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: rgba(255, 255, 255, 0); } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: none; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } @supports not (content-visibility: hidden) { [hidden:not([hidden="until-found"])] { display: none; } } * { -webkit-tap-highlight-color: transparent; } input:focus, textarea:focus { outline: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } a:focus { outline: 0; } body, html, button, dl, menu, ul, ol { margin: 0; padding: 0; } body, button { color: #333333; font-family: Univers, Arial, sans-serif; } a { text-decoration: none; color: inherit; } dl, menu, ul, ol { list-style-type: none; } .area_layout__default { background-color: #FFFEFD; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { html { scroll-padding-top: 290px; } } .header_menu_row, .header_navigation_wrapper, .footer_navigation_wrapper, .area_layout__default .shop_page_wrapper { margin: 0 auto; } .tree_list_item_name { display: inline-block; } .product_box_marketing_text_tiny ul, .mce-content-body ul, .content_with_list ul, .error_layer ul, .info_layer ul, .cst_html_with_embedded_snippets ul { list-style-type: disc; } .product_box_marketing_text_tiny ol, .mce-content-body ol, .error_layer ol, .info_layer ol, .content_with_list ol, .cst_html_with_embedded_snippets ol { list-style-type: decimal; } ol > li::marker{ font-kerning: none; } .product_box_marketing_text_tiny ul, .product_box_marketing_text_tiny ol { margin-left: 1em; } .product_box_marketing_text_tiny ol > li ol, .product_box_marketing_text_tiny ul > li ul, .product_box_marketing_text_tiny ol.with_indent, .product_box_marketing_text_tiny ul.with_indent, .cst_html_with_embedded_snippets ol.with_indent, .cst_html_with_embedded_snippets ul.with_indent { margin-left: 2em; } .shop_page_wrapper .area_wrapper__trade { box-sizing: border-box; } .area_wrapper__navigation { float: left; width: 20%; } .area_wrapper__navigation ~ .area_wrapper__trade { float: left; width: calc(100% - 20%); } .main_navigation.tree_breadcrumb { display: flex; } .breadcrumb_navigation_container .tree_list li { display: flex; list-style-type: none; } .master_layout_side_button_wrapper { position: fixed; z-index: 5; right: 2%; } .master_layout_side_button_wrapper.scroll_to_top { bottom: 3%; } .ip_button__scroll_to_top, .ip_button__scroll_to_content { text-align: center; font-size: 4rem; display: none; } ol,ul{ padding: 0; } p { margin: 0 0 1.4rem 0; } th { font-weight: normal; } body { font-size: 1rem; line-height: 1.4; overflow-anchor: none; } main { flex-grow: 2; max-height: 20000000px; } .outdated_browser_warning { position: relative; top: 0; left: 0; right: 0; background: red; text-align: center; padding: 8px; color: white; } .outdated_browser_warning a{ text-decoration: underline; } .shop_page_title_wrapper_trade { margin-bottom: 1em; } .shop_page_content { text-align: left; } body.area_layout__default { min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; } .area_layout__default .shop_page_wrapper, form[name="recently_viewed_items"] { box-sizing: border-box; } .shop_page_layout__trade { box-sizing: border-box; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { body { font-size: .94rem; line-height: 1.4; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { body { font-size: .94rem; line-height: 1.4; min-width: 280px; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .shop_page_layout__trade { padding: 0 20px; } } .shop_page_wrapper.dev__incompatible_areaLayout:before { position: absolute; display: block; left: 0px; top: 0px; border: 2px solid red; content: 'DEV INFO: Incompatible areaLayout mapped to shop2020! Bitte fehlerhafte Seite an DK melden, damit das noch umgestellt werden kann. Danke.'; padding: .2em .1em; color: red; font-weight: bolder; background: rgba(255,15,15,.2); z-index: 250; } .tree_list_level_1 .tree_list_item_name { padding: 4px 0; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .header_navigation_wrapper .tree_list.tree_list_level_1 > li > .tree_list_item_name:first-child { margin-bottom: 1em; padding: 0; } .area_layout__default .shop_page_wrapper, .area_layout__default form[name="recently_viewed_items"] { max-width: 1376px; padding: 0 32px; } .area_layout__default .shop_page_wrapper { margin: 0 auto; } form[name="recently_viewed_items"] { margin: 100px auto 0 auto; margin-top: 160px; } } .simple_set_info_wrapper { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: .5em; grid-row-gap: .2em; white-space: nowrap; } .simple_set_info_wrapper .label, .simple_set_info_wrapper .value { text-align: right; } .tree_list_item_name { display: block; } .master_layout_side_button_wrapper.scroll_to_top .ip_button { font-size: 3rem; opacity: 0.6; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .master_layout_side_button_wrapper.scroll_to_top { bottom: 3px; } .master_layout_side_button_wrapper.scroll_to_top .ip_button { font-size: 40px; margin-right: 0.2em; } } .disable_page_background_div.page_transition_overlay { transition: none; } @keyframes show_wheel { 0% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } .loading_wheel { left: calc(50% - 0.5em); font-size: 50px; top: calc(50% - 1em); animation: show_wheel 3000ms; } .disable_page_background_div.page_transition_overlay{ justify-content: center; } .disable_page_background_div.page_transition_overlay .loading_wheel { position: initial; } .disable_page_background_div.page_transition_overlay .loading_wheel:before{ opacity: 1; } .header_navigation_wrapper .tree_list.tree_list_level_1 > li > .tree_list_item_name:first-child { font-weight: bold; color: #003798; } .header_navigation_wrapper .tree_list.tree_list_level_1 > li > .tree_list_item_name:first-child > .tree_list_item_name_content::after { content: '\200C'; } .footer_navigation_container ul.tree_list_level_0:not(.tree_footer_micro) > li > .tree_list_item_name { font-weight: bold; color: #54565b; } .block_visible, .block_hidden { transition: max-height 150ms linear, visibility 150ms; } .block_visible { max-height: 50vh; visibility: visible; } .block_hidden { max-height: 0px; overflow: hidden; visibility: hidden; } header { z-index: 3; } header .header { position: relative; width: 100%; box-sizing: border-box; background-color: #FFFEFD; color: #333333; } .header_menu_row { display: flex; align-items: center; position: relative; padding-top: 0.2em; } .header_menu_block_right { white-space: nowrap; text-align: right; } .header_menu_block_center { flex-grow: 20; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .header_menu_block_center { flex-basis: 80%; } } .layout_language_switch_item { display: flex; align-items: center; padding: 0.3rem 0; cursor: pointer; } .layout_language_switch_item img { margin-right: 0.3em; } .header_suser_container { display: flex; position: absolute; justify-content: center; width: 100%; z-index: 1; } .logo_container img { height: auto; display: inline-block; max-width: 100%; max-height: calc(100% - 20px); } .logo_container .logo_link { display: inline-block; } .header_menu_row .logo_container { flex-grow: 1; } .image_outer_container { display: flex; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .header_navigation_wrapper ul.tree_list, .header_navigation_wrapper ul.tree_list > li { display: inline-block; } .header_navigation_wrapper > ul.tree_list_level_0 { display: grid; grid-template-rows: auto; grid-gap: 20px; grid-auto-flow: column; justify-content: start; align-items: end; } } .header_navigation_wrapper .tree_list_item_name { white-space: nowrap; } .header_navigation_wrapper .tree_list > li > .tree_list_item_name { cursor: pointer; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .header_navigation_layer { position: absolute; z-index: 2; height: 0; } } .header_navigation_layer:not(.layer_active) { overflow: hidden; } .header_navigation_layer.layer_active { height: auto; } .header_navigation_wrapper { position: relative; } .header_navigation_layer { height: 0; opacity: 0; transition: opacity 150ms linear 100ms; } .header_navigation_layer.layer_active.close_layer { overflow: hidden; opacity: 0; transition: opacity 150ms linear; } .header_navigation_layer.layer_active { height: auto; opacity: 1; max-height: calc(100vh - 260px); overflow-y: auto; } .navigation_container { max-height: 1100px; } .navigation_container.close_layer { max-height: 0px; transition: max-height 150ms linear 50ms; } .tree_list_item__to_connect .tree_list_item_name_content { display: flex; align-items: center; } .connect_icon { width: 20px; height: auto; margin-right: 6px; } .tree_my_account_info .tree_list_item_icon_before { margin: 0 6px 0 .1em; } .disable_page_background_div.navigation_grayout{ display: none; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .header_navigation_layer:not(.layer_active) { padding: 0 32px; } .header_navigation_wrapper > ul.tree_list_level_0 { grid-gap: 32px; margin: 0; } .header_navigation_wrapper.custom_navigation > ul.tree_list_level_0{ align-items: center; } .header_navigation_wrapper .tree_list.tree_list_level_1, .header_navigation_wrapper .tree_list.tree_list_level_2 { display: grid; } .header_navigation_wrapper .tree_list_level_0 > li > .tree_list_item_name { cursor: pointer; margin-bottom: 16px; } .customer_header_wrapper .header_navigation_wrapper{ min-height: 2em; padding-top: 5px; padding-bottom: 5px; } .customer_header_wrapper .header_navigation_wrapper .tree_list_level_0 > li > .tree_list_item_name { margin-bottom: 0; } .header_navigation_wrapper .tree_list.tree_list_level_1 > li > span.tree_list_item_name, .header_navigation_wrapper .tree_list.tree_list_level_1 li { cursor: default; } .header_navigation_wrapper .tree_list.tree_list_level_2 { grid-template-columns: 1fr; } .navigation_container { box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); border-radius: 0 0 8px 8px; background-color: #FFFEFD; transition: max-height 150ms linear 100ms, max-width 150ms linear 100ms, left 150ms linear, transform 150ms linear, width 150ms linear, height 150ms linear; height: 0; } #main_navigation_background_box:before { content: ''; display: block; width: 100%; position: absolute; top: 0; margin-top: -15px; height: 15px; background-color: #FFFEFD; } .header_navigation_wrapper .tree_list_level_0 > .header_navigation_active_item > .tree_list_item_name, .header_navigation_wrapper .tree_list_level_0 > li > .tree_list_item_name:hover .tree_list_item_name_content, .header_navigation_wrapper .tree_list_level_0 > li > .tree_list_item_name:hover i, .header_navigation_wrapper .tree_list_level_1 a:hover { color: #C77000; } .header_navigation_layer.layer_active { width: calc(100% - 2 * 32px); box-sizing: border-box; left: 32px; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .header_navigation_wrapper .tree_list.tree_list_level_1 { grid-template-columns: repeat(auto-fit,minmax(250px, 1fr)); gap: 32px 20px; } .header_navigation_layer.layer_active { padding: 20px; } .header_navigation_wrapper .tree_list_item_name { white-space: normal; } } @media (min-width: 1136px), print { .header_navigation_wrapper .tree_list.tree_list_level_1 { grid-template-columns: 1fr 1fr 1fr; gap: 32px 0; } .header_navigation_layer.layer_active { padding: 32px; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .header_navigation_wrapper { color: #333333; } .tree_list_item__shop2020__site__hide_headline_on_smartphone > .tree_list_item_name{ display: none; } .header_navigation_layer { position: initial; } .header_navigation_wrapper .tree_list.tree_list_level_0 > li:not(.no_children) > .tree_list_item_name:before { content: '\f107'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; transform: rotate(0); transition: transform 150ms linear; display: inline-block; margin: 0 6px 0 0; } .header_navigation_wrapper .tree_list.tree_list_level_0 > li.open:not(.no_children) > .tree_list_item_name { font-weight: bold; } .header_navigation_wrapper .tree_list.tree_list_level_0 > li.open:not(.no_children) .tree_list_item_name:before { transform: rotate(180deg); } .header_navigation_layer.layer_active{ padding: 0 0 0 20px; border-left: 1px solid #54565b; margin-bottom: 20px; } .header_navigation_wrapper .tree_list.tree_list_level_1 > li > .tree_list_item_name:first-child { margin-top: 15px; } .header_navigation_wrapper .tree_list_item_name { padding: .5em 0; white-space: normal; } .header_navigation_wrapper .tree_list_level_0 > li:not(.no_children) { cursor: pointer; } .tree_list_item__publication_notice_system { display: none; } } .popup_wrapper.header_popup .tree_list li > a { margin: 0 0 20px 0; } .barcode_popup { transform: translate(-50%, -50%); } .barcode_popup .drawingBuffer { display: none; } .barcode_hint { padding-top: 1em; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .barcode_popup { width: 100vw; max-height: 100vh; } .barcode_scanner video { width: 100%; } } .header_menu_link i { font-size: 1.7em; color: #003798; position: relative; transition: color 200ms; } .no-touch .header_menu_link:hover i { color: #C77000; } .header_menu_link { display: block; position: relative; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .header_menu_link i { font-size: 22px; } } .header_menu_icon .info_counter { display: block; position: absolute; text-align: center; } .header_menu_search { position: relative; margin: 0 auto; } .header_menu_search_container { display: flex; width: 100%; } .header_menu_search_fill { width: 100%; } .header_menu_search_fill .search_input { display: block; width: 100%; height: 100%; border: none; } .header_menu_search_fill .ipfit__field__wrapper { padding: 0; } .header_menu_search_submit > button { height: 100%; } .header_menu_search_submit > button, .header_menu_search_submit > button:hover { background-color: #FFC100; color: white; } .header_menu_search_submit i { padding: 0 .5em; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .header_menu_search_fill { position: static; } .header_menu_search_show_input_field_trigger .ip_button_type__icon { font-size: 1em; padding: 0; } } .header_ac_content_wrapper { color: initial; } .header_ac_content_wrapper .product_box_inner_container { flex-wrap: nowrap; } .header_ac_footer { background-color: #FFFEFD; width: 100%; display: block; text-align: center; } div.auto_completion_data_div_container { position: absolute; } @media only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { div.auto_completion_data_div_container { width: 65vw; } } @media only screen and (max-width: 798.8px) { div.auto_completion_data_div_container { width: 95vw; } } header div.auto_completion_data_div { position: absolute; top: 5px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); background: #FFFEFD; width: 100%; z-index: 100; } @media only screen and (max-width: 798.8px) { .header_menu_row { flex-wrap: wrap; } .header_menu_row .header_menu_block_center { order: 3; } .header_menu_row .header_menu_block_right { flex-grow: 4; } .search-submit-text > i { font-size: 1em; padding: 0.25em 0.4em; } .header_menu_block_center { padding-top: 0.5em; padding-bottom: 0.5em; } } @media only screen and (min-width: 798.9px) and (max-width: 799.4px) { .header_menu_row { flex-wrap: nowrap; align-items: center; padding-top: 0.5em; padding-bottom: 0.5em; } .header_menu_block_center { padding-top: 0; } } header { z-index: 100; margin: 0 0 64px 0; } .header .customer_header_wrapper { position: relative; } header .header { transition: opacity 500ms; } .intranet_with_unauthenticated_customer header { background-color: #FFFEFD; } .intranet_with_unauthenticated_customer:not(.view_type__only_info) header .header { opacity: 0.5; pointer-events: none; } header div.top_info_bar { display: flex; justify-content: flex-end; gap: 32px; padding-top: 4px; max-height: 2em; position: relative; z-index: 10; font-size: 0.88rem; line-height: 1.4; } .header_menu_icon { padding: 0.2em 0; } .header_menu_icon:empty { display: none; } .header_menu_row .logo_container img { width: 100%; } .no-touch .header_menu_link:hover, .no-touch .header_menu_link:hover i { color: #C77000; } .header_menu_icon .header_menu_label { white-space: normal; text-align: center; white-space: pre; } .custuser_with_quotation_filter div[data-divname="show-login"] .header_menu_label { white-space: pre-line; } form.header_menu_search { width: 100%; } .header_menu_search_container { border: none; } .ip_button_type__plain_text.ip_button__search_fields:not(.ip_button__disabled) { margin-left: 10px; } .header_menu_search_submit { height: 100%; } .header_menu_search_submit .ip_button_type__icon { color: #333333; font-size: 1.7em; padding: 0; } header .popup_content_wrapper { color: #333333; } .header_menu_row .popup_wrapper { left: 50%; transform: translateX(-50%); } .popup_wrapper.header_popup .ip_button_type__plain_text { margin: 0.5em 0; } .popup_wrapper.header_popup.login, .custuser_with_quotation_filter .popup_wrapper.header_popup.my_account_info { min-width: 300px; box-sizing: border-box; } .popup_wrapper.with_loading_indicator_placeholder.header_search_filter { width: 70vw; max-width: 1200px; top: 100px; border-radius: 8px; } .popup_wrapper.with_loading_indicator_placeholder.header_search_filter:not(.popup_is_loading) { max-height: 70vh; } .popup_wrapper.header_search_filter { padding-right: 0; } .popup_wrapper.header_search_filter .popup_content_wrapper:not(.loading_indicator_placeholder) { max-height: 65vh; padding-right: 1em; } .popup_wrapper.header_search_filter .placements_wrapper__grid .engine_action_buttons_wrapper { width: 100%; } .header_watchlist_menu_popup, .header_please_log_in_popup, .please_log_in .popup_content_wrapper, .header_quotation_menu_popup { white-space: normal; } header .header_menu_search_field_and_submit { flex-direction: row; align-items: center; box-sizing: border-box; border-radius: 4px; border: 1px solid #54565b; flex-grow: 1; } .header_menu_search_submit .ip_button__search { margin: 0px 0px 0px 12px; height: 100%; border-radius: 0 4px 4px 0; } .header .header_shadow { position: absolute; bottom: -20px; left: 0; width: 100%; height: 20px; overflow: hidden; background: transparent; pointer-events: none; max-width: 100vw; } .header.customer_specific_header .header_shadow{ top: -20px; } .header .header_shadow:before { content: ' '; position: absolute; transform: translateY(-20px); width: 100%; height: 100%; border-radius: 100%; box-shadow: 0 0 calc(20px * 0.75) 2px rgba(0, 0, 0, 0.5);; bottom: 0; } .header_menu_search_field_and_submit{ background: #FFFEFD; display: flex; } .header_menu_search_field div.ipfit__field__wrapper { padding: 0; } .header_menu_search_fill input.search_input { border: none !important; } .header_menu_search_fill input.search_input:focus { outline: none !important; } .customer_header_logo_wrapper img { display: block; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { header { margin: 0 0 32px 0; } header .header { padding: 20px 20px 0 20px; align-items: end; display: grid; grid-template-columns: 25px auto min-content; gap: 8px 16px; } .view_type__only_info header .header { grid-template-columns: auto auto min-content; } .header_menu_row{ display: contents; } .header_menu_row .logo_container .logo_link { position: relative; left: max(calc((100% - 127px) * 0.35), 0px); } .header_menu_row .logo_container img { max-width: 127px; margin: -13px 0 0 0; } .header .transformicon__menu{ grid-column: 1 / span 1; grid-row: 1; } .nav_with_transformicon_icon .header_menu_block_right{ grid-column: 3; grid-row: 1; display: flex; flex-direction: row; gap: 1em; justify-self: end; } .responsive_logged_in_top_block{ padding: 0 0 20px 0; margin: 20px 0; border-bottom: 1px solid #54565b; } .responsive_logged_in_top_block .customer_header_logo_wrapper{ margin: 0 0 20px 0; } .header .header_menu_block_center { grid-column: 1 / span 3; grid-row: 2; padding: 0; } .header_menu_search_fill input.search_input, .header_menu_search_submit .ip_button_type__icon { font-size: .94rem; line-height: 1.4; } .header_menu_search_submit .ip_button_type__icon { padding: .2em; } .header_menu_search_fill input.search_input{ padding: .2em 1em .2em .5em; } .header_menu_search_fill .field_core_wrapper .clear_button_wrapper{ margin-left: -1em; } .header .header_shadow{ display: none; } .header .header_menu_icon.logged_in .fa-user:before{ content: '\f4fc'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .header_menu_search_container { flex-direction: row; align-items: center; } .header_menu_search_field .ipfit__field__wrapper input.ipfit__text:focus { background: transparent; } .header_menu_search .header_menu_icon .ip_button .before { color: #333333; } .header_menu_search_show_input_field_trigger button i:before, .header_menu_icon .icon, .header_menu_icon .ip_button .before { line-height: 1.4em; font-size: 22px; color: #003798; } #header_navigation.display_wrapper.about_to_show, #header_navigation.display_wrapper.about_to_hide, #header_navigation.display_wrapper { display: flex; } #header_navigation.display_wrapper { flex-direction: column; justify-content: start; padding: 78px 0 0 0; box-sizing: border-box; } #header_navigation > .customer_header_wrapper { margin: 0; order: 1; padding: 0 0 24px 0; margin: 0 20px 24px 20px; border-bottom: 1px solid #54565b; } #header_navigation .customer_header_wrapper .custom_navigation{ display: flex; flex-direction: column; } #header_navigation .customer_header_wrapper .custom_navigation > .customer_header_logo_shadow{ order: 1; margin: 0 0 24px 0; } #header_navigation .customer_header_wrapper .custom_navigation > .main_navigation{ order: 2; margin: 0; } #header_navigation > .header_navigation_wrapper { margin: 0; order: 2; padding: 0 20px 200px 20px; max-height: 100%; overflow: auto; } #header_navigation .close_display_wrapper_button { visibility: hidden; } header .layout_language_switch { display: none; } .customer_header_logo_wrapper img { height: auto; max-width: 100%; } .switch_language_wrapper{ display: flex; flex-direction: row; justify-content: center; margin-top: 32px; } .language_item:not(:last-of-type):after{ content: '|'; margin: 0 1em; font-weight: normal; position: relative; top: -2px; } .language_item.active{ font-weight: bold; } .language_item:not(.active) a{ cursor: pointer; } .ip_button.ip_button_type__plain_text.language_item { color: #333333 } #trigger_header_navigation { height: 22px; width: 25px; padding-bottom: 11px; } .view_type__only_info header .layout_language_switch.header_switch_main_wrapper{ font-size: .81rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .header_menu_row .logo_container { flex-grow: 0; } .header_menu_row .logo_container img { min-width: 150px; } .header_menu_row, .header_menu_block_right, .header_navigation_wrapper > ul.tree_list_level_0 { gap: calc(( 0.02375 * 100vw ) + 5px); } .header_menu_row .logo_container img { width: calc(( 0.239 * 100vw ) - 41.045px); } .header_menu_block_right.extended{ gap: calc(0.033 * 100vw - 21px); } .header_menu_row{ display: flex; } header div.top_info_bar{ font-size: .81rem; line-height: 1.4; } .header_menu_search_fill input.search_input { font-size: .94rem; line-height: 1.4; } header .top_info_bar .header_top_info_item .label { padding-right: 6px; } .view_type__only_info header .layout_language_switch.header_switch_main_wrapper{ padding-right: 32px; } } @media (min-width: 1136px), print { .header_menu_block_right.extended > *{ align-self: start; } .header_menu_block_center { grid-column: 4 / span 5; } .header_menu_row{ display: grid; grid-template-columns: repeat(12,1fr); grid-auto-flow: column; grid-auto-columns: 1fr; gap: 0 32px; } .logo_container { grid-column: 1 / span 3; } .header_menu_block_right { grid-column: 9 / span 4; gap: 0 32px; } .header_menu_block_right.extended { display: contents; } .view_type__only_info header .layout_language_switch.header_switch_main_wrapper{ font-size: 0.88rem; line-height: 1.4; } header .top_info_bar .header_top_info_item .label { padding-right: 6px; } header { position: sticky; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { header { top: 0; margin: 0 0 64px 0; } .view_type__only_info header .layout_language_switch.header_switch_main_wrapper{ display: flex; justify-content: flex-end; padding-top: 4px; max-width: 1376px; margin: 0 auto; } .header_watchlist_menu_popup, .header_please_log_in_popup, .popup_wrapper.please_log_in, .header_quotation_menu_popup { width: 25em; } header .top_info_bar { margin: 0 auto; } .header_menu_row .logo_container img { max-width: 230px; margin: -5% 0 0 -11%; } header .top_info_bar, .header_menu_row, .header_navigation_layer { max-width: 1376px; padding: 20px 32px 0 32px; box-sizing: border-box; } .header_navigation_wrapper { max-width: 1376px; padding: 0 32px; box-sizing: border-box; } #header_navigation { padding-top: 20px; transition: padding 150ms linear; } .header_menu_icon.logged_in .popup_wrapper.my_account_info { top: 90px; } .logo_container, .header_menu_block_right { flex-grow: 0; } .logo_container { box-sizing: border-box; margin: 12px 0; } .header_menu_block_right { justify-self: end; display: flex; justify-content: flex-end; } .header_top_info_item, .header_top_info, .top_info_bar .header_suser_container { display: flex; flex-direction: row; } .header_navigation_wrapper, .header_menu_row { position: relative; } .header_menu_row { z-index: 5; } .header_navigation_wrapper { z-index: 4; } .customer_header_wrapper { position: relative; background-color: #FFFEFD; filter: drop-shadow(0 0 6px rgba(0,0,0,.5)); line-height: 2em; z-index: 1; } .customer_header_wrapper .header_navigation_wrapper{ display: flex; justify-content: flex-end; } .customer_header_wrapper .header_navigation_wrapper.custom_navigation{ justify-content: space-between; } .customer_header_logo_wrapper { z-index: 2; background-color: #FFFEFD; display: flex; align-items: center; padding: 3px 8px 8px 8px; box-sizing: border-box; } .customer_header_logo_wrapper img { height: 100%; max-height: 80px; width: auto; } .header_top_info_item { position: relative; } header .top_info_bar .header_top_info_item, header .top_info_bar .header_suser_container, header .top_info_bar .layout_language_switch { order: 2; } header .top_info_bar .layout_language_switch { order: 1; } .header_switch_label_wrapper { cursor: pointer; } #header_top_info_contact .header_switch_label_wrapper i, .header_top_info_item.delivery_information i { padding-right: 6px; color: #333333; line-height: unset; } header .top_info_bar .header_switch_popup .popup_content_wrapper { max-height: 90vh; overflow: auto; } header .top_info_bar .header_suser_container { position: static; width: auto; flex-grow: 60; margin-right: auto; text-align: center; } .top_info_bar .header_suser_container .header_suser { margin: auto 0; } .header_menu_icon .header_menu_link>i{ margin: 0 0 4px 0; } .header_menu_icon .header_menu_link .header_menu_label_container, .header_menu_icon .header_menu_link:not(.inline) { display: flex; flex-direction: column; align-items: center; cursor: pointer; } header .header_menu_search_field_and_submit { max-width: 480px; } header .field_core_wrapper .clear_button_wrapper { margin-left: 0; } header .header_menu_search .ip_button__search_fields{ text-align: left; } header .header_switch_label_wrapper, header .header_top_info_item.delivery_information { display: flex; flex-direction: row; position: relative; } header .header_top_info_item.delivery_information { cursor: pointer; } .layout_inquiry_link_menu_item_wrapper > layout_inquiry_link_menu_item, header .layout_language_switch > .layout_language_switch_item_wrapper > .layout_language_switch_item { padding: 0; } header .layout_language_switch > .layout_language_switch_item_wrapper:before, header .header_site_information:before { content: '\f0ac'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; padding-right: 6px; color: #333333; } .header_switch_label_wrapper:after { content: '\f107'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; margin-left: 6px; } header .layout_language_switch.triggered_popup_open > .layout_language_switch_item_wrapper:after, header .header_site_information.triggered_popup_open:after { color: #333333; } header .inquiry_menu_popup, header .site_information_popup { min-width: 110%; } header .popup_wrapper.layout_language_switch_popup, header .popup_wrapper.inquiry_menu_popup, header .popup_wrapper.site_information_popup { border-radius: 0 3px 3px 3px; } .layout_inquiry_link_menu_popup_content .layout_inquiry_link_menu_item, .layout_language_switch_popup_content .layout_language_switch_item, .header_top_info_site_list > li { padding: 5px 15px; cursor: pointer; white-space: nowrap; } .layout_inquiry_link_menu_popup_content .layout_inquiry_link_menu_item_wrapper:hover, .layout_language_switch_popup_content .layout_language_switch_item_wrapper:hover, .header_top_info_site_list > li:hover, .popup_wrapper.header_popup .tree_list li a:hover { color: #C77000; } .header_top_info_site_list > li { display: flex; justify-content: space-between; } .layout_inquiry_link_menu_item { display: flex; align-items: center; padding: 0.3rem 0; cursor: pointer; } } .header_menu_icon .info_counter { color: #333333; background-color: #FFC100; padding: 0.3em; line-height: 1em; border-radius: 50%; top: -10px; font-weight: bold; min-width: 1em; font-size: 0.8em; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .header_menu_icon .info_counter { right: -10px; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .header_menu_icon .info_counter { left: 60%; } } header div.auto_completion_data_div{ filter: drop-shadow(0 0 6px rgba(0,0,0,.5)); box-shadow: none; } @media (min-width: 1136px), print { .header_menu_search_field .auto_completion_data_div_container { left: -25%; } .header_ac_media_type_wrapper .item{ font-size: 1rem; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .header_menu_search_field .auto_completion_data_div_container { position: fixed; left: calc((100vw - max(700px, 70vw)) / 2); } .header_ac_media_type_wrapper .item{ font-size: .94rem; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .header_menu_search_field .auto_completion_data_div_container { width: 70vw; max-width: 1000px } .header_menu_search_field .auto_completion_data_wrapper{ min-width: 700px; } div.header_ac_content_wrapper { display: grid; grid-template-columns: 65fr 30fr; gap: 40px; } .header_ac_no_hits { padding: 40px 30px; } .header_ac_content_wrapper{ padding: 24px 40px 0 40px; } .onscreen_keyboard .header_menu_search_field a.header_ac_footer{ background-color: transparent; padding: 20px 20px; } .onscreen_keyboard .header_menu_block_center .header_ac_content_wrapper { display: none; } } @media (min-width: 1136px), print { .onscreen_keyboard .header_menu_search_field .auto_completion_data_div_container{ width: 478px; left: 0; } .onscreen_keyboard header div.auto_completion_data_div{ width: 100%!important; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .header_menu_search_field a.header_ac_footer{ background-color: transparent; padding: 20px 20px; } .header_ac_content_wrapper, .header_ac_no_hits { padding: 20px 20px; } .header_ac_media_type_wrapper { margin-top: 1em; } .header_menu_block_center .auto_completion_data_wrapper .header_ac_content_wrapper{ display: none; } .header_menu_block_center .auto_completion_data_div { width: calc(100vw - 2 * 20px)!important; } } .header_menu_block_center .auto_completion_data_div { top: 44px; } .header_menu_block_center .auto_completion_data_wrapper { max-height: 80vh; overflow-y: auto; } .header_ac_no_hits { text-align: center; } .ac_headline { margin-bottom: 10px; font-weight: bold; } .header_ac_media_type_wrapper .item:hover:after, .header_ac_article_wrapper div.product_box_inner_container:hover:after, .header_ac_article_wrapper div.auto_completion_data_row_selected div.product_box_inner_container:after, .header_ac_article_wrapper div.auto_completion_data_row_highlighted div.product_box_inner_container:after { content: ' '; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #C77000; } .header_ac_media_type_wrapper .item{ box-sizing: border-box; position: relative; display: flex; justify-content: space-between; cursor: pointer; border-bottom: 1px solid #54565b; padding: 8px 5px; } .header_ac_media_type_wrapper .item:hover{ color: #C77000; } a.header_ac_footer { display: block; background-color: #FFFEFD; color: #003798; text-align: left; width: auto; padding: 24px 40px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } a.header_ac_footer i{ margin-right: 6px; } .header_intersection_observer_dummy { position: absolute; top: 50px; width: 1px; height: 1px; display: block; background: transparent; } .header_menu_row { transition: padding 150ms linear; } .header_menu_row .logo_container img { transition: max-width 150ms linear; } @media (min-width: 1136px), print { .header_menu_label_container, .top_info_bar, .header_navigation_wrapper { max-height: 3em; transition: max-height 150ms linear; } .header_scrolled:not(.scroll_up):not(.cci_edit_mode) header:not(.protected) .header.customer_specific_header .header_shadow{ top: initial; } .onscreen_keyboard header:not(.protected) .header_menu_row, .header_scrolled:not(.scroll_up):not(.cci_edit_mode) header:not(.protected) .header_menu_row { padding: 0 32px 0 32px; } .onscreen_keyboard header:not(.protected) .customer_header_wrapper .header_navigation_wrapper, .header_scrolled:not(.scroll_up):not(.cci_edit_mode) header:not(.protected) .customer_header_wrapper .header_navigation_wrapper { min-height: 0px; padding-top: 0; padding-bottom: 0; } .onscreen_keyboard header:not(.protected) .header_menu_block_right.extended > *, .header_scrolled:not(.scroll_up):not(.cci_edit_mode) header:not(.protected) .header_menu_block_right.extended > * { align-self: center; } .onscreen_keyboard header:not(.protected) #header_navigation, .header_scrolled:not(.scroll_up):not(.cci_edit_mode) header:not(.protected) #header_navigation { padding-top: 0; } .onscreen_keyboard header:not(.protected) .header_menu_row .logo_container img, .header_scrolled:not(.scroll_up):not(.cci_edit_mode) header:not(.protected) .header_menu_row .logo_container img { max-width: 160px; } .onscreen_keyboard header:not(.protected) #ipfit__field_wrapper__quick_search__search__search_term input, .header_scrolled:not(.scroll_up):not(.cci_edit_mode) header:not(.protected) #ipfit__field_wrapper__quick_search__search__search_term input { padding: .3em .5em; } .onscreen_keyboard header:not(.protected) .header_menu_search_submit .ip_button_type__icon, .header_scrolled:not(.scroll_up):not(.cci_edit_mode) header:not(.protected) .header_menu_search_submit .ip_button_type__icon{ font-size: 1.3rem; } .onscreen_keyboard header:not(.protected) .header_menu_label_container, .onscreen_keyboard header:not(.protected) .top_info_bar, .onscreen_keyboard header:not(.protected) .header_navigation_wrapper, .header_scrolled:not(.scroll_up):not(.cci_edit_mode) header:not(.protected) .header_menu_label_container, .header_scrolled:not(.scroll_up):not(.cci_edit_mode) header:not(.protected) .top_info_bar, .header_scrolled:not(.scroll_up):not(.cci_edit_mode) header:not(.protected) .header_navigation_wrapper { overflow: hidden; max-height: 0; } } .tree_schweitzer_services_navigation { margin-bottom: 0; } .tree_schweitzer_services_navigation .tree_list_item_name { white-space: nowrap; display: flex; align-items: center; } .tree_schweitzer_services_navigation .tree_list_item_image { height: 1.25em; width: auto; } .tree_schweitzer_services_navigation .tree_list_item_image_wrapper { line-height: 0; } .tree_schweitzer_services_navigation .tree_list_item_image_wrapper, .tree_schweitzer_services_navigation .tree_list_item_icon_before { width: 1.75em; } .schweitzer_services_switch > .ip_button.ip_button__my_schweitzer_services { margin-left: 1.75em; } .schweitzer_services_switch > .ip_button.ip_button__my_schweitzer_services:before { background-color: #FFFFFF; background-image: var(--before-background-url); background-size: auto 1.25em; position: absolute; left: 0; top: 1px; content: " "; width: 1.25em; height: 1.25em; } .popup_wrapper.header_popup .tree_schweitzer_services_navigation.tree_list li > span.tree_list_item_name { margin: 0 0 20px 0; } .site_information_popup .popup_content_wrapper{ max-width: 550px; width: max-content; } .inquiry_menu_popup .popup_content_wrapper { max-width: 450px; width: max-content; } .header_qoutation_filter_intro_text { white-space: pre-line; } .header_qoutation_filter_intro_text, .header_qoutation_filter_intro_text ~ .ipfit__field__wrapper, .header_qoutation_filter_intro_text ~ .ip_button { margin-bottom: 32px; } [data-ipfit-fieldname="bt_quotation_filter"] .ipfit__view_mode_content { white-space: pre; } input, textarea, select, .ipfit_dateTime > .ipfit__datetime_wrapper, .ipfit__datetime_wrapper:not(.range_wrapper), .ipfit_sortedList_select_wrapper, .ipfit_swapSelection.use_popup .read_only_overflow_wrapper { background: #FFFEFD; color: #000000; } [tabindex='-1']:focus { outline: 0; } .ipfit__datetime_wrapper input { border: none; } input:focus { background: #FFFEFD; } .ipfit__field__inner_wrapper { position: relative; } .ipfit__field_wrapper__mandatory input, .ipfit__field_wrapper__mandatory textarea, .ipfit__field_wrapper__mandatory select, .ipfit__field_wrapper__mandatory .ipfit_dateTime > .ipfit__datetime_wrapper, .ipfit__field_wrapper__mandatory .ipfit_swapSelection.use_popup { background: #FFFEFD; } .ipfit__field_wrapper__error input, .ipfit__field_wrapper__error textarea, .ipfit__field_wrapper__error select, .ipfit__field_wrapper__error .ipfit_dateTime > .ipfit__datetime_wrapper, .ipfit__field_wrapper__error .ipfit_swapSelection.use_popup { background: #FFFEFD; } .ipfit__field__wrapper .ipfit__quantity_control { position: absolute; display: flex; flex-direction: column; justify-content: center; background: #FFFEFD; top: 1px; right: 0; margin-right: 1px; min-width: 1.3em; } .ipfit__field__wrapper .ipfit__quantity_control > a { line-height: 0.5; margin-right: 0; } .ipfit__field_error { color: #FFFFFF; flex-basis: 100%; } .ipfit__no_html_content, .ip_engine_message__no_html_content { white-space: pre-line; } .field_core_wrapper.with_clear_button input[type="search"]::-ms-clear { display: none; } .field_core_wrapper.with_clear_button input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } .field_core_wrapper.with_clear_button { display: inline-flex; flex-direction: row; align-items: center; width: 100%; } .field_core_wrapper.with_clear_button input { padding-right: 1.7em; } .field_core_wrapper .clear_button_wrapper { position: absolute; right: 0; opacity: 0; transition: opacity 150ms linear; pointer-events: none; } .field_core_wrapper.with_selection_button .clear_button_wrapper { margin-left: -3em; } .clear_button_wrapper.show { opacity: 1; pointer-events: auto; } .ipfit__field__wrapper input[type=number]::-webkit-inner-spin-button, .ipfit__field__wrapper input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .ipfit__field__wrapper input[type=number] { -moz-appearance: textfield; } .ipfit__mlfield__wrapper .toplabel { color: #3595b0; } .ipfit__mlfield__inner_wrapper:first-child { margin-top: 7px; } .ipfit__mlfield__inner_wrapper:not(:last-child) { margin-bottom: 10px; } .ipfit__field_wrapper_label__inline, .ipfit__field_wrapper_label__inline_movable { position: relative; } .ipfit__field_wrapper_label__inline_movable { padding-top: 10px; } .ipfit__inline_label { z-index: 2; position: absolute; font-size: 12px; top: 0.5em; left: 0.5em; cursor: auto; } .ipfit__link_label { cursor: pointer; } .ipfit__fieldlabel__mandatory:after { font-weight: bold; } .ipfit__inline_label_invisible { display: none !important; } .ipfit__field_wrapper_label__inline_movable .ipfit__inline_label { transition: all 120ms ease-in-out 0s; } .ipfit__field_wrapper_label__inline_movable .ipfit__inline_label_movable { background-color: #FFFEFD; left: 3px; top: -10px; padding: 1px 2px; font-size: 0.9em; transform: none; line-height: 1; border-radius: 2px; } .ipfit__inline_label_movable { position: absolute; } .ipfit__field_wrapper_label__toplabel > .ipfit__fieldlabel { display: block; } .ipfit__field__wrapper input, .ipfit__field__wrapper textarea, select.ipfit__selection, .ipfit_direct_engine_upload .input_components_wrapper { box-sizing: border-box; max-width: 100%; padding: 0.5em; } .ipfit__fieldlabel__mandatory:not(:empty):after { content: '*'; margin-left: .3em; } .ipfit__field__wrapper, .engine_page_element:not(.engine_page_field_group_element_row):not(.headline_big) > .ipfit__headline__wrapper { padding: 0.5em 0; } .ipfit__field__wrapper.ipfit__headline__wrapper, .ipfit__field__wrapper.ipfit__show_resultset__wrapper { padding: 0; } .ipfit__headline__wrapper { padding-bottom: 0.5em; } .ipfit__fieldlabel:not(:empty), .datetime_content_container select { color: #333333; } .ipfit__field__inner_wrapper:not(.ipfit_show_resultset) { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; } .ipfit__field__inner_wrapper.ipfit_checkbox_awesome:not(.ipfit_show_resultset) { display: grid; grid-template-columns: min-content auto; justify-content: start; } .ipfit__field__inner_wrapper.ipfit_checkbox_awesome:not(.ipfit_show_resultset) .ipfit__field_error{ grid-column: 1 / -1; } .ipfit__field__inner_wrapper.ipfit_checkbox_awesome:not(.ipfit_show_resultset) .online_help_wrapper{ grid-column: 3; } .ipfit_range_inner_wrapper > .ipfit__field__inner_wrapper:not(.ipfit_show_resultset) { display: block; } .ipfit__text:not(.resultset_filter_input), .selection_core_wrapper, .ipfit__view_mode_content:not(:empty), .ipfit_show_resultset_table_wrapper { flex-grow: 1; } @media (min-width: 1136px), print { .ipfit__text:not(.resultset_filter_input), .selection_core_wrapper, .ipfit__view_mode_content:not(:empty), .ipfit_show_resultset_table_wrapper { flex-basis: 50%; } } .ipfit_checkbox_awesome > .ipfit__text { flex-basis: auto; flex-grow: 0; } .ipfit__unit { margin-left: 1em; } .ip_engine_page .engine_page_element.colspan_2 div.ipfit:not(.ipfit__ignore_default_max_width) { max-width: 100%; } .ipfit__description { margin-top: 5px; } input, textarea, .ipfit select:not(.ipfit_readonly), .ipfit__gts__text, .ipfit__view_mode_content, .ipfit_dateTime > .ipfit__datetime_wrapper, .ipfit_checkbox_list, .with_wrapper_border, .combo_box_wrapper { border: 1px solid #54565b; border-radius: 4px; width: 100%; } .plain_mode .ipfit__fieldlabel:not(:empty){ margin-left: 0; } .plain_mode .ipfit.ipfit_text input, .plain_mode .ipfit__field__wrapper textarea, .plain_mode .ipfit_radio_list .ipfit__checkbox_list_wrapper, .plain_mode .ipfit_checkbox_list, .plain_mode .ipfit_checkbox_awesome, .plain_mode .ipfit_dateTime > .ipfit__datetime_wrapper, .plain_mode .ipfit__view_mode_content:not(:empty), .plain_mode .combo_box_wrapper { padding: 0; } .ipfit__field__inner_wrapper.skip_border, .ipfit__field__inner_wrapper.skip_border .ipfit__checkbox_list_wrapper, .ipfit__field__inner_wrapper.skip_border .ipfit__view_mode_content, .ipfit__field__inner_wrapper.skip_border { border: none; } .ipfit__field__inner_wrapper.skip_border .ipfit__view_mode_content{ padding: 0; } .ipfit_dateTime > .ipfit__datetime_wrapper { width: unset; } .ipfit a.ipfit__checkbox_awesome:focus{ border-radius: 2px; outline: 2px solid #003798; } .ipfit:not(.ipfit_dateTime):not(.ipfit_show_resultset):not(.ipfit_comboBox) input:focus, .ipfit textarea:focus, .ipfit select:focus, .ipfit_dateTime > .ipfit__datetime_wrapper.ipfit__focus { border: 1px solid #003798; outline: 1px solid #003798; } .ipfit *, .ipfit *:focus { outline: none; } .ipfit.ipfit_text input, .ipfit__field__wrapper textarea, .ipfit select.ipfit__selection, .ipfit select.ipfit__treeSelection, .ipfit_dateTime > .ipfit__datetime_wrapper, .ipfit_radio_list, .ipfit_checkbox_list, .ipfit__gts__text, .ipfit__view_mode_content, .combo_box_wrapper { min-height: 2.5em; } .ipfit.ipfit_text input, .ipfit__field__wrapper textarea, .ipfit_radio_list .ipfit__checkbox_list_wrapper, .ipfit_checkbox_list, .ipfit_checkbox_awesome, .ipfit__view_mode_content, .combo_box_wrapper { padding: 0.5em; box-sizing: border-box; } .ipfit_dateTime > .ipfit__datetime_wrapper { padding-right: 0.5em; } .ipfit__line_of_text__wrapper .ipfit__view_mode_content:empty{ padding: 0; min-height: 0; border: none; } .ipfit select.ipfit__selection, .ipfit select.ipfit__treeSelection, input.ipfit__gts__text { padding: 0.5em 2em 0.5em 0.5em; } .combo_box_input_item .additional_placeholder { position: absolute; top: 0; left: 0; padding: 0.5em; } .ipfit select, .ipfit__gts__text { background-color: #FFFEFD; } .ipfit select, .ipfit.ipfit_text input, .ipfit__gts__text { text-overflow: ellipsis; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .engine_page_element.empty { height: 1.5em; } } .ipfit_readonly:not(.ipfit_show_resultset_table_wrapper) .ipfit_dateTime > .ipfit__datetime_wrapper, .ipfit_readonly:not(.ipfit_line_of_text) .ipfit__view_mode_content, .ipfit_disabled, .ipfit_checkbox_awesome.ipfit_readonly { background: #F7F7F7; color: #333333; } .ipfit_readonly:not(.ipfit_line_of_text) .ipfit__view_mode_content:empty::after { content: '\200C'; } .ipfit__fieldlabel:empty{ display: none; } .ipfit__fieldlabel:not(:empty), .ipfit__field_error { margin-left: 4px; flex-basis: 100%; } .engine_page_element .ipfit__fieldlabel { min-height: 1.4em; } .ipfit__fieldlabel__mandatory:after { content: ' ' !important; } .ipfit__field_wrapper__mandatory .ipfit__field_wrapper_label__wrapper:not(.ipfit_readonly) label:not(:empty) i { color: #333333; margin: 0 0 0 8px; transform: translateY(-1px); } .ipfit__field_wrapper__mandatory .ipfit__field__inner_wrapper.ipfit_selection:not(.ipfit_readonly):before { right: 1.5em; } html.is-ie .ipfit__field_wrapper__mandatory .ipfit__field__inner_wrapper.ipfit_selection:not(.ipfit_readonly):before { right: 2em; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .ipfit__field_wrapper__mandatory .ipfit__field_wrapper_label__wrapper:not(.ipfit_readonly) label:not(:empty) i { font-size: .63rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .ipfit__field_wrapper__mandatory .ipfit__field_wrapper_label__wrapper:not(.ipfit_readonly) label:not(:empty) i { font-size: .69rem; line-height: 1.4; } } @media (min-width: 1136px), print { .ipfit__field_wrapper__mandatory .ipfit__field_wrapper_label__wrapper:not(.ipfit_readonly) label:not(:empty) i { font-size: 0.75rem; line-height: 1.4; } } .ipfit__field_error { flex-basis: 100%; position: relative; margin: 1em 0 0 0; display: flex; border-radius: 6px; flex-direction: column; align-self: flex-start; } .ipfit__field_error:before, .ipfit__field_error { background-color: #CC0000; } .ipfit__field_error:empty { display: none; } .combo_box_wrapper{ display: flex; justify-content: space-between; } input::placeholder, .combo_box_input_item .additional_placeholder { color: #A6A6A6; font-weight: normal; } .ipfit__field__wrapper .ipfit__quantity_control { top: 4px; background: transparent; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } html:not(.i_am_an_apple):not(.is-safari):not(touch) select:not(".cal_display_selection") { -moz-appearance: none; -webkit-appearance: none; appearance: none; } html:not(.i_am_an_apple):not(.is-safari):not(touch) .ipfit_selection .selection_core_wrapper{ position: relative; } html:not(.i_am_an_apple):not(.is-safari):not(touch) .ipfit_selection .selection_core_wrapper:after{ background: #FFFEFD; content: '\f107'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; display: block; pointer-events: none; position: absolute; right: 1px; width: 1em; border-radius: 3px; top: calc(50% - 12px); line-height: 24px; padding-right: 7px; text-align: right; transition: background-color 250ms, color 250ms, box-shadow 250ms; color: #333333; } html.is-ie:not(touch) .ipfit_selection .selection_core_wrapper:after{ width: 20px; line-height: 30px; top: calc(50% - 15px); } textarea { resize: vertical; } .ipfit_text.ipfit__field__inner_wrapper.with_quantity_change_buttons{ align-items: center; gap: 4px; } .ipfit_text.ipfit__field__inner_wrapper.with_quantity_change_buttons input.ipfit__text{ text-align: center; max-width: 56px; min-height: 0; padding: 0; } .ipfit_text.ipfit__field__inner_wrapper.with_quantity_change_buttons input.ipfit__text:focus, .ipfit_text.ipfit__field__inner_wrapper.with_quantity_change_buttons input.ipfit__text{ border: none; } .ipfit_text.ipfit__field__inner_wrapper.with_quantity_change_buttons .ipfit__quantity_control{ display: contents; } .ipfit_text.ipfit__field__inner_wrapper.with_quantity_change_buttons .ipfit__quantity_control [data-quantity_control="increase"]{ order: -1 } .ipfit_text.ipfit__field__inner_wrapper.with_quantity_change_buttons.ipfit_readonly .ipfit__view_mode_content{ border: none; background: none; color: #333333; padding: 0; } .ipfit__action_button_wrapper { padding: 0.5em 0 0; } .ipfit__full_width { width: 100%; } table.result_table { margin: 0; border: none; } table.result_table th { text-align: left; } .result_table_title { width: 100%; margin: 0; border: none; border-top-right-radius: 4px; border-top-left-radius: 4px; } .title_wrapper { display: flex; justify-content: space-between; align-items: center; font-weight: bold; } .result_table_title .title_right { text-align: right; } .result_table_title .title_left { text-align: left; } .result_table_title .subtitle { font-weight: normal; } table.result_table th.header_cell.sort_column { cursor: pointer; vertical-align: middle; } table.result_table th.header_cell .label_wrapper { display: inline-block; line-height: initial; white-space: normal; } table.result_table th.header_cell.sort_column > .header_cell_content { display: grid; grid-template-areas: "label sort_order"; grid-template-columns: auto 1fr; align-items: center; column-gap: 1em; } table.result_table th.header_cell.sort_column .header_cell_content:before { content: '\f106'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; grid-area: sort_order; position: relative; top: -3px; } table.result_table th.header_cell.sort_column .header_cell_content:after { content: '\f107'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; grid-area: sort_order; position: relative; bottom: -3px; } .pagination_active_rpage a { font-weight: bold; cursor: default; } .pagination_wrapper { display: flex; justify-content: space-between; align-items: center; } .pagination_wrapper .ipfit_selection { display: flex; } .pagination_wrapper .ipfit_selection .selection_core_wrapper { width: 5em; } .pagination_wrapper .ipfit_selection .ipfit__text { padding-left: 1em } .search_pagination_label { display: inline-block; } .search_pagination_list { display: flex; align-items: center; margin: 0; } .search_pagination_list li { list-style: none; } .pagination_wrapper .search_pagination_list_item:after, .pagination_wrapper .shorten_pagination_separator:after, .pagination_wrapper .search_pagination_list_item:first-child:before { content: none; } .shorten_pagination_separator span { display: inline-block; } .search_pagination_list_item a, .shorten_pagination_separator span { padding: 0.3em 0.8em; } .search_pagination_list_item a { cursor: pointer; } table.result_table th.subheader_cell { font-weight: normal; } table.result_table td.data_cell_left { text-align: left; } table.result_table .label_highlighted { font-weight: bold; } table.result_table .align_right { text-align: right; } table.result_table .align_center { text-align: center; } table.result_table .align_center .ipfit_checkbox_awesome { display: inline-flex; } table.result_table img.image-fa-angle-down, table.result_table img.image-fa-angle-right { width: 12px; height: 12px; } table.result_table img.image-fa-angle-down { margin: -2 auto; } table.result_table_headlines th { white-space: nowrap; } .search_engine_result_block_container.with_scroll_container { overflow: auto; } .header_row.with_filter { vertical-align: top; } .header_row.with_filter .header_cell { height: 1px; } .header_cell_wrapper { display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; } .ipfit_show_resultset .resultset_filter_input { width: 100%; box-sizing: border-box; } .ipfit_show_resultset .resultset_filter_input__bool { min-width: max-content; appearance: auto; } .result_table.highlight_on_mouseover tr.data_odd_row:hover, .result_table.highlight_on_mouseover tr.data_even_row:hover { background: #F7F7F7; } .ipfit_show_resultset th, .ipfit_show_resultset .data_cell { padding: 0.5em 1em; } .ipfit__show_resultset .data_odd_row { background-color: #FFFEFD; } .ipfit_show_resultset:not(.bt_order_table) tr.data_odd_row:hover { background-color: #FFFEFD; } .ipfit__show_resultset .header_cell_row { background-color: #EDEDED; } .ipfit__show_resultset .data_even_row, .ipfit__show_resultset .result_table_filter_row{ background-color: #F7F7F7; } .ipfit__show_resultset .header_wrapper { color: #333333; } .ipfit__show_resultset .header_cell div.header_wrapper { display: flex; justify-content: space-between; } .pagination_wrapper .ipfit_selection { flex-direction: row; align-items: baseline; } .pagination_wrapper .ipfit_selection .ipfit__text { padding-left: 0.5em; } .pagination_wrapper .search_pagination_container, .subheader_wrapper .col_option_fields { margin: auto 0; } table#bt_order_table tr, table#bt_order_table td, table#bt_rfq_table tr, table#bt_rfq_table td { display: block; } table.result_table th.header_cell.sort_column .header_cell_content:before { font-size: 14px; position: static; } table.result_table th.header_cell.sort_column.sort_none .header_cell_content:before { content: '\f0dc'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } table.result_table th.header_cell.sort_column.sort_asc .header_cell_content:before { content: '\f0dd'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } table.result_table th.header_cell.sort_column.sort_desc .header_cell_content:before { content: '\f0de'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } table.result_table th.header_cell.sort_column .header_cell_content:after { content: ' '; } .ipfit__text_ca_right { text-align: right; } .ipfit__text_ca_center { text-align: center; } .ipfit__password_visibility { position: absolute; padding-right: 0.5em; right: 0; top: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; } .field_core_wrapper.with_pw_visibility_button { position: relative; width: 100%; } .field_core_wrapper.with_pw_visibility_button .checkbox__wrapper { margin: 0; } .field_core_wrapper.with_pw_visibility_button input::-ms-reveal { display: none; } .ipfit__password_visibility .awesome_checkbox_wrapper a.awesome_checkbox { font-size: 12px; } .ip_engine_message_page_message { margin-bottom: 2em; } .ip_engine_message_page_wrapper__success .ip_engine_message_page_message { color: #333333; } .ip_engine_message_page_wrapper__failure .ip_engine_message_page_message { color: #FFFFFF; } .ip_engine_message_page_wrapper__info .ip_engine_message_page_message { color: #333333; } .ip_engine_page .ip_engine_message_page_message svg.success_icon, .ip_engine_page .ip_engine_message_page_message svg.failure_icon, .ip_engine_page .ip_engine_message_page_message svg.info_icon { width: 35px; height: 35px; display: inline-block; } .ip_engine_header_message { transition: opacity 0.7s, max-height 0.7s, margin 300ms 3.8s; box-sizing: border-box; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); border-radius: 3px; } .ip_engine_header_message:empty { max-height: 0; opacity: 0; overflow: hidden; } .ip_engine_header_message:not(:empty) { max-height: 30vh; overflow: auto; opacity: 1; margin: 1em 0; position: relative; } .ip_engine_header_message_wrapper { display: flex; padding: 6px 8px; border-radius: 5px; } .ip_engine_header_message_wrapper > a { padding: 0 .2em; } .ip_engine_header_message:not(:empty) .ip_engine_header_message_wrapper:before { font-size: 14px; margin-right: .5em; text-align: center; line-height: normal; } .ip_engine_header_message_error_out_of_viewport_hint .ip_engine_header_message_wrapper, .ip_engine_header_message_error .ip_engine_header_message_wrapper { background-color: #CC0000; } .ip_engine_header_message_error_out_of_viewport_hint .ip_engine_header_message_wrapper:before, .ip_engine_header_message_error .ip_engine_header_message_wrapper:before { content: '\f06a'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; color: #FFFFFF; } .ip_engine_header_message_warning .ip_engine_header_message_wrapper { background-color: #fce8ce; } .ip_engine_header_message_warning .ip_engine_header_message_wrapper:before { content: '\f071'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; color: #333333; } .ip_engine_header_message_info .ip_engine_header_message_wrapper { background-color: #daf0f7; } .ip_engine_header_message_info .ip_engine_header_message_wrapper:before { content: '\f05a'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; color: #1aa3c8; } .ip_engine_header_message_success .ip_engine_header_message_wrapper { background-color: #006A00; } .ip_engine_header_message_success .ip_engine_header_message_wrapper:before { content: '\f058'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; color: #333333; } .ip_engine_header_message.ip_engine_header_message_fade_out { overflow: hidden; animation: hideMessageBox 0.8s; animation-fill-mode: forwards; animation-delay: 3s; } @keyframes hideMessageBox { from { max-height: 30vh; } to { max-height: 0; margin: 0; } } .ip_engine_message_page_message { display: flex; align-items: center; } .ip_engine_message_page_message .svg_icon_wrapper svg.svg_icon { display: block; } .svg_icon_message, .ip_engine_message_page_message_content { font-weight: bold; font-size: 16px; margin-left: .5em; } svg.success_icon .path, svg.failure_icon .path, svg.info_icon .path { stroke-dasharray: 1000; stroke-dashoffset: 0; } svg.success_icon .path { stroke: #333333; } .success_wrapper .success_message { color: #333333; } svg.failure_icon .path { stroke: #FFFFFF; } .failure_wrapper .failure_message { color: #FFFFFF; } svg.info_icon .path { stroke: #333333; } .is-ie svg.success_icon .path, .is-ie svg.failure_icon .path, .is-ie svg.info_icon .path { stroke-dasharray: 0 !important; } svg.success_icon .path.circle, svg.failure_icon .path.circle, svg.info_icon .path.circle { -webkit-animation: dash 0.9s ease-in-out; animation: dash 0.9s ease-in-out; } svg.success_icon .path.line, svg.failure_icon .path.line, svg.info_icon .path.line { stroke-dashoffset: 1000; -webkit-animation: dash 0.9s 0.35s ease-in-out forwards; animation: dash 0.9s 0.35s ease-in-out forwards; } svg.success_icon .path.check { stroke-dashoffset: -100; -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards; animation: dash-check 0.9s 0.35s ease-in-out forwards; } .is-ie svg.success_icon .path.check { stroke-dashoffset: 0; } @-webkit-keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } @keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } .ipfit__field_info svg.success_icon, .ipfit__field_info .success_message { display: inline-block; width: auto; margin: 0; } .ipfit__field_info .success_message { margin-left: 0.3em; } .ipfit__field_info .success_wrapper { display: flex; align-items: center; margin-top: 0.5em; } .ip_engine_header_message.ip_engine_header_message_error_out_of_viewport_hint{ max-height: 0; opacity: 0; overflow: hidden; } .ip_engine_header_message.ip_engine_header_message_error_out_of_viewport_hint.show{ max-height: 30vh; overflow: auto; opacity: 1; } .shop_page_layout__trade_plain .ip_engine_page.error_page_message_container { padding: 1em; } .ip_engine_header_message_error_out_of_viewport_hint, .ip_engine_header_message_error, .global_error { color: #FFFFFF; } .ip_engine_message_page_wrapper__failure, .global_error { padding: 1em; background-color: #CC0000; } .global_error { margin-bottom: 1em; } .ip_engine_message_page_message .svg_icon_wrapper { display: none !important; } .ip_engine_message_page_message .ip_engine_message_page_message_content { margin-left: 0; } .ip_engine_header_message:not(:empty), .global_error { border-radius: 8px; box-shadow: none; } @media (min-width: 1136px), print { .header_search_filter .ip_engine_header_message:not(:empty) { margin-left: 1.5em; margin-right: 1.5em; } } .ip_engine_header_message:not(:empty) .ip_engine_header_message_wrapper::before { position: initial; margin-right: 6px; } .ip_engine_businessTransaction_page .ip_engine_header_message:not(:empty) { margin-bottom: 20px; } .ip_engine_header_message_success { color: #FFFFFF; } .ip_engine_header_message_success .ip_engine_header_message_wrapper::before { color: #FFFFFF; content: '\f00c'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .button_list_item { margin: 10px 0; } .ip_engine_header_message_wrapper { padding: 1em; align-items: baseline; } .ip_engine_header_message_wrapper > div { white-space: pre-line; } .ip_engine_message_page_wrapper .engine_instance_button_list{ display: flex; flex-direction: row; justify-content: center; gap: 2em; } .message_purpose_container { padding: 32px 0; display: inline-block; } .ip_engine_message_page_wrapper .ip_engine_message_page_message { margin-bottom: 0; font-weight: bold; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .ip_engine_message_page_wrapper .ip_engine_message_page_message { font-size: .94rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .ip_engine_message_page_wrapper .ip_engine_message_page_message { font-size: .94rem; line-height: 1.4; } } @media (min-width: 1136px), print { .ip_engine_message_page_wrapper .ip_engine_message_page_message { font-size: 1rem; line-height: 1.4; } } .ip_engine_header_message.ip_engine_header_message_fade_out { animation-delay: 5s; } .transformicon { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: 0; padding: 0; display: inline-block; position: relative; font-size: 1em; cursor: pointer; z-index: 100; } .transformicon.toggled { z-index: 3000; } .transformicon:focus{ outline: none; } .transformicon .icon { position: relative; } .transformicon .icon, .transformicon .icon:before, .transformicon .icon:after { background: #003798; } .transformicon_menu_lines, .transformicon_menu_lines:before, .transformicon_menu_lines:after { height: 2px; width: 25px; border-radius: .2em; display: block; } .transformicon_menu_lines:before, .transformicon_menu_lines:after { content: ''; position: absolute; width: 100%; transition: transform 300ms; transform: translateY(0) rotateZ(0); } .transformicon_menu_lines:before { top: -0.4em; } .transformicon_menu_lines:after { top: 0.4em; } .transformicon__menu_to_x .transformicon_menu_lines { transition: background 300ms; } .transformicon__menu_to_x .transformicon_menu_lines:before, .transformicon__menu_to_x .transformicon_menu_lines:after { transition: top 300ms 500ms ease, transform 300ms ease; } .transformicon__menu_to_x.toggled .transformicon_menu_lines { background: transparent; } .transformicon__menu_to_x.toggled .transformicon_menu_lines:before, .transformicon__menu_to_x.toggled .transformicon_menu_lines:after { transition: top 300ms ease, transform 300ms 500ms ease; } .transformicon__menu_to_x.toggled .transformicon_menu_lines:before { top: 0; transform: rotateZ(45deg); } .transformicon__menu_to_x.toggled .transformicon_menu_lines:after { top: 0; transform: rotateZ(-45deg); } .transformicon__menu_to_arrow_left .transformicon_menu_lines:after, .transformicon__menu_to_arrow_left .transformicon_menu_lines:before { -webkit-transform-origin: 0.186em center; -ms-transform-origin: 0.186em center; transform-origin: 0.186em center; } .transformicon__menu_to_arrow_left.toggled .transformicon_menu_lines:before { transform: translateY(0.3em) rotateZ(-40deg); } .transformicon__menu_to_arrow_left.toggled .transformicon_menu_lines:after { transform: translateY(-0.3em) rotateZ(40deg); } .transformicon__chevron { width: 20px; } .transformicon .icon.transformicon_chevron_lines { background: transparent; transition: transform 500ms ease-in-out; transform: translateY(14px); } .transformicon__chevron_from_down.transformicon__chevron_to_up.toggled .icon.transformicon_chevron_lines { transform: translateY(7px); } .transformicon_chevron_lines:before, .transformicon_chevron_lines:after { height: 1px; width: 50%; content: ''; position: absolute; display: block; transition: transform 500ms ease-in-out, transform-origin 500ms ease-in-out; transform: translateY(0) rotateZ(0); } .transformicon_chevron_lines:after { left: 50%; } .transformicon__chevron_from_down.transformicon__chevron_to_up .transformicon_chevron_lines:before { transform: rotate3d(0, 0, 1, 45deg); transform-origin: 100% 100%; } .transformicon__chevron_from_down.transformicon__chevron_to_up .transformicon_chevron_lines:after { transform: rotate3d(0, 0, 1, -45deg); transform-origin: 0% 100%; } .transformicon__chevron_from_down.transformicon__chevron_to_up.toggled .transformicon_chevron_lines:before { transform: rotate3d(0, 0, 1, -45deg); transform-origin: 100% 0%; } .transformicon__chevron_from_down.transformicon__chevron_to_up.toggled .transformicon_chevron_lines:after { transform: rotate3d(0, 0, 1, 45deg); transform-origin: 0% 0%; } form[data-ip_instance_key="login"] div.button_and_label > label { margin-top: 0.5em; display: block; } .jcarousel-container { position: relative; } .jcarousel-container:not(.carousel_initialized) { visibility: hidden; } .jcarousel-container:hover .hover_visibility { visibility: visible; } .jcarousel-container .hover_visibility { visibility: hidden; } .jcarousel-clip { overflow: hidden; } .jcarousel-list { position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel-list:after { clear: both; } .jcarousel-list-horizontal { width: 22000em; } .jcarousel-item { float: left; } .carousel_item img { max-width: 100%; height: auto; } .fullscreen_supported .ip_button__start_fullscreen, .fullscreen_supported .ip_button__exit_fullscreen { position: absolute; bottom: 10px; right: 10px; font-size: 30px; } .fullscreen_supported .ip_button__start_fullscreen, .fullscreen_supported .ip_button__exit_fullscreen { display: none; } .fullscreen_mode_active .fullscreen_supported .ip_button__exit_fullscreen { display: inline-block; } .fullscreen_mode_active .fullscreen_supported .ip_button__start_fullscreen { display: none !important; } .carousel_prev, .carousel_next, .story_series_prev, .story_series_next { position: absolute; text-decoration: none; cursor: pointer; transition: color .5s; user-select: none; -webkit-user-select: none; } .carousel_prev:hover, .carousel_next:hover, .story_series_prev:hover, .story_series_next:hover { color: #C77000; } .carousel_prev:before, .carousel_next:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .carousel_next:before { content: '\f054'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .carousel_prev:before { content: '\f053'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .jcarousel-container-horizontal > .carousel_prev, .jcarousel-container-horizontal > .carousel_next { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; } .jcarousel-container-horizontal > .carousel_next { right: 5%; } .jcarousel-container-horizontal > .carousel_prev { left: 5%; } .carousel_progress_control_wrapper { position: relative; text-align: center; -webkit-user-select: none; } .carousel_progress_control_wrapper a { text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: #fff; color: #C77000; border-radius: 50%; text-indent: -9999px; margin: 0 5px; box-shadow: 0 0 2px #C77000; -webkit-user-select: none; } .carousel_progress_control_wrapper a:first-of-type:last-of-type { display: none; } .carousel_progress_control_wrapper a.active { background: #C77000; color: #fff; opacity: 1; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } .jcarousel-container[data-carousel_progress_control_animation="1"] .carousel_control_wrapper { position: absolute; width: 100%; top: 5px; display: flex; justify-content: center; } .jcarousel-container[data-carousel_progress_control_animation="1"] .carousel_progress_control_wrapper { display: flex; column-gap: 4px; justify-content: space-evenly; width: 91%; top: 0; } .jcarousel-container[data-carousel_progress_control_animation="1"] .carousel_progress_control_wrapper a { height: 2px; border-radius: 1px; flex: 1 0 0; margin: 0; position: relative; background-color: white; overflow: hidden; pointer-events: none; cursor: default; } .carousel_progress_control_wrapper .carousel_progress_control_animation { position: absolute; top: 0; left: 0; width: 0; background-color: #1aa3c8; height: 100%; } .carousel_auto_scroll_pause, .carousel_mute_video { position: absolute; top: 0; color: white; padding: 15px 12px; } .carousel_auto_scroll_pause { right: 2%; font-size: 20px; } .carousel_auto_scroll_pause.scroll_stop:before { content: '\f04c'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .carousel_auto_scroll_pause.scroll_start:before { content: '\f04b'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .carousel_mute_video { right: calc(2% + 35px); font-size: 17px; display: none; } .carousel_mute_video:before { content: '\f6a8'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .carousel_mute_video.muted:before { content: '\f2e2'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; position: relative; left: 2px; } .zoom_supported .jcarousel-clip { transform: scale(1); } .zoom_supported .jcarousel-clip.zoom_transition { transition: transform 200ms ease-in-out; } .zoom_supported .drag_wrapper { position: absolute; display: flex; flex-direction: row; } .zoom_supported .drag_wrapper img { visibility: hidden; } .zoom_supported:not(.zoom) .drag_wrapper, .zoom_supported.zoom .jcarousel-clip { pointer-events: none; } .zoom_control_wrapper { display: flex; flex-direction: row; align-items: center; } .zoom_control_slider { position: relative; width: 150px; margin: 0 10px; } .drag_wrapper, .zoom_control_slider .ui-slider-handle { cursor: pointer; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } @media (min-width: 1136px), print{ .zoom_control_wrapper { position: absolute; left: 10px; } .zoom .link_box_on_image { pointer-events: auto; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px){ .zoom_control_wrapper, .zoom_control_slider { width: 100%; max-width: 150px; } } .carousel_prev, .carousel_next { transition: color 150ms linear; font-size: 4em; } .jcarousel-container-horizontal > .carousel_prev { left: 2%; } .jcarousel-container-horizontal > .carousel_next { right: 2%; } .jcarousel-container-horizontal > .carousel_prev, .jcarousel-container-horizontal > .carousel_next { top: 42% } .carousel_full_width .carousel_prev, .carousel_full_width .carousel_next { opacity: 0; } .carousel_full_width:hover .carousel_prev, .carousel_full_width:hover .carousel_next { opacity: 1; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .carousel_prev, .carousel_next { display: none; } } .carousel_next:before { content: '\f105'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .carousel_prev:before { content: '\f104'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .window_shopping_wrapper .outer_controls { font-size: .63rem; line-height: 1.4; } .window_shopping_wrapper.is_active .outer_controls { font-size: .94rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .window_shopping_wrapper .outer_controls { font-size: .69rem; line-height: 1.4; } .window_shopping_wrapper.is_active .outer_controls { font-size: .94rem; line-height: 1.4; } } @media (min-width: 1136px), print { .window_shopping_wrapper .outer_controls { font-size: 0.75rem; line-height: 1.4; } .window_shopping_wrapper.is_active .outer_controls { font-size: 1rem; line-height: 1.4; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .window_shopping_wrapper { display: none; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .window_shopping_wrapper{ transition: margin 150ms linear; } .window_shopping_wrapper:not(.is_active){ display: grid; align-content: center; } .window_shopping_wrapper.ws_id_wrapper:not(.is_active){ min-height: 64px; margin: -64px 0 0 0; } .window_shopping_wrapper.ws_id_wrapper.is_active{ margin: 0 0 64px 0; } .window_shopping_wrapper:not(.is_active) .window_shopping_label, .window_shopping_wrapper.is_active .product_back_to_hitlist, .window_shopping_wrapper:not(.is_active) .js_close, .window_shopping_wrapper.is_active .js_open{ display : none; } .window_shopping_wrapper .window_shopping_label{ margin-left: 4px; } .window_shopping_wrapper .outer_controls{ display: grid; grid-template-columns: auto auto; gap: 0 32px; justify-content: start; } .window_shopping_carousel_wrapper { padding: 0 10px; box-sizing: border-box; position: relative; z-index: 1; height: 0; transition: height 150ms linear; overflow: hidden; display: none; } .window_shopping_wrapper.in_transition .window_shopping_carousel_wrapper, .window_shopping_wrapper.is_active .window_shopping_carousel_wrapper { display: block; } .window_shopping_wrapper.is_active .window_shopping_carousel_wrapper { height: 125px; border: 1px solid #54565b; border-radius: 6px; } .window_shopping_carousel { padding: 0 40px; } .rvi_carousel_id_wrapper .window_shopping_carousel { padding: 0 70px; } .window_shopping_carousel, .window_shopping_carousel .jcarousel-clip, .window_shopping_carousel .jcarousel-list { height: 100%; } .window_shopping_carousel .jcarousel-list { display: flex; align-items: stretch; } .window_shopping_carousel .jcarousel-item { box-sizing: border-box; } .window_shopping_carousel .carousel_item { height: 100%; } .window_shopping_carousel .product_box_wrapper { position: relative; padding: 15px 25px; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 110px; } .window_shopping_carousel .product_box_wrapper:not(.active) { cursor: pointer; } .window_shopping_carousel .product_box_wrapper:after { content: ' '; border-bottom-width: 3px; border-bottom-style: solid; display: block; position: absolute; width: 100%; bottom: 0; left: 0; transform: scaleX(0); transition: transform 150ms linear; transform-origin: 0 50%; } .window_shopping_carousel .product_box_wrapper:after { border-bottom-color: #C77000; } .window_shopping_carousel .product_box_wrapper.active:after { border-bottom-color: #2D549E; } .window_shopping_carousel .product_box_wrapper:hover:after, .window_shopping_carousel .product_box_wrapper.active:after { transform: scaleX(1); } .window_shopping_carousel .product_box_wrapper .product_box_product_image { display: contents; } .window_shopping_carousel .product_box_wrapper.active:hover .product_box_product_image img { transform: none; } .window_shopping_carousel .jcarousel-item .product_box_product_image img { width: auto; max-height: 100px; } .window_shopping_carousel.jcarousel-container-horizontal > .carousel_prev, .window_shopping_carousel.jcarousel-container-horizontal > .carousel_next { top: calc(50% - 15px); font-size: 30px; line-height: 1; } } .cms_container { padding: 5px; margin: 12px 4px; min-height: 33px; min-width: 97px; border-radius: 5px; box-sizing: border-box; } .cms_container .cms_snippet_font_awesome_icon_readonly { margin-right: 8px; font-size: 130% } .cms_container .ipfit__checkbox_awesome__wrapper .toplabel { display: inline-block; } .cms_container_parent_highlight { outline: 2px solid #02aedc !important; } .cms_container_highlight_snippet, .cms_container_highlight_cell { position: absolute; z-index: 2; box-sizing: border-box; } .cms_edit_button_group { margin-left: 1em; } .cms_inner_button_wrapper { visibility: hidden; border: 1px dashed gray; padding: 2px; } .cms_outer_button_wrapper { min-height: 2em; margin: 3px 0; } .cms_snippet_headline_wrapper { padding:0px; } .cms_child_snippet_wrapper { border: 1px solid #AAA; border-radius: 3px; padding: 3px; } div.cms_drag_and_drop_pseudo_container { position: absolute; display: none; background-color: rgba(0,0,0,0.4); border-radius: 4px; color: white; box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.4); z-index: 90000; cursor: move; cursor: grabbing; transform: rotate(0); transform-origin: 90% 50%; transition: transform 200ms; } div.cms_drag_and_drop_pseudo_container.rotate { transform: rotate(-4deg); } .ci_drag_handle { cursor: move; cursor: grab; } .cms_pinner { position: absolute; z-index: 2; font-size: 1.5em; transform: rotate(-30deg); color: #15212d; } .responsive_context_menu, .cms_highlighter_icon, .ci_drag_handle { display: none; position: absolute; text-align: center; min-width: 15px; padding: 5px; font-size: 15px; line-height: 15px; border-radius: 5px; background-color: #02aedc; color: white!important; margin: 2px 0 0 0; z-index: 5; transition: background-color 300ms; } .cms_highlighter_icon:hover, .ci_drag_handle:hover{ background-color: #14CCFD; } .cms_additional_button_wrapper { position: absolute; border-left: 1px dashed grey; border-right: 1px dashed grey; border-bottom: 1px dashed grey; background-color: white; padding: 4px; display: none; max-height: 200px; overflow-y: auto; z-index: 100; } .cms_additional_button_wrapper a { display: block; } .cms_brief_instruction { margin-top: 15px; padding: .5em; background-color: #02aedc; border-radius: 7px; text-align: center; } .cms_brief_instruction .pdf-icon { font-size: 30px; color: #1aa3c8; margin-right: 4px; } .cms_brief_instruction a { line-height: 30px; vertical-align: top; font-size: 15px; color: #000; } .center_editor__full_mode { min-width: 800px; } @media (min-width: 1136px), print { .responsive_context_menu { display: none!important; } } .cms_container_headline { position: absolute; font-size: 12px; color: white; padding: 2px 8px; z-index: 900; margin-left: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .cms_container_headline i { font-size: 15px; margin-right: 4px; position: relative; top: 1px; } .cms_container_headline.cms_container_highlight_child, .cms_container_headline.cms_container_highlight_snippet { background-color: #02aedc; } .cms_container_highlight_snippet { border-left: 2px solid #02aedc; border-top: 2px solid #02aedc; } .cms_container_highlight_child { border-left: 1px solid #02aedc; border-top: 1px solid #02aedc; } .hover_target__insert { outline: 2px solid #02aedc; } div.cms_pseudo_action_container { border: none; height: 3px; line-height:3px; width: 100%; } .cms_drag_and_drop_pseudo_container.cms_dnd_add { cursor: copy; color: #AAA; background-color: rgba(215,238,246,0.4); } .cms_drag_and_drop_pseudo_container.cms_dnd_add:before { content: '\2b'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .cms_dnd__forbidden_zone { position: relative; } .cms_dnd__forbidden_zone:after { cursor: no-drop; color: red; text-align: center; background-color: rgba(70,70,70,0.2); top: 0; left: 0; position: absolute; display: block; height: 100%; width: 100%; line-height: 100%; font-size: 25px; content: '\f05e'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .hover_target_container { outline: 1px dashed grey; } .hover_target__insert_top { box-shadow: 0 -4px 0 #02aedc!important; } .hover_target__insert_bottom { box-shadow: 0 4px 0 #02aedc!important; } .ccc__border { position: absolute; z-index: 100; background-color: #10899F; display: none; } .ccc__border.ccc__header_wrapper:not(:empty), .ccc__border.ccc__side_wrapper { background-color: rgba(200, 200, 200, 0.5); border-style: solid; border-color: #10899F; line-height: 32px; z-index: 101; } .ccc__border.ccc__side_wrapper { border-radius: 5px 0 0 5px; border-width: 2px 1px 2px 2px; width: 32px; } .ccc__border.ccc__header_wrapper{ height: 32px; border-radius: 5px 5px 0 0; border-width: 2px 2px 1px 2px; vertical-align: bottom; display: flex; flex-direction: row; align-items: center; } .ccc_button { cursor: pointer; transition: color 250ms; padding: 5px; font-size: 14px; color: #444; } .ccc_button:hover { color: #23ace2; } .cci_cell_container { height: 100%; box-sizing: border-box; } .ccc__edit_mode .cci_cell_container:empty:before { content: attr(data-cci_empty_cell_hint); min-height: 30px; font-weight: bold; font-size: 17px; color: #3ab9db; text-align: center; display: block; margin: 10px; } .hover_target_container:before { content: attr(data-ip_ccc_headline); min-height: 20px; min-width: 30px; display: block; position: absolute; background: black; color: white; padding: 5px; border-radius: 3px; box-shadow: 1px 1px 10px 2px rgba(0,0,0,.4); z-index: 10000; } .ccc__edit_mode.ccc__drag_active .cci_snippet_container { transition: transform 70ms ease-in-out; transform-origin: center; } .cci_empty_area__new_contribution_button { display : none; } .cci_edit_mode .cci_empty_area__new_contribution_button { display : block; font-size: 15px; font-weight: bold; background-color: white; box-shadow: 0 -1px 5px 1px rgba(55,55,55,0.3); border-radius: 7px; padding: 7px; margin: 15px; } .ccc__edit_mode .ipci_container { transition: padding 300ms; } .ccc__edit_mode.cci_drag_mode .ipci_container { padding: 15px 5px !important; border: 1px solid #ccc; } .ccc__edit_mode.cci_drag_mode .cms_hidden_snippet_placeholder { display: block; } .cms_hidden_snippet_placeholder { display: none; } .ccc__border, .cci_edit_active, .ccc__edit_mode .ipci_container, .cms_container_pinned, .cms_container_copy, .cms_container_cut { box-sizing: border-box; } .cms_container_copy { border: 2px solid red !important; } .cms_container_cut { border: 2px dotted red !important; } .cms_container_pinned { border: 2px solid #fe3df0 !important; } .cci_edit_active { border: 2px solid green !important; } .cci_cst_html_with_embedded_snippets .cci_snippet_container { display: inline-block; } .cms_container_border { display: none; } .cms_container_border.border_highlight_active { display: block; } .cms_container_border.with_transition { transition: all 200ms; } .cci_highlight_cell{ outline: 1px solid rgb(35.0, 172.0, 226.0)!important; background: rgba(35.0, 172.0, 226.0, 0.1)!important; } .cms__style_container_content_wrapper > .cci_cell_container:not(:empty), .grid_container > .cci_cell_container:not(:empty) { display: contents; } .grid_container > .cci_cell_container > .cci_snippet_container:only-child, .grid_container > .cci_cell_container > .cci_snippet_container:only-child > .content_container_content_wrapper, .grid_container > .cci_cell_container > .content_container_content_wrapper > .cci_cell_container > *:only-child, .grid_container > .cci_cell_container > .content_container_content_wrapper > *:only-child{ height: 100%; box-sizing: border-box; } .grid_container > .cci_cell_container > .content_container_content_wrapper{ min-width: 0; } .grid_container.border_default > .cci_cell_container > .content_container_content_wrapper{ border:1px solid #54565b; } .grid_container.border_default.gap_no_gap > .cci_cell_container > .content_container_content_wrapper ~ .content_container_content_wrapper{ border-left: none; } .grid_container.dynamic_columns_left > .cci_cell_container > .content_container_content_wrapper, .grid_container.dynamic_columns > .cci_cell_container > .content_container_content_wrapper{ min-width: auto; } .grid_container > .cci_cell_container > .colspan2 { grid-column: span 2; } .grid_container > .cci_cell_container > .colspan3 { grid-column: span 3; } .grid_container.one_column > .cci_cell_container > .colspan2, .grid_container.one_column > .cci_cell_container > .colspan3 { grid-column: span 1; } .grid_container.two_columns_same_width > .cci_cell_container > .colspan3 { grid-column: span 2; } .ipcm_wrapper { position: absolute; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); background-color: #ffffff; color: #000; border-radius: 0.5em; border: ; padding: 13px 9px; z-index: 6000; overflow-y: auto; max-height: 80vh; } .touch .ipcm_wrapper { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .ipcm_wrapper { scrollbar-color: #54565b #EDEDED; scrollbar-width: thin; } } .ipcm_wrapper::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .ipcm_wrapper::-webkit-scrollbar-track { background-color: #EDEDED; border-radius: 0.25rem; } .ipcm_wrapper::-webkit-scrollbar-thumb { border-radius: 0.25rem; background-color: #54565b; } .ipcm_wrapper::-webkit-scrollbar-corner { background-color: #EDEDED; } .ipcm_item { display: flex; align-items: baseline; cursor: pointer; padding: 4px 7px 4px 5px; } .ipcm_item.active, .ipcm_item:hover { background-color: #14CCFD; border-radius: 0.4em; } .ipcm_item > .ipcm_submenu_indicator:before { content: '\f105'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .ipcm_item_icon { min-width: 1.5em; text-align: center; margin-right: 7px; } .ipcm_item > div{ padding-left: 1em; } .ipcm_item_text { display: inline-block; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex-grow: 1; } .ipcm_submenu_indicator { flex-grow: 0; } .ipcm_item_separator { padding-bottom: 3px; margin: 3px 4px 0 4px; border-top: 1px dotted grey; } .ipcm_item_separator + .ipcm_item_separator, .ipcm_item_separator:first-child { display: none; } .ipcm_headline { font-size: large; padding-bottom: 4px; border-bottom: 1px solid grey; margin: 0 4px 4px 4px; } .ipcm_action_button { margin-left: .8em; } .ip_button_type__file { display: inline-block; box-shadow: 1px 1px 4px 0 #c8c8c8; padding: 0.5em; max-width: 100%; box-sizing: border-box; position: relative; background-color: #FFFEFD; } .ip_button_type__file::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: opacity .4s; } .ip_button_type__file:hover::before { opacity: 1; } .ip_button_type__file img { max-width: 4rem; height: auto; float: left; } .ip_button_type__file .ip_button__text { display: block; position: relative; min-height: 2em; } .ip_button_type__file .ip_button__text::before, .ip_button_type__file .ip_button__text::after { content: " "; visibility: hidden; display: block; height: 0px; overflow: hidden; } .ip_button_type__file .ip_button__text::after { clear: both; } .ip_button_type__file .file_name, .ip_button_type__file .file_size { display: block; white-space: nowrap; max-width: calc(100% - 4.5rem - 4.5rem); overflow: hidden; text-overflow: ellipsis; margin-left: 4.5rem; margin-right: 4.5rem; text-align: left; margin-bottom: .5em; } .ip_button_type__file .file_name { font-size: 1.2em; } .ip_button_type__file .file_size { font-size: 1em; font-style: italic; } .ip_button_type__file:hover span { color: #7d7d7d; } .ip_button_type__file .after { position: absolute; width: 4rem; padding: 0.5rem; text-align: center; top: 0; right: 0; } .ip_button_type__file .after:before { font-size: 2em; line-height: 2em; } div.cms_clipboard_item_copy { border: 2px solid #FF0000; } div.cms_clipboard_item_cut { border: 2px dashed #FF0000; } .grid_container img { max-width: 100%; height: auto; } .gap_small_gap { grid-gap: 0.5rem; } .gap_medium_gap { grid-gap: 2rem; } .grid_container { display: grid; } .grid_container > .content_container_content_wrapper { min-width: 0; } .grid_container.dynamic_columns > .content_container_content_wrapper { min-width: auto; } .grid_container > .content_container_content_wrapper > *:only-child{ height: 100%; box-sizing: border-box; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .one_column { grid-template-columns: 1fr; } .two_columns_same_width { grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr); } .three_columns_same_width { grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr); } .four_columns_same_width { grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr); } .five_columns_same_width { grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr); } .six_columns_same_width { grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr); } .grid_container.dynamic_columns { display: flex; justify-content: space-between; flex-wrap: nowrap; } .grid_container.dynamic_columns .cci_wrapper_snippet_glue_logic_image_link, .grid_container.dynamic_columns .cci_wrapper_snippet_upload_image { width: max-content; } .grid_container > .colspan2 { grid-column: span 2; } .grid_container > .colspan3 { grid-column: span 3; } .grid_container.one_column > .colspan2, .grid_container.one_column > .colspan3 { grid-column: span 1; } .grid_container.two_columns_same_width > .colspan3 { grid-column: span 2; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .grid_container.responsive_single_column { grid-template-columns: minmax(100%, 1fr); } .grid_container.responsive_two_columns { grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr); } } [style*="--layout_area_width"] .responsive_flexible { justify-items: center; } [style*="--layout_area_width"] .responsive_flexible.two_columns_same_width { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--layout_area_width) * 0.9 / 2), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.two_columns_same_width.gap_small_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((var(--layout_area_width) - 0.5rem * 1) * 0.9 / 2), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.two_columns_same_width.gap_medium_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((var(--layout_area_width) - 2rem * 1) * 0.9 / 2), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.three_columns_same_width { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--layout_area_width) * 0.9 / 3), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.three_columns_same_width.gap_small_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((var(--layout_area_width) - 0.5rem * 2) * 0.9 / 3), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.three_columns_same_width.gap_medium_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((var(--layout_area_width) - 2rem * 2) * 0.9 / 3), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.four_columns_same_width { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--layout_area_width) * 0.9 / 4), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.four_columns_same_width.gap_small_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((var(--layout_area_width) - 0.5rem * 3) * 0.9 / 4), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.four_columns_same_width.gap_medium_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((var(--layout_area_width) - 2rem * 3) * 0.9 / 4), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.five_columns_same_width { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--layout_area_width) * 0.9 / 5), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.five_columns_same_width.gap_small_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((var(--layout_area_width) - 0.5rem * 4) * 0.9 / 5), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.five_columns_same_width.gap_medium_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((var(--layout_area_width) - 2rem * 4) * 0.9 / 5), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.six_columns_same_width { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--layout_area_width) * 0.9 / 6), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.six_columns_same_width.gap_small_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((var(--layout_area_width) - 0.5rem * 5) * 0.9 / 6), 100%), 1fr)); } [style*="--layout_area_width"] .responsive_flexible.six_columns_same_width.gap_medium_gap { grid-template-columns: repeat(auto-fill, minmax(min(calc((var(--layout_area_width) - 2rem * 5) * 0.9 / 6), 100%), 1fr)); } .content_container_container_style { position: relative; z-index: 0; overflow: hidden; } .content_container_container_style .content_container_content_cell_1 { position: absolute; z-index: -1; } .cms__style_container { position: relative; } .cms__style_container_content_wrapper { box-sizing: border-box; } .cms__style_container > .cms__style_container_content_wrapper { position: relative; } .cms__style_container_link + .cms__style_container_content_wrapper { pointer-events: none; } .cms__style_container_link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .cms__style_container_link + .cms__style_container_content_wrapper .content_link { pointer-events: auto; } .cms__style_container_link_text { position: absolute; top: 100%; } .cms__style_container > .cms__style_container_image_wrapper { position: absolute; left: 0; top: 0; max-width: 100%; max-height: 100%; overflow: hidden; width: 100%; } .cci_snippet_container.rotator .cms__style_container > .cms__style_container_image_wrapper { position: relative; } .cms__style_container.background_bottom > .cms__style_container_image_wrapper { top: initial; bottom: 0; } .cms__style_container > .cms__style_container_image_wrapper img { max-width: 100%; height: auto; } .cms__style_container.vertical_align_middle .cst_html_with_embedded_snippets { display: flex; flex-direction: column; align-items: center; } .cms__style_container.border__border_default { border: 1px solid #54565b; } :where(.cms__style_container.inner_padding_left_right_small) > .cms__style_container_content_wrapper { padding-left: 1em; padding-right: 1em; } :where(.cms__style_container.inner_padding_left_right_medium) > .cms__style_container_content_wrapper { padding-left: 2em; padding-right: 2em; } :where(.cms__style_container.inner_padding_left_right_big) > .cms__style_container_content_wrapper { padding-left: 3em; padding-right: 3em; } :where(.cms__style_container.inner_padding_top_bottom_small) > .cms__style_container_content_wrapper { padding-top: 1em; padding-bottom: 1em; } :where(.cms__style_container.inner_padding_top_bottom_medium) > .cms__style_container_content_wrapper { padding-top: 2em; padding-bottom: 2em; } :where(.cms__style_container.inner_padding_top_bottom_big) > .cms__style_container_content_wrapper { padding-top: 3em; padding-bottom: 3em; } .ip_button.cms_background__blue1:hover, .cms_background__blue1 { background-color: #003798; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="blue1"]:not([data-cms-font_size-key="table"]):not([data-cms-font_size-key="inline"]), .cst_html_with_embedded_snippets .cms_background__blue1:not(.cms_table):not(.cms_inline) { display: table; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="blue1"]:not([data-cms-font_size-key="table"]), .cst_html_with_embedded_snippets .cms_background__blue1:not(.cms_table) { padding: 4px 9px; } .cms_text__blue1 .ip_button__text, .cms_text__blue1 { color: #003798; } .cms_table.cms_text__blue1 th, .cms_table.cms_text__blue1 td { border: 1px solid #003798; } .cms_table.cms_text__blue1 th { background-color: #003798; } .ip_button.cms_background__petrol1:hover, .cms_background__petrol1 { background-color: #007299; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="petrol1"]:not([data-cms-font_size-key="table"]):not([data-cms-font_size-key="inline"]), .cst_html_with_embedded_snippets .cms_background__petrol1:not(.cms_table):not(.cms_inline) { display: table; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="petrol1"]:not([data-cms-font_size-key="table"]), .cst_html_with_embedded_snippets .cms_background__petrol1:not(.cms_table) { padding: 4px 9px; } .ip_button.cms_background__orange1:hover, .cms_background__orange1 { background-color: #F38B00; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="orange1"]:not([data-cms-font_size-key="table"]):not([data-cms-font_size-key="inline"]), .cst_html_with_embedded_snippets .cms_background__orange1:not(.cms_table):not(.cms_inline) { display: table; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="orange1"]:not([data-cms-font_size-key="table"]), .cst_html_with_embedded_snippets .cms_background__orange1:not(.cms_table) { padding: 4px 9px; } .cms_text__grey1 .ip_button__text, .cms_text__grey1 { color: #333333; } .cms_table.cms_text__grey1 th, .cms_table.cms_text__grey1 td { border: 1px solid #333333; } .cms_table.cms_text__grey1 th { background-color: #333333; } .ip_button.cms_background__grey3:hover, .cms_background__grey3 { background-color: #54565b; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="grey3"]:not([data-cms-font_size-key="table"]):not([data-cms-font_size-key="inline"]), .cst_html_with_embedded_snippets .cms_background__grey3:not(.cms_table):not(.cms_inline) { display: table; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="grey3"]:not([data-cms-font_size-key="table"]), .cst_html_with_embedded_snippets .cms_background__grey3:not(.cms_table) { padding: 4px 9px; } .cms_text__grey3 .ip_button__text, .cms_text__grey3 { color: #54565b; } .cms_table.cms_text__grey3 th, .cms_table.cms_text__grey3 td { border: 1px solid #54565b; } .cms_table.cms_text__grey3 th { background-color: #54565b; } .ip_button.cms_background__grey7:hover, .cms_background__grey7 { background-color: #DADADA; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="grey7"]:not([data-cms-font_size-key="table"]):not([data-cms-font_size-key="inline"]), .cst_html_with_embedded_snippets .cms_background__grey7:not(.cms_table):not(.cms_inline) { display: table; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="grey7"]:not([data-cms-font_size-key="table"]), .cst_html_with_embedded_snippets .cms_background__grey7:not(.cms_table) { padding: 4px 9px; } .ip_button.cms_background__grey10:hover, .cms_background__grey10 { background-color: #F2F2F2; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="grey10"]:not([data-cms-font_size-key="table"]):not([data-cms-font_size-key="inline"]), .cst_html_with_embedded_snippets .cms_background__grey10:not(.cms_table):not(.cms_inline) { display: table; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="grey10"]:not([data-cms-font_size-key="table"]), .cst_html_with_embedded_snippets .cms_background__grey10:not(.cms_table) { padding: 4px 9px; } .ip_button.cms_background__grey11:hover, .cms_background__grey11 { background-color: #F7F7F7; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="grey11"]:not([data-cms-font_size-key="table"]):not([data-cms-font_size-key="inline"]), .cst_html_with_embedded_snippets .cms_background__grey11:not(.cms_table):not(.cms_inline) { display: table; } .cst_html_with_embedded_snippets [data-cms-backgroundcolor-key="grey11"]:not([data-cms-font_size-key="table"]), .cst_html_with_embedded_snippets .cms_background__grey11:not(.cms_table) { padding: 4px 9px; } .cms_text__white1 .ip_button__text, .cms_text__white1 { color: #FFFFFF; } .cms_table.cms_text__white1 th, .cms_table.cms_text__white1 td { border: 1px solid #FFFFFF; } .cms_table.cms_text__white1 th { background-color: #FFFFFF; } .text_animation_type_fade_in .cst_html_with_embedded_snippets > *:not(div), .image_animation_type_fade_in .cst_upload_image { opacity: 0; transition: opacity 2s; } .text_animation_type_fade_in .cst_html_with_embedded_snippets .animated, .image_animation_type_fade_in .cst_upload_image.animated { opacity: 1; } .image_animation_type_fly_in_left .cst_upload_image, .image_animation_type_fly_in_right .cst_upload_image, .text_animation_type_fly_in_left .cst_html_with_embedded_snippets > *:not(div), .text_animation_type_fly_in_right .cst_html_with_embedded_snippets > *:not(div) { transition: opacity 800ms, transform 800ms; } .image_animation_type_fly_in_left .cst_upload_image, .text_animation_type_fly_in_left .cst_html_with_embedded_snippets > *:not(div) { transform: translate(-45%, 45%); } .image_animation_type_fly_in_right .cst_upload_image, .text_animation_type_fly_in_right .cst_html_with_embedded_snippets > *:not(div) { transform: translate(45%, 45%); } .image_animation_type_fly_in_left .cst_upload_image.animated, .image_animation_type_fly_in_right .cst_upload_image.animated, .text_animation_type_fly_in_left .cst_html_with_embedded_snippets .animated, .text_animation_type_fly_in_right .cst_html_with_embedded_snippets .animated { opacity: 1; transform: translate(0, 0); } .image_animation_type_spin_left .cst_upload_image, .text_animation_type_spin_left .cst_html_with_embedded_snippets > *:not(div) { transition: transform 800ms ease, opacity 1000ms ease-in; transition-timing-function: cubic-bezier(.79,.06,.39,.86); transform: translate(-50%, 50%) scale(0.2) rotate(1080deg); overflow: hidden; } .image_animation_type_spin_left .cst_upload_image.animated, .text_animation_type_spin_left .cst_html_with_embedded_snippets .animated { opacity: 1; transform: translate(0, 0) scale(1); } .image_animation_type_slide_in_bottom .cst_upload_image, .image_animation_type_slide_in_right .cst_upload_image, .image_animation_type_slide_in_left .cst_upload_image, .text_animation_type_slide_in_bottom .cst_html_with_embedded_snippets > *:not(div), .text_animation_type_slide_in_right .cst_html_with_embedded_snippets > *:not(div), .text_animation_type_slide_in_left .cst_html_with_embedded_snippets > *:not(div) { opacity: 0; transition: opacity 800ms, transform 800ms; transition-delay: 300ms; } .image_animation_type_slide_in_left .cst_upload_image, .text_animation_type_slide_in_left .cst_html_with_embedded_snippets > *:not(div) { transform: translateX(-50px); } .image_animation_type_slide_in_right .cst_upload_image, .text_animation_type_slide_in_right .cst_html_with_embedded_snippets > *:not(div) { transform: translateX(50px); } .image_animation_type_slide_in_bottom .cst_upload_image, .text_animation_type_slide_in_bottom .cst_html_with_embedded_snippets > *:not(div) { transform: translate(0, 50px); } .image_animation_type_slide_in_bottom .cst_upload_image.animated, .image_animation_type_slide_in_right .cst_upload_image.animated, .image_animation_type_slide_in_left .cst_upload_image.animated, .text_animation_type_slide_in_bottom .cst_html_with_embedded_snippets .animated, .text_animation_type_slide_in_right .cst_html_with_embedded_snippets .animated, .text_animation_type_slide_in_left .cst_html_with_embedded_snippets .animated { opacity: 1; transform: translate(0, 0); } .image_animation_type_blurred_to_sharp .cst_upload_image { filter: blur(5px); transition: filter 3s; } .image_animation_type_grey_to_color .cst_upload_image { filter: grayscale(1); transition: filter 3s; } .image_animation_type_grey_to_color .cst_upload_image.animated, .image_animation_type_blurred_to_sharp .cst_upload_image.animated { filter: none; } .image_animation_type_zoom_in .cst_upload_image { transform: scale(1); transition: transform 3s; } .image_animation_type_zoom_in .cst_upload_image.animated { transform: scale(1.1); } .cms__style_container.scroll_animation_type_background_fade_in_text_fade_out > .cms__style_container_image_wrapper, .cms__style_container.scroll_animation_type_move_in_fade_out > .cms__style_container_image_wrapper { position: sticky; height: 100vh; } .cms__style_container.scroll_animation_type_background_fade_in_text_fade_out:not(.bottom_reached) > .cms__style_container_image_wrapper { filter: brightness(calc(var(--intersection-ratio) * var(--intersection-ratio))) saturate(calc(var(--intersection-ratio) * var(--intersection-ratio))); } .cms__style_container.scroll_animation_type_move_in_fade_out:not(.bottom_reached) > .cms__style_container_image_wrapper { filter: brightness(calc(0.1 + 0.9 * (1 - var(--intersection-ratio)))); } .cms__style_container.scroll_animation_type_move_in_fade_out.bottom_reached > .cms__style_container_image_wrapper { filter: brightness(0.1); } .cms__style_container.scroll_animation_type_background_fade_in_text_fade_out > .cms__style_container_image_wrapper img, .cms__style_container.scroll_animation_type_move_in_fade_out > .cms__style_container_image_wrapper img { position: absolute; object-fit: cover; height: 100%; width: 100%; left: 0; } .cms__style_container.scroll_animation_type_move_in_fade_out > .cms__style_container_content_wrapper { padding-bottom: 40vh; margin-top: calc(40vh * -0.5); } .cms__style_container.scroll_animation_type_background_fade_in_text_fade_out > .cms__style_container_content_wrapper { padding-bottom: 100vh; margin-top: -50vh; opacity: calc(1 - var(--intersection-ratio)); } .cms__style_container.scroll_animation_type_zoom_in:not(.no_animation) { padding-bottom: 40vh; } .cms__style_container.scroll_animation_type_zoom_in:not(.no_animation) > .cms__style_container_content_wrapper { transform: translateY(calc((1 - var(--base-scale)) * -50%)) scale(var(--base-scale)); } .cms__style_container.scroll_animation_type_zoom_in.animated > .cms__style_container_content_wrapper { transform: translateY(calc((1 - (var(--base-scale) + (1 - var(--base-scale)) * var(--intersection-ratio))) * 50%)) scale(calc(var(--base-scale) + (1 - var(--base-scale)) * var(--intersection-ratio))); position: fixed; bottom: 0; } .cms__style_container.scroll_animation_type_zoom_in.bottom_reached > .cms__style_container_content_wrapper { transform: translateY(40vh); } .cms__style_container.scroll_animation_type_background_fade_in_text_fade_out .intersection_observer_marker_wrapper, .cms__style_container.scroll_animation_type_move_in_fade_out .intersection_observer_marker_wrapper, .cms__style_container.scroll_animation_type_zoom_in .intersection_observer_marker_wrapper, .cms__style_container.scroll_animation_type_rotate_background_images .intersection_observer_marker_wrapper { position: relative; flex-grow: 1; } .cms__style_container.scroll_animation .intersection_observer_marker { position: absolute; width: 100%; opacity: 0; pointer-events: none; } .cms__style_container.scroll_animation_type_background_fade_in_text_fade_out .intersection_observer_marker, .cms__style_container.scroll_animation_type_move_in_fade_out .intersection_observer_marker, .cms__style_container.scroll_animation_type_rotate_background_images .intersection_observer_marker, .cms__style_container.scroll_animation_type_zoom_in .intersection_observer_marker { height: calc(100% / var(--marker-count)); top: calc(var(--counter) * (100% / var(--marker-count))); } .cms__style_container.scroll_animation_type_zoom_in .intersection_observer_content_placeholder { flex-grow: 0; min-height: 100px; } .cms__style_container.scroll_animation_type_background_fade_in_text_fade_out .intersection_observer_content_placeholder, .cms__style_container.scroll_animation_type_move_in_fade_out .intersection_observer_content_placeholder { flex-grow: 0; min-height: 100vh; } .cms__style_container.scroll_animation_type_background_fade_in_text_fade_out .intersection_observer_wrapper, .cms__style_container.scroll_animation_type_move_in_fade_out .intersection_observer_wrapper, .cms__style_container.scroll_animation_type_zoom_in .intersection_observer_wrapper, .cms__style_container.scroll_animation_type_rotate_background_images .intersection_observer_wrapper { pointer-events: none; position: absolute; opacity: 0; width: 100%; height: 100%; top: 0; display: flex; flex-direction: column; } .cms__style_container.scroll_animation_type_move_in_fade_out .intersection_observer_wrapper { height: calc(100% + 100vh); } .cms__style_container.scroll_animation_type_zoom_in .intersection_observer_wrapper { max-height: calc(100vh + 40vh); } .cms__style_container:where(.scroll_animation_type_zoom_over:not(.no_animation):not(.bottom_reached)) > .cms__style_container_content_wrapper { transform: scale(var(--base-scale)); } .cms__style_container:where(.scroll_animation_type_zoom_over.animated) > .cms__style_container_content_wrapper { transform: scale(calc(var(--base-scale) + (1 - var(--base-scale)) * var(--intersection-ratio))); } .cms__style_container.scroll_animation_type_zoom_over .intersection_observer_marker { height: 90vh; top: 50%; transform: translateY(-50%); } .cms__style_container.scroll_animation_type_zoom_over .intersection_observer_content_placeholder { display: none; } .cms__style_container.scroll_animation_type_rotate_background_images .intersection_observer_content_placeholder { height: 50vh; } X.cms__style_container.scroll_animation_type_rotate_background_images .intersection_observer_wrapper { height: 100%; top: 0; } .cms__style_container.scroll_animation_type_rotate_background_images .intersection_observer_marker { height: calc((100% - (50vh + var(--image-height) / 2)) / var(--marker-count)); top: calc((50vh + var(--image-height) / 2) + var(--counter) * ((100% - (50vh + var(--image-height) / 2)) / var(--marker-count))); } .cms__style_container.scroll_animation_type_rotate_background_images .intersection_observer_marker_content_height { height: calc(50vh + var(--image-height) / 2); top: 0; } .cms__style_container.scroll_animation_type_rotate_background_images > .cms__style_container_image_wrapper picture { height: 100%; display: block; } .cms__style_container.scroll_animation_type_rotate_background_images > .cms__style_container_image_wrapper img { transform: translateY(calc(50vh - 50%)); width: auto; max-height: 90vh; } .cms__style_container.scroll_animation_type_rotate_background_images.top_reached:not(.bottom_reached) > .cms__style_container_image_wrapper { position: fixed; top: 0; } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_0 > .cms__style_container_image_wrapper picture { transform: translateY(-100%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_0.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-0%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_1 > .cms__style_container_image_wrapper picture { transform: translateY(-200%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_1.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-100%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_2 > .cms__style_container_image_wrapper picture { transform: translateY(-300%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_2.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-200%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_3 > .cms__style_container_image_wrapper picture { transform: translateY(-400%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_3.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-300%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_4 > .cms__style_container_image_wrapper picture { transform: translateY(-500%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_4.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-400%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_5 > .cms__style_container_image_wrapper picture { transform: translateY(-600%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_5.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-500%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_6 > .cms__style_container_image_wrapper picture { transform: translateY(-700%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_6.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-600%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_7 > .cms__style_container_image_wrapper picture { transform: translateY(-800%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_7.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-700%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_8 > .cms__style_container_image_wrapper picture { transform: translateY(-900%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_8.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-800%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_9 > .cms__style_container_image_wrapper picture { transform: translateY(-1000%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_9.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-900%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_10 > .cms__style_container_image_wrapper picture { transform: translateY(-1100%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_10.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-1000%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_11 > .cms__style_container_image_wrapper picture { transform: translateY(-1200%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_11.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-1100%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_12 > .cms__style_container_image_wrapper picture { transform: translateY(-1300%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_12.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-1200%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_13 > .cms__style_container_image_wrapper picture { transform: translateY(-1400%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_13.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-1300%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_14 > .cms__style_container_image_wrapper picture { transform: translateY(-1500%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_14.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-1400%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_15 > .cms__style_container_image_wrapper picture { transform: translateY(-1600%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_15.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-1500%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_16 > .cms__style_container_image_wrapper picture { transform: translateY(-1700%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_16.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-1600%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_17 > .cms__style_container_image_wrapper picture { transform: translateY(-1800%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_17.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-1700%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_18 > .cms__style_container_image_wrapper picture { transform: translateY(-1900%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_18.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-1800%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_19 > .cms__style_container_image_wrapper picture { transform: translateY(-2000%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_19.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-1900%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_20 > .cms__style_container_image_wrapper picture { transform: translateY(-2100%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_20.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-2000%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_21 > .cms__style_container_image_wrapper picture { transform: translateY(-2200%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_21.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-2100%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_22 > .cms__style_container_image_wrapper picture { transform: translateY(-2300%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_22.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-2200%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_23 > .cms__style_container_image_wrapper picture { transform: translateY(-2400%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_23.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-2300%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_24 > .cms__style_container_image_wrapper picture { transform: translateY(-2500%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_24.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-2400%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_25 > .cms__style_container_image_wrapper picture { transform: translateY(-2600%); } .cms__style_container.scroll_animation_type_rotate_background_images.fully_visible_25.bottom_reached > .cms__style_container_image_wrapper picture { transform: translateY(-2500%); } .cms__style_container.scroll_animation_type_rotate_background_images.bottom_reached > .cms__style_container_image_wrapper picture { display: flex; align-items: end; } .cms__style_container.scroll_animation_type_rotate_background_images.bottom_reached.cms_horizontal_alignment__center > .cms__style_container_image_wrapper picture { justify-content: center; } .cms__style_container.scroll_animation_type_rotate_background_images.bottom_reached > .cms__style_container_image_wrapper img { transform: translateY(calc(-50vh + 50%)); } .cms_story_popup { width: 100%; height: 100%; background-color: #0000009c !important; backdrop-filter: blur(50px); } .cms_story_popup .popup_content_wrapper { height: 100%; position: relative; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .cms_story_popup { padding: 0 !important; } .popup_wrapper.cms_story_popup .popup__button_wrapper { position: absolute; padding: 15px 12px; color: white; font-size: 21px; left: 2%; top: 7px; z-index: 5; } } .content_contribution_carousel.story { margin: 20px auto; } .content_contribution_carousel.story .jcarousel-list-horizontal { display: flex; } .content_contribution_carousel.story .carousel_next, .content_contribution_carousel.story .carousel_prev { width: 55%; height: 80%; border-radius: 0; } .content_contribution_carousel.story .carousel_next { right: -5%; } .content_contribution_carousel.story .carousel_prev { left: -5%; } .content_contribution_carousel.story .carousel_next:before { position: absolute; right: 0; } .content_contribution_carousel.story .carousel_prev:before { position: absolute; left: 0; } .story_series_prev, .story_series_next { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; color: #C77000; font-size: 25px; opacity: 0; transition: opacity .2s; } .story_series_prev.visible, .story_series_next.visible { opacity: 1; } .story_series_prev { left: -15%; } .story_series_next { right: -15%; } .story_series_prev:before { content: '\f048'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .story_series_next:before { content: '\f051'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .story_series_prev, .story_series_next { display: none; } } .content_contribution_carousel.story .jcarousel-item { overflow: hidden; box-sizing: border-box; } .content_contribution_carousel.story .carousel_item { overflow: hidden; } .story_popup_cancel_button { color: white; font-size: 22px; display: none; position: absolute; } .cms_story_popup .story_popup_cancel_button i.before { margin: 0; } .cms_story_popup .story_popup_cancel_button { display: block; right: 2%; top: 1px; padding: 15px 10px; } .cms_story_popup .carousel_auto_scroll_pause { right: calc(2% + 40px); } .cms_story_popup .carousel_mute_video { right: calc(2% + 80px); } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { :root { --story_height: max(88vh, 704px); --story_width: calc(var(--story_height) / 16 * 9); } .content_contribution_carousel.story .jcarousel-clip { border-radius: 20px; } .content_contribution_carousel.story, .content_contribution_carousel.story .jcarousel-item { max-width: var(--story_width); max-height: var(--story_height); height: auto; width: auto; } .cms_story_popup .popup_content_wrapper .content_document_wrapper { position: relative; top: 50%; transform: translateY(-50%); } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .content_contribution_carousel.story, .content_contribution_carousel.story .jcarousel-item { min-width: 100vw; max-height: 100vh; } .content_contribution_carousel.story { margin: 0; } .content_contribution_carousel.story .carousel_next:before, .content_contribution_carousel.story .carousel_prev:before { content: none; } .content_contribution_carousel.story .carousel_next, .content_contribution_carousel.story .carousel_prev { width: 50%; } .content_contribution_carousel.story .carousel_next { right: 0; } .content_contribution_carousel.story .carousel_prev { left: 0; } .cms_story_popup .content_document_wrapper, .cms_story_popup .content_container_content_wrapper, .cms_story_popup .content_container_content_cell, .cms_story_popup .cci_snippet_container:not(.cci_wrapper_snippet_link), .cms_story_popup .content_contribution_carousel.story, .cms_story_popup .jcarousel-clip, .cms_story_popup .jcarousel-list { height: 100vh; height: 100dvh; } } .cms_story_popup .carousel_prev.prev_hidden, .cms_story_popup .carousel_next.next_hidden { visibility: visible !important; } .content_contribution_carousel.story .cms__with_bg_image { position: relative; } .content_contribution_carousel.story, .content_contribution_carousel.story * { -webkit-user-select: none; user-select: none; } .content_contribution_carousel.story .carousel_item .cst_upload_image, .content_contribution_carousel.story .carousel_item video { pointer-events: none; } .content_contribution_carousel.story .carousel_item, .content_contribution_carousel.story .content_container_content_wrapper, .content_contribution_carousel.story .content_container_content_cell, .content_contribution_carousel.story .cms__style_container_image_wrapper, .content_contribution_carousel.story .cms__style_container_content_wrapper { width: 100%; height: 100%; } .content_contribution_carousel.story .image_animation picture { display: block; height: 100%; width: 100%; } .content_contribution_carousel.story .image_animation .cst_upload_image { transition-duration: 7s; } .content_contribution_carousel.story .image_animation_type_blurred_to_sharp .cst_upload_image, .content_contribution_carousel.story .image_animation_type_grey_to_color .cst_upload_image { transition-duration: 3.5s; } .content_contribution_carousel.story .carousel_item img { display: block; height: 100%; width: 100%; max-width: initial; object-fit: cover; } .content_contribution_carousel.story .cms__style_container_content_wrapper { position: static; } .content_contribution_carousel.story .cst_html_with_embedded_snippets { position: absolute; width: 100%; height: auto; } .content_contribution_carousel.story .text_position_vertical_top .cst_html_with_embedded_snippets { top: 60px; } .content_contribution_carousel.story .text_position_vertical_bottom .cst_html_with_embedded_snippets { bottom: 60px; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .content_contribution_carousel.story .cst_html_with_embedded_snippets { padding: 2.5em 2em; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .content_contribution_carousel.story .cst_html_with_embedded_snippets { padding-top: 2em; padding-bottom: 2em; } } .content_contribution_carousel.story video { height: 100%; width: 100%; object-fit: cover; } .content_contribution_carousel.story .cci_wrapper_snippet_link { position: absolute; bottom: 30px; width: 100%; text-align: center; box-sizing: border-box; } .content_contribution_carousel.story .content_link_wrapper { text-align: center; } .content_contribution_carousel.story a.content_link { opacity: 0; margin: 0; font-size: 102%; transform: translate(0, 40px); transition: all .7s; transition-delay: 400ms; } .content_contribution_carousel.story a.content_link.animated { opacity: 1; transform: translate(0, 0); } .content_contribution_carousel .text_position_vertical_middle .cst_html_with_embedded_snippets { top: 50%; transform: translateY(-50%); } .content_contribution_carousel.story_series .cms__style_container_image_wrapper { position: relative; } .content_contribution_carousel.story_series .cms__style_container_image_wrapper img { transition-duration: 4s; } .content_contribution_carousel.story_series .cms__style_container_content_wrapper { position: static; } .content_contribution_carousel.story_series .cst_html_with_embedded_snippets { position: absolute; width: 100%; height: auto; padding-left: 5%; padding-right: 5%; } .content_contribution_carousel.story_series .text_position_vertical_top .cst_html_with_embedded_snippets { top: 5%; } .content_contribution_carousel.story_series .text_position_vertical_bottom .cst_html_with_embedded_snippets { bottom: 5%; } .content_contribution_carousel.story_series .cms__style_container_link { cursor: pointer; } .content_contribution_carousel.story_series .content_container_rotator_item_story_series { border-radius: 10px; overflow: hidden; margin: 5px; } a.content__link_glue_logic { cursor: pointer; } .content__link_glue_logic .cst_upload_image, *[class*="cci_wrapper_snippet_"] .cst_upload_image { max-width: 100%; height: auto; display: block; } .box_on_image_element img { max-width: 100%; height: auto; } .box_on_image_element { opacity: 0; position: absolute; } .box_on_image_element.animation_none_base { opacity: 1; } .box_on_image_element.animation_fade_in { opacity: 1; transition: opacity 0.8s; } .box_on_image_element.animation_fly_in_left_base, .box_on_image_element.animation_fly_in_right_base { transition: opacity 500ms, transform 500ms; } .box_on_image_element.animation_fly_in_left_base.animation_fly_in_left, .box_on_image_element.animation_fly_in_right_base.animation_fly_in_right { opacity: 1; transform: translate(0, 0); } .box_on_image_element.animation_fly_in_left_base { transform: translate(-100%, 100%); } .box_on_image_element.animation_fly_in_right_base { transform: translate(100%, 100%); } .box_on_image_element.animation_spin_left_base { transition: transform 800ms ease, opacity 1000ms ease-in; transition-timing-function: cubic-bezier(.79,.06,.39,.86); transform: translate(-100%, 100%) scale(0.2) rotate(1080deg); overflow: hidden; } .box_on_image_element.animation_spin_left { opacity: 1; transform: translate(0, 0) scale(1); } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .box_on_image_element { left: var(--box-left); top: var(--box-top); width: var(--box-width); height: var(--box-height); } .button_box_on_image { transform: translateX(-50%); } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .box_on_image_element { left: 2vw; width: calc(100% - 4vw); box-sizing: border-box; } .box_on_image_element:where([data-smartphone_position="center"]), .box_on_image_element:where(:not([data-smartphone_position])) { top: 50%; transform: translateY(-50%); } .box_on_image_element[data-smartphone_position="top"] { top: 0; } .box_on_image_element[data-smartphone_position="bottom"], .box_on_image_element[data-smartphone_position="bottom_right"] { bottom: 15px; } .box_on_image_element[data-smartphone_position="bottom_right"] { width: auto; left: auto; right: 2vw; } .box_on_image_element[data-smartphone_position="after_image"] { position: static; width: auto; } .box_on_image_element[data-smartphone_position="hide"] { display: none; } } .link_box_add2cart_animation { color: #85b3c2; font-size: 32px; visibility: hidden; margin-top: -32px; } .link_box_add2cart_animation.clone { visibility: visible; } .link_box_on_image .ip_button_design__alternative_color { color: #85b3c2; } @media (min-width: 1136px), print { .link_box_on_image { cursor: pointer; } .link_box_on_image:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: white; opacity: 0; transition: opacity 500ms; } .link_box_on_image:hover:before { opacity: .2; } } .link_box_on_image { display: flex; flex-direction: column; flex-wrap: wrap; position: absolute; opacity: 1; transform: translateY(0); left: var(--box-left); top: var(--box-top); width: var(--box-width); height: var(--box-height); } .link_box_on_image.left_bottom, .link_box_on_image.left_top { align-items: flex-start; align-content: flex-start; } .link_box_on_image.right_bottom, .link_box_on_image.right_top { align-items: flex-end; align-content: flex-end; } .link_box_on_image.left_top, .link_box_on_image.right_top { justify-content: flex-start; } .link_box_on_image.right_bottom, .link_box_on_image.left_bottom { justify-content: flex-end; } .link_box_on_image .ip_button { box-sizing: border-box; border-radius : 50%; width: 35px; height: 35px; min-height: 35px; display: flex; align-items: center; justify-content: center; background: black; border: 2px solid black; margin: 0 5px 5px 0; z-index: 1; color: white; transition: box-shadow 100ms; } .link_box_on_image .ip_button.ip_button__add_to_cart { background: #C77000; } .link_box_on_image .ip_button:hover { box-shadow: 0 0 7px 1px rgba(0,0,0,.7); color: white; } .link_box_on_image .ip_button.ip_button_design__alternative_color { background: #85b3c2; } .cst_group_image_flip_overlay_container, .cst_group_image_headline_text_overlay_container { position: relative; } @media (min-width: 1136px), print { div.cst_group_image_flip_overlay_container ~ div.cst_group_image_flip_overlay_container { padding-left: 1rem; padding-right: 0; } } .cst_group_image_flip_overlay_container > img, .cst_group_image_flip_overlay_container > picture > img, .cst_group_image_headline_text_overlay_container > img, .cst_group_image_headline_text_overlay_container > picture > img { display: block; width: 100%; height: auto !important; } .cst_group_image_flip_overlay_container .flip_box { position: absolute; bottom: 0; padding: 0 0.5rem; font-size: 150%; background: rgba(255, 254, 253, 0.6); box-sizing: border-box; width: 100%; transition: height 400ms; height: 2.6em; vertical-align: middle; overflow: hidden; display: -ms-flexbox; -ms-flex-direction: column; -ms-flex-pack: center; display: flex; justify-content: center; flex-direction: column; } .no-touch .cst_group_image_flip_overlay_container:hover .flip_box { height: 100%; } .cst_group_image_flip_overlay_container .flip_box .cms_headline { padding: 0.2em 0; font-size: 100%; margin: 0; flex-shrink: 0; line-height: 1.1em; height: 2.6em; display: flex; align-items: center; overflow: hidden; flex-wrap: wrap; box-sizing: border-box; } .cst_group_image_flip_overlay_container:hover .flip_box .cms_headline { height: auto; } .no-touch .cst_group_image_flip_overlay_container:hover .flip_box .cms_headline { overflow: visible; white-space: normal; } .cst_group_image_flip_overlay_container .flip_box .text_content { font-size: 1rem; overflow: hidden; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .cst_group_image_flip_overlay_container ~ .cst_group_image_flip_overlay_container { margin-top: 1em; } .cst_group_image_flip_overlay_container .flip_box { width: 100%; position: static; height: auto; max-height: 100%; min-height: 50%; padding-bottom: 0.5em; } .cst_group_image_flip_overlay_container .flip_box .cms_headline { margin: 0.3em 0; height: auto; } } .cst_group_image_headline_text_overlay_container .overlay_content_wrapper { padding: 1em 2em; position: absolute; overflow: auto; bottom: 0; box-sizing: border-box; max-height: 100%; } .cst_group_image_headline_text_overlay_container .overlay_content_wrapper .cms_headline { font-size: 2em; background-color: rgba(255, 254, 253, 0.6); margin: 5px 0; padding: 5px 10px; display: inline-block; line-height: 1.2em; } .cst_group_image_headline_text_overlay_container .overlay_content_wrapper .text_content { margin: 0 40% 0 0; background-color: rgba(255, 254, 253, 0.6); padding: 3px 10px; display: inline-block; } .cst_group_image_headline_text_overlay_container .overlay_content_wrapper .text_content:empty, .cst_group_image_headline_text_overlay_container .overlay_content_wrapper .cms_headline:empty { display: none; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .cst_group_image_headline_text_overlay_container .overlay_content_wrapper { padding: 0; position: static; } .cst_group_image_headline_text_overlay_container .overlay_content_wrapper .cms_headline { display: block; } .cst_group_image_headline_text_overlay_container .overlay_content_wrapper .cms_headline, .cst_group_image_headline_text_overlay_container .overlay_content_wrapper .text_content { margin: 0; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .cst_group_image_headline_text_overlay_container .overlay_content_wrapper { width: 100%; } } .advent_calendar { background-color: #d2e1ec; background-image: -webkit-linear-gradient(top, #bbcfe1 0%, #e8f2f6 80%); background-image: linear-gradient(to bottom, #bbcfe1 0%, #e8f2f6 80%); position: relative; height: 100%; z-index: 1; } .advent_calendar:before, .advent_calendar:after { background-image: url(//content.schweitzer-online.de/static/content/uploads/StoreFront/file/000/153/000153886/original/BackgroundSnow.png?version=0); background-size: 100%; background-repeat: repeat; display: block; width: 100%; height: 100%; content: " "; position: absolute; top: 0; left: 0; z-index: -1; animation: snowOne 20s infinite ease-in; } .advent_calendar:before { animation: snowTwo 22s infinite linear; background-size: 300px; filter: blur(2px); } @keyframes snowOne { 0% { background-position: 0 0; } 100% { background-position: 100px 700px; } } @keyframes snowTwo { 0% { background-position: 0 -50px; } 100% { background-position: 0 700px; } } div.advent_calendar_logo_wrapper { text-align: center; padding-top: 35px; } div.advent_calendar_logo_wrapper img { max-height: 110px; max-width: 60%; } ol.advent_day_list { list-style: none; padding: 2em 2em 3em 2em; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; max-width: 900px; margin: 0 auto; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { div.advent_calendar_logo_wrapper { padding-top: 10px; } ol.advent_day_list { padding: 2em 0; } div.advent_calendar_logo_wrapper + ol.advent_day_list { padding-top: 0; } } ol.advent_day_list > li { margin: 0.8em; } .advent_day { position: relative; height: 110px; width: 110px; border: 3px dashed rgba(255,255,255,0.7); z-index: 2; } .advent_day .door { display: flex; align-items: center; justify-content: center; position: absolute; height: 107px; width: 107px; top: 3px; left: 3px; z-index: 3; font-size: 40px; font-weight: bold; color: #ec1e18; transition: transform .6s ease-in-out; transform-origin: 0; transform: perspective(700px) rotateY(0deg); padding-top: 5px; box-sizing: border-box; } .advent_calendar.with_all_dors_open .door, .advent_day.active_day:hover .door { transform: perspective(700px) rotateY(-130deg); background: linear-gradient(0.5turn, #ec1e18, #930600); color: #ffffff; border-radius: 3px; } .advent_calendar.with_all_dors_open .door { transform: perspective(700px) rotateY(-110deg); opacity: 0.5; } .advent_day.active_day { cursor: pointer; } .active_day .advent_content { display: flex; align-items: center; justify-content: center; color: white; opacity: 0; transition: opacity .4s ease-in; width: 100%; height: 100%; } .advent_calendar.with_all_dors_open .advent_content, .active_day:hover .advent_content { transition: opacity 1s ease-in; opacity: 1; } .advent_link { width: 100%; height: 100%; display: block; } .advent_link.with_text_content { display: flex; flex-direction: column; justify-content: center; } .advent_link_image { display: block; max-width: 100%; max-height: 100%; height: auto; width: auto; margin-left: auto; margin-right: auto; position: relative; top: 50%; transform: translateY(-50%); } .advent_link_icon, .advent_link_text { display: block; text-align: center; } .advent_link_icon { font-size: 40px; } .advent_link_text { margin-top: 5px; line-height: 1.1; } .cst_mediacenter_file__image { max-width: 100%; height: auto; display: block; } .cms_social_media_share_buttons_wrapper { padding: 10px; } .cms_social_media_share_buttons, .cms_social_media_share_buttons_wrapper { text-align: right; display: flex; justify-content: flex-end; column-gap: 1em; } .cms_social_media_share_buttons.animated_hide { max-width: 0px; } .cms_social_media_share_buttons { transition: max-width 300ms ease-in-out; max-width: 350px; overflow: hidden; } .toggle_content { max-height: 0; padding-top: 0; overflow: hidden; transition: all 150ms linear; } .toggle_link { display: flex; align-items: flex-start; } .toggle_link:focus { outline: none; } .toggle_container.open > .toggle_link.normal_highlighted:before, .toggle_container.open > .toggle_link.normal_highlighted, .toggle_link.highlighted:before, .toggle_link.highlighted { font-weight: bold; } .toggle_link:before { content: '\f107'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; transition: transform 150ms linear; display: inline-block; margin-right: .5em; } .toggle_container.open > .toggle_link:before { transform: rotate(180deg); } .toggle_container > .toggle_content { transition: all 150ms linear; } .toggle_container.open > .toggle_content { max-height: none; } .toggle_content > .content_container_content_wrapper{ position: relative; } .cci_wrapper_snippet_cst_anchor > .cms_anchor { line-height: 0px; overflow: hidden; display: block; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .cci_wrapper_snippet_vimeo_video > iframe { width: 100%; height: auto; box-sizing: border-box; } } .cci_wrapper_snippet_vimeo_video > iframe.reactive_vimeo_video { width: 100%; height: auto; box-sizing: border-box; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .cms_vertical_spacing.regard_responsive_factor { height: calc(var(--cms_height) * 0.75)!important; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .cms_vertical_spacing.regard_responsive_factor { height: calc(var(--cms_height) * 0.5)!important; } } .visible_item_centered__placeholder { float: left; } .content_contribution_carousel.visible_item_centered ul.jcarousel-list { transition-timing-function: cubic-bezier(0.6, 0.04, 0.3, 1) !important; } .content_contribution_carousel.visible_item_centered .carousel_item { position: relative; } .content_contribution_carousel.visible_item_centered li { padding: 0 8px; box-sizing: border-box; opacity: .4; transition: opacity .5s; } .content_contribution_carousel.visible_item_centered li.centered_visible { opacity: 1; } .content_contribution_carousel.visible_item_centered .carousel_next, .content_contribution_carousel.visible_item_centered .carousel_prev { width: 15%; height: calc(100% - 35px); top: 0; transform: none; } .content_contribution_carousel.visible_item_centered .carousel_next:before, .content_contribution_carousel.visible_item_centered .carousel_prev:before { position: absolute; top: 50%; transform: translateY(-50%); margin: .3em; transition: all 150ms; } .content_contribution_carousel.visible_item_centered .carousel_next, .content_contribution_carousel.visible_item_centered .carousel_next:before { right: 0; } .content_contribution_carousel.visible_item_centered .carousel_prev, .content_contribution_carousel.visible_item_centered .carousel_prev:before { left: 0; } .content_contribution_carousel.visible_item_centered .cms__style_container_content_wrapper { position: absolute; display: flex; opacity: 0; transform: translateY(20px); transition: opacity .6s, transform .6s; } .content_contribution_carousel.visible_item_centered li.centered_visible .cms__style_container_content_wrapper { opacity: 1; transform: translateY(0); transition: opacity .4s, transform .6s; transition-delay: .4s; } .content_contribution_carousel.visible_item_centered li .cst_html_with_embedded_snippets .animated { transform: none !important; transition: none !important; } .content_contribution_carousel.visible_item_centered .cms__style_container_image_wrapper { position: relative; } .content_contribution_carousel.visible_item_centered .cms__style_container_image_wrapper img { width: 100%; height: auto; display: block; } @media (min-width: 1136px), print { .content_contribution_carousel.visible_item_centered .cms__style_container_content_wrapper { bottom: 40px; column-gap: 30px; align-items: center; margin: 0 50px; } .content_contribution_carousel.visible_item_centered .cms__style_container_content_wrapper > .cci_cst_html_with_embedded_snippets { order: 2; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .content_contribution_carousel.visible_item_centered .cms__style_container_content_wrapper { bottom: 1.5em; gap: 13px; flex-direction: column; justify-content: center; width: 100%; } .content_contribution_carousel.visible_item_centered .cci_snippet_container * { text-align: center; font-weight: normal; font-size: 15px; } .content_contribution_carousel.visible_item_centered li { padding: 0 5px; } } hr { height: 1px; border: 0; background-color: #333333; } h1 { color: #333333; font-weight: normal; margin: 0 0 1.4rem 0; text-align: left; } h2, h3 { margin: 0; text-align: left; } h2 { color: #003798; margin-bottom: .5em; } h3 { color: #54565b; } h2.version1 { color: #333333; font-weight: normal; } h2.version2 { color: #003798; font-weight: bold; } h3.version1 { color: #003798; font-weight: bold; margin-bottom: .5em; } h3.version2 { color: #54565b; font-weight: bold; } html body .margin_right { margin-right: 2em; } .cst_html_with_embedded_snippets span[data-cms-color-key="blue1"] strong, .cst_html_with_embedded_snippets span[data-cms-color-key="blue1"] { color: #003798; } .cst_html_with_embedded_snippets span[data-cms-color-key="grey1"] strong, .cst_html_with_embedded_snippets span[data-cms-color-key="grey1"] { color: #333333; } .cst_html_with_embedded_snippets span[data-cms-color-key="grey3"] strong, .cst_html_with_embedded_snippets span[data-cms-color-key="grey3"] { color: #54565b; } .cst_html_with_embedded_snippets span[data-cms-color-key="white1"] strong, .cst_html_with_embedded_snippets span[data-cms-color-key="white1"] { color: #FFFFFF; } *[data-cms-margin-bottom-key="none"]{ margin-bottom: 0; } *[data-cms-margin-bottom-key="small"]{ margin-bottom: .6em; } *[data-cms-margin-bottom-key="medium"]{ margin-bottom: 1em; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .dual_columns { columns: 2; column-gap: 2em; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .font_extra_small { font-size: .63rem; line-height: 1.4; } { font-size: .75rem; line-height: 1.4; } h2, h3, h2.version2, h3.version1, h3.version2 { font-size: .94rem; line-height: 1.4; } h2.version1, .font_large { font-size: 1.13rem; line-height: 1.4; } h1, .font_extra_large, .rotator .carousel_item .cci_cst_html_with_embedded_snippets h1, .rotator .carousel_item .cci_cst_html_with_embedded_snippets h2, .rotator .carousel_item .cci_cst_html_with_embedded_snippets h3 { font-size: 1.25rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .font_extra_small { font-size: .69rem; line-height: 1.4; } { font-size: .81rem; line-height: 1.4; } h2, h3, h2.version2, h3.version1, h3.version2 { font-size: .94rem; line-height: 1.4; } h2.version1, .font_large { font-size: 1.2rem; line-height: 1.4; } h1, .font_extra_large, .rotator .carousel_item .cci_cst_html_with_embedded_snippets h1, .rotator .carousel_item .cci_cst_html_with_embedded_snippets h2, .rotator .carousel_item .cci_cst_html_with_embedded_snippets h3 { font-size: 1.38rem; line-height: 1.4; } } @media (min-width: 1136px), print { .font_extra_small { font-size: 0.75rem; line-height: 1.4; } { font-size: 0.88rem; line-height: 1.4; } h2, h3, h2.version2, h3.version1, h3.version2 { font-size: 1rem; line-height: 1.4; } h2.version1, .font_large { font-size: 1.3rem; line-height: 1.4; } h1, .font_extra_large, .rotator .carousel_item .cci_cst_html_with_embedded_snippets h1, .rotator .carousel_item .cci_cst_html_with_embedded_snippets h2, .rotator .carousel_item .cci_cst_html_with_embedded_snippets h3 { font-size: 1.63rem; line-height: 1.4; } } .mce-content-body ul, .mce-content-body ol, .cst_html_with_embedded_snippets ul, .cst_html_with_embedded_snippets ol{ padding: 0 0 0 1.2em; margin: 0; } .cst_html_with_embedded_snippets strong, .cst_html_with_embedded_snippets ul > li::marker{ color: #54565b; } .cst_html_with_embedded_snippets a[id]:empty { position: relative; } .cst_html_with_embedded_snippets .cst_upload_image { display: inline-block; vertical-align: bottom; } hr.cst_line_horizontal { max-width: 100%; height: 1px; background-color: #54565b; } .rotator .carousel_item { position: relative; } .rotator .carousel_item .cst_upload_image { width: 100%; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .rotator .carousel_item .cci_cst_html_with_embedded_snippets { position: absolute; left: 10%; bottom: 20%; } .rotator .carousel_item .cci_cst_html_with_embedded_snippets, .rotator .carousel_item .cci_cst_html_with_embedded_snippets h1, .rotator .carousel_item .cci_cst_html_with_embedded_snippets h2, .rotator .carousel_item .cci_cst_html_with_embedded_snippets h3 { color: white; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .rotator .carousel_item .cst_html_with_embedded_snippets { padding: 0 20px; } } .cst_upload_image { display: block; } .cst_html_with_embedded_snippets .cst_upload_image { max-width: 100%; height: auto; } @media (min-width: 1136px), print { .content__link_glue_logic [style*="--aspect-ratio"] > .cst_upload_image, *[class*="cci_wrapper_snippet_"] [style*="--aspect-ratio"] > .cst_upload_image { max-width: min(100%, var(--max-width)); } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .content__link_glue_logic [style*="--max-width-smartphone"] > .cst_upload_image, *[class*="cci_wrapper_snippet_"] [style*="--max-width-smartphone"] > .cst_upload_image { max-width: min(100%, var(--max-width-smartphone)); } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .content__link_glue_logic [style*="--max-width-tablet"] > .cst_upload_image, *[class*="cci_wrapper_snippet_"] [style*="--max-width-tablet"] > .cst_upload_image { max-width: min(100%, var(--max-width-tablet)); } } .content_event_list_wrapper img { max-width: 100px; height: auto; } .cms__style_container > .cms__style_container_image_wrapper img { display: block; } .cms__style_container.horizontal_align_right > .cms__style_container_content_wrapper, .cms__style_container.horizontal_align_center > .cms__style_container_content_wrapper { display: flex; flex-direction: column; } .cms__style_container.horizontal_align_right > .cms__style_container_content_wrapper { align-items: flex-end; } .cms__style_container.horizontal_align_center > .cms__style_container_content_wrapper { align-items: center; } @media (min-width: 1136px), print { .cms__style_container.inner_padding_left_right_small > .cms__style_container_content_wrapper { padding-left: 16px; padding-right: 16px; } .cms__style_container.inner_padding_left_right_medium > .cms__style_container_content_wrapper { padding-left: 32px; padding-right: 32px; } .cms__style_container.inner_padding_left_right_big > .cms__style_container_content_wrapper { padding-left: 64px; padding-right: 64px; } .cms__style_container.inner_padding_top_bottom_small > .cms__style_container_content_wrapper { padding-top: 16px; padding-bottom: 16px; } .cms__style_container.inner_padding_top_bottom_medium > .cms__style_container_content_wrapper{ padding-top: 32px; padding-bottom: 32px; } .cms__style_container.inner_padding_top_bottom_big > .cms__style_container_content_wrapper { padding-top: 64px; padding-bottom: 64px; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .cms__style_container.inner_padding_left_right_small > .cms__style_container_content_wrapper { padding-left: 12px; padding-right: 12px; } .cms__style_container.inner_padding_left_right_medium > .cms__style_container_content_wrapper { padding-left: 20px; padding-right: 20px; } .cms__style_container.inner_padding_left_right_big > .cms__style_container_content_wrapper { padding-left: 32px; padding-right: 32px; } .cms__style_container.inner_padding_top_bottom_small > .cms__style_container_content_wrapper { padding-top: 12px; padding-bottom: 12px; } .cms__style_container.inner_padding_top_bottom_medium > .cms__style_container_content_wrapper{ padding-top: 20px; padding-bottom: 20px; } .cms__style_container.inner_padding_top_bottom_big > .cms__style_container_content_wrapper { padding-top: 32px; padding-bottom: 32px; } } .round_upper_left_corner { border-radius: 50px 0 0 0; overflow: hidden; } .grid_container.gap_no_gap { gap: unset; column-gap: 0; } .gap_standard_gap { gap: 32px; } .grid_container.border_default > .content_container_content_wrapper{ border:1px solid #54565b; } .grid_container.border_default.gap_no_gap > .content_container_content_wrapper ~ .content_container_content_wrapper{ border-left: none; } .grid_container > .colspan2 { grid-column: span 2; } .grid_container > .colspan3 { grid-column: span 3; } @media (min-width: 1136px), print { .grid_observer_entry{ display: none; } .grid_container { column-gap: 32px; } .grid_container.gap_small_gap { column-gap: 8px; } .grid_container.gap_medium_gap { column-gap: 16px; } .grid_container.gap_standard_gap { column-gap: 32px; } .grid_container.dynamic_columns_left { display: flex; justify-content: flex-start; flex-wrap: nowrap; } .grid_container.dynamic_columns_left > .content_container_content_wrapper { min-width: auto; } .grid_container.dynamic_columns_left .cci_wrapper_snippet_glue_logic_image_link, .grid_container.dynamic_columns_left .cci_wrapper_snippet_upload_image { width: max-content; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .grid_container.tablet_one_column { grid-template-columns: repeat(1,minmax(1px, 1fr)); } .grid_container.tablet_two_columns_same_width { grid-template-columns: repeat(2,minmax(1px, 1fr)); } .grid_container.tablet_three_columns_same_width { grid-template-columns: repeat(3,minmax(1px, 1fr)); } .grid_container.tablet_four_columns_same_width { grid-template-columns: repeat(4,minmax(1px, 1fr)); } .grid_container.tablet_one_column > .cci_cell_container > .colspan2, .grid_container.tablet_one_column > .cci_cell_container > .colspan3, .grid_container.tablet_one_column > .colspan2, .grid_container.tablet_one_column > .colspan3 { grid-column: span 1; } .grid_container.tablet_two_columns_same_width > .cci_cell_container > .colspan3, .grid_container.tablet_two_columns_same_width > .colspan3 { grid-column: span 2; } .grid_container.tablet_dynamic_columns { display: flex; justify-content: space-between; flex-wrap: nowrap; } .grid_container.tablet_dynamic_columns_left .cci_wrapper_snippet_glue_logic_image_link, .grid_container.tablet_dynamic_columns .cci_wrapper_snippet_glue_logic_image_link, .grid_container.tablet_dynamic_columns_left .cci_wrapper_snippet_upload_image, .grid_container.tablet_dynamic_columns .cci_wrapper_snippet_upload_image { width: max-content; } .grid_container.tablet_dynamic_columns_left { display: flex; justify-content: flex-start; flex-wrap: nowrap; } .grid_container.tablet_dynamic_columns_left > .content_container_content_wrapper { min-width: auto; } .grid_container.tablet_scrollable{ grid-auto-flow: column; grid-template-columns: initial; max-width: 100%; overflow-x: auto; position: relative; } .grid_container.tablet_scrollable.scrolled:after{ opacity: 0; transform: translateX(80px); } .grid_container.tablet_scrollable .grid_observer_entry{ content: ' '; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: transparent; pointer-events: none; } .grid_container.tablet_scrollable:after{ content: ' '; position: absolute; top: 0; bottom: 0; right: -80px; width: 104px; background-image: linear-gradient(to right, transparent, #FFFEFD 20%); opacity: 1; pointer-events: none; transform: translateX(0); transition: opacity 150ms linear, transform 150ms linear; } .grid_container.gap_no_gap { column-gap: 0px; } .grid_container.gap_small_gap { column-gap: 8px; } .grid_container.gap_medium_gap { column-gap: 12px; } .grid_container.gap_standard_gap { column-gap: 24px; } .grid_container.tablet_scrollable.tablet_one_column { grid-auto-columns: 1312px; } .grid_container.gap_no_gap.tablet_scrollable.tablet_two_columns_same_width { grid-auto-columns: calc((1312px - 0px) / 2); } .grid_container.gap_small_gap.tablet_scrollable.tablet_two_columns_same_width { grid-auto-columns: calc((1312px - 8px) / 2); } .grid_container.gap_medium_gap.tablet_scrollable.tablet_two_columns_same_width { grid-auto-columns: calc((1312px - 12px) / 2); } .grid_container.gap_standard_gap.tablet_scrollable.tablet_two_columns_same_width { grid-auto-columns: calc((1312px - 24px) / 2); } .grid_container.gap_no_gap.tablet_scrollable.tablet_three_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 0px + 20px)),calc((1312px - (2 * 0px)) / 3)); } .grid_container.gap_small_gap.tablet_scrollable.tablet_three_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 8px + 20px)),calc((1312px - (2 * 8px)) / 3)); } .grid_container.gap_medium_gap.tablet_scrollable.tablet_three_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 12px + 20px)),calc((1312px - (2 * 12px)) / 3)); } .grid_container.gap_standard_gap.tablet_scrollable.tablet_three_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 24px + 20px)),calc((1312px - (2 * 24px)) / 3)); } .grid_container.tablet_two_columns_same_width .grid_container.gap_no_gap.tablet_scrollable.tablettwo_columns_same_width, .grid_container.gap_no_gap.tablet_scrollable.tablet_four_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 0px + 40px)),calc((1312px - (3 * 0px)) / 4)); } .grid_container.tablet_two_columns_same_width .grid_container.gap_small_gap.tablet_scrollable.tablettwo_columns_same_width, .grid_container.gap_small_gap.tablet_scrollable.tablet_four_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 8px + 40px)),calc((1312px - (3 * 8px)) / 4)); } .grid_container.tablet_two_columns_same_width .grid_container.gap_medium_gap.tablet_scrollable.tablettwo_columns_same_width, .grid_container.gap_medium_gap.tablet_scrollable.tablet_four_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 12px + 40px)),calc((1312px - (3 * 12px)) / 4)); } .grid_container.tablet_two_columns_same_width .grid_container.gap_standard_gap.tablet_scrollable.tablettwo_columns_same_width, .grid_container.gap_standard_gap.tablet_scrollable.tablet_four_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 24px + 40px)),calc((1312px - (3 * 24px)) / 4)); } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .grid_container.smartphone_one_column { grid-template-columns: repeat(1,minmax(1px, 1fr)); } .grid_container.smartphone_two_columns_same_width { grid-template-columns: repeat(2,minmax(1px, 1fr)); } .grid_container.smartphone_three_columns_same_width { grid-template-columns: repeat(3,minmax(1px, 1fr)); } .grid_container.smartphone_four_columns_same_width { grid-template-columns: repeat(4,minmax(1px, 1fr)); } .grid_container.smartphone_one_column > .cci_cell_container > .colspan2, .grid_container.smartphone_one_column > .cci_cell_container > .colspan3, .grid_container.smartphone_one_column > .colspan2, .grid_container.smartphone_one_column > .colspan3 { grid-column: span 1; } .grid_container.smartphone_two_columns_same_width > .cci_cell_container > .colspan3, .grid_container.smartphone_two_columns_same_width > .colspan3 { grid-column: span 2; } .grid_container.smartphone_dynamic_columns { display: flex; justify-content: space-between; flex-wrap: nowrap; } .grid_container.smartphone_dynamic_columns_left .cci_wrapper_snippet_glue_logic_image_link, .grid_container.smartphone_dynamic_columns .cci_wrapper_snippet_glue_logic_image_link, .grid_container.smartphone_dynamic_columns_left .cci_wrapper_snippet_upload_image, .grid_container.smartphone_dynamic_columns .cci_wrapper_snippet_upload_image { width: max-content; } .grid_container.smartphone_dynamic_columns_left { display: flex; justify-content: flex-start; flex-wrap: nowrap; } .grid_container.smartphone_dynamic_columns_left > .content_container_content_wrapper { min-width: auto; } .grid_container.smartphone_scrollable{ grid-auto-flow: column; grid-template-columns: initial; max-width: 100%; overflow-x: auto; position: relative; } .grid_container.smartphone_scrollable.scrolled:after{ opacity: 0; transform: translateX(80px); } .grid_container.smartphone_scrollable .grid_observer_entry{ content: ' '; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: transparent; pointer-events: none; } .grid_container.smartphone_scrollable:after{ content: ' '; position: absolute; top: 0; bottom: 0; right: -80px; width: 104px; background-image: linear-gradient(to right, transparent, #FFFEFD 20%); opacity: 1; pointer-events: none; transform: translateX(0); transition: opacity 150ms linear, transform 150ms linear; } .grid_container.gap_no_gap { column-gap: 0px; } .grid_container.gap_small_gap { column-gap: 8px; } .grid_container.gap_medium_gap { column-gap: 12px; } .grid_container.gap_standard_gap { column-gap: 24px; } .grid_container.smartphone_scrollable.smartphone_one_column { grid-auto-columns: 1312px; } .grid_container.gap_no_gap.smartphone_scrollable.smartphone_two_columns_same_width { grid-auto-columns: calc((1312px - 0px) / 2); } .grid_container.gap_small_gap.smartphone_scrollable.smartphone_two_columns_same_width { grid-auto-columns: calc((1312px - 8px) / 2); } .grid_container.gap_medium_gap.smartphone_scrollable.smartphone_two_columns_same_width { grid-auto-columns: calc((1312px - 12px) / 2); } .grid_container.gap_standard_gap.smartphone_scrollable.smartphone_two_columns_same_width { grid-auto-columns: calc((1312px - 24px) / 2); } .grid_container.gap_no_gap.smartphone_scrollable.smartphone_three_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 0px + 20px)),calc((1312px - (2 * 0px)) / 3)); } .grid_container.gap_small_gap.smartphone_scrollable.smartphone_three_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 8px + 20px)),calc((1312px - (2 * 8px)) / 3)); } .grid_container.gap_medium_gap.smartphone_scrollable.smartphone_three_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 12px + 20px)),calc((1312px - (2 * 12px)) / 3)); } .grid_container.gap_standard_gap.smartphone_scrollable.smartphone_three_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 24px + 20px)),calc((1312px - (2 * 24px)) / 3)); } .grid_container.smartphone_two_columns_same_width .grid_container.gap_no_gap.smartphone_scrollable.smartphonetwo_columns_same_width, .grid_container.gap_no_gap.smartphone_scrollable.smartphone_four_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 0px + 40px)),calc((1312px - (3 * 0px)) / 4)); } .grid_container.smartphone_two_columns_same_width .grid_container.gap_small_gap.smartphone_scrollable.smartphonetwo_columns_same_width, .grid_container.gap_small_gap.smartphone_scrollable.smartphone_four_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 8px + 40px)),calc((1312px - (3 * 8px)) / 4)); } .grid_container.smartphone_two_columns_same_width .grid_container.gap_medium_gap.smartphone_scrollable.smartphonetwo_columns_same_width, .grid_container.gap_medium_gap.smartphone_scrollable.smartphone_four_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 12px + 40px)),calc((1312px - (3 * 12px)) / 4)); } .grid_container.smartphone_two_columns_same_width .grid_container.gap_standard_gap.smartphone_scrollable.smartphonetwo_columns_same_width, .grid_container.gap_standard_gap.smartphone_scrollable.smartphone_four_columns_same_width { grid-auto-columns: min(calc(100vw - (2 * 20px + 24px + 40px)),calc((1312px - (3 * 24px)) / 4)); } } .cms_skl_list li.skl_list_item { margin-left: 1.1em; } .cms_skl_list .toggle_container { display: inline; } .cms_skl_list .toggle_content { margin-left: 0.6em; } .cms_skl_list .toggle_link { display: inline-flex; } .cms_skl_list .toggle_link:before { content: '\f105'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .cms_skl_list .toggle_container.open > .toggle_link:before { transform: rotate(90deg); } .ip_button__n_articles { margin-left: 0.5em; } .cci_wrapper_snippet_vimeo_video > iframe { border:1px solid #54565b; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { #product_clickcollect_info_popup{ width: 85vw; } .click_collect_storages tr{ display: flex; flex-direction: column; padding: .5em 1em; } .click_collect_storages tr > td.data_cell{ padding: 0; } .click_collect_footnotes { margin-top: 1em; } } .cci_wrapper_snippet_logical_block .message_signature_block, .cci_wrapper_snippet_logical_block .message_text_block { white-space: pre; } .cci_wrapper_snippet_logical_block p.message_preface_hint { margin-bottom: 2em; } .toggle_container.open > .toggle_link.normal_highlighted:before, .toggle_container.open > .toggle_link.normal_highlighted, .toggle_link.highlighted:before, .toggle_link.highlighted { color: #54565b; } @media only screen and (max-width: 798.8px) { html body .resp-sp-show { display: block; } html body .resp-sp-hide { display: none !important; } } @media only screen and (min-width: 798.9px) and (max-width: 799.4px) { html body .resp-sl-show { display: block; } html body .resp-sl-hide { display: none !important; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px) { html body .resp-tp-show { display: block; } html body .resp-tp-hide { display: none !important; } } @media only screen and (min-width: 799.7px) and (max-width: 1135.8px) { html body .resp-tl-show { display: block; } html body .resp-tl-hide { display: none !important; } } @media (min-width: 1136px), print { html body .resp-d-show { display: block; } html body .resp-d-hide { display: none !important; } } @supports (--custom:property) and (aspect-ratio:1/1) { iframe[style*="--aspect-ratio"], [style*="--aspect-ratio"] > img { aspect-ratio: var(--aspect-ratio); max-width: var(--max-width); } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { iframe[style*="--aspect-ratio-smartphone"], [style*="--aspect-ratio-smartphone"] > img { aspect-ratio: var(--aspect-ratio-smartphone); max-width: var(--max-width-smartphone); } } } @supports (--custom:property) and not (aspect-ratio:1/1){ [style*="--aspect-ratio"]::before { content: ""; display: block; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: calc(min(100%, var(--max-width)) / (var(--aspect-ratio))); } [style*="--aspect-ratio"]::after { content: ""; display: table; clear: both; } iframe[style*="--aspect-ratio"], [style*="--aspect-ratio"] > img { max-width: var(--max-width); } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { [style*="--aspect-ratio-smartphone"]::before { padding-top: calc(min(100%, var(--max-width-smartphone)) / (var(--aspect-ratio-smartphone))); } iframe[style*="--aspect-ratio-smartphone"], [style*="--aspect-ratio-smartphone"] > img { max-width: var(--max-width-smartphone); } } } @supports (--custom:property) and (aspect-ratio:1/1) { @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { iframe[style*="--aspect-ratio-tablet"], [style*="--aspect-ratio-tablet"] > img { aspect-ratio: var(--aspect-ratio-tablet); max-width: var(--max-width-tablet); } } } @supports (--custom:property) and not (aspect-ratio:1/1){ @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { [style*="--aspect-ratio-tablet"]::before { padding-top: calc(min(100%, var(--max-width-tablet)) / (var(--aspect-ratio-tablet))); } iframe[style*="--aspect-ratio-tablet"], [style*="--aspect-ratio-tablet"] > img { max-width: var(--max-width-tablet); } } } div.cm_popup_wrapper .popup__header_wrapper { display: none; } .cm_popup_wrapper .content { text-align: center; } .cm_popup_wrapper .text { white-space: pre-line; } .cm_popup_wrapper .content_wrapper { display: grid; align-items: center; justify-items: center; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .cm_popup_wrapper.cm_popup_wrapper.cm_popup_wrapper { width: 700px; max-height: 92vh !important; } .cm_popup_wrapper .content_wrapper { grid-template: "image logo" "image text" "image text"; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .cm_popup_wrapper .content_wrapper { grid-template: "image logo" "text text" "text text"; } div.cm_popup_wrapper .cookie_image_wrapper img { max-width: 120px; } } .cm_popup_wrapper .cookie_image_wrapper { grid-area: image; } .cm_popup_wrapper .logo { grid-area: logo; max-width: 250px; height: auto; } .cm_popup_wrapper .content { grid-area: text; } .cm_popup_wrapper .bottom_links_wrapper { display: flex; justify-content: center; } .cm_popup_wrapper .headline { margin: 0 0 0.5em 0; font-weight: bold; font-size: 150%; } .cm_popup_wrapper .button_wrapper { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; text-align: center; margin: 2.5em 0 1.5em 0; } .cm_popup_wrapper .bottom_links_wrapper a { padding: 0 0.5em; font-size: 11px; } .cm_popup_wrapper .bottom_links_wrapper a:not(:first-child):before { content: '|'; position: relative; left: -0.5em; top: -1px; display: inline-block; text-decoration: none; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .cm_popup_wrapper .button_wrapper { margin: 1.5em 0 1em 0; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { div.popup_wrapper.cm_popup_wrapper { max-width: 95vw; margin: 0 auto; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { div.popup_wrapper.cm_popup_wrapper { width: 94vw; max-width: initial !important; } } @media screen and (max-height: 600px) { div.popup_wrapper.responsive.cm_popup_wrapper { font-size: 85%; padding: 1em 0 1em 0.5em !important; } div.popup_wrapper.responsive.center_fixed.cm_popup_wrapper .popup_content_wrapper { padding-right: 0.5em; } } .consent_placeholder { display: flex; flex-direction: column; align-items: center; background: #e8e8e8; padding: 30px 0px; text-align: center; } .consent_placeholder .consent_text { padding: 0 15px 30px 15px; white-space: pre-line; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .consent_placeholder .consent_text { max-width: 800px; } } .cm_item_wrapper { margin: 30px 0 20px 0; } .text.category { font-weight: bold; margin: 3px 0; } .cm_item_wrapper .ipfit_checkbox_awesome.ipfit_readonly .ipfit__text { color: #333333; } .cm_item_wrapper .text.id { margin-top: 5px; white-space: normal; } div.cm_popup_wrapper .popup__header_wrapper { display: inline-block; } div.cm_popup_wrapper .popup__button_wrapper:not(:empty) { padding-right: 0; } .cm_popup_wrapper .logo { margin-bottom: 25px; max-width: 200px; } .cm_item_wrapper .ipfit_checkbox_awesome .ipfit__link_label, .cm_item_wrapper .ipfit_checkbox_awesome.ipfit_readonly .ipfit__text { font-weight: bold; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .cm_popup_wrapper .bottom_links_wrapper a { font-size: .63rem; line-height: 1.4; } .cm_popup_wrapper .text.category { font-size: .75rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .cm_popup_wrapper .bottom_links_wrapper a { font-size: .69rem; line-height: 1.4; } .cm_popup_wrapper .text.category { font-size: .81rem; line-height: 1.4; } } @media (min-width: 1136px), print { .cm_popup_wrapper .bottom_links_wrapper a { font-size: 0.75rem; line-height: 1.4; } .cm_popup_wrapper .text.category { font-size: 0.88rem; line-height: 1.4; } } .cm_popup_wrapper .text, .cm_item_wrapper .label_id { padding: 0 0.5em; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .cm_popup_wrapper .content_wrapper { grid-template: "logo logo" "text text" "text text"; } .cm_popup_wrapper .logo { max-width: 127px; margin-bottom: 15px; } } .engine_page_element { max-width: 100%; } .placements_wrapper__grid, .engine_page_field_group_element_row__grid { display: grid; grid-gap: 0 32px; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .placements_wrapper__grid, .engine_page_field_group_element_row__grid { display: block; } } .engine_page_field_group_element_row__grid .engine_page_field_group_headline { grid-column: 1 / -1; } .placements_wrapper__grid .ipfit__emptyField__wrapper, .placements_wrapper__grid .engine_page_element.empty_field { display: none; } .engine_page_field_group_element_row.engine_page_field_group_element_row__grid.use_full_grid_width, .engine_page_field_group_element_row.use_full_grid_width, .use_full_grid_width, .placements_wrapper__grid .engine_action_buttons_wrapper { grid-column-start: 1; grid-column-end: -1; max-width: unset; } .placements_wrapper__grid.has_cols_2, .placements_wrapper__grid.has_cols_2 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 2, minmax(1px, 1fr) ); } .engine_page_element.colspan_2 { grid-column: span 2; } .engine_page_element.rowspan_2 { grid-row: span 2; } .placements_wrapper__grid.has_cols_3, .placements_wrapper__grid.has_cols_3 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 3, minmax(1px, 1fr) ); } .engine_page_element.colspan_3 { grid-column: span 3; } .engine_page_element.rowspan_3 { grid-row: span 3; } .placements_wrapper__grid.has_cols_4, .placements_wrapper__grid.has_cols_4 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 4, minmax(1px, 1fr) ); } .engine_page_element.colspan_4 { grid-column: span 4; } .engine_page_element.rowspan_4 { grid-row: span 4; } .placements_wrapper__grid.has_cols_5, .placements_wrapper__grid.has_cols_5 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 5, minmax(1px, 1fr) ); } .engine_page_element.colspan_5 { grid-column: span 5; } .engine_page_element.rowspan_5 { grid-row: span 5; } .placements_wrapper__grid.has_cols_6, .placements_wrapper__grid.has_cols_6 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 6, minmax(1px, 1fr) ); } .engine_page_element.colspan_6 { grid-column: span 6; } .engine_page_element.rowspan_6 { grid-row: span 6; } .placements_wrapper__grid.has_cols_7, .placements_wrapper__grid.has_cols_7 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 7, minmax(1px, 1fr) ); } .engine_page_element.colspan_7 { grid-column: span 7; } .engine_page_element.rowspan_7 { grid-row: span 7; } .placements_wrapper__grid.has_cols_8, .placements_wrapper__grid.has_cols_8 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 8, minmax(1px, 1fr) ); } .engine_page_element.colspan_8 { grid-column: span 8; } .engine_page_element.rowspan_8 { grid-row: span 8; } .placements_wrapper__grid.has_cols_9, .placements_wrapper__grid.has_cols_9 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 9, minmax(1px, 1fr) ); } .engine_page_element.colspan_9 { grid-column: span 9; } .engine_page_element.rowspan_9 { grid-row: span 9; } .placements_wrapper__grid.has_cols_10, .placements_wrapper__grid.has_cols_10 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 10, minmax(1px, 1fr) ); } .engine_page_element.colspan_10 { grid-column: span 10; } .engine_page_element.rowspan_10 { grid-row: span 10; } .placements_wrapper__grid.has_cols_11, .placements_wrapper__grid.has_cols_11 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 11, minmax(1px, 1fr) ); } .engine_page_element.colspan_11 { grid-column: span 11; } .engine_page_element.rowspan_11 { grid-row: span 11; } .placements_wrapper__grid.has_cols_12, .placements_wrapper__grid.has_cols_12 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 12, minmax(1px, 1fr) ); } .engine_page_element.colspan_12 { grid-column: span 12; } .engine_page_element.rowspan_12 { grid-row: span 12; } .order_option_list { grid-gap: 0 32px; } .popup_wrapper.header_popup .placements_wrapper__grid { column-gap: 0; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .placements_wrapper__grid, .engine_page_field_group_element_row__grid { margin-bottom: 32px; } } .engine_page_element.overwride_colspan_2 { grid-column: span 2; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .placements_wrapper__grid.has_cols_4, .placements_wrapper__grid.has_cols_4 .engine_page_field_group_element_row__grid { grid-template-columns: repeat( 3, minmax(1px, 1fr) ); } } .pageelement_invisible, .pageelement_invisible > *, .pageelement_invisible.engine_page_element, .pageelement_invisible.engine_page_element_row, .engine_page_element .pageelement_invisible { display: none !important; } .wizard_text_company { opacity: 0; height: 0; width: 0; z-index: -1; position: absolute; } .wizard_message_page_confirmation_dialog .ip_engine_message_page_message_content{ font-weight: normal; font-size: 1rem; line-height: 1.4; } .wizard_message_page_confirmation_dialog .engine_instance_button_list{ margin-top: 20px; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .wizard_message_page_confirmation_dialog .ip_engine_message_page_message_content{ margin-left: 0; } .ip_engine_message_page_wrapper .engine_action_buttons_wrapper, .ip_engine_message_page_wrapper .engine_instance_button_list{ display: flex; flex-direction: row; justify-content: center; gap: 2em; } .ip_engine_message_page_wrapper .engine_instance_button_list .button_list_item, .ip_engine_message_page_wrapper .engine_action_buttons_wrapper .ip_button_type__inline{ flex-basis: 100%; min-width: 0; } .wizard_message_page_confirmation_dialog .ip_engine_message_page_message_content{ font-size: .94rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { li.order_option_list_item[id="block$order_option_selected_item$register__registration_type"], .shop_page__wizard .ip_engine_header_message_wrapper, .shop_page__wizard .area_wrapper__tradeTop > .content_container_content_wrapper, .shop_page__wizard .area_wrapper__tradeBottom > .content_container_content_wrapper, .shop_page__wizard .shop_page_title_wrapper_trade .shop_page_title, .shop_page__wizard .shop_page_title_wrapper_trade .shop_page_subtitle, .shop_page__wizard .shop_page_title_wrapper_trade .shop_page_content, .formComponent_engine_page_block_container > .engine_page_table, .wizard_engine_page_block_container > .engine_page_table > .placements_wrapper__grid { grid-column: 3 / span 8; } .wizard_message_page_confirmation_dialog .ip_engine_message_page_message_content{ font-size: .94rem; line-height: 1.4; } } @media (min-width: 1136px), print { li.order_option_list_item[id="block$order_option_selected_item$register__registration_type"], .shop_page__wizard .ip_engine_header_message_wrapper, .shop_page__wizard .area_wrapper__tradeTop > .content_container_content_wrapper, .shop_page__wizard .area_wrapper__tradeBottom > .content_container_content_wrapper, .shop_page__wizard .shop_page_title_wrapper_trade .shop_page_title, .shop_page__wizard .shop_page_title_wrapper_trade .shop_page_subtitle, .shop_page__wizard .shop_page_title_wrapper_trade .shop_page_content, .formComponent_engine_page_block_container > .engine_page_table, .wizard_engine_page_block_container > .engine_page_table > .placements_wrapper__grid { grid-column: 4 / span 6; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .wizard_message_page_confirmation_dialog .ip_engine_message_page_message_content{ text-align: center; } .shop_page__wizard .ip_engine_header_message, .shop_page__wizard .area_wrapper__tradeTop, .shop_page__wizard .area_wrapper__tradeBottom, .shop_page__wizard .shop_page_title_wrapper_trade, .formComponent_engine_page_block_container, .wizard_engine_page_block_container > .engine_page_table { display: grid; grid-template-columns: repeat(12,1fr); gap: 0 32px; } .popup_wrapper.inline_popup form[name="wizard_login__form"] .wizard_engine_page_block_container > .engine_page_table, .popup_wrapper.standard_popup .formComponent_engine_page_block_container, .popup_wrapper.standard_popup .wizard_engine_page_block_container > .engine_page_table { display: initial; } .popup_wrapper.standard_popup .formComponent_engine_page_block_container > .engine_page_table, .popup_wrapper.inline_popup form[name="wizard_login__form"] .wizard_engine_page_block_container > .engine_page_table .placements_wrapper__grid, .popup_wrapper.standard_popup .wizard_engine_page_block_container > .engine_page_table .placements_wrapper__grid{ border-left: 0; padding: 0; grid-template-columns: none; } .shop_page__wizard .shop_page_title_wrapper_trade .shop_page_content:not(:empty){ margin-bottom: 24px; } .formComponent_engine_page_block_container > .engine_page_table, .wizard_engine_page_block_container .placements_wrapper__grid, .ip_engine_wizard_page .placements_wrapper__grid{ border-left: 1px solid #54565b; padding: 0 0 0 32px; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); } .shop_page__wizard.wizard_full_width_layout .wizard_engine_page_block_container > .engine_page_table > .placements_wrapper__grid, .shop_page__wizard.wizard_full_width_layout .shop_page_title_wrapper_trade .shop_page_title, .shop_page__wizard.wizard_full_width_layout .shop_page_title_wrapper_trade .shop_page_subtitle, .shop_page__wizard.wizard_full_width_layout .shop_page_title_wrapper_trade .shop_page_content, .shop_page__wizard.wizard_full_width_layout .ip_engine_header_message_wrapper, .grid_container:not(.one_column) .wizard_engine_page_block_container > .engine_page_table > .placements_wrapper__grid { grid-column: 1 / span 12; } .grid_container:not(.one_column) .wizard_engine_page_block_container .placements_wrapper__grid{ border-left: none; padding: 0; } .cst_user_configured_form_wrapper .engine_action_buttons_wrapper, .ip_engine_wizard_page .engine_action_buttons_wrapper{ justify-content: start; } .cst_user_configured_form_wrapper .engine_action_buttons_wrapper .ip_button, .ip_engine_wizard_page .engine_action_buttons_wrapper .ip_button{ margin: 1.5em 0; } .shop_page__wizard .ip_engine_header_message { box-shadow: none!important; background-color: transparent!important; } .shop_page__wizard .ip_engine_header_message .ip_engine_header_message_wrapper{ border-radius: 8px; } .shop_page__wizard .ip_engine_header_message_error_out_of_viewport_hint .ip_engine_header_message_wrapper, .shop_page__wizard .ip_engine_header_message_error .ip_engine_header_message_wrapper{ background-color: #CC0000; } .shop_page__wizard .ip_engine_header_message_warning .ip_engine_header_message_wrapper{ background-color: #fce8ce; } .shop_page__wizard .ip_engine_header_message_info .ip_engine_header_message_wrapper{ background-color: #daf0f7; } .shop_page__wizard .ip_engine_header_message_success .ip_engine_header_message_wrapper{ background-color: #006A00; } .popup_wrapper.center_fixed__css_only.wizard_message_page_confirmation_dialog{ max-width: 80vw; } .wizard_message_page_confirmation_dialog .message_purpose_container{ padding: 0; } } .bt_popup_wrapper .radio_list_item, .bt_popup_wrapper .ipfit__radio_list__wrapper .filter_field, .address_popup .radio_list_item, .address_popup .filter_field { padding: 0.5em 1.5em; margin: 0.5em; } .bt_popup_wrapper .ipfit__radio_list__wrapper .filter_field, .address_popup .filter_field { padding-top: 0; margin-top: 0; } .bt_popup_wrapper .ipfit__radio_list__wrapper .ipfit__fieldlabel, .address_popup .ipfit__radio_list__wrapper .ipfit__fieldlabel { margin-left: calc(4px + 0.5em); padding-left: 1.5em; } .bt_popup_wrapper .radio_list_item, .address_popup .radio_list_item { display: flex; align-items: center; max-height: 300px; } .bt_popup_wrapper .radio_list_item.remove, .formComponent_engine_page_block_container[data-instance_key="selectAddress"] .radio_list_item.remove { overflow: hidden; max-height: 0px; } .bt_popup_wrapper .checkbox_list__option_text .address_wrapper, .formComponent_engine_page_block_container[data-instance_key="selectAddress"] .checkbox_list__option_text .address_wrapper { align-items: center; } .bt_popup_wrapper .awesome_radio_wrapper { margin-right: 1em; } .bt_delivery_address_popup .order_option_list_item .checkbox_list, .bt_billing_address_popup .order_option_list_item .checkbox_list{ display: flex; flex-direction: column; } .bt_delivery_address_popup .radio_list_item.list_item_checked, .bt_billing_address_popup .radio_list_item.list_item_checked { order: -1; } .bt_popup_wrapper .radio_list_item:not(.list_item_checked), .formComponent_engine_page_block_container[data-instance_key="selectAddress"] .radio_list_item:not(.list_item_checked) { background: transparent; transition: background 300ms linear, max-height 200ms ease-out, padding 200ms, opacity 200ms ease-in; } .bt_popup_wrapper .radio_list_item, .bt_popup_wrapper .ipfit__fieldlabel { cursor: pointer; } .popup_wrapper { display: flex; flex-direction: column; } .standard_popup { background-color: #FFFEFD; box-shadow: 3px 3px 15px 2px grey; border-radius: 6px; } .with_loading_indicator_placeholder:not(.inline_popup) { max-width: 100vw; max-height: 100vh; } .popup_wrapper.with_loading_indicator_placeholder { transition: max-height 400ms, max-width 400ms; } .popup_wrapper.with_loading_indicator_placeholder.fade_transition { transition: max-height 400ms, max-width 400ms, opacity 300ms; } .popup_is_loading { max-width: 200px; max-height: 200px; } .popup_wrapper.with_loading_indicator_placeholder .loading_indicator_placeholder { max-height: 200px; min-width: 200px; min-height: 200px; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .popup_wrapper.responsive.left, .popup_wrapper.responsive.right { border-radius: 0; } .popup_wrapper:not(.responsive) { max-width: 100vw; box-sizing: border-box; } } .popup_wrapper .popup__header_wrapper { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; } .popup_wrapper .popup__header_wrapper:not(.without_headline_wrapper) { background-color: #FFFEFD; color: #333333; } .popup_wrapper .popup__headline, .popup_wrapper .popup__button_wrapper:not(:empty) { padding: .2em .7em; } .popup_wrapper .popup__headline { font-size: 1.63rem; flex-grow: 1; } .popup_wrapper .popup__button_wrapper { cursor: pointer; font-size: 150%; } .error_layer, .info_layer { transform: translateX(calc(-80% + 0.6em)); position: relative; font-weight: normal; min-width: 150px; max-width: 400px; display: flex; justify-content: flex-start; box-shadow: initial; background-color: transparent; } .error_layer > div, .info_layer > div { padding: 0.5em; background-color: #FFFEFD; color: white; display: inline-block; } .info_layer .popup__header_wrapper .popup__button_wrapper { color: white; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { div.popup_wrapper.info_layer.responsive.center, div.popup_wrapper.error_layer.responsive.center { height: auto; width: auto; max-width: 100vw; } } .info_layer_wrapper i, .error_layer_wrapper i { cursor: pointer; } .info_layer_wrapper { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } body.popup_prevent_scrolling { overflow: hidden; } .ip_button > .popup_wrapper { white-space: initial; } .touch .popup_wrapper .popup_content_wrapper { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .popup_wrapper .popup_content_wrapper { scrollbar-color: #54565b #EDEDED; scrollbar-width: thin; } } .popup_wrapper .popup_content_wrapper::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .popup_wrapper .popup_content_wrapper::-webkit-scrollbar-track { background-color: #EDEDED; border-radius: 0.25rem; } .popup_wrapper .popup_content_wrapper::-webkit-scrollbar-thumb { border-radius: 0.25rem; background-color: #54565b; } .popup_wrapper .popup_content_wrapper::-webkit-scrollbar-corner { background-color: #EDEDED; } .popup_wrapper, .popup_perspective_wrapper { z-index: 10000; box-sizing: border-box; } .popup_wrapper.horizontal_center:not(.dragged){ transform: translate(-50%,0); } .popup_wrapper.vertical_center:not(.dragged){ transform: translate(0,-50%); } .popup_wrapper.horizontal_right:not(.dragged), .popup_wrapper.horizontal_left_of:not(.dragged){ transform: translate(-100%,0); } .popup_wrapper.vertical_above:not(.dragged), .popup_wrapper.vertical_bottom:not(.dragged){ transform: translate(0,-100%); } .popup_wrapper.horizontal_center.vertical_center:not(.dragged){ transform: translate(-50%,-50%); } .popup_wrapper.horizontal_right.vertical_above:not(.dragged), .popup_wrapper.horizontal_right.vertical_bottom:not(.dragged), .popup_wrapper.horizontal_left_of.vertical_above:not(.dragged), .popup_wrapper.horizontal_left_of.vertical_bottom:not(.dragged){ transform: translate(-100%,-100%); } .popup_wrapper.horizontal_right.vertical_center:not(.dragged), .popup_wrapper.horizontal_left_of.vertical_center:not(.dragged){ transform: translate(-100%,-50%); } .popup_wrapper.horizontal_center.vertical_bottom:not(.dragged), .popup_wrapper.horizontal_center.vertical_above:not(.dragged){ transform: translate(-50%,-100%); } div.disable_page_background_div.popup_grayout { position: fixed; } div.disable_page_background_div.confirmation_dialog_popup_grayout { width: 100vw; height: 100vh; z-index: 10000; } .popup_wrapper.hide_border { border: none !important; box-shadow: none !important; } .popup_wrapper iframe.popup_iframe { width: 100%; display: block; } .popup_wrapper.center_viewport iframe, .popup_wrapper.center_fixed iframe, .popup_wrapper.parent_width__fixed iframe { max-width: 100%; max-height: 100%; } .popup_wrapper.cached_hide { display: none!important; } .popup_wrapper.initial_hide { opacity: 0; } .popup_wrapper.fade_in { opacity: 1; } .popup_wrapper.parent_width__fixed { position: fixed; max-height: 100%; max-width: 100%; } .popup_wrapper.center_fixed__css_only, .popup_wrapper.center_fixed, .popup_perspective_wrapper.center_fixed { position: fixed; max-height: 100vh; max-width: 100vw; } .popup_wrapper.center_fixed__css_only { left: 50%; top: 50%; transform: translate(-50%,-50%); width: max-content; } .popup_wrapper.center_fixed__css_only > .popup_content_wrapper, .popup_wrapper.center_fixed > .popup_content_wrapper { max-height: 100vh; } .popup_wrapper:not(.inline_popup) .popup_content_wrapper { overflow: auto; } .popup_perspective_wrapper.center_viewport, .popup_wrapper.center_viewport, .popup_perspective_wrapper.align, .popup_wrapper.align { position: absolute; } .popup_wrapper.align_mouse { position: fixed; } .popup_wrapper.fade_transition{ -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -ms-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .popup_wrapper.position_transition{ -webkit-transition: top 300ms, left 300ms; -moz-transition: top 300ms, left 300ms; -ms-transition: top 300ms, left 300ms; -o-transition: top 300ms, left 300ms; transition: top 300ms, left 300ms; } .popup_wrapper.fade_transition.position_transition{ -webkit-transition: top 300ms, left 300ms, opacity 300ms; -moz-transition: top 300ms, left 300ms, opacity 300ms; -ms-transition: top 300ms, left 300ms, opacity 300ms; -o-transition: top 300ms, left 300ms, opacity 300ms; transition: top 300ms, left 300ms, opacity 300ms; } .popup_wrapper.center_viewport iframe, .popup_wrapper.center_fixed iframe{ -webkit-transition: height 300ms; -moz-transition: height 300ms; -ms-transition: height 300ms; -o-transition: height 300ms; transition: height 300ms; overflow-y: auto; } .popup_wrapper .popup__headline { overflow: hidden; } .popup_calculate_iframe_size { height: auto; width: auto; overflow: visible; } .popup_wrapper .popup_resize_controller { height: 15px; width: 15px; position: absolute; bottom: 0; right: 0; background-color: transparent; cursor: nwse-resize; } .popup_cancel_button.hide{ display: none; } .popup_perspective_wrapper { perspective: 2000px; background-color: transparent; display: inline-block; transform: translateZ(0); } .fly_in.popup_wrapper { backface-visibility: hidden; transform-style: preserve-3d; opacity: 1; transform: translateZ(0); } .fly_in.popup_wrapper.fade_in { transform: rotate(0deg); } .fly_in.popup_wrapper.fade_transition.fade_in { transition: transform 400ms ease-in-out; } .fly_in.popup_wrapper.initial_hide:not(.faded_in) { transform: rotateZ(90deg) scale(0.1) rotateY(-90deg); transform-style: flat; } popup_wrapper.fade_in { transform: translateX(0); } .come_from_right.popup_wrapper.fade_transition.fade_in, .come_from_left.popup_wrapper.fade_transition.fade_in { transition: transform 400ms, opacity 0ms; } .come_from_right.popup_wrapper.initial_hide:not(.faded_in) { transform: translateX(1000px); } .come_from_left.popup_wrapper.initial_hide:not(.faded_in) { transform: translateX(-1000px); } .fly_in.popup_wrapper.initial_hide.fade_transition.faded_in, .come_from_right.popup_wrapper.initial_hide.fade_transition.faded_in, .come_from_left.popup_wrapper.initial_hide.fade_transition.faded_in { transition: opacity 600ms ease-in; } @media only screen and (max-width: 798.8px) { .popup_wrapper.responsive.resp-sp-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #FFFEFD; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } .popup_wrapper.responsive.resp-sp-popup.bottom, .popup_wrapper.responsive.resp-sp-popup.center, .popup_wrapper.responsive.resp-sp-popup.left, .popup_wrapper.responsive.resp-sp-popup.right { transition: transform 500ms !important; opacity: 1 !important; left: 0 !important; } .popup_wrapper.responsive.resp-sp-popup:not(.bottom):not(.centered_popup) { height: 100vh; top: 0 !important; } .popup_wrapper.responsive.resp-sp-popup.bottom { top: auto !important; bottom: 0 !important; } .popup_wrapper.responsive.resp-sp-popup.full { width : 100vw !important; border-radius: 0; } .popup_wrapper.responsive.resp-sp-popup.initial_hide.bottom, .popup_wrapper.responsive.resp-sp-popup.initial_hide.center { transform: translatey(110vh); } .popup_wrapper.responsive.resp-sp-popup.fade_in.bottom, .popup_wrapper.responsive.resp-sp-popup.fade_in.center { transform: translatey(0vh); } .popup_wrapper.responsive.resp-sp-popup.bottom, .popup_wrapper.responsive.resp-sp-popup.center{ transform: translate(0,0); width: 100vw; } .popup_wrapper.responsive.resp-sp-popup.initial_hide.left{ transform: translateX(-100vw); } .popup_wrapper.responsive.resp-sp-popup.fade_in.left{ transform: translateX(0); } .popup_wrapper.responsive.resp-sp-popup.initial_hide.right{ transform: translateX(110vw); } .popup_wrapper.responsive.resp-sp-popup.left, .popup_wrapper.responsive.resp-sp-popup.right{ width: 75vw; } .popup_wrapper.responsive.resp-sp-popup.fade_in.right{ transform: translateX(25vw); } .popup_wrapper.responsive.resp-sp-popup.centered_popup { max-width: 90vw; max-height: 85vh; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; } } @media only screen and (min-width: 798.9px) and (max-width: 799.4px) { .popup_wrapper.responsive.resp-sl-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #FFFEFD; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } .popup_wrapper.responsive.resp-sl-popup.bottom, .popup_wrapper.responsive.resp-sl-popup.center, .popup_wrapper.responsive.resp-sl-popup.left, .popup_wrapper.responsive.resp-sl-popup.right { transition: transform 500ms !important; opacity: 1 !important; left: 0 !important; } .popup_wrapper.responsive.resp-sl-popup:not(.bottom):not(.centered_popup) { height: 100vh; top: 0 !important; } .popup_wrapper.responsive.resp-sl-popup.bottom { top: auto !important; bottom: 0 !important; } .popup_wrapper.responsive.resp-sl-popup.full { width : 100vw !important; border-radius: 0; } .popup_wrapper.responsive.resp-sl-popup.initial_hide.bottom, .popup_wrapper.responsive.resp-sl-popup.initial_hide.center { transform: translatey(110vh); } .popup_wrapper.responsive.resp-sl-popup.fade_in.bottom, .popup_wrapper.responsive.resp-sl-popup.fade_in.center { transform: translatey(0vh); } .popup_wrapper.responsive.resp-sl-popup.bottom, .popup_wrapper.responsive.resp-sl-popup.center{ transform: translate(0,0); width: 100vw; } .popup_wrapper.responsive.resp-sl-popup.initial_hide.left{ transform: translateX(-100vw); } .popup_wrapper.responsive.resp-sl-popup.fade_in.left{ transform: translateX(0); } .popup_wrapper.responsive.resp-sl-popup.initial_hide.right{ transform: translateX(110vw); } .popup_wrapper.responsive.resp-sl-popup.left, .popup_wrapper.responsive.resp-sl-popup.right{ width: 75vw; } .popup_wrapper.responsive.resp-sl-popup.fade_in.right{ transform: translateX(25vw); } .popup_wrapper.responsive.resp-sl-popup.centered_popup { max-width: 90vw; max-height: 85vh; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px) { .popup_wrapper.responsive.resp-tp-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #FFFEFD; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } .popup_wrapper.responsive.resp-tp-popup.bottom, .popup_wrapper.responsive.resp-tp-popup.center, .popup_wrapper.responsive.resp-tp-popup.left, .popup_wrapper.responsive.resp-tp-popup.right { transition: transform 500ms !important; opacity: 1 !important; left: 0 !important; } .popup_wrapper.responsive.resp-tp-popup:not(.bottom):not(.centered_popup) { height: 100vh; top: 0 !important; } .popup_wrapper.responsive.resp-tp-popup.bottom { top: auto !important; bottom: 0 !important; } .popup_wrapper.responsive.resp-tp-popup.full { width : 100vw !important; border-radius: 0; } .popup_wrapper.responsive.resp-tp-popup.initial_hide.bottom, .popup_wrapper.responsive.resp-tp-popup.initial_hide.center { transform: translatey(110vh); } .popup_wrapper.responsive.resp-tp-popup.fade_in.bottom, .popup_wrapper.responsive.resp-tp-popup.fade_in.center { transform: translatey(0vh); } .popup_wrapper.responsive.resp-tp-popup.bottom, .popup_wrapper.responsive.resp-tp-popup.center{ transform: translate(0,0); width: 100vw; } .popup_wrapper.responsive.resp-tp-popup.initial_hide.left{ transform: translateX(-100vw); } .popup_wrapper.responsive.resp-tp-popup.fade_in.left{ transform: translateX(0); } .popup_wrapper.responsive.resp-tp-popup.initial_hide.right{ transform: translateX(110vw); } .popup_wrapper.responsive.resp-tp-popup.right{ width: 50%; width: calc(50vw - (100vw - 100%)); } .popup_wrapper.responsive.resp-tp-popup.left{ width: 50%; width: 50vw; } .popup_wrapper.responsive.resp-tp-popup.fade_in.right{ transform: translateX(50vw); } .popup_wrapper.responsive.resp-tp-popup.centered_popup { max-width: 90vw; max-height: 85vh; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; } } @media only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .popup_wrapper.responsive.resp-tl-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #FFFEFD; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } .popup_wrapper.responsive.resp-tl-popup.bottom, .popup_wrapper.responsive.resp-tl-popup.center, .popup_wrapper.responsive.resp-tl-popup.left, .popup_wrapper.responsive.resp-tl-popup.right { transition: transform 500ms !important; opacity: 1 !important; left: 0 !important; } .popup_wrapper.responsive.resp-tl-popup:not(.bottom):not(.centered_popup) { height: 100vh; top: 0 !important; } .popup_wrapper.responsive.resp-tl-popup.bottom { top: auto !important; bottom: 0 !important; } .popup_wrapper.responsive.resp-tl-popup.full { width : 100vw !important; border-radius: 0; } .popup_wrapper.responsive.resp-tl-popup.initial_hide.bottom, .popup_wrapper.responsive.resp-tl-popup.initial_hide.center { transform: translatey(110vh); } .popup_wrapper.responsive.resp-tl-popup.fade_in.bottom, .popup_wrapper.responsive.resp-tl-popup.fade_in.center { transform: translatey(0vh); } .popup_wrapper.responsive.resp-tl-popup.bottom, .popup_wrapper.responsive.resp-tl-popup.center{ transform: translate(0,0); width: 100vw; } .popup_wrapper.responsive.resp-tl-popup.initial_hide.left{ transform: translateX(-100vw); } .popup_wrapper.responsive.resp-tl-popup.fade_in.left{ transform: translateX(0); } .popup_wrapper.responsive.resp-tl-popup.initial_hide.right{ transform: translateX(110vw); } .popup_wrapper.responsive.resp-tl-popup.right{ width: 50%; width: calc(50vw - (100vw - 100%)); } .popup_wrapper.responsive.resp-tl-popup.left{ width: 50%; width: 50vw; } .popup_wrapper.responsive.resp-tl-popup.fade_in.right{ transform: translateX(50vw); } .popup_wrapper.responsive.resp-tl-popup.centered_popup { max-width: 90vw; max-height: 85vh; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; } } @media (min-width: 1136px), print { .popup_wrapper.responsive.resp-d-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #FFFEFD; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } .popup_wrapper.responsive.resp-d-popup.bottom, .popup_wrapper.responsive.resp-d-popup.center, .popup_wrapper.responsive.resp-d-popup.left, .popup_wrapper.responsive.resp-d-popup.right { transition: transform 500ms !important; opacity: 1 !important; left: 0 !important; } .popup_wrapper.responsive.resp-d-popup:not(.bottom):not(.centered_popup) { height: 100vh; top: 0 !important; } .popup_wrapper.responsive.resp-d-popup.bottom { top: auto !important; bottom: 0 !important; } .popup_wrapper.responsive.resp-d-popup.full { width : 100vw !important; border-radius: 0; } .popup_wrapper.responsive.resp-d-popup.initial_hide.bottom, .popup_wrapper.responsive.resp-d-popup.initial_hide.center { transform: translatey(110vh); } .popup_wrapper.responsive.resp-d-popup.fade_in.bottom, .popup_wrapper.responsive.resp-d-popup.fade_in.center { transform: translatey(0vh); } .popup_wrapper.responsive.resp-d-popup.bottom, .popup_wrapper.responsive.resp-d-popup.center{ transform: translate(0,0); width: 100vw; } .popup_wrapper.responsive.resp-d-popup.initial_hide.left{ transform: translateX(-100vw); } .popup_wrapper.responsive.resp-d-popup.fade_in.left{ transform: translateX(0); } .popup_wrapper.responsive.resp-d-popup.initial_hide.right{ transform: translateX(110vw); } .popup_wrapper.responsive.resp-d-popup.right{ width: 50%; width: calc(50vw - (100vw - 100%)); } .popup_wrapper.responsive.resp-d-popup.left{ width: 50%; width: 50vw; } .popup_wrapper.responsive.resp-d-popup.fade_in.right{ transform: translateX(50vw); } .popup_wrapper.responsive.resp-d-popup.centered_popup { max-width: 90vw; max-height: 85vh; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; } } .popup_wrapper.tooltip { pointer-events: none; white-space: pre-line; max-width: 45em; } .error_layer:before, .info_layer:before { pointer-events: none; position: absolute; content: ' '; top: 2px; left: 80%; margin-left: auto; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .error_layer:before, .info_layer:before { display: none; } } .error_layer:before, .info_layer:before { width: 0; height: 0; border-left: 0.6em solid transparent; border-right: 0.6em solid transparent; border-bottom: 1em solid #FFFEFD; } .popup_wrapper { text-align: left; } .standard_popup { padding: 1em; } .popup_wrapper { font-weight: initial; color: initial; padding: 0; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .popup_wrapper { font-size: .94rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .popup_wrapper { font-size: .94rem; line-height: 1.4; } } @media (min-width: 1136px), print { .popup_wrapper { font-size: 1rem; line-height: 1.4; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .popup_wrapper .popup__headline { font-size: 1.13rem; line-height: 1.4; } .popup_wrapper.responsive.bottom{ max-height: 80vh; } .popup_wrapper.responsive:not(.centered_popup) { border-radius: 0; } .popup_wrapper.responsive .popup_content_wrapper { padding-top: 20px; } .popup_wrapper.vertical_below:not(.responsive):before, .popup_wrapper.vertical_above:not(.responsive):after { background-color: #FFFEFD; } .popup_wrapper.vertical_below:not(.responsive):before, .popup_wrapper.vertical_above:not(.responsive):after { content: ''; position: absolute; transform: rotate(45deg); height: 15px; width: 15px; z-index: -1; top: -8px; } .popup_wrapper.vertical_above:not(.responsive):after { top: initial; bottom: -8px; } .popup_wrapper.vertical_below.horizontal_center:not(.responsive):before, .popup_wrapper.vertical_above.horizontal_center:not(.responsive):after { left: calc(50% - 8px); } .popup_wrapper.vertical_below.horizontal_right:not(.responsive):before, .popup_wrapper.vertical_above.horizontal_right:not(.responsive):after { right: 32px; } .popup_wrapper.vertical_below.horizontal_left:not(.responsive):before, .popup_wrapper.vertical_above.horizontal_left:not(.responsive):after { left: 32px; } } .popup_wrapper:not(.inline_popup) .popup_content_wrapper { padding: 25px 16px 16px 16px; } .popup_wrapper.tooltip:not(.inline_popup) .popup_content_wrapper { padding: 16px; } .popup_wrapper:not(.inline_popup) .popup__header_wrapper.without_headline_wrapper{ background-color: transparent; } .popup_wrapper:not(.inline_popup) .popup__header_wrapper { padding: 1em; } .popup__header_wrapper.without_headline_wrapper { position: absolute; right: 0; padding: 0 16px !important; } .popup_wrapper .popup__button_wrapper { padding: 0 !important; } .popup_wrapper .popup__headline { padding: 0 32px 0 0; text-align: left; } .popup_wrapper.with_loading_indicator_placeholder.fade_transition { transition: max-height 300ms linear, max-width 300ms linear, opacity 300ms linear; } .header_menu_block_center .auto_completion_data_div, .online_help_layer{ color: #333333; background-color: #FFFEFD; border-radius: 6px; } .popup_wrapper.look_inside_popup { padding: 0; overflow: hidden; } .popup_wrapper.bookscreener_popup_wrapper .popup_content_wrapper, .popup_wrapper.look_inside_popup .popup_content_wrapper { overflow: hidden; padding: 0; } @media (min-width: 1136px), print { .popup_wrapper.bookscreener_popup_wrapper .popup_content_wrapper, .popup_wrapper.look_inside_popup .popup_content_wrapper { height: 90vh; width: 90vw; } #product_clickcollect_info_popup__content_wrapper { max-width: min(calc(1312px - 2 * 32px),80vw); padding: 25px 32px 32px 32px; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .popup_wrapper.bookscreener_popup_wrapper .popup_content_wrapper, .popup_wrapper.look_inside_popup .popup_content_wrapper { height: 90vh; width: 90vw; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .popup_wrapper.responsive.bottom.bookscreener_popup_wrapper, .popup_wrapper.responsive.bottom.bookscreener_popup_wrapper { max-height: 90vh } .popup_wrapper.bookscreener_popup_wrapper .popup_content_wrapper, .popup_wrapper.look_inside_popup .popup_content_wrapper { height: 90vh; } .popup_wrapper.look_inside_popup .popup_content_wrapper { margin-bottom: 40px; } } .popup_wrapper.look_inside_popup .popup__button_wrapper { padding: .2em .3em; } .ipfit__field_error { box-shadow: none; filter: drop-shadow(0 0 6px rgba(0,0,0,.5)); } .popup_wrapper:not(.inline_popup):before{ box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } .popup_wrapper:not(.inline_popup) > div{ border-radius: 6px; background-color: #FFFEFD; } .popup_wrapper.inline_popup { box-shadow: none; } .auto_completion_data_div:before, .online_help_layer:before{ background-color: #FFFEFD; } .auto_completion_data_div:before, .ipfit__field_error:before, .online_help_layer:before{ content: ''; position: absolute; transform: rotate(45deg); height: 15px; width: 15px; z-index: -1; top: -8px; } .auto_completion_data_div:before, .ipfit__field_error:before, .online_help_layer:before{ left: calc(50% - 8px); } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .clipboard_confirmation_popup { min-width: 430px; width: min-content; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .popup_wrapper.vertical_below:before, .popup_wrapper.vertical_above:after { background-color: #FFFEFD; } .popup_wrapper.vertical_below:before, .popup_wrapper.vertical_above:after { content: ''; position: absolute; transform: rotate(45deg); height: 15px; width: 15px; z-index: -1; top: -8px; } .popup_wrapper.product_image_zoom:not(.inline_popup) .popup_content_wrapper{ padding: 3em; } .popup_wrapper.vertical_above:after { top: initial; bottom: -8px; } .popup_wrapper.vertical_below.horizontal_center:before, .popup_wrapper.vertical_above.horizontal_center:after { left: calc(50% - 8px); } .popup_wrapper.vertical_below.horizontal_right:before, .popup_wrapper.vertical_above.horizontal_right:after { right: 32px; } .popup_wrapper.vertical_below.horizontal_left:before, .popup_wrapper.vertical_above.horizontal_left:after { left: 32px; } } .popup_wrapper.tooltip .content_wrapper{ padding: 24px; } .ipfit__field_error { padding: .5em; } .popup_wrapper ~ .disable_page_background_div { background-color: rgba(0, 0, 0,.5); } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .popup_wrapper.center_fixed__css_only, .popup_wrapper.center_fixed, .popup_perspective_wrapper.center_fixed { max-height: calc(100vh - 4em); } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .popup_wrapper.center_fixed__css_only, .popup_wrapper.center_fixed, .popup_perspective_wrapper.center_fixed { margin: 0 20px; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .display_wrapper { position: fixed; overflow-y: auto; overflow-x: hidden; z-index: 2001; height: 100%; transform: translateX(0); transition: transform 500ms; left: 0; top: 0; display: none; } .i_am_an_apple.touch .display_wrapper { overflow: scroll; -webkit-overflow-scrolling: touch; } html.responsive_overlay_active.touch, .responsive_overlay_active.touch body { height: 100%; overflow: hidden; } .responsive_overlay_active .display_wrapper { display: block; } .display_wrapper.none, .display_wrapper.center { width: 100%; } .display_wrapper.hide.none { display: none; } .display_wrapper.show.none { display: block; } .display_wrapper.hide { display: none; } .display_wrapper.show, .display_wrapper.hide.about_to_show, .display_wrapper.hide.about_to_hide { display: block; } .display_wrapper.hide.center { transform: translatey(110vh); } .display_wrapper.show.center { transform: translatey(0vh); } .display_wrapper.left, .display_wrapper.right{ width: 75vw; } .display_wrapper.hide.left{ transform: translateX(-100vw); } .display_wrapper.show.left{ transform: translateX(0); } .display_wrapper.hide.right{ transform: translateX(110vw); } .display_wrapper.show.right{ transform: translateX(25vw); } .close_display_wrapper_button{ text-align: right; } .display_wrapper img{ max-width: 100%; height: auto; } .responsive_overlay__iframe{ width: 100%; height: 100%; display: block; box-sizing: border-box; border: 0; } .hide_all_really_hard body > div { display: none; } .hide_all_really_hard .show { display: block!important; } .disable_background { display: block !important; } @media only screen and (min-width: 799.7px) and (max-width: 1135.8px) { div.display_wrapper.left, div.display_wrapper.right{ width: 40vw; } .display_wrapper.show.right { transform: translateX(60vw); } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px) { div.display_wrapper.left, div.display_wrapper.right{ width: 50vw; } .display_wrapper.show.right { transform: translateX(50vw); } } } .disable_background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; height: 100vh; z-index: 1001; background-color: rgba(255, 254, 253, 0.6); } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .display_wrapper { background-color: #FFFEFD; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } .close_display_wrapper_button .ip_button_type__header_button i.fa { color: lightgrey; } .display_wrapper__headline { background-color: white; font-weight: bold; font-size: large; } .right .display_wrapper__headline { padding: 0.3em 0 0.3em 1.4em; } .left .display_wrapper__headline, .center .display_wrapper__headline { padding: 0.3em 0 0.3em 0.4em; } .display_wrapper .content_multiple_paragraph { padding: 0 1em 0 1em; } .close_display_wrapper_button .ip_button { padding: 0.5em; } .responsive_layer__option { padding: 0.4em 0 0.4em 3em; border-bottom: 1px solid red; } .responsive_layer__option.active_item { color: red; font-weight: bold; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .disable_background{ background-color: rgba(0, 0, 0, 0.6); } .display_wrapper.right, .display_wrapper.left { padding: 50px 5px 0 5px; } .display_wrapper.right { border-left: none; } .display_wrapper.left { border-right: none; } .close_display_wrapper_button .ip_button__close.ip_button_type__plain_icon:not(.ip_button__disabled){ cursor: pointer; font-size: 150%; color: #333333; } } .confirmation_dialog .confirmation_dialog_content__mlo { margin-bottom: 1em; } .confirmation_dialog .confirmation_dialog_content__mlo, .confirmation_dialog h3 { text-align: center; margin: 0.5em 0 1.5em; white-space: pre-line; } .dialog_button_list { text-align: center; display: flex; justify-content: space-between; margin-top: 1em; } .confirmation_dialog_content:not(:empty) { margin: 1em 0; } .confirmation_dialog .dialog_button_list { display: flex; justify-content: space-between; } .confirmation_dialog .dialog_button_list > li ~ li { margin-left: 1em; } .dialog_please_choose_checkbox_list .button_list.dialog_button_list, .dialog_articles_are_invalid_for_wl .button_list.dialog_button_list { display: block; } .disable_page_background_div.submit_overlay { animation: submit_overlay_fadein 2000ms; cursor: default; overflow: hidden; animation-fill-mode: forwards; } @keyframes submit_overlay_fadein { from { opacity: 0; } to { opacity: 1; } } .loading_wheel { position: absolute; z-index: 10001; } .loading_wheel:before, .submit_overlay:before { content: '\f3f4'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; font-size: 100px; color: #B0BFC7; animation: 2.2s linear infinite fa-spin; opacity: 0.3; cursor: default; display: inline-block; } .submit_overlay:before { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .ipdnd_drag_handle_wrapper { margin-left: 1em; display: inline-block; } .ipdnd_drag_handle { cursor: move !important; } .subobj_row.ui-sortable-helper { display: flex; justify-content: space-between; background: #F7F7F7 !important; } .subobj_row.ui-sortable-placeholder { visibility: visible !important; height: 40px !important; } .subobj_row.ui-sortable-placeholder td { background-color: #F7F7F7; } div.disable_page_background_div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: none; z-index: 101; padding: 0; margin: 0; background-color: white; background-color: rgba(255, 254, 253, 0.6); } body > div.disable_page_background_div { position: fixed; width: 100% !important; height: 100% !important; } div.disable_page_background_div.with_loading_indicator { display: flex; align-items: center; } div.disable_page_background_div.with_loading_indicator .loading_wheel { left: 50%; transform: translateX(-50%); } div.disable_page_background_div ~ div.disable_page_background_div { background-color: transparent; } .disable_page_background_div.page_transition_overlay { position: fixed; height: 100%; opacity: 1; background-color: rgba(255, 254, 253, 0.6); display: flex; align-items: center; transition: background-color 300ms; z-index: 9; } .disable_page_background_div.dark{ background-color: rgba(0, 0, 0, 0.6); } .state_icon_text { white-space: nowrap; } .state_icon_red { color: #d63333; } .state_icon_green { color: #3ab233; } .state_icon_yellow { color: #f5a233; } .state_icon_white { color: #3ab2d5; } .toggle_wrapper { display: flex; align-items: center; cursor: pointer; position: relative; } .toggle_wrapper:focus { outline: none; } .toggle_wrapper.with_labels .sliding_background { position: absolute; z-index: 1; transition: transform 300ms ease-out, background 300ms; border-radius: 50%; } .toggle_wrapper.with_labels.left .sliding_background { transform: translateX(1px)); } .toggle_wrapper.with_labels.right .sliding_background { transform: translateX(calc(100% - 1px)); } .toggle_wrapper.with_labels { max-width: none; height: 2em; border: 1px solid #54565b; border-radius: calc(2em/2); outline: none; } .toggle_wrapper.with_labels .sliding_background { width: calc(50% - 1px/2); height: calc(2em - 1px*2); background: #DADADA; border-radius: calc(2em/2); margin: 1px; } .toggle_wrapper.left .content.left, .toggle_wrapper.right .content.right { color: #003798; } .toggle_wrapper.with_labels .content { padding: 0 2em; } .toggle_wrapper .content { position: relative; flex-basis: 50%; z-index: 2; transition: color 500ms; text-align: center; border-radius: calc(2em/2); } .tabviewer_content_wrapper > input[type="checkbox"], .tabviewer > input[type="radio"] { display: none; } .tab_header_item { display: inline-block; position: relative; cursor: pointer; } @supports (content-visibility: visible) { .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="1"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="1"] { content-visibility: visible; display: block; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="2"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="2"] { content-visibility: visible; display: block; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="3"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="3"] { content-visibility: visible; display: block; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="4"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="4"] { content-visibility: visible; display: block; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="5"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="5"] { content-visibility: visible; display: block; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="6"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="6"] { content-visibility: visible; display: block; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="7"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="7"] { content-visibility: visible; display: block; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="8"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="8"] { content-visibility: visible; display: block; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="9"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="9"] { content-visibility: visible; display: block; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="1"]:checked ~ .tab_content_item[data-tab-content="1"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="2"]:checked ~ .tab_content_item[data-tab-content="2"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="3"]:checked ~ .tab_content_item[data-tab-content="3"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="4"]:checked ~ .tab_content_item[data-tab-content="4"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="5"]:checked ~ .tab_content_item[data-tab-content="5"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="6"]:checked ~ .tab_content_item[data-tab-content="6"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="7"]:checked ~ .tab_content_item[data-tab-content="7"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="8"]:checked ~ .tab_content_item[data-tab-content="8"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="9"]:checked ~ .tab_content_item[data-tab-content="9"] { content-visibility: visible; display: block; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="1"]:checked ~.tabviewer_content_wrapper .tab_content_item[data-tab-content="1"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="2"]:checked ~.tabviewer_content_wrapper .tab_content_item[data-tab-content="2"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="3"]:checked ~.tabviewer_content_wrapper .tab_content_item[data-tab-content="3"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="4"]:checked ~.tabviewer_content_wrapper .tab_content_item[data-tab-content="4"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="5"]:checked ~.tabviewer_content_wrapper .tab_content_item[data-tab-content="5"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="6"]:checked ~.tabviewer_content_wrapper .tab_content_item[data-tab-content="6"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="7"]:checked ~.tabviewer_content_wrapper .tab_content_item[data-tab-content="7"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="8"]:checked ~.tabviewer_content_wrapper .tab_content_item[data-tab-content="8"] { content-visibility: visible; display: block; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="9"]:checked ~.tabviewer_content_wrapper .tab_content_item[data-tab-content="9"] { content-visibility: visible; display: block; } } } @supports not (content-visibility: visible) { .tab_content_item[hidden="until-found"] { display: block; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="1"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="1"] { visibility: hidden; height: 0; overflow: hidden; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="1"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="1"] > * { display: none; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="2"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="2"] { visibility: hidden; height: 0; overflow: hidden; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="2"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="2"] > * { display: none; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="3"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="3"] { visibility: hidden; height: 0; overflow: hidden; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="3"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="3"] > * { display: none; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="4"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="4"] { visibility: hidden; height: 0; overflow: hidden; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="4"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="4"] > * { display: none; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="5"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="5"] { visibility: hidden; height: 0; overflow: hidden; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="5"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="5"] > * { display: none; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="6"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="6"] { visibility: hidden; height: 0; overflow: hidden; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="6"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="6"] > * { display: none; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="7"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="7"] { visibility: hidden; height: 0; overflow: hidden; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="7"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="7"] > * { display: none; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="8"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="8"] { visibility: hidden; height: 0; overflow: hidden; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="8"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="8"] > * { display: none; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="9"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="9"] { visibility: hidden; height: 0; overflow: hidden; } .tabviewer:not(.responsive_accordeon_mode) input[data-tab-id="9"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="9"] > * { display: none; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="1"]:not(:checked) ~ .tab_content_item[data-tab-content="1"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="2"]:not(:checked) ~ .tab_content_item[data-tab-content="2"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="3"]:not(:checked) ~ .tab_content_item[data-tab-content="3"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="4"]:not(:checked) ~ .tab_content_item[data-tab-content="4"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="5"]:not(:checked) ~ .tab_content_item[data-tab-content="5"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="6"]:not(:checked) ~ .tab_content_item[data-tab-content="6"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="7"]:not(:checked) ~ .tab_content_item[data-tab-content="7"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="8"]:not(:checked) ~ .tab_content_item[data-tab-content="8"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="9"]:not(:checked) ~ .tab_content_item[data-tab-content="9"] > * { display: none; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="1"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="1"] { height: 0; overflow: hidden; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="1"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="1"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="2"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="2"] { height: 0; overflow: hidden; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="2"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="2"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="3"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="3"] { height: 0; overflow: hidden; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="3"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="3"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="4"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="4"] { height: 0; overflow: hidden; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="4"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="4"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="5"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="5"] { height: 0; overflow: hidden; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="5"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="5"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="6"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="6"] { height: 0; overflow: hidden; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="6"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="6"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="7"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="7"] { height: 0; overflow: hidden; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="7"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="7"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="8"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="8"] { height: 0; overflow: hidden; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="8"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="8"] > * { display: none; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="9"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="9"] { height: 0; overflow: hidden; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="9"]:not(:checked) ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="9"] > * { display: none; } } } @media (min-width: 1136px), print{ .tabviewer .tab_header_item { font-size: 1.3rem; line-height: 1.4; } .tab_header_item_medium_large .tabviewer .tab_header_item { font-size: 1.25rem; line-height: 1.4; } .tab_header_item_small .tab_header_item { font-size: 1rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px){ .tabviewer .tab_header_item { font-size: 1.2rem; line-height: 1.4; } .tab_header_item_large .tabviewer .tab_header_item, .tab_header_item_medium_large .tabviewer .tab_header_item { font-size: .94rem; line-height: 1.4; } .tab_header_item_small .tab_header_item { font-size: .94rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print{ .tabviewer_content_wrapper { border-top: 1px solid #54565b; min-height: 400px; } .tabviewer .tab_header_item:hover *, .header_business_transaction_step a:hover { color: #C77000; } .tab_header_item_icon { display: none; } .tabviewer > .tab_header_item { padding: 0.5em 0.7em 3px 0.7em; } .tab_header_item:after{ content: ' '; display: block; position: absolute; height: 2px; bottom: 0; left: 0; z-index: 1; transition: transform 100ms; transform: scaleX(0); width: 100%; } .tab_header_item:after, .tabviewer > input:checked + .tab_header_item:hover:after{ background-color: #2D549E; } .tabviewer > .tab_header_item:not(.disabled):hover:after{ background-color: #C77000; } .tabviewer > input:checked + .tab_header_item *, .tabviewer > input:checked + .tab_header_item:hover a, .tabviewer .tab_header_item:before { color: #2D549E !important; } .tabviewer > .tab_header_item:not(.disabled):hover:after, .tabviewer > input:checked + .tab_header_item:after{ transform: scaleX(1); } .tabviewer > input:checked + .tab_header_item { cursor: default; } .tab_content_item { box-sizing: border-box; } .tab_content_item p:first-of-type { margin-top: 0; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="1"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="1"] { padding-top: 32px; padding-bottom: 32px; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="2"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="2"] { padding-top: 32px; padding-bottom: 32px; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="3"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="3"] { padding-top: 32px; padding-bottom: 32px; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="4"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="4"] { padding-top: 32px; padding-bottom: 32px; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="5"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="5"] { padding-top: 32px; padding-bottom: 32px; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="6"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="6"] { padding-top: 32px; padding-bottom: 32px; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="7"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="7"] { padding-top: 32px; padding-bottom: 32px; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="8"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="8"] { padding-top: 32px; padding-bottom: 32px; } .tabviewer.responsive_accordeon_mode input.input_radio[data-tab-id="9"]:checked ~ .tabviewer_content_wrapper .tab_content_item[data-tab-content="9"] { padding-top: 32px; padding-bottom: 32px; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px){ .tabviewer { display: flex; flex-direction: column; background-color: #FFFEFD; padding: 20px 0 0 0; } .tabviewer .responsive_tab_label { padding-top: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; } .tabviewer .responsive_tab_label > *[data-tab_key] { flex-basis: 100%; } .tabviewer .tab_content_item { border-bottom: 1px solid black; } .tabviewer .tab_header_item::after { content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transition: transform 150ms linear; transform: rotate3d(1,0,0,0deg); display: inline-block; margin-right: 5px; } .responsive_accordeon_mode .tabviewer_content_wrapper > input:checked + label { font-weight: bold; color: #54565b } .responsive_accordeon_mode .tabviewer_content_wrapper > input:checked + label::after { transform: rotate3d(1,0,0,180deg); } .tab_content_item { display: block; max-height: 0; overflow: hidden; transition: max-height 150ms, padding 150ms, margin 150ms; margin: 0; padding-bottom: 0; } .tab_content_item > *:last-child { margin-bottom: 20px; } #responsive_product_view__tab1 + label, .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="1"]:checked ~ .tab_content_item[data-tab-content="1"] { max-height: 65vh; overflow-y: auto; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="1"]:checked ~ .tab_content_item[data-tab-content="1"] { margin-top: 10px; } #responsive_product_view__tab2 + label, .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="2"]:checked ~ .tab_content_item[data-tab-content="2"] { max-height: 65vh; overflow-y: auto; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="2"]:checked ~ .tab_content_item[data-tab-content="2"] { margin-top: 10px; } #responsive_product_view__tab3 + label, .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="3"]:checked ~ .tab_content_item[data-tab-content="3"] { max-height: 65vh; overflow-y: auto; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="3"]:checked ~ .tab_content_item[data-tab-content="3"] { margin-top: 10px; } #responsive_product_view__tab4 + label, .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="4"]:checked ~ .tab_content_item[data-tab-content="4"] { max-height: 65vh; overflow-y: auto; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="4"]:checked ~ .tab_content_item[data-tab-content="4"] { margin-top: 10px; } #responsive_product_view__tab5 + label, .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="5"]:checked ~ .tab_content_item[data-tab-content="5"] { max-height: 65vh; overflow-y: auto; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="5"]:checked ~ .tab_content_item[data-tab-content="5"] { margin-top: 10px; } #responsive_product_view__tab6 + label, .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="6"]:checked ~ .tab_content_item[data-tab-content="6"] { max-height: 65vh; overflow-y: auto; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="6"]:checked ~ .tab_content_item[data-tab-content="6"] { margin-top: 10px; } #responsive_product_view__tab7 + label, .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="7"]:checked ~ .tab_content_item[data-tab-content="7"] { max-height: 65vh; overflow-y: auto; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="7"]:checked ~ .tab_content_item[data-tab-content="7"] { margin-top: 10px; } #responsive_product_view__tab8 + label, .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="8"]:checked ~ .tab_content_item[data-tab-content="8"] { max-height: 65vh; overflow-y: auto; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="8"]:checked ~ .tab_content_item[data-tab-content="8"] { margin-top: 10px; } #responsive_product_view__tab9 + label, .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="9"]:checked ~ .tab_content_item[data-tab-content="9"] { max-height: 65vh; overflow-y: auto; } .tabviewer.responsive_accordeon_mode input.input_checkbox[data-tab-id="9"]:checked ~ .tab_content_item[data-tab-content="9"] { margin-top: 10px; } } .engine_tab_list{ display: flex; flex-direction: row; justify-content: center; margin: 0.5em 0 2em 0; } .engine_tab_list .tab{ list-style: none; } .engine_tab_list .tab a{ display: inline-block; position: relative; } .engine_tab_list .tab a:after{ background-color: #54565b; } .engine_tab_list .tab:not(:first-child):before{ content: '\f105'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; padding: 0 1em; } .engine_tab_current { color: #54565b; font-weight: bold; } .ip_button.ip_button__online_help { line-height: 1em; } .filter_group_header_online_help:empty { display: none; } .online_help_wrapper { position: relative; padding-right: 0.25em; display: inline-block; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .online_help_popup_wrapper .popup_content_wrapper{ width: max-content; max-width: 500px; } } .online_help_wrapper_inline { display: inline; } .radio_list_item .online_help_wrapper, .ipfit_checkbox_awesome > .online_help_wrapper { display: inline-flex; padding-left: 0.25em; } .filter_group_header_online_help { flex-grow: 1; padding-left: 0.5em; padding-right: 0.5em; } .ipfit__validator_quality_bar { background: #FFFEFD; width: 100%; height: 15px; margin: 3px 0; overflow: hidden; border-radius: 3px; box-shadow: 1px 1px 4px 0 #c8c8c8; } .ipfit__validator_quality_bar_full { width: 100%; height: 100%; overflow: hidden; display: none; background: #006A00; } .ipfit__validator_quality_bar_invalid { width: 0px; overflow: hidden; background: #CC0000; height: 100%; transition: width 500ms; } .ipfit__validator_quality_text:not(.invalid) { display: none; } .ipfit_passwordQualityValidation { margin-left: 4px; } .ipfit__validator_quality_text.invalid { color: #CC0000; } .ipfit__validator_quality_text.valid .quality_label { color: #006A00; } body.cci_responsive_mode { background: #efefef; margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 12px; } .cci_responsive_mode_main_wrapper{ width: 100vw; height: 100vh; display: flex; flex-direction: column; overflow: hidden; } .cci_responsive_mode_content_wrapper{ display: flex; flex-grow: 1; max-height: calc(100vh - 11em); } .cci_page_content_wrapper{ width: 100%; height: 100%; display: flex; justify-content: center; overflow: auto; -webkit-overflow-scrolling: touch; } .cci_resize_handle{ display: none; height: 100%; width: 2px; z-index: 10001; background-color: rgb(191, 218, 231); cursor: e-resize; } .cci_resize_handle .resize_handle_grab { background: rgb(191, 218, 231); width: 2px; height: 100%; position: relative; display: inline-block; } .cci_resize_handle .resize_handle_grab:before, .cci_resize_handle .resize_handle_grab:after { width: 2px; content: ''; height: 50px; background: rgb(191, 218, 231); position: absolute; top: 50%; transform: translateY(-50%); } .cci_resize_handle .resize_handle_grab:before { right: 3px; } .cci_resize_handle .resize_handle_grab:after { right: -3px; } .event_catch_overlay { display: none; left: 0; right: 0; top:0; bottom: 0; position: absolute; } .event_catch_overlay.active { z-index: 10001; display: block; cursor: e-resize; } #main_page_iframe{ box-sizing: border-box; border: 0; } .cci_page_content_frame.frame_desktop{ display: contents; } .cci_page_content_frame.frame_tablet, .cci_page_content_frame.frame_mobile{ position: absolute; box-shadow: 0 0 10px 3px rgba(0,0,0,.4); border-radius: 25px; display: flex; flex-direction: column; align-items: center; background: white; } .cci_page_content_frame.frame_tablet{ top: 3em; } .cci_page_content_frame.frame_mobile{ top: 5em; } .cci_page_content_frame.frame_tablet:after, .cci_page_content_frame.frame_mobile:after{ content: ' '; display: block; } .cci_page_content_frame.frame_mobile .cci_mobile_selfiecam{ cursor: pointer; } .cci_page_content_frame.frame_mobile .cci_mobile_selfiecam, .cci_page_content_frame.frame_tablet .cci_mobile_selfiecam{ height: 5px; width: 5px; border: 1px solid lightgrey; } .cci_page_content_frame.frame_mobile .cci_mobile_speaker{ height: 4px; width: 30px; background: lightgrey; } .cci_page_content_frame.frame_tablet .cci_mobile_selfiecam, .cci_page_content_frame.frame_mobile .cci_mobile_selfiecam, .cci_page_content_frame.frame_mobile .cci_mobile_speaker{ margin: 11px 3px; border-radius: 3px; } .cci_mobile_head, .cci_mobile_speaker, .cci_mobile_selfiecam{ display: none; } .cci_page_content_frame.frame_tablet .cci_mobile_selfiecam, .cci_page_content_frame.frame_mobile .cci_mobile_speaker, .cci_page_content_frame.frame_mobile .cci_mobile_selfiecam{ display: block; } .cci_page_content_frame.frame_tablet .cci_mobile_head, .cci_page_content_frame.frame_mobile .cci_mobile_head{ display: flex; align-items: center; } .cci_page_content_frame.frame_tablet:after, .cci_page_content_frame.frame_mobile:after{ height: 30px; width: 30px; border-radius: 30px; border: 1px solid lightgrey; margin: 10px; } .cci_page_content_frame.frame_tablet > video ~ iframe, .cci_page_content_frame.frame_mobile > video ~ iframe{ display: none; } @media (min-width: 1136px), print{ #main_page_iframe.desktop{ min-width: 1136px; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px){ .cci_responsive_mode_content_wrapper{ max-height: 100vh; } } .cci_editor_content { max-height: 100%; box-sizing: border-box; margin: 7px 0; } #cci_editor_control.popup_wrapper{ display: flex; flex-direction: column; height: 100%; border: none; box-shadow: 0 0 7px gray; border-radius: 8px; overflow: hidden; margin: 0 7px; } #cci_editor_control.popup_wrapper .popup_content_wrapper { flex-grow: 1; padding: 0; } #cci_editor_control.popup_wrapper .popup__header_wrapper{ background-color: #2e3136; min-height: 3em; display: flex; flex-direction: row-reverse; align-items: center; } #cci_editor_control.popup_wrapper .popup__header_wrapper .popup__button_wrapper{ flex-basis: 1em; flex-grow: 0; } #cci_editor_control.popup_wrapper .popup__header_wrapper .popup__headline{ color: white; flex-grow: 2; } #cci_editor_control .popup_cancel_button{ color: white; } .cci__inactive.initial_hide { display: none; } .cci__main_wrapper { background-color: #494a4f; box-shadow: 0px 0px 15px 5px rgba(0,0,0,.6); z-index: 1; } .cci__inactive{ background-color: transparent; } .cci__main_wrapper { min-height: 11em; } .cci__main_wrapper .cci__error_hint{ display: none; font-size: x-large; color: white; } .cci__inactive { position: fixed; bottom: 0; left: 0; z-index:1000; } .cci__inactive .ip_button.ip_button_type__plain_icon:not(.ip_button__disabled), .cci__main_wrapper .ip_button.ip_button_type__plain_icon, .cci__main_wrapper #no_manager_hint{ padding: 5px; color: white; font-size: 1.6em; } .cci__main_wrapper .ip_button.ip_button_type__page{ padding: 6px 20px 6px 12px; color: white; border: 2px white solid; background: transparent; box-shadow: none; font-size: 1.3em; border-radius: 1em; transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out; transform: translateY(0px); } .cci__main_wrapper .ip_button.ip_button_type__page:hover{ transform: translateY(-2px); box-shadow: 0px 1px 5px 1px grey; } .cci__main_wrapper .ip_button.ip_button_type__page:active{ transform: translateY(0px); box-shadow: none; } .cci__main_wrapper .ip_button.ip_button_type__plain_icon:focus{ outline: none; } .cci__inactive .ip_button.ip_button_type__plain_icon:not(.ip_button__disabled){ color: #23ace2; } .cci__main_wrapper .ip_button.ip_button_type__plain_icon .before{ margin: 5px; } .cci__inactive, .cci__main_wrapper #no_manager_hint { padding: 1em; } .cci__main_wrapper #no_manager_hint .button_wrapper{ display: flex; flex-direction: row; gap: 20px; margin: 10px 0; } #center_control_interface__controller{ width: 100%; display: flex; background-color: #2e3136; align-items: center; justify-content: space-between; } .cci__main_wrapper .header_button_wrapper.close_button{ flex-grow: 0; } #center_control_interface__iconparc_logo{ flex-grow: 1; } #center_control_interface__iconparc_logo svg{ margin: 10px 20px; width: 110px; height: auto; } #center_control_interface__iconparc_logo svg g{ fill: white; } .cci__main_wrapper .header_button_wrapper li { margin: 0.1em 0.7em; padding: 0.2em; } .cci__main_wrapper .header_button_wrapper .active .ip_button_type__plain_icon{ color: #23ace2; } .cci__main_wrapper .header_button_wrapper .active{ border-bottom: 2px solid #23ace2; } .cci__main_wrapper .header_button_wrapper{ flex-grow: 3; list-style-type: none; display: flex; flex-wrap: wrap; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px){ .cci__main_wrapper .header_button_wrapper{ margin: 0; padding: 0; } #center_control_interface__iconparc_logo, .cci__main_wrapper .header_button_wrapper.device-chooser{ display: none; } } .cci_settings_wrapper div.datetime_display { border: 1px solid #bbb; } .cci_settings_wrapper .ipfit__datetime_wrapper{ background-color: #d3d3d3; border-radius: 3px; padding: 5px; } .cci_position_wrapper{ margin: 0 20px 5px 20px; min-width: 140px; } .cci__subsection { display: flex; } .cci__subsection_headline { font-weight: bold; } .cci_settings_wrapper { white-space: nowrap; padding: 0; } .cci_settings_wrapper .ipfit__field__wrapper { vertical-align: middle; } .cci_settings_wrapper .ipfit__field__inner_wrapper { display: inline-block; } .cci_settings_wrapper .ipfit__datetime input{ border: 1px solid #eee; box-shadow: inset 0 1px 1px #dadae5; } .cci__main_wrapper .tab_viewer.content { display: none; padding: 0.8em; } .cci__main_wrapper .tab_viewer.content.active { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .cci_responsive_mode .cci__main_wrapper .tab_viewer_tab_content, .cci_responsive_mode .cci__main_wrapper .tab_viewer_tab_content a, .cci_responsive_mode .cci__main_wrapper .tab_viewer_tab_content label{ color: white; } .cci_responsive_mode .cci__main_wrapper .tab_viewer_tab_content a.calendar_icon, .cci_responsive_mode .cci__main_wrapper .tab_viewer_tab_content .cal_display_now a, .cci_responsive_mode .cci__main_wrapper .tab_viewer_tab_content .scroll_back a, .cci_responsive_mode .cci__main_wrapper .tab_viewer_tab_content .scroll_forward a{ color: black; } .cms_preview_active{ color: green; font-weight: bold; font-size: 20px; } #popup_id_callstack_debug { font-size: 16px; } #popup_id_callstack_debug h3 { font-size: 1.3em; font-weight: bold; margin-bottom: 1em; } .cci__main_wrapper .ip_callstack_debug:hover { outline: none !important; } .ip_callstack_debug_item { display: block; } .ip_callstack_debug_item ~ .ip_callstack_debug_item { margin-top: 0.5em; } body.ip_cci_editor_active__template_callstack .ip_callstack_debug:hover { outline: 1px solid #494a4f; border-radius: 2px; } body.ip_cci_editor_active__ml_item .mlo_wrapper, body.ip_cci_editor_active__mediacenterfile [data-mediacenterfile_objid] { outline: 2px solid #494a4f; cursor: pointer; border-radius: 2px; position: relative; padding: 0 1px; } body.ip_cci_editor_active__button .ip_button { outline: 2px solid #3294a0 !important; } body.ip_cci_editor_active__ml_item .mlo_wrapper:before { content: '\f1ab'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; position: absolute; left: 1px; top: -15px; font-size: 14px !important; color: #494a4f; } body.ip_cci_editor_active__button .ip_button .mlo_wrapper:before { top: -25px; } .cci__main_wrapper .mlo_wrapper { outline: none !important; } .cci__main_wrapper .ipfit__text{ color: white !important; } .cci__main_wrapper div.ipfit select{ min-height: 24px; padding-right: 7px; } .cci__main_wrapper .ipfit__field_wrapper_label__toplabel label.ipfit__fieldlabel{ text-align: left; } .cci__main_wrapper label.ipfit__fieldlabel{ margin-right: 5px; } .cci__main_wrapper .cci_content_group { display: flex; } .cci__main_wrapper .cci_content_group_analytics_results { flex-grow: 1; display: grid; grid-column-start: 1; grid-column-end: 2; gap:10px; } .cci_dark { background-color: #3ab9db; color: #ffffff; } .cci__main_wrapper .cci_content_group_filter{ width: 25%; display: flex; flex-wrap: wrap; margin-right:20px; } .cci_content_group_analytics_results .cci_position_wrapper{ display: contents; } .cci__main_wrapper .usage_log_legend_wrapper, .cci__main_wrapper .usage_log_page_details_wrapper { position: static; margin:0 20px 0 0; } .cci__main_wrapper .usage_log_element_details_wrapper{ grid-column: 1; } .cci__main_wrapper .usage_log_page_details_wrapper { grid-column: 2; } .cci__main_wrapper .usage_log_legend_wrapper { grid-column-start: 1; grid-column-end: 3; } .cci__main_wrapper .usage_log_legend { width:100% } .usage_log_element { background-image: none; transition: background-image 1000ms; } .usage_log_legend_wrapper { position: fixed; top: 4px; left: 4px; padding: 4px 8px; border-radius: 6px; box-shadow: 1px 1px 5px 0 rgba(130, 130, 130, 0.8); background: #2a2a2a; color: white; } .usage_log_element_details_wrapper, .usage_log_page_details_wrapper, .cci_content_group.cci_content_group_filter{ padding: 4px 8px; border-radius: 6px; box-shadow: 1px 1px 5px 0 rgba(130, 130, 130, 0.8); background: #2a2a2a; color: white; } .usage_log_min_max { display: flex; justify-content: space-between; margin-top: 3px; } .usage_log_value { position: relative; transform: translateX(-100%); display: inline-block; transition: left 500ms, color 300ms; font-weight: bold; margin-bottom: 3px; } .usage_log_legend { height: 1rem; width: 10rem; border-radius: 4px; box-shadow: 1px 1px 5px #6f6f6f; } .usage_log_type_active { box-shadow: 0px 4px 10px deepskyblue; } .usage_log_element_hightlight { background-image: var(--log-background-image); box-shadow: var(--log-box-shadow); border-radius: 0 10px; margin-bottom: 4px; margin-right: 5px; } .usage_log_element_hightlight > .content_teaser_description { background-image: var(--log-background-image); box-shadow: var(--log-box-shadow); border-radius: 0 10px; margin-bottom: 4px; margin-right: 5px; } .cci_snippet_container .cci_teaser .usage_log_element_hightlight:after, .cci_snippet_container .content_image .usage_log_element_hightlight:after, .cci_snippet_container .carousel_item .usage_log_element_hightlight:after{ content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 5px); height: calc(100% - 4px); box-shadow: var(--log-box-shadow); border-radius: 0 10px; background-image: var(--log-background-image); box-sizing: border-box; } body.ip_cci_editor_active__ml_item .mlo_wrapper:hover:after { position: absolute; margin-left: 7px; font-size: 1.1em; color: #494a4f; content: '\f303'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .auto_completion_data_row_odd > td { background-color: #FFFEFD; } .auto_completion_data_row_even > td { background-color: #F7F7F7; } .auto_completion_data_div_container td { color: #000000; } .combo_box_div { border: 1px solid #a0a0a0; background-color: #FFFEFD; overflow-x: hidden; box-sizing: border-box; } .combo_box_div.scrollbar_fix { overflow-y: scroll; } .combo_box_wrapper .auto_completion_data_headline_row th { background: #EDEDED; text-align: start; } .combo_box_data_row { cursor: pointer; } div.combo_box_data_row.combo_box_data_row_selected, .auto_completion_data_row.combo_box_data_row_selected > td { background-color: #1aa3c8; color: #ffffff; } .combo_box_wrapper .combo_box_data_row_active:not(.combo_box_data_row_selected), .combo_box_wrapper .combo_box_data_row_active:not(.combo_box_data_row_selected) td { background: #F7F7F7; } .combo_box_wrapper .combo_box_data_row_active.combo_box_data_row_selected, .combo_box_wrapper .combo_box_data_row_active.combo_box_data_row_selected td { background: #05acd9; } .combo_box_wrapper div.auto_completion_data_div_container .combo_box_data_row_active a { color: #ffffff; } .combo_box_data_row_active .auto_completion_data_cell { border-color: transparent; } .combo_box_data_row { padding: 5px 5px; background-color: #FFFEFD; color: #000000; } .combo_box_data_row.odd { background-color: #FFFEFD; } .combo_box_data_row.even { background-color: #F7F7F7; } .combo_box_data_row .combo_box_hit_highlight { font-weight: bold; } .combo_box_selected_element { margin: .2em; padding: .2em .5em; display: flex; justify-content: space-between; background-clip: padding-box; cursor: default; outline: none; border-radius: 0.2em; align-items: center; } ul.combo_box_container > li { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } ul.combo_box_container > li.dummy { display: none; } .combo_box_input_item input::-ms-clear { display: none; } li.combo_box_input_item.hide { display: none; } ul.combo_box_container { padding: 0; margin: 0; max-width: 100%; display: inline-block; white-space: normal; } ul.combo_box_container.is_sortable { width: 100%; } .combo_box_wrapper:not(.multi) > ul.combo_box_container { display: block; } .combo_box_wrapper:not(.multi) > ul.combo_box_container li { width: 100%; } .ipfit:not(.ipfit_dateTime) > .combo_box_wrapper.multi:not(.readonly) { cursor: pointer; background-color: #FFFEFD; } .combo_box_wrapper.multi .combo_box_container { display: flex; flex-wrap: wrap; } .combo_box_wrapper.multi .combo_box_container input { border: none; background: transparent; } .combo_box_wrapper { position: relative; } .ipfit:not(.ipfit_dateTime) > .combo_box_wrapper:not(.readonly) { background: #FFFEFD; } .combo_box_wrapper .auto_completion_data_div_container { min-width: 100%; width: auto; position: absolute; left: 0; } ul.combo_box_container > li.combo_box_input_item { vertical-align: bottom; } .ipfit:not(.ipfit_dateTime) > ul.combo_box_container > li.combo_box_input_item { min-width: 5em; } .combo_box_wrapper.multi.free_input { display: inline-block; flex-grow: 1; } .combo_box_add_button_wrapper a.ip_button__add { margin-left: 1em; margin-right: 0; } .combo_box_add_button_wrapper { display: flex; align-items: center; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .combo_box_wrapper.multi { position: relative; } } .combo_box_input_item .additional_placeholder { position: absolute; bottom: 0.4em; left: 0.3em; } .combo_box_input_item .additional_placeholder.invisible { display: none; visibility: hidden; } .combo_box_container .combo_box_selected_element { box-shadow: none; background-color: white; padding: 0 .2em; margin: 0 .2em; } .combo_box_container .combo_box_selected_element:before { content: '['; margin-right: 2px; } .combo_box_container .combo_box_selected_element:after { content: ']'; margin-left: 2px; } .combo_box_container .combo_box_selected_element .selected_element_display { margin-right: 4px; } .combo_box_selected_element .selected_element_display { text-overflow: ellipsis; flex-grow: 1; overflow: hidden; } .ipfit__field__wrapper input.ipfit__comboBox{ padding: 0 .3em; } .combo_box_data_container { min-width: 15em; } .combo_box_data_row { text-overflow: ellipsis; overflow: hidden; } .combo_box_wrapper .auto_completion_data_div_container { top: 2.5em; } ul.if_gts_root_box, ul.if_gts_root_box ul { margin: 0; padding: 0; } ul.if_gts_root_box { overflow: auto; } ul.if_gts_root_box li { list-style-type: none; } ul.if_gts_root_box ul li { padding: 0 0 0 20px; } .gts_item_text { cursor: pointer; } ul.if_gts_root_box.checkbox li.if_gts_item_checked > a.if_gts_item_lnkcheck:before { content: '\f14a'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } ul.if_gts_root_box.checkbox li.if_gts_item_unchecked > a.if_gts_item_lnkcheck:before { content: '\f0c8'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } ul.if_gts_root_box.checkbox li.if_gts_item_multiple > a.if_gts_item_lnkcheck:before { content: '\f146'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } ul.if_gts_root_box.radio a.if_gts_item_lnkcheck:before { font-size: 11pt; } ul.if_gts_root_box.radio li.if_gts_item_checked > a.if_gts_item_lnkcheck { display: block; background-color: transparent; width: 14px; height: 14px; border-radius: 50%; border: 1.3pt solid #575757; box-shadow: inset 0 0 0 2px white; background: #575757; box-sizing: border-box; position: relative; top: 1px; left: 0; margin-right: 1px; margin-bottom: 3px; } ul.if_gts_root_box.radio li.if_gts_item_unchecked > a.if_gts_item_lnkcheck:before { content: '\f111'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } ul.if_gts_root_box.radio li.if_gts_item_multiple > a.if_gts_item_lnkcheck:before { content: '\f056'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .if_gts_item_lnkopen { width: 20px; display: block; } .if_gts_item_lnkopen:before { font-size: .9em; margin: 0 .5em 0 .1em; } ul.if_gts_root_box li a { color: inherit; } ul.if_gts_root_box li a.if_gts_item_lnkopen:hover, ul.if_gts_root_box li a.if_gts_item_lnkcheck:hover { text-decoration: none; } a.if_gts_item_lnkopen.filter_hide{ visibility: hidden; } li.if_gts_item_closed ul { display: none !important; } li.if_gts_item_open ul { display: block; } li.if_gts_item_closed > .if_gts_item_lnkopen:before { content: '\f0fe'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } li.if_gts_item_open > .if_gts_item_lnkopen:before { content: '\f146'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .gts_filter_highlight { font-weight: bold; } .ipfit__gts__inner_field { cursor: pointer; } .gts_no_filter_hit { white-space: pre-wrap; } .ipfit__gts__wrapper .ip_button__delete { margin-left: 5px; } .ipfit__gts__wrapper .ip_button__delete:not(.active){ display: none; } .ipfit__ipfit_tree_selection_graphical__wrapper .popup_wrapper { width: 100%; } .if_gts_item_nochildren > .if_gts_item_lnkcheck { grid-column: 2; } .if_gts_item { display: grid; align-items: start; grid-template-columns: 20px 1.375em auto; } .if_gts_item > ul { grid-column: 1 / span 3; } ul.if_gts_root_box ul li { padding: 0 0 0 13px; } .if_gts_item_lnkopen:before { font-size: 11pt; } li.if_gts_item_closed > .if_gts_item_lnkopen:before { content: '\f0da'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } li.if_gts_item_open > .if_gts_item_lnkopen:before { content: '\f0d7'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } i.gts_trigger:before { content: '\f078'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .gts_trigger_field { display: flex; justify-content: space-between; } .gts_trigger_field .gts_button_wrapper { display: flex; } .gts_button_wrapper a.ip_button__delete { margin-left: 5px; } #classification_reset_button, .gts_trigger_field .ip_button__delete { color: #C77000; } #classification_reset_button:not(.active), .gts_button_wrapper a.ip_button__delete:not(.active) { display: none; } .if_gts_item { white-space: nowrap; } .ipfit__gts__text { cursor: pointer; } .ipfit__gts__wrapper, .ipfit__gts__inner_field { display: flex; width: 100%; align-items: center; } .ipfit__gts__inner_field { position: relative; } ul.if_gts_root_box li span.gts_item_text { white-space: nowrap; } .ipfit__gts__inner_field .selection_button_wrapper { position: absolute; right: 0.5em; } .ipfit__gts__wrapper a.ip_button__delete { margin-left: 10px; } ul.if_gts_root_box.checkbox li.if_gts_item_checked > a.if_gts_item_lnkcheck:before { content: '\f14a'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } ul.if_gts_root_box.checkbox li.if_gts_item_unchecked > a.if_gts_item_lnkcheck:before { content: '\f0c8'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } ul.if_gts_root_box.checkbox li.if_gts_item_multiple > a.if_gts_item_lnkcheck:before { content: '\f146'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .filter_content .if_gts_item_nochildren > .if_gts_item_lnkcheck { grid-column: 1; } .filter_content .if_gts_item_nochildren > .gts_item_text { grid-column: 2 / span 2; } .ipfit_ipfit_tree_selection_graphical ul:not(.if_gts_root_box) { padding-left: 1em; max-width: calc(100% - 1em); } .ipfit_ipfit_tree_selection_graphical .gts_item_text { overflow: hidden; text-overflow: ellipsis; } .ipfit__field__inner_wrapper:not(.ipfit_show_resultset).ipfit_ipfit_tree_selection_graphical{ flex-direction: column; } .ipfit_ipfit_tree_selection_graphical .ipfit__field__inner_wrapper{ padding: 1rem 0; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .ipfit__gts__dropdown_headline { font-size: .94rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .ipfit__gts__dropdown_headline { font-size: .94rem; line-height: 1.4; } } @media (min-width: 1136px), print { .ipfit__gts__dropdown_headline { font-size: 1rem; line-height: 1.4; } } .ipfit_swapSelection_core_wrapper { display: -ms-grid; display: grid; -webkit-box-align: center; align-items: center; grid-template-columns: 1fr max-content 1fr max-content; } .ipfit_swapSelection_core_wrapper.vertical { display: block; } .ipfit_swapSelection_core_wrapper.vertical .ipfit_swapSelection_select_wrapper, .ipfit__swap_selection_box { width: 100%; } div.ipfit_swapSelection_buttons { position: relative; font-size: 18px; cursor: pointer; text-align: center; } .ipfit_swap_selection.ipfit_disabled div.ipfit_swapSelection_buttons { color: #333333; cursor: default; } div.ipfit_swapSelection_buttons.horizontal { width: 1.5em; } .is-ie div.ipfit_swapSelection_buttons.horizontal { display: flex; flex-direction: column; justify-content: center; } div.ipfit_swapSelection_buttons.horizontal:before, div.ipfit_swapSelection_buttons.horizontal:after { display: block; line-height: 0.8; } div.ipfit_swapSelection_buttons.horizontal:before { content: '\f105'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } div.ipfit_swapSelection_buttons.horizontal:after { content: '\f104'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } div.ipfit_swapSelection_buttons.vertical { display: flex; justify-content: center; } div.ipfit_swapSelection_buttons.vertical:before { content: '\f107'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } div.ipfit_swapSelection_buttons.vertical:after { content: '\f106'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .ipfit_swapSelection_select_wrapper { display: block; } .ipfit_swapSelection_select_wrapper.right, .ipfit_sortedList_select_wrapper, .ipfit_subObject_wrapper { display: flex; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .ipfit_sortedList_select_wrapper, .ipfit_subObject_wrapper { flex-grow: 1; } } .ipfit_swapSelection_select_wrapper.right > span { flex-grow: 1; } .ipfit__selection_sort_order_wrapper { display: flex; justify-content: center; flex-direction: column; flex-shrink: 0; min-width: 20px; } .ipfit__sort_buttons_wrapper { display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; margin: 0 .2em; } .popup_wrapper.swap_popup { background: #fbfbfb; overflow: hidden; } .swap_popup .popup__headline { text-align: center; } .swap_popup.popup_wrapper .popup_content_wrapper { overflow: hidden; } .swap_selection_popup_wrapper.hidden { display: none; } .ipfit_swapSelection.use_popup .ipfit_swapSelection_core_wrapper, .ipfit_swapSelection.use_popup .ipfit__filter { display: none; } .swap_selection_popup_wrapper > p { margin: 0 2px 5px 2px; font-weight: bold; } .swap_selection_popup_wrapper > .swap_selected ~ p { margin-top: 1.5em; } .selection_element:after { font-size: 11px; margin-right: 5px; } .selection_element { display: flex; align-items: center; justify-content: space-between; overflow: hidden; max-height: 50px; line-height: 1.6em; background: #F7F7F7; border-radius: 4px; margin: 3px 0; transition: max-height .3s; } .swap_selection_popup_wrapper .selection_element { cursor: pointer; } .selection_element .icon_after { padding: 0 3px 0 15px; cursor: pointer; } .selection_element.remove { max-height: 0; } .swap_selected .selection_element { background: #F0F0F0; } .swap_selection_popup_wrapper { min-height: 70vh; max-height: 80vh; display: grid; flex-direction: column; grid-template-rows: max-content 1fr max-content max-content 1fr; } .swap_elements_wrapper { overflow: auto; padding-right: 4px; margin-right: -4px; } .swap_selection_popup_wrapper .swap_elements_wrapper { height: calc(7 * (1.6em + 6px) + 22px); max-height: 28vh; } .swap_options .selection_element.remove:not(.inserting):not(.removed_by_filter) { background: #05acd9; color: #7d7d7d; } .swap_selected .selection_element.remove:not(.inserting) { background: #b33630; color: #7d7d7d; } .ipfit_swapSelection.use_popup .swap_selection_display { display: grid; grid-template-rows: 1fr max-content; grid-template-columns: 1fr max-content; column-gap: 1em; } .ipfit_swapSelection.use_popup .ip_button__change { margin-bottom: 1px; } .ipfit_swapSelection.use_popup .read_only_overflow_wrapper { overflow: auto; max-height: 100px; grid-row: 1 / span 2; padding: 5px 5px; } .ipfit_swapSelection.tree_swap_selection.use_popup .selected_elements_read_only { column-count: 1; } .ipfit_swapSelection.use_popup .nothing_selected_placeholder, .swap_selection_popup_wrapper .nothing_selected_placeholder { display: none; } .ipfit_swapSelection.use_popup .nothing_selected_placeholder:last-child:first-child, .swap_selection_popup_wrapper .nothing_selected_placeholder:last-child:first-child { display: block; } .ipfit_swapSelection.use_popup .selected_options_text { grid-column: 2; align-self: end; justify-self: center; } .ipfit_swapSelection.use_popup .ipfit__description { grid-column: 1 / span 2; } .ipfit_swapSelection.use_popup .edit_icon { text-align: right; } .cancel_button_container .ip_button { margin: 8px 0 0 0; width: 100%; box-sizing: border-box; } .ipfit__datetime_wrapper { display: inline-flex; align-items: center; position: relative; } .ipfit_dateTime .separator { padding: 0 .5em; } div.ipfit__datetime_wrapper input::-ms-clear { display: none; } a.calendar_icon { display: inline-block; font-size: 1.3em; color: #333333; outline: none; } .ipfit__datetime_wrapper.calendar_open a.calendar_icon { color: #C77000; } .datetime_content_container:not(.popup_calendar) { position: absolute; display: none; box-shadow: 1px 1px 4px 0 #c8c8c8; z-index: 3; padding-bottom: .5em; background-color: #ffffff; } .datetime_content_container:not(.viewport_adjusted), .ipfit_dateTime .combo_box_wrapper .auto_completion_data_div_container { top: 2.5em; } .datetime_content_container.viewport_adjusted { bottom: 2.5em; } .datetime_content_container.viewport_adjusted_right, .datetime_content_container.align_right { right: 0; } .datetime_content_container:not(.align_right):not(.viewport_adjusted_right) { left: 0; } .datetime_content_container table { border-collapse: collapse; } .datetime_content_container a { text-decoration: none; } .datetime_content_header { width: 100%; padding: 0.4em 0; display: flex; justify-content: space-between; align-items: center; } .datetime_content_header, .datetime_content_container select, td.cal_cell .cal_selected, td.cal_cell div.cal_selected.is_range:hover, .datetime_content_container td .is_range, .datetime_content_container td .range_start { background-color: #003798; } .datetime_content_header:not(.cal_current_month), .datetime_content_header.cal_disabled, td.cal_cell .cal_selected:not(.cal_current_month), td.cal_cell .cal_selected.cal_disabled, td.cal_cell div.cal_selected.is_range:not(.cal_current_month):hover, td.cal_cell div.cal_selected.is_range.cal_disabled:hover, .datetime_content_container td .is_range:not(.cal_current_month), .datetime_content_container td .is_range.cal_disabled, .datetime_content_container td .range_start:not(.cal_current_month), .datetime_content_container td .range_start.cal_disabled { color: #7d7d7d; } .datetime_content_header, .datetime_content_header a, .datetime_content_container select, td.cal_cell .cal_selected, td.cal_cell div.cal_selected.is_range:hover, .datetime_content_container td .is_range, .datetime_content_container td .range_start { color: #ffffff; } .datetime_content_header > .reset_button > a, .datetime_content_header > .reset_button > a > i { padding: 0 0 0 .5em; margin: 0; } .datetime_content_container div.cal_display_month { display: flex; } .datetime_content_container .cal_display_month > select { border: 1px solid #54565b; box-shadow: none; cursor: pointer; } .datetime_content_container .cal_display_month > select.month { margin-right: 1em; } .datetime_content_container .cal_display_month select { width: auto !important; } .datetime_content_header .scroll_back a, .datetime_content_header .scroll_forward a { padding: .6em 1.2em; text-align: center; } table.cal_content { width: calc(100% - 4px); margin: 5px 2px 0 2px; } td.cal_display_week_day { text-align: center; font-weight: bold; padding: .4em 0; } td.cal_cell { text-align: center; } td.cal_cell a:hover, td.cal_cell div:not(.cal_disabled):hover { border: 1px solid #003798; } td.cal_cell * { padding: 4px 8px; cursor: pointer; border: 1px solid transparent; } td.cal_cell .cal_highlighted { border: 1px solid #003798; } td.cal_cell .cal_disabled { background-color: #f7f3f3; cursor: not-allowed; opacity: 0.5; } td.cal_cell :not(.cal_current_month), .cal_disabled { color: #7d7d7d; } div.cal_display_now { text-align: center; } .ipfit_dateTime > div.input_field .reset_container { display: inline-flex; flex-direction: column; justify-content: center; height: 100%; } .ipfit__datetime_wrapper span.day_of_week { margin: 0 3px; display: inline-flex; align-items: center; } .datetime_content_container table td div.invalid { pointer-events: none; cursor: default; color: #999; } .cal_display_now { margin: 1em 2em; } .cal_cell { font-weight: normal; } .datetime_content_header { font-size: unset; padding: 0 0 1em 0; box-sizing: border-box; } .datetime_content_header, .datetime_content_header a, .datetime_content_container .cal_display_month > select{ color: #333333; background-color: transparent; border: none; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .range_wrapper { justify-content: space-between; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .range_wrapper { flex-direction: column; } } .checkbox__wrapper { margin-right: 0.5em; } .checkbox__wrapper.awesome_toggle_wrapper { margin-right: 0; } .graphical_checkbox_link { cursor: pointer; } .checkbox_list_item, .radio_list_item { display: inline-flex; } .ipfit__checkbox_list_wrapper, .ipfit_radio_list { display: flex; flex-wrap: wrap; gap: .7em 1.2em } .ipfit__checkbox_list_element_wrapper { display: flex; flex-direction: column; gap: .7em 0; } .ipfit_checkbox_awesome.ipfit_readonly .awesome_checkbox, .ipfit_checkbox_awesome.ipfit_disabled .awesome_checkbox, .ipfit_checkbox_list.ipfit_readonly .radio_list_item .checkbox__input.awesome_radio, .ipfit_radio_list.ipfit_readonly .radio_list_item .checkbox__input.awesome_radio { color: #333333; pointer-events: none; cursor: default; } .ipfit_checkbox_awesome.ipfit_readonly .ipfit__text, .ipfit_checkbox_graphical.ipfit_readonly .ipfit__text, .ipfit_radio_awesome.ipfit_readonly .input_field__text, .ipfit_checkbox_list.ipfit_readonly .input_field__text, .ipfit_radio_list.ipfit_readonly .input_field__text, .ipfit_checkbox_awesome.ipfit_readonly .input_field__text, .ipfit_checkbox_awesome.ipfit_disabled .ipfit__text, .ipfit_checkbox_graphical.ipfit_disabled .ipfit__text, .ipfit_radio_awesome.ipfit_disabled .input_field__text, .ipfit_checkbox_list.ipfit_disabled .input_field__text, .ipfit_radio_list.ipfit_disabled .input_field__text, .ipfit_checkbox_awesome.ipfit_disabled .input_field__text { color: #333333; } .ipfit__checkbox_list_element_wrapper { gap: 0; } .ipfit_toggle { align-items: baseline; justify-content: center; flex-direction: row; } .ipfit_toggle .awesome_checkbox_wrapper { order: 2; margin-left: 5px; } .ipfit__radio_list__wrapper.field_with_filter .ipfit__field__inner_wrapper { flex-direction: column; align-items: stretch; } .ipfit_checkbox_list.ipfit__field__inner_wrapper { gap: 0 40px; } .ipfit_range_inner_wrapper{ display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; gap: 10px; width: 100%; } @keyframes slideDown { from { max-height: 0; opacity: 0; } to { max-height: 700px; opacity: 1; } } @keyframes slideUp { from { max-height: 700px; } to { max-height: 0; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes shakeIt { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .insert_animation { animation-duration: 300ms; animation-fill-mode: both; animation-timing-function: ease-out; } .insert_animation.slideDown { animation-name: slideDown; overflow: hidden; } .insert_animation.fadeIn { animation-name: fadeIn; } .insert_animation.shakeIt { animation-name: shakeIt; animation-duration: 1000ms; } .insert_animation.newPageIn { animation-name: fadeIn; animation-duration: 200ms; } .removal_animation { animation-duration: 150ms; animation-fill-mode: both; animation-timing-function: ease-in; } .removal_animation.slideUp { animation-duration: 500ms; animation-name: slideUp; overflow: hidden; } .removal_animation.fadeOut { animation-name: fadeOut; } .removal_animation.oldPageOut { animation-name: fadeOut; animation-duration: 200ms; } .headline_big .engine_page_title_new_paragraph, .engine_page_field_group_element_row .engine_page_field_group_headline_inner, .engine_page_field_group_element_row .engine_page_field_group_headline_inner .engine_page_title_new_paragraph { color: #333333; font-weight: normal; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .headline_big .engine_page_title_new_paragraph, .engine_page_field_group_element_row .engine_page_field_group_headline_inner, .engine_page_field_group_element_row .engine_page_field_group_headline_inner .engine_page_title_new_paragraph { font-size: 1.13rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .headline_big .engine_page_title_new_paragraph, .engine_page_field_group_element_row .engine_page_field_group_headline_inner, .engine_page_field_group_element_row .engine_page_field_group_headline_inner .engine_page_title_new_paragraph { font-size: 1.2rem; line-height: 1.4; } } @media (min-width: 1136px), print { .headline_big .engine_page_title_new_paragraph, .engine_page_field_group_element_row .engine_page_field_group_headline_inner, .engine_page_field_group_element_row .engine_page_field_group_headline_inner .engine_page_title_new_paragraph { font-size: 1.3rem; line-height: 1.4; } } .headline_big .engine_page_title_new_paragraph, .engine_page_field_group_element_row .engine_page_title_new_paragraph { margin: 0 0 1rem 0; } .engine_page_field_group_element_row { padding-bottom: 1em; margin: 0 0 1.5em; } .bt_page_wrapper__master_cart__rejectReason .order_option_list .engine_page_field_group_element_row, .bt_page_wrapper__master_cart__rejectFinish .order_option_list .engine_page_field_group_element_row { padding-bottom: 0.5em; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .engine_page_field_group_element_row .engine_page_column { display: flex; flex-wrap: wrap; } } .engine_page_field_group_element_row__grid > .engine_page_element, .engine_page_field_group_element_row__grid > .ipfit__field__wrapper { } .engine_page_field_group_element_row .engine_page_field_group_headline { margin: 0; } .engine_page_element.engine_page_field_group_element_row { grid-column: unset; } .placements_wrapper__grid { align-items: start; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .inline_popup .placements_wrapper__grid, .ip_engine_page .placements_wrapper__grid{ grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); } } @media (min-width: 1136px), print { .inline_popup .placements_wrapper__grid, .ip_engine_page .placements_wrapper__grid{ grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .order_option_list { display: grid; grid-template-columns: repeat(12, minmax(1px, 1fr)); } .order_option_list_item:not(.use_full_grid_width) { grid-column: span 6; } .search_filter_overlay_wrapper .placements_wrapper__grid { grid-template-columns: none; } .bank_account_wrapper { display: grid; grid-gap: 0 32px; grid-template-columns: repeat(12, minmax(1px, 1fr)); } .bank_account_field:not(.use_full_grid_width) { grid-column: span 6; } .bank_account_wrapper .ipfit__field__wrapper { padding-top: 0; } } .search_engine_result_block_container.with_side_search_filter_groups { display: flex; } .engine_search_result_block__hits { width: 100%; } .search_engine_page_block_container.show_hide_search_fields { max-height: 150vh; visibility: visible; transition: max-height 150ms linear, visibility 150ms; } .search_engine_page_block_container.show_hide_search_fields.search_fields_hidden { max-height: 0px; visibility: hidden; overflow: hidden; } .search_filter_container .tree_list_item_name { padding-left: 0.5em; } .search_filter_container .tree_list_level_0 > li > .tree_list_item_name { font-size: 1.17em; font-weight: bold; display: block; margin: 0.75em 0 0.1em; padding-left: 0.3em; } .search_filter_container ul.tree_list_level_0 { margin: 0 0 1.5em; padding: 0; list-style-type: none; } .search_filter_container ul.tree_list_level_0 li.no_children { background: transparent; transition: background 150ms; } .search_filter_container .tree_list_level_1 > li:not(.search_filter_list_item_with_enumeration) > .tree_list_item_name, .search_filter_container .search_filter_list_item_with_enumeration .tree_list_level_2 > li > .tree_list_item_name { padding: 0.4em 1.3em 0.4em 0.5em; display: block; line-height: 1; display: flex; align-items: center; } .search_filter_container .tree_list_level_1 > li:not(.search_filter_list_item_with_enumeration) > .tree_list_item_name .tree_list_item_icon_after, .search_filter_container .search_filter_list_item_with_enumeration .tree_list_level_2 > li > .tree_list_item_name .tree_list_item_icon_after { flex-grow: 2; text-align: right; } @media only screen and (min-width: 799.7px) and (max-width: 1135.8px) { #search_quick_filter.display_wrapper { position: static; box-shadow: none; height: auto; display: block; transform: none; width: auto; } } .filter_group_header_content { cursor: pointer; } .filter_content, .filter_content.closed { max-height: 0px; transition: max-height 300ms, opacity 300ms; overflow: hidden; opacity: 0.99; } .filter_content.closed { position: relative; display: none; } .filter_content.open { max-height: 400px; overflow-y: auto; opacity: 1; } .filter_content.in_transition { overflow: hidden; } .filter_group_visibility_icon { display: flex; align-items: center; } .filter_block .filter_group_visibility_icon, .filter_block.closed .filter_group_visibility_icon { transition: transform 500ms; transform: rotate(0); } .filter_block.open .filter_group_visibility_icon { transform: rotate(180deg); } .filter_block .filter_group_visibility_icon:before { content: '\f077'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .filter_content_inner_wrapper .filter_content_overflow { overflow-y: auto; overflow-x: visible; } span.remove_filter_value { display: inline-block; } [data-fieldname="c_new_custuser_label_and_text"] .ipfit__field__inner_wrapper, [data-fieldname="a_new_address_label_and_text"] .ipfit__field__inner_wrapper{ text-align: center; } .pagination_head{ margin-bottom: 24px; } .pagination_foot .search_pagination_current_hits, .pagination_head .search_pagination_container{ display: none; } .pagination_foot .pagination_wrapper{ justify-content: center; margin-top: 24px; } .search_filter_overlay_wrapper label, .filter_group_header_content { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; font-weight: bold; color: #54565b; margin: 0 0 1rem 0; padding: 0 0 0.3em 0; border-bottom: 1px solid #54565b; cursor: pointer; } .search_filter_overlay_wrapper label, .filter_block_wrapper ~ .filter_block_wrapper .filter_group_header_content, .engine_search_result_block__groups .ip_button__remove_all_filters { margin-top: 2em; } .engine_search_result_block__hit_results_start { margin: 0 0 2.5em 0; } .filter_content.open { max-height: 410px; } form[data-ip_instance_key=event] .filter_content.open, #content_skl_classification_list { max-height: 1000px; } li.filter_link_list_item > ol { margin-left: 0.5em; } .filter_group_visibility_icon { height: 15px; } .filter_block .filter_group_visibility_icon:not(.boost_me):before { content: '\f078'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .filter_option_count, .search_filter_overlay_wrapper .remove_filter { display: none; } .search_filter_overlay_wrapper .ipfit select.ipfit__selection, html:not(.is-safari):not(.i_am_an_apple):not(touch) .search_filter_overlay_wrapper .ipfit_selection .selection_core_wrapper:after { background: white; } html:not(.is-safari):not(.i_am_an_apple):not(touch) .search_filter_overlay_wrapper .ipfit_selection .selection_core_wrapper:after { margin-right: 1px; } .search_filter_overlay_wrapper .ipfit select.ipfit__selection, .search_filter_overlay_wrapper .ipfit.ipfit_text input { border: 1px solid #54565b; padding: 0.3em 2em 0.3em 0.3em; min-height: initial; } .search_filter_overlay_wrapper .ipfit_radio_list { min-height: initial; } .filter_checkbox .graphical_checkbox_link { flex-grow: 1; } .filter_checkbox.ipfit_ipfit_tree_selection_graphical ul { width: 100%; } .filter_checkbox.ipfit_ipfit_tree_selection_graphical .filter_text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .filter_value_count { min-width: 2em; text-align: right; flex-shrink: 0; } .filter_content_inner_wrapper .filter_link_list_item_link, .filter_checkbox .checkbox_list__option_text, .filter_checkbox .gts_item_text { display: flex; flex-direction: row; justify-content: space-between; gap: 12px; } .filter_content_inner_wrapper .filter_checkbox, .search_filter_overlay_wrapper .ipfit_radio_list .ipfit__checkbox_list_wrapper, .engine_search_result_block__groups .ipfit_radio_list, .engine_search_result_block__groups .ipfit_checkbox_list { border: none; padding: 0; } .filter_checkbox .gts_item_text { flex-grow: 1; } .filter_checkbox .gts_item_text { overflow: hidden; } .filter_checkbox .if_gts_root_box { overflow: hidden; } .filter_content_inner_wrapper .filter_link_list_item_link, .filter_has_to_many_options_container, .filter_incomplete_option_container { padding: 0.1em 0.4em; } .filter_has_to_many_options_container, .filter_incomplete_option_container { margin-top: .5em; } .filter_content_inner_wrapper .filter_link_list_item_link, .with_filter_values_in_container .ipfit_radio_list .checkbox_list { margin: 0.1em 0; } .remove_filter_block, .search_engine_result_list_top_container .ip_button__remove_all_filters { margin: 5px; } .search_engine_result_active_filter_block { display: flex; justify-content: flex-end; align-items: center; order: 2; flex-wrap: wrap; flex-grow: 1; } .with_side_search_filter_groups .search_filter_overlay_wrapper { box-sizing: border-box; } .filter_link_list_item_active { color: #003798; } .filter_link_list_item_active .filter_value_count:after { content: '\f00d'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; padding-left: 10px; } .with_filter_values_in_container .ipfit_radio_list .checkbox_list { padding: 0; } .ip_button__remove_all_filters i.before { display: none; } .ip_button__remove_all_filters:before { margin-right: 6px; content: '\f00d'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .engine_search_result_block__groups .ip_button__remove_all_filters { width: 100%; box-sizing: border-box; align-items: center; clear: both; float: left; } .filter_link_list_item_active, .pagination_active_rpage{ background: #DADADA; color: #003798; border-radius: 4px; } .filter_content .ipfit__field__inner_wrapper:not(.ipfit_show_resultset)[data-ipfit-fieldname="sort_order"]{ display: grid; grid-template-columns: auto auto; gap: .7em; } .filter_block_wrapper .checkbox_list { width: 100%; } form[name="filter_pre_select_popup"] { display: flex; flex-direction: column; max-height: 80vh; } form[name="filter_pre_select_popup"] > div { flex-shrink: 1; overflow-y: auto; border: none; } form[name="filter_pre_select_popup"] .checkbox_list_item, .filter_block_wrapper .checkbox_list_item { display: flex; margin: 0; } form[name="filter_pre_select_popup"] .checkbox_list_item .checkbox__input, .filter_block_wrapper .checkbox_list_item .checkbox__input, .filter_block_wrapper .if_gts_item a { padding-left: 1px; } .pre_select_popup .filter_has_to_many_options_container{ display: none; } .search_engine_result_list_top_container { display: flex; justify-content: space-between; flex-wrap: wrap; } .search_engine_result_your_search_for_search_term, .search_engine_result_hits_count, .search_pagination_current_hits { font-size: 1.63rem; line-height: 1.4; white-space: nowrap; } .engine_search_result_block__after_hits__button_wrapper { margin: 32px 0; text-align: center; } .search_engine_result_your_search_for_search_term { text-overflow: ellipsis; overflow: hidden; } .search_engine_result_hits_count { text-align: right; } .engine_search_result_block__groups .search_engine_page_block_container .ip_button.ip_button_type__engine_instance.ip_button__search { background-color: #ffaabb; width: 100px !important; padding: 5px 20px; } .search_engine_page_block_container { margin-bottom: 24px; } .search_engine_result_block_container.with_side_search_filter_groups { display: grid; } .search_engine_result_list_bottom_container { margin: 20px 0; } .pagination_item_browse_back a::before { content: '\f104'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .pagination_item_browse_forward a::before { content: '\f105'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { form[data-ip_engine_key="search"] .search_engine_result_filter_trigger { display: grid; grid-template-columns: repeat(6,1fr); gap: 5px 16px; width: 100%; box-sizing: border-box; align-items: baseline; margin: 0 0 20px 0; } form[data-ip_engine_key="search"] .search_engine_result_filter_trigger .ip_button { grid-column: 1 / span 2; text-align: left; } form[data-ip_engine_key="search"] .search_engine_result_filter_trigger .search_engine_result_hits_for_searchterm { grid-column: 3 / span 4; font-size: 1.25rem; line-height: 1.4; } .search_engine_result_active_filter_block { display: none; } .ip_button__remove_filter_value_x, .filter_link_list_item_active, .with_filter_values_in_container .ipfit_radio_list.label_only .list_item_checked, .ip_button__remove_all_filters { background: #FFFEFD; } .ip_button__remove_filter_value_x:before, .with_filter_values_in_container .ipfit_radio_list.label_only .list_item_checked:before{ content: '['; } .ip_button__remove_filter_value_x:after, .with_filter_values_in_container .ipfit_radio_list.label_only .list_item_checked:after{ content: ']'; } .search_engine_result_block_container.with_side_search_filter_groups { grid-template-columns: 1fr; } .display_wrapper.left.search_filter_overlay_wrapper { width: 85vw; } .search_engine_result_your_search_for_search_term, .search_engine_result_hits_count, .search_pagination_current_hits { font-size: 1.25rem; line-height: 1.4; } .engine_search_result_block__result_list { flex-wrap: wrap; } .engine_search_result_block__result_list li { width: 100%; } .display_wrapper.search_filter_overlay_wrapper { padding: 64px 20px; } .search_filter_overlay_wrapper .close_display_wrapper_button{ position: absolute; top: 8px; right: 8px; } .search_filter_overlay_wrapper .engine_search_result_block__groups{ max-height: 100%; overflow: auto; } html:not(.is-safari):not(.i_am_an_apple) .search_filter_overlay_wrapper .engine_search_result_block__groups{ padding-right: 10px; margin-right: -10px; } .search_filter_overlay_wrapper .engine_search_result_block__groups__search_button_wrapper{ position: absolute; width: calc(100% - 2 * 20px); bottom: 12px; } .search_pagination_container { text-align: center; } .ip_button__remove_all_filters, .ip_button__remove_filter_value_x{ line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .search_engine_result_block_container.with_side_search_filter_groups { display: flex; } .search_engine_result_block_container.with_side_search_filter_groups .engine_search_result_block__hits{ overflow-x: hidden; } .search_engine_result_block_container.with_side_search_filter_groups .search_filter_overlay_wrapper{ max-width: 220px; } .search_engine_result_your_search_for_search_term, .search_engine_result_hits_count, .search_pagination_current_hits { font-size: 1.38rem; line-height: 1.4; } .ip_button__remove_all_filters, .ip_button__remove_filter_value_x{ line-height: 1.4; } } @media (min-width: 1136px), print { .search_engine_result_block_container.with_side_search_filter_groups { grid-template-columns: repeat(12, 1fr); } .with_side_search_filter_groups .engine_search_result_block__hits { grid-column: 4 / span 9; } .with_side_search_filter_groups .search_filter_overlay_wrapper { grid-column: 1 / span 3; padding: 0 32px 0 0; min-width: 250px; } .ip_button__remove_all_filters, .ip_button__remove_filter_value_x{ line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .search_engine_result_block_container.with_side_search_filter_groups { gap: 0 32px; } .engine_search_result_block__result_list { box-sizing: border-box; display: flex; flex-direction: column; } .engine_search_result_block__groups .search_engine_result_hits_count, .search_engine_result_list_top_container { margin: 0 0 40px 0; } .ip_button__remove_filter_value_x, .with_filter_values_in_container .ipfit_radio_list.label_only .list_item_checked, .ip_button__remove_all_filters { background: #DADADA; color: #003798; border-radius: 4px; } .ip_button__remove_filter_value_x { max-width: 300px; text-overflow: ellipsis; overflow: hidden; } .ip_button__remove_filter_value_x, .with_filter_values_in_container .ipfit_radio_list.label_only .label, .filter_link_list_item_active, .ip_button__remove_all_filters { padding: 0.1em 0.4em; } .ip_button__remove_filter_value_x i.after, a.ip_button.ip_button__remove_all_filters:after { margin: 0 0 0 5px; } } footer { margin: 100px 0 0 0; background-color: #EDEDED; transition: opacity 500ms; } .intranet_with_unauthenticated_customer:not(.view_type__only_info) footer { pointer-events: none; opacity: 0.5; } .footer_navigation_wrapper:empty{ display: none; } .footer_navigation_wrapper, .copyright_content { box-sizing: border-box; } .footer_navigation_wrapper .no_children a.tree_list_item_name { cursor: pointer; } .footer_navigation_container .main_navigation.tree_footer_micro { display: flex; flex-wrap: wrap; gap: 0; justify-content: center; margin-bottom: -10px; } .footer_navigation_container .main_navigation.tree_footer_micro li > .tree_list_item_name { display: flex; justify-content: center; align-items: center; } .footer_navigation_container .main_navigation.tree_footer_micro li > .tree_list_item_name:after { content: '\25CF'; font-size: 10px; margin: 0 10px 0 10px; } .footer_navigation_container .main_navigation.tree_footer_micro li.last_item > .tree_list_item_name:after { content: ''; } .footer_navigation_container ul.main_navigation > li.tree_list_item__shop2020__social_media > ul { display: flex; justify-content: center; } .tree_list_item__shop2020__social_media li { padding: 0 1em 0 0; } .tree_list_item__shop2020__social_media .tree_list_item_icon_before { font-size: 2em; } .copyright_content { text-align: center; padding: 0 32px 32px 32px; } .pre_copyright_message { margin-bottom: 15px; } .post_copyright_message { display: inline-flex; align-content: center; } .copyright_message { font-size: 0.75rem; line-height: 1.4; } .copyright_site_by { font-size: 0.75rem; line-height: 1.4; } .copyright_site_by:before { content: "|"; margin: 0 5px; position: relative; top: -1px; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { footer{ margin-top: 50px; } .footer_navigation_container { padding: 12px 20px 20px 20px; } .footer_navigation_container ul.main_navigation { display: block; margin: 0; } .footer_navigation_container .main_navigation.tree_footer.tree_list_level_0 > li { border-bottom: 1px solid white; margin-bottom: 8px; padding-bottom: 8px; } .footer_navigation_container ul.main_navigation > li > .tree_list_item_name { display: flex; flex-direction: row; justify-content: space-between; } .footer_navigation_container ul.main_navigation > li > .tree_list.tree_list_level_1 > .first_item { margin-top: .5rem; } .footer_navigation_container ul.main_navigation > li.tree_list_item__shop2020__social_media > .tree_list.tree_list_level_1 > .first_item { margin-top: 0 } .footer_navigation_container ul.main_navigation > li > .tree_list_item_name:after { content: '\f107'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; display: block; transform: rotate(0deg); transition: transform 150ms linear; } .footer_navigation_container ul.main_navigation > li > input:checked ~ .tree_list_item_name:after { transform: rotate(180deg); } .footer_navigation_container ul.main_navigation > li > input:checked ~ .tree_list { content-visibility: visible; display: block; } .footer_navigation_container .tree_list_item_name { text-overflow: ellipsis; overflow: hidden; width: 100%; } .footer_navigation_wrapper { position: relative; } .tree_list_item__shop2020__social_media { display: contents; } .footer_navigation_container ul.main_navigation > li.tree_list_item__shop2020__social_media > .tree_list_item_name { display: none; } .footer_navigation_container ul.main_navigation > li.tree_list_item__shop2020__social_media > .tree_list { margin-top: 20px; display: flex; justify-content: center; width: 100%; box-sizing: border-box; } .tree_list_item__shop2020__social_media li { padding: 0 0.5em; } .copyright_content { text-align: center; padding: 0 20px 20px 20px; } .pre_copyright_message { margin-bottom: 20px; } .post_copyright_message { display: block; } .copyright_site_by:before { content: none; } .copyright_message { font-size: .63rem; line-height: 1.4; } .copyright_site_by { font-size: .63rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .footer_navigation_container ul.main_navigation { grid-template-columns: repeat(2,1fr); margin: 0 auto; gap: 32px 128px; width: max-content; } .footer_navigation_container ul.main_navigation > li.tree_list_item__shop2020__social_media{ grid-column: 1 / span 2; } .copyright_message { font-size: .69rem; line-height: 1.4; } .copyright_site_by { font-size: .69rem; line-height: 1.4; } } @media (min-width: 1136px), print { .footer_navigation_container ul.main_navigation { grid-template-columns: repeat(12,1fr); margin: 0; gap: 32px; } .footer_navigation_container ul.main_navigation > li.tree_list_item__shop2020__social_media{ grid-column: 1 / span 12; gap: 32px; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .footer_navigation_container ul.main_navigation { display: grid; } .footer_navigation_container ul.tree_list_level_0:not(.tree_footer_micro) > li > .tree_list_item_name { margin-bottom: 1em; } .footer_navigation_wrapper, .copyright_content { max-width: 1376px; margin: 0 auto; } .footer_navigation_wrapper { padding: 64px 32px 0 32px; } .copyright_content { padding: 32px; } .footer_navigation_container ul.main_navigation > li > .tree_list { content-visibility: visible; display: block; } } @media (min-width: 1136px), print { .footer_navigation_container ul.main_navigation > li{ grid-column-start: span 3; } } .ip_button { display: inline-block; text-decoration: none; text-align: center; white-space: nowrap; cursor: pointer; outline: none; border: 0; } .ip_button .before { margin-right: 6px; } .ip_button .after { margin-left: 6px; } .ip_button_type__icon .before, .ip_button_type__plain_icon .before { margin-right: 0; } .ip_button_type__plain { background-color: transparent; } .ip_button_type__form, .ip_button_type__engine_instance { padding: 0.5em 1em; max-width: 100%; } .popup_wrapper .ip_button_type__form, .popup_wrapper .ip_button_type__engine_instance, form[name="select_consent_management_items"] .ip_button_type__form_neutral { width: 100%; } .popup_wrapper .bt_button_row .ip_button_type__engine_instance { width: auto; } .ip_button_type__inline { padding: 0.5em 1em; min-width: 150px; } .popup_wrapper .bt_button_row, .popup_wrapper .engine_search_result_block__after_hits__button_wrapper, .popup_wrapper .engine_action_buttons_wrapper { margin: 1em 0 0 0; } .bt_button_row, .engine_search_result_block__after_hits__button_wrapper, .engine_action_buttons_wrapper { margin: 32px 0; display: flex; justify-content: center; gap: 0 40px; } .engine_action_buttons_wrapper .ip_button { flex-basis: 15em; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .bt_button_row, .engine_search_result_block__after_hits__button_wrapper, .engine_action_buttons_wrapper { flex-direction: column; } .ip_button__prev{ order: 10; } .engine_action_buttons_wrapper .ip_button { flex-basis: 100%; margin: 10px 0; } } .with_inline_list_items > .button_list_item { display: inline-block; } .ip_button{ transition: all 150ms; } .ip_button.ip_button_type__plain_text { transition: none; } .ip_button.ip_button__disabled{ color: #A6A6A6; cursor: auto; } .ip_button.ip_button__disabled:not(.ip_button_type__plain){ background: #EDEDED; } .ip_button_type__form, .ip_button_type__engine_instance, .ip_button_type__inline, form[name="select_consent_management_items"] .ip_button_type__form_neutral { border-radius: 4px; height: 2.5rem; box-sizing: border-box; } a.ip_button_type__form, a.ip_button_type__engine_instance, a.ip_button_type__inline, form[name="select_consent_management_items"] .ip_button_type__form_neutral { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .ip_button_type__form, .ip_button_type__engine_instance, .ip_button_type__inline, form[name="select_consent_management_items"] .ip_button_type__form_neutral { width: 100%; } } .ip_button_type__inline.content_link:not(.ip_button__disabled), .ip_button_type__form.ip_button__default:not(.ip_button__disabled), .ip_button_type__engine_instance.ip_button__default:not(.ip_button__disabled), .ip_button_type__inline.ip_button__default:not(.ip_button__disabled), form[name="select_consent_management_items"] .ip_button_type__form_neutral { font-weight: bold; color: #FFFFFF; background: #003798; } .ip_button_type__form.ip_button__default:not(.ip_button__disabled):hover, .ip_button_type__engine_instance.ip_button__default:not(.ip_button__disabled):hover, .ip_button_type__inline.content_link:not(.ip_button__disabled):hover, .ip_button_type__inline.ip_button__default:not(.ip_button__disabled):hover, form[name="select_consent_management_items"] .ip_button_type__form_neutral:hover { background: #333333; color: #FFFFFF; } .ip_button_type__form.content_link:not(.ip_button__disabled):active, .ip_button_type__form.ip_button__default:not(.ip_button__disabled):active, .ip_button_type__engine_instance.ip_button__default:not(.ip_button__disabled):active, .ip_button_type__inline.ip_button__default:not(.ip_button__disabled):active { background: #EDEDED; color: #A6A6A6; } .ip_button_type__form:not(.ip_button__disabled), .ip_button_type__engine_instance:not(.ip_button__disabled), .ip_button_type__inline:not(.ip_button__disabled), .ip_button_type__form.secondary:not(.ip_button__disabled), .ip_button_type__engine_instance.secondary:not(.ip_button__disabled), .ip_button_type__inline.secondary:not(.ip_button__disabled) { font-weight: bold; color: #FFFFFF; background: #54565b; } .ip_button_type__form:not(.ip_button__disabled):hover, .ip_button_type__engine_instance:not(.ip_button__disabled):hover, .ip_button_type__inline:not(.ip_button__disabled):hover, .ip_button_type__form.secondary:not(.ip_button__disabled):hover, .ip_button_type__engine_instance.secondary:not(.ip_button__disabled):hover, .ip_button_type__inline.secondary:not(.ip_button__disabled):hover { background: #333333; color: #FFFFFF; } .ip_button_type__form:not(.ip_button__disabled):active, .ip_button_type__engine_instance:not(.ip_button__disabled):active, .ip_button_type__inline:not(.ip_button__disabled):active , .ip_button_type__form.secondary:not(.ip_button__disabled):active, .ip_button_type__engine_instance.secondary:not(.ip_button__disabled):active, .ip_button_type__inline.secondary:not(.ip_button__disabled):active { background: #EDEDED; color: #A6A6A6; } .ip_button_type__plain, .ip_button_type__plain_text:not(.ip_button__disabled), .ip_button_type__plain_icon:not(.ip_button__disabled), .content_link_wrapper { color: #2D549E; } .ip_button_type__icon, .ip_button_type__plain_icon, .ip_button_type__plain_text { background-color: transparent; } .ip_button_type__plain.secondary, .ip_button_type__plain_text.secondary:not(.ip_button__disabled), .ip_button_type__plain_icon.secondary:not(.ip_button__disabled){ color: #333333; } .ip_button_type__plain_text:not(.ip_button__disabled):hover, .ip_button_type__plain:hover, .ip_button_type__plain_icon:not(.ip_button__disabled):hover, .ip_button.ip_button_type__icon:hover, .content_link_wrapper:hover, .filter_group_header_content:hover, .engine_search_result_block__groups .checkbox_list__option_text:hover, a.tree_list_item_name:hover *, .engine_tab_other .engine_tab_link:hover { color: #C77000; } .ip_button_type__plain span, .ip_button_type__plain_text:not(.ip_button__disabled) span, .layout_inquiry_link_menu_popup_content .layout_inquiry_link_menu_item_wrapper span, .layout_language_switch_popup_content .layout_language_switch_item_wrapper span, .header_top_info_site_list > li span { display: inline-block; } .ip_button_type__plain:hover span, .ip_button_type__plain_text:not(.ip_button__disabled):hover span, .ip_button_type__plain_text.multiple_price:hover, .content_link_wrapper:hover, .layout_inquiry_link_menu_popup_content .layout_inquiry_link_menu_item_wrapper:hover span, .layout_language_switch_popup_content .layout_language_switch_item_wrapper:hover span, .header_top_info_site_list > li:hover span, .engine_search_result_block__groups .checkbox_list__option_text:hover, a.tree_list_item_name:hover span, .engine_tab_other .engine_tab_link:hover { text-decoration: underline; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .ip_button.ip_button__publication_notice_profile_x{ pointer-events: none; cursor: default; color: #333333; } .ip_button.ip_button__publication_notice_profile_x i{ display: none; } } .ip_button.ip_button_type__inline.ip_button__preorder_now_short:not(.ip_button__disabled), .ip_button.ip_button_type__inline.ip_button__preorder_now:not(.ip_button__disabled), .ip_button.ip_button_type__inline.ip_button__add_to_cart_ebook_short:not(.ip_button__disabled), .ip_button.ip_button_type__inline.ip_button__add_to_cart_ebook:not(.ip_button__disabled), .ip_button.ip_button_type__inline.ip_button__add_all2cart:not(.ip_button__disabled), .ip_button.ip_button_type__inline.ip_button__add_to_cart_short:not(.ip_button__disabled), .ip_button.ip_button_type__inline.ip_button__add_to_cart:not(.ip_button__disabled), .ip_button.ip_button_type__engine_instance.ip_button__move_item_to_cart:not(.ip_button__disabled), .ip_button.ip_button_type__engine_instance.ip_button__preorder_now:not(.ip_button__disabled), .ip_button.ip_button_type__engine_instance.ip_button__add_to_cart_ebook_short:not(.ip_button__disabled), .ip_button.ip_button_type__engine_instance.ip_button__add_to_cart_ebook:not(.ip_button__disabled), .ip_button.ip_button_type__engine_instance.ip_button__add_all2cart:not(.ip_button__disabled), .ip_button.ip_button_type__engine_instance.ip_button__add_to_cart_short:not(.ip_button__disabled), .ip_button.ip_button_type__engine_instance.ip_button__add_to_cart:not(.ip_button__disabled){ background: #FFC100; color: #333333; } .ip_button.ip_button_type__inline.ip_button__preorder_now_short:not(.ip_button__disabled):hover, .ip_button.ip_button_type__inline.ip_button__preorder_now:not(.ip_button__disabled):hover, .ip_button.ip_button_type__inline.ip_button__add_to_cart_ebook_short:not(.ip_button__disabled):hover, .ip_button.ip_button_type__inline.ip_button__add_to_cart_ebook:not(.ip_button__disabled):hover, .ip_button.ip_button_type__inline.ip_button__add_to_cart_short:not(.ip_button__disabled):hover, .ip_button.ip_button_type__inline.ip_button__add_to_cart:not(.ip_button__disabled):hover, .ip_button.ip_button_type__inline.ip_button__add_all2cart:not(.ip_button__disabled):hover, .ip_button.ip_button_type__engine_instance.ip_button__move_item_to_cart:not(.ip_button__disabled):hover, .ip_button.ip_button_type__engine_instance.ip_button__preorder_now_short:not(.ip_button__disabled):hover, .ip_button.ip_button_type__engine_instance.ip_button__preorder_now:not(.ip_button__disabled):hover, .ip_button.ip_button_type__engine_instance.ip_button__add_to_cart_ebook_short:not(.ip_button__disabled):hover, .ip_button.ip_button_type__engine_instance.ip_button__add_to_cart_ebook:not(.ip_button__disabled):hover, .ip_button.ip_button_type__engine_instance.ip_button__add_all2cart:not(.ip_button__disabled):hover, .ip_button.ip_button_type__engine_instance.ip_button__add_to_cart_short:not(.ip_button__disabled):hover, .ip_button.ip_button_type__engine_instance.ip_button__add_to_cart:not(.ip_button__disabled):hover{ background: #F38B00; color: #000000; } .ip_button.ip_button_type__inline.ip_button__preorder_now_short:not(.ip_button__disabled):active, .ip_button.ip_button_type__inline.ip_button__preorder_now:not(.ip_button__disabled):active, .ip_button.ip_button_type__inline.ip_button__add_to_cart_ebook_short:not(.ip_button__disabled):active, .ip_button.ip_button_type__inline.ip_button__add_to_cart_ebook:not(.ip_button__disabled):active, .ip_button.ip_button_type__inline.ip_button__add_to_cart_short:not(.ip_button__disabled):active, .ip_button.ip_button_type__inline.ip_button__add_to_cart:not(.ip_button__disabled):active, .ip_button.ip_button_type__inline.ip_button__add_all2cart:not(.ip_button__disabled):active, .ip_button.ip_button_type__engine_instance.ip_button__move_item_to_cart:not(.ip_button__disabled):active, .ip_button.ip_button_type__engine_instance.ip_button__preorder_now_short:not(.ip_button__disabled):active, .ip_button.ip_button_type__engine_instance.ip_button__preorder_now:not(.ip_button__disabled):active, .ip_button.ip_button_type__engine_instance.ip_button__add_to_cart_ebook_short:not(.ip_button__disabled):active, .ip_button.ip_button_type__engine_instance.ip_button__add_to_cart_ebook:not(.ip_button__disabled):active, .ip_button.ip_button_type__engine_instance.ip_button__add_all2cart:not(.ip_button__disabled):active, .ip_button.ip_button_type__engine_instance.ip_button__add_to_cart_short:not(.ip_button__disabled):active, .ip_button.ip_button_type__engine_instance.ip_button__add_to_cart:not(.ip_button__disabled):active{ background: #EDEDED; color: #A6A6A6; } .advanced_search_link > .ip_button:not(.ip_button__disabled), .schweitzer_inquiry_link_menu_wrapper > .ip_button:not(.ip_button__disabled), .ip_button__contact:not(.ip_button__disabled), .ip_button__my_schweitzer_services:not(.ip_button__disabled), .window_shopping_wrapper .ip_button_type__plain.ip_button__back_to_hitlist:not(.ip_button__disabled), .ip_button_type__plain_icon.ip_button__info_placeholder_alternative:not(.ip_button__disabled):not(:hover), .ip_button_type__plain.ip_button__open_recently_viewed_items:not(.ip_button__disabled), .ip_button_type__plain.ip_button__close_window_shopping:not(.ip_button__disabled), .ip_button_type__plain.ip_button__open_window_shopping:not(.ip_button__disabled), .ip_button_type__plain_text.ip_button__search_fields:not(.ip_button__disabled){ color: #333333; } .ip_button_type__plain_icon.ip_button__scroll_to_top:not(.ip_button__disabled){ color: #54565b; } .ip_button_type__plain_text.ip_button__search_fields:not(.ip_button__disabled):hover, .ip_button_type__plain_icon.ip_button__scroll_to_top:not(.ip_button__disabled):hover{ color: #C77000; } .schweitzer_inquiry_link_menu_wrapper > .ip_button:not(.ip_button__disabled):hover .ip_button__text, .ip_button__contact:not(.ip_button__disabled):hover .ip_button__text, .ip_button__my_schweitzer_services:not(.ip_button__disabled):hover .ip_button__text { text-decoration: none; } .inventory_contact_popup .ip_button__inventory_function_goto_connect .connect_icon{ width: 16px; } .ps_concardis_pi_payment_table_wrapper input[type="image"]{ border: none; width: initial; border-radius: initial; } .ps_concardis_pi_payment_table_wrapper .ncoltable3{ margin: 40px 0; } .ps_concardis_pi_payment_table_wrapper .ncoltable3 table{ border-collapse: separate; border-spacing: 16px 0; } .ps_concardis_pi_payment_table_wrapper .ncoltable3 > tbody > tr:first-child > td { border-top: 1px solid #54565b; border-bottom: 1px solid #54565b; } .ps_concardis_pi_payment_table_wrapper .ncoltable3 > tbody > tr > td { padding: 40px 0; } .ps_concardis_pi_payment_table_wrapper #submit3{ color: #FFFFFF; background: #003798; max-width: 180px; } .ps_concardis_pi_payment_table_wrapper #btn_Back, .ps_concardis_pi_payment_table_wrapper #ncol_cancel { color: #FFFFFF; background: #54565b; } .ps_concardis_pi_payment_table_wrapper input[type="submit"] { transition: background 150ms; display: inline-block; text-decoration: none; text-align: center; white-space: nowrap; cursor: pointer; outline: none; border: 0; font-weight: bold; border-radius: 4px; height: 2.5rem; box-sizing: border-box; font-size: large; padding: 0 1.5em; } .ps_concardis_pi_payment_table_wrapper select, .ps_concardis_pi_payment_table_wrapper input[type="text"] { padding: .5em; border-radius: 4px; max-width: 280px; } table.ncoltable2 { border-collapse: separate; border-spacing: 0 16px; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .ps_concardis_pi_payment_table_wrapper small > small { font-size: .63rem; line-height: 1.4; } .ps_concardis_pi_payment_table_wrapper small { font-size: .94rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .ps_concardis_pi_payment_table_wrapper small > small { font-size: .69rem; line-height: 1.4; } .ps_concardis_pi_payment_table_wrapper small { font-size: .94rem; line-height: 1.4; } } @media (min-width: 1136px), print { .ps_concardis_pi_payment_table_wrapper small > small { font-size: 0.75rem; line-height: 1.4; } .ps_concardis_pi_payment_table_wrapper small { font-size: 1rem; line-height: 1.4; } } .address_wrapper .address_address_line1{ white-space: pre-line; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .address_wrapper { display: flex; justify-content: space-between; } } .address_wrapper .address_country img { height: 1em; width: auto; } form[data-ip_instance_key=customer] .engine_page_column .address_wrapper.default, form[data-ip_instance_key=custUser] .engine_page_column .address_wrapper.default { background-color: red; position: relative; border-radius: 0.2em; } .formComponent_engine_page_block_container[data-instance_key="selectAddress"] .ipfit_radio_list { flex-direction: column; } .formComponent_engine_page_block_container[data-instance_key="selectAddress"] .ipfit__action_button_wrapper { align-self: center; } .event_container { display: grid; } .event_container .title { color: #003798; font-weight: bold; } a.event_container:hover .title { color: #C77000; } .event_container .image_wrapper img { max-width: 100%; height: auto; } .event_container .title .ip_button { white-space: normal; text-align: left; } .event_container .detail_info { display: grid; align-items: first baseline; gap: .3em 6px; } .event_container .detail_info > i{ justify-self: center; } .event_container .host, .event_container .content { white-space: pre-line; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .event_container .host { margin: 1rem 0 0 0; } .event_container .description { padding-right: 40px; } .event_container .detail_info { grid-template-columns: min-content auto; grid-auto-rows: min-content; margin-left: -40px; } } @media (min-width: 1136px), print { .event_container { gap: 0 32px; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .event_container { gap: 16px 16px; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .event_container { gap: 16px 16px; grid-template-columns: repeat(6, 1fr); } .event_container .image_wrapper{ grid-column: 1 / span 2; } .event_container .description{ grid-column: 3 / span 4; } .event_container .detail_info{ grid-column: 1 / span 6; display: grid; grid-template-columns: repeat(2, min-content 1fr); grid-auto-flow: row dense; } } @media (min-width: 1136px), print { .result_list_item .event_container{ grid-template-columns: repeat(9, 1fr); } .result_list_item .event_container .image_wrapper{ grid-column: 1 / span 2; } .result_list_item .event_container .description{ grid-column: 3 / span 5; } .result_list_item .event_container .detail_info{ grid-column: 8 / span 2; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .result_list_item .event_container{ grid-template-columns: calc(0.215 * 100vw - 52px) 2fr minmax(160px, 1fr); } .result_list_item .event_container .image_wrapper img { max-width: 100%; height: auto; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .result_list_item .event_container .image_wrapper img { max-width: 100%; height: auto; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .cst_event .title { font-size: 1.13rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .cst_event .title { font-size: 1.2rem; line-height: 1.4; } } @media (min-width: 1136px), print { .cst_event .title { font-size: 1.3rem; line-height: 1.4; } } .cst_event .title { margin: 0; } .cst_event .event_container { border-bottom: none; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .cst_event .host { margin: 1rem 0 0 0; } .cst_event .event_container .image_wrapper img { max-width: min(100%,192px); height: auto; display: block; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .cst_event .event_container{ grid-template-columns: calc(0.215 * 100vw - 52px) 4fr minmax(160px, 1fr); } .cst_event .event_container .image_wrapper img { max-width: 100%; height: auto; } } @media (min-width: 1136px), print { .cst_event .event_container{ grid-template-columns: repeat(12, 1fr); } .cst_event .event_container .image_wrapper{ grid-column: 1 / span 2; } .cst_event .event_container .description{ grid-column: 3 / span 8; } .cst_event .event_container .detail_info{ grid-column: 11 / span 2; } } form[data-ip_instance_key="address_new"] .is_default { font-weight: bold; } form[data-ip_instance_key="address_new"] .search_engine_page_block_container { margin-bottom: 0; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { form[data-ip_instance_key="address_new"] #engine_search_resultset .ip_button__text { white-space: normal; text-align: left; word-break: break-word; } } form[data-ip_instance_key="businessTransaction"][data-ip_engine_key="search"] .search_filter_overlay_wrapper.left .engine_action_buttons_wrapper { display: none; } .search_engine_search_form { text-align: right; } .search_engine_search_form > .ip_button.is_active i { transform: rotate(180deg); } .search_engine_search_form > .ip_button { margin-bottom: 1em; } .engine_search_result_block__no_hits .ip_engine_message_page_wrapper__failure { background-color: inherit; } .engine_search_result_block__no_hits .ip_engine_message_page_wrapper__failure .ip_engine_message_page_message { color: inherit; } .bti_search__custom_button_wrapper{ border-top: 1px solid #54565b; padding-top: 100px; display: flex; justify-content: center; border-top: 1px solid grey; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .bti_search__custom_button_wrapper{ padding-top: 80px; } } .bti_search__custom_button_wrapper > .ip_button { opacity: 0; transition: opacity 150ms linear; pointer-events: none; } .bti_search__custom_button_wrapper > .ip_button.visible{ opacity: 1; pointer-events: auto; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { form[data-ip_instance_key="custuser_new"] .ipfit_show_resultset_table_wrapper { overflow-x: auto; } } form[data-ip_instance_key="event"] .ip_button_type__plain_text:not(.ip_button__disabled):hover span { text-decoration: none; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { form[data-ip_instance_key="event"] .search_engine_page_block_container { display: none; } form[data-ip_instance_key="event"] .search_engine_result_list_top_container { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0 16px; justify-items: start; margin-bottom: 16px; } form[data-ip_instance_key="event"] .search_engine_result_list_top_container .search_engine_result_filter_trigger{ display: contents; } form[data-ip_instance_key="event"] .search_engine_result_list_top_container .engine_search_result_block__top_container_end{ grid-column: 1 / span 6; grid-row: 1; } form[data-ip_instance_key="event"] .search_engine_result_list_top_container .search_engine_result_filter_trigger .ip_button__filter_n{ grid-column: 1 / span 2; grid-row: 2; } form[data-ip_instance_key="event"] .search_engine_result_list_top_container .search_engine_result_filter_trigger .search_engine_result_hits_for_searchterm{ grid-column: 3 / span 4; grid-row: 2; } } .placements_wrapper__grid .engine_page_element.empty_field[data-fieldname="a_is_default_delivery_address"], .placements_wrapper__grid .engine_page_element.empty_field[data-fieldname="a_is_default_billing_address"]{ visibility: hidden; display: block; } div.align_with_address_key .ipfit__fieldlabel:empty { display: block; } div[data-fieldname="csp2c_title_new_paragraph_customer_pref"], div[data-fieldname="csp2c_title_new_paragraph_custuser_pref"] { grid-column-start: 1; grid-column-end: -1; } .ipfit__field__wrapper[data-fieldname="rc_switch_customer_type"] .toggle_wrapper.with_labels { height: 33px; background: transparent; border-radius: 33px; width: 80vw; max-width: 25em; } .ipfit__field__wrapper[data-fieldname="rc_switch_customer_type"] .toggle_wrapper.with_labels .sliding_background { border-radius: 33px; } .ipfit__field__wrapper[data-fieldname="rc_switch_customer_type"] .awesome_toggle_wrapper { display: flex; width: 100%; justify-content: space-around; } .ipfit__field__wrapper[data-fieldname="rc_headline_description_label_and_text"] .ipfit__field__inner_wrapper, .ipfit__field__wrapper[data-fieldname="rc_switch_customer_type"] .ipfit__field__inner_wrapper { margin: 0 auto; text-align: center; } #ipfit__field_wrapper__myForm__rc_delivery_address_switch_type { width: auto; } .engine_page_element[data-fieldname="rc_delivery_address_switch_type"] { display: flex; justify-content: center; } #ipfit__field_wrapper__myForm__rc_password_quality { display: none; } form[data-ip_instance_key="customer"] .placements_wrapper__grid .engine_page_field_group_element_row:last-child, #block\$order_option_selected_item\$checkOut__item { grid-column-start: 1; grid-column-end: -1; max-width: unset; } .placements_wrapper__grid .empty_field[data-fieldname="rc_this2site"] { display: block; } #rc_sepa_info_label_and_text_read_only.ipfit__view_mode_content { background: transparent; border: none; padding: 0; } #rc_site_key_label_and_text_read_only { background: #F7F7F7; } #cu_site_key_label_and_text_read_only { background: #F7F7F7; padding: 0.5em; } #cu_site_key_label_and_text_read_only .direct_link { font-size: 0.88rem; line-height: 1.4; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { #cu_site_key_label_and_text_read_only .direct_link { font-size: .75rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { #cu_site_key_label_and_text_read_only .direct_link { font-size: .81rem; line-height: 1.4; } } form[data-ip_instance_key="custUser"] #delivery_address_popup__content_wrapper, form[data-ip_instance_key="custUser"] #billing_address_popup__content_wrapper { padding: 0; } form[data-ip_instance_key="login"] .button_and_label label { margin-left: 0; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .ip_button__forgot_password_q, .ipfit__field__wrapper[data-fieldname="l_customer_number_label_and_text"] { font-size: .63rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .ip_button__forgot_password_q, .ipfit__field__wrapper[data-fieldname="l_customer_number_label_and_text"] { font-size: .69rem; line-height: 1.4; } } @media (min-width: 1136px), print { form[data-ip_instance_key="login"] .button_and_label .ipfit__line_of_text__wrapper { padding-top: 0; padding-bottom: 0; } .ip_button__forgot_password_q, .ipfit__field__wrapper[data-fieldname="l_customer_number_label_and_text"] { font-size: 0.75rem; line-height: 1.4; } } form[data-ip_instance_key="login"] .button_and_label .ipfit__action_button_wrapper { padding-top: 0; flex-basis: 100%; } .header_popup.login #username_read_only{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 360px; } .header_popup.login .engine_page_element.empty{ height: 64px; } .ipfit__field__wrapper[data-fieldname="l_forgot_password_label_and_text"] { margin: -25px 0 16px 4px; } label[data-fieldname="l_register_label_and_text"]{ white-space: normal; } .header_popup.login .engine_page_element[data-fieldname="l_register_label_and_text"] ~ .engine_page_element.empty { display: none; } #fo_free_order_intro_label_and_text_read_only { padding: 0; border: 0; } .wizard_ss_result2state_subscription_discontinued { color: #CC0000; } .wizard_ss_result2state_subscription_renewed { color: #006A00; } .wizard_ss_subscription_list td.data_cell { vertical-align: top; } .wizard_ss_subscription_inputfields { margin-top: 1em; } .wizard_ss_subscription_inputfields .ipfit_checkbox_awesome{ padding: 0 0 1em 0; } .wizard_ss_multi_item_action_button_container { font-size: 0.88rem; line-height: 1.4; } .wizard_ss_multi_item_action_button_container .button_list ~ .button_list { margin-top: 1em; } .wizard_ss_multi_item_action_button_container .with_inline_list_items > .button_list_item { margin-top: 0; margin-bottom: 0; } .wizard_ss_multi_item_action_button_container .with_inline_list_items > .button_list_item ~ .button_list_item::before { content: '| '; } .wizard_ss_finish_page .ip_engine_message_page_text_middle { white-space: pre-line; } .ip_engine_wizard_page form[data-ip_instance_key="subscriptionSurvey"] .placements_wrapper__grid{ border-left: none; padding: 0; } form[data-ip_instance_key="subscriptionSurvey"] .result_table_title .title_wrapper{ font-weight: normal; font-size: 1.63rem; line-height: 1.4; } #ss_subscription_list .ipfit_checkbox_awesome.ipfit_readonly, #ss_subscription_list .data_even_row { background: transparent; } #ss_subscription_list .data_odd_row, #ss_subscription_list .data_even_row { border-top: 1px solid #54565b; } #ss_subscription_list .total, #ss_subscription_list .data_cell{ display: grid; gap: 0 24px; } #ss_subscription_list .total{ padding: 24px 1em 0 1em; justify-items: start; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { form[data-ip_instance_key="subscriptionSurvey"] .tab.engine_tab_current{ color: #54565b; font-size: 1.25rem; line-height: 1.4; font-weight: normal; } form[data-ip_instance_key="subscriptionSurvey"] .engine_tab_list .tab:not(:first-child):before, form[data-ip_instance_key="subscriptionSurvey"] .tab.engine_tab_other{ display: none; } #ss_subscription_list .data_cell{ display: grid; gap: 24px; } .wizard_ss_subscription_inputfields .ipfit_checkbox_awesome{ padding: 1em 0 0 0; } .wizard_ss_multi_item_action_button_container { font-size: .75rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .wizard_ss_multi_item_action_button_container { font-size: .81rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { #ss_subscription_list .total, #ss_subscription_list .data_cell{ grid-template-columns: repeat(3,1fr); } #ss_subscription_list .wizard_ss_subscription_inputfields{ grid-column: 1 / span 3; } #ss_subscription_list .total_price_wrapper{ grid-column: 3; } } .wizard_ss_price_column .full_price_helper_wrappper{ display: grid; grid-template-columns: repeat(2,1fr); gap: 8px 24px; } .wizard_ss_price_column .price_wrapper, .wizard_ss_subscription__title, .wizard_ss_total_price, .wizard_ss_subscription_reader .name_wrapper{ font-weight: bold; color: #003798; } [data-ip_instance_key="userConfiguredForm"] .engine_page_field_group_element_row{ padding-bottom: 0; margin-bottom: 0; } [data-ip_instance_key="userConfiguredForm"] .ipfit__line_of_text__wrapper .ipfit__fieldlabel{ margin-left: 0; } [data-ip_instance_key="userConfiguredForm"] .ipfit__line_of_text__wrapper .ipfit__view_mode_content:not(:empty){ border: none; padding: 0; } .checkbox__wrapper{ margin-right: 6px; } .label_only .checkbox__wrapper { display: none; } .label_only .radio_list_item { margin: 0; } .label_only .graphical_checkbox_link { padding: 0.1em 0.8em; } .product_box_inner_container { display: grid; } .product_box_inner_container_group_col_2_top { display: flex; flex-direction: column; align-items: flex-start; } .product_box_master_cart_creator, .product_box_master_cart_execution_custuser, .product_box_master_cart_state_hint, .product_box_further_editions, .product_box_quotation_additional_text, .product_box_quotation_hint_external, .product_box_quotation_expiration_datetime, .product_box_inner_container_group_data_bottom, .product_box_inner_container_group_details, .product_box_wrapper__bt_article_hitlist .product_box_quotation_generated_hint, #bt_rfq_table .product_box_description { margin-top: 1rem; } .event_container, .watch_list_item_wrapper, .product_box_wrapper.list_item, .product_box_wrapper__article_search_hitlist_relations, .product_box_wrapper__article_search_suggest, .product_box_further_editions_group_wrapper:not(:last-of-type) { border-bottom: 1px solid #54565b; } .engine_search_result_block__result_list .result_list_item:last-child .product_box_wrapper, .result_list_item:last-child .event_container, .product_box_wrapper__article_search_hitlist_relations:last-child, .product_box_wrapper__window_shopping_article, .engine_search_result_block__result_list .result_list_item:last-child .watch_list_item_wrapper { border-bottom: 0; } .product_box_product_image { text-align: center; } .product_box_product_image img { max-width: 100%; display: inline-block; height: auto; } .product_box_product_image img:not(.is_fallback_image) { width: auto; } .product_box_product_name, .product_box_price_value { color: #003798; font-weight: bold; } .product_box_item_is_not_customer_visible { color: #CC0000; } .tab_content_item .product_box_wrapper .product_box_price_label, .tab_content_item .product_box_wrapper .product_box_price_value, .tab_content_item .product_box_wrapper__article_search_hitlist_relations { font-size: inherit; } .product_box_select_item .ipfit_checkbox_awesome { padding: 0; } .product_box_wrapper__window_shopping_article .product_box_subtitle, .product_box_wrapper__window_shopping_article .product_box_product_name, .product_box_wrapper.list_item .product_box_product_name, .product_box_wrapper.list_item .product_box_subtitle { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .product_box_watch_list_item_comment { display: flex; } .product_box_watch_list_item_comment .label_highlighted, .product_box_watch_list_item_comment .product_box_product_item_comment { margin-right: .5em; } .product_box_product_item_comment { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .article_view_detail .product_box_product_name { max-height: initial; } .product_box_page_count{ white-space: nowrap; } .article_view_detail .product_box_product_name, .article_view_detail .product_box_subtitle { max-height: initial; } .product_box_wrapper a.product_box_container:hover .product_box_product_name, a.watch_list_item_link:hover { color: #C77000; } .product_box_further_editions .further_editions { white-space: nowrap; } .delivery_availability_available, .delivery_availability_on_demand { color: #333333; } .delivery_availability_not_available, .product_box_cannot_be_ordered .add2cart_not_available, .multiple_price_item .add2cart_not_available { color: #CC0000; } .product_image_zoom img{ max-width: calc(90vw - 2em); } .price_description_icon, .price_with_info_wrapper .price_info, .price_with_info_wrapper .price_info, .delivery_availability_available:before, .delivery_availability_available.econtent:before, .delivery_availability_available.available_immediately:before, .delivery_availability_not_available:before, .product_box_cannot_be_ordered .add2cart_not_available:before, .multiple_price_item .add2cart_not_available:before, .product_box_inner_container_group_hint:before, .delivery_availability_on_demand:before, .inventory_warning:before { margin: 0 6px 0 0; justify-self: center; } .price_with_info_wrapper .price_type_label .price_info{ margin: 0 6px; } .inventory_warning{ color: #006A00; } .inventory_warning:before { content: '\f7e7'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .delivery_availability_available:before { content: '\f6d1'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .delivery_availability_available.econtent:before { content: '\f34a'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .delivery_availability_available.available_immediately:before { content: '\f058'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .delivery_availability_not_available:before, .product_box_cannot_be_ordered .add2cart_not_available:before, .multiple_price_item .add2cart_not_available:before, .product_box_inner_container_group_hint:before { content: '\f00d'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .delivery_availability_on_demand:before { content: '\f05a'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .product_box_inventory_connector:before { content: '\f7e7'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; margin: 0 .6em 0 0; justify-self: center; } .tab__all_prices .multiple_price_item:nth-child(2n), .product_box_inner_container_group_multiple_price_block > li:nth-child(2n){ background: #F7F7F7; } .product_box_inner_container_group_multiple_price_block > li { display: grid; gap: 0 32px; } .toggle_box, .product_box_wrapper .product_box_inner_container_group_multiple_price_block { max-height: 0; padding-top: 0; overflow: hidden; transition: all 150ms linear; } .toggle_box_link { display: flex; } .toggle_box_link:after { content: '\f107'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; display: block; margin-left: .5em; } .toggle_box_link.open:after { transform: rotate(-180deg); } .toggle_box.open, .product_box_wrapper .product_box_inner_container_group_multiple_price_block.toggled { max-height: 3000px; transition: all 150ms linear; } .product_box_wrapper .product_box_inner_container_group_multiple_price_block.toggled { padding-top: 30px; } .toggle_box.open { padding: .5em 0 1em 0; } .product_box_details_box .tab__further_details .content:not(.gpsr_element) { display: flex; flex-wrap: wrap; } .product_box_details_box .tab_content_item ul, .product_box_details_box .tab_content_item ol { margin: 0 0 1em 20px; padding: 0; } .product_box_details_box .tab_content_item li > ul, .product_box_details_box .tab_content_item li >ol { margin: 0 0 0 20px; padding: 0; } .product_box_details_box div.section_divider, .product_box_details_box div.multi_content_wrapper { border-top: 1px solid #54565b; margin-top: 40px; padding-top: 40px; } .product_box_details_box div.multi_content_wrapper .content_inline_document_wrapper { margin-top: 1rem; } .product_box_details_box .tab__further_details .content.classification{ display: block; } .product_box_details_box .tab__further_details .content.classification > .classification_tree_inner_wrapper:not(:first-child){ margin-top: 12px; } .product_box_details_box .tab__further_details .content.classification .classification_tree_inner_wrapper .ip_button{ white-space: normal; display: flex; flex-direction: row; align-items: center; } .product_box_details_box .tab__further_details .content.classification .classification_tree_inner_wrapper{ display: grid; grid-template-columns: auto auto; justify-content: start; align-items: stretch; align-content: center; gap: 12px 24px; } .product_box_details_box .tab__further_details .content.classification .classification_tree_inner_wrapper > .classification_tree_inner_wrapper__content{ background: #EDEDED; display: flex; align-items: center; border-radius: 6px; padding: 4px 12px; grid-column: 1; gap: .5em; } .product_box_details_box .tab__further_details .content.classification .classification_tree_inner_wrapper > .classification_tree_inner_wrapper__content.skl_main_subject{ background: #007299; } .product_box_details_box .tab__further_details .content.classification .classification_tree_inner_wrapper > .classification_tree_inner_wrapper__content.skl_main_subject .ip_button__online_help, .product_box_details_box .tab__further_details .content.classification .classification_tree_inner_wrapper > .classification_tree_inner_wrapper__content.skl_main_subject .ip_button__text{ color: #FFFFFF } .product_box_details_box .tab__further_details .content.classification .classification_tree_inner_wrapper > .classification_tree_inner_wrapper{ grid-column: 2; } .product_box_details_box .tab__further_details .content.classification .classification_tree_inner_wrapper > .classification_tree_inner_wrapper .ip_button__dynamic_text_placeholder:before{ content: '\f105'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; display: block; margin-left: -27px; padding-right: 18px; } .product_box_details_box .tab_content_item ul li { list-style: disc; padding-left: 5px; } .product_box_details_box .tab_content_item ol li { list-style: decimal; padding-left: 5px; } .product_box_wrapper__article_search_hitlist .price_with_info_wrapper { display: inline-flex; gap: .5em; align-items: baseline; } .product_box_product_quantity { display: inline-block; } .product_box_product_quantity .with_quantity_change_buttons.ipfit__field__inner_wrapper{ flex-wrap: nowrap; } .product_box_product_quantity .ipfit__field__wrapper { padding: 0; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .product_box_wrapper .details_single_line > *{ white-space: normal; } } @media (min-width: 1136px), print { .product_box_details_box .key_value_wrapper .copyright, .product_box_details_box .key_value_wrapper .section_divider, .product_box_details_box .key_value_wrapper { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } .product_box_details_box .key_value_wrapper .label{ width: calc((2 * ((100% - (11 * 32px)) / 12)) + 40px + 32px); padding-right: 32px; } .product_box_details_box .key_value_wrapper .content{ width: calc(100% - ((2 * ((100% - (11 * 32px)) / 12)) + 40px + (2 * 32px))); } .product_box_details_box .tab__further_details .content.classification { margin: 0 0 40px 0; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .tab__all_prices .multiple_price_item, .product_box_inner_container_group_multiple_price_block > li { padding: 15px 20px; } .product_box_details_box .tab__further_details .content a.enum_item { white-space: nowrap; } .product_box_details_box .tab__further_details .content a.no_link { pointer-events: none; } .product_box_details_box .details_content_wrapper { display: flex; } .product_box_details_box .details_content_wrapper .link_item i { font-size: 20px; position: relative; top: 1px; width: 27px } .product_box_details_box .details_content_wrapper a { display: block; line-height: 2em; white-space: nowrap; } .product_box_details_box .details_content_wrapper div.content_text { width: 70%; margin-right: 55px; box-sizing: border-box; } .product_box_wrapper .details_single_line { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .product_box_wrapper .details_single_line .product_box_identifier, .product_box_wrapper .details_single_line > *{ display: inline; } .simple_set_info_wrapper.mixed_vat_info{ grid-template-columns: repeat(6, auto); } .mixed_vat_info .description{ grid-column: 1 / span 6; padding: 0 3em 0 0; } .mixed_vat_info .label, .mixed_vat_info .value{ white-space: nowrap; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .simple_set_info_wrapper.mixed_vat_info{ grid-template-columns: repeat(2, auto); min-width: 300px; white-space: normal; } .mixed_vat_info .description{ grid-column: 1 / span 2; padding: 0; } .mixed_vat_info .responsive_new_block{ margin-top: 1em; } .mixed_vat_info .label{ text-align: left; } .product_box_wrapper .details_single_line .product_box_identifier, .product_box_wrapper .details_single_line > *{ display: inline-block; } .product_box_details_box .details_content_wrapper .content_links{ display: flex; flex-direction: column; gap: 12px; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px), only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .product_box_details_box .key_value_wrapper { display: grid; grid-template-columns: auto 1fr; gap: 5px 16px; } .product_box_details_box .key_value_wrapper .label{ grid-column : 1; max-width: 40vw; } .product_box_details_box .key_value_wrapper .content{ grid-column : 2; } .product_box_details_box .key_value_wrapper .content.contributor .ip_button_type__plain span, .product_box_details_box .key_value_wrapper .content.keywords .ip_button_type__plain span{ display: inline; } .product_box_details_box .key_value_wrapper .label.keywords, .product_box_details_box .key_value_wrapper .label.classification{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #54565b; } .product_box_details_box .key_value_wrapper .copyright, .product_box_details_box .key_value_wrapper .label.keywords, .product_box_details_box .key_value_wrapper .content.keywords, .product_box_details_box .key_value_wrapper .label.classification, .product_box_details_box .key_value_wrapper .content.classification{ grid-column : 1 / span 2; } .product_box_details_box .tab__further_details .content.classification{ overflow-x: auto; } .product_box_details_box .tab__further_details .content.classification .classification_tree_inner_wrapper .ip_button{ white-space: nowrap; } } .product_box_wrapper .details_single_line > *:not(:last-of-type):after, .article_view_detail .contributor_role_block .role_item:not(:last-of-type):after, .product_box_details_box .tab__further_details .content:not(.classification) div:not(:last-of-type):after, .product_box_details_box .tab__further_details .content a.enum_item:not(:last-of-type):after, .master_cart_manager_wrapper a:not(:last-of-type):after, .shop_page_wrapper.edit_watch_list .wl_info > *:not(:empty):not(:first-of-type):before, .shop_page_wrapper.watch_list_passwort_protection .wl_info > *:not(:empty):not(:first-of-type):before, .shop_page_wrapper.edit_watch_list .splitting_partner:not(:first-of-type):before, .shop_page_wrapper.edit_watch_list .shop_page_title_wrapper .subject:before { content: "|"; margin: 0 .5em; color: #333333; font-weight: normal; position: relative; top: -1px; } .product_box_wrapper .details_single_line > *:empty:after, .article_view_detail .contributor_role_block .role_item:empty:after, .product_box_details_box .tab__further_details .content:not(.classification) div:empty:after, .product_box_details_box .tab__further_details .content a.enum_item:empty:after, .master_cart_manager_wrapper a:empty:after{ display: none!important; } .article_view_detail .contributor_role_block .role_item:last-of-type{ margin: 0 .5em 0 0; } .article_view_detail .item_plain_text { background: inherit; color: inherit; cursor: auto; } .ipfit_show_resultset.bt_order_table .ipfit__action_button_wrapper a.ip_button:last-of-type:after { display: none; } .product_box_product_quantity .ipfit__field_error{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 130px; } .product_box_view_further_editions { margin-top: 1em; } .product_box_view_further_editions .ip_button__further_editions.ip_button__disabled { background: none; cursor: pointer; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .product_box_view_further_editions { margin-bottom: 1.25em; } } .ip_button__add_multiple2watchlist { opacity: 1; } .ip_button__add_multiple2watchlist.toggled { opacity: 0; } .product_box_inner_container_group_functions .ip_button__add_multiple2watchlist.toggled { opacity: 1; } .popup_wrapper .product_box_inner_container { display: grid; gap: 0 16px; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .popup_wrapper .product_box_inner_container { grid-template-columns: 3fr 7fr; } .popup_wrapper.further_editions:not(.inline_popup), .popup_wrapper.window_shopping_popup_wrapper:not(.inline_popup) { width: 550px; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .popup_wrapper .product_box_inner_container { grid-template-columns: repeat(6,1fr); } } .popup_wrapper.window_shopping_popup_wrapper { max-height: 310px; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .popup_wrapper.details_preview .popup_content_wrapper { width: min(1376px, 90vw) ; max-height: 90vh; box-sizing: border-box; } } .product_box_wrapper.list_item, .watch_list_item_wrapper, .event_container { padding: 1.2em 0; } .result_list_item:first-child .watch_list_item_wrapper, .result_list_item:first-child .product_box_wrapper.list_item{ padding: 0 0 1.2em 0; } .product_box_wrapper__window_shopping_article { margin: 0.5em 0; } .product_box_inner_container_group_image, .product_box_inner_container_group_left, .product_box_wrapper.list_item .product_box_inner_container_group_list_info, .product_box_wrapper.list_item .product_box_inner_container_group_col_2, .product_box_wrapper.list_item .product_box_inner_container_group_col_3, .product_box_wrapper.list_item .product_box_inner_container_group_col_4, .product_box_wrapper.list_item .product_box_inner_container_group_col_5, .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .ip_button__add_to_watch_list, .product_box_inner_container_group_additional_info, .bt_order_table .header_wrapper > * { box-sizing: border-box; } .product_box_wrapper.list_item .product_box_inner_container > .product_box_inner_container_group:first-child { padding-left: 0; } .product_box_wrapper__article_search_hitlist_relations div.product_box_inner_container > div, .product_box_wrapper__window_shopping_article div.product_box_inner_container > div{ min-width: 0; } .product_box_inner_container_group_col_3 .ip_button_type__plain_text, .product_box_inner_container_group_multiple_price_block > li > .ip_button_type__plain_text { white-space: normal; text-align: left; } .product_box_wrapper.list_item .ip_button_type__inline { min-width: initial; } .product_box_inner_container_group_additional_info > div { margin-top: .5em; } .product_box_wrapper .label_highlighted { font-weight: bold; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .product_box_wrapper.list_item .product_box_inner_container, form[data-ip_search_id_suffix="businessTransactionItem"] .search_engine_result_list_top_container { display: grid; gap: 0 32px; } .product_box_wrapper.list_item .product_box_product_image { max-width: 120px; } .product_box_wrapper__article_search_hitlist .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_add2cart, .product_box_wrapper__article_search_hitlist .product_box_inner_container_group_col_4 { text-align: right; max-width: 240px; padding-right: 0; } .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_add2cart { margin: 0; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .product_box_wrapper.list_item { padding: 20px 0; } .product_box_wrapper.list_item .product_box_add2cart, .product_box_wrapper.list_item .product_box_cannot_be_ordered, .product_box_wrapper.list_item .product_box_add2watchlist, .product_box_wrapper.list_item .product_box_inner_container_group_identifier { display: none; } .product_box_wrapper.list_item .product_box_price_label { white-space: nowrap; } .product_box_wrapper.list_item .product_box_price_value { white-space: nowrap; } .product_box_wrapper.list_item .is_fallback_image { max-width: min(120px, 100%); } } .product_box_wrapper.product_box_wrapper__article_search_hitlist .delivery_availability_available, .product_box_wrapper.product_box_wrapper__article_search_hitlist .delivery_availability_on_demand { color: #333333; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.product_box_wrapper.inventory_item{ background: #EDEDED; padding-right: 8px; } .result_list_item:first-child .product_box_wrapper.product_box_wrapper__article_search_hitlist.product_box_wrapper.inventory_item { padding-top: 8px; } @media (min-width: 1136px), print { .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_2{ grid-column: 2 / span 4; } .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_add2watchlist, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_3{ grid-column: 6 / span 2; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_multiple_price_block .price_secondary_info_wrapper{ grid-column: 3 / span 3; } .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_add2cart, .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_cannot_be_ordered, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_4{ grid-column: -3 / -1; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_4{ grid-row: 1; justify-self: end; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_media_type{ display: flex; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_media_type > *:not(:last-of-type):after{ content: "|"; margin: 0 .5em; color: #333333; font-weight: normal; position: relative; top: -1px; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_2, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_3{ grid-column: 2 / span 5; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_multiple_price_block .price_secondary_info_wrapper{ grid-column: 3 / span 4; grid-row: span 2; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_multiple_price_block .product_box_add2watchlist{ grid-column: -4 / -1; grid-row: 2; justify-self: end; } .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block > li{ gap: 5px 32px; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_multiple_price_block .product_box_add2cart, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_multiple_price_block .product_box_cannot_be_ordered, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_4{ grid-column: -4 / -1; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_3{ margin-left: 40px; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_top_left{ grid-row: span 3; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_4{ grid-row: 1 / span 2; justify-self: end; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_price{ display: contents; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_add2cart, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_view_all_prices{ margin-top: 1rem; } .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_add2cart, .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_view_all_prices{ margin-top: 0; } .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_inner_container_group_price_block{ margin-bottom: .6rem; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_multiple_price_block{ grid-column: 1 / span 9; } .product_box_wrapper.product_box_wrapper__bt_watch_list_article_hitlist.list_item .product_box_inner_container_group_multiple_price_block{ grid-column: 1 / span 12; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_multiple_price_block > li, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container{ grid-template-columns: repeat(9, 1fr); } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_top_left{ grid-column: 1; margin-right: -40px; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_responsive_price_block_wrapper, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_top_right{ display: contents; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_2{ margin-left: 40px; } .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_add2cart, .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_cannot_be_ordered{ grid-row: 1; justify-self: end; } .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_price_value{ grid-column: 1 / span 2; } .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_move_item_to_cart { grid-column: -3 / -1; justify-self: end; } .product_box_wrapper.list_item .product_box_inner_container > .product_box_bookscreener { grid-column: 1 / -1; } .product_box_wrapper.list_item .product_box_inner_container > .product_box_bookscreener > div { display: inline-block; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .product_box_wrapper.product_box_wrapper__bt_watch_list_article_hitlist.list_item .product_box_inner_container_group_multiple_price_block{ grid-column: 1 / span 6; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_contributor, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_product_name{ overflow: hidden; max-width: 100%; text-overflow: ellipsis; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_contributor{ white-space: nowrap; } .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block > li, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container{ grid-template-columns: repeat(6, 1fr); gap: 5px 16px; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_top_left{ grid-column: 1 / span 2; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_top_right{ grid-column: 3 / span 4; max-width: 100%; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_2, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_3{ display: contents; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_price_multiple_collector{ display: flex; gap: 0.5em; align-items: baseline; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_follower, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_view_all_prices, .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_multiple_price_block { display: none; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_media_type { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inventory:empty{ display: none; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_col_4{ grid-column: 1 / span 6; grid-row: 2; display: grid; grid-template-columns: repeat(6,1fr); gap: 5px 16px; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inventory:not(:empty){ grid-column: 3 / span 4; grid-row: -2; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_responsive_price_block_wrapper{ grid-column: 1 / span 6; grid-row: -1; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: baseline; gap: 5px 16px; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_price_block{ text-align: right; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_media_type > *{ display: inline; } .product_box_wrapper.product_box_wrapper__article_search_hitlist.list_item .product_box_inner_container_group_media_type > *:not(:last-child):after{ content: "|"; margin: 0 .5em; color: #333333; font-weight: normal; position: relative; top: -1px; } } .article_view_detail .delivery_availability_available, .article_view_detail .delivery_availability_on_demand { color: #333333; } .article_view_detail .price_wrapper { display: flex; justify-content: space-between; align-items: baseline; } .article_view_detail .product_box_product_name, .article_view_detail .product_box_price_label, .article_view_detail .product_box_price_value { font-weight: bold; color: #003798; } .article_view_detail .product_box_price_value ~ .product_box_price_label{ font-weight: initial; color: #333333; } .article_view_detail .product_box_publisher { white-space: normal; } .article_view_detail .product_box_product_name{ margin: 0; } .article_view_detail .product_box_contributor_detailed, .article_view_detail .product_box_inner_container_group_headline { margin: 0 0 1rem 0; } .article_view_detail .product_box_bookscreener { margin: 1rem 0 0 0; white-space: pre-line; } .article_view_detail .product_box_bookscreener:empty { display: none; } .article_view_detail .product_box_contributor_detailed .contributor_role_block { display: flex; flex-wrap: wrap; } .article_view_detail .product_box_view_all_prices, .article_view_detail .product_box_add2cart{ margin: 1rem 0 0 0; } .article_view_detail .multiple_price_item .product_box_view_all_prices, .article_view_detail .multiple_price_item .product_box_add2cart{ margin-top: 0; } .article_view_detail .product_box_inner_container_group_price_block_middle, .article_view_detail .product_box_inner_container_group_price_block_bottom, .article_view_detail .product_box_inner_container_group_below_price_block { border-top: 1px solid #54565b; padding: 1rem 0 0 0; margin: 1rem 0 0 0; } .article_view_detail .product_box_inner_container_group_top_right i{ justify-self: center; } .article_view_detail .product_box_inner_container_group_top_right i.price_description_icon{ align-self: start; line-height: 1.4; } .article_view_detail .product_box_inner_container_group_top_right .delivery_availability_on_demand, .article_view_detail .product_box_inner_container_group_top_right .delivery_availability_not_available, .article_view_detail .product_box_inner_container_group_top_right .delivery_availability_available, .article_view_detail .product_box_inner_container_group_top_right .inventory_warning, .article_view_detail .product_box_inner_container_group_top_right .ip_button__click_and_collect, .article_view_detail .product_box_inner_container_group_top_right .ip_button__download_raw_data, .article_view_detail .product_box_inner_container_group_top_right .product_box_inventory_connector, .article_view_detail .product_box_inner_container_group_top_right .ip_button__start_web_opac, .article_view_detail .product_box_inner_container_group_top_right .ip_button__external_link, .article_view_detail .product_box_inner_container_group_top_right .ip_button__add_to_watch_list, .article_view_detail .product_box_inner_container_group_top_right .ip_button__new_edition_available, .article_view_detail .product_box_inner_container_group_top_right .price_secondary_info_wrapper { display: grid; grid-template-columns: 26px 1fr; align-items: baseline; justify-items: start; } .article_view_detail .product_box_inner_container_group_top_right .price_secondary_info_wrapper:not(:empty) { margin-top: 12px; } .article_view_detail .product_box_inner_container_group_top_right .epr_item_format_protection, .article_view_detail .product_box_inner_container_group_top_right .supply_costs, .article_view_detail .product_box_inner_container_group_top_right .price_with_info_wrapper { display: contents; } .article_view_detail .product_box_inner_container_group_top_right .price_description, .article_view_detail .product_box_inner_container_group_top_right .price_type_label { grid-column: 2; } .article_view_detail .product_box_epr_item_format_protection { margin-right: 16px; } .article_view_detail .product_box_epr_item_format_protection:after{ display: none; } .article_view_detail .drm_description { grid-column: 2; } .article_view_detail .inventory_warning .count, .article_view_detail .epr_item_format_protection .ip_button__system_requirements{ display: contents; } .article_view_detail .product_box_wrapper__article_search_hitlist_relations .product_box_product_image img:not(.lazyloaded){ height: 140px; } .article_view_detail .product_box_product_image img, .article_view_detail .product_box_product_image { max-width: min(200px, calc(100% + 40px)); } .article_view_detail:not(.product_box_wrapper__article_view_detail_only_info) .product_box_product_image img.image_zoom { cursor: pointer; } .multiple_price_item { display: grid; padding: 1em 0; } .tab__all_prices .multiple_price_item:first-child { padding-top: 0; } .article_view_detail .product_box_inventory_details > div > .ipfit_show_resultset_table_wrapper { max-width: 100%; overflow-y: auto; } @media (min-width: 1136px), print { .article_view_detail .product_box_inner_container { grid-template-columns: repeat(12, 1fr); gap: 40px 32px; } .article_view_detail .product_box_inner_container_group_top_left { grid-column: 1 / span 2; justify-self: start; } .article_view_detail .product_box_inner_container_group_top_middle { grid-column: 3 / span 7; margin: 0 0 0 40px; } .article_view_detail .product_box_inner_container_group_top_right { grid-column: 10 / span 3; } .article_view_detail .product_box_inventory_details, .article_view_detail .product_box_details_box{ grid-column: 1 / span 12; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .article_view_detail .product_box_product_image img, .article_view_detail .product_box_product_image { max-width: calc((0.2388 * 100vw) - 71px); } .article_view_detail .product_box_inner_container { grid-template-columns: min-content auto min-content; gap: 40px 32px; } .article_view_detail .product_box_inner_container .product_box_inner_container_group_top_right{ min-width: 230px; } .article_view_detail .product_box_inner_container .product_box_wrapper__article_search_hitlist_relations .product_box_inner_container{ grid-template-columns: repeat(12, 1fr); } .article_view_detail .product_box_inventory_details, .article_view_detail .product_box_details_box{ grid-column: 1 / span 3; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .article_view_detail .product_box_product_image img { max-height: 400px; } .article_view_detail .contributor_role_block .role_item { display: inline; white-space: normal; text-align: left; } .article_view_detail .contributor_role_block .role_item .ip_button__text{ display: inline; } .multiple_price_item { grid-template-columns: repeat(12, 1fr); gap: 0 32px; align-items: start; } .multiple_price_item .product_box_price_value { grid-column: 1 / span 2; } .multiple_price_item .price_secondary_info_wrapper { grid-column: 3 / span 4; } .multiple_price_item .ip_button__add_to_watch_list { grid-column: 7 / span 3; } .multiple_price_item .product_box_add2cart, .multiple_price_item .add2cart_not_available { grid-column: -3 / -1; justify-self: end; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .article_view_detail .product_box_inner_container { grid-template-columns: repeat(6, 1fr); gap: 16px 16px; max-width: 100%; } .multiple_price_item .product_box_price { display: contents; } .article_view_detail .multiple_price_item .product_box_price_label, .article_view_detail .multiple_price_item .product_box_product_name, .article_view_detail .multiple_price_item .product_box_price_value{ font-size: .94rem; line-height: 1.4; } .article_view_detail .product_box_inner_container_group_top_left, .article_view_detail .product_box_inner_container_group_top_middle, .article_view_detail .product_box_inner_container_group_top_right, .article_view_detail .product_box_inventory_details, .article_view_detail .product_box_details_box { grid-column: 1 / span 6; } .article_view_detail .product_box_look_inside_services{ text-align: center; } .article_view_detail .product_box_inner_container_group_top_left{ justify-self: center; } .article_view_detail .product_box_inner_container_group_price_block_bottom { border-top : none; } .article_view_detail .tab__further_details .ip_button, .article_view_detail .product_box_contributor_detailed .ip_button{ white-space: normal; text-align: left; } .multiple_price_item { padding: 1em 0 2em 0; grid-template-columns: repeat(6, 1fr); gap: 0 16px; } .multiple_price_item .product_box_price_value { grid-column: 1 / span 3; grid-row: 1; } .multiple_price_item .price_secondary_info_wrapper { display: contents; } .multiple_price_item .price_description, .multiple_price_item .supply_costs, .multiple_price_item .price_with_info_wrapper { grid-column: 1 / span 6; } .multiple_price_item .price_with_info_wrapper { margin-top: 1rem; } .multiple_price_item .vat_info { grid-column: 4 / span 3; grid-row: 1; white-space: nowrap; justify-self: end; } .multiple_price_item .ip_button__add_to_watch_list{ margin: 1em 0 1.5em 0; } .multiple_price_item .ip_button__add_to_watch_list, .multiple_price_item .product_box_move_item_to_other_watch_list, .multiple_price_item .product_box_add2cart, .multiple_price_item .add2cart_not_available, .multiple_price_item .product_box_move_item_to_cart { grid-column: 1 / span 6; text-align: left; } } .article_view_detail .multiple_price_item .price_with_info_wrapper { display: flex; align-items: baseline; } .article_view_detail .multiple_price_item .epr_item_format_protection .ip_button__system_requirements i.before{ display: none; } .multiple_price_item .price_type_label, .multiple_price_item .price_supply_costs{ margin: 0 .5em 0 0; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_hint { grid-column: 9 / span 4; grid-row: 1 / span 2; color: #CC0000; display: flex; } .bt_order_table .product_box_wrapper.list_item .product_box_edit_item_comment:not(:empty) { padding: 1rem; background-color: #FFFEFD; border-radius: 6px; box-sizing: border-box; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .bt_order_table .product_box_wrapper.list_item .product_box_media_type_detailed_key:after, .bt_order_table .product_box_wrapper.list_item .delivery_availability_available:before, .bt_order_table .product_box_wrapper.list_item .delivery_availability_available.econtent:before, .bt_order_table .product_box_wrapper.list_item .delivery_availability_available.available_immediately:before, .bt_order_table .product_box_wrapper.list_item .delivery_availability_not_available:before, .bt_order_table .product_box_wrapper.list_item .delivery_availability_on_demand:before, .bt_order_table .product_box_select_item{ display: none; } .bt_page_wrapper__master_cart__edit .bt_order_table .product_box_select_item{ display: flex; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_hint { grid-column: 3 / span 4; grid-row: 2; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container{ grid-template-columns: repeat(6, 1fr); gap: 16px 16px; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_cover{ grid-column: 1 / span 2; grid-row: 1 / span 2; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_data{ grid-column: 3 / span 4; grid-row: 1; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_data .product_box_inner_container_group_media_type{ display: contents; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price{ display: contents; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price .product_box_price, .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price .product_box_product_quantity, .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price .product_box_total_price{ grid-row: 3; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price .product_box_price{ grid-column: 1 / span 2; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price .product_box_product_quantity{ grid-column: 3 / span 2; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price .product_box_total_price{ grid-column: 5 / span 2; text-align: right; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_delivery{ grid-column: 3 / span 4; grid-row: 2; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_functions{ display: grid; grid-template-columns: min-content 1fr; align-items: center; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_functions > *:not(.product_box_select_item), .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_functions > *:not(.product_box_select_item) > .ip_button { display: contents; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_functions > *:not(.product_box_select_item) > .ip_button .ip_button__text{ text-align: left; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_functions, .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_outer_functions_wrapper { grid-row: 4; grid-column: 3 / span 4; } .bt_order_table .product_box_wrapper.list_item .product_box_edit_item_comment { display: grid; grid-template-columns: auto 1fr; column-gap: 1em; margin-bottom: 16px; align-items: center; } .bt_order_table .product_box_wrapper.list_item .product_box_edit_item_comment > a { grid-column: 1; } .bt_order_table .product_box_wrapper.list_item .product_box_edit_item_comment .ipfit_textarea { grid-column: 2; grid-row: 1 / span 2; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_option_fields{ grid-column: 1 / span 6; grid-row: 5; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .bt_order_table tr:first-child .product_box_wrapper.list_item{ border-top: 0; } .bt_order_table .product_box_option_fields { display: grid; grid-template-columns: repeat(3, minmax(1px, 1fr)); grid-gap: 24px 32px; align-items: baseline; } .bt_order_table .product_box_option_fields .ipfit__field__wrapper { min-width: 0; } .bt_order_table .product_box_option_fields .ipfit__checkbox_awesome__wrapper { align-self: end; } .bt_order_table .expanded .product_box_option_fields { grid-template-columns: repeat(4, minmax(1px, 1fr)); grid-gap: 24px 32px; } .bt_order_table .expanded .product_box_option_fields .ipfit__field__wrapper { min-width: 0; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_cover{ grid-column: 1; grid-row: 1 / span 3; margin-right: -40px; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_data{ grid-column: 2 / span 7; margin-left: 40px; grid-row: 1 / span 2; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price .product_box_price, .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_data .product_box_inner_container_group_media_type{ display: contents; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price{ grid-column: 9 / span 4; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 24px; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price .product_box_product_quantity{ justify-self: center; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price .product_box_total_price{ justify-self: end; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price .price_secondary_info_wrapper:empty{ display: none; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_price .price_secondary_info_wrapper{ grid-column: 1 / span 3; grid-row: 2; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_delivery{ grid-column: 9 / span 4; grid-row: 2; } .bt_order_table .product_box_wrapper.list_item .product_box_edit_item_comment .ipfit__field__inner_wrapper.ipfit_textarea { flex-grow: 1; height: 100%; } .bt_order_table .product_box_wrapper.list_item .product_box_edit_item_comment textarea { height: 100%; width: 100%; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container { grid-template-columns: repeat(12, 1fr); grid-template-rows: min-content 1fr auto; gap: 24px 32px; } .bt_order_table .product_box_wrapper.list_item .product_box_edit_item_comment { display: flex; gap: 1em; width: calc(100% - 40px); margin: 0px 0px 24px 40px; grid-column: 1 / span 7; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_outer_functions_wrapper { display: grid; grid-template-columns: repeat(11, 1fr); column-gap: 32px; } .bt_order_table .product_box_wrapper.list_item:not(.show_comment) .product_box_edit_item_comment { margin: 0px 0px 0px 40px; } .product_box_edit_item_comment .ip_button_type__plain_icon { margin: auto; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_functions { margin-left: 40px; display: flex; flex-wrap: wrap; column-gap: 1em; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_functions, .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_outer_functions_wrapper { grid-row: 3; grid-column: 2 / span 11; } .bt_order_table .product_box_wrapper.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_functions { margin-left: 40px; grid-column: 1 / span 11; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_option_fields:not(.expanded) { margin-left: 40px; grid-column: 2 / span 11; grid-row: 4; } .bt_order_table .product_box_wrapper.list_item .product_box_inner_container_group_option_fields.expanded { grid-column: 1 / span 12; grid-row: 4; } .bt_order_table .product_box_select_item { display: flex; } } .bt_order_table .product_box_wrapper.list_item.show_comment .product_box_watch_list_item_comment_edit { display: none; } .bt_order_table .product_box_wrapper.list_item.edit_comment .product_box_edit_item_comment { position: relative; z-index: 102; } .bt_order_table .product_box_master_cart_reject_reason:before, .bt_order_table .product_box_item_state:before, .bt_order_table .product_box_internal_id:before { content: '\f05a'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; margin-right: 6px; } .bt_order_table .product_box_item_state.rejected:before { content: '\f05e'; font-family: 'FontAwesomeRegular'; font-weight: 400; font-style: normal; } .bt_order_table .product_box_select_item { color: #2D549E; } .bt_order_table .product_box_select_item:hover { color: #C77000; } .bt_order_table .product_box_select_item:hover span{ text-decoration: underline; } .bt_order_table .product_box_product_quantity .ipfit__field_wrapper_label__label { display: flex; } .bt_order_table .product_box_product_quantity .ipfit__field_wrapper_label__label label:not(:empty):after{ content: ':'; margin: 0 .5em 0 0; } .bt_order_table .price_type_label:before { content: none; } .bt_order_table .delivery_availability_not_available, .bt_order_table .delivery_availability_available, .bt_order_table .delivery_availability_on_demand { color: #333333; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_request_article_hitlist .product_box_inner_container_group_functions{ column-gap: .5em; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_request_article_hitlist .product_box_inner_container_group_functions .product_box_link_to_bt{ margin-right: 2em; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_request_article_hitlist .product_box_inner_container_group_functions, .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_quotation_article_hitlist .product_box_inner_container_group_functions{ grid-column: 1 / span 6; } } .product_box_wrapper__bt_watch_list_article_hitlist .product_box_product_image, .product_box_wrapper__bt_watch_list_article_hitlist .product_box_product_name{ cursor: pointer; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_add2cart_wrapper{ margin-bottom: 12px; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_outer_functions_wrapper, .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_delivery{ display: contents; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_cover{ grid-column: 1 / span 2; grid-row: 1 / span 2; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_data{ grid-column: 3 / span 4; grid-row: 1; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_delivery_data{ grid-row: 2; grid-column: 3 / span 4; padding-bottom: 12px; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_price .product_box_price, .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_price .product_box_product_quantity, .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_price .product_box_total_price{ grid-row: 3; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_price .product_box_price{ grid-column: 1 / span 2; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_price .product_box_product_quantity{ grid-column: 3 / span 2; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_price .product_box_total_price{ grid-column: 5 / span 2; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_add2cart_wrapper{ grid-row: 4; grid-column: 1 / span 6; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_functions { grid-row: 5; grid-column: 1 / span 6; padding-top: .5em; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_edit_item_comment:empty { display: none; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_edit_item_comment { grid-row: 6; grid-column: 1 / span 6; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_edit_item_comment > a { grid-column: 1; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_edit_item_comment .ipfit_textarea { grid-column: 2; grid-row: 1 / span 2; } .bt_order_table .product_box_wrapper.list_item.product_box_wrapper__bt_watch_list_article_hitlist .product_box_inner_container_group_option_fields{ grid-column: 1 / span 6; grid-row: 6; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .bt_page_wrapper__cart__cartOverlay .product_box_product_name{ overflow: hidden; text-overflow: ellipsis; max-width: 300px; white-space: nowrap; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .bt_page_wrapper__cart__cartOverlay .product_box_product_name { display: contents; } .bt_page_wrapper__cart__cartOverlay .product_box_inner_container a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .bt_page_wrapper__cart__cartOverlay .product_box_total_price{ justify-self: end; } .bt_page_wrapper__cart__cartOverlay .product_box_price_value{ color: #333333; font-weight: 100; white-space: nowrap; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_top_left { grid-area: product_image; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_2 { grid-area: article_data1; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_3 { grid-area: article_data2; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_list_info { grid-area: list_info; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_4 { grid-area: data; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .product_box_wrapper.list_item.bti_search .product_box_inner_container, form[data-ip_search_id_suffix="businessTransactionItem"] .search_engine_result_list_top_container { grid-template-columns: repeat(12, 1fr); grid-template-areas: "list_info list_info list_info product_image product_image article_data1 article_data1 article_data1 article_data2 article_data2 data data"; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__watch_list .product_box_inner_container{ grid-template-areas: "list_info list_info list_info product_image product_image article_data1 article_data1 article_data1 article_data1 article_data1 data data"; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__master_cart .product_box_inner_container{ grid-template-areas: "list_info list_info list_info product_image product_image article_data1 article_data1 article_data1 article_data1 article_data1 article_data2 article_data2"; } form[data-ip_search_id_suffix="businessTransactionItem"] .search_engine_result_hits_count { grid-column: 1 / span 3; padding-right: 32px; } form[data-ip_search_id_suffix="businessTransactionItem"] .search_engine_result_your_search_for_search_term { grid-column: 4 / span 9; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_list_info { display: flex; flex-direction: column; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_top_left { padding-right: 64px; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_2 { margin-left: -64px; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_4 { display: flex; flex-direction: column; } .product_box_wrapper.list_item.bti_search .product_box_corresponding_order { flex-grow: 1; } .product_box_wrapper.list_item .product_box_inner_container_group .product_box_product_quantity .ipfit__field_wrapper_label__label { display: flex; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group.product_box_inner_container_group_update_date, .product_box_wrapper.list_item.bti_search .product_box_bt_name { margin: 0 0 1rem 0; } .product_box_wrapper.list_item.bti_search .product_box_watch_list_item_comment, .product_box_inner_container_group_list_info .product_box_corresponding_bt_type_key, .product_box_inner_container_group_list_info .product_box_corresponding_order_type_key, .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_list_info .product_box_inner_container_group_creation_date { margin: 1rem 0 0 0; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_bt_state_dummy { display: flex; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_creation_date, .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_update_date { display: flex; flex-direction: row-reverse; justify-content: flex-end; } .product_box_wrapper.list_item .product_box_inner_container_group .product_box_product_quantity .ipfit__field_wrapper_label__label .ipfit__fieldlabel:not(:empty):after { content: ':'; margin: 0 .5em 0 0; } .product_box_wrapper.list_item.bti_search .product_box_bt_item_state_label:not(:empty):after { content: ':'; margin: 0 .25em 0 0; } .product_box_wrapper.list_item.bti_search .product_box_creation_date_label, .product_box_wrapper.list_item.bti_search .product_box_update_date_label { margin-left: 0.25em; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .product_box_wrapper.list_item.bti_search .product_box_inner_container { grid-template-columns: repeat(6, 1fr); grid-template-areas: "product_image product_image article_data1 article_data1 article_data1 article_data1" "product_image product_image article_data2 article_data2 article_data2 article_data2" "product_image product_image list_info list_info list_info list_info" "product_image product_image data data data data"; gap: 16px 16px; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__watch_list .product_box_inner_container{ grid-template-areas: "product_image product_image article_data1 article_data1 article_data1 article_data1" "product_image product_image data data data data" "product_image product_image list_info list_info list_info list_info"; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_4, .product_box_wrapper.list_item.bti_search .product_box_product_quantity .ipfit__field__wrapper, .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_bt_state_dummy, .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_creation_date, .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_update_date{ display: flex; gap: 0 .3em; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_4, .product_box_wrapper.list_item.bti_search .product_box_product_quantity .ipfit__field__wrapper, .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_bt_state_dummy { flex-direction: row; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_creation_date, .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_update_date{ flex-direction: row-reverse; justify-content: flex-end; width: 100% } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_4{ flex-wrap: wrap; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_3{ display: grid; grid-template-columns: auto auto; gap: 0 16px; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_3 .product_box_total_price{ display: contents; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_3 .product_box_total_price .product_box_price_value{ text-align: right; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_3 .product_box_total_price .price_secondary_info_wrapper{ grid-column: span 2; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_3 .product_box_product_quantity label{ margin: 0; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_3 .product_box_product_quantity .ipfit__view_mode_content{ min-height: auto; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_col_3 .product_box_product_quantity label:not(:empty):after, .product_box_wrapper.list_item.bti_search .product_box_ordered_by_label:not(:empty):after, .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_bt_state_dummy .product_box_bt_item_state_label:not(:empty):after{ display: inline; content: ':'; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_details{ margin-top: 0; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_details .product_box_publisher{ margin-top: 1rem; } .product_box_wrapper.list_item.bti_search .product_box_inner_container_group_details .product_box_publisher:empty{ display: none; } } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_product_quantity .ipfit__fieldlabel:not(:empty), .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_product_quantity .ipfit__fieldlabel:not(:empty){ margin-left: 0; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_image_wrapper, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_image_wrapper{ grid-area: image_wrapper; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_data_wrapper, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_data_wrapper{ grid-area: data_wrapper; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_price_wrapper, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_price_wrapper{ grid-area: price_wrapper; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_button_wrapper, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_button_wrapper{ grid-area: button_wrapper; display: flex; flex-direction: column; gap: 1em; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_quotation_details, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_quotation_details{ grid-area: quotation_details; } @media (min-width: 1136px), print { .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_image_wrapper, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_image_wrapper{ padding-right: 64px; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_data_wrapper, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_data_wrapper{ margin-left: -64px; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_quotation_details, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_quotation_details{ margin-left: -64px; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_image_wrapper, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_image_wrapper { display: none; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_button_wrapper, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_button_wrapper{ align-items: flex-end; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_price_wrapper, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_price_wrapper{ display: flex; justify-content: space-between; } } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_outer_info_wrapper{ display: contents; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_list_info{ grid-area: list_info; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container_group_bt_info{ grid-area: bt_info; } @media (min-width: 1136px), print { .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container{ grid-template-columns: repeat(12, 1fr); grid-template-areas: "list_info list_info list_info image_wrapper image_wrapper data_wrapper data_wrapper data_wrapper price_wrapper price_wrapper bt_info bt_info" "list_info list_info list_info image_wrapper image_wrapper quotation_details quotation_details quotation_details quotation_details quotation_details bt_info bt_info"; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container{ grid-template-columns: repeat(12, 1fr); grid-template-areas: "list_info list_info list_info data_wrapper data_wrapper data_wrapper data_wrapper price_wrapper price_wrapper bt_info bt_info bt_info" "list_info list_info list_info quotation_details quotation_details quotation_details quotation_details quotation_details quotation_details bt_info bt_info bt_info"; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__request .product_box_inner_container{ grid-template-columns: repeat(6, 1fr); grid-template-areas: "image_wrapper image_wrapper data_wrapper data_wrapper data_wrapper data_wrapper" "image_wrapper image_wrapper quotation_details quotation_details quotation_details quotation_details" "list_info list_info list_info list_info list_info list_info" "bt_info bt_info bt_info bt_info bt_info bt_info" "price_wrapper price_wrapper price_wrapper price_wrapper price_wrapper price_wrapper"; } } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_outer_info_wrapper{ grid-area: outer_info_wrapper; display: flex; flex-direction: column; gap: 1rem; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_quotation_hint_external{ margin-top: 0; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_quotation_additional_text, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_quotation_generated_hint, .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_quotation_hint_external{ margin-top: 1rem; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_add2cart{ display: block; } @media (min-width: 1136px), print { .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container{ grid-template-columns: repeat(12, 1fr); grid-template-areas: "outer_info_wrapper outer_info_wrapper outer_info_wrapper image_wrapper image_wrapper data_wrapper data_wrapper data_wrapper price_wrapper price_wrapper button_wrapper button_wrapper" "outer_info_wrapper outer_info_wrapper outer_info_wrapper image_wrapper image_wrapper quotation_details quotation_details quotation_details quotation_details quotation_details quotation_details quotation_details"; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container{ grid-template-columns: repeat(12, 1fr); grid-template-areas: "outer_info_wrapper outer_info_wrapper outer_info_wrapper data_wrapper data_wrapper data_wrapper data_wrapper price_wrapper price_wrapper button_wrapper button_wrapper button_wrapper" "outer_info_wrapper outer_info_wrapper outer_info_wrapper quotation_details quotation_details quotation_details quotation_details quotation_details quotation_details quotation_details quotation_details quotation_details"; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container_group_image_wrapper{ display: none; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation .product_box_inner_container{ grid-template-columns: repeat(6, 1fr); grid-template-areas: "data_wrapper data_wrapper data_wrapper data_wrapper data_wrapper data_wrapper" "quotation_details quotation_details quotation_details quotation_details quotation_details quotation_details" "outer_info_wrapper outer_info_wrapper outer_info_wrapper outer_info_wrapper outer_info_wrapper outer_info_wrapper" "price_wrapper price_wrapper price_wrapper price_wrapper price_wrapper price_wrapper" "button_wrapper button_wrapper button_wrapper button_wrapper button_wrapper button_wrapper"; } } .product_box_wrapper.list_item.bundle:not(.bundle_last_item){ border-bottom: none; } .product_box_wrapper.list_item.bundle.product_box_wrapper__bt_article_hitlist:not(.bundle_main_item) .product_box_inner_container_group_functions, .product_box_wrapper.list_item.bundle.bundle_main_item .product_box_quotation_additional_text, .product_box_wrapper.list_item.bundle.product_box_wrapper__bt_item_search__quotation:not(.bundle_main_item) .product_box_quotation_hint_external, .product_box_wrapper.list_item.bundle:not(.bundle_main_item) .product_box_quotation_generated_hint, .product_box_wrapper.list_item.bundle:not(.bundle_main_item) .product_box_product_image{ display: none; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .product_box_wrapper.list_item.bundle:not(.bundle_main_item) .product_box_inner_container_group_button_wrapper{ display: none; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .product_box_wrapper.list_item.bundle:not(.bundle_last_item) .product_box_inner_container_group_button_wrapper{ display: none; } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation.bundle:not(.bundle_main_item) .product_box_inner_container{ grid-template-areas: "data_wrapper data_wrapper data_wrapper data_wrapper data_wrapper data_wrapper" "quotation_details quotation_details quotation_details quotation_details quotation_details quotation_details" "outer_info_wrapper outer_info_wrapper outer_info_wrapper outer_info_wrapper outer_info_wrapper outer_info_wrapper" "price_wrapper price_wrapper price_wrapper price_wrapper price_wrapper price_wrapper" } .product_box_wrapper.list_item.bti_search.product_box_wrapper__bt_item_search__quotation.bundle:not(.bundle_main_item).bundle_last_item .product_box_inner_container{ grid-template-areas: "data_wrapper data_wrapper data_wrapper data_wrapper data_wrapper data_wrapper" "quotation_details quotation_details quotation_details quotation_details quotation_details quotation_details" "outer_info_wrapper outer_info_wrapper outer_info_wrapper outer_info_wrapper outer_info_wrapper outer_info_wrapper" "price_wrapper price_wrapper price_wrapper price_wrapper price_wrapper price_wrapper" "button_wrapper button_wrapper button_wrapper button_wrapper button_wrapper button_wrapper"; } } .header_ac_article_wrapper .product_box_inner_container { display: grid; grid-template-columns: 60px 1fr; gap: 0 16px; } .header_ac_article_wrapper .product_box_wrapper { position: relative; padding: 10px 0; } .header_ac_article_wrapper .product_box_inner_container_group_details { margin: 0; } .header_ac_article_wrapper .product_box_inner_container_group_image { margin-left: 0; } .header_ac_article_wrapper div.auto_completion_data_row_selected .product_box_product_name, .header_ac_article_wrapper div.auto_completion_data_row_highlighted .product_box_product_name { color: #C77000; } .header_ac_article_wrapper .product_box_product_name, .header_ac_article_wrapper .product_box_contributor{ margin-bottom: 5px; } .product_box_wrapper__article_search_suggest .product_box_inner_container_group_details { margin-top: 5px; } .product_box_wrapper__article_cms_standard .product_box_inner_container, .product_box_wrapper__article_cms_xxl .product_box_inner_container{ border-bottom: 1px solid #54565b; padding: 0 0 12px 0; box-sizing: border-box; } .product_box_wrapper__article_cms_small .product_box_product_image, .product_box_wrapper__article_cms_standard .product_box_product_image, .product_box_wrapper__article_cms_xxl .product_box_product_image{ text-align: left; } .product_box_wrapper__article_cms_small .product_box_price_value, .product_box_wrapper__article_cms_standard .product_box_price_value, .product_box_wrapper__article_cms_xxl .product_box_price_value{ font-weight: normal; color: #333333; } @media (min-width: 1136px), print { .product_box_wrapper__article_cms_standard .product_box_inner_container_group_image img, .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_image img{ max-width: 180px; } .product_box_wrapper__article_cms_small .product_box_inner_container_group_image img{ max-width: 180px; } .product_box_wrapper__article_cms_standard .product_box_inner_container{ gap: 0 44px; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .product_box_wrapper__article_cms_xxl .product_box_inner_container{ gap: 0 32px; } .product_box_wrapper__article_cms_small .product_box_inner_container_group{ max-width: 100%; } .product_box_wrapper__article_cms_standard .product_box_inner_container_group_image img, .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_image img{ max-height: 300px; } .product_box_wrapper__article_cms_small .product_box_inner_container_group_image img{ max-height: 270px; } .product_box_wrapper__article_cms_xxl .product_box_inner_container{ grid-template-columns: repeat(12, 1fr); grid-template-rows: 1fr 1.5rem; } .product_box_wrapper__article_cms_xxl .product_box_product_name{ overflow: hidden; text-overflow: ellipsis; max-width: 45ex; white-space: nowrap; } .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_image{ grid-column: 1 / span 2; grid-row: 1 / span 2; } .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_description{ grid-column: 3 / span 10; grid-row: 1 / span 1; } .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_information{ grid-column: 3 / span 10; grid-row: 2 / span 1; } .product_box_wrapper__article_cms_standard .product_box_inner_container{ height: 100%; display: flex; flex-direction: row; } .product_box_wrapper__article_cms_small { max-width: 300px; } .product_box_wrapper__article_cms_small .product_box_product_image{ height: 270px; } .product_box_wrapper__article_cms_small .product_box_product_name{ margin: 1rem 0 0 0; } .product_box_wrapper__article_cms_small .product_box_contributor, .product_box_wrapper__article_cms_small .product_box_product_name{ overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .product_box_wrapper__article_cms_standard .product_box_inner_container_group_image img, .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_image img{ max-width: calc(0.24 * 100vw - 92px); } .product_box_wrapper__article_cms_small .product_box_inner_container_group_image img{ max-width: calc(0.24 * 100vw - 92px); } .product_box_wrapper__article_cms_standard .product_box_inner_container{ gap: 0 calc(0.072 * 100vw - 38px); } .tablet_scrollable .product_box_wrapper__article_cms_standard .product_box_inner_container{ gap: 0 44px; } .tablet_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container{ gap: 0 32px; } .tablet_scrollable .product_box_wrapper__article_cms_small .product_box_inner_container_group{ max-width: 100%; } .tablet_scrollable .product_box_wrapper__article_cms_standard .product_box_inner_container_group_image img, .tablet_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_image img{ max-width: 180px; max-height: 300px; } .tablet_scrollable .product_box_wrapper__article_cms_small .product_box_inner_container_group_image img{ max-width: 180px; max-height: 270px; } .tablet_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container{ grid-template-columns: repeat(12, 1fr); grid-template-rows: 1fr 1.5rem; } .tablet_scrollable .product_box_wrapper__article_cms_xxl .product_box_product_name{ overflow: hidden; text-overflow: ellipsis; max-width: 45ex; white-space: nowrap; } .tablet_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_image{ grid-column: 1 / span 2; grid-row: 1 / span 2; } .tablet_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_description{ grid-column: 3 / span 10; grid-row: 1 / span 1; } .tablet_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_information{ grid-column: 3 / span 10; grid-row: 2 / span 1; } .tablet_scrollable .product_box_wrapper__article_cms_standard .product_box_inner_container{ height: 100%; display: flex; flex-direction: row; } .tablet_scrollable .product_box_wrapper__article_cms_small { max-width: 300px; padding-bottom: 10px; } .tablet_scrollable .product_box_wrapper__article_cms_small .product_box_product_image{ height: 270px; } .tablet_scrollable .product_box_wrapper__article_cms_small .product_box_product_name{ margin: 1rem 0 0 0; } .tablet_scrollable .product_box_wrapper__article_cms_small .product_box_contributor, .tablet_scrollable .product_box_wrapper__article_cms_small .product_box_product_name{ overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .product_box_wrapper__article_cms_xxl .product_box_inner_container{ gap: 8px 16px; display: flex; flex-wrap: wrap; } .product_box_wrapper__article_cms_xxl .product_box_inner_container .product_box_inner_container_group_description{ width: min-content; flex-grow: 1; min-width: 300px; } .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_information{ width: 100%; } .smartphone_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container{ display: grid; } .smartphone_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container .product_box_inner_container_group_description{ width: auto; min-width: none; } .smartphone_scrollable .product_box_wrapper__article_cms_standard .product_box_inner_container{ gap: 0 44px; } .smartphone_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container{ gap: 0 32px; } .smartphone_scrollable .product_box_wrapper__article_cms_small .product_box_inner_container_group{ max-width: 100%; } .smartphone_scrollable .product_box_wrapper__article_cms_standard .product_box_inner_container_group_image img, .smartphone_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_image img{ max-width: 180px; max-height: 300px; } .smartphone_scrollable .product_box_wrapper__article_cms_small .product_box_inner_container_group_image img{ max-width: 180px; max-height: 270px; } .smartphone_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container{ grid-template-columns: repeat(12, 1fr); grid-template-rows: 1fr 1.5rem; } .smartphone_scrollable .product_box_wrapper__article_cms_xxl .product_box_product_name{ overflow: hidden; text-overflow: ellipsis; max-width: 45ex; white-space: nowrap; vertical-align: top; } .smartphone_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_image{ grid-column: 1 / span 2; grid-row: 1 / span 2; } .smartphone_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_description{ grid-column: 3 / span 10; grid-row: 1 / span 1; } .smartphone_scrollable .product_box_wrapper__article_cms_xxl .product_box_inner_container_group_information{ grid-column: 3 / span 10; grid-row: 2 / span 1; } .smartphone_scrollable .product_box_wrapper__article_cms_standard .product_box_inner_container{ height: 100%; display: flex; flex-direction: row; } .smartphone_scrollable .product_box_wrapper__article_cms_small { max-width: 300px; padding-bottom: 10px; } .smartphone_scrollable .product_box_wrapper__article_cms_small .product_box_product_image{ height: 270px; } .smartphone_scrollable .product_box_wrapper__article_cms_small .product_box_product_name{ margin: 1rem 0 0 0; } .smartphone_scrollable .product_box_wrapper__article_cms_small .product_box_contributor, .smartphone_scrollable .product_box_wrapper__article_cms_small .product_box_product_name{ overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; } } .product_box_wrapper__article_cms_small .product_box_inner_container{ display: flex; flex-direction: column; align-items: flex-start; } .product_box_wrapper__article_cms_small .product_box_product_image{ display: flex; align-items: flex-end; } .product_box_wrapper__article_cms_standard{ height: 100%; } .product_box_wrapper__article_cms_standard .product_box_inner_container_group_data2, .product_box_wrapper__article_cms_standard .product_box_product_name{ margin: 0 0 1rem 0; } .product_box_wrapper__article_cms_standard .product_box_product_name{ overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .article_view_detail .product_box_further_editions_group_wrapper .product_box_product_image img { max-width: 100%; } .product_box_further_editions_group_wrapper > h3{ margin: 20px 0; } .product_box_further_editions_group_wrapper:first-of-type > h3{ margin-top: 0; } .product_box_further_editions{ margin-bottom: 1rem; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .product_box_further_editions_group_wrapper .product_box_product_image img{ max-width: 90px; max-height: 160px; } } .product_box_details_box div.multi_content_wrapper.sfi_is_part_of_online_product__wrapper { border-top: none; margin-top: 0; padding-top: 0; display: grid; align-items: center; gap: 0 12px; border-bottom: 1px solid #54565b; margin-bottom: 40px; padding-bottom: 40px; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .sfi_is_part_of_online_product__content{ display: contents; } .sfi_is_part_of_online_product__content_wrapper { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 16px; } .product_box_details_box div.multi_content_wrapper.sfi_is_part_of_online_product__wrapper { grid-template-columns: min-content auto; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .sfi_is_part_of_online_product__content_wrapper { display: contents; } .sfi_is_part_of_online_product__content { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 16px; } .product_box_details_box div.multi_content_wrapper.sfi_is_part_of_online_product__wrapper { grid-template-columns: auto; } .sfi_is_part_of_online_product__icon { display: none; } } .product_box_wrapper__article_search_hitlist_relations { padding: 15px 0; } .product_box_wrapper__article_search_hitlist_relations:first-of-type { padding-top: 0; } .product_box_wrapper__article_search_hitlist_relations .details_single_line > * { display: inline; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .article_view_detail .product_box_further_editions_group_wrapper .product_box_product_image img{ max-width: calc(100% + 10px); } .article_view_detail .product_box_wrapper__article_search_hitlist_relations .product_box_inner_container_group_left { grid-column: 2 / span 11; padding-left: 10px; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .product_box_wrapper__article_search_hitlist_relations .product_box_inner_container_group_image { grid-column: 1 / span 2; grid-row: 1 / span 2; } .product_box_wrapper__article_search_hitlist_relations .product_box_inner_container_group_left { display: contents; } .product_box_wrapper__article_search_hitlist_relations .product_box_inner_container_group_details, .product_box_wrapper__article_search_hitlist_relations .product_box_inner_container_group_left_top { grid-column: 3 / span 4; min-width: 0; } .product_box_wrapper__article_search_hitlist_relations .product_box_inner_container_group_customer_hint { grid-column: 1 / span 6; } .product_box_wrapper__article_search_hitlist_relations .product_box_inner_container_group_price_and_delivery { grid-column: 1 / span 6; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: baseline; gap: 5px 16px; } .product_box_wrapper__article_search_hitlist_relations .product_box_inner_container_group_price_and_delivery { margin-top: 1.5rem; } .product_box_wrapper__article_search_hitlist_relations .product_box_inner_container_group_price_and_delivery .product_box_price:after { display: none; } .product_box_wrapper__article_search_hitlist_relations .product_box_contributor { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; } .product_box_wrapper__article_search_hitlist_relations .product_box_product_name, .product_box_wrapper__article_search_hitlist_relations .product_box_subtitle { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .product_box_wrapper__article_search_hitlist_relations .product_box_subtitle, .product_box_wrapper__article_search_hitlist_relations .product_box_product_nam e{ -webkit-line-clamp: 2; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .article_view_detail .product_box_price_value ~ .product_box_price_label { font-size: .63rem; line-height: 1.4; } .header_ac_article_wrapper .product_box_wrapper { font-size: .75rem; line-height: 1.4; } .article_view_detail .product_box_further_editions_group_wrapper .product_box_product_name, .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_price .price_description, .product_box_wrapper.list_item { font-size: .94rem; line-height: 1.4; } .article_view_detail .product_box_product_name, .article_view_detail .product_box_price_label, .article_view_detail .product_box_price_value { font-size: 1.13rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .article_view_detail .product_box_price_value ~ .product_box_price_label { font-size: .69rem; line-height: 1.4; } .header_ac_article_wrapper .product_box_wrapper { font-size: .81rem; line-height: 1.4; } .article_view_detail .product_box_further_editions_group_wrapper .product_box_product_name, .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_price .price_description, .product_box_wrapper.list_item { font-size: .94rem; line-height: 1.4; } .article_view_detail .product_box_product_name, .article_view_detail .product_box_price_label, .article_view_detail .product_box_price_value { font-size: 1.2rem; line-height: 1.4; } } @media (min-width: 1136px), print { .article_view_detail .product_box_price_value ~ .product_box_price_label { font-size: 0.75rem; line-height: 1.4; } .header_ac_article_wrapper .product_box_wrapper { font-size: 0.88rem; line-height: 1.4; } .article_view_detail .product_box_further_editions_group_wrapper .product_box_product_name, .product_box_wrapper.list_item .product_box_inner_container_group_multiple_price_block .product_box_price .price_description, .product_box_wrapper.list_item { font-size: 1rem; line-height: 1.4; } .article_view_detail .product_box_product_name, .article_view_detail .product_box_price_label, .article_view_detail .product_box_price_value { font-size: 1.3rem; line-height: 1.4; } } .touch .custom_scrollbar { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .custom_scrollbar { scrollbar-color: #54565b #EDEDED; scrollbar-width: thin; } } .custom_scrollbar::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .custom_scrollbar::-webkit-scrollbar-track { background-color: #EDEDED; border-radius: 4px; } .custom_scrollbar::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #54565b; } .custom_scrollbar::-webkit-scrollbar-corner { background-color: #EDEDED; } .touch .popup_wrapper:not(.inline_popup) .popup_content_wrapper { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .popup_wrapper:not(.inline_popup) .popup_content_wrapper { scrollbar-color: #54565b #EDEDED; scrollbar-width: thin; } } .popup_wrapper:not(.inline_popup) .popup_content_wrapper::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .popup_wrapper:not(.inline_popup) .popup_content_wrapper::-webkit-scrollbar-track { background-color: #EDEDED; border-radius: 4px; } .popup_wrapper:not(.inline_popup) .popup_content_wrapper::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #54565b; } .popup_wrapper:not(.inline_popup) .popup_content_wrapper::-webkit-scrollbar-corner { background-color: #EDEDED; } .touch .display_wrapper.right.show { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .display_wrapper.right.show { scrollbar-color: #54565b #EDEDED; scrollbar-width: thin; } } .display_wrapper.right.show::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .display_wrapper.right.show::-webkit-scrollbar-track { background-color: #EDEDED; border-radius: 4px; } .display_wrapper.right.show::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #54565b; } .display_wrapper.right.show::-webkit-scrollbar-corner { background-color: #EDEDED; } .touch .design__modules .engine_search_result_block__groups { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .design__modules .engine_search_result_block__groups { scrollbar-color: #54565b #EDEDED; scrollbar-width: thin; } } .design__modules .engine_search_result_block__groups::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .design__modules .engine_search_result_block__groups::-webkit-scrollbar-track { background-color: #EDEDED; border-radius: 4px; } .design__modules .engine_search_result_block__groups::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #54565b; } .design__modules .engine_search_result_block__groups::-webkit-scrollbar-corner { background-color: #EDEDED; } .touch .filter_content.open { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .filter_content.open { scrollbar-color: #54565b #EDEDED; scrollbar-width: thin; } } .filter_content.open::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .filter_content.open::-webkit-scrollbar-track { background-color: #EDEDED; border-radius: 4px; } .filter_content.open::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #54565b; } .filter_content.open::-webkit-scrollbar-corner { background-color: #EDEDED; } .touch .ipfit__field__wrapper textarea { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .ipfit__field__wrapper textarea { scrollbar-color: #54565b #EDEDED; scrollbar-width: thin; } } .ipfit__field__wrapper textarea::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .ipfit__field__wrapper textarea::-webkit-scrollbar-track { background-color: #EDEDED; border-radius: 4px; } .ipfit__field__wrapper textarea::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #54565b; } .ipfit__field__wrapper textarea::-webkit-scrollbar-corner { background-color: #EDEDED; } .touch #gts_if_search__skl_classification_list { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ #gts_if_search__skl_classification_list { scrollbar-color: #54565b #EDEDED; scrollbar-width: thin; } } #gts_if_search__skl_classification_list::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } #gts_if_search__skl_classification_list::-webkit-scrollbar-track { background-color: #EDEDED; border-radius: 4px; } #gts_if_search__skl_classification_list::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #54565b; } #gts_if_search__skl_classification_list::-webkit-scrollbar-corner { background-color: #EDEDED; } .touch .bt_page_wrapper__cart__cartOverlay .bt_order_table_wrapper { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .bt_page_wrapper__cart__cartOverlay .bt_order_table_wrapper { scrollbar-color: #54565b #EDEDED; scrollbar-width: thin; } } .bt_page_wrapper__cart__cartOverlay .bt_order_table_wrapper::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .bt_page_wrapper__cart__cartOverlay .bt_order_table_wrapper::-webkit-scrollbar-track { background-color: #EDEDED; border-radius: 4px; } .bt_page_wrapper__cart__cartOverlay .bt_order_table_wrapper::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #54565b; } .bt_page_wrapper__cart__cartOverlay .bt_order_table_wrapper::-webkit-scrollbar-corner { background-color: #EDEDED; } .touch .combo_box_div.scrollbar_fix { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .combo_box_div.scrollbar_fix { scrollbar-color: #54565b #EDEDED; scrollbar-width: thin; } } .combo_box_div.scrollbar_fix::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .combo_box_div.scrollbar_fix::-webkit-scrollbar-track { background-color: #EDEDED; border-radius: 4px; } .combo_box_div.scrollbar_fix::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #54565b; } .combo_box_div.scrollbar_fix::-webkit-scrollbar-corner { background-color: #EDEDED; } .touch form[name="filter_pre_select_popup"] > div { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ form[name="filter_pre_select_popup"] > div { scrollbar-color: #54565b #EDEDED; scrollbar-width: thin; } } form[name="filter_pre_select_popup"] > div::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } form[name="filter_pre_select_popup"] > div::-webkit-scrollbar-track { background-color: #EDEDED; border-radius: 4px; } form[name="filter_pre_select_popup"] > div::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #54565b; } form[name="filter_pre_select_popup"] > div::-webkit-scrollbar-corner { background-color: #EDEDED; } .tree_list_item__shop2020__services__toggle_grid{ cursor: pointer; } .demo_grid{ position: fixed; top: 0; left: 50%; transform: translateX(-50%); display: grid; grid-template-columns: repeat(12,80px); grid-gap: 32px; height: 100vh; max-width: 100vw; pointer-events: none; z-index: 100; } .demo_grid.hide{ display: none; } .demo_grid > div{ background-color: rgba(0,0,0,.3); } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .demo_grid{ grid-template-columns: repeat(12,calc(((100vw - 64px) - 11 * 32px) / 12)); } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .demo_grid{ position: fixed; top: 0; left: 0; transform: translateX(0); display: grid; grid-template-columns: repeat(6,1fr); grid-gap: 0 16px; height: 100vh; width: calc(100vw - 40px); box-sizing: border-box; max-width: 100vw; pointer-events: none; z-index: 100; margin: 0 20px; } } .watch_list_item_wrapper h2 { margin-bottom: 0; } .watch_list_item_wrapper .info_wrapper { display: grid; margin-top: 1em; grid-template-columns: repeat(9,1fr); gap: 0 32px; } .watch_list_item_wrapper .item_name { display: inline-flex; } .watch_list_item_wrapper .reading_permission_info { display: flex; gap: 0.5em; } .watch_list_item_wrapper .main_info { grid-column: 1 / span 3; } .watch_list_item_wrapper .additional_info { grid-column: 4 / span 4; } .watch_list_item_wrapper .buttons { grid-column: 8 / span 2; } .watch_list_item_wrapper .custuser_note { white-space: pre-line; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .watch_list_item_wrapper .main_info { grid-column: 1 / span 6; } .watch_list_item_wrapper .additional_info { grid-column: 7 / span 6; } .watch_list_item_wrapper .buttons { grid-column: 1 / span 12; } } .watch_list_state_wrapper .state.ordered, .watch_list_state_wrapper .state.in_watchlist, .watch_list_state_wrapper .state.in_cart, .watch_list_state_wrapper .state.pending_cart_master, .watch_list_state_wrapper .state.pending, .watch_list_state_wrapper .state.finished .watch_list_item_state.ordered .state_name, .watch_list_item_state.in_watchlist .state_name, .watch_list_item_state.in_cart .state_name, .watch_list_item_state.pending_cart_master .state_name, .watch_list_item_state.pending .state_name, .watch_list_item_state.finished .state_name { color: #2D549E; } .watch_list_state_wrapper .state.delivered, .watch_list_state_wrapper .state.launched, .watch_list_item_state.delivered .state_name, .watch_list_item_state.launched .state_name { color: #006A00; } .watch_list_state_wrapper .state.rejected, .watch_list_state_wrapper .state.not_available, .watch_list_item_wrapper .state.finished, .watch_list_item_wrapper .state.rejected, .watch_list_item_state.rejected, .watch_list_item_state.not_available .state_name { color: #CC0000; } .shop_page_wrapper.edit_watch_list .title_wrapper{ font-weight: normal; } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .shop_page_wrapper.edit_watch_list .title_wrapper { font-size: 1.13rem; line-height: 1.4; } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .shop_page_wrapper.edit_watch_list .title_wrapper { font-size: 1.2rem; line-height: 1.4; } } @media (min-width: 1136px), print { .shop_page_wrapper.edit_watch_list .title_wrapper { font-size: 1.3rem; line-height: 1.4; } } .bt_page_wrapper__watch_list__edit .bt_button_row { justify-content: start; } .bt_page_wrapper__watch_list__edit .bt_page_wrapper__watch_list__editHeadData .bt_button_row, .bt_page_wrapper__watch_list__edit #bt_watch_list__watch_list_head_editHeadData_filter__content_wrapper .bt_button_row{ justify-content: center; } .shop_page_wrapper.edit_watch_list .result_table_title .ap_shortened_states { padding-top: 16px; } .ip_button__custuser_note_x, .wl_info .ip_button__enter_comment { margin: 0 2em; } .ip_button__custuser_note_x { max-width: 15em; overflow: clip; text-overflow: ellipsis; } .ip_button__custuser_note_x .ip_button__text { display: inline; } .shop_page_wrapper.edit_watch_list .order_option_list_item__item_header .order_option_selected_item{ margin-top: 0; margin-bottom: 0; gap: 16px; } .shop_page_wrapper.edit_watch_list .shop_page_content { display: flex; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .shop_page_wrapper.edit_watch_list .shop_page_content { justify-content: space-between; flex-wrap: wrap; } .wl_settings_buttons > .ip_button.is_active i { transform: rotate(180deg); } .shop_page_wrapper.edit_watch_list .wl_settings_buttons { display: flex; gap: 2em; flex-grow: 1; justify-content: flex-end; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .shop_page_wrapper.edit_watch_list .shop_page_content { flex-direction: column; gap: 16px; margin: 0 0 32px 0; } .shop_page_wrapper.edit_watch_list .wl_settings_buttons, .shop_page_wrapper.edit_watch_list .wl_info { display: flex; } .shop_page_wrapper.edit_watch_list .wl_settings_buttons{ flex-direction: column; } .shop_page_wrapper.edit_watch_list .wl_info { flex-direction: row; } .shop_page_wrapper.edit_watch_list .wl_settings_buttons { align-items: flex-start; } } #wld_info_label_and_text_read_only.ipfit__view_mode_content { background: transparent; border: none; } .bt_page_wrapper__watch_list__editHeadData { display: flex; flex-direction: column; } .bt_page_wrapper__watch_list__editHeadData #send_watch_list_wrapper { order: 2; } .bt_page_wrapper__watch_list__editHeadData #send_watch_list_wrapper.block_visible { max-height: 300px; } .bt_page_wrapper__watch_list__editHeadData #send_watch_list_wrapper:not(.skip_share_wl_form) { border-top: 1px solid #54565b; padding: 32px 0 0 0; margin: 32px 0 0 0; } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .bt_page_wrapper__watch_list__editHeadData #send_watch_list_wrapper { display: grid; grid-template-columns: repeat(12,1fr); gap: 0 32px; } .bt_page_wrapper__watch_list__editHeadData #send_watch_list_wrapper > p { grid-column: 4 / span 6; } .bt_page_wrapper__watch_list__editHeadData #send_watch_list_wrapper > .ip_button { grid-column: 6 / span 2; } } @media only screen and (max-width: 798.8px), only screen and (min-width: 798.9px) and (max-width: 799.4px) { .bt_page_wrapper__watch_list__searchFields .bt_button_row_container { position: absolute; width: calc(100% - 2 * 20px - 8px); bottom: 12px; background-color: #FFFEFD; } .popup_wrapper.watchlist_edit_head_popup.responsive.left .popup_content_wrapper .bt_page_wrapper__watch_list__searchFields { padding: 20px 20px 125px 20px; } .popup_wrapper.watchlist_edit_head_popup.responsive.left .popup_content_wrapper:not(#bt_watch_list__watch_list_head_editHeadData_filter__content_wrapper) { padding: 20px; } .popup_wrapper.watchlist_edit_head_popup.responsive.left { width: 85vw; } } .watchlist_states_defaults_wrapper { margin-top: 20px; } .watchlist_states_defaults_wrapper .ipfit_ipfit_tree_selection_graphical.ipfit__field__inner_wrapper { padding-top: 0px; } .watchlist_states_defaults_wrapper.watchlist_states_defaults_open .watchlist_states_defaults_content { max-height: 20em; } .watchlist_states_defaults_wrapper .watchlist_states_defaults_content { max-height: 0; overflow: hidden; } .watchlist_states_defaults_wrapper.watchlist_states_defaults_open .ip_button__search_change_defaults > .before { transform: rotate(180deg); } .watchlist_states_defaults_wrapper .watchlist_states_defaults_content { transition: max-height 150ms linear; } .watchlist_states_defaults_wrapper .ip_button__search_change_defaults > .before{ transform: rotate(0deg); transition: transform 150ms linear; } .formComponent_engine_page_block_container[data-instance_key=watchlistSearchFields] .engine_page_element.empty_field{ display: none; } @media (min-width: 1136px), print { .formComponent_engine_page_block_container[data-instance_key=watchlistSearchFields] > .engine_page_table { grid-template-columns: repeat(4, 1fr); } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px) { .formComponent_engine_page_block_container[data-instance_key=watchlistSearchFields] > .engine_page_table { grid-template-columns: repeat(3, 1fr); } } @media only screen and (min-width: 799.5px) and (max-width: 799.6px), only screen and (min-width: 799.7px) and (max-width: 1135.8px), (min-width: 1136px), print { .formComponent_engine_page_block_container[data-instance_key=watchlistSearchFields] > .engine_page_table { border-left: none; padding: 0; display: grid; grid-gap: 0 32px; grid-column: 1 / span 12; } }