/* generated: 2025-07-21 07:44:01 (1752589233645) */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(/static/content/uploads/GunzFrontend/file/000/013/000013644/original/montserrat-v25-latin-regular.woff2?version=0) format('woff2'), url(/static/content/uploads/GunzFrontend/file/000/013/000013645/original/montserrat-v25-latin-regular.woff?version=0) format('woff'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/static/content/uploads/GunzFrontend/file/000/013/000013643/original/montserrat-v25-latin-600.woff2?version=0) format('woff2'), url(/static/content/uploads/GunzFrontend/file/000/013/000013642/original/montserrat-v25-latin-600.woff?version=0) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(/static/content/uploads/GunzFrontend/file/000/011/000011703/original/open_sans_regular.woff2?version=1) format('woff2'), url(/static/content/uploads/GunzFrontend/file/000/011/000011700/original/open_sans_regular.woff?version=1) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(/static/content/uploads/GunzFrontend/file/000/013/000013647/original/open-sans-v34-latin-600.woff2?version=0) format('woff2'), url(/static/content/uploads/GunzFrontend/file/000/013/000013646/original/open-sans-v34-latin-600.woff?version=0) format('woff'); } @font-face { font-family: 'Neucha'; font-style: normal; font-weight: 400; font-display: swap; src: url(/static/content/uploads/GunzFrontend/file/000/022/000022502/original/Neucha-Regular.woff2?version=0) format('woff2'); } @font-face { font-family: "FontAwesomeSolid"; font-weight: 900; font-style: normal; font-display: swap; src: url(/static/fonts/GunzFrontend/font-awesome/6.5.2/pro/webfonts/fa-solid-900__918d45e3bc46820582d659aae4fe1b9b.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/GunzFrontend/font-awesome/6.5.2/pro/webfonts/fa-regular-400__fff8119e733fff60d2090d2aeeea94f6.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/GunzFrontend/font-awesome/6.5.2/pro/webfonts/fa-light-300__714889c07392d582d64fe9549d79e5c4.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/GunzFrontend/font-awesome/6.5.2/pro/webfonts/fa-brands-400__5f8f797209830bfe5cd4765f6bc4b5da.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/GunzFrontend/font-awesome/6.5.2/pro/webfonts/fa-duotone-900__060a9395e29fc15393dc8e4bbba25083.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/GunzFrontend/font-awesome/6.5.2/pro/webfonts/fa-thin-100__1a3d2d8f38f61ad57b56c610defdfb06.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; } @font-face { font-family: "FontAwesome6Sharp"; font-weight: 100; font-style: normal; font-display: swap; src: url(/static/fonts/GunzFrontend/font-awesome/6.5.2/pro/webfonts/fa-sharp-thin-100__060a9395e29fc15393dc8e4bbba25083.woff2) format("woff2"),url(/static/fonts/font-awesome/6.5.2/pro/webfonts/fa-sharp-thin-100.woff) format("woff"); } .fast, .fast::before { font-family: "FontAwesome6Sharp"; font-weight: 100; } .fa, .fas, .far, .fal, .fat, .fab, .fad, .fass, .fasr, .fasl, .fast { -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-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-inverse { color: #ffffff; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .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-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-angles-left::before { content: "\f100"; } .fad.fa-angles-left::after { content: "\f100\f100"; } .fa-angles-right::before { content: "\f101"; } .fad.fa-angles-right::after { content: "\f101\f101"; } .fa-arrow-down-a-z::before { content: "\f15d"; } .fad.fa-arrow-down-a-z::after { content: "\f15d\f15d"; } .fa-arrow-down-wide-short::before { content: "\f160"; } .fad.fa-arrow-down-wide-short::after { content: "\f160\f160"; } .fa-arrow-up-long::before { content: "\f176"; } .fad.fa-arrow-up-long::after { content: "\f176\f176"; } .fa-arrow-up-z-a::before { content: "\f882"; } .fad.fa-arrow-up-z-a::after { content: "\f882\f882"; } .fa-arrows-maximize::before { content: "\f31d"; } .fad.fa-arrows-maximize::after { content: "\f31d\f31d"; } .fa-badge-check::before { content: "\f336"; } .fad.fa-badge-check::after { content: "\f336\f336"; } .fa-bag-shopping::before { content: "\f290"; } .fad.fa-bag-shopping::after { content: "\f290\f290"; } .fa-battery-three-quarters::before { content: "\f241"; } .fad.fa-battery-three-quarters::after { content: "\f241\f241"; } .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-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-cauldron::before { content: "\f6bf"; } .fad.fa-cauldron::after { content: "\f6bf\f6bf"; } .fa-certificate::before { content: "\f0a3"; } .fad.fa-certificate::after { content: "\f0a3\f0a3"; } .fa-chart-pie::before { content: "\f200"; } .fad.fa-chart-pie::after { content: "\f200\f200"; } .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-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-clock::before { content: "\f017"; } .fad.fa-clock::after { content: "\f017\f017"; } .fa-cube::before { content: "\f1b2"; } .fad.fa-cube::after { content: "\f1b2\f1b2"; } .fa-desktop::before { content: "\f390"; } .fad.fa-desktop::after { content: "\f390\f390"; } .fa-dev::before { content: "\f6cc"; } .fa-download::before { content: "\f019"; } .fad.fa-download::after { content: "\f019\f019"; } .fa-ellipsis-stroke-vertical::before { content: "\f39c"; } .fad.fa-ellipsis-stroke-vertical::after { content: "\f39c\f39c"; } .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-gear::before { content: "\f013"; } .fad.fa-gear::after { content: "\f013\f013"; } .fa-hand-point-down::before { content: "\f0a7"; } .fad.fa-hand-point-down::after { content: "\f0a7\f0a7"; } .fa-hand-point-right::before { content: "\f0a4"; } .fad.fa-hand-point-right::after { content: "\f0a4\f0a4"; } .fa-heart::before { content: "\f004"; } .fad.fa-heart::after { content: "\f004\f004"; } .fa-heart-pulse::before { content: "\f21e"; } .fad.fa-heart-pulse::after { content: "\f21e\f21e"; } .fa-instagram::before { content: "\f16d"; } .fa-linkedin-in::before { content: "\f0e1"; } .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-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-pen-to-square::before { content: "\f044"; } .fad.fa-pen-to-square::after { content: "\f044\f044"; } .fa-phone::before { content: "\f095"; } .fad.fa-phone::after { content: "\f095\f095"; } .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-rectangle-xmark::before { content: "\f410"; } .fad.fa-rectangle-xmark::after { content: "\f410\f410"; } .fa-rocket::before { content: "\f135"; } .fad.fa-rocket::after { content: "\f135\f135"; } .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-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-star::before { content: "\f005"; } .fad.fa-star::after { content: "\f005\f005"; } .fa-tablet::before { content: "\f3fb"; } .fad.fa-tablet::after { content: "\f3fb\f3fb"; } .fa-up-down-left-right::before { content: "\f0b2"; } .fad.fa-up-down-left-right::after { content: "\f0b2\f0b2"; } .fa-user::before { content: "\f007"; } .fad.fa-user::after { content: "\f007\f007"; } .fa-volume::before { content: "\f6a8"; } .fad.fa-volume::after { content: "\f6a8\f6a8"; } .fa-volume-slash::before { content: "\f2e2"; } .fad.fa-volume-slash::after { content: "\f2e2\f2e2"; } .fa-whatsapp::before { content: "\f232"; } .fa-filter::before { content: "\f0b0"; } .fad.fa-filter::after { content: "\f0b0\f0b0"; } .fa-table::before { content: "\f0ce"; } .fad.fa-table::after { content: "\f0ce\f0ce"; } .fa-android::before { content: "\f17b"; } .fa-eye::before { content: "\f06e"; } .fad.fa-eye::after { content: "\f06e\f06e"; } .fa-file-export::before { content: "\f56e"; } .fad.fa-file-export::after { content: "\f56e\f56e"; } .fa-newspaper::before { content: "\f1ea"; } .fad.fa-newspaper::after { content: "\f1ea\f1ea"; } .fa-html5::before { content: "\f13b"; } .fa-users::before { content: "\f0c0"; } .fad.fa-users::after { content: "\f0c0\f0c0"; } .fa-file::before { content: "\f15b"; } .fad.fa-file::after { content: "\f15b\f15b"; } .fa-tv::before { content: "\f26c"; } .fad.fa-tv::after { content: "\f26c\f26c"; } .fa-google::before { content: "\f1a0"; } .fa-chart-line::before { content: "\f201"; } .fad.fa-chart-line::after { content: "\f201\f201"; } .fa-question::before { content: "\3f"; } .fad.fa-question::after { content: "\3f\3f"; } .fa-chart-bar::before { content: "\f080"; } .fad.fa-chart-bar::after { content: "\f080\f080"; } .fa-align-left::before { content: "\f036"; } .fad.fa-align-left::after { content: "\f036\f036"; } .fa-at::before { content: "\40"; } .fad.fa-at::after { content: "\40\40"; } .fa-barcode::before { content: "\f02a"; } .fad.fa-barcode::after { content: "\f02a\f02a"; } .fa-calendar-day::before { content: "\f783"; } .fad.fa-calendar-day::after { content: "\f783\f783"; } .fa-cubes::before { content: "\f1b3"; } .fad.fa-cubes::after { content: "\f1b3\f1b3"; } .fa-envelope::before { content: "\f0e0"; } .fad.fa-envelope::after { content: "\f0e0\f0e0"; } .fa-envelope-open-text::before { content: "\f658"; } .fad.fa-envelope-open-text::after { content: "\f658\f658"; } .fa-file-image::before { content: "\f1c5"; } .fad.fa-file-image::after { content: "\f1c5\f1c5"; } .fa-file-pdf::before { content: "\f1c1"; } .fad.fa-file-pdf::after { content: "\f1c1\f1c1"; } .fa-glasses::before { content: "\f530"; } .fad.fa-glasses::after { content: "\f530\f530"; } .fa-image::before { content: "\f03e"; } .fad.fa-image::after { content: "\f03e\f03e"; } .fa-images::before { content: "\f302"; } .fad.fa-images::after { content: "\f302\f302"; } .fa-link::before { content: "\f0c1"; } .fad.fa-link::after { content: "\f0c1\f0c1"; } .fa-list::before { content: "\f03a"; } .fad.fa-list::after { content: "\f03a\f03a"; } .fa-money-bill::before { content: "\f0d6"; } .fad.fa-money-bill::after { content: "\f0d6\f0d6"; } .fa-person-dolly::before { content: "\f4d0"; } .fad.fa-person-dolly::after { content: "\f4d0\f4d0"; } .fa-plug::before { content: "\f1e6"; } .fad.fa-plug::after { content: "\f1e6\f1e6"; } .fa-robot::before { content: "\f544"; } .fad.fa-robot::after { content: "\f544\f544"; } .fa-server::before { content: "\f233"; } .fad.fa-server::after { content: "\f233\f233"; } .fa-shield::before { content: "\f132"; } .fad.fa-shield::after { content: "\f132\f132"; } .fa-stop::before { content: "\f04d"; } .fad.fa-stop::after { content: "\f04d\f04d"; } .fa-user-crown::before { content: "\f6a4"; } .fad.fa-user-crown::after { content: "\f6a4\f6a4"; } .fa-video::before { content: "\f03d"; } .fad.fa-video::after { content: "\f03d\f03d"; } .fa-rectangle-list::before { content: "\f022"; } .fad.fa-rectangle-list::after { content: "\f022\f022"; } .fa-screen-users::before { content: "\f63d"; } .fad.fa-screen-users::after { content: "\f63d\f63d"; } .fa-table-cells-large::before { content: "\f009"; } .fad.fa-table-cells-large::after { content: "\f009\f009"; } .fa-triangle-exclamation::before { content: "\f071"; } .fad.fa-triangle-exclamation::after { content: "\f071\f071"; } .fa-video-arrow-up-right::before { content: "\e2c9"; } .fad.fa-video-arrow-up-right::after { content: "\e2c9\e2c9"; } .fa-wand-magic-sparkles::before { content: "\e2ca"; } .fad.fa-wand-magic-sparkles::after { content: "\e2ca\e2ca"; } .fa-people-arrows::before { content: "\e068"; } .fad.fa-people-arrows::after { content: "\e068\e068"; } .fa-house::before { content: "\f015"; } .fad.fa-house::after { content: "\f015\f015"; } .fa-computer-classic::before { content: "\f8b1"; } .fad.fa-computer-classic::after { content: "\f8b1\f8b1"; } .fa-toggle-on::before { content: "\f205"; } .fad.fa-toggle-on::after { content: "\f205\f205"; } .fa-sitemap::before { content: "\f0e8"; } .fad.fa-sitemap::after { content: "\f0e8\f0e8"; } .fa-list-ol::before { content: "\f0cb"; } .fad.fa-list-ol::after { content: "\f0cb\f0cb"; } .fa-layer-group::before { content: "\f5fd"; } .fad.fa-layer-group::after { content: "\f5fd\f5fd"; } .fa-language::before { content: "\f1ab"; } .fad.fa-language::after { content: "\f1ab\f1ab"; } .fa-globe::before { content: "\f0ac"; } .fad.fa-globe::after { content: "\f0ac\f0ac"; } .fa-file-spreadsheet::before { content: "\f65b"; } .fad.fa-file-spreadsheet::after { content: "\f65b\f65b"; } .fa-cookie-bite::before { content: "\f564"; } .fad.fa-cookie-bite::after { content: "\f564\f564"; } .fa-comment-lines::before { content: "\f4b0"; } .fad.fa-comment-lines::after { content: "\f4b0\f4b0"; } .fa-note-sticky::before { content: "\f249"; } .fad.fa-note-sticky::after { content: "\f249\f249"; } .fa-map-location::before { content: "\f59f"; } .fad.fa-map-location::after { content: "\f59f\f59f"; } .fa-magnifying-glass::before { content: "\f002"; } .fad.fa-magnifying-glass::after { content: "\f002\f002"; } .fa-gears::before { content: "\f085"; } .fad.fa-gears::after { content: "\f085\f085"; } .fa-file-lines::before { content: "\f15c"; } .fad.fa-file-lines::after { content: "\f15c\f15c"; } .fa-computer-mouse-scrollwheel::before { content: "\f8cd"; } .fad.fa-computer-mouse-scrollwheel::after { content: "\f8cd\f8cd"; } .fa-clock-rotate-left::before { content: "\f1da"; } .fad.fa-clock-rotate-left::after { content: "\f1da\f1da"; } .fa-basket-shopping::before { content: "\f291"; } .fad.fa-basket-shopping::after { content: "\f291\f291"; } .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-arrows-up-down::before { content: "\f07d"; } .fad.fa-arrows-up-down::after { content: "\f07d\f07d"; } .fa-arrow-right-from-bracket::before { content: "\f08b"; } .fad.fa-arrow-right-from-bracket::after { content: "\f08b\f08b"; } .fa-cart-shopping::before { content: "\f07a"; } .fad.fa-cart-shopping::after { content: "\f07a\f07a"; } .fa-arrow-up-wide-short::before { content: "\f161"; } .fad.fa-arrow-up-wide-short::after { content: "\f161\f161"; } .fa-circle-question::before { content: "\f059"; } .fad.fa-circle-question::after { content: "\f059\f059"; } .fa-xmark::before { content: "\f00d"; } .fad.fa-xmark::after { content: "\f00d\f00d"; } .fa-arrow-rotate-left::before { content: "\f0e2"; } .fad.fa-arrow-rotate-left::after { content: "\f0e2\f0e2"; } .fa-map::before { content: "\f279"; } .fad.fa-map::after { content: "\f279\f279"; } .fa-youtube::before { content: "\f167"; } .fa-plus::before { content: "\2b"; } .fad.fa-plus::after { content: "\2b\2b"; } .fa-circle-chevron-left::before { content: "\f137"; } .fad.fa-circle-chevron-left::after { content: "\f137\f137"; } .fa-arrow-left::before { content: "\f060"; } .fad.fa-arrow-left::after { content: "\f060\f060"; } .fa-unlock-keyhole::before { content: "\f13e"; } .fad.fa-unlock-keyhole::after { content: "\f13e\f13e"; } .fa-marker::before { content: "\f5a1"; } .fad.fa-marker::after { content: "\f5a1\f5a1"; } .fa-key::before { content: "\f084"; } .fad.fa-key::after { content: "\f084\f084"; } .fa-circle-chevron-up::before { content: "\f139"; } .fad.fa-circle-chevron-up::after { content: "\f139\f139"; } .fa-check::before { content: "\f00c"; } .fad.fa-check::after { content: "\f00c\f00c"; } .fa-trash::before { content: "\f1f8"; } .fad.fa-trash::after { content: "\f1f8\f1f8"; } .fa-copy::before { content: "\f0c5"; } .fad.fa-copy::after { content: "\f0c5\f0c5"; } .fa-file-excel::before { content: "\f1c3"; } .fad.fa-file-excel::after { content: "\f1c3\f1c3"; } .fa-bag-shopping-minus::before { content: "\e650"; } .fad.fa-bag-shopping-minus::after { content: "\e650\e650"; } .fa-chevron-down::before { content: "\f078"; } .fad.fa-chevron-down::after { content: "\f078\f078"; } .fa-compress::before { content: "\f066"; } .fad.fa-compress::after { content: "\f066\f066"; } .fa-facebook::before { content: "\f09a"; } .fa-file-zipper::before { content: "\f1c6"; } .fad.fa-file-zipper::after { content: "\f1c6\f1c6"; } .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-powerpoint::before { content: "\f1c4"; } .fad.fa-file-powerpoint::after { content: "\f1c4\f1c4"; } .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-sliders::before { content: "\f1de"; } .fad.fa-sliders::after { content: "\f1de\f1de"; } .fa-chevron-up::before { content: "\f077"; } .fad.fa-chevron-up::after { content: "\f077\f077"; } .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-circle-arrow-right::before { content: "\f0a9"; } .fad.fa-circle-arrow-right::after { content: "\f0a9\f0a9"; } .fa-phone-flip::before { content: "\f879"; } .fad.fa-phone-flip::after { content: "\f879\f879"; } .fa-pinterest-p::before { content: "\f231"; } .fa-angle-left::before { content: "\f104"; } .fad.fa-angle-left::after { content: "\f104\f104"; } .fa-book::before { content: "\f02d"; } .fad.fa-book::after { content: "\f02d\f02d"; } .fa-calendar-xmark::before { content: "\f273"; } .fad.fa-calendar-xmark::after { content: "\f273\f273"; } .fa-floppy-disk-circle-arrow-right::before { content: "\e180"; } .fad.fa-floppy-disk-circle-arrow-right::after { content: "\e180\e180"; } .fa-check-double::before { content: "\f560"; } .fad.fa-check-double::after { content: "\f560\f560"; } .fa-barcode-read::before { content: "\f464"; } .fad.fa-barcode-read::after { content: "\f464\f464"; } .fa-circle-chevron-down::before { content: "\f13a"; } .fad.fa-circle-chevron-down::after { content: "\f13a\f13a"; } .fa-arrow-right-to-bracket::before { content: "\f090"; } .fad.fa-arrow-right-to-bracket::after { content: "\f090\f090"; } .fa-arrow-up-from-square::before { content: "\e09c"; } .fad.fa-arrow-up-from-square::after { content: "\e09c\e09c"; } .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-paper-plane::before { content: "\f1d8"; } .fad.fa-paper-plane::after { content: "\f1d8\f1d8"; } .fa-tablet-button::before { content: "\f10a"; } .fad.fa-tablet-button::after { content: "\f10a\f10a"; } .fa-x-twitter::before { content: "\e61b"; } .fa-upload::before { content: "\f093"; } .fad.fa-upload::after { content: "\f093\f093"; } .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; } .clearfix::before, .clearfix::after { content: " "; display: table; border-collapse: collapse; } .clearfix::after { clear: both; } .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.4em; -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; } 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; } table { border-collapse: collapse; border-spacing: 0; } *:focus-visible { outline-offset: 2px; outline: 2px solid #2AA2B0; border-radius: 2px; } 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: white; color: #000000; } [tabindex='-1']:focus { outline: 0; } .ipfit__datetime_wrapper input { border: none; } input:focus { background: white; } .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: white; } .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 .read_only_overflow_wrapper { background: #fff2f2 !important; } .ipfit__field__wrapper .ipfit__quantity_control { position: absolute; display: flex; flex-direction: column; justify-content: center; background: white; 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: #aa3333; 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; min-width: 1.7em; text-align: center; transition: opacity 300ms ease; 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: 1.5em; } .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: max(12px,.8em); top: .5em; left: .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: white; 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: 9px; } .ipfit__fieldlabel__mandatory:not(:empty):after { content: '*'; margin-left: .3em; } input, select, textarea, .selection_core_wrapper { width: 100%; } .selection_core_wrapper { display: block; } input, textarea, .selection_core_wrapper, .ipfit__datetime_wrapper:not(.range_wrapper), .radio_list_item .checkbox_list__option_text, .ipfit_direct_engine_upload .input_components_wrapper { border: 1px solid #e1e1e1; border-radius: 3px; } select { border: none; border-radius: 3px; } .ipfit *, .ipfit *:focus { outline: none; } .time_input select { min-width: 30px; appearance: none; text-align: center; cursor: pointer; color: #595959; padding: 0; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .ip_engine_wizard_page .ipfit__field__wrapper input, .ip_engine_wizard_page .ipfit__field__wrapper textarea, form[data-ip_instance_key="eventRegistration"] span.ipfit__view_mode_content, .ipfit_direct_engine_upload .input_components_wrapper { padding: 11px 8px; } .ip_engine_wizard_page select.ipfit__selection, .time_input select { height: 40px; } } .ipfit__field__wrapper { margin-bottom: 1.2em; } .field_core_wrapper { position: relative; } .ipfit__password_visibility { position: absolute; width: 2.5em; height: 100%; top: 0; right: 0; z-index: 2; } .ipfit__password_visibility .checkbox__wrapper { width: 100%; height: 100%; margin: 0; } .ipfit__password_visibility .checkbox__wrapper a.checkbox__input { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .ipfit__password_visibility a.checkbox__input { cursor: pointer; } .with_pw_visibility_button input { padding-right: 2.5em; position: relative; z-index: 1; } .ipfit__fieldlabel { display: block; } .ipfit__fieldlabel:empty { display: none; } .ipfit__fieldlabel, .ipfit__description, .ipfit__field_error { padding: 2px; } .ipfit__fieldlabel, .ipfit__description, .ipfit__field_error { font-size: 12px; } .ipfit__field_error { display: flex; } .ipfit__field_error:not(:empty):before { content: '\f06a'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; font-size: 14px; margin-right: 5px; line-height: 1.3em; } .ipfit__fieldlabel__mandatory:after { color: #75a89b; } .ipfit__inline_label { padding: 0 1em; top: 10px; left: 0; } .ipfit__inline_label { color: #727272; } ::placeholder { color: #595959; } .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: #a4a4a4; outline: none; } .ipfit__datetime_wrapper.calendar_open a.calendar_icon { color: #2AA2B0; } .datetime_content_container:not(.popup_calendar) { position: absolute; display: none; box-shadow: none; z-index: 3; padding-bottom: .5em; background-color: #FFFFFF; border-radius: 0.2em; } .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_header { padding: .4em 0; display: flex; justify-content: space-between; align-items: center; } .datetime_content_header, .datetime_content_header select { background-color: #30BBCCed; color: #FFFFFF; } .datetime_content_header .ip_button { color: #FFFFFF; } .datetime_content_header .ip_button.ip_button_type__plain_icon:hover { color: #FFFFFFb8; } .cal_display_month { display: flex; } .cal_display_month select { border: 1px solid #FFFFFFa3; border-radius: 0.2em; box-shadow: none; width: auto !important; } .cal_display_month select.month { margin-right: .8em; } .datetime_content_header .ip_button { padding: 0 1.2em; } .datetime_content_header .reset_button .ip_button { padding: 0 0 0 .8em; } table.cal_content { width: 100%; margin-top: 5px; } 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, td.cal_cell .cal_highlighted { border: 1px solid #30BBCC; } td.cal_cell * { padding: 4px 8px; cursor: pointer; border: 1px solid transparent; } td.cal_cell .cal_disabled { background-color: #2AA2B01c; 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; } .datetime_content_container .cal_selected, .datetime_content_container .is_range, .datetime_content_container .range_start { background-color: #30BBCC42; color: #595959; } .time_input { display: inline-flex; align-items: center; } .time_input input, .time_input li, .time_input ul { height: 100%; } .ipfit_dateTime > .range_wrapper.row { flex-direction: row; background: transparent; } .ipfit_dateTime > .range_wrapper.column { flex-direction: column; } .ipfit__datetime_wrapper:not(.range_wrapper) { padding-right: 9px; } table.cal_content { margin: 10px 0; } div.datetime_content_header { font-size: 12px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .datetime_content_container:not(.popup_calendar) { border: 1px solid #e1e1e1; min-width: 100%; margin-left: -1px; } div.datetime_content_container:not(.viewport_adjusted) { top: 43px; padding-bottom: 0; border-radius: 3px; } .datetime_content_container.viewport_adjusted { bottom: 43px; } .datetime_content_header > .reset_button > a > i { font-size: 14px; } a.calendar_icon { font-size: 18px; } .datetime_content_container .cal_display_month select { padding: .3em .4em; } .time_input { margin-right: .8em; } .ipfit_dateTime .separator { padding: 0 .5em; } .time_input .separator { padding: 0 .2em; } .ipfit__datetime_wrapper span.day_of_week { width: 20px; margin-left: 8px; } .ipfit__datetime_wrapper span.day_of_week:empty:before { content: '--'; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .ipfit__datetime_wrapper.range_wrapper .ipfit__datetime_wrapper:last-of-type .datetime_content_container { right: 0; left: initial; } } select.ipfit__selection { color: #595959; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .select_icon { display: none; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { select:not(.cal_display_selection) { -webkit-appearance: none; appearance: none; } .select_icon:before { position: absolute; display: flex; align-items: center; justify-content: center; height: 100%; width: 1.2em; right: 0; top: 0; font-size: 1.3em; content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #595959; pointer-events: none; } } .checkbox__wrapper { margin-right: .7em; } .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: #a4a4a4; 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: #a4a4a4; } .awesome_checkbox_wrapper, .awesome_radio_wrapper { display: inline-block; } a.awesome_checkbox { text-decoration: none; } .ipfit__checkbox_awesome__wrapper label, .ipfit__checkbox_graphical__wrapper label { cursor: pointer; } .ipfit__checkbox_awesome__wrapper label a, .ipfit__checkbox_awesome__wrapper label a:hover { text-decoration: underline; } .ipfit__checkbox_awesome__wrapper .ipfit__text { flex-grow: 1; flex-basis: 1em; } .ipfit_radio_list.ipfit_radio_awesome { padding-top: 5px; } a.awesome_radio { display: inline-block; background-color: transparent; width: 13px; height: 13px; border-radius: 50%; border: 1px solid #ddd; box-shadow: inset 0 0 0 2px white; transition: background-color 300ms; } a.awesome_radio_checked { background: black; } .ipfit_readonly a.awesome_radio { cursor: default; } .ipfit_radio_list.ipfit_readonly a.awesome_radio_checked, .ipfit_checkbox_awesome.ipfit_readonly a.awesome_radio_checked { background: radial-gradient(#999, #666); } .awesome_checkbox_wrapper a.awesome_checkbox.toggled, .awesome_checkbox_wrapper a.awesome_checkbox.untoggled, .toggle_wrapper:not(.with_labels) { background: #02aedc; border-radius: calc(16px / 2); width: calc(16px * 1.7); height: 16px; transition: background 300ms; display: block; cursor: pointer; position: relative; } .awesome_checkbox_wrapper a.awesome_checkbox.untoggled, .toggle_wrapper:not(.with_labels).left { background: #999; } .awesome_checkbox_wrapper .toggled:after, .toggle_wrapper:not(.with_labels).right .sliding_background { transform: translateX(calc(16px * 1.7 - 16px + 1px)); } .awesome_checkbox_wrapper .untoggled:after, .toggle_wrapper:not(.with_labels).left .sliding_background { transform: translateX(1px); } .ipfit_checkbox_awesome:not(.ipfit_readonly):not(.ipfit_disabled):hover > .checkbox__wrapper .toggled:after, .ipfit_checkbox_awesome:not(.ipfit_readonly):not(.ipfit_disabled) > .checkbox__wrapper .toggled:focus:after, .toggle_wrapper:not(.with_labels).right:focus .sliding_background, .toggle_wrapper:not(.with_labels).right:hover .sliding_background { box-shadow: 0 0 1px 6px none; } .ipfit_checkbox_awesome:not(.ipfit_readonly):not(.ipfit_disabled):hover > .checkbox__wrapper .untoggled:after, .ipfit_checkbox_awesome:not(.ipfit_readonly):not(.ipfit_disabled) > .checkbox__wrapper .untoggled:focus:after, .toggle_wrapper:not(.with_labels).left:focus .sliding_background, .toggle_wrapper:not(.with_labels).left:hover .sliding_background { box-shadow: 0 0 1px 6px none; } .awesome_checkbox_wrapper .toggled:after, .awesome_checkbox_wrapper .untoggled:after, .toggle_wrapper:not(.with_labels) .sliding_background { background: white; border-radius: 50%; width: calc(16px - 2 * 1px); height: calc(16px - 2 * 1px); content: ''; transition: transform 300ms, box-shadow 200ms; display: block; position: absolute; top: 1px; } .ipfit_readonly > .awesome_checkbox_wrapper a.awesome_checkbox.toggled, .ipfit_disabled > .awesome_checkbox_wrapper a.awesome_checkbox.toggled{ background: #2AA2B04f; } .ipfit_readonly > .awesome_checkbox_wrapper a.awesome_checkbox.untoggled, .ipfit_disabled > .awesome_checkbox_wrapper a.awesome_checkbox.untoggled { background: #dfdfdf; } .ipfit_readonly > .awesome_checkbox_wrapper .untoggled:after, .ipfit_disabled > .awesome_checkbox_wrapper .untoggled:after { background: white; } .is-ie .awesome_checkbox_wrapper a.awesome_checkbox.toggled, .is-ie .awesome_checkbox_wrapper a.awesome_checkbox.untoggled { display: block; } .is-ie .awesome_checkbox_wrapper .untoggled:after, .is-ie .awesome_checkbox_wrapper .toggled:after { position: absolute; top: 2px; left: 0; } .radio_button .ipfit__checkbox_list_element_wrapper { flex-direction: row; flex-wrap: wrap; gap: .7em; } .radio_button .radio_list_item { position: relative; } .radio_button .radio_list_item .checkbox_list__option_text { padding: 3px 6px; display: block; background: white; border: 1px solid #a0a0a0; } .radio_button .radio_list_item.list_item_checked .checkbox_list__option_text { background: #1aa3c8; } .radio_button .awesome_radio_wrapper { margin: 0; } .radio_button .awesome_radio { position: absolute; opacity: 0; } .checkbox_list { margin: 0; padding: 0; display: flex; list-style: none; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px) { .checkbox_list_item, .radio_list_item { margin-bottom: .7em; } } .checkbox_list li { margin-right: 1.5em; } .ipfit_checkbox_awesome, .ipfit__radio_list.ipfit__checkbox_list_wrapper .ipfit__checkbox_list_element_wrapper { display: flex; flex-wrap: wrap; } .ipfit__radio_list.ipfit__checkbox_list_wrapper .ipfit__checkbox_list_element_wrapper, .ipfit__radio_list.ipfit__checkbox_list_wrapper .ipfit__checkbox_list_element_wrapper .radio_list_item:last-child { margin: 0; } .ipfit__checkbox_awesome__wrapper a.awesome_checkbox { color: #e1e1e1; } .ipfit__checkbox_awesome__wrapper.ipfit__field_wrapper__error a.awesome_checkbox { color: #aa3333; } a.awesome_checkbox:before { font-size: 17px; margin-top: 3px; } .ipfit__checkbox_awesome__wrapper .ipfit__text { line-height: 18px; } .ipfit_checkbox_awesome a.awesome_checkbox.fa-square-check { color: #30BBCC; } .ipfit_checkbox_awesome .input_field__error_message, .ipfit_checkbox_awesome .ipfit__field_error { flex-basis: 100%; } .ipfit_checkbox_awesome .ipfit__field_error { padding-left: 0; padding-top: .7em; } .radio_list_item { position: relative; } .radio_list_item .checkbox_list__option_text { padding: 9px; display: block; } .radio_list_item.list_item_checked .checkbox_list__option_text { border: 1px solid #30BBCC; background-color: #30BBCC1C; } .awesome_radio_wrapper { margin: 0; } .awesome_radio { position: absolute; opacity: 0; } .ipfit_checkbox_awesome { line-height: 16px; } .ipfit_checkbox_awesome .toggled:after, .awesome_checkbox_wrapper .untoggled:after { width: calc(16px - 2 * 1px - 2px); height: calc(16px - 2 * 1px - 2px); } .awesome_checkbox_wrapper a.awesome_checkbox.untoggled, .awesome_checkbox_wrapper .untoggled:after { border: 1px solid #9d9d9d; background: none; box-shadow: none; box-sizing: border-box; } .ipfit_checkbox_awesome a.awesome_checkbox.toggled { border: 1px solid #2AA2B0; background: none; box-sizing: border-box; } .ipfit_checkbox_awesome:not(.ipfit_readonly) .toggled:after { border: 1px solid #2AA2B0; background: #2AA2B0; box-shadow: none; box-sizing: border-box; } .ipfit_checkbox_awesome.ipfit_readonly .toggled:after, .ipfit_checkbox_awesome.ipfit_readonly a.awesome_checkbox.toggled { border: 1px solid #2AA2B04f; box-sizing: border-box; } .ipfit_checkbox_awesome.ipfit_readonly .toggled:after { background: #2AA2B04f; } .ipfit_direct_engine_upload_file, .ipfit_direct_engine_upload_content { display: flex; column-gap: .8em; align-items: center; } .ipfit_direct_engine_upload_files_container { display: flex; flex-direction: column; gap: 10px; } .ipfit_direct_engine_upload_content a { text-decoration: none; } .ipfit_direct_engine_upload_button_area { display: flex; column-gap: .5em; align-items: center; } img.checkerboard_background, .ipfit__file_upload__image_preview_link img { background-color: #FEFEFE; background-image: linear-gradient(45deg, #EEECEC 26%, transparent 26%, transparent 75%, #EEECEC 75%, #EEECEC), linear-gradient(45deg, #EEECEC 26%, transparent 26%, transparent 75%, #EEECEC 75%, #EEECEC); -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-size: 20px 20px; background-position: 0 0, 10px 10px; display: block; } .ipfit_direct_engine_upload_progress .progressbar_percentage_wrapper { padding-top: 0.5em; padding-bottom: 0.5em; } .ipfit_direct_engine_upload_progress .progressbar_wrapper > .progressbar_status { padding-bottom: 0.5em; } .ipfit_direct_engine_upload_progress .progressbar_percentage_label { margin-right: 0.3em; } .ipfit_direct_engine_upload_delete_all, .ipfit_direct_engine_upload_container, .ipfit_direct_engine_upload__allowed_file_types { margin-top: 12px; display: block; } .ipfit_direct_engine_upload__allowed_file_type_list { display: inline-flex; flex-wrap: wrap; gap: 2px 2px; padding: 0; margin: 0; } .ipfit_direct_engine_upload__allowed_file_type_list_item { font-weight: bold; list-style: none; display: inline-flex; align-items: center; } .ipfit_direct_engine_upload__allowed_file_type_list_item > i { margin-right: 3px; } .ipfit_direct_engine_upload__allowed_file_type_list_item:after { content: ','; } .ipfit_direct_engine_upload__allowed_file_type_list_item:last-child:after { content: ''; } .ip_button_wrapper__file_input { display: inline-block; position: relative; cursor: pointer; } .ip_button_wrapper__file_input input { margin: 0; opacity: 0; -ms-filter: alpha(opacity=0); filter: alpha(opacity=0); direction: ltr; cursor: pointer; max-width: none; padding: 0; } .ip_file_input_wrapper { cursor: pointer; position: absolute; top: 0; right: 0; width: 100%; height: 100%; overflow: hidden; } .ipfit_direct_engine_upload .input_components_wrapper.drag_active { box-shadow: 0px 0px 2px 1px rgb(1, 176, 239) inset; } .ipfit_direct_engine_upload.ipfit_readonly .ipfit_direct_engine_upload_container { display: none; } .popup_wrapper.upload_hint { background-color: #2AA2B0; color: white; box-shadow: initial; } .popup_wrapper.upload_hint { max-width: 270px; } .popup_wrapper.upload_hint.small_popup { max-width: 220px; } .popup_wrapper.upload_hint:before { content: ' '; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #2AA2B0 transparent transparent; position: absolute; top: calc(50% - 10px); left: -10px; z-index: 2; } .ipfit_direct_engine_upload__allowed_file_type_list_item { padding-left: 3px; } .ipfit_direct_engine_upload .ip_button { margin: 0; } .ipfit_direct_engine_upload .ip_button_type__inline { padding: 0 1.2em; } .ipfit_direct_engine_upload_container, .ipfit_direct_engine_upload .ip_button_type__inline { font-size: 12px; } .ipfit__direct_engine_upload { padding: 0; } .popup_wrapper.upload_hint { margin: 0; background-color: #30BBCC; } .popup_wrapper.upload_hint:before { border-right-color: #30BBCC; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 250ms; } .preview_image_container { display: inline-block; position: relative; max-width: 100%; } .preview_image_container > img { display: block; } .preview_image_container > img.preview_image { max-width: 100%; height: auto; } .preview_image_container > img.main_image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .preview_image_container > img.lazyload, .preview_image_container > img.lazyloading, .preview_image_container > img.lazyloaded { max-width: 100%; } .preview_image_container > img.lazyloaded { width: 100%; height: auto; transform: translateZ(0); transition: opacity 500ms; } .row:before, .row:after { content: " "; visibility: hidden; display: block; height: 0; overflow: hidden; } .row:after { clear: both; } [class*="-col-"].center { display: block; float: none; margin-right: auto; margin-left: auto !important; } [class*="-col-"].attach-col { margin-left: 0; } @media only screen and (max-width: 487.9px) { html body .resp-sp-show { display: block; } html body .resp-sp-hide { display: none !important; } .resp-sp-hide + [class*="resp-sp-col-"], .resp-sp-col-first { margin-left: 0; } [class*="resp-sp-col-"].resp-sp-col-first { margin-left: 0; clear: both; } [class*="resp-sp-col-"].resp-sp-col-first:first-child { clear: none; } [class*="resp-sp-col-"] { float: left; margin-left: 3.3943%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] [class*="resp-sp-col-"], .reverse-columns > [class*="resp-sp-col-"] { float: right; } [class*="resp-sp-col-"]:first-child, [dir="rtl"] [class*="resp-sp-col-"]:last-child, .reverse-columns > [class*="resp-sp-col-"]:last-child { margin-left: 0; } [dir="rtl"] [class*="resp-sp-col-"]:first-child, .reverse-columns > [class*="resp-sp-col-"]:first-child { margin-left: 3.3943%; } .resp-sp-col-1 { width: 5.2219%; } .resp-sp-col-1.attach-col { width: 8.6162%; } .resp-sp-col-2 { width: 13.8381%; } .resp-sp-col-2.attach-col { width: 17.2324%; } .resp-sp-col-3 { width: 22.4543%; } .resp-sp-col-3.attach-col { width: 25.8486%; } .resp-sp-col-4 { width: 31.0705%; } .resp-sp-col-4.attach-col { width: 34.4648%; } .resp-sp-col-5 { width: 39.6867%; } .resp-sp-col-5.attach-col { width: 43.081%; } .resp-sp-col-6 { width: 48.3029%; } .resp-sp-col-6.attach-col { width: 51.6972%; } .resp-sp-col-7 { width: 56.9191%; } .resp-sp-col-7.attach-col { width: 60.3134%; } .resp-sp-col-8 { width: 65.5352%; } .resp-sp-col-8.attach-col { width: 68.9295%; } .resp-sp-col-9 { width: 74.1514%; } .resp-sp-col-9.attach-col { width: 77.5457%; } .resp-sp-col-10 { width: 82.7676%; } .resp-sp-col-10.attach-col { width: 86.1619%; } .resp-sp-col-11 { width: 91.3838%; } .resp-sp-col-11.attach-col { width: 94.7781%; } .resp-sp-col-full, .resp-sp-col-12 { width: 100%; margin-left: 0; clear: both; } .resp-sp-col-full:first-child, .resp-sp-col-12:first-child { clear: none; } } @media only screen and (min-width: 488px) and (max-width: 809.9px) { html body .resp-sl-show { display: block; } html body .resp-sl-hide { display: none !important; } .resp-sl-hide + [class*="resp-sl-col-"], .resp-sl-col-first { margin-left: 0; } [class*="resp-sl-col-"].resp-sl-col-first { margin-left: 0; clear: both; } [class*="resp-sl-col-"].resp-sl-col-first:first-child { clear: none; } [class*="resp-sl-col-"] { float: left; margin-left: 3.3943%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] [class*="resp-sl-col-"], .reverse-columns > [class*="resp-sl-col-"] { float: right; } [class*="resp-sl-col-"]:first-child, [dir="rtl"] [class*="resp-sl-col-"]:last-child, .reverse-columns > [class*="resp-sl-col-"]:last-child { margin-left: 0; } [dir="rtl"] [class*="resp-sl-col-"]:first-child, .reverse-columns > [class*="resp-sl-col-"]:first-child { margin-left: 3.3943%; } .resp-sl-col-1 { width: 5.2219%; } .resp-sl-col-1.attach-col { width: 8.6162%; } .resp-sl-col-2 { width: 13.8381%; } .resp-sl-col-2.attach-col { width: 17.2324%; } .resp-sl-col-3 { width: 22.4543%; } .resp-sl-col-3.attach-col { width: 25.8486%; } .resp-sl-col-4 { width: 31.0705%; } .resp-sl-col-4.attach-col { width: 34.4648%; } .resp-sl-col-5 { width: 39.6867%; } .resp-sl-col-5.attach-col { width: 43.081%; } .resp-sl-col-6 { width: 48.3029%; } .resp-sl-col-6.attach-col { width: 51.6972%; } .resp-sl-col-7 { width: 56.9191%; } .resp-sl-col-7.attach-col { width: 60.3134%; } .resp-sl-col-8 { width: 65.5352%; } .resp-sl-col-8.attach-col { width: 68.9295%; } .resp-sl-col-9 { width: 74.1514%; } .resp-sl-col-9.attach-col { width: 77.5457%; } .resp-sl-col-10 { width: 82.7676%; } .resp-sl-col-10.attach-col { width: 86.1619%; } .resp-sl-col-11 { width: 91.3838%; } .resp-sl-col-11.attach-col { width: 94.7781%; } .resp-sl-col-full, .resp-sl-col-12 { width: 100%; margin-left: 0; clear: both; } .resp-sl-col-full:first-child, .resp-sl-col-12:first-child { clear: none; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px) { html body .resp-tp-show { display: block; } html body .resp-tp-hide { display: none !important; } .resp-tp-hide + [class*="resp-tp-col-"], .resp-tp-col-first { margin-left: 0; } [class*="resp-tp-col-"].resp-tp-col-first { margin-left: 0; clear: both; } [class*="resp-tp-col-"].resp-tp-col-first:first-child { clear: none; } [class*="resp-tp-col-"] { float: left; margin-left: 3.3943%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] [class*="resp-tp-col-"], .reverse-columns > [class*="resp-tp-col-"] { float: right; } [class*="resp-tp-col-"]:first-child, [dir="rtl"] [class*="resp-tp-col-"]:last-child, .reverse-columns > [class*="resp-tp-col-"]:last-child { margin-left: 0; } [dir="rtl"] [class*="resp-tp-col-"]:first-child, .reverse-columns > [class*="resp-tp-col-"]:first-child { margin-left: 3.3943%; } .resp-tp-col-1 { width: 5.2219%; } .resp-tp-col-1.attach-col { width: 8.6162%; } .resp-tp-col-2 { width: 13.8381%; } .resp-tp-col-2.attach-col { width: 17.2324%; } .resp-tp-col-3 { width: 22.4543%; } .resp-tp-col-3.attach-col { width: 25.8486%; } .resp-tp-col-4 { width: 31.0705%; } .resp-tp-col-4.attach-col { width: 34.4648%; } .resp-tp-col-5 { width: 39.6867%; } .resp-tp-col-5.attach-col { width: 43.081%; } .resp-tp-col-6 { width: 48.3029%; } .resp-tp-col-6.attach-col { width: 51.6972%; } .resp-tp-col-7 { width: 56.9191%; } .resp-tp-col-7.attach-col { width: 60.3134%; } .resp-tp-col-8 { width: 65.5352%; } .resp-tp-col-8.attach-col { width: 68.9295%; } .resp-tp-col-9 { width: 74.1514%; } .resp-tp-col-9.attach-col { width: 77.5457%; } .resp-tp-col-10 { width: 82.7676%; } .resp-tp-col-10.attach-col { width: 86.1619%; } .resp-tp-col-11 { width: 91.3838%; } .resp-tp-col-11.attach-col { width: 94.7781%; } .resp-tp-col-full, .resp-tp-col-12 { width: 100%; margin-left: 0; clear: both; } .resp-tp-col-full:first-child, .resp-tp-col-12:first-child { clear: none; } } @media only screen and (min-width: 1024px) and (max-width: 1279.9px) { html body .resp-tl-show { display: block; } html body .resp-tl-hide { display: none !important; } .resp-tl-hide + [class*="resp-tl-col-"], .resp-tl-col-first { margin-left: 0; } [class*="resp-tl-col-"].resp-tl-col-first { margin-left: 0; clear: both; } [class*="resp-tl-col-"].resp-tl-col-first:first-child { clear: none; } [class*="resp-tl-col-"] { float: left; margin-left: 3.3943%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] [class*="resp-tl-col-"], .reverse-columns > [class*="resp-tl-col-"] { float: right; } [class*="resp-tl-col-"]:first-child, [dir="rtl"] [class*="resp-tl-col-"]:last-child, .reverse-columns > [class*="resp-tl-col-"]:last-child { margin-left: 0; } [dir="rtl"] [class*="resp-tl-col-"]:first-child, .reverse-columns > [class*="resp-tl-col-"]:first-child { margin-left: 3.3943%; } .resp-tl-col-1 { width: 5.2219%; } .resp-tl-col-1.attach-col { width: 8.6162%; } .resp-tl-col-2 { width: 13.8381%; } .resp-tl-col-2.attach-col { width: 17.2324%; } .resp-tl-col-3 { width: 22.4543%; } .resp-tl-col-3.attach-col { width: 25.8486%; } .resp-tl-col-4 { width: 31.0705%; } .resp-tl-col-4.attach-col { width: 34.4648%; } .resp-tl-col-5 { width: 39.6867%; } .resp-tl-col-5.attach-col { width: 43.081%; } .resp-tl-col-6 { width: 48.3029%; } .resp-tl-col-6.attach-col { width: 51.6972%; } .resp-tl-col-7 { width: 56.9191%; } .resp-tl-col-7.attach-col { width: 60.3134%; } .resp-tl-col-8 { width: 65.5352%; } .resp-tl-col-8.attach-col { width: 68.9295%; } .resp-tl-col-9 { width: 74.1514%; } .resp-tl-col-9.attach-col { width: 77.5457%; } .resp-tl-col-10 { width: 82.7676%; } .resp-tl-col-10.attach-col { width: 86.1619%; } .resp-tl-col-11 { width: 91.3838%; } .resp-tl-col-11.attach-col { width: 94.7781%; } .resp-tl-col-full, .resp-tl-col-12 { width: 100%; margin-left: 0; clear: both; } .resp-tl-col-full:first-child, .resp-tl-col-12:first-child { clear: none; } } @media (min-width: 1280px) and (max-width: 1440.9px), print { html body .resp-d-show { display: block; } html body .resp-d-hide { display: none !important; } .resp-d-hide + [class*="resp-d-col-"], .resp-d-col-first { margin-left: 0; } [class*="resp-d-col-"].resp-d-col-first { margin-left: 0; clear: both; } [class*="resp-d-col-"].resp-d-col-first:first-child { clear: none; } [class*="resp-d-col-"] { float: left; margin-left: 3.3943%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] [class*="resp-d-col-"], .reverse-columns > [class*="resp-d-col-"] { float: right; } [class*="resp-d-col-"]:first-child, [dir="rtl"] [class*="resp-d-col-"]:last-child, .reverse-columns > [class*="resp-d-col-"]:last-child { margin-left: 0; } [dir="rtl"] [class*="resp-d-col-"]:first-child, .reverse-columns > [class*="resp-d-col-"]:first-child { margin-left: 3.3943%; } .resp-d-col-1 { width: 5.2219%; } .resp-d-col-1.attach-col { width: 8.6162%; } .resp-d-col-2 { width: 13.8381%; } .resp-d-col-2.attach-col { width: 17.2324%; } .resp-d-col-3 { width: 22.4543%; } .resp-d-col-3.attach-col { width: 25.8486%; } .resp-d-col-4 { width: 31.0705%; } .resp-d-col-4.attach-col { width: 34.4648%; } .resp-d-col-5 { width: 39.6867%; } .resp-d-col-5.attach-col { width: 43.081%; } .resp-d-col-6 { width: 48.3029%; } .resp-d-col-6.attach-col { width: 51.6972%; } .resp-d-col-7 { width: 56.9191%; } .resp-d-col-7.attach-col { width: 60.3134%; } .resp-d-col-8 { width: 65.5352%; } .resp-d-col-8.attach-col { width: 68.9295%; } .resp-d-col-9 { width: 74.1514%; } .resp-d-col-9.attach-col { width: 77.5457%; } .resp-d-col-10 { width: 82.7676%; } .resp-d-col-10.attach-col { width: 86.1619%; } .resp-d-col-11 { width: 91.3838%; } .resp-d-col-11.attach-col { width: 94.7781%; } .resp-d-col-full, .resp-d-col-12 { width: 100%; margin-left: 0; clear: both; } .resp-d-col-full:first-child, .resp-d-col-12:first-child { clear: none; } } @media (min-width: 1441px), print { html body .resp-dw-show { display: block; } html body .resp-dw-hide { display: none !important; } .resp-dw-hide + [class*="resp-dw-col-"], .resp-dw-col-first { margin-left: 0; } [class*="resp-dw-col-"].resp-dw-col-first { margin-left: 0; clear: both; } [class*="resp-dw-col-"].resp-dw-col-first:first-child { clear: none; } [class*="resp-dw-col-"] { float: left; margin-left: 3.3943%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [dir="rtl"] [class*="resp-dw-col-"], .reverse-columns > [class*="resp-dw-col-"] { float: right; } [class*="resp-dw-col-"]:first-child, [dir="rtl"] [class*="resp-dw-col-"]:last-child, .reverse-columns > [class*="resp-dw-col-"]:last-child { margin-left: 0; } [dir="rtl"] [class*="resp-dw-col-"]:first-child, .reverse-columns > [class*="resp-dw-col-"]:first-child { margin-left: 3.3943%; } .resp-dw-col-1 { width: 5.2219%; } .resp-dw-col-1.attach-col { width: 8.6162%; } .resp-dw-col-2 { width: 13.8381%; } .resp-dw-col-2.attach-col { width: 17.2324%; } .resp-dw-col-3 { width: 22.4543%; } .resp-dw-col-3.attach-col { width: 25.8486%; } .resp-dw-col-4 { width: 31.0705%; } .resp-dw-col-4.attach-col { width: 34.4648%; } .resp-dw-col-5 { width: 39.6867%; } .resp-dw-col-5.attach-col { width: 43.081%; } .resp-dw-col-6 { width: 48.3029%; } .resp-dw-col-6.attach-col { width: 51.6972%; } .resp-dw-col-7 { width: 56.9191%; } .resp-dw-col-7.attach-col { width: 60.3134%; } .resp-dw-col-8 { width: 65.5352%; } .resp-dw-col-8.attach-col { width: 68.9295%; } .resp-dw-col-9 { width: 74.1514%; } .resp-dw-col-9.attach-col { width: 77.5457%; } .resp-dw-col-10 { width: 82.7676%; } .resp-dw-col-10.attach-col { width: 86.1619%; } .resp-dw-col-11 { width: 91.3838%; } .resp-dw-col-11.attach-col { width: 94.7781%; } .resp-dw-col-full, .resp-dw-col-12 { width: 100%; margin-left: 0; clear: both; } .resp-dw-col-full:first-child, .resp-dw-col-12:first-child { clear: none; } } @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: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { 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: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { [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); } } } 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: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .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: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .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: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .cm_popup_wrapper .button_wrapper { margin: 1.5em 0 1em 0; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { div.popup_wrapper.cm_popup_wrapper { max-width: 95vw; margin: 0 auto; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { 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: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .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: #595959; } .cm_item_wrapper .text.id { margin-top: 5px; white-space: normal; } div.popup_wrapper.cm_popup_wrapper { background-color: #B7FFEB !important; background-image: repeating-linear-gradient(80deg, #D6EDE5 0 130px, transparent 130px 100%), repeating-linear-gradient(65deg, transparent 0 0, #CFFFF1 130px 280px, transparent 280px 100%); max-width: 620px; padding: calc(var(--content_padding_v)*1.7) calc(var(--content_padding_h)*1.3) var(--content_padding_v) calc(var(--content_padding_h)*1.3); box-sizing: border-box; margin-top: 0; } div.popup_wrapper.cm_popup_wrapper .popup_content_wrapper { overflow: visible; } .cm_popup_wrapper .headline { font-size: 170%; font-family: Montserrat, Helvetica, Arial, sans-serif; } .cm_popup_wrapper .logo { margin: 10px 0 20px 0; } .cm_popup_wrapper .cookie_image_wrapper img { max-width: 210px; height: auto; } .touch .cm_popup_wrapper { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .cm_popup_wrapper { scrollbar-color: #30BBCC transparent; scrollbar-width: thin; } } .cm_popup_wrapper::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .cm_popup_wrapper::-webkit-scrollbar-track { background-color: transparent; border-radius: 0.25rem; } .cm_popup_wrapper::-webkit-scrollbar-thumb { border-radius: 0.25rem; background-color: #30BBCC; } .cm_popup_wrapper::-webkit-scrollbar-corner { background-color: transparent; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .cm_popup_wrapper .cookie_image_wrapper { position: relative; left: -45px; top: 20px; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .cm_popup_wrapper .button_wrapper { flex-wrap: nowrap; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { div.popup_wrapper.cm_popup_wrapper { padding: 1em; } .cm_popup_wrapper .cookie_image_wrapper img { position: relative; left: 1.5em; } .cm_popup_wrapper .logo { max-width: 170px; margin-left: 1.5em; } } .cm_popup_wrapper .content_wrapper { grid-template-columns: 25% 75%; } .cm_popup_wrapper .ipfit__field__wrapper, .cm_item_wrapper > div:first-child { margin-bottom: .5em; font-size: 15px; font-weight: bold; } .cm_popup_wrapper a.ip_button { margin: 0; } .cm_popup_wrapper a.ip_button .ip_button__text { text-shadow: none; font-size: 15px; } .cm_popup_wrapper a.link { text-decoration: none; color: #30BBCC; } .cm_popup_wrapper a.link:hover { color: #2AA2B0; } .cm_popup_wrapper .bottom_links_wrapper a, .cm_popup_wrapper .bottom_links_wrapper a:before { color: #595959; } .cm_popup_wrapper .ip_button_type__form_neutral { background-color: initial; border: 2px solid #30BBCC; color: #2AA2B0; line-height: calc(3em - 4px); } .cm_popup_wrapper .ip_button_type__form_neutral:hover { color: #FFFFFF; border-color: #2AA2B0; background-color: #2AA2B085; } .search_engine_result_block_container.with_side_search_filter_groups { display: flex; } .engine_search_result_block__hits { width: 100%; } .vertical_checkbox_list .filter_text { white-space: pre-line; } .filter_value_count::before { content: '('; } .filter_value_count::after { content: ')'; } .search_engine_page_block_container.show_hide_search_fields { max-height: 150vh; visibility: visible; transition: max-height 250ms linear, visibility 250ms; } .search_engine_page_block_container.show_hide_search_fields.search_fields_hidden { max-height: 0px; visibility: hidden; overflow: hidden; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .search_filter_overlay_wrapper.display_wrapper { height: 100%; display: flex !important; flex-direction: column; justify-content: space-between; } .engine_search_result_block__groups { flex-grow: 1; overflow-x: hidden; overflow-y: auto; } } .search_engine_result_block_container.with_side_search_filter_groups { align-items: flex-start; } .search_filter_overlay_wrapper { width: 280px; } .search_engine_result_list_top_container { padding: .5em var(--content_padding_h); background-color: #F9F9F9; } .pagination_wrapper, div.engine_page_element[data-fieldname="bt_no_hits_title_new_paragraph"] { padding: .8em var(--content_padding_h); background-color: #F9F9F9; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .search_engine_result_list_top_container, .pagination_wrapper, div.engine_search_result_block__no_hits .cci_wrapper_snippet_content_not_found, div.engine_search_result_block__no_hits .content__html_text, div.engine_search_result_block__no_hits .cci_wrapper_snippet_link, div.engine_page_element[data-fieldname="bt_no_hits_title_new_paragraph"] { padding-left: 20px; padding-right: 20px; } .engine_search_result_block__no_hits { margin-top: 100px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .engine_search_result_block__no_hits { margin-top: 50px; } } [id="searchShowHitResults$businessTransaction"] .engine_search_result_block__no_hits { margin-top: 150px; } .search_engine_result_active_filter_block { display: flex; column-gap: .5em; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .search_engine_result_active_filter_block { flex-wrap: wrap; margin-bottom: 5px; } } .search_engine_result_active_filter_block .ip_button__remove_all_filters { display: none; } .search_engine_result_table td:not(:empty) { padding: .5em 25px; vertical-align: top; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .engine_search_result_block__groups__for_empty_search_result { min-height: 80px; } } .engine_search_result_block__no_hits .grid_container { align-items: center; padding: 1.5em 0; justify-content: space-between; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .search_engine_result_active_filter_block .ip_button { margin: .5em 0; } .engine_search_result_block__no_hits .grid_container { grid-gap: 5em; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .engine_search_result_block__no_hits .grid_container.two_columns_same_width { display: grid; grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .search_engine_result_active_filter_block .ip_button { margin: .3em 0; } .engine_search_result_block__groups__search_button_wrapper { border-top: 1px solid lightblue; } .ip_button__show_all_n_results.ip_button__disabled { display: none; } .search_engine_result_table td:not(:empty) { padding-left: 7px; padding-right: 7px; } } .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 250ms; } .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: 1024px) and (max-width: 1279.9px) { #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: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .filter_content_inner_wrapper .filter_content_overflow { overflow-y: auto; overflow-x: visible; } span.remove_filter_value { display: inline-block; } div.infinite_scroll__activity_container { text-align: center; } .infinite_scroll__activity_container .infinite_scroll_loading_button { transition: opacity 300ms; max-height: initial; } .infinite_scroll__activity_container .infinite_scroll_loading_button.clicked { opacity: 0; max-height: 0; } .infinite_scroll__activity_container .infinite_scroll_loading_button ~ * { transition: opacity 300ms; opacity: 0; max-height: 20px; } .infinite_scroll__activity_container .infinite_scroll_loading_button.clicked ~ * { opacity: 1; max-height: initial; } .result_list_item__placeholder { display: flex; align-items: center; justify-content: center; height: 390px; } .result_list_item__placeholder { display: flex; align-items: center; justify-content: center; height: var(--suggested_placeholder_height); } .with_infinite_scroll_button .result_list_item__placeholder, .with_complete_infinite_scroll_hitlist .result_list_item__placeholder { display: none !important; } .infinite_scroll_loading_button_clicked .result_list_item__placeholder { display: flex; } .pagination_wrapper { display: flex; justify-content: space-between; } .search_pagination_container { order: 2; font-size: 14px; } .search_pagination_list { display: flex; align-items: center; margin: 0; padding: 0; } .search_pagination_list li { list-style: none; padding: 0 .5em; } .search_pagination_list li:last-child { padding-right: 0; } .pagination_active_rpage { font-weight: bold; color: #75a89b; } .pagination_item_browse_forward a:before { content: '\f101'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .pagination_item_browse_back a:before { content: '\f100'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .situation__std .engine_search_result_block__hits { max-width: 1930px; } .engine_search_result_block__result_list { padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); } .engine_search_result_block__result_list > li { list-style: none; display: block; position: relative; } .engine_search_result_block__result_list > li.result_list_item__placeholder { display: flex; } .infinite_scroll__activity_container .infinite_scroll_loading_button { margin: 30px 0; font-size: 15px; animation: customBounce 1.75s infinite; transition: all .5s; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .engine_search_result_block__before_hit_result_list:not(:empty) { text-align: center; padding: 7px var(--content_padding_h); background-color: #e1e1e1; font-weight: bold; margin: 4px; border-radius: 3px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .engine_search_result_block__before_hit_result_list:not(:empty) { display: none; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .infinite_scroll__activity_container .infinite_scroll_loading_button { margin: 20px 0 5px 0; } } .filter_block_wrapper { margin-bottom: 1.7em; } .filter_link_list { padding: 0; margin: 0; } .filter_link_list li { list-style: none; } .filter_link_list_item_link { position: relative; } .filter_incomplete_option_container { padding-top: 5px; } .filter_incomplete_option_container i.before { margin-left: 0; } .filter_value_count { color: #a2a2a2; font-size: 11px; margin-left: .5em; display: inline-block; } .filter_options_complete > ol.filter_link_list > li.filter_link_list_item > a > .filter_value_count { position: relative; top: -1px; } .filter_link_list_item_link:not(.filter_value_selected):not(.filter_value_selected_path_entry):hover .filter_value_count, .filter_content .graphical_checkbox_link:hover .filter_value_count { color: #2AA2B0; } .filter_value_count:before { content: '('; } .filter_value_count:after { content: ')'; } .filter_value_selected .filter_value_count, .filter_value_selected_path_entry .filter_value_count { color: #FFFFFF; } .filter_value_selected:after, .filter_value_selected_path_entry::after { content: '\f00d'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; position: absolute; right: 22px; top: 5px; } .filter_content.open { max-height: 2000px; } .filter_content .checkbox_list__option_text { display: flex; align-items: center; } .filter_content .checkbox_list, .filter_content .checkbox_list .filter_text { display: block; } .engine_search_result_block__groups div.placements_wrapper__grid.has_cols_1 { padding: .5em 22px .2em 22px; max-width: initial; position: relative; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .engine_search_result_block__groups div.placements_wrapper__grid.has_cols_1 { padding-top: 0; } } .engine_search_result_block__groups .ip_button__remove_all_filters { margin: 1em 22px; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .search_engine_result_list_top_container .search_engine_result_hits_count { line-height: 2.2em; } } .search_engine_result_list_top_container { display: flex; justify-content: space-between; flex-wrap: wrap; } .search_engine_result_sort_order_container { display: flex; align-items: center; justify-content: end; } .search_engine_result_list_top_container .search_engine_result_active_filter_block { order: 1; flex-basis: 100%; } .search_engine_result_list_top_container .search_engine_result_hits_count { order: 2; font-weight: bold; font-size: 14px; } .search_engine_result_list_top_container .engine_search_result_block__top_container_end { order: 3; display: flex; align-items: center; } .search_engine_result_list_top_container .search_engine_result_sort_order_container { order: 4; flex-grow: 1; } .search_pagination_current_hits { order: 1; font-weight: bold; font-size: 14px; } .popup_wrapper.hitlist_info_content { max-width: 700px; } .popup_wrapper.hitlist_info_content h1 { margin: .7em 0 .3em 0; } .popup_wrapper.hitlist_info_content h2 { padding: 0 !important; } .popup_wrapper.hitlist_info_content h2, .popup_wrapper.hitlist_info_content h3 { margin: 1em 0 .1em 0; font-size: 16px; } .popup_wrapper.hitlist_info_content .popup_content_wrapper > div { padding: 0 3px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .search_engine_result_sort_order_container { position: relative; } .search_engine_result_sort_order_container .selection_core_wrapper { border: none; } .search_engine_result_sort_order_container .ipfit__fieldlabel { position: absolute; right: 15px; } .search_engine_result_sort_order_container select { opacity: 0; border: none; } .search_engine_result_sort_order_container[data-sort_order_key="rank"] .select_icon:before { content: '\f160'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .search_engine_result_sort_order_container[data-sort_order_key="name_asc"] .select_icon:before { content: '\f15d'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .search_engine_result_sort_order_container[data-sort_order_key="name_desc"] .select_icon:before { content: '\f882'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } } .engine_search_result_block__groups input, .search_engine_result_list_top_container select { padding: .4em .5em; } .search_engine_result_sort_order_container .ipfit__fieldlabel { margin-right: .5em; } div[data-fieldname="filter__search_term"] .ip_button { position: absolute; right: .5em; top: .5em; font-size: 15px; } .filter_link_list_item > ol > li .filter_link_list_item_link { font-size: 12px; padding: .3em 22px .3em 3em; } .filter_link_list_item > ol > li .filter_link_list_item_link:after { top: 4px; } .filter_group_visibility_icon, .filter_option_count, .filter_group_header_buttons { display: none; } .search_engine_result_filter_trigger { order: 2; } .search_engine_result_filter_trigger .ip_button { display: flex; align-items: center; } .search_engine_result_filter_trigger:not(.fixed) { display: flex; align-items: center; } .search_engine_result_filter_trigger:not(.fixed) .ip_button { padding: 0; color: #30BBCC; line-height: inherit; } .search_engine_result_filter_trigger:not(.fixed) .ip_button:hover { color: #2AA2B0; } .search_engine_result_filter_trigger:not(.fixed) .ip_button i { font-size: 1.5em !important; } .search_engine_result_filter_trigger .ip_button i { margin-left: 0 !important; } .top_container_for_empty_search_result .search_engine_result_filter_trigger { display: none; } .search_engine_result_filter_trigger.cloned .ip_button { opacity: 0; } .search_engine_result_filter_trigger.cloned.fixed .ip_button { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 50; background-color: #30BBCC; color: #FFFFFF; padding: 0 25px; line-height: 2.8em; font-size: 12px; transition: padding .3s, opacity .3s; opacity: 1; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .engine_search_result_block__groups__search_button_wrapper .ip_button { width: 100%; margin: 1em 0; justify-content: center; } .engine_search_result_block__groups__search_button_wrapper .ip_button .ip_button__text { font-size: 15px; padding-bottom: 2px; } } div.infinite_scroll__activity_container { text-align: center; color: #75a89b; margin-top: 1.5em; } div.infinite_scroll__activity_container .loading_wheel { position: static; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .area_wide_promotion_detail .main_product { max-width: 205px; } } .area_wide_promotion_overview .area_wrapper__trade, .area_wide_promotion_detail .area_wrapper__trade { width: 100%; } .situation__promotion_overview .engine_search_result_block__hits { background: none; box-shadow: initial; margin-bottom: 4em; } .situation__promotion_overview .search_engine_result_list_top_container, .situation__promotion_detail .search_engine_result_list_top_container, .situation__promotion_overview .product_box_inner_container_group_buttons { display: none; } .situation__promotion_overview .engine_search_result_block__result_list { display: grid; grid-auto-flow: row dense; grid-template-columns: repeat(auto-fit, calc(20px + 205px + 20px)); overflow: hidden; grid-gap: 1.5em; justify-content: center; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .situation__promotion_overview .engine_search_result_block__hits { max-width: 1600px; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .situation__promotion_overview .engine_search_result_block__hits { max-width: 100vw; } } .situation__promotion_overview .result_list_group { background: #FFFFFF; display: flex; flex-direction: column; justify-content: space-between; } .situation__promotion_overview .result_list_group, .situation__promotion_overview .result_list_group_wrapper { padding: 0; } .situation__promotion_overview .result_list_group_wrapper > li { list-style: none; display: block; position: relative; } .situation__promotion_overview .group_headling { display: contents; } .situation__promotion_overview .group_headline { position: relative; } .situation__promotion_overview .result_list_group .promotion_label_container { padding: 6px 13px; flex-direction: column-reverse; } .promotion_details_button_container { margin: -15px 13px 3px 13px; text-align: center; } .situation__promotion_overview .resultset_group_header_name .promotion_name { line-height: 1.4em; height: 2.8em; font-family: Montserrat, Helvetica, Arial, sans-serif; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .situation__promotion_overview .article_count { position: absolute; top: .5em; right: 1em; color: white; } .situation__promotion_overview .jcarousel-container { max-width: 100%; } .situation__promotion_overview .result_list_group.group_span_2 { grid-column: span 2; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .situation__promotion_overview .engine_search_result_block__result_list { display: block; } .situation__promotion_overview .result_list_group { margin: 0 0 1em 0; } .promotion.result_list_group .promotion_details_button_container { margin-top: 5px; } } .situation__promotion_detail .engine_search_result_block__hits { border-top-right-radius: initial; border-top-left-radius: initial; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-sizing: border-box; } .situation__promotion_detail .engine_search_result_block__result_list { padding: 0; } div[data-fieldname="search__promotion_title_new_paragraph"] { margin-bottom: 0; } form[data-ip_instance_key="article"] .engine_action_buttons_wrapper { display: none; } .search_promotion_detail_headline, div[data-ipfit-fieldname="search__promotion_title_new_paragraph"] { background-color: #D54291; } div[data-ipfit-fieldname="search__promotion_title_new_paragraph"], .search__promotion_discount_info_container .article_in_cart_info, .search__promotion_discount_info_container .discount_info, .search__promotion_discount_info_container .discount { padding: calc(var(--content_padding_v)/2) 20px; } .search_promotion_detail_headline { padding: calc(var(--content_padding_v)/2 - 2px) 20px calc(var(--content_padding_v)/2 - 1px) 20px; } div[data-ipfit-fieldname="search__promotion_title_new_paragraph"] { border-top-left-radius: 8px; border-top-right-radius: 8px; } div[data-ipfit-fieldname="search__promotion_title_new_paragraph"] h2, .search__promotion_discount_info_container .promotion_discount { font-size: 22px; font-weight: bold; text-transform: none; color: white; margin-top: 0; } .search__promotion_discount_info_container { position: fixed; border-radius: 8px; background-color: #FFFFFF; z-index: 4; max-width: 300px; min-height: 180px; } .discount_info_responsive { display: none; } @media (min-width: 1901px) { .search__promotion_discount_info_container { top: 158px; left: calc(50% - 1250px/2 - 300px - 15px); text-align: right; } } @media (max-width: 1900px) { .discount_info_responsive { position: fixed; width: 50px; height: 50px; font-size: 25px; display: flex; justify-content: center; align-items: center; color: white; background-color: #D54291; border-radius: 8px; z-index: 5; opacity: 0; transition: opacity .3s; } .discount_info_responsive.info_visible, .search__promotion_discount_info_container.info_visible { opacity: 1; } .discount_info_responsive:hover { color: white; } .search__promotion_discount_info_container { transform: translateX(800px); transition: transform .3s ease-in-out, opacity .3s; opacity: 0; } .search__promotion_discount_info_container.visible { transform: translateX(0); } .discount_info_responsive.visible { border-bottom-right-radius: initial; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .area_wide_promotion_detail .ip_engine_search_page { margin: 0 calc(var(--content_padding_h)/4); } .area_wide_promotion_detail .product_box_inner_container_group_main { margin: 0; } div[data-ipfit-fieldname="search__promotion_title_new_paragraph"] { font-size: 20px; padding-left: 10px; padding-right: 50px; } .search__promotion_discount_info_container { max-width: 97vw; min-width: 85vw; } .search__promotion_discount_info_container.visible { right: calc(var(--content_padding_h)/4); left: initial !important; } } .search__promotion_discount_info_container .promotion_discount { display: block; margin-top: -1px; } .search__promotion_discount_info_container .article_in_cart_info, .search__promotion_discount_info_container .discount_info, .search__promotion_discount_info_container .discount { font-weight: bold; font-size: 14px; } .search__promotion_discount_info_container div.article_in_cart_info { color: #30BBCC; } .search__promotion_discount_info_container .discount { color: #D54291; } form[data-ip_instance_key="businessTransaction"] { position: relative; min-height: 440px; } form[data-ip_instance_key="businessTransaction"] .placements_wrapper__grid > div.engine_page_element[data-fieldname="bt_create_date_range"] { position: absolute; width: 100%; top: 60px; display: flex; justify-content: center; z-index: 5; } form[data-ip_instance_key="businessTransaction"] .engine_search_result_block__hits { margin-bottom: 3em; } form[data-ip_instance_key="businessTransaction"] .engine_search_result_block__hits .ipfit__field__inner_wrapper { z-index: 1; } form[data-ip_instance_key="businessTransaction"] div.placements_wrapper__grid.has_cols_1 { max-width: 100%; } div.engine_page_element[data-fieldname="bt_no_hits_title_new_paragraph"] .ipfit__field__wrapper { margin: 0; } div.engine_page_element[data-fieldname="bt_no_hits_title_new_paragraph"] h2 { text-transform: none; font-size: 14px; color: inherit; } form[data-ip_instance_key="businessTransaction"] .result_table { border-collapse: separate; } .bt_item_wrapper { cursor: pointer; position: relative; } form[data-ip_instance_key="businessTransaction"] .bt_item_wrapper td { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } form[data-ip_instance_key="businessTransaction"] .bt_item_wrapper td:first-child { border-left: 1px solid transparent; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } form[data-ip_instance_key="businessTransaction"] .bt_item_wrapper td:last-child { border-right: 1px solid transparent; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .bt_item_wrapper:hover, .bt_item_wrapper.active_order { color: #2AA2B0; } form[data-ip_instance_key="businessTransaction"] .bt_item_wrapper.active_order { border: 1px solid #2AA2B0; border-radius: 3px; } form[data-ip_instance_key="businessTransaction"] .bt_item_wrapper.active_order td { border-top: 1px solid #2AA2B0; border-bottom: 1px solid #2AA2B0; } form[data-ip_instance_key="businessTransaction"] .bt_item_wrapper.active_order td:first-child { border-left: 1px solid #2AA2B0; } form[data-ip_instance_key="businessTransaction"] .bt_item_wrapper.active_order td:last-child { border-right: 1px solid #2AA2B0; } form[data-ip_instance_key="businessTransaction"] .header_cell_row { display: none; } .bt_item_wrapper.active_order > td:first-child:before { content: ' '; position: absolute; left: -31px; top: 15px; width: 30px; height: 300px; z-index: 1; border-top: 1px solid #2AA2B0; border-left: 1px solid #2AA2B0; border-top-left-radius: 3px; } form[data-ip_instance_key="businessTransaction"] .search_engine_result_table { margin: 85px auto 0 auto; } .order_details_wrapper { margin: 1em 1em 2.5em 1em; border: 1px solid #2AA2B0; background-color: #FFFFFF; position: relative; z-index: 2; border-radius: 3px; overflow: hidden; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .bt_item_wrapper.active_order > td:first-child:before { content: none; } form[data-ip_instance_key="businessTransaction"] table.search_engine_result_table { font-size: 12px; } .order_details_wrapper, form[data-ip_instance_key="businessTransaction"] div.ipfit_show_resultset_table_wrapper[data-ip_show_resultset_fieldname="engine_search_resultset"] { margin-left: calc(var(--content_padding_h)/2); margin-right: calc(var(--content_padding_h)/2); } } .engine_page_element { max-width: 100%; } .placements_wrapper__grid, .engine_page_field_group_element_row__grid { display: grid; grid-gap: 0 30px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .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; } @media only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .ip_engine_wizard_page:not(.view_mode) .placements_wrapper__grid .engine_page_element.colspan_1, .ip_engine_wizard_page:not(.view_mode) .engine_page_container_multicol .engine_page_column { max-width: 470px; } .ip_engine_wizard_page:not(.view_mode) .placements_wrapper__grid { grid-gap: 0 40px; } .ip_engine_wizard_page:not(.view_mode) .engine_page_container_multicol .engine_page_table { margin: 2em 0 2.5em 0; } .ip_engine_wizard_page:not(.view_mode) .has_cols_2, .ip_engine_wizard_page:not(.view_mode) .has_cols_4, .ip_engine_wizard_page:not(.view_mode) .has_cols_6, form[data-ip_instance_key="catalogRequest"] .engine_action_buttons_wrapper, form[data-ip_instance_key="eventRegistration"] .engine_page_container_multicol { max-width: 980px; margin: 0 auto; } .engine_page_field_group_element_row__grid { width: 980px; margin: 0 auto; } .area_full_width .ip_engine_wizard_page:not(.view_mode) form[data-ip_instance_key="catalogRequest"] .has_cols_2 { max-width: 1200px; } } h1, h2 { margin: 0; } a { text-decoration: none; display: inline-block; color: inherit; } ul, p { padding: 0; margin: 0; } img { display: inline-block; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { :root { --content_padding_h: 30px; --content_padding_v: 20px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { :root { --content_padding_h: 15px; --content_padding_v: 20px; } } @media only screen and (min-width: 1024px) and (max-width: 1279.9px) { :root { --content_padding_h: 20px; } } body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #595959; background-color: #f7f7f7; font-size: 13px; line-height: 1.5; height: 100%; } body.area_layout__default { background: linear-gradient(0deg, #e0ecea 30%, #f7f7f7 70%); background-repeat: no-repeat; } .header, .footer_navigation_wrapper, .copyright_content, .pre_copyright_content, .language_switch_container { max-width: 1250px; margin: 0 auto; } .pre_copyright_container, body:not(.area_layout__business_transaction) .copyright_container { background-color: #f7f7f7; } .header, main { padding: 0 var(--content_padding_h); } main { max-width: 1250px; margin: 0 auto -2.5em auto; } .in_app_webview main { margin: 0 auto; } @media (min-width: 1715px) { body.area_nav_trade main { max-width: calc(1250px + 200px + 12px); } } body.area_wide main { max-width: 2220px; } body.area_wide .area_wrapper__trade { margin: 0 auto; } .area_wrapper__trade { width: 100%; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { body.area_wide_promotion_overview main { max-width: 1600px; } body.area_wide .area_wrapper__trade { min-width: 1250px; } } a:hover { color: #2AA2B0; } a.ip_button_type__engine_instance:hover { color: #FFFFFF; } a.ip_button_type__form_neutral:hover { color: #333; } .privacy_policy_consent_link { text-decoration: underline; } img { display: inline-block; max-width: 100%; height: auto; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { main { padding: 0; } body.area_wide .area_wrapper__trade { margin: 0; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { html { scroll-padding-top: 128px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { html { scroll-padding-top: 60px; } } .tree_list_item_name .tree_list_item_icon_before + .tree_list_item_name_content { margin-left: .4em; } header { background: #fffffff9; border-bottom: 1px solid #e0ecea; position: relative; z-index: 100; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .area_full_width header { box-shadow: 0 0 10px 0 rgba(0, 0, 0,.13); } } .header_menu_row { display: flex; justify-content: space-between; transition: padding .5s; } .area_layout__default .header_menu_row { padding: 1.9em 0 1.3em 0; } .header.scroll_down .header_menu_row { padding: 1.2em 0 .5em 0; } .area_layout__business_transaction .header_menu_row { padding: 1.9em 0; align-items: center; } .logo_container { display: flex; align-items: center; } .logo_container img { display: block; } .area_layout__default .header_menu_block_center { width: 80%; margin: 0 3em; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .header_menu_row { align-items: flex-start; } .header_menu_block_center { position: relative; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .area_layout__business_transaction .header_menu_row { display: block; } .area_layout__business_transaction .logo_container { margin-bottom: 1em; } } .header_menu_search_container { display: flex; flex-direction: row-reverse; justify-content: space-between; background-color: #eee; border-radius: 1.5em; height: 3.2em; max-width: 600px; margin: 0 auto; align-items: center; } .header_menu_search_field { flex-grow: 1; } .header_menu_search_field .ipfit__field__wrapper { border: none; margin: 0; } .header_menu_search_submit button { border: none; background: transparent; cursor: pointer; margin: 0; color: inherit; position: relative; top: 2px; } .header_menu_search_submit button i { font-size: 1.6em; display: flex; justify-content: center; } .header_menu_search_submit button, .speech_recognition_button { padding: 0 13px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .speech_recognition_button { padding-right: 0; } } .speech_recognition_button .ip_button { font-size: 20px; color: #595959 !important; position: relative; top: 1px; } .speech_recognition_button.recog_active .ip_button { color: red !important; } .header_menu_search_field input { background: transparent; border: none; font-size: 17px; line-height: 2.4em; padding: 0; width: 100%; color: #75a89b; } .header_menu_search_field input::-webkit-search-cancel-button { display: none; } .header_menu_block_right { display: flex; position: relative; } .area_layout__business_transaction .header_menu_block_right { display: none; } .popup_wrapper.login { right: 0; } .popup_wrapper.login .ip_button { min-width: 55%; } .ip_engine_wizard_page form[data-ip_instance_key="login"] .ip_button { min-width: 50%; } form[data-ip_instance_key="login"] .ip_button__default { width: 100%; } form[data-ip_instance_key="login"] .button_and_label label { margin: 1em 0 .3em .2em; display: block; font-family: Montserrat, Helvetica, Arial, sans-serif; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .popup_wrapper.my_account_info { right: 0; min-width: 220px; padding: 1.5em 0; } } .header_menu_link { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; text-align: center; color: #595959; } a.header_menu_link:hover { color: inherit; } .header_menu_link i, .header_menu_search_show_input_field_trigger i { font-size: 2.2em; color: #75a89b; transition: color 200ms; } .header_menu_search_show_input_field_trigger { margin-top: 2px; } .header_menu_link:hover i { color: #2AA2B0; } .header_menu_icon.login_trigger, .header_menu_search_show_input_field_trigger { margin-right: 2.2em; } .header_menu_label { white-space: nowrap; } .header_menu_label_container { font-size: 12px; margin-top: 5px; } .header_menu_sub_label { display: block; white-space: nowrap; } .header_menu_icon button { background: none; } .header_menu_link .info_counter, .header_suser, .header_customer { background-color: #006C55; color: white; border-radius: 50px; } .header_menu_link .info_counter { min-width: 7px; height: 16px; transform: translate(80%,-30%); font-size: 11px; padding: 0 5px; line-height: 1.3em; } .header_menu_link .logged_in_sign { background-color: white; width: 7px; height: 7px; border-radius: 5px; transform: translate(140%,200%); position: absolute; display: block; text-align: center; } .header_menu_link .logged_in_sign i { color: #006C55; position: absolute; font-size: 12px; top: -2px; left: -2px; } .header_suser, .header_customer { font-size: 12px; padding: 1px 10px; } .header_suser:before { content: '\f095'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; margin-right: .3em; } .header_customer_container { cursor: pointer; justify-self: end; display: inline-block; position: relative; } .popup_wrapper.header_customer_popup a { color: #595959; font-size: 12px; display: block; padding: 3px 1em 3px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .popup_wrapper.header_customer_popup a:hover { color: #2AA2B0; } .top_info_bar { max-height: 55px; transition: all .3s; } .header.scroll_down .top_info_bar { max-height: 0; overflow: hidden; margin-bottom: 0; } .header_suser_container { grid-area: middle; } .header_customer_container { grid-area: right; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .popup_wrapper.login { width: 300px; transform: none !important; left: initial !important; } .top_info_bar { display: grid; grid-template-areas: "left middle right"; grid-template-columns: 1fr 1fr 1fr; } .header_suser_container, .header_customer_container { margin-top: 3px; } .header_suser_container { justify-self: center; } .header_customer:before { content: '\f078'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; margin-right: .3em; } .popup_wrapper.header_customer_popup { max-width: 300px; min-width: 100%; max-height: 70vh; overflow-y: auto; padding-right: 0; right: 0; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .logo_container img { max-width: 150px; } .header_menu_row { padding: 1em 0 !important; } .header_menu_link i, .header_menu_search_show_input_field_trigger i { font-size: 1.9em; } .header_menu_search_show_input_field_trigger { opacity: 1; cursor: pointer; pointer-events: auto; transition: opacity .5s; } .header_menu_search_show_input_field_trigger.open { opacity: 0; cursor: default; pointer-events: none; } .top_info_bar { flex-basis: 100%; display: grid; grid-template-areas: "middle right"; grid-template-columns: auto auto; grid-column-gap: .5em; } .header_suser_container, .header_customer_container { margin-top: 5px; } .header_customer:before { content: '\f053'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; margin-right: .2em; font-size: 10px; position: relative; top: -1px; } .popup_wrapper.header_customer_popup .popup_content_wrapper { margin-top: 5px; } .popup_wrapper.header_customer_popup a { padding: 5px 22px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { header { box-shadow: 1px 1px 15px rgba(0, 0, 0,.13); } .logo_container img { max-width: 125px; height: auto; } .header_menu_link .logged_in_sign { transform: translate(130%,170%); } .area_layout__default .header_menu_block_center { margin: 0; text-align: right; } .header_menu_search { position: absolute; transform: translateY(-150px); opacity: 0; transition: opacity .5s, transform .4s; width: 100%; padding: .7em var(--content_padding_h); box-sizing: border-box; left: 0; background-color: #fffffff9; border-bottom: 1px solid #e0ecea; } .header_menu_search.open { transform: translateY(35px); opacity: 1; } .header_menu_search_hide_input_field_trigger { padding: 0 1em; line-height: 1; } .header_menu_search_hide_input_field_trigger .ip_button i { font-size: 1.3em; } .header_suser, .header_customer { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40vw; display: block; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .header_menu_block_right { align-items: center; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .header.nav_with_transformicon_icon { display: flex; justify-content: space-between; flex-wrap: wrap; } .header.nav_with_transformicon_icon .header_menu_row { flex: 1 1 0; margin-right: 2.2em; } div.header_navigation_wrapper ul.main_navigation { display: block; padding: 3.5em 0 150px 0; } div.header_navigation_wrapper ul li { text-align: left; } } @media only screen and (min-width: 1024px) and (max-width: 1279.9px) { .header_menu_icon.login_trigger, .header_menu_search_show_input_field_trigger, .header.nav_with_transformicon_icon .header_menu_row { margin-right: 2.6em; } } @media (max-width: 350px) { .header_menu_link i, .header_menu_search_show_input_field_trigger i { font-size: 1.8em; } .header_menu_icon.login_trigger, .header_menu_search_show_input_field_trigger, .header.nav_with_transformicon_icon .header_menu_row { margin-right: 1.3em; } .product_box_inner_container_group_info_bottom { flex-wrap: wrap; } .main_product .product_box_inner_container_group_buttons { display: none; } } .header_navigation_wrapper li { list-style: none; } .header_navigation_wrapper ul.main_navigation { display: flex; justify-content: center; } .header_navigation_wrapper ul.main_navigation > li { position: relative; } .header_navigation_wrapper ul.main_navigation > li > .tree_list_item_name { text-align: center; white-space: nowrap; line-height: 2.2em; font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 1.1em; font-weight: bold; cursor: pointer; color: inherit; } .header_navigation_wrapper > li:hover > .tree_list_item_name { color: #2AA2B0 !important; } .tree_list_item__promotions > .tree_list_item_name > .tree_list_item_name_content { display: flex; align-items: center; position: relative; } .tree_list_item__promotions > .tree_list_item_name > .tree_list_item_name_content:before { margin-right: 3px; } .tree_list_item__promotions > .tree_list_item_name > .tree_list_item_name_content:before, .pb_article_search_suggest .product_box_promotion_seal:before, .product_box_inner_container_group_carousel .product_box_promotion_seal:before { content: '\f0a3'; font-family: 'FontAwesomeSolid'; font-weight: 900; font-style: normal; color: #D54291; font-size: 24px; } .tree_list_item__promotions > .tree_list_item_name > .tree_list_item_name_content:after, .pb_article_search_suggest .product_box_promotion_seal:after, .product_box_inner_container_group_carousel .product_box_promotion_seal:after { content: '\25'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: white; font-size: 11px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .tree_list_item__promotions > .tree_list_item_name > .tree_list_item_name_content::after { left: 13px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .tree_list_item__promotions > .tree_list_item_name > .tree_list_item_name_content::after { left: 12px; } } .tree_list_item__promotions_overview > span.tree_list_item_name { display: none; } .header_navigation_layer .tree_list_item__no_promotions > span.tree_list_item_name { font-size: 13px; font-weight: normal; white-space: normal; } .header_navigation_layer .tree_list_item_name.promotion { display: flex; justify-content: space-between; align-items: center; } .header_navigation_layer .tree_list_item_name.promotion .promotion_discount { margin-left: 12px; font-size: 12px; color: #a2a2a2; } .header_navigation_layer { transition: all 200ms; max-height: 0; overflow: hidden; } .header_navigation_layer.layer_active { transition: all 380ms ease-in-out; margin-top: 1px; } .tree_list_item__promotions_overview_all, .tree_list_item__promotions .header_navigation_layer li.tree_list_item__promotions_overview_all a { background-color: #D54291; color: white !important; } .tree_list_item__article_overview_all_new { margin-top: 1px; } .tree_list_item__article_overview_all, .tree_list_item__article_overview_all_new, .tree_list_item__article_overview_all a, .tree_list_item__article_overview_all_new a { background-color: #006C55; color: white !important; } .social_media_links_container { display: flex; align-items: center; column-gap: 17px; margin-top: 10px; } .social_media_links_container .linked_in { margin-right: -4px; } .social_media_links_container img { max-height: 25px; width: auto; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .header_navigation_wrapper ul.main_navigation { position: relative; } .header_navigation_wrapper ul.main_navigation > li { padding: 0 15px; } .header_navigation_wrapper ul.main_navigation > li.tree_list_item__manufacturers { position: static; } .header_navigation_layer.adjusted { left: -3em !important; } .header_navigation_layer:not(.adjusted) { left: 50%; transform: translate(-50%, 0); } .header_navigation_layer { background: #fffffffa; box-shadow: 1px 7px 10px rgba(0, 0, 0,.13); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .header_navigation_layer.layer_active { padding: 1em 0; max-height: 80vh; } .header_navigation_layer.layer_active.transition_done { overflow-y: auto; } .touch .header_navigation_layer.layer_active.transition_done { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .header_navigation_layer.layer_active.transition_done { scrollbar-color: #98cad0a1 transparent; scrollbar-width: thin; } } .header_navigation_layer.layer_active.transition_done::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .header_navigation_layer.layer_active.transition_done::-webkit-scrollbar-track { background-color: transparent; border-radius: 0.25rem; } .header_navigation_layer.layer_active.transition_done::-webkit-scrollbar-thumb { border-radius: 0.25rem; background-color: #98cad0a1; } .header_navigation_layer.layer_active.transition_done::-webkit-scrollbar-corner { background-color: transparent; } .tree_list_item__products .header_navigation_layer.layer_active, .tree_list_item__promotions .header_navigation_layer.layer_active { padding-top: 0; } .tree_list_item__promotions .header_navigation_layer.layer_active { padding-bottom: 0; } .tree_list_item__article_overview_all_new + .tree_list_item__categories, .tree_list_item__promotions_overview_all + .tree_list_item__promotion, ul.tree_list .tree_list_item__promotion:first-child { margin-top: 1em; } .tree_list_item__article_overview_all, .tree_list_item__article_overview_all_new, .tree_list_item__promotions_overview_all { padding: .3em; } .tree_list_item__no_promotions { min-width: 300px; text-align: center; padding-top: 1em; grid-column: span 2; } .tree_list_item__promotions_overview > ul.tree_list { display: grid; align-items: start; grid-template-columns: auto 250px; grid-template-areas: "all_promotions article_container" "list_promotions article_container"; } .tree_list_item__promotion_article_list_container { grid-area: article_container; height: 100%; overflow-y: auto; border-left: 1px solid #e1e1e1; background-color: #F9F9F9; } .touch .tree_list_item__promotion_article_list_container { overflow: auto; } @supports not (selector(::-webkit-scrollbar)){ .tree_list_item__promotion_article_list_container { scrollbar-color: #30BBCC transparent; scrollbar-width: thin; } } .tree_list_item__promotion_article_list_container::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .tree_list_item__promotion_article_list_container::-webkit-scrollbar-track { background-color: transparent; border-radius: 0.25rem; } .tree_list_item__promotion_article_list_container::-webkit-scrollbar-thumb { border-radius: 0.25rem; background-color: #30BBCC; } .tree_list_item__promotion_article_list_container::-webkit-scrollbar-corner { background-color: transparent; } .tree_list_item__promotion_articles { padding-top: 18px; } .tree_list_item__promotion_articles:not(.visible) { display: none; } .tree_list_item__promotions_overview_all { grid-area: all_promotions; } .tree_list_item__promotion_list_container { grid-area: list_promotions; } .tree_list_item__promotion_list_container > ul { margin-bottom: 1em; } .tree_list_item__promotion_article_list_container > ul > li { position: relative; } .tree_list_item__promotion_articles .promotion_seal_link { position: absolute; top: 7px; left: 4px; z-index: 2; } .tree_list_item__promotion_articles .promotion_seal_link i { font-size: 4.2em; color: #D54291; } .product_box_inner_container_group_nav { padding: 0 20px 0 40px; text-align: center; } .product_box_inner_container_group_nav.img_single_mode { padding: 0 20px; } .main_product.product_box_inner_container_group_nav .product_box_product_name { margin-bottom: 0; } .main_product.product_box_inner_container_group_nav .product_box_product_image { margin-bottom: .4em; } .main_product.product_box_inner_container_group_nav .product_box_product_image img, .product_box_inner_container_group_nav.img_single_mode .product_box_product_image img { max-height: 115px; width: auto; } .main_product.product_box_inner_container_group_nav .product_box_product_name { margin-left: 12px; margin-right: 12px; } .product_box_inner_container_group_nav .product_box_inner_container_group_logos { margin-top: -60px; } .tree_list_item__promotion_articles .product_box_container:not(:last-child) { margin-bottom: 15px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .header_navigation_wrapper ul.main_navigation > li > .tree_list_item_name { line-height: 2em; font-weight: bold; margin-top: .7em; } .header_navigation_wrapper ul.main_navigation > li > .tree_list_item_name, ul.tree_footer span.tree_list_item_name { font-size: 18px; } .header_navigation_wrapper > ul > li > .tree_list_item_name { padding: 0 20px; display: flex; } .header_navigation_wrapper > ul.main_navigation > li > .tree_list_item_name:before { content: '\f054'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; font-size: 10px; margin-right: 10px; display: inline-block; transition: transform .5s; } .header_navigation_wrapper li.open > .tree_list_item_name:before { transform: rotate(90deg); } .header_navigation_wrapper ul.tree_list_level_1 > li > span.tree_list_item_name { display: none; } .header_navigation_layer.layer_active { margin: 0 0 1.2em 0; max-height: 2000px; } .tree_list_item__promotions_overview ul.tree_list { height: auto !important; } .header_navigation_layer .tree_list_item_name.promotion { justify-content: start; white-space: normal; } .tree_list_item__article_overview_all, .tree_list_item__promotions_overview_all { margin-top: 5px; } .tree_list_item__article_overview_all a.tree_list_item_name, .tree_list_item__article_overview_all_new a.tree_list_item_name { padding-top: 7px; padding-bottom: 7px; } .tree_list_item__article_overview_all_new { margin-bottom: 5px; } .header_navigation_layer .tree_list_item_name.promotion .promotion_discount { display: none; } .tree_list_item_name.promotion .promotion_discount:before { content: '('; margin-right: 1px; } .tree_list_item_name.promotion .promotion_discount:after { content: ')'; margin-left: 1px; } .tree_list_item__promotion_article_list_container { display: none; } } .auto_completion_data_div { background-color: #fffffffa; box-shadow: 1px 1px 15px rgba(0, 0, 0,.13); border-radius: 8px; } .header_menu_search_container .ipfit__autoCompletion__wrapper .ipfit__field__inner_wrapper { position: static; } .header_menu_search_container .auto_completion_data_div { position: absolute; top: 4.5em; left: 0; margin: 0 var(--content_padding_h); max-height: 600px; text-align: left; } .header_ac_footer { background-color: #30BBCC; color: #FFFFFF; text-align: center; padding: 1em; display: block; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; transition: background-color .5s; } a.header_ac_footer:hover { background-color: #2AA2B0; color: #FFFFFF; } .header_ac_footer .highlight { font-weight: bold; } .header_ac_content_wrapper { padding: var(--content_padding_v) var(--content_padding_h) 0 var(--content_padding_h); } .header_ac_no_hits { display: none; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .header_menu_search_container .auto_completion_data_div { width: calc(100% - var(--content_padding_h)) !important; top: 4em; max-width: 800px; } .header_ac_content_wrapper { display: grid; grid-template-columns: 55% auto; column-gap: 5em; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .header_menu_search_container .auto_completion_data_div { top: 5em; left: 50%; transform: translateX(-50%); margin: 0 !important; } } .header_ac_article_wrapper { grid-row: 1 / 3; } .ac_headline { font-size: 15px; font-family: Montserrat, Helvetica, Arial, sans-serif; margin-bottom: .5em; font-weight: bold; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .header_menu_search_container .auto_completion_data_div { max-height: 85vh; overflow-y: auto; margin: 0 .5em; width: calc(100% - 1em) !important; } } .auto_completion_highlighted { color: #75a89b; font-weight: bold; } .breadcrumb_container { max-width: 1250px; margin: 0 auto; display: grid; grid-auto-flow: column; align-items: center; flex-basis: 100%; height: 2.6em; font-size: 12px; grid-template-columns: max-content; } .tree_breadcrumb { display: flex; align-items: center; } .area_layout__business_transaction .tree_breadcrumb { display: none; } .tree_breadcrumb li { list-style: none; margin-right: 10px; } .breadcrumb_container .phone_contact { justify-self: end; white-space: nowrap; display: flex; align-items: center; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .show_resp_sub_nav_link { display: flex; align-items: center; height: 2.5em; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px) { .breadcrumb_navigation_container { max-width: 80vw; } .tree_breadcrumb li { white-space: nowrap; } .tree_breadcrumb li:last-child { overflow: hidden; text-overflow: ellipsis; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .breadcrumb_container { padding: 0 var(--content_padding_h); justify-content: end; } .area_wide_promotion_detail .breadcrumb_container { display: flex; } .shop_page_layout__nav_trade .breadcrumb_container, .area_wide_promotion_detail .breadcrumb_container { justify-content: space-between; } .area_layout__default:not(.area_wide_promotion_detail) .breadcrumb_container .breadcrumb_navigation_container, .area_wide_promotion_detail .tree_breadcrumb .last_item { display: none; } .breadcrumb_container .phone_contact { font-size: 12px; } } .master_layout_side_button_wrapper { position: fixed; z-index: 20; right: 30px; bottom: 30px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .master_layout_side_button_wrapper { right: 20px; } } .master_layout_side_button_wrapper.scroll_to_top .ip_button { display: none; } .master_layout_side_button_wrapper.scroll_to_top .ip_button i { font-size: 3em; } .master_layout_side_button_wrapper.scroll_to_content { right: calc(50% - 22px); } .ip_button__scroll_to_content { animation: customBounce 1.75s infinite; font-size: 18px; background: #006C55; background: linear-gradient(145deg, #006C55 30%, rgba(4,56,45,1) 75%); } .ip_button__scroll_to_content:hover { background-color: #006C55c9; } .ip_button__scroll_to_content i { color: white; } @keyframes customBounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-7px); } 60% { transform: translateY(-3.5px); } } .search_filter_overlay_wrapper { box-shadow: 1px 1px 13px rgba(0, 0, 0,.4); } @media (min-width: 1715px) { .area_container.nav_trade { position: relative; display: flex; align-items: flex-start; left: -106px; } .shop_page_layout__nav_trade .area_column_wrapper { flex: 1 1 0; } .area_wrapper__areaNav { position: sticky; top: 120px; margin-right: 13px; padding: 15px 0; background-color: #F9F9F9; box-shadow: 1px 1px 15px rgba(0, 0, 0,.13); border-radius: 8px; overflow: hidden; width: 200px; } .sub_nav_container { display: none; } } @media (max-width: 1715px) { .area_wrapper__areaNav { display: none; } .sub_nav_container { display: block; } } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .engine_search_result_block__groups { position: relative; z-index: 3; } .search_filter_overlay_wrapper { background-color: #F9F9F9; border-radius: 8px; margin-right: 13px; position: sticky; top: 120px; box-shadow: 1px 1px 15px rgba(0, 0, 0,.13); overflow: hidden; max-height: calc(100vh - 120px - 15px); } .engine_search_result_block__groups { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 120px - 23px); scrollbar-color: #98cad0a1 #f7f7f7; scrollbar-width: thin; } .engine_search_result_block__groups::-webkit-scrollbar { width: 8px; } .engine_search_result_block__groups::-webkit-scrollbar-track { background-color: #f7f7f7; border-radius: 5px; } .engine_search_result_block__groups::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #98cad0a1; } } .areaNav_content_wrapper li { list-style: none; } .area_column_wrapper, .engine_search_result_block__hits { background: #FFFFFF; max-width: 100%; } body:not(.article_view_layout):not(.area_full_width) .area_column_wrapper, .search_engine_result_block_container.with_side_search_filter_groups .engine_search_result_block__hits, .search_engine_result_block_container.situation__promotion_overview .engine_search_result_block__no_hits { box-shadow: 1px 1px 13px rgba(0, 0, 0,.4); } .search_engine_result_block_container.situation__promotion_overview .engine_search_result_block__no_hits { max-width: 1250px; margin: 0 auto; min-height: 250px; display: flex; align-items: center; } .search_engine_result_block_container.with_side_search_filter_groups .engine_search_result_block__hits { flex: 1 1 0; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .search_engine_result_block_container.with_side_search_filter_groups .engine_search_result_block__hits { min-height: 800px; } .search_engine_result_block_container.situation__promotion_overview .engine_search_result_block__no_hits { border-radius: 8px; } } .area_layout__business_transaction .area_column_wrapper { min-height: initial; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .area_column_wrapper, .engine_search_result_block__hits, .article_view_container .engine_page_element_row { border-radius: 8px; } .search_engine_result_list_top_container, .area_wrapper__areaTradeTop, body:not(.area_full_width) .area_wrapper__trade { border-top-left-radius: 8px; border-top-right-radius: 8px; } .area_wrapper__areaTradeTop, .shop_page_layout__nav_trade .area_wrapper__trade { overflow: hidden; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .area_wrapper__trade > .content_document_wrapper > .cms_container > .content_container_content_cell > .cms_container:first-child .content_container_content_cell:not(.grid_container) img.cst_upload_image { border-top-left-radius: 8px; border-top-right-radius: 8px; } .in_app_webview .area_column_wrapper { margin: 20px 0 50px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .area_column_wrapper { border-radius: 0; } } .areaNav_headline, .engine_page_title_new_paragraph, .filter_group_header_content, .popup__headline, .tree_my_account_info span.tree_list_item_name { font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 19px; font-weight: bold; } .tree_my_account_info span.tree_list_item_name { display: block; } .areaNav_headline, .tree_shoppage a, .tree_my_account_info span.tree_list_item_name, .filter_group_header_content, .filter_link_list_item_link, .filter_content .checkbox_list_item, .filter_incomplete_option_container, .engine_search_result_block__groups__search_button_wrapper { padding-left: 22px; padding-right: 22px; } .filter_group_header_content { margin-bottom: 2px; } .tree_shoppage a, .tree_my_account_info a, .filter_link_list_item_link, .filter_content .checkbox_list_item { padding-top: 5px; padding-bottom: 5px; display: block; margin: 1px 0; } .tree_shoppage, .nav_switch_display_mode_container { padding: 1em 0 0 0; } .header_navigation_layer .tree_list_item_name, .header_navigation_layer .social_media_links_container { padding: 5px 36px; white-space: nowrap; } .header_navigation_layer .social_media_links_container { margin-top: 7px; } .header_navigation_layer .tree_list_item_name { display: block; } .tree_my_account_info a.tree_list_item_name, .nav_switch_display_mode_container { padding-left: 22px; padding-right: 22px; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .header_navigation_layer span.tree_list_item_name { margin-bottom: .5em; } } .tree_shoppage > li.open a, .tree_my_account_info ul.tree_list > li.open > a, .filter_value_selected, .filter_value_selected_path_entry, .header_navigation_layer > ul > li.open a { background-color: #2AA2B0; color: #FFFFFF !important; opacity: .8; } .tree_list_item_icon_before { margin-right: .7em; } .tree_list_item_icon_after { margin-left: .7em; } .header_navigation_wrapper .tree_list_item_icon_before, .footer_navigation_wrapper .tree_list_item_icon_before { font-size: 15px; } .area_layout__default.area_full_width main { max-width: initial; width: 100%; padding: 0; background-color: #FFFFFF; } .area_layout__default.area_full_width .breadcrumb_container { padding: 0 var(--content_padding_h); box-sizing: content-box; } .area_layout__default.area_full_width .area_column_wrapper, .area_layout__default.area_full_width .area_wrapper__areaTradeTop { border-radius: initial; } .ip_engine_message_page_wrapper { padding: var(--content_padding_h) var(--content_padding_v); } .ip_engine_wizard_page > .ip_engine_message_page_wrapper, .engine_instance_popup .ip_engine_message_page_wrapper { padding-left: 0; padding-right: 0; } .side_info_container { position: fixed; right: 0; top: 200px; background: #006C55; background: linear-gradient(145deg, #006C55 30%, rgba(4,56,45,1) 75%); color: white; border-top-left-radius: 12px; border-bottom-left-radius: 12px; padding: 10px; max-width: 38px; max-height: 40px; box-sizing: border-box; cursor: pointer; z-index: 99; transition: all .4s; } .side_info_container.open { transition: max-width .8s; max-width: 98vw; max-height: 70vh; overflow-y: auto; } .side_info_container i { font-size: 20px; display: block; } .side_info_container .cms_text { position: relative; visibility: hidden; box-sizing: border-box; line-height: 1.3em; padding: 12px; } .side_info_container.open .cms_text { visibility: visible; } .side_info_container .cms_text .cci_snippet_container, .side_info_container .cms_text .content__html_text, .side_info_container .cms_text .content__html_text p { padding: 0; color: white; } .side_info_container .cms_text .cci_wrapper_snippet_html_text + .cci_wrapper_snippet_link { margin-top: 13px !important; } .side_info_container .cms_text .content__html_text p { padding: 5px 0; } .side_info_container .cms_text .ip_button { display: none; } .side_info_container.open .ip_button { display: inline-flex; margin: 0; } .side_info_container .cms_img_container { margin-bottom: 15px !important; padding-top: 0 !important; } .side_info_container .cst_upload_image { max-width: 250px; height: auto; } @media (max-width: 1024px) { .side_info_container { top: 195px; } .side_info_container .cst_upload_image { max-width: 190px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .side_info_container { max-width: 35px; max-height: 37px; padding: 9px 10px; } .side_info_container .cms_text { padding-top: 5px; padding-bottom: 8px; } .side_info_container.open { max-width: 94vw; } .side_info_container .cms_text .content__html_text { font-size: 13px; line-height: 1.6em; max-width: 92vw; } } .phone_contact:after { content: '\f095'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; font-size: 15px; margin-left: .5em; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .manufacturers_overview_wrapper ul { padding: 1em 3em; display: flex; flex-wrap: wrap; width: 1250px; max-width: 98vw; justify-content: center; } .manufacturers_overview_wrapper a { text-align: center; padding: 1.5em 2.5em; } .manufacturers_overview_wrapper a img { transition: transform .5s; margin-bottom: .8em; } .manufacturers_overview_wrapper a:hover img { transform: scale(1.08); } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .manufacturers_overview_wrapper a { display: grid; grid-template-columns: 1fr 3fr; align-items: center; padding: 2px 12px; } .manufacturers_overview_wrapper a > div { padding-left: 15px; } .manufacturers_overview_wrapper a img { max-width: 70px; max-height: 45px; margin: 4px 0 4px 15px; } } .language_switch_container { padding-top: 30px; text-align: center; } .language_switch_container a { margin: 0 10px; width: 18px; height: 18px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; transition: transform .4s; border: 1px solid #e1e1e1; } .language_switch_container img { height: 100%; width: auto; max-width: none; } .language_switch_container a.lang_active { cursor: default; } .language_switch_container a:hover, .language_switch_container a.lang_active { transform: scale(1.3); } .pre_copyright_content { padding: 40px 0; text-align: center; } .language_switch_content { display: flex; justify-content: center; } .pre_copyright_content div.content_container { display: flex; justify-content: center; min-height: 50px; align-items: start; } .pre_copyright_content div.content_container a, .digicert_seal, .bio_container { margin: 0 .6em; padding: 0; } .pre_copyright_content div.content_container img { max-height: 45px; width: auto; } .pre_copyright_content div.content_container .bio_container img { max-height: 32px; } .pre_copyright_content div.bio_container .id { font-size: 11px; margin-top: -5px; } .copyright_content { font-size: 12px; text-align: center; padding: 0 var(--content_padding_h) 30px var(--content_padding_h); } .pre_copyright_message { margin-bottom: var(--content_padding_v); } footer { padding: 3.5em 0 0 0; margin-top: -2.5em; } .area_layout__business_transaction footer { background: none; } .area_layout__business_transaction .copyright_container { margin-top: 3em; } .tree_footer { margin: 0 calc(var(--content_padding_h)/2) 1em calc(var(--content_padding_h)/2); } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .tree_footer { display: flex; justify-content: center; flex-wrap: wrap; } } .tree_footer li { list-style: none; } .tree_footer > li { flex: 1 1 0; max-width: 200px; } .tree_footer .tree_list_item_name { display: block; padding: 5px 0; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .tree_footer > li { margin: var(--content_padding_v) var(--content_padding_h); } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .tree_footer > li { margin: var(--content_padding_v) calc(var(--content_padding_h) + 5px); } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .tree_footer { display: grid; grid-template-columns: auto auto; } .tree_footer > li { margin: var(--content_padding_v) calc(var(--content_padding_h)/2); } .tree_footer .tree_list_item_name { font-size: 14px; padding-top: 6px; padding-bottom: 6px; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .tree_footer > li.last_item { flex: initial; } .tree_list.categories .tree_list_item_name { white-space: nowrap; } } .tree_footer a.tree_list_item_name:hover { color: #2AA2B0; } .tree_footer span.tree_list_item_name, .header_navigation_layer span.tree_list_item_name, .pre_copyright_container div.headline, .footer_newsletter_headline { font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 15px; } .tree_footer span.tree_list_item_name { margin-bottom: 5px; } .footer_newsletter_headline { margin-bottom: 8px; } .pre_copyright_container div.headline { margin-bottom: 10px; } .tree_footer span.tree_list_item_name { padding: 0; } .copyright_content .footer_iconparc { color: inherit; font-size: 12px; display: flex; flex-direction: column; align-items: center; } .copyright_content .footer_iconparc img { width: 120px; height: auto; margin-top: .6em; } .copyright_content .footer_iconparc i { position: relative; top: 1px; } .footer_newsletter_content { max-width: 500px; margin: 3em auto; } .footer_newsletter_content form, .content__gmaps_mc_search_container { position: relative; margin: 0 var(--content_padding_h); } .footer_newsletter_headline { text-align: center; } .footer_newsletter_content input, .content__gmaps_mc_search_container input { font-size: 15px; line-height: 1.8em; border-radius: 1.5em; padding-left: 1.5em; padding-right: 9em; } .footer_newsletter_content .ip_button, .content__gmaps_mc_search_container a.ip_button { margin: 0; padding: 0 1em; position: absolute; height: calc(100% - 8px); top: 4px; right: 4px; } .footer_newsletter_content .ip_button i { font-size: 1.4em; } .popup_wrapper { display: flex; flex-direction: column; } .standard_popup { background-color: #fffffffa; box-shadow: 1px 1px 15px rgba(0, 0, 0,.13); border-radius: 8px; } .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: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .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: 8px; border-top-right-radius: 8px; } .popup_wrapper .popup__header_wrapper:not(.without_headline_wrapper) { background-color: #fffffffa; color: #595959; } .popup_wrapper .popup__headline, .popup_wrapper .popup__button_wrapper:not(:empty) { padding: .2em .7em; } .popup_wrapper .popup__headline { font-size: 130%; 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: #f7f7f7; color: white; display: inline-block; } .info_layer .popup__header_wrapper .popup__button_wrapper { color: white; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { 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: #b1b1b1 #fefefe; 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: #fefefe; border-radius: 0.25rem; } .popup_wrapper .popup_content_wrapper::-webkit-scrollbar-thumb { border-radius: 0.25rem; background-color: #b1b1b1; } .popup_wrapper .popup_content_wrapper::-webkit-scrollbar-corner { background-color: #fefefe; } .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: 487.9px) { .popup_wrapper.responsive.resp-sp-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.4); } .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 250ms !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: 85vw; } .popup_wrapper.responsive.resp-sp-popup.fade_in.right{ transform: translateX(15vw); } .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: 488px) and (max-width: 809.9px) { .popup_wrapper.responsive.resp-sl-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.4); } .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 250ms !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: 85vw; } .popup_wrapper.responsive.resp-sl-popup.fade_in.right{ transform: translateX(15vw); } .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: 810px) and (max-width: 1023.9px) { .popup_wrapper.responsive.resp-tp-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.4); } .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 250ms !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: 1024px) and (max-width: 1279.9px) { .popup_wrapper.responsive.resp-tl-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.4); } .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 250ms !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: 1280px) and (max-width: 1440.9px), print { .popup_wrapper.responsive.resp-d-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.4); } .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 250ms !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; } } @media (min-width: 1441px), print { .popup_wrapper.responsive.resp-dw-popup { position: fixed !important; overflow-y: auto; overflow-x: hidden; background-color: #fffffffa; box-shadow: 1px 1px 13px rgba(0, 0, 0,.4); } .popup_wrapper.responsive.resp-dw-popup.bottom, .popup_wrapper.responsive.resp-dw-popup.center, .popup_wrapper.responsive.resp-dw-popup.left, .popup_wrapper.responsive.resp-dw-popup.right { transition: transform 250ms !important; opacity: 1 !important; left: 0 !important; } .popup_wrapper.responsive.resp-dw-popup:not(.bottom):not(.centered_popup) { height: 100vh; top: 0 !important; } .popup_wrapper.responsive.resp-dw-popup.bottom { top: auto !important; bottom: 0 !important; } .popup_wrapper.responsive.resp-dw-popup.full { width : 100vw !important; border-radius: 0; } .popup_wrapper.responsive.resp-dw-popup.initial_hide.bottom, .popup_wrapper.responsive.resp-dw-popup.initial_hide.center { transform: translatey(110vh); } .popup_wrapper.responsive.resp-dw-popup.fade_in.bottom, .popup_wrapper.responsive.resp-dw-popup.fade_in.center { transform: translatey(0vh); } .popup_wrapper.responsive.resp-dw-popup.bottom, .popup_wrapper.responsive.resp-dw-popup.center{ transform: translate(0,0); width: 100vw; } .popup_wrapper.responsive.resp-dw-popup.initial_hide.left{ transform: translateX(-100vw); } .popup_wrapper.responsive.resp-dw-popup.fade_in.left{ transform: translateX(0); } .popup_wrapper.responsive.resp-dw-popup.initial_hide.right{ transform: translateX(110vw); } .popup_wrapper.responsive.resp-dw-popup.right{ width: 50%; width: calc(50vw - (100vw - 100%)); } .popup_wrapper.responsive.resp-dw-popup.left{ width: 50%; width: 50vw; } .popup_wrapper.responsive.resp-dw-popup.fade_in.right{ transform: translateX(50vw); } .popup_wrapper.responsive.resp-dw-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: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .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 #f7f7f7; } .popup_wrapper { text-align: left; } .standard_popup { padding: 1em 1.5em; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .popup_wrapper { margin-top: .25em; } } .popup_wrapper .popup__header_wrapper { align-items: start; } .popup_wrapper .popup__headline { padding: 0 0 1em 0; } .popup_wrapper .popup__button_wrapper:not(:empty) { padding: 0; } .popup_wrapper .popup__headline { padding-right: 1em; } .popup_wrapper.inline_popup { box-shadow: initial; margin: 0; padding: var(--content_padding_v) 0; } .popup_wrapper.info_popup { max-width: 350px; width: max-content; background-color: #D54291; color: white; margin-top: 10px; border: none; } .popup_wrapper.info_popup.align_switched { margin-top: -1em; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .popup_wrapper.info_popup.middle { min-width: 450px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .popup_wrapper.info_popup.small { min-width: 280px; max-width: 60vw; } .popup_wrapper.info_popup.middle { max-width: 95vw; } } .popup_wrapper.info_popup .popup__header_wrapper { display: none; } @keyframes showArrow { 0% { opacity: 0; } 100% { opacity: 1; } } .info_popup_trigger.triggered_popup_open:after, .info_trigger.triggered_popup_open:after { content: ' '; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #D54291 transparent; position: absolute; left: calc(50% - 10px); bottom: -13px; z-index: 2; animation-name: showArrow; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 260ms; } .info_popup_trigger.triggered_popup_open.triggered_popup_align_switched:after, .info_trigger.triggered_popup_open.triggered_popup_align_switched:after { transform: rotate(180deg); top: -16px; bottom: initial; } .engine_instance_popup { width: 450px; min-height: 200px; } .hitlist_info, .info_trigger { cursor: pointer; } .info_trigger { font-size: 15px; color: #D54291; position: relative; left: .5em; } .hitlist_info { padding: 0 .8em; } @media only screen and (min-width: 1024px) and (max-width: 1279.9px) { .header_popup.login.centered_popup { max-width: 42vw !important; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .info_trigger { font-size: 17px; margin-top: -4px; top: 2px; padding: 2px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .engine_instance_popup { margin: 0 calc(var(--content_padding_h)/2); width: calc(100vw - var(--content_padding_h)); } .popup_wrapper.responsive.resp-sp-popup.centered_popup { min-width: 92vw; } } .close_display_wrapper_button .ip_button, .popup_wrapper .popup__button_wrapper { font-size: 22px; color: #595959; line-height: 1; } .close_display_wrapper_button .ip_button:hover, .popup_wrapper .popup__button_wrapper:hover { color: #2AA2B0; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .popup_wrapper.right { padding: 0; } .popup_wrapper.right .popup__button_wrapper { padding: 0.5em; } } .confirmation_popup { text-align: center; } .confirmation_popup { padding-bottom: 1.5em; } .confirmation_popup .confirmation_text { padding: .8em 1em 1.2em 1em; font-size: 15px; max-width: 300px; } 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, 255, 255, 0.6); backdrop-filter: blur(2px) } 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, 255, 255, 0.6); display: flex; align-items: center; transition: background-color 300ms; z-index: 9; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .display_wrapper { position: fixed; overflow-y: auto; overflow-x: hidden; z-index: 2001; height: 100%; transform: translateX(0); transition: transform 250ms; 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: 85vw; } .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(15vw); } .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: 1024px) and (max-width: 1279.9px) { div.display_wrapper.left, div.display_wrapper.right{ width: 40vw; } .display_wrapper.show.right { transform: translateX(60vw); } } @media only screen and (min-width: 810px) and (max-width: 1023.9px) { 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, 255, 255, 0.6); backdrop-filter: blur(2px) } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .display_wrapper { background-color: #FFFFFF; box-shadow: 1px 1px 13px rgba(0, 0, 0,.4); } .close_display_wrapper_button { text-align: right; } .close_display_wrapper_button .ip_button { padding: .5em; } .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; } .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: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { div.display_wrapper.right { background-color: #fffffffa; } div.display_wrapper.left { background-color: #F9F9F9; } } .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: 70px; color: #75a89b; 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%); } div.progressbar_wrapper { border: 1px solid #e1e1e1; border-radius: 5px; margin: 5px 0; overflow: hidden; height: 10px; position: relative; } div.progressbar_status { position: absolute; z-index: 2; width: 0; height: 100%; background-color: #75a89b; opacity: .5; transition: width 400ms linear; } div.percentage_bar { background-color: #75a89b; height: 10px; } div.progress_bar_wrapper { height: 20px; width: 100%; margin: 0; background: none; border: 1px solid #e1e1e1; border-radius: 0.2em; } div.progress_bar_wrapper div.progress_bar { padding: 0; margin: 0; border: none; height: 20px; border-radius: 0.2em; background-color: #57add5; background-size: 45px 45px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); -webkit-animation: moving-stripes 1s linear infinite; animation: moving-stripes 1s linear infinite; transition: width 420ms ease-in-out; } @-webkit-keyframes moving-stripes { 0% { background-position: 0; } 100% { background-position: -45px; } } @keyframes moving-stripes { 0% { background-position: 0; } 100% { background-position: -45px; } } .js_content_searchable{ content-visibility: visible; display: block; } .js_toggle_container, .js_toggle_content, .js_toggle_trigger{ --responsive_hit: 0; } .js_toggle_container.all_responsive_steps, .js_toggle_content.all_responsive_steps, .js_toggle_trigger.all_responsive_steps{ --responsive_hit: 1; } .js_toggle_trigger, .js_container_trigger, .tab_header_item { cursor: pointer; } .tabviewer{ display: flex; flex-wrap: wrap; } .tabviewer:not(.responsive_accordeon_mode) > .tabviewer_content_wrapper.all_responsive_steps { order: 1; width: 100%; display: none; } .tabviewer:not(.responsive_accordeon_mode) > .tabviewer_content_wrapper.all_responsive_steps.open { display: block; } @supports (content-visibility:hidden){ .js_toggle_container.all_responsive_steps > .js_container_content, .js_toggle_content.all_responsive_steps{ content-visibility: hidden; } .js_toggle_container.open.all_responsive_steps > .js_container_content, .js_toggle_content.all_responsive_steps.open{ content-visibility: visible; } } .js_toggle_content.js_none.all_responsive_steps { display: none; } .js_toggle_content.js_none.open.all_responsive_steps{ display: block; } .js_toggle_content.js_opacity.all_responsive_steps { transition: opacity 300ms ease; opacity: 0; } .js_toggle_content.js_opacity.open.all_responsive_steps{ display: block; opacity: 1; } .js_toggle_container.js_slide.all_responsive_steps > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.all_responsive_steps, .js_toggle_content.js_slide.all_responsive_steps { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease, content-visibility 300ms ease; } .js_toggle_container.js_slide.open.all_responsive_steps > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.all_responsive_steps, .js_toggle_content.js_slide.open.all_responsive_steps{ --max_height: none; } .js_toggle_container.all_responsive_steps > .toggle_icon, .toggle_icon.all_responsive_steps{ display: flex; gap: .5em; } .js_toggle_container.all_responsive_steps > .toggle_icon.icon_after:after, .js_toggle_container.all_responsive_steps > .toggle_icon.icon_before:before, .toggle_icon.icon_after.all_responsive_steps:after, .toggle_icon.icon_before.all_responsive_steps:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.all_responsive_steps > .toggle_icon.icon_after:after, .js_toggle_container.open.all_responsive_steps > .toggle_icon.icon_before:before, .toggle_icon.icon_after.open.all_responsive_steps:after, .toggle_icon.icon_before.open.all_responsive_steps:before{ transform: rotate(180deg); } @media only screen and (max-width: 487.9px) { @supports (content-visibility){ .js_toggle_container.resp-sp-toggle_handler > .js_container_content, .js_toggle_content.resp-sp-toggle_handler{ content-visibility: hidden; } .js_toggle_container.open.resp-sp-toggle_handler > .js_container_content, .js_toggle_content.resp-sp-toggle_handler.open{ content-visibility: visible; } } .js_toggle_container.resp-sp-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.resp-sp-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.resp-sp-toggle_handler:after, .toggle_icon.icon_before.resp-sp-toggle_handler:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.resp-sp-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.open.resp-sp-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.responsive_open.resp-sp-toggle_handler:after, .toggle_icon.icon_before.responsive_open.resp-sp-toggle_handler:before, .toggle_icon.icon_after.open.resp-sp-toggle_handler:not(.tab_header_item):after, .toggle_icon.icon_before.open.resp-sp-toggle_handler:not(.tab_header_item):before{ transform: rotate(180deg); } .js_toggle_container.resp-sp-toggle_handler, .js_toggle_trigger.resp-sp-toggle_handler, .js_toggle_content.resp-sp-toggle_handler { --responsive_hit: 1; } .js_toggle_container.js_slide.resp-sp-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.resp-sp-toggle_handler, .js_toggle_content.js_slide.resp-sp-toggle_handler { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease; } .js_toggle_container.js_slide.open.resp-sp-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.resp-sp-toggle_handler, .js_toggle_content.js_slide.open.resp-sp-toggle_handler{ --max_height: none; } } @media only screen and (min-width: 488px) and (max-width: 809.9px) { @supports (content-visibility){ .js_toggle_container.resp-sl-toggle_handler > .js_container_content, .js_toggle_content.resp-sl-toggle_handler{ content-visibility: hidden; } .js_toggle_container.open.resp-sl-toggle_handler > .js_container_content, .js_toggle_content.resp-sl-toggle_handler.open{ content-visibility: visible; } } .js_toggle_container.resp-sl-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.resp-sl-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.resp-sl-toggle_handler:after, .toggle_icon.icon_before.resp-sl-toggle_handler:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.resp-sl-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.open.resp-sl-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.responsive_open.resp-sl-toggle_handler:after, .toggle_icon.icon_before.responsive_open.resp-sl-toggle_handler:before, .toggle_icon.icon_after.open.resp-sl-toggle_handler:not(.tab_header_item):after, .toggle_icon.icon_before.open.resp-sl-toggle_handler:not(.tab_header_item):before{ transform: rotate(180deg); } .js_toggle_container.resp-sl-toggle_handler, .js_toggle_trigger.resp-sl-toggle_handler, .js_toggle_content.resp-sl-toggle_handler { --responsive_hit: 1; } .js_toggle_container.js_slide.resp-sl-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.resp-sl-toggle_handler, .js_toggle_content.js_slide.resp-sl-toggle_handler { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease; } .js_toggle_container.js_slide.open.resp-sl-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.resp-sl-toggle_handler, .js_toggle_content.js_slide.open.resp-sl-toggle_handler{ --max_height: none; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px) { @supports (content-visibility){ .js_toggle_container.resp-tp-toggle_handler > .js_container_content, .js_toggle_content.resp-tp-toggle_handler{ content-visibility: hidden; } .js_toggle_container.open.resp-tp-toggle_handler > .js_container_content, .js_toggle_content.resp-tp-toggle_handler.open{ content-visibility: visible; } } .js_toggle_container.resp-tp-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.resp-tp-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.resp-tp-toggle_handler:after, .toggle_icon.icon_before.resp-tp-toggle_handler:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.resp-tp-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.open.resp-tp-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.responsive_open.resp-tp-toggle_handler:after, .toggle_icon.icon_before.responsive_open.resp-tp-toggle_handler:before, .toggle_icon.icon_after.open.resp-tp-toggle_handler:not(.tab_header_item):after, .toggle_icon.icon_before.open.resp-tp-toggle_handler:not(.tab_header_item):before{ transform: rotate(180deg); } .js_toggle_container.resp-tp-toggle_handler, .js_toggle_trigger.resp-tp-toggle_handler, .js_toggle_content.resp-tp-toggle_handler { --responsive_hit: 1; } .js_toggle_container.js_slide.resp-tp-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.resp-tp-toggle_handler, .js_toggle_content.js_slide.resp-tp-toggle_handler { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease; } .js_toggle_container.js_slide.open.resp-tp-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.resp-tp-toggle_handler, .js_toggle_content.js_slide.open.resp-tp-toggle_handler{ --max_height: none; } } @media only screen and (min-width: 1024px) and (max-width: 1279.9px) { @supports (content-visibility){ .js_toggle_container.resp-tl-toggle_handler > .js_container_content, .js_toggle_content.resp-tl-toggle_handler{ content-visibility: hidden; } .js_toggle_container.open.resp-tl-toggle_handler > .js_container_content, .js_toggle_content.resp-tl-toggle_handler.open{ content-visibility: visible; } } .js_toggle_container.resp-tl-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.resp-tl-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.resp-tl-toggle_handler:after, .toggle_icon.icon_before.resp-tl-toggle_handler:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.resp-tl-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.open.resp-tl-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.responsive_open.resp-tl-toggle_handler:after, .toggle_icon.icon_before.responsive_open.resp-tl-toggle_handler:before, .toggle_icon.icon_after.open.resp-tl-toggle_handler:not(.tab_header_item):after, .toggle_icon.icon_before.open.resp-tl-toggle_handler:not(.tab_header_item):before{ transform: rotate(180deg); } .js_toggle_container.resp-tl-toggle_handler, .js_toggle_trigger.resp-tl-toggle_handler, .js_toggle_content.resp-tl-toggle_handler { --responsive_hit: 1; } .js_toggle_container.js_slide.resp-tl-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.resp-tl-toggle_handler, .js_toggle_content.js_slide.resp-tl-toggle_handler { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease; } .js_toggle_container.js_slide.open.resp-tl-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.resp-tl-toggle_handler, .js_toggle_content.js_slide.open.resp-tl-toggle_handler{ --max_height: none; } } @media (min-width: 1280px) and (max-width: 1440.9px), print { @supports (content-visibility){ .js_toggle_container.resp-d-toggle_handler > .js_container_content, .js_toggle_content.resp-d-toggle_handler{ content-visibility: hidden; } .js_toggle_container.open.resp-d-toggle_handler > .js_container_content, .js_toggle_content.resp-d-toggle_handler.open{ content-visibility: visible; } } .js_toggle_container.resp-d-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.resp-d-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.resp-d-toggle_handler:after, .toggle_icon.icon_before.resp-d-toggle_handler:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.resp-d-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.open.resp-d-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.responsive_open.resp-d-toggle_handler:after, .toggle_icon.icon_before.responsive_open.resp-d-toggle_handler:before, .toggle_icon.icon_after.open.resp-d-toggle_handler:not(.tab_header_item):after, .toggle_icon.icon_before.open.resp-d-toggle_handler:not(.tab_header_item):before{ transform: rotate(180deg); } .js_toggle_container.resp-d-toggle_handler, .js_toggle_trigger.resp-d-toggle_handler, .js_toggle_content.resp-d-toggle_handler { --responsive_hit: 1; } .js_toggle_container.js_slide.resp-d-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.resp-d-toggle_handler, .js_toggle_content.js_slide.resp-d-toggle_handler { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease; } .js_toggle_container.js_slide.open.resp-d-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.resp-d-toggle_handler, .js_toggle_content.js_slide.open.resp-d-toggle_handler{ --max_height: none; } } @media (min-width: 1441px), print { @supports (content-visibility){ .js_toggle_container.resp-dw-toggle_handler > .js_container_content, .js_toggle_content.resp-dw-toggle_handler{ content-visibility: hidden; } .js_toggle_container.open.resp-dw-toggle_handler > .js_container_content, .js_toggle_content.resp-dw-toggle_handler.open{ content-visibility: visible; } } .js_toggle_container.resp-dw-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.resp-dw-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.resp-dw-toggle_handler:after, .toggle_icon.icon_before.resp-dw-toggle_handler:before{ content: '\f107'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; transform: rotate(0); transition: transform 300ms ease; } .js_toggle_container.open.resp-dw-toggle_handler > .toggle_icon.icon_after:after, .js_toggle_container.open.resp-dw-toggle_handler > .toggle_icon.icon_before:before, .toggle_icon.icon_after.responsive_open.resp-dw-toggle_handler:after, .toggle_icon.icon_before.responsive_open.resp-dw-toggle_handler:before, .toggle_icon.icon_after.open.resp-dw-toggle_handler:not(.tab_header_item):after, .toggle_icon.icon_before.open.resp-dw-toggle_handler:not(.tab_header_item):before{ transform: rotate(180deg); } .js_toggle_container.resp-dw-toggle_handler, .js_toggle_trigger.resp-dw-toggle_handler, .js_toggle_content.resp-dw-toggle_handler { --responsive_hit: 1; } .js_toggle_container.js_slide.resp-dw-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.resp-dw-toggle_handler, .js_toggle_content.js_slide.resp-dw-toggle_handler { --max_height: 0; max-height: var(--max_height); overflow-y: hidden; transition: max-height 300ms ease, padding 300ms ease; } .js_toggle_container.js_slide.open.resp-dw-toggle_handler > .js_container_content, .responsive_accordeon_mode > .js_toggle_content.js_tabviewer.responsive_open.resp-dw-toggle_handler, .js_toggle_content.js_slide.open.resp-dw-toggle_handler{ --max_height: none; } } .pageelement_invisible, .pageelement_invisible > *, .pageelement_invisible.engine_page_element, .pageelement_invisible.engine_page_element_row, .engine_page_element .pageelement_invisible { display: none !important; } .ip_engine_message_page_message { margin-bottom: 2em; } .ip_engine_message_page_wrapper__success .ip_engine_message_page_message { color: #00634E; } .ip_engine_message_page_wrapper__failure .ip_engine_message_page_message { color: #aa3333; } .ip_engine_message_page_wrapper__info .ip_engine_message_page_message { color: #ff8000; } .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: 1px 1px 13px rgba(0, 0, 0,.4); 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; } .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 .ip_engine_header_message_wrapper { background-color: #f8dcdc; } .ip_engine_header_message_error .ip_engine_header_message_wrapper:before { content: '\f06a'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #aa3333; } .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: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #ff8000; } .ip_engine_header_message_info .ip_engine_header_message_wrapper { background-color: #2AA2B020; } .ip_engine_header_message_info .ip_engine_header_message_wrapper:before { content: '\f05a'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #238C99; } .ip_engine_header_message_success .ip_engine_header_message_wrapper { background-color: #dffbda; } .ip_engine_header_message_success .ip_engine_header_message_wrapper:before { content: '\f058'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #00634E; } .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: #00634E; } .success_wrapper .success_message { color: #00634E; } svg.failure_icon .path { stroke: #aa3333; } .failure_wrapper .failure_message { color: #aa3333; } svg.info_icon .path { stroke: #ff8000; } .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; } .engine_instance_button_list { padding: 0; margin-bottom: 0; } .engine_instance_button_list li { list-style: none; } div.ip_engine_header_message:not(:empty) { box-shadow: none; margin-bottom: 1.5em; } .ip_engine_header_message:not(:empty) .ip_engine_header_message_wrapper:before { margin-top: 2px; } .ip_engine_header_message_wrapper { padding: .5em .7em; } .ip_engine_wizard_page .ip_engine_message_page_message { justify-content: center; } .ip_engine_wizard_page .ip_engine_message_page_text_middle { text-align: center; } .ip_engine_header_message_success { color: #00634E; } .ip_engine_header_message_info { color: #238C99; } .ip_engine_header_message_error, .ip_engine_header_message_warning, .ip_engine_header_message_warning .ip_engine_header_message_wrapper:before { color: #aa3333; } .svg_icon_message, .ip_engine_message_page_message_content { font-size: 20px; } .wizard_text_company { opacity: 0; height: 0; width: 0; z-index: -1; position: absolute; } .ip_engine_wizard_page { padding: var(--content_padding_v) var(--content_padding_h); min-height: 245px; } div.ip_engine_wizard_page .engine_page_element.empty { height: 1.5em; } .ip_engine_wizard_page.view_mode .ipfit__field__wrapper:not(.ipfit__headline__wrapper) { display: flex; margin: 0; } .ip_engine_wizard_page.view_mode .ipfit__fieldlabel { font-size: 13px; width: 150px; } .ip_engine_wizard_page.view_mode .ipfit__fieldlabel:after { display: none; } form[data-ip_instance_key="customer"] .ipfit__text__wrapper .ipfit__view_mode_content { font-weight: bold; } .address_headline { font-weight: bold; } div[data-fieldname="rc_registration_successful_title_new_paragraph"] { color: #00634E; margin-bottom: 1.5em; } div[data-fieldname="rc_custuser_salutation2pv"] { margin-top: .9em; margin-bottom: 0; } div[data-fieldname="rc_entrepreneur_declaration"] { margin: .8em 0 1em 0; } .ip_engine_wizard_page.view_mode form[data-ip_instance_key="customer"] div[data-fieldname="rc_delivery_address_title_new_paragraph"] { margin-top: 2.5em; } .ip_engine_wizard_page.view_mode form[data-ip_instance_key="customer"] div[data-fieldname="rc_custuser_email"], .ip_engine_wizard_page.view_mode form[data-ip_instance_key="customer"] div[data-fieldname="rc_vat_id"], .ip_engine_wizard_page.view_mode form[data-ip_instance_key="customer"] div[data-fieldname="rc_custuser_login"] { margin-bottom: 1.5em; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .ip_engine_wizard_page.view_mode form[data-ip_instance_key="customer"] div[data-fieldname="rc_change_password_label_and_text"] { margin-bottom: 2.5em; } } .wiz_cr__catalog_wrapper { margin-bottom: 2em; column-gap: 4em; justify-content: center; } .wiz_cr__catalog_wrapper div.item { max-width: 195px; text-align: center; margin-bottom: 3em; } .wiz_cr__catalog_wrapper div.item .ipfit__text { text-align: left; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .wiz_cr__catalog_wrapper.thin { max-width: 900px; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .wiz_cr__catalog_wrapper { display: flex; flex-wrap: wrap; margin-left: auto; margin-right: auto; } .wiz_cr__catalog_wrapper div.item .ipfit__field__wrapper { display: flex; justify-content: center; } .wiz_cr__catalog_wrapper .ipfit__field_error { flex-basis: 100%; text-align: center; } } .wiz_cr__catalog_wrapper .description { margin: .5em 0; line-height: 1.3em; height: 2.6em; } .wiz_cr__catalog_wrapper img { width: 100%; height: auto; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .wiz_cr__catalog_wrapper { display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--content_padding_h); } .wiz_cr__catalog_wrapper .ipfit__field_error { grid-column: 1 / span 2; } } [data-fieldname="cf_product_complaint_label_and_text"] .ipfit_line_of_text { white-space: pre-line; } form[data-ip_instance_key="eventRegistration"] .ipfit__view_mode_content { display: block; padding: 9px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { div[data-fieldname="er_event_title_new_paragraph"] { margin-top: 2em; } } .content_document_wrapper { padding-bottom: 50px; } .content__html_text { padding: var(--content_padding_v) 0; line-height: 1.8em; font-size: 14px; color: #00130F; } h1, h2, .content__large { font-family: Montserrat, Helvetica, Arial, sans-serif; } .content__large { font-weight: bold; line-height: 1.2; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { h1, h2 { font-size: 23px; line-height: 1.5; } .content__large { font-size: 55px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { h1, h2 { font-size: 22px; } .content__large { font-size: 32px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { h1, h2 { line-height: 1.35em; } } h1:not(.product_box_product_name), h2, h3, .content__large { color: #00130F; } h1:not(.product_box_product_name):not(.content__headline_in_line):not(.hitlist_info_title), h2:not(.content__headline_in_line):not(.engine_page_title_new_paragraph), .content__html_text > p, .content__html_text > ol, .content__html_text > ul, .cci_wrapper_snippet_cookie_consent_layer_link { padding: 0 var(--content_padding_h); } .grid_container > .cci_wrapper_snippet_html_text > .content__html_text > p, .grid_container > .cci_wrapper_snippet_html_text > .content__html_text > ol, .grid_container > .cci_wrapper_snippet_html_text > .content__html_text > ul { padding-left: 0; padding-right: 0; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .grid_container.responsive_single_column:not(.ce_shadow):not(.ce_rounded) > .cms_container:not([data-cell_bg_color]) .content__html_text > ol, .grid_container.responsive_single_column:not(.ce_shadow):not(.ce_rounded) > .cms_container:not([data-cell_bg_color]) .content__html_text > ul, .grid_container.responsive_single_column:not(.ce_shadow):not(.ce_rounded) > .cms_container:not([data-cell_bg_color]) .cms_img_container { padding-left: 0; padding-right: 0; } } .content__html_text > table { margin: 0 var(--content_padding_h); } .content__html_text h1, .content__html_text h2 { margin-bottom: 15px; } .content__html_text ul, .content__html_text ol { margin: var(--content_padding_v) 0 var(--content_padding_v) var(--content_padding_h); } .halign_center { margin-left: auto !important; margin-right: auto !important; } body:not(.area_full_width) .content_container_content_cell > .cms_img_container:not(.full_width), .grid_container > .cms_container > .cms_img_container:not(.full_width) { padding: var(--content_padding_v) var(--content_padding_h); box-sizing: border-box; } .carousel_item .cms_img_container { padding: 0 !important; } .cms_img_container.full_width .cst_upload_image { width: 100%; } .engine_search_result_block__no_hits .cci_wrapper_snippet_content_not_found, .engine_search_result_block__no_hits .content__html_text { line-height: 1.5; color: inherit; padding: 0 var(--content_padding_h); } .engine_search_result_block__no_hits .cci_snippet_container .content__html_text > * { padding-left: 0; padding-right: 0; } .engine_search_result_block__no_hits .grid_container > .cms_container { align-items: start; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .engine_search_result_block__no_hits .cci_wrapper_snippet_content_not_found, .engine_search_result_block__no_hits .content__html_text { font-size: 22px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .engine_search_result_block__no_hits .cci_wrapper_snippet_content_not_found, .engine_search_result_block__no_hits .content__html_text { font-size: 16px; } .cms_vertical_spacing { max-height: 50px; } .content__html_text.ht_resp_a__left * { text-align: left !important; } .content__html_text.ht_resp_a__center * { text-align: center !important; } .content__html_text.ht_resp_a__right * { text-align: right !important; } } .engine_search_result_block__no_hits div.cci_wrapper_snippet_link > a { margin: 0; } .cci_wrapper_snippet_content_not_found > span { font-weight: bold; color: #75a89b; display: inline-block; } .cci_wrapper_snippet_content_not_found > span:after { content: "\a"; white-space: pre; } .content__headline_in_line { display: flex; align-items: center; gap: 10px; } .content__headline_in_line:before, .content__headline_in_line:after { flex-grow: 1; content: ' '; border-top: 1px solid #e1e1e1; } .content__text_white, [data-cms-font_color-key="white"] { color: white !important; } .content__text_dark, [data-cms-font_color-key="dark"] { color: #00130F !important; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .content__headline_small { font-size: 19px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .content__headline_small { font-size: 17px; } } .content__small { font-size: 12px !important; } [data-cms-font_color-key="brand_highlight_dark"] { color: #006C55 !important; } [data-cms-font_hilighting-key="serif"] { font-family: 'Neucha' !important; font-size: 16px; } .area_layout__default.area_full_width .cms_img_container { position: relative; } .cci_snippet_container.halign_center { text-align: center; } .area_wrapper__areaTradeTop .carousel_item, .area_wrapper__areaTradeTop .carousel_item a, .area_wrapper__areaTradeTop .carousel_item img { width: 100%; box-sizing: border-box; } .cst_mediacenter_file__video video { max-width: 100%; height: auto; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .is-mac-os .theme_dark .cst_mediacenter_file__video video { filter: brightness(93%); } } .full_width .cst_mediacenter_file__video video { width: 100%; } .content__article_carousel_wrapper { text-align: center; margin: 0 auto; } .content__article_carousel_wrapper .jcarousel-container { margin: 2em 0; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .content__article_carousel_wrapper { max-width: 80%; } div.content__article_carousel_wrapper .carousel_item { min-width: 205px; max-width: initial; } .content__article_carousel_wrapper .carousel_prev { left: -60px; } .content__article_carousel_wrapper .carousel_next { right: -60px; } } .content__article_carousel_wrapper .carousel_prev, .content__article_carousel_wrapper .carousel_next { top: 63%; } div.content__article_carousel_wrapper .product_box_inner_container_group_main { margin: 0; background-color: transparent; } div.content__article_carousel_wrapper .jcarousel-item { position: relative; } div.content__article_carousel_wrapper .jcarousel-item:before { content: ' '; background-color: rgba(225,225,225,.35); position: absolute; width: 95%; height: 48%; left: 0; bottom: 0; z-index: -1; border-radius: 3px; margin: 0 5px; transition: transform .4s, background-color .5s; } .no-touch div.content__article_carousel_wrapper .jcarousel-item:hover:before { background-color: rgba(225,225,225,.25); transform: translateY(15px); } .grid_container img.cst_upload_image { width: 100%; display: block; } .grid_container a.content__link_glue_logic { overflow: hidden; } .grid_container a.content__link_glue_logic img.cst_upload_image { transition: transform .5s !important; } .grid_container a.content__link_glue_logic:hover img.cst_upload_image { transform: scale(1.03) !important; } .grid_container.gap_standard_gap, .grid_container.ce_rounded, .grid_container.ce_shadow { grid-gap: var(--content_padding_h); } .grid_container.ce_rounded > .cms_container > .cms_img_container.full_width:first-child img { border-top-left-radius: 15px; border-top-right-radius: 15px; } .grid_container.ce_rounded > .cms_container > .cms_img_container.full_width:last-child img { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .area_layout__default:not(.area_full_width) .grid_container.ce_rounded, .area_layout__default:not(.area_full_width) .grid_container.ce_shadow { margin-left: var(--content_padding_h); margin-right: var(--content_padding_h); } .grid_container.ce_rounded > .cms_container, .img_rounded, .img_rounded img { border-radius: 15px; overflow: hidden; } .grid_container.ce_rounded > .cms_container { background-clip: content-box; } .grid_container.ce_shadow > .cms_container { box-shadow: 1px 1px 15px rgba(0, 0, 0,.13); border: none; } .grid_container.ce_rounded .cms_container[data-cell_bg_color] { background-color: transparent !important; position: relative; border-bottom-left-radius: calc(15px + 4px); border-bottom-right-radius: calc(15px + 4px); } .grid_container.ce_rounded .cms_container[data-cell_bg_color]:before { background: var(--content-cell-color); display: block; position: absolute; width: 100%; height: 100%; content: ''; border-radius: calc(15px + 1px); left: 0; top: 0; z-index: 0; } .grid_container .cms_container[data-cell_with_bg_color_gradient], .grid_container.ce_rounded .cms_container[data-cell_with_bg_color_gradient]:before { background: linear-gradient(150deg, var(--content-cell-color) 35%, var(--content-cell-color_gradient) 80%) !important; } .grid_container.ce_rounded .cms_container[data-cell_bg_color] > * { position: relative; z-index: 1; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .area_layout__default.area_full_width .content_container_content_cell > .img_rounded, .area_layout__default.area_full_width .content_container_content_cell > .cms_img_container:not(.full_width) { margin-left: var(--content_padding_h); margin-right: var(--content_padding_h); } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .grid_container { display: grid; } .two_columns_same_width { grid-template-columns: 1fr 1fr; } .three_columns_same_width { grid-template-columns: 1fr 1fr 1fr; } .valign_center h1, .valign_center h2, .valign_bottom h1, .valign_bottom h2 { margin-bottom: 0 !important; } .grid_container > .cms_container.valign_center { justify-content: center; } .grid_container > .cms_container.valign_bottom { justify-content: end; } } @media only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .four_columns_same_width { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px) { .four_columns_same_width { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .grid_container.gap_standard_gap > .cms_container, .grid_container.ce_rounded > .cms_container, .grid_container.ce_shadow > .cms_container { margin-bottom: var(--content_padding_h); } .grid_container.gap_standard_gap, .grid_container.ce_rounded, .grid_container.ce_shadow { margin-left: var(--content_padding_h); margin-right: var(--content_padding_h); } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .grid_container.responsive_two_columns { display: grid; } .grid_container.responsive_two_columns { grid-template-columns: 1fr 1fr; grid-row-gap: 0; } } .cms__style_container { position: relative; } .cms__style_container.sc_bg_img_fully_visible > .cms__sc_img + .cms__sc_content { position: absolute; width: 100%; max-width: 100vw; box-sizing: border-box; z-index: 2; left: 50%; transform: translateX(-50%); overflow: hidden; } .cms__style_container.sc_bg_img_fully_visible.v_align_middle > .cms__sc_img + .cms__sc_content { top: 50%; transform: translate(-50%,-50%); } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .cms__style_container.sc_bg_img_fully_visible.v_align_top > .cms__sc_img + .cms__sc_content { top: calc(var(--content_padding_v) * 2); } .cms__style_container.sc_bg_img_fully_visible.v_align_bottom > .cms__sc_img + .cms__sc_content { bottom: calc(var(--content_padding_v) * 2); } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .cms__style_container.sc_bg_img_fully_visible.v_align_top > .cms__sc_img + .cms__sc_content { top: var(--content_padding_v); } .cms__style_container.sc_bg_img_fully_visible.v_align_bottom > .cms__sc_img + .cms__sc_content { bottom: var(--content_padding_v); } } .cms__style_container.with_bg_image:not(.sc_bg_img_fully_visible) > .cms__sc_img { position: absolute; width: 100%; height: 100%; } .cms__sc_img { z-index: 0; } .cms__sc_img img { width: 100%; } .cms__style_container.sc_img_animation > .cms__sc_img { max-width: initial; max-height: initial; overflow: hidden; width: auto !important; } .cms__style_container.sc_img_animation .cms__sc_img img { width: initial; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .cms__style_container.max_w__text_content .cms_container { max-width: 740px; margin: 0 auto; } } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .cms__style_container.sc_img_animation > .cms__sc_img { left: 50%; transform: translateX(calc(0% - calc(1250px/2))); } } .cms__style_container.sc_img_animation .cms__sc_content { max-width: calc(1250px/2) !important; margin: 30px auto; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .cms__style_container.sc_img_animation .cms__sc_content { max-width: 40vw !important; } .cms__style_container.sc_img_animation > .cms__sc_img { left: var(--content_padding_h); } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .cms__style_container.sc_img_animation > .cms__sc_img { display: none !important; } } .cms__style_container.with_bg_image:not(.sc_img_animation) > .cms__sc_img, .cms__style_container.with_bg_image:not(.sc_img_animation) > .cms__sc_img img { height: 100%; } .cms__style_container.with_bg_image:not(.sc_img_animation) > .cms__sc_img img { width: 100%; object-fit: cover; } .cci_wrapper_snippet_link, .cci_wrapper_snippet_job_application_form { padding-left: var(--content_padding_h); padding-right: var(--content_padding_h); } a.content_link { margin-top: .7em; margin-bottom: .7em; } .content__link_glue_logic { display: block; } .content__google_map { width: 100%; height: 350px; } .content__google_map_marketing_campaign { width: 100%; height: 70vh; } .snippet_google_map .ipfit_radio_list .graphical_checkbox_link { box-shadow: 1px 1px 8px rgba(0, 0, 0,.13); border-radius: 15px; overflow: hidden; } .snippet_google_map .ipfit_radio_list .list_item_checked .graphical_checkbox_link { box-shadow: 1px 1px 13px rgba(0, 0, 0,.8); } .snippet_google_map .ipfit_radio_list .graphical_checkbox_link, .snippet_google_map .ipfit_radio_list .graphical_checkbox_link span { display: flex; align-items: stretch; flex: 1; justify-content: center; } .snippet_google_map .product_selection_item { text-align: center; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .snippet_google_map .product_selection_item .name { font-weight: bold; line-height: 1.3em; height: 2.6em; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; } .snippet_google_map .product_selection_item .ip_button { margin: 10px 0 0 0; display: block; } .snippet_google_map .radio_list_item { position: relative; } .snippet_google_map .product_image { text-align: center; margin: .5em 0; } .snippet_google_map .ipfit_radio_list .checkbox_list { display: flex; justify-content: center; margin: calc(var(--content_padding_h)/2); } .snippet_google_map .checkbox_list .radio_list_item { width: 200px; margin: calc(var(--content_padding_h)/2); } .snippet_google_map .radio_list_item .checkbox_list__option_text { padding: 15px; background-color: #f1fffc; border: none; } .snippet_google_map .radio_list_item.list_item_checked .checkbox_list__option_text { background-color: #FFFFFF; } .snippet_google_map .product_selection_item span { text-align: center; } .content__gmaps_mc_search_container { max-width: 320px; margin: 2.5em auto 1.5em auto; } .snippet_google_map .gm-style-iw { text-align: center; line-height: 1.5em; } .snippet_google_map .gm-style-iw button { display: none !important; } .snippet_google_map .company_name { font-weight: bold; } body.xmas_calendar .area_column_wrapper { background: radial-gradient(circle, #FFFFFF 0%, #006C55 50%, #00130F 100%); } body.xmas_calendar .content__html_text h2 { color: #FFFFFF; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { body.xmas_calendar .content__html_text h2 { font-size: 33px; line-height: 1.3em; } .grid_container.ce_rounded .cci_wrapper_snippet_google_map, .grid_container.ce_rounded .snippet_google_map, .grid_container.ce_rounded .consent_placeholder { height: 100%; } } .content__html_text > p { opacity: 0; transform: translateY(20px); transition: opacity .6s, transform .5s; } .content__html_text > p.animated { opacity: 1; transform: translateY(0); } .cci_wrapper_snippet_upload_image, .cci_wrapper_snippet_glue_logic_image_link { overflow: hidden; } .content__html_text h1, .content__html_text h2 { opacity: 0; transform: translateY(-20px); transition: opacity .7s, transform .5s; } .content__html_text h1.animated, .content__html_text h2.animated { opacity: 1; transform: translateY(0); } .grid_container > .cms_container { display: flex; flex-direction: column; } .grid_container > .cms_container > .cci_wrapper_snippet_html_text { flex-grow: 1; } .grid_container.content_container_content_cell .cms_img_container { opacity: 0; transform: translateY(20%); width: 60%; height: auto; margin: 0 auto; transition: opacity .8s, transform .5s, width .5s; z-index: 0; position: relative; } .grid_container.content_container_content_cell .cms_img_container.animated { opacity: 1; width: 100%; transform: translateY(0); } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .area_layout__default.area_full_width .content_container_content_cell > .cci_snippet_container:not(.full_width), .area_layout__default.area_full_width .grid_container, .area_layout__default.area_full_width .cms__sc_content:not(.with_bg_color), .area_layout__default.area_full_width .ip_engine_wizard_page { max-width: 1250px; margin: 0 auto; box-sizing: border-box; } } .area_layout__default.area_full_width .content_container_content_cell.full_width .cci_snippet_container { max-width: initial; } @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; } .event_container { margin: 1em 0; box-shadow: 1px 1px 13px rgba(0, 0, 0,.4); } .event_content { overflow: hidden; position: relative; } .event_image { overflow: hidden; width: 500px; max-height: 400px; height: auto; position: relative; } .event_image:after { content: ''; background-color: white; height: 600px; width: 200px; transform: rotate(20deg); display: block; position: absolute; top: -55px; right: -55px; } .event_image > img { display: block; max-width: initial; max-height: 400px; width: auto; height: auto; } .event_data { position: absolute; top: 30%; left: 10px; background-color: rgba(255, 255, 255, 0.7); padding: 1em; } .event_date_wrapper { font-size: 150%; } .event_location_wrapper { font-weight: 400; } .event_text { position: absolute; top: 0; right: 1em; width: 43%; } .event_text h2 { font-size: 120%; margin: 0.5em 0; } .event_button_container { text-align: right; } .event_button_container .ip_button ~ .ip_button { margin-left: 0.5em; } .event_content { display: flex; justify-content: right; } .event_image { width: 100%; } .event_text { position: relative; z-index: 4; text-align: right; margin: var(--content_padding_v) var(--content_padding_h) var(--content_padding_v) 0; width: 50%; } .event_data { left: var(--content_padding_h); } .event_text h2 { padding: 0 !important; margin: 0; } .event_button_container a.ip_button { margin: 2em 0 0 0; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .event_content, .event_image { min-height: 170px; } .event_data { padding: .5em; } .event_image { position: absolute; left: 0; width: 90%; height: auto; } .event_text { right: 0; } .event_image > img { max-width: 100%; height: auto; margin-top: 0; margin-left: 0; display: block; } .event_date_wrapper { font-size: 100%; } } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .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_menu_icon .info_counter { display: block; position: absolute; text-align: center; } @media only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { :root { --height: 50px; --arrow_width: calc(50px/2); } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px) { :root { --height: 32px; --arrow_width: calc(32px/2); } } .area_layout__business_transaction .header_menu_row:before, .area_layout__business_transaction .header_menu_row:after { display: none; } .header_business_transaction_steps_wrapper { display: flex; } .header_business_transaction_step { flex: 1; position: relative; background-color: gray; height: var(--height); line-height: var(--height); } .header_business_transaction_step_done, .header_business_transaction_step_active { background-color: #75a89b; } .header_business_transaction_step_text { display: flex; justify-content: center; font-size: 20px; font-weight: bold; margin-left: calc(var(--arrow_width) - 3px); } .header_business_transaction_step_text, .header_business_transaction_step_text a { color: white; } .header_business_transaction_step_text .svg_icon_wrapper { margin-right: .5em; } .header_business_transaction_step_text svg.svg_icon { height: 28px; width: auto; } .header_business_transaction_step_arrow, .header_business_transaction_step_arrow_space { border-top: var(--arrow_width) solid transparent; border-bottom: var(--arrow_width) solid transparent; border-left-width: calc(var(--arrow_width) - 3px); border-left-style: solid; position: absolute; top: 0; left: 100%; } .header_business_transaction_step_arrow { z-index: 3; } .header_business_transaction_step .header_business_transaction_step_arrow { border-left-color: gray; } .header_business_transaction_step_done .header_business_transaction_step_arrow, .header_business_transaction_step_active .header_business_transaction_step_arrow { border-left-color: #75a89b; } .header_business_transaction_step_arrow_space { border-left-color: #fffffff9; left: calc(100% + 3px); z-index: 2; } .header_business_transaction_step ~ .header_business_transaction_step { margin-left: 3px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px) { .header_business_transaction_step_text { font-size: 11px; padding: 0 0.3em; } .header_business_transaction_step_text svg.svg_icon { height: 20px; } } .header_business_transaction_step_text > span, .header_business_transaction_step_text > a { text-transform: uppercase; white-space: nowrap; font-family: Montserrat, Helvetica, Arial, sans-serif; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .header_business_transaction_step_text > span, .header_business_transaction_step_text > a { margin: 0 30px; } } .header_business_transaction_step_text .svg_icon_wrapper { display: none; } .area_layout__business_transaction .ipfit__field__wrapper, .order_details_wrapper .ipfit__field__wrapper { margin-bottom: 0; } .bt_button_hint { color: #75a89b; font-weight: bold; font-size: 14px; text-align: right; } .bt_customer_data_container { display: grid; } .bt_address_container { display: grid; grid-template-rows: 40px auto; } .bt_block_content.address { display: grid; grid-template-rows: 3fr 1fr; } .bt_empty_cart_message { font-size: 18px; padding: 3em calc(var(--content_padding_h)/2); text-align: center; color: #75a89b; } .bt_empty_cart_message i { display: block; margin-bottom: 15px; font-size: 50px; } .bt_guest_button_container { display: flex; justify-content: center; grid-column-gap: 2em; align-items: center; margin: .5em calc(var(--content_padding_h)/2) 2em calc(var(--content_padding_h)/2); } .bt_action_button_row.guest { display: block; text-align: center; } .bt_guest_cart_view_hint { margin: 0 calc(var(--content_padding_h)/2); text-align: center; } @media only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .bt_customer_data_container { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto auto; } .bt_min_order_condition { grid-column: 1 / span 5; grid-row: 2; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px) { .bt_customer_data_container { grid-template-columns: 1fr 1fr; } .bt_remark, .bt_min_order_condition { grid-column: 1 / span 2; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .bt_guest_button_container { flex-direction: column; } } .bt_headline { background-color: gray; color: white; font-weight: bold; padding-top: .4em; padding-bottom: .4em; line-height: 1.2; height: 30px; font-size: 12px; align-items: center; } .bt_customer_data_container .bt_headline { display: flex; } .bt_block_content, .bt_min_order_condition:not(:empty) { padding: 10px calc(var(--content_padding_h)/2) 1.5em calc(var(--content_padding_h)/2); } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .bt_headline { font-size: 11px; } } .bt_address_wrapper { margin-bottom: 1.5em; } .bt_address_wrapper.several { min-height: 165px; } .bt_direct_order_container { display: grid; background-color: #F4F4F4; padding-top: 1em; padding-bottom: 1em; grid-gap: calc(var(--content_padding_h)/2); } .bt_direct_order_container.single_line .order_type { display: flex; } .bt_direct_order_container.single_line .order_type .ipfit__field__wrapper { flex-basis: 85%; } .bt_direct_order_container .order_type .info_trigger { top: .8em; left: 1em; height: 15px; } .bt_direct_order_container.single_line .order_fields { display: grid; grid-gap: calc(var(--content_padding_h)/2); } .bt_direct_order_container.multi_line .order_fields .ip_button { margin-top: calc(var(--content_padding_h)/2); } .bt_direct_order_container.multi_line .ipfit__field_error { white-space: pre-line; } div.bt_direct_order_single_line_arrow_animation { font-size: 30px; color: #75a89b; opacity: 0; filter: alpha(opacity=0); position: absolute; top: -15px; left: -35px; } @media only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .bt_direct_order_container { grid-template-columns: 1fr 2fr; } .bt_direct_order_container.single_line .order_fields { grid-template-columns: 6fr 1fr 2fr; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px) { .bt_direct_order_container.single_line .order_fields { grid-template-columns: 1fr 1fr; } .bt_direct_order_container .bt_direct_order_single_line { grid-column: 1 / span 2; } .bt_direct_order_container.single_line .order_type .ipfit__field__wrapper { flex-basis: 91%; } div.bt_direct_order_single_line_arrow_animation { left: 0; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .bt_direct_order_container .order_type .info_trigger { left: .5em; } } .bt_direct_order_container .ip_button { margin-bottom: 0; } .bt_direct_order_container .ip_button.ip_button__add_to_cart { margin-top: .3em; } .bt_direct_order_single_line { position: relative; } .bt_direct_order_container .auto_completion_data_div { position: absolute; height: auto !important; max-height: 600px; overflow-y: auto; overflow-x: hidden; margin-top: .25em; } .bt_direct_order_success__message { margin-top: 1em; display: flex; align-items: flex-start; color: #75a89b; } .bt_direct_order_success__message:before { content: '\f06a'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; font-size: 15px; margin-right: .5em; margin-top: -1px; } .bt_item_group { color: white; font-weight: bold; font-family: Montserrat, Helvetica, Arial, sans-serif; } .bt_promotion_delivery_period_container { padding: .3em var(--content_padding_h); } .bt_items_container:not(.order_history) .bt_item_group, .bt_customer_data_container:not(.order_history) .bt_headline, .bt_items_container:not(.order_history) .bt_headline, .bt_customer_data_container:not(.order_history) .bt_block_content, .bt_customer_data_container:not(.order_history) .bt_min_order_condition, .bt_items_container:not(.order_history) .bt_item, .bt_substitute_article_item, .bt_total_container:not(.order_history), .bt_direct_order_container, .bt_action_button_row, .bt_terms_and_conditions_container { padding-left: var(--content_padding_h); padding-right: var(--content_padding_h); } .bt_item_group, .bt_headline, .bt_items_container.order_history .bt_item, .bt_total_container.order_history { padding-left: calc(var(--content_padding_h)/2); padding-right: calc(var(--content_padding_h)/2); } .bt_item_group { padding-top: .2em; padding-bottom: .2em; } .bt_item_group a.promotion:hover { color: inherit; } .bt_item_group .promotion_label:after { content: ' - '; margin: 0 .4em; position: relative; top: -1px; } .bt_items_container { border-bottom: 1px solid #e1e1e1; } .bt_items_container .bt_headline, .bt_items_container .bt_item { display: grid; grid-column-gap: calc(var(--content_padding_h)/2); } .bt_items_container .bt_item.even, .bt_substitute_article_item:nth-child(even) { background-color: #F4F4F4; } .bt_item_not_available:not(.bt_item_duplicate_article) { opacity: .4; } .bt_item_duplicate_article .bt_item_block img, .bt_item_duplicate_article .item_id_container, .bt_item_duplicate_article .item_name { display: none; } .bt_item_duplicate_article .bt_item_unit { margin-bottom: 10px; } .bt_items_container div.bt_item_price { text-align: right; } .bt_item, .bt_item img { transition: all .5s; } div.bt_items_container:not(.check) div.bt_item:not(.bt_item_not_available):hover { background-color: #F4F4F4; } div.bt_items_container:not(.check) div.bt_item:not(.bt_item_not_available):hover img { transform: scale(1.1); } .bt_item_quantity_container { display: flex; } .bt_item_quantity_container .ip_button { margin-left: .5em; font-size: 13px; } .bt_item_quantity_container input, .substitute_article_container .product_box_add2cart_custom input { padding: 5px 6px; width: 43px; } .bt_promotion_delivery_period_container .ipfit__datetime_wrapper input { padding-top: 5px; padding-bottom: 5px; width: auto; } .bt_item_quantity_container .ipfit__field_error, .bt_substitute_article_item .article_cart_field_container .ipfit__field_error, .bt_promotion_delivery_period_container .ipfit__dateTime__wrapper .ipfit__field_error { position: absolute; top: 28px; width: fit-content; white-space: nowrap; } .bt_item_quantity_container .ipfit__field_error, .bt_substitute_article_item .article_cart_field_container .ipfit__field_error { padding: 0; align-items: center; } .bt_items_container .ipfit__field_error:before, .bt_substitute_article_item .article_cart_field_container .ipfit__field_error:before { font-size: 12px; } .bt_items_container.order_history .bt_item_quantity_container { align-items: center; } .bt_item_new_quantity { width: 45px; } .bt_total_container { border-bottom: 1px solid #e1e1e1; background-color: #F4F4F4; padding-top: 1em; padding-bottom: 1em; } .bt_total_container:not(.order_history) { grid-template-columns: 1fr 1fr; } .bt_total_container.order_history { grid-template-columns: 1.5fr 1.5fr 1fr; grid-gap: 3em; } .bt_total_container.order_history .ip_button__add_to_cart { justify-content: center; margin-top: 2.5em; } .bt_total_container .unit { font-weight: bold; } .bt_total_units, .bt_totals { display: grid; grid-template-columns: auto auto; grid-column-gap: 1.2em; line-height: 1.8em; } .bt_totals { text-align: right; justify-self: end; } .total_sum_gross { font-size: 18px; padding-top: 10px; } .bt_button_checkout_container .bt_button_hint { height: 40px; display: grid; align-content: end; margin-bottom: .5em; } .bt_action_button_row .ip_button { justify-self: start; } .bt_action_button_row.edit .ip_button { align-self: start; } .ip_button__confirm_order:not(.ip_button__disabled) { border: 1px solid transparent; } .ip_button__continue_shopping, .ip_button__to_order_history, .bt_order_history_button { min-width: 230px; } .bt_action_button_row.guest .ip_button__continue_shopping { min-width: initial; } .bt_order_history_hint { color: #D54291; padding: 0 .2em; } .bt_terms_and_conditions_container { padding-top: 2em; } .bt_content_headline { font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: bold; padding: 5px calc(var(--content_padding_h)/2); } .bt_terms_and_conditions_container .document_container { height: 320px; overflow-y: auto; border: 1px solid #e1e1e1; border-radius: 3px; } .bt_terms_and_conditions_container .content__html_text > p, .bt_terms_and_conditions_container h1, .bt_terms_and_conditions_container h2:not(.content__headline_in_line) { opacity: 1; transform: none; } .bt_terms_and_conditions_container .content__html_text > p { padding: 0; font-size: 13px; line-height: 1.7em; } .bt_terms_and_conditions_container .content__html_text { padding: .5em calc(var(--content_padding_h)/2); margin: 0; } .bt_terms_and_conditions_container h1, .bt_terms_and_conditions_container h2:not(.content__headline_in_line) { padding: .5em 0; margin: 0; } .bt_terms_and_conditions_container .content_document_wrapper { padding-bottom: .5em; } .bt_content_headline, .bt_terms_and_conditions_container h1, .bt_terms_and_conditions_container h2 { font-size: 15px; } .bt_terms_and_conditions_container .ipfit__field__wrapper { margin-top: 1em; } .bt_item_name, .bt_item_unit, .bt_item_quantity, .bt_item_price { font-size: 12px; } .bt_promotion_delivery_period_container { display: flex; align-items: start; } .bt_promotion_delivery_period_container .text, .bt_promotion_delivery_period_container .ipfit__view_mode_content { color: white; padding-top: .4em; } .bt_promotion_delivery_period_container .ipfit__field__inner_wrapper:not(.ipfit_readonly) { margin: 0 .5em; padding: 0 .4em; } .bt_promotion_delivery_period_container .ipfit__field__inner_wrapper.ipfit_readonly { padding: .4em .4em 0 .4em; } .bt_promotion_delivery_period_container .ipfit__field_wrapper__error, .bt_substitute_articles_container div.ipfit__field_wrapper__error { margin-bottom: 20px; } .bt_promotion_delivery_period_container .ipfit__view_mode_content { font-weight: bold; } .bt_promotion_items_with_delivery_period_container, .situation__promotion_detail .engine_search_result_block__hits, .search__promotion_discount_info_container { border: 2px solid #D54291; border-bottom-width: 5px; } .bt_change_address_container .ip_button__select_another { margin: 1em 0 0 -.5em; } .bt_change_address_link { display: block; } .bt_change_address_popup .popup__header_wrapper { display: none; } .bt_checkout_page_wrapper { padding: 2em var(--content_padding_h); } .bt_checkout_page_wrapper .bt_action_button_row { padding: 3em 0 0 0; } .bt_checkout_page_wrapper .bt_page_message { color: #006C55; font-size: 15px; font-weight: bold; margin-top: 2em; } .bt_checkout_page_wrapper .success_wrapper { display: flex; align-items: center; } @media(min-width: 900px){ .bt_item_group { font-size: 15px; } .bt_item_group a.promotion { display: flex; justify-content: space-between; } .bt_items_container .bt_headline, .bt_items_container .bt_item { grid-template-columns: 70px 5fr 3fr 1.5fr 80px; } .bt_items_container .bt_item, .bt_substitute_article_item { padding-top: .1em; padding-bottom: .1em; } .bt_items_container.order_history .bt_headline, .bt_items_container.order_history .bt_item { grid-template-columns: 70px 4.5fr 3fr 150px 70px; } .bt_item_name, .bt_item_unit, .bt_item_quantity, .bt_item_price { display: grid; column-gap: 1em; align-items: center; } .bt_item_name { grid-template-columns: .7fr 4fr; } .bt_item_unit { grid-template-columns: 1.1fr 1.1fr .8fr; } .bt_item_unit .info_small { color: #a2a2a2; font-size: 11px; } .bt_item_quantity { grid-template-columns: 1fr 1fr; } .bt_terms_and_conditions_container { max-width: 50%; } .bt_action_button_row { padding-top: 2em; padding-bottom: 2em; } .bt_total_container { display: grid; align-items: start; } .bt_total_units, .bt_totals { width: max-content; } .bt_article_details, .item_details_label, .item_details { display: none; } } @media(min-width: 700px){ .bt_action_button_row { display: grid; grid-column-gap: 2em; } .bt_action_button_row.edit { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto; } .bt_action_button_row.edit > .bt_button_hint { grid-column: 2; grid-row: 1; justify-self: end; margin-bottom: 1em; } .bt_action_button_row > .ip_button__next_to_the_overview { grid-column: 2; grid-row: 2; justify-self: end; } .bt_action_button_row > .ip_button__continue_shopping { grid-column: 1; grid-row: 2; } .bt_order_history_button { grid-column: 1; grid-row: 3; } .bt_action_button_row > .ip_button__empty_complete_shopping_cart { grid-column: 1; grid-row: 4; margin-top: 3em; } .bt_action_button_row.check { grid-template-columns: 1fr 2fr; } .bt_button_checkout_container { justify-self: end; text-align: right; } .bt_action_button_row.check .ip_button { align-self: end; } } @media(max-width: 900px){ .bt_article_number, .bt_article_description, .bt_item_unit { display: none; } .bt_item_group { font-size: 13px; } .bt_items_container .bt_item, .bt_substitute_article_item { padding-top: .5em; padding-bottom: .5em; } .bt_items_container:not(.order_history) .bt_item_discount { margin: 2px 0 0 2px; } .bt_items_container.check .bt_item_discount { margin-left: 0; } .bt_total_container { text-align: right; display: flex; flex-direction: column-reverse; grid-gap: 1.5em; } .bt_total_units { font-size: 12px; } .bt_items_container:not(.order_history) .bt_headline, .bt_items_container:not(.order_history) .bt_item { grid-template-columns: 1fr 2.5fr 1fr 60px; } .bt_items_container.order_history .bt_headline, .bt_items_container.order_history .bt_item { grid-template-columns: 1fr 3fr 60px 60px; } .bt_items_container .bt_headline { height: auto; align-items: center; } .bt_item_name, .bt_item_quantity { display: flex; flex-direction: column-reverse; } .bt_item .bt_item_name, .bt_item .bt_item_quantity { align-self: start; } .item_name { margin-bottom: .4em; line-height: 1.4em; font-weight: bold; } .item_id_container { display: flex; } .item_id_container, .item_details { font-size: 11px; } .item_details { white-space: nowrap; } .item_details > div { display: flex; } .item_details_label { margin-right: .2em; } .item_details.single_price_info { margin-top: .4em; color: #a2a2a2; } .bt_action_button_row.edit:not(.guest) { display: grid; } .bt_action_button_row { padding-top: 1em; padding-bottom: 1.5em; } .bt_action_button_row .ip_button__next_to_the_overview { margin-bottom: 2em; } .bt_action_button_row .ip_button__empty_complete_shopping_cart { margin-top: 2em; } } @media(max-width: 700px){ .bt_action_button_row .ip_button__next_to_the_overview { justify-self: auto; } .bt_action_button_row.check { display: flex; flex-direction: column-reverse; } .bt_action_button_row.check .ip_button { align-self: start; } .bt_action_button_row .ip_button__confirm_order { width: 100%; margin-bottom: 2.5em; } } .bt_items_container.order_history { position: relative; } .bt_items_container.order_history .bt_item_price { white-space: nowrap; } .bt_items_container.order_history .bt_item_group { position: relative; z-index: 3; } .bt_items_container.order_history .bt_quantity_highlight { width: 70px; top: -20px; right: calc(80px + var(--content_padding_h) - 23px); height: calc(100% + 20px); position: absolute; z-index: 1; background-color: #30BBCC; } .bt_items_container.order_history .bt_quantity_highlight:after { content: ' '; border-style: solid; border-width: 35px 35px 0 35px; border-color: #30BBCC transparent transparent transparent; position: absolute; left: 0; bottom: -35px; z-index: 1; } .bt_items_container.order_history .bt_item .bt_item_quantity, .bt_items_container.order_history .bt_headline .new { position: relative; z-index: 2; } .bt_items_container.order_history .bt_headline .new { max-width: 70px; text-align: right; } .bt_items_container.order_history .bt_item_old_quantity { margin-right: 2.5em; text-align: right; } @media only screen and (min-width: 810px) and (max-width: 1023.9px) { .bt_total_container.order_history .bt_totals, .bt_total_container.order_history .bt_total_units { justify-content: end; } .bt_total_container.order_history .unit { width: 130px; } } @media(max-width: 900px){ .bt_items_container.order_history .bt_item_quantity_container { flex-direction: column-reverse; } .bt_items_container.order_history .bt_quantity_highlight { width: 60px; right: 76px; } .bt_items_container.order_history .bt_item_discount_headline { display: none; } .bt_items_container.order_history .bt_headline .new { width: 60px; padding: 0 5px; text-align: left; box-sizing: border-box; margin-bottom: 5px; } .bt_items_container.order_history .bt_quantity_highlight:after { border-width: 30px 30px 0 30px; bottom: -30px; } .bt_items_container.order_history .bt_item_old_quantity { margin: .2em 0 0 .3em; text-align: left; } .bt_items_container.order_history .bt_item_discount { margin-left: 5px; } .bt_items_container.order_history .bt_item_quantity_container { align-items: start; align-self: center; } .bt_item_old_quantity:before{ content: '('; display: inline-block; } .bt_item_old_quantity:after{ content: ')'; display: inline-block; } .bt_total_container.order_history .ip_button__add_to_cart { align-self: end; margin: 2em 0 0 0; } .bt_total_container.order_history .total_sum_gross { padding-top: .5em; } } @media only screen and (max-width: 487.9px) { .bt_total_container.order_history .ip_button__add_to_cart { width: 100%; } } .bt_substitute_article_item { font-size: 12px; padding-top: .5em; padding-bottom: .5em; } .product_box_inner_container_group_article_data { display: flex; grid-gap: calc(var(--content_padding_h)/2);; } .bt_substitute_article_item .product_box_inner_container_group_middle { min-width: 250px; } .bt_substitute_article_item .product_box_customer_price:not(:empty) { min-width: 200px; } .bt_substitute_article_item .product_box_customer_price { margin-bottom: .5em; } .bt_substitute_article_item .article_cart_field_container { align-items: start; } .bt_substitute_article_item .product_box_product_name { font-weight: bold; margin-bottom: .4em; } .bt_substitute_article_item .product_box_frontend_id_erp, .bt_substitute_article_item .product_box_article_ean, .bt_substitute_article_item .product_box_carton_item_quantity { font-size: 11px; } .bt_substitute_article_item .substitute_article_container { position: relative; } .bt_substitute_article_item .product_box_add2cart_custom .ip_button { margin-top: 1px; } .bt_substitute_article_item .product_box_substitute_article .product_box_product_image img { max-width: initial; } @media only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .product_box_inner_container_group_substitute, .bt_substitute_article_item .product_box_substitute_article { display: flex; justify-content: space-between; } .bt_substitute_article_item .product_box_inner_container_group_article_data { flex-basis: 35%; } .bt_substitute_article_item .substitute_article_hint { flex-basis: 30%; } .bt_substitute_article_item .substitute_article_container { margin-left: 35px; } .bt_substitute_article_item .substitute_pointer { position: absolute; top: 50%; transform: translateY(-50%); font-size: 30px; left: -35px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px) { .bt_substitute_article_item .product_box_inner_container_group_middle { max-width: 80vw; } .bt_substitute_article_item .substitute_article_hint { padding: .5em 0 40px 0; } .bt_substitute_article_item .substitute_article_hint, .bt_substitute_article_item .product_box_inner_container_group_right { margin-left: 63px; } .bt_substitute_article_item .substitute_pointer:before { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); font-size: 25px; content: '\f0a7'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } .product_box_inner_container_group_article_data { flex-wrap: wrap; } .bt_substitute_article_item .product_box_customer_price:empty { display: none; } .bt_substitute_article_item .product_box_inner_container_group_right { flex-basis: 100%; } } .jcarousel-container { position: relative; } .jcarousel-container:not(.carousel_initialized), .jcarousel-container .hover_visibility { visibility: hidden; } .jcarousel-container:hover .hover_visibility { visibility: visible; } .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_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: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px){ .zoom_control_wrapper { position: absolute; left: 10px; } .zoom .link_box_on_image { pointer-events: auto; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px){ .zoom_control_wrapper, .zoom_control_slider { width: 100%; max-width: 150px; } } .jcarousel-container .carousel_prev:before { content: '\f053'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; margin-left: -2px; } .jcarousel-container .carousel_next:before { content: '\f054'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; margin-right: -2px; } .carousel_prev, .carousel_next { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; background-color: rgba(225,225,225,.5); color: #595959; font-size: 15px; transition: color .5s, background-color .6s; } .carousel_prev, .carousel_next, .ip_button__scroll_to_content { width: 44px; height: 44px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .area_wrapper__areaTradeTop .cms_carousel .carousel_prev, .area_wrapper__areaTradeTop .cms_carousel .carousel_next { top: calc(50% - 15px); } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .carousel_prev, .carousel_next { width: 34px; height: 34px; } } .carousel_prev { left: calc(var(--content_padding_h)/2); } .carousel_next { right: calc(var(--content_padding_h)/2); } .carousel_prev:hover, .carousel_next:hover { color: #2AA2B0; background-color: rgba(225,225,225,.7); } .jcarousel-container .all_items_visible .jcarousel-list, .jcarousel-container.suppressed .jcarousel-list { width: auto; display: flex; justify-content: center; transform: none !important; } .jcarousel-clip.all_items_visible + .carousel_next, .jcarousel-clip.all_items_visible + .carousel_next + .carousel_prev { visibility: hidden; } .jcarousel-item { display: flex; justify-content: center; } .carousel_control_wrapper { text-align: center; margin: 1.2em 0 0 0; min-height: 20px; } .carousel_progress_control_wrapper a { text-decoration: none; display: inline-block; font-size: 11px; height: 8px; width: 8px; background: #e1e1e1; border-radius: 50%; text-indent: -9999px; margin: 0 7px; transition: background .5s; } .carousel_progress_control_wrapper a:hover, .carousel_progress_control_wrapper a.active { background: #2AA2B0; color: #fff; height: 10px; width: 10px; margin: 0 6px; position: relative; top: -1px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .carousel_progress_control_wrapper a { height: 6px; width: 6px; margin: 0 5px; } .carousel_progress_control_wrapper a:hover, .carousel_progress_control_wrapper a.active { height: 8px; width: 8px; margin: 0 4px; } } .cms_carousel > div:not([data-jcarousel]) .jcarousel-item:not(:first-child) { display: none; } .cms_carousel > div:not([data-jcarousel]) .jcarousel-list-horizontal { width: auto; } .cms_carousel .jcarousel-item, .cms_carousel .jcarousel-clip { width: 100vw; height: auto; box-sizing: border-box; } .carousel_item .product_box_inner_container_group_main { max-width: 205px; height: auto; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .situation__promotion_overview .carousel_item .product_box_inner_container_group_main { min-width: 205px; } } .carousel_item .product_box_product_image { margin-bottom: 0 !important; } .carousel_item .cci_wrapper_snippet_mediacenter_file { max-width: initial !important; } .area_wrapper__areaTradeTop .carousel_item video, .area_wrapper__areaTradeTop .carousel_item img { width: 100%; height: auto; } .carousel_mute_video { right: 0; top: -2px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .cms_carousel.jcarousel-container, .content__article_carousel_wrapper .jcarousel-container { max-width: 100%; } .jcarousel-item .product_box_inner_container_group_main { width: 44vw; padding: 15px 5px 5px 5px; } .product_box_cross_selling_articles .jcarousel-item .product_box_inner_container_group_main { width: 42vw; } .carousel_control_wrapper { margin-top: .8em; } } .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: #75a89b; } .transformicon_menu_lines, .transformicon_menu_lines:before, .transformicon_menu_lines:after { height: 2px; width: 25px; border-radius: 1px; 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 { font-size: 22px; margin-top: .3em; } .transformicon_menu_lines, .transformicon_menu_lines:before, .transformicon_menu_lines:after { height: 1px; width: 32px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .transformicon { font-size: 20px; margin-top: 0; } .transformicon_menu_lines, .transformicon_menu_lines:before, .transformicon_menu_lines:after { width: 28px; } .transformicon_menu_lines.sub { background-color: transparent; margin-right: 1.5em; } .transformicon_menu_lines.sub:before { width: 18px; margin-top: 2px; } .transformicon_menu_lines.sub:after { width: 13px; margin-top: -2px; } } .ip_button { line-height: 3em; border-radius: 1.5em; padding: 0 1.8em; color: #FFFFFF; text-decoration: none; margin: .7em 0; transition: all .5s; box-sizing: border-box; display: inline-flex; align-items: center; } button { border: none; background: none; cursor: pointer; } .ip_button_type__engine_instance, .ip_button_type__inline, .ip_button_type__form { background-color: #30BBCC; } .ip_button_type__engine_instance:hover, .ip_button_type__inline:hover, .ip_button_type__form:hover { background-color: #2AA2B0; color: #FFFFFF; } .ip_button_type__form_neutral { background-color: #e5e5e5; color: #333; } .ip_button_type__form_neutral:hover { background-color: #eee; } .ip_button.ip_button__disabled, .ip_button.ip_button__disabled:hover { border: 1px solid #e1e1e1; color: #e5e5e5; background-color: transparent; cursor: default; } .ip_button.ip_button_design__small, .ip_button.ip_button_type__inline { line-height: 2.2em; border-radius: 1.1em; margin-top: 0; } .ip_button_design__big { line-height: 44px; border-radius: 22px; padding: 0 25px; font-size: 15px; } .ip_button_type__plain_icon, .ip_button_type__plain, .ip_button_type__icon { color: #75a89b; padding: 0; margin: 0; line-height: 1.3; } .ip_button_type__plain:not(.ip_button__remove_all_filters) i { margin: 1px .5em 0 .5em; } .ip_button.ip_button_type__plain_icon:hover, .ip_button.ip_button_type__plain:hover, .ip_button.ip_button_type__icon:hover { color: #2AA2B0; } .ip_button .ip_button__text { display: inline-block; white-space: nowrap; } .ip_button:not(.ip_button_type__plain_icon):not(.ip_button_type__icon):not(.ip_button_type__plain):not(.ip_button_type__search_filter) i { font-size: 1.3em; } .ip_button:not(.ip_button_type__plain_icon):not(.ip_button_type__icon):not(.ip_button_type__plain) i.before, .ip_button__remove_all_filters i.before { margin-right: .7em; } .ip_button:not(.ip_button_type__plain_icon):not(.ip_button_type__icon):not(.ip_button_type__plain) i.after { margin-left: .7em; } .ip_button_type__search_filter, .ip_button__remove_all_filters { border: 1px solid #30BBCC; color: #30BBCC; font-size: 12px; line-height: 1.9em; padding: 0 .5em; } .ip_button__to_promotion { border-radius: 3px; height: 42px; display: flex; justify-content: center; align-self: center; } .ip_button__to_promotion .ip_button__text { position: relative; padding-left: 30px; } .ip_button__to_promotion span.ip_button__text:before { content: '\f0a3'; font-family: 'FontAwesomeSolid'; font-weight: 900; font-style: normal; position: absolute; left: 0; font-size: 22px; } .ip_button__to_promotion span.ip_button__text:after { content: '\25'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; position: absolute; left: 6px; color: #30BBCC; font-size: 11px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .ip_button.ip_button_type__engine_instance { padding: 0 1.2em; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { :root { --details_container_padding_h: 20px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { :root { --details_container_padding_h: calc(var(--content_padding_h)/2); } } .article_view_container { position: relative; } .product_back_to_hitlist { position: absolute; font-weight: bold; top: 15px; left: 0; z-index: 2; } .article_view_layout .area_column_wrapper { background: none; } .article_view_container .engine_page_element_row { background: #FFFFFF; max-width: 100%; box-shadow: 1px 1px 13px rgba(0, 0, 0,.4); } .product_back_to_hitlist .ip_button_type__plain i { margin-left: 0; } .product_box_inner_container_group_main_top_details { display: flex; align-items: center; } .article_view_container .engine_page_element_row { padding: calc(var(--content_padding_v)*1.2) calc(var(--content_padding_h)*1.2); } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .product_box_inner_container_group_main_top { margin: 1em 0 5em 0; } .product_box_inner_container_group_main_top_details { order: 2; height: fit-content; justify-content: end; } .article_view_container .engine_page_element_row { border-radius: 8px; } } h1.product_box_product_name { color: #00130F; line-height: 1.3; } .product_box_description:not(:empty) { padding-top: 10px; white-space: pre-line; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { h1.product_box_product_name { font-size: 30px; } } .article_view_container .product_box_description:not(:empty) { font-size: 14px; } .product_box_inner_container_group_top_right_price { position: relative; } .product_box_inner_container_group_top_right_price .product_box_customer_ordered_items { top: 7px; font-size: 19px; line-height: 1.3em; } .article_view_container .product_box_inner_container_group_top_right_price .product_box_customer_price:not(:empty) { font-size: 25px; } .article_view_container .product_box_add2cart_custom { font-size: 14px; min-height: 3.2em; z-index: 1; max-width: 100%; margin-bottom: 25px; } .article_view_container .product_box_add2cart_custom .article_cart_field_container { height: 3.2em; } .article_view_container div.product_box_add2cart_custom input { width: 58px; padding-left: 8px; padding-right: 8px; font-size: 16px; } .article_view_container .product_box_add2cart_custom .ipfit__field__wrapper { margin-right: 1.2em; } .article_view_container .discount_info_container { margin-left: .5em; } .article_view_container .product_box_promotion_button { margin: 35px 0 -20px 0; } .product_box_order_details { margin: 35px 0 0 0; display: grid; grid-template-columns: 1fr 2fr; } .product_box_order_details .details_value.first_child, .product_box_order_details .details_label.first_child { border-top: 1px solid #e1e1e1; } .product_box_order_details .details_value, .product_box_order_details .details_label { border-bottom: 1px solid #e1e1e1; padding: .3em; } .product_box_order_details .details_value { font-weight: bold; text-align: right; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .product_box_inner_container_group_top_left .product_box_highlight_seal, .product_box_inner_container_group_top_left .product_box_promotion_seal { top: 0; right: 55px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .product_box_inner_container_group_top_left .product_box_highlight_seal, .product_box_inner_container_group_top_left .product_box_promotion_seal { top: 15px; } } .product_box_inner_container_group_top_left .product_box_highlight_seal i { font-size: 50px; } .product_box_inner_container_group_top_left .product_box_promotion_seal i { font-size: 70px; } .product_box_inner_container_group_top_left .product_box_promotion_seal .promotion_text { font-size: 11px; line-height: 1.2; } .product_box_inner_container_group_top_left .product_box_promotion_seal .promotion_text span { font-size: 16px; } .product_box_inner_container_group_top_left .product_box_promotion_seal { width: 72px; height: 72px; } .article_view_container .product_box_order_message, .article_view_container .substitute_article_hint { font-size: 15px; } .article_view_container .substitute_article_hint { margin-top: 2em; } .article_view_container .details_container:not(.product_box_cross_selling_articles), .article_view_container .substitute_article_container { border-radius: 3px; border: 1px solid #e1e1e1; } .article_view_container .details_container:not(.product_box_cross_selling_articles), .article_view_container .substitute_article_container, .article_view_container .promotion_articles_container { margin-top: 2em; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .article_view_container .promotion_articles_container .promotion_details_button_container { margin-top: -20px; } } .product_box_cross_selling_articles { margin: 20px 0 10px 0; } .article_view_container .details_container .headline, .article_view_container .substitute_article_container .headline, .article_view_container .promotion_articles_container .promotion_label_container { font-size: 16px; padding: 10px var(--details_container_padding_h); font-weight: bold; } .article_view_container .promotion_label_container .promotion_name { flex: 1 1 0; } .article_view_container .product_box_nutrition .headline { margin-bottom: 10px; } .article_view_container .details_container .headline, .article_view_container .substitute_article_container .headline { color: #00130F; background-color: #eee; } .product_box_inner_container_group_detail_info { display: grid; } .product_box_additional_article_details { background-color: #F9F9F9; padding: 1.5em var(--details_container_padding_h); } .product_box_additional_article_details .value { white-space: pre-line; } .article_view_container .details_container.simple div.headline { padding: 20px 0 2px 0; margin-bottom: 0; background-color: initial; } .product_box_additional_article_details.details_container div.headline:first-of-type { padding-top: 0; } .product_box_nutrition.details_container { background-color: #F9F9F9; padding-bottom: 10px; } .product_box_nutrition .headline, .product_box_nutrition .value { display: grid; grid-template-columns: 3fr 1fr; } .product_box_nutrition .headline.with_value_serve { line-height: 1; } .product_box_nutrition .headline.with_value_serve, .product_box_nutrition .value.with_value_serve { grid-template-columns: 3fr 1.1fr 1.1fr; column-gap: 1em; } .product_box_nutrition .value { padding: .3em var(--details_container_padding_h); } .product_box_nutrition .right { text-align: right; position: relative; } .product_box_nutrition .unit_serve { font-size: 11px; font-weight: normal; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .product_box_nutrition .headline.with_value_serve, .product_box_nutrition .value.with_value_serve { grid-template-columns: 3fr 1.1fr 1.6fr; } } .article_view_container .substitute_article_container:empty { display: none; } .article_view_container .substitute_article_container .product_box_container { justify-content: center; } .window_shopping_wrapper { position: relative; } .window_shopping_wrapper .jcarousel-clip { padding: 8px 0; } .window_shopping_wrapper .jcarousel-item { overflow: hidden; max-width: 108px; position: relative; } .window_shopping_wrapper .product_box_inner_container_group_carousel { margin: 1.3em 1em; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .window_shopping_wrapper { margin: 1.8em var(--content_padding_h) -15px var(--content_padding_h); } } .jcarousel-item[data-is_active="1"]:before { content: ' '; position: absolute; width: 100px; height: 3px; border-radius: 2px; bottom: 7px; background-color: #75a89b; margin: 0 1.5em; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .window_shopping_wrapper { margin-bottom: -7px; } .jcarousel-item[data-is_active="1"]:before { height: 2px; } } .jcarousel-item[data-is_active="1"]:after { position: absolute; bottom: 1px; content: ' '; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #75a89b; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .window_shopping_wrapper .jcarousel-clip { margin: 15px 1.5em -15px 1.5em; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .window_shopping_wrapper .jcarousel-clip { margin-top: 25px; } .window_shopping_wrapper .jcarousel-item { max-width: 17vw; min-width: initial; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .product_back_to_hitlist { top: 0; left: var(--content_padding_h); } .window_shopping_wrapper .jcarousel-item { max-width: 18vw; min-width: initial; } .window_shopping_wrapper .jcarousel-item[data-is_active="1"]:after { bottom: 2px; } .window_shopping_wrapper .jcarousel-item[data-is_active="1"]:before { width: 70px; } } .product_box_article_detail_buttons { margin-top: 20px; position: relative; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .product_box_article_detail_buttons { display: grid; grid-template-columns: .1fr 1fr 1fr; grid-column-gap: 1.3em; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .product_box_article_detail_buttons { display: grid; grid-template-columns: auto minmax(1px, 1fr); grid-template-areas: "social_media_share img_download_button" "pdf_button pdf_button"; grid-gap: 1em; } .product_box_article_detail_buttons .ip_button__create_pdf { grid-area: pdf_button; } } .product_box_article_detail_buttons .ipfit_checkbox_awesome { grid-column: 1 / -1; margin-bottom: 1.5em; } .product_box_article_detail_buttons .ip_button:not(.ip_button_type__plain) { border-radius: 3px; margin-top: 0; margin-bottom: 0; height: 42px; line-height: 1.2em; width: 100%; justify-content: center; } .download_images_button_wrapper { position: relative; width: 100%; } .product_box_inner_container_group_top_left { position: relative; } div.product_box_article_detail_buttons a.ip_button.ip_button__social_media_share { border-radius: 50%; padding: 0 14px; } .ip_button__social_media_share .ip_button__text { display: none; } .ip_button__social_media_share i.before { margin-right: 0 !important; position: relative; } .ip_button__social_media_share i:before { font-size: 15px; } .ip_button__social_media_share i:after { content: '\f176'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; position: absolute; font-size: 11px; left: 50%; transform: translateX(-50%); top: -3px; background-color: #e5e5e5; height: 17px; transition: all .5s; } .ip_button__social_media_share:hover i:after { background-color: #eee; } .social_media_buttons_popup { background-color: #258E9B; color: #FFFFFF; margin: 0; left: 50px; top: 50%; transform: translateY(-50%); padding: 1em 2.5em 1em 1.7em; z-index: 99; } .social_media_buttons_popup .popup__header_wrapper { display: none; } .social_media_buttons_popup .ip_button { color: #FFFFFF; display: block; padding: 9px 0; } .social_media_buttons_popup .ip_button.ip_button_type__plain:hover { color: #FFFFFF; opacity: .8; } .social_media_buttons_popup .ip_button i { margin: 0; width: 20px; text-align: center; } .social_media_buttons_popup .ip_button .ip_button__text { padding-left: 10px; } ip_button__copy_to_clipboard { position: relative; } .ip_button__copy_to_clipboard.copied .ip_button__text:after { content: '\f00c'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; position: absolute; right: 12px; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .product_box_inner_container_group_main_info, .product_box_inner_container_group_detail_info, .product_box_inner_container_group_main_top { display: grid; grid-template-columns: 1.5fr 1fr; grid-column-gap: 3em; } .product_box_inner_container_group_main_top_details img.orientation_logo { margin-right: 2em; } .product_box_cross_selling_articles { margin-top: 55px; } .product_box_inner_container_group_top_left { display: flex; flex-direction: column; align-items: center; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .product_box_inner_container_group_main_top, .product_box_inner_container_group_main_top_details, .product_box_article_detail_buttons { margin-bottom: 25px; } .product_box_inner_container_group_main_top_details { justify-content: space-between; } .product_box_article_detail_buttons .ip_button { padding-left: 1em; padding-right: 1em; } div.article__detail_carousel_thumbs { margin-bottom: 40px; } .product_box_inner_container_group_top_right { margin: 0 auto; } .product_box_additional_article_details { padding: calc(var(--content_padding_h)/2) calc(var(--content_padding_v)/2); } .product_box_inner_container_group_main_top_details img.orientation_logo { margin-left: 1em; order: 2; } } @media only screen and (min-width: 1024px) and (max-width: 1279.9px) { .product_box_inner_container_group_top_right { width: 45vw; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px) { .product_box_inner_container_group_top_right { width: 60vw; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .product_box_inner_container_group_top_right { margin-top: 25px; } .article_view_container .brand_logo { max-width: 130px; max-height: 50px; } } .article__detail_carousel_thumbs, .article__zoom_carousel_thumbs { margin: 1.5em auto; } .article__zoom_carousel_thumbs { margin-top: 2.5em; } .article__detail_carousel_thumbs .jcarousel-item, .article__zoom_carousel_thumbs .jcarousel-item { cursor: pointer; min-width: 82px; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .window_shopping_carousel .carousel_prev { left: -25px; } .window_shopping_carousel .carousel_next { right: -25px; } } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .window_shopping_wrapper .carousel_prev, .window_shopping_wrapper .carousel_next { top: 52%; } } .thumbs_carousel .carousel_item:after { display: block; content: ' '; transition: transform 200ms linear; transform: scaleX(0); border-bottom: 3px solid transparent; } .thumbs_carousel .jcarousel-item.active .carousel_item:after { border-bottom-color: #75a89b; transform: scaleX(1); } .thumbs_carousel img { margin: 0 .5em; } .article__detail_carousel_thumbs .video_container, .article__zoom_carousel_thumbs .video_container { height: 100%; max-height: 85px; } .article__detail_carousel_thumbs .carousel_item_video_container, .article__zoom_carousel_thumbs .carousel_item_video_container { padding: 0 .8em; box-sizing: border-box; } @media only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px), (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .article__details_img_carousel .video_container { width: 400px; height: 400px; } .article__zoom_carousel .video_container { max-width: 1000px; height: 72vh; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .article__details_img_carousel .video_container { height: 340px; } } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .article__details_img_carousel .jcarousel-item { cursor: url("data:image/svg+xml,%3Csvg width='41.201' height='41.201' viewBox='0 0 10.901 10.901' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.451' cy='5.451' r='5.45' style='opacity:.7;fill:%231a1a1a;stroke-width:.264583'/%3E%3Cpath d='M5.319 2.951h.264v5H5.32z' style='fill:%23fff;stroke-width:.424679'/%3E%3Cpath d='M7.951 5.319v.264h-5V5.32z' style='fill:%23fff;stroke-width:.424679'/%3E%3C/svg%3E"), auto; } .article__details_img_carousel .jcarousel-item.video_playing_cursor { cursor: pointer; } .zoom_img_popup { width: calc(100% - 2*var(--content_padding_h)); height: calc(100% - 2*var(--content_padding_v)); max-width: 1500px; box-sizing: border-box; margin: var(--content_padding_v) var(--content_padding_h); } .zoom_img_popup .popup_content_wrapper { overflow: hidden !important; height: 100%; } .zoom_img_popup .article__zoom_carousel.suppressed, .zoom_img_popup .article__zoom_carousel.suppressed .jcarousel-clip, .zoom_img_popup .article__zoom_carousel.suppressed .jcarousel-list { height: 100%; } .zoom_img_popup .article__zoom_carousel.suppressed .jcarousel-list { align-items: center; } .article__zoom_carousel img { max-height: 70vh; width: auto; } .article__zoom_image_thumb { cursor: pointer; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .zoom_img_popup { padding: 1em; } .zoom_img_popup .popup_content_wrapper { position: relative; height: 100vh; display: grid; grid-auto-flow: row; margin-top: 10px; margin-bottom: 90px; } .zoom_img_popup .article__zoom_carousel_thumbs { position: absolute; bottom: 0; width: 100%; text-align: center; } .zoom_img_popup .popup_cancel_button { font-size: 30px; } .article__zoom_carousel .jcarousel-clip { touch-action: pan-y pinch-zoom !important; } .article__zoom_carousel { width: 100%; overflow: hidden; border-radius: 15px; display: flex; align-items: center; } .article__zoom_carousel_thumbs .jcarousel-item img { max-width: 60px; } .zoom_control_wrapper { display: none; } } form[data-ip_instance_key="exportPricelist2Pdf"] .objectView_engine_page_block_container { padding: var(--content_padding_v) var(--content_padding_h) 0 var(--content_padding_h); box-sizing: border-box; } .ipfit_line_of_text .ip_engine_message_page_wrapper { padding: 0; } .product_box_inner_container_group_main { position: relative; margin: 30px 20px; box-sizing: border-box; width: auto; height: 100%; } a.product_box_container:not(.pb_article_search_suggest) { display: block; position: relative; } a.product_box_container:hover { color: inherit; } .main_product .product_box_product_name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 35px; font-weight: bold; line-height: 1.3; margin-bottom: 1.2em; color: #00130F; text-align: center; } .main_product .product_box_product_image, .main_product .product_box_product_image_slider { margin-bottom: 15px; text-align: center; } .main_product .product_box_product_image img, .main_product .product_box_product_image_slider img, .snippet_google_map .product_image img { transition: transform .5s; } .main_product:hover .product_box_product_image img, .main_product:hover .product_box_product_image_slider img, .checkbox_list__option_text:hover .product_image img { transform: scale(1.05); } .main_product .product_box_product_image img { max-width: 100%; max-height: 135px; height: auto; } .main_product img.brand_logo { max-width: 65px; width: auto; max-height: 32px; height: auto; } .main_product img.orientation_logo { max-height: 32px; } .product_box_inner_container_group_logos { position: relative; z-index: 1; width: 100%; display: flex; justify-content: space-between; align-items: flex-end; margin: -55px 0 5px 0; height: 50px; } a > img.brand_logo { display: block; width: inherit; } img.orientation_logo { display: block; max-height: 42px; width: auto; } .product_box_highlight_seal, .product_box_promotion_seal { position: absolute; right: 0; top: 0; } .product_box_promotion_seal { top: -5px; } .product_box_highlight_seal i { position: relative; } .product_box_promotion_seal i { position: absolute; font-size: 4.2em; } .product_box_highlight_seal i, .product_box_promotion_seal i { color: #D54291; z-index: 1; top: 0; right: 0; } .product_box_promotion_seal a { display: block; width: 100%; height: 100%; line-height: 1.3; } .highlight_text, .promotion_text { color: white; z-index: 2; width: 100%; } .highlight_text { position: absolute; left: 0; text-align: center; } .highlight_text { text-transform: uppercase; display: none; } .promotion_text { font-size: 10px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); } .promotion_text span { font-size: 12px; font-weight: bold; display: block; } .main_product .product_box_highlight_seal, .main_product .product_box_promotion_seal { top: 40px; } .main_product .product_box_promotion_seal { width: 55px; height: 55px; } .main_product .product_box_highlight_seal i { font-size: 2.4em; } .main_product .product_box_highlight_seal i.fa-cube { font-size: 2em; } .main_product .highlight_text, .product_box_inner_container_group_top_left .highlight_text { display: block; } .main_product .highlight_text { font-size: 9px; } .main_product .top .highlight_text { top: 7px; } .main_product .new .highlight_text { top: 10px; } .product_box_inner_container_group_top_left .highlight_text { font-size: 12px; } .product_box_inner_container_group_top_left .new .highlight_text { top: 18px; } .product_box_inner_container_group_top_left .top .highlight_text { top: 14px; } .product_box_inner_container_group_info_bottom { border-top: 1px solid #e1e1e1; display: flex; justify-content: space-between; font-size: 11px; padding-top: 2px; line-height: 1.4em; min-height: 31px; } .product_box_customer_price { font-weight: bold; color: #00130F; padding-bottom: 2px; font-size: 14px; min-height: 23px; } .product_box_contained_article_count { font-weight: bold; } .product_box_order_message, .substitute_article_hint { color: #2AA2B0; } .product_box_inner_container_group_buttons { margin-top: 1em; } .ip_button__last_ordered_quantities, .product_box_inner_container_group_top_right_price .product_box_customer_ordered_items .ip_button { color: #D54291 !important; } .product_box_container .ip_button__last_ordered_quantities { font-size: 16px; padding: 2px 0 0 10px; } .product_box_customer_ordered_items { position: absolute; right: 0; } .popup_wrapper.order_history_info { background-color: #D54291; bottom: 0; right: 0; width: 205px; padding: .5em .8em; color: white; border: none; line-height: 1.5; margin: 0; } .article_view_container .popup_wrapper.order_history_info { bottom: initial; top: 0; } .popup_wrapper.order_history_info .popup__header_wrapper { display: none; } .popup_wrapper.order_history_info .info_text { font-weight: bold; margin-bottom: 5px; font-size: 13px; } .popup_wrapper.order_history_info .info_data { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 5px; } @media only screen and (max-width: 487.9px) { .popup_wrapper.order_history_info .info_data { grid-template-columns: repeat(2, 1fr); grid-row-gap: 7px; } .popup_wrapper.order_history_info { max-width: 44vw; padding: .5em; } .popup_wrapper.order_history_info .info_text { font-size: 12px; } } .popup_wrapper.order_history_info .info_data .date { font-size: 10px; margin-bottom: 2px; } .popup_wrapper.order_history_info .quantity_link { background-color: white; color: #595959; padding: 1px 5px; font-size: 11px; cursor: pointer; border-radius: 3px; display: flex; align-items: center; justify-content: space-between; } .popup_wrapper.order_history_info .quantity_link:after { content: '\f290'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; color: #30BBCC; font-size: 14px; margin-left: 3px; } .product_box_add2cart_custom { position: relative; max-width: 330px; } .product_box_add2cart_custom .article_cart_field_container { display: flex; } .engine_search_result_block__result_list .product_box_add2cart_custom { font-size: 12px; height: 28px; } .product_box_add2cart_custom .ipfit__field__wrapper { margin: 0 7px 0 0; } .area_layout__default .product_box_add2cart_custom input { border: 1px solid #30BBCC; width: 37px; padding: 4px 3px; line-height: inherit; } .area_layout__default .product_box_add2cart_custom input::placeholder { color: white; } .area_layout__default .product_box_add2cart_custom input, .area_layout__default .product_box_add2cart_custom .ip_button, .catalog_article__link_in_cart, .ip_button_type__search_filter, .ip_button__remove_all_filters, div[data-fieldname="filter__search_term"] input { border-radius: 3px; } .catalog_article__quantity_field_in_cart input { background-color: #30BBCC; color: #FFFFFF; font-weight: bold; } .product_box_add2cart_custom .ipfit__field__inner_wrapper, .product_box_add2cart_custom input { height: 100%; } .product_box_add2cart_custom .ipfit__field_error { position: absolute; white-space: nowrap; } .catalog_article__link_in_cart { color: #30BBCC; display: flex; align-items: center; white-space: nowrap; width: 100%; transition: width .4s; } .catalog_article__link_in_cart > i { font-size: 1.3em; margin-left: .3em; } .product_box_add2cart_custom .ip_button { margin: 0; padding: 0 .4em; width: 100%; white-space: nowrap; justify-content: center; align-items: center; } .product_box_add2cart_custom .ip_button i.after { margin-left: .5em !important; } .product_box_add2cart_custom .article_in_cart_focused .catalog_article__quantity_field_in_cart input { background: white; color: #595959; } .product_box_add2cart_custom .add_to_cart__article_in_cart_button { opacity: 0; width: 0; overflow: hidden; transition: opacity .3s, width .2s; } .product_box_add2cart_custom .article_in_cart_focused .add_to_cart__article_in_cart_button { opacity: 1; width: 100%; } .product_box_add2cart_custom .article_in_cart_focused .catalog_article__link_in_cart { width: 0; } .product__login_wrapper { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: rgba(255,255,255,.6); } .product__login_button_animation { opacity: 0; width: 0; height: 100%; transition: all .5s; overflow: hidden; } .product__login_button_animation .ip_button { height: 100%; } .product__login_wrapper:hover .product__login_button_animation { position: absolute; top: 0; left: 0; opacity: 1; width: 100%; height: 100%; } .discount_info_container { margin: .3em .2em; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .discount_info_container { margin-left: 0; } .bt_item_discount .info_popup_trigger { font-size: 15px; } } .bt_item_discount { display: flex; align-items: center; color: #D54291; } .bt_item_discount .percentage { font-weight: bold; margin-right: 5px; } .fa-battery-three-quarters::before { font-size: 16px; color: #D54291; } .bt_item_not_available .bt_item_discount .fa-battery-three-quarters { z-index: -1; } .info_popup_trigger { cursor: pointer; position: relative; } .video_play_info { position: absolute; z-index: 5; background: rgba(0, 0, 0,.6); width: 32px; height: 32px; border-radius: 16px; } .video_play_info i { position: absolute; color: white; font-size: 13px; top: 10px; left: 12px; } .video_container { position: relative; } .carousel_item_video_container { display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; width: 100%; height: 100%; overflow: hidden; } .carousel_item_video_container video { max-width: 100%; max-height: 100%; height: auto; width: auto; } .carousel_item_video_overlay { position: absolute; top: 0; z-index: 2; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .carousel_item_video_overlay .video_play_info.play { width: 84px; height: 84px; border-radius: 42px; cursor: pointer; } .carousel_item_video_overlay .video_play_info.play i { font-size: 40px; top: 22px; left: 30px; } .article__img_carousel .video_container { width: 150px; height: 135px; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { ol.engine_search_result_block__result_list { background-color: #F9F9F9; grid-template-columns: calc(50% - 4px) calc(50% - 4px); padding: 0 8px 8px 8px; box-sizing: border-box; grid-gap: 8px; } .product_box_inner_container_group_main_overlay { height: 100%; } .product_box_inner_container_group_main { padding: 1.3em 7px 1.9em 7px; margin: 0; } div[data-fieldname="engine_search_resultset"] .product_box_inner_container_group_main { background-color: #ffffff; } div.product__login_wrapper { background: #ffffffa1; } .engine_search_result_block__hits .result_list_item .product_box_inner_container_group_main { border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0,.13); } .main_product .product_box_product_image, .main_product .product_box_product_image_slider { margin-bottom: 20px; } .main_product .product_box_promotion_seal { top: 50px; } .product_box_highlight_seal, .product_box_promotion_seal { right: calc(var(--content_padding_h)/4); } .product_box_add2cart_custom .ip_button i.after { margin-left: .4em !important; } .product_box_add2cart_custom .ipfit__field__wrapper { margin-right: 7px; } } @media (max-width: 360px) { .product_box_add2cart_custom .ipfit__field__wrapper { margin-right: 4px; } } .article__img_carousel .jcarousel-item, .article__img_carousel .jcarousel-clip { max-width: 180px; text-align: center; margin: 0 auto; position: relative; width: 100%; } .article__img_carousel .carousel_prev { left: 0; } .article__img_carousel .carousel_next { right: 0; } .article__img_carousel .carousel_prev, .article__img_carousel .carousel_next, .article__details_img_carousel .carousel_prev, .article__details_img_carousel .carousel_next, .area_content_contribution .cms_carousel .carousel_prev, .area_content_contribution .cms_carousel .carousel_next { opacity: 0; transition: opacity .6s; } .article__img_carousel:hover .carousel_prev, .article__img_carousel:hover .carousel_next, .article__details_img_carousel:hover .carousel_prev, .article__details_img_carousel:hover .carousel_next, .area_content_contribution .cms_carousel:hover .carousel_prev, .area_content_contribution .cms_carousel:hover .carousel_next { opacity: 1; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .article__img_carousel .carousel_control_wrapper { display: none; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .main_product img.orientation_logo, .main_product img.brand_logo { max-height: 28px; } div.product_box_inner_container_group_logos { margin-top: -30px; } .article__img_carousel .carousel_control_wrapper { position: absolute; width: 100%; margin: 2px auto 0 auto; } .article__img_carousel .carousel_progress_control_wrapper a { height: 4px; width: 4px; margin: 0 4px; } .article__img_carousel .carousel_progress_control_wrapper a:hover, .article__img_carousel .carousel_progress_control_wrapper a.active { height: 6px; width: 6px; margin: 0 3px; } } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .article__details_img_carousel { max-width: 400px; text-align: center; margin: 0 auto; } .article__details_img_carousel .carousel_next { right: -50px; } .article__details_img_carousel .carousel_prev { left: -50px; } } .product_box_inner_container_group_carousel { position: relative; } .product_box_inner_container_group_carousel .product_box_product_image { display: flex; justify-content: center; } .product_box_display_articles + .product_box_articles_of_same_group_short { margin-top: 20px; } .substitute_pointer:before { color: #2AA2B0; content: '\f0a4'; font-family: 'FontAwesomeLight'; font-weight: 300; font-style: normal; } @media (min-width: 1280px) and (max-width: 1440.9px), print, (min-width: 1441px) { .product_box_inner_container_group_main_overlay { width: 245px; } .product_box_inner_container_group_main_overlay .product_box_inner_container_group_main:nth-child(2) { margin: 30px 20px; } .product_box_inner_container_group_main_overlay .product_box_inner_container_group_main:first-child { margin: 0; padding: 30px 20px; } .product_overlay { width: 225px; height: 295px; overflow: hidden; position: absolute; transition: all .5s; } .product_overlay:hover, .product_overlay.hovered { width: 490px; height: 400px; background-color: #fffffffa; box-shadow: 1px 1px 15px rgba(0, 0, 0,.13); border-radius: 8px; z-index: 100; } .product_overlay .product_box_inner_container_group_main_link:first-child { width: 205px; position: relative; } .product_overlay .product_box_substitute_article { position: absolute; top: 0; left: 245px; width: calc(205px + 2*20px); height: 400px; } .product_overlay .substitute_article_hint { font-size: 14px; position: absolute; left: -225px; top: 300px; width: 205px; } .product_overlay .substitute_article_container .substitute_pointer { position: absolute; top: 50%; transform: translateY(-50%); left: -18px; font-size: 32px; } } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px), only screen and (min-width: 810px) and (max-width: 1023.9px), only screen and (min-width: 1024px) and (max-width: 1279.9px) { .product_overlay .product_box_substitute_article { display: none; } } .pb_article_search_suggest { display: flex; padding: 1em 0; } .header_ac_article_wrapper .product_box_container { border-top: 1px solid #e1e1e1; } .pb_article_search_suggest .product_box_inner_container_group_main_left { position: relative; } .pb_article_search_suggest .product_box_highlight_seal, .product_box_inner_container_group_carousel .product_box_highlight_seal { font-size: 1.4em; right: -10px; line-height: 1; } .pb_article_search_suggest .product_box_product_image img { max-height: 55px; width: auto; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .header_ac_article_wrapper > div:last-child .product_box_container { border-bottom: 1px solid #e1e1e1; } .product_box_inner_container_group_carousel .product_box_highlight_seal { font-size: 1.1em; right: -8px; } } .pb_article_search_suggest .product_box_promotion_seal, .product_box_inner_container_group_carousel .product_box_promotion_seal { right: -12px; } .product_box_inner_container_group_carousel .product_box_promotion_seal { right: -7px; z-index: 1; } .pb_article_search_suggest .product_box_promotion_seal i, .product_box_inner_container_group_carousel .product_box_promotion_seal i, .pb_article_search_suggest .promotion_text, .product_box_inner_container_group_carousel .promotion_text { display: none; } .pb_article_search_suggest .product_box_inner_container_group_main_right { margin-left: 1.5em; } .pb_article_search_suggest .product_box_product_name { font-weight: bold; margin-bottom: .2em; } .pb_article_search_suggest .product_box_frontend_id_erp { font-size: 11px; } .ac_filter_link { display: flex; border-top: 1px solid #e1e1e1; align-items: center; } .header_ac_manufacturers_wrapper .ac_filter_link { padding: .4em 0; } .header_ac_categories_wrapper .ac_filter_link { padding: .6em 0; } .ac_filter_link > img { margin-right: 1.5em; } .header_ac_manufacturers_wrapper .ac_filter_link:last-child { border-bottom: 1px solid #e1e1e1; } .header_ac_categories_wrapper { margin-top: 2em; display: flex; flex-direction: column; justify-content: flex-end; } @media only screen and (max-width: 487.9px), only screen and (min-width: 488px) and (max-width: 809.9px) { .header_ac_manufacturers_wrapper, .header_ac_categories_wrapper { margin-top: 3em; } } .product_box_inner_container_group_suggest.pb_article_search_suggest { justify-content: space-between; padding-left: 1em; padding-right: 2em; border-bottom: 1px solid #e1e1e1; cursor: pointer; } .product_box_inner_container_group_suggest.pb_article_search_suggest .product_box_inner_container_group_main_right { flex-basis: 80%; } .auto_completion_data_row_selected, .auto_completion_data_row_highlighted { background-color: #F9F9F9; } .article_view_container .promotion_articles_container, .situation__promotion_overview .result_list_group { border: 1px solid #D54291; border-radius: 3px; } .promotion_label_container { display: flex; background-color: #D54291; color: white; justify-content: space-between; column-gap: 1em; } .promotion_label_container .promotion_name { font-weight: bold; font-size: 16px; } .promotion_label_container:hover { color: white; }