img { display: block; } ul,ol { margin-left: 0; } b,strong,th { font-weight: normal; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } hr { border: none; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; } i { font-style: italic; } .dnone { display: none !important; } .clearfix:before,.clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } *:before, *:after { box-sizing: inherit; } .ssFix:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .ssFix [class*=ss-] { display: inline-block; vertical-align: middle; height:1.25em; } a, a:active, a:visited, .linkDecoration { color: #2d2d2d; cursor: pointer; text-decoration: none; } a.noLinkDecoration { color: inherit; } /**************** Wait Animation *********************/ #waitbox { display: none; } body.wait:not(.ignoreWait) #waitbox { display: block; } #waitbox>.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.7; z-index: 99999; } #waitbox>.wait { background-color: #ffffff; border: 1px solid #000000; border-radius: 12px; box-shadow: 0 0 15px #000000; color: #2d2d2d; font-size: 18px; height: 160px; left: 50%; margin-left: -130px; margin-top: -80px; padding-top: 20px; position: fixed; text-align: center; top: 50%; width: 260px; z-index: 99999; } #waitbox>.wait .img { background-image: url('File/skeleton_html/loading.gif'); width: 32px; height: 32px; margin: 0 auto; } /************************* Wait for a block *****************************/ .waitBlock { position: relative; } /* Transparent Overlay */ .waitBlock::before { z-index:1; content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.75); } .waitBlock::after { z-index:2; position: absolute; top: calc(50% - 23px); left: calc(50% - 23px); content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid red; border-color: #00BEFF transparent #00BEFF transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } input[type="text"], input[type="email"], input[type="password"], .Page textarea, textarea { border:solid 0.5px #d5d7d2; -webkit-appearance:none; } .overlay input[type="text"], .overlay input[type="email"], .overlay input[type="password"], .overlay textarea, .Page input[type="text"], .Page input[type="email"], .Page input[type="password"], .Page textarea, .BasicForm input[type="text"], .BasicForm input[type="email"], .BasicForm input[type="password"], .BasicForm textarea { box-sizing: border-box; width:100%; height:2.75rem; font-family: "HurmeGeometricSans4-SemiBold"; font-feature-settings: "ss02"; letter-spacing: 0.025em; word-spacing: 0.07em; color: #2d2d2d; background-image: none; background-color: #ffffff; border-radius: 3px; } .Page input::-ms-clear, .overlay input::-ms-clear { height:0; width:0; } .Page input:invalid, .Page textarea:invalid, .overlay input:invalid, .overlay textarea:invalid { box-shadow:none; } *::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 1; color:#a5a5a1; font-size: 0.8125rem; font-family: "HurmeGeometricSans4-SemiBold"; } *::-webkit-input-placeholder { opacity: 1; color:#a5a5a1; font-size: 0.8125rem; font-family: "HurmeGeometricSans4-SemiBold"; } *:-ms-input-placeholder { opacity: 1; color:#a5a5a1; font-size: 0.8125rem; font-family: "HurmeGeometricSans4-SemiBold"; } *:-moz-placeholder { opacity: 1; color:#a5a5a1; font-size: 0.8125rem; font-family: "HurmeGeometricSans4-SemiBold"; } *::-moz-placeholder { opacity: 1; color:#a5a5a1; font-size: 0.8125rem; font-family: "HurmeGeometricSans4-SemiBold"; } .input-placeholder { opacity: 1; color:#a5a5a1; font-size: 0.8125rem; font-family: "HurmeGeometricSans4-SemiBold"; } html { font-size:16px; } body { -webkit-text-size-adjust:100%; /*{ avoids ios font scaling* *}*/ } @font-face { font-family: 'HurmeGeometricSans1-SemiBold'; src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_15_0.eot'); src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_15_0.eot?#iefix') format('embedded-opentype'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_15_0.woff2') format('woff2'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_15_0.woff') format('woff'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_15_0.ttf') format('truetype'); } @font-face { font-family: 'HurmeGeometricSans1-Bold'; src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_0_0.eot'); src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_0_0.eot?#iefix') format('embedded-opentype'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_0_0.woff2') format('woff2'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_0_0.woff') format('woff'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_0_0.ttf') format('truetype'); } @font-face { font-family: 'HurmeGeometricSans1-Regular'; src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_12_0.eot'); src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_12_0.eot?#iefix') format('embedded-opentype'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_12_0.woff2') format('woff2'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_12_0.woff') format('woff'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_12_0.ttf') format('truetype'); } @font-face { font-family: 'HurmeGeometricSans1-Thin'; src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_18_0.eot'); src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_18_0.eot?#iefix') format('embedded-opentype'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_18_0.woff2') format('woff2'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_18_0.woff') format('woff'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_18_0.ttf') format('truetype'); } @font-face { font-family: 'HurmeGeometricSans1-Light'; src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_6_0.eot'); src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_6_0.eot?#iefix') format('embedded-opentype'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_6_0.woff2') format('woff2'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_6_0.woff') format('woff'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_6_0.ttf') format('truetype'); } @font-face { font-family: 'HurmeGeometricSans4-Regular'; src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_24_0.eot'); src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_24_0.eot?#iefix') format('embedded-opentype'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_24_0.woff2') format('woff2'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_24_0.woff') format('woff'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_24_0.ttf') format('truetype'); } @font-face { font-family: 'HurmeGeometricSans4-SemiBold'; src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_27_0.eot'); src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_27_0.eot?#iefix') format('embedded-opentype'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_27_0.woff2') format('woff2'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_27_0.woff') format('woff'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_27_0.ttf') format('truetype'); } @font-face { font-family: 'HurmeGeometricSans4-Bold'; src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_20_0.eot'); src: url('/Ressource/Css/Font/HurmeGeometricSans/39D047_20_0.eot?#iefix') format('embedded-opentype'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_20_0.woff2') format('woff2'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_20_0.woff') format('woff'), url('/Ressource/Css/Font/HurmeGeometricSans/39D047_20_0.ttf') format('truetype'); } /*** all pica icons ***/ .Page [class*=ss-] { font-size: 1.125rem; line-height: 1.125rem; color: #b4b4b4; display: inline-block; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } b { font-family: "HurmeGeometricSans4-SemiBold"; font-weight: normal; } img { display: block; /*otherwise it might happen that a weird invisible margin is displayed under the img*/ } th { font-weight: normal; } h1, .BasicText h1, h1 .BasicText, h2, .BasicText h2, .BasicText h2 { font-size: 2.5rem; line-height: 1.2em; font-family: "HurmeGeometricSans1-SemiBold"; } .BasicText h3, h3 { font-size: 1.875rem; line-height: 1.2em; font-family: "HurmeGeometricSans1-SemiBold"; } .BasicText h4, h4 { font-size: 1.125rem; line-height: 1.5em; font-family: "HurmeGeometricSans1-Bold"; } @media screen and (max-width:544px) { h1, .BasicText h1, h2, .BasicText h2, h3, .BasicText h3 { font-size: 1.5625rem; } h4, .BasicText h4 { font-size: 0.9375rem; } } .bcFond, .Page > .content { background-color: #f9f9f8; } .Page > .content:before, .Page > .content:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; } .bgArea { background-color: #ebebe8; } .cLine, .Page * { border-color: #d5d7d2; border-style: solid; border-width: 0; } .iconPassiv { color: #b4b4b4; } .textPassiv { color: #8d8d8d; } .cText, .content { color: #2d2d2d; } .bgFooter, .Page .footer .sitemap { background-color: #1e1e1e; } .cOrange { color: #E8833D; } .cStateRed, .cStatered { color: #e0292b!important; } .cStateOrange, .cStateorange { color: #E8833D!important; } .cStateYellow, .cStateyellow { color: #e3cd41!important; } .cStateGreen, .cStategreen { color: #23b744!important; } .ssFix:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .ssFix [class*=ss-] { display: inline-block; vertical-align: middle; height:1.25em; } .paginationWrapper > * { float:left; } .paginationWrapper .caption { line-height:26px; margin: 0 12px; } .paginationIcon { border-width:1px; height:26px; width:26px; text-align: center; } .paginationIcon [class*="ss-"] { margin-top: 6px; } a, a:active, a:visited, .linkDecoration { color: #2d2d2d; cursor: pointer; text-decoration: none; } a.noLinkDecoration { color: inherit; } /**************** Wait Animation *********************/ #waitbox { display: none; } body.wait:not(.ignoreWait) #waitbox { display: block; } #waitbox>.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.7; z-index: 99999; } #waitbox>.wait { background-color: #ffffff; border: 1px solid #000000; border-radius: 12px; box-shadow: 0 0 15px #000000; color: #2d2d2d; font-size: 18px; height: 160px; left: 50%; margin-left: -130px; margin-top: -80px; padding-top: 20px; position: fixed; text-align: center; top: 50%; width: 260px; z-index: 99999; } #waitbox>.wait .img { background-image: url('File/skeleton_html/loading.gif'); width: 32px; height: 32px; margin: 0 auto; } /************************* Wait for a block *****************************/ .waitBlock { position: relative; } /* Transparent Overlay */ .waitBlock::before { z-index:1; content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.75); } .waitBlock::after { z-index:2; position: absolute; top: calc(50% - 23px); left: calc(50% - 23px); content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid red; border-color: #00BEFF transparent #00BEFF transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .cookieBanner { position:fixed; left:0; right:0; bottom:0; z-index: 9999; /* position over action bar and flyouts */ max-height: 100vh; overflow: auto; display:block; margin:0 auto; background-color: #ebebe8; } .cookieBanner.js-cookie-hide, body.pos .cookieBanner { display:none; } .cookieBanner .wrapper { max-width:95rem; box-sizing:border-box; padding: 1.25rem 8rem 1.25rem 2.5rem; margin:0 auto; position:relative; } .cookieBanner .textWrapper{ display: inline-block; width: 60%; margin-bottom: 1rem; } .cookieBanner .buttonWrapper{ display: inline-block; text-align:right; vertical-align: top; width: 40%; } .cookieBanner .text { min-height:3rem; line-height: 1.5em; } .cookieBanner .closeButton { position: absolute; right: 2.5rem; top: 0.75rem; font-size:20px; line-height:40px; width: 40px; text-align: center; cursor: pointer; } .cookieBanner button { margin-left: 1rem; margin-bottom: 1rem; } @media screen and (max-width:1024px){ .cookieBanner .wrapper { padding-right: 5rem; padding-bottom: 0; } .cookieBanner .buttonWrapper, .cookieBanner .textWrapper{ width: 100%; } } @media screen and (max-width:544px) { .cookieBanner .wrapper { padding-top: 0.75rem; padding-left: 1rem; padding-right: 3rem; overflow: hidden; } .cookieBanner button { position: relative; display: inline-block; float: right; margin-bottom: 1rem; } .cookieBanner .closeButton { right: 0.5rem; top: 0.5rem; } } .cookieBanner .text{ margin-bottom: 0; } .cookieBanner .text a { text-decoration: underline; } .cookieBanner .text a:hover { color: #E8833D; } @media screen and (max-width:544px) { .cookieBanner .wrapper { padding-right: 3.5rem; } .cookieBanner .closeButton { right: 1rem; top: 0.5rem; } .cookieBanner button.defaultButton { padding: 8px; margin-bottom: 0.5rem; margin-left: 0.5rem; } .cookieBanner .buttonWrapper button:last-child { margin-left: 0; margin-bottom: 0; } } @media screen and (max-width:360px){ .cookieBanner .wrapper { padding-top: 3rem; padding-right: 1rem; } } .cookieAgreementCategory { position: relative; margin-bottom: 1.5rem; width: 80rem; max-width: 100%; margin: 0 auto 3.5rem; box-sizing: border-box; } .cookieAgreementCategory .title { font-size: 1rem; line-height: 1.2em; display: block; cursor: pointer; } .cookieAgreementCategory.necessary .title{ cursor: inherit; } .cookieAgreementCategory .title .triStateCheckbox__icon, .cookieAgreementCategory input[type="checkbox"] { position: absolute; right: 2rem; top: 1.5rem; display: inline-block; vertical-align: middle; } .cookieAgreementOverview .expandInfoCategory { margin-bottom: 1rem; color: #E8833D; cursor: pointer; } .cookieAgreementOverview .infoCategory { padding-bottom: 1rem; } .cookieAgreementCategory .showCookie { color: #E8833D; cursor: pointer; } .cookieAgreementCategory label{ float: right; left: 7rem; position: relative; } .cookieAgreementCategory .wrapperCategorySecondPart { display: block; overflow: hidden; } .cookieAgreementCategory:not(.necessary) .wrapperCategoryFirstPart .title{ padding-right: 11rem; } .cookieAgreementCategory .wrapperCategoryFirstPart.open .infoCategory { display: block; } .cookieAgreementCategory.necessary .triStateCheckbox__icon, .cookieAgreementCategory.necessary label, .cookieAgreementCategory .wrapperCategoryFirstPart:not(.open) .infoCategory { display: none; } .cookieAgreementCategory .wrapperServiceFirstPart.open .title{ margin-bottom: 1rem; } .cookieAgreementCategory .widgetList .service { margin-top: 0.7rem; } .cookieAgreementCategory .wrapperCategorySecondPart.open .serviceList, .cookieAgreementCategory .wrapperCategorySecondPart.open .less.icon, .cookieAgreementCategory .cookieAgreementService .wrapperServiceFirstPart.open .icon.less, .cookieAgreementCategory .wrapperCategorySecondPart.open .cookieAgreementService .icon.more { display: block; } .cookieAgreementCategory .wrapperCategorySecondPart.open .more.icon, .cookieAgreementCategory .wrapperCategorySecondPart .less.icon, .cookieAgreementCategory .cookieAgreementService .wrapperServiceFirstPart.open .icon.more, .cookieAgreementCategory .cookieAgreementService .wrapperServiceFirstPart .icon.less, .cookieAgreementCategory .wrapperCategorySecondPart:not(.open) .serviceList { display: none; } @media all and (max-width: 1152px) { .cookieAgreementCategory { margin-bottom: 3rem; } } @media all and (max-width: 768px) { .cookieAgreementCategory { margin-bottom: 2.5rem; } } @media screen and (max-width: 544px) { .cookieAgreementCategory:not(.necessary) .wrapperCategoryFirstPart .title{ padding-right: 5rem; } .cookieAgreementCategory label{ display: none; } } .cookieAgreementCategory .title .triStateCheckbox__icon { right: 0; top: 0; } .cookieAgreementCategory input[type="checkbox"]{ display: none; } .cookieAgreementCategory .showCookie{ font-family: 'HurmeGeometricSans4-SemiBold'; } .cookieAgreementCategory { margin-bottom: 0.5rem; } #overlay .cookieAgreementCategory { padding-top: 1.5rem; margin-bottom: 3.5rem; border-top: solid 1px #d5d7d2; } #overlay .cookieAgreementCategory .title .triStateCheckbox__icon { top: 1.2rem; } #overlay .cookieAgreementCategory .wrapperCategoryFirstPart .title .BasicText { font-family: 'HurmeGeometricSans4-SemiBold'; font-size: 1rem; line-height: 1.25rem; margin-bottom: 0.75rem; } @media all and (max-width: 1152px) { #overlay .cookieAgreementCategory { margin-bottom: 3rem; } } @media all and (max-width: 768px) { #overlay .cookieAgreementCategory { margin-bottom: 2.5rem; } } .cookieAgreementOverview { display:block; margin:0 auto 1rem; padding-top: 2rem; padding-bottom: 1rem; box-sizing:border-box; background-color: #ebebe8 ; } .cookieAgreementOverview .wrapper{ box-sizing:border-box; } .cookieAgreementOverview .icon{ position: absolute; line-height: 1.7em; } .cookieAgreementOverview .icon:before { padding-right: 0.5rem; } .cookieAgreementOverview .moreText, .cookieAgreementOverview .wrapper.firstPart.open .lessText, .cookieAgreementOverview .wrapperServiceFirstPart .title span:not(.icon), .cookieAgreementOverview .showCookie span:not(.icon){ padding-left: 1.5rem; padding-right: 8rem; box-sizing: border-box; display: block; } .cookieAgreementOverview .title { font-size: 1.25rem; line-height: 1.5em; margin-bottom: 1rem; } .cookieAgreementOverview .expand { padding: 0.5rem 0; color: #E8833D; cursor: pointer; display: inline-block; } .cookieAgreementOverview .close, .cookieAgreementOverview .ok { display: block; float:right; } .cookieAgreementOverview .close { margin-right: 1rem; display: none; } #overlay .cookieAgreementOverview .close, #spacerHeader .cookieAgreementOverview .close { display: block; } .cookieAgreementOverview .info p, .cookieAgreementOverview .text{ margin-bottom: 1rem; } .cookieAgreementOverview .wrapper.firstPart{ overflow: hidden; } .cookieAgreementOverview .wrapper.firstPart.open .info, .cookieAgreementOverview .wrapper.firstPart.open .less, .cookieAgreementOverview .wrapper.firstPart .more { display: block; } .cookieAgreementOverview .wrapper.firstPart:not(.open) .info, .cookieAgreementOverview .wrapper.firstPart .less, .cookieAgreementOverview .wrapper.firstPart.open .more { display: none; } .cookieAgreementOverview .wrapper.secondPart{ margin-bottom: 0; } #overlay .cookieAgreementOverview{ max-width: 42rem; } @media screen and (max-width: 1000px) { #overlay .cookieAgreementOverview{ max-width: 35rem; } #overlay .cookieAgreementOverview .close { margin-right: 0; margin-top: 0.5rem; clear: both; } } @media screen and (max-width: 720px) { #overlay .cookieAgreementOverview{ max-width: inherit; } } @media screen and (max-width: 544px) { .cookieAgreementOverview .moreText, .cookieAgreementOverview .wrapper.firstPart.open .lessText, .cookieAgreementOverview .wrapperServiceFirstPart .title span:not(.icon), .cookieAgreementOverview .showCookie span:not(.icon){ padding-right: 2rem; } #overlay .cookieAgreementOverview .ok, #overlay .cookieAgreementOverview .close { width: 100%; } } #overlay .cookieAgreementOverview { padding-top: 2rem; margin-top: 0; } .cookieAgreementOverview { text-align: left; background-color: inherit; padding-top: 0; margin-top: -1rem; margin-bottom: 0; } .cookieAgreementOverview.pageElt { max-width: 80rem; } .cookieAgreementOverview .icon { line-height: 1.5rem; } .cookieAgreementOverview .intro { margin-top: 0; } .cookieAgreementOverview .text { margin-bottom: 0.5rem; line-height: 1.5rem; } .cookieAgreementOverview .expand { line-height: 1.5rem; } {* Wrapper for privacy poliy page *} .cookieAgreementOverview .wrapper { padding-left: 20rem; margin: -1rem auto 2.5rem; } #overlay .cookieAgreementOverview .wrapper { max-width: inherit; padding: inherit; margin: inherit; } #overlay .cookieAgreementOverview .lessText, #overlay .cookieAgreementOverview .moreText { padding-right: 4.5rem; } #overlay .cookieAgreementOverview .close { min-width: 11.75rem; } @media screen and (max-width: 928px) { .cookieAgreementOverview .wrapper { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 544px) { .cookieAgreementOverview.pageElt .wrapper { font-size: 0.9375rem; } } {* END: Wrapper for privacy poliy page *} #overlay .cookieAgreementOverview .wrapper { max-width: 54rem; margin: 0 auto 2rem; padding: 0 2rem; } .cookieAgreementOverview .firstPart .title, .cookieAgreementOverview .secondPart .title { font-size: inherit; font-family: 'HurmeGeometricSans4-SemiBold'; } #overlay .cookieAgreementOverview .firstPart > .title, #overlay .cookieAgreementOverview .secondPart > .title { font-size: 1.75rem; line-height: 2rem; margin-left: 0; } .wrapperCategorySecondPart .serviceList.noSelectableServices input { display: none; } .cookieAgreementService { padding-top: 1rem; padding-right: 4rem; padding-left: 1rem; padding-bottom: 1rem; background-color: #f9f9f8; cursor: pointer; position: relative; } .cookieAgreementService label{ left: 0; display: block; } .cookieAgreementService .title { display: block; margin-bottom: 0; cursor: pointer; } .cookieAgreementService .wrapperServiceFirstPart.open .cookieList { display: block; } .cookieAgreementService .wrapperServiceFirstPart:not(.open) .cookieList { display: none; } .cookieAgreementService .cookieInformation { border-collapse: collapse; margin-bottom: 1rem; border-bottom: solid 1px #ccc; font-size: 0.75rem; width: 100%; } .cookieAgreementService .cookieInformation:last-child { border-bottom: none; } .cookieAgreementService .cookieInformation td { padding: 0 0.6rem 0.25rem; line-height: 1.5em; } .cookieAgreementService .cookieInformation__value { word-wrap: anywhere; padding-right: 0.5rem; } .cookieAgreementService .cookieInformation tr:last-child td { padding-bottom: 0.5rem; } .cookieAgreementService .cookieInformation__label { width: 18%; text-align: right; padding-right: 0.5rem; font-weight: bold; } @media screen and (max-width: 544px) { .cookieAgreementService label span{ display: none; } } .cookieAgreementService { padding-right: 1.5rem; overflow: auto; background-color: #ffffff; } .cookieAgreementService .cookieInformation{ border:solid 1px #d5d7d2; } .cookieAgreementService .cookieInformation:last-child{ border-bottom:solid 1px #d5d7d2; } .cookieAgreementService .title { font-size: 1rem; } .cookieAgreementService .cookieInformation td { padding: 0.8rem 0 0 1rem; } .cookieAgreementService .cookieInformation tr:last-child td { padding-bottom: 0.8rem; } .cookieAgreementService label{ padding-right: 2.5rem; line-height: 1.8rem; } .cookieAgreementService label .icon{ position: absolute; right: 0; height: 1.5rem; width: 1.5rem; box-sizing:border-box; border: 1px solid #d5d7d2; background-color: #ffffff; } .cookieAgreementService input[type="checkbox"] + span::before{ font-family: "SSGizmo"; content: "\2713"; font-size: 1.31rem; line-height: 1.8rem; color:transparent; text-align:center; } .cookieAgreementService .cookieInformation__label{ text-align: left; } .cookieAgreementService input[type="checkbox"]:checked + span::before { color: #E8833D; } @media screen and (max-width: 544px) { .cookieAgreementService label .icon{ display: block; } } [data-dynamic-loader="loader"].loading { width:50px; height:50px; background-image:url("/Ressource/Graphic/loading.gif"); background-position: center; background-repeat: no-repeat; } .SetImage.smartLightbox .zoom, .SetImage.smartLightbox .count{ position: absolute; right: 0; top: 0; padding: 1rem; font-size: 1.5rem; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .SetImage.smartLightbox:hover .zoom, .SetImage.smartLightbox:hover .count{ color: #ffffff; } .SetImage.smartLightbox .zoom{ font-size: 2.5rem; } .versionHint { padding: 1rem 2rem; background-color: #333439; overflow: hidden; color: #FFFFFF; } .versionHint .hint { margin-right: 1rem; } .versionHint .defaultButton.reloadPage { display: inline-block; } .versionHint .closeVersionHint { float: right; cursor: pointer; } .VersionProperty .description.multipage { min-height:8rem; } .VersionProperty .descriptionWrapper .description .title { margin:0 0 0.75rem; font-size:1rem; width:auto; float:none; } .VersionProperty .description .content, .VersionProperty .generalInfos { font-size:0.75rem; margin-bottom:0.75rem; } .versionHint { font-family: "HurmeGeometricSans1-Regular"; } .Page { /* min-width: 1024px;*/ font-size: 0.8125rem; line-height: 1.5em; font-family: "HurmeGeometricSans4-Regular"; font-feature-settings: "ss02"; letter-spacing: 0.025em; word-spacing: 0.07em; } .pageElt { max-width: 105rem; margin: 0 auto 2.5rem; padding: 0 3rem; box-sizing:border-box; } @media screen and (max-width: 1024px) { .Page { min-width: 0; } } @media screen and (max-width: 850px) { .pageElt { padding-left: 2rem; padding-right: 2rem; } } @media screen and (max-width: 768px) { .pageElt { padding-left: 1rem; padding-right: 1rem; } } .content .center { margin: 0 auto; } .content .col1 { width: 1024px; } .col3 { margin: 0 auto; padding: 0 16px 16px; width: 928px; overflow: hidden; } .darkTheme .Page > .content, .darkTheme .pageContentElement { background-color: #000000; color: #ffffff; } .darkTheme .footer { background-color: #000000; } .Page .anchor:before{ content: ""; width: 100%; height: 4.375rem; display: block; } .Page .anchor{ margin-top: -4.375rem; } #crmMenu, #posMenu { position:fixed; top: 1rem; left: 1rem; z-index:250; padding: 0.75rem 1rem; background-color:#1EE0CA; } #crmMenu .SetLink, #posMenu .SetLink { -o-transition: color .3s; -ms-transition: color .3s; -moz-transition: color .3s; -webkit-transition: color .3s; transition: color .3s; } #crmMenu li:not(:last-child), #posMenu li:not(:last-child) { margin-bottom:0.25rem; } #crmMenu .title, #posMenu .title { border-bottom: 1px solid #ffffff; padding-bottom: 0.5rem; margin-bottom: 0.5rem; font-size: 18px; line-height: 1.5em; } #crmMenu .ListLinkList .SetLink:active, #crmMenu .ListLinkList .SetLink:focus, #posMenu .ListLinkList .SetLink:active, #posMenu .ListLinkList .SetLink:focus { border-color: transparent; } #crmMenu .ListLinkList .SetLink, #posMenu .ListLinkList .SetLink { font-size: 1.125rem; line-height: 1.5em; } #crmMenu .closeIcon, #posMenu .closeIcon { float: right; margin-left: 0.6rem; } #crmMenu h4, #posMenu h4 { display: inline; } #openCrmPosMenu { position:fixed; top: 7rem; left: 1rem; z-index:250; padding: 0.75rem 1rem; background-color:#1EE0CA; display: none; } .header { min-height: 4.125rem; background-color:#f5f5f2; } .header .hiddenTitle { opacity: 0; position: absolute; z-index: -100; } .header .contentWrapper{ background-color:#f5f5f2; position: fixed; z-index: 200; top: 0; left: 0; right: 0; } #wysiwyg .header .contentWrapper{ position: relative; } .header .lineWrapper.mainNav{ max-width: 105rem; margin: 0 auto; position: relative; box-sizing: border-box; padding: 0.8125rem 1.75rem 0.8125rem 3rem; } .header .lineWrapper.mainNav::after{ content: ""; clear: both; display: block; } @media screen and (max-width: 850px) { .header { border: 0; } .header .contentWrapper { width: 100%; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .scrollDown .header:not(.menuOpened) .contentWrapper { top: -5rem; } } @media screen and (max-width: 950px) { .header .lineWrapper.mainNav { padding-right: 2rem; } } @media screen and (max-width: 900px) { .header .lineWrapper.mainNav { padding-right: 1.25rem; } } @media screen and (max-width: 850px) { .header .lineWrapper.mainNav { padding-left: 2rem; padding-right: 2rem; } } @media screen and (max-width: 768px) { .header .lineWrapper.mainNav { padding-left: 1.5rem; padding-right: 1rem; } } .header .spacerHeader { font-size: 0.8125rem; } .header .top { overflow:hidden; margin-bottom: 12px; } .header .searchWrapper .searchWidget { width: 64.5rem; max-width: 100%; margin: 0 auto; position: relative; overflow: inherit; } @media all and (min-width: 1344px) { .header .searchWrapper .searchWidget { width: 85rem; } } @media all and (min-width: 1664px) { .header .searchWrapper .searchWidget { width: 100rem; } } .header .searchWrapper.header{ position: absolute; right: 6rem; min-height: auto; height: auto; background-color:#f5f5f2; width: 0rem; } .header .searchWrapper.header.open{ width: calc(100% - 19rem); -o-transition: width .5s; -ms-transition: width .5s; -moz-transition: width .5s; -webkit-transition: width .5s; transition: width .5s; } @media screen and (max-width: 970px) { .header .searchWrapper.header{ right: 5.25rem; } .header .searchWrapper.header.open{ width: calc(100% - 18rem); } } @media screen and (max-width: 900px) { .header .searchWrapper.header{ right: 4rem; } } .header .searchWrapper.header .searchWidget form{ width: 44rem; } .header .searchWrapper.header .searchWidget input[name=inputSearch]{ border: none; background-color:#f5f5f2; padding-top: 0.5rem; } .header .searchWrapper.header .searchWidget .icon{ top: 0.125rem; padding: 0.5rem; margin-left: -0.5rem; } .header .searchWrapper.header .searchWidget .icon.close{ margin-left: 0; margin-right: -0.5rem; } .header .searchWrapper.header .searchWidget{ padding: 0; } .header .columnWrapper { overflow:hidden; } .header .dropdownMenu{ display: none; position: absolute; width: 16.5rem; top: 3.9rem; background-color:#ffffff; padding: 1.25rem; box-sizing: border-box; border: solid 1px #d5d7d2; border-radius: 4px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; -webkit-box-shadow: 0px 12px 16px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 12px 16px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 12px 16px 2px rgba(0, 0, 0, 0.3); } .header .dropdownMenu::before{ content: ""; width: 0.75rem; height: 0.75rem; -webkit-transform:rotate(45deg); border-style: solid; border-width: 1px 0 0 1px; border-color: #d5d7d2; background-color: #ffffff; position: absolute; top: -0.42rem; } .header .dropdownMenu::before{ right: 1.5rem; } @media all and (max-width: 850px) { .header .dropdownMenu::before { right: 2.125rem; } } .header .languageMenu{ right: 8.4rem; } @media screen and (max-width: 970px) { .header .languageMenu{ right: 7.25rem; } } @media screen and (max-width: 900px) { .header .languageMenu{ right: 5.3rem; } } .header .languageMenu.open{ display: block; } @media screen and (max-width: 850px) { .header .languageMenu.open, .header .languageMenu{ display: none; } } .header .shoppingMenu{ right: 1.5rem; } @media screen and (max-width: 950px) { .header .shoppingMenu{ right: 1.5rem; } } @media screen and (max-width: 900px) { .header .shoppingMenu{ right: 0.9rem; } } @media all and (max-width: 850px) { .header .shoppingMenu{ right: 3.4rem; } } @media all and (max-width: 768px) { .header .shoppingMenu{ right: 2.35rem; } } .header .shoppingMenu.open{ display: block; } .header .shoppingMenu > div > *:not(.defaultButton){ box-sizing: border-box; padding: 0.75rem; font-family: "HurmeGeometricSans4-SemiBold"; } .header .shoppingMenu .minBasketAmountInfo{ color:#E8833D; } .header .shoppingMenu a{ position: relative; width: 100%; border-bottom: solid 1px #d5d7d2; display:block; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .header .shoppingMenu .login, .header .shoppingMenu .logout{ border-bottom-width: 0; } .header .shoppingMenu .defaultButton{ margin-bottom: 1.25rem; } .header .shoppingMenu .CustomUserLogin.stateLogin .fa-user{ display: block; } .header .shoppingMenu .CustomUserLogin .icon{ float:left; width: 2.5rem; position: relative; top: 0.125rem; } .header .shoppingMenu .CustomUserLogin .logout{ padding-left: 3.5rem; } .header .mobileMenuIcon { display: none; float: left; cursor: pointer; } @media screen and (max-width: 850px) { .header .mobileMenuIcon { display: block; } } .header .mobileMenuIcon .iconWrapper { float: left; width: 2.5rem; text-align: center; line-height: 0; margin-left: 0.5rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .header .mobileMenuIcon .iconWrapper span{ height: 2.25rem; line-height: 2.25rem; font-size: 1rem; } .header .mobileMenuIcon .menuIcon { display: inline-block; padding: 0.125rem 0; } .header .mobileMenuIcon.close .menuIcon, .header .mobileMenuIcon .closeIcon { display: none; } .header .mobileMenuIcon.close .closeIcon { display: block; } .menuMobile { display:none; position:fixed; top:0; left:-100%; bottom:0; width:100%; background-color:#f9f9f8; -o-transition:left .5s; -ms-transition:left .5s; -moz-transition:left .5s; -webkit-transition:left .5s; transition:left .5s; z-index:2100; margin-top: 4.125rem; padding: 0 1.25rem 1rem 1.5rem; box-sizing:border-box; overflow-y:auto; -webkit-overflow-scrolling: touch; } .header.menuOpened .menuMobile { left:0; } @media screen and (max-width: 850px) { .header.menuOpened .menuMobile .languageMenu, .menuMobile { display: block; } } .menuMobile > * { width: 100%; box-sizing: border-box; overflow: hidden; } .menuMobile a { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .menuMobile .contentMobileWrapper, .menuMobile .wrapper.languageMenu, .menuMobile div.login{ box-sizing: border-box; padding-left:2rem; border-top-width: 1px; } .menuMobile .languageMenu .websites > .title{ border-top-width: 1px; } .menuMobile .contentMobileWrapper{ border-top-width: 0; } .menuMobile .wrapper.languageMenu, .menuMobile .ListLinkList { margin-bottom: 3rem; } .header .menuMobile .searchWrapper{ display: block; } .menuMobile .searchWrapper, .menuMobile .ListLinkList a { width: 100%; text-align: left; text-transform: uppercase; display: block; border-bottom: 1px solid #d5d7d2; } .menuMobile .login > div{ display: inline-block; } .menuMobile .ListLinkList a { line-height: 3rem; font-family: "HurmeGeometricSans4-Bold"; } .menuMobile .ListLinkList .children a { margin-left: 2rem; } .menuMobile .languageMenu .languages > .title, .menuMobile .languageMenu .websites > .title, .menuMobile .CustomUserLogin .text{ line-height: 3rem; font-family: "HurmeGeometricSans4-SemiBold"; padding-top: 0; padding-bottom: 0; } .menuMobile .CustomUserLogin{ position: relative; } .menuMobile .CustomUserLogin .text{ padding-right: 1.5rem; } .menuMobile .CustomUserLogin.stateLogin .fa-user, .menuMobile .CustomUserLogin .icon { display: none; } .menuMobile .CustomUserLogin.stateLogout{ display: block; } .header .columnWrapper.language { float: left; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } @media screen and (max-width: 600px) { .header .columnWrapper.language { display: none; } } .header .columnWrapper.links { float: left; } @media screen and (max-width: 550px) { .header .columnWrapper.links .ListLinkList { display: none; } } .header .columnWrapper.links ul li { float: left; } .columnWrapper.links > * { float:left; } .columnWrapper.links a .icon { padding-left:0.5rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .columnWrapper.links a, .columnWrapper.links .searchIcon { padding:0.5rem 0.75rem; } .columnWrapper.links .searchIcon { display: none; cursor: pointer; } @media screen and (max-width: 850px) { .columnWrapper.links .searchIcon { display: block; } } .columnWrapper.links .MiniWishList a, .columnWrapper.links .CustomShopBasketMini a { padding-right: 1.5rem; } @media screen and (max-width: 767px) { .columnWrapper.links .MiniWishList a, .columnWrapper.links .CustomShopBasketMini a { padding-left: 0.25rem; padding-right: 1rem; } } .header .columnWrapper.logoWrapper { float: left; } .header .logo { background-image: url('/Ressource/Graphic/58products_logo.svg'); background-size: 100% auto; background-repeat: no-repeat; width: 9rem; height: 2.5rem; display:block; } .header .columnWrapper.nav { float: right; margin-top: 0.6125rem; } @media screen and (max-width: 850px) { .header .columnWrapper.nav { margin-top: 0; } .header .columnWrapper.nav .columnWrapper.language, .header .columnWrapper.nav .navWrapper, .header .searchWrapper.header, .header .searchWrapper.header.open, .header .columnWrapper.nav .languageAction, .header .columnWrapper.nav .searchAction { display: none; } } .header .columnWrapper.nav .navWrapper { float:left; } @media screen and (min-width: 601px) and (max-width: 767px) { .header .columnWrapper.nav .navWrapper { text-align: center; } } .header .columnWrapper.nav .languageAction, .header .columnWrapper.nav .searchAction, .header .columnWrapper.nav .basket, .header .columnWrapper.nav a.SetLink, .header .columnWrapper.nav .BasicLanguageBox a { float:left; font-family: "HurmeGeometricSans4-Bold"; text-transform: uppercase; line-height:1.5em; border-radius:0; } .header .columnWrapper.nav a.SetLink, .header .columnWrapper.nav .BasicLanguageBox a, .header .columnWrapper.nav .icon{ -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .header .columnWrapper.nav a.SetLink, .header .columnWrapper.nav .BasicLanguageBox a { margin:0 1.25rem; padding:0; } .header .columnWrapper.nav .languageAction .icon, .header .columnWrapper.nav .searchAction .icon, .header .columnWrapper.nav .basket .icon{ padding:0 1.25rem 0.625rem; font-size:0.9375rem; } @media screen and (max-width: 970px) { .header .columnWrapper.nav a.SetLink, .header .columnWrapper.nav .BasicLanguageBox a{ margin-left: 1rem; margin-right: 1rem; } .header .columnWrapper.nav .languageAction .icon, .header .columnWrapper.nav .searchAction .icon, .header .columnWrapper.nav .basket .icon{ padding-left: 1rem; padding-right: 1rem; } } @media screen and (max-width: 900px) { .header .columnWrapper.nav a.SetLink{ margin-left: 0.75rem; margin-right: 0.75rem; } .header .columnWrapper.nav .languageAction .icon, .header .columnWrapper.nav .searchAction .icon, .header .columnWrapper.nav .basket .icon{ padding-left: 0.75rem; padding-right: 0.75rem; } } .header .columnWrapper.nav .basket{ position: relative; } .header .columnWrapper.nav .basket .miniCount{ text-align:center; } .header .columnWrapper.nav .basket .count.info { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; font-size: 0.625rem; border-radius: 0.875rem; color: #ffffff; background-color: #2d2d2d; display: block; line-height: 0.875rem; min-width: 0.375rem; padding: 0 0.25rem; position: absolute; left: 0; right: 0; max-width: 1.0rem; margin: 0 auto; bottom: 0; width: auto; display: block; } .header .columnWrapper.nav .menuHeader a { text-transform:uppercase; letter-spacing:1px; } .header .navWrapper .editButton + .link{ float: left; clear: both; } .header .columnWrapper.nav a.selected:not([href*="#"]) { color: #8d8d8d !important; } .header .columnWrapper.nav .navWrapper a:not(.editButton):active, .header .columnWrapper.nav .navWrapper a:not(.editButton):focus { text-decoration:none; background-color:transparent; } .header .columnWrapper.nav .line { height:1px; background-color: #8d8d8d; position:absolute; bottom:1.5rem; left:0.75rem; right:0.75rem; } .header .columnWrapper.nav .caption { clear:both; text-align:center; font-size:0.625rem; text-transform:uppercase; font-family: "HurmeGeometricSans4-SemiBold"; letter-spacing:1px; line-height:1.375rem; color: #8d8d8d; } .header .columnWrapper.nav .basket { float: left; margin-right: 0; } .header.menuOpened .columnWrapper.nav .basket { display: none; } @media screen and (max-width: 850px) { .header .columnWrapper.nav .basket { font-size: 1rem; width: 2.25rem; line-height: 2.25rem; text-align: center; } } .header .columnWrapper.nav .ListLinkList li { float:left; } @media screen and (min-width:850px) and (max-width:1099px) { .b2b .header .dropdownMenu{ top: 6.25rem; } } .header #b2bCustomerNumber { float: right; display: inline-block; font-size: 0.75rem; line-height: 1.5rem; padding: 0.5612rem 1.5rem; } .header #b2bCustomerNumber + .nav { clear: right; margin-top:0; } @media screen and (max-width:768px) { .header #b2bCustomerNumber + .nav a { font-size:1rem; } } @media screen and (max-width:448px) { .header #b2bCustomerNumber { float:left; } } .header #agentActions { float: right; display: inline-block; font-size: 0.75rem; line-height: 1.5rem; padding: 0.5612rem 1.5rem; } .header .searchWrapper{ display: none; } .header .searchWrapper.open { display: block; box-sizing:border-box; overflow: inherit; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .header .searchWrapper .inputWrapper{ height: 3.25rem; } .header .searchWrapper .searchWidget { padding: 2.5rem 1rem; box-sizing: border-box; } @media screen and (max-width: 850px) { .header .searchWrapper .searchWidget { padding: 1rem; } } .header .searchWrapper .searchWidget form { width:52rem; max-width:100%; } .header .menuMobile .searchWrapper .searchWidget { padding: 1.25rem 0 2.5rem; box-sizing: border-box; } .header .crmLinkListWrapper{ max-width: 105rem; margin: 0 auto; padding: 0 3rem; box-sizing: border-box; } /********************crm menu********************/ #crmMenu, #posMenu { font-family: "HurmeGeometricSans1-SemiBold"; color: #2d2d2d; top: 7rem; } #posMenu .title, #crmMenu .title { font-family: "HurmeGeometricSans1-SemiBold"; } #posMenu .ListLinkList .SetLink, #crmMenu .ListLinkList .SetLink { color: #2d2d2d; } .footer { font-size:12px; background-color: #f5f5f2; } .footer .sitemap { font-family:"HurmeGeometricSans4-SemiBold"; } .footer .title { display: block; } .footer .wrapper { max-width: 80rem; overflow: hidden; margin-bottom:0; } .footer .Line { overflow: hidden; padding-top: 1rem; } .footer .fixedGoUp{ width: 4rem; height: 4rem; font-size: 1.25rem; text-align: center; float: right; cursor: pointer; transform:translateY(0); -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .footer .breadCrumb{ float: left; padding-top: 1.25rem; } .footer .languageBox .title, .footer .languageBox .BasicLanguageBox { display: inline-block; } .footer .languageBox .BasicLanguageBox { padding-left: 1rem; } .footer .languageBox .BasicLanguageBox a { color: #ffffff; } .footer .sitemap { background-color: #1e1e1e; color: #ffffff; } .footer .sitemap .wrapper { padding-top: 1rem; padding-bottom: 1.5rem; } .footer .sitemap.logo .wrapper { padding-top: 0; padding-bottom: 0; } .footer .newsletter { float: right; min-width: 17.3125rem; width: 50%; box-sizing: border-box; } .footer .newsletter .title { text-transform: none; padding-bottom: 1rem; } .footer .subscription_step1_footerForm { border:none; width:100%; max-width: 23rem; background-color: inherit; color: inherit; float: right; } .footer .subscription_step1_footerForm form { overflow: hidden; } .footer .subscription_step1_footerForm .wrapper { padding: 0; text-align:left; } .footer .subscription_step1_footerForm .mandatory_field_desciption{ display: none; } .footer .subscription_step1_footerForm form.open .chegroup{ background-color: #ffffff; border-radius: 3px; padding: 0.8125rem; } .footer .subscription_step1_footerForm .text label { left: 1rem; } .footer .subscription_step1_footerForm .email { margin-right: 0; padding-right: 5.25rem; } .footer .subscription_step1_footerForm input[type="email"] { border-top-right-radius: 0; border-bottom-right-radius: 0; } .footer .subscription_step1_footerForm .wrapper.submit { width:auto; position: absolute; right: 0; } .footer .subscription_step1_footerForm button { width: 5.25rem; height: 2.75rem; line-height: 1em; border-top-left-radius: 0; border-bottom-left-radius: 0; } .footer .subscription_step1_footerForm .email.invalid { margin-bottom: 0.125rem; } .footer .subscription_step1_footerForm .chegroup.privacy { background-color:#ffffff; color:#2d2d2d; padding: 0.5rem 0.75rem; border-radius: 0.25rem; } .footer .subscription_step1_footerForm .agreement.privacy:not(.invalid) .validationMessage { display:none; } .footer .subscription_step1_footerForm input[type="checkbox"]+label{ color: #2d2d2d; line-height: 1.2em; text-align: left; } .footer .subscription_step1_footerForm input[type="checkbox"]+label a{ color: #E8833D; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .footer .subscription_step1_footerForm .formSubmitMessage { padding:0; font-weight: normal; text-align: left; } .footer .subscription_step1_footerForm .validationMessage { min-height: 1.5em; text-align: left; } .footer .internationalLandingPages, .footer .navigation { float: left; } .footer .navigation { padding-top: 1.5rem; } .footer .socialMedia, .footer .linkButtons, .footer .newsletter { float: right; text-align: right; } .footer .ListLinkList.buttonList li { margin-right: 0.5rem; margin-left: 0.5rem; } .footer .ListLinkList.buttonList a.SetLink { background-color:#000000; } .footer .linkButtons { margin-right: -0.5rem; } .footer .ListImageGallery { margin-bottom: 0; } .footer .internationalLandingPages { padding-top: 1rem; } .footer .ListImageGallery .title { vertical-align: middle; padding-right: 1rem; display: inline-block; } .footer .ListImageGallery .listWrapper { vertical-align: middle; display: inline-block; } .footer .ListImageGallery .SetImage { display: inline-block; padding-left: 0.5rem; padding-right: 0.5rem; width: 20px; height: 20px; } .footer .ListLinkList li { display: inline-block; } .footer .ListLinkList a.SetLink, .footer .ListLinkList span.SetLink { color: inherit; min-height: 1em; line-height: 1.125rem; padding: 0.25rem 0.5rem; display: block; } .footer .ListLinkList [class*=ss-] { display: none; } .footer .ListLinkList .title { margin-bottom: 0.5rem; } .footer .navigation .ListLinkList ul { margin-left: -0.5rem; } .footer .socialMedia .ListLinkList ul { margin-right: -0.5rem; } .footer .logoFooter { background-image: url("/Ressource/Graphic/58Logo_white.svg"); background-repeat: no-repeat; background-size: 100% auto; height: 60px; width: 180px; margin-bottom: 1rem; display: inline-block; } .footer .third.Line .ListLinkList li a { color:#E8833D; } .agent .footer .third.Line a.SetLink[data-page-id="28"], .b2b .footer .third.Line a.SetLink[data-page-id="28"], .footer .third.Line a.SetLink[data-page-id="95"]{ display: none; } .agent .footer .third.Line a.SetLink[data-page-id="95"], .b2b .footer .third.Line a.SetLink[data-page-id="95"]{ display: inherit; } .footer .cellmsLogo { padding-top: 1.25rem; padding-bottom: 1.25rem; } .footer .cellmsLogo img { width:60px; height:60px; opacity:0.6; display: inline-block; } .footer .sitemap.logo { background-color: #000000; } .footer .logoLink { width: 100%; display: block; position: relative; overflow: hidden; } .footer .logoLink .poweredByCellmsCaption { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-transform: uppercase; text-align: center; letter-spacing: 1px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; line-height: 3.75rem; color: transparent; font-weight: 700; } @media screen and (max-width: 670px) { .footer .newsletter, .footer .internationalLandingPages, .footer .linkButtons, .footer .navigation, .footer .socialMedia { width: 100%; clear: both; text-align: center; } .footer { text-align: center; } .footer .subscription_step1_footerForm { margin: 0 auto; float: none; } .footer .navigation { padding-top:0; } .footer .socialMedia { padding-top: 2rem; } .footer .linkButtons { margin-right: 0rem; padding-top: 1.5rem; } .footer .logoLink .poweredByCellmsCaption { display: none; } .footer .subscription_step1_footerForm form { display: inline-block; width: 100%; } } @media screen and (max-width:640px) { .footer .ListImageGallery .title { margin-bottom:1rem; } .footer .ListImageGallery .listWrapper { display:block; } } @media screen and (max-width:544px) { .footer .breadCrumb { display:none; } } .footer .copyright { max-width: 37.5rem; } .BasicAudio audio { width: 100%; } .BasicGraphic, .centerFix { text-align:center; } .BasicGraphic img, .centerFix img { max-height:100%; max-width:100%; height:auto; } .centerFix img { vertical-align:middle; display:inline-block; } .centerFix:before { content:""; height:100%; vertical-align:middle; display:inline-block; } #infoBox { overflow:hidden; width:18rem; position:fixed; right:calc(50% - 9rem); top:2.5rem; z-index : 10000;/*so that it's over the overlay*/ } #infoBox .message { padding: 0.75rem; background-color: rgba(80,80,80,0.5); /* equivalent to #505050*/ color:#ffffff; border-radius: 0.25rem; margin-bottom:0.5rem; display:none; cursor:pointer; } #infoBox .message.warning { background-color: #ffb3b3 !important; color: inherit !important; } #infoBox .message.error { } .BasicSeparator { overflow: hidden; box-sizing: border-box; width:60rem; max-width: 100%; margin: 0 auto; min-height: 4rem; padding: 1.25rem 1rem; } .BasicSeparator h1 { height:100%; float: left; } .BasicSeparator a { text-decoration: none; } .BasicSeparator.goUp { margin: 0 auto; border-top-width:1px; } .BasicSeparator.goUp a { height: 18px; line-height: 18px; float:right; min-width: 42px; padding: 14px 0 0; color: #8d8d8d; } .BasicSeparator.goUp a span { height: 18px; line-height: 18px; float:right; margin-left: 10px; } .BasicSeparator.goUp a [class*=ss-] { font-size: 21px; height: 21px; line-height: 21px; } .BasicSeparator.goUp a:hover, .BasicSeparator.goUp a:hover [class*=ss-] { color: #2d2d2d; } @media screen and (max-width:1024px) { .BasicSeparator.goUp a { display:none; } } .BasicText, .BasicText *{ line-height: 1.5em; } .BasicText a, .CustomAgreement .intro a { color: #E8833D; } .Tracking .newsletterTrackingWrapper { z-index: 101; position: fixed; bottom: -400px; left: 0; right: 0; height: 400px; transition: bottom 1s; opacity: 0; } .Tracking .newsletterTrackingWrapper.hover { opacity: 1; bottom: 0; } .Tracking .newsletterTracking { background-color: #FFFFFF; width: 688px; margin: 0 auto; padding-bottom: 40px; overflow: hidden; position: relative; transition: bottom 1s, opacity 500ms; -webkit-transition: bottom 1s, opacity 500ms; -moz-transition: bottom 1s, opacity 500ms; -o-transition: bottom 1s, opacity 500ms; -ms-transition: bottom 1s, opacity 500ms; } .Tracking .newsletterTracking .icon { position: absolute; top: 30px; right: 20px; width: 50px; height: 50px; cursor: pointer; } .Tracking .newsletterTracking .caption { color: #000000; text-align: center; font-size: 25px; margin: 25px 40px; padding-bottom: 25px; border-bottom: 1px solid #ffffff; letter-spacing: 0; float: none; } .Tracking .newsletterTracking .newsletterText { padding: 0 40px; font-size: 16px; color: #000000; } .Tracking .newsletterTracking .BasicForm { margin: 16px 0 0; width: 100%; } .Tracking .newsletterTracking form { overflow: hidden; } .Tracking .newsletterTracking .wrapper.text { width: 100%; text-align: center; } .Tracking .newsletterTracking .wrapper.submit { margin: 0; width: 100%; } .Tracking .newsletterTracking .wrapper.submit button { margin-right: 40px; } .Tracking .newsletterTracking h1, .Tracking .newsletterTracking label, .Tracking .newsletterTracking .wrapper:last-child { display: none; } .Tracking .newsletterTracking input, .Tracking .newsletterTracking .BasicForm.ProjectForm .wrapper.text input, .Tracking .newsletterTracking .BasicForm.ProjectForm .wrapper.text.large input { width: 598px; margin-left: 40px; margin-right: 40px; margin-bottom: 8px; padding-left: 4px; padding-right: 4px; } .Tracking .newsletterTracking .validationMessage { margin: 4px 0 0; width: 100%; } .Tracking .newsletterTracking .formSubmitMessage { font-size: 16px; padding: 0 40px; color: #000000; } .BasicFileUpload.frontend .notAuthorized{ display: block; width: 100%; text-align: center; } .BasicFileUpload.frontend .fileInputField { display:none; } .BasicFileUpload.frontend .dropZone.ui-dropzone-highlight { background-color: #ffffff; color: #000000; } .BasicFileUpload.frontend .dropZone { font-style:italic; color: #2d2d2d; width: 100%; height: 100%; padding: 10px 0px 10px 0px; border:2px dotted #000000; background-color: #ffffff; cursor:pointer; text-align: center; font-size: 16px; } .BasicFileUpload.frontend .fileUploadSize_info{ font-size: 12px; color: #2d2d2d; margin-bottom: 0.25rem; } .BasicFileUpload.frontend .fileUploadState{ clear:both; padding:0px; } .BasicFileUpload.frontend .fileUploadState ul{ margin-left:0px; } .BasicFileUpload.frontend .fileUploadState li{ list-style: none; border-bottom:1px solid #000000; margin-bottom:0px; clear: both; display: block; height: 32px; background-color:#ffffff; } .BasicFileUpload.frontend .fileUploadState .loadingIcon { display: none; } .BasicFileUpload.frontend .fileUploadState .loadingIcon .icon { background-image: url("File/skeleton_html/loading.gif"); width: 2rem; height: 2rem; margin: 0 auto; float: none; } .BasicFileUpload.frontend .hiddenTemplate { display: none !important; } .BasicFileUpload.frontend .fileUploadState li > div{ width:20%; /*display:inline;*/ float: left; font-size:12px; color:#2d2d2d; line-height: 1.75em; margin-right: 16px; } .BasicFileUpload.frontend .fileUploadState .filename{ width: 50%; } .BasicFileUpload.frontend .fileUploadState .filesize{ width: 10%; } .BasicFileUpload.frontend .fileUploadState .loadingIndicator{ width: 10%; } .BasicFileUpload.frontend .fileUploadState .progressWrapper{ height:16px; border:1px solid #000000;; background-color:#ffffff; margin-left: 16px; margin-top:8px; text-align:left !important; } .BasicFileUpload.frontend .fileUploadState .progressBar { width: 0%; height: 16px; margin-left:0px; } .BasicFileUpload.frontend .progressBarComplete { background-color:#2d2d2d; } .BasicFileUpload.frontend .fileUploadSingleGraphic{ max-width: 100%; max-height: 50%; } .BasicFileUpload.frontend .fileUploadSingleGraphic .graphic{ max-width: 100%; max-height: 50%; } .BasicFileUpload.frontend .rules { float: left; clear: both; } .BasicFileUpload.frontend .rules ul { display: block; float: left; margin: 0; } .BasicFileUpload.frontend .rules li { display: block; float: left; clear: both; } .BasicFileUpload.frontend .rules input { width: 400px; } .BasicFileUpload.frontend .fileUploadErrorState { clear:both; padding:0px; } .BasicFileUpload.frontend .fileUploadErrorState ul { margin-left:0px; } .BasicFileUpload.frontend .fileUploadErrorState li { list-style: none; border-bottom:1px solid #000000; margin-bottom:0px; clear: both; display: block; height: auto; background-color:#ffffff; overflow: hidden; } .BasicFileUpload.frontend .fileUploadErrorState li > div { float: left; font-size:12px; color:#777777; line-height: 1.75em; margin-right: 16px; } .BasicFileUpload.frontend .fileUploadErrorState .filename { width: 50%; } .BasicFileUpload.frontend .fileUploadErrorState .filesize { width: 10%; } .BasicFileUpload.frontend .fileUploadErrorState .message { width: 100%; margin: 0; color: #e0292b; } .BasicDownload.inactive a { text-decoration:line-through; } .BasicDownload.extendedInformation .BasicGraphic, .BasicDownload.extendedInformation a.graphicLink, .BasicDownload.extendedInformation .textCaptionWrapper { float:left; } .BasicDownload.extendedInformation { clear:both; position:relative; overflow:hidden; } .BasicDownload.extendedInformation .BasicGraphic, .BasicDownload.extendedInformation a.graphicLink { display:block; border:none; width:128px; max-height:128px; /*in order to have the width of 128px so that the caption has it's 'margin' even if no picture is here */ min-height:1px; } .BasicDownload.extendedInformation .BasicGraphic img { max-width:100%; max-height:100%; width:auto; margin: 0 auto; } .BasicDownload.extendedInformation .textCaptionWrapper { overflow:hidden; margin-left:96px; /*position:absolute; bottom:0;*/ } .BasicDownload.extendedInformation .BasicGraphic { background-color: #ffffff; padding: 8px; } .BasicDownload.extendedInformation .BasicGraphic, .BasicDownload.extendedInformation a.graphicLink { display:block; border:none; width:64px; max-height:64px; /*in order to have the width of 128px so that the caption has it's 'margin' even if no picture is here */ min-height:1px; } .BasicDownload.extendedInformation .BasicGraphic img { max-width:100%; max-height:100%; width: auto; margin: 0 auto; height: 64px; } .subscription_step1_footerForm .chegroup{ display: none; } .subscription_step1_footerForm form.open .chegroup{ display: block; } .BasicForm.multiStep { margin: 0 auto 2rem; width: 60rem; box-sizing: border-box; max-width: 100%; overflow: hidden; padding: 1.5rem 1rem 0.5rem; } .BasicForm.multiStep .multiStepNav { text-align:center; margin-bottom: 2.5rem; } .BasicForm.multiStep .multiStepNav .navElt { display:inline-block; color: #c5c5c8; } .BasicForm.multiStep .multiStepNav .navElt::after{ content: "-"; padding: 0 0.5rem; } .BasicForm.multiStep .multiStepNav .navElt:last-child::after{ content: ""; } .BasicForm.multiStep .multiStepNav .navElt.valid + .navElt:not(.valid), .BasicForm.multiStep .multiStepNav .navElt.valid { cursor:pointer; } .BasicForm.multiStep .multiStepNav .navElt.active { color: #c5c5c8; cursor:auto; } .BasicForm.multiStep .multiStepNav .idx{ background-color: #ebebe8; padding: 0.25rem 0.75em; border-radius: 100%; line-height: 2.25em; } .BasicForm.multiStep .multiStepNav .navElt.valid .idx{ background-color: #E8833D; color: #ffffff; } .BasicForm.multiStep .multiStepNav .navElt.active .idx{ background-color: #8c8c8a; color: #ffffff; } .BasicForm.multiStep form > .container { display:none; } .BasicForm.multiStep form > .container.active { display:block; } .BasicForm.multiStep .wrapperForm:not(.lastStep) .multiStepControls button.submit, .BasicForm.multiStep .firstStep .multiStepControls button.previous, .BasicForm.multiStep .lastStep .multiStepControls button.next, .BasicForm.multiStep form button[type="submit"] { display:none; } .BasicForm .multiStepControls { margin-bottom: 2rem; overflow: hidden; } .BasicForm.multiStep form[name=crm_user_registerForm]{ margin-bottom: 2.5rem; } .BasicForm.multiStep .container h2{ margin-bottom: 1.25rem; padding: 0 0.5rem; color: #505050; } .BasicForm.multiStep .container span[data-type=radgroup].required, .BasicForm.multiStep .container span[data-type=chegroup].required, .BasicForm.multiStep .container h2 + .simple_text{ margin-bottom: 1.25rem; display: block; width: 100%; font-size: 0.75rem; } .BasicForm.multiStep .container .wrapper{ padding: 0 1rem; } .BasicForm.multiStep .container .container{ width:50%; float:left; padding: 0; } .BasicForm.multiStep .container .leftColumn, .BasicForm.multiStep .container .rightColumn{ display: inline-block; width: 50%; vertical-align: top; box-sizing: border-box; } .BasicForm.multiStep .container .leftColumn{ padding-right: 2rem; } .BasicForm.multiStep .container .container .radio, .BasicForm.multiStep .container .container .checkbox{ padding-left: 1.75rem; } .BasicForm.multiStep .container .container input[type="radio"] + label::before, .BasicForm.multiStep .container .container input[type="checkbox"] + label::before{ left: 0.75rem; } .crm_user_registerForm button { float: right; margin-bottom: 2rem; margin-left: 1.25rem; margin-right: 1.25rem; min-width: 6rem; } @media screen and (max-width:544px){ .BasicForm.multiStep .container .container{ width:100%; clear:both; } .BasicForm.multiStep .container .leftColumn, .BasicForm.multiStep .container .rightColumn{ display: block; width: 100%; } .BasicForm.multiStep .container .leftColumn{ padding-right: 0rem; } } .BasicForm.multiStep { margin: 0 auto 2rem; width: 60rem; box-sizing: border-box; max-width: 100%; overflow: hidden; padding: 1.5rem 1rem 0.5rem; } @media screen and (max-width:544px){ .BasicForm.multiStep { padding-top: 0.5rem; padding-left: 0; padding-right: 0; } } .BasicForm.multiStep .mandatory_field_desciption{ display: none; } .BasicForm .multiStepNav { text-align:center; margin-bottom: 2.5rem; } .BasicForm .multiStepNav .navElt { display:inline-block; color: #c5c5c8; } .BasicForm .multiStepNav .navElt::after{ content: "-"; padding: 0 0.5rem; } .BasicForm .multiStepNav .navElt:last-child::after{ content: ""; } .BasicForm .multiStepNav .navElt.valid + .navElt:not(.valid), .BasicForm .multiStepNav .navElt.valid { cursor:pointer; } .BasicForm .multiStepNav .navElt.active { color: #c5c5c8; cursor:auto; } .BasicForm .multiStepNav .idx{ background-color: #ebebe8; padding: 0.25rem 0.75em; border-radius: 100%; border: solid 0.25rem #f5f5f2; line-height: 2.25em; } .BasicForm.multiStep .multiStepNav .navElt.valid .idx{ background-color: #ebedeb; color: #a5a5a1; } .BasicForm.multiStep .multiStepNav .navElt.active .idx{ background-color: #8d8d8d; color: #2d2d2d; } @media screen and (max-width:544px){ .BasicForm .multiStepNav { margin-bottom: 2.25rem; } } .BasicForm.multiStep form[name=b2b_register]{ margin-bottom: 2.5rem; } .BasicForm.multiStep .container h2{ margin-bottom: 1.25rem; padding: 0 1rem; color: #2d2d2d; font-size: 1.125rem; line-height: 1.5em; font-family: "HurmeGeometricSans1-Bold"; } .BasicForm.multiStep .container span[data-type=radgroup].required, .BasicForm.multiStep .container span[data-type=chegroup].required, .BasicForm.multiStep .container h2 + .simple_text{ margin-bottom: 1.75rem; /*display: block; width: 100%;*/ font-size: 0.8125rem; } .BasicForm.multiStep .container .wrapper{ padding: 0 1rem; } .BasicForm.multiStep .container .container{ width:50%; float:left; padding: 0; } .BasicForm.multiStep .text label, .BasicForm.multiStep .password label{ left: 1.875rem; } .BasicForm.multiStep .container .leftColumn, .BasicForm.multiStep .container .rightColumn{ display: inline-block; width: 50%; vertical-align: top; box-sizing: border-box; } .BasicForm.multiStep .container .leftColumn{ padding-right: 2rem; } .BasicForm.multiStep .container .container .radio, .BasicForm.multiStep .container .container .checkbox{ padding-left: 1.75rem; } .BasicForm.multiStep .container .container input[type="radio"] + label::before, .BasicForm.multiStep .container .container input[type="checkbox"] + label::before{ left: 0.75rem; } @media screen and (max-width:544px){ .BasicForm.multiStep .container .container{ width:100%; clear:both; } .BasicForm.multiStep .container .leftColumn, .BasicForm.multiStep .container .rightColumn{ display: block; width: 100%; } .BasicForm.multiStep .container .leftColumn{ padding-right: 0rem; } } .BasicForm.multiStep .wrapper.withInput input[type="text"]{ margin-left: 1.5rem; margin-bottom: 0rem; min-height: 1.875rem; width: calc(100% - 1.5rem); padding: 0.875rem; } .BasicForm.multiStep .validationMessage{ line-height: 1.325rem; min-height: 1.325rem; } .BasicForm.multiStep .radio .validationMessage, .BasicForm.multiStep .checkbox .validationMessage{ margin-left: 1.5rem; } .BasicForm.multiStep .container .container .radgroup > .validationMessage, .BasicForm.multiStep .container .container .chegroup > .validationMessage{ margin-left: 0.75rem; } .BasicForm.multiStep .container input[type=text] ~ .validationMessage{ margin-bottom: 0.5rem; } .BasicForm.multiStep .wrapper.withInput input[type=text] ~ .validationMessage{ margin-bottom: 0; } .BasicForm.multiStep .wrapper.withInput.invalid .validationMessage{ margin-left: 1.5rem; margin-bottom: 0rem; min-height: 1.875rem; width: calc(100% - 1.5rem); padding: 0 0 0.5rem 0; } .BasicForm.multiStep .wrapper.checkbox label, .BasicForm.multiStep .wrapper.radio label { margin-left: 1.5rem; } .BasicForm.multiStep .container .wrapper.withInput input[type="radio"]:checked + label, .BasicForm.multiStep .container .wrapper.withInput input[type="checkbox"]:checked + label{ margin-bottom: 0.5rem; } .BasicForm .multiStepControls { margin-bottom:2rem; overflow:hidden; } .BasicForm .multiStepControls button { margin-bottom:2rem; margin-left:1.25rem; min-width: 6rem; } .BasicForm .multiStepControls button.next:hover{ background-color: #e55220; border-color: #e55220; } .BasicForm .multiStepControls button.next{ background-color: #E8833D; color: #ffffff; } .BasicForm .multiStepControls button.previous{ background-color: #ebebe8; color: #2d2d2d; border-color: #ebebe8; } @media screen and (max-width:544px){ .BasicForm .multiStepControls{ padding: 0 1rem; box-sizing: border-box; } .BasicForm .multiStepControls button.previous{ margin-left: 0rem; } .BasicForm .multiStepControls button { min-width: calc(50% - 0.625rem); } } .b2b_registerForm.BasicForm #submitMessage{ text-align: center; font-size: 1rem; font-family: "HurmeGeometricSans4-SemiBold"; line-height: 1.5em; padding-top: 6.25rem; margin-bottom: 5rem; } .b2b_registerForm.BasicForm #submitMessage::before{ content: ""; background-image: url(/Ressource/Graphic/CONFIRMATION_ICONS_NICE2MEET.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; width: 8rem; height: 8rem; display: block; margin: 0rem auto 2.5rem; } @media screen and (max-width:544px){ .b2b_registerForm.BasicForm #submitMessage{ padding-top: 2rem; margin-bottom: 2.5rem; font-size: 0.875rem; } .b2b_registerForm.BasicForm #submitMessage::before{ width: 6rem; height: 6rem; } } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon { border: 1px solid #d5d7d2; background-color: #ffffff; box-sizing:border-box; height: 1.5rem; width: 1.5rem; color:transparent; text-align:center; } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon::before { color: #E8833D; text-align: center; line-height: 1.8rem; font-size:1.31rem; } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon--checked::before { font-family: "SSGizmo"; content: "\2713"; } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon--unchecked::before {} .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon--mixed::before { box-sizing:border-box; height: 0.9rem; width: 0.9rem; position: absolute; top:0.25rem; right:0.2rem; background-color: #E8833D; } .BasicForm { border: none; margin:0; padding:0; width:100%; font-family: "HurmeGeometricSans4-SemiBold"; } .BasicForm .wrapper { position: relative; box-sizing: border-box; padding: 0 0.5rem; } .BasicForm .wrapper.container { padding:0; } .BasicForm .title, .BasicForm h1, .BasicForm h2 { line-height: 1.5em; margin-bottom:1rem; padding:0 0.5rem; } .BasicForm label, .BasicForm .description { color: #8d8d8d; } .BasicForm .description { font-size:0.75rem; } .BasicForm .validationMessage { font-size: 0.625rem; line-height: 1rem; color: #e0292b; } .BasicForm .wrapper.invalid textarea, .BasicForm .wrapper.invalid > input, .BasicForm .radgroup.wrapper.invalid input { color: #e0292b; border-color: #e0292b; background-color: #fceaea; } .BasicForm button { font-size: 0.875rem; line-height: 1.5em; } .BasicForm form, .BasicForm formwysiwyg { background-color: inherit; position:relative; } .BasicForm formwysiwyg { display: block; } .BasicForm form { overflow: hidden; } .BasicForm .wrapper { box-sizing: border-box; padding: 0 0.5rem; overflow:hidden; float: left; } .BasicForm .wrapper.small { width: 33.33%; float:left; } .BasicForm .wrapper.medium { width: 50%; float:left; } .BasicForm .wrapper.large { width: 100%; } .BasicForm .wrapper.newLine { clear: both; } .BasicForm label { font-size: 0.75rem; line-height:1.5em; /*display: none;*/ } .BasicForm label a{ display:inline; color: #E8833D; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .BasicForm label .captionMandatory { display: none; } .BasicForm .required + label .captionMandatory { display: inline; } .BasicForm .hideIfNotRequired { display: none; } .BasicForm .hideIfNotRequired.required { display: block; } .BasicForm input[type="text"], .BasicForm input[type="email"], .BasicForm input[type="password"], .BasicForm textarea { padding: 1.5rem 0.875rem 0.75rem 0.875rem; } .BasicForm textarea { height: 6rem; } .BasicForm textarea, .BasicFormFormProperty textarea { resize: vertical; } .BasicForm .wrapper.submit { border-left:none; width:auto; width:100%; } .BasicForm .wrapper.invalid > input::-webkit-input-placeholder, .BasicForm .radgroup.wrapper.invalid input::-webkit-input-placeholder { color:#e0292b; } .BasicForm .wrapper.invalid > input:-ms-input-placeholder, .BasicForm .radgroup.wrapper.invalid input:-ms-input-placeholder { color:#e0292b; } .BasicForm .wrapper.invalid > input:-moz-placeholder, .BasicForm .radgroup.wrapper.invalid input:-moz-placeholder { color:#e0292b; } .BasicForm .wrapper.invalid > input::-moz-placeholder, .BasicForm .radgroup.wrapper.invalid input::-moz-placeholder { color:#e0292b; } #submitMessage { display: none; padding: 0 0.5rem; } #submitMessage.error { color:#e0292b; } .BasicForm .text label, .BasicForm .password label{ color: #a5a5a1; position: absolute; left: 1.5rem; right: 1rem; top: 0.875rem; z-index: 100; transition: transform 150ms ease-out, font-size 150ms ease-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .BasicForm .text.invalid label, .BasicForm .password.invalid label{ color:#e0292b; } .BasicForm .focused label, .BasicForm .filled label { transform: translateY(-0.625rem); font-size: 0.625rem; } .BasicForm .wrapper.checkbox, .BasicForm .wrapper.radio { padding:0; position:relative } .BasicForm .wrapper.checkbox input[type="checkbox"], .BasicForm .wrapper.radio input[type="radio"] { position:absolute; height:1.3125rem; } .BasicForm .wrapper.checkbox label, .BasicForm .wrapper.radio label { margin-left:2rem; line-height: 1.5rem; min-height: 1.18rem; display:block; float:left; } .BasicForm input[type="radio"], .BasicForm input[type="checkbox"]{ display: none; } .BasicForm input[type="radio"] + label::before, .BasicForm input[type="checkbox"] + label::before{ content: ""; position: absolute; left: 0; top: 0; border-radius: 100%; width: 1rem; height: 1rem; border: solid 2px #cdcdca; } .BasicForm input[type="radio"]:checked + label::before, .BasicForm input[type="checkbox"]:checked + label::before{ content: "\f058"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 1.25rem; line-height: 1.25rem; color: #E8833D; border: none; } .BasicForm input[type="radio"]:checked + label, .BasicForm input[type="checkbox"]:checked + label{ color: #2d2d2d; } .BasicForm button { height: inherit; float:right; } .BasicForm .validationMessage { width: auto; min-height: 1rem; clear:both; } .BasicForm .chegroup > span { /* font-size: 0.75rem; */ } .BasicForm .wrapper.chegroup > .validationMessage { min-height: 0; height: auto; } .BasicForm .wrapper.checkselectbox.radgroup { overflow:visible; } .BasicForm .dropDown{ width: 100%; box-sizing:border-box; background-color:#ffffff; } .BasicForm .dropDown .dropIcon{ position: absolute; right: 0.25rem; top: 0.0625rem; line-height: 2rem; width: 1rem; font-size: 0.75rem; } .BasicForm .dropDown .caption { padding: 0.65rem 0.875rem; border: 0.5px solid #d5d7d2; border-radius: 3px; font-size:0.75rem; height:2.75rem; box-sizing:border-box; } .BasicForm .dropDown .itemList{ margin-top: 0.75rem; border-left-width:1px; border-right-width:1px; border-radius: 3px; border-color:#ebedeb; } .BasicForm .dropDown.open .itemList{ border-top-width:1px; -webkit-box-shadow: 0 0.375 0.5rem 0px rgba(0, 0, 0, 2.5); -moz-box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, 2.5); box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, .25); } .BasicForm .dropDown .itemList ul{ padding:0; border:0; } .BasicForm .dropDown .itemList .item { margin: 0; } .BasicForm .dropDown .itemList .item, .BasicForm .dropDown a { box-sizing:border-box; background-color:#ebedeb; color:#2d2d2d; font-size:0.75rem; padding:0.5rem 0.875rem; line-height: 1rem; border-width: 0; border-color: #ebedeb; } .BasicForm .dropDown .item.selected { background-color:#ffffff; } .BasicForm .dropDown .item:focus, .BasicForm .dropDown .item:active, .BasicForm .dropDown a:focus, .BasicForm .dropDown a:active { color:#E8833D; } .BasicForm .dropDown .caption::after { content:"\f078"; display: block; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 1rem; position: absolute; right: 0.875rem; top: 0.8125rem; color:#b4b4b4; } input + label + input[name$="_checkboxInput"], input + label + input[name$="_radioInput"] { display:none; } input:checked + label + input[name$="_checkboxInput"], input:checked + label + input[name$="_radioInput"] { display:block; } input:focus, textarea:focus, button:focus { outline: none; } @media screen and (max-width: 544px) { .BasicForm .wrapper.small, .BasicForm .wrapper.medium { width:100%; padding-bottom: 0; } } .BasicLanguageBox.interferer { display: none; z-index: 9000; height: 0; background-color: #e0292b; position: fixed; top: 0; left: 0; right: 0; } .BasicLanguageBox.interfererInner { } .BasicLanguageBox.interferer .captionTitle, .BasicLanguageBox.interferer .captionTitle > * { display: inline-block; vertical-align: top; height: 100%; } .BasicLanguageBox.interferer .captionTitle img { margin-right: 1rem; height: 1.125rem; } .BasicLanguageBox.interferer .item > * { display: inline-block; vertical-align: middle; } .BasicLanguageBox.interferer .item img { height: 1.25rem; margin-right: 1rem; } .BasicLanguageBox.interferer { background-color: #999999; display: block; height: auto; transform: translateY(-100%); transition: transform 1s; } .BasicLanguageBox.interferer.open { transform: translateY(0%); } .BasicLanguageBox.interfererInner { margin: 0 auto; text-align: right; max-width: 100rem; box-sizing: border-box; padding: 1rem 5rem 0rem 3rem; position: relative; } .BasicLanguageBox.interfererInner > * { margin-bottom: 1rem; } .BasicLanguageBox.interferer #interfererTitle { float: left; width: 50%; color: #ffffff; line-height: 1.5em; font-family: "HurmeGeometricSans4-Regular"; font-size: 0.8125rem; text-align: left; } .Page .BasicLanguageBox.interferer a { padding: 0.5rem 1rem; } .BasicLanguageBox.interferer a:hover{ color: #ffffff; } .BasicLanguageBox.interferer #interfererTarget { text-align: left; min-width: 12rem; margin-right: 0; } .BasicLanguageBox.interferer #interfererTarget .caption{ padding-top: 0.5rem; padding-bottom: 0.5rem; height: 2.25rem; } .BasicLanguageBox.interferer #interfererTarget .caption .icon{ height: 2.25rem; line-height: 2.25rem; } .BasicLanguageBox.interferer #interfererTarget .captionTitle{ } .BasicLanguageBox.interferer .defaultButton { padding-left: 1rem; padding-right: 1rem; } .BasicLanguageBox.interferer #changeInterfererTarget { margin-left: 1rem; } .BasicLanguageBox.interferer #closeInterferer { background-color: transparent; font-size: 1.375rem; color: #b4b4b4; position: absolute; top: 1rem; right: 1rem; } @media screen and (max-width: 950px) { .BasicLanguageBox.interfererInner { padding-right: 4rem; } } @media screen and (max-width: 850px) { .BasicLanguageBox.interfererInner { padding-left: 2.5rem; } } @media screen and (max-width: 768px) { .BasicLanguageBox.interferer { } .BasicLanguageBox.interferer #interfererTitle { width: 100%; } } @media screen and (max-width: 544px) { .BasicLanguageBox.interferer #interfererTarget { min-width: 10.5rem; } .BasicLanguageBox.interfererInner { padding-left: 1rem; } } @media screen and (max-width:360px){ .BasicLanguageBox.interferer #interfererTitle{ padding-right: 3rem; box-sizing: border-box; } .BasicLanguageBox.interfererInner { padding-right: 1rem; } } .Page .BasicLanguageBox a { padding:0.5rem 0.75rem 0.5rem 0; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .header .BasicLanguageBox a.selected, .Page .BasicLanguageBox a.selected { color: #999999; } .dropDown { min-width:10.25rem; position:relative; margin-right:0.5rem; display: inline-block; } .dropDown .caption { padding: 0.65rem 0.875rem; font-size:0.75rem; border: 0.5px solid #d5d7d2; border-radius: 3px; cursor:pointer; height:2.75rem; box-sizing:border-box; background-color:#ffffff; } .dropDown .caption .icon { position:absolute; top:0rem; right: 0.875rem; height: 2.75rem; line-height: 2.75rem; font-size: 0.75rem; float: right; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ie-transform: rotate(0deg); } .dropDown.open .caption .fa-chevron-down, .dropDown.open .caption .ss-dropdown { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ie-transform: rotate(180deg); } .dropDown .itemList { font-size: 0.75rem; height: 0; width:100%; overflow: hidden; position:absolute; z-index: 900; background-color: #f9f9f8; margin-top: 0.75rem; border-left-width:1px; border-right-width:1px; border-radius: 3px; border-color:#ebedeb; } .dropDown.open .itemList{ border-top-width:1px; -webkit-box-shadow: 0 0.375 0.5rem 0px rgba(0, 0, 0, 2.5); -moz-box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, 2.5); box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, .25); } .dropDown .itemList ul { padding:0; border:0; } .dropDown .itemList li.selected { color:#E8833D; } .dropDown .itemList a, .dropDown .itemList .item { font-size:0.75rem; display: block; padding:0.5rem 0.875rem; box-sizing:border-box; background-color:#ebedeb; color:#2d2d2d; font-size:0.75rem; padding:0.5rem 0.875rem; line-height: 1rem; border-width: 0; border-color: #ebedeb; cursor: pointer; } .dropDown .itemList a.hidden, .dropDown .itemList .item.hidden { display: none; visibility: hidden; } .dropDown .itemList .last a, .dropDown .itemList .last.item { text-align:right; border-width: 0; } .Page button, .defaultButton, .actionButton, .stateButton { cursor:pointer; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border:none; opacity:1; text-decoration:none!important; } .bgOrange, .Page button, .defaultButton, a.defaultButton { font-size: 0.875rem; font-family: "HurmeGeometricSans4-SemiBold"; line-height: 1.5em; padding: 11px; color: #ffffff; background-color: #E8833D; text-align:center; box-sizing:border-box; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .Page .defaultButton.white, .Page button.orange, .reorder .defaultButton, .return .defaultButton { color: #E8833D; background-color: #ffffff; border:1px solid #E8833D; } .Page button.light { background-color: #ebebe8; color: #2d2d2d; border-color: #ebebe8; } /* merken button */ .defaultButton.add_to_wishlist { opacity:0.5; } .defaultButton.add_to_wishlist:active { opacity:1; } .defaultButton.inactive { cursor: default; background-color: #8d8d8d; color:#ffffff; border-color:#ffffff; } .defaultButton.small { padding: 5px 10px; } .defaultButton.passive { background-color: #ebebe8; border-color:#ebebe8; color:#2d2d2d; } .defaultButton.important { border-color:#E8833D; background-color:#E8833D; color:#ffffff; } .defaultButton.orange{ background-color: #E8833D; color: #ffffff; } .defaultButton.green{ background-color: #23b744; color: #ffffff; } .actionButton, a.actionButton { line-height: 2rem; padding: 0; font-size: 0.75rem; color:#2d2d2d; text-decoration: none; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius:0; cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .actionButton > span { color: #2d2d2d; margin-right:0.5rem; } .actionButton.right .roundIcon, .actionButton.right .smallIcon { float: right; margin:0 0 0 0.5rem; } .actionButton.inactive { visibility:hidden; } .actionButton [class*="ss-"]:before, .actionButton [class*="ss-"]:after { font-family:SSGizmo !important; } .actionButton:active .roundIcon, .actionButton:focus .roundIcon { background-color: #E8833D; } .actionButton:focus .roundIcon [class*="fa-"], .actionButton:active .roundIcon [class*="fa-"], .actionButton:focus .roundIcon [class*="ss-"], .actionButton:active .roundIcon [class*="ss-"] { color: #ffffff; } .stateButton { height: 28px; line-height: 28px; padding: 0 10px; font-family: "HurmeGeometricSans4-SemiBold"; color: #b4b4b4; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .stateButton .roundIcon [class*="ss-"] { color:#b4b4b4; } .stateButton [class*="ss-"]:before, .stateButton [class*="ss-"]:after { font-family:SSGizmo !important; } input:checked + label.stateButton, input:checked + label .stateButton { color: #2d2d2d; } input:checked + label.stateButton [class*="ss-"], input:checked + label .stateButton [class*="ss-"] { color: #E8833D; } .socialButton { display:inline-block; } .socialButton span[class*="ss-"] { font-size: 1.5rem; line-height: 2rem; color: #ffffff; padding:0.25rem; display: block; height: 1.75rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .roundIcon, .roundIcon [class*="fa-"], .roundIcon [class*="ss-"] { transition: all 0.3s ease 0s; color: #E8833D; } .roundIcon { background-color: #ffffff; display: inline-block; vertical-align: middle; line-height: 2.25rem; text-align: center; width: 2rem; height: 2rem; border-radius: 2rem; } .roundIcon [class*="fa-"], .roundIcon [class*="ss-"] { display: inline-block; height: 1.25rem; vertical-align: middle; } .smallIcon, .smallIcon [class*="fa-"] { transition: all 0.3s ease 0s; color: #2d2d2d; } .smallIcon { display: inline-block; vertical-align: middle; line-height: 2.25rem; text-align: center; width: 2rem; height: 2rem; } .smallIcon [class*="fa-"] { display: inline-block; height: 1.25rem; vertical-align: middle; } .smallIcon.midi { height: 2.75rem; } .smallIcon.midi [class*="fa-"] { font-size: 1.25rem; color: #E8833D; } .miniIcon { top: 7px; display: inline-block; height: 1.5rem; width: 2.5rem; position: relative; vertical-align: middle; position: absolute; } .miniIcon .icon { color: #2d2d2d; display: block; font-size: inherit; position: absolute; bottom: 0; left: 0; height: 0.875rem; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .miniIconInfo .info { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; min-width: 0.375rem; padding: 0 0.25rem; } .miniIconInfo .info::before { content: "("; } .miniIconInfo .info::after { content: ")"; } a:focus .miniIcon .info, a:active .miniIcon .info { background-color: #ffffff; color: #E8833D; } .empty .miniIcon .info { display: none; } @media screen and (max-width: 680px) { .scrollable { } .scrollable .scrollWrapper { overflow: hidden; } .scrollable .scroll { max-width: 100%; overflow-x: scroll !important; -webkit-overflow-scrolling: touch; white-space: nowrap; } .scrollable .scroll > * { display: inline-block; float: none !important; white-space: normal; vertical-align: top; padding-bottom: 6px; } .scrollable .responsiveScrollBar { bottom: 0; font-size: 0; height: 2px; left: 1rem; line-height: 2px; position: absolute; right: 1rem; } .scrollable .responsiveScrollBar .bar { background-color: #CCCCCC; float: left; font-size: 0; height: 2px; line-height: 2px; border-radius: 2px; } } .paginationWrapper { font-size: 0.625rem; font-family: "HurmeGeometricSans4-SemiBold"; text-transform: uppercase; letter-spacing: 0.05em; overflow: hidden; } .paginationWrapper .navIcon { height: 1rem; width: 0.75rem; color: #2d2d2d; font-size: 1rem; } .paginationWrapper div, .paginationWrapper div .navIcon { color: #8d8d8d; } .paginationWrapper .previous .navIcon { margin-right: 0.5rem; } .paginationWrapper .next .navIcon { margin-left: 0.125rem; } .paginationWrapper .goToOverview { color: inherit; } .paginationWrapper .goToOverview .navIcon { display: none; } .paginationWrapper>* { margin: 0; float: left; text-decoration: none; } .paginationWrapper .navIcon, .paginationWrapper a { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .paginationWrapper a:focus, .paginationWrapper a:active, .paginationWrapper a:focus .navIcon, .paginationWrapper a:active .navIcon { color: #E8833D; } .paginationWrapper .dot { margin: 0 0.375rem; } @media screen and (max-width:544px) { .paginationWrapper { margin: 10px 0.5rem 0.5rem 0; } .paginationWrapper .goToOverview .navIcon { display: inline-block; height: 0.875rem; } .paginationWrapper>a, .paginationWrapper>div { box-sizing: border-box; padding: 0.5rem; text-align: center; width: 2.5rem; height: auto; } .paginationWrapper .previous .navIcon, .paginationWrapper .next .navIcon, .paginationWrapper .icon { margin: 0; } .paginationWrapper .navIcon { height: 0.75rem; width: 1rem; } .paginationWrapper .navText, .paginationWrapper .dot { display: none; } } .waitAnimationBullets { width: 2rem; text-align: center; display:inline-block; vertical-align:middle; } .waitAnimationBullets > div { width: 0.5rem; height: 0.5rem; background-color: #333; border-radius: 100%; display: inline-block; margin: 0 1px; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .waitAnimationBullets .bullet1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .waitAnimationBullets .bullet2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .ajaxPagination { } .ajaxPagination .page { display:inline-block; border-radius:100%; width:2rem; height:2rem; line-height:2rem; color:#b4b4b4; background-color:#ebebe8; text-align:center; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .ajaxPagination .page[data-page]:not(.active) { cursor:pointer; } .ajaxPagination .page.active { color:#ffffff; background-color:#8c8c8a; font-family:"HurmeGeometricSans4-SemiBold"; } .ajaxPagination .page:not(:last-child) { position:relative; margin-right:1.75rem; } .ajaxPagination .page:not(:last-child)::after { position:absolute; right:-1.5rem; top:50%; content:""; width:1.25rem; border-top:1px solid #cdcdca; } .shadowbox { -o-transition: background-color .3s, box-shadow .3s, -moz-box-shadow .3s, -webkit-box-shadow .3s, top .3s; -ms-transition: background-color .3s, box-shadow .3s, -moz-box-shadow .3s, -webkit-box-shadow .3s, top .3s; -moz-transition: background-color .3s, box-shadow .3s, -moz-box-shadow .3s, -webkit-box-shadow .3s, top .3s; -webkit-transition: background-color .3s, box-shadow .3s, -moz-box-shadow .3s, -webkit-box-shadow .3s, top .3s; transition: background-color .3s, box-shadow .3s, -moz-box-shadow .3s, -webkit-box-shadow .3s, top .3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position:relative; top:0; } .teaserListMoreLink { display:inline-block; position:relative; padding: 1rem 3.5rem 1rem 0; font-family: "HurmeGeometricSans4-SemiBold"; font-size:0.8125rem; } .teaserListMoreLink::after { -o-transition: -o-transform .3s; -ms-transition: -ms-transform .3s; -moz-transition: -moz-transform .3s; -webkit-transition: -webkit-transform .3s; transition: transform .3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display:block; position:absolute; right: 0; top:0; font-size: 1.25rem; font-family: 'Font Awesome 5 Pro'; content :"\f30b"; line-height: 1.5rem; padding: 1rem; } .darkTheme .teaserListMoreLink { color:#ffffff; } .BasicSnippet.subnav { padding: 0.875rem 0; background-color: #ffffff; position: relative; text-transform: uppercase; } .BasicSnippet.subnav .wrapper::after { content: ""; display: block; clear: both; } .BasicSnippet.subnav .wrapper.pageElt{ margin-bottom:0; } @media screen and (max-width: 768px) { .BasicSnippet.subnav .wrapper.pageElt { padding-left: 1.5rem; } } .BasicSnippet.subnav .left { float: left; } .BasicSnippet.subnav .right { text-align:right } .BasicSnippet.subnav h4 *, .BasicSnippet.subnav .buttonStyle .title, .BasicSnippet.subnav .buttonStyle ul, .BasicSnippet.subnav .buttonStyle li, .BasicSnippet.subnav .linkStyle ul, .BasicSnippet.subnav .linkStyle li { display: inline-block; } .BasicSnippet.subnav .buttonStyle li:not(:first-child){ margin-left: 0.75rem; } .BasicSnippet.subnav .linkStyle li:not(:first-child){ margin-left: 0.25rem; } .BasicSnippet.subnav a.SetLink{ -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .BasicSnippet.subnav .buttonStyle .title, .BasicSnippet.subnav .buttonStyle a.SetLink .BasicSnippet.subnav .linkStyle a.SetLink, .BasicSnippet.subnav .linkStyle .Tag { line-height: 1.5rem; transition: .3s; } .BasicSnippet.subnav .buttonStyle .title, .BasicSnippet.subnav .buttonStyle a.SetLink{ font-family: "HurmeGeometricSans4-SemiBold"; } .BasicSnippet.subnav .linkStyle a.SetLink, .BasicSnippet.subnav .linkStyle .Tag { font-family: "HurmeGeometricSans4-Regular"; } .BasicSnippet.subnav .linkStyle .SetLink[data-page-id="131"], .BasicSnippet.subnav .linkStyle .SetLink[data-page-id="32"], .BasicSnippet.subnav .linkStyle .SetLink[data-page-id="130"], .BasicSnippet.subnav .linkStyle li.all a.SetLink:first-child, .BasicSnippet.subnav .linkStyle li.all .Tag { font-family: "HurmeGeometricSans4-Bold"; } /* link "EmotiCups" auf der www.58products.com/movies Seite*/ .Page[data-page-hri="page_movies"] .linkStyle .SetLink[data-page-id="149"] { font-family: "HurmeGeometricSans4-Bold"; } @media screen and (min-width:677px) { .BasicSnippet.subnav .linkStyle a.SetLink, .BasicSnippet.subnav .linkStyle .Tag { padding: 0 1rem; display:inline-block; height:1.3125rem; line-height:0; } .BasicSnippet.subnav .linkStyle a.SetLink::before, .BasicSnippet.subnav .linkStyle .Tag::before { height: 100%; content: ""; display: inline-block; vertical-align: middle; } .BasicSnippet.subnav .linkStyle a.SetLink span { vertical-align: middle; } } .BasicSnippet.subnav h4 .subtitle{ color: #8d8d8d; display: none; margin-left: 0.5rem; } @media all and (max-width: 676px) { .BasicSnippet.subnav h4 .subtitle{ display: inline-block; } .BasicSnippet.subnav .right { float:right; text-align:left; } } .BasicSnippet.subnav .buttonStyle a.SetLink { box-sizing:border-box; display:block; background-color:#E8833D; color:#ffffff; text-align: center; padding: 0rem 0.75rem; border-radius:0.75rem; } .BasicSnippet.subnav .buttonStyle .title { line-height:1.5rem; padding: 0 0.75rem; } .BasicSnippet.subnav:not(.mobileOpen) .linkStyle .Tag:not(:first-child), .BasicSnippet.subnav:not(.mobileOpen) .linkStyle a.SetLink:not(:first-child){ margin-left: 0.8125rem; } .BasicSnippet.subnav .linkStyle:not(.mobile) .Tag.selected, .BasicSnippet.subnav .linkStyle:not(.mobile) a.SetLink.selected:not(.descendantSelected) { background-color: #E8833D; color: #ffffff; } .BasicSnippet.subnav .linkStyle.mobile .Tag.selected, .BasicSnippet.subnav .linkStyle.mobile a.SetLink.selected:not(.descendantSelected) { color: #E8833D; } .BasicSnippet.subnav .icon.chevron{ width: 2.125rem; height: 1.5rem; line-height: 1.5rem; text-align: center; } .BasicSnippet.subnav .icon.chevron::before{ content:"\f078"; } .BasicSnippet.subnav.mobileOpen .icon.chevron::before{ content:"\f077"; } .BasicSnippet.subnav .buttonStyle + .icon.chevron, .BasicSnippet.subnav .linkStyle + .icon.chevron, .BasicSnippet.subnav .linkStyle.mobile { display: none; } @media all and (max-width: 676px) { .BasicSnippet.subnav .linkStyle{ display: none; } .BasicSnippet.subnav .linkStyle + .icon.chevron, .BasicSnippet.subnav.mobileOpen .linkStyle.mobile { display: block; } } .ListLinkList.Widget.linkStyle.mobile{ position: absolute; left: 0; right: 0; top: 3.25rem; background-color: #ffffff; z-index: 99; } .ListLinkList.Widget.linkStyle.mobile.open, .ListLinkList.Widget.linkStyle.mobile ul, .ListLinkList.Widget.linkStyle.mobile li { display: block; width: 100%; clear:both; } .ListLinkList.Widget.linkStyle.mobile ul{ margin-bottom: 5rem; border-top:solid 1px #d5d7d2; } .ListLinkList.Widget.linkStyle.mobile li { margin-left: 0; padding: 0rem 1rem 0rem 4rem; box-sizing: border-box; } .ListLinkList.Widget.linkStyle.mobile li .Tag, .ListLinkList.Widget.linkStyle.mobile li a.SetLink{ padding: 0.85rem 0 0.85rem 0.85rem; display: block; } .ListLinkList.Widget.linkStyle.mobile li .Tag:not(last-child), .ListLinkList.Widget.linkStyle.mobile li a.SetLink:not(last-child){ border-bottom:solid 1px #d5d7d2; } .cookieServiceForbidden { width: 100%; height: 100%; background-color: rgba(80,80,80,0.7); position: absolute; z-index: 200; text-align: center; box-sizing: border-box; padding: 0 1rem; } .js-cookieServiceForbidden-hidden { display: none !important; } .cookieServiceForbidden .wrapper{ position: relative; top: calc(50% - 3rem); } .cookieServiceForbidden .info{ display: block; margin-bottom: 1.5rem; color: #ffffff; } .cookieServiceForbidden a:active, .cookieServiceForbidden a:focus { color: #e55220; text-decoration: underline; } @media screen and (max-width: 544px) { .cookieServiceForbidden .wrapper{ top: calc(50% - 5.5rem); } } @media screen and (max-width: 440px) { .cookieServiceForbidden .info{ margin-bottom: 0.5rem; } } .cookieServiceForbidden{ z-index: 195; /* position under header (z-index: 200) */ } .cookieServiceForbidden a { color: #ffffff; text-decoration: underline; } .cookieServiceForbidden a:hover, .cookieServiceForbidden a:active, .cookieServiceForbidden a:focus { color: #E8833D; text-decoration: underline; } #wysiwyg.panelContent .toBeHidden, #wysiwyg.panelContent .languageMenu .editDescription{ color: #e0292b; display: none; } #wysiwyg.panelContent.edit .toBeHidden, #wysiwyg.panelContent.edit .languageMenu .editDescription{ display: block; } #wysiwyg.panelContent .languageMenu .SetImage .title{ padding: 0.5rem 0 0.5rem 2.75rem; } .languageMenu{ box-sizing: border-box; font-family: "HurmeGeometricSans4-SemiBold"; } .languageMenu .languages > .title, .languageMenu .websites > .title{ padding: 0 0 0.75rem; border-bottom: solid 1px #d5d7d2; text-transform: uppercase; margin-bottom: 0.5rem; } .languageMenu .websites{ margin-top: 1.25rem; } .languageMenu .SetImage a, .languageMenu .BasicLanguageBox a{ display: inline-block; width: 100%; padding-left: 2.75rem; padding-right: 0rem; position: relative; box-sizing: border-box; } .header .menuMobile .languageMenu a:hover, .header .menuMobile .languageMenu a.selected, .header .menuMobile .languageMenu a.selected::before, .header .menuMobile .languageMenu a:hover::before, .languageMenu .SetImage a:hover, .languageMenu .SetImage a.selected, .languageMenu .SetImage a.selected .graphic, .languageMenu .SetImage a:hover .graphic, .languageMenu .BasicLanguageBox a:hover, .languageMenu .BasicLanguageBox a.selected, .languageMenu .BasicLanguageBox a.selected::before, .languageMenu .BasicLanguageBox a:hover::before{ opacity: 1; color: #E8833D; } .languageMenu .SetImage .graphic, .languageMenu .BasicLanguageBox a::before{ content: ""; position: absolute; left: 0.75rem; top: 0.5rem; width: 1.25rem; height: 1.25rem; background-repeat: no-repeat; background-position: center; background-size: 1.25rem; opacity: 0.7; transition: opacity .3s; } /* ***** flags ***** */ .languageMenu .BasicLanguageBox a[data-lang="de"]::before{ background-image: url("/Ressource/Graphic/flags/de.png"); } .languageMenu .BasicLanguageBox a[data-lang="eu"]::before{ background-image: url("/Ressource/Graphic/flags/eu.png"); } .languageMenu .BasicLanguageBox a[data-lang="fr"]::before{ background-image: url("/Ressource/Graphic/flags/fr.png"); } .languageMenu .BasicLanguageBox a[data-lang="it"]::before{ background-image: url("/Ressource/Graphic/flags/it.png"); } .languageMenu .BasicLanguageBox a[data-lang="en"]::before{ background-image: url("/Ressource/Graphic/flags/en.png"); } .languageMenu .BasicLanguageBox a[data-lang="us"]::before{ background-image: url("/Ressource/Graphic/flags/us.png"); } /* ***** imageGallery ***** */ .languageMenu .headerWebsiteLinks{ position: relative; } .languageMenu .headerWebsiteLinks a[href*="58products.com"]{ color: #E8833D; } .languageMenu .headerWebsiteLinks a[href*="58products.com"] .graphic{ opacity: 1; } .languageMenu .SetImage a{ padding-top: 0.5rem; padding-bottom: 0.5rem; transition: all .3s; } .BasicSnippet.animation.rotationAnimation .stage { background-color: #ffffff; } .BasicSnippet.animation.rotationAnimation :not(.preload) > img { max-width: 100%; height: auto; margin: auto; } .BasicSnippet.animation.rotationAnimation .preload img { position: absolute; top:0; z-index: -1; display: block; } .BasicSpacerContentLoader{ width:100%; overflow:hidden; position:relative; } .BasicSpacerContentLoader .closeButton { position:absolute; top:10px; right:10px; font-size:16px; cursor:pointer; display:none; } .BasicSpacerContentLoader.opened .closeButton { display:block; } .wrapperContentLoader { overflow:hidden; } .BasicSpacerContentLoader .waitBox { background-image: url("/Ressource/Graphic/loading.gif"); background-repeat:no-repeat; background-position:center; display:none; } .BasicSpacerContentLoader.wait .waitBox { background-image: url("/Ressource/Graphic/loading.gif"); background-repeat:no-repeat; background-position:center; display:block; margin:64px 0; height: 32px; } html.noScroll { position:fixed; overflow-y:scroll; width:100%; } .overlayWrapper { background-color:rgba(0,0,0,0); -o-transition: background-color 0.5s; -ms-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -webkit-transition:background-color 0.5s; transition:background-color 0.5s; position:fixed; top:100%; left:0; right:0; height:100%; z-index:9999; cursor:pointer; } html.overlayWaiting .overlayWrapper, html.overlayOpened .overlayWrapper { top:0; background-color:rgba(0,0,0,0.7); } html.overlayClosing .overlayWrapper { top:0; } .overlayWrapper .wrapperContentLoader { cursor:auto; padding:0.5rem; opacity:0; } .overlayWrapper .BasicSpacerContentLoader .closeButton { top:0.5rem; right:0.5rem; font-size: 2rem; height: 2rem; line-height: 2rem; padding: 0.5rem; text-align: center; width: 2rem; z-index: 1000; } .overlayWrapper #overlay, .overlayWrapper #overlay .scrollWrapper { height:100%; } .overlayWrapper #overlay .scrollWrapper { margin: 0 auto; max-width:576px; overflow-y:auto; -webkit-overflow-scrolling: touch; } .overlayWrapper #overlay .scrollWrapper:before { content:""; height:100%; display:inline-block; vertical-align:middle; } .overlayWrapper .scrollWrapper > .wrapper { display:inline-block; vertical-align:middle; position:relative; width:100%; } .overlayWrapper .BasicSpacerContentLoader.wait .waitBox { height:100%; margin:0; text-align:center; background-image:none; } #loadingAnim { width:64px; display:inline-block; vertical-align:middle; } .loadingAnim_blockG { background-color:#FFFFFF; border:2px solid #000000; float:left; height:46px; margin-left:3px; width:12px; opacity:0.1; -moz-animation-name:bounceG; -moz-animation-duration:1.5s; -moz-animation-iteration-count:infinite; -moz-animation-direction:normal; -moz-transform:scale(0.7); -webkit-animation-name:bounceG; -webkit-animation-duration:1.5s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:normal; -webkit-transform:scale(0.7); -ms-animation-name:bounceG; -ms-animation-duration:1.5s; -ms-animation-iteration-count:infinite; -ms-animation-direction:normal; -ms-transform:scale(0.7); -o-animation-name:bounceG; -o-animation-duration:1.5s; -o-animation-iteration-count:infinite; -o-animation-direction:normal; -o-transform:scale(0.7); animation-name:bounceG; animation-duration:1.5s; animation-iteration-count:infinite; animation-direction:normal; transform:scale(0.7); } #blockG_1{ -moz-animation-delay:0.45s; -webkit-animation-delay:0.45s; -ms-animation-delay:0.45s; -o-animation-delay:0.45s; animation-delay:0.45s; } #blockG_2 { -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; -ms-animation-delay:0.6s; -o-animation-delay:0.6s; animation-delay:0.6s; } #blockG_3 { -moz-animation-delay:0.75s; -webkit-animation-delay:0.75s; -ms-animation-delay:0.75s; -o-animation-delay:0.75s; animation-delay:0.75s; } @-moz-keyframes bounceG { 0%{ -moz-transform:scale(1.2); opacity:1} 100%{ -moz-transform:scale(0.7); opacity:0.1} } @-webkit-keyframes bounceG { 0%{ -webkit-transform:scale(1.2); opacity:1} 100%{ -webkit-transform:scale(0.7); opacity:0.1} } @-ms-keyframes bounceG { 0%{ -ms-transform:scale(1.2); opacity:1} 100%{ -ms-transform:scale(0.7); opacity:0.1} } @-o-keyframes bounceG { 0%{ -o-transform:scale(1.2); opacity:1} 100%{ -o-transform:scale(0.7); opacity:0.1} } @keyframes bounceG { 0%{ transform:scale(1.2); opacity:1} 100%{ transform:scale(0.7); opacity:0.1} } .overlayWrapper .wrapperContentLoader { margin: 0; padding: 0rem 1.5rem; border: solid 1px #d5d7d2; font-size: 0.8125rem; } .overlayWrapper #overlay .scrollWrapper { max-width:100%; text-align:center; } .overlayWrapper .scrollWrapper > .wrapper { width:auto; max-width:100%; text-align: left; background-color:#f9f9f8; } .overlayWrapper .BasicSpacerContentLoader .formTitle{ margin-bottom: 2rem; font-size: 1.875rem; line-height: 1.2em; font-family: "HurmeGeometricSans1-SemiBold"; } @media screen and (max-width:544px) { .overlayWrapper .BasicSpacerContentLoader .formTitle { font-size: 1.5625rem; } } .overlayWrapper .BasicSpacerContentLoader .closeButton { font-size: 1.5rem; } .overlayWrapper .BasicSpacerContentLoader .validationMessage{ margin-bottom: 0.25rem; line-height: 1.25rem; } .overlayWrapper .BasicSpacerContentLoader .checkbox .validationMessage{ margin-left: 1.5rem; } @media screen and (max-width:1024px) { .BasicSpacerContentLoader.overlay { padding: 0; } } @media screen and (max-width:544px){ .overlayWrapper .wrapperContentLoader { padding: 0rem; } .overlayWrapper .BasicSpacerContentLoader .submit button{ width: 100%; margin-bottom: 0.5rem; } } [data-spacer-content-loader] { cursor: pointer; } .BasicSpacerContentLoader > .wrapper { max-width: 100%; width: 80rem; margin: 0 auto; position: relative; } .BasicSpacerContentLoader.opened .closeButton { display: block; font-size: 1.25rem; padding: 1rem; right: 0; top: 0; } .BasicSpacerContentLoader.spacerHeader { background-color: #ebebe8; background-image: -webkit-linear-gradient(top, #ebebe8 0%, #f9f9f8 40%, #f9f9f8 60%, #ebebe8 100%); background-image: -moz-linear-gradient(top, #ebebe8 0%, #f9f9f8 40%, #f9f9f8 60%, #ebebe8 100%); background-image: -ms-linear-gradient(top, #ebebe8 0%, #f9f9f8 40%, #f9f9f8 60%, #ebebe8 100%); background-image: -o-linear-gradient(top, #ebebe8 0%, #f9f9f8 40%, #f9f9f8 60%, #ebebe8 100%); background-image: linear-gradient(top, #ebebe8 0%, #f9f9f8 40%, #f9f9f8 60%, #ebebe8 100%); } .CustomUserLogin.login, .CustomUserProfile.register, .CustomUserResetPassword { box-sizing: border-box; background-color: inherit; border: none; margin: 2.5rem auto; width: 40rem; max-width: 100%; position: relative; padding: 0 0.5rem; } .CustomUserLogin.login .mandatory_field_desciption, .CustomUserResetPassword .mandatory_field_desciption, .CustomUserProfile .mandatory_field_desciption { display: none; } .BasicSpacerContentLoader .formSubmitMessage { overflow: hidden; } .BasicSpacerContentLoader #submitMessage { font-size: 0.875rem; margin-bottom: 4rem; } .BasicSpacerContentLoader #submitMessage.error { color:#e0292b; } .BasicSpacerContentLoader .CustomUserNavigation { position: absolute; bottom: 0.25rem; left: 0.5rem; } .BasicSpacerContentLoader .ui-widget-boxshadow { box-shadow: none; } .BasicSpacerContentLoader form>.title { font-size: 1rem; font-family: "HurmeGeometricSans4-SemiBold"; text-align: left; margin-bottom: 0.625rem; } .BasicSpacerContentLoader .CustomUserLogin #userLoginMessage { float: left; } @media screen and (max-width:544px) { .BasicSpacerContentLoader .CustomUserNavigation { position: static; } .BasicSpacerContentLoader .CustomUserLogin, .BasicSpacerContentLoader .CustomUserProfile.register, .BasicSpacerContentLoader .CustomUserResetPassword { margin: 1.5rem auto; } } .BasicVideo .VideoBox video, .BasicVideo .VideoBox img, .BasicVideo .VideoBox object { max-width: 100%; } .BasicVideo.hover .cookieServiceForbidden:not(.js-cookieServiceForbidden-hidden){ display: block; } .BasicVideo.prettyPhoto { float: left; } .BasicVideo.prettyPhoto .videoOverlay { position: relative; float: left; display: block; } .BasicVideo.prettyPhoto img { border: 1px solid #d5d7d2; } .BasicVideo .previewImageWrapper { position: relative; cursor:pointer; } .BasicVideo .previewImageWrapper .videoIcon { margin: 0; } .BasicVideo.prettyPhoto .videoIcon, .BasicVideo .previewImageWrapper .videoIcon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; background: url(File/basic_video/button_play_inaktiv.png) no-repeat; background-position: center center; width: 100%; } .BasicVideo.prettyPhoto a:hover .videoIcon, .BasicVideo .previewImageWrapper:hover .videoIcon { background-image: url(File/basic_video/button_play_aktiv.png); } .BasicVideo:hover .cookieServiceForbidden{ display: block; } .CustomAgreement { margin: 0 auto; overflow:hidden; } .CustomAgreement h1 { margin-bottom:1.5rem; } .CustomAgreement input[type="checkbox"] { vertical-align:middle; float:left; margin: 0.25rem 0; cursor:pointer; } .CustomAgreement label { margin-left:2rem; display:block; } .CustomAgreement input[disabled] + label { cursor:auto; } .CustomAgreement .defaultButton { float: right; margin-left:1rem; } .CustomAgreement.agreementList { } .CustomAgreement.agreementList .agreementContent, .CustomAgreement.agreementList .historyContent { display:none; } .CustomAgreement.agreementList .open .agreementContent, .CustomAgreement.agreementList .history.open .historyContent { display:block; } .CustomAgreement .click { cursor: pointer; } .CustomAgreement .agreementWrapper { border-top-width: 1px; } .CustomAgreement .agreementWrapper:last-child { border-bottom-width: 1px; } .CustomAgreement.agreementList .open .agreementLine .openIcon .opened, .CustomAgreement.agreementList .agreementLine .openIcon .closed, .CustomAgreement.agreementList .history.open .openIcon .opened, .CustomAgreement.agreementList .history .openIcon .closed { display:block; } .CustomAgreement.agreementList .open .agreementLine .openIcon .closed, .CustomAgreement.agreementList .agreementLine .openIcon .opened, .CustomAgreement.agreementList .history.open .openIcon .closed, .CustomAgreement.agreementList .history .openIcon .opened { display:none; } .CustomAgreement.agreementList .agreementLine, .CustomAgreement.agreementList .historyCaption { overflow: hidden; padding: 0.5rem; } .CustomAgreement.agreementList .caption { float: left; } .CustomAgreement.agreementList .openIcon { float: right; padding-top:0.25rem; } .CustomAgreement.agreementList .agreementLine .state { text-align: right; padding-right: 1.5rem; } .CustomAgreement.agreementList .agreementContent { padding:0.5rem; } .CustomAgreement.agreementList .newest { margin-bottom:1.5rem; } .CustomAgreement.agreementList .lastEdited { margin-bottom:1.5rem; } .CustomAgreement.agreementList .lastEdited .info { margin-bottom:0.5rem; } .CustomAgreement.agreementList .history { background-color:#ebebe8; margin-bottom:0.5rem; } .CustomAgreement.agreementList .historyContent { padding:0.5rem; } .CustomAgreement.agreementList .history .infos { float:left; width:8rem; } .CustomAgreement.agreementList .history .text { padding-left: 9rem; } .CustomAgreement.agreementList .history .entry:not(:last-child) .text { margin-bottom:1rem; } .CustomAgreement.agreementList form { margin-bottom:1rem; } .newest{ position: relative; } .CustomAgreement.agreementList input[type="checkbox"]{ display: none; } .CustomAgreement.agreementList input[type="checkbox"] + label::before{ content: ""; position: absolute; left: 0; top: 0; border-radius: 100%; width: 1rem; height: 1rem; border: solid 2px #cdcdca; } .CustomAgreement.agreementList input[type="checkbox"]:checked + label::before{ background-image: url("/Ressource/Graphic/check_icon.png"); background-size: 12px 10px; background-repeat: no-repeat; background-position: center; background-color: #E8833D; border-color: #E8833D; color: #ffffff; } .CustomAgreement.doiStep1 { max-width:45rem; margin:0 auto 2rem; padding:0 1rem; } .CustomAgreement.doiStep1 .intro { margin:0 0.5rem 1.5rem; } .CustomAgreement.doiStep1 #submitMessage { text-align:center; } .CustomAgreement.agreementListRequired .requiredWrapper { margin-bottom:1.5rem; } .CustomAgreement.agreementListRequired .caption { margin-bottom:0.75rem; } .CustomAgreement.agreementListRequired .message { margin-bottom:1.5rem; } .BasicForm div.wrapper.agreement input[type=checkbox]{ display: none; } .CustomAgreement.doiStep1, .CustomAgreement { margin: 0 auto 2rem; width: 60rem; box-sizing: border-box; max-width: 100%; overflow: hidden; padding: 1.5rem 1rem 0.5rem; } .CustomAgreement .title { font-size: 1.25rem; line-height: 1em; color: #2d2d2d; text-align: left; text-transform: uppercase; letter-spacing: 0.1em; padding: 2rem 1rem; margin: 0 0 2rem; border-bottom: 0.25rem solid #2d2d2d; } .CustomAgreement.doiStep1 label{ margin-left:0; } .CustomAgreement label a{ text-decoration: underline; } .CustomAgreement.doiStep1 .email { margin-right: 0; padding-right: 3.75rem; } .CustomAgreement.doiStep1 .wrapper.submit { width: auto; position: absolute; right: 0; } .CustomAgreement.doiStep1 button { height: 2.75rem; border-radius: 0; } .CustomAgreement .mandatory_field_desciption{ display: none; } #wysiwyg .CustomFlyout.panelContent { width: 506px; margin:0 auto 60px; } #wysiwyg .CustomFlyout.panelContent .BasicGraphic:before { display:none; } .CustomFlyout.panel { z-index:9010; width: 506px; background-color:white; max-width:100%; box-sizing:border-box; } .CustomFlyout.panel .BasicSpacerContentLoader .closeButton { top:0; font-size:22px; right:8px; height: 40px; line-height:40px; } .CustomFlyout.panel .wrapperContentLoader { width: auto; } .CustomFlyout.panel .BasicForm { width: 100%; } .CustomFlyout.panelContent { background-color:#ffffff; overflow:hidden; border-width:1px; } .CustomFlyout.panelContent .closeWrapper { cursor:pointer; } .CustomFlyout.panelContent .closeTargeting { padding:0 24px 24px; font-size: 12px; } .CustomFlyout.panelContent .articleWrapper { margin:0 8px; } .CustomFlyout.panelContent .title { background-color:#ebebe8; font-size:14px; overflow:hidden; padding:8px 36px 8px 16px; line-height:24px; } .CustomFlyout.panelContent .contentWrapper { margin:32px 24px 8px 24px; background-color:#ffffff; overflow:hidden; } .CustomFlyout.panelContent .flyoutHead { margin-bottom:24px; } .CustomFlyout.panelContent .flyoutGraphic { float:left; width:144px; height:144px; margin-bottom:24px; margin-right:32px; } .CustomFlyout.panelContent .content { margin-bottom:24px; } .CustomFlyout.panelContent form h1 { display:none; } .CustomFlyout.panelContent .BasicForm { margin-bottom:24px; } .CustomFlyout.panelContent .BasicForm .formSubmitMessage { font-weight:normal; padding:0; margin:0 8px; } .CustomFlyout.wishlistHint .defaultButton, .CustomFlyout.addProductToWishlist .defaultButton { display:block; float:right; margin-bottom:24px; } .CustomFlyout .subtitle { clear:both; margin-bottom:24px; } .CustomFlyout.newsletter .submit + .wrapper, .CustomFlyout.afterCheckoutNLSubscription .submit + .wrapper { display:none; } #wysiwyg[data-lock-state="true"] .BasicForm.ProjectForm.dialogForm .wrapper.medium { float:left !important; } .edit .BasicForm.dialogForm .wrapper.medium { width:50%; } #wysiwyg .Page .pageContentElement .CustomFlyout.panelContent { box-shadow:none; margin:0; } #wysiwyg .CustomFlyout.panel { display:block; } #wysiwyg .Page .pageContentElement .CustomFlyout.panel { margin:0 auto 24px; } .Page .pageActionBar { position:fixed; bottom:40px; right:0; text-align:center; z-index:1; } .Page .pageActionBar [class*="ss-"] { color:#ffffff; font-size: 14px; line-height: 21px; } .Page .pageActionBar .pageAction.hidden { display:none; } .Page .pageActionBar .pageAction { display:block; height:40px; width:40px; margin-bottom:4px; text-align:center; font-size:12px; background-color: rgba(80,80,80,0.5); cursor:pointer; } .Page .pageActionBar .pageAction.hover, .Page .pageActionBar .pageAction.selected { background-color:#000000; } .Page .CustomFlyout.panel { position: fixed; right: 44px; bottom: 44px; } #wysiwyg .Page .pageContentElement .CustomFlyout.panel { position:static; } .CustomFlyout.panelContent .contentWrapper { margin: 1rem 0.5rem 0.5rem; } .CustomFlyout.panelContent .articleWrapper { overflow:hidden; margin: 0 0.5rem; } .CustomFlyout.panelContent .articleWrapper.noGraphic .content, .CustomFlyout.panelContent .content { width:100%; } .CustomFlyout.panelContent .articleWrapper { position:relative; } .CustomFlyout.panelContent .articleWrapper:not(.noGraphic) { min-height:10.5rem; } .CustomFlyout.panelContent .articleWrapper:not(.noGraphic) .content { box-sizing: border-box; margin-left: 0; padding-left: 10.5rem; } .CustomFlyout.panelContent .BasicGraphic { float:none; position:absolute; height:9rem; width:9rem; margin-bottom:1.5rem; } .CustomFlyout.panelContent .BasicForm .text label, .CustomFlyout.panelContent .BasicForm .textarea label { display:none; } @media screen and (max-width: 544px) { .Page .CustomFlyout.panel { display:none; } } .CustomNavigationPath { display: inline-block; font-family:'HurmeGeometricSans1-SemiBold'; font-size:0.6875rem; } .CustomNavigationPath .separator { color:#2d2d2d; padding: 0 0.125rem; } .CustomNavigationPath a { color:#2d2d2d; } .darkTheme .CustomNavigationPath .separator, .darkTheme .CustomNavigationPath a { color:#ffffff; } .CustomOptivo.Widget.properties.optivoV2 .fileUploadSingleGraphic{ width: 78%; } .CustomOptivo.Widget.properties.optivoV2 .twoColumnsInLang{ width: 36.75rem; float: left; } .CustomOptivo.Widget.properties.optivoV2 .twoColumnsInLang textarea{ width: 28rem; } .CustomOptivo.Widget.properties.optivoV2 #languageTabsLogo textarea{ height: 2rem; resize: none; padding: 0.5rem 0 0 0.5rem; box-sizing: border-box; } .semantic.AdminRelation #refreshSemantic { width: auto; margin-left: 16px; padding: 0 10px; } .CustomStyla { } .CustomUserResetPassword #userResetPasswordMessage { color: #e0292b; } .CustomPosRecord.begin .cashCount .sectionTitle { overflow:hidden; margin-bottom:2rem; } .CustomPosRecord.begin .cashCount h2 { float:left; } .CustomPosRecord.begin .cashCount #useLastCashCount { float:right; } .CustomPosRecord.end .title .warning { padding-top:1rem; color:#e0292b; margin-bottom:1rem; } .CustomPosRecord.end .comment_end_lastBusinessDay { margin-bottom:1rem; } .CustomPosRecord.end .control .sectionTitle { overflow:hidden; } .CustomPosRecord.end .control h2 { float:left; } .CustomPosRecord.end #reload, .CustomPosRecord.end #goToOrders { float:right; margin-left:1rem; } .CustomPosRecord.end .inputWrapper.expenses { clear:both; } .CustomPosRecord.end .cashCount .inputWrapper.expenses, .CustomPosRecord.end .cashCount .inputWrapper.bankDeposit { width:50%; } .CustomPosRecord.businessDay .cashCount .expenses input, .CustomPosRecord.businessDay .cashCount .bankDeposit input { text-align:left; } .CustomPosRecord.businessDay { background-color:#ffffff; padding:2.5rem; box-sizing:border-box; min-width:54rem; } .CustomPosRecord.businessDay .title { text-align:center; margin-bottom:2rem; } .CustomPosRecord.businessDay .section { } .CustomPosRecord.businessDay .sectionTitle { margin-bottom:1rem; } .CustomPosRecord.businessDay .sectionContent { overflow:hidden; margin-bottom:2rem; } .CustomPosRecord.businessDay .sectionContent .column { float:left; width:50%; box-sizing:border-box; } .CustomPosRecord.businessDay .sectionContent .column:nth-child(2n+1) { padding-right:4rem; } .CustomPosRecord.businessDay .sectionContent .column:nth-child(2n) { padding-left:4rem; } .CustomPosRecord.businessDay .cashCount { max-width:62rem; } .CustomPosRecord.businessDay .cashCount .inputWrapper { float:left; margin-bottom:1rem; width:12.5%; padding-right:2rem; box-sizing:border-box; } .CustomPosRecord.businessDay .cashCount label { margin-bottom: 0.25rem; display:block; } .CustomPosRecord.businessDay .cashCount input { width: 100%; text-align:center; height:2rem; border-width:0.125rem; font-weight:800; font-size:0.875rem; } .CustomPosRecord.businessDay .control .controlValue { overflow:hidden; margin-bottom:0.25rem; } .CustomPosRecord.businessDay .control .caption { float:left; width:75%; } .CustomPosRecord.businessDay .control .value { float:left; width:25%; font-weight:800; text-align:right; } .CustomPosRecord.businessDay .control .difference.valid { color:green; } .CustomPosRecord.businessDay .control .difference:not(.valid) { color:red; } .CustomPosRecord.businessDay .infos .caption { margin-right:0.5rem; } .CustomPosRecord.businessDay .infos .value { font-weight:800; } .CustomPosRecord.businessDay .infos label { margin-bottom:0.5rem; display:block; } .CustomPosRecord.businessDay .infos textarea { box-sizing:border-box; width: 100%; height:8rem; border-width:0.125rem; } .CustomPosRecord.businessDay #finalize { margin:0 auto; width:20rem; } .CustomPrice .normal { text-decoration: line-through; } .CustomPrice .lineThrough { text-decoration: line-through; } .CustomPrice .brutto { display: block; } .CustomPrice .netto { display: none; } .isVatExempt .CustomPrice .brutto { display: none; } .isVatExempt .CustomPrice .netto { display: block; } .CustomPrice td.tax { font-size: 12px; padding-left: 16px; display: none; } .CustomProduct.Single .priceWrapper .CustomPrice td.tax { display: table-cell; } .CustomPrice .lineThrough { text-decoration: line-through; padding-right: 1rem; } .CustomProduct.Single .secondColumn .CustomPrice .BasicText.lineThrough { font-size: 1rem; line-height: 2.25rem; } .CustomProduct.SingleTeaser .lineThrough { padding-right: 0.5rem; } .CustomAgent.retailerOverview { margin-bottom:2.5rem; } .CustomAgent.retailerOverview .agentMap { margin-bottom:2.5rem; } .CustomAgent.retailerOverview .BasicForm.mapActions label { font-size: 0.8125rem; line-height: 1.5em; } .CustomAgent.retailerOverview .BasicForm.mapActions .icon { font-size: 1.25rem; } .CustomAgent.retailerOverview .BasicForm.mapActions input{ padding: 0.875rem; } .CustomAgent.retailerOverview .intro, .retailerFilters .filtersWrapper, .retailerList, .mapActions { box-sizing:border-box; width:100%; max-width:80rem; margin:0 auto 2.5rem; padding:0 3rem; } .retailerFilters .filtersWrapper { margin-bottom:0; font-family:"HurmeGeometricSans4-SemiBold"; } .retailerFilters.extended .filtersWrapper { min-height:2.375rem; } .CustomAgent.retailerOverview .intro { padding-top:2rem; } .CustomAgent.retailerOverview .intro .title { font-size:1.875rem; margin-bottom:1.75rem; font-family: "HurmeGeometricSans4-SemiBold"; text-align:center; } .CustomAgent.retailerOverview .intro .description { margin: 0 0 1.75rem 20rem; font-size: 0.8125rem; } .CustomAgent.retailerOverview.simpleFilter .filters { float:right; margin-bottom:1rem; } .CustomAgent.retailerOverview.simpleFilter .summary { float:left; } .CustomAgent.retailerOverview.simpleFilter .list { float:left; clear: both; width: 100%; } .CustomAgent.retailerOverview.simpleFilter .legend { clear: both; } @media screen and (max-width:864px) { .CustomAgent.retailerOverview .intro .description { margin-left:0; } .CustomAgent.retailerOverview.simpleFilter .filters { width: 100%; } } @media screen and (max-width:544px) { .CustomAgent.retailerOverview .intro .title { padding-top:0.5rem; } .CustomAgent.retailerOverview .agentMap { margin-bottom:0.5rem; } .CustomAgent.retailerOverview .intro, .retailerFilters .filtersWrapper, .retailerList, .mapActions { padding:0 1rem; margin-bottom:1rem; } } .agentMap { } .agentMap, .agentMap > .wrapper, .google_map { height:40rem; } @media screen and (max-width:928px) { .agentMap, .agentMap > .wrapper, .google_map { height:28rem; } } @media screen and (max-width:544px) { .agentMap, .agentMap > .wrapper, .google_map { height:23rem; } } .agentMap .gm-style .gm-style-iw-c { border-radius:0.25rem; padding: 1.5rem 1.75rem; max-width:20rem !important; } .agentMap .gm-style .gm-style-iw-c button { top:0 !important; right:0 !important; height:2rem !important; width:2rem !important; } .agentMap .gm-style .gm-style-iw-c button img { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; opacity:0.6; height:1.25rem !important; width:1.25rem !important; margin:0.375rem !important; } .agentMap .dialogContent { font-size:0.6875rem; font-family: "HurmeGeometricSans4-SemiBold"; line-height: 1.5em; } .agentMap .dialogContent h3 { font-size:0.8125rem; font-family: "HurmeGeometricSans4-Bold"; line-height: 1.5em; margin-bottom:0.75rem; } .agentMap .dialogContent .infos { margin-bottom: 0.75rem; overflow:hidden; } .agentMap .dialogContent .infos a { display:block; float:left; clear:both; color:#2d2d2d; } .agentMap .dialogContent .actions a { display:inline-block; color:#E8833D; } .agentMap .dialogContent .actions .detail { margin-right:1rem; } .CustomAgent .mapSearchTextWrapper { float: left; } .CustomAgent .mapSearchTextWrapper label { min-height: 1.5rem; margin: 0 2rem 0 0; color: #E8833D; display: inline-block; } .CustomAgent .mapSearchTextWrapper .inputWrapper { position: relative; display: inline-block; } .CustomAgent .mapSearchTextWrapper .icon { position: absolute; top: 0; right: 0; height: 100%; color: #000000; line-height: 2.75rem; width: 2rem; text-align: center; } @media screen and (max-width:864px) { .CustomAgent .mapSearchTextWrapper { float: none; margin-bottom: 0.5rem; } .CustomAgent .mapSearchTextWrapper label { float: left; padding-bottom: 0.8rem; margin-right: 0; } .CustomAgent .mapSearchTextWrapper .inputWrapper { width: 100%; } .CustomAgent .mapSearchTextWrapper .inputWrapper input { width: 100%; } } .retailerFilters { margin-bottom: 3rem; } .retailerFilters .filtersWrapper { padding: 0 3rem; } .retailerFilters.extended { padding-top: 2.25rem; padding-bottom: 2.25rem; background-color: #ebebe8; } .retailerFilters.extended label { font-size: 0.625rem; color: #8c8c8a; line-height:0.875rem; display:block; } .retailerFilters button { padding-left:1.25rem; padding-right:1.25rem; font-size:0.875rem; height:2.5remm; float:right; } .retailerFilters.extended .wrapper{ height:2.75rem; width: 10rem; box-sizing:border-box; position: relative; margin-right: 0.5rem; display: inline-block; background-color:#f9f9f8; font-size: 12px; padding: 0.25rem 2rem 0.25rem 0.625rem; border:none; border-radius:3px; vertical-align:top; } .retailerFilters.extended .wrapper input{ background: none; border: none; padding:0; height:1.125rem; } .retailerFilters.extended .wrapper .iconWrapper{ color:#8c8c8a; position: absolute; right:0; top:0; text-align:center; height:100%; width:2rem; font-size:1rem; cursor:pointer; } .retailerFilters .searchTextWrapper { display: inline-block; position:relative; margin-right: 0.5rem; } .retailerFilters .searchTextWrapper input { padding: 0.625rem 2rem 0.625rem 0.625rem; font-size: 1rem; font-family: "HurmeGeometricSans4-Regular"; line-height: 1.5em; } .retailerFilters .searchTextWrapper .icon { position: absolute; top: 0; right: 0; height:100%; color: #000000; line-height: 2.75rem; width: 2rem; text-align: center; font-size: 1.25rem; } @media screen and (max-width:864px) { .retailerFilters .searchTextWrapper { width: calc(100% - 7.2rem); } .retailerFilters .searchTextWrapper input { width: 100%; } } .retailerFilters .dropDownAgt { width:10rem; vertical-align:top; } .retailerFilters .dropDownAgt .itemList { width:12.5rem; } @media screen and (max-width:1232px) { .retailerFilters.extended .filtersWrapper { padding: 0 2.5rem; } .retailerFilters.extended .wrapper, .retailerFilters.extended .dropDownAgt, .retailerFilters.extended .searchTextWrapper, .retailerFilters.extended button { width:calc(33.333% - 1rem); margin: 0 0.5rem 0.75rem; } .retailerFilters.extended .searchTextWrapper input { width:100%; } .retailerFilters.extended button { padding-left:0; padding-right:0; position: relative; display: inline-block; float: none; } } @media screen and (max-width:608px) { .retailerFilters.extended .wrapper, .retailerFilters.extended .dropDownAgt { width:calc(50% - 1rem); } .retailerFilters.extended .searchTextWrapper { width:calc(70% - 1rem); } .retailerFilters.extended button { width:calc(30% - 1rem); } } @media screen and (max-width:544px) { .retailerFilters.extended { padding-top:1rem; padding-bottom:0.25rem; margin-bottom: 1.75rem; } .retailerFilters.extended .filtersWrapper { padding: 0 0.5rem; margin-bottom:0; } .retailerFilters.simple { overflow:hidden; margin-bottom:0; } .retailerFilters.simple .filtersWrapper { padding: 0 1rem; margin-bottom: 0; overflow:hidden; } .retailerFilters.simple .filters { width:100%; } .retailerFilters.simple .filters .searchTextWrapper { width:calc(100% - 6.5rem); } .retailerFilters.simple .filters .searchTextWrapper input { width: 100%; } .retailerFilters.simple .filters .submit { width:6rem; } } .retailerList .summary { margin-bottom:3rem; text-align:center; font-size:0.8125rem; font-family: "HurmeGeometricSans4-SemiBold"; overflow:hidden; } .retailerList .summary .summaryTitle { float:left; font-size:1rem; margin-bottom:1rem; } .retailerList .summary .entryWrapper { float:right; text-align:left; } .retailerList .summary .entry { display:inline-block; vertical-align: middle; } .retailerList .summary .value { font-size: 1rem; font-family: "HurmeGeometricSans4-Regular"; line-height: 1.5em; } .retailerList .summary .entry:not(:last-child), .retailerList .summary a:not(:last-child) { margin-right:1.25rem; } .retailerList .summary .caption { margin-right:0.75rem; } .retailerList .summary .entry:not(.action) .caption { /* font-family:"Open Sans Bold"; */ } .retailerList .summary .action, .retailerList .summary .icon { color:#E8833D; cursor:pointer; } .retailerList .summary .action{ vertical-align: top; } .retailerList .summary .action .caption, .retailerList .summary .icon.fa-cloud-download-alt{ vertical-align: middle; } .retailerList .summary .icon.fa-cloud-download-alt{ font-size: 1.25rem; } @media screen and (max-width:768px) { .retailerList .summary .entryWrapper { float:none; clear:both; } } @media screen and (max-width:544px) { .retailerList .summary { margin-bottom:1rem; width:100%; } .retailerList .summary .entry { float:left; display:block; margin-bottom:0.5rem; } .retailerList .summary .entryWrapper a { display:block; float:left; clear:both; } .retailerList .summary .entry.totalSalesVolume { margin-right:0; } } .retailerList .mobile { display:none; color:#8c8c8a; } .retailerList table { border-collapse: collapse; font-size:0.8125rem; font-family: "HurmeGeometricSans4-SemiBold"; line-height: 1.5em; width:100%; margin-bottom: 3rem; } .retailerList th { border-box:box-sizing; } .retailerList th.sortableCol { cursor:pointer; } .retailerList .list .interessent, .retailerList .list .addressType, .retailerList .list .isBillingAddress, .retailerList .list .hasComment { width:2rem; } .retailerList .list .zip { width:3.25rem; } .retailerList .list .city { width:8rem; } .retailerList .list .lastOrder { width:5.75rem; } .retailerList .list .userExternalId, .retailerList .list .volumeOfSales { width:6.5rem; } .retailerList .list .actions { width:4.5rem; } .retailerList th > .caption, .retailerList th > .sortBlock { display:inline-block; } .retailerList th > .caption { margin-right: 0.25rem; } .retailerList table tr { border-bottom-width:1px; } .retailerList table td { padding: 0.75rem 0.375rem; vertical-align: top; } .retailerList table th { padding: 0.75rem 0.375rem; vertical-align: bottom; text-align:left; /* font-family:"Open Sans Bold";*/ line-height:1.25rem; } .retailerList table .volumeOfSales { text-align:right; } .retailerList table tr, .retailerList .actions .icon { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .retailerList .listWrapper { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .retailerList .icon { font-size:0.9375rem; color:#cdcdca; line-height:1.25rem; } .retailerList tbody .fa-question-square { color:#E8833D; } .retailerList th.addressType .caption .icon, .retailerList td.addressType .icon { font-size:0.5rem; } .retailerList table td.actions { padding-top: 0.25rem; padding-bottom: 0.25rem; } .retailerList .actions .icon { padding:0.5rem; color:#8c8c8a; cursor:pointer; } .retailerList .list { margin-bottom: 3.5rem; } @media screen and (max-width:1088px) { .retailerList .mobile { display: block; } .retailerList .userExternalId { display: none; } } @media screen and (max-width:1024px) { .retailerList .volumeOfSales , .retailerList .lastOrder { display: none; } } @media screen and (max-width:768px) { .retailerList .hasComment, .retailerList .isBillingAddress, .retailerList .addressType, .retailerList .agentFilter { display: none; } } @media screen and (max-width:608px) { .retailerList .zip, .retailerList .actions .order { display: none; } .retailerList .list .actions { width:2.25rem; } .retailerList .list .city { width: auto; } .retailerList .list .interessent{ width: 1rem; } .retailerList .list .company, .retailerList .list .city { width: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: break-word; } } @media screen and (max-width:608px) { .retailerList table td { padding: 0.5rem 0.25rem; } } .retailerList th:not([data-order]) .sort.asc { visibility:hidden; } .retailerList th:not([data-order]) .sort.desc, .retailerList th[data-order="asc"] .sort.desc, .retailerList th[data-order="desc"] .sort.asc { display:none; } .retailerList th[data-order] .sort .icon { color:#2d2d2d; } .retailerList .ajaxPaginationWrapper { text-align: center; } .retailerList .ajaxPagination { display:inline-block; font-size: 1rem; line-height: 1.5em; } .retailerList .ajaxPagination .page.active { color:#2d2d2d; } .retailerList .CTANoData { font-size: 1rem; line-height: 1.5em; font-family: "HurmeGeometricSans4-Regular"; } .retailerList .legend { font-size: 0.6875rem; font-family: "HurmeGeometricSans4-SemiBold"; line-height: 1.5em; text-align: center; margin-bottom:3rem; } .retailerList .legend .line { margin-bottom: 1.5rem; } .retailerList .legend .item { display: inline-block; margin :0 1rem 1.25rem; } .retailerList .legend .icon { display: inline-block; margin-right: 1rem; } .retailerList .legend .b2bCandidate .icon { color: #E8833D; } .retailerList .legend .addressType .icon { font-size: 1rem; } .retailerList .legend .order .icon, .retailerList .legend .detail .icon { color: #8c8c8a; } .CustomAgent.retailerDetail { width: 100%; max-width: 80rem; box-sizing: border-box; padding: 0 2rem; margin: 3rem auto; overflow: hidden; font-Size:0.8125rem; } @media screen and (max-width:1024px) { .CustomAgent.retailerDetail { padding:0; } } .CustomAgent.retailerDetail > .logo, .CustomAgent.retailerDetail > .information1, .CustomAgent.retailerDetail > .information2 { width: 33.333%; float: left; margin-bottom: 3rem; } @media screen and (max-width:768px) { .CustomAgent.retailerDetail > .logo, .CustomAgent.retailerDetail > .information1, .CustomAgent.retailerDetail > .information2 { width: 50%; } } @media screen and (max-width:544px) { .CustomAgent.retailerDetail > .logo { width:33.333%; } .CustomAgent.retailerDetail > .information1, .CustomAgent.retailerDetail > .information2 { width: 100%; margin-bottom:1rem; } } .CustomAgent.retailerDetail > .logo .uploadButtons::before, .CustomAgent.retailerDetail .dropZone::before, .CustomAgent.retailerDetail .fa-pen { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .CustomAgent.retailerDetail .blockCaption { font-family: "HurmeGeometricSans4-Bold"; font-size: 0.875rem; line-height: 1.5em; margin-bottom:1rem; } .CustomAgent.retailerDetail > .logo .logoInner { background-color: #ffffff; margin: 0 1rem; } .CustomAgent.retailerDetail > .logo .fileUploadSingleGraphic { position:relative; } .CustomAgent.retailerDetail > .logo .graphicWrapper { text-align: center; } .CustomAgent.retailerDetail > .logo .graphic { max-width: 100%; display: inline-block; } .CustomAgent.retailerDetail > .logo .dropZone p, .CustomAgent.retailerDetail > .logo .graphicWrapper input, .CustomAgent.retailerDetail > .logo .resetGraphic { display: none; } .CustomAgent.retailerDetail > .logo .uploadButtons, .CustomAgent.retailerDetail > .logo .removeGraphic, .CustomAgent.retailerDetail > .logo .dropZone { height:2.5rem; width:2.5rem; position:absolute; bottom:0; right:0; cursor:pointer; } .CustomAgent.retailerDetail > .logo .uploadButtons { right:2.5rem; } .CustomAgent.retailerDetail > .logo .removeGraphic { opacity:0; z-index:2; } .CustomAgent.retailerDetail > .logo .uploadButtons::before, .CustomAgent.retailerDetail > .logo .dropZone::before { content:"\f304"; height:2.5rem; width:2.5rem; line-height:2.5rem; font-size:1rem; text-align:center; color:#8c8c8a; font-family: "Font Awesome 5 Pro"; font-weight: 400; position:absolute; left:0; top:0; } .CustomAgent.retailerDetail > .logo .uploadButtons::before { content:"\f1f8"; z-index:1; } @media screen and (max-width:544px) { .CustomAgent.retailerDetail > .logo { margin-bottom:1.25rem; } .CustomAgent.retailerDetail > .logo .dropZone, .CustomAgent.retailerDetail > .logo .uploadButtons { display:none; } } .CustomAgent.retailerDetail > .title { font-family: "HurmeGeometricSans4-Bold"; font-size: 1rem; line-height: 1.5em; width: 66.666%; box-sizing: border-box; float: left; padding: 0 13rem 3rem 1rem; position: relative; } @media screen and (max-width:1024px) { .CustomAgent.retailerDetail > .title { } } @media screen and (max-width:768px) { .CustomAgent.retailerDetail > .title { width: 50%; padding-right: 1rem; } .CustomAgent.retailerDetail > .information1 { clear: both; } } @media screen and (max-width:544px) { .CustomAgent.retailerDetail > .title { width: 66.666%; padding-left: 0; padding-bottom: 1rem; } } .CustomAgent.retailerDetail > .information1 { box-sizing: border-box; padding: 0 1.25rem 0 1.5rem; } .CustomAgent.retailerDetail > .information1 [data-type=chegroup], .CustomAgent.retailerDetail > .information1 .wrapper.checkbox input[type=checkbox], .CustomAgent.retailerDetail > .information1 .wrapper.checkbox input[type=checkbox]:not(:checked) + label, .CustomAgent.retailerDetail > .information1 .wrapper.checkbox .validationMessage { display: none; } .CustomAgent.retailerDetail > .information1 .wrapper.chegroup, .CustomAgent.retailerDetail > .information1 .wrapper.checkbox, .CustomAgent.retailerDetail > .information1 .wrapper.checkbox input[type=checkbox]:checked + label + input[name$="_checkboxInput"] { display: inline; } .CustomAgent.retailerDetail > .information2 { box-sizing: border-box; padding: 0 1rem 0 1.25rem; } .CustomAgent.retailerDetail .entry { margin-bottom:0.75rem; } .CustomAgent.retailerDetail .entry.editable { padding-right: 2.5rem; position:relative; } .CustomAgent.retailerDetail .entry .icon{ position:absolute; top:0; right:0; height:2.5rem; width:2.5rem; text-align:center; line-height:2.5rem; color:#8c8c8a; font-size:1rem; cursor:pointer; } .CustomAgent.retailerDetail .entry.empty { padding-left:2.5rem; position:relative; } .CustomAgent.retailerDetail .entry.empty::before { content:"\f0a4"; line-height:2.5rem; font-size:1.25rem; color:#E8833D; font-family: "Font Awesome 5 Pro"; font-weight: 900; position:absolute; left:0; top:0; } .CustomAgent.retailerDetail .entry .caption { color:#8c8c8a; font-size:0.625rem; font-family:"HurmeGeometricSans4-SemiBold"; line-height: 1.5em; } .CustomAgent.retailerDetail .entry .value { font-size:0.75rem; font-family:"HurmeGeometricSans4-SemiBold"; line-height: 1.2em; } .CustomAgent.retailerDetail .entry.externalId .value { font-size: inherit; line-height: inherit; font-family: inherit; } .CustomAgent.retailerDetail .entry .value a{ color:#E8833D; } .CustomAgent.retailerDetail .entry.customerSince, .CustomAgent.retailerDetail .entry.lastOrder, .CustomAgent.retailerDetail .entry.priceSetting, .CustomAgent.retailerDetail .entry.externalId, .CustomAgent.retailerDetail .entry.perc50 { float:left; width:50%; text-align:left; margin-bottom:2rem; } .CustomAgent.retailerDetail .entry.externalId { width: auto; float: none; margin-bottom: 0; } .CustomAgent.retailerDetail > .information2 { text-align:center; } .CustomAgent.retailerDetail > .title .orderAction { display: inline-block; position: absolute; top: 0; right: 1rem; } @media screen and (max-width:768px) { .CustomAgent.retailerDetail > .title .orderAction { position: relative; top: auto; right: auto; } } .CustomAgent.retailerDetail .addresses { clear:both; } .CustomAgent.retailerDetail .addresses .address { width: 33.333%; display:inline-block; box-sizing: border-box; vertical-align:top; } @media screen and (max-width:1024px) { .CustomAgent.retailerDetail .addresses .address { width: 50%; } .CustomAgent.retailerDetail .addresses .address .addressBorder { margin-bottom:1rem; } } @media screen and (max-width:1024px) and (min-width:769px){ .CustomAgent.retailerDetail .addresses .address:nth-child(2n+1) .addressBorder{ margin-right:0.5rem; } .CustomAgent.retailerDetail .addresses .address:nth-child(2n) .addressBorder{ margin-left:0.5rem; } } @media screen and (max-width:768px) { .CustomAgent.retailerDetail .addresses .address { width: 100%; } .CustomAgent.retailerDetail .addresses .address .addressBorder{ min-height:0; } } @media screen and (max-width:544px) { .CustomAgent.retailerDetail .addresses .address .addressBorder { padding: 1rem; } } .CustomAgent.retailerDetail .addressBorder { border: 1px solid #cdcdca; margin: 0 1rem 2rem; padding: 2rem; min-height: 14rem; font-family: "HurmeGeometricSans4-Regular"; font-size: 0.8125rem; line-height: 1.5em; } @media screen and (max-width:768px) { .CustomAgent.retailerDetail .addressBorder { height: auto; } } .CustomAgent.retailerDetail .addressBorder > .caption { font-family: "HurmeGeometricSans4-Bold"; margin-bottom:1rem; } .CustomAgent.retailerDetail .address .addressType { width:100%; } .CustomAgent.retailerDetail .dropDownAgt .itemList { width:100%; } .CustomAgent.retailerDetail .dropDownAgt .caption, .CustomAgent.retailerDetail .dropDownAgt .item { padding-left:2rem; position:relative; font-family: "HurmeGeometricSans4-SemiBold"; font-size: 0.8125rem; line-height: 1.5em; } .CustomAgent.retailerDetail .dropDownAgt .surtitle { font-family: "HurmeGeometricSans4-SemiBold"; font-size: 0.625rem; line-height: 1.2em; } .CustomAgent.retailerDetail .dropDownAgt .item .iconWrapper, .CustomAgent.retailerDetail .dropDownAgt .iconWrapper.iconType { position:absolute; top:0; left:0; bottom:0; width:2rem; text-align:center; } .CustomAgent.retailerDetail .dropDownAgt .item .iconWrapper .icon, .CustomAgent.retailerDetail .dropDownAgt .iconWrapper.iconType .icon { font-size:0.5rem; } .CustomAgent.retailerDetail .newAddress { cursor:pointer; font-size:5rem; text-align:center; color:#E8833D; height:14rem; -o-transition: color .3s; -ms-transition:color .3s; -moz-transition:color .3s; -webkit-transition:color .3s; transition:color .3s; } .CustomAgent.retailerDetail .newAddress .icon { display:inline-block; vertical-align:middle; } .CustomAgent.retailerDetail .address.onRequest .addressBorder { background-color:#ebebe8; } .CustomAgent.retailerDetail .address .hint { color:#E8833D; margin-top: 1rem; } .CustomAgent.retailerDetail .history { width: 50%; float: left; padding: 0 1rem; box-sizing: border-box; margin-bottom: 3rem; } @media screen and (max-width:768px) { .CustomAgent.retailerDetail .history { width: 100%; } } .CustomAgent.retailerDetail .history .CTANoData { height:18rem; font-family: "HurmeGeometricSans4-Regular"; font-size: 1rem; line-height: 1.5em; } .CustomAgent.retailerDetail .history .activity{ margin-left:0.25rem; margin-bottom:0.25rem; } .CustomAgent.retailerDetail .historyWrapper{ margin-bottom:0.5rem; } .CustomAgent.retailerDetail .historyWrapper:not(.empty) { margin-bottom:1.5rem; height:18rem; overflow-x: auto; } .CustomAgent.retailerDetail .entry{ margin-bottom:1em; } .CustomAgent.retailerDetail .entry .type, .CustomAgent.retailerDetail .entry .date{ display:inline-block; color:#8c8c8a; margin-right:0.25rem; } .CustomAgent.retailerDetail .entry .type { text-decoration: underline; } .CustomAgent.retailerDetail .entry .type .wrapper { color:#2d2d2d; } .CustomAgent.retailerDetail .activities { box-sizing:border-box; padding-left:0.75rem; font-family: "HurmeGeometricSans4-SemiBold"; font-size: 0.75rem; line-height: 1.2em; } .CustomAgent.retailerDetail .activities .caption{ float: left; line-height: 2.5rem; margin-right: 1rem; } @media screen and (max-width:544px) { .CustomAgent.retailerDetail .activities { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .CustomAgent.retailerDetail .activity { display: inline-block; } } .CustomAgent.retailerDetail .notes { width: 50%; float: left; padding: 0 1rem; box-sizing: border-box; margin-bottom: 3rem; overflow:hidden; } @media screen and (max-width:768px) { .CustomAgent.retailerDetail .notes { width: 100%; } } .CustomAgent.retailerDetail .notes .notesWrapper { margin-bottom:0.5rem; } .CustomAgent.retailerDetail .notes textarea { width: 100%; display:block; height: 18rem; box-sizing: border-box; padding: 0.5rem 0.75rem; background-color: transparent; border: none; resize: vertical; font-family: "HurmeGeometricSans4-Regular"; font-size: 0.8125rem; line-height: 1.5em; } .CustomAgent.retailerDetail .notes textarea:not([disabled]) { background-color:#ffffff; } .CustomAgent.retailerDetail .notes .CTANoData, .CustomAgent.retailerDetail .notes:not(.unlocked).empty textarea { display:none; } .CustomAgent.retailerDetail .notes:not(.unlocked).empty .CTANoData { display:block; height:18rem; } .CustomAgent.retailerDetail .notes:not(.unlocked) .unlocked, .CustomAgent.retailerDetail .notes.unlocked .locked { display: none; } .CustomAgent.retailerDetail .notes button { float:right; position:relative; } .CustomAgent.retailerDetail .notes button span { line-height: 1em; } .CustomAgent.retailerDetail .notes.unlocked button { margin-left:2rem; } .CustomAgent.retailerDetail .notes.unlocked button::before { content: "\f0a4"; line-height: 2.5rem; font-size: 1.25rem; color: #E8833D; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; left: -2rem; top: 0; } .CustomAgent.retailerDetail .analyse { clear:both; padding: 0; margin-bottom:2rem; } .CustomAgent.retailerDetail .analyseContentWrapper { width:100%; overflow-x:auto; } .CustomAgent.retailerDetail .analyseContentWrapper > * { padding:0 1rem; } .CustomAgent.retailerDetail .analyse .summary { margin-bottom:1.5rem; } .CustomAgent.retailerDetail .analyse .blockCaption { font-family: "HurmeGeometricSans4-Bold"; font-size: 0.8125rem; line-height: 1.5em; } .CustomAgent.retailerDetail .analyse .caption { /* font-family:"Open Sans Bold";*/ margin-bottom:1rem; } .CustomAgent.retailerDetail .analyse .summary .tr:nth-child(1) { font-family: "HurmeGeometricSans4-Bold"; } .CustomAgent.retailerDetail .analyse .tr { width: 100%; overflow: hidden; border-bottom: 1px solid #e1e1de; } .CustomAgent.retailerDetail .analyse .td { width: 25%; float: left; padding: 0.5rem 0.5rem; box-sizing: border-box; } .CustomAgent.retailerDetail .top_products .tr:first-child { border-top: 1px solid #e1e1de; } .CustomAgent.retailerDetail .analyse:not(.showAll) .top_products .tr:nth-child(n+6) { display:none; } .CustomAgent.retailerDetail .analyse .actions { text-align:center; } .CustomAgent.retailerDetail .analyse .action { color:#E8833D; display:inline-block; padding:1rem 0; cursor:pointer; font-family: "HurmeGeometricSans4-SemiBold"; } .CustomAgent.retailerDetail .analyse:not(.showAll) .action.showLess, .CustomAgent.retailerDetail .analyse.showAll .action.showMore { display:none; } @media screen and (max-width:672px) { .CustomAgent.retailerDetail .analyseContentWrapper > * { width:42rem; } } @media screen and (max-width:608px) { .CustomAgent.retailerDetail .analyse .td { padding:0.25rem 0.25rem; } } .CustomAgent.retailerDetail .analyse + .orderAction { color:#E8833D; font-family: "HurmeGeometricSans4-Bold"; float:right; margin-right:1rem; } .CustomAgent.retailerDetail .lastOrders { padding: 0 1rem; } .CustomAgent.retailerDetail .lastOrders .CustomShopOrder { width:100%; margin: 0; padding: 0; } .CustomAgent.retailerDetail .lastOrders .orderTable tr:nth-child(1) { font-family: "HurmeGeometricSans4-Bold"; } .CustomAgent.retailerDetail .lastOrders .return { display: none; } .CustomAgent.retailerDetail .orderTable.empty { display: none; } .CustomAgent .retailerNavigation { display: flex; margin-bottom: 1rem; padding: 0 1rem; } .CustomAgent .retailerNavigation li { flex-grow: 1; } .CustomAgent .retailerNavigation li.previous { margin-right: 0.5rem; } .CustomAgent .retailerNavigation li.overview { text-align: center; margin-left: 0.5rem; margin-right: 0.5rem; } .CustomAgent .retailerNavigation li.next { text-align: right; margin-left: 0.5rem; } @media screen and (max-width:450px) { .CustomAgent .retailerNavigation { flex-wrap: nowrap; } } .dropDownAgt { position:relative; margin-right:0.5rem; display: inline-block; } .dropDownAgt .caption { position: relative; background-color:#f9f9f8; font-size: 12px; padding: 0.3125rem 2rem 0.3125rem 0.625rem; border:none; border-radius:3px; cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .dropDownAgt .caption .captionTitle { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .dropDownAgt .caption .surtitle { font-size:0.625rem; color:#8c8c8a; line-height:0.875rem; } .dropDownAgt .caption .iconWrapper.chevron { color:#8c8c8a; position: absolute; right:0; top:0; text-align:center; height:100%; width:2rem; font-size:1rem; } .dropDownAgt .caption .icon { display:inline-block; vertical-align:middle; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .dropDownAgt.open .caption { background-color:#e1e1de; } .dropDownAgt.open .caption .iconWrapper.chevron .icon { color:#2d2d2d; } .dropDownAgt .itemList { height: 0; overflow: hidden; position:absolute; z-index: 900; background-color: #e1e1de; margin-top:0.5rem; border-radius:3px; -webkit-box-shadow: 0 0.375 0.5rem 0px rgba(0, 0, 0, 2.5); -moz-box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, 2.5); box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, .25); } .dropDownAgt .itemList li.selected { background-color:#ffffff; } .dropDownAgt .itemList .item { display: block; padding: 0.375rem 0.625rem; cursor: pointer; font-size:0.75rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .dropDownAgt .itemList .item.hidden { display: none; visibility: hidden; } .ui-datepicker.agentDatepicker{ padding: 0.625rem; border-radius:3px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; -webkit-box-shadow: 0 0.375 0.5rem 0px rgba(0, 0, 0, 2.5); -moz-box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, 2.5); box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, .25); min-width: 15.625rem; margin-left:-0.625rem; margin-top:0.75rem; border:none; } .ui-datepicker.agentDatepicker, .agentDatepicker .ui-widget-header { background: #e1e1de; color: #000000 } .agentDatepicker .ui-datepicker-title, .agentDatepicker.ui-datepicker th { /* font-family:"Open Sans Semibold";*/ font-weight:normal; } .agentDatepicker .ui-datepicker-calendar a { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .agentDatepicker .ui-datepicker-calendar a.ui-state-hover { background-color:#ffffff; } .ui-datepicker.agentDatepicker thead{ color: #8c8c8a; } .ui-datepicker.agentDatepicker table{ font-size: 0.625rem; /* font-family: "Open Sans Semibold"; */ } .ui-datepicker.agentDatepicker th { padding: 0.5rem; font-size: 10px; } .ui-datepicker.agentDatepicker .ui-datepicker-title{ font-size: 13px; } .ui-datepicker.agentDatepicker td span, .ui-datepicker td a { text-align: center; } .agentDatepicker .ui-datepicker-calendar .ui-state-default { background-color: #e1e1de !important; color:#2d2d2d; border: none; padding: 0.5rem 10px; } .agentDatepicker .ui-datepicker-calendar .ui-state-hover, .agentDatepicker .ui-datepicker-calendar .ui-state-active{ background-color: #ffffff !important; } .jconfirm-agentdialog .jconfirm-bg { background-color: rgba(0,0,0,0.35); } .jconfirm-agentdialog .jconfirm-box-container { padding: 3rem; } .jconfirm-agentdialog .jconfirm-box { max-width:58rem; border-radius:0; background-color:#f9f9f8; padding: 2rem 2.5rem; box-sizing: border-box; } .jconfirm-agentdialog .jconfirm-box div.jconfirm-title-c .jconfirm-title { color:#505050; font-size:1rem; /* font-family:"Open Sans Bold"; */ } .jconfirm-agentdialog .jconfirm-box .jconfirm-buttons > button { float:right; margin: 0 0 0 1rem; } @media screen and (max-width:960px) { .jconfirm-agentdialog .jconfirm-box-container { padding: 1rem; } } @media screen and (max-width:544px) { .jconfirm-agentdialog .jconfirm-box { padding:1rem; } } .jconfirm-agentdialog .BasicForm.multiStep { margin:0; padding:0; width:100%; } .jconfirm-agentdialog .BasicForm.multiStep form > .container { display:block; } .jconfirm-agentdialog .BasicForm.multiStep span.required { margin-left:-1rem; } .jconfirm-agentdialog .intro { margin-bottom: 1.5rem; } .jconfirm-activity textarea { box-sizing:border-box; width:100%; height:16rem; resize: vertical; } .jconfirm-agentdialog .hint { color:#E8833D; margin-top: 1rem; display: block; padding-left: 0.4rem; } .volumeOfSales.Yago { display:none; } body.agent .navWrapper .selected.descendantSelected { border-bottom-color:transparent !important; } .retailerList .actions .icon.b2b_retailshop, .addressType .icon.b2b_retailshop { color: rgb(247, 100, 20); } .retailerList .actions .icon.b2b_warehouse, .addressType .icon.b2b_warehouse { color: rgb(35, 183, 68); } .retailerList .actions .icon.b2b_administration, .addressType .icon.b2b_administration { color: rgb(239, 199, 94); } .retailerList .actions .icon.private, .addressType .icon.private { color: rgb(255, 97, 163); } .retailerList .actions .icon.company, .addressType .icon.company { color: rgb(163, 97, 255); } .retailerList .actions .icon.unknown, .addressType .icon.unknown { color: rgb(111, 61, 211); } .retailerList .actions .icon.retailshop, .addressType .icon.retailshop { color: rgb(247, 100, 20); } .retailerList .actions .icon.warehouse, .addressType .icon.warehouse { color: rgb(35, 183, 68); } .retailerList .actions .icon.administration, .addressType .icon.administration { color: rgb(239, 199, 94); } .retailerList .actions .icon.distributor, .addressType .icon.distributor { color: rgb(255, 97, 163); } .maintenanceLoader{ background-color: #d5d7d2; width: 100%; overflow: hidden; color: #2d2d2d; } .maintenanceLoader:not(.noMessages){ padding-top:1rem; margin-bottom: 6rem; } .maintenanceLoader a:focus, .maintenanceLoader a:active { text-decoration: none; } .maintenanceMessage{ margin-bottom: 1rem; } .maintenanceMessage .messageWrapper{ background-color: #d5d7d2; padding: 1rem 5.5rem; position: relative; text-decoration: none; } .maintenanceMessage .messageIcon { position: absolute; font-size: 2rem; top: 1rem; left: 1rem; } .maintenanceMessage .icon { transition: color .3s; } .maintenanceMessage .close { position: absolute; font-size: 1.75rem; top: 0; right: 0; cursor: pointer; padding: 1rem; } .maintenanceMessage .title{ font-size: 1.5rem; margin-bottom: 1rem; } .maintenanceMessage .message{ font-size: 1rem; } @media screen and (max-width:544px) { .maintenanceMessage .messageWrapper{ background-color: #d5d7d2; padding: 4rem 1.5rem 0 0; position: relative; text-decoration: none; } .maintenanceMessage .messageIcon { left: 0; } .maintenanceMessage .close{ right: -1rem; } .maintenanceMessage .title{ font-size: 1.25rem; } .maintenanceMessage .message{ font-size: 0.875rem; } } .maintenanceLoader{ background-color: #d5d7d2; color: #2d2d2d; } .maintenanceMessage, .maintenanceMessage .messageWrapper{ background-color: inherit; color: inherit; } .maintenanceLoader:not(.noMessages) { margin-bottom: 0; } .maintenanceMessage { max-width:60rem; margin:0 auto 1rem; } .maintenanceMessage a:hover .icon, .maintenanceMessage .close:hover { color: #E8833D; } .CustomMail.properties .formVariables { clear:both; float: left; margin-left:120px; font-size:14px; margin-top:32px; margin-bottom:32px; overflow: hidden; } .CustomMail.properties .formVariables .caption { font-weight:bold; margin-bottom:8px; } .CustomNews, .CustomNews.teaserList .CustomNewsWrapper { } .CustomNews.teaserJs { box-sizing: border-box; padding: 0 1rem; color:#2d2d2d; text-align: left; font-family: "HurmeGeometricSans4-SemiBold"; } .CustomNews.teaserJs a { display: block; } .CustomNews.teaserJs .teaserWrapper { background-color: #ffffff; } .pageWrapper:not(.darkTheme) .CustomNews.teaserJs .teaserWrapper.movie{ background-color: #000000; color: #ffffff; } .CustomNews.teaserJs .teaserWrapper.story{ background-color: #7f7f7f; color: #ffffff; } .CustomNews.teaserJs img{ display:block; width:100%; } .CustomNews.teaserJs .textWrapper { padding: 1rem 1.25rem; font-size: 0.8125rem; line-height: 1.5em; } .CustomNews.teaserJs .title { height: 4.5em; overflow:hidden; margin-bottom: 0.5rem; } .CustomNews.teaserJs .channelWrapper { overflow:hidden; } .CustomNews.teaserJs .channelName { float: left; font-family: 'HurmeGeometricSans4-SemiBold'; font-size: 0.75rem; line-height: 1.2em; margin-top: 7px; } .CustomNews.teaserJs .channelIcon { float: right; font-size: 1.25rem; line-height: 1.5em; } .CustomNews.teaserJs .channelWrapper .graphic { float: right; padding: 5px 0 0 7px; background-color: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .CustomNews.teaserJs .channelWrapper .graphic img { width: auto; height: 1.25rem; } .CustomNews.teaserList.pageElt { padding:0; max-width:100%; margin:0 0 2.5rem; } .CustomNews.teaserList .widgetWrapper { padding: 0 2rem; max-width: 68rem; width:100%; margin: 0 auto; box-sizing:border-box; } .CustomNews.teaserList h3.title { margin-bottom: 1.5rem; padding:0 1rem; text-align:center; } .CustomNews.teaserList .teaserJs { vertical-align:top; display:inline-block; width:33.333%; padding-bottom: 2rem; } .CustomNews.teaserList .listWrapper { margin-bottom:0.75rem; } .CustomNews.teaserList .moreWrapper { text-align:center; padding:0 1rem; } .CustomNews.teaserList .loading { height: 100px; position: relative; } .CustomNews.teaserList .loading::before { z-index: 1000; position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; background-color: rgba(255,255,255,0.75); } .CustomNews.teaserList .loading::after { z-index: 1001; position: absolute; top: 50%; left: 50%; margin-top: -1.25rem; margin-left: -1.25rem; content: ""; animation: spin-anticlockwise 2s infinite linear; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg transform='matrix(0.95238095,0,0,0.95238095,0,-962.24984)'%3E%3Cpath d='m 36.147008,1051.331 c -6.6e-4,0.013 -10e-4,0.034 -10e-4,0.047 0,0.5431 0.44076,0.9841 0.983809,0.9844 l 3.885784,0 c 0.5434,0 0.984399,-0.441 0.984399,-0.9844 l 0,-16.4349 c 0,-0.5434 -0.440999,-0.9844 -0.984399,-0.9844 l -16.424216,0 c -0.543369,0 -0.984369,0.441 -0.984369,0.9844 l 0,3.889 0,0 c 0,0.5434 0.441,0.9844 0.984369,0.9844 0.0129,0 0.0338,-5e-4 0.0467,-10e-4 l 8.322868,-0.3986 c -2.367287,3.5211 -7.732229,6.3789 -11.975213,6.3789 -6.274011,0 -12.558872,-4.9503 -14.0286199,-11.0498 -0.0982,-0.4188 -0.5270293,-0.7591 -0.9572887,-0.7596 l -4.0236142,0 c -0.5433692,0 -0.98436862,0.441 -0.98436862,0.9844 0,0.05 0.007,0.1298 0.0164,0.1788 1.7735174,9.4254 10.0438854,16.5555 19.9778414,16.5555 l 0.0233,0 c 5.184613,0 12.113273,-3.2097 15.465798,-7.1646 z M 20.98603,1016.9247 c 6.275141,0 12.562562,4.9517 14.02977,11.0529 0.0982,0.4188 0.527029,0.7591 0.957289,0.7596 l 4.023614,0 c 0.543369,0 0.984368,-0.441 0.984368,-0.9844 0,-0.05 -0.007,-0.1298 -0.0164,-0.1788 -1.773517,-9.4254 -10.043795,-16.5555 -19.978661,-16.5555 l -0.0192,0 c -5.178523,0 -12.1020327,3.2034 -15.4543179,7.1506 l 0.3403795,-6.7733 c 7.2e-4,-0.014 10e-4,-0.036 10e-4,-0.049 0,-0.5434 -0.4409993,-0.9844 -0.9843686,-0.9844 l -0.001,0 -3.88413441,0 C 0.44099937,1010.3622 0,1010.8032 0,1011.3466 l 0,16.4333 c 0,0.5434 0.44099937,0.9844 0.98436859,0.9844 l 16.42261641,0 c 0.543369,0 0.984369,-0.441 0.984369,-0.9844 l 0,-3.8883 0,0 c 0,-0.5434 -0.441,-0.9844 -0.984369,-0.9844 -0.0129,0 -0.0339,6e-4 -0.0468,10e-4 l -8.3507679,0.3995 c 2.3624769,-3.5228 7.7224489,-6.382 11.9642329,-6.382 l 0.0123,0 z' style='fill:%23f76414;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 2.5rem; width: 2.5rem; } .CustomNews.teaserList.bgWhite { background-color:#ffffff; } .CustomNews.teaserList.bgWhite .teaserJs .teaserWrapper { background-color:#f2f2f2; } .pageWrapper:not(.darkTheme) .CustomNews.teaserList.bgWhite .teaserJs .teaserWrapper.movie{ background-color: #000000; } .CustomNews.teaserList.bgWhite .teaserJs .teaserWrapper.story{ background-color: #7f7f7f; } @media screen and (max-width:850px) { .CustomNews.teaserList .widgetWrapper { padding-left: 1rem; padding-right: 1rem; } } @media screen and (max-width:768px) { .CustomNews.teaserList .widgetWrapper { padding-left: 0rem; padding-right: 0rem; text-align: center; } .CustomNews.teaserList .teaserJs { width: 50%; padding-left: 1rem; padding-right: 1rem; max-width: 18rem; } } @media screen and (max-width:544px) { .CustomNews.teaserList .teaserJs { width: 100%; } } .CustomNews.overviewJs.pageElt { padding:0; max-width: 100%; } .CustomNews.overviewJs .masonryWrapper{ padding: 0 2rem; max-width: 64rem; width: 100%; margin: 2.5rem auto; box-sizing: border-box; } .CustomNews.overviewJs .teaserJs { vertical-align:top; display:inline-block; width:33.333%; margin-bottom: 2rem; } .CustomNews.overviewJs .pager { text-align:center; } .CustomNews.overviewJs .loadMore.inactive { display: none; } @media screen and (max-width:768px) { .CustomNews.overviewJs .teaserJs{ width: 50%; } } @media screen and (max-width: 544px) { .CustomNews.overviewJs .teaserJs{ width: 100%; } } .CustomNews .ListLinkList.linkStyle .SetLink.empty, .CustomNews.Detail .ListLinkList.linkStyle .SetLink.news_common_movies { display: none !important; } .CustomNews .BasicSnippet.subnav .left .subtitle { display: none; } .CustomNews .BasicSnippet.subnav .right > .ListLinkList.linkStyle { display: inline-block; } @media all and (max-width: 676px) { .CustomNews .BasicSnippet.subnav .right > .ListLinkList.linkStyle { display: none; } .CustomNews .BasicSnippet.subnav .linkStyle + .icon.chevron, .CustomNews .BasicSnippet.subnav.mobileOpen .linkStyle.mobile{ display: block; } } .CustomNews .BasicSnippet.subnav [data-pool=pool_news_language] ul li:first-child { display: none; } .CustomNews .BasicSnippet.subnav .linkStyle[data-pool=pool_news_common]:not(.mobile) a.SetLink.selected:not(.descendantSelected) { color: #ffffff; background-color: #E8833D; } .CustomNews .BasicSnippet.subnav .linkStyle.mobile[data-pool=pool_news_common] a.SetLink.selected:not(.descendantSelected) { color: #E8833D; } .CustomNews .BasicSnippet.subnav .mobile[data-pool=pool_news_language] { top: 12.125rem; } .CustomNews .BasicSnippet.subnav .linkStyle li:not(:first-child) { margin-left: 0; } .CustomNews .BasicSnippet.subnav .linkStyle li:not(:first-child) a { margin-left: 0.75rem; } .CustomNews.Detail .BasicSnippet.subnav .right > .ListLinkList.linkStyle[data-pool=pool_news_language] { display: none; } /* for 58USA .CustomNews.overviewJs:not(.hashchanged) .BasicSnippet.subnav [data-pool=pool_news_language] { position: fixed; left: 99999px; } */ .CustomNews.overviewJs:not(.hashchanged) .BasicSnippet.subnav a.showSpecial[data-filter-id=""]::before { content:""; } .CustomNews .BasicSnippet.subnav .ListLinkList.linksInSubnav { margin-left: 0.5rem; } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_de, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_fr, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_kr, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_cn, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_jp, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_en, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_us { position: relative; padding-left: 0.6875rem; padding-right: 0.6875rem; } .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_de, .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_fr, .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_kr, .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_cn, .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_jp, .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_en, .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_us { border: solid 3px white; border-radius: 100%; height: 22px; display: inline-block; vertical-align: middle; padding-top: 0; padding-bottom: 0; transition: all 0.3s; } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_de.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_fr.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_kr.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_cn.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_jp.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_en.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_us.selected:not(.descendantSelected) { background-color: #ffffff; } .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_de.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_fr.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_kr.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_cn.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_jp.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_en.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_us.selected:not(.descendantSelected) { border-color: #E8833D; } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_de span, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_fr span, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_kr span, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_cn span, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_jp span, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_en span, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_us span{ display: none; } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_de::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_fr::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_kr::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_cn::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_jp::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_en::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_us::before { content:""; display: inline-block; position: absolute; left:0; width: 1.25rem; height: 1.25rem; background-repeat: no-repeat; background-position: center; background-size: 1.25rem; border-radius: 100%; border-style: solid; border-width: 1px; border-color: #d5d7d2; transition: all .3s; } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_de.selected:not(.descendantSelected)::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_fr.selected:not(.descendantSelected)::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_kr.selected:not(.descendantSelected)::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_cn.selected:not(.descendantSelected)::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_jp.selected:not(.descendantSelected)::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_en.selected:not(.descendantSelected)::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_us.selected:not(.descendantSelected)::before { /*border-color: #E8833D;*/ } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_de::before{ background-image: url("/Ressource/Graphic/flags/de.png"); } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_fr::before { background-image: url("/Ressource/Graphic/flags/fr.png"); } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_kr::before { background-image: url("/Ressource/Graphic/flags/kr.png"); } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_cn::before { background-image: url("/Ressource/Graphic/flags/cn.png"); } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_jp::before { background-image: url("/Ressource/Graphic/flags/jp.png"); } /* for 58USA */ .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_en::before { background-image: url("/Ressource/Graphic/flags/en.png"); } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_us::before { background-image: url("/Ressource/Graphic/flags/us.png"); } /* end of for 58USA*/ @media all and (max-width: 676px) { .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_de, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_fr, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_kr, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_cn, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_jp, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_en, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_us { padding-left: 2.5rem; } .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_de.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_fr.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_kr.selected:not(.descendantSelected) .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_cn.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_jp.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_en.selected:not(.descendantSelected), .CustomNews .BasicSnippet.subnav .linkStyle:not(.mobile) .SetLink.news_language_us.selected:not(.descendantSelected) { background-color: #E8833D; } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_de span, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_fr span, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_kr span, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_cn span, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_jp span, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_en span, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_us span{ display: block; } .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_de::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_fr::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_kr::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_cn::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_jp::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_en::before, .CustomNews .BasicSnippet.subnav .linkStyle .SetLink.news_language_us::before { left:0.875rem; } } .CustomNews.Detail { margin-bottom:2.5rem; max-width: 100%; padding: 0; } .CustomNews.Detail .pageElt { margin-top: 0; margin-bottom: 0; overflow: hidden; } .CustomNews.Detail .BasicSnippet.subnav { color: #000000; } .CustomNews.Detail .paginationWrapper { float: right; margin: 1.125rem 0; font-family: 'HurmeGeometricSans1-SemiBold'; font-size: 0.6875rem; line-height: 1.5em; } .CustomNews.Detail .paginationWrapper .navIcon, .CustomNews.Detail .paginationWrapper a { color: inherit; } .CustomNews.Detail .category_news_common { margin-bottom: 1rem; text-align: center; font-family: 'HurmeGeometricSans1-SemiBold'; font-size: 0.75rem; line-height: 1.2em; } .CustomNews.Detail .wrapperProducts { background-color: #f2f2f2; padding-top:2.5rem; padding-bottom: 2.5rem; } .darkTheme .CustomNews.Detail .wrapperProducts { background-color: #1e1e1e; } .CustomNews.Detail .wrapperNews { background-color: #ffffff; padding-top:2.5rem; padding-bottom:2.5rem; } .darkTheme .CustomNews.Detail .wrapperNews { background-color: #000000; } @media screen and (max-width:544px) { .darkTheme .CustomNews.Detail .wrapperProducts { padding-top:1.5rem; margin-bottom: 1.5rem; } } #newsletter img { display: inline; } #newsletter table { border-collapse: separate; } /* the following rules are necessary in order to have the background stripes at the bottom if the height of the CustomNewsletterRecipient is smaller than 100%*/ html,body { height: auto; } .Page.NewsletterSubscription { min-height: 100%; } /************************ CustomNewsletterRecipient ***************************/ .Page.NewsletterSubscription, .CustomNewsletterRecipient .stripe { background-color: #F0F0F0; } .content.NewsletterSubscription { background-color: #FFFFFF; margin: 0 auto; max-width: 992px; } .CustomNewsletterRecipient { min-width: 696px; /*768 - 36*2 */ padding: 36px; } .CustomNewsletterRecipient>div { clear: both; width: 100%; overflow: hidden; /*so that the divs take the side of the children*/ margin-bottom: 2%; } .CustomNewsletterRecipient .stripe { height: 12px; } /***************************** header *****************************************/ .CustomNewsletterRecipient>.subscriptionHeader { } .CustomNewsletterRecipient>.subscriptionHeader>div { float: left; width: 50%; } .CustomNewsletterRecipient>.subscriptionHeader .logo { min-width: 384px; margin-top: 6px; /*because the other logos have height = 48px, so we center this one vertically*/ height: 37px; background-image: url('File/custom_newsletterRecipient/logo.png'); background-repeat: no-repeat; } .CustomNewsletterRecipient>.subscriptionHeader .BasicGraphic { text-align: center; } .CustomNewsletterRecipient>.subscriptionHeader .companyNameWrapper { text-align: center; font-size: 37px; } /***************************** body *****************************************/ .CustomNewsletterRecipient>.subscriptionBody { } .CustomNewsletterRecipient>.subscriptionBody>.title { font-weight: bold; } .CustomNewsletterRecipient .subscriptionBody .error { color: #FF0000; font-weight: bold; } .CustomNewsletterRecipient .subscriptionBody .BasicForm { width: 100%; } .CustomNewsletterRecipient .subscriptionBody .BasicForm h1 { margin-bottom: 32px; } .CustomNewsletterRecipient .subscriptionBody .BasicForm h2 { margin-bottom: 16px; } .CustomNewsletterRecipient .subscriptionBody .BasicForm .wrapper.text.title { color: inherit; font-size: inherit; margin-bottom: 0; margin-right: 0; text-align: left; } .CustomNewsletterRecipient>.subscriptionBody>.legals, .CustomNewsletterRecipient>.subscriptionBody>.privacy { width:100%; margin:0 auto; font-size:11px; } .subscriptionBody>.legals,.subscriptionBody>.privacy { display: none; } /***************************** footer *****************************************/ .CustomNewsletterRecipient > .subscriptionFooter { } .CustomNewsletterRecipient > .subscriptionFooter > div { width: 50%; } .CustomNewsletterRecipient > .subscriptionFooter > .BasicGraphic { float: left; } .CustomNewsletterRecipient > .subscriptionFooter > .BasicGraphic > img { max-width: 80%; } .CustomNewsletterRecipient > .subscriptionFooter > .BasicText { float: right; font-family: Verdana, Arial, sans-serif; color: grey; } .CustomNewsletterRecipient > .subscriptionFooter .powered { opacity: 0.6; } .CustomNewsletterRecipient > .subscriptionFooter .powered:hover { opacity: 1; } .content.NewsletterSubscription { background-color: #f9f9f8; max-width: 100%; } .CustomNewsletterRecipient { padding: 0; max-width: 100%; } @media screen and (max-width: 728px) { .CustomNewsletterRecipient { min-width: 0; width: 100%; } } .Page.NewsletterSubscription { max-width: 100%; } .Page.NewsletterSubscription .subscriptionHeader { background-color: #FFFFFF; margin: 0; border-bottom-width: 1px; } .Page.NewsletterSubscription .subscriptionHeader > .wrapper { width: 1024px; margin: 0 auto; float: none; max-width: 100%; } .Page.NewsletterSubscription .subscriptionBody { margin: 0 auto; width: 944px; position: relative; max-width: 100%; } @media screen and (max-width: 1024px) { .Page.NewsletterSubscription .subscriptionBody { width: auto; margin: 0 3.90625%; } } .Page.NewsletterSubscription .subscriptionBody > .wrapper { margin: 16px 0 16px 320px; overflow: hidden; width: 39rem; max-width: 100%; } @media screen and (max-width: 1024px) { .Page.NewsletterSubscription .subscriptionBody > .wrapper { margin-left: auto; } } @media screen and (max-width: 900px) { .Page.NewsletterSubscription .step2 .subscriptionBody > .wrapper { width: 100%; } } .Page.NewsletterSubscription .subscriptionBody .intro { padding: 0 24px 24px; margin: 0 0 24px; background-color: #ebebe8; } .Page.NewsletterSubscription .CustomNewsletterRecipient .chegroup.categories , .Page.NewsletterSubscription .CustomNewsletterRecipient.step1 .categories { background-color: #ebebe8; } .Page.NewsletterSubscription .subscriptionBody > .wrapper > .title, .CustomNewsletterRecipient .subscriptionBody > .wrapper > .error { /* font-family: "Open Sans Bold";*/ font-weight: normal; font-size: 16px; padding: 24px 24px 0; background-color: #ebebe8; } .Page.NewsletterSubscription .BasicForm { background-color: #ebebe8; } .Page.NewsletterSubscription form, .Page.NewsletterSubscription formwysiwyg { padding: 2rem 1.5rem; overflow: hidden; position:static; max-width: 100%; box-sizing: border-box; } @media screen and (max-width: 678px) { .Page.NewsletterSubscription .subscriptionBody > .wrapper > .title, .CustomNewsletterRecipient .subscriptionBody > .wrapper > .error, .Page.NewsletterSubscription .subscriptionBody .intro, .Page.NewsletterSubscription form, .Page.NewsletterSubscription formwysiwyg { padding-left: 0.5rem; padding-right: 0.5rem; } .Page.NewsletterSubscription .subscriptionBody > .wrapper > .title, .CustomNewsletterRecipient .subscriptionBody > .wrapper > .error, .Page.NewsletterSubscription form, .Page.NewsletterSubscription formwysiwyg { padding-top: 0.5rem; } .Page.NewsletterSubscription form, .Page.NewsletterSubscription formwysiwyg { padding-bottom: 0.5rem; } } @media screen and (max-width: 544px) { .Page.NewsletterSubscription form .wrapper, .Page.NewsletterSubscription formwysiwyg .wrapper { padding: 0; } .Page.NewsletterSubscription form button, .Page.NewsletterSubscription formwysiwyg button { width: 100%; } } .Page.NewsletterSubscription .BasicForm h1, .Page.NewsletterSubscription .BasicForm h2 { margin: 0 0 16px; } .Page.NewsletterSubscription .BasicForm h1, .Page.NewsletterSubscription .BasicForm h2, .Page.NewsletterSubscription .BasicForm h1 * { font-size: 14px!important; } .Page.NewsletterSubscription form .wrapper, .Page.NewsletterSubscription formwysiwyg .wrapper { clear: none; float: left; } #wysiwyg .CustomNewsletterRecipient .subscriptionBody .BasicForm label > .BasicText { float:left; } .CustomNewsletterRecipient .subscriptionBody .BasicForm label { font-size:14px; } .CustomNewsletterRecipient .BasicForm .validationMessage { margin-bottom:0.25rem; } .Page.NewsletterSubscription .BasicForm .medium.invalid input { border-color: #e0292b; } .Page.NewsletterSubscription .BasicForm .large textarea { width: 100%; } .Page.NewsletterSubscription .BasicForm .chegroup > * { float: left; } .Page.NewsletterSubscription .BasicForm .chegroup > span { margin-top: 10px; margin-bottom: 0.5rem; font-size: 1rem; line-height: 1.5em; width: 100%; } .Page.NewsletterSubscription .BasicForm .checkbox.medium { clear: none; } .Page.NewsletterSubscription .BasicForm .checkbox.medium input { width: auto; } .Page.NewsletterSubscription .BasicForm .checkbox.medium label { width: 265px; } .Page.NewsletterSubscription .BasicForm .chegroup .checkbox:not(.invalid) input:not(.required) + label + .validationMessage { display: none; } .Page.NewsletterSubscription .CustomNewsletterRecipient .chegroup.categories, .Page.NewsletterSubscription .CustomNewsletterRecipient.step1 .categories { position: absolute; box-sizing:border-box; top: 16px; left: 0; width: 304px; margin: 0; padding: 0 24px; } #wysiwyg.edit .Page.NewsletterSubscription .CustomNewsletterRecipient .chegroup.categories, #wysiwyg.edit .Page.NewsletterSubscription .CustomNewsletterRecipient.step1 .categories { width:auto; position:static; } @media screen and (max-width: 1024px) { .Page.NewsletterSubscription .CustomNewsletterRecipient .chegroup.categories, .Page.NewsletterSubscription .CustomNewsletterRecipient.step1 .categories { width: auto; right: 40rem; padding: 0 0.5rem; } } @media screen and (max-width: 900px) { .Page.NewsletterSubscription .CustomNewsletterRecipient.step2 .chegroup.categories { position: static; height: auto !important; margin-bottom: 1rem; } .Page.NewsletterSubscription .CustomNewsletterRecipient .chegroup.categories .checkbox_image { width: 50%; } .Page.NewsletterSubscription .CustomNewsletterRecipient .chegroup.categories .checkbox_image:nth-child(n+3) { float: right; clear: right; } } @media screen and (max-width: 720px) { .Page.NewsletterSubscription .CustomNewsletterRecipient.step1 .categories { padding: 0; } } @media screen and (max-width: 608px) { .Page.NewsletterSubscription .CustomNewsletterRecipient .chegroup.categories .checkbox_image { width: 100%; } } #wysiwyg .Page.NewsletterSubscription .formItem .SetImage > * { float:none; } .Page.NewsletterSubscription .chegroup.categories input { display: none; } .Page.NewsletterSubscription .chegroup:not(.categories) > span, .Page.NewsletterSubscription .chegroup.categories label, .Page.NewsletterSubscription .chegroup.categories label * { /* font-family: "Open Sans Bold"; */ } .Page.NewsletterSubscription .chegroup.categories > span { margin-top: 24px; } .Page.NewsletterSubscription .chegroup.categories label { display: block; width: 100%; height: auto; margin: 0; text-align: center !important; } .Page.NewsletterSubscription .chegroup.categories label::before { display: none; } .Page.NewsletterSubscription .chegroup.categories label .SetImage { width: 100%; overflow:hidden; } .Page.NewsletterSubscription .chegroup.categories .copyright { font-size: 20px; padding-top: 36px; border-top-width: 1px; margin-top: 36px; } .Page.NewsletterSubscription .chegroup.categories > span + .chegroup.categories label .copyright { margin-top: 20px; } @media screen and (max-width: 1024px) { .Page.NewsletterSubscription .chegroup.categories .copyright { margin-top: 0.5rem; padding-top: 0.5rem; } } .Page.NewsletterSubscription .chegroup.categories .description { margin-bottom: 18px; font-size:14px; } .Page.NewsletterSubscription .chegroup.categories img { float: none; margin: 0 auto; padding: 36px 0 5px; } @media screen and (max-width: 1024px) { .Page.NewsletterSubscription .chegroup.categories img { padding-top: 0.5rem; } } .Page.NewsletterSubscription .stateButton { width: auto!important; float: none!important; font-size:14px; background-color: rgba(0, 0, 0, 0.05); } .Page.NewsletterSubscription .stateButton [class*="ss-"] { line-height: 30px; margin-left: 12px; float: right; } .Page.NewsletterSubscription form > .categories.wrapper > .categories.wrapper .validationMessage, .Page.NewsletterSubscription formwysiwyg > .categories.wrapper > .categories.wrapper .validationMessage { display: none; } .Page.NewsletterSubscription form > .categories.wrapper > .validationMessage, .Page.NewsletterSubscription formwysiwyg > .categories.wrapper > .validationMessage { margin: 0 0 3rem; } .Page.NewsletterSubscription .wrapperForm .formSubmitMessage { padding: 0; margin-left: 24px; } .Page.NewsletterSubscription .subscriptionBody #legals, .Page.NewsletterSubscription .subscriptionBody #privacy { padding-top: 20px; display: none; } .Page.NewsletterSubscription form .wrapper.chegroup.typ, .Page.NewsletterSubscription form .wrapper.chegroup.agb { margin-bottom:1rem; } .Page.NewsletterSubscription .BasicForm .wrapper.submit { border: none; width: 100%; margin-bottom:0.75rem; } .Page.NewsletterSubscription .subscriptionFooter { background-color: #1e1e1e; padding: 54px 1rem; margin: 0; line-height: 1.3em; color: #FFFFFF; box-sizing: border-box; } .Page.NewsletterSubscription .subscriptionFooter .wrapper { overflow: hidden; width: 944px; margin: 0 auto; max-width: 100%; position: relative; } .Page.NewsletterSubscription .subscriptionFooter img { max-width: 90px; width: 100%; } .Page.NewsletterSubscription .subscriptionFooter .BasicGraphic { float: left; margin-right: 16px; width: 90px; } @media screen and (max-width: 640px) { .Page.NewsletterSubscription .subscriptionFooter .BasicGraphic { margin: 0; position: absolute; } } .Page.NewsletterSubscription .subscriptionFooter .BasicText { float: left; font-size: 12px; margin-right: 16px; width: 200px; } @media screen and (max-width: 640px) { .Page.NewsletterSubscription .subscriptionFooter .BasicText { margin: 0; width: 100%; box-sizing: border-box; padding: 0 4.75rem 0 6.625rem; } } @media screen and (max-width: 480px) { .Page.NewsletterSubscription .subscriptionFooter .BasicText { padding-left: 0; } .Page.NewsletterSubscription .subscriptionFooter .BasicGraphic + .BasicText { padding-top: 6.625rem; } } .Page.NewsletterSubscription .subscriptionFooter .powered { float: right; max-width: 60px; margin-top: 140px; opacity: 0.6; } .Page.NewsletterSubscription .subscriptionFooter .powered:hover { opacity: 1; } @media screen and (max-width: 640px) { .Page.NewsletterSubscription .subscriptionFooter .powered { margin: 0; position: absolute; right: 0; bottom: 0; } } .searchResults { width: 100%; } .searchResults .noData { text-align: center; } .searchResults > ul { clear: both; } .searchResults > ul > li { display: block; } .searchResults > ul > li > div { float: left; clear: both; } .searchResults .gif { background-image: url("/Ressource/Graphic/loading.gif"); width: 32px; height: 32px; margin: 16px auto; display: none; } .searchWidget { width: 17rem; } .searchWidget input[name="inputSearch"] { box-sizing:border-box; font-size:0.9375rem; font-family: "HurmeGeometricSans4-Regular"; border:1px #d5d7d2 solid; box-shadow:none; border-radius:3px; height:2.5rem; padding-left: 2.5rem; padding-top: 0.75rem; } .searchWidget .icon{ position: absolute; top: 0.7rem; cursor: pointer; font-size: 1rem; line-height: 1em; color: #8d8d8d; } .searchWidget .fa-times, .searchWidget .fa-times-circle { right: 0.75rem; } .searchWidget .fa-search { left: 0.75rem; } .searchWidget input[name="inputSearch"]::-webkit-input-placeholder { font-size: 0.9375rem; font-family: "HurmeGeometricSans4-Regular"; } .searchWidget input[name="inputSearch"]:-ms-input-placeholder { font-size: 0.9375rem; font-family: "HurmeGeometricSans4-Regular"; } .searchWidget input[name="inputSearch"]:-moz-placeholder { font-size: 0.9375rem; font-family: "HurmeGeometricSans4-Regular"; } .searchWidget input[name="inputSearch"]::-moz-placeholder { font-size: 0.9375rem; font-family: "HurmeGeometricSans4-Regular"; } .searchWidget input[name="inputSearch"].input-placeholder { font-size: 0.9375rem; font-family: "HurmeGeometricSans4-Regular"; } .searchWidget form{ overflow: inherit; margin: 0 auto; } .searchWidget .suggest{ background-color: #ffffff; border-radius: 0 0 0.5rem 0.5rem; padding: 1.25rem 2.5rem 2.5rem; width: 100%; position: absolute; z-index: 1; box-shadow: 0 2px 4px #CCCCCC; } .searchWidget .suggest a{ display: block; font-family: "HurmeGeometricSans4-SemiBold"; font-size: 0.8125rem; line-height: 1.5em; padding: 0; } .searchWidget .suggest .search{ padding: 0.5rem; display: inline-block; } .searchWidget .suggest .filter{ color: #8d8d8d; display: inline-block; } .searchResults.pageElt { padding: 0 2rem; } @media screen and (max-width: 850px) { .searchResults.pageElt { padding-left: 1rem; padding-right: 1rem; } } @media screen and (max-width: 824px) { .searchResults.pageElt { padding-left: 0.5rem; padding-right: 0.5rem; } } .searchResults h1{ margin-top: 2rem; margin-bottom: 2rem; font-size: 1.875rem; line-height: 1.2em; text-align: center; } .searchResults .searchWidget { margin: 0 auto; margin-bottom: 2.5rem; width: 27rem; max-width: 100%; } .searchResults .noData { clear: both; font-size: 1.125rem; line-height: 1.5em; margin: 5rem 0; visibility: visible; } @media screen and (max-width: 544px) { .searchResults .noData { margin: 3rem 0; font-size: 0.9375rem; } .searchResults:not(.product) .searchWidget { margin-left: 1rem; margin-right: 1rem; width: calc(100% - 2rem); } .searchResults.product .searchWidget { margin-left: 0.5rem; margin-right: 0.5rem; width: calc(100% - 1rem); } } .searchResults.product .searchData{ width: 68rem; } .searchResults.product .searchData .SingleTeaserOuterWrapper{ width: 100%; } .searchResults li { float: left; } .searchResults .searchNav + .wrapper{ overflow: hidden; border-bottom: solid 1px #d8d8d6; margin-bottom:1.5rem; } .searchResults .wrapperSearchHeader{ overflow: hidden; border-bottom-width: 1px; margin: 0 1rem; } @media screen and (max-width: 680px) { .searchResults.product .masonryWrapper{ padding-left: 0.5rem; padding-right: 0.5rem; } } @media screen and (max-width: 544px) { .searchResults.product .masonryWrapper{ padding-left: 0; padding-right: 0; } .searchResults .wrapperSearchHeader{ margin-left: 1rem; margin-right: 1rem; } .searchResults.product .wrapperSearchHeader{ margin-left: 0.5rem; margin-right: 0.5rem; } } .searchResults form[name="formFilter"]{ float:left; } .searchResults form .filterCaption{ display: none; } .searchResults .filter input{ display:none; } .searchResults .filter label{ margin-right: 1.625rem; height: 2.5rem; display: inline-block; font-family: "HurmeGeometricSans1-SemiBold"; -o-transition: color .5s; -ms-transition: color .5s; -moz-transition: color .5s; -webkit-transition: color .5s; transition: color .5s; } .searchResults .filter label *{ padding-bottom: 1.3rem; border-bottom: 0.125rem solid transparent; } @media screen and (max-width: 1019px) { .searchResults .filter label *{ padding-bottom: 0.5rem; } } .searchResults .filter label .filterCount{ padding-left: 0.25rem; color: #8d8d8d; font-family: "HurmeGeometricSans4-Regular"; } .searchResults .filter input:checked + label *:not(.filterCount){ border-bottom-color: #2d2d2d; } .searchResults .pagetype{ padding-bottom: 0.5rem; } .searchResults .searchHeader { padding: 5px 0 15px; float:right; overflow: hidden; } .searchResults .searchHeader li { margin-right: 10px; float: right; } @media screen and (max-width: 544px) { .searchResults .searchHeader li { clear: both; } } .searchResults .searchHeader span, .searchResults .score span { margin-right: 5px; color: #8d8d8d; line-height: 1.5em; } .searchResults .searchData { padding-top: 2.5rem; } .searchResults .searchData li, .searchResults.page .searchData li, .searchResults.all .searchData li { margin-bottom: 2.5rem; padding: 0 1rem; width: 100%; box-sizing: border-box; } .searchResults.social .searchData li, .searchResults.film .searchData li, .searchResults.news .searchData li{ width: 33.33%; margin-bottom: 2rem; padding: 0; display: inline-block; float:none; vertical-align: top; } .searchResults.product .searchData li{ width: 25%; margin-bottom: 0; padding: 0; } @media screen and (max-width: 824px) { .searchResults.product .searchData li, .searchResults .searchData li { width: 33.33%; } } @media screen and (max-width: 680px) { .searchResults.social .searchData li, .searchResults.news .searchData li, .searchResults.film .searchData li, .searchResults.product .searchData li, .searchResults .searchData li{ width: 50%; } .searchResults.page .searchData li, .searchResults.all .searchData li { margin-bottom: 1.5rem; } } @media screen and (max-width: 544px) { .searchResults.pageElt:not(.product){ padding-left:0; padding-right: 0; } .searchResults.social .searchData li, .searchResults.news .searchData li, .searchResults.film .searchData li, .searchResults:not(.product) .searchData li { width: 100%; /* padding: 0 0.5rem; */ } } .searchResults .BasicText.content { max-height: 4.5em; overflow: hidden; } .content .searchData { width: 64rem; max-width: 100%; overflow: hidden; margin: auto; } .content .searchData a { color: #2d2d2d; display: block; overflow: hidden; position: relative; } .searchData .imgWrapper{ float: left; width: 13rem; height: 100%; margin: 0; overflow: hidden; } .searchData .textField:not(:last-child){ margin-bottom: 0.5rem; width: 100%; } .searchData .textWrapper{ width: auto; padding-left: 15rem; padding-right: 2rem; font-family: 'HurmeGeometricSans4-SemiBold'; box-sizing: border-box; } .searchData .imgWrapper.noImg + .textWrapper{ padding-left: 0; } @media screen and (max-width: 544px) { .searchData .imgWrapper{ width: 100%; margin: 0 0 1rem 0; } .searchData .textWrapper{ padding: 0rem; } } .searchData a .imgWrapper img { margin: 0 auto; width: 100%; height: 100%; box-sizing: border-box; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .searchData img.bc { background-color: #ffffff; } .searchData h2 { font-size: 1.125rem; margin-bottom: 1rem; box-sizing: border-box; } .searchData .score { position: absolute; top: 0; right: 0; } .searchData .context { box-sizing: border-box; padding-right: 1rem; } .searchData h2 span, .searchData .context span { background-color: #ffffff; font-family: inherit; font-size: inherit; line-height: inherit; } .searchData .title, .searchData .desc { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .searchResults:not(.product) .searchData .text { display: none; } .searchData .resultItem{ background-color: #fde0d0; } .searchData .CustomNavigationPath, .searchData .CustomPrice{ color: #E8833D; overflow: hidden; } .searchData .CustomPrice > * { float: left; } .searchData .tax{ display: none; } .searchData .context .CustomPrice span { margin-right: 5px; background-color: transparent; } .searchData .CustomNavigationPath { font-family: inherit; font-size: inherit; } .searchResults .searchData.teaserView li { margin-bottom: 2.5rem; max-width: 25%; box-sizing: border-box; padding: 0 1rem; } .searchResults .searchData.teaserView > ul > li{ display: inline-block; } .searchData.teaserView .breadcrumb, .searchData.teaserView .desc{ display: none; } .searchData.teaserView .imgWrapper{ width: 100%; } .searchData.teaserView img{ max-height: 13rem; } .searchData.teaserView .textWrapper{ padding: 14.125rem 0.625rem 0.625rem; height: 5.25rem; font-family: "HurmeGeometricSans1-SemiBold"; } .searchData.teaserView h2{ height: 2rem; margin-bottom: 0; font-size: 0.75rem; line-height: 1.2em; overflow: hidden; } .searchData.teaserView .CustomPrice { margin-top: 0rem; } @media screen and (max-width: 824px) { .searchResults .searchData.teaserView li { max-width: 33%; } } @media screen and (max-width: 680px) { .searchResults .searchData.teaserView li { max-width: 50%; } } .searchResults:not(.product):not(.news):not(.social):not(.film) .channelWrapper{ position: relative; } .searchResults:not(.product):not(.news):not(.social):not(.film) .searchData .channelName{ padding-right: 5rem; box-sizing: border-box; } .searchResults:not(.product):not(.news):not(.social):not(.film) .channelWrapper .BasicGraphic, .searchResults:not(.product):not(.news):not(.social):not(.film) .channelWrapper .channelIcon{ position: absolute; top: 0; right: 1rem; height: 1.25rem; width: 1.25rem; font-size: 1.25rem; } .searchResults:not(.product):not(.news):not(.social):not(.film) .channelWrapper .channelIcon{ right: 2.75rem; } .searchResults .loading { height: 100px; position: relative; } .searchResults .loading::before { z-index: 1000; position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; } .searchResults .loading::after { z-index: 1001; position: absolute; top: 50%; left: 50%; margin-top: -1.25rem; margin-left: -1.25rem; content: ""; animation: spin-anticlockwise 2s infinite linear; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg transform='matrix(0.95238095,0,0,0.95238095,0,-962.24984)'%3E%3Cpath d='m 36.147008,1051.331 c -6.6e-4,0.013 -10e-4,0.034 -10e-4,0.047 0,0.5431 0.44076,0.9841 0.983809,0.9844 l 3.885784,0 c 0.5434,0 0.984399,-0.441 0.984399,-0.9844 l 0,-16.4349 c 0,-0.5434 -0.440999,-0.9844 -0.984399,-0.9844 l -16.424216,0 c -0.543369,0 -0.984369,0.441 -0.984369,0.9844 l 0,3.889 0,0 c 0,0.5434 0.441,0.9844 0.984369,0.9844 0.0129,0 0.0338,-5e-4 0.0467,-10e-4 l 8.322868,-0.3986 c -2.367287,3.5211 -7.732229,6.3789 -11.975213,6.3789 -6.274011,0 -12.558872,-4.9503 -14.0286199,-11.0498 -0.0982,-0.4188 -0.5270293,-0.7591 -0.9572887,-0.7596 l -4.0236142,0 c -0.5433692,0 -0.98436862,0.441 -0.98436862,0.9844 0,0.05 0.007,0.1298 0.0164,0.1788 1.7735174,9.4254 10.0438854,16.5555 19.9778414,16.5555 l 0.0233,0 c 5.184613,0 12.113273,-3.2097 15.465798,-7.1646 z M 20.98603,1016.9247 c 6.275141,0 12.562562,4.9517 14.02977,11.0529 0.0982,0.4188 0.527029,0.7591 0.957289,0.7596 l 4.023614,0 c 0.543369,0 0.984368,-0.441 0.984368,-0.9844 0,-0.05 -0.007,-0.1298 -0.0164,-0.1788 -1.773517,-9.4254 -10.043795,-16.5555 -19.978661,-16.5555 l -0.0192,0 c -5.178523,0 -12.1020327,3.2034 -15.4543179,7.1506 l 0.3403795,-6.7733 c 7.2e-4,-0.014 10e-4,-0.036 10e-4,-0.049 0,-0.5434 -0.4409993,-0.9844 -0.9843686,-0.9844 l -0.001,0 -3.88413441,0 C 0.44099937,1010.3622 0,1010.8032 0,1011.3466 l 0,16.4333 c 0,0.5434 0.44099937,0.9844 0.98436859,0.9844 l 16.42261641,0 c 0.543369,0 0.984369,-0.441 0.984369,-0.9844 l 0,-3.8883 0,0 c 0,-0.5434 -0.441,-0.9844 -0.984369,-0.9844 -0.0129,0 -0.0339,6e-4 -0.0468,10e-4 l -8.3507679,0.3995 c 2.3624769,-3.5228 7.7224489,-6.382 11.9642329,-6.382 l 0.0123,0 z' style='fill:%23f76414;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 2.5rem; width: 2.5rem; } .searchResults .searchFooter { overflow: hidden; text-align: center; } .searchResults .searchFooter li{ width: 100%; } .searchResults .searchFooter .counter{ margin-bottom: 1rem; } .searchResults .searchFooter .counter, .searchResults .searchFooter .defaultButton { float: none; } @media screen and (max-width: 544px) { .searchResults .searchFooter { padding-left: 1rem; padding-right: 1rem; box-sizing: border-box; } .searchResults .searchFooter .defaultButton{ width: 100%; } } .CustomSocialMedia.List { width: 100%; float: left; } .CustomSocialMedia.socialFeeds li { float: left; } .CustomSocialMedia.Detail, .CustomSocialMedia.social { float: left; margin-bottom:0.5rem; } .CustomSocialMedia.Detail a, .CustomSocialMedia.social a { color: inherit; padding: 0.25rem 0.5rem; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .CustomSocialMedia.Detail a:focus, .CustomSocialMedia.Detail a:active, .CustomSocialMedia.social a:focus, .CustomSocialMedia.social a:active { color:#E8833D; } .CustomSocialMedia.social a>span:before { font-size: 1.5rem; } .CustomSocialMedia.social > .title { /*font-family: Open Sans Semibold;*/ font-size: 0.625rem; letter-spacing: 1px; text-transform: uppercase; line-height: 1.5rem; display:inline-block; vertical-align:middle; } .CustomSocialMedia.social>ul { display:inline-block; vertical-align:middle; margin-left: 0.5rem; } .CustomSocialMedia.social li { display:inline-block; } .CustomSocialMedia.social a { padding:0 0.5rem; } .CustomSocialMedia.social a[data-service] span:before { font-family: "SSSocialCircle" !important; text-rendering: optimizeLegibility; white-space: nowrap; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; display: inline-block; height: 1rem; margin-top: 0.5rem; } .CustomSocialMedia.social a[data-service=google_plusone_share] span:before { content: ""; } .CustomSocialMedia.social a[data-service=facebook] span:before { content: ""; } .CustomSocialMedia.social a[data-service=twitter] span:before { content: ""; } .CustomSocialMedia.social a[data-service=pinterest] span:before { content: ""; } /* {cssInclude path=Lib} */ .CustomTag.Cloud ul { float: right; text-align:right; } .CustomTag.Cloud li { display:inline-block; } .CustomTag.Cloud li{ font-size: 0.625rem; /*font-family: Open Sans Semibold;*/ letter-spacing: 1px; text-transform: uppercase; } .CustomTag.Cloud li.filterLegend { margin: 0.5rem 0.75rem 0 0.5rem; } .Tag { display: block; font-size: 0.625rem; /*font-family: Open Sans Semibold;*/ letter-spacing: 1px; text-transform: uppercase; padding: 0.5rem; margin: 0 0 0.5rem 0.5rem; background-color: #ffffff; line-height: 1rem; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .Tag:active, .Tag:focus, .Tag.selected { background-color: #E8833D; color: #ffffff; } .Tag[data-filter-id] { cursor: pointer; } @media screen and (max-width:544px) { .Tag { padding:5px; margin-left:1px; } }*/ .CustomUserLogin .fa-user{ color:#2d2d2d; line-height:0.75rem; height:0.75rem; vertical-align:middle; } .CustomUserLogin.stateLogin .fa-user { display: none; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .CustomUserLogin.alreadyLoggedIn{ min-width: 20rem; min-height: 5rem; margin: 5rem auto 2.5rem; text-align: center; } @media screen and (max-width: 544px) { .CustomUserLogin.stateLogin .fa-user { display: inline-block; } } .menuMobile .CustomUserLogin.userLoginState .logout { } .menuMobile .CustomUserLogin.userLoginState .logout .text { padding: 0 1rem 0 0; } .CustomUserNavigation { padding: 0; width: auto; padding: 0 0.5rem; } .CustomUserNavigation ul { color: #2d2d2d; overflow:hidden; } .CustomUserNavigation li { display: block; float: left; margin-right: 1rem; } .CustomUserNavigation ul { font-size: 0.875rem; } .CustomUserNavigation ul a { color: #E8833D; text-decoration: none; border-bottom: solid 1px transparent; } .CustomUserNavigation ul a:focus, .CustomUserNavigation ul a:active { border-bottom-color: #2d2d2d; } @media screen and (max-width:544px) { .CustomUserNavigation li { float:none; } } .CustomUserProfile .error { color: #e0292b; } .CustomUserProfile .valid { color: #31b847; } .CustomUserProfile .userProfileRegisterForm .mandatory_field_desciption { display: none; } .BasicSpacerContentLoader .CustomUserProfile.register h1, .BasicSpacerContentLoader .CustomUserProfile.register h2 { margin: 0 0 1.5rem; } .BasicSpacerContentLoader .CustomUserProfile .BasicForm .formSubmitMessage { padding: 0; } .BasicSpacerContentLoader .CustomUserProfile .BasicForm .formSubmitMessage .submit_message { padding: 0 0.5rem 2rem; } .CustomUserProfileFooter { max-width:928px; height:auto; margin: 0 auto; overflow: hidden; padding:16px 32px 16px 32px; } .CustomUserProfileFooter .project { float: left; margin-right: 32px; } .CustomUserProfileFooter .company { width: 50%; height: auto; float: right; } .CustomUserProfileFooter .company img { margin-bottom: 8px; max-height: 48px; max-width: 100%; } .CustomUserProfileFooter .company .abstand { height: 8px; width: 10px; } .CustomUserProfile.Widget.update { margin: 0 auto; max-width:928px; overflow: hidden; } .user_updateForm.ProjectForm.BasicForm { width:100%; } .CustomUserProfileProperty .historyWrapper { clear: both; max-height: 20rem; overflow: scroll; margin-bottom: 2rem; font-size: 0.75rem; } .CustomUserProfileProperty .historyWrapper .entry { border-bottom: 1px solid gray; padding: 0.5rem; } .CustomUserProfileProperty .historyWrapper .headline { font-family: OpenSans-Bold; } .CustomUserProfileJs { margin: 0 1rem 2.75rem; } .CustomUserProfileJs .title { margin: 0 0 2rem; padding: 1rem 1rem 2rem; overflow: hidden; border-bottom-width: 0.25rem; overflow: hidden; box-sizing: border-box; } .CustomUserProfileJs .title h3 { display: inline-block; margin-top: 0.25rem; } .CustomUserProfileAddressJs { } .CustomUserProfileAddressJs .addressList { } .CustomUserProfileAddressJs .addressList .tax{ margin-top: 0.5rem; } .CustomUserProfileAddressJs .wrapperAddress { padding: 1.9325rem; margin: 1rem; border-width: 0.0625rem; min-height: 18.5rem; box-sizing: border-box; max-width: 18rem; } .CustomUserProfileAddressJs .addressOverview .wrapperAddress { min-height: 14.5rem; } .CustomUserProfileAddressInDialog .addressEntry.onRequest .wrapperAddress, .CustomUserProfileAddressJs .addressEntry.onRequest .wrapperAddress { background-color:#ebebe8; } .CustomUserProfileAddressJs .addressEntry .hint_on_request, .CustomUserProfileAddressJs .hint_new_address { color: #E8833D; margin-top: 1rem; } .CustomUserProfileAddressJs .hint_new_address { margin-bottom: 1rem; } .CustomUserProfileAddressJs .addressEntry { width: 33.33%; display:inline-block; vertical-align:top; } .CustomUserProfileAddressJs .wrapperData { min-height: 10.5em; overflow: hidden; } .CustomUserProfileAddressJs .wrapperData .data { margin-bottom: 1.5em; } .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .title { float: right; border: none; margin: 1rem 0; padding: 0 1rem 0 0; } .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs h3 { display: none; } @media screen and (min-width: 849px) { .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .title { height: 14.5rem; } .CustomShopCheckoutJs.overview .addressOverview .wrapperButton { height: 100%; } .CustomShopCheckoutJs.overview .addressOverview .wrapperButton:before { content:""; height:100%; vertical-align:bottom; display:inline-block; } .CustomShopCheckoutJs.overview #address_list_open { vertical-align: bottom; display:inline-block; } } @media screen and (max-width: 848px) { .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .title, .CustomUserProfileAddressJs .addressList { width: 100%; box-sizing: border-box; } .CustomUserProfileAddressJs .addressEntry { width: 50%; } } @media screen and (max-width: 544px) { .CustomUserProfileAddressJs .addressEntry { width: 100%; min-width: initial; } .CustomUserProfileAddressJs .wrapperAddress { margin: 1rem auto; min-height: initial; } .CustomUserProfileAddressJs .wrapperData { min-height: initial; } } .CustomUserProfileJs .wrapperButton { float: right; overflow: hidden; } .CustomUserProfileJs .wrapperAddress .roundIcon { margin: 0 0 0.5rem; } .addressButtons input[type="radio"] { display: none; } .CustomUserProfileJs .addressButtons .roundIcon { margin: 0; } .CustomUserProfileJs .wrapperAddress .stateButton { margin: 0.5rem 0 0; } .addressOverview { overflow: hidden; } .CustomUserProfileJs.open .addressOverview { display: none; } .wrapperAddress h4 { margin: 0 0 1rem; } .CustomUserProfileJs .editContent { display: none; } .CustomUserProfileJs.open .editContent { display: block; } .CustomUserProfileJs form { } .CustomUserProfileJs form::after { content: ""; width: 100%; display: block; clear: both; height: 1px; } #addressEdit .cancel { float: left; } #addressEdit .submit { float: right; } .CustomUserProfileJs .noShipping { margin: 1rem; clear: both; float: left; margin: 1rem; width: 100%; } .CustomUserProfileJs .addAddress { cursor: pointer; } .CustomUserProfileJs .addAddress .icon { display: block; font-size: 5rem; line-height: 15rem; height: 14rem; text-align: center; } @media screen and (max-width: 544px) { .CustomUserProfileJs .addAddress .icon { line-height: 3rem; height: 2rem; } } .CustomUserProfileJs .BasicForm { background-color: inherit; width: auto; } .CustomUserProfileJs .BasicForm .closeButton { display: none; } .CustomShopCheckoutJs.overview #address_list_open { float: none; } .CustomShopCheckoutJs.overview #address_list_open .roundIcon{ margin-left:0.75rem; } .CustomUserProfileJs { max-width: 66rem; margin: 0 auto 2.75rem; overflow:hidden; } .CustomUserProfileJs .title { border-bottom-width: 1px; font-size: 1rem; /*font-family:Open Sans Bold;*/ } .CustomUserProfileAddressJs .wrapperData .data { margin-bottom: 0.75em; } .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .title { padding-right:0; } .CustomUserProfileAddressJs .wrapperAddress { background-color: #f9f9f8; } .CustomUserProfileAddressJs .wrapperAddress h4{ /*font-family:Open Sans Bold;*/ } .CustomUserProfileJs.CustomUserProfileAddressJs.open { overflow: unset; } .CustomUserProfileJs .wrapperButton .actionButton { float: right; clear: both; margin-bottom: 0.5rem; } .CustomUserProfileJs .wrapperAddress .roundIcon span[class*="ss-"] { margin-right: 0; } .CustomShopCheckoutJs .CustomUserProfileJs .BasicForm .wrapper.checkbox input[type="checkbox"] { display: none; } .CustomShopCheckoutJs .CustomUserProfileJs .BasicForm input[type="checkbox"]:checked + label::before{ line-height: 1.25rem; } .CustomShopCheckoutJs .CustomUserProfileJs .BasicForm .wrapper.checkbox label{ line-height: 1.5625rem; } @media screen and (max-width:544px) { .CustomUserProfileJs .title { padding:0 0 1rem 0; } .CustomUserProfileJs .noShipping { margin: 0; } } .userProfile_address_add_editForm label { left: 1.5rem !important; } .userProfile_address_add_editForm label.visible { display: inherit; } .CustomShopCheckoutJs .CustomUserProfileJs .addAddress .icon { color: #ffffff; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .CustomShopCheckoutJs .CustomUserProfileJs .addAddress:active .icon, .CustomShopCheckoutJs .CustomUserProfileJs .addAddress:focus .icon { color: #E8833D; } .CustomUserProfileAddressJs.suggestion { border-width: 0.0625rem; padding: 2rem; margin: 1rem; font-weight: normal; } .CustomUserProfileAddressJs.suggestion .address { overflow: hidden; margin-top: 1rem; } .CustomUserProfileAddressJs.suggestion .forceAddress, .CustomUserProfileAddressJs.suggestion .actionButton.right { float: right; } .CustomUserProfileAddressJs.suggestion .info { display: inline; } @media screen and (max-width: 544px) { .CustomUserProfileAddressJs.suggestion { margin: 1rem 0; } } @media screen and (max-width: 768px) { .CustomUserProfileAddressJs.suggestion .message { display: inline-block; margin-top: 0.5rem; } } .CustomUserProfileAddressJs.suggestion .acceptPartialAddress { display: block; } .acceptPartialAddress .actionButton.right { padding: 0; margin-left: 2rem; } .acceptPartialAddress:hover .actionButton.right { color: inherit; } .acceptPartialAddress .actionButton.right:hover { background-color: initial; } .CustomUserProfileAddressJs.suggestion .forceAddress { margin-left: 2rem; margin-bottom: 2rem; } @media screen and (max-width: 768px) { .CustomUserProfileAddressJs.suggestion .forceAddress { margin-left: 0; margin-bottom: 1rem; } } .addressTypeDropDown { position: relative; margin-right: 0.5rem; display: inline-block; width: 100%; } .addressTypeDropDown .icon.b2b_retailshop { color: rgb(247, 100, 20); } .addressTypeDropDown .icon.b2b_warehouse { color: rgb(35, 183, 68); } .addressTypeDropDown .icon.b2b_administration { color: rgb(239, 199, 94); } .addressTypeDropDown .icon.private { color: rgb(255, 97, 163); } .addressTypeDropDown .icon.company { color: rgb(163, 97, 255); } .addressTypeDropDown .icon.unknown { color: rgb(111, 61, 211); } .addressTypeDropDown .icon.retailshop { color: rgb(247, 100, 20); } .addressTypeDropDown .icon.warehouse { color: rgb(35, 183, 68); } .addressTypeDropDown .icon.administration { color: rgb(239, 199, 94); } .addressTypeDropDown .icon.distributor { color: rgb(255, 97, 163); } .addressTypeDropDown .caption { position: relative; background-color: #f9f9f8; font-size: 12px; padding: 0.25rem 2rem 0.25rem; border: none; border-radius: 3px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .addressTypeDropDown:not(.readonly) .caption { cursor: pointer; } .addressTypeDropDown.open .caption { background-color: #e1e1de; } .addressTypeDropDown .iconWrapper.iconType, .addressTypeDropDown .item .iconWrapper { position: absolute; top: 0; left: 0; bottom: 0; width: 2rem; text-align: center; } .addressTypeDropDown .caption .surtitle { font-size: 0.625rem; color: #8c8c8a; line-height: 0.875rem; } .addressTypeDropDown .caption .captionTitle { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .addressTypeDropDown .caption .iconWrapper.chevron { color: #8c8c8a; position: absolute; right: 0; top: 0; text-align: center; height: 100%; width: 2rem; font-size: 1rem; } .addressTypeDropDown .iconWrapper .icon { font-size: 0.5rem; } .addressTypeDropDown .caption .icon { display: inline-block; vertical-align: middle; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .addressTypeDropDown.open .caption .iconWrapper.chevron .icon { color: #2d2d2d; } .addressTypeDropDown .itemList { width: 100%; height: 0; overflow: hidden; position: absolute; z-index: 900; background-color: #e1e1de; margin-top: 0.5rem; border-radius: 3px; -webkit-box-shadow: 0 0.375 0.5rem 0px rgba(0, 0, 0, 2.5); -moz-box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, 2.5); box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, .25); } .addressTypeDropDown .itemList .item { display: block; padding: 0.375rem 0.625rem 0.375rem 2rem; position: relative; cursor: pointer; font-size: 0.75rem; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .addressTypeDropDown .itemList .item.hidden { display: none; visibility: hidden; } .addressTypeDropDown .itemList li.selected { background-color: #ffffff; } .CustomUserProfilePaymentJs .paymentOverview { float: left; } .CustomUserProfilePaymentJs .title h3 { line-height: 2.5rem; margin-top: 0; float: left; } .CustomUserProfilePaymentJs .wrapperPayment .data { overflow: hidden; line-height: 2.5rem; } .CustomUserProfilePaymentJs .wrapperPayment .BasicGraphic { float: right; margin-left: 1rem; height: 2.5rem; } @media screen and (max-width: 544px) { .CustomUserProfilePaymentJs .title h3 { line-height: 1.5em; } .CustomUserProfilePaymentJs .paymentOverview { clear: both; } } .CustomUserProfilePaymentJs .closeButton, .CustomUserProfilePaymentJs.open .openButton { display: none; } .CustomUserProfilePaymentJs.open .closeButton, .CustomUserProfilePaymentJs .openButton { display: block; } @media screen and (max-width: 414px) { .CustomUserProfilePaymentJs .openButton .info { display: none; } } .CustomUserProfilePaymentJs .descriptionBox { padding: 2.5rem; margin-top: 1.5rem; overflow: hidden; } @media screen and (max-width: 544px) { .CustomUserProfilePaymentJs .descriptionBox { padding: 1rem; } } .CustomUserProfilePaymentJs .wrapperPaymentMethod { box-sizing: border-box; padding: 0.5rem 0; width: 100%; max-width: 27.5rem; } @media screen and (min-width: 544px) { .CustomUserProfilePaymentJs .wrapperPaymentMethod { padding: 1rem 3rem; } } @media screen and (min-width: 698px) { .CustomUserProfilePaymentJs .wrapperPaymentMethod { padding: 1.5rem; width: 50%; float: left; } } @media screen and (min-width: 864px) { .CustomUserProfilePaymentJs .wrapperPaymentMethod { padding: 1.5rem 3rem; } } .CustomUserProfilePaymentJs .wrapperPaymentMethod input { display: none; } .CustomUserProfilePaymentJs .wrapperPaymentMethod .stateButton { width: 100%; margin: 0; padding: 0; } .CustomUserProfilePaymentJs .wrapperPaymentMethod .BasicGraphic { float: right; width: 5rem; } .CustomUserProfilePaymentJs .paymentMethod label { margin-left: 0.25rem; } .CustomUserProfilePaymentJs h3 { margin-right: 5px; } .CustomUserProfilePaymentJs .editContent { margin: 0 3rem; } .CustomUserProfilePaymentJs .descriptionBox { background-color: #ffffff; } .CustomUserProfilePaymentJs .descriptionBox h2{ margin-bottom:1.5rem; } .CustomUserProfilePaymentJs .wrapperPaymentMethod .stateButton { padding: 0.5rem 0.5rem 0 2.5rem; min-height: 2.5rem; line-height: 1.5rem; box-sizing:border-box; position:relative; } .CustomUserProfilePaymentJs .stateButton .roundIcon { position:absolute; top:2px; left:0; } .CustomUserProfilePaymentJs .stateButton .BasicGraphic { height: 100%; margin-top: -0.25rem; float: left; } @media screen and (max-width:768px) { .CustomUserProfilePaymentJs .editContent { margin:0; } } .mailManagement .actionWrapper .action .displayMailManagement, .mailManagement input[type="button"]{ width: auto; } .mailManagement #template{ width: 100%; } .mailManagement .mailDataWrapper input[type="text"], .mailManagement .mailDataWrapper textarea{ padding: 2px 8px; } .mailManagement .fileWrapper{ display:block; overflow:hidden; padding-left: 100px } .mailManagement .fileWrapper .linkWrapper{ padding-top:10px; padding-right: 2rem; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .mailManagement .fileWrapper input[type="checkbox"]{ float:right; margin-bottom: 0; } .mailManagement .buttonWrapper{ padding-left: 120px; } .CustomUserProfileProperty.property .mailManagement .buttonWrapper input[type="button"]{ width: 220px; } .CustomUserProfileProperty.property .userDocument label{ margin-left: 0.5rem; text-align: left; } .CustomUserProfileProperty.property .userDocument label + div{ margin-left: 0.5rem; } .agentInfoText { color:#e0292b; padding:1rem 0 2rem; } .CustomUserProfile.Widget.update{ margin-bottom: 2.5rem; } .CustomUserProfileJs .title h3 { font-size: 1rem; } .CustomShopBasket.Basket > table { width:100%; } .CustomShopBasket .BasketSummary { border-top-width: 1px; padding: 1rem 0; overflow: hidden; width: 100%; } .CustomShopBasket .BasketSummary .promoProductInfo { margin-top: 0.5rem; padding: 0.5rem; background-color: #d5d7d2; position: relative; } .CustomShopBasket .BasketSummary .promoProductInfo .icon { font-size: 1rem; color: #808080; position: absolute; } .CustomShopBasket .BasketSummary .promoProductInfo .text { margin-left: 2rem; display: inline-block; } .CustomShopBasket .BasketSummary .addGreetingCard { border: solid 0.5px #d5d7d2; border-radius: 3px; padding-left: 0.5rem; padding-right: 0.5rem; color: #999999; transition: all 0.3s ease 0s; } .CustomShopBasket .actionButton.addGreetingCard .icon { font-size: 1rem; line-height: 1.3em; color: #999999; transition: all 0.3s ease 0s; } .CustomShopBasket .CustomShopVoucher #voucherForm input { padding-left: 1rem; } @media screen and (max-width: 480px) { .CustomShopBasket .BasketSummary .addGreetingCard { float: left; margin-bottom: 1rem; } .CustomShopBasket .CustomShopVoucher #submitVoucherCode { top: 5rem; } } .CustomShopBasket.Basket .packaging { padding-top: 0.5rem; overflow: hidden; clear: both; } .CustomShopCheckoutSingleStep .CustomShopBasket.Basket .packaging { clear: none; } .CustomShopBasket.Basket .packaging label{ float: left; position: relative; padding: 0 0 0.5rem 2.5rem; } .CustomShopBasket.Basket .packaging .labelPackaging, .CustomShopBasket.Basket .packaging input:checked + label .labelNoPackaging{ display: none; } .CustomShopBasket.Basket .packaging input:checked + label .labelPackaging, .CustomShopBasket.Basket .packaging .labelNoPackaging{ display: table-cell; vertical-align: middle; height: 2.5rem; } .CustomShopBasket.Basket .packaging label::before{ content: ""; position: absolute; left: 0; top: 0.25rem; background-image: url("/Ressource/Graphic/geschenkpapier_icon_passiv.svg"); background-repeat: no-repeat; background-position: center; border-radius: 100%; width: 2rem; height: 2rem; } .CustomShopBasket.Basket .packaging input:checked + label::before{ background-image: url("/Ressource/Graphic/geschenkpapier_icon_activ.svg"); } .CustomShopBasket .BasketEntry.service .BasketSingleTeaser .packaging{ display: none; } .CustomShopBasket .BasketEntry.service .amount input{ background-color: transparent; border: none; } .CustomShopBasket .BasketEntry { border-top-width: 1px; overflow: hidden; width: 100%; } @media screen and (max-width: 736px) { .CustomShopBasket .BasketEntry { position: relative; } } .CustomShopBasket .BasketEntry.empty { padding-top: 2rem; margin-bottom: 2rem; } .CustomShopBasket .BasketEntry > td { padding: 1rem; padding-top: 2rem; } @media screen and (max-width: 736px) { .CustomShopBasket.WishList .wishlistTable, .CustomShopBasket.Basket table, .CustomShopBasket.WishList .wishlistTable tbody, .CustomShopBasket.Basket table tbody, .CustomShopBasket .BasketEntry, .CustomShopBasket .BasketEntry > td { display: block; } .CustomShopBasket .BasketEntry > td { padding: 0.5rem 0; } } .CustomShopBasket.Basket .BasketEntry.legend > td{ vertical-align:bottom; } .CustomShopBasket.Basket .single_price, .CustomShopBasket.Basket .amount, .CustomShopBasket.Basket .sum_price { text-align:center; } .CustomShopBasket.Basket .BasketEntry.legend .amount { text-align: center; } .CustomShopBasket.Basket .BasketEntry .amount input{ margin-top: -0.8rem; } @media screen and (max-width: 736px) { .CustomShopBasket.Basket .BasketEntry .amount input{ margin-top: 0; } } .CustomShopCheckoutJs.overview .CustomShopBasket.Basket .BasketEntry:not(.legend) .amount { padding-top: 1rem; } .CustomShopBasket .product_key_mobile, .CustomShopBasket .text .BasicText.subtitle { display: none; } .CustomShopBasket .configuration .text .BasicText.subtitle { display: block; } @media screen and (max-width: 816px) { .CustomShopBasket.Basket .product_key_mobile { display: block; } .CustomShopBasket.Basket .product_key { display: none; } } .CustomShopBasket .single_price_mobile { display: none; } @media screen and (max-width: 736px) { .CustomShopBasket.Basket .single_price_mobile { display: block; float: left; width: 100%; } .CustomShopBasket.Basket .single_price { display: none; } } body.b2b .CustomShopBasket.Basket .single_price_mobile { display: none; } .CustomShopBasket.Basket input[type="text"] { width: 3.375rem; box-sizing: border-box; text-align: center; } .BasketSingleTeaser a { width: 100%; } .CustomShopBasket.WishList .legend .productGraphic, .CustomShopBasket.Basket .productGraphic, .CustomShopBasket.Basket .BasketSingleTeaser > .graphic { float:left; width: 8rem; box-sizing:border-box; margin: 0; } .CustomShopBasket.Basket .BasketSingleTeaser > .graphic .graphic { float: none; } .CustomShopBasket.WishList .legend .productGraphic { width: 8.5rem; } @media screen and (max-width: 736px) { .CustomShopBasket .legend .productGraphic{ width: 18.18%; margin-right: 1.5rem; } .CustomShopBasket.WishList .legend .productGraphic { width: 18.18%; margin-right: 0.5rem; } .CustomShopBasket.Basket .legend .productGraphic { margin-right: 0; } } @media screen and (max-width: 560px) { .CustomShopBasket .legend .productGraphic, .CustomShopBasket.WishList .legend .productGraphic { width: 6rem; } } .CustomShopBasket.Basket .graphicWrapper img { max-height: none; } .CustomShopBasket.WishList .legend .productTitle, .CustomShopBasket.Basket .productTitle, .CustomShopBasket.Basket .BasketSingleTeaser > .text { float:left; width: auto; box-sizing:border-box; padding:0 0.5rem; } .CustomShopBasket.Basket .productTitle{ padding:0 1rem; } .CustomShopBasket.Basket .BasketSingleTeaser > .text { float: none; padding-left: 9rem; } .CustomShopBasket .BasketEntry .availabilityWrapper .ss-icon { vertical-align: middle; font-size: 0.8125rem; } .CustomShopBasket .BasketEntry .availabilityWrapper .availability { margin-left: 0.7rem; } .CustomShopBasket.Basket .BasketSingleTeaser .text .availability, body.b2b .BasketSingleTeaser .text .availability, body.agent .BasketSingleTeaser .text .availability { display: none; } body.b2b .CustomShopBasket.Basket .BasketSingleTeaser .availabilityB2B, body.agent .CustomShopBasket.Basket .BasketSingleTeaser .availabilityB2B { display:block; clear:both; padding-top:0.25rem; } body:not(.b2b):not(.agent) .CustomShopBasket.Basket .BasketSingleTeaser .availabilityB2B, body:not(.b2b):not(.agent) .CustomShopBasket.WishList .BasketSingleTeaser .availabilityB2B { display:none; } .CustomShopBasket.Basket .BasketSingleTeaser .availabilityB2B .icon { margin-right:0.5rem; } .CustomShopBasket.Basket .BasketSingleTeaser .availabilityB2B .caption { font-size:0.6875rem; } .BasketSingleTeaser .setParts { overflow: hidden; float: left; max-width: 100%; padding-top: 1rem; } @media screen and (min-width: 961px) { .displayForm .BasketSingleTeaser .setParts { float: none; } } @media screen and (max-width: 960px) { .CustomShopBasket.WishList .BasketSingleTeaser .setParts { float: none; } } .BasketSingleTeaser .BasketSetPart { overflow: hidden; position: relative; min-height: 5.75rem; width: 100%; } .CustomProduct.BasketSingleTeaser .BasketSetPart > .graphic { position: absolute; top: 0; left: 0; overflow: hidden; } .CustomProduct.BasketSingleTeaser .BasketSingleTeaser > .graphic { width: 8rem; position: relative; margin-top: -1rem; } .CustomProduct.BasketSingleTeaser .BasicGraphic.graphic { max-width: 100%; } @media screen and (max-width: 736px) { .CustomProduct.BasketSingleTeaser .BasketSingleTeaser > .graphic { width: 18.18%; } .CustomProduct.BasketSingleTeaser .BasicGraphic.graphic { width: 100%; } } @media screen and (max-width: 560px) { .CustomProduct.BasketSingleTeaser .BasketSingleTeaser > .graphic { width: 6rem; } } .BasketSetPart img { max-width: 4rem; } .BasketSingleTeaser .BasketSetPart .BasicGraphic.graphic { padding: 0; } .BasketSingleTeaser .BasketSetPart > .text { padding: 0.5rem 0 0 5rem; margin: 0!important; width: 100%; box-sizing: border-box; } @media screen and (max-width: 960px) { .CustomShopBasket.Basket .BasketSingleTeaser .BasketSetPart > .text { padding: 5rem 0 0.5rem; } } @media screen and (max-width: 413px) { .BasketSingleTeaser .BasketSetPart > .text { padding: 5rem 0 0.5rem; } } .BasketSingleTeaser .BasketSetPart .title { width: 100%!important; } .BasketSingleTeaser .BasketSetPart .subtitle { display:none; } .BasketSingleTeaser .BasketSetPart.configuration .subtitle { display: block; width: 100% !important; } .CustomShopBasket.Basket td.sum_price { position: relative; } .CustomShopBasket.Basket .emptyAmountHint { color: #e0292b; position: absolute; top: 4.25rem; right: 0.5rem; width: 13.125rem; text-align: center; } @media screen and (max-width: 736px) { .CustomShopBasket.Basket td.sum_price { position: static; } .CustomShopBasket.Basket .emptyAmountHint { right: 5rem; top: auto; width: auto; bottom: 14px; left: 11.875rem; } } @media screen and (max-width: 572px) { .CustomShopBasket.Basket .emptyAmountHint { position: relative; bottom: auto; left: auto; right: auto; } } .CustomShopBasket .BasketEntry .availabilityWrapper .actionButton .icon { transition: all 0.3s ease 0s; } .CustomShopBasket .BasketEntry .personaliseWrapper { padding-top: 2rem; } .CustomShopBasket .basketTeaserCardWrapper { margin-top: 2rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; margin-left: -0.5rem; margin-right: -0.5rem; } .CustomShopBasket .basketTeaserCard { text-align: left; box-sizing: border-box; flex-basis: 50%; padding: 0 0.5rem 1rem; } .CustomShopBasket #cardcardPackaging { order:-1; } .CustomShopBasket .basketTeaserCard.cursor { cursor: pointer; } .CustomShopBasket .basketTeaserCard .innerWrapper { background-color: #ffffff; border: solid 0.5px #d5d7d2; border-radius: 3px; } .CustomShopBasket .basketTeaserCard a { display: block; } .CustomShopBasket .basketTeaserCard img { display: inline-block; width: 10rem; padding: 2rem 0 1.5rem 0; box-sizing: border-box; background-color: #d5d7d2; vertical-align: top; } .CustomShopBasket .basketTeaserCard .textWrapper { display: inline-block; width: 60%; padding: 1.25rem; box-sizing: border-box; vertical-align: top; font-family: "HurmeGeometricSans1-Regular"; color: #999999; } .CustomShopBasket .basketTeaserCard .text1{ font-size: 1.0625rem; font-family: "HurmeGeometricSans1-Bold"; color: #2d2d2d; padding-bottom: 1rem; } .CustomShopBasket .basketTeaserCard:not(.noButton) .text2{ padding-bottom: 1rem; } .CustomShopBasket .basketTeaserCard .actionButton { border: solid 0.5px #d5d7d2; border-radius: 3px; color: #999999; padding: 0 1rem 0 1rem; } .CustomShopBasket .basketTeaserCard .actionButton .icon { font-size: 1rem; line-height: 1.3em; color: #999999; transition: all 0.3s ease 0s; } @media screen and (max-width: 950px) { .CustomShopBasket .basketTeaserCard img { display: block; width: 100%; max-width: 100% !important; padding: 0 4rem 0 4rem; } .CustomShopBasket .basketTeaserCard .innerWrapper { height:100%; } .CustomShopBasket .basketTeaserCard .textWrapper { display: block; width: 100%; text-align: center; } } @media screen and (max-width: 630px) { .CustomShopBasket .basketTeaserCard img { padding: 0 2rem 0 2rem; } .CustomShopBasket .basketTeaserCard .textWrapper { padding-left: 0.5rem; padding-right: 0.5rem; } } @media screen and (max-width: 580px) { .CustomShopBasket .basketTeaserCard { flex-basis: 70%; padding-right: 0; padding-left: 0; } .CustomShopBasket .basketTeaserCardWrapper { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 414px) { .CustomShopBasket.Basket .checkoutButtons { margin-bottom: 1rem !important; } .CustomShopBasket .basketTeaserCard { flex-basis: 100%; } } .CustomShopBasketMini .textWrapper, .CustomShopBasket.MiniWishList .text{ padding-left: 2.5rem; } .CustomShopBasketMini .textWrapper{ display: block; } .CustomShopBasketMini .text.price{ display: inline-block; } .CustomShopBasket.Checkout .wrapperButton { float: right; } .CustomShopBasket.Checkout .openBasket { float: right; cursor: pointer; padding-left: 2rem; } .CustomShopBasket.Checkout .openBasket .openButton, .CustomShopBasket.Checkout.open .openBasket .closeButton { display: block; } .CustomShopBasket.Checkout.open .openBasket .openButton, .CustomShopBasket.Checkout .openBasket .closeButton { display: none; } .CustomShopBasket.Checkout .roundIcon:not(.heart) { background-color: #E8833D; } .CustomShopBasket.Checkout .roundIcon .fal{ color: #ffffff; font-size: 1.25rem; line-height: 32px; vertical-align: top; } .CustomShopBasket.Checkout .BasketList { display: none; } .CustomShopBasket.Checkout.open .BasketList { display: table; } .CustomShopBasket.Checkout .BasketSingleTeaser + .personaliseWrapper { display: none; } .CustomShopBasket.Checkout .BasketEntry:not(.legend) .amount { padding-top: 2rem !important; } @media screen and (max-width: 736px) { .CustomShopBasket.Checkout .BasketEntry:not(.legend) .amount { padding-top: 1rem !important; } } .CustomShopBasket.Basket, .CustomShopBasket.WishList { width: 58rem; margin: 2.5rem auto; overflow: hidden; max-width: 100%; padding: 0 1rem; box-sizing: border-box; } .CustomShopBasket.Basket .BasketEntry.redEntry td.amount{ background-color: rgba(255, 0, 0, 0.15); } .CustomShopBasket.Basket .BasketEntry.orangeEntry td.amount{ background-color: rgba(255, 130, 0, 0.15); } .CustomShopBasket.Basket > .intro { position: relative; } .CustomShopBasket.Basket > .intro > .actions { right: 0; bottom: 0; } .CustomShopBasket.Basket td.scaled_prices, .CustomShopBasket.Basket td.availabilityWrapper { position: relative; width: 8.75rem; text-align:left; } .CustomShopBasket.Basket td.scaled_prices .actions, .CustomShopBasket.Basket td.availabilityWrapper .actions { float:left; overflow:hidden; width: 100%; } .CustomShopBasket.Basket td.scaled_prices .actionButton > span, .CustomShopBasket.Basket td.availabilityWrapper .actionButton > span { margin-left:0; margin-right:0; } .CustomShopBasket.Basket.Return td.scaled_prices { visibility: hidden; } .CustomShopBasket.Basket.Return td.availabilityWrapper .ss-icon, .CustomShopBasket.Basket.Return td.availabilityWrapper .availability, .CustomShopBasket.Basket.Return td.availabilityWrapper .add_to_wishlist, .CustomShopBasket.Basket.Return td.availabilityWrapper .availability:after { display: none; } .CustomShopBasket.Basket .BasketEntry td.amount{ min-width: 6rem; } .CustomShopBasket.Basket .BasketEntry.redEntry td.amount input{ color: #999999; } .CustomShopBasket.Basket .amount .amountDiffersText{ color: #e0292b; font-size: 0.75rem; padding-top: 0.7rem; } @media screen and (max-width: 736px) { .CustomShopBasket.Basket td.scaled_prices, .CustomShopBasket.Basket td.availabilityWrapper { position: static; width:auto; } .CustomShopBasket.Basket td.scaled_prices { padding: 0; } } @media screen and (max-width: 736px) { .CustomShopBasket.Basket td.scaled_prices ul:after { display: none; } .CustomShopBasket.Basket td.scaled_prices ul, body.b2b .CustomShopBasket.Basket td.availabilityWrapper ul { text-align: right; position: absolute; top: 0.5rem; right: 0; } body.b2b .CustomShopBasket.Basket .BasketSingleTeaser > .text { padding-right: 6rem; } } .CustomShopBasket.Basket.Return td.availabilityWrapper .actions { width: 12rem; margin-top: -0.75rem; } @media screen and (max-width: 736px) { .CustomShopBasket.Basket td.scaled_prices .actions, .CustomShopBasket.Basket td.availabilityWrapper .actions, .CustomShopBasket.Basket.Return td.availabilityWrapper .actions { position: absolute; margin-top: 0.25rem; width: 5.5rem; left: -0.25rem; } } .CustomShopBasket.Basket .actions .actionButton { display: block; margin-top: 0.5rem; } @media screen and (max-width: 736px) { .CustomShopBasket.Basket .BasketEntry:not(.legend) .amount { padding-top:0; } .CustomShopBasket.Basket .actions .actionButton.productAction { float: left; } } .CustomShopBasket.Basket .actions .actionButton .icon::before { margin-right: 0.7rem; } .CustomShopBasket.Basket .actions .basketAction { margin-right: 2rem; } .CustomShopBasket.Basket .actions.basketActions { margin-top:1rem; overflow:hidden; display: inline-block; vertical-align: top; width: 20%; } @media screen and (max-width: 630px) { .CustomShopBasket.Basket .actions.basketActions{ width: 100%; text-align: center; } .CustomShopBasket.Basket .actions.basketActions .actionButton { clear:both; float: none; margin: 0; } } .CustomShopBasket .title { width: 100%; display: inline-block; margin: 0 0 1.75rem; } @media screen and (max-width: 736px) { .CustomShopBasket .title { margin: 0 0 1rem; } } .CustomShopBasket h1 { display: inline-block; width: 41.25rem; max-width: 100%; font-size: 1.125rem !important; line-height: 1.5em; font-family: "HurmeGeometricSans1-Bold"; margin-bottom: 2.5rem; } .CustomShopBasket h1.title { } @media screen and (max-width:544px) { .CustomShopBasket h1 { font-size: 0.9375rem !important; } .CustomShopBasket h1 span{ font-size:0.75rem !important; line-height: 1.875rem; } } .CustomShopBasket h2 { font-size: 1.0625rem; line-height: 1.5em; font-family: "HurmeGeometricSans1-SemiBold"; } @media screen and (max-width:544px) { .CustomShopBasket h2 { font-size: 1rem; } } .CustomShopBasket .Product.BasketSingleTeaser .title{ font-family: "HurmeGeometricSans1-SemiBold"; } .CustomShopBasket .total_price { width: 100%; } .CustomShopBasket .total_price span, .CustomShopBasket span.right { float: right; } .CustomShopBasket .checkoutButtons { margin-top: 1rem; overflow: hidden; display: inline-block; vertical-align: top; width: 80%; } .CustomShopBasket .checkoutButtons .deleteAllRed.basketAction { margin-right: 1.25rem; background-color: #e0292b; } .CustomShopBasket .checkoutButtons .deleteAllRed.basketAction:hover{ background-color: #c91d20; } @media screen and (max-width: 630px) { .CustomShopBasket .checkoutButtons { width: 100%; } } @media screen and (max-width: 414px) { .CustomShopBasket .checkoutButtons { margin-bottom: 7.75rem; } } .CustomShopBasket .checkoutWrapper { float: right; } @media screen and (max-width: 630px) { .CustomShopBasket .checkoutButtons { width: 100%; } .CustomShopBasket .checkoutWrapper { width: 100%; } .CustomShopBasket .checkoutWrapper a{ width: calc(50% - 0.625rem); } } @media screen and (max-width: 414px) { .CustomShopBasket .checkoutWrapper .defaultButton { width: 100%; margin: 0 0 0.5rem 0; } } .CustomShopBasket .addAllToMyBasket { float: right; margin-bottom: 0.5rem; } .CustomShopBasket #tobasket { float: right; clear: right; } .CustomShopBasket #continue { margin-right: 1.25rem; } @media screen and (max-width: 414px) { .CustomShopBasket #continue { margin-right: 0; } } .CustomShopBasket .BasketSummary a{ color: #E8833D; } .CustomShopBasket .BasketSummary a:hover{ color: #e46f1b; } .CustomShopBasket .BasketSummary .shipping_info { clear: both; } .CustomShopBasket .BasketSummary .shipping_info > span, .CustomShopBasket .BasketSummary > span { float: right; } .CustomShopBasket .BasketSummary .shippingtext { padding-right: 4rem; float: left; } .CustomShopBasket .shipping_info .ShippingOptimization { margin-left: 1.875rem; margin-top: 1.5rem; border-left-width: 0.25rem; border-color: #E8833D; padding-left: 0.25rem; } .CustomShopBasket .shipping_info .OptimizationInfo { margin-left: 2.375rem; margin-top: 1.5rem; } .CustomShopBasket .legend{ border-width: 0; } .CustomShopBasket .basketTeaserCardWrapper img { max-width: 200px; } .BasketSingleTeaser .graphic { margin-right: 1rem; float:left; } .BasketSingleTeaser .text { width: 9.375rem; float:left; } .BasketSingleTeaser .text .BasicText { /*font-family: "Open Sans Bold";*/ float: left; margin: 0; } .BasketEntry.service .BasketSingleTeaser .BasicText.subtitle { display:block; } .BasketSingleTeaser .text .availability { float: right; } @media screen and (min-width: 961px) { .displayForm .BasketSingleTeaser .text .availability { position: absolute; top: 0; right: 0; } } @media screen and (max-width: 960px) { .BasketSingleTeaser .text .availability { position: absolute; top: 0; right: 0; } } .BasketSingleTeaser .text .ss-icon { line-height: 1.5rem; } .CustomShopBasket.WishList .title input { display: none; font-size: 1.75rem; } .CustomShopBasket.WishList .wishlistTable { width: 100%; } .CustomShopBasket.WishList .actions { width: 16.25rem; } @media screen and (max-width: 414px) { .CustomShopBasket.WishList .actions { width: 100%; } } .CustomShopBasket.WishList td.actions { width: 30.8%; } @media screen and (min-width: 961px) { .CustomShopBasket.WishList.displayForm td.actions { display: none; } } @media screen and (max-width: 960px) { .CustomShopBasket.WishList td.actions { width: 10rem; } .CustomShopBasket.WishList.WishListPageContentWrapper td.actions { width: 13rem; } .CustomShopBasket.WishList td.single_price { width: 5rem; } } @media screen and (max-width: 736px) { .CustomShopBasket .legend td:first-child { overflow: hidden; } .CustomShopBasket.WishList .legend td.actions, .CustomShopBasket.WishList .legend td.single_price { display: none; } .CustomShopBasket.WishList td.actions, .CustomShopBasket.WishList td.single_price { margin-left: 2rem; padding-left: 18.18%; padding-top: 0; position: absolute; } .CustomShopBasket.WishList td.actions { bottom: 0; margin-left: 1.75rem; } .CustomShopBasket.WishList td.single_price { bottom: 3.125rem; } .CustomShopBasket.Basket .legend td.scaled_prices, .CustomShopBasket.Basket .legend td.availability, .CustomShopBasket.Basket .legend td.single_price, .CustomShopBasket.Basket .legend td.amount, .CustomShopBasket.Basket .legend td.sum_price { display: none; } .CustomShopBasket.Basket .availabilityWrapper { padding: 0; } .CustomShopBasket.Basket .availabilityWrapper .ss-icon { position: absolute; top: 0.5rem; right: 0; } .CustomShopBasket.Basket .availabilityWrapper .availability { display: none; } .CustomShopBasket.Basket td.amount { float: left; padding: 0.25rem 0 1rem 18.18%; margin-left: 1rem; } .CustomShopBasket.Basket td.sum_price { float: right; padding: 1rem 0; } } @media screen and (max-width: 560px) { .CustomShopBasket.WishList td.actions, .CustomShopBasket.WishList td.single_price { padding-left: 5rem; } .CustomShopBasket.Basket td.amount { padding-left: 6rem; } } .CustomShopBasket .actions .actionButton { margin-bottom: 0.25rem; } .CustomShopBasket .actions .actionButton.isStandard.inactive { display: none; } .CustomShopBasket.WishList .actions .actionButton { min-width: 13.125rem; } @media screen and (max-width: 960px) { .CustomShopBasket.WishList td.actions .actionButton { min-width: 0; } } @media screen and (max-width: 736px) { .CustomShopBasket.WishList td.actions .actionButton, .CustomShopBasket.Basket .actions .actionButton.productAction { width: 2.25rem; height: 2.25rem; } .CustomShopBasket.WishList td.actions .actionButton, .CustomShopBasket.Basket td.availabilityWrapper .actionButton, .CustomShopBasket.Basket td.scaled_prices .actionButton { padding: 0.25rem; } .CustomShopBasket.Basket .actions .actionButton.productAction { clear: none; margin: 0; } .CustomShopBasket.WishList td.actions .actionButton.delete { float: left; } } .CustomShopBasket.WishList .wishListNav .dropDown { width: 14.375rem; margin-bottom: 0.5rem; } @media screen and (max-width: 414px) { .CustomShopBasket.WishList .wishListNav .dropDown { margin-right: 0; width: 100%; } } .CustomShopBasket.WishList .checkoutButtons { width: 100%; } .CustomShopBasket.WishList .BasketSingleTeaser > .text { width: 21.125rem; } @media screen and (min-width: 961px) { .CustomShopBasket.WishList.displayForm .BasketSingleTeaser > .text { width: auto; float: none; box-sizing: border-box; padding-left: 10rem; } } @media screen and (max-width: 960px) { .CustomShopBasket .BasketSingleTeaser > .text, .CustomShopBasket.WishList .BasketSingleTeaser > .text { width: auto; float: none; box-sizing: border-box; padding-left: 9rem; } } @media screen and (max-width: 736px) { .CustomShopBasket .BasketSingleTeaser > .text, .CustomShopBasket.Basket .BasketSingleTeaser > .text{ padding-left: 18.18%; padding-right: 5rem; padding-bottom: 4.5rem; margin-left: 2rem; } .CustomShopBasket .BasketSingleTeaser > .text.personalised, .CustomShopBasket.Basket .BasketSingleTeaser > .text.personalised{ padding-bottom: 1.5rem; } .CustomShopBasket.Basket .BasketSingleTeaser > .text { margin-left: 1rem; } .CustomShopBasket.WishList .BasketSingleTeaser > .text { padding-left: 5rem; padding-right: 2rem; } } @media screen and (max-width: 560px) { .CustomShopBasket .BasketSingleTeaser > .text, .CustomShopBasket.Basket .BasketSingleTeaser > .text{ padding-left: 6rem; } } .CustomShopBasket.WishList .BasketSingleTeaser .text .BasicText { width: 19.5rem; } @media screen and (min-width: 961px) { .CustomShopBasket.WishList.displayForm .BasketSingleTeaser > .text > .BasicText { width: auto; float: none; padding-right: 2rem; } } @media screen and (max-width: 960px) { .CustomShopBasket.WishList .BasketSingleTeaser > .text > .BasicText { width: auto; float: none; padding-right: 2rem; } } .CustomProduct.BasketSingleTeaser .heart { position: absolute; top: 0.625rem; right: 0.625rem; display: none; } .CustomProduct.BasketSingleTeaser.wished .heart { display: block; } .CustomShopBasket.WishList .BasketSingleTeaser .heart { display: none !important; } .CustomShopBasket.Checkout { font-size: 0.8125rem; } .CustomShopCheckout.main .dynamic.basket { width: 56rem; } .CustomShopCheckout.main .dynamic.basket .CustomShopBasket.Basket { margin: 0; } .CustomShopCheckout.main .dynamic.basket .CustomShopBasket.Basket, .CustomShopCheckout.main .dynamic.basket .CustomShopBasket.Basket * { font-size: 0.8125rem; } .WishList.displayForm .WishListSingle { float: left; overflow: hidden; width: 50%; padding-right: 1rem; box-sizing: border-box; } @media screen and (max-width: 960px) { .WishList.displayForm .WishListSingle { width: 100%; padding: 0 0.5rem; } .WishList.displayForm{ padding:0.5rem; } } .WishList .formWrapper { float: right; width: 50%; padding-left: 1rem; box-sizing: border-box; } @media screen and (max-width: 960px) { .WishList .formWrapper { width: 100%; padding-left: 0; } } .WishList .BasicForm { height: 0; overflow: hidden; width: 100%; } .CustomShopBasket.WishList > .actionButtons { padding-top: 1rem; overflow: hidden; } @media screen and (max-width: 414px) { .CustomShopBasket.WishList > .actionButtons { position: absolute; left: 1rem; right: 1rem; bottom: 2.5rem; } } .WishList .actionButtons .defaultButton { float: right; clear: both; margin-bottom: 0.5rem; } @media screen and (max-width: 414px) { .WishList .actionButtons .defaultButton { width: 100%; } } .WishList.sendWishlist .BasicForm.send_wishlistForm, .WishList.productRequest .BasicForm.product_requestForm, .WishList.productConsulting .BasicForm.product_consultingForm{ height: auto; } .WishList.sendWishlist .actionButtons, .WishList.sendWishlist .checkoutButtons, .WishList.productRequest .actionButtons, .WishList.productRequest .checkoutButtons { display: none; } .CustomShopBasket.displayForm h1 { width: 100%; margin-bottom:1rem; } .WishListPageContentWrapper > .title { padding: 0 1rem; } .WishListPageContentWrapper > .title.error { color: #e0292b; } .WishListPageContentWrapper .wishlistWrapper > .title { overflow: hidden; float: none; display: block; margin: 0; padding-right: 2rem; width: auto; } @media screen and (max-width: 568px) { .WishListPageContentWrapper .wishlistWrapper > .title { padding: 0; width: 100%; } } .CustomShopBasket.WishListSingle .packaging{ display: none; } .CustomShopBasket.WishListSingle.WishListPageContent { margin: 0; padding: 0; width: 100%; } .CustomShopBasket.WishListSingle.WishListPageContent .wishlistWrapper > .actions { float:right; width:auto; position: relative; } @media screen and (max-width: 568px) { .CustomShopBasket.WishListSingle.WishListPageContent .wishlistWrapper > .actions { width: 100%; } } .CustomShopBasket.WishListPageContent .wishlistWrapper > .actions .defaultButton { margin-bottom: 0.5rem; display: block; } .WishListPageContent .BasketEntry .actions { position: relative; } .WishListPageContentWrapper .wishlistWrapper .basketEntries { border-top: 0.25rem solid #2d2d2d; clear:both; } .WishListPageContentWrapper .wishlistWrapper .title h1 { color: #2d2d2d; float: left; letter-spacing: 0.1em; margin: 2rem 0; text-align: left; text-transform: uppercase; font-size: 1.25rem; line-height: 1.5em; width: auto; } .WishListPageContentWrapper .title .subtitle { margin-bottom: 1rem; } .WishListPageContentWrapper .BasketEntry { border-color:#d5d7d2; } .checkout_address_add_editForm form { overflow:hidden; } .CustomShopCheckout .BasicForm.checkout_address_add_editForm .formSubmitMessage { padding-bottom:12px; } .CustomShopCheckout .BasicForm { background-color:inherit; width: auto; } ol,ul{ margin:0; list-style:none; } .CustomShopCheckout.Progress { font-size:12px; text-transform:uppercase; } .CustomShopCheckout.main, .CustomShopCheckout.DynamicLogin { width: 960px; margin: 0 auto; overflow: hidden; } .CustomShopCheckout.main .dynamic { margin: 0 0 24px 16px; float:left; width:576px; padding:24px; background-color: #ebebe8; } .CustomShopCheckout.main .dynamic.basket { background-color: #CECCC8; } .CustomShopCheckout .leftColumn { margin-left: 16px; overflow:hidden; float:left; } /* definition of the dataBoxes*/ .CustomShopCheckout .dataBox { padding:12px; margin-bottom:12px; overflow: hidden; background-color: #f9f9f8; } .CustomShopCheckout .dataBox .wrapperData { float:left; width:75%; } /*preloading of css background image, to avoid that the image appears a second later when clicking on a checkbox for instance*/ .CustomShopCheckout .preload { height:1px; } .CustomShopCheckout .preload .checkboxChecked { background-image: url('File/custom_shop_checkout/checkbox_checked.png'); } /******************************************************************************/ /****************************** OVERVIEW + BASKET *****************************/ /******************************************************************************/ .CustomShopBasket.CheckoutExpenses, .CustomShopCheckout.DataOverview { width: 256px; margin: 0 0 20px 0; padding:24px 24px 12px 24px; background-color: #ebebe8; } .CustomShopCheckout h2 { margin: 0 0 0 0; } .CustomShopCheckout .title { margin: 0 0 20px 0; } .CustomShopCheckout.DataOverview .data, .CustomShopBasket.CheckoutExpenses .data { overflow:hidden; color: #8d8d8d; } .CustomShopCheckout.DataOverview .total, .CustomShopBasket.CheckoutExpenses .total { color: #2d2d2d; } .CustomShopCheckout .subtotal, .CustomShopBasket.CheckoutExpenses .shippingCost, .CustomShopBasket.CheckoutExpenses .subtotal { margin-bottom:8px; } .CustomShopCheckout .caption, .CustomShopBasket.CheckoutExpenses.caption { float:left; } .CustomShopCheckout .cost, .CustomShopBasket.CheckoutExpenses .cost { float:right; /*font-family: "Open Sans Bold";*/ } .CustomShopBasket.CheckoutExpenses .data .shippingLoad { float: left; width: 100%; } .CustomShopCheckout.DataOverview .dataBox { color: #8d8d8d; } .CustomShopCheckout.DataOverview .dataBox span { color: #2d2d2d; } /******************************************************************************/ /********************************** PROGRESS **********************************/ /******************************************************************************/ .CustomShopCheckout.Progress { margin:10px 0; overflow:hidden; text-align:center; } .CustomShopCheckout.Progress .Progresslist { overflow: hidden; display: inline-block; } .CustomShopCheckout.Progress .Progresslist li { float:left; margin:10px; } /* defining the icons, depending on the state*/ .CustomShopCheckout.Progress .Progresslist span { display:none; } .CustomShopCheckout.Progress .Progresslist .spacer { margin: 12px 0 8px; /* because the > sign is a bit to high compared to the text*/ } .CustomShopCheckout.Progress .Progresslist .selected{ border-bottom-width: 3px; border-color: #E8833D; padding-bottom:2px; } /******************************************************************************/ /****************************** DYNAMIC CONTENT *******************************/ /******************************************************************************/ .dynamic .dynamic_titleWrapper .dynamic_title{ margin-bottom:20px; } .CustomShopCheckout.dynamic { float: right; } /******************************************************************************/ /**************************** AddressAdd Layout *******************************/ /******************************************************************************/ .CustomShopCheckout.main .CustomShopCheckout.DynamicAddressAdd.dynamic { padding:24px 0 24px 24px; /*in order to be able to align the button with the form fields*/ } .CustomShopCheckout.main .DynamicAddressAdd.dynamic { width:600px; } .CustomShopCheckout.DynamicAddressAdd .BasicForm { width: 100%; } .CustomShopCheckout.DynamicAddressAdd .BasicForm div.wrapper.medium { width:50%; margin-right:0px; margin-bottom:5px; } .CustomShopCheckout.DynamicAddressAdd .BasicForm form > .wrapper { float: left; clear: none; } .CustomShopCheckout.DynamicAddressAdd .BasicForm form > .wrapper.newLine { clear: both; } .CustomShopCheckout.DynamicAddressAdd .BasicForm label[for="useAsShippingAndBilling"] { margin: 0 0 12px 12px; text-align: left; width:551px; /*576 (width of formular) - 13(width of checkbox)-12(margin left)*/ float:left; } .CustomShopCheckout.DynamicAddressAdd .BasicForm .medium input[type="text"], .CustomShopCheckout.DynamicAddressAdd .BasicForm .medium input[type="password"], .CustomShopCheckout.DynamicAddressAdd .BasicForm .medium textarea { width: 266px; /* 266 = 300 - 24(margin right) - 1*2(border) - 4*2 (padding)*/ } .CustomShopCheckout.DynamicAddressAdd .BasicForm .validationMessage { height: auto; min-height: 1.2em; } .CustomShopCheckout.DynamicAddressAdd .BasicForm .description { display:block; margin: 0 0 12px 0; } .CustomShopCheckout.DynamicAddressAdd .cancel { float:left; } .CustomShopCheckout.DynamicAddressAdd .edit{ float: right; margin-right:24px; } /******************************************************************************/ /*************************** AddressList Layout *******************************/ /******************************************************************************/ .CustomShopCheckout.DynamicAddressList .address .data { width: 100%; margin-bottom:12px; } .CustomShopCheckout.DynamicAddressList .address .noShipping { float: left; clear: both; width: 100%; color: #e0292b; margin-top: 5px; } .CustomShopCheckout.DynamicAddressList .address input[type=radio] { display: none; } .CustomShopCheckout.DynamicAddressList .address label { margin-right: 10px; } .CustomShopCheckout.DynamicAddressList .address .wrapperButton, .CustomShopCheckout.DynamicDataOverview .wrapperButton { float:right; } .CustomShopCheckout .wrapperButton a { display: block; } .CustomShopCheckout.DynamicAddressList .add { float: left; } .CustomShopCheckout.DynamicAddressList .next { float: right; } /******************************************************************************/ /************************** DataOverview Layout *******************************/ /******************************************************************************/ .CustomShopCheckout .BasicForm label{ width:auto; margin-left:8px; font-size: 12px; color: #8d8d8d; } .CustomShopCheckout .BasicForm .checkbox { float: left; clear: none; } .CustomShopCheckout .checkbox input:checked + label { color: #2d2d2d!important; } .CustomShopCheckout.DynamicDataOverview .submit { float:right; } .CustomShopCheckout.DynamicDataOverview .data { color: #8d8d8d; } .CustomShopCheckout .BasicForm .formSubmitMessage { padding:0; min-height:1.5em; } .CustomShopCheckout .BasicForm.checkout_address_add_editForm .formSubmitMessage, .CustomShopCheckout .BasicForm.checkout_address_add_editForm .formSubmitMessage * { color: #e0292b; font-weight: normal; font-size: 12px; } /******************************************************************************/ /****************************** Login Layout **********************************/ /******************************************************************************/ .CustomShopCheckout.DynamicLogin { padding-bottom:24px; } .CustomShopCheckout.DynamicLogin .dynamic_content { margin-top: 38px; overflow: hidden; } .CustomShopCheckout.DynamicLogin .dynamic_content .loginFormular { float:left; width:304px; padding-top: 24px; margin-left:16px; margin-bottom:24px; min-height:344px; overflow:hidden; background-color: #ebebe8; } .CustomShopCheckout.DynamicLogin .dynamic_content .loginFormular form { position: static; } .CustomShopCheckout.DynamicLogin .dynamic_content .loginFormular > * { margin: 0 24px 24px; } .CustomShopCheckout.DynamicLogin .dynamic_content .loginFormular h2 { margin: 0 24px 21px; } .CustomShopCheckout.DynamicLogin .dynamic_content .loginFormular .description { min-height:4.5em; /*3 x 1.5 em*/ font-size: 12px; } /*customizing the login formular*/ .CustomShopCheckout.DynamicLogin .BasicForm .wrapper { padding: 0; } .CustomShopCheckout.DynamicLogin .dynamic_content .CustomUserNavigation, .CustomShopCheckout.DynamicLogin .BasicForm div.wrapper .description, .CustomShopCheckout.DynamicLogin .loginFormular:not(.paypalExpressFormular) .BasicForm .formSubmitMessage { display:none; } .CustomShopCheckout.DynamicLogin .loginFormular { position:relative; } .CustomShopCheckout.DynamicLogin .loginFormular button { position:absolute; bottom:24px; right:24px; } .CustomShopCheckout.DynamicLogin .dynamic_content .expressCheckoutPaypal { background-image:url('https://www.paypalobjects.com/webstatic/mktg/merchant/images/express-checkout-hero.png'); background-repeat: no-repeat; background-size:200px auto; width:200px; height:49px; } .CustomShopCheckout.DynamicLogin .dynamic_content .loginFormular > a.passwordForgotten { font-size:10px!important; } /******************************************************************************/ /***************************** Payment Layout *********************************/ /******************************************************************************/ .CustomShopCheckout.DynamicPayment a.next { float:right; } .CustomShopCheckout.DynamicPayment .dataBox { background-color:inherit !important; } .CustomShopCheckout.DynamicPayment .paymentMethod label { /*font-family: "Open Sans Bold";*/ margin-left:5px; } .CustomShopCheckout.DynamicPayment .paymentMethod .wrapperPaymentMethod { float:left; margin-bottom: 12px; width:50%; } /******************************************************************************/ /****************************** Empty basket **********************************/ /******************************************************************************/ .CustomShopCheckout.emptyBasket .wrapper { width: 928px; text-align:center; margin: 0 auto; padding: 100px 0; } .CustomShopCheckout.emptyBasket a { margin: 20px 0 0; } .CustomShopCheckoutJs { margin: 1rem 1rem 2.75rem; overflow: hidden; } .CustomShopCheckoutJs .CustomUserProfileJs { margin: 0; } .noExpandButtons .CustomUserProfileJs .editContent .title .wrapperButton, .noExpandButtons .CustomUserProfilePaymentJs.open .closeButton { display: none; } .CustomShopCheckoutJs #checkoutJsBasket { margin-top: 4.5rem; } .CustomShopCheckoutJs .checkoutTitle { border-bottom-width: 0.25rem; overflow: hidden; width: 100%; box-sizing: border-box; } .CustomShopCheckoutJs .part { padding: 1rem; background-color: #f9f9f8; } .CustomShopCheckoutJs .part::after { content: ""; width: 100%; display: block; clear: both; height: 1px; } .CustomShopCheckoutJs .defaultButton.next { float: right; } .CustomShopCheckoutJs form { } .CustomShopCheckoutJs .edit.defaultButton { float: right; } @media screen and (max-width: 544px) { .CustomShopCheckoutJs { margin: 0; } } .CustomShopCheckoutJs { max-width: 960px; margin: 1rem auto 2.75rem; } .CustomShopCheckoutJs .CustomShopBasket.Checkout .openBasket { margin-top:-0.25rem; } .CustomShopCheckoutJs .CustomShopBasket.Basket { overflow: unset; } .CustomShopCheckoutJs .CustomUserProfileAddressJs .company_tax_number{ visibility: hidden; } @media screen and (min-width: 545px) { .CustomShopCheckoutJs .CustomShopBasket.Checkout .openBasket .ss-icon { height:1.5rem; } } @media screen and (max-width: 928px) { .CustomShopCheckoutJs .part#checkoutJsBasket { padding: 0; } .CustomShopCheckoutJs .CustomShopBasket h1.title { font-size: 1.5rem !important; margin-bottom: 0.5rem; } } .CustomShopCheckoutJs > .checkoutTitle { display: none; } .CustomShopCheckoutJs .part { background-color: #ebebe8; } .CustomShopCheckoutJs #checkoutJsBasket { background-color: #CECCC8; } .CustomShopCheckoutJs .progresslist { overflow:hidden; margin: 0 auto 2rem; max-width: 48rem; } .CustomShopCheckoutJs [data-change-state] { cursor: pointer; } #checkoutJsProgress .state { float: left; width: 25%; padding-left: 1.5rem; margin: 0; position: relative; box-sizing: border-box; } #checkoutJsProgress .placeholder { padding: 0; width: 12.5%; } @media screen and (max-width: 544px) { .CustomShopCheckoutJs .progresslist { padding-left: 0.5rem; border-left-width: 0.125rem; width: 10rem; } #checkoutJsProgress .placeholder { display: none; } #checkoutJsProgress .state { width: 100%; margin-bottom: 0.5rem; } } @media screen and (min-width: 545px) and (max-width: 688px) { #checkoutJsProgress .state { width: 29%; } #checkoutJsProgress .placeholder { width: 6.5%; } } #checkoutJsProgress .line { padding-top: 1rem; border-bottom-width: 0.125rem; } #checkoutJsProgress .state, #checkoutJsProgress .state * { color: #999999; border-color: #999999; } #checkoutJsProgress .selected, #checkoutJsProgress .selected * { color: #E8833D; border-color: #E8833D; } #checkoutJsProgress .selected .roundIcon{ color: #ffffff; background: #E8833D; } #checkoutJsProgress { text-align: center; } .CustomShopCheckoutJs .progresslist { display: inline-block; margin: 0 0 1rem; } #checkoutJsProgress .state { margin: 0.5rem; text-align: left; padding: 0; width: auto; } #checkoutJsProgress .placeholder { padding-top: 0.125rem; width: auto; height: auto; background-color: inherit; border-width: 0; } @media screen and (max-width:544px) { #checkoutJsProgress .state { clear:both; } } .CustomShopCheckoutJs.basketError .wrapper { text-align:center; margin: 0 auto; padding: 6rem 0; } .CustomShopCheckoutJs.basketError a { margin: 1.25rem 0 0; } .CustomShopCheckoutJs.login { margin: 1rem 0.5rem 2.75rem; overflow: hidden; } .CustomShopCheckoutJs .checkoutLoginTitle { border-bottom-width: 0.25rem; overflow: scroll; white-space: nowrap; padding: 0 1rem 1rem; -webkit-overflow-scrolling: touch; } .CustomShopCheckoutJs .checkoutLoginTitle .title, .CustomShopCheckoutJs .checkoutLoginTitle .nav { display: inline-block; } .checkoutLoginTitle .actionButton { padding: 0 1rem; } @media screen and (min-width: 545px) { .CustomShopCheckoutJs .checkoutLoginTitle .nav { display: none; } .CustomShopCheckoutJs .checkoutLoginTitle { overflow: hidden; } } .CustomShopCheckoutJs .loginFormular { width: 33.3%; float: left; overflow: hidden; position: relative; } .loginFormularWrapper { padding: 1rem 1rem 5.5rem; margin: 0 0.5rem; min-height: 24rem; background-color: #f9f9f8; position: relative; } .loginFormularWrapper .description { margin: 0 1rem 1rem; min-height: 7rem; } .CustomShopCheckoutJs.login .BasicForm { width: auto; margin: 0 1rem; } .loginFormularWrapper .title { text-align: center; } .CustomShopCheckoutJs .loginFormular .submit { position: absolute; bottom: 2.5rem; right: 2rem; left: 2rem; width: auto!important; } .CustomShopCheckoutJs .loginFormular .passwordForgotten { text-align: center; width: 100%; font-size: 0.75rem; } .CustomShopCheckoutJs .loginFormular button { width: 100%; height: 2.5rem; } .CustomShopCheckoutJs .expressCheckoutPaypal { background-image: url('File/custom_shop_checkoutJs/checkout-logo-large-alt-de-2x.png'); background-repeat: no-repeat; background-size: 100% auto; margin: 0 1rem; width: auto; height: 5rem; cursor: pointer; } .CustomShopCheckoutJs.login .BasicForm .formSubmitMessage { padding:0; min-height:1.5em; margin-bottom: 0.5rem; } .loginFormularWrapper .BasicForm .formSubmitMessage, .loginFormularWrapper .BasicForm .formSubmitMessage * { color: #e0292b; font-weight: normal; font-size: 0.75rem; } @media screen and (max-width: 698px) { .loginFormularWrapper .description { margin: 0 0 1rem; } .CustomShopCheckoutJs.login .BasicForm { margin: 0; } .CustomShopCheckoutJs .loginFormular .submit { left: 1rem; right: 1rem; } } @media screen and (max-width: 544px) { .CustomShopCheckoutJs.login { margin: 0; } .CustomShopCheckoutJs .loginFormular { width: 100%; } .loginFormularWrapper { margin: 0 auto 2.5rem; min-height: initial; } .loginFormularWrapper .title { padding: 1.5rem 0; } .loginFormularWrapper .description { min-height: initial; } .CustomShopCheckoutJs.login .BasicForm .formSubmitMessage { min-height: initial; } .CustomShopCheckoutJs .expressCheckoutPaypal { margin: 0 2rem; } } .CustomShopCheckoutJs.login { margin: 1rem auto 2.75rem; } .CustomShopCheckoutJs .checkoutLoginTitle { border-bottom-width: 0; text-align:center; } .CustomShopCheckoutJs .checkoutLoginTitle .title { visibility: hidden; display:none; } .CustomShopCheckoutJs .checkoutLoginTitle .actionButton { padding-left:1.5rem; position:relative; } .CustomShopCheckoutJs .checkoutLoginTitle .actionButton:before { font-family:SSGizmo; content:"⬊"; color:#b4b4b4; font-size:1rem; position:absolute; left:0; top:2px; } .CustomShopCheckoutJs .expressCheckoutPaypal { height:3rem; margin-bottom: 1rem; } @media screen and (max-width: 544px) { .CustomShopCheckoutJs .expressCheckoutPaypal { margin: 0 auto; max-width:16rem; } } .loginFormularWrapper { background-color: #ebebe8; min-height: 32rem; } .loginFormularWrapper .title { text-align: center; padding: 2rem 0; } .loginFormularWrapper .wrapper { padding: 0; } .loginFormularWrapper form { position: inherit; } .loginFormularWrapper .BasicForm .description { display: none; } .loginFormularWrapper .BasicForm label{ left: 1rem; } .CustomShopCheckoutJs .loginFormular .passwordForgotten{ padding-left: 1rem; } @media screen and (max-width: 768px) and (min-width:545px) { .loginFormularWrapper .description, .CustomShopCheckoutJs.login .BasicForm, .CustomShopCheckoutJs .expressCheckoutPaypal { margin-left:0; margin-right:0; } .loginFormularWrapper { padding-bottom:4.5rem; } .loginFormularWrapper .title { padding-top:1rem; padding-bottom:1.5rem; } .CustomShopCheckoutJs .loginFormular .submit { bottom:1rem; } } @media screen and (max-width: 656px) and (min-width:545px) { .loginFormularWrapper .description { font-size:0.75rem; } } @media screen and (max-width: 544px) { .CustomShopCheckoutJs.login { margin: 1rem 1rem 2.75rem; } } .CustomShopCheckoutJs .overviewTitle { display: none; } .CustomShopCheckoutJs.overview .overviewTitle { display: block; } .CustomShopCheckoutJs.overview .part { padding: 0 1rem; } .checkoutJs_data_overviewForm { width: auto; } @media screen and (max-width: 544px) { .checkoutJs_data_overviewForm .chegroup { padding: 0 0 1.5rem; } } .noExpandButtons .CustomShopBasket.Checkout .wrapperButton { display: none; } .noExpandButtons .CustomShopBasket.Checkout .BasketList { display: block; } .CustomShopCheckoutJs .submit { float: right; } .CustomShopCheckoutJs .showSubmit .submit { display: block; visibility: visible; } body:not(.b2b):not(.agent) .CustomShopCheckoutJs .b2bCustomerInfos, body:not(.b2b):not(.agent) .CustomShopCheckoutSingleStepInfo .b2bCustomerInfos { display:none; } .CustomShopCheckoutJs .b2bCustomerInfos, .CustomShopCheckoutSingleStepInfo .b2bCustomerInfos { margin-bottom:1rem; } .CustomShopCheckoutJs .customer_info_text { font-size:0.75rem; margin-bottom:0.5rem; } .CustomShopCheckoutJs .overviewTitle .checkoutTitle { margin: 0 0 1.5rem; padding: 2rem 1rem; box-sizing:border-box; } @media screen and (max-width: 544px) { .CustomShopCheckoutJs .overviewTitle .checkoutTitle { text-align: center; } } .CustomShopCheckoutJs.overview .CustomUserProfileJs .title { border-color: #ffffff; padding-right:0; } @media screen and (max-width: 544px) { .CustomShopCheckoutJs.overview .CustomUserProfileJs .title { padding-left:0; padding-bottom:1rem; } } /* #checkoutJsProgress .state.payment, #checkoutJsProgress .state.payment + .state.placeholder { display: none; } .CustomShopCheckoutJs .CustomUserProfileJs.CustomUserProfilePaymentJs { margin-top: 1rem; border-bottom-width: 1px; border-color: / * {$cssVars.color.cWhite} * /; margin-bottom: 2rem; } .CustomShopCheckoutJs.overview .CustomUserProfileJs.CustomUserProfilePaymentJs .title { display: none; } */ .checkoutJs_data_overviewForm { width: auto; } .checkoutJs_data_overviewForm label {} .noExpandButtons .CustomShopBasket.Checkout .wrapperButton { display: none; } .CustomShopCheckoutJs .submit { float: right; } .CustomShopCheckoutJs .showSubmit .submit { display: block; visibility: visible; } @media screen and (max-width: 794px) { .CustomShopCheckoutJs.overview .CustomShopBasket.Basket .product_key_mobile { display: none; } } .CustomShopCheckoutJs .CustomShopBasket.Basket.Checkout .checkoutButtons { width: 100%; } .checkoutWait { position: relative; } .checkoutWait:before { content: ''; zoom: 1; /* Increase this for a bigger symbole*/ display: block; width: 16px; height: 16px; position: absolute; left: calc(50% - 8px); bottom: calc(50% - 8px); z-index: 2; animation: wait .80s steps(1, start) infinite; background: linear-gradient(0deg, #f4f5fa 1px, transparent 0, transparent 8px, #f4f5fa 8px), /* 6 */ linear-gradient(90deg, #f4f5fa 1px, #f6f9fb 0, #f6f9fb 3px, #f4f5fa 3px), linear-gradient(0deg, #ececf5 1px, transparent 0, transparent 8px, #ececf5 8px), /* 5 */ linear-gradient(90deg, #ececf5 1px, #f2f3f9 0, #f2f3f9 3px, #ececf5 3px), linear-gradient(0deg, #e7eaf4 1px, transparent 0, transparent 8px, #e7eaf4 8px), /* 4 */ linear-gradient(90deg, #e7eaf4 1px, #eef1f8 0, #eef1f8 3px, #e7eaf4 3px), linear-gradient(0deg, #b9bedd 1px, transparent 0, transparent 10px, #b9bedd 10px), /* 3 */ linear-gradient(90deg, #b9bedd 1px, #d0d5e8 0, #d0d5e8 3px, #b9bedd 3px), linear-gradient(0deg, #9fa6d2 1px, transparent 0, transparent 15px, #9fa6d2 15px), /* 2 */ linear-gradient(90deg, #9fa6d2 1px, #c0c5e1 0, #c0c5e1 3px, #9fa6d2 3px), linear-gradient(0deg, #8490c6 1px, transparent 0, transparent 15px, #8490c6 15px), /* 1 */ linear-gradient(90deg, #8490c6 1px, #aeb5da 0, #aeb5da 3px, #8490c6 3px); background-repeat: no-repeat; background-size: 4px 9px, /* 6 */ 4px 9px, 4px 9px, /* 5 */ 4px 9px, 4px 9px, /* 4 */ 4px 9px, 4px 11px, /* 3 */ 4px 11px, 4px 16px, /* 2 */ 4px 16px, 4px 16px, /* 1 */ 4px 16px; background-position: -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 2px, -4px 2px, -4px 0, -4px 0, -4px 0, -4px 0; } /* Transparent Overlay */ .checkoutWait:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.75); z-index: 1; } @keyframes wait { 12.5%{ background-position: -4px, /* 6 */ -4px, -4px, /* 5 */ -4px, -4px, /* 4 */ -4px, -4px, /* 3 */ -4px, -4px, /* 2 */ -4px, 0, /* 1 */ 0; } 25%{ background-position: -4px, /* 6 */ -4px, -4px, /* 5 */ -4px, -4px, /* 4 */ -4px, -4px, /* 3 */ -4px, 0, /* 2 */ 0, 6px, /* 1 */ 6px; } 7.5%{ background-position: -4px, /* 6 */ -4px, -4px, /* 5 */ -4px, -4px, /* 4 */ -4px, 0, /* 3 */ 0, 6px, /* 2 */ 6px, 12px, /* 1 */ 12px; } 50%{ background-position: -4px, /* 6 */ -4px, -4px, /* 5 */ -4px, 0, /* 4 */ 0, 6px, /* 3 */ 6px, 12px, /* 2 */ 12px, -4px, /* 1 */ -4px; } 62.5%{ background-position: -4px, /* 6 */ -4px, 0, /* 5 */ 0, 6px, /* 4 */ 6px, 12px, /* 3 */ 12px, -4px, /* 2 */ -4px, -4px, /* 1 */ -4px; } 75%{ background-position: 0, /* 6 */ 0, 6px, /* 5 */ 6px, 12px, /* 4 */ 12px, -4px, /* 3 */ -4px, -4px, /* 2 */ -4px, -4px, /* 1 */ -4px; } 87.5%{ background-position: 6px, /* 6 */ 6px, 12px, /* 5 */ 12px, -4px, /* 4 */ -4px, -4px, /* 3 */ -4px, -4px, /* 2 */ -4px, -4px, /* 1 */ -4px; } 100%{ background-position: 12px, /* 6 */ 12px, -4px, /* 5 */ -4px, -4px, /* 4 */ -4px, -4px, /* 3 */ -4px, -4px, /* 2 */ -4px, -4px, /* 1 */ -4px; } } .CustomShopCheckoutSingleStepAddress .addressEntry { box-sizing: border-box; width: 50%; float: left; } .CustomShopCheckoutSingleStepAddress .addressEntry .addressWrapperInner { border: 1px solid; padding: 1rem; margin-top: 1rem; } .CustomShopCheckoutSingleStepAddress .addressEntry:nth-child(2n+1) { clear: both; } .CustomShopCheckoutSingleStepAddress .addressEntry:nth-child(1) .addressWrapperInner, .CustomShopCheckoutSingleStepAddress .addressEntry:nth-child(2) .addressWrapperInner { margin-top: 0; } .CustomShopCheckoutSingleStepAddress .addressEntry:nth-child(2n+1) .addressWrapperInner { margin-right: 0.5rem; } .CustomShopCheckoutSingleStepAddress .addressEntry:nth-child(2n+2) .addressWrapperInner { margin-left: 0.5rem; } .CustomShopCheckoutSingleStepAddress .addressEntry .stateButton, .CustomShopCheckoutSingleStepAddress .addressEntry .actionButton { padding: 0; margin: 0.5rem 0 0; } .CustomShopCheckoutSingleStepAddress .addressEntry .actionButton { display: inline-block; margin-right: 0.5rem; } .CustomShopCheckoutSingleStepAddress .addressEntry.addAddress { } .CustomShopCheckoutSingleStepAddress .addressEntry.addAddress .addressWrapperInner { position: relative; padding: 100% 0 0; cursor: pointer; } .CustomShopCheckoutSingleStepAddress .addressEntry.addAddress .icon { position: absolute; left: 50%; top: 50%; font-size: 5rem; line-height: 5rem; margin-top: -25px; margin-left: -40px; } .editAddressPlaceholder.checkoutWait { width: 100%; height: 15rem; } #CustomShopCheckoutSingleStepAddressAddEdit.Page { min-height: auto; color: inherit; } .CustomShopCheckoutSingleStepAddress .addressEntry .data.email { word-wrap: break-word; } @media screen and (max-width:1120px) and (min-width:769px), screen and (max-width:554px) { .CustomShopCheckoutSingleStepAddress .addressEntry { width:100%; } .CustomShopCheckoutSingleStepAddress .addressEntry:nth-child(2n+1) .addressWrapperInner { margin-right:0; } .CustomShopCheckoutSingleStepAddress .addressEntry .addressWrapperInner { margin-bottom: 1rem; } .CustomShopCheckoutSingleStepAddress .addressEntry:nth-child(2n+2) .addressWrapperInner { margin-left: 0; } } .CustomShopCheckoutSingleStep:not(.B2C) .addressWrapper .edit.actionButton, .CustomShopCheckoutSingleStep:not(.B2C) .addressWrapper .delete.actionButton { display: none; } .CustomShopCheckoutSingleStep #posSingleStepCustomerSelect{ padding-left: 3rem; padding-right: 2rem; box-sizing: border-box; position: relative; } @media screen and (max-width:440px) { .CustomShopCheckoutSingleStep #posSingleStepCustomerSelect{ padding-left: 0rem; } } @media screen and (max-width:512px) { #select2-drop.userDd { width: 100% !important; left:0 !important; } } .CustomShopCheckoutSingleStep #s2id_posSingleStepCustomerId{ min-width: 51%; width: 100%; padding-top: 0.25rem; padding-right: 0.75rem; display: inline-block; vertical-align: middle; } .CustomShopCheckoutSingleStep .roundIcon { margin-right: 0.5rem; } .CustomShopCheckoutSingleStep #posSingleStepCustomerId_new, .CustomShopCheckoutSingleStep #posSingleStepCustomerChangeBasketToUser{ display: inline-block; vertical-align: middle; width: 50%; min-height: 2.2rem; position: relative; box-sizing: border-box; margin-top: 0.8rem; padding-left: 2.75rem; padding-right: 0.25rem; padding-top: 0.5rem; line-height: 1.5em; } @media screen and (max-width:440px) { .CustomShopCheckoutSingleStep #posSingleStepCustomerId_new, .CustomShopCheckoutSingleStep #posSingleStepCustomerChangeBasketToUser{ width: 100%; padding-right: 0; } } .CustomShopCheckoutSingleStep #posSingleStepCustomerId_new .roundIcon, .CustomShopCheckoutSingleStep #posSingleStepCustomerChangeBasketToUser .roundIcon{ position: absolute; left: 0; top: 0; margin-right: 0; } .CustomShopCheckoutSingleStep .removeUserSelection { cursor: pointer; margin-right: 0; position: absolute; right: 0; top: 0; } #CustomShopCheckoutSingleStepUserNew { padding-top:1.5rem; box-sizing: border-box; } #CustomShopCheckoutSingleStepUserNew .email { padding:0; } #CustomShopCheckoutSingleStepUserNew .mandatory_field_desciption { display:none; } .newUserPlaceholder.checkoutWait { width:100%; height:5rem; } .CustomShopCheckoutSingleStep #posSingleStepCustomerSelect { padding-left: 3.5rem; position: relative; } .CustomShopCheckoutSingleStep.B2B #posSingleStepCustomerSelect { padding-left: 0.5rem; } .CustomShopCheckoutSingleStep #s2id_posSingleStepCustomerId { width: 100%; max-width: none; padding-top: 2px; } .CustomShopCheckoutSingleStep .removeUserSelection { position: absolute; top: 0; right: 0; left: auto; } .CustomShopCheckoutSingleStep .userWrapper [for=pos_single_step_user_account] .icon { display: none; } .CustomShopCheckoutSingleStep.B2C .userWrapper [for=pos_single_step_user_account] .icon { display: inline-block; } @media screen and (max-width:440px) { .CustomShopCheckoutSingleStep .userWrapper #posSingleStepCustomerSelect { padding-left: 0.5rem; } } .CustomShopCheckoutSingleStep #s2id_posSingleStepVoucherId{ min-width: 50%; padding-right: 0.75rem; display: inline-block !important; vertical-align: middle; max-width: 11rem; } @media screen and (max-width:512px) { #select2-drop.voucherDd { width: 100% !important; left:0 !important; } } .CustomShopCheckoutSingleStep #posSingleStepVoucherId_new{ display: inline-block; vertical-align: middle; width: 50%; min-height: 2.2rem; padding-left: 2.5rem; position: relative; box-sizing: border-box; } .CustomShopCheckoutSingleStep #posSingleStepVoucherId_new .roundIcon{ position: absolute; left: 0; } .CustomShopCheckoutSingleStep #posSingleStepVoucherSelect{ margin-bottom: 1rem; } .CustomShopCheckoutSingleStep .posSingleStepVoucherList .title{ font-weight: bold; letter-spacing: 0.1em; font-size: 0.8rem; margin-bottom: 0.25rem; } .CustomShopCheckoutSingleStep .voucherList .voucherElement{ font-size: 0.85rem; line-height: 1.5rem; margin-bottom: 0.25rem; } .CustomShopCheckoutSingleStep .voucherList .roundIcon{ height: 1.125rem; width: 1.125rem; line-height: 1.125rem; margin-left: 0.25rem; } .CustomShopCheckoutSingleStep .voucherList [class*="ss-"] { font-size: 0.75rem; } .CustomShopCheckoutSingleStep #s2id_posSingleStepVoucherId{ vertical-align: top; margin-top: 0.3rem; } .CustomShopCheckoutSingleStep .wrapperPaymentMethod { box-sizing: border-box; width: 50%; max-width: 27.5rem; padding-right: 1rem; margin-bottom: 0.5rem; display: inline-block; vertical-align: top; } .CustomShopCheckoutSingleStep .wrapperPaymentMethod input { display: none; } .CustomShopCheckoutSingleStep .wrapperPaymentMethod .stateButton { width: 100%; margin: 0; padding: 0.5rem 0.5rem 0 2.5rem; min-height: 2.5rem; line-height: 1.5rem; box-sizing: border-box; position: relative; } .CustomShopCheckoutSingleStep .wrapperPaymentMethod .BasicGraphic { float: left; width: 5rem; height: 100%; margin-top: -0.25rem; } .CustomShopCheckoutSingleStep .wrapperPaymentMethod .roundIcon { position: absolute; top: 2px; left: 0; } @media screen and (min-width: 769px) and (max-width: 1024px) { .CustomShopCheckoutSingleStep .wrapperPaymentMethod { width: 100%; padding: 0; } } @media screen and (max-width: 544px) { .CustomShopCheckoutSingleStep .wrapperPaymentMethod { width: 100%; padding: 0; } } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout h1 { display:none; } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout .BasketList { display:block; } .CustomShopCheckoutSingleStep .CustomShopBasket.Basket .packaging label { cursor:inherit; } .CustomShopCheckoutSingleStep .CustomShopBasket.Basket .checkoutButtons { display:none; } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout, .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout .info { margin:0; } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout .mobileMetaInfos { display:block; } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout td.availability, .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout td.single_price, .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout td.amount, .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout td.sum_price { display:none; } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout .type_simple .subtitle, .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout .type_set .subtitle { display:none; } .CustomShopCheckoutSingleStep .content.productBlock{ border-bottom-width: 1px; } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout .desiredPriceLabel{ display: inline; } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout #desiredPrice{ float: right; } .CustomShopCheckoutSingleStepBasket .blockTitle h2{ display: inline-block; } .CustomShopCheckoutSingleStepBasket .blockTitle #basketOfOtherUserNote{ display: inline-block; margin-left: 0.3rem; color: #e0292b; } .CustomShopCheckoutSingleStep .CustomShopCheckoutSingleStepBasket input:not([name=productIdinBasketCheckout]){ display: block; width: 3rem; border-radius: 4px; margin-top: 0.2rem; border: 1px solid #d5d7d2; -webkit-appearance: none; margin: 0; -moz-appearance: textfield; text-align: center; padding: 0.2rem; line-height: 1.5rem; } .CustomShopCheckoutSingleStepBasket .productSelectWrapper{ display: inline-block; width: calc(100% - 11rem); padding-right: 0.75rem; } .CustomShopCheckoutSingleStepBasket .productSelectWrapper label{ float: left; width: 8rem; } .CustomShopCheckoutSingleStepBasket .productSelectWrapper .select2-container{ width: calc(100% - 8rem); } .CustomShopCheckoutSingleStepBasket .amountWrapper, .CustomShopCheckoutSingleStepBasket .amountInputWrapper{ display: inline-block; margin-right: 0.5rem; margin-bottom: 0.75rem; } .CustomShopCheckoutSingleStepBasket .buttonWrapper, .CustomShopCheckoutSingleStepBasket .deleteFromBasket { display: inline-block; } .CustomShopCheckoutSingleStepBasket .deleteFromBasket .deleteFromBasketButton{ border: 1px solid #d5d7d2; border-radius: 4px; cursor: pointer; } .CustomShopCheckoutSingleStepBasket .SetArticle.BasketSingleTeaser > .wrapper, .CustomShopCheckoutSingleStepBasket .CustomShopBasket.Basket .productGraphic{ float:left; } .CustomShopCheckoutSingleStep .SetArticle.BasketSingleTeaser .product_key_mobile{ display: block !important; } .CustomShopCheckoutSingleStepBasket .smallButton{ padding: 4px !important; } .CustomShopCheckoutSingleStepBasket .fileUploadBlock { border-bottom-width: 1px; } .CustomShopCheckoutSingleStepBasket .fileUploadBlock label[for=uploadNoMerge]{ display: inline-block; margin: 0 0 0 0.3rem; vertical-align: middle; } .CustomShopCheckoutSingleStepBasket .fileUploadBlock #uploadNoMerge { width: 1rem; display: inline-block; vertical-align: middle; } .CustomShopCheckoutSingleStepBasket .fileUploadBlock .noMergeWrapper { float: right; } @media screen and (max-width: 1000px) { .CustomShopCheckoutSingleStepBasket .productSelectWrapper{ width: calc(100% - 5rem); } } @media screen and (max-width: 768px) { .CustomShopCheckoutSingleStepBasket .productSelectWrapper { width: calc(100% - 11rem); } } @media screen and (max-width: 736px) { .CustomShopCheckoutSingleStep .BasketSingleTeaser > .text { padding-bottom: 0rem !important; } } @media screen and (max-width: 544px) { .CustomShopCheckoutSingleStepBasket .productSelectWrapper { width: calc(100% - 5rem); margin-bottom: 0.75rem; } .CustomShopCheckoutSingleStepBasket .productSelectWrapper .select2-container{ width: 100%; } .CustomShopCheckoutSingleStepBasket .amountInputWrapper{ margin-right: 0; } } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout { padding: 0; } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout .BasketList { display: table; } .CustomShopCheckoutSingleStep .CustomShopBasket.Basket table tbody, .CustomShopCheckoutSingleStep .CustomShopBasket .BasketEntry, .CustomShopCheckoutSingleStep .CustomShopBasket .BasketEntry > td { display: block; } .CustomShopCheckoutSingleStep .CustomShopBasket .BasketEntry { position: relative; } .CustomShopCheckoutSingleStep .CustomShopBasket .legend td:first-child { overflow: hidden; } .CustomShopCheckoutSingleStep .CustomShopBasket .BasketEntry > td { padding: 0.5rem 0; } .CustomShopCheckoutSingleStep .CustomShopBasket.Basket .BasketSingleTeaser > .text { overflow: hidden; padding-left: 0.5rem; padding-right: 6rem; padding-bottom: 0; } @media screen and (max-width: 850px) { .CustomShopCheckoutSingleStep .CustomShopBasket.Basket .BasketSingleTeaser > .text { padding-right: 1rem; } } @media screen and (max-width: 736px) { .CustomShopCheckoutSingleStep .CustomShopBasket.Basket .BasketSingleTeaser > .text { padding-bottom: 3rem; } } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout td.availabilityWrapper { position: static; width: auto; display: block; padding: 0; } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout td.amount { display: block; position: absolute; padding: 0 0 0 0.5rem; margin: 0; left: 8rem; bottom: 1rem; } @media screen and (max-width: 736px) { .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout td.amount { left: 18.18%; } } @media screen and (max-width: 560px) { .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout td.amount { left: 6rem; } } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout .legend td.amount { display: none; } .CustomShopCheckoutSingleStep .CustomShopBasket .BasketEntry .availabilityWrapper .ss-icon { padding-left: 0.5rem; } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout td.sum_price { display: block; position: absolute; padding: 0; margin: 0; right: 0; bottom: 1rem; } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout .legend td.sum_price { display: none; } .CustomShopCheckoutSingleStep .CustomShopBasket.Basket td.availabilityWrapper ul { text-align: right; position: absolute; top: 0.5rem; right: 0; } .CustomShopCheckoutSingleStep.B2C .CustomShopBasket.Basket .productTitle { padding-left: 0.5rem; } .CustomShopCheckoutSingleStep.B2C .CustomShopBasket.Checkout .amountWrapper{ display: inline-block; margin-left: 0.4rem; } .CustomShopCheckoutSingleStep.B2C td.availabilityWrapper .availabilityWrapper{ display: inline-block; } .CustomShopCheckoutSingleStep.B2C .availabilityWrapper .ss-icon { position: static !important; float: left; padding-top: 0.15rem !important; margin-right: 0; padding-left: 0 !important; margin-left: 0.6rem; } .CustomShopCheckoutSingleStep.B2C .availabilityWrapper .availability { float: left; margin-left: 0.3rem; } .CustomShopCheckoutSingleStep.B2C .SetArticle.BasketSingleTeaser .availabilityB2B{ display: none !important; } .CustomShopCheckoutSingleStep.B2C .SetArticle.BasketSingleTeaser .single_price_mobile{ display: block !important; padding-top: 1.5rem; } .CustomShopCheckoutSingleStep.B2B .CustomShopBasket.Checkout .amountWrapper{ display: inline-block; padding: 0 !important; margin-left: 0.4rem; } .CustomShopCheckoutSingleStep.B2B .SetArticle.BasketSingleTeaser{ width: 75%; } .CustomShopCheckoutSingleStep.B2B .SetArticle.BasketSingleTeaser .single_price_mobile{ display: none; } .CustomShopCheckoutSingleStep.B2B .BasketSingleTeaser > .graphic { min-width: 6rem; margin-right: 0.5rem; } .CustomShopCheckoutSingleStep.B2B .deleteFromBasket{ margin-top: 1.6rem; } .CustomShopCheckoutSingleStepBasket .productSelectWrapper{ float: left; width: calc(100% - 11rem); margin-bottom: 0.5rem; } .CustomShopCheckoutSingleStepBasket .productSelectWrapper label{ float: left; width: 8rem; line-height: 1.8rem; } .CustomShopCheckoutSingleStepBasket .productSelectWrapper .select2-container{ width: calc(100% - 8rem); } .CustomShopCheckoutSingleStepBasket .amountInputWrapper{ display: inline-block; float: left; margin-right: 0.8rem; } .CustomShopCheckoutSingleStep .CustomShopCheckoutSingleStepBasket input:not([name="productIdinBasketCheckout"]){ line-height: 1.6em; } .CustomShopCheckoutSingleStepBasket .BasketSingleTeaser > .graphic { margin-top: 0 !important; margin-bottom: 1rem; min-width: 6rem; margin-right: 0.5rem; } .CustomShopCheckoutSingleStep.B2B .BasketSingleTeaser > .graphic { min-width: 6rem; margin-right: 0.5rem; } .CustomShopCheckoutSingleStepBasket .deleteFromBasket .deleteFromBasketButton{ border: 1px solid #E8833D; border-radius: 4px; display: inline; padding: 0.2rem; } .CustomShopCheckoutSingleStep .BasketSingleTeaser > .text { padding-right: 0rem !important; } .CustomShopCheckoutSingleStep .SetArticle.BasketSingleTeaser .product_key_mobile{ display: inline-block !important; margin-right: 0.7rem; } .CustomShopCheckoutSingleStep .SetArticle.BasketSingleTeaser .ean_code { display: inline-block; } .CustomShopCheckoutSingleStepBasket .buttonWrapper{ float: left; } .CustomShopCheckoutSingleStepBasket .buttonWrapper #singleStepCheckoutAddToBasket{ padding: 4px !important; } @media screen and (max-width: 1000px) { .CustomShopCheckoutSingleStepBasket .productSelectWrapper{ width: calc(100% - 5rem); } .CustomShopCheckoutSingleStepBasket .buttonWrapper{ float: right; } .CustomShopCheckoutSingleStepBasket .amountInputWrapper{ float: right; margin-right: 0; } } @media screen and (max-width: 736px) { .CustomShopCheckoutSingleStep.B2C .SetArticle.BasketSingleTeaser .single_price_mobile{ padding-top: 0.2rem; } .CustomShopCheckoutSingleStep.B2C .availabilityWrapper .availability { display: block !important; } .CustomShopCheckoutSingleStep.B2B .deleteFromBasket{ margin-top: 1rem; } .CustomShopCheckoutSingleStep.B2B .CustomShopBasket.Basket .productTitle { padding: 0 0 0 1rem; } .CustomShopCheckoutSingleStep .CustomShopBasket.Basket .productGraphic { width: 6rem; } .CustomShopCheckoutSingleStep .BasketSingleTeaser > .graphic { width: 6rem !important; } .CustomShopCheckoutSingleStep .BasketSingleTeaser > .text { padding-bottom: 0rem !important; } } @media screen and (max-width: 500px) { .CustomShopCheckoutSingleStep.B2C .BasketSingleTeaser > .graphic { width: 6rem; } .CustomShopCheckoutSingleStep.B2C .deleteFromBasket{ margin-left: 0; margin-top: 0; } .CustomShopCheckoutSingleStep.B2B .deleteFromBasket{ margin-top: 0; } .CustomShopCheckoutSingleStep .BasketSingleTeaser > .graphic { margin-bottom: 2.5rem; } .CustomShopCheckoutSingleStepBasket .productSelectWrapper label{ position: absolute; } .CustomShopCheckoutSingleStepBasket .productSelectWrapper .select2-container{ width: 100%; margin-top: 2.5rem; } .CustomShopCheckoutSingleStepBasket .amountInputWrapper{ margin-top: 2.5rem; margin-bottom: 0; } .CustomShopCheckoutSingleStep.B2B .CustomShopBasket.Checkout .amountWrapper{ margin-bottom: 1rem; } } .CustomShopCheckoutSingleStepInfo .checks input[disabled] + label, .CustomShopCheckoutSingleStepInfo .checks input[disabled] + label + .validationMessage { display:none; } .CustomShopCheckoutSingleStepInfo .submit_message.error { text-align:center; padding-top:1rem; color:#e0292b; } .CustomShopCheckoutSingleStep .blockWrapper.infoWrapper input { display: block; } .CustomShopCheckoutSingleStepInfo .checks input[type=checkbox] + label, .CustomShopCheckoutSingleStepInfo .checks input[type=checkbox] + label + .validationMessage { display: none; } .CustomShopCheckoutSingleStep.B2C .CustomShopCheckoutSingleStepInfo .b2bCustomerInfos { display: none; } .CustomShopCheckoutSingleStepPreselection{ text-align: center; } .CustomShopCheckoutSingleStepPreselection .contentWrapper{ box-sizing: border-box; display: inline-block; } .CustomShopCheckoutSingleStepPreselection .contentWrapper h1{ margin-bottom: 2rem; } .CustomShopCheckoutSingleStepPreselection .contentWrapper button{ margin: 2rem; } .CustomShopCheckoutSingleStepSupplier .content .select2-container{ width: 100%; box-sizing: border-box; } .CustomShopCheckoutSingleStep .select2 { width: 100% !important; } .CustomShopCheckoutSingleStep { margin: 0; position: relative; } .CustomShopCheckoutSingleStep .pageTitleWrapper{ margin-bottom: 1rem; text-align: center; display: inline-block; } .CustomShopCheckoutSingleStep .pageTitleWrapper .checkoutPageTitle{ display: inline-block; margin-left: 7rem; vertical-align: middle; } .CustomShopCheckoutSingleStep .columnWrapper { position: relative; overflow: hidden; } .CustomShopCheckoutSingleStep .leftColumn, .CustomShopCheckoutSingleStep .rightColumn { display: block; width: 50%; box-sizing: border-box; padding: 0 1rem; } .CustomShopCheckoutSingleStep .leftColumn { float:left; padding-right: 1rem; opacity: 1 !important; /*this value is set due to a bug with the nimbus screenshot tool in firefox*/ } .CustomShopCheckoutSingleStep .rightColumn { float: right; } @media screen and (max-width:768px) { .CustomShopCheckoutSingleStep .leftColumn { margin-bottom:0; } } .CustomShopCheckoutSingleStep .blockWrapper label { margin-bottom: 0.5rem; display: block; } .CustomShopCheckoutSingleStep .blockWrapper .content { position: relative; overflow: hidden; padding: 0.5rem; } .CustomShopCheckoutSingleStep .checkoutButtons { padding: 2rem 0 1rem; } .CustomShopCheckoutSingleStep .checkoutButtons #checkoutsinglestep_submit{ float: right; margin-right: 1rem; } .CustomShopCheckoutSingleStep .select2-drop{ max-width: 26rem; } .CustomShopCheckoutSingleStep .validationMessageSingleStep{ color: #e0292b; padding: 0 0.5rem; font-size: 0.75rem; display: block; height: 1rem; line-height: 1rem; } .CustomShopCheckoutSingleStep #checkoutSingleStepGoToPreselection, .CustomShopCheckoutSingleStep #checkoutSingleStepGoToPreselectionUp{ margin: 1rem; } @media screen and (max-width: 768px) { .CustomShopCheckoutSingleStep .leftColumn, .CustomShopCheckoutSingleStep .rightColumn{ display: block; max-width: 100%; width: 100%; position: relative; float: left; } } .CustomShopCheckoutSingleStep, .CustomShopCheckoutSingleStepFinal { margin: 1rem auto 2.75rem; width: 80rem; max-width: 100%; } .CustomShopCheckoutSingleStep .blockWrapper { background-color: #f9f9f8; border: solid 1px #d5d7d2; padding: 1rem 0; margin-bottom: 1rem; overflow: hidden; } .CustomShopCheckoutSingleStep h2 { font-size: 1rem; line-height: 1.5em; font-family: "HurmeGeometricSans1-SemiBold"; margin-bottom: 0.5rem; } .CustomShopCheckoutSingleStep .CustomShopBasket.Checkout .info a{ color: #E8833D; } .CustomShopCheckoutSingleStep .removeUserSelection.roundIcon{ background-color: #E8833D; color: #ffffff; text-align: center; } .CustomShopCheckoutSingleStep .removeUserSelection.roundIcon .fa-times{ color: #ffffff; font-size: 1.25rem; line-height: 32px; vertical-align: top; } .CustomShopCheckoutSingleStep .blockWrapper .blockTitle { margin: 0 1rem 1rem; border-bottom-width: 1px; } .CustomShopCheckoutSingleStep .blockWrapper:not(.infoWrapper) .content { padding: 0.5rem 1rem; } .CustomShopCheckoutSingleStep .checkoutSingleStepButtonWrapper { margin-bottom: 2rem; } .CustomShopCheckoutSingleStep .blockWrapper input { display: none; } .CustomShopCheckoutSingleStep .blockWrapper textarea { height: 6rem; } .CustomShopCheckoutSingleStep .validationMessageSingleStep { padding: 0 1rem; } @media screen and (max-width: 544px) { .CustomShopCheckoutSingleStep .checkoutSingleStepButtonWrapper { padding: 0 1rem; margin-bottom: 2rem; } } /* .CustomShopCheckoutSingleStep .blockWrapper.paymentWrapper { display: none; } */ .CustomShopCheckoutSingleStep .typeWrapper { display: none; } .CustomShopCheckoutSingleStep.B2C .typeWrapper { display: block; } .CustomComplaint.main #complaintTable .deleteButton:hover{ cursor: pointer; color: #d5d7d2; } .CustomComplaint.main .wrapper{ width: 100%; margin-top: 2rem; padding: 1rem; box-sizing: border-box; } .CustomComplaint.main .select2-choice{ line-height: 2rem !important; height: 2rem !important; font-size: 1rem !important; } .CustomComplaint.main .upperSelectWrapper .select2-container{ width: calc(100% - 8rem); } .CustomComplaint.main label{ font-size: 1rem !important; line-height: 2rem; } .CustomComplaint.main .labelWrapperTop{ float: left; width: 8rem; } .CustomComplaint.main .labelWrapper{ float: left; width: 7rem; text-align: right; } .CustomComplaint.main .halfWrapper{ display: inline-block; width: 50%; vertical-align: middle; } .CustomComplaint.main .halfWrapper .select2-container{ width: calc(100% - 10rem); } .CustomComplaint.main .halfWrapper .dateWrapper{ margin-top: 0.2rem; } .CustomComplaint.main .halfWrapper #datePicker{ width: calc(100% - 10rem); padding-left: 2rem; font: inherit; font-size: 1rem; height: 2.4rem; } .CustomComplaint.main .commentAndIoDWrapper{ display: inline-block; } .CustomComplaint.main .commentAndIoDWrapper input{ resize: none; width: calc(100% - 10rem) !important; height: 2.4rem !important; padding-left: 2rem; font: inherit; font-size: 1rem; } .CustomComplaint.main .commentAndIoDWrapper .commentLabel{ margin-top: 0.1rem; } .CustomComplaint.main .wrapperBorder{ border: 1px solid #e1e1de; } .CustomComplaint.main .productChoiceWrapper{ display: inline-block; } .CustomComplaint.main .productChoiceWrapper h3{ margin-bottom: 2rem; } .CustomComplaint.main .productChoiceWrapper .productChoiceTable{ table-layout: fixed; text-align: center; width: 100%; } .CustomComplaint.main .productChoiceTable .leftCell{ width: 8rem; } .CustomComplaint.main .productChoiceTable .rightCell{ width: calc((100% - 8rem)/ 2); box-sizing: border-box; padding: 0.1rem 1rem; } .CustomComplaint.main .productChoiceTable .select2-container{ width: 100%; } .CustomComplaint.main .productChoiceWrapper #amount{ line-height: 2rem !important; height: 2rem !important; font-size: 1rem !important; border: 1px solid #d5d7d2; border-radius: 0.25rem; width: 70%; } .CustomComplaint.main .productChoiceWrapper #onlyActiveProducts{ vertical-align: middle; margin-right: 0.5rem; margin-bottom: 0.15rem; } .CustomComplaint.main .buttonWrapper{ float: right; margin-top: 1.5rem; } .CustomComplaint.main .productTableWrapper{ width: 100%; padding: 1rem; box-sizing: border-box; display: inline-block; } .CustomComplaint.main .productTableWrapper #complaintTable{ border: 1px solid #d5d7d2; width: 100%; } .CustomComplaint.main .productTableWrapper #complaintTable th, .CustomComplaint.main .productTableWrapper #complaintTable td{ font-size: 1rem; border: 1px solid #d5d7d2; padding: 1rem; } .CustomComplaint.main .productTableWrapper #complaintTable th{ font-weight: bold; } .CustomComplaint.main .productTableWrapper #complaintTable .amountCell{ text-align: center; } .CustomComplaint.main .productTableWrapper #complaintTable .amountInTable{ border: 1px solid #d5d7d2; border-radius: 0.25rem; width: 6rem; } .CustomComplaint.main .productTableWrapper #complaintTable .deleteColumn{ width: 1rem; } .CustomComplaint.main #resetSelections{ margin-right: 1rem; } .CustomComplaint.main #saveComplaintButton[disabled='disabled']{ background-color: #e1e1de; } .CustomComplaintWrapper .userNotPermittedWrapper{ text-align: center; padding: 5rem; } [data-page-hri="page_complaint"] #agentActions{ display: none !important; } .CustomComplaint .upperSelectWrapper .starNotice{ width: 100%; padding-top: 0.8rem; padding-left: 8.5rem; box-sizing: border-box; } .CustomCrm.customerOverview { margin-bottom:2.5rem; } .CustomCrm.customerOverview .crmMap { margin-bottom:2.5rem; } .CustomCrm.customerOverview .intro, .customerFilters .filtersWrapper, .customerList, .mapActions { box-sizing:border-box; width:100%; max-width:80rem; margin:0 auto 2.5rem; padding:0 3rem; } .customerFilters .filtersWrapper { margin-bottom:0; } .customerFilters.extended .filtersWrapper { min-height:2.375rem; } .CustomCrm.customerOverview .intro { padding-top:2rem; } .CustomCrm.customerOverview .intro .title { font-size:1.75rem; margin-bottom:1.75rem; } .CustomCrm.customerOverview .intro .description { margin: 0 0 1.75rem 20rem; font-size: 0.8125rem; } .CustomCrm.customerOverview.simpleFilter .filters { float:right; margin-bottom:1rem; } .CustomCrm.customerOverview.simpleFilter .summary { float:left; } .CustomCrm.customerOverview.simpleFilter .list { float:left; clear: both; width: 100%; } .CustomCrm.customerOverview.simpleFilter .legend { clear: both; } @media screen and (max-width:864px) { .CustomCrm.customerOverview .intro .description { margin-left:0; } } @media screen and (max-width:544px) { .CustomCrm.customerOverview .intro .title { padding-top:0.5rem; } .CustomCrm.customerOverview .crmMap { margin-bottom:0.5rem; } .CustomCrm.customerOverview .intro, .customerFilters .filtersWrapper, .customerList, .mapActions { padding:0 1rem; margin-bottom:1rem; } } .CustomCrm.customerOverview .user-register-link a{ display: none; } .crmMap { } .crmMap, .crmMap > .wrapper, .google_map { height:40rem; } @media screen and (max-width:928px) { .crmMap, .crmMap > .wrapper, .google_map { height:28rem; } } @media screen and (max-width:544px) { .crmMap, .crmMap > .wrapper, .google_map { height:23rem; } } .crmMap .gm-style .gm-style-iw-c { border-radius:0.25rem; padding: 1.5rem 1.75rem; max-width:20rem !important; } .crmMap .gm-style .gm-style-iw-c button { top:0 !important; right:0 !important; height:2rem !important; width:2rem !important; } .crmMap .gm-style .gm-style-iw-c button img { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; opacity:0.6; height:1.25rem !important; width:1.25rem !important; margin:0.375rem !important; } .crmMap .dialogContent { font-size:0.6875rem; line-height: 1.5em; } .crmMap .dialogContent h3 { font-size:0.875rem; line-height: 1.5em; margin-bottom:0.75rem; } .crmMap .dialogContent .infos { margin-bottom: 0.75rem; overflow:hidden; } .crmMap .dialogContent .infos a { display:block; float:left; clear:both; color:#2d2d2d; } .crmMap .dialogContent .actions a { display:inline-block; } .crmMap .dialogContent .actions .detail { margin-right:1rem; } .mapSearchTextWrapper { float: left; } .mapSearchTextWrapper label { min-height: 1.5rem; margin: 0 2rem 0 0; display: inline-block; } .mapSearchTextWrapper .inputWrapper { position: relative; display: inline-block; } .mapSearchTextWrapper .icon { position: absolute; top: 0; right: 0; height: 100%; color: #000000; line-height: 2.5rem; width: 2rem; text-align: center; } @media screen and (max-width:864px) { .mapSearchTextWrapper { float: none; margin-bottom: 0.5rem; } .mapSearchTextWrapper label { float: right; padding-top: 0.8rem; margin-right: 0; } .mapSearchTextWrapper .inputWrapper { width: calc(100% - 7.2rem); } .mapSearchTextWrapper .inputWrapper input { width: 100%; } } .mapActions { overflow:hidden; } .BasicForm.mapActions .wrapper.mapAction { float:right; } .BasicForm.mapActions .wrapper.checkbox label { min-height: 1.5rem; padding: 0 2rem 0 0; color: #E8833D; position:relative; } .BasicForm.mapActions .wrapper.checkbox label span { left: auto; right: 0; top:0; position:absolute; font-size:1.125rem; display:none; } .BasicForm.mapActions .wrapper.checkbox input:checked + label .checked, .BasicForm.mapActions .wrapper.checkbox input:not(:checked) + label .unchecked { display:block; } .BasicForm.mapActions .wrapper.checkbox label { margin: 0.7rem 0 0 0; color: #E8833D; } .BasicForm.mapActions .wrapper.checkbox label::before { left: auto; right: 0; } .BasicForm.mapActions .wrapper.checkbox label { color: #E8833D; } .customerFilters { margin-bottom: 3rem; } .customerFilters .filtersWrapper { padding: 0 3rem; } .customerFilters.extended { padding-top: 2.25rem; padding-bottom: 2.25rem; background-color: rgba(255, 130, 0, 0.15); } .customerFilters.extended label { font-size: 0.625rem; color: #E8833D; line-height:0.875rem; display:block; } .customerFilters button { padding-left:1.25rem; padding-right:1.25rem; float:right; } .customerFilters.extended .wrapper{ height:2.5rem; width: 10rem; box-sizing:border-box; position: relative; margin-right: 0.5rem; display: inline-block; background-color:#ffffff; font-size: 12px; padding: 0.25rem 2rem 0.25rem 0.625rem; border:none; border-radius:3px; vertical-align:top; } .customerFilters.extended .wrapper input{ background: none; border: none; padding:0; height:1.125rem; } .customerFilters.extended .wrapper .iconWrapper{ color:#8c8c8a; position: absolute; right:0; top:0; text-align:center; height:100%; width:2rem; font-size:1rem; cursor:pointer; } .customerFilters .searchTextWrapper { display: inline-block; position:relative; margin-right: 0.5rem; } .customerFilters .searchTextWrapper input { padding: 0.625rem 2rem 0.625rem 0.625rem; font-size: 0.75rem; line-height: 1.25rem; height: 2.5rem; box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .customerFilters .searchTextWrapper .icon { position: absolute; top: 0; right: 0; height:100%; color: #000000; line-height: 2.5rem; width: 2rem; text-align: center; } .customerFilters .dropDownCrm { width:9rem; vertical-align:top; } .customerFilters .dropDownCrm .itemList { width:12.5rem; } @media screen and (max-width:1088px) { .customerFilters.extended .filtersWrapper { padding: 0 2.5rem; } .customerFilters.extended .wrapper, .customerFilters.extended .dropDownCrm, .customerFilters.extended .searchTextWrapper, .customerFilters.extended button { width:calc(33.333% - 1rem); margin: 0 0.5rem 0.75rem; } .customerFilters.extended .searchTextWrapper input { width:100%; } .customerFilters.extended button { padding-left:0; padding-right:0; } } @media screen and (max-width:608px) { .customerFilters.extended .wrapper, .customerFilters.extended .dropDownCrm { width:calc(50% - 1rem); } .customerFilters.extended .searchTextWrapper { width:calc(70% - 1rem); } .customerFilters.extended button { width:calc(30% - 1rem); } } @media screen and (max-width:544px) { .customerFilters.extended { padding-top:1rem; padding-bottom:0.25rem; margin-bottom: 1.75rem; } .customerFilters.extended .filtersWrapper { padding: 0 0.5rem; margin-bottom:0; } .customerFilters.simple { overflow:hidden; margin-bottom:0; } .customerFilters.simple .filtersWrapper { padding: 0 1rem; margin-bottom: 0; overflow:hidden; } .customerFilters.simple .filters { width:100%; } .customerFilters.simple .filters .searchTextWrapper { width:calc(100% - 6.5rem); } .customerFilters.simple .filters .searchTextWrapper input { width: 100%; } .customerFilters.simple .filters .submit { width:6rem; } } .customerList .summary { margin-bottom:3rem; text-align:center; font-size:0.8125rem; overflow:hidden; } .customerList .summary .summaryTitle { float:left; font-weight: 800; font-size:1rem; margin-bottom:1rem; } .customerList .summary .entryWrapper { float:right; text-align:left; } .customerList .summary .entry { display:inline-block; vertical-align: middle; } .customerList .summary .entry:not(:last-child), .customerList .summary a:not(:last-child) { margin-right:1.25rem; } .customerList .summary .caption { margin-right:0.75rem; } .customerList .summary .entry:not(.action) .caption { } .customerList .summary .action, .customerList .summary .icon { color:#E8833D; cursor:pointer; } .customerList .summary .action{ vertical-align: top; } .customerList .summary .action .caption, .customerList .summary .icon.fa-cloud-download-alt{ vertical-align: middle; } .customerList .summary .icon.fa-cloud-download-alt{ font-size: 1.25rem; } @media screen and (max-width:768px) { .customerList .summary .entryWrapper { float:none; clear:both; } } @media screen and (max-width:544px) { .customerList .summary { margin-bottom:1rem; width:100%; } .customerList .summary .entry { float:left; display:block; margin-bottom:0.5rem; } .customerList .summary .entryWrapper a { display:block; float:left; clear:both; } .customerList .summary .entry.totalSalesVolume { margin-right:0; } } .customerList .mobile { display:none; color:#8c8c8a; } .customerList table { border-collapse: collapse; font-size:0.8125rem; width:100%; margin-bottom: 3rem; } .customerList th { border-box:box-sizing; } .customerList th.sortableCol { cursor:pointer; } .customerList .list .type { width: 3.2rem; } .customerList .list .addressType, .customerList .list .isBillingAddress, .customerList .list .hasComment { width:2.5rem; } .customerList .list .zip { width:3.25rem; } .customerList .list .city { width:8rem; } .customerList .list .lastOrder { width:5.75rem; } .customerList .list .userId, .customerList .list .volumeOfSales { width:6.5rem; } .customerList .list .actions { width:4rem; } .customerList th > .caption, .customerList th > .sortBlock { display:inline-block; } .customerList th > .caption { margin-right: 0.25rem; } .customerList table tr { border-bottom-width:1px; } .customerList table td { padding: 0.75rem 0.375rem; vertical-align: top; } .customerList table th { padding: 0.75rem 0.375rem; vertical-align: bottom; text-align:left; font-weight:600; line-height:1.25rem; } .customerList table .volumeOfSales { text-align:right; } .customerList table tr, .customerList .actions .icon { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .customerList .listWrapper { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .customerList .icon { font-size:0.9375rem; color:#cdcdca; line-height:1.25rem; } .customerList th.addressType .caption .icon, .customerList td.addressType .icon { font-size:0.5rem; } .customerList table td.actions { padding-top: 0.25rem; padding-bottom: 0.25rem; } .customerList .actions .icon { padding: 0.25rem; color:#8c8c8a; cursor:pointer; } .customerList .list { margin-bottom: 3.5rem; } @media screen and (max-width:1088px) { .customerList .userId, .customerList .type { display: none; } } @media screen and (max-width:1024px) { .customerList .volumeOfSales , .customerList .lastOrder { display: none; } } @media screen and (max-width:768px) { .customerList .hasComment, .customerList .isBillingAddress, .customerList .addressType, .customerList .firstName, .customerList .lastName { display: none; } .customerList .mobile { display: block; } } @media screen and (max-width:608px) { .customerList .zip, .customerList .actions .order { display: none; } .customerList .list .actions { width:2.25rem; } .customerList .list .city { width: auto; } .customerList .list .company, .customerList .list .city { width: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: break-word; } } @media screen and (max-width:608px) { .customerList table td { padding: 0.5rem 0.25rem; } } .customerList th:not([data-order]) .sort.asc { visibility:hidden; } .customerList th:not([data-order]) .sort.desc, .customerList th[data-order="asc"] .sort.desc, .customerList th[data-order="desc"] .sort.asc { display:none; } .customerList th[data-order] .sort .icon { color:#2d2d2d; } .customerList .ajaxPaginationWrapper { text-align: center; } .customerList .ajaxPagination { display:inline-block; } .customerList .legend { font-size: 0.6875rem; text-align: center; margin-bottom:3rem; } .customerList .legend .line { margin-bottom: 1.5rem; } .customerList .legend .item { display: inline-block; margin :0 1rem 1.25rem; } .customerList .legend .icon { display: inline-block; margin-right: 1rem; } .customerList .legend .b2bCandidate .icon { color:#E8833D; } .customerList .legend .addressType .icon { font-size:1rem; } .customerList .legend .order .icon, .customerList .legend .detail .icon { color: #8c8c8a; } .CustomCrm.customerDetail { width: 100%; max-width: 80rem; box-sizing: border-box; padding: 0 2rem; margin: 3rem auto; overflow: hidden; font-Size:0.8125rem; } .CustomCrm.customerDetail .warning { text-align: center; font-size: 1rem; vertical-align: middle; font-weight:600; margin: 3rem 0; } .CustomCrm.customerDetail .warning .icon { display:inline-block; vertical-align:middle; } .CustomCrm.customerDetail .warning.loading .icon { display:inline-block; vertical-align:middle; margin-right: 1rem; animation: spin-anticlockwise 2s infinite linear; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg transform='matrix(0.95238095,0,0,0.95238095,0,-962.24984)'%3E%3Cpath d='m 36.147008,1051.331 c -6.6e-4,0.013 -10e-4,0.034 -10e-4,0.047 0,0.5431 0.44076,0.9841 0.983809,0.9844 l 3.885784,0 c 0.5434,0 0.984399,-0.441 0.984399,-0.9844 l 0,-16.4349 c 0,-0.5434 -0.440999,-0.9844 -0.984399,-0.9844 l -16.424216,0 c -0.543369,0 -0.984369,0.441 -0.984369,0.9844 l 0,3.889 0,0 c 0,0.5434 0.441,0.9844 0.984369,0.9844 0.0129,0 0.0338,-5e-4 0.0467,-10e-4 l 8.322868,-0.3986 c -2.367287,3.5211 -7.732229,6.3789 -11.975213,6.3789 -6.274011,0 -12.558872,-4.9503 -14.0286199,-11.0498 -0.0982,-0.4188 -0.5270293,-0.7591 -0.9572887,-0.7596 l -4.0236142,0 c -0.5433692,0 -0.98436862,0.441 -0.98436862,0.9844 0,0.05 0.007,0.1298 0.0164,0.1788 1.7735174,9.4254 10.0438854,16.5555 19.9778414,16.5555 l 0.0233,0 c 5.184613,0 12.113273,-3.2097 15.465798,-7.1646 z M 20.98603,1016.9247 c 6.275141,0 12.562562,4.9517 14.02977,11.0529 0.0982,0.4188 0.527029,0.7591 0.957289,0.7596 l 4.023614,0 c 0.543369,0 0.984368,-0.441 0.984368,-0.9844 0,-0.05 -0.007,-0.1298 -0.0164,-0.1788 -1.773517,-9.4254 -10.043795,-16.5555 -19.978661,-16.5555 l -0.0192,0 c -5.178523,0 -12.1020327,3.2034 -15.4543179,7.1506 l 0.3403795,-6.7733 c 7.2e-4,-0.014 10e-4,-0.036 10e-4,-0.049 0,-0.5434 -0.4409993,-0.9844 -0.9843686,-0.9844 l -0.001,0 -3.88413441,0 C 0.44099937,1010.3622 0,1010.8032 0,1011.3466 l 0,16.4333 c 0,0.5434 0.44099937,0.9844 0.98436859,0.9844 l 16.42261641,0 c 0.543369,0 0.984369,-0.441 0.984369,-0.9844 l 0,-3.8883 0,0 c 0,-0.5434 -0.441,-0.9844 -0.984369,-0.9844 -0.0129,0 -0.0339,6e-4 -0.0468,10e-4 l -8.3507679,0.3995 c 2.3624769,-3.5228 7.7224489,-6.382 11.9642329,-6.382 l 0.0123,0 z' style='fill:%23E8833D;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 1.5rem; width: 1.5rem; background-size: 1.5rem; background-repeat: no-repeat; } @media screen and (max-width:1024px) { .CustomCrm.customerDetail { padding:0; } } .CustomCrm.customerDetail > .logo { display: none; } .CustomCrm.customerDetail > .logo, .CustomCrm.customerDetail > .title, .CustomCrm.customerDetail > .information1, .CustomCrm.customerDetail > .information2 { width: 33.333%; float: left; margin-bottom: 3rem; } @media screen and (max-width:768px) { .CustomCrm.customerDetail > .title { width: 100%; } .CustomCrm.customerDetail > .logo, .CustomCrm.customerDetail > .information1, .CustomCrm.customerDetail > .information2 { width: 50%; } } @media screen and (max-width:544px) { .CustomCrm.customerDetail > .logo { width:33.333%; } .CustomCrm.customerDetail > .information1, .CustomCrm.customerDetail > .information2 { width: 100%; margin-bottom:1rem; } } .CustomCrm.customerDetail > .logo .uploadButtons::before, .CustomCrm.customerDetail .dropZone::before, .CustomCrm.customerDetail .fa-pen { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .CustomCrm.customerDetail .blockCaption { font-weight:600; font-size:0.875rem; margin-bottom:1rem; } .CustomCrm.customerDetail > .logo .logoInner { background-color: #ffffff; margin: 0 1rem; } .CustomCrm.customerDetail > .logo .fileUploadSingleGraphic { position:relative; } .CustomCrm.customerDetail > .logo .graphicWrapper { text-align: center; } .CustomCrm.customerDetail > .logo .graphic { max-width: 100%; display: inline-block; } .CustomCrm.customerDetail > .logo .dropZone p, .CustomCrm.customerDetail > .logo .graphicWrapper input, .CustomCrm.customerDetail > .logo .resetGraphic { display: none; } .CustomCrm.customerDetail > .logo .uploadButtons, .CustomCrm.customerDetail > .logo .removeGraphic, .CustomCrm.customerDetail > .logo .dropZone { height:2.5rem; width:2.5rem; position:absolute; bottom:0; right:0; cursor:pointer; } .CustomCrm.customerDetail > .logo .uploadButtons { right:2.5rem; } .CustomCrm.customerDetail > .logo .removeGraphic { opacity:0; z-index:2; } .CustomCrm.customerDetail > .logo .uploadButtons::before, .CustomCrm.customerDetail > .logo .dropZone::before { content:"\f304"; height:2.5rem; width:2.5rem; line-height:2.5rem; font-size:1rem; text-align:center; color:#8c8c8a; font-family: "Font Awesome 5 Pro"; font-weight: 400; position:absolute; left:0; top:0; } .CustomCrm.customerDetail > .logo .uploadButtons::before { content:"\f1f8"; z-index:1; } @media screen and (max-width:544px) { .CustomCrm.customerDetail > .logo { margin-bottom:1.25rem; } .CustomCrm.customerDetail > .logo .dropZone, .CustomCrm.customerDetail > .logo .uploadButtons { display:none; } } .CustomCrm.customerDetail > .title { font-weight:600; font-size:0.875rem; box-sizing: border-box; float: left; padding: 0 1rem; } .CustomCrm.customerDetail > .information1 { box-sizing: border-box; padding: 0 1.25rem 0 1.5rem; } .CustomCrm.customerDetail > .information1 [data-type=chegroup], .CustomCrm.customerDetail > .information1 .wrapper.checkbox input[type=checkbox], .CustomCrm.customerDetail > .information1 .wrapper.checkbox input[type=checkbox]:not(:checked) + label, .CustomCrm.customerDetail > .information1 .wrapper.checkbox .validationMessage { display: none; } .CustomCrm.customerDetail > .information1 .wrapper.chegroup, .CustomCrm.customerDetail > .information1 .wrapper.checkbox, .CustomCrm.customerDetail > .information1 .wrapper.checkbox input[type=checkbox]:checked + label + input[name$="_checkboxInput"] { display: inline; } .CustomCrm.customerDetail > .information2 { box-sizing: border-box; padding: 0 1rem 0 1.25rem; } .CustomCrm.customerDetail .entry { margin-bottom:0.75rem; } .CustomCrm.customerDetail .entry.editable { padding-right: 2.5rem; position:relative; } .CustomCrm.customerDetail .entry .icon{ position:absolute; top:0; right:0; height:2.5rem; width:2.5rem; text-align:center; line-height:2.5rem; color:#8c8c8a; font-size:1rem; -o-transition: color .3s; -ms-transition:color .3s; -moz-transition:color .3s; -webkit-transition:color .3s; transition:color .3s; } .CustomCrm.customerDetail .entry .icon.edit{ cursor:pointer; } .CustomCrm.customerDetail .entry.empty { padding-left:2.5rem; position:relative; } .CustomCrm.customerDetail .entry.empty .handRight { color:#E8833D; font-size:1.25rem; left:0; right:auto; text-align:left; } .CustomCrm.customerDetail .entry:not(.empty) .handRight { display:none; } .CustomCrm.customerDetail .entry .caption { color:#8c8c8a; font-size:0.625rem; font-weight:600; } .CustomCrm.customerDetail .entry .value { } .CustomCrm.customerDetail .entry.perc50 { float: left; width: 50%; text-align: left; margin-bottom: 2rem; } .CustomCrm.customerDetail > .information2 { text-align:center; } .CustomCrm.customerDetail > .information2 .orderAction { display:inline-block; margin-bottom:1rem; } .CustomCrm.customerDetail .addresses { clear:both; } .CustomCrm.customerDetail .addresses .address { width: 33.333%; display:inline-block; box-sizing: border-box; vertical-align:top; } @media screen and (max-width:1024px) { .CustomCrm.customerDetail .addresses .address { width: 50%; } .CustomCrm.customerDetail .addresses .address .addressBorder { margin-bottom:1rem; } } @media screen and (max-width:1024px) and (min-width:769px){ .CustomCrm.customerDetail .addresses .address:nth-child(2n+1) .addressBorder{ margin-right:0.5rem; } .CustomCrm.customerDetail .addresses .address:nth-child(2n) .addressBorder{ margin-left:0.5rem; } } @media screen and (max-width:768px) { .CustomCrm.customerDetail .addresses .address { width: 100%; } .CustomCrm.customerDetail .addresses .address .addressBorder{ min-height:0; } } @media screen and (max-width:544px) { .CustomCrm.customerDetail .addresses .address .addressBorder { padding: 1rem; } } .CustomCrm.customerDetail .addressBorder { border: 1px solid #cdcdca; margin: 0 1rem 2rem; padding: 1.5rem 2rem; min-height: 14rem; position:relative; } @media screen and (max-width:768px) { .CustomCrm.customerDetail .addressBorder { height: auto; } } .CustomCrm.customerDetail .addressBorder .actionWrapper { position:absolute; top:0.75rem; right:1rem; } .CustomCrm.customerDetail .addressBorder .editAddress, .CustomCrm.customerDetail .addressBorder .removeAddress { float:left; } .CustomCrm.customerDetail .addressBorder .actionWrapper .icon { height: 2.5rem; width: 2rem; text-align: center; line-height: 2.5rem; color: #8c8c8a; font-size: 1rem; cursor:pointer; -o-transition: color .3s; -ms-transition:color .3s; -moz-transition:color .3s; -webkit-transition:color .3s; transition:color .3s; } .CustomCrm.customerDetail .addressData { margin-bottom:0.5rem; } .CustomCrm.customerDetail .addressBorder > .caption { font-weight:600; margin-bottom:1rem; } .CustomCrm.customerDetail .address .addressType { width: calc(100% + 2rem); margin: 0 0 0.75rem -1rem; } .CustomCrm.customerDetail .dropDownCrm .itemList { width:100%; } .CustomCrm.customerDetail .dropDownCrm .caption, .CustomCrm.customerDetail .dropDownCrm .item { padding-left:3rem; position:relative; } .CustomCrm.customerDetail .dropDownCrm .item .iconWrapper, .CustomCrm.customerDetail .dropDownCrm .iconWrapper.iconType { position:absolute; top:0; left:0; bottom:0; width:3rem; text-align:center; } .CustomCrm.customerDetail .dropDownCrm .item .iconWrapper .icon, .CustomCrm.customerDetail .dropDownCrm .iconWrapper.iconType .icon { font-size:0.5rem; } .CustomCrm.customerDetail .addressButtons { overflow:hidden; } .CustomCrm.customerDetail .addressButtons label { float:left; clear:both; min-height: 1.5rem; padding: 0 0 0 2rem; color: #E8833D; position:relative; } .CustomCrm.customerDetail .addressButtons label span { left: auto; left: 0; top:0; position:absolute; font-size:1.125rem; display:none; } .CustomCrm.customerDetail .addressButtons input:checked + label .checked, .CustomCrm.customerDetail .addressButtons input:not(:checked) + label .unchecked { display:block; } .CustomCrm.customerDetail .newAddress { cursor:pointer; font-size:5rem; text-align:center; color:#E8833D; height:14rem; -o-transition: color .3s; -ms-transition:color .3s; -moz-transition:color .3s; -webkit-transition:color .3s; transition:color .3s; } .CustomCrm.customerDetail .newAddress .icon { display:inline-block; vertical-align:middle; } .CustomCrm.customerDetail .history { width: 50%; float: left; padding: 0 1rem; box-sizing: border-box; margin-bottom: 3rem; } @media screen and (max-width:768px) { .CustomCrm.customerDetail .history { width: 100%; } } .CustomCrm.customerDetail .history .CTANoData { height:18rem; } .CustomCrm.customerDetail .history .activity{ margin-left:0.25rem; margin-bottom:0.25rem; } .CustomCrm.customerDetail .historyWrapper{ margin-bottom:0.5rem; } .CustomCrm.customerDetail .historyWrapper:not(.empty) { margin-bottom:1.5rem; height:18rem; overflow-x: auto; } .CustomCrm.customerDetail .entry{ margin-bottom:1em; } .CustomCrm.customerDetail .entry .type, .CustomCrm.customerDetail .entry .date{ display:inline-block; color:#8c8c8a; margin-right:0.25rem; } .CustomCrm.customerDetail .entry .type { text-decoration: underline; } .CustomCrm.customerDetail .entry .type .wrapper { color:#2d2d2d; } .CustomCrm.customerDetail .activities { box-sizing:border-box; padding-left:0.75rem; } .CustomCrm.customerDetail .activities .caption{ float: left; line-height: 2.5rem; margin-right: 1rem; } @media screen and (max-width:544px) { .CustomCrm.customerDetail .activities { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .CustomCrm.customerDetail .activity { display: inline-block; } } .CustomCrm.customerDetail .notes { width: 50%; float: left; padding: 0 1rem; box-sizing: border-box; margin-bottom: 3rem; overflow:hidden; } @media screen and (max-width:768px) { .CustomCrm.customerDetail .notes { width: 100%; } } .CustomCrm.customerDetail .notes .notesWrapper { margin-bottom:0.5rem; } .CustomCrm.customerDetail .notes textarea { width: 100%; display:block; height: 18rem; box-sizing: border-box; padding: 0.5rem 0.75rem; background-color: transparent; border: none; resize: vertical; } .CustomCrm.customerDetail .notes textarea:not([disabled]) { background-color:#ffffff; } .CustomCrm.customerDetail .notes .CTANoData, .CustomCrm.customerDetail .notes:not(.unlocked).empty textarea { display:none; } .CustomCrm.customerDetail .notes:not(.unlocked).empty .CTANoData { display:block; height:18rem; } .CustomCrm.customerDetail .notes:not(.unlocked) .unlocked, .CustomCrm.customerDetail .notes.unlocked .locked { display: none; } .CustomCrm.customerDetail .notes button { float:right; position:relative; } .CustomCrm.customerDetail .notes button span { line-height: 1em; } .CustomCrm.customerDetail .notes.unlocked button { margin-left:2rem; } .CustomCrm.customerDetail .notes.unlocked button::before { content: "\f0a4"; line-height: 2.5rem; font-size: 1.25rem; color: #E8833D; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; left: -2rem; top: 0; } .CustomCrm.customerDetail .analyse { clear:both; padding: 0; margin-bottom:2rem; } .CustomCrm.customerDetail .analyseContentWrapper { width:100%; overflow-x:auto; } .CustomCrm.customerDetail .analyseContentWrapper > * { padding:0 1rem; } .CustomCrm.customerDetail .analyse .summary { margin-bottom:1.5rem; } .CustomCrm.customerDetail .analyse .caption { font-weight: 600; margin-bottom:1rem; } .CustomCrm.customerDetail .analyse .tr { width: 100%; overflow: hidden; border-bottom: 1px solid #cdcdca; } .CustomCrm.customerDetail .analyse .td { width: 25%; float: left; padding: 0.5rem 0.5rem; box-sizing: border-box; } .CustomCrm.customerDetail .top_products .tr:first-child { border-top: 1px solid #cdcdca; } .CustomCrm.customerDetail .analyse:not(.showAll) .top_products .tr:nth-child(n+6) { display:none; } .CustomCrm.customerDetail .analyse .actions { text-align:center; } .CustomCrm.customerDetail .analyse .action { color:#E8833D; display:inline-block; padding:1rem 0; cursor:pointer; } .CustomCrm.customerDetail .analyse:not(.showAll) .action.showLess, .CustomCrm.customerDetail .analyse.showAll .action.showMore { display:none; } @media screen and (max-width:672px) { .CustomCrm.customerDetail .analyseContentWrapper > * { width:42rem; } } @media screen and (max-width:608px) { .CustomCrm.customerDetail .analyse .td { padding:0.25rem 0.25rem; } } .CustomCrm.customerDetail .analyse + .orderAction { float:right; margin-right:1rem; } .CustomCrm.customerDetail .lastOrders { padding: 0 1rem; } .CustomCrm.customerDetail .lastOrders .CustomShopOrder { width:100%; margin: 0; padding: 0; } .CustomCrm.customerDetail .lastOrders .return { display: none; } .CustomCrm.customerDetail .orderTable.empty { display: none; } .CustomCrm .customerNavigation { display: flex; margin-bottom: 2rem; padding: 0 1rem; } .CustomCrm .customerNavigation li { flex-grow: 1; } .CustomCrm .customerNavigation li.previous { margin-right: 0.5rem; } .CustomCrm .customerNavigation li.overview { text-align: center; margin-left: 0.5rem; margin-right: 0.5rem; } .CustomCrm .customerNavigation li.next { text-align: right; margin-left: 0.5rem; } .CustomCrm .customerNavigation a { color:#E8833D; } @media screen and (max-width:450px) { .CustomCrm .customerNavigation { flex-wrap: nowrap; } } .dropDownCrm { position:relative; margin-right:0.5rem; display: inline-block; } .dropDownCrm .caption { position: relative; background-color:#ffffff; font-size: 12px; padding: 0.25rem 2rem 0.25rem 0.625rem; border:none; border-radius:3px; height: 2.5rem; box-sizing: border-box; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .dropDownCrm:not(.disabled) .caption { cursor:pointer; } .dropDownCrm .caption .captionTitle { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .dropDownCrm .caption .surtitle { font-size:0.625rem; color:#8c8c8a; line-height:0.875rem; } .dropDownCrm .caption .iconWrapper.chevron { color:#8c8c8a; position: absolute; right:0; top:0; text-align:center; height:100%; width:2rem; font-size:1rem; } .dropDownCrm .caption .icon { display:inline-block; vertical-align:middle; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .dropDownCrm.open .caption { background-color:#e1e1de; } .dropDownCrm.open .caption .iconWrapper.chevron .icon { color:#2d2d2d; } .dropDownCrm .itemList { height: 0; overflow: hidden; position:absolute; z-index: 900; background-color: #e1e1de; margin-top:0.5rem; border-radius:3px; -webkit-box-shadow: 0 0.375 0.5rem 0px rgba(0, 0, 0, 2.5); -moz-box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, 2.5); box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, .25); } .dropDownCrm .itemList li.selected { background-color:#ffffff; } .dropDownCrm .itemList .item { display: block; padding: 0.375rem 0.625rem; cursor: pointer; font-size:0.75rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .dropDownCrm .itemList .item.hidden { display: none; visibility: hidden; } .ui-datepicker.crmDatepicker{ padding: 0.625rem; border-radius:3px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; -webkit-box-shadow: 0 0.375 0.5rem 0px rgba(0, 0, 0, 2.5); -moz-box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, 2.5); box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, .25); min-width: 15.625rem; margin-left:-0.625rem; margin-top:0.75rem; border:none; } .ui-datepicker.crmDatepicker, .crmDatepicker .ui-widget-header { background: #e1e1de; color: #000000 } .crmDatepicker .ui-datepicker-title, .crmDatepicker.ui-datepicker th { font-weight: 600; font-weight:normal; } .crmDatepicker .ui-datepicker-calendar a { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .crmDatepicker .ui-datepicker-calendar a.ui-state-hover { background-color:#ffffff; } .ui-datepicker.crmDatepicker thead{ color: #8c8c8a; } .ui-datepicker.crmDatepicker table{ font-size: 0.625rem; font-weight:600; } .ui-datepicker.crmDatepicker th { padding: 0.5rem; font-size: 10px; } .ui-datepicker.crmDatepicker .ui-datepicker-title{ font-size: 13px; } .ui-datepicker.crmDatepicker td span, .ui-datepicker td a { text-align: center; } .crmDatepicker .ui-datepicker-calendar .ui-state-default { background-color: #e1e1de !important; color:#2d2d2d; border: none; padding: 0.5rem 10px; } .crmDatepicker .ui-datepicker-calendar .ui-state-highlight, .crmDatepicker .ui-datepicker-calendar .ui-state-hover, .crmDatepicker .ui-datepicker-calendar .ui-state-active{ background-color: #ffffff !important; } .jconfirm-crmdialog .jconfirm-bg { background-color: rgba(0,0,0,0.35); } .jconfirm-crmdialog .jconfirm-box-container { padding: 3rem; } .jconfirm-crmdialog .jconfirm-box { max-width:58rem; border-radius:0; background-color:#f9f9f8; padding: 2rem 2.5rem; box-sizing: border-box; } .jconfirm-crmdialog .jconfirm-box div.jconfirm-title-c .jconfirm-title { color:#505050; font-size:1rem; font-weight:600; } .jconfirm-crmdialog .jconfirm-box .jconfirm-buttons > button { float:right; margin: 0 0 0 1rem; } @media screen and (max-width:960px) { .jconfirm-crmdialog .jconfirm-box-container { padding: 1rem; } } @media screen and (max-width:544px) { .jconfirm-crmdialog .jconfirm-box { padding:1rem; } } .jconfirm-crmdialog .BasicForm.multiStep { margin:0; padding:0; width:100%; } .jconfirm-crmdialog .BasicForm.multiStep form > .container { display:block; } .jconfirm-crmdialog .BasicForm.multiStep span.required { margin-left:-1rem; } .jconfirm-crmdialog .intro { margin-bottom: 1.5rem; } .jconfirm-activity textarea { box-sizing:border-box; width:100%; height:16rem; resize: vertical; } .volumeOfSales.Yago { display:none; } .CustomCrm.wait::before { z-index: 1000; position: fixed; top: 0; right: 0; left: 0; bottom: 0; content: ""; background-color: rgba(255,255,255,0.75); } .CustomCrm.wait::after { z-index: 1001; position: fixed; top: 50%; left: 50%; margin-top: -1.25rem; margin-left: -1.25rem; content: ""; color: #E8833D; animation: spin-anticlockwise 2s infinite linear; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg transform='matrix(0.95238095,0,0,0.95238095,0,-962.24984)'%3E%3Cpath d='m 36.147008,1051.331 c -6.6e-4,0.013 -10e-4,0.034 -10e-4,0.047 0,0.5431 0.44076,0.9841 0.983809,0.9844 l 3.885784,0 c 0.5434,0 0.984399,-0.441 0.984399,-0.9844 l 0,-16.4349 c 0,-0.5434 -0.440999,-0.9844 -0.984399,-0.9844 l -16.424216,0 c -0.543369,0 -0.984369,0.441 -0.984369,0.9844 l 0,3.889 0,0 c 0,0.5434 0.441,0.9844 0.984369,0.9844 0.0129,0 0.0338,-5e-4 0.0467,-10e-4 l 8.322868,-0.3986 c -2.367287,3.5211 -7.732229,6.3789 -11.975213,6.3789 -6.274011,0 -12.558872,-4.9503 -14.0286199,-11.0498 -0.0982,-0.4188 -0.5270293,-0.7591 -0.9572887,-0.7596 l -4.0236142,0 c -0.5433692,0 -0.98436862,0.441 -0.98436862,0.9844 0,0.05 0.007,0.1298 0.0164,0.1788 1.7735174,9.4254 10.0438854,16.5555 19.9778414,16.5555 l 0.0233,0 c 5.184613,0 12.113273,-3.2097 15.465798,-7.1646 z M 20.98603,1016.9247 c 6.275141,0 12.562562,4.9517 14.02977,11.0529 0.0982,0.4188 0.527029,0.7591 0.957289,0.7596 l 4.023614,0 c 0.543369,0 0.984368,-0.441 0.984368,-0.9844 0,-0.05 -0.007,-0.1298 -0.0164,-0.1788 -1.773517,-9.4254 -10.043795,-16.5555 -19.978661,-16.5555 l -0.0192,0 c -5.178523,0 -12.1020327,3.2034 -15.4543179,7.1506 l 0.3403795,-6.7733 c 7.2e-4,-0.014 10e-4,-0.036 10e-4,-0.049 0,-0.5434 -0.4409993,-0.9844 -0.9843686,-0.9844 l -0.001,0 -3.88413441,0 C 0.44099937,1010.3622 0,1010.8032 0,1011.3466 l 0,16.4333 c 0,0.5434 0.44099937,0.9844 0.98436859,0.9844 l 16.42261641,0 c 0.543369,0 0.984369,-0.441 0.984369,-0.9844 l 0,-3.8883 0,0 c 0,-0.5434 -0.441,-0.9844 -0.984369,-0.9844 -0.0129,0 -0.0339,6e-4 -0.0468,10e-4 l -8.3507679,0.3995 c 2.3624769,-3.5228 7.7224489,-6.382 11.9642329,-6.382 l 0.0123,0 z' style='fill:%23E8833D;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 2.5rem; width: 2.5rem; } @-webkit-keyframes spin-anticlockwise { 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes spin-anticlockwise { 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } body.crm .navWrapper .selected.descendantSelected { border-bottom-color:transparent !important; } .customerList .actions .icon.b2b_retailshop, .addressType .icon.b2b_retailshop { color: rgb(247, 100, 20); } .customerList .actions .icon.b2b_warehouse, .addressType .icon.b2b_warehouse { color: rgb(35, 183, 68); } .customerList .actions .icon.b2b_administration, .addressType .icon.b2b_administration { color: rgb(239, 199, 94); } .customerList .actions .icon.private, .addressType .icon.private { color: rgb(255, 97, 163); } .customerList .actions .icon.company, .addressType .icon.company { color: rgb(163, 97, 255); } .customerList .actions .icon.unknown, .addressType .icon.unknown { color: rgb(111, 61, 211); } .customerList .actions .icon.retailshop, .addressType .icon.retailshop { color: rgb(247, 100, 20); } .customerList .actions .icon.warehouse, .addressType .icon.warehouse { color: rgb(35, 183, 68); } .customerList .actions .icon.administration, .addressType .icon.administration { color: rgb(239, 199, 94); } .customerList .actions .icon.distributor, .addressType .icon.distributor { color: rgb(255, 97, 163); } .CTANoData { background-color:#DCEBEA; font-size: 1rem; font-weight:600; text-align:center; padding: 4rem 2rem; box-sizing:border-box; } .CTANoData::before { content:""; vertical-align:middle; display:inline-block; height:100%; } .CTANoData .wrapper { display:inline-block; vertical-align:middle; } .CTANoData .icon { color:#E8833D; font-size: 2rem; width:100%; margin-bottom:2rem; } .CustomCrm .user-register-link { text-align: right; margin-bottom: 2rem; padding: 0 3rem; } .jconfirm-crmdialog button, .CustomCrm button { font-size: 0.875rem; height: 2.5rem; text-transform: none; letter-spacing: 0; color:#ffffff; background-color: #E8833D; border:none; } .CustomCrm.agentDashboard { min-height: 20rem; box-sizing: border-box; width: 100%; max-width: 84rem; margin: 0 auto; padding: 2rem 3rem; } .CustomCrm.agentDashboard .backendHint { padding: 5rem 0; text-align:center; color:#e0292b; } .CustomCrm.agentDashboard .block { margin-bottom: 2.5rem; } .CustomCrm.agentDashboard .blockCaption { box-sizing:border-box; font-family: "HurmeGeometricSans4-Bold"; font-size: 1.25rem; line-height: 1.5em; padding-bottom:0.5rem; border-bottom-width: 1px; margin-bottom:2rem; } .CustomCrm.agentDashboard h3 { font-family: "HurmeGeometricSans4-Bold"; font-size: 1rem; line-height: 1.5em; } .CustomCrm.agentDashboard thead { font-family: "HurmeGeometricSans4-Bold"; } .CustomCrm.agentDashboard .tableCaption { margin-bottom:1.5rem; } .CustomCrm.agentNotAllowed .textWrapper { padding: 10rem 0; text-align:center; color:#e0292b; font-size:1rem; } .CustomCrm.agentDetail .title { text-align:center; margin-bottom:2.5rem; } .CustomCrm.agentCrmDataTable { margin-bottom:2rem; } .CustomCrm.agentCrmDataTable .wrapper{ margin-bottom: 3rem; } .CustomCrm.agentCrmDataTable table { border-collapse: collapse; font-size:0.8125rem; width:100%; } .CustomCrm.agentCrmDataTable th { border-box:box-sizing; } .CustomCrm.agentCrmDataTable th.sortableCol { cursor:pointer; } .CustomCrm.agentCrmDataTable th > .caption, .CustomCrm.agentCrmDataTable th > .sortBlock { display:inline-block; } .CustomCrm.agentCrmDataTable table tr { border-bottom-width:1px; } .CustomCrm.agentCrmDataTable table td { padding: 0.75rem 0.375rem; vertical-align: top; } .CustomCrm.agentCrmDataTable table th { padding: 0.75rem 0.375rem; vertical-align: bottom; text-align:left; /*font-family:"Open Sans Bold";*/ line-height:1.25rem; } .CustomCrm.agentCrmDataTable table tr { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } @media screen and (max-width:608px) { .CustomCrm.agentCrmDataTable .wrapper{ overflow-x: auto } .CustomCrm.agentCrmDataTable table{ min-width: 550px; } .CustomCrm.agentCrmDataTable table td { padding: 0.5rem 0.25rem; } } .CustomCrm.agentCrmDataTable .wrapper + .showMore, .CustomCrm.agentCrmDataTable .wrapper.showMoreBtn tbody tr:nth-child(n+11), .CustomCrm.agentCrmDataTable .wrapper.showMoreBtn.open + .showMore { display: none; } .CustomCrm.agentCrmDataTable .wrapper.showMoreBtn.open tbody tr{ display: table-row; } .CustomCrm.agentCrmDataTable .wrapper.showMoreBtn + .showMore{ display: inline-block; } .CustomCrm.agentCrmDataTable th:not([data-order]) .sort.asc { visibility:hidden; } .CustomCrm.agentCrmDataTable th:not([data-order]) .sort.desc, .CustomCrm.agentCrmDataTable th[data-order="asc"] .sort.desc, .CustomCrm.agentCrmDataTable th[data-order="desc"] .sort.asc { display:none; } .CustomCrm.agentCrmDataTable th[data-order] .sort .icon { color:#2d2d2d; } .CustomCrm.agentCrmDataTable table td img{ max-width: 5rem; max-height: 5rem; } .CustomCrm.wait::before, .CustomAgent.wait::before { z-index: 1000; position: fixed; top: 0; right: 0; left: 0; bottom: 0; content: ""; background-color: rgba(255,255,255,0.75); } .CustomCrm.wait::after, .CustomAgent.wait::after { z-index: 1001; position: fixed; top: 50%; left: 50%; margin-top: -1.25rem; margin-left: -1.25rem; content: ""; animation: spin-anticlockwise 2s infinite linear; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg transform='matrix(0.95238095,0,0,0.95238095,0,-962.24984)'%3E%3Cpath d='m 36.147008,1051.331 c -6.6e-4,0.013 -10e-4,0.034 -10e-4,0.047 0,0.5431 0.44076,0.9841 0.983809,0.9844 l 3.885784,0 c 0.5434,0 0.984399,-0.441 0.984399,-0.9844 l 0,-16.4349 c 0,-0.5434 -0.440999,-0.9844 -0.984399,-0.9844 l -16.424216,0 c -0.543369,0 -0.984369,0.441 -0.984369,0.9844 l 0,3.889 0,0 c 0,0.5434 0.441,0.9844 0.984369,0.9844 0.0129,0 0.0338,-5e-4 0.0467,-10e-4 l 8.322868,-0.3986 c -2.367287,3.5211 -7.732229,6.3789 -11.975213,6.3789 -6.274011,0 -12.558872,-4.9503 -14.0286199,-11.0498 -0.0982,-0.4188 -0.5270293,-0.7591 -0.9572887,-0.7596 l -4.0236142,0 c -0.5433692,0 -0.98436862,0.441 -0.98436862,0.9844 0,0.05 0.007,0.1298 0.0164,0.1788 1.7735174,9.4254 10.0438854,16.5555 19.9778414,16.5555 l 0.0233,0 c 5.184613,0 12.113273,-3.2097 15.465798,-7.1646 z M 20.98603,1016.9247 c 6.275141,0 12.562562,4.9517 14.02977,11.0529 0.0982,0.4188 0.527029,0.7591 0.957289,0.7596 l 4.023614,0 c 0.543369,0 0.984368,-0.441 0.984368,-0.9844 0,-0.05 -0.007,-0.1298 -0.0164,-0.1788 -1.773517,-9.4254 -10.043795,-16.5555 -19.978661,-16.5555 l -0.0192,0 c -5.178523,0 -12.1020327,3.2034 -15.4543179,7.1506 l 0.3403795,-6.7733 c 7.2e-4,-0.014 10e-4,-0.036 10e-4,-0.049 0,-0.5434 -0.4409993,-0.9844 -0.9843686,-0.9844 l -0.001,0 -3.88413441,0 C 0.44099937,1010.3622 0,1010.8032 0,1011.3466 l 0,16.4333 c 0,0.5434 0.44099937,0.9844 0.98436859,0.9844 l 16.42261641,0 c 0.543369,0 0.984369,-0.441 0.984369,-0.9844 l 0,-3.8883 0,0 c 0,-0.5434 -0.441,-0.9844 -0.984369,-0.9844 -0.0129,0 -0.0339,6e-4 -0.0468,10e-4 l -8.3507679,0.3995 c 2.3624769,-3.5228 7.7224489,-6.382 11.9642329,-6.382 l 0.0123,0 z' style='fill:%23f76414;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 2.5rem; width: 2.5rem; } @-webkit-keyframes spin-anticlockwise { 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes spin-anticlockwise { 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .CustomCrm .warning, .CustomAgent .warning { text-align: center; font-size: 1rem; vertical-align: middle; /*font-family: "Open Sans Semibold";*/ margin: 10rem 0; } .CustomCrm .warning .icon, .CustomAgent .warning .icon { display:inline-block; vertical-align:middle; } .CustomCrm .warning.loading .icon, .CustomAgent .warning.loading .icon { display:inline-block; vertical-align:middle; margin-right: 1rem; animation: spin-anticlockwise 2s infinite linear; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg transform='matrix(0.95238095,0,0,0.95238095,0,-962.24984)'%3E%3Cpath d='m 36.147008,1051.331 c -6.6e-4,0.013 -10e-4,0.034 -10e-4,0.047 0,0.5431 0.44076,0.9841 0.983809,0.9844 l 3.885784,0 c 0.5434,0 0.984399,-0.441 0.984399,-0.9844 l 0,-16.4349 c 0,-0.5434 -0.440999,-0.9844 -0.984399,-0.9844 l -16.424216,0 c -0.543369,0 -0.984369,0.441 -0.984369,0.9844 l 0,3.889 0,0 c 0,0.5434 0.441,0.9844 0.984369,0.9844 0.0129,0 0.0338,-5e-4 0.0467,-10e-4 l 8.322868,-0.3986 c -2.367287,3.5211 -7.732229,6.3789 -11.975213,6.3789 -6.274011,0 -12.558872,-4.9503 -14.0286199,-11.0498 -0.0982,-0.4188 -0.5270293,-0.7591 -0.9572887,-0.7596 l -4.0236142,0 c -0.5433692,0 -0.98436862,0.441 -0.98436862,0.9844 0,0.05 0.007,0.1298 0.0164,0.1788 1.7735174,9.4254 10.0438854,16.5555 19.9778414,16.5555 l 0.0233,0 c 5.184613,0 12.113273,-3.2097 15.465798,-7.1646 z M 20.98603,1016.9247 c 6.275141,0 12.562562,4.9517 14.02977,11.0529 0.0982,0.4188 0.527029,0.7591 0.957289,0.7596 l 4.023614,0 c 0.543369,0 0.984368,-0.441 0.984368,-0.9844 0,-0.05 -0.007,-0.1298 -0.0164,-0.1788 -1.773517,-9.4254 -10.043795,-16.5555 -19.978661,-16.5555 l -0.0192,0 c -5.178523,0 -12.1020327,3.2034 -15.4543179,7.1506 l 0.3403795,-6.7733 c 7.2e-4,-0.014 10e-4,-0.036 10e-4,-0.049 0,-0.5434 -0.4409993,-0.9844 -0.9843686,-0.9844 l -0.001,0 -3.88413441,0 C 0.44099937,1010.3622 0,1010.8032 0,1011.3466 l 0,16.4333 c 0,0.5434 0.44099937,0.9844 0.98436859,0.9844 l 16.42261641,0 c 0.543369,0 0.984369,-0.441 0.984369,-0.9844 l 0,-3.8883 0,0 c 0,-0.5434 -0.441,-0.9844 -0.984369,-0.9844 -0.0129,0 -0.0339,6e-4 -0.0468,10e-4 l -8.3507679,0.3995 c 2.3624769,-3.5228 7.7224489,-6.382 11.9642329,-6.382 l 0.0123,0 z' style='fill:%23f76414;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 1.5rem; width: 1.5rem; background-size: 1.5rem; background-repeat: no-repeat; } .CTANoData { background-color:#ebebe8; font-size: 1rem; /*font-family:"Open Sans Bold";*/ text-align:center; padding: 4rem 2rem; box-sizing:border-box; } .CTANoData::before { content:""; vertical-align:middle; display:inline-block; height:100%; } .CTANoData .wrapper { display:inline-block; vertical-align:middle; } .CTANoData .icon { color:#E8833D; font-size: 2rem; width:100%; margin-bottom:2rem; } .CustomShopOrder table { width: 100%; } .CustomShopOrder .orderLine > .col.date { text-align:left; } .CustomShopOrder .orderLine > .col.totalPrice, .CustomShopOrder .orderLine > .col.orderId { text-align: right; } .CustomShopOrder .orderLine > .col.shipping_state, .CustomShopOrder .orderLine > .col.payment, .CustomShopOrder .orderLine > .col.payment_state { text-align: center; } .CustomShopOrder .orderLine .col.openIcon { width:2rem; text-align:center; padding:0.75rem 0 0; } .CustomShopOrder .hidden { height: 0; } .CustomShopOrder .animate { overflow: hidden; } .CustomShopOrder .orderTable .icon.minus { display:none; } .CustomShopOrder .orderTable .open .icon.plus { display:none; } .CustomShopOrder .orderTable .open .icon.minus { display:inline-block; } .CustomShopOrder .orderTable { border-bottom-width: 1px; } .CustomShopOrder .click { border-top-width: 1px; } .CustomShopOrder .orderSummary { display:none; padding: 0.5rem 0; } .CustomShopOrder .legend > .col, .CustomShopOrder .subtotal .position td, .CustomShopOrder .amountPayable .position td { padding:0.25rem 0; box-sizing:border-box; } .CustomShopOrder .orderSummary .caption { float:left; width:8rem; } .CustomShopOrder .subtotal, .CustomShopOrder .amountPayable { border-top-width: 1px; } .CustomShopOrder .amountPayable { border-bottom-width: 1px; } .CustomShopOrder .subtotal .value, .CustomShopOrder .amountPayable .value { text-align:right; } .CustomShopOrder .note { padding-top:1rem; } .CustomShopOrder .invoicePositions { margin-bottom:2rem; } .CustomShopOrder .invoiceInfos { margin-bottom:1rem; } .CustomShopOrder .CustomUserProfileAddressJs { width: 100%; padding: 0; } .CustomShopOrder .CustomUserProfileAddressJs .wrapperAddress { max-height:16.5rem; margin: 0 0.5rem 1rem; max-width:none; } .CustomShopOrder .addressEntry.files .wrapperAddress div { overflow: hidden; } .CustomShopOrder .loadMore { text-align:center; } @media screen and (max-width: 1024px) { .CustomShopOrder .orderSummary { display:block; } .CustomShopOrder .orderSummary .caption { width:6rem; } } @media screen and (max-width: 928px) { .CustomShopOrder .orderLine > .col.payment, .CustomShopOrder .orderLine > .col.payment_state, .CustomShopOrder .orderLine > .col.orderId { display:none; } .CustomShopOrder .orderSummary { display:block; } } .CustomShopOrder .shipping_state [class*="ss-"] { font-size: 1.5rem; line-height: 2.25rem; } .CustomShopOrder .orderTable { border-bottom-width: 0; } .orderLine:last-child:not(.legend) { border-bottom-width: 1px; } .CustomShopOrder .orderLine.legend th { /*font-family:"Open Sans Bold";*/ } .CustomShopOrder .orderLine.legend .icon { color:#8c8c8a; } .CustomShopOrder .orderLine.legend th.col, .CustomShopOrder .orderLine.legend td.col { height:2rem; vertical-align:middle; } .CustomShopOrder .orderLine.legend .loadMore { padding-top:1rem; color:#E8833D; } .CustomShopOrder .orderLine .col.openIcon { padding-top:0.125rem; } .CustomShopOrder .animate { padding: 0 1rem; } .CustomShopOrder .open, .CustomShopOrder .open + tr { background-color: #ebebe8; } .CustomShopOrder .invoicePositions { background-color: #f9f9f8; margin: 0 1rem 2rem; } .CustomShopOrder .legend > .col, .CustomShopOrder .subtotal .position td, .CustomShopOrder .amountPayable .position td { padding: 0.375rem; } .CustomShopOrder .subtotal tr:not(:first-child) td, .CustomShopOrder .amountPayable tr:not(:first-child) td { padding-top:0; } .CustomShopOrder .totalAmountPayable { color:#E8833D; } .CustomShopOrder .note { padding:0.75rem; } .CustomShopOrder .actionWrapper { overflow:hidden; margin: 0 1rem 1.25rem; } .CustomShopOrder .actionWrapper .defaultButton { color: #E8833D; font-size: 0.825rem; float: right; margin-left: 0.75rem; margin-bottom: 0.75rem; } .CustomShopOrder .CustomUserProfileAddressJs .wrapperAddress { margin: 0 1rem 2rem; } @media screen and (max-width:1024px) { .CustomShopOrder .orderSummary { margin-left:1rem; margin-right:1rem; background-color:#f9f9f8; padding-left:0.75rem; } .CustomShopOrder .orderSummary .caption { width: 8rem; /*font-family: "Open Sans Bold";*/ font-weight: normal; } } @media screen and (max-width:928px) { .CustomShopOrder .animate { padding-left:0.5rem; padding-right:0.5rem; } .CustomShopOrder .orderSummary, .CustomShopOrder .invoicePositions, .CustomShopOrder .CustomUserProfileAddressJs .wrapperAddress { margin-left:0.5rem; margin-right:0.5rem; } .CustomShopOrder .CustomUserProfileAddressJs .wrapperAddress { margin-bottom:1rem; } } .CustomShopOrder .orderLine.legend th.col.shipping_state, .CustomShopOrder .orderLine.legend th.col.payment_state, .CustomShopOrder .orderLine.legend td.col.payment_state { visibility: hidden; } .CustomUserProfileAddressJs .addressEntry.files, .CustomShopOrder .actionWrapper .return { display: none; } .CustomShopOrder .productTable .col:not(:last-child) { padding-right: 0.5rem; box-sizing: border-box; } .CustomShopOrder .productTable .teaser.col { text-align:left; width:50% } .CustomShopOrder .productTable .humanReadableId.col { width:17.743%; text-align:left; } .CustomShopOrder .productTable .unitPrice.col { width:12.096%; text-align:center; } .CustomShopOrder .productTable .quantity.col { width:10.484%; text-align:center; } .CustomShopOrder .productTable .totalPrice.col { width:9.677%; text-align:right; } .CustomShopOrder .productTable .productGraphic { float:left; width:8rem; } .CustomShopOrder .productTable .productGraphic img { overflow: hidden; } .CustomShopOrder .productTable .productTitle, .CustomShopOrder .productTable .setPart .teaser, .CustomShopOrder .productTable .personInfos.col, .CustomShopOrder .productTable .periodOfPerformance.col { padding-left: 8rem; } .CustomShopOrder .productTable .mobileMetaInfos{ display: none; width: 100%; } .CustomShopOrder .productTable .mobileMetaInfos .humanReadableId, .CustomShopOrder .productTable .mobileMetaInfos .quantity, .CustomShopOrder .productTable .mobileMetaInfos .unitPrice { float: none; width: 50%; text-align: left; padding: 0; margin: 0 } .CustomShopOrder .productTable .mobileMetaInfos .quantity{ float: left; } .CustomShopOrder .productTable .mobileMetaInfos .totalPrice{ float: right; width: 50%; text-align:right; } .CustomShopOrder .productTable .orderPosition > .col, .CustomShopOrder .productTable .setPart > .col, .CustomShopOrder .productTable .personInfos.col, .CustomShopOrder .productTable .periodOfPerformance.col { padding-top:0.5rem; } .CustomShopOrder .productTable .legend, .CustomShopOrder .productTable .orderPosition { border-top-width: 1px; } @media screen and (max-width: 1024px) { .CustomShopOrder .productTable .humanReadableId.col, .CustomShopOrder .productTable .unitPrice.col, .CustomShopOrder .productTable .quantity.col, .CustomShopOrder .productTable .totalPrice.col { display:none; } .CustomShopOrder .productTable .mobileMetaInfos { display:block; } .CustomShopOrder .productTable .setPart .teaser, .CustomShopOrder .productTable .personInfos.col, .CustomShopOrder .productTable .periodOfPerformance.col { padding-left:0.5rem; } .CustomShopOrder .productTable .productGraphic { width:6rem; } .CustomShopOrder .productTable .productTitle { padding-left: 6rem; } } .CustomShopOrder .productTable .graphic { padding: 0.25rem; background-color:#ffffff; } .CustomShopOrder .productTable .orderPosition > .col, .CustomShopOrder .productTable .setPart > .col, .CustomShopOrder .productTable .personInfos.col, .CustomShopOrder .productTable .periodOfPerformance.col { padding: 0.75rem; } .CustomShopOrder .productTable .productGraphic { width:7.25rem; } .CustomShopOrder .productTable .productTitle { padding-left:7.25rem; } .CustomShopOrder .productTable .setPart .teaser, .CustomShopOrder .productTable .personInfos.col, .CustomShopOrder .productTable .periodOfPerformance.col { padding-left:8rem; } .CustomShopOrder .productTable .setPart .col, .CustomShopOrder .productTable .personInfos.col, .CustomShopOrder .productTable .periodOfPerformance.col { padding-top:0; } .CustomShopOrder.returnRequest { width: 58rem; margin: 40px auto; overflow: hidden; max-width: 100%; padding: 0 1rem; box-sizing: border-box; } .CustomShopOrder.returnRequest h1 { font-size: 1.75rem; } .CustomShopOrder.returnRequest .intro { padding: 1rem 0 2rem; } .CustomShopOrder.returnRequest > table { width:100%; } .CustomShopOrder.returnRequest td { vertical-align:top; padding: 1rem 0.5rem; } .CustomShopOrder.returnRequest .legend td { font-size:0.75rem; } .CustomShopOrder.returnRequest .Entry { border-top-width: 1px; overflow:hidden; } .CustomShopOrder.returnRequest .Entry.empty { padding-top: 2rem; margin-bottom: 2rem; } @media screen and (max-width: 736px) { .CustomShopOrder.returnRequest td { padding: 0.5rem 0; } .CustomShopOrder.returnRequest table, .CustomShopOrder.returnRequest table tbody, .CustomShopOrder.returnRequest .Entry, .CustomShopOrder.returnRequest .Entry > td { display: block; } .CustomShopOrder.returnRequest .Entry.legend > td.actions, .CustomShopOrder.returnRequest .Entry.legend > td.amount, .CustomShopOrder.returnRequest .Entry.legend > td.sum_price, .CustomShopOrder.returnRequest .Entry > td.product_key, .CustomShopOrder.returnRequest .Entry > td.single_price { display:none; } } .CustomShopOrder.returnRequest .single_price, .CustomShopOrder.returnRequest .amount, .CustomShopOrder.returnRequest .sum_price { text-align:right; } .CustomShopOrder.returnRequest .legend .amount { text-align: center; } .CustomShopOrder.returnRequest .product_key_mobile { display: none; } @media screen and (max-width: 800px) { .CustomShopOrder.returnRequest .product_key_mobile { display: block; } .CustomShopOrder.returnRequest .product_key { display: none; } } .CustomShopOrder.returnRequest .Entry:not(.legend) .amount { padding-top: 0.5rem; } .CustomShopOrder.returnRequest input[type="text"] { width: 3.375rem; height: 2.25rem; box-sizing: border-box; text-align:center; } .CustomShopOrder.returnRequest .single_price_mobile { display: none; } .CustomShopOrder.returnRequest .Entry td.actionsWrapper { width:6.5rem; padding-top:0.5625rem; } @media screen and (max-width: 736px) { .CustomShopOrder.returnRequest .single_price_mobile { display: block; } .CustomShopOrder.returnRequest .Entry .actionsWrapper, .CustomShopOrder.returnRequest .Entry .amount { float:left; } .CustomShopOrder.returnRequest .Entry .sum_price { float:right; padding-top:1rem; } .CustomShopOrder.returnRequest .Entry td.actionsWrapper { width:7rem; } } .CustomShopOrder.returnRequest .ProductTeaser a { display:block; } .CustomShopOrder.returnRequest .productGraphic, .CustomShopOrder.returnRequest .BasketSingleTeaser > .graphic { float:left; box-sizing:border-box; margin: 0; } .CustomShopOrder.returnRequest .BasketSingleTeaser>.graphic { width: 8rem; } .CustomShopOrder.returnRequest .productGraphic{ width: 9rem; } .CustomShopOrder.returnRequest .BasketSingleTeaser > .graphic { margin-right: 1rem; } .CustomShopOrder.returnRequest .BasketSingleTeaser > .graphic .graphic { float: none; } .CustomShopOrder.returnRequest .graphicWrapper img { max-height: none; } .CustomShopOrder.returnRequest .ProductTeaser .text { box-sizing:border-box; padding:0 0 0 9rem; float:none; width:auto; } .CustomShopOrder.returnRequest .BasketSingleTeaser .text .BasicText { float:none; } @media screen and (max-width: 736px) { .CustomShopOrder.returnRequest .ProductTeaser .text { padding:0 0 0 7rem; } .CustomShopOrder.returnRequest .CustomProduct.BasketSingleTeaser .BasketSingleTeaser > .graphic { width: 6rem; margin-right: 0.5rem; } .CustomShopOrder.returnRequest .legend .productGraphic { margin-right: 0; width:7.5rem; } } @media screen and (max-width: 560px) { .CustomShopBasket .legend .productGraphic { width: 6rem; } } .CustomShopOrder.returnRequest .setParts { overflow: hidden; float: none; max-width: 100%; padding-top: 0.5rem; } .CustomShopOrder.returnRequest .setPart .text { padding: 0.5rem 0 0 1rem; margin: 0; width: 100%; box-sizing: border-box; } @media screen and (max-width: 960px) { .CustomShopOrder.returnRequest .setPart .text { padding: 0 0 0.5rem; } } .CustomShopOrder.returnRequest .OrderSummary { border-top-width: 1px; padding: 1rem 0; } .CustomShopOrder.returnRequest .reasons > .caption { padding: 0.5rem 0; /*font-family: "Open Sans Bold";*/ } .CustomShopOrder.returnRequest .reasonsWrapper { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } @media screen and (max-width: 768px) { .CustomShopOrder.returnRequest .reasonsWrapper { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } } .CustomShopOrder.returnRequest .BasicForm .reason_retoure > .required { display:none; } .CustomShopOrder.returnRequest .BasicForm .wrapper, .CustomShopOrder.returnRequest .BasicForm h1, .CustomShopOrder.returnRequest .BasicForm h2 { padding:0; } .CustomShopOrder.returnRequest .BasicForm h1, .CustomShopOrder.returnRequest .BasicForm h2 { font-size: 1rem; /*font-family: Open Sans Semibold;*/ } .CustomShopOrder.returnRequest .BasicForm .mandatory_field_desciption { clear:both; } .CustomShopOrder.returnRequest .reasons label { display:block; } .CustomShopOrder.returnRequest .reasons input[type=radio] { margin-right: 1rem; } .CustomShopOrder.returnRequest .reasons .returnReasonOwnWrapper { padding-top: 1rem; padding-left: 29px; } .CustomShopOrder.returnRequest .reasons textarea { width: 100%; height: 7.5em; box-sizing: border-box; } .CustomShopOrder.returnRequest .reasons .textarea label { margin-bottom:0.5rem; } @media screen and (max-width: 414px) { .CustomShopOrder.returnRequest .reasons textarea { height: 10em; } } .CustomShopOrder.returnRequest .orderActions { margin-top: 1rem; overflow: hidden; } .CustomShopOrder.returnRequest .orderActions .action{ float:right; margin-left:1rem; } @media screen and (max-width: 414px) { .CustomShopOrder.returnRequest .orderActions { margin-bottom: 7.75rem; } } .CustomShopOrder.returnRequest .submitted.message { padding: 2rem 0; } .CustomShopOrder.returnRequest .cancelled.message { padding: 2rem 0; } .CustomShopOrder { margin: 0 auto; } .CustomShopOrder .click { cursor: pointer; } .CustomShopOrder.returnRequest { width: 58rem; margin: 40px auto; overflow: hidden; max-width: 100%; padding: 0 1rem; box-sizing: border-box; } .CustomShopOrder.returnRequest h1 { font-size: 1.75rem; } .CustomShopOrder.returnRequest .intro { padding: 1rem 0 2rem; } .CustomShopOrder.returnRequest > table { width:100%; } .CustomShopOrder.returnRequest td { vertical-align:top; padding: 1rem 0.5rem; } .CustomShopOrder.returnRequest .legend td { font-size:0.75rem; } .CustomShopOrder.returnRequest .Entry { border-top-width: 1px; overflow:hidden; } .CustomShopOrder.returnRequest .Entry.empty { padding-top: 2rem; margin-bottom: 2rem; } @media screen and (max-width: 736px) { .CustomShopOrder.returnRequest td { padding: 0.5rem 0; } .CustomShopOrder.returnRequest table, .CustomShopOrder.returnRequest table tbody, .CustomShopOrder.returnRequest .Entry, .CustomShopOrder.returnRequest .Entry > td { display: block; } .CustomShopOrder.returnRequest .Entry.legend > td.actions, .CustomShopOrder.returnRequest .Entry.legend > td.amount, .CustomShopOrder.returnRequest .Entry.legend > td.sum_price, .CustomShopOrder.returnRequest .Entry > td.product_key, .CustomShopOrder.returnRequest .Entry > td.single_price { display:none; } } .CustomShopOrder.returnRequest .single_price, .CustomShopOrder.returnRequest .amount, .CustomShopOrder.returnRequest .sum_price { text-align:right; } .CustomShopOrder.returnRequest .legend .amount { text-align: center; } .CustomShopOrder.returnRequest .product_key_mobile { display: none; } @media screen and (max-width: 800px) { .CustomShopOrder.returnRequest .product_key_mobile { display: block; } .CustomShopOrder.returnRequest .product_key { display: none; } } .CustomShopOrder.returnRequest .Entry:not(.legend) .amount { padding-top: 0.5rem; } .CustomShopOrder.returnRequest input[type="text"] { width: 3.375rem; height: 2.25rem; box-sizing: border-box; text-align:center; } .CustomShopOrder.returnRequest .single_price_mobile { display: none; } .CustomShopOrder.returnRequest .Entry td.actionsWrapper { width:6.5rem; padding-top:0.5625rem; } @media screen and (max-width: 736px) { .CustomShopOrder.returnRequest .single_price_mobile { display: block; } .CustomShopOrder.returnRequest .Entry .actionsWrapper, .CustomShopOrder.returnRequest .Entry .amount { float:left; } .CustomShopOrder.returnRequest .Entry .sum_price { float:right; padding-top:1rem; } .CustomShopOrder.returnRequest .Entry td.actionsWrapper { width:7rem; } } .CustomShopOrder.returnRequest .ProductTeaser a { display:block; } .CustomShopOrder.returnRequest .productGraphic, .CustomShopOrder.returnRequest .BasketSingleTeaser > .graphic { float:left; box-sizing:border-box; margin: 0; } .CustomShopOrder.returnRequest .BasketSingleTeaser>.graphic { width: 8rem; } .CustomShopOrder.returnRequest .productGraphic{ width: 9rem; } .CustomShopOrder.returnRequest .BasketSingleTeaser > .graphic { margin-right: 1rem; } .CustomShopOrder.returnRequest .BasketSingleTeaser > .graphic .graphic { float: none; } .CustomShopOrder.returnRequest .graphicWrapper img { max-height: none; } .CustomShopOrder.returnRequest .ProductTeaser .text { box-sizing:border-box; padding:0 0 0 9rem; float:none; width:auto; } .CustomShopOrder.returnRequest .BasketSingleTeaser .text .BasicText { float:none; } @media screen and (max-width: 736px) { .CustomShopOrder.returnRequest .ProductTeaser .text { padding:0 0 0 7rem; } .CustomShopOrder.returnRequest .CustomProduct.BasketSingleTeaser .BasketSingleTeaser > .graphic { width: 6rem; margin-right: 0.5rem; } .CustomShopOrder.returnRequest .legend .productGraphic { margin-right: 0; width:7.5rem; } } @media screen and (max-width: 560px) { .CustomShopBasket .legend .productGraphic { width: 6rem; } } .CustomShopOrder.returnRequest .setParts { overflow: hidden; float: none; max-width: 100%; padding-top: 0.5rem; } .CustomShopOrder.returnRequest .setPart .text { padding: 0.5rem 0 0 1rem; margin: 0; width: 100%; box-sizing: border-box; } @media screen and (max-width: 960px) { .CustomShopOrder.returnRequest .setPart .text { padding: 0 0 0.5rem; } } .CustomShopOrder.returnRequest .OrderSummary { border-top-width: 1px; padding: 1rem 0; } .CustomShopOrder.returnRequest .reasons > .caption { padding: 0.5rem 0; /*font-family: "Open Sans Bold";*/ } .CustomShopOrder.returnRequest .reasonsWrapper { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } @media screen and (max-width: 768px) { .CustomShopOrder.returnRequest .reasonsWrapper { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } } .CustomShopOrder.returnRequest .BasicForm .reason_retoure > .required { display:none; } .CustomShopOrder.returnRequest .BasicForm .wrapper, .CustomShopOrder.returnRequest .BasicForm h1, .CustomShopOrder.returnRequest .BasicForm h2 { padding:0; } .CustomShopOrder.returnRequest .BasicForm h1, .CustomShopOrder.returnRequest .BasicForm h2 { font-size: 1rem; /*font-family: Open Sans Semibold;*/ } .CustomShopOrder.returnRequest .BasicForm .mandatory_field_desciption { clear:both; } .CustomShopOrder.returnRequest .reasons label { display:block; } .CustomShopOrder.returnRequest .reasons input[type=radio] { margin-right: 1rem; } .CustomShopOrder.returnRequest .reasons .returnReasonOwnWrapper { padding-top: 1rem; padding-left: 29px; } .CustomShopOrder.returnRequest .reasons textarea { width: 100%; height: 7.5em; box-sizing: border-box; } .CustomShopOrder.returnRequest .reasons .textarea label { margin-bottom:0.5rem; } @media screen and (max-width: 414px) { .CustomShopOrder.returnRequest .reasons textarea { height: 10em; } } .CustomShopOrder.returnRequest .orderActions { margin-top: 1rem; overflow: hidden; } .CustomShopOrder.returnRequest .orderActions .action{ float:right; margin-left:1rem; } @media screen and (max-width: 414px) { .CustomShopOrder.returnRequest .orderActions { margin-bottom: 7.75rem; } } .CustomShopOrder.returnRequest .submitted.message { padding: 2rem 0; } .CustomShopOrder.returnRequest .cancelled.message { padding: 2rem 0; } .CustomShopOrder.releaseOrder { background-color: #ebedeb; margin-top: 4rem; padding: 0.5rem; padding-top: 1rem; } .CustomShopOrder.releaseOrder h4 { padding-left: 1rem; margin-bottom: 0.5rem; } .CustomShopOrder.releaseOrder .actionWrapper .defaultButton { color: #ffffff; } .CustomShopOrder .orderSummary { display: block; padding-left: 1rem; margin-left: 0; margin-right: 0; margin-bottom: 0.5rem; background-color: unset; } @media screen and (max-width:928px) { .CustomShopOrder.releaseOrder h4, .CustomShopOrder .orderSummary { padding-left: 0.5rem; } } .CustomShopOrder { overflow: hidden; box-sizing: border-box; width: 66rem; max-width: 100%; margin: 0 auto 3rem; padding-top:1.25rem; } .CustomShopPayment.message { margin: 1rem 2rem 2.75rem; } .CustomShopPayment.message .defaultButton { margin: 0.5rem 0.25rem; } .CustomShopPayment iframe { width:100%; height:608px } #paypalexpress_confirm { float:right; } .CustomProduct.List { margin: 0 auto; width: 100%; max-width:100%; } .CustomProduct.List .overviewWrapper { width: 100%; max-width:100%; } .CustomProduct.List .overviewHeaderWrapper { margin-bottom:2rem; } .CustomProduct.List .bgWrapper2 { height: 20rem; background-size: cover; background-position: center; } .CustomProduct h1 { margin: 1.25rem 1rem; display: inline-block; } .CustomProduct.List .filterWrapper { margin: 0 auto; width: 68rem; overflow: visible; max-width:100%; position:relative; } .CustomProduct.List .filterWrapper .wrapper { float: right; padding: 0 0.5rem 0 1rem; position: absolute; bottom: 0; margin-bottom: 2rem; width: 100%; box-sizing: border-box; text-align: right; } .CustomProduct.List .filterWrapper .filterBox { text-align:left; float:right; } .CustomProduct.List .filterWrapper .ListLinkList.filterBox { float:left; } .CustomProduct.List .filterBox .caption{ padding: 0.3125rem 2rem 0.3125rem 0.625rem; font-family: "HurmeGeometricSans4-SemiBold"; font-feature-settings: "ss02"; letter-spacing: 0.025em; word-spacing: 0.07em; color: #2d2d2d; position: relative; } .CustomProduct.List .filterBox .captionLabel{ color: #a5a5a1; display: block; font-size: 0.625rem; line-height: 0.875rem; } .CustomProduct.List .filterBox .captionTitle{ white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 0.8125rem; } .CustomProduct.List .filterBox .icon{ font-size: 1rem; color: #8d8d8d; } .CustomProduct.List .recommendationsWrapper{ background-color: #e8833d; text-align: center; font-family: "HurmeGeometricSans4-SemiBold"; font-feature-settings: "ss02"; letter-spacing: 0.025em; word-spacing: 0.07em; font-size: 1.125rem; line-height: 1.5em; padding-top: 0.5rem; padding-bottom: 0.75rem; } .CustomProduct.List .recommendationsWrapper .contentWrapper{ max-width: 68rem; margin: 0 auto; padding: 0 3rem; box-sizing:border-box; } .CustomProduct.List .recommendationsWrapper a{ color: #ffffff; } @media screen and (max-width: 850px) { .CustomProduct.List .recommendationsWrapper .contentWrapper{ padding-left: 2rem; padding-right: 2rem; } } @media screen and (max-width: 768px) { .CustomProduct.List .recommendationsWrapper .contentWrapper{ padding-left: 1rem; padding-right: 1rem; } .CustomProduct.List .recommendationsWrapper{ font-size: 1rem; line-height: 1.5em; } } @media screen and (max-width: 544px) { .CustomProduct.List .recommendationsWrapper{ font-size: 0.875rem; line-height: 1.5em; padding-bottom: 0.5rem; } } .CustomProduct.List .recommendationsWrapper a .icon{ margin-left: 1rem; transform: translateX(0); transition: transform .3s; } .CustomProduct.List .pagerWrapper::after { clear: both; content: "."; display: block; font-size: 0; height: 0; overflow: hidden; visibility: hidden; } .CustomProduct.List .filterWrapper, .CustomProduct.List .pagerWrapper { font-size: 0.75rem; } .filterWrapper .clear { float: right; margin-top: 0.25rem; } .CustomProduct.List .pager.top { float: right; padding: 0.625rem 0; overflow: visible; } .CustomProduct.List .pager.top > div { line-height: 1.75rem; float:left; margin-right:1rem; } .CustomProduct.List .labels { float: left; clear: both; } .CustomProduct.List .labelItems { float: left; } .CustomProduct.List .labelItems:first-child .Tag { margin-left:0; } .CustomProduct.List .filterWrapperRight { float: right; } .CustomProduct.List .labelGroup { float: right; clear: both; } .CustomProduct.List .labelGroup .item.empty:not(.visible):not(.selected) { display: none; } .CustomProduct.List .searchInputWrapper { padding-right:1rem; position: relative; overflow:hidden; display: inline-block; width: 16rem; float: left; } .CustomProduct.List .searchInputWrapper input[type="text"] { color: #2d2d2d; box-sizing:border-box; padding: 0.125rem 0.5rem 0.125rem 2rem; border:1px solid #d5d7d2; -webkit-appearance:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 2.75rem; width: 100% } .CustomProduct.List .searchInputWrapper .inputSearchIcon { position:absolute; top:1rem; left:0.5rem; cursor:pointer; } .CustomProduct.List .searchInputWrapper .deleteIcon { color: #2d2d2d; } .CustomProduct.List .searchInputWrapper input.emptyFilter ~ .deleteIcon, .CustomProduct.List .searchInputWrapper input:not(.emptyFilter) ~ .searchIcon { display:none; } .CustomProduct.List .searchInputWrapper input.emptyFilter ~ .searchIcon, .CustomProduct.List .searchInputWrapper input:not(.emptyFilter) ~ .deleteIcon { display:block; } .CustomProduct.List .activeFilterWrapper { display:none; } .CustomProduct.List .activeFilterCaption, .CustomProduct.List .activeFilter .element { /*font-family:Open Sans Semibold;*/ text-transform:uppercase; letter-spacing:1px; font-size:0.625rem; display:inline-block; padding: 0.25rem 0.5rem; position:relative; box-sizing:border-box; height:1.5rem; } .CustomProduct.List .activeFilter { display:inline-block; white-space: nowrap; } .CustomProduct.List .activeFilter .element { background-color:#ffffff; cursor: pointer; padding-right: 1.5rem; margin-right:0.25rem; } .CustomProduct.List .activeFilter .element:after { font-family: "SSGizmo" !important; content:"␡"; font-size:1.25rem; position:absolute; right: 0; top: 0.5rem; } .CustomProduct.List .overviewList { margin: 0 auto; overflow:hidden; width: 68rem; max-width: 100%; box-sizing:border-box; padding: 0 2rem; } .CustomProduct.List .loadMore .inactive { display:none; } .CustomProduct.List .pager.bottom { margin:0 0.5rem 2rem; text-align: center; overflow:hidden; } .CustomProduct.List .pager.bottom .current_amount { text-align:center; margin-bottom:1rem; font-family: "HurmeGeometricSans4-SemiBold"; } .CustomProduct.List .pager.bottom .current_amount span { margin: 0 0.5rem; } .CustomProduct.List .pager.bottom .current_amount .amountCurrent { margin-left:0; } @media all and (min-width: 1681px) { .CustomProduct.List .bgWrapper2 { height: 33rem; } } @media all and (max-width: 1680px) { .CustomProduct.List .bgWrapper2 { height: 28rem; } } @media all and (min-width: 1344px) { .CustomProduct.List { width: 100%; min-height: 45.5rem; } .CustomProduct.List .New .CustomProduct.SingleTeaser { width:50%; } } @media all and (max-width: 1024px) { .CustomProduct.List .searchInputWrapper .inputSearchIcon{ left: 1rem; } .CustomProduct.List .searchInputWrapper, .CustomProduct.List .filterBox{ width:50%; display:block; margin-right:0; float:left; box-sizing: border-box; padding: 0 0.5rem; margin-bottom: 1rem; } .CustomProduct.List .filterWrapper .clear{ display: none; } } @media all and (max-width:850px) { .CustomProduct.List .overviewList { padding: 0 1rem; } } @media all and (max-width: 784px) { .CustomProduct.List .labels { clear:none; } .CustomProduct.List .filterWrapperRight { float:left; clear:both; } .CustomProduct.List .bgWrapper2 { height: 14rem; } } @media screen and (max-width:768px) { .CustomProduct.List .overviewList { padding: 0 0.625rem; } } @media all and (max-width: 576px) { .CustomProduct.List .orderCaption { display:none; } } @media screen and (max-width:672px) { .CustomProduct.List .filterWrapper { background-color:#ebebe8; padding: 1rem; box-sizing:border-box; padding: 1rem 0.5rem; } .CustomProduct.List .filterWrapper .wrapper { position: static; padding:0; margin-bottom:0; } .CustomProduct.List .filterBox .itemList{ width: calc(100% - 1rem); } } @media screen and (max-width: 544px) { .CustomProduct.List .mobileFilter { display:none; } .CustomProduct.List .mobileFilterHeader { display:block; overflow:hidden; } .CustomProduct.List .mobileFilterHeader .filterButton { text-transform:uppercase; letter-spacing:1px; font-size:0.625rem; } .CustomProduct.List .pagerWrapper .mobileFilterHeader { margin-left:1rem; } .CustomProduct.List .scrollable .scroll { max-width: 100%; overflow-x: scroll !important; white-space: nowrap; padding: 0 1rem 0 0.5rem; } .CustomProduct.List .activeFilterWrapper { display:block; margin: 1rem 0 0; } .CustomProduct.List .pager.bottom { margin-left:1rem; margin-right:1rem; } .CustomProduct.List .pager.bottom .next, .CustomProduct.List .pager.bottom .current_amount { width:100%; float:none; } .CustomProduct.List .pager.bottom .next.inactive { display:none; } .CustomProduct.List .amount.pager { float:right; /*font-family:Open Sans Semibold;*/ font-size:0.625rem; letter-spacing:1px; text-transform:uppercase; margin-right: 1rem; } .CustomProduct.List .amount.pager > span { display:inline-block; vertical-align:middle; } .CustomProduct.List .amount.pager > .caption { margin:0 0.5rem; } .CustomProduct.List .amount.pager .amountNumber { font-size:1.875rem; line-height:2.375rem; } } @media screen and (max-width: 400px) { .CustomProduct.List .searchInputWrapper, .CustomProduct.List .filterBox{ width:100%; } } .SingleTeaserOuterWrapper { position: relative; overflow: hidden; width: 25%; display: inline-block; margin: 0 0 2rem; padding: 0 1rem; box-sizing: border-box; vertical-align:top; } .SingleTeaserOuterWrapper { width: 25%; } .SingleTeaserOuterWrapper.column3{ width: 33.33%; } .SingleTeaserOuterWrapper.column2{ width: 50%; } @media screen and (max-width: 980px) { .SingleTeaserOuterWrapper.column4 { width: 25%; } } @media screen and (max-width: 824px) { .SingleTeaserOuterWrapper.column4 { width: 33.33%; } } @media screen and (max-width: 680px) { .SingleTeaserOuterWrapper.column4, .SingleTeaserOuterWrapper.column3 { width: 50%; } .SingleTeaserOuterWrapper { padding: 0 0.625rem; } } .CustomProduct.SingleTeaser { float:left; width: 100%; } .SingleTeaserOuterWrapper.column2 .CustomProduct.SingleTeaser .BasicText { font-size: 1rem; } @media screen and (max-width: 768px) { .SingleTeaserOuterWrapper.column2 .CustomProduct.SingleTeaser .BasicText{ font-size: 0.75rem; } } .CustomProduct.SingleTeaser .teaserWrapper { overflow: hidden; } .CustomProduct.SingleTeaser .graphicWrapper { height: 0; padding-bottom: 100%; position: relative; } .CustomProduct.SingleTeaser .BasicGraphic { position: absolute; top: 0; bottom: 0; left: 0; right: 0; min-height: 0; } .CustomProduct.SingleTeaser .BasicText { font-size: 0.75rem; line-height: 1.4em; } .CustomProduct.SingleTeaser .CustomPrice, .CustomProduct.SingleTeaser h4 { font-family: "HurmeGeometricSans1-SemiBold"; line-height: 1.2em; } .CustomProduct.SingleTeaser .teaserWrapper > .text { padding: 1.125rem 0.625rem 0.625rem; height: 5.25rem; box-sizing: border-box; } .CustomProduct.SingleTeaser .text > .BasicText { height: 2rem; overflow: hidden; margin-bottom: 0.5rem; /* white-space: nowrap; text-overflow: ellipsis;*/ display: -webkit-box; -webkit-line-clamp: 2; /*kürz text nach 2 zeilen (ausser im ie)*/ -webkit-box-orient: vertical; } .SingleTeaserOuterWrapper.column2 .CustomProduct.SingleTeaser .text > .BasicText { height: 3rem; } @media screen and (max-width:376px) { .SingleTeaserOuterWrapper.column2 .CustomProduct.SingleTeaser .text > .BasicText, .CustomProduct.SingleTeaser .text > .BasicText { height: 3.125rem; } .CustomProduct.SingleTeaser .text > .BasicText { -webkit-line-clamp: 3; /*kürz text nach 3 zeilen (ausser im ie)*/ } } .CustomProduct.SingleTeaser .availability { float:right; font-size:1rem; } .CustomProduct.SingleTeaser .availability .ss-icon { font-size: 1rem; } .CustomProduct.SingleTeaser .basket { position: absolute; right: 0.875rem; top: 0.875rem; display: block; font-size: 1.25rem; padding: 1rem; opacity: 20%; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .CustomProduct.SingleTeaser .heart, .CustomProduct.SingleTeaser.b2b .heart { display: none; position: absolute; right: 1.125rem; top: 0.625rem; } .CustomProduct.SingleTeaser.b2b .heart { cursor: pointer; } .CustomProduct.SingleTeaser .CustomPrice { text-align:left; float:left; padding-bottom:0; } .CustomProduct.SingleTeaser .graphic, .CustomProduct.BasketSingleTeaser .graphic, .CustomProduct.SingleTeaser .graphic .BasicGraphic { background-color: #ffffff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; overflow:hidden; } .darkTheme .CustomProduct.SingleTeaser .graphic, .CustomProduct.SingleTeaser .graphic .BasicGraphic { background-color:transparent; } .CustomProduct.SingleTeaser .BasicGraphic.graphic, .CustomProduct.BasketSingleTeaser .BasicGraphic.graphic { padding:0; margin: 0; } .CustomProduct.SingleTeaser:hover .basket, .CustomProduct.SingleTeaser.wished .heart, .CustomProduct.BasketSingleTeaser.wished .heart, .CustomProduct.SingleTeaser.b2b .graphic.wished .heart, .CustomProduct.SingleTeaser.b2b .graphic:hover .heart { display: block; } .CustomProduct.SingleTeaser .AddTo { position: absolute; right: 0; top: 0; height:3rem; width:3rem; display: none; margin: 0; } .CustomProduct.SingleTeaser .graphic img { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .SingleTeaserOuterWrapper .CustomProduct.CrossSellingNav { position: absolute; right: 0; left: 0; bottom: 0; opacity: 0; z-index: 1; height: 5.25rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .SingleTeaserOuterWrapper .CustomProduct.CrossSellingNav .overviewList{ justify-content: space-between; } .SingleTeaserOuterWrapper .CustomProduct.CrossSellingNav .textColumn { display: none; } @media screen and (max-width: 544px) { .SingleTeaserOuterWrapper .CustomProduct.CrossSellingNav { display: none; } } .CustomProduct.Single .SingleProductSubnavigation { padding:0 1rem 2rem 1rem; overflow: hidden; } .CustomProduct.Single .SingleProductSubnavigation .overviewLink{ float:left; display:none; margin: 0.5rem 0; } .CustomProduct.Single .SingleProductSubnavigation .paginationWrapper{ float:right; } .CustomProduct.Single .SingleProductSubnavigation .navText{ font-family: "HurmeGeometricSans1-SemiBold"; font-size: 0.6875rem; line-height: 1.5em; } .CustomProduct.Single .SingleProductSubnavigation .navIcon{ font-size: 0.6875rem; line-height: 1.5em; } .CustomProduct.Single .custom_made, .CustomProduct.Single .not_available, .CustomProduct.Single .on_request, .CustomProduct.Single .CustomShopBasket.AddTo.AddToDetail .on_request, .CustomProduct.Single.on_request .CustomShopBasket.AddTo.AddToDetail .add_to_basket { display: none; } .CustomProduct.Single.custom_made .custom_made, .CustomProduct.Single.not_available .not_available, .CustomProduct.Single.on_request .on_request, .CustomProduct.Single.on_request .CustomShopBasket.AddTo.AddToDetail .on_request { display: block; } .CustomProduct.Single .priceWrapper>* { float: left; } .CustomProduct.Single .contentWrapper > .SetArticle { width: 100%; max-width: 64rem; margin: 0 auto; padding-top: 1rem; position: relative; } .CustomProduct.Single .contentWrapper >.SetArticle:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; } .CustomProduct.Single .column { float: left; width: 50%; padding: 0; box-sizing: border-box; margin-bottom: 2.625rem; } .CustomProduct.Single .pinWrapper { position: relative; overflow: hidden; } .CustomProduct.Single .firstColumn { float:left; } .CustomProduct.Single .secondColumn { float: right; padding: 0 1rem; } .CustomProduct.Single .secondColumn h3 { margin: 0 0 2rem; font-size: 1.75rem; line-height: 1.2em; font-family: "HurmeGeometricSans4-SemiBold"; } .CustomProduct.Single .SetArticle .content { margin-bottom: 2rem; font-size: 1rem; line-height: 1.5em; } .CustomProduct.Single .secondColumn .productDimensions { width: 100%; max-width: 30rem; margin: 0 auto; background-color: #ebedeb; } .CustomProduct.Single .secondColumn .productDimensions img { width: 100%; } .CustomProduct.Single .CustomSocialMedia { padding-left: 1rem; margin-bottom: 0; } .CustomProduct.Single .CustomSocialMedia.mobile { display: none; float: none; } .CustomProduct.Single .SetArticle .subtitle { margin-bottom: 2rem; font-size: 1rem; line-height: 1.5em; } .CustomProduct.Single .priceWrapper { overflow: hidden; padding-bottom: 2rem; } .CustomProduct.Single .priceWrapper .priceInfoWrapper { display: none; } .CustomProduct.Single .priceWrapper>* { float: left; } .CustomProduct.Single .secondColumn .CustomPrice .BasicText { font-size: 1.875rem; } .CustomProduct.Single .secondColumn .CustomPrice .tax { font-size: 0.6875rem; vertical-align: middle; color: #808080; } .CustomProduct.Single .availabilityWrapper { margin-top: 0.75rem; float: right; font-size: 0.75rem; } .CustomProduct.Single .availabilityWrapper>* { float: left; } .CustomProduct.Single .availabilityWrapper .availability { margin-left: 0.5rem; line-height: 0.75rem; } .CustomProduct.Single .secondColumn .AddToDetail { overflow: hidden; background-color: #ebedeb; margin-bottom: 2rem; } .CustomProduct.Single .secondColumn .AddToDetail .wrapper{ padding: 1rem; float: none; display: flex; text-align: center; align-items: center; } .CustomProduct.Single .secondColumn .AddToDetail .findStoreWrapper, .CustomProduct.Single[data-availability-status="50"] .secondColumn .AddToDetail .addToBasketWrapper, .CustomProduct.Single[data-availability-status="50"] .secondColumn .amount { display:none; } .CustomProduct.Single[data-availability-status="50"] .secondColumn .AddToDetail .findStoreWrapper { display:flex; } .CustomProduct.Single .secondColumn .AddToDetail .addToBasketWrapper, .CustomProduct.Single .secondColumn .AddToDetail .findStoreWrapper { flex-grow:1; } .CustomProduct.Single .secondColumn .AddToDetail>* { font-size: 0.875rem; display: inline-block; } .CustomProduct.Single .secondColumn .AddToDetail .add_to_basket, .CustomProduct.Single .secondColumn .AddToDetail .findStore { width: 100%; } .CustomProduct.Single .secondColumn .AddToDetail .findStore { background-color: #73acd2; } .CustomProduct.Single .secondColumn .amount { display: inline-block; box-sizing: border-box; vertical-align: middle; } .CustomProduct.Single .secondColumn .amount input { width: 2.5rem; text-align: center; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .CustomProduct.Single .secondColumn .checkout { margin-left: 10px; } .CustomProduct.Single .secondColumn .AddToDetail .add_to_wishlist { font-size: 0.9375rem; padding: 0.5rem 1.25rem; vertical-align: middle; } .CustomProduct.Single .secondColumn .AddToDetail .add_to_wishlist .icon{ color: #d5d7d2; margin-right: 0; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .CustomProduct.Single .CustomNews.slideshow { margin-bottom: 32px; position: relative; z-index: 999; } .CustomProduct.Single .SetArticle.Product .CustomProduct.CrossSellingNav { background-color: #ebedeb; } .CustomProduct.Single .SetArticle.Product .CrossSellingNav .icon { display: none; } .CustomProduct.Single .SetArticle.Product .productAttributeTable{ font-size: 1rem; line-height: 1.5rem; border-spacing: 0 1rem; border-collapse: separate; } .CustomProduct.Single .SetArticle.Product .productAttributeTable .value{ box-sizing: border-box; padding-left: 2rem; } .CustomProduct.Single .Corresponding { margin-bottom:0; } .CustomProduct.Single .CustomProduct.Teaserlist .listWrapper { margin: 0; } .CustomProduct.Single .teaserListSelectionWrapper { height: 3.25rem; overflow: hidden; margin-bottom: 1.5rem; } .CustomProduct.Single .teaserListSelection { text-align: center; font-size: 1.125rem; line-height: 1.5em; font-family: 'HurmeGeometricSans1-SemiBold'; padding-bottom: 1.5rem; max-width: 100%; overflow-x: scroll; white-space: nowrap; } .CustomProduct.Single .teaserListSelection > * { display: inline-block; cursor: pointer; border-bottom: 1px solid transparent; margin: 0.75rem 2.625rem; color: #8d8d8d; } @media all and (max-width: 544px) { .CustomProduct.Single .teaserListSelection > * { margin-left: 1rem; margin-right: 1rem; } } .CustomProduct.Single .teaserListSelection .selected { color: #2d2d2d; border-bottom: 1px solid #8d8d8d; } .CustomProduct.Single .CustomProduct.Teaserlist.hidden { display: none; } .CustomProduct.Single .CustomProduct.Teaserlist.Faces, .CustomProduct.Single .CustomProduct.Teaserlist.Sizes, .CustomProduct.Single .CustomProduct.Teaserlist.Corresponding, .CustomProduct.Single .CustomProduct.Teaserlist.Recent { width: 100%; max-width: 64rem; margin: 0 auto 2rem; } .CustomProduct.Single .CustomProduct.Teaserlist.Recent .loading { height: 100px; position: relative; } .CustomProduct.Single .CustomProduct.Teaserlist.Recent .loading::before { z-index: 1000; position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; background-color: rgba(255,255,255,0.75); } .CustomProduct.Single .CustomProduct.Teaserlist.Recent .loading::after { z-index: 1001; position: absolute; top: 50%; left: 50%; margin-top: -1.25rem; margin-left: -1.25rem; content: ""; animation: spin-anticlockwise 2s infinite linear; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg transform='matrix(0.95238095,0,0,0.95238095,0,-962.24984)'%3E%3Cpath d='m 36.147008,1051.331 c -6.6e-4,0.013 -10e-4,0.034 -10e-4,0.047 0,0.5431 0.44076,0.9841 0.983809,0.9844 l 3.885784,0 c 0.5434,0 0.984399,-0.441 0.984399,-0.9844 l 0,-16.4349 c 0,-0.5434 -0.440999,-0.9844 -0.984399,-0.9844 l -16.424216,0 c -0.543369,0 -0.984369,0.441 -0.984369,0.9844 l 0,3.889 0,0 c 0,0.5434 0.441,0.9844 0.984369,0.9844 0.0129,0 0.0338,-5e-4 0.0467,-10e-4 l 8.322868,-0.3986 c -2.367287,3.5211 -7.732229,6.3789 -11.975213,6.3789 -6.274011,0 -12.558872,-4.9503 -14.0286199,-11.0498 -0.0982,-0.4188 -0.5270293,-0.7591 -0.9572887,-0.7596 l -4.0236142,0 c -0.5433692,0 -0.98436862,0.441 -0.98436862,0.9844 0,0.05 0.007,0.1298 0.0164,0.1788 1.7735174,9.4254 10.0438854,16.5555 19.9778414,16.5555 l 0.0233,0 c 5.184613,0 12.113273,-3.2097 15.465798,-7.1646 z M 20.98603,1016.9247 c 6.275141,0 12.562562,4.9517 14.02977,11.0529 0.0982,0.4188 0.527029,0.7591 0.957289,0.7596 l 4.023614,0 c 0.543369,0 0.984368,-0.441 0.984368,-0.9844 0,-0.05 -0.007,-0.1298 -0.0164,-0.1788 -1.773517,-9.4254 -10.043795,-16.5555 -19.978661,-16.5555 l -0.0192,0 c -5.178523,0 -12.1020327,3.2034 -15.4543179,7.1506 l 0.3403795,-6.7733 c 7.2e-4,-0.014 10e-4,-0.036 10e-4,-0.049 0,-0.5434 -0.4409993,-0.9844 -0.9843686,-0.9844 l -0.001,0 -3.88413441,0 C 0.44099937,1010.3622 0,1010.8032 0,1011.3466 l 0,16.4333 c 0,0.5434 0.44099937,0.9844 0.98436859,0.9844 l 16.42261641,0 c 0.543369,0 0.984369,-0.441 0.984369,-0.9844 l 0,-3.8883 0,0 c 0,-0.5434 -0.441,-0.9844 -0.984369,-0.9844 -0.0129,0 -0.0339,6e-4 -0.0468,10e-4 l -8.3507679,0.3995 c 2.3624769,-3.5228 7.7224489,-6.382 11.9642329,-6.382 l 0.0123,0 z' style='fill:%23f76414;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 2.5rem; width: 2.5rem; } .CustomProduct.Single .CustomProduct.Teaserlist.Recent .CustomProduct.Teaserlist { padding: 0; } .CustomProduct.Single .setConfigurationCaption { /*font-family: "Open Sans Bold";*/ margin-bottom: 0.5rem; } .CustomProduct.Single .configurationTitleWrapper { margin-bottom: 0.75rem; overflow: hidden; cursor: pointer; position: relative; } .CustomProduct.Single .configurationTitleWrapper img { border-width: 0.25rem; border-color: #ffffff; height: 1.875rem; width: 1.875rem; float:left; } .CustomProduct.Single .configurationTitleWrapper.active img, .CustomProduct.Single .configurationTitleWrapper:active img, .CustomProduct.Single .configurationTitleWrapper:focus img { border-color: #d5d7d2; } .CustomProduct.Single .configurationTitleWrapper .configurationTitle { line-height: 1rem; } .CustomProduct.Single .setWrapper { margin-bottom:2rem; } .CustomProduct.Single .CustomNews.teaserList { margin-bottom: 2rem; background-color: #ffffff; } .CustomProduct.Single .CustomNews.teaserList .teaserJs .teaserWrapper { background-color:#f2f2f2; } .pageWrapper:not(.darkTheme) .CustomProduct.Single .CustomNews.teaserList .teaserJs .teaserWrapper.movie{ background-color: #000000; } .CustomProduct.Single .CustomNews.teaserList .teaserJs .teaserWrapper.story{ background-color: #7f7f7f; } .CustomProduct.Single .CustomNews.teaserList .widgetWrapper { padding: 2rem 3rem; } @media all and (max-width: 850px) { .CustomProduct.Single .CustomNews.teaserList .widgetWrapper { padding: 2rem 2rem; } } @media all and (max-width: 768px) { .CustomProduct.Single .CustomNews.teaserList .widgetWrapper { padding: 2rem 1rem; } } @media all and (max-width: 544px) { .CustomProduct.Single .CustomNews.teaserList .widgetWrapper { padding: 0; padding-top: 2rem; padding-bottom: 2rem; } .CustomProduct.Single .CustomNews.teaserList { background-color: unset; } .CustomProduct.Single .CustomNews.teaserList .teaserJs .teaserWrapper { background-color:#ffffff; } } @media all and (min-width: 1344px) { .CustomProduct.Single .contentWrapper >.SetArticle { min-height: 46rem; } } @media all and (max-width: 1120px) { .CustomProduct.Single .firstColumn { width: 45%; } .CustomProduct.Single .secondColumn { width: 55%; } } @media all and (max-width: 1000px) { .CustomProduct.Single .firstColumn { width: 40%; } .CustomProduct.Single .secondColumn { width: 60%; } } @media all and (max-width: 940px) { .CustomProduct.Single .firstColumn { width: 35%; } .CustomProduct.Single .secondColumn { width: 65%; } } @media all and (max-width: 896px) { .CustomProduct.Single .firstColumn, .CustomProduct.Single .secondColumn { float: none; width: 100%; } .CustomProduct.Single .firstColumn > .ListImageGallery.extendedSlideshow { margin: 0 auto; } .CustomProduct.Single .CustomSocialMedia.desktop { display: none; } .CustomProduct.Single .CustomSocialMedia.mobile { display: block; } } @media all and (max-width: 544px) { .CustomProduct.Widget.Single .contentWrapper.pageElt { padding-left: 0; padding-right: 0; } .CustomProduct.Single .secondColumn .AddToDetail, .CustomProduct.Single .secondColumn .productDimensions { margin-left: -1rem; margin-right: -1rem; } .CustomProduct.Single .SingleProductSubnavigation { padding-bottom:0; padding-right:0; } .CustomProduct.Single .SingleProductSubnavigation .overviewLink { display: block; } .CustomProduct.Single .contentWrapper > .SetArticle { padding-top:0; } .CustomProduct.Single .paginationWrapper { margin-right:0; } } @media screen and (max-width: 448px) { .CustomProduct.Single .secondColumn .AddToDetail .amount .caption { display:none; } } @media all and (max-width: 640px) { } .ListImageGallery.Configurator { margin: 0; } .CustomProduct.ConfigurableAttribute .image_big td + td, .CustomProduct.ConfigurableAttribute .image_small td + td { display: none; } .CustomProduct.ConfigurableAttribute .imgStar { display: block; position: absolute; top: 0; right: 0; } .CustomProduct.ConfigurableAttribute .availableConfigurations { visibility: hidden; } .CustomProduct.ConfigurableAttribute .availableConfigurations.visible { visibility: visible; } .CustomProduct.ConfigurableAttribute { margin-bottom: 1rem; } .CustomProduct.ConfigurableAttribute .ListImageGallery { margin-bottom: 2px; overflow: hidden; } @media screen and (max-width: 698px) { .CustomProduct.ConfigurableAttribute .ListImageGallery { overflow: visible; margin-left: -1rem; margin-right: -1rem; } } .CustomProduct.ConfigurableAttribute .ListImageGallery:hover, .CustomProduct.ConfigurableAttribute .ListImageGallery.expanded { background-color: transparent; } .CustomProduct.ConfigurableAttribute .title { cursor: pointer; padding: 0.25rem 0; } @media screen and (max-width: 698px) { .CustomProduct.ConfigurableAttribute .title { padding-left: 1rem; padding-right: 1rem; } .CustomProduct.ConfigurableAttribute .all .title, .CustomProduct.ConfigurableAttribute .availableConfigurations .title { padding-left: 0; padding-right: 0; } } .CustomProduct.ConfigurableAttribute .availableConfigurations .title { margin-top: 1.5rem; text-transform: none; color: #E8833D; text-decoration: underline; } .CustomProduct.ConfigurableAttribute .title > span { color: #E8833D; } .CustomProduct.ConfigurableAttribute .title, .CustomProduct.ConfigurableAttribute .title > span { font-family: "HurmeGeometricSans1-SemiBold"; font-size: 1rem; } .CustomProduct.ConfigurableAttribute .title > div { line-height: 1.375rem; height:1.375rem; float: right; } .CustomProduct.ConfigurableAttribute .availableConfigurations{ display: none; } .CustomProduct.ConfigurableAttribute .availableConfigurations .title > div { float: none; display: inline-block; margin-left: 0.5rem; } .CustomProduct.ConfigurableAttribute .title .close { padding: 0.25rem 0; } .CustomProduct.ConfigurableAttribute .title .close .caption { display: block; float: left; margin-top: -2px; } .CustomProduct.ConfigurableAttribute .title .ss-delete { font-size: 0.875rem; margin-left: 0.25rem; } .CustomProduct.ConfigurableAttribute .title > div, .CustomProduct.ConfigurableAttribute .title > div * { color: #999999 ; font-size: 0.75rem; font-family: "HurmeGeometricSans1-Regular"; text-transform: none; } .CustomProduct.ConfigurableAttribute .ListImageGallery:hover .title > div, .CustomProduct.ConfigurableAttribute .ListImageGallery:hover .title > div *, .CustomProduct.ConfigurableAttribute .all:hover .title > div * { color: #2d2d2d ; } .CustomProduct.ConfigurableAttribute .title .ss-directright { display: none; } .CustomProduct.ConfigurableAttribute .expanded .open, .CustomProduct.ConfigurableAttribute :not(.expanded) .title .close, .CustomProduct.ConfigurableAttribute .expanded.always .open, .CustomProduct.ConfigurableAttribute .expanded.always .close { display: none; } .CustomProduct.ConfigurableAttribute .ListImageGallery .expandable { overflow: hidden; height: 0; padding: 0; } @media screen and (max-width: 698px) { .CustomProduct.ConfigurableAttribute .ListImageGallery .expandable { width: 100%; } } .CustomProduct.ConfigurableAttribute .ListImageGallery.expanded .expandable { height: auto; } @media screen and (max-width: 698px) { .CustomProduct.ConfigurableAttribute .ListImageGallery.radio .expandable { height: 2.4375rem; } .CustomProduct.ConfigurableAttribute .ListImageGallery.image_with_text_col1 .expandable, .CustomProduct.ConfigurableAttribute .ListImageGallery.image_with_text_col3 .expandable, .CustomProduct.ConfigurableAttribute .ListImageGallery.image_small .expandable { height: 2.6875rem; } .CustomProduct.ConfigurableAttribute .ListImageGallery.image_big .expandable { height: 9.5rem; } .CustomProduct.ConfigurableAttribute .ListImageGallery .expandable { padding-left: 1rem; padding-right: 1rem; box-sizing: border-box; } } .CustomProduct.ConfigurableAttribute .ListImageGallery .expandable ul { overflow: hidden; padding-top: 10px; } @media screen and (max-width: 698px) { .CustomProduct.ConfigurableAttribute .ListImageGallery .expandable ul { width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; padding-top: 0; } } .CustomProduct.ConfigurableAttribute .SetImage { float: left; margin-bottom: 0.1875rem; margin-right: 0.1875rem; width: auto; position: static; } @media screen and (max-width: 698px) { .CustomProduct.ConfigurableAttribute .SetImage { float: none; display: inline-block; white-space: normal; vertical-align: top; width: auto !important; margin-right: 0.5rem; } } .CustomProduct.ConfigurableAttribute .image_big .SetImage { margin-bottom: 1rem; margin-right: 1rem; } .CustomProduct.ConfigurableAttribute input { display: none; } .CustomProduct.ConfigurableAttribute label { float: left; } .CustomProduct.ConfigurableAttribute label * { font-size: 0.75rem; } .CustomProduct.ConfigurableAttribute label td { vertical-align: middle; } .CustomProduct.ConfigurableAttribute label td:first-child { vertical-align: top; } .CustomProduct.ConfigurableAttribute label .text { margin-left: 0.5rem; line-height: 1.5em; float: left; } @media screen and (max-width: 698px) { .CustomProduct.ConfigurableAttribute label .text { width: auto !important; margin-left: 0.1875rem; } } .CustomProduct.ConfigurableAttribute label .preview { float: none; left: 0.5rem; margin: 0; position: absolute; top: 0; z-index: 9999; display: none; max-width: 50%; } @media screen and (max-width: 698px) { .CustomProduct.ConfigurableAttribute label .preview { max-width: none; right: 0.5rem; } } .CustomProduct.ConfigurableAttribute label .preview .middle { display: table-cell; text-align: center; vertical-align: middle; width: 512px; height: 248px; } @media screen and (max-width: 698px) { .CustomProduct.ConfigurableAttribute label .preview .middle { width: 100%; display: block; } } .CustomProduct.ConfigurableAttribute label .preview .middle * { vertical-align: middle; } .CustomProduct.ConfigurableAttribute label .preview .middle span { display: inline-block; height: 100%; width: 1px; } .CustomProduct.ConfigurableAttribute label .preview img { background-color: transparent; border: 0; float: none; padding: 0; width: auto; display: inline; } .CustomProduct.ConfigurableAttribute label .imgWrapper { width: 2rem; height: 2rem; float: left; padding: 1px; border: 3px solid #ebebe8; background-color: #ffffff; overflow:hidden; } .CustomProduct.ConfigurableAttribute input:checked+label .imgWrapper, .CustomProduct.ConfigurableAttribute label:hover .imgWrapper { border-color: #000000 ; } .CustomProduct.ConfigurableAttribute label .imgWrapper img { width:100%; height:100%; } /* radio view */ .CustomProduct.ConfigurableAttribute .radio label { border: 1px solid #d5d7d2; margin: 3px; background-color: #ffffff ; } .CustomProduct.ConfigurableAttribute .radio label .text { margin: 0; padding: 5px 0.5rem; background-color: #ebebe8 ; } .CustomProduct.ConfigurableAttribute .radio input:checked+label, .CustomProduct.ConfigurableAttribute .radio label:hover { padding: 1px; border: 3px solid #2d2d2d; margin: 0; } /*picture and with text in 3 columns*/ .CustomProduct.ConfigurableAttribute .image_with_text_col3 .SetImage { width: 132px; } .CustomProduct.ConfigurableAttribute .image_with_text_col3 .SetImage:nth-child(3n+1) { clear: both; } .CustomProduct.ConfigurableAttribute .image_with_text_col3 label .text { width: 82px; } /*picture and with text in 1 columns*/ .CustomProduct.ConfigurableAttribute .image_with_text_col1 .SetImage { width: 400px; } /* picture with no text */ .CustomProduct.ConfigurableAttribute .image_small label .text { display: none; } /*** big image **/ .CustomProduct.ConfigurableAttribute .image_big label .imgWrapper { width: 128px; height: 128px; border: 3px solid #ebebe8; } .CustomProduct.ConfigurableAttribute .all { margin-bottom: 2px; overflow: hidden; position: relative; cursor: pointer; } .CustomProduct.Single .configurationTitleWrapper.optional { margin-bottom:0.25rem; } .CustomProduct.Single .configurationTitleWrapper.optional > * { display:inline-block; vertical-align:middle; } .CustomProduct.Single .configurationTitleWrapper.optional > .optionalButton { padding:2px 0.5rem; border:1px solid #d5d7d2; cursor:pointer; margin-left:0.5rem; } .CustomProduct.Single .configurationTitleWrapper.optional > .optionalButton.active, .CustomProduct.Single .configurationTitleWrapper.optional > .optionalButton:hover { border-color:#000000; } .CustomProduct.Single .configurationTitleWrapper.optional > [data-optional-mode="with"] { clear: both; margin-left: 3rem; } .CustomProduct.Single .configurationTitleWrapper.optional > img, .CustomProduct.Single .configurationTitleWrapper.optional > .configurationTitle { margin-bottom:0.25rem; } .CustomProduct.Single .configurationTitleWrapper { overflow: hidden; cursor: pointer; } .CustomProduct.Single .configurationTitleWrapper > * { float: left; } .CustomProduct.Single .configurationTitleWrapper img { border-width: 3px; height: 1.875rem; width: 1.875rem; padding: 2px; } .CustomProduct.Single .configurationTitleWrapper.active img, .CustomProduct.Single .configurationTitleWrapper:active img, .CustomProduct.Single .configurationTitleWrapper:focus img { border-color: #2d2d2d; } .CustomProduct.Single .configurationTitleWrapper .configurationTitle { line-height: 2.5rem; margin-left: 0.5rem; } .CustomProduct.ConfigurableAttribute.optional.without { } .CustomProduct.ConfigurableAttribute.optional.without .title > span { color: #999999 ; } .CustomProduct.ConfigurableAttribute.optional.without input:checked + label img { border-color: #999999 ; } .CustomProduct.Teaserlist { overflow:hidden; width: 68rem; max-width: 100%; text-align:center; } .CustomProduct.Teaserlist .title{ margin-bottom: 2rem; } .CustomProduct.Teaserlist .CustomProduct.SingleTeaser{ max-width:20rem; display:inline-block; float:none; text-align:left; margin-bottom: 0.75rem; } .CustomProduct.Teaserlist .widgetHeaderSeparator .title { text-align:center; font-size: 3rem; } .CustomProduct.Teaserlist .linkLine { text-align: center; } .CustomProduct.Teaserlist .listWrapper { margin-left: -1rem; margin-right: -1rem; } @media screen and (min-width: 721px) { .CustomProduct.col4 .SingleTeaserOuterWrapper { width: 25%; } } @media screen and (min-width: 681px) and (max-width: 720px) { .CustomProduct.col4 .SingleTeaserOuterWrapper { width: 50%; } } @media screen and (max-width: 680px) { .CustomProduct.Teaserlist .listWrapper { margin-left: -0.375rem; margin-right: -0.375rem; } } .CustomProduct.b2b { margin:0 auto; width:60rem; max-width:100%; box-sizing:border-box; padding:0 1rem; } @media screen and (max-width:544px) { .CustomProduct.b2b { padding:0; } } .b2bProductFilter{ background-color: #f9f9f8; padding-top: 0.5rem; z-index: 3; } .b2bProductFilter .filterWrapper { float:left; width:80%; } .b2bProductFilter .filterBox{ width: auto; min-width: 9rem; padding-left:0.625rem; box-sizing:border-box; margin-bottom:0.25rem; display:inline-block; vertical-align:middle; } .b2bProductFilter .filterBox .caption{ padding-right: 1.875rem; padding-top: 0.625rem; padding-bottom: 0.625rem; background-color: initial; } .b2bProductFilter .filterBox .caption{ padding: 0.3125rem 2rem 0.3125rem 0.625rem; font-family: "HurmeGeometricSans4-SemiBold"; font-feature-settings: "ss02"; letter-spacing: 0.025em; word-spacing: 0.07em; color: #2d2d2d; position: relative; } .b2bProductFilter .filterBox .captionLabel{ color: #a5a5a1; display: block; font-size: 0.625rem; line-height: 0.875rem; } .b2bProductFilter .filterBox .icon{ color: #2d2d2d; } .b2bProductFilter .filterSelected{ font-size: 0.75rem; } .b2bProductFilter .filterSelected .caption { padding-top:0.75rem; padding-bottom:0.75rem; } .b2bProductFilter .filterSelected input[type="checkbox"] + label { line-height: 1rem; margin-left: 1.5rem; } .b2bProductFilter .filterSelected input[type="checkbox"] + label::before { top:calc(50% - 0.625rem); } .b2bProductFilter .filterBasketWrapper { float:right; width:20%; } .b2bProductFilter .filter { box-sizing:border-box; margin-bottom:0.25rem; } .b2bProductFilter .filter .wrapper{ position:relative; } .CustomProduct.b2b .legend { float:left; margin-bottom: 2rem; } .CustomProduct.b2b .legend, .CustomProduct.b2b .legend *, .CustomProduct.b2b sup { font-size: 10px; } .CustomProduct.b2b .filter input { box-sizing: border-box; width:100%; padding: 0.875rem; } .b2bProductFilterWrapper { margin-bottom:1rem; min-height:3.125rem; /*TODO : instead the js from pin should set the right height*/ position:relative; z-index:20; } .b2bProductFilter { width:100%; position: relative; } .b2bProductFilter .CustomShopBasketMini { display: none; } .b2bProductFilter.pinnedTop{ -moz-box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.2); box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.2); } .b2bProductFilter.pinnedTop .pinned{ margin: 0 auto; width: 60rem; max-width: 100%; box-sizing: border-box; padding: 0 1rem; } .b2bProductFilter.pinnedTop .filterWrapper{ width: auto; margin-bottom:0.5rem; } .b2bProductFilter.pinnedTop .filterBasketWrapper { width: auto; } .b2bProductFilter.pinnedTop .filter{ float:left; max-width: 11.875rem; } .b2bProductFilter.pinnedTop .filterBox .caption{ padding-top: 0.5rem; } .b2bProductFilter.pinnedTop .CustomShopBasketMini{ display:none; float:right; padding-top: 0.375rem; padding-left: 1rem; } .b2bProductFilterWrapper .CustomShopBasketMini a:not(.basket) { display:none; } .b2bProductFilter.pinnedTop .CustomShopBasketMini .text{ display: none; } .b2bProductFilter.pinnedTop .CustomShopBasketMini .text.price{ display: inherit; } .b2bProductFilter.pinnedTop .CustomShopBasketMini a:not(.editButton){ text-decoration: none; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 1px; color: #1e1e1e; font-family: "HurmeGeometricSans4-SemiBold"; line-height: 1.5rem; border-radius: 0; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .b2bProductFilter .mobileMenuIcon { display: none; } .b2bProductFilter .mobileMenuIcon .iconWrapper { float: left; width: 2.5rem; text-align: center; line-height: 0; position: relative; top: -0.25rem; } .b2bProductFilter .mobileMenuIcon .menuIcon { display: inline-block; } .b2bProductFilter .mobileMenuIcon.close .menuIcon { display: none; } .b2bProductFilter .mobileMenuIcon .closeIcon { display: none; font-size: 1.5rem; height: 2.625rem; line-height: 3rem; } .b2bProductFilter .mobileMenuIcon.close .closeIcon { display: block; } .b2bProductFilter .mobileMenuIcon .text{ float:left; font-size: 0.75rem; padding: 0.5rem 0.625rem; } .b2bProductFilter .ss-search { display: block; position: absolute; top: 1rem; right: 0.5rem; font-size: 1.125rem; line-height: 1.125rem; color: #2d2d2d; } .CustomProduct.b2b .dropDown { box-sizing:border-box; margin-right:0; } .CustomProduct.b2b .dropDown:first-child { padding-left:0; } .CustomProduct.b2b .dropDown .caption:not([data-active-tag-id=""]) { font-family: "HurmeGeometricSans4-SemiBold"; } .CustomProduct.b2b .dropDown .itemList { box-sizing:border-box; width: auto; } .CustomProduct.b2b .dropDown a, .CustomProduct.b2b .dropDown .item{ border-bottom-width: 0px; margin: 0; padding: 0.5rem 2rem 0.5rem 1rem; } .CustomProduct.b2b .dropDown [data-prd-count="0"]{ display:none; } .CustomProduct.b2b .dropDown .itemList .item:hover{ background-color: #ffffff; } .CustomProduct.b2b .dropDown ul{ background-color: #ebebe8; } .CustomProduct.b2b .dropDown li { position:relative; } .CustomProduct.b2b .dropDown li .ss-check { display: none; position: absolute; right: 0.5rem; top: 0.5rem; color: #E8833D; } .CustomProduct.b2b .dropDown li.selected .ss-check { display: inline-block; } @media screen and (max-width:952px){ .b2bProductFilter.pinnedTop .filterWrapper { width: 60%; } .b2bProductFilter.pinnedTop .filterBasketWrapper { width: 40%; } .b2bProductFilter.pinnedTop .filter{ float: right; width: 100%; } .b2bProductFilter.pinnedTop .CustomShopBasketMini{ margin-bottom: 0.65rem; } .b2bProductFilter.pinnedTop .CustomShopBasketMini .text{ display: inherit; } } @media screen and (max-width:800px) { .b2bProductFilter.pinnedTop .CustomShopBasketMini{ display: none; } .b2bProductFilter.pinnedTop .filter{ float: none; } .b2bProductFilter.pinnedTop .pinned{ padding: 0; } .b2bProductFilter .filterBox, .b2bProductFilter .filterBasketWrapper { width:50%; padding-right:0; } .b2bProductFilter .filterBasketWrapper { margin-bottom: 0.75rem; } .b2bProductFilter .filterBox, .CustomProduct.b2b .dropDown:first-child { width: 100%; margin-bottom: 0.75rem; padding-left: 0; } .CustomProduct.b2b .dropDown{ padding-right:0; } .CustomProduct.b2b .dropDown .itemList { width: calc(100% - 0.6rem); } .CustomProduct.b2b .dropDown a, .CustomProduct.b2b .dropDown .item{ padding-left: 1.875rem; } .b2bProductFilter .mobileMenuIcon { display: inline-block; } .b2bProductFilter .filterWrapper{ display: none; } .b2bProductFilter .mobileMenuIcon.close ~ .filterWrapper{ display: inherit; width: 100%; } } @media screen and (max-width:576px) { .b2bProductFilter.pinnedTop{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } } @media screen and (max-width:544px) { .b2bProductFilterWrapper { padding:0 1rem 0 0.5rem; } .b2bProductFilter .filterBox, .CustomProduct.b2b .dropDown:first-child { padding-left: 0.5rem; } } .rrp-inactive .rrp { display: none; } .b2bProductList { width:100%; position: relative; margin-bottom:2rem; font-size:0.8125rem; } .b2bProductList tr { border-bottom:1px solid lightgrey; } .b2bProductList th, .b2bProductList td { padding: 15px 5px; text-align: left; } .b2bProductList th { vertical-align:bottom; font-family:"HurmeGeometricSans4-SemiBold"; } .b2bProductList .image, .b2bProductList .hri { width:5.5rem; } .b2bProductList .rrp { text-align:right; width:4rem; } .b2bProductList .scaled_prices { text-align:right; width:5.5rem; } .b2bProductList td.amount, .b2bProductList th.amount { text-align:right; width:4.5rem; padding-top:0.625rem; } .b2bProductList .sum { text-align:right; width:4.5rem; } .b2bProductList .prdTeaser:not([data-amount="0"]) .sum { font-family:"HurmeGeometricSans4-SemiBold"; } .b2bProductList .actions { text-align:right; width:5.75rem; padding-top:0.625rem; } .b2bProductFilter.pinnedTop + .b2bProductList{ margin-top: 64px; } @media screen and (max-width:576px) { .b2bProductFilter.pinnedTop + .b2bProductList { top: 0; } } @media screen and (max-width:544px) { .b2bProductList { font-size:0.75rem; padding-left:0; padding-right:0; } .b2bProductList tr { position:relative; display:block; overflow:hidden; border:none; } .b2bProductList tr.prdTeaser { border-bottom:0.625rem solid #ffffff; } .b2bProductList th { display:none; } .b2bProductList td { display:block; padding-left:0; padding-right:0; } } .b2bProductList .prdTeaser { } .b2bProductList .graphic { padding:0.25rem; background-color: white; position: relative; width:5rem; cursor:pointer; } .b2bProductList .graphic .roundIcon { position:absolute; top:0; right:0; opacity:0; cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .b2bProductList .graphic.wished .roundIcon { opacity:1; } .b2bProductList .graphic img { margin:0 auto; width:5rem; } .b2bProductList .availabilityB2B { display: block; clear: both; padding-top: 0.25rem; } .b2bProductList .availabilityB2B .icon { margin-right: 0.5rem; height: 0.75rem; } .b2bProductList .availabilityB2B .caption { font-size: 0.6875rem; } .b2bProductList .scaled_prices .wrapper { display:inline-block; overflow:hidden; } .b2bProductList .scaled_prices ul.inactive { display:none; } .b2bProductList .scaled_prices ul { float:right; clear:both; white-space:nowrap } .b2bProductList .scaled_prices ul.current { font-family: "HurmeGeometricSans4-SemiBold"; } .b2bProductList .scaled_prices li { display:inline-block; } .b2bProductList input.amountInput { width:3.25rem; padding:0.25rem 0.5rem; box-sizing:border-box; text-align:center; border-radius: 0.1875rem; color:#505050; } .b2bProductList .actionBasketState button { color:#ffffff; border:none; padding:0.375rem 0.625rem; margin-bottom: 0.375rem; cursor:auto; } .b2bProductList .actionBasketState button .cart { margin-right:0.25rem; } .b2bProductList .actionBasketState .check, .b2bProductList .upToDate:not([data-amount="0"]) .actionBasketState button .sync { display:none; } .b2bProductList .upToDate:not([data-amount="0"]) .actionBasketState button .check { display:inline; } .b2bProductList .upToDate[data-amount="0"] .actionBasketState button, .b2bProductList .amountInput[disabled] { background-color:#e1e1de; } .b2bProductList .upToDate .actionBasketState button { background-color:#23b744; } .b2bProductList .toBeUpdated .actionBasketState button { background-color:#E8833D; cursor:pointer; } .b2bProductList .actions .hint { display:none; font-size:0.6875rem; color:#E8833D; line-height:1.25em; } .b2bProductList .actions .hintAmount { margin-right:0.25rem; } .b2bProductList .toBeUpdated .actions .hint { display:block; } .b2bProductList .mobile { display:none; } @media screen and (max-width:742px) { .b2bProductList td:not(.scaled_prices) .mobile { display:block; } .b2bProductList .hri, .b2bProductList .rrp { display:none; } } @media screen and (max-width:544px) { .b2bProductList .scaled_prices .mobile { display:block; } .b2bProductList td.image { float:left; padding-bottom:3.5rem; padding-left:1rem; } .b2bProductList td.name { width:auto; } .b2bProductList .scaled_prices { text-align:left; padding-top:0; width:auto; } .b2bProductList .scaled_prices, .b2bProductList td.name { padding-left:7.75rem; } .b2bProductList .scaled_prices ul { float:left; } .b2bProductList td.amount { position:absolute; left:1rem; bottom:1rem; text-align:left; padding:0; z-index:10; } .b2bProductList td.sum { padding:1.375rem 0 1.375rem 7.75rem; text-align:left; width:100%; z-index:5; background-color:#ebebe8; } .b2bProductList td.actions { position:absolute; padding:0; right:1rem; bottom:1rem; z-index:8; width:9rem; } .b2bProductList .actionBasketState button { margin-bottom:0; float:right; margin-left:0.5rem; } .CustomProduct.b2b .legend { padding: 0 1rem; } } @media screen and (max-width:344px) { .b2bProductList .prdTeaser.toBeUpdated td.sum { padding-left:5.75rem; } } .CustomProduct.bundle .SetImage .BasicGraphic::before{ content:none; } .CustomProduct.bundle .SetImage .description{ font-family: "HurmeGeometricSans4-SemiBold"; color: #ffffff; padding: 1.25rem; position: absolute; top: 0; left: 0; right: 0; } .CustomProduct.bundle .SetImage .copyright{ display:none !important; } .CustomProduct.bundle > .wrapper{ width: 100%; position:relative; background-color: #ffffff; -moz-box-shadow: 0 0 0.25rem 0.125rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 0.25rem 0.125rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.25rem 0.125rem rgba(0, 0, 0, 0.1); } .CustomProduct.bundle .wrapper .wrapper{ padding: 1.25rem; } .CustomProduct.bundle .wrapper.textContent{ padding-bottom: 6.375rem; } .CustomProduct.bundle .priceContent{ background-color: #f9f9f8; overflow: hidden; vertical-align: bottom; margin-top:auto; position: absolute; left:0; right:0; bottom: 0; } .CustomProduct.bundle .price{ font-family: "HurmeGeometricSans4-SemiBold"; font-size: 0.9375rem; line-height: 1.5em; float:left; padding: 0.6875rem 0.5rem 0.6875rem 0; } .CustomProduct.bundle button{ float:right; } .CustomProduct.bundle h2{ margin-bottom: 1.25rem; /*font-family: Open Sans Semibold;*/ font-size: 0.875rem; line-height: 1.5em; } .ProductBundleList.scrollable .scroll { /*{ to float repsonsive when text has different length}*/ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media screen and (max-width:850px) { .CustomProduct.bundle .SetImage .copyright{ font-size: 1rem; } } @media screen and (max-width: 768px) { .ProductBundleList.scrollable .scrollWrapper { } .ProductBundleList.scrollable .scroll { } .CustomProduct.bundle .SetImage .copyright { font-size: 1.25rem; } } .CustomProduct.bundle.bundleOverlay{ display: inline-block; margin:2rem auto; width:auto; padding: 0; font-size: 0.75rem; color: #2d2d2d; max-width:65rem; } .CustomProduct.bundle.bundleOverlay > *{ margin: 0 0.5rem 1rem; } .CustomProduct.bundle.bundleOverlay .introWrapper { margin-bottom:2rem; overflow:hidden; } .CustomProduct.bundle.bundleOverlay .SetImage { width: 40%; float:left; padding-top: 0; position: relative; } .CustomProduct.bundle.bundleOverlay .introText { width: 60%; float:left; box-sizing:border-box; padding-left:1.5rem; } .CustomProduct.bundle.bundleOverlay h1 { margin:0.75rem 0 1.25rem; } .CustomProduct.bundleOverlay table.b2bProductList th, .CustomProduct.bundleOverlay table.b2bProductList td { padding-top:10px; padding-bottom:10px; } .CustomProduct.bundleOverlay .mobile2 { display:none; } .CustomProduct.bundleOverlay th { /*font-family:"Open Sans Semibold";*/ } .CustomProduct.bundleOverlay tr > .image { width:7rem; } .CustomProduct.bundleOverlay tr > .hri { width:9rem; } .CustomProduct.bundleOverlay tr > .name { width:auto; } .CustomProduct.bundleOverlay tr > .rrp, .CustomProduct.bundleOverlay tr > .scaled_price, .CustomProduct.bundleOverlay tr > .amount, .CustomProduct.bundleOverlay tr > .sum { width:7rem; } .CustomProduct.bundleOverlay .total .amount, .CustomProduct.bundleOverlay .total .sum { /*font-family:"Open Sans Semibold";*/ } @media screen and (max-width:1088px) { .CustomProduct.bundleOverlay tr > .hri { width:9rem; } .CustomProduct.bundleOverlay tr > .rrp, .CustomProduct.bundleOverlay tr > .scaled_price, .CustomProduct.bundleOverlay tr > .amount, .CustomProduct.bundleOverlay tr > .sum { width:5rem; } } @media screen and (max-width:608px) { .CustomProduct.bundle.bundleOverlay .SetImage, .CustomProduct.bundle.bundleOverlay .introText { float:none; width:auto; } .CustomProduct.bundle.bundleOverlay .introText { padding-left:0; } } @media screen and (max-width:544px) { .CustomProduct.bundle.bundleOverlay { margin-top:3.5rem; } } @media screen and (max-width:464px) { .CustomProduct.bundle.bundleOverlay .mobile2 { display:block; } .CustomProduct.bundleOverlay tr > .scaled_price, .CustomProduct.bundleOverlay tr > .amount, .CustomProduct.bundleOverlay tr > .sum { display:none; } .CustomProduct.bundleOverlay table.b2bProductList tr:not(:last-child) { border-bottom:0; } .CustomProduct.bundleOverlay table.b2bProductList thead tr { border:none; } .CustomProduct.bundleOverlay { } } .CustomProduct .newProductIcon, .CustomProduct .tagLadengeschaeftIcon { display: none; position: absolute; top: 0.875rem; left: 1.375rem; width: 4rem; -webkit-animation-name: flash; animation-name: flash; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .CustomProduct .newProductIcon, .CustomProduct .tagLadengeschaeftIcon { transform: rotate(-10deg); width: 4rem; } @-webkit-keyframes flash { 20%, 60%, 100% { opacity: 1; } 0%, 40%, 80% { opacity: 0; } } @keyframes flash { 20%, 60%, 100% { opacity: 1; } 0%, 40%, 80% { opacity: 0; } } .CustomProduct .newProduct .newProductIcon, .CustomProduct.newProduct .newProductIcon, .CustomProduct .tagLadengeschaeft .tagLadengeschaeftIcon, .CustomProduct.tagLadengeschaeft .tagLadengeschaeftIcon { display: block; } .CustomProduct.Single .configurationTitleWrapper .newProductIcon, .CustomProduct.Single .configurationTitleWrapper .tagLadengeschaeftIcon { border: none; float: none; top: 2px; left: 2px; width: 1rem; height: auto; } .CustomProduct.BasketSingleTeaser .newProductIcon, .CustomProduct.BasketSingleTeaser .tagLadengeschaeftIcon { left: 14px; width: 2rem; } .CustomProduct.BasketSingleTeaser .BasketSetPart .newProductIcon, .CustomProduct.BasketSingleTeaser .BasketSetPart .tagLadengeschaeftIcon { width: 1.25rem; } .CustomProduct.b2b .newProductIcon, .CustomProduct.b2b .tagLadengeschaeftIcon { top: 8px; left: 8px; width: 1.5rem; } @media screen and (max-width:500px) { .CustomProduct .newProductIcon, .CustomProduct .tagLadengeschaeftIcon { width: 3rem; } } @media screen and (max-width:400px) { .CustomProduct .newProductIcon, .CustomProduct .tagLadengeschaeftIcon { width: 2.5rem; } } .CustomProduct.CrossSellingNav { } .CustomProduct.CrossSellingNav .textColumn{ padding-top: 1rem; padding-left: 1rem; font-family: "HurmeGeometricSans4-SemiBold"; font-size: 0.75rem; } .CustomProduct.CrossSellingNav .overviewList{ padding: 1rem 0.85rem 0 0.85rem; overflow: hidden; } .CustomProduct.CrossSellingNav .MiniTeaser { float: left; border: 1px solid rgba(0, 0, 0, 0); margin-left: 0.15rem; margin-right: 0.15rem; margin-bottom: 0.3rem; box-sizing: border-box; max-width: 4.8rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .CustomProduct.CrossSellingNav .icon{ padding: 0.5rem; font-size: 1rem; color: #b4b4b4; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .CustomProduct.CrossSellingNav .slick-slider{ position: static; } .CustomProduct.CrossSellingNav .nav.slick-disabled{ visibility: hidden; } .CustomProduct.CrossSellingNav .nav{ position: absolute; top: 0; bottom: -5rem; cursor: pointer; z-index: 1; } .CustomProduct.CrossSellingNav .nav.prev{ left: 1rem; } .CustomProduct.CrossSellingNav .nav.next{ right: 1rem; } @media all and (max-width: 544px) { .CustomProduct.CrossSellingNav { margin-left: -1rem; margin-right: -1rem; } .CustomProduct.CrossSellingNav .MiniTeaser { margin-left: 0.3125rem; margin-right: 0.3125rem; margin-bottom: 0.625rem; } } .GreetingCardOverlay { max-width: 40rem; margin: 1.2rem auto; margin-bottom: 2.5rem; overflow: hidden; padding: 0 1rem; box-sizing: border-box; } .GreetingCardOverlay .BasicForm form { overflow: visible; } .GreetingCardOverlay h1 > div, .GreetingCardOverlay h2 > div, .GreetingCardOverlay .blockTitle1 > div { font-size: 1.125rem; line-height: 1.5em; font-family: "HurmeGeometricSans1-Bold"; text-align: center; margin-bottom: 1rem; color: #2d2d2d; } .GreetingCardOverlay .required, .GreetingCardOverlay .validationMessage, .GreetingCardOverlay .mandatory_field_desciption, .GreetingCardOverlay .c1 label { display: none; } .GreetingCardOverlay .radio.motive{ width: 50%; padding: 0 0.75rem 1.5rem 0.75rem; display: inline-block; } .GreetingCardOverlay .BasicForm .wrapper.checkbox label, .GreetingCardOverlay .BasicForm .wrapper.radio label { margin-left: 0; } .GreetingCardOverlay .BasicForm input[type="radio"] + label::before, .GreetingCardOverlay .BasicForm input[type="checkbox"] + label::before { left: 1.2rem; top: 0.5rem; border: solid 2px #ffffff; width: 0.59rem; height: 0.59rem; } .GreetingCardOverlay .BasicForm input[type="radio"]:checked + label::before, .GreetingCardOverlay .BasicForm input[type="checkbox"]:checked + label::before { background-color: #E8833D; font-size: 0; } .GreetingCardOverlay .separator1 { border-top: 1px solid #d5d7d2; margin-bottom: 1.5rem; } .GreetingCardOverlay .c1 { height: 27.125rem; background-image: url(/Ressource/Graphic/GreetingCardBackSide.jpg); background-size: cover; background-position: center; margin-bottom: 2rem; -webkit-box-shadow: 0px 7px 14px -1px rgba(141,141,141,1); -moz-box-shadow: 0px 7px 14px -1px rgba(141,141,141,1); box-shadow: 0px 7px 14px -1px rgba(141,141,141,1); } .GreetingCardOverlay .c1, .GreetingCardOverlay .c1 textarea{ text-align: center; } .GreetingCardOverlay .c1 .textarea{ padding-left: 1.8rem; padding-right: 1.8rem; } .GreetingCardOverlay .c1 .textareaCount{ font-size: 0.6875rem; font-family: "HurmeGeometricSans1-Regular"; color: #8d8d8d; text-align: left; } .GreetingCardOverlay .c1 .textarea.salutation{ padding-top: 3.3rem; } .GreetingCardOverlay .c1 .textarea.signature{ padding-bottom: 3.3rem; } .GreetingCardOverlay .BasicForm textarea, .GreetingCardOverlay .BasicForm textarea::placeholder { padding: 0; padding-top: 0.5rem; resize: none; font-size: 0.6875rem; font-family: "HurmeGeometricSans1-Regular"; color: #2d2d2d; } .GreetingCardOverlay .BasicForm textarea { border: solid 0.5px #E8833D; } .GreetingCardOverlay .BasicForm textarea::placeholder { color: #999999; } .GreetingCardOverlay .c1 .textarea.salutation textarea, .GreetingCardOverlay .c1 .textarea.signature textarea { height: 2.5rem; } .GreetingCardOverlay .c1 .textarea.message textarea { height: 10rem; } .GreetingCardOverlay .c1 .textarea.salutation textarea, .GreetingCardOverlay .c1 .textarea.salutation textarea::placeholder { font-size: 1rem; font-family: "HurmeGeometricSans1-Bold"; } .GreetingCardOverlay .without_message { padding-left: 0; width: 50%; float: left; } .GreetingCardOverlay .chegroup.without_message { padding-left: 0; width: 49% !important; float: none; display: inline-block; vertical-align: middle; } .GreetingCardOverlay .BasicForm .wrapper.submit { width: 49%; float: none; display: inline-block; vertical-align: middle; padding: 0; } .GreetingCardOverlay .BasicForm .wrapper.without_message.checkbox label, .GreetingCardOverlay .BasicForm .wrapper.without_message.radio label { padding-left: 2rem; } .GreetingCardOverlay .BasicForm .without_message input[type="radio"] + label::before, .GreetingCardOverlay .BasicForm .without_message input[type="checkbox"] + label::before { left: 0; top: 0.35rem; border: solid 2px #8d8d8d; } .GreetingCardOverlay .container.c1.withoutMessage > div { visibility: hidden; } @media screen and (max-width: 480px) { .GreetingCardOverlay .wrapper.motive{ padding: 0; } .GreetingCardOverlay .radio.motive{ padding: 0 0.5rem 1rem 0.5rem; } .GreetingCardOverlay .chegroup.without_message { width: 80% !important; padding: 0; margin: 0 auto; display: block; margin-bottom: 2rem; } .GreetingCardOverlay .BasicForm .wrapper.submit { width: 80%; margin: 0 auto; display: block; } } @media screen and (max-width: 345px) { .GreetingCardOverlay .c1 .textarea.salutation{ padding-top: 2rem; } .GreetingCardOverlay .c1 .textarea.signature{ padding-bottom: 2rem; } } .CustomProduct { position: relative; } .CustomProduct .CustomPrice .BasicText { color: #E8833D; } /* Background Products images */ .CustomProduct .graphic { background-color: #FFFFFF; } .CustomProduct .BasicGraphic { box-shadow: 0 0 40px 0 #ebebe8 inset; -moz-box-shadow: 0 0 40px 0 #ebebe8 inset; -webkit-box-shadow: 0 0 40px 0 #ebebe8 inset; } .CustomProduct .stage .BasicGraphic { box-shadow: 0 0 80px 0 #ebebe8 inset; -moz-box-shadow: 0 0 80px 0 #ebebe8 inset; -webkit-box-shadow: 0 0 80px 0 #ebebe8 inset; background-image: -webkit-linear-gradient(top, #FFFFFF 60%, #f9f9f8 100%); background-image: -moz-linear-gradient(top, #FFFFFF 60%, #f9f9f8 100%); background-image: -ms-linear-gradient(top, #FFFFFF 60%, #f9f9f8 100%); background-image: -o-linear-gradient(top, #FFFFFF 60%, #f9f9f8 100%); background-image: linear-gradient(top, #FFFFFF 60%, #f9f9f8 100%); } .CustomProduct.Single .AddToDetail .SingleProductSubnavigation { clear: none; float: right!important; } .CustomProduct.b2b .CustomShopBasket.AddTo[data-product-id] .add_to_basket_b2b:not(.inactive) .inactive, .CustomProduct.b2b .CustomShopBasket.AddTo[data-product-id] .add_to_basket_b2b.inactive .active { display: none; } .CustomProduct.b2b .CustomShopBasket.AddTo[data-product-id] .add_to_basket_b2b * { font-family: inherit; font-size: inherit; line-height: inherit; } @media all and (min-width: 1344px) { .CustomProduct .CustomProduct.Teaserlist.movable { width: 20rem; box-sizing:border-box; position: absolute; right: 0.5rem; top: 0; background-color: #f9f9f8; padding: 0; max-height: 46rem; } } .CustomRetailer { margin-bottom: 5rem; position: relative; } .retailerMap { margin-bottom: 2.5rem; } .retailerMap, .retailerMap > .wrapper, .google_map { height:40rem; } @media screen and (max-width:928px) { .retailerMap, .retailerMap > .wrapper, .google_map { height:28rem; } } @media screen and (max-width:544px) { .retailerMap, .retailerMap > .wrapper, .google_map { height:23rem; } } .retailerMap .gm-style .gm-style-iw-c { border-radius:0.25rem; padding: 1.5rem 1.75rem; max-width:20rem !important; } .retailerMap .gm-style .gm-style-iw-c button { top:0 !important; right:0 !important; height:2rem !important; width:2rem !important; } .retailerMap .gm-style .gm-style-iw-c button img { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; opacity:0.6; height:1.25rem !important; width:1.25rem !important; margin:0.375rem !important; } .retailerMap .dialogContent, .CustomRetailer.addressOverlay { font-size:0.6875rem; font-family: "HurmeGeometricSans4-SemiBold"; line-height: 1.5em; } .retailerMap .dialogContent h3, .CustomRetailer.addressOverlay h3 { font-size:0.8125rem; font-family: "HurmeGeometricSans4-Bold"; line-height: 1.5em; margin-bottom:0.75rem; } .retailerMap .dialogContent .infos, .CustomRetailer.addressOverlay .infos { margin-bottom: 0.75rem; overflow:hidden; } .retailerMap .dialogContent .infos a, .CustomRetailer.addressOverlay .infos a { display:block; float:left; clear:both; color:#2d2d2d; } .retailerMap .dialogContent .actions a { display:inline-block; color:#E8833D; } .retailerMap .dialogContent .actions .detail { margin-right:1rem; } .CustomRetailer .cookieServiceForbidden{ box-sizing: inherit; width: calc(100% - 2rem); padding-bottom: 5rem; display: none; } .CustomRetailer .BasicForm { text-align:center; margin-bottom:0; } .CustomRetailer .mapSearchTextWrapper { float: none; display:inline-block; } .CustomRetailer .BasicForm input[type="text"] { padding-top: 0.75rem; width: 20rem; } .CustomRetailer .BasicForm input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #E8833D; opacity: 1; } .CustomRetailer .BasicForm input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #E8833D; opacity: 1; } .CustomRetailer .BasicForm input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */ color: #E8833D; opacity: 1; } .CustomRetailer .mapSearchTextWrapper label { min-height: 1.5rem; margin: 0 2rem 0 0; color: #E8833D; display: inline-block; } .CustomRetailer .mapSearchTextWrapper .inputWrapper { position: relative; display: inline-block; } .CustomRetailer .mapSearchTextWrapper .icon { position: absolute; top: 0; right: 0; height: 100%; color: #000000; line-height: 2.75rem; width: 2rem; text-align: center; cursor:pointer; } @media screen and (max-width:864px) { .CustomRetailer .mapSearchTextWrapper { float: none; margin-bottom: 0.5rem; } .CustomRetailer .mapSearchTextWrapper label { float: left; padding-bottom: 0.8rem; margin-right: 0; } .CustomRetailer .mapSearchTextWrapper .inputWrapper { width: 100%; } .CustomRetailer .mapSearchTextWrapper .inputWrapper input { width: 100%; } } .CustomRetailer.addressOverlay { margin: 1.5rem 0; } .CustomRetailer.addressOverlay img { margin-bottom: 1.5rem; margin-right: 2rem; } .CustomRetailer.addressOverlay h3{ padding-right: 1.5rem; box-sizing: border-box; } .CustomRetailer.addressOverlay a:nth-last-child(2){ padding-right: 3rem; } .CustomRetailer.addressOverlay a.route{ position: absolute; right: 0; bottom: 0; } @media screen and (max-width:544px) { .CustomRetailer.addressOverlay{ padding: 0 1.25rem; } .CustomRetailer.addressOverlay a.route{ right: 1.25rem; } } @media screen and (max-width: 480px) { .CustomShopBasket .CustomShopVoucher .BasketSummary { position: relative; } } .CustomShopVoucher .message, .CustomShopVoucher .voucherMessage { color: #e0292b; clear: both; } .CustomShopVoucher .message { float: left !important; } .CustomShopVoucher .submit > * { float: left; } .CustomShopVoucher .title { display: block !important; margin: 7px 0 0 !important; width: auto !important; } .CustomShopVoucher .deleteButton { cursor: pointer; float: right; margin-left: 0.25rem; line-height: 1.2em; } .CustomShopVoucher .voucherMessage, .CustomShopVoucher #voucherForm { margin-left: 0.625rem; } .CustomShopVoucher #voucherForm input { width: auto; text-align: left; font-size: 0.875rem; } .CustomShopVoucher #voucherForm input[name="voucherCode"] { width: 14.5rem; letter-spacing: 0.034rem; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; } .CustomShopVoucher #voucherForm input[name="voucherCode"], .CustomShopVoucher .actionButton.addGreetingCard, .CustomShopVoucher .actionButton { height: 3.125rem; line-height: 3.125rem; } @media screen and (max-width: 480px) { .CustomShopVoucher .voucherMessage, .CustomShopVoucher #voucherForm { margin-left: 0; } .CustomShopVoucher #voucherForm { clear: both; width: 100%; padding-right: 3rem; box-sizing: border-box; } .CustomShopVoucher #voucherForm input { width: 100%; box-sizing: border-box; } } .CustomShopVoucher #submitVoucherCode { float: left; margin-left: 1.25rem; margin-top: 1px; font-family: "HurmeGeometricSans4-SemiBold"; } @media screen and (max-width: 480px) { .CustomShopVoucher #submitVoucherCode { position: absolute; top: 1rem; right: 0; margin: 0; width: 2.25rem; height: 2.75rem; } } .CustomShopVoucher.checkoutExpenses .data.voucher { margin-bottom: 0.5rem; } .CustomShopVoucher .addGreetingCard { float: right; } .SetSeparator { overflow: hidden; } .SetSeparator h1 { float: left; } .SetSeparator h2 { float: right; } .SetSeparatorProperty.properties.nlSeparator input:not([name="separator_text[]"]){ display: none; } .SetSeparatorProperty.properties.nlSeparator label:not([for="separator_text"]){ display: none; } .SetArticle.detail { margin: 0 auto; width: 60rem; box-sizing: border-box; max-width: 100%; overflow: hidden; padding: 1rem 1rem 0.5rem; } .SetArticle.detail>h1 { margin: 0 0 1.5rem; } .SetArticle.detail .mediaWrapper { overflow: hidden; max-width:38rem; background-color: #ffffff; margin:0 auto 2rem; border: 0.5rem solid #ffffff; } .SetArticle.detail .video { height: 0; padding-bottom: 56.25%; position: relative; } .SetArticle.detail .BasicVideo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .SetArticle.detail .BasicVideo>iframe { height: 100%; width: 100%; } .SetArticle.detail .BasicVideo img { height: auto !important; width: 100% !important; } .SetArticle.detail .preview { background-color: #ffffff; } .SetArticle.detail .preview img { margin: 0 auto; } .SetArticle.detail .video { max-height: 21.375rem; } .SetArticle.detail .leftColumn { float: left; width: 18rem; min-height: 1px; } .SetArticle.detail .leftColumn .BasicGraphic { max-width: 18rem; margin-bottom: 1rem; } .SetArticle.detail .rightColumn { padding-left: 20rem; } @media screen and (max-width:672px) { .SetArticle.detail .leftColumn { float: none; width: auto; margin-bottom: 1.5rem; } .SetArticle.detail .leftColumn.empty { display:none; } .SetArticle.detail .rightColumn { padding-left: 0; } } .SetArticle.detail .imageGallery ul { margin: 0 0.5rem; } .SetArticle.detail .imageGallery li { display: block; border: 0.5rem solid #ffffff; margin: 0.5rem 0 0 0.5rem; } .SetArticle.detail .imageGallery a { margin: 0; } .SetArticle.detail .ListImageGallery a.imageGalleryProperty.panel { padding: 0; } .SetArticle.detail .linksWrapper { padding: 0 0 2rem 1.5rem; float: left; } .SetArticle.detail .filterWrapper { width: 18rem; padding: 0 1.5rem 2rem 0; float: right; max-width:100%; } .SetArticle.detail .ListDownloadList li, .SetArticle.detail .ListLinkList a { background-image: none; } .SetArticle.detail .ListDownloadList li { padding-left: 0px; } .SetArticle.detail .SetLink, .SetArticle.detail .BasicDownload { margin-bottom: 8px; min-width: 228px; } .SetArticle.welcomeIntro { background-color: #ebebe8; margin-bottom: 2rem; } .SetArticle .articleContent { margin: 0 auto; width: 60rem; box-sizing: border-box; max-width: 100%; overflow: hidden; padding: 0 1rem; } .SetArticle.welcomeIntro h1 { margin: 0 0 2.5rem; color: #505050; } .SetArticle.welcomeIntro .mediaWrapper { overflow: hidden; max-width:38rem; margin:0 auto 2rem; border: 0.5rem solid #ffffff; } .SetArticle.welcomeIntro .left, .SetArticle.welcomeIntro .right { display: inline-block; box-sizing: border-box; width: 50%; vertical-align: middle; } .SetArticle.welcomeIntro .left { margin-bottom: 0rem; padding-right: 1rem; } .SetArticle.welcomeIntro .right { padding: 1rem 0 1rem 1rem; } @media screen and (max-width:720px) { .SetArticle.welcomeIntro h1 { margin: 0 0 1.5rem; } .SetArticle.welcomeIntro .articleContent { text-align: center; } .SetArticle.welcomeIntro .left { width: auto; margin-bottom: 1.5rem; padding-right: 0; display:inline-block; } .SetArticle.welcomeIntro .right { width: auto; padding: 0 0 2rem 0; text-align: center; } } .SetArticle.simple { overflow: hidden; max-width: 80rem; } .SetArticle.simple .leftColumn { float: left; width: 18rem; min-height: 1px; padding-top: 0.5rem; } .SetArticle.simple .leftColumn .BasicGraphic { max-width: 18rem; margin-bottom: 1rem; } .SetArticle.simple .leftColumn .ListLinkList { margin-bottom:1rem; } .SetArticle.simple .leftColumn .ListLinkList li{ margin-bottom: 1rem; } .SetArticle.simple .leftColumn .ListLinkList a{ padding: 0.5rem 0; margin-bottom:0.5rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .SetArticle.simple .rightColumn { padding-left: 20rem; } .SetArticle.simple > h1 { margin: 0 0 1.5rem; } .SetArticle.simple .subtitle { font-size: 1.125rem; padding-bottom: 1rem; } .SetArticle.simple .title{ padding-bottom: 2rem; } @media screen and (max-width:928px) and (min-width:737px) { .SetArticle.simple .leftColumn.empty { display:none; } .SetArticle.simple .leftColumn.empty + .rightColumn { padding-left: 0; } .SetArticle.simple .leftColumn:not(.empty) { width: 14rem; } .SetArticle.simple .leftColumn:not(.empty) + .rightColumn { padding-left: 16rem; } } @media screen and (max-width:736px) { .SetArticle.simple .leftColumn { float: none; width: auto; margin-bottom: 1.5rem; } .SetArticle.simple .leftColumn .BasicGraphic { max-width:28rem; margin: 0 auto 1rem; } .SetArticle.simple .rightColumn { padding-left: 0; } } @media screen and (max-width:544px) { .SetArticle.simple { font-size: 0.9375rem; } .SetArticle.simple .leftColumn.empty { display:none; } } .SetArticleNews.detail { width: 100%; } .SetArticleNews.detail h1 { text-align: center; max-width: 48rem; margin: 0 auto 2rem; } .SetArticleNews.detail .SetImage.simple { margin-bottom: 1.5rem; } .SetArticleNews.detail .SetImage.simple .BasicText.description { display: none !important; } .SetArticleNews.detail .BasicText.subtitlean { font-family: 'HurmeGeometricSans1-Bold'; font-size: 1.125rem; line-height: 1.5em; text-align: center; max-width: 38rem; margin: 0 auto 1.5rem; } .SetArticleNews.detail .SetVideo { margin-bottom:2rem; } .SetArticleNews.detail .SetText.quote { margin-top: 4.5rem; margin-bottom: 1.875rem; } .SetArticleNews.detail .BasicText.contentan{ font-family: "HurmeGeometricSans4-Regular"; font-feature-settings: "ss02"; font-size: 1.0625rem; line-height: 1.5em; max-width: 38rem; margin: 0 auto 2.5rem; } .SetArticleNews.detail .CustomSocialMedia.social { float: none; text-align: center; padding-top: 2.5rem; padding-bottom: 2.5rem; } .SetArticleNews.detail.Movie h1{ margin-bottom: 1.5rem; } .SetArticleNews.detail.Movie .copyright{ text-align: center; margin-bottom: 5rem; } .SetArticleNews.detail.Movie .copyright a{ color: #E8833D; transition: color 0.3s; letter-spacing: 1px; font-size: 1.125rem; } .SetArticleNews.detail.Movie .copyright a:hover{ color: #e46f1b; } .SetArticleNews.detail.Movie .info{ display: none; } .SetArticleNews.detail.Movie .cookieServiceForbidden .info{ display: block; } #wysiwyg.panelContent.edit .SetArticleNews.detail.Movie .info{ color: red; display: block; } .SetArticleNews.detail.Movie .videoLanguages{ margin-bottom: 2.5rem; } .SetArticleNews.detail.Movie .info, .SetArticleNews.detail.Movie .videoLanguages{ max-width: 54rem; text-align: center; } #wysiwyg .SetArticleNews.detail.Movie .videoLanguages .BasicText.subheading, .SetArticleNews.detail.Movie .videoLanguages .BasicText.subheading, .SetArticleNews.detail.Movie .videoLanguages div{ display: inline-block; box-sizing: border-box; vertical-align: middle; } .SetArticleNews.detail.Movie .videoLanguages .wrapper{ padding: 0 1rem 0 3.75rem; margin-bottom: 1rem; min-height: 2rem; position: relative; } .SetArticleNews.detail.Movie .videoLanguages span{ font-family: 'HurmeGeometricSans1-SemiBold'; margin-right: 0.25rem; } .SetArticleNews.detail.Movie .videoLanguages .subheadingWrapper{ min-height: 2rem; line-height: 2em; } .SetArticleNews.detail.Movie .videoLanguages .language{ position: relative; padding-left: 2rem; border-radius: 0.25rem; padding: 0.25rem 1.5rem 0.25rem 3.75rem; cursor: pointer; transition: all 0.3s; } .SetArticleNews.detail.Movie .videoLanguages .language.selected{ background-color: #ffffff; color: #2d2d2d; } .SetArticleNews.detail.Movie .videoLanguages .text{ vertical-align: top; line-height: 1.4em; padding-bottom: 0.25rem; } .SetArticleNews.detail.Movie .videoLanguages .BasicGraphic{ position: absolute; left: 1.25rem; top: 0.25rem; width: 1.25rem; height: 1.25rem; } .SetArticleNews.detail.Movie .videoLanguages .icon{ font-size: 2rem; line-height: 1em; position: absolute; left: 1rem; } #wysiwyg.panelContent.edit .SetArticleNews.detail.Movie .SetVideo.hidden { display: block; visibility: visible; } @media screen and (max-width:544px) { .SetArticleNews.detail.Movie h1{ margin-bottom: 1rem; } .SetArticleNews.detail.Movie .copyright{ margin-bottom: 3rem; } .SetArticleNews.detail.Movie .copyright a{ font-size: 1rem; } .SetArticleNews.detail.Movie .videoLanguages{ padding-left: 0; padding-right: 0; } .SetArticleNews.detail.Movie .videoLanguages .wrapper{ text-align: left; display: block; } .SetArticleNews.detail.Movie .videoLanguages .language{ margin-bottom: 0.25rem; margin-top: 0.25rem; } } .SetArticle.properties.nlArticle textarea{ resize: vertical; box-sizing: border-box; width: 28.5rem !important; } .SetArticle.properties.nlArticle input{ width: 28.5rem !important; box-sizing: border-box; } .SetArticle.properties.nlArticle .graphicWrapper img{ width: 13rem !important; float: right !important; } .SetArticle.properties.nlArticle .graphicWrapper input{ width: 23.5rem !important; } .SetArticle.properties.nlArticle .dropZone{ width: 23.5rem !important; } .SetArticle.properties.nlArticle .uploadButtons input{ width: 7.625rem !important; margin-right: 0 !important; margin-left: 0.75rem; } .SetDownload.overviewTeaser{ min-height: 5rem; background-color: #ebebe8; -moz-box-shadow: 0 0 0.25rem 0.125rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 0.25rem 0.125rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.25rem 0.125rem rgba(0, 0, 0, 0.1); } .SetDownload.overviewTeaser .downloadWrapper{ display:block } .SetDownload.overviewTeaser .image{ float:left; width: 9rem; height: 100%; overflow:hidden; max-height:9rem; } .SetDownload.overviewTeaser .image .BasicText{ display: none; } .SetDownload.overviewTeaser .downloadWrapper > .text{ margin-left: 9rem; color: #000000; } .SetDownload.overviewTeaser .text .caption{ min-height: 6.5rem; padding: 1rem; box-sizing: border-box; background-color: #ffffff; } .SetDownload.overviewTeaser .title{ font-size: 0.875rem; font-family: "HurmeGeometricSans4-SemiBold"; padding-bottom: 1rem; } .SetDownload.overviewTeaser .description{ font-family: "HurmeGeometricSans1-Regular"; font-size: 0.75rem; } .SetDownload.overviewTeaser .infoBar{ min-height: 2.5rem; width: 100%; background-color: #fafaf9; position: relative; } .SetDownload.overviewTeaser .infoBar > *{ min-height: 2.5rem; vertical-align: top; } .SetDownload.overviewTeaser .metaData{ text-align: left; padding: 0.6rem 8.25rem 0.6rem 0.6rem; } .SetDownload.overviewTeaser .metaData > *{ display: inline-block; font-size: 0.75rem; font-family: "HurmeGeometricSans1-Regular"; vertical-align: middle; margin: 0 0.125rem 0; text-transform: uppercase; } .SetDownload.overviewTeaser .metaData .mimetype{ word-break: break-all; } .SetDownload.overviewTeaser[data-restricted] .downloadLink:before{ content: "\f023"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; vertical-align: sub; font-size:0.9rem; margin-right: 0.325rem; } .SetDownload.overviewTeaser .downloadLink{ width:9rem; text-align: right; position: absolute; top:0; right:0; height: 100%; } .SetDownload.overviewTeaser .downloadLink > * { display: inline-block; vertical-align: middle; } .SetDownload.overviewTeaser .lock{ margin: 0.8rem 0.125rem 0 0; } .SetDownload.overviewTeaser .BasicDownload{ background-color: #E8833D; width: 6.5rem; height: 100%; text-align: center; padding: 0 1.25rem; font-family:"HurmeGeometricSans4-SemiBold"; } .SetDownload.overviewTeaser[data-restricted] .BasicDownload{ background-color: #cdcdca; } .SetDownload.overviewTeaser .BasicDownload span{ vertical-align: middle; display:inline-block; margin:0; font-size: 0.625rem; /*font-family: Open sans semibold;*/ color: #ffffff; text-transform: uppercase; letter-spacing: 0.2px; } @media screen and (max-width:440px){ .SetDownload.overviewTeaser .metaData{ width: 100%; padding: 0.6rem; } .SetDownload.overviewTeaser[data-restricted] .metaData:after{ content: "\f023"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; vertical-align: sub; font-size:0.9rem; margin-right:0.325rem; position:absolute; right: 0; } .SetDownload.overviewTeaser .downloadLink{ width: 100%; position:static; margin:0; min-height:initial; } .SetDownload.overviewTeaser .BasicDownload{ width: 100%; } .SetDownload.overviewTeaser[data-restricted] .downloadLink:before{ content: ""; margin: 0; } .SetDownload.overviewTeaser .image{ width: 6rem; max-height:6rem; } .SetDownload.overviewTeaser .downloadWrapper > .text{ margin-left:6rem; } } .SetDownload.overviewTeaser .downloadWrapper:hover{ text-decoration: none; } .SetDownload.overviewTeaser .BasicDownload:hover{ background-color: #e55220; } .SetDownload.overviewTeaser[data-restricted] .BasicDownload:hover{ background-color: #cdcdca; } .SetImage { position: relative; } .SetImage.B2bLoginRegister{ margin-bottom: 0rem; min-height: 10rem; background-position: center; background-size: cover; background-repeat: no-repeat; } .SetImage.Widget.B2bLoginRegister .wrapperBackgroundColor { background-color: #000000; opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .SetImage.B2bLoginRegister .wrapperContent{ margin: 0 auto; padding: 7.5rem 5rem; width: 40rem; max-width: 100%; box-sizing: border-box; overflow: hidden; position: relative; z-index: 2; text-align: center; color: #ffffff; } .SetImage.B2bLoginRegister .wrapperContent > *{ margin-bottom: 2.5rem; } .SetImage.B2bLoginRegister h1{ line-height: 1.1785em; } .SetImage.B2bLoginRegister .description{ font-size: 1rem; line-height: 1.5em; font-weight: bold; } .SetImage.B2bLoginRegister a{ margin-top: 2rem; display: block; } .SetImage.B2bLoginRegister a.login{ padding: 0.5rem; color: #ffffff; overflow: hidden; -o-transition:color .3s; -ms-transition:color .3s; -moz-transition:color .3s; -webkit-transition:color .3s; transition:color .3s; } .SetImage.B2bLoginRegister a.login span{ display: inline-block; margin-bottom: 0.5rem; } .SetImage.B2bLoginRegister a.login .icon{ display: inline-block; margin-left: 0.625rem; font-size: 1.25rem; line-height: 1em; } .SetImage.B2bLoginRegister a.login:hover .icon{ color: #E8833D; } .SetImage.B2bLoginRegister .defaultButton{ width: 100%; font-size: 0.875rem; } @media screen and (max-width: 480px) { .SetImage.B2bLoginRegister .wrapperContent{ padding: 5rem 2.5rem; } } .SetImage.smartTeaser { text-align: center; margin-bottom: 1rem; box-sizing: border-box; } .SetImage.smartTeaser.hasLink { cursor: pointer; } .SetImage.smartTeaser .defaultButton a { color:#ffffff; } .SetImage.smartTeaser.tcBlack { color: #000000; } .SetImage.smartTeaser.tcWhite { color: #ffffff; } .SetImage.smartTeaser .bgWrapper { width: 100%; position: relative; overflow: hidden; min-height: 32rem; } .SetImage.smartTeaser .bgWrapper2, .SetImage.smartTeaser .bgWrapper3 { position: relative; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .SetImage.smartTeaser.isImageBg .bgWrapper2, .SetImage.smartTeaser.isImageBg .bgWrapper3 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .SetImage.smartTeaser .bgWrapper4 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .SetImage.smartTeaser .bgWrapper4 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-size: cover; background-repeat: no-repeat; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .SetImage.smartTeaser .bgWrapper4.active { opacity: 1; } .SetImage.smartTeaser .maxWidth { margin: 0 auto; max-width: 105rem; height: 100%; line-height:0; } .SetImage.smartTeaser .posContainer { box-sizing: border-box; display: inline-block; position: relative; max-width:100%; } .SetImage.smartTeaser.haLeft { text-align: left; } .SetImage.smartTeaser.haCenter { text-align: center; } .SetImage.smartTeaser.haRight { text-align: right; } .SetImage.smartTeaser.isImageBg.vaTop .posContainer { top: 0; } .SetImage.smartTeaser.isImageBg.vaMiddle .posContainer { top: 50%; transform: translateY(-50%); position: absolute; width: 100%; left: 0; } .SetImage.smartTeaser:not(.isImageBg) .posContainer {} .SetImage.smartTeaser.isImageBg.vaBottom .posContainer { top: 100%; transform: translateY(-100%); position: absolute; width: 100%; left: 0; } .SetImage.smartTeaser .textContainer { padding: 3.75rem 5rem 3rem; } .SetImage.smartTeaser .BasicText.title { font-size: 3rem; line-height: 1.2em; margin-bottom: 0.125rem; font-family: 'HurmeGeometricSans1-SemiBold'; } .SetImage.smartTeaser .BasicText.description { font-size: 1.125rem; line-height: 1.5em; margin-bottom: 0.125rem; font-family: 'HurmeGeometricSans4-Regular'; } .SetImage.smartTeaser .SetLink { font-size: 1rem; padding-left: 2rem; padding-right: 2rem; margin-top: 2.125rem; } .SetImage.smartTeaser .textContainer > *:first-child { margin-top: 0; } .SetImage.smartTeaser .textContainer > *:last-child { margin-bottom: 0; } .SetImage.smartTeaser .BasicGraphic.graphic { line-height: 0; font-size: 0; } .SetImage.smartTeaser .BasicGraphic.graphic img { display: inline-block; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } @media screen and (max-width:768px){ .SetImage.smartTeaser.hasLink{ cursor: auto; } } @media screen and (max-width:544px) { .SetImage.smartTeaser .textContainer { padding: 2.5rem 2.5rem 1rem; } .SetImage.smartTeaser .BasicText.title { font-size: 1.8rem; line-height: 1.2em; } .SetImage.smartTeaser .BasicText.description { font-size: 0.9375rem; line-height: 1.5em; font-family: 'HurmeGeometricSans4-Bold'; } .SetImage.smartTeaser .bgWrapper { min-height:22rem; } } /************************ nlSmartTeaser Property *************************/ .SetImage.properties.nlSmartTeaser textarea{ height: 4rem; } .SetImage.parallax { text-align: center; box-sizing: border-box; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 1.5rem; background-attachment: fixed; } .SetImage.parallax.w100 .posContainer, .SetImage.parallax.w50 { max-width: 100rem; } .SetImage.parallax.tcBlack { color: #000000; } .SetImage.parallax.tcWhite { color: #ffffff; } .SetImage.parallax .bgWrapper { width: 100%; position: relative; overflow: hidden; min-height: 15rem; } .SetImage.parallax .bgWrapper2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; background-position: center; background-size: cover; background-repeat: no-repeat; } .SetImage.parallax .posContainer { box-sizing: border-box; display: inline-block; position: relative; width:100%; overflow: hidden; } .SetImage.parallax .textContainer { padding: 0rem 2.5rem 3.75rem; } .SetImage.parallax .BasicText.title { font-size: 2.5rem; line-height: 1.2em; margin-bottom: 0.875rem; font-family: 'HurmeGeometricSans1-SemiBold'; } .SetImage.parallax .BasicText.description { font-size: 1.125rem; line-height: 1.5em; font-family: 'HurmeGeometricSans4-Regular'; } .SetImage.parallax .logoContainer { max-width: 40rem; margin: 3.75rem auto 0; text-align: center; overflow: hidden; padding: 0 5rem; box-sizing: border-box; } .SetImage.parallax .BasicGraphic.graphic { line-height: 0; font-size: 0; margin-bottom: 1rem; } .SetImage.parallax .BasicGraphic.graphic img{ margin: auto; } @media screen and (max-width:544px) { .SetImage.parallax .textContainer { padding: 0rem 2.5rem 2.5rem; } .SetImage.parallax .logoContainer{ margin-top: 2.5rem; padding: 0 2.75rem; } .SetImage.parallax .BasicText.title { font-size:1.5rem; line-height:1.2em; } .SetImage.parallax .BasicText.description { font-size:0.9375rem; line-height:1.5em; } .SetImage.parallax .bgWrapper { min-height:10rem; } } .SetImage.simple { max-width: 64rem; } .SetImage.simple .BasicGraphic { margin-bottom: 2.5rem; } .SetImage.simple .description { max-width: 44rem; font-size: 1.0625rem; line-height: 1.5rem; font-family: HurmeGeometricSans1-SemiBold; margin: 0 auto; text-align: center; } @media screen and (max-width: 672px) { .SetImage.simple{ padding: 0; } .SetImage.simple .BasicGraphic { margin-bottom: 2rem; } .SetImage.simple .description { margin: 0 1rem; text-align: left; font-size: 1rem; } } .SetImage.textWithBg { text-align: center; color: #ffffff; box-sizing: border-box; } .SetImage.textWithBg.pageElt{ padding: 0 1rem; } .SetImage.textWithBg .textContent{ width: 100%; max-width: 55rem; margin: 0 auto; padding: 6.25rem 5rem; box-sizing: border-box; } .SetImage.textWithBg h2{ padding-bottom: 2.5rem; } .SetImage.textWithBg .description{ font-size: 1.125rem; line-height: 1.5em; font-family:'HurmeGeometricSans1-SemiBold'; } .SetImage.textWithBg .defaultButton{ margin-top: 2.25rem; min-width: 12.5rem; } .SetImage.textWithBg a{ display: inline-block; } @media screen and (max-width:672px) { .SetImage.textWithBg .textContent{ padding: 2.5rem; } } @media screen and (max-width:544px) { .SetImage.textWithBg.pageElt { padding:0; } .SetImage.textWithBg .description{ font-size: 0.9375rem; line-height: 1.5em; font-family:'HurmeGeometricSans1-Bold'; } } .SetImage.newsText { overflow:hidden; font-size: 1.0625rem; line-height: 1.5rem; font-family: HurmeGeometricSans1-SemiBold; margin: 0 auto 2.5rem; max-width: 58rem; } .SetImage.newsText .graphicWrapper { float: left; margin-right: 5rem; font-size: 0.5rem; text-align: center; width: 20rem; font-size: 0.75rem; line-height: 1.2rem; font-family: HurmeGeometricSans4-SemiBold; position:relative; z-index:1; } .SetImage.newsText .graphicWrapper .BasicGraphic, .SetImage.newsText .graphicWrapper .BasicText{ margin-bottom: 1.25rem; } .SetImage.newsText .textWrapper { max-width: 48rem; margin: 0 auto; } @media screen and (max-width:850px) { .SetImage.newsText .graphicWrapper { margin-right: 3rem; } } .SetImage.imageWithText { font-size: 1.125rem; box-sizing: border-box; } .SetImage.imageWithText .imageWrapper{ height: 25rem; background-size: cover; background-position: center; margin-bottom:2.5rem; } .SetImage.imageWithText .textContent{ width: 100%; max-width: 52rem; margin: 0 auto; padding: 0 3rem; box-sizing: border-box; } .SetImage.imageWithText h2{ margin-bottom: 2.5rem; } .SetImage.imageWithText .textContent .description{ font-family: "HurmeGeometricSans1-Bold"; margin-bottom:2.5rem; } @media screen and (min-width:1280px) { .SetImage.imageWithText .imageWrapper{ height: 32rem; } } @media screen and (max-width:768px) { .SetImage.imageWithText .imageWrapper{ height: 18rem; } } @media screen and (max-width:544px) { .SetImage.imageWithText { font-size: 0.9375rem; } .SetImage.imageWithText .textContent{ padding: 2rem 2.5rem; } .SetImage.imageWithText h2{ margin-bottom: 1.5rem; } } .SetImage.socialChannels { font-size: 1.125rem; } .SetImage.socialChannels .imageAndTextWrapper{ position: relative; text-align: center; overflow:hidden; } .SetImage.socialChannels .imageAndTextWrapper .titleWrapper{ color: #ffffff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .SetImage.socialChannels .titleWrapper .container{ display: inline-block; vertical-align:middle; } .SetImage.socialChannels .titleWrapper .title{ font-family: HurmeGeometricSans1-Bold; font-size: 1.75rem; letter-spacing: 2px; display:block; } .SetImage.socialChannels .titleWrapper span{ display:block; font-size: 2rem; margin-bottom: 0.5rem; } .SetImage.socialChannels img{ -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } @media screen and (max-width:544px) { .SetImage.socialChannels .titleWrapper .title{ font-size:1.25rem; } .SetImage.socialChannels .titleWrapper span{ font-size:1.5rem; } } .SetImage.teaserLink { width: 50%; float: left; padding: 0 0.5rem; box-sizing: border-box; margin-bottom:2.5rem; } .SetImage.teaserLink .graphicWrapper { padding-bottom: 62.5%; height: 0; position: relative; } .SetImage.teaserLink .borderWrapper { border-width: 0.5rem; border-style: solid; } .SetImage.teaserLink .BasicGraphic { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-height: inherit; } .SetImage.teaserLink h4 { margin-top: 1.25rem; padding: 0 1.25rem; } .SetImage.teaserLink span { margin: 14px 0 12px; display: block; padding: 0 1.25rem; } .SetImage.teaserLinkWithShadow .alt, .SetImage.teaserLink .description { margin: 0 1.25rem; font-size: 1rem; } @media screen and (max-width: 720px) { .SetImage.teaserLink h4 { margin-top: 1rem; padding: 0 1rem; } .SetImage.teaserLink span { padding: 0 1rem; } .SetImage.teaserLinkWithShadow .alt, .SetImage.teaserLink .description { margin: 0 1rem; } } @media screen and (max-width: 480px) { .ListImageGallery.teaserLinkGallery.col2 .SetImage { width: 100%; padding: 0; } } .ListImageGallery.teaserLinkGallery.col3 .SetImage { width: 33.334%; } @media screen and (max-width: 640px) { .ListImageGallery.teaserLinkGallery.col3 .SetImage { width: 50%; } } @media screen and (max-width: 414px) { .ListImageGallery.teaserLinkGallery.col3 .SetImage:nth-child(2n+1) { padding-left: 0; } .ListImageGallery.teaserLinkGallery.col3 .SetImage:nth-child(2n+2) { padding-right: 0; } } @media screen and (max-width: 304px) { .ListImageGallery.teaserLinkGallery.col3 .SetImage { width: 100%; padding: 0; } } .ListImageGallery.teaserLinkGallery.col4 .SetImage { width: 25%; } @media screen and (max-width: 720px) { .ListImageGallery.teaserLinkGallery.col4 .SetImage { width: 33.334%; } } @media screen and (max-width: 480px) { .ListImageGallery.teaserLinkGallery.col4 .SetImage { width: 50%; } } @media screen and (min-width: 225px) and (max-width: 414px) { .ListImageGallery.teaserLinkGallery.col4 .SetImage:nth-child(2n+1) { padding-left: 0; } .ListImageGallery.teaserLinkGallery.col4 .SetImage:nth-child(2n+2) { padding-right: 0; } } @media screen and (max-width: 224px) { .ListImageGallery.teaserLinkGallery.col4 .SetImage { width: 100%; padding: 0; } } .ListImageGallery.teaserLinkGallery.col5 .SetImage { width: 20%; } @media screen and (max-width: 768px) { .ListImageGallery.teaserLinkGallery.col5 .SetImage { width: 25%; } } @media screen and (max-width: 576px) { .ListImageGallery.teaserLinkGallery.col5 .SetImage { width: 33.334%; } } @media screen and (min-width: 369px) and (max-width: 414px) { .ListImageGallery.teaserLinkGallery.col5 .SetImage:nth-child(3n+1) { padding-left: 0; } .ListImageGallery.teaserLinkGallery.col5 .SetImage:nth-child(3n+2) { padding-left: 0.25rem; padding-right: 0.25rem; } .ListImageGallery.teaserLinkGallery.col5 .SetImage:nth-child(3n+3) { padding-right: 0; } } @media screen and (min-width: 177px) and (max-width: 368px) { .ListImageGallery.teaserLinkGallery.col5 .SetImage { width: 50%; } .ListImageGallery.teaserLinkGallery.col5 .SetImage:nth-child(2n+1) { padding-left: 0; } .ListImageGallery.teaserLinkGallery.col5 .SetImage:nth-child(2n+2) { padding-right: 0; } } @media screen and (max-width: 176px) { .ListImageGallery.teaserLinkGallery.col5 .SetImage { width: 100%; padding: 0; } } .ListImageGallery.teaserLinkGallery.col6 .SetImage { width: 16.666%; } @media screen and (max-width: 800px) { .ListImageGallery.teaserLinkGallery.col6 .SetImage { width: 20%; } } @media screen and (max-width: 640px) { .ListImageGallery.teaserLinkGallery.col6 .SetImage { width: 25%; } } @media screen and (max-width: 480px) { .ListImageGallery.teaserLinkGallery.col6 .SetImage { width: 33.334%; } } @media screen and (min-width: 305px) and (max-width: 414px) { .ListImageGallery.teaserLinkGallery.col6 .SetImage:nth-child(3n+1) { padding-left: 0; } .ListImageGallery.teaserLinkGallery.col6 .SetImage:nth-child(3n+2) { padding-left: 0.25rem; padding-right: 0.25rem; } .ListImageGallery.teaserLinkGallery.col6 .SetImage:nth-child(3n+3) { padding-right: 0; } } @media screen and (min-width: 145px) and (max-width: 304px) { .ListImageGallery.teaserLinkGallery.col6 .SetImage { width: 50%; } .ListImageGallery.teaserLinkGallery.col6 .SetImage:nth-child(2n+1) { padding-left: 0; } .ListImageGallery.teaserLinkGallery.col6 .SetImage:nth-child(2n+2) { padding-right: 0; } } @media screen and (max-width: 144px) { .ListImageGallery.teaserLinkGallery.col6 .SetImage { width: 100%; padding: 0; } } [data-page-hri="page_lp_social_media_channel"] .SetImage.teaserLinkWithShadow { text-align:center; } .SetImage.teaserLinkWithShadow { width: 50%; float: left; padding: 0 1rem 2rem 1rem; box-sizing: border-box; display: flex; } .SetImage.teaserLinkWithShadow .borderWrapper{ overflow: hidden; background-color: #ffffff; padding: 0; height: 100%; box-shadow: 0 0 5px 0 #8d8d8d; -moz-box-shadow: 0 0 5px 0 #8d8d8d; -webkit-box-shadow: 0 0 5px 0 #8d8d8d; -o-transition:box-shadow .3s; -ms-transition:box-shadow .3s; -moz-transition:box-shadow .3s; -webkit-transition:box-shadow .3s; transition:box-shadow .3s; } .SetImage.teaserLinkWithShadow a{ width: 100%; } .SetImage.teaserLinkWithShadow .graphicWrapper { padding-bottom: 62.5%; height: 0; position: relative; background-color: #ebebe8; margin-bottom: 1.25rem; } .SetImage.teaserLinkWithShadow .BasicGraphic { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .SetImage.teaserLinkWithShadow .BasicGraphic img{ position: absolute; top: 0; left: 0; } .SetImage.teaserLinkWithShadow h4, .SetImage.teaserLinkWithShadow .alt, .SetImage.teaserLinkWithShadow .description { margin: 0 1.25rem 1.25rem 1.25rem; } .SetImage.teaserLinkWithShadow .alt{ font-size: 0.75rem; line-height: 1.5em; } .SetImage.teaserLinkWithShadow .description { font-size: 1rem; } .SetImage.teaserLinkWithShadow span { margin: 14px 0 12px; display: block; padding: 0 1.25rem; } @media screen and (max-width: 720px) { .SetImage.teaserLinkWithShadow h4, .SetImage.teaserLinkWithShadow .alt, .SetImage.teaserLinkWithShadow .description { margin: 0 1rem 1rem; } } @media screen and (max-width: 640px) { .ListImageGallery.teaserLinkGallery.withShadow .SetImage { padding: 0 0.5rem 1rem 0.5rem; } } @media screen and (max-width: 480px) { .ListImageGallery.teaserLinkGallery.withShadow .SetImage { width: 100%; } .ListImageGallery.teaserLinkGallery.withShadow .SetImage:nth-child(2n+1), .ListImageGallery.teaserLinkGallery.withShadow .SetImage:nth-child(2n+2){ padding-left: 0.5rem; padding-right: 0.5rem; } } .ListImageGallery.teaserLinkGallery .SetImage.teaserLink span.linkDecoration { display: none; } .SetImage.stoerer { box-sizing: border-box; } .SetImage.stoerer .BasicGraphic, .SetImage.stoerer .BasicGraphic img{ width: 7.5rem; display: inline-block; vertical-align: middle; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .SetImage.stoerer .textWrapper{ display: inline-block; line-height: 1.5em; padding: 1.5rem; box-sizing: border-box; width: calc(100% - 7.5rem); vertical-align: middle; } .SetImage.stoerer .title{ font-family: "HurmeGeometricSans1-Bold"; font-size: 0.9375rem; padding-bottom: 1rem; } .SetImage.stoerer .description{ font-family: "HurmeGeometricSans4-SemiBold"; font-size: 0.8125rem; } /****************************** responsive behavior **********************************/ @media screen and (max-width: 544px) { .SetImage.stoerer .title{ font-size: 0.8125rem; } } /****************************** Styling stoerer2 **********************************/ .SetImage.stoerer2{ display: flex; justify-content: center; max-width: 58rem; margin: 1rem auto 0 auto; padding: 0.5rem; box-sizing: border-box; } .SetImage.stoerer2 .imageAndTextWrapper{ display: flex; align-items: center; } .SetImage.stoerer2 .BasicGraphic.graphic { border-right: 0.2rem solid #ffffff; padding-right: 1rem; margin: 0.5rem 2rem 0.5rem 0; } .SetImage.stoerer2 .BasicGraphic.graphic img{ width: 9rem; } .SetImage.stoerer2 .imageAndTextWrapper .textWrapper{ max-width: 20rem; font-size: 1.5rem; font-family: "HurmeGeometricSans1-Bold"; color: #ffffff; } .SetImage.imageWithBackground { text-align: center; margin-bottom: 2.5rem; box-sizing: border-box; } .ListImageGallery.smartTeaser + .SetImage.imageWithBackground, .SetImage.imageWithBackground + .SetImage.imageWithBackground { margin-top:-1.5rem; } .SetImage.imageWithBackground.pageElt { padding-left: 0; padding-right: 0; max-width: unset; } .SetImage.imageWithBackground .bgWrapper { width: 100%; margin: 0 auto; padding: 2rem 0; } .SetImage.imageWithBackground .maxWidth { max-width: 60rem; margin: 0 auto; padding-left: 1rem; padding-right: 1rem; box-sizing:border-box; } .SetImage.imageWithBackground .imgContainer { max-width: 28rem; margin: 0 auto; text-align:center; line-height:0; } .SetImage.imageWithBackground .imgContainer img { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; display:inline-block; } /*General Blocks and Wrappers*/ .SetImage.smartSeparator { margin-bottom: 2rem; } .SetImage.smartSeparator .bgwrapper, .SetImage.smartSeparator .bgwrapper .pageElt, .SetImage.smartSeparator .mainBlock { min-height: 12.875rem; } .SetImage.smartSeparator .bgwrapper { padding: 2rem 0; } .SetImage.smartSeparator .bgwrapper .pageElt { height: 100%; width: 60rem; padding: 0; margin: 0 auto; } /*Main Block*/ .SetImage.smartSeparator .mainBlock { display: flex; justify-content: center; align-items: center; height: 100%; } .SetImage.smartSeparator .mainBlock.leftImage { flex-direction: row; } .SetImage.smartSeparator .mainBlock.rightImage { flex-direction: row-reverse; } /*Block Image*/ .SetImage.smartSeparator .mainBlock .blockImage:not(.noText) { flex: 3; } .SetImage.smartSeparator .mainBlock .BasicGraphic img { width: 100%; } .SetImage.smartSeparator .mainBlock .blockImage .BasicGraphic img { margin-left: auto; margin-right: auto; } /*Block Title*/ .SetImage.smartSeparator .mainBlock .blockText { flex: 5; margin-top: 1rem; margin-bottom: 1rem; color:#ebedeb; } .SetImage.smartSeparator .mainBlock.leftImage .blockText { margin-left: -1rem; margin-right: 0; } .SetImage.smartSeparator .mainBlock.rightImage .blockText { margin-left: 0; margin-right: -1rem; } .SetImage.smartSeparator .BasicText.title, .SetImage.smartSeparator .BasicText.subTitle { font-size: 3rem; line-height: 1.2em; margin-bottom: 0.125rem; font-family: 'HurmeGeometricSans1-SemiBold'; } .SetImage.smartSeparator .BasicText p, .SetImage.smartSeparator .BasicText { line-height: 1.2em; } .SetImage.smartSeparator .BasicText.description { font-size: 1.1rem; } .SetImage.smartSeparator .blockText .subTitleWrapper { display: block; } .SetImage.smartSeparator .blockText .subTitleWrapper:not(.noBorder) { border-top: 3px solid #ebedeb; } .SetImage.smartSeparator .mainBlock .blockText.centerText { text-align: center; } .SetImage.smartSeparator .mainBlock .blockText.leftText { text-align: left; } .SetImage.smartSeparator .mainBlock .blockText.rightText { text-align: right; } /* Property Dialog*/ .SetImageProperty.WidgetProperty h3 { margin: 1rem; } .SetImageProperty.WidgetProperty .background_image .stripe { display: none; } /*Retailer*/ .SetImage.smartSeparator.imageGallery { position: relative; } .SetImage.smartSeparator .retailerBlock { position: absolute; background-color: #302f33; color: #ffffff; top: 0; right: 50%; margin-right: -49rem; max-width: 12.5rem; padding: 0.75rem 1rem; overflow-wrap: break-word; box-sizing: border-box; } .SetImage.smartSeparator .retailerBlock .customerNumberBlock { margin-bottom: 0.75rem; } .SetImage.smartSeparator .retailerBlock .customerNumberBlock .customerNumberValue { font-size: 1.5rem; line-height: 1.5em; } .SetImage.smartSeparator .retailerBlock .company { font-family: "HurmeGeometricSans4-SemiBold"; } .SetImage.smartSeparator .retailerBlock a { transition: color 0.3s; color:#ffffff; } .SetImage.smartSeparator .retailerBlock .icon { margin-right:0.5rem; color:#ff7700 } @media screen and (max-width: 1680px) { .SetImage.smartSeparator .retailerBlock { margin-right: 0; right: 3.5rem; } } @media screen and (max-width: 1500px) { .SetImage.smartSeparator .retailerBlock { right: 0; } } @media screen and (max-width: 1410px) { .SetImage.smartSeparator { margin-bottom: 2rem; } .SetImage.smartSeparator .mainBlock .blockImage { width: auto; } .SetImage.smartSeparator .mainBlock .blockText { width: 100%; } .SetImage.smartSeparator .mainBlock.rightImage, .SetImage.smartSeparator .mainBlock.leftImage { flex-direction: column; } .SetImage.smartSeparator .mainBlock.rightImage .blockText { margin-right: 0; } .SetImage.smartSeparator .mainBlock.leftImage .blockText { margin-left: 0; } .SetImage.smartSeparator .BasicText.title, .SetImage.smartSeparator .BasicText.subTitle { font-size: 2rem; } .SetImage.smartSeparator .blockText .subTitleWrapper:not(.noBorder) { border-top-width: 2px; } .SetImage.smartSeparator .retailerBlock { position: initial; width: 100%; max-width: 100%; padding: 1rem 2rem; display: flex; justify-content: space-around; } .SetImage.smartSeparator .retailerBlock .customerNumberBlock { margin-bottom: 0; } } @media screen and (max-width: 1100px) { .SetImage.smartSeparator .bgwrapper .pageElt { margin: 0; padding: 0 2rem; width: auto; } } @media screen and (max-width: 650px) { .SetImage.smartSeparator .bgwrapper { padding-left: 2rem; padding-right: 2rem; } .SetImage.smartSeparator .retailerBlock .customerNumberBlock .SetImage.smartSeparator .retailerBlock .retailerInfoBlock { flex: 1; } .SetImage.smartSeparator .bgwrapper .pageElt { padding: 0; } } @media screen and (max-width: 550px) { .SetImage.smartSeparator .retailerBlock { flex-direction: column; } .SetImage.smartSeparator .retailerBlock .customerNumberBlock { margin-bottom: 0.75rem; } } .SetImage.emotiCups{ box-sizing: border-box; padding: 1rem; color:#2d2d2d; text-align: left; font-family: "HurmeGeometricSans4-SemiBold"; } .SetImage.emotiCups b { font-family: "HurmeGeometricSans4-Bold"; } .SetImage.emotiCups .emotiCupLink{ border-radius: 2rem; display: block; } .SetImage.emotiCups .imageWrapper .BasicGraphic.withText{ background-color: #000000; border-top-left-radius: 50%; border-top-right-radius: 50%; } .SetImage.emotiCups .imageWrapper .BasicGraphic img{ width:100%; } .SetImage.emotiCups .textWrapper{ padding: 1rem 1.25rem; font-size: 0.8125rem; line-height: 1.5rem; background-color: #000000; color: #ffffff; box-sizing: border-box; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } .SetImage.emotiCups .emotiCupLink:hover{ cursor: pointer; } .SetImage, .SetImage .BasicGraphic, .SetImage img { max-width: 100%; max-height: 100%; } .SetImage.col1 { box-sizing:border-box; padding:0 1rem; width:60rem; } .SetImage.widescreen { height: 440px; width: 100%; } .SetImage.widescreen .setImageWrapper { width: 928px; height: 100%; margin: 0 auto; } .SetImage.widescreen .setImageWrapper>* { float: left; width: 50%; height: 100%; } .SetImage.widescreen .setImageWrapper .setImageTextWrapper { text-align: center; } .SetImage.widescreen .BasicText { position: relative; bottom: inherit; text-align: center; } .SetImage.widescreen h1 { width: 100%; margin-top: 40px; } .SetImage.widescreen .BasicText.description { font-size: 14px; margin-top: 26px; width: 100%; } .SetImage.widescreen .setImageTextWrapper a { margin-top: 36px; display: inline-block; } .SetImage.widescreen .BasicGraphic { margin: 28px 0; height: 384px; } .SetImage.widescreen .BasicGraphic img { margin: 0 auto; width: auto; max-height: 100%; max-width: 100%; } .SetImage.newsText > a { display :inline; } .menuHeader { text-align: center; } .menuHeader ul { } .SetMenu.menu li { float: left; } .Page .SetMenu.menu li a { } .SetText.quote { max-width: 44rem; text-align: center; } .SetText.quote .title{ font-family: HurmeGeometricSans1-Thin; font-size: 2.5rem; line-height: 1.2em; color: #E8833D; margin-bottom: 4rem; } .SetText.quote .title::before { content: "»"; } .SetText.quote .title::after { content: "«"; } .SetText.quote .title br:last-child { display: none; } .SetText.quote .title > *{ display: inline; line-height: 1.2em; } .SetText.quote .description::before { content: "|"; font-size: 3rem; font-family: HurmeGeometricSans1-Thin; display: block; position: absolute; left: 50%; top: -2.5rem; } .SetText.quote .description { font-family: HurmeGeometricSans4-SemiBold; font-size: 0.8125rem; line-height: 1.5em; color: #8d8d8d; position: relative; } @media screen and (max-width: 672px) { .SetText.quote .title{ font-size: 1.875rem; } } .SetText.articleAnimation { max-width: 100rem; overflow: hidden; display: flex; aligm-item: stretch; flex-direction: row; padding-left: 0; padding-right: 0; } .SetText.articleAnimation .textWrapper, .SetText.articleAnimation .animation { float: left; width: 50%; box-sizing: border-box; background-color: #ffffff; } .SetText.articleAnimation .animation { margin-right: 0.5rem; } .SetText.articleAnimation .textWrapper { padding: 3rem 1rem; margin-left: 0.5rem; box-sizing: border-box; flex-direction: column; } .SetText.articleAnimation .textWrapper .title, .SetText.articleAnimation .textWrapper .title p { font-family: HurmeGeometricSans1-SemiBold; font-size: 2.5rem; line-height: 1.2em; margin-bottom: 2rem; padding: 0; box-sizing: border-box; } .SetText.articleAnimation .textWrapper .description, .SetText.articleAnimation .textWrapper .description p { font-family: HurmeGeometricSans4-Regular; font-size:1.125rem; line-height: 1.5em; } /* keine animation */ .SetText.articleAnimation .animation.onlyGraphic { padding: 3rem 1rem; box-sizing: border-box; } /* responsive */ @media screen and (max-width: 768px) { .SetText.articleAnimation .textWrapper { padding-top: 1rem; padding-bottom: 1rem; } } @media screen and (max-width: 544px) { .SetText.articleAnimation { flex-direction: column; } .SetText.articleAnimation .textWrapper, .SetText.articleAnimation .animation { width: 100%; } .SetText.articleAnimation .animation { margin-right: 0; margin-bottom: 2rem; } .SetText.articleAnimation .animation.onlyGraphic { padding-top: 1.5rem; padding-bottom: 0.5rem; margin-bottom: 0; } .SetText.articleAnimation .textWrapper { margin-left:0; } .SetText.articleAnimation .textWrapper .title, .SetText.articleAnimation .textWrapper .title p { font-size: 1.5625rem; margin-bottom: 1rem; } .SetText.articleAnimation .textWrapper .description, .SetText.articleAnimation .textWrapper .description p { font-size: 0.9375rem; margin-bottom: 1rem; } } .SetText.teaserAnimation { overflow: hidden; text-align: center; position: relative; } .SetText.teaserAnimation :not(.preload) > img{ max-width: 100%; height: auto; margin: auto; } .SetText.teaserAnimation .title{ font-family: "HurmeGeometricSans4-Regular"; font-size: 2.25rem; line-height: 1.5em; background-color: #ffffff; padding: 0 1rem 2.5rem 1rem; } @media screen and (max-width: 544px) { .SetText.teaserAnimation .title{ font-size: 1.5625rem; } } .SetText.simple { max-width: 64rem; font-size: 1.125rem; font-family: "HurmeGeometricSans1-SemiBold"; margin-bottom: 2.5rem; } .SetText.simple.center { text-align: center; } @media screen and (max-width:544px) { .SetText.simple { font-size: 0.9375rem; } } .SetText.simple.twoTexts { max-width: 100rem; padding-top: 2.5rem; padding-bottom: 2.5rem; font-family: "HurmeGeometricSans4-Regular"; } .SetText.simple.twoTexts.marginTop, .SetText.simple.twoTexts.marginNone { margin-bottom: 0; } .SetText.simple.twoTexts.marginBottom, .SetText.simple.twoTexts.marginNone { margin-top: -2.5rem; } .SetText.simple.twoTexts > * { max-width: 58rem; margin: 0 auto; } .SetText.simple.twoTexts .title { text-transform: uppercase; } .SetText.simple.twoTexts.gap .title { margin-bottom: 1.5rem; } @media screen and (max-width:544px) { .SetText.simple.twoTexts.gap .title { margin-bottom: 1rem; } } .SetVideo { overflow: hidden; max-width: 54rem; } .SetVideo .wrapper { height: 0; padding-bottom: 56.25%; position: relative; } .SetVideo .BasicVideo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .SetVideo .BasicVideo>iframe { height: 100%; width: 100%; } .SetVideo .BasicVideo img { height: auto !important; width: 100% !important; } .SetVideo .preview { background-color: #ffffff; } .SetVideo .preview img { margin: 0 auto; } .SetVideo .video { max-height: 21.375rem; } .SetVideo .BasicVideo.prettyPhoto .videoIcon, .SetVideo .BasicVideo .previewImageWrapper .videoIcon { background: none; } .SetVideo .BasicVideo .previewImageWrapper .videoIcon { position: absolute; left: 50%; top: 50%; margin: -2.5rem 0 0 -2.5rem; width: 5rem; height: 5rem; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #000000; opacity: 0.6; text-align: center; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .SetVideo .BasicVideo .previewImageWrapper .videoIcon::before { color: #ffffff; opacity: 0.8; display: block; font-family: 'Font Awesome 5 Pro'; font-weight: 900; content: "\f04b"; font-size: 2.5rem; line-height: 5rem; margin-left: 0.5rem; } @media screen and (max-width:544px) { .SetVideo .BasicVideo .previewImageWrapper .videoIcon { width: 3.75rem; height: 3.75rem; margin: -1.875rem 0 0 -1.875rem; } .SetVideo .BasicVideo .previewImageWrapper .videoIcon::before { font-size: 2rem; line-height: 3.75rem; margin-left: 0.5rem; } .SetVideo.pageElt { padding-left: 0; padding-right: 0; } } .ListDownloadList table.extended .BasicDownload { min-width: 0; } .ListDownloadList table.extended .captionLink { white-space:nowrap; } .ListDownloadList table.extended td{ padding: 1rem 0.25rem; } .ListDownloadList table.extended td.graphic { padding: 0.75rem 0.25rem; } .ListDownloadList table.extended th { /*font-family: "Open Sans Bold";*/ text-align: left; padding-bottom: 0.5rem; } .ListDownloadList table.extended tr.extendedInformation { border-top-width: 1px; } @media screen and (max-width:832px) and (min-width:673px), screen and (max-width:480px) { .ListDownloadList table.extended th.fileSize, .ListDownloadList table.extended th.downloadLink { display:none; } .ListDownloadList table.extended td.caption, .ListDownloadList table.extended td.fileSize, .ListDownloadList table.extended td.downloadLink { display:block; padding-top:0; padding-bottom:0; } .ListDownloadList table.extended td.caption { padding-top:1rem; padding-bottom:0.25rem; } .SetArticle.detail .BasicDownload { margin-bottom:0; } } @media screen and (max-width:460px) { .ListDownloadList .fileSize, .ListDownloadList .caption { font-size:0.75rem; } } .DownloadListOverview.overview{ max-width: 70rem; width: 100%; margin: 2.815rem auto; } .DownloadListOverview.overview *{ box-sizing: border-box; } .DownloadListOverview.overview .overviewContent{ width: 100%; padding: 0 2rem; } .DownloadListOverview.overview .filterBar{ background-color:#f9f9f8; display: block; padding: 0.5rem 1rem; z-index: 3; box-sizing: border-box; } .DownloadListOverview.overview .pinWrapper{ width: auto; } .DownloadListOverview.overview .pinnedTop.filterBar{ -moz-box-shadow: 0 0 0.25rem 0.125rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 0.25rem 0.125rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.25rem 0.125rem rgba(0, 0, 0, 0.1); } .DownloadListOverview.overview .filterBar .tagFilter{ float:left; } .DownloadListOverview.overview .filterBar .filterLegend{ display: none; } .DownloadListOverview.overview .filterBar .CustomTag{ float:left; } .DownloadListOverview.overview .CustomTag.specialTags{ border-right: 1px solid #e1e1de; } .DownloadListOverview.overview .CustomTag.specialTags .Tag:before{ content: "\f111"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size:1rem; margin-right:0.325rem; vertical-align: top; } .DownloadListOverview.overview .CustomTag .Tag.selected{ color: initial; } .DownloadListOverview.overview .CustomTag.specialTags .Tag.selected:before{ content: "\f058"; color: #E8833D; font-weight: 900; } .DownloadListOverview.overview .filterBar .Tag{ background-color: initial; font-size: 0.75rem; font-family: "HurmeGeometricSans1-Regular"; text-transform: initial; padding: 0.625rem; letter-spacing: 0; margin: 0; } .DownloadListOverview.overview .filterBar .CustomTag:first-child .Tag{ padding-left: 0; } .DownloadListOverview.overview .categoryTags .Tag.selected{ background-color: #ebebe8; } .DownloadListOverview.overview .filterBar .search{ width: 11rem; height: 2.5rem; float:right; position: relative; } .DownloadListOverview.overview .filterBar .search input{ border-radius: 5px; padding: 0.875rem; } .DownloadListOverview.overview .filterBar .search .inputSearchIcon{ position: absolute; right: 0.25rem; top: 0.850rem; color: #000000; } .DownloadListOverview.overview .overviewList{ padding-top:4rem; } .DownloadListOverview.overview .SetSeparator{ margin: 2rem 1rem 2.5rem 1rem; } .DownloadListOverview.overview .SetSeparator h2{ font-size: 0.875rem; /*font-family: Open sans bold;*/ float:none; } .DownloadListOverview.overview .overviewItem{ display:inline-block; width: 50%; padding: 1rem; vertical-align: top; } .DownloadListOverview.overview .hidden, .DownloadListOverview.overview .inactive, .DownloadListOverview.overview .current_amount{ display: none } @media screen and (max-width:856px){ .DownloadListOverview.overview .overviewList .overviewItem{ width: 100%; } } @media screen and (max-width:544px){ .DownloadListOverview.overview .overviewContent{ padding:0; } .DownloadListOverview.overview .filterBar .search{ width: 100%; } .DownloadListOverview.overview .filterBar .tagFilter{ margin-bottom: 0.5rem; } } .ListImageGallery.extendedSlideshow .stage { overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ListImageGallery.extendedSlideshow .backstage { display: none; } .ListImageGallery.extendedSlideshow .SetImage { height: 100%; width: 100%; z-index: 5; display: none; } .ListImageGallery.extendedSlideshow .SetImage.active { z-index: 15; display: block; opacity: 1; } .ListImageGallery.extendedSlideshow .stage [data-change-slide] { cursor:pointer; } .ListImageGallery.extendedSlideshow .cssAnimation .SetImage, .ListImageGallery.extendedSlideshow .translateCss .SetImage { height: 100%; z-index: 1; overflow: hidden; display: inline-block; position: relative; margin-right: -100%; vertical-align: top; -moz-user-select: none; -webkit-user-select: none; -webkit-transition-duration: 333ms; -moz-transition-duration: 333ms; -ms-transition-duration: 333ms; -o-transition-duration: 333ms; transition-duration: 333ms; -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -moz-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -ms-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -o-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); } .ListImageGallery.extendedSlideshow .cssAnimation .SetImage.active { z-index: 15; } .ListImageGallery.extendedSlideshow .notransition, .ListImageGallery.extendedSlideshow .notransition .SetImage { -webkit-transition-duration: 0 !important; -moz-transition-duration: 0 !important; -ms-transition-duration: 0 !important; -o-transition-duration: 0 !important; transition-duration: 0 !important; -webkit-transition-delay: 0 !important; -moz-transition-delay: 0 !important; -ms-transition-delay: 0 !important; -o-transition-duration: 0 !important; transition-delay: 0 !important; } .ListImageGallery.extendedSlideshow .translateCss .SetImage { left: -100%; -webkit-transition-property: left; -moz-transition-property: left; -ms-transition-property: left; -o-transition-property: left; transition-property: left; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.active { left: 0; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.active ~ .SetImage { left: 100%; } .ListImageGallery.extendedSlideshow .fadeCss .SetImage { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -ms-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .ListImageGallery.extendedSlideshow .fadeCss .SetImage.active { opacity: 1; } /** animation progressbar **/ .ListImageGallery.extendedSlideshow .progressBar { width: 100%; height: 1px; background-color: #ebebe8; } .ListImageGallery.extendedSlideshow .progressBar .progress { width: 0%; height: 100%; background-color: #E8833D; } /** navigation **/ .ListImageGallery.extendedSlideshow .navigation { z-index: 100; right: 0; top: 0; position: absolute; } .ListImageGallery.extendedSlideshow .navigation ul { float: right; list-style-type: none; margin: 0; overflow: hidden; } .ListImageGallery.extendedSlideshow .navigationItems { width: 2em; height: 2em; } .ListImageGallery.extendedSlideshow .stage .translateWrapper { position: relative; overflow: hidden; width: 4000px; } .ListImageGallery.extendedSlideshow .stage .translateWrapper>* { float: left; } .CustomProduct.Single .firstColumn>.ListImageGallery { margin-left: 0px; } .CustomProduct.Single .extendedSlideshow { max-width: 28rem; } .CustomProduct.Single .extendedSlideshow .stage { overflow: hidden; } .CustomProduct.Single .extendedSlideshow .stage .SetImage { width: 100%; box-sizing:border-box; overflow: hidden; position: relative; cursor: pointer; } .CustomProduct.Single .extendedSlideshow .navigation { position: relative; overflow: hidden; width: 100%; margin-top: 0.5rem; } .CustomProduct.Single .extendedSlideshow .navigation>* { height: 100%; } .CustomProduct.Single .extendedSlideshow .previousImage.visible, .CustomProduct.Single .extendedSlideshow .nextImage.visible{ display:block; padding-left: 1rem; padding-right: 1rem; } .CustomProduct.Single .extendedSlideshow .previousImage { float: left; } .CustomProduct.Single .extendedSlideshow .nextImage { float: right; } .CustomProduct.Single .extendedSlideshow .nextImage, .CustomProduct.Single .extendedSlideshow .previousImage { cursor: pointer; font-size: 1rem; color: #b4b4b4; line-height: 2.5rem; display:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .CustomProduct.Single .extendedSlideshow .navigation .navigationTranslateWrapper { width:28.75rem; margin: 0 auto; overflow: hidden; margin-left: -0.375rem; margin-right: -0.375rem; } .CustomProduct.Single .extendedSlideshow .navigation ul { width: 2000px; position: relative; float: none; } .CustomProduct.Single .extendedSlideshow .navigation li { float: left; width: 5rem; height: 5rem; margin: 0.375rem; cursor: pointer; box-sizing: border-box; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; border: 1px solid transparent; } .CustomProduct.Single .extendedSlideshow .navigation .SetImage { display: block; overflow: hidden; } .CustomProduct.Single .extendedSlideshow .navigation .SetImage .BasicText { display: none; } .CustomProduct.Single .extendedSlideshow .navigation .active { border: 1px solid #d8d8d6; cursor: default; } /********PRODUCT DETAIL SLIDESHOW Zoom Icon**********/ .ListImageGallery.extendedSlideshow .stage .SetImage .zoomIcon { color: #b4b4b4; width: 1.5em; height: 1.5em; line-height: 1.5em; font-size: 1.5em !important; position: absolute; top: 1rem; right: 1rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } @media screen and (max-width:1120px) { .CustomProduct.Single .extendedSlideshow { max-width:28rem; } .CustomProduct.Single .extendedSlideshow .nextImage.visible, .CustomProduct.Single .extendedSlideshow .previousImage.visible, .CustomProduct.Single .extendedSlideshow .nextImage, .CustomProduct.Single .extendedSlideshow .previousImage { display:none; } .CustomProduct.Single .extendedSlideshow .stage { margin:0; } .CustomProduct.Single .extendedSlideshow .navigation li, .CustomProduct.Single .extendedSlideshow .navigation .active { width:auto; height:auto; margin:0.25rem; border:none; } .CustomProduct.Single .extendedSlideshow .navigation .SetImage { border : 1px solid #d5d7d2; width:10px !important; height:10px; border-radius:10px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .CustomProduct.Single .extendedSlideshow .navigation { height:auto; padding : 0 1rem; box-sizing:border-box; } .CustomProduct.Single .extendedSlideshow .navigation .navigationTranslateWrapper { float:none; margin:0 auto; padding:0; width:auto !important; background:none; height:auto; } .CustomProduct.Single .extendedSlideshow .navigation ul { margin:0 auto; } .CustomProduct.Single .extendedSlideshow .navigation .active .SetImage { border-color:#000000; } .CustomProduct.Single .extendedSlideshow .navigation .SetImage > * { display:none; } } @media screen and (max-width:896px){ .CustomProduct.Single .extendedSlideshow .navigation .active .SetImage{ background-color: #d5d7d2; border-color: #d5d7d2; } .CustomProduct.Single .extendedSlideshow .navigation .navigationTranslateWrapper { padding: 1rem 0rem; } } .ListImageGallery .gallery img { border: none; } .ListImageGallery .gallery { list-style: none; padding: 0; margin: 0; } .ListImageGallery .gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .ListImageGallery .gallery li { float: left; display: none; list-style-type: none; } .ListImageGallery .gallery li a { display: block; margin: 5px; } .ListImageGallery .gallery li img { display: block; width: 100%; height: auto; } .ListImageGallery .gallery li:first-child { display: block; } .ListImageGallery.slideshow { float: left; } .ListImageGallery.slideshow .SetImage { margin: 0 0 12px 12px; display: none; position: absolute; z-index: 8; } .ListImageGallery.slideshow .SetImage.active { z-index: 12; display: block; } /* lightbox */ .lightbox { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9000; background-color: #000000; overflow: hidden; } .lightbox.wysiwyg { top: 110px; } .lightbox .stage { width: 100%; height: 100%; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lightbox table { width: 100%; height: 100%; } .lightbox .SetImage { height: 100%; width: 100%; display: inline-block; margin-right: -100%; left: -100%; z-index: 5; position: relative; -moz-user-select: none; -webkit-user-select: none; -webkit-transition-property: left; -moz-transition-property: left; -ms-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: 333ms; -moz-transition-duration: 333ms; -ms-transition-duration: 333ms; -o-transition-duration: 333ms; transition-duration: 333ms; -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -moz-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -ms-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -o-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); } .lightbox .notransition, .lightbox .notransition .SetImage { -webkit-transition-duration: 0 !important; -moz-transition-duration: 0 !important; -ms-transition-duration: 0 !important; -o-transition-duration: 0 !important; transition-duration: 0 !important; -webkit-transition-delay: 0 !important; -moz-transition-delay: 0 !important; -ms-transition-delay: 0 !important; -o-transition-duration: 0 !important; transition-delay: 0 !important; } .lightbox .SetImage.active { left: 0; z-index: 15; } .lightbox .SetImage.active ~ .SetImage { left: 100%; } .lightbox .SetImage td { text-align: center; vertical-align: middle; } .lightbox .SetImage .BasicGraphic { display: inline-block; float: none; width: auto; height: auto; max-width: 100%; } .lightbox .SetImage .BasicGraphic img { width: auto; } .lightbox .absbottom { overflow: hidden; width: 100%; bottom: 0; position: absolute; background-color: rgba(0, 0, 0, 0.8); cursor: pointer; left:0; right:0; } .lightbox.descriptionExpanded .absbottom { top:0; } .lightbox .abswrapper { overflow: hidden; width: 100%; } .lightbox.descriptionExpanded .abswrapper { bottom: 0; position: absolute; } .lightbox .SetImage .BasicText.description, .lightbox .SetImage .BasicText.copyright, .lightbox .SetImage .BasicText.title { text-align: center; font-size: 16px; line-height: 20px; color: #ffffff; padding: 8px 0; overflow: hidden; position: relative; bottom: auto; } .lightbox .SetImage .BasicText.copyright .textWrapper { font-size: 12px; } .lightbox .expandButton { position:absolute; right:0.5rem; bottom: 0.75rem; font-size:1.375rem; cursor:pointer; color: #000000; } .lightbox .top { display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 9050; } .lightbox .pagination { display: block; float: left; padding: 20px 16px; color: #ffffff; font-size: 16px; line-height: 28px; width: auto; margin: 0; text-shadow: 1px 1px 0 #000000; z-index: 9050; } .lightbox .close { display: block; float: right; padding: 20px 16px 24px 24px; z-index: 9050; } .lightbox .top span { cursor: pointer; } .lightbox .close span, .lightbox [data-change-slide] span { color: #ffffff; text-shadow: 1px 1px 0 #000000; font-size: 28px; line-height: 28px; } .lightbox [data-change-slide] span { top: 50%; height: 28px; margin-top: -24px; position: absolute; padding: 20px 16px; } .lightbox [data-change-slide] { position: absolute; top: 0; bottom: 0; width: 25%; z-index: 9050; } .lightbox .previousImage { left: 0; } .lightbox .nextImage, .lightbox .nextImage span { right: 0; } .lightbox .previousImage.visible, .lightbox .nextImage.visible { display: block; cursor: pointer; visibility: inherit; } .lightbox .previousImage span, .lightbox .nextImage span { visibility: hidden; } .lightboxNavigation { display: block; position: absolute; bottom: 40px; left: 0; width: 100%; z-index: 9999; overflow: hidden; } .lightboxNavigation .navigationTranslateWrapper { /* width: 100px; */ overflow: hidden; margin: 0 auto; } .lightboxNavigation ul { /* width: 2000px; */ text-align: center; } .lightboxNavigation li { display:inline-block; font-size: 8px; color: #b4b4b4; width:16px; height:16px; margin: 16px 0px; } .lightboxNavigation .navigationItems:hover, .lightboxNavigation .navigationItems.active { cursor:pointer; color:#e0292b; } .ListImageGallery.lightbox { margin: 0; background-color: #333333; } .lightbox, .lightbox * { -webkit-text-size-adjust: 100%; /*{ avoids ios font scaling* *}*/ } .lightbox .close span, .lightbox [data-change-slide] span, .lightbox .pagination { color: #ffffff; text-shadow: 1px 1px 0 #2d2d2d; } .lightbox .close .icon { position: relative; height: 3rem; width: 5.5rem; cursor: pointer; } .lightbox .close .icon::after { display: block; font-family: 'Font Awesome 5 Pro'; font-weight: 300; content: "\f00d"; font-size: 1.875rem; color: #ffffff; text-shadow: 1px 1px 0 #000000; text-align: center; position: absolute; bottom: 0; right: 0; width: 5.5rem; height: 3rem; box-sizing: border-box; -o-transition: color .3s; -ms-transition: color .3s; -moz-transition: color .3s; -webkit-transition: color .3s; transition: color .3s; } .lightbox .previousImage.visible { cursor: url("/Ressource/Graphic/Icon/keyboard_arrow_left.svg"), auto; } .lightbox .nextImage.visible { cursor: url("/Ressource/Graphic/Icon/keyboard_arrow_right.svg"), auto; } .lightbox [data-change-slide] span { font-size: 3.5rem; line-height: 10rem; height: 10rem; margin-top: -5rem; } @media screen and (max-width:544px) { .lightbox [data-change-slide], .lightbox .lightboxNavigation { display:none; } } .ListImageGallery.icons { height: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; width: 68rem; max-width: 100%; overflow: hidden; } .ListImageGallery.icons .SetImage.icon { float: left; width: 50%; box-sizing: border-box; padding: 1rem; } .ListImageGallery.icons .SetImage.icon:nth-child(2n+1) { clear: both; } @media screen and (max-width: 832px) { .ListImageGallery.icons .SetImage.icon { padding-left: 0.5rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .ListImageGallery.icons .SetImage.icon:nth-child(2n+1) { padding-left: 1rem; padding-right: 0.5rem; } } @media screen and (max-width: 736px) { .ListImageGallery.icons .SetImage.icon, .ListImageGallery.icons .SetImage.icon:nth-child(2n+1) { clear: both; width: 100%; padding-left: 1rem; padding-right: 1rem; padding-top: 4px; padding-bottom: 4px; } } @media screen and (max-width: 480px) { .ListImageGallery.icons .SetImage.icon, .ListImageGallery.icons .SetImage.icon:nth-child(2n+1) { padding-left: 0; padding-right: 0; } } .ListImageGallery.icons .bcWrapper { background-color: #ebebe8; overflow: hidden; padding: 1rem; position: relative; } @media screen and (max-width: 500px) { .ListImageGallery.icons .bcWrapper { padding: 0.5rem; } } .ListImageGallery.icons .left { float: left; width: 7.5rem; } @media screen and (max-width: 960px) { .ListImageGallery.icons .left { width: 28.846%; } } @media screen and (max-width: 736px) { .ListImageGallery.icons .left { width: 5rem; } } @media screen and (max-width: 480px) { .ListImageGallery.icons .left { width: 3.75rem; } } .ListImageGallery.icons .left .graphic { height: 7.5rem; } @media screen and (max-width: 736px) { .ListImageGallery.icons .left .graphic { height: 5rem; } } @media screen and (max-width: 480px) { .ListImageGallery.icons .left .graphic { height: 3.75rem; } } .ListImageGallery.icons .right { position: absolute; top: 1rem; bottom: 1rem; left: 10rem; right: 1rem; overflow: hidden; } @media screen and (max-width: 960px) { .ListImageGallery.icons .right { left: 35.714%; } } @media screen and (max-width: 736px) { .ListImageGallery.icons .right { left: 7rem; } } @media screen and (max-width: 500px) { .ListImageGallery.icons .right { left: 6rem; top: 0.5rem; right: 0.5rem; bottom: 0.5rem; } } @media screen and (max-width: 480px) { .ListImageGallery.icons .right { left: 4.75rem; } } .ListImageGallery.icons .right:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .ListImageGallery.icons .right .vert { vertical-align: middle; display: inline-block; } @media screen and (max-width: 480px) { .ListImageGallery.icons .right, .ListImageGallery.icons .right h2 { font-size: 12px; line-height: 18px; } } .ListImageGallery.smartTeaser .editButton.imagePropertySmartTeaser { position: absolute; } .ListImageGallery.smartTeaser { max-width: 100rem; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 1.5rem; } .ListImageGallery.smartTeaser + .ListImageGallery.smartTeaser, .SetImage.imageWithBackground + .ListImageGallery.smartTeaser { margin-top:-1.5rem; } .ListImageGallery.smartTeaser .break { display: flex; flex-basis: 100%; flex-grow: 0; flex-shrink: 0; } .ListImageGallery.smartTeaser .SetImage.smartTeaser { display: flex; flex-basis: 100%; flex-grow: 0; flex-shrink: 0; } .ListImageGallery.smartTeaser .SetImage.smartTeaser.w50 { flex-basis: 50%; max-width: 50.5rem; padding-left: 1rem; padding-right: 1rem; } @media screen and (max-width: 848px) { .ListImageGallery.smartTeaser .SetImage.smartTeaser.w50 { flex-basis: 100%; max-width: 100%; } } .ListImageGallery.smartTeaser .SetImage.smartTeaser.w50.lEl { padding-right: 0.5rem; } @media screen and (max-width: 848px) { .ListImageGallery.smartTeaser .SetImage.smartTeaser.w50.lEl { padding-right: 1rem; } } .ListImageGallery.smartTeaser .SetImage.smartTeaser.w50.lEl + .SetImage.smartTeaser.w50 { padding-left: 0.5rem; } @media screen and (max-width: 848px) { .ListImageGallery.smartTeaser .SetImage.smartTeaser.w50.lEl + .SetImage.smartTeaser.w50 { padding-left: 1rem; } } @media screen and (max-width:544px) { .ListImageGallery.smartTeaser .SetImage.smartTeaser.w50.lEl + .SetImage.smartTeaser.w50, .ListImageGallery.smartTeaser .SetImage.smartTeaser.w50.lEl, .ListImageGallery.smartTeaser .SetImage.smartTeaser.w50 { padding:0; } } .ListImageGallery.imageWithText.pageElt { padding: 0 0.5rem; max-width:77rem; margin-bottom:0; } .ListImageGallery.imageWithText .SetImage{ text-align: center; box-sizing: border-box; padding: 0 0.5rem; overflow:hidden; } .ListImageGallery.imageWithText.w50 .SetImage{ width: 50%; text-align: left; float: left; } @media screen and (max-width:850px) { .ListImageGallery.imageWithText.w50 .SetImage{ width: 100%; } } @media screen and (max-width:544px) { .ListImageGallery.imageWithText.pageElt, .ListImageGallery.imageWithText .SetImage { padding: 0; } } .ListImageGallery.simple { padding: 0; } .ListImageGallery.simple .SetImage { cursor: pointer; } .ListImageGallery.simple .BasicGraphic{ position: relative; } .ListImageGallery.simple .BasicGraphic::after { display: block; font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: "\F067"; font-size: 1.875rem; color: #ffffff; text-shadow: 1px 1px 0 #000000; position: absolute; bottom: 0; right: 0; width: 3rem; height: 3rem; box-sizing: border-box; -o-transition: opacity .3s; -ms-transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transition: opacity .3s; transition: opacity .3s; opacity: 0; } .ListImageGallery.newsTextGallery .SetImage:nth-child(2n) .graphicWrapper { float: right; margin-left: 5rem; margin-right: 0; } .ListImageGallery.newsTextGallery .BasicGraphic{ position: relative; cursor: pointer; } .ListImageGallery.newsTextGallery .BasicGraphic::after { display: block; font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: "\F067"; font-size: 1.875rem; color: #ffffff; text-shadow: 1px 1px 0 #000000; position: absolute; top: 1rem; right: 0; width: 3rem; height: 3rem; box-sizing: border-box; -o-transition: opacity .3s; -ms-transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transition: opacity .3s; transition: opacity .3s; opacity: 0; } @media screen and (max-width: 672px) { .SetImage.newsText { font-size: 1rem; } .ListImageGallery.newsTextGallery .SetImage .graphicWrapper, .ListImageGallery.newsTextGallery .SetImage:nth-child(2n) .graphicWrapper { float: none; width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 3.5rem; } } .ListImageGallery.socialChannels.pageElt { padding: 0; max-width:99rem; } .ListImageGallery.socialChannels { text-align: center; } .ListImageGallery.socialChannels .gallery{ line-height:0; } .ListImageGallery.socialChannels .SetImage{ margin: 0 auto; padding: 0 0.5px; width: 25%; max-width: 28rem; display: inline-block; box-sizing: border-box; overflow: hidden; margin-bottom:1px; } .ListImageGallery.socialChannels .textContent{ padding: 0 3rem 2rem; } .ListImageGallery.socialChannels .textContent .description{ padding-top: 1.25rem; font-size: 1.125rem; font-family:"HurmeGeometricSans1-Bold"; } @media screen and (max-width:850px) { .ListImageGallery.socialChannels .SetImage{ width: 50%; } } @media screen and (max-width:544px) { .ListImageGallery.socialChannels .textContent .description{ font-size: 0.9375rem; } } .ListImageGallery.square { text-align: center; } .ListImageGallery.square .listWrapper{ margin-left: -1rem; margin-right: -1rem; } .ListImageGallery.square .SetImage{ margin: 0 auto; padding: 0 1rem; width: 25%; max-width: 28rem; display: none; box-sizing: border-box; } .ListImageGallery.square .galleryCaption{ padding-top: 1.25rem; font-size: 1.875rem; line-height:1.5em; font-family: 'HurmeGeometricSans4-SemiBold'; max-width:38rem; margin:0 auto; } .ListImageGallery.square .SetImage .wrapper{ position:relative; } .ListImageGallery.square .SetImage .overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: opacity 0.3s; background-color: rgba(0, 0, 0, 0.5); color: #ffffff; font-size: 1.875rem; text-align: center; } .ListImageGallery.square .BasicGraphic::after { display: block; font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: "\F067"; font-size: 1.875rem; color: #ffffff; text-shadow: 1px 1px 0 #000000; position: absolute; top: 1rem; right: 0; width: 3rem; height: 3rem; box-sizing: border-box; -o-transition: opacity .3s; -ms-transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transition: opacity .3s; transition: opacity .3s; opacity: 0; } .ListImageGallery.square .SetImage .overlay.count{ display: none; font-size: 3.75rem; opacity: 1; font-family: "HurmeGeometricSans1-Light"; font-size: 3.75rem; } .ListImageGallery.square .SetImage:nth-child(-n+4){ display: inline-block; } .ListImageGallery.square .SetImage:nth-child(4) .BasicGraphic::after{ display: none; } .ListImageGallery.square .SetImage:nth-child(4) .overlay.count{ display: inline-block; } /****************************** responsive behavior **********************************/ @media screen and (max-width:850px) { .ListImageGallery.square .SetImage{ width: 50%; padding: 0.625rem 0.625rem; } .ListImageGallery.square .listWrapper{ margin-left: -0.5rem; margin-right: -0.5rem; } .ListImageGallery.square h2{ padding-top: 0.375rem; } } .ListImageGallery.stoerer { background-color: #ebedeb; } .ListImageGallery.stoerer.pageElt{ max-width: unset; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .ListImageGallery.stoerer .listWrapper{ max-width: 64rem; width: 100%; margin: 0 auto; } .ListImageGallery.stoerer .gallery{ padding-top: 2rem; margin-left: 2rem; margin-right: 2rem; display: flex; justify-content: center; } .ListImageGallery.stoerer .SetImage.stoerer{ max-width: 28rem; margin-bottom: 2rem; margin-left: 1rem; margin-right: 1rem; } /****************************** responsive behavior **********************************/ @media screen and (max-width:850px) { .ListImageGallery.stoerer .gallery{ margin-left: 1rem; margin-right: 1rem; } } @media screen and (max-width:768px) { .ListImageGallery.stoerer .gallery{ padding-top: 1rem; display: block; } .ListImageGallery.stoerer .SetImage.stoerer{ margin: 0 auto; margin-bottom: 1rem; } } /****************************** stoerer2 **********************************/ .ListImageGallery.stoerer2 { background-color: #ebedeb; padding: 1rem 1rem 2rem 1rem; max-width: 100%; } @media screen and (max-width: 992px) { .ListImageGallery.stoerer2 { padding-top: 1px; padding-bottom: 1rem; } } .ListImageGallery.teaserLinkGallery { margin-bottom:0; } .ListImageGallery.teaserLinkGallery .gallery { height: 100%; margin: 0 auto; width: 960px; max-width: 100%; /*{ to float repsonsive when text has different length}*/ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ListImageGallery.teaserLinkGallery.col3 { width: auto; padding: 0; } .ListImageGallery.teaserLinkGallery.withShadow { padding-top: 0.5rem; } .ListImageGallery.emotiCups.pageElt { padding:0; max-width: 100%; } .ListImageGallery.emotiCups .textCenter { text-align: center; padding: 0 2rem; max-width: 62rem; width: 100%; margin: 0 auto; box-sizing: border-box; } .ListImageGallery.emotiCups .masonryWrapper{ padding: 0 2rem; max-width: 64rem; width: 100%; margin: 2.5rem auto; box-sizing: border-box; } .ListImageGallery.emotiCups .SetImage{ width: calc(33.333% - 1px); display: inline-block; } @media screen and (max-width: 768px){ .ListImageGallery.emotiCups .SetImage{ width: calc(50% - 1px); } } .ListImageGallery { } /* .ListImageGallery { min-height: 440px; } */ .ListImageGallery.extendedSlideshow { margin-bottom: 2.5rem; max-width: 100%; } .ListImageGallery .previousImage, .ListImageGallery .nextImage { float:left; } .ListLinkList { } .ListLinkList ul,.ListLinkList ol { margin-left: 0px; } .ListLinkList li { list-style-type: none; } .ListListList a.SetLink { overflow: hidden; } .panelContent.edit .ListLinkList.anker, .panelContent.edit .ListLinkList.anker .iconWrapper, .panelContent.edit .ListLinkList.anker .listWrapper{ position: static; } .ListLinkList.anker{ position:fixed; left: 0; bottom: 5rem; } .ListLinkList.anker .iconWrapper{ width: 2.375rem; height: 2.375rem; text-align: center; background-color: #E8833D; margin: 0.25rem; position:absolute; bottom: 0; left: 0; cursor: pointer; opacity:0.75; } .ListLinkList.anker .icon:before{ content: "\f036"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #ffffff; font-size: 1.3rem; padding-top: 0.5rem; } .ListLinkList.anker.open{ width: 100%; padding: 0.2rem 0; background-color: rgba(245, 245, 242, 0.9); } .ListLinkList.anker .listWrapper{ position:relative; overflow:hidden; width: auto; transition: all 0.3s; } .ListLinkList.anker.open .listWrapper{ width: 100%; } .ListLinkList.anker a.SetLink{ display: block; float:left; clear: left; font-size: 0.75rem; background-color: #ffffff; color: #2d2d2d; padding: 0.75rem 1rem; border-left: 0.25rem solid #ffffff; margin-bottom: 0.25rem; cursor: pointer; transition: 500ms border-left-color; line-height: 1em; vertical-align: middle; } .ListLinkList.anker .SetLink:hover{ color: #2d2d2d; border-left-color: #E8833D; } .ListLinkList.buttonList{ overflow: hidden; } .ListLinkList.buttonList li{ margin-bottom: 1.5rem; } .ListLinkList.buttonList li:last-child{ margin-bottom: 0rem; } .ListLinkList.buttonList a.SetLink{ display: inline-block; padding: 0.75rem; box-sizing: border-box; background-color:#E8833D; color:#ffffff; font-size: 0.75rem; line-height: 1.2em; font-family:"HurmeGeometricSans4-SemiBold"; border-radius: 0.25rem; text-align: center; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } @media screen and (max-width:544px) { .ListLinkList.buttonList { margin-bottom: 0.75rem; } .ListLinkList.buttonList .SetLink{ width: 100%; } } .ProductBundleList { margin:0 auto 2.5rem; width:60rem; max-width:100%; box-sizing:border-box; padding:2.5rem 0 0; } .ProductBundleList:not(.open) { cursor:pointer; } .ProductBundleList .productBundleWrapper{ overflow: hidden; margin-bottom: 1rem; } .ProductBundleList .scroll { width:100%; } .ProductBundleList.loading .CustomProduct.bundle:nth-child(n+4){ display: none; } .ProductBundleList.loading .CustomProduct.bundle:nth-child(-n+3) .bundleContentWrapper{ display: none; } .ProductBundleList .CustomProduct.bundle{ width: 33.333%; padding: 0.25rem 1rem; margin-bottom: 1.25rem; /*{ to float repsonsive when text has different length}*/ display: -webkit-flex; display: -ms-flex; display: flex; box-sizing: border-box; } .ProductBundleList .showMore{ display: block; width: 100%; text-align: center; font-size: 0.75rem; line-height: 1.5em; /*font-family: Open Sans Semibold;*/ position: relative; box-sizing: border-box; } .ProductBundleList .showMore:hover{ cursor: pointer; } .ProductBundleList .showMoreContent > *{ padding: 0 0.5rem; display: inline-block; } .ProductBundleList .showMore .icon.fa-chevron-up{ display: none; } .ProductBundleList.open .showMore .icon.fa-chevron-down{ display: none; } .ProductBundleList.open .showMore .icon.fa-chevron-up{ display: inline-block; } .ProductBundleList.open .showMore .defaultButton { border-color:transparent; background-color:transparent; color:#2d2d2d; /*font-family:"Open Sans Semibold";*/ font-size:0.75rem; } @media screen and (max-width: 768px) { .ProductBundleList.scrollable { } .ProductBundleList.scrollable .scrollWrapper { position: relative; overflow: hidden; } .ProductBundleList.scrollable .scroll { overflow-y: hidden; max-width: 100%; overflow-x: scroll !important; -webkit-overflow-scrolling: touch; white-space: nowrap; } .ProductBundleList.scrollable .scroll > * { display: inline-block; float: none !important; padding-bottom: 0; white-space: normal; vertical-align: top; } .ProductBundleList .scrollable .responsiveScrollBar { bottom: 0; font-size: 0; height: 2px; left: 1rem; line-height: 2px; position: absolute; right: 1rem; } .ProductBundleList .scrollable .responsiveScrollBar .bar { background-color: #CCCCCC; float: left; font-size: 0; height: 2px; line-height: 2px; border-radius: 2px; } } @media screen and (max-width:850px){ .ProductBundleList .CustomProduct.bundle { width: 50%; } } @media screen and (max-width:768px){ .ProductBundleList .CustomProduct.bundle { width: 27rem; max-width: 100%; -webkit-flex: 0 0 27rem; -ms-flex: 0 0 27rem; flex: 0 0 27rem; display: -webkit-flex; display: -ms-flex; display: flex; } .ProductBundleList .showMore{ text-align: left; padding: 0 2.5rem 0 0.5rem; } .ProductBundleList .showMore .icon{ position: absolute; right: 1rem; top: calc (50% - 1rem); } } .ListTextList.teaserAnimation.small, .ListTextList.teaserAnimation { max-width: 64rem; overflow: hidden; padding-left:2.5rem; padding-right:2.5rem; } .ListTextList.teaserAnimation.big, .ListTextList.teaserAnimation { max-width: 100rem; padding-left:0; padding-right:0; } .ListTextList.teaserAnimation .SetText.teaserAnimation { float: left; width: 50%; text-align: center; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .ListTextList.teaserAnimation.big .SetText.teaserAnimation.SetText.teaserAnimation:first-child{ padding-left:0; } .ListTextList.teaserAnimation.big .SetText.teaserAnimation.SetText.teaserAnimation:last-child{ padding-right: 0; } @media screen and (max-width: 850px) { .ListTextList.teaserAnimation{ padding-left: 1.5rem; padding-right: 1.5rem; } } @media screen and (max-width: 768px) { .ListTextList.teaserAnimation.small, .ListTextList.teaserAnimation{ padding-left: 0.5rem; padding-right: 0.5rem; } } @media screen and (max-width: 544px) { .ListTextList.teaserAnimation .SetText.teaserAnimation { width: 100%; padding-bottom: 1rem; } .ListTextList.teaserAnimation.big .SetText.teaserAnimation { padding-left: 0; padding-right: 0; } }